/*------------------------------------------------------------------------

        Name: Full Width Slider 2.0
        Design and Develpment: eightyclouds
        Author URI: http://www.eightyclouds.com
        Version: 1.0

--------------------------------------------------------------------------

   01. CSS Reset
   02. Slider Styles
   03. Media Query Max Width 1300, Min Width 720
   04. Media Query Max Width 719
   
*/
/* ------------------------------- 2. Slider Styles ------------------------------- */
.loader{width:100%;height:300px; }
.ls-loading-container{background: url(../images/loader.GIF) no-repeat; height:40px; width:40px;display:block!important; position:absolute; left:50%; top:50%;}
#fwslider {
	overflow: hidden;
	position: relative;
	width: 100%;
	line-height: 100%;
	
}
.h-home{ height: 742px;}.h-inner{}
#fwslider h4, #fwslider p, #fwslider img {
	margin: 0;
}
#fwslider .slider_container {
}
#fwslider .slide {
	display: none;
	left: 0;
	line-height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}
.fwslider-width .slider_container .slide img{ width:100%;}
#fwslider .slidePrev {
	background: #000;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: -50px;
	opacity: 0.5;
	z-index: 10;
}
#fwslider .slidePrev span {
	background-image: url("../images/left_arrow.png");
	width: 50px;
	height: 50px;
	float: left;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}
#fwslider .slideNext {
	background: #000;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	right: -50px;
	opacity: 0.5;
	z-index: 10;
}
#fwslider .slideNext span {
	background-image: url("../images/right_arrow.png");
	width: 50px;
	height: 50px;
	float: left;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}
#fwslider .timers {
	height: 4px;
	position: absolute;
	bottom: 15px;
	right: 0;
	z-index: 3;
}
#fwslider .timer {
	height: 4px;
	width: 40px;
	background-color: #222;
	float: left;
	margin-right: 10px;
}
#fwslider .progress {
	height: 4px;
	width: 0%;
	background-color: #2fbbb2;
	float: left;
}
#fwslider .slide_content {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

.home #fwslider .slide_content_wrap { /* Slider Text Content Container Style */
	/*max-width: 1280px;
	margin: 29% auto;*/ margin:26% auto; width:100%; text-align:center;
}
.inner #fwslider .slide_content_wrap { /* Slider Text Content Container Style */
	display: none;
}
#fwslider .title {  /* Slider Title Style */
	background-image: url("../images/banner-bg.png");
	color: #2fbbb2;
text-align:center;
	font-family: 'titillium_webregular';
	font-size: 40px;
	opacity: 0;
	padding: 10px 30px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
	text-transform: uppercase; line-height:50px; width: auto;
    display: inline-block;margin:0 auto;
}
.spacer10{ height:0px; clear:both}
#fwslider .description { /* Slider Description Style */
	background-image: url("../images/banner-bg.png"); margin:9px auto;

	width: auto;
    display: inline-block;
	clear: both;
	color: #fff; text-align:center; 
	font-family: 'titillium_webregular';
	font-size: 20px;
	opacity: 0;
	padding: 10px 30px;

	text-transform: uppercase; 
}
.display-in{display:inline-block;}
#fwslider .readmore { /* Slider Read More button Style */
		background: #2fbbb2; margin:auto;

	clear: both;
	color: #fff; border-radius:100px;
 
	font-family:'titillium_webregular';
	font-size: 16px;
	opacity: 0;
	 padding:25px 11px;
    text-align: center;

    width: 92px;
    line-height: 30px;
    height: 58px; display:block;

	text-transform: uppercase; margin:10px auto;
}
#fwslider .readmore:hover {
	color: #fff;	background: #000;
	text-decoration: none;
}
.inner-full-slider{
	margin-bottom: 20px;}
.inner-full-slider .slider_container .inner-banner{width:100%; height:250px ; line-height:244px !important; text-align:center; vertical-align:middle; background:#d2d2d2}
.inner-full-slider .slider_container .inner-banner img{ vertical-align:middle; max-width:100% !important; max-height:100%;}


/* ------------------------------- 3. Media Query Max Width 1300, Min Width 720 ------------------------------- */
@media only screen and (min-width:720px) and (max-width: 1300px) {
#fwslider .slide_content_wrap {
	margin-right: 30px;
	margin-top: 30%;
}
#fwslider .title {
	font-size: 24px;
}
#fwslider .description {
	font-size: 16px;
}
#fwslider .readmore {
	font-size: 16px;
}
#fwslider {
	height: 100%;
}
}
@media (max-width:1300px) {
#fwslider .title {
	font-size: 24px;
	margin-right: 30px;
}
#fwslider .description {
	font-size: 16px;
	margin-right: 30px;
}
#fwslider .readmore {
	font-size: 16px;
	margin-right: 30px;
}
#fwslider {
	height: 100%;
}
}