/* -- Slider core styles -- */
.slider-container {position: relative;overflow: hidden;width: 100%;margin: 0 auto;}
.slider { position: relative; width: 9999px;}
.slider:before,
.slider:after {display: table; content: ' ';}
.slider:after {clear: both;}
.slider div {position: relative;float: left; margin: 0;padding: 0;}
.slider div img {display: block;max-width: 100%;height: auto;}
.act,
#prev > span,
#next > span,
#slider-nav > a {background: url(../images/arrows.png) no-repeat; }
#next > span,
#prev > span {display: block;width: 16px;height: 24px;}
/* Arrows */
#next > span {background-position: -20px 0;}
#prev > span {background-position: 0 0;}
#next,
#prev {position: absolute;top: 50%;margin-top: -20px;padding: 10px 15px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;
-ms-user-select: none;user-select: none;border-radius: 5px;background: rgba(0, 0, 0, .39);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000'); /* ie8 */
-o-user-select: none; z-index:99;}
#prev {left: 10px;}
#next {right: 10px;}

#caption{ background:rgba(0, 0, 0, 0.4); width:100%; height:100%; position:absolute; top:0; padding: 150px 0 150px 0px;list-style:none; z-index:1;cursor: pointer; text-align:center;}
#caption h1{ font-size:52px;font-family: 'Lato', sans-serif; color:#fff; font-weight:bolder; text-transform:uppercase; padding-bottom:30px;}
#caption h1 span{color:#eb3232;}
#caption p{ font-size:24px;font-family: 'Lato', sans-serif; color:#fff; padding: 0 0 45px 0px;}
.readmore
{background:#eb3232;text-align:center; margin:5px 0px 0 0px; padding:13px 50px; font-size:18px; color:#fff;  -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; -khtml-transition:.5s;font-family: 'Lato', sans-serif; display:inline-block; text-decoration:none; border-radius:30px; border:#d22525 1px solid;}
.readmore:hover
{background:#ca2020; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; -khtml-transition:.5s;border:#bc1b1b 1px solid;}

.caption a {display: block;color: #fff;}
.slider-nav {line-height: 30px;position: absolute;bottom: 10px;left: 0;width: 100%; z-index:99;height: 30px;margin: 0;padding: 0;text-align: center;filter: alpha(opacity=90); /* ie8 */}
.slider-nav a {display: inline-block;width: 12px;height: 12px;margin: 0 3px;
-webkit-transition: background .5s ease;-moz-transition: background .5s ease; -o-transition: background .5s ease;
transition: background .5s ease;border: 2px solid #fff;border-radius: 50%;background: transparent;}
.slider-nav .active {width: 12px;height: 12px;background: #f64444;border: 2px solid #f64444;}



/* Start of desktop */
@media screen and (max-width:1199px) and (min-width:1001px) {

#caption{ background:rgba(0, 0, 0, 0.4); width:100%; position:absolute; top:0; padding: 100px 0 160px 0px;list-style:none; z-index:1;cursor: pointer; text-align:center;}
#caption h1{ font-size:44px;font-family: 'Lato', sans-serif; color:#fff; font-weight: bolder; text-transform:uppercase; padding-bottom:25px;}
#caption h1 span{color:#eb3232;}
#caption p{ font-size:20px;font-family: 'Lato', sans-serif; color:#fff; padding: 0 0 30px 0px;}
.readmore
{background:#eb3232;text-align:center; margin:5px 0px 0 0px; padding:13px 50px; font-size:18px; color:#fff;  -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; -khtml-transition:.5s;font-family: 'Lato', sans-serif; display:inline-block; text-decoration:none; border-radius:30px; border:#d22525 1px solid;}
.readmore:hover
{background:#ca2020; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; -khtml-transition:.5s;border:#bc1b1b 1px solid;}
} 


/* Start of desktop */
@media screen and (max-width:1000px) and (min-width:801px) {

#caption{ background:rgba(0, 0, 0, 0.4); width:100%; position:absolute; top:0; padding: 80px 0 160px 0px;list-style:none; z-index:1;cursor: pointer; text-align:center;}
#caption h1{ font-size:37px;font-family: 'Lato', sans-serif; color:#fff; font-weight: bolder; text-transform:uppercase; padding-bottom:25px;}
#caption h1 span{color:#eb3232;}
#caption p{ font-size:18px;font-family: 'Lato', sans-serif; color:#fff; padding: 0 0 30px 0px;}
.readmore
{background:#eb3232;text-align:center; margin:5px 0px 0 0px; padding:13px 50px; font-size:16px; color:#fff;  -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; -khtml-transition:.5s;font-family: 'Lato', sans-serif; display:inline-block; text-decoration:none; border-radius:30px; border:#d22525 1px solid;}
.readmore:hover
{background:#ca2020; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; -khtml-transition:.5s;border:#bc1b1b 1px solid;}
} 

/* Start of desktop */
@media screen and (max-width:800px) and (min-width:601px) {

#caption{ background:rgba(0, 0, 0, 0.4); width:100%; position:absolute; top:0; padding: 55px 0 160px 0px;list-style:none; z-index:1;cursor: pointer; text-align:center;}
#caption h1{ font-size:28px;font-family: 'Lato', sans-serif; color:#fff; font-weight: bolder; text-transform:uppercase; padding-bottom:15px;}
#caption h1 span{color:#eb3232;}
#caption p{ font-size:15px;font-family: 'Lato', sans-serif; color:#fff; padding: 0 0 15px 0px;}
.readmore
{background:#eb3232;text-align:center; margin:5px 0px 0 0px; padding:7px 50px; font-size:15px; color:#fff;  -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; -khtml-transition:.5s;font-family: 'Lato', sans-serif; display:inline-block; text-decoration:none; border-radius:30px; border:#d22525 1px solid;}
.readmore:hover
{background:#ca2020; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; -khtml-transition:.5s;border:#bc1b1b 1px solid;}
} 

/* Start of Iphone / Mobile */
@media screen and (max-width:600px) and (min-width:320px) {
#caption{ background:rgba(0, 0, 0, 0.4); width:100%; height:100%; position:absolute; top:0; padding: 20px 0 30px 0px;list-style:none; z-index:1;cursor: pointer; text-align:center;}
#caption h1{ font-size:14px !important;font-family: 'Lato', sans-serif; color:#fff; font-weight: bold; text-transform:uppercase; padding-bottom:10px;}
#caption p{ font-size:13px;font-family: 'Lato', sans-serif; color:#fff; padding: 0 0 0px 0px; display:none;}
.readmore
{background:#eb3232;text-align:center; margin:0px 0px 0 0px; padding:6px 30px; font-size:15px; color:#fff;  -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; -khtml-transition:.5s;font-family: 'Lato', sans-serif; display:inline-block; text-decoration:none; border-radius:30px; border:#d22525 1px solid;}
.readmore:hover
{background:#ca2020; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; -khtml-transition:.5s;border:#bc1b1b 1px solid;}
.slider-nav {line-height: 30px;position: absolute;bottom:0px;left: 0;width: 100%; z-index:99;height: 30px;margin: 0;padding: 0;text-align: center;filter: alpha(opacity=90); /* ie8 */}
}

/* Start of Iphone / Mobile */
@media screen and (max-width: 480px) {
#caption{ background:rgba(0, 0, 0, 0.6); width:100%; height:100%; position:absolute; top:0; padding: 20px 0 30px 0px;list-style:none; z-index:1;cursor: pointer; text-align:center;}
}

