/* Import Fonts */
/* @import url(http://fonts.googleapis.com/css?family=Outfit|Marvin+Pro); */
@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700;800;900&family=Outfit:wght@100;200;500;600;700&family=Poppins:wght@100;200;300;400;500&display=swap');

body { font-family: 'Poppins', Outfit, sans-serif; font-size: 14px; line-height: 21px; font-weight:400;
	-webkit-font-smoothing: antialiased; font-smoothing: antialiased; color: #987; background: #000; width: 100%;
    height: 100%; position: relative; overflow: hidden; padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6{ font-family: 'Coustard', serif; color:#fff; font-weight: normal; letter-spacing: 1px }

h1{ font-family: "Outfit", Poppins, sans-serif; font-weight: 700;  font-size: 73px; line-height: 70px; padding: 0; margin: 0;}

h5{ font-size: 15px; font-weight: 300; font-family: "Poppins", 'Outfit', sans-serif; line-height: 55px; padding: 0; margin: 0; color: #d9d9d9}

p { font-weight: 200; font-size: 16px; line-height: 2.1; color: rgba(255, 254, 254, 0.96); letter-spacing: 0.04em;
    word-wrap: normal; word-spacing: 1px; }

a { color: #b7b7b7; text-decoration:none;	font-weight: normal }

a:hover {text-decoration:underline;}

#maximage { height: 100vh; display: block; /*display:none; position:fixed !important; */ }

.gradient {	left:0;	height:100%; position:absolute; top:0; width:100%; z-index:999; background-color: rgba(9, 13, 30, 0.33)}

.show{display: block;}

.hide{opacity: 0;}

._video-container { position: relative; overflow: hidden; width: 100%; height: 100vh; padding: 0; margin: 0; right: 0; bottom: 0;  display: flex;}

vidoe { display: block; width: 100%; height: 100vh; object-fit: cover; /* height: 57.25vw; max-height: calc(128vh - 76px); min-height: 480px; */padding: 0; margin: 0; right: 0; bottom: 0; max-width: none; overflow: hidden; }

#idVideoContainer { object-fit: cover !important; width: 100%; padding: 0; margin: 0; right: 0; bottom: 0; height: 100vh; display: flex;  position: absolute;}

vidoe::before { content: ""; width: 100%; height: 100%}

/* Set Page Elements */
.content { float:left; margin:40px;	position:absolute; top:145px;	width:62%; z-index:9999; -webkit-font-smoothing:antialiased }

.site-label-tag { display: flex; position: absolute; width: 426px;  border-left: 3px solid rgba(255, 255, 255, 0.96);
    bottom: 36px; flex-direction: column; align-items: flex-start; z-index: 9965; height: 61px; }

.site-label-tag .site-logo-companyName {	font-family: 'Outfit', serif;  font-size: 30px; bottom: 30px; height: auto; left: 40px; position: absolute; z-index: 1000; color: #fff; text-transform: uppercase; line-height: 1.1; letter-spacing: 0.07em; }

.site-label-tag .sub-title { font-family: 'Outfit', serif; font-size: 23px; bottom: 5px; height: auto; left: 40px; position: absolute; z-index: 1000; color: #ffffff; padding: 0px; font-weight: 300 !important; letter-spacing: 0.034em; }

.main-nav{ position:absolute;	bottom: 21px; left: 85%; z-index:1001; }
.main-nav ul li {	 list-style: none; display: inline; padding: 7px 14px; background-color: rgb(0, 3, 8);
    border-radius: 4px; text-align: center }
.main-nav ul li a.active {color: #ffa800;}
.social-nav {	position:absolute; top: 0px; left: 40px }
.social-nav ul { margin: 0; padding:0;}
.social-nav ul li{ list-style: none; display: block; float: left; background: #000000; padding: 100px 14px 12px 14px; margin: 1px;
    opacity: .5;}
.social-nav ul li:hover {opacity: 1;}

button.full-screen{ position: absolute; top: 0;	right: 0; width: 31px; height: 31px; background: url("../images/full-screen-btn.png");
	border: 0; cursor: pointer; opacity: .7 }

button.full-screen:hover { opacity: 1;}

#arrow_left, #arrow_right {	bottom:30px; height:42px; position:absolute; right:40px; width:42px; z-index:1000; display: none;}
#arrow_left { right:95px; }

  /* Set Medie Queries */
@media (max-width: 420px) {
        p { font-size: 12px !important; text-align: justify; word-spacing: 0; }
}


@media (max-width: 959px) {
        body { height: 100%; width: 100%; padding: 0; overflow: hidden; margin: 0 auto; position: relative;
        background-image: url("../images/backgrounds/poster.jpg"); background-size: cover; background-position: center center;}
        h1 { font-size: 42px }
        p { font-size: 14px !important; text-align: justify; word-spacing: 0; }
        .site-label-tag { bottom: 24px; border-left: 9px solid rgba(35, 112, 253, 0.96); }
        .site-label-tag .site-logo-companyName { font-size: 26px; bottom: 30px; left: 10px }
        .site-label-tag .sub-title { font-size: 20px; bottom: 5px; left: 10px; }
        .content { width: 100%; margin: 0; padding: 0; } 
        section.content { width: 95%; padding: 5px 12px 5px 12px !important }
        .gradient { background-color: rgba(5, 29, 56, 0.64); backdrop-filter: blur(4px); }
        .main-nav { position: absolute; top: 6%; left: 50%; z-index: 1001;}
        .social-nav {  position: absolute; top: 0px; left: 40px;  z-index: 5000; }
    }