
.Classic-Slider-Video {position: absolute; width: 100%; height: 100%; pointer-events: none; overflow: hidden;}
.Classic-Slider-Video iframe {width: 100%; height: calc(100% + 300px); margin-left: 0px; margin-top: -150px; visibility: visible;}
.Classic-Slider-Video-Black {position: absolute; opacity: 0.2; filter: alpha(opacity=20); width:100%; height:100%; background-color: black;}
.slider-classic {
}
.lean-slider {
position: relative;
*zoom: 1;
margin: 0 auto; overflow: hidden;
}
.lean-slider:before,
.lean-slider:after {
content: " ";
display: table;
}
.lean-slider:after {
clear: both;
}
.lean-slider-slide { 
float: left;
width: 100%;
margin-right: -100%;
z-index:0;
display: block;
position: relative;
opacity: 0;
-webkit-transition: opacity 0.6s linear;
-moz-transition: opacity 0.6s linear;
-ms-transition: opacity 0.6s linear;
-o-transition: opacity 0.6s linear;
transition: opacity 0.6s linear;max-height: 85vh;
overflow: hidden;
}
.lean-slider-slide.current { display: block; z-index:1; opacity: 1;}
.slider-wrapper {
position: relative; 
margin: 0 auto;
overflow: hidden;
padding: 0;width: 100%;height: 85vh;
}
.lean-slider-slide img {display: block; width: 100%; height: 100%; border:0;}
.lean-slider-slide p {position: absolute; float: left; margin: 0; font-weight: 500;left: 50%; margin-left: -258px; text-align: center; bottom:30%;max-width: 500px; width: calc(100% - 16px); padding: 8px;}
.lean-slider-slide span.SliderTitle {font: bold 14px 'Open Sans', sans-serif; position:relative; z-index:2; float: left; width:98%; font-size: 2.2vw; margin: 0 1% 10px 1%; padding: 0; border-right: 0px #dadada solid; text-shadow: 0 1px 1px #000000; line-height: 95%;color:#ffffff;}
.lean-slider-slide span.SliderShortContent {position:relative; z-index:2; float: left; color: #eeeeee; font-size: 15px; margin: 1%; width: 98%; padding: 0 0 12px 0; font-weight: 500;}
.lean-slider-slide span.SliderTime {display: table; position:relative; z-index:2; color: #ececec; font-size: 13px; margin: 1%; padding: 10px 30px 10px 20px; font-weight: 500; background: url(images/Right-Arrow.png) #F9A002 no-repeat right center; background-size: 20px 20px;width:auto; margin: 0 auto;
}

#slider-direction-nav a {position: absolute; top:50%; z-index:3; margin-top:-18px; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; opacity: 0.2;}
.slider-wrapper:hover #slider-direction-nav a {opacity:1;}
#slider-direction-nav a {width:26px; height:37px; text-indent:-9999px; background:url(images/arrows.png) no-repeat;}
#slider-direction-nav .lean-slider-prev {left:0;}
#slider-direction-nav .lean-slider-next {right:0; background-position:100% 0;}


#slider-control-nav {position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    text-align: center;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    opacity: 0.2;
	z-index:4;
}
.slider-wrapper:hover #slider-control-nav { opacity: 1; }
#slider-control-nav a {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(images/bullets.png) no-repeat 0 0;
    text-indent: -9999px;
    margin: 0 3px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
#slider-control-nav a.active { background-position: 100% 0; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-width : 480px) {

    #slider-direction-nav,
	#slider-control-nav { opacity: 1; }

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	
	#slider-direction-nav {opacity: 1; }
	#slider-control-nav {opacity: 1; }

}


/***********************************************************************************
	RESPONSIVE ELEMENTS
************************************************************************************/

/* === 980px to 1280px
-------------------------------------------------------------*/
@media screen and (max-width: 1280px) {

	.slider-wrapper {width:100%;height: 100%;}
	
}

/* === 760px to 980px
-------------------------------------------------------------*/
@media screen and (max-width: 980px) {


	.slider-wrapper {width:100%;height: 100%;}

	.lean-slider-slide img {height: auto;}


}

/* === below 760px
-------------------------------------------------------------*/
@media screen and (max-width: 720px) {

.lean-slider-slide p {max-width: none; padding:0; margin:0 8%; width:84%; left:0; bottom: 20%;}
.lean-slider-slide span.SliderTitle {font-size:26px;}
.lean-slider-slide span.SliderShortContent {display: none;}

}

/* === below 480px
-------------------------------------------------------------*/
@media screen and (max-width: 480px) {

.lean-slider-slide span.SliderTime {padding:6px 20px 6px 12px;}
.lean-slider-slide span.SliderTitle {font-size:20px;}

}
