@charset "utf-8";
/* CSS Document */

/* CSS Document © 2026 ENVINTO */
@font-face {
    font-family: 'Satoshi Variable';
    src: url('../font/SatoshiVariable-Bold.eot');
    src: url('../font/SatoshiVariable-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/SatoshiVariable-Bold.woff2') format('woff2'),
        url('../font/SatoshiVariable-Bold.woff') format('woff'),
        url('../font/SatoshiVariable-Bold.ttf') format('truetype'),
        url('../font/SatoshiVariable-Bold.svg#SatoshiVariable-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi Variable';
    src: url('../font/Satoshi-Regular.eot');
    src: url('../font/Satoshi-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/Satoshi-Regular.woff2') format('woff2'),
        url('../font/Satoshi-Regular.woff') format('woff'),
        url('../font/Satoshi-Regular.ttf') format('truetype'),
        url('../font/Satoshi-Regular.svg#Satoshi-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




::-moz-selection{ background:#7b7d7f; color:var(--primary-color); text-shadow:none;}
::selection { background:#7b7d7f; color:var(--primary-color); text-shadow:none;}
*,
*:before, *:after{-webkit-box-sizing:  border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, textarea, input { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; outline:none; font-family:'Satoshi Variable';}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {color:#000000; background: #ffffff; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow:hidden; overflow-y: scroll; scroll-behavior: smooth;}
:root { --primary: #ffffff; --secondary:#000000; --global: #011e22;}
a { text-decoration:none; transition:all 0.25s ease-out 0s; outline: none; box-shadow: none;}
a:hover{text-decoration: none;}
h1, h2, h3 , h4, h5, h6, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{font-family: 'Satoshi Variable';}
p, p span { font-family:'Satoshi Variable';}
img { border:0px;}
ol, ul, li{ list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
* {-webkit-appearance: none;}
::-webkit-input-placeholder {
  color:var(--secondary-color);
}
::-moz-placeholder { 
  color:var(--secondary-color);
}
:-ms-input-placeholder {
  color:var(--secondary-color);
}
:-moz-placeholder {
  color:var(--secondary-color);
}

section, header, footer {width: 100%; float: left;}

img{max-width: 100%; display: block;}

strong{font-weight: bold;}

.container{width: 94%; max-width: 1320px; margin: 0 auto;}

.common-anchor {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}


.header-wrapp {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 15px 0;
}

.header-wrapp .logo {
    width: 100px;
    margin: 0 0 0 auto;
}


.header-wrapp .header-row {
    width: 100%;
    padding: 0 3%;
}

.banner-wrapp {
    width: 100%;
    height: 100vh;
    position: relative;
    text-align: center;
}

.banner-wrapp .video-wrapp {
    width: 100%;
    height: 100%;
}

.banner-wrapp .video-wrapp video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    pointer-events: none !important;
}

.banner-wrapp .banner-content {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.banner-wrapp h3 {
    font-size: 24px;
    color: var(--primary);
    letter-spacing: 0.5px;
}

.banner-wrapp h3 span {
    font-weight: 600;
}

.banner-wrapp h1 {
    font-size: 132px;
    text-transform: uppercase;
    font-weight: 900;
    color: var(--primary);
    line-height: 1;
    margin: 0 0 15px;
}

.banner-wrapp .loc {
    width: fit-content;
    margin: 0 auto;
    display: flex;
    align-items: center;
    font-size: 40px;
    color: var(--primary);
}

.banner-wrapp .loc .icon {
    width: 40px;
    margin: 0 5px 0 0;
}

.banner-wrapp .foot {
    position: absolute;
    width: 100%;
    bottom: 20px;
    left: 0;
}

.banner-wrapp h4 {
    font-size: 23px;
    color: var(--primary);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .5px;
}

.banner-wrapp .video-wrapp.mob {
    display: none;
}


@media screen and (max-width:1199px) {
.banner-wrapp h1 {
    font-size: 114px;
}
}


@media screen and (max-width:992px) {
.banner-wrapp h1 {
    font-size: 90px;
}
}


@media screen and (max-width:767px) {
.banner-wrapp h1 {
    font-size: 70px;
}
}


@media screen and (max-width:600px) {
.banner-wrapp h1 {
    font-size: 56px;
}

.banner-wrapp h3 {
    font-size: 20px;
}

.banner-wrapp .loc {
    font-size: 28px;
}

.banner-wrapp .loc .icon {
    width: 29px;
}

.banner-wrapp h4 {
    font-size: 18px;
}
}


@media screen and (max-width:480px) {

.banner-wrapp h3 {
    font-size: 18px;
    margin: 0 0 10px;
}

.banner-wrapp .video-wrapp.mob {
    display: block;
}

.banner-wrapp .video-wrapp.desk {
    display: none;
}

}