/**************************************************************
 * video
 *************************************************************/

#xbvid-player {
 position: relative;
}

#xbvid-player img {
 display: block;
}

.xbvidVideoWrapperScale {
    position: relative;    
    height: 0;
}

.xbvidVideoWrapperScaleHD {
    padding-bottom: 56.25%; 
}

.xbvidVideoWrapperScaleSD {
    padding-bottom: 75%;
}

.xbvidVideoWrapperScale iframe,
.xbvidVideoWrapperScaleIframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.xbvidButtonFullBrowser {
    display: block;
}

.xbvidButtonFullBrowserExpanded {
    position: absolute;
    bottom: -30px;
}

/**************************************************************
 * lightbox
 *************************************************************/
.xbvidLightbox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    zoom: 1;    
}

.xbvidLightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: black;
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 1001;    
}

.xbvidLightboxContainer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;    
    z-index: 1002;    
    text-align: center;
}

.xbvidLightboxContainer:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.xbvidLightboxContent {
    display: inline-block;
    position: relative;
    vertical-align: middle;    
    z-index: 1002;    
    width: 346px; /* override for responsive */
}

.xbvidLightboxClose {
    margin-top: 10px;
}

.xbvidLightboxPrependContents {
    z-index: 1005;
}

/**************************************************************
 * agegate
 *************************************************************/
.xavContents {
    background-color: black;
    z-index: 1002; 
  width: 350px;
}

.xavFormTitle {
  padding-top: 8px;
  padding-bottom: 25px;
  color: white;
  font-family: "segoe ui light";
  font-size: 24px;
  width: 220px;
  margin: 0 auto;
}

.xavForm {
    padding: 1em;
    text-align: center;
}

.xavForm fieldset {
    display: inline;
    border: none;
}

.xavForm label {
    display: inline;
  color: white;
  font-family: "segoe ui";
  font-size: 15px;
  padding-left: 8px;
  padding-right: 8px;
}

.xavForm .xavMonth,
.xavForm .xavDay {
    width: 20px;
}

.xavForm .xavYear {
    width: 44px;
}

.xavFormCTA {
    margin-bottom: 6px;
margin-top: 20px;
}

.xavSubmit {
pointer-events: none;
background-color: #848589;
/* background-color: #107C10; */
color: #FFFFFF;
border: 0 !important;
font-family: 'segoe ui semibold';
font-size: 15px;
font-style: normal;
font-weight: normal;
line-height: 1.2;
max-width: 96px !important;
margin: 8px 0;
min-width: 0 !important;
padding: 10px 0px 29px;
position: relative;
text-align: center;
display: inline-block;
width: 64px;
}

.xavFormError{
    color: white;
}

.xbvidLightboxClose {
  display: none;
}

button:hover, input[type=submit]:hover, input[type=button]:hover, button:focus, input[type=submit]:focus, input[type=button]:focus {
border: 0px;
}