/* ------------------------------- 3. Slider Styles ------------------------------- */

#fwslider {
    position: relative;
    width:100%;
     margin-top:90px; min-height:400px; background:url(../images/loading.gif) center no-repeat
	 
	 }

#fwslider .slide {
    display: block;
    position: absolute;
    top:0;
    left:0;
    z-index: 0;
    width:100%;
}

#fwslider .slide img {
    width:100%;
}

#fwslider .slidePrev {
    background:#fff; opacity:0.6;
    width:30px;
    height:30px;
    position: absolute;
    top:50%;
    left:-50px; left:4% !important;
    z-index: 10;border-radius:100%; 
}

#fwslider .slidePrev span {
	background: url("../images/arrows.png") no-repeat 4px 6px;
	width: 30px;
	height: 30px; overflow:hidden;
	float: left;
	cursor: pointer;
}
#fwslider .slideNext {
    background:#fff; opacity:0.6;
    width:30px;
    height:30px;
    position: absolute;
    top:50%; right:4% !important;
    right:-50px;
    z-index: 10; border-radius:100%; 
}

#fwslider .slideNext span {
	background: url("../images/arrows.png") no-repeat -23px 6px;
	width: 45px;
	height: 45px;
	float: left;
	cursor: pointer;
}

#fwslider .timers {
    height:4px; display:none;
    position: absolute;
    bottom:15px;
    right:0;
    z-index: 3;
}

#fwslider .timer {
    height:4px;
    width:40px;
    background-color: #000;
    float:left;
    margin-right: 10px;
}

#fwslider .progress {
    height:4px;
    width:0%;
    background-color: #952a25;
    float:left;
}

#fwslider .slide_content {
    top:6%;
    left:0;
    position: absolute;
    width:100%;
    height:100%;
}

#fwslider .slide_content_wrap { /* Slider Text Content Container Style */
width:100%;   max-width:1100px;
    margin:0 auto;
}

#fwslider .title {  /* Slider Title Style */
	text-align: left;
width: 60%;
margin: 0 auto;
text-transform: uppercase;
color: #fff;
font-size: 10em;
background: #e36b2c;
padding: 15px 30px;
font-style: normal;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
font-weight: 800;
}

#fwslider .description { /* Slider Description Style */
	text-align: left;
	color: #ffffff;
	margin: 0 auto;
	font-size: 60px;
	padding: 15px 15px;
	clear: both;
	margin-top: 15px;
	line-height: 24px;font-family: Asap;
	 font-weight:700; text-shadow:#000 1px 1px; padding-top:15%
}
#fwslider .description span{ font-size:26px; font-family:Asap; color:#ffffff; font-weight:400; display:inline-block;  margin-top:25px;  width:100%;}
#fwslider .description span img{ width:auto; height:auto; }

/* ------------------------------- 4. Media Query Max Width 1300, Min Width 720 ------------------------------- */
@media only screen and (min-width:720px) and (max-width: 1300px) {

    #fwslider .slide_content_wrap { margin-left:50px; margin-top:12%;}
    #fwslider .title {
		width: 70%;
		font-size:24px;
	}
	#fwslider .description {
		width: 100%;
		font-size:35px ;
		padding: 15px 10px;
	}
	#fwslider .description_text{ font-size:20px;}
}

/* ------------------------------- 5. Media Query Max Width 719 ------------------------------- */
@media only screen and (max-width:800px) { 
#fwslider{ margin-top:-44px;}


}
@media only screen and (max-width:768px) {
    #fwslider .slide_content_wrap { display:block; }
    #fwslider .timers { display:none; }
    #fwslider .slide_content {cursor: pointer;}
    #fwslider .slideNext {
		width: 40px;
		height: 40px;
	}
	#fwslider .slidePrev {
		width: 40px;
		height: 40px;		
	}
	#fwslider .slideNext span {
		background: url("../images/arrows.png") no-repeat -20px 11px;
		width: 40px;
		height: 40px;
	}
	#fwslider .slidePrev span {
		background: url("../images/arrows.png") no-repeat 12px 11px;
		width: 40px;
		height: 40px;
	}
#fwslider .description_text	{ font-size:20px; padding:0; margin-top:-10px; margin-right:0px; width:100%;  height:20px; margin-right:0px; margin-left:11px;}

}
@media only screen and (max-width:360px) {
#fwslider .description { font-size:20px; margin-top:-20px; margin-bottom:0px;}
#fwslider .description_text	{ font-size:10px; padding:0; margin-top:-15px; margin-right:0px; width:100%; background-position: top -2px right 80px; height:20px; margin-right:0px;}
#fwslider{ margin:0px;}
}

@media only screen and (max-width:320px) {
#fwslider .description { font-size:20px; margin-top:-20px; margin-bottom:0px;}
#fwslider .description_text	{ font-size:10px; padding:0; margin-top:-15px; margin-right:0px; width:100%; background-position: top -2px right 50px; height:20px; margin-right:0px; margin-left:30px;}
#fwslider{ margin:0px;}

}