/* ------------------------------- 1. Resets -------------------------------------- */

body .fws2 * { margin: 0; padding: 0; line-height: 1; }
/* ------------------------------- 2. Slider Styles ------------------------------- */

.fws2 { position: relative; background: #000; width: 100%; overflow: hidden; }
.fws2 .slider_container { }
.fws2 .slide { display: none; position: absolute; top: 0; left: 0; z-index: 0; width: 100%; }
.fws2 .slide img { width: 100%; height: auto; float: left; }
.fws2 .slidePrev { background: #000; width: 40px; height: 50px; position: absolute; top: 50%; left: -50px; opacity: 0.5; z-index: 10; }
.fws2 .slidePrev i { width: 40px; height: 50px; float: left; background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; font-size: 32px; color: #FFF; line-height: 1.7; text-align: center; }
.fws2 .slideNext { background: #000; width: 40px; height: 50px; position: absolute; top: 50%; right: -50px; opacity: 0.5; z-index: 10; }
.fws2 .slideNext i { width: 40px; height: 50px; float: left; background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; font-size: 32px; color: #FFF; line-height: 1.7; text-align: center; }
.fws2 .timers { height: 4px; position: absolute; bottom: 15px; right: 0; z-index: 3; }
.fws2 .timer { height: 4px; width: 40px; background-color: #000; float: left; margin-right: 10px; }
.fws2 .progress { height: 4px; width: 0%; background-color: #FC3; float: left; }
.fws2 .bullets { position: absolute; bottom: -50px; z-index: 3; width: 100%; text-align: center; }
.fws2 .bullet { display: inline-table; cursor: pointer; padding: 0 2px; }
.fws2 .bullet i { color: #000; font-size: 15px; line-height: 1; -webkit-transition: color .25s ease-out; transition: color .25s ease-out; }
.fws2 .bullet.active i, .fws2 .bullet:hover i { color: #FFCC33; }
.fws2 .slide_content { top: 0; left: 0; position: absolute; width: 100%; height: 100%; }
.fws2 .slide_content_wrap { max-width: 1280px; position: absolute; left: 0; top: 0; display: none; }
.fws2 .title { opacity: 0; color: #fff; font-size: 36px; padding:0; float: left; font-weight: 400; width:100%;}
.fws2 .description { opacity: 0; color:#fff; font-size:22px; padding:0; clear: both; float: left; margin-top: 2px; line-height: 24px; font-weight: 400; width:100%;}
.fws2 .readmore { opacity: 0; clear: both; float: left; text-transform: uppercase; font-size: 10px; color:rgba(245,217,44,1.00); padding: 10px; text-decoration: none; margin-top: 2px; font-weight: 400; -webkit-transition: color .25s ease-out; transition: color .25s ease-out; border:1px solid #EFC71B;}
.fws2 .readmore:hover { color: #fff; }
.footer { width: 100%; float: left; text-align: center; }
.footer p { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; font-size: 12px; color: #585858; margin-top: 20px; }

/* ------------------------------- 3. Media Query ------------------------------- */



@media only screen and (min-width:1150px) and (max-width: 1450px) {
.fws2 .slide_content_wrap { margin-left: 75px; margin-top: 15%; max-width: 1000px; }
.fws2 .title { font-size: 26px; }
.fws2 .description { font-size: 14px; }
}

@media only screen and (min-width:760px) and (max-width: 1149px) {
.fws2 .slide_content_wrap { margin-left: 75px; margin-top: 15%; max-width: 640px; }
.fws2 .title { font-size: 26px; }
.fws2 .description { font-size: 14px; }
}

@media only screen and (max-width:759px) {
.fws2 .slide_content_wrap { top: 0 !important; left: 0 !important; margin: 0 !important; width: 100%; height: 100%; }
.fws2 .slide_content_wrap h4,  .fws2 .slide_content_wrap p { display: none !important; }
.fws2 .slide_content_wrap a { opacity: 0 !important; background: none !important; font-size: 0 !important; width: 100%; height: 100%; margin: 0 !important; padding: 0 !important; float: left; }
.fws2 .timers { display: none; }
.fws2 .bullets { display: none; }
.fws2 .slide_content { cursor: pointer; }
}


/* ------------------------------- 4. Custom -------------------------------------- */