.responsive-slider{width:100%;position:relative;cursor:move;cursor:-webkit-grab;cursor:-moz-grab;}
.responsive-slider .touch-surface{position:absolute;top:0;left:0;width:100%;height:100%}
.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;max-width:100%}
.responsive-slider .slides ul li .slide-body{display:inline-block;position:relative;max-width:100%;font-size:14px}
.responsive-slider .slides ul li .slide-body img{max-width:100%}
.responsive-slider .slides ul li .slide-body .caption{position:absolute;color:#fff;}
.responsive-slider .slides ul li .slide-body .caption.header{bottom:20%;left:auto;top:auto;text-align:center;max-width:100%;width:100%;font-size:40px;line-height:40px;color:#FFFFFF;}
@media(min-width:481px) and (max-width:767px){.responsive-slider .slides ul li .slide-body .caption.header{top:8%;}
}
@media(max-width:480px){.responsive-slider .slides ul li .slide-body .caption.header{top:8%;}
}
.responsive-slider .slides ul li .slide-body .caption.header h2{font-size:90px;line-height:90px;padding:0 12px;display:inline-block;position:relative; margin: 0;}
.responsive-slider .slides ul li .slide-body .caption.header h2 i{font-size:35px}
@media(min-width:768px) and (max-width:979px){.responsive-slider .slides ul li .slide-body .caption.header h2{ font-size:70px; line-height: 70px; }}
@media(min-width:481px) and (max-width:767px){.responsive-slider .slides ul li .slide-body .caption.header h2{font-size:50px;line-height:50px;}
.responsive-slider .slides ul li .slide-body .caption.header h2 i{font-size:20px}
}
@media(max-width:480px){.responsive-slider .slides ul li .slide-body .caption.header h2{font-size:30px;line-height:30px;}
.responsive-slider .slides ul li .slide-body .caption.header h2 i{font-size:14px}
}
.responsive-slider .slides ul li .slide-body .caption.sub{left:0;position:relative;white-space:normal;padding:0 8px 10px;position:relative;}
@media(min-width:481px) and (max-width:767px){.responsive-slider .slides ul li .slide-body .caption.sub{font-size:20px;line-height:20px;bottom:0;right:-10px}
}
@media(max-width:480px){.responsive-slider .slides ul li .slide-body .caption.sub{font-size:15px;line-height:15px;bottom:5px;right:0}
}
.responsive-slider .slides ul li .slide-body .caption.img-html5{top:13%;right:8%;width:30%}
.responsive-slider .slides ul li .slide-body .caption.img-html5 img{max-width:100%}
.responsive-slider .slides ul li .slide-body .caption.img-css3{top:57%;right:12%;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%}
.responsive-slider .slider-control{color:#7BAE23;opacity:0;filter: alpha(opacity=0);z-index:10;}
.responsive-slider:hover .slider-control{opacity:0.5;filter: alpha(opacity=50);}
.responsive-slider .slider-control:hover{opacity:1;filter: alpha(opacity=100);}
.responsive-slider .slider-control.left{}
.responsive-slider .slider-control.left:hover{text-decoration:none;}
.responsive-slider .slider-control.right{}
.responsive-slider .slider-control.right:hover{text-decoration:none;}
@media(max-width:767px){.responsive-slider .slider-control.left,.responsive-slider .slider-control.right{font-size: 50px; opacity: 1; filter: alpha(opacity=100);}
}
@media(max-width:480px){
  .responsive-slider .slider-control .btn-label{display:none}
  .responsive-slider .slider-control.left{left:0;}
  .responsive-slider .slider-control.right{right:0;}
}
.responsive-slider .pages{position:absolute;bottom:10px;left:0;width:100%;text-align:center;opacity:0;filter:alpha(opacity=0);z-index:10}
.responsive-slider:hover .pages{opacity:1;filter:alpha(opacity=100)}
.responsive-slider .pages .page{text-indent:-9999em;display:inline-block;color:transparent;width:5px;height:5px;border:3px solid #7BAE23;-webkit-border-radius:6px;border-radius:6px;-moz-opacity:.50;opacity:.50;filter:alpha(opacity=50);margin: 2px;}
.responsive-slider .pages .page.active{-moz-opacity:1;opacity:1;filter:alpha(opacity=100);cursor:default}
.responsive-slider .slides ul li .slide-body .caption.header .caption-background{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.responsive-slider .slides ul li .slide-body .caption.header .caption-content{
  position: relative;
  z-index: 2;
  line-height: normal;
}
.responsive-slider .slides ul li .slide-body .caption.header .caption-link{
  line-height: normal;
}
.responsive-slider .slides .slide-overlay{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000000;
  opacity: 0.1;
  filter: alpha(opacity=10.0);
}
#home-slider-overlay{
  position: absolute;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFFFFF url(https://assets3.insales.ru/assets/1/232/573672/1547866635/loader.gif) no-repeat center;
}
