body{overflow: hidden !important;}
section {
	padding-right: 0px !important;
    padding-left: 0px !important;
}
#overText a:hover, #submenu a:hover{
    border-bottom: solid 0px !important;
}
#mainCnt {
    width: 100%;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -o-box-sizing: content-box;
    overflow: hidden;
}
#mainCnt {
    position: relative;
    min-height: 100vh;
    box-sizing: border-box;
}
#masthead {
    position: fixed !important;
    top: 0px; width: 100%;
}
    #randomVideo{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
#randomVideo.showme{
  display: block;
}
#main-logo,
#backgroundCnt{
        	display: block;
        	height: 100vh;
        	width: 100vw;
        	position: absolute;
        	top: 0;
        	left: 0;
        	}
        	#backgroundVideo,
        	#randomVideo-bg {
        	  pointer-events: none;
        	  position: absolute;
            right: 0;
            bottom: 0;
            top: 0;
            right: 0; 
            width: 100%;
            height: 100%;
            background-size: 100% 100%;
            background-color: black;
            background-position: center center;
            background-size: contain;
            object-fit: cover;
        	}
#randomVideo-bg{
  background: #FFF !important;
}
#overText,#submenu{
  z-index: -1;
  position: absolute;
  width: 100%;
  color: #555;
  font-size: 30px;
  text-align: center;
  top: calc(50vh + 12vw);
  left: 0;
  }
  #submenu{
    top: calc(50vh + 12vw + 40px);
  }
  #overText.showme,
  #submenu.showme{
    z-index: 2;
    }
    .ef-1{
      opacity: 0;
      -webkit-transition: opacity .5s cubic-bezier(0.21, 0.61, 0.35, 1.0);
    	-moz-transition:  opacity .5s cubic-bezier(0.21, 0.61, 0.35, 1.0);
    	-o-transition: opacity .5s cubic-bezier(0.21, 0.61, 0.35, 1.0);
    	transition: opacity .5s cubic-bezier(0.21, 0.61, 0.35, 1.0);
    }
    .ef-1.on{
      opacity: 1;
    }
    .ef-1,
    #overText a,
    #submenu a{
      color: #BABCBE;
      display: inline-block;
      
      white-space: nowrap;
      font-weight: 900;
      text-indent: -100%;
    }
    .play{
      cursor: pointer;
    }
    .ef-1.on:hover > SPAN{
      letter-spacing: 0.1em;
      }
    #overText a.on > SPAN,
    #overText a:hover > SPAN,
    #submenu a:hover > SPAN{
      color: #59595B;
      letter-spacing: 0.1em;
      }
    #submenu a > SPAN,
    #submenu a:hover > SPAN{
      color: #59595B;
      }
    .ef-1 .lx,
    #overText a .lx,
    #submenu a .lx{
      display: inline-block;
      display: inline-block;
      overflow: hidden;
      text-indent: 0;
      }
      .ef-1 .lx > SPAN,
      #overText a .lx > SPAN,
      #submenu a .lx > SPAN{
            transform: translateX(100%);
            -webkit-transform: translateX(100%);
            -mox-transform: translateX(100%);
            -o-transform: translateX(100%);
            display: inline-block;
        }
    .ef-1 .rx,
    #overText a .rx,
    #submenu a .rx{
      position: absolute;
      display: inline-block; 
      overflow: hidden;
      text-indent: 0;
      }
      .ef-1 .rx > SPAN,
      #overText a .rx > SPAN,
      #submenu a .rx > SPAN{
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -mox-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        display: inline-block;
        }
    .ef-1 .lx > SPAN,
    .ef-1 .rx > SPAN,
    #overText a .lx > SPAN,
    #overText a .rx > SPAN,
    #submenu a .lx > SPAN,
    #submenu a .rx > SPAN{
       -webkit-transition: .75s cubic-bezier(0.21, 0.61, 0.35, 1.0);
    	-moz-transition:  .75s cubic-bezier(0.21, 0.61, 0.35, 1.0);
    	-o-transition: .75s cubic-bezier(0.21, 0.61, 0.35, 1.0);
    	transition: .75s cubic-bezier(0.21, 0.61, 0.35, 1.0);
      }
    .ef-1.on .lx > SPAN,
    #overText.showme a .lx > SPAN,
    #submenu.showme a .lx > SPAN{
      transform: translateX(50%);
      -webkit-transform: translateX(50%);
      -mox-transform: translateX(50%);
      -o-transform: translateX(50);
    }
    .ef-1.on .rx > SPAN,
    #overText.showme a .rx > SPAN,
    #submenu.showme a .rx > SPAN{
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -mox-transform: translateX(-50%);
      -o-transform: translateX(-50);
    }
    .ef-1, .ef-1:hover, .ef-1.on:hover{
      color: #FFF !important;
      font-size: 67px;
      cursor: pointer;
      line-height: 1.3;
    }
    #play-button{
  position: fixed;
  z-index: 1;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  white-space: nowrap;
}
.play{
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
  white-space: nowrap;
  background-color: rgba(0,0,0,.35);
}
.play.off{
  background-color: rgba(0,0,0,0);
  }
.play .cnt,
#play-button .cnt{
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#play-button.hide{
  display: none;
  }
.bg-image{
	background-position: center center;
	background-size: cover;
	}
#main-logo{
  z-index: -1;
	background-color: #ffffff;
	opacity: 0;
	-webkit-transition: opacity  1s cubic-bezier(0.21, 0.61, 0.35, 1.0);
	-moz-transition: opacity 1s cubic-bezier(0.21, 0.61, 0.35, 1.0);
	-o-transition: opacity 1s cubic-bezier(0.21, 0.61, 0.35, 1.0);
	transition: opacity 1s cubic-bezier(0.21, 0.61, 0.35, 1.0);
	}
	#main-logo.showme{
  	opacity: 1;
  	display: block;
  	z-index: 1;
  	}
#logo{
    position: absolute;
    top: calc(50vh - 9.6vw);
	  display: inline-block;
	  left: calc(50vw - 9.2vw);
	  width: 18vw;
	  height: 18vw;
	  background-image: url(/wp-content/uploads/2025/11/logo.svg)
	}
.logo{
	  width: 100%;
	  padding-bottom: 100%;
	  position: relative;
	  background-image: url(/wp-content/uploads/2025/11/logo.svg);
	  display: block;
	}
#cover .intro{
	height: 100vh;
	}
	#backgroundCnt{
	display: block;
	height: 100vh;
	width: 100vw;
	position: absolute;
	top: 0;
	left: 0;
	}
	#backgroundVideo {
  	background-color: #242424;
	   position: absolute;
	   top: 0;
	   left: 0;
	   width: 100%;
	   height: 100%;
	   z-index: -1;
	   pointer-events: none;
	   overflow: hidden;
	}
	#backgroundVideo iframe {
	   width: 100vw;
	   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	   min-height: 100vh;
	   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	   position: absolute;
	   top: 50%;
	   left: 50%;
	   transform: translate(-50%, -50%);
	   -webkit-transform: translate(-50%, -50%);
      -mox-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
	}


.pagination .page-link {
  color: #999;
  box-shadow: none;
} 
.pagination .page-item.active .page-link{
  background-color: #999;
  color: #FFF;
  border-color: #999;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col-md {position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;}
@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
}
/**
    RESPONSIVE
**/
@media (max-width: 1080px){
  #overText,#submenu{
    font-size: 24px;
  }
  #languages{
    bottom: 10px;
    left: 10px;
  }
}
@media (max-width: 992px){
  .ef-1, .ef-1:hover, .ef-1.on:hover{
      color: #FFF !important;
      font-size: 50px;
  }

}
@media screen and (max-width: 770px){
  .sec, .bg{
        max-height: none;
        }
    .bg{
        padding-left: 0;
        padding-right: 0;
    }
	body{
		font-size: 13px; 
	}
  .sec-in{
      background-position: 0px 0px;
      padding: 140px 40px 40px;
      }
  #copy{
    padding-top: 50px;
    position: relative;
  }
  #overText,#submenu{
    display: none !important;
    }
  .mainNav-cnt A,
  .mainNav-cnt .menu LI A{
      padding: 0px 0 12px;
      }
}