.iosSlider {
	position: relative;
	top: 0;
	left: 0;
	overflow: visible;
	width: 100%;
	background-color: #000;
}

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

.iosSlider .slider .item {
	float: left;
	height: 100%;
	text-align: center;
}

.iosSlider .slider .selected{
	cursor: pointer;
}
.selected-prev,
.selected-next{
	cursor: pointer;	
}
.prevContainer{
	position: absolute;
	top: 48%;
	width: 100%;	
	text-align: center;
	left: 0;
}

.nextContainer{
	position: absolute;
	top: 48%;
	width: 100%;
	text-align: center;
	right: 0;
}

.prevContainer_mobile{
	position: absolute;
	top: 48%;
	width: 70px;	
	text-align: center;
	left: 0;
	z-index: 99;
}

.nextContainer_mobile{
	position: absolute;
	top: 48%;
	width: 70px;	
	text-align: center;
	right: 0;
	z-index: 99;
}

.prev,
.prev_mobile{

	background: url('img/left_arrow.png');
	height: 15px;
	background-repeat: no-repeat;
	background-position: center center;
}
.next,
.next_mobile{
  background: url('img/rightarrow.png');
  height: 15px;
  background-repeat: no-repeat;
  background-position: center center;
}


.sp-image{
	  height: 100%;
	  width: 100%;
	  background-size: cover !important;
	  background-position: center center !important;
}
.sp-layer{
	position: absolute;
	  top: 46%;
	  width: 100%;
	  text-align: center;
	  color: #fff;
	  height: 100%;
	  z-index: 1;
}
.slide-title{
	display: block;
	margin-top: 20px;
}
.selected-prev .sp-layer{
	right: 0;
	margin-top: 30px;
}
.selected-next .sp-layer{
	left: 0;
	margin-top: 30px;
}
.selected-prev .sp-layer .slide-location-ico,
.selected-next .sp-layer .slide-location-ico{
	display: none;
}

.slide-location-ico {
  color: #fff;
  font-family: "icon-worksregular";
  font-size: 40px;
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
.slide-title a, .slide-title a:hover, .slide-title a:focus {
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  text-decoration: none;
  white-space: normal;
  font-family: "brandon-grotesque", sans-serif;
}
.slide-overlay {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.selected .slide-overlay{
	display: none;
}

.selected-prev .slide-overlay, 
.selected-next .slide-overlay {
  background: rgba(0, 0, 0, .45);
}

#captionContainer_mobile{
	  height: 50px;
	  text-align: center;
	  color: #000;
}
#captionContainer_mobile a {
  font-size: 18px;
  text-transform: uppercase;
  display: inline-block;
  color: #444443;
  padding: 10px 0px;
  letter-spacing: 0.05em;
}


/****************************************
  Media Quries
****************************************/


@media only screen {

	.iosSlider{
		height: 500px;
	}
	.iosSlider .slider .item {
		width: 1024px;
	}

}


@media only screen and (max-width : 1600px) {

	.iosSlider{
		height: 500px;
	}
	.iosSlider .slider .item {
		width: 960px;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1400px) {

	.iosSlider{
		height: 500px;
	}	
	.iosSlider .slider .item {
		width: 840px;
	}
	.slide-title a,
	.slide-title a:hover,
	.slide-title a:focus{
		font-size: 14px;
	}

}
@media only screen and (max-width : 1200px) {

	.iosSlider{
		height: 460px;
	}
	.iosSlider .slider .item {
		width: 720px;
	}
}

/* Small Devices, Tablets Landscape */
@media only screen and (max-width : 1024px) {

	.iosSlider{
		height: 460px;
	}
	.iosSlider .slider .item {
		width: 614px;
	}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 980px) {

	.iosSlider{
		height: 460px;
	}
	.iosSlider .slider .item {
		width: 520px;
	}


}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	.iosSlider{
		height: 380px;
	}
	.iosSlider .slider .item {
		width: 520px;
	}

}
/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {

	.iosSlider{
		height: 340px;
	}
	.iosSlider .slider .item {
		width: 100%;
	}

}


/* Extra Small Devices, Phones Landscape */
@media only screen and (max-width : 640px) {
	

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {


}


/* Custom, iPhone Retina */
@media only screen and (max-width : 360px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {


}