/* The gallery overlay */
#galleryOverlay{
width:100%;
height:100%;
position:fixed;
top:0;
right:0;
opacity:0;
z-index:100000;
background-color:#222;
background-color:rgba(0,0,0,0.8);
overflow:hidden;
display:none;
-webkit-transition:opacity 1s ease;
-webkit-transition:opacity 1s ease;
transition:opacity 1s ease
}
/* This class will trigger the animation */
#galleryOverlay.visible{
opacity:1
}
#gallerySlider {
height:100%;
right:0;
top:0;
width:100%;
white-space:nowrap;
position:absolute;
-webkit-transition:right 0.4s ease;
-webkit-transition:right 0.4s ease;
transition:right 0.4s ease
}
#gallerySlider .placeholder {
height:100%;
line-height:1px;
text-align:center;
width:100%;
display:inline-block
}
#gallerySlider .placeholder img {
display:inline-block;
max-height:100%;
max-width:100%;
vertical-align:middle
}
/* end gallery */
.img-shadow{
box-shadow:10px 10px #d8eade
}
/*
.video-foreground{
position:relative;
overflow-y:hidden;
width:100%;
height:100%
}
#video-background{
width:100%;
height:100%
}
#video-background iframe{
position:absolute;
top:0;
right:0;
height:100%;
width:100%
}
*/
.videoWrapper {
position:relative;
/*padding-bottom:51.25%;
*/
padding-bottom:33.25%;
padding-top:25px;
height:0;
overflow-y:hidden;
z-index:2
}
.videoWrapper iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:153%;
z-index:1
}