.sliderwrap {position:relative; margin-bottom:190px;}
.idmSlider {
	display: none;
	position: relative;
	width: 100%;
	height: 405px;
}

.idmSlider > * {
	position: absolute;
	display: none;
	width: 100%;
}
.idmSlider img {
	position: relative;
	width: 100%;
}
.directionNav {z-index:51; display:block; position:absolute; top:0}
.directionNav i {font-size:35px; color: rgba(255,255,255,1);position: relative;top: 46%;}

.directionNav a {
	text-align:center;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 15%;
	text-shadow: 0 0 10px #000;
	opacity:0.5;
}

.directionNav a:hover {opacity:1;}

.nextNav {
    right: 0;
}

.slider-label {
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
}

.caption {width:auto; background: rgba(28,29,34,.6); padding:30px; color:#c1c1c1; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif; font-size:40px; text-transform:uppercase; line-height: 1em; position:absolute; top:0px;}
.caption span {color:#ff931e; font-size: 47px;}

@media screen and (max-width: 1300px) {
	.directionNav a {width:10%;overflow: hidden;}
	.caption {padding:15px; font-size:30px}
	.caption span {font-size:35px;}
	.caption {left: 12% !important;}
}
@media screen and (max-width: 1135px) {
	.sliderwrap {margin-top: 0 !important}
}
@media screen and (max-width: 900px) {
	.directionNav a {width: 8%}	
}

@media screen and (max-width: 840px) {
	.caption {font-size:20px}
	.caption span {font-size:25px;}
}

@media screen and (max-width: 590px) {
	.caption {font-size:15px}
	.caption span {font-size:17px;}
}