#slideshow {width: 100%; height: 0; padding: 0; padding-bottom:39%;}
#slideshow.notPadded {height: auto; padding:0;}

.iosSlider .prev, .iosSlider .next,
.iosSlider .prev .btn-label, .iosSlider .next .btn-label,
.iosSlider.hideCaptions .item .caption,
.selectorsBlock.thumbs .selectors .item,
.selectorsBlock.thumbs,
#thumbTrayButton {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;}

.fluidHeight { width: 100%;	position: relative;}
.sliderContainer {position: relative; width: 100%; height: 100%; padding: 150px 0 50px; }

.iosSlider {
	width: 100%;
	background:url(../images/loader_dark.gif) no-repeat center center;
	/* this height ends up being your maximum height, 
	 * if you want it to scale forever, set it to 
	 * a very high number */
	height:1000px;
}
.iosSlider.fixed {
	height: 465px;
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
}
.iosSlider .slider {
	width: 100%;
	height: 100%;
}

.iosSlider .slider .item {
	float: left;
	width: 100%;
	overflow:hidden;
}
.iosSlider.fixed .slider .item { text-align:center;}

/** CAPTION STYLES **/
.iosSlider .item .caption { position: absolute; bottom: 50px; width: 1170px; margin-left: -585px; left: 50%; }
.iosSlider.fixed .item .caption { position: absolute; bottom: 30px; width: 960px; margin-left: -480px; left: 50%; }

.iosSlider.hideCaptions .item .caption {opacity:0; filter:alpha(opacity=0);}
.iosSlider.hideCaptions:hover .item .caption {opacity:1; filter:alpha(opacity=100);}

.iosSlider .item .caption .main_title {color:#fff; font-size:28px; line-height:1.3; border-left:5px solid #fff; padding: 0 15px; float:left; margin-bottom: 80px; opacity:0; filter:alpha(opacity=0); margin-left:100px; text-shadow: 0 0px 3px rgba(0, 0, 0, 0.7); background: #000; background: rgba(35, 35, 35, 0.3); }

.iosSlider .item .caption.style1 .title_big {float:left; clear:both; font-size:32px; line-height:1; color:#e9e9e9; position:relative; left: -100px; opacity:0; filter:alpha(opacity=0);
padding:15px 20px 15px 2000px; margin: 0 0 0 -2000px; z-index:1; min-width: 400px; text-align: right;}
.iosSlider .item .caption.style1 .title_big:before { content:""; position:absolute; width:100%; height:100%; background:#000; background:rgba(0,0,0,0.9); right: 0; top: 0; z-index: -1;}
.iosSlider .item .caption.style1 .more {float:left; width:30px; height:62px; margin-left:4px; position:relative; z-index:1; left: -100px;  opacity:0; filter:alpha(opacity=0);}  
.iosSlider .item .caption.style1 .more img {width: auto; padding: 23px 10px; position: absolute;}
.iosSlider .item .caption.style1 .more:before,
.iosSlider .item .caption.style1 .more:after { content:""; position:absolute; width:100%; height:100%; background:#CD2122; z-index:-2;}
.iosSlider .item .caption.style1 .more:after { z-index:-1;}
.iosSlider .item .caption.style1 .more:hover:after { background:#333; background:rgba(0,0,0,0.2); }
.iosSlider .item .caption.style1 .title_small {float:left; clear:both; font-size:16px; line-height:1; color:#e9e9e9; position:relative; z-index:1; opacity:0; filter:alpha(opacity=0);
padding:10px 20px 10px 2000px; margin: 5px 0 0 -2000px; text-align:right; font-weight: 500; left: -100px; }
.iosSlider .item .caption.style1 .title_small:before {content:""; position:absolute; width:100%; height:100%; background:#000; background:rgba(0,0,0,0.7); right: 0; top: 0; z-index: -1;}
.iosSlider .item .caption.style1 .title_big:before, .iosSlider .item .caption.style1 .more:before, .iosSlider .item .caption.style1 .more:after, .iosSlider .item .caption.style1 .title_small:before {-webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); -ms-transform: skew(-20deg); transform: skew(-20deg); }

.iosSlider .item .caption.fromright .main_title {float: right; border-left: 0; border-right: 5px solid white;  margin-left: 0; text-align: right; margin-right: 100px;}
.iosSlider .item .caption.style1.fromright .title_big {float: right; left:auto; right:-100px; padding: 15px 2000px 15px 20px; margin: 0 -2000px 0 0; text-align: left;}
.iosSlider .item .caption.style1.fromright .more {float: right; margin-left:0; margin-right:4px; left:auto; right:-100px;}
.iosSlider .item .caption.style1.fromright .title_small {float: right; left:auto; right:-100px; padding: 10px 2000px 10px 20px; margin: 5px -2000px 0 0; text-align: left;}

.iosSlider .item .caption.style2 .title_big,
.iosSlider .item .caption.style2 .title_small {line-height: 1.3; color: #E9E9E9; position: relative; opacity: 0; filter:alpha(opacity=0); margin: 0; float: left; border-left: 5px solid #CD2122; background: black; background: rgba(0, 0, 0, 0.9); left: -100px; }
.iosSlider .item .caption.style2 .title_big{font-size: 32px; clear: both;  padding: 10px 30px 10px 20px;}
.iosSlider .item .caption.style2 .title_small {font-size: 16px; font-weight: 500; clear: both; padding: 10px 15px; }
.iosSlider .item .caption.style2 .more {float: left; width: 30px; height: 30px; margin-left: -8px; background: url(../images/arr01.png) no-repeat center center #CD2122; position: relative; top: 12px; z-index: 1; left: -100px; opacity: 0; filter:alpha(opacity=0);}
.iosSlider .item .caption.style2 .more:after {content:""; display:block; position:absolute; top:0; left:0; width: 100%; height: 100%; z-index:-1;}
.iosSlider .item .caption.style2 .more img {width: auto; padding: 7px 10px;}
.iosSlider .item .caption.style2 .more:hover:after { background:#333; background:rgba(0,0,0,0.2); }

.iosSlider .item .caption.style2.fromright .title_big,
.iosSlider .item .caption.style2.fromright .title_small {float: right; border-right: 5px solid #CD2122; border-left:0; left: auto;  right:-100px;}
.iosSlider .item .caption.style2.fromright .title_big{padding: 10px 20px 10px 30px;}
.iosSlider .item .caption.style2.fromright .more {float: right; margin-left: 0; margin-right:-8px; left: auto; right:-100px;}  

.iosSlider .item .caption.style3 .title_big,
.iosSlider .item .caption.style3 .title_small {line-height: 1.3; color: #E9E9E9; color: rgba(255, 255, 255, 0.8); position: relative; opacity: 0; filter:alpha(opacity=0); margin: 0; float: left; left: -100px; }
.iosSlider .item .caption.style3 .title_big {font-size: 52px; clear: both;  padding: 0; line-height:1;}
.iosSlider .item .caption.style3 .title_big span.stronger {font-size: 180px; display: block; line-height: 1;}
.iosSlider .item .caption.style3 .title_small {font-size: 26px; clear: both; padding: 0; max-width: 400px; }

.iosSlider .item .caption.style3.fromright .title_big,
.iosSlider .item .caption.style3.fromright .title_small { float: right; text-align:right; left:auto; right: -100px; }


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


/* controls */
.iosSlider .prev,
.iosSlider .next {position: absolute; top: 50%; margin-top:-25px; width: 100px; height: 50px; z-index:10; background:url(../images/controls.png) no-repeat center top;  opacity:.5; filter:alpha(opacity=50); }
.iosSlider.hideControls .prev,
.iosSlider.hideControls .next { opacity:0; filter:alpha(opacity=0); }
.iosSlider.hideControls:hover .prev,
.iosSlider.hideControls:hover .next { opacity:.5; filter:alpha(opacity=50); }

.iosSlider .prev { left: 0; }
.iosSlider .next { right: 0; background-position:center bottom; }
.iosSlider .prev:hover,
.iosSlider .next:hover {opacity:1 !important; filter:alpha(opacity=100);}

.iosSlider .prev .btn-label,
.iosSlider .next .btn-label {background: rgba(0, 0, 0, 0.4); color: #fff; font-weight: 700; display: inline-block; padding: 0 4px; line-height: 20px; position: absolute; top: 50%; margin-top: -10px; opacity:0; filter:alpha(opacity=0);}
.iosSlider .prev .btn-label { right: -20px;}
.iosSlider .next .btn-label { left: -20px;}
.iosSlider .prev:hover .btn-label { right: -5px; opacity:1; filter:alpha(opacity=100);}
.iosSlider .next:hover .btn-label { left: -5px; opacity:1; filter:alpha(opacity=100);}

.selectorsBlock.bullets { position: absolute; bottom: 10px; width: 100%; text-align:center; z-index: 1;}
.selectorsBlock.bullets .selectors { display: inline; text-align: center; }
.selectorsBlock.bullets .selectors .item { display: inline-block; width: 9px; height: 9px; margin: 0 0 0 4px; background: #fff; opacity: 0.4;  filter:alpha(opacity=40);
-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.selectorsBlock.bullets .selectors .selected { opacity:1; filter:alpha(opacity=100); }
.selectorsBlock.bullets .selectors .first { margin-left: 0; }

.selectorsBlock.thumbs { position: absolute; bottom: -5px; height:60px; min-width: 320px; max-width:700px; left: 50%; padding: 15px 15px 20px; margin-left: -200px; border: 1px solid #333; opacity:0; filter:alpha(opacity=0);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
-webkit-box-shadow: 0 0 20px black, 0 0 30px black; -moz-box-shadow: 0 0 20px black, 0 0 30px black; box-shadow: 0 0 20px black, 0 0 30px black; 
background: #222222; /* Old browsers */
background: -moz-linear-gradient(top,  #222222 0%, #111111 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #222222 0%,#111111 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #222222 0%,#111111 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #222222 0%,#111111 100%); /* IE10+ */
background: linear-gradient(to bottom,  #222222 0%,#111111 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#111111',GradientType=0 ); /* IE6-9 */}
.selectorsBlock.thumbs:hover {-webkit-box-shadow: 0 0 30px black, 0 0 30px black; -moz-box-shadow: 0 0 30px black, 0 0 30px black;  box-shadow: 0 0 30px black, 0 0 30px black;}
.selectorsBlock.thumbs .selectors { display: block;}
.selectorsBlock.thumbs .selectors .item { display: inline-block; margin: 0 0 0 15px; opacity: 0.6; filter:alpha(opacity=60); position:relative; float: left;}
.selectorsBlock.thumbs .selectors .item.selected,
.selectorsBlock.thumbs .selectors .item:hover { opacity: 0.9; filter:alpha(opacity=90); }
.selectorsBlock.thumbs .selectors .item.first { margin-left:0;}
.selectorsBlock.thumbs .selectors .item img { width:auto; max-height: 60px; max-width:150px;}
.thumbTrayButton {display: block; width: 14px; height: 14px; position: absolute; top: -40px; left: 50%; margin-left: -15px; padding: 8px 7px 17px 8px; background: black; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; opacity: .7; filter:alpha(opacity=70); }
.thumbTrayButton:hover { opacity: 1; filter:alpha(opacity=100); }
.thumbTrayButton > span {margin:0;}

#slideshow .scrollbarContainer { position: relative; bottom: 10px; left: 0; width: 980px; height: 4px; margin: 0 auto; z-index: 1; }
#slideshow .fluidHeight .sliderContainer .scrollbarContainer { bottom: -5px; width: 980px;}
#slideshow .fluidHeight .sliderContainer .selectorsBlock {bottom:17px;}

.iosSlider.faded .fadeMask {position: absolute; top: 0; left: 0; width: 100%; opacity:0; filter:alpha(opacity=0);
background: -moz-linear-gradient(top, rgba(245,245,245,0) 0%, rgb(245, 245, 245) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,0)), color-stop(100%,rgb(245, 245, 245))); background: -webkit-linear-gradient(top,  rgba(245,245,245,0) 0%,rgb(245, 245, 245) 100%); background: -o-linear-gradient(top,  rgba(245,245,245,0) 0%,rgb(245, 245, 245) 100%); background: -ms-linear-gradient(top,  rgba(245,245,245,0) 0%,rgb(245, 245, 245) 100%); background: linear-gradient(to bottom,  rgba(245,245,245,0) 0%,rgb(245, 245, 245) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00f5f5f5", endColorstr="#fff5f5f5",GradientType=0 );;}

.iosSlider.faded .selectorsBlock.bullets .selectors .item {background: #888;}

/* some styling */

.itemPngBackground img {background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
background-color:#345370;}

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

/* VideoJS in iOSSlider */
.video-wrapper { width: 100%; position: relative; padding: 0;  padding-top: 56.216216%; height:0; }
.video-wrapper .video-js { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;}
.video-wrapper .hasOverlay.video-js:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index: 1; background:url(../images/video_overlay.png);}
.video-js.vimeo-video iframe {-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.kl-video-helper ~ .caption {z-index: 1;}
.video-wrapper ~ .hgvjs_controls {list-style: none; margin:0; padding:0; position:absolute; top: 120px; right: 20px; z-index: 1; width: 40px; }
.video-wrapper ~ .hgvjs_controls a {width: 40px; height: 40px; display:block; cursor:pointer; color:#fff; text-align: center; font-size: 16px; line-height: 40px; opacity: .2;
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;margin-bottom: 5px;background: #000;border-radius: 2px;}
.video-wrapper ~ .hgvjs_controls a:before {font-family: VideoJS;}
.video-wrapper ~ .hgvjs_controls .audio-btn:before {content: "\e006";}
.video-wrapper ~ .hgvjs_controls .audio-btn.muted:before { content: "\e004"; }
.video-wrapper ~ .hgvjs_controls .playpause-btn:before {content: "\e002";}
.video-wrapper ~ .hgvjs_controls .playpause-btn.paused:before { content: "\e001"; }
.video-wrapper ~ .hgvjs_controls .fullscreen-btn:before {content: "\e000";}
.video-wrapper ~ .hgvjs_controls .fullscreen-btn.isfull:before { content: "\e00b"; }
.video-wrapper ~ .hgvjs_controls .playpause-btn.paused,
.video-wrapper ~ .hgvjs_controls .fullscreen-btn.isfull,
.video-wrapper ~ .hgvjs_controls .audio-btn.muted { opacity: .15; }
.video-wrapper ~ .hgvjs_controls a:hover {opacity: .3; color:#fff;}

.hasOverlay.video-js.vjs-fullscreen:after,
.hasOverlay.video-js:after:-webkit-full-screen {display:none;}

.slider .item .hgvjs_controls li {opacity:0; visibility:hidden; position: relative; right: -30px; -webkit-transition: all 0.2s ease-out 1s; -moz-transition: all 0.2s ease-out 1s; -ms-transition: all 0.2s ease-out 1s; transition: all 0.2s ease-out 1s;
-webkit-backface-visibility: hidden;}
.slider .item.activeslide .hgvjs_controls li {opacity:1; visibility:visible; right: 0; }
.slider .item.activeslide .hgvjs_controls li:nth-child(2) { -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; -ms-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }
.slider .item.activeslide .hgvjs_controls li:nth-child(3) { -webkit-transition-delay: 1.4s; -moz-transition-delay: 1.4s; -ms-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; }