.MOV {
	
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 40vh;
	width: 50px;
    height: 100px;
    object-fit: cover;
}


.seperator {
    
    height: 40px;
}


.ROLL {
    
    cursor: pointer;
}



.ROLL:hover {
    color:white !important;
	transition: color 0.3s ease;
}


.object-fit_cover { object-fit: cover; width: 100%; }

.img2 { height: 100%; opacity:1;filter:alpha(opacity=100);}



.maptalks-msgBox a.maptalks-close {
    
    background: url(videos/x.png) no-repeat !important;
}


.maptalks-close { content: url(videos/x.png)!important;  }
.maptalks-ico { display: none !important;  }
.maptalks-attribution { display: none !important;  }
.maptalks-msgBox {
    background: #ea3323 !important;
    border: 0px solid #b4b3b3 !important;
    border-radius: 8px !important;
	color:white !important;
	box-shadow: 0 0 3px #333;
	max-width: 240px;
}  }


.PULLTEXT {
  display: block;
}

.PULLTEXT .word {
  display: inline-block;
  opacity: 0.25;
  transform: translateY(0px);
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.PULLTEXT .word.is-visible {
  opacity: 1;
  transform: translateY(0);
}




.SIGNOFF {
       font-size: 25px !important; line-height: 14px !important;
    }


.image {

  width: 100%;
  height: 100%;
  }

 .responsiveI { width:100%; height:100vh; }
  .responsiveI { width:100%; height:100vh; float:left; min-height:130px;}
  .playimage { width: 120px !important;}



 .pullquote { line-height:28pt; color:#ea3323; font-variant:bold; font-weight:700; font-family: 'Montserrat', sans-serif; font-size:29pt; text-transform: uppercase;}
.URL { font-size:15pt!important;}


.header { font-family: 'Cisco Sans', sans-serif; font-weight: 300; font-size: 22pt; color: #0d274d;}
.header2 { font-family: 'Cisco Sans', sans-serif; font-weight: 300; font-size: 16pt; color: #0d274d;}
.BODYTEXT  { font-size: 13pt !important; line-height: 26pt; font-family: 'Cisco Sans', sans-serif; font-weight: 300; color:white;}
.headerTEXT { line-height:28pt; color:#ffe22f; font-weight:700; font-family: 'Abolition', sans-serif; font-size:30pt; text-transform: uppercase;}
.underTEXT { line-height:55pt; color:#ffe22f; font-weight:100; font-family: 'Abolition', sans-serif; font-size:70pt !important;  text-transform: uppercase;}
.POPUPTEXT { line-height:24pt; color:#ffe22f; font-weight:700; font-family: 'Montserrat', sans-serif; font-size:20pt; text-transform: uppercase;}





@media only screen and (min-width : 768px) 
{ 
.SEARCHBLOCK { left: 50%; bottom: 50%; transform: translate(-50%,50%); }

	 }













@media only screen and (max-width : 768px ) and (orientation: portrait)
{ 
	.MASK {  
content:url('mask_P.png');
}
	 }





@media only screen and (max-width : 1024px) 
{ 
	
	.seperator {
    
    height: 15px;
}
	
	
.SEARCHBLOCK { left: 50%; bottom: 50%; transform: translate(-50%,50%); }
	.interlogo { width: 240px !important;}
	.headerTEXT { line-height:20pt; font-size:20pt; }
	
	.underTEXT { line-height:35pt; font-size:40pt !important; }

.SIGNOFF {
       font-size: 12px !important; line-height: 10px !important;
    }
	
	.menu { width: 40px !important;}

	 }






  @media only screen and (max-width : 768px)  
{ 
	
	
	.PANELXCLOSE { width: 55px !important;}
	
	.VIDEO_OVERLAY { width: 250px !important;}
	
	  .pullquote { line-height:22pt; font-size:19pt;}
	
	.mail { width: 70px !important;}
	.header { font-size: 20pt;}
	
	.headerTEXTH {font-size:20pt;}
	
	.BODYTEXT  { font-size: 10pt !important; line-height: 24pt !important; }
	.SEARCH { width: 250px !important;}
	.OPTIONS { height: 50px !important;}
	
	input#message {
	width: 180px !important;
	font-size: 10pt !important; 
		height: 20px !important; 
		padding-bottom: 5px;
}
	
	
	input#SEARCH {
	width: 300px !important;
	font-size: 12pt !important; 
		height: 20px !important; 
		padding-bottom: 12px;
}

	
	.logouc { width: 270px !important;}

.LOGO { width: 90px !important;}
	
	.menu { height: 300px !important;}
	.menutext { font-size: 10pt !important; line-height: 26pt !important;}
	.menutext2 { font-size: 12pt !important; line-height: 26pt !important;}
	.menulogo { width: 50px !important;}
	.thunder { width: 60px !important;}
	
}


