.clip_img {
cursor:pointer
}
.video-background {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:1;
height:1071px;
width:100%;
overflow:hidden
}
.video-foreground,
.video-background iframe {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
pointer-events:none
}
#vidtop-content {
top:0;
color:#fff
}
.vid-info { position:absolute;
top:0;
right:0;
width:33%;
background:rgba(0,0,0,0.3);
color:#fff;
padding:1rem;
font-family:Avenir,Helvetica,sans-serif
}
.vid-info h1 { font-size:2rem;
font-weight:700;
margin-top:0;
line-height:1.2
}
.vid-info a { display:block;
color:#fff;
text-decoration:none;
background:rgba(0,0,0,0.5);
transition:.6s background;
border-bottom:none;
margin:1rem auto;
text-align:center
}
.video_overlay{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:10000;
height:100%;
width:100%;
background:rgba(0,0,0,0.8)
}
.video_overlay .clip{
position:absolute;
top:25%;
right:0;
bottom:0;
left:0;
z-index:10001;
width:560px;
margin:0 auto
}
.video_overlay .clip iframe{
width:100%;
z-index:10001;
margin:0 auto
}
.video_overlay .close_vid {
cursor:pointer;
width:30px;
height:30px;
line-height:30px;
text-align:center;
position:absolute;
top:20%;
right:33%;
z-index:100002;
color:white;
border:1px solid #fff;
border-radius:50%
}
.desktop{
display:block
}
.mobile{
display:none
}
.google-map2{
float:right;
width:100%
}
.google-map2 iframe{
float:right;
width:100%;
height:100%
}
.banner0 {
z-index:10
}
.banner0_content{
right:0;
left:0
}
.banner0_content img{
margin:80px 0 0 0
}
.banner0 .contact_form{
width:90%;
margin:0 5%
}
.banner0 .contact_form > div{
margin:0
}
.banner0 .contact_form input,
.banner0 .contact_form textarea{
width:90%;
margin:5px 4% 10px;
height:40px;
padding:0 1% 0 0
}
.banner0 .contact_form textarea{
height:70px
}
.banner0_wrapper{
margin:0
}
@media (min-aspect-ratio:16/9) {
.video-foreground { height:300%;
top:-100%
}
}
@media (max-aspect-ratio:16/9) {
.video-foreground { width:300%;
right:-100%
}
}
@media all and (max-width:600px) {
.vid-info { width:50%;
padding:.5rem
}
.vid-info h1 { margin-bottom:.2rem
}
.video-background{  display:none
}
.desktop{
display:none
}
.mobile{
display:block
}
.video_overlay .clip{
width:100%
}
.video_overlay .clip iframe{
height:auto
}
.video_overlay .close_vid {
right:1%;
top:19%
}
}
@media all and (max-width:500px) {
.vid-info .acronym { display:none
}
}