.screen #videoBannerWrap{ height:calc(80vh); position: relative; margin: 0 auto 20px auto}
.mobile #videoBannerWrap{ height:calc(90vh - 90px); position: relative; margin: 80px auto  0px auto; }
#bannersVideo{ position: absolute;height: 100%; width:100%; z-index:0; object-fit: cover } /* neg margin to offset position of actual video*/

#videoBannerTextWrap{  position: absolute;height: 100%; width:100%; z-index:  11;  
display: flex;
flex-direction: row;
flex-wrap:wrap;
align-items: center; /* Vertical */
justify-content: left; /* Horizontal */
}
#videoBannerTextWrap h5 , #videoBannerTextWrap a{
width: 90%; margin: 0 auto; text-align: center; display: block;
font-size:46px;  
font-family: "Montserrat", Arial, Helvetica, sans-serif ;
letter-spacing:0px; 
word-spacing:3px;
font-weight: 600;  
} 

#videoBannerTextWrap.WHITE h5 , #videoBannerTextWrap.WHITE a{	color: #E4C805; }
#videoBannerTextWrap.BLACK h5 , #videoBannerTextWrap.BLACK a{color: #111;  }
#videoBannerTextWrap   span { display: block; text-align: center;font-size:26px;  }


 #bannerWrap{
padding: 0;
position:relative;
overflow: hidden ; 
opacity:0;
filter: alpha(opacity=0);  
}
  

.screen #bannerWrap{ margin:-0px auto 0px auto;  width:100%; background-color:#fff}


 

.screen #bannerWrap.imageBanners{  height:650px; } 


@media screen and (orientation:portrait) { 
.mobile #bannerWrap.imageBanners{ max-resolution: res;80px auto  0px auto; height:350px; width:100%;}
}

@media screen and (orientation:landscape) { 
.mobile #bannerWrap.imageBanners{ margin:80px auto  0px auto; height:300px; width:100%;}
}



#banners{ height:100%; width:100%;  margin:0; z-index:1 } 
#banners li { width:100%; height:100%;  position:relative; margin:0; padding:0; z-index:1; background-size:cover; background-position:50% 50%; position:absolute; left:0; top:0;display:block  } 
.screen #banners li { background-attachment:scroll }

/* text inner  */
#banners li div {
position:absolute;
height:100%;
width:100%;
background-repeat:repeat;
overflow:hidden;
opacity:0;
filter: alpha(opacity=0);
z-index:500;
}

#banners li div {background-image:url(../images/banners/transBlack.png);} /* all except blk text */
#banners li.BLACK div {background-image:url(../images/banners/transWhite.png);}
#banners li.NONE div {background:none; display:none;}
 
 

.screen  #banners li a , .screen #banners li h5  {
display:block;
padding:0;
width:1100px;  border:0px solid #ff0000;  
margin:0 auto;
position: relative;
top: 50%; height: auto;
 -ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align:center
}

.mobile #banners li a , .mobile #banners li h5  {  
display:block;
padding:0 4%;
width:100%;  border:0px solid #ff0000;  
margin:0 auto;
position: relative;
top: 50%; height: auto;
 -ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align:center
}
 

/* read more*/
#banners li  em {
border:1px solid ;
border-color: #fff;
padding:8px 0px; text-align:center;
font-style:normal;
display:block; width:120px;
clear:both;
margin:25px auto 0 auto;
font-size:12px;
text-transform:uppercase;
text-shadow:0px 0px;
color:#FFFFFF;
background-repeat:repeat; 
} 
#banners li em:hover { background-image:url(../images/banners/transBlack.png); background-repeat:repeat}
#banners li  em {  }


/* default screen*/
#banners li a strong , 
#banners li h5 strong{
display:block;
color:#fff;
padding:0px 0px; 
text-align:inherit
} 

#banners li   span{
clear:both;
text-align:inherit;
display:block;
padding:20px 0px 0 0;
}

.screen #banners li a strong , 
.screen #banners li h5 strong{
font-size:34px;   line-height: 38px;
font-family: "Poppins", Arial, Helvetica, sans-serif ;
letter-spacing:-0.6px; word-spacing:0.1px;
font-weight: 400;
/*-webkit-transform:scale(1.2.0, 1.0);
-moz-transform:scale(1.2.0, 1.0);
-ms-transform:scale(1.2.0, 1.0);
-o-transform:scale(1.2.0, 1.0);
transform:scale(1.0,1.2);
*/
}

.screen #banners li a span , 
.screen #banners li h5 span{
font-weight: 300;
font-size:24px;
font-family: "Poppins", Arial, Helvetica, sans-serif;
letter-spacing:0px;
/*-webkit-transform:scale(1.2.0, 1.0);
-moz-transform:scale(1.2.0, 1.0);
-ms-transform:scale(1.2.0, 1.0);
-o-transform:scale(1.2.0, 1.0);
transform:scale(1.2,1.0);
*/
}

/* default phone   */
.mobile  #banners li a strong , 
.mobile #banners li h5 strong{
font-size:36px;
font-family:  "Poppins", Helvetica, sans-serif; letter-spacing:-.05px;
font-weight:300;
line-height:1.06em;
} 
.mobile #banners li   span{
display:block;
font-size:24px;
font-family: "Poppins", Arial, Helvetica, sans-serif;
font-weight:300;
line-height:1em;
}
 

#banners li.WHITE  a strong ,  #banners li.WHITE  h5 strong ,  #banners li.WHITE  span {  color:#FFFFFF; text-shadow:  1px 1px 6px  #333  ;  } 
#banners li.BLACK  a strong , #banners li.BLACK  h5 strong ,  #banners li.BLACK  span {   color:#000 ;  text-shadow:  1px 1px 5px  #999  ; } 
#banners li.BLUE  a strong , #banners li.BLUE  h5 strong ,  #banners li.BLUE  span {   color: #006699  ;   text-shadow:  1px 1px 1px  #222  ;} 
#banners li.PINK  a strong ,  #banners li.PINK  h5 strong ,  #banners li.PINK  span {   color: #FF3366 ;   text-shadow:  1px 1px 1px  #222  ;} 
#banners li.NONE  a strong ,  #banners li.NONE  h5 strong ,  #banners li.NONE  span { position:absolute;right:-10000px; font-size:0px } 



@media screen and   (orientation:landscape) {  
}

 

.bannerControls{
display:block;
clear:both;
width:50px;
height:100%;
position: absolute; top:0px;
z-index:2;
}

#bannerControlPrevious{ left:10px;}
#bannerControlNext {right:10px}

.bannerControls span {
display:block; 
background-color:#111;
border: 0px solid #fff;
text-decoration:none;
cursor:pointer;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
width:50px;
height:50px;
position:absolute;
top:50%;
margin-top:-25px;
z-index:2;
opacity:0;
filter: alpha(opacity=0);
text-indent:-10000px;
} 
#bannerControlPrevious span{
background-position:20px 50%;
background-image: url(../images/icons/arrowLwhite.png);
}
#bannerControlNext span {
background-position:50% 50%;
background-image: url(../images/icons/arrowRwhite.png);
}