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

        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 ------------------------------- */

#fwslider {
    overflow: hidden;
    width:100%;
    line-height:100%;
	max-height:370px;
}
#fwslider img {
    
	max-height:370px;
}


#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 .slide img {
   width:100%;
   height:370px;
}

#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 .progress {
    height:4px;
    width:0%;
    background-color: #A66262;
    float:left;
}

#fwslider .slide_content {
	top:150px;
	position:absolute;
	width:700px;
	left:45%;
	padding:20px;
	/*margin-left:-450px;
	background-image: url(../images/slider-cnt-bg.png);*/
}

@media only screen and (max-width: 1300px) {	
#fwslider .slide_content {
	top:150px;
	position:absolute;
	width:700px;
	left:25%;
	padding:20px;
	/*margin-left:-450px;
	background-image: url(../images/slider-cnt-bg.png);*/
	display:none;
}

}

.home #fwslider .slide_content_wrap { /* Slider Text Content Container Style */
   
}

.inner #fwslider .slide_content_wrap { /* Slider Text Content Container Style */
    display: none;
}

#fwslider h1 {  /* Slider Title Style */
   
    color:#fff;
    float:left;
    font-family: 'Open Sans', sans-serif;
    font-size:24px;
    /*opacity: 0;*/
    padding:10px 10px 10px 10px;
    text-transform:uppercase;
	text-align:center;
	font-weight:normal;
	background-color: #000;
	margin-top:50px;
}

#fwslider h1 span {  /* Slider Title Style */
   /* background:#be0000;*/
    color:#ff670c;
   /* padding:4px 10px 6px;*/
}

#fwslider p { /* Slider Description Style */
	clear:both;
	color:#FFF;
	float:left;
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	padding:0px;
	text-align:left;
	line-height:30px;
	text-transform: uppercase;
}
#fwslider p span {  /* Slider Title Style */
   
    color:#fff;
    /*float:left;*/
    font-family: 'Open Sans', sans-serif;
    font-size:25px;
    padding:10px 0px 10px 10px;
    text-transform:uppercase;
	text-align:center;
	font-weight:normal;
	line-height:50px;
}

#fwslider .readmore { /* Slider Read More button Style */
    background:#005433;
    clear:both;
    color:#fff;
    float:left;
   font-family: 'Open Sans', sans-serif;
    font-size:20px;
    opacity: 0;
    padding:13px 20px;
    text-transform:uppercase;
	border-bottom:4px solid #00331f;
	margin-top:10px;
}

#fwslider .readmore:hover {
    color:#b3ffe1;
    text-decoration:none;
}

/* ------------------------------- 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;}

}

/* ------------------------------- 4. Media Query Max Width 719 ------------------------------- */

@media only screen and (max-width:719px) {

    #fwslider .slide_content_wrap { display:none; }
    #fwslider .timers { display:none; }
    #fwslider .slide_content {cursor: pointer;}

}