/* GALLERY (slider) — 11 images */
#slider_bl input{display:none}
#slider_bl .inner{width:1100%;line-height:0}
#slider_bl article{width:9.0909%;float:left;position:relative}
#slider_bl article img{width:100%}

#slider_bl .slider-prev-next-control{height:50px;position:absolute;top:50%;width:100%;
  -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);
  z-index:2}
#slider_bl .slider-prev-next-control label{display:none;width:40px;height:40px;border-radius:50%;background:#fff;opacity:.7;cursor:pointer}
#slider_bl .slider-prev-next-control label:hover{opacity:1}

#slider_bl .slider-dot-control{position:absolute;width:100%;bottom:0;text-align:center;z-index:2}
#slider_bl .slider-dot-control label{cursor:pointer;border-radius:5px;display:inline-block;width:10px;height:10px;background:#bbb;
  -webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;margin:6px 3px}
#slider_bl .slider-dot-control label:hover{background:#ccc;border-color:#777}

#slider_bl .info{position:absolute;font-style:italic;line-height:20px;opacity:0;color:#000;text-align:left;
  -webkit-transition:all 1s ease-out .6s;-moz-transition:all 1s ease-out .6s;transition:all 1s ease-out .6s}
#slider_bl .info h3{color:#ffffff;margin:0 0 5px;font-weight:400;font-size:1.5em;font-style:normal}
#slider_bl .info.top-left{top:30px;left:30px}
#slider_bl .info.top-right{top:30px;right:30px}
#slider_bl .info.bottom-left{bottom:30px;left:30px}
#slider_bl .info.bottom-right{bottom:30px;right:30px}

#slider_bl .slider-wrapper{width:100%;overflow:hidden;border-radius:5px;box-shadow:1px 1px 4px #666;background:#000000;
  -webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);
  -webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out}
#slider_bl .slider-wrapper .inner{
  -webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);
  -webkit-transition:all .8s cubic-bezier(.77,0,.175,1);-moz-transition:all .8s cubic-bezier(.77,0,.175,1);transition:all .8s cubic-bezier(.77,0,.175,1)
}

/* Arrow base (both sides) */
#slider_bl #slide1:checked ~ .slider-prev-next-control label:nth-child(2)::after,
#slider_bl #slide1:checked ~ .slider-prev-next-control label:nth-child(11)::after,
#slider_bl #slide2:checked ~ .slider-prev-next-control label:nth-child(3)::after,
#slider_bl #slide2:checked ~ .slider-prev-next-control label:nth-child(1)::after,
#slider_bl #slide3:checked ~ .slider-prev-next-control label:nth-child(4)::after,
#slider_bl #slide3:checked ~ .slider-prev-next-control label:nth-child(2)::after,
#slider_bl #slide4:checked ~ .slider-prev-next-control label:nth-child(5)::after,
#slider_bl #slide4:checked ~ .slider-prev-next-control label:nth-child(3)::after,
#slider_bl #slide5:checked ~ .slider-prev-next-control label:nth-child(6)::after,
#slider_bl #slide5:checked ~ .slider-prev-next-control label:nth-child(4)::after,
#slider_bl #slide6:checked ~ .slider-prev-next-control label:nth-child(7)::after,
#slider_bl #slide6:checked ~ .slider-prev-next-control label:nth-child(5)::after,
#slider_bl #slide7:checked ~ .slider-prev-next-control label:nth-child(8)::after,
#slider_bl #slide7:checked ~ .slider-prev-next-control label:nth-child(6)::after,
#slider_bl #slide8:checked ~ .slider-prev-next-control label:nth-child(9)::after,
#slider_bl #slide8:checked ~ .slider-prev-next-control label:nth-child(7)::after,
#slider_bl #slide9:checked ~ .slider-prev-next-control label:nth-child(10)::after,
#slider_bl #slide9:checked ~ .slider-prev-next-control label:nth-child(8)::after,
#slider_bl #slide10:checked ~ .slider-prev-next-control label:nth-child(11)::after,
#slider_bl #slide10:checked ~ .slider-prev-next-control label:nth-child(9)::after,
#slider_bl #slide11:checked ~ .slider-prev-next-control label:nth-child(1)::after,
#slider_bl #slide11:checked ~ .slider-prev-next-control label:nth-child(10)::after{
  font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;margin:0;line-height:38px;font-size:3em;display:block;color:#777
}

/* Next arrow (right) */
#slider_bl #slide1:checked ~ .slider-prev-next-control label:nth-child(2)::after,
#slider_bl #slide2:checked ~ .slider-prev-next-control label:nth-child(3)::after,
#slider_bl #slide3:checked ~ .slider-prev-next-control label:nth-child(4)::after,
#slider_bl #slide4:checked ~ .slider-prev-next-control label:nth-child(5)::after,
#slider_bl #slide5:checked ~ .slider-prev-next-control label:nth-child(6)::after,
#slider_bl #slide6:checked ~ .slider-prev-next-control label:nth-child(7)::after,
#slider_bl #slide7:checked ~ .slider-prev-next-control label:nth-child(8)::after,
#slider_bl #slide8:checked ~ .slider-prev-next-control label:nth-child(9)::after,
#slider_bl #slide9:checked ~ .slider-prev-next-control label:nth-child(10)::after,
#slider_bl #slide10:checked ~ .slider-prev-next-control label:nth-child(11)::after,
#slider_bl #slide11:checked ~ .slider-prev-next-control label:nth-child(1)::after{content:"\f105";padding-left:15px}
#slider_bl #slide1:checked ~ .slider-prev-next-control label:nth-child(2),
#slider_bl #slide2:checked ~ .slider-prev-next-control label:nth-child(3),
#slider_bl #slide3:checked ~ .slider-prev-next-control label:nth-child(4),
#slider_bl #slide4:checked ~ .slider-prev-next-control label:nth-child(5),
#slider_bl #slide5:checked ~ .slider-prev-next-control label:nth-child(6),
#slider_bl #slide6:checked ~ .slider-prev-next-control label:nth-child(7),
#slider_bl #slide7:checked ~ .slider-prev-next-control label:nth-child(8),
#slider_bl #slide8:checked ~ .slider-prev-next-control label:nth-child(9),
#slider_bl #slide9:checked ~ .slider-prev-next-control label:nth-child(10),
#slider_bl #slide10:checked ~ .slider-prev-next-control label:nth-child(11),
#slider_bl #slide11:checked ~ .slider-prev-next-control label:nth-child(1){display:block;float:right;margin-right:5px}

/* Prev arrow (left) */
#slider_bl #slide1:checked ~ .slider-prev-next-control label:nth-child(11),
#slider_bl #slide2:checked ~ .slider-prev-next-control label:nth-child(1),
#slider_bl #slide3:checked ~ .slider-prev-next-control label:nth-child(2),
#slider_bl #slide4:checked ~ .slider-prev-next-control label:nth-child(3),
#slider_bl #slide5:checked ~ .slider-prev-next-control label:nth-child(4),
#slider_bl #slide6:checked ~ .slider-prev-next-control label:nth-child(5),
#slider_bl #slide7:checked ~ .slider-prev-next-control label:nth-child(6),
#slider_bl #slide8:checked ~ .slider-prev-next-control label:nth-child(7),
#slider_bl #slide9:checked ~ .slider-prev-next-control label:nth-child(8),
#slider_bl #slide10:checked ~ .slider-prev-next-control label:nth-child(9),
#slider_bl #slide11:checked ~ .slider-prev-next-control label:nth-child(10){display:block;float:left;margin-left:5px}
#slider_bl #slide1:checked ~ .slider-prev-next-control label:nth-child(11)::after,
#slider_bl #slide2:checked ~ .slider-prev-next-control label:nth-child(1)::after,
#slider_bl #slide3:checked ~ .slider-prev-next-control label:nth-child(2)::after,
#slider_bl #slide4:checked ~ .slider-prev-next-control label:nth-child(3)::after,
#slider_bl #slide5:checked ~ .slider-prev-next-control label:nth-child(4)::after,
#slider_bl #slide6:checked ~ .slider-prev-next-control label:nth-child(5)::after,
#slider_bl #slide7:checked ~ .slider-prev-next-control label:nth-child(6)::after,
#slider_bl #slide8:checked ~ .slider-prev-next-control label:nth-child(7)::after,
#slider_bl #slide9:checked ~ .slider-prev-next-control label:nth-child(8)::after,
#slider_bl #slide10:checked ~ .slider-prev-next-control label:nth-child(9)::after,
#slider_bl #slide11:checked ~ .slider-prev-next-control label:nth-child(10)::after{content:"\f104";padding-left:8px}

/* Active dot */
#slider_bl #slide1:checked ~ .slider-dot-control label:nth-child(1),
#slider_bl #slide2:checked ~ .slider-dot-control label:nth-child(2),
#slider_bl #slide3:checked ~ .slider-dot-control label:nth-child(3),
#slider_bl #slide4:checked ~ .slider-dot-control label:nth-child(4),
#slider_bl #slide5:checked ~ .slider-dot-control label:nth-child(5),
#slider_bl #slide6:checked ~ .slider-dot-control label:nth-child(6),
#slider_bl #slide7:checked ~ .slider-dot-control label:nth-child(7),
#slider_bl #slide8:checked ~ .slider-dot-control label:nth-child(8),
#slider_bl #slide9:checked ~ .slider-dot-control label:nth-child(9),
#slider_bl #slide10:checked ~ .slider-dot-control label:nth-child(10),
#slider_bl #slide11:checked ~ .slider-dot-control label:nth-child(11){background:#333}

/* Show .info on active slide (если используете .info) */
#slider_bl #slide1:checked ~ .slider-wrapper article:nth-child(1) .info,
#slider_bl #slide2:checked ~ .slider-wrapper article:nth-child(2) .info,
#slider_bl #slide3:checked ~ .slider-wrapper article:nth-child(3) .info,
#slider_bl #slide4:checked ~ .slider-wrapper article:nth-child(4) .info,
#slider_bl #slide5:checked ~ .slider-wrapper article:nth-child(5) .info,
#slider_bl #slide6:checked ~ .slider-wrapper article:nth-child(6) .info,
#slider_bl #slide7:checked ~ .slider-wrapper article:nth-child(7) .info,
#slider_bl #slide8:checked ~ .slider-wrapper article:nth-child(8) .info,
#slider_bl #slide9:checked ~ .slider-wrapper article:nth-child(9) .info,
#slider_bl #slide10:checked ~ .slider-wrapper article:nth-child(10) .info,
#slider_bl #slide11:checked ~ .slider-wrapper article:nth-child(11) .info{opacity:1}

/* Slide offsets */
#slider_bl #slide1:checked ~ .slider-wrapper .inner{margin-left:0}
#slider_bl #slide2:checked ~ .slider-wrapper .inner{margin-left:-100%}
#slider_bl #slide3:checked ~ .slider-wrapper .inner{margin-left:-200%}
#slider_bl #slide4:checked ~ .slider-wrapper .inner{margin-left:-300%}
#slider_bl #slide5:checked ~ .slider-wrapper .inner{margin-left:-400%}
#slider_bl #slide6:checked ~ .slider-wrapper .inner{margin-left:-500%}
#slider_bl #slide7:checked ~ .slider-wrapper .inner{margin-left:-600%}
#slider_bl #slide8:checked ~ .slider-wrapper .inner{margin-left:-700%}
#slider_bl #slide9:checked ~ .slider-wrapper .inner{margin-left:-800%}
#slider_bl #slide10:checked ~ .slider-wrapper .inner{margin-left:-900%}
#slider_bl #slide11:checked ~ .slider-wrapper .inner{margin-left:-1000%}

/* Responsive */
@media only screen and (max-width:850px) and (min-width:450px){
  #slider_bl .slider-wrapper{border-radius:0}
}
@media only screen and (max-width:450px){
  #slider_bl .slider-wrapper{border-radius:0}
  #slider_bl .slider-wrapper .info{opacity:0}
}
@media only screen and (min-width:850px){
  #slider_bl body{padding:0 80px}
}