.container {
	/* defaults for resposive height container */
	position: relative;
	width: 100%;
	height: 0;
	
	/* 39% being the ratio we are maintaining 
	 * calculated by looking at the image 
	 * ratio: 400/1024 = ~0.39 */
	padding: 0 0 45% 0;
	overflow:hidden;
}

.iosSlider {
	width: 100%;
	
	/* this height ends up being your maximum height, 
	 * if you want it to scale forever, set it to 
	 * a very high number */
	height: 1500px;
}

.iosSlider .slider {
	width: 100%;
	height: 100%;
}

.iosSlider .slider .item {
	float: left;
	
	width: 100%;
}

.iosSlider .slider .item img {
	width: 100%;
	height: auto;
}

/* controls */
.container .prevContainer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	
	padding: 0 0 19.5% 0;
	
}

.container .prev {
	position: absolute;
	top: 45%;
	left:30px;
	width: 5%;
	height: 11%;
	background: none;
	z-index: 10;
	opacity: .5; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=50); /* IE lt 8 */
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */
}
.container:hover  .prev {
	opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=100); /* IE lt 8 */
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */
}
.container  .prev div.zbottom {
	position:absolute;
	top: 8%;
	left: 1%;
	width: 100%;
	height: 100%;
	background: #a3a3a3;
	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
	z-index:799
}
.container  .prev div.ztop {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../img/sol.png) center center no-repeat  #fff;
	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
	z-index:899
}

.container  .next {
	position: absolute;
	top: 45%;
	right: 30px;
	width: 5%;
	height: 11%;
	background: none;
	z-index: 10;
	opacity: .5; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=50); /* IE lt 8 */
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */
}
.container:hover  .next {
	opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=100); /* IE lt 8 */
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */
}
.container  .next div.zbottom {
	position:absolute;
	top: 8%;
	left: 1%;
	width: 100%;
	height: 100%;
	background: #a3a3a3;
	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
	z-index:799
}
.container  .next div.ztop {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../img/sag.png) center center no-repeat #fff;
	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
	z-index:899
}
.container .selectorsBlock {
	position: absolute;
	bottom: 10px;
	width: 100%;
	height: 15px;
	z-index:999;
}
#cover.mobil .container .selectorsBlock {
	bottom: 5px;
}
#cover.mobil .container .selectorsBlock {
	height: 10px;
}
.container .selectorsBlock .selectors {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;
	width:500px ;
	height: 100%;
	text-align:center;
}
#cover.mobil .container .selectorsBlock .selectors {width:400px ;}
.container .selectorsBlock .selectors .ortala {
	text-align:center;
	margin: 0 auto;
	display:inline-block;
	height: 100%;
}
.container .selectorsBlock .selectors .item {
	position: relative;
	top: 0;
	left: 0;
	float: left;
	width: 15px;
	height: 100%;
	margin: 0 0 0 5px;
	background: none;
	z-index:899
}
#cover.mobil .container .selectorsBlock .selectors .item {
	width: 10px;
}
.container .selectorsBlock .selectors .item div.zbottom {
	position:absolute;
	top: 10%;
	left: 1%;
	width: 100%;
	height: 100%;
	background: #a3a3a3;
	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
	z-index:799
}
.container .selectorsBlock .selectors .item div.ztop {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #ececec;
	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
	z-index:899
}
.container .selectorsBlock .selectors .selected div.ztop {
	background: #03b3c0;
}
.container .selectorsBlock .selectors .selected div.zbottom {
	background: #cd4613;
}
.container .selectorsBlock .selectors .first {
	margin-left: 0;
}

.container .slider .item .caption {
	position: absolute;
	display:inline-block;
	background:url(../img/caption-bg.png);
	padding: 8px 10px;
	text-align: center;
	border-bottom:2px solid #03b3c0;
}
#cover.mobil .container .slider .item .caption {
padding: 4px 5px;
}
.container .slider .item .caption span {
	font: normal 16px 'Open Sans', Helvetica, Arial, sans-serif;
	color: #fff;
	font-weight:300;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}
#cover.mobil .container .slider .item .caption span {
	font-size:13px;
}