.iosSlider {position:relative; width:100%; height:840px; overflow:hidden;}
.iosSlider .slider {width: 100%; height:100%;}
.iosSlider .slider .item {float:left; width:100%; height:100%; background-size:auto 100%; background-position:center center; position:relative; background-repeat:no-repeat;}
.iosSlider .slider .item a {display: block; width:100%;  height:100%}
.iosSlider .slider .item img {width:100%;}

/* controls */
.iosSlider .prevContainer {position:absolute; top:50%; height:20px; left:0; width:100px; z-index:10;}
.iosSlider .prevContainer .prev {position:absolute; bottom:-10%; left:0; width:100%; height:100%; background:#aaa;}
.iosSlider .nextContainer {position:absolute; top:50%; height:20px; right:0; width:100px; z-index:10;}
.iosSlider .nextContainer .next {position:absolute; bottom:-10%; left:0; width:100%; height:100%; background:#aaa;}
.iosSlider .selectorsBlock {position:absolute; bottom:10px; width:100%; height:5%;}
.iosSlider .selectorsBlock .selectors {position:relative; top:0; left:0; margin:0 auto; height:100%; text-align:center;}
.iosSlider .selectorsBlock .selectors .item { top:0; left:0; width:13px; height:13px; list-style:none; border-radius:20px;  margin: 3px; display:inline-block; background:#fff; opacity:0.6; transition: all 0.3s ease;}
.iosSlider .selectorsBlock .selectors .selected {opacity:1; width:30px; }

/*Mobile*/