#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;}

.sliderContainer {position: relative; width: 100%; height: 100%; padding: 0; }

.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 .slider { width: 100%; height: 100%; }
.iosSlider .slider .item { float: left; width: 100%; overflow:hidden; }

/** CAPTION STYLES **/
.iosSlider .item .caption { position: absolute; bottom: 23%; width: 100%; }

.iosSlider.hideCaptions .item .caption {opacity:0;}
.iosSlider.hideCaptions:hover .item .caption {opacity:1;}

.iosSlider .item .caption .title_big {float:left; clear:both; line-height:1; color:#e9e9e9; position:relative; left: -100px; opacity:0; visibility:hidden; background: rgba(0, 0, 0, 0.8); font-size: 36px; font-weight: 700; margin-bottom: 10px; padding:15px 20px 15px 2000px; margin: 0 0 0 -2000px; z-index:1; min-width: 400px; text-align: left; margin-bottom: 10px;}
.ammon_dark .iosSlider .item .caption .title_big {color:#161616;background: rgba(255,255,255, 0.8); }
.iosSlider .item .caption .title_small {float:left; clear:both; font-size:16px; line-height:1; color:#e9e9e9; position:relative; z-index:1; opacity:0; visibility:hidden; padding:10px 20px 10px 2000px; margin: 5px 0 20px -2000px; text-align:right; font-weight: 500; left: -100px; background: rgba(0, 0, 0, 0.8); font-size: 26px; font-weight: 400;}
.ammon_dark .iosSlider .item .caption .title_small {color:#161616; background: rgba(255,255,255, 0.8); }
.iosSlider .item .caption a.more {float:left; clear:both; line-height:1; color:#e9e9e9; position:relative; z-index:1; opacity:0; visibility:hidden; text-align:center; font-weight: 500; left: -100px; background: transparent; font-size: 16px; font-weight: 400; border: 1px solid rgba(0, 0, 0, 0.9); padding: 8px 13px; color: rgba(0, 0, 0, 0.9); text-decoration: none;}
.ammon_dark .iosSlider .item .caption a.more {color:#161616; border: 1px solid rgba(255,255,255, 0.9); color: rgba(255,255,255, 0.9); }
.iosSlider .item .caption.fromright .title_big {float: right; left:auto; right:-100px; padding: 15px 2000px 15px 20px; margin: 0 -2000px 0 0; text-align: right;}
.iosSlider .item .caption.fromright .title_small {float: right; left:auto; right:-100px; padding: 10px 2000px 10px 20px; margin: 5px -2000px 20px 0; text-align: right;}
.iosSlider .item .caption.fromright a.more {float: right; left:auto; right:-100px;}

.iosSlider .item .caption.animate .title_big,
.iosSlider .item .caption.animate .title_small,
.iosSlider .item .caption.animate a.more {-webkit-transition: all 600ms cubic-bezier(1.000, 0.000, 0.000, 1.000); -moz-transition: all 600ms cubic-bezier(1.000, 0.000, 0.000, 1.000); -ms-transition: all 600ms cubic-bezier(1.000, 0.000, 0.000, 1.000); transition: all 600ms cubic-bezier(1.000, 0.000, 0.000, 1.000); --webkit-backface-visibility: hidden; opacity:1; visibility:visible;}
.iosSlider .item .caption.fromright.animate .title_big {right:0;}
.iosSlider .item .caption.fromright.animate .title_small {right:0; -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -ms-transition-delay: 200ms; -o-transition-delay: 200ms; -transition-delay: 200ms;}
.iosSlider .item .caption.fromright.animate a.more {right:0; -webkit-transition-delay: 400ms; -moz-transition-delay: 400ms; -ms-transition-delay: 400ms; -o-transition-delay: 400ms; -transition-delay: 400ms;}
.iosSlider .item .caption.fromleft.animate .title_big {left:0; text-align:left; }
.iosSlider .item .caption.fromleft.animate .title_small {left:0; text-align:left; -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -ms-transition-delay: 200ms; -o-transition-delay: 200ms; -transition-delay: 200ms;}
.iosSlider .item .caption.fromleft.animate a.more {left:0; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; -transition-delay: 300ms;}

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

/* controls */
.iosSlider .prev,
.iosSlider .next {position: absolute; top: 25%; margin-top: 0; width: 50px; height: 43px; z-index:10; color:#fff; font-size:46px; background:rgba(0,0,0,0.5); opacity:.5; line-height: 1;}
.ammon_dark .iosSlider .prev,
.ammon_dark .iosSlider .next {color:#000; background:rgba(255,255,255,0.5); }
.iosSlider .prev > span,
.iosSlider .next > span {display: block; height: 40px; line-height: 40px;}
.iosSlider.hideControls .prev,
.iosSlider.hideControls .next { opacity:0; }
.iosSlider.hideControls:hover .prev,
.iosSlider.hideControls:hover .next{ opacity:.5; }
.iosSlider .prev { left: 0; text-align: right; padding-right:20px; border-radius: 0 3px 3px 0; top:auto; bottom: 15%; }
.iosSlider .next { right: 0;  text-align: left; padding-left: 20px; border-radius: 3px 0 0 3px; }
.iosSlider .prev:hover,
.iosSlider .next:hover {opacity:1 !important; }


.selectorsBlock.bullets { position: absolute; bottom: 70px; width: 100%; text-align:center; z-index: 1;height: 0;}
.selectorsBlock.bullets .selectors { display: inline; text-align: center; }
.selectorsBlock.bullets .selectors .item { display: inline-block; width: 9px; height: 9px; margin: 0 2px; background: #fff; opacity: 0.4; 
-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.ammon_dark .selectorsBlock.bullets .selectors .item {background: #000; }
.selectorsBlock.bullets .selectors .selected { opacity:1; }

.selectorsBlock.thumbs { position: absolute; bottom: 20px; height:60px; left: 0; padding: 0; margin-left: 0; opacity:0; border-radius: 2px;  width: 100%;}
.iosSlider.hideControls:hover .selectorsBlock.thumbs,
.iosSlider:not(.hideControls) .selectorsBlock.thumbs{opacity:1;}
.selectorsBlock.thumbs .selectors { display: block; text-align: center;}
.selectorsBlock.thumbs .selectors .item { display: inline-block; margin: 0 10px; opacity: 0.6; position:relative;}
.selectorsBlock.thumbs .selectors .item.selected,
.selectorsBlock.thumbs .selectors .item:hover { opacity: 1; }
.selectorsBlock.thumbs .selectors .item.first {}
.selectorsBlock.thumbs .selectors .item img { width:auto; max-height: 60px; max-width:150px;}

#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;}


/* some styling */
.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;}
.ammon_dark .video-wrapper ~ .hgvjs_controls a {color:#000; background: #fff;}
.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; }

.parallax-images {position:absolute; left:0; top:0; right:0; bottom:0; pointer-events: none;}
.parallax-images > div {position: absolute; top: -100px; left: -100px; width: 125%; height: 125%;}
.parallax-images .para1 {background:url(../images/parallax/b1.png);}
.parallax-images .para2 {background:url(../images/parallax/b2.png);}
.parallax-images .para3 {background:url(../images/parallax/b3.png);}
.parallax-images .para4 {background:url(../images/parallax/b4.png);}

