.fluidHeight {
	width: 100%;
	height: 480px;
	padding: 0;
	background: #fff;
    position: relative;
}

.sliderContainer {
	height: 100%;
	max-height: 480px;
	padding: 0 0;
	position: absolute; top:0; left: 0;
	width:100%;
}

.iosSlider {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background:#fff
}

.iosSlider .slider {
	height: 100%;
}

.iosSlider i {
    display: none;
}

.iosSlider .slider .item {
	height: 100%;
	padding: 0 0 0 0;
	text-align: center;
	border-left:1px solid #fff;
	float: left;
}

 .iosSlider .slider .item img {
	position: relative;
	top: 0;
	left: 0;
	width: auto;
    height: 100%;
	margin: 0 auto;
	float: left;
	display: inline-block;
}

.sliderContainer .prev, .sliderContainer .next {
    position:absolute;
    top:0;
    z-index: 10;
    background: rgba(255,255,255,.9);
    width: 10%;
    height: 100%;
    text-align: center;
	opacity: 0
}
.sliderContainer .prev:hover, .sliderContainer .next:hover {
	opacity: 1
}
.sliderContainer .prev {
	left: 0;
}

.sliderContainer .next {
	right: 0;
}

.sliderContainer .prev img, .sliderContainer .next img {
	width: 44px;
	height: 122px;
    opacity: .15;
	top:50%;
	transform: translateY(-50%);
	position: relative
}

.sliderContainer .prev:hover img, .sliderContainer .next:hover img {
    opacity: .5;
}


.loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 5em;
    height: 5em;
    margin: -2.5em 0 0 -2.5em;
    border-radius: 50%;
	background: url(/images/icons/misc/loading.svg) no-repeat center;
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

 
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
.hint {display: none}

@media screen and (max-width: 750px) {
	.fluidHeight {height: 200px; float: left; clear: both; margin-bottom: 2em;}
	.sliderContainer .prev, .sliderContainer .next {display: none}
	.iosSlider .slider .item {border-left: 1px solid #fff}
	.hint {display: block; text-align: center; position: absolute; bottom: 0; z-index: 2; width: 100%; background: rgba(255,255,255,0.5); color: #fff; font-size: 0.75em;}
	.hint:before {content:"\2190"; display: inline-block; margin-right:1em}
	.hint:after {content:"\2192"; display: inline-block; margin-left:1em}
}