.slider{position:relative;overflow:hidden;width:100%;height:auto;}
.responsive-slider{width:100%;height:auto;position:relative;background-color:#103959;}
.responsive-slider [data-animate]{opacity:0;}
.responsive-slider .slides{position:relative;overflow:hidden;}
.responsive-slider .slides ul{list-style-type:none;padding:0;margin:0;white-space:nowrap;font-size:0;}
.responsive-slider .slides ul li{display:inline-block;width:100%;max-width:100%;position:relative!important;}
.responsive-slider .slides ul li .slide-body{display:block;width:100%!important;position:relative!important;max-width:100%;font-size:14px;white-space:normal;}
.responsive-slider .slides ul li .slide-body img{width:100%;height:auto;}
.responsive-slider .slides ul li .slide-body .overlay{width:100%;height:100%;background-color:rgba(0,0,0,0);box-shadow:inset 0px 200px 50px -50px rgba(0,0,0,.3);z-index:1;position:absolute;top:0;left:0;}
.responsive-slider .slides ul li .slide-body .container{padding-top:10px;padding-bottom:10px;padding-left:50%!important;text-align:center;}
.responsive-slider .slides ul li .slide-body .caption{position:absolute;color:#fff;text-align:center;}
.responsive-slider .slides ul li .slide-body .caption.header{top:40%;left:0;width:100%;text-shadow:1px 1px 3px rgba(0,0,0,0);text-align:center;}
.responsive-slider .slides ul li .slide-body .caption.header h3{font-size:34px!important;color:#fff!important;font-weight:300!important;line-height:40px!important;}
.responsive-slider .slides ul li .slide-body .caption.header h3 span{font-size:28px!important;line-height:normal;font-weight:700!important;color:#fff!important;text-transform:uppercase;}
.responsive-slider h4{font-size:22px!important;line-height:normal;display:inline-block;margin:0 0 10px 0;color:#fff!important;text-transform:uppercase;font-weight:400!important;}
.responsive-slider .slides ul li .slide-body .caption.header a{color:#fff;font-size:14px;border:solid 2px #fff;border-radius:30px;text-transform:uppercase;padding:5px 20px;text-transform:uppercase;display:inline-block;margin:0 5px;}
.responsive-slider .slides ul li .slide-body .caption.header .sub{left:0;top:100px;font-size:16px;text-shadow:0px 0px 6px #000;font-family:'Open Sans', sans-serif!important;font-weight:700;}
.responsive-slider .slides ul li .slide-body .caption.sub{bottom:-8px;right:-20px;font-weight:bold;}
.responsive-slider .slides ul li .slide-body .caption.img-html5{position:absolute;z-index:1;top:-80px;left:5%;width:auto;width:50%;text-align:center;}
.responsive-slider .slides ul li .slide-body .caption.img-html5 img{max-width:100%;height:auto;width:auto;}
.responsive-slider .slides ul li .slide-body .caption.img-css3{top:57%;right:25%;width:10%;}
.responsive-slider .slides ul li .slide-body .caption.img-css3 img{max-width:100%;}
.responsive-slider .slides ul li .slide-body .caption.img-bootstrap{top:48%;right:12%;width:11%;}
.responsive-slider .slides ul li .slide-body .caption.img-bootstrap img{max-width:100%;}
.responsive-slider .slides ul li .slide-body .caption.img-twitter{top:19%;right:12%;width:11%;}
.responsive-slider .slides ul li .slide-body .caption.img-twitter img{max-width:100%;}
.responsive-slider .slides ul li .slide-body .caption.img-jquery{top:66%;right:12%;width:33%;}
.responsive-slider .slides ul li .slide-body .caption.img-jquery img{max-width:100%;}
@media screen and (max-width:992px){.responsive-slider .slides ul li .slide-body{display:block;width:100%!important;position:relative!important;max-width:100%;font-size:14px;white-space:normal;}
.responsive-slider .slides ul li .slide-body .container{padding-top:10px;padding-bottom:10px;padding-left:50%!important;}
.responsive-slider .slides ul li .slide-body .caption.header{top:100px;left:0;width:100%;}
.responsive-slider .slides ul li .slide-body .caption.header h3{font-size:16px!important;font-weight:400!important;line-height:20px!important;}
.responsive-slider .slides ul li .slide-body .caption.header h3 span{font-size:16px!important;line-height:normal;}
.responsive-slider .slides ul li .slide-body .caption.header a{font-size:12px;border-radius:30px;padding:5px 15px;}
.responsive-slider .slides ul li .slide-body .caption.img-html5{top:30px;left:2%;width:auto;max-width:50%;}
.responsive-slider .slides ul li .slide-body .caption.img-html5 img{max-width:100%;height:200px;width:auto;}
}
@media screen and (max-width:620px){.responsive-slider .slides ul li .slide-body{display:block;width:100%!important;position:relative!important;max-width:100%;font-size:14px;white-space:normal;}
.responsive-slider .slides ul li .slide-body .container{padding-top:10px;padding-bottom:10px;padding-left:50%!important;}
.responsive-slider .slides ul li .slide-body .caption.header{top:100px;left:0;width:100%;}
.responsive-slider .slides ul li .slide-body .caption.header h3{font-size:12px!important;font-weight:400!important;line-height:16px!important;}
.responsive-slider .slides ul li .slide-body .caption.header h3 span{font-size:12px!important;line-height:normal;}
.responsive-slider .slides ul li .slide-body .caption.header a{font-size:8px;border-radius:20px;padding:0px 5px;margin:0 2px;}
.responsive-slider .slides ul li .slide-body .caption.img-html5{top:30px;left:2%;width:auto;}
.responsive-slider .slides ul li .slide-body .caption.img-html5 img{max-width:90%;height:auto;width:auto;}
}
.responsive-slider .slider-control{position:absolute;z-index:5;font-size:120px;color:rgba(255,255,255,0);opacity:.3;top:40%;padding:10px;-moz-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;}
.responsive-slider .slider-control.left{left:0;}
.responsive-slider .slider-control.right{right:0;}
.responsive-slider:hover .slider-control{color:rgba(255,255,255,1);opacity:1;}
@media screen and (max-width:768px){.responsive-slider .slider-control{display:none;}
}
.responsive-slider .pages{position:absolute;z-index:3;bottom:90px;right:0;width:100%;text-align:left;}
@media screen and (max-width:480px){.responsive-slider .pages{bottom:40px;}
}
.responsive-slider .pages .container{padding-top:0;padding-bottom:0;}
.responsive-slider .pages .page{display:inline-block;color:transparent;width:30px;height:10px;border:solid 2px #fff;background-color:rgba(255,255,255,0);border-radius:0;}
.responsive-slider .pages .page.active{background-color:rgba(255,255,255,1)}
@media screen and (max-width:768px){.responsive-slider .pages .page{display:inline-block;color:transparent;width:10px;height:5px;border:solid 1px #fff;background-color:rgba(255,255,255,0);border-radius:0;}
}