@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=8e83cb11-881b-4851-bfa6-635379f1afbb&fontids=6080840,6080874,6080964,6080998");
@font-face{
    font-family:"Avenir Next World W01 Regular";
    src:url("fonts/6080840/c59cd3fa-9f8e-4709-9d5c-7f2fe9e9b3d1.woff2") format("woff2"),url("fonts/6080840/f8f2af0e-b5b6-4596-8093-d042a7aa36e3.woff") format("woff");
}
@font-face{
    font-family:"Avenir Next World W01 Bold";
    src:url("fonts/6080874/97148e81-4caf-43f2-8a19-d52c51470dcf.woff2") format("woff2"),url("fonts/6080874/60149f40-e399-449f-9a8b-ca58e2233a1f.woff") format("woff");
}

@font-face{
    font-family:"Avenir Next World W01 Italic";
    src:url("fonts/6080998/368ddc60-79c5-45d4-8212-f8538322f604.woff2") format("woff2"),url("Fonts/6080998/72daaa4c-da11-422c-8f3c-63052474d5a2.woff") format("woff");
}

@font-face{
    font-family:"Avenir Next World W01 Bold It";
    src:url("Fonts/6080964/d52109af-5fc9-4505-b523-68291f66ebcd.woff2") format("woff2"),url("Fonts/6080964/20052372-dae9-441a-886d-e83f072b89fe.woff") format("woff");
}

@font-face{
    font-family:"GT America";
    src:url("fonts/GT-America-Compressed-Bold.woff2") format("woff2"),url("fonts/GT-America-Compressed-Bold.woff") format("woff"), url("fonts/GT-America-Compressed-Bold.eot") format("eot"), url("fonts/GT-America-Compressed-Bold.otf") format("otf"), url("fonts/GT-America-Compressed-Bold.ttf") format("ttf");
}

* {
    text-rendering: optimizeLegibility;
    font-smooth: antialiased;
    -webkit-font-smoothing: antialiased;
    font-synthesis: none; /* Fix for Safari font rendering*/
}

html { height:100%; scroll-behavior: smooth; box-sizing: content-box !important;}
body { height:100%; overflow:hidden; margin:0; padding:0; background-color:#000000; }

body, div {
    font-family: "Avenir Next World W01 Regular", Arial, sans-serif; 
    font-size:20px; 
    font-weight: 400;
    color: #0e3034;
    line-height: 1.3;
    box-sizing: content-box !important;
}


*,
*::before,
*::after {
	box-sizing: inherit;
}

td {
    border: none !important;
}

em {
    font-family: "Avenir Next World W01 Bold Italic", Arial, sans-serif; 
    font-weight: 700;
}

h1 {
    font-family: "GT America", Arial, sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1;
    margin: 4px 0 8px 0;    
}

.intro {
    font-size: 48px;
}

h2 {
    font-family: "Avenir Next World W01 Regular", Arial, sans-serif; 
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

h3 {
    font-family: "Avenir Next World W01 Regular", Arial, sans-serif; 
    font-size: 14px;
    font-weight: 400;
    margin: 4px 0;
}

.ttip {
    color: inherit;
}

#loading {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 100;
}

::-moz-selection { /* Code for Firefox */
    background: #ffabba;
}

::selection {
    background: #ffabba;
}

.hs_content {
    padding: 0 48px 0 0;
    letter-spacing: normal;
    font-synthesis: none;
}

.hs_content h1 {
    margin: 0 0 8px 0;
}

.hs_content h2 {
    font-size:20px;
    margin: 0 0 24px 0;
}

.hs_content .quote {
    font-family: "GT America", Arial, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.2;
    margin: 0 0 8px 0;
}

.hs_content p {
    font-family: "Avenir Next World W01 Regular", Arial, sans-serif;
    font-weight: 400;
    font-size:20px; 
    line-height: 1.5;
    margin: 16px 0 24px 0;
}

.hs_content p:first-of-type {
    margin-top: 24px;
}

.hs_content em {
    font-weight: 400;
}

.hs_content strong {
    font-family: "Avenir Next World W01 Bold", Arial, sans-serif;
    font-size: 28px;    
    line-height: 2;
    font-weight: 700;
    padding: 48px 0 32px 0;
}
.hs_content .scrollfader,  .hs_content .scrollfader2 {
    position: fixed;
    bottom: -1px;
    left:0;
    height:32px;
    width: -webkit-calc(100% - 15px);
    width: -moz-calc(100% - 15px);
    width: calc(100% - 15px);
}

.hs_content .scrollfader {
    background: -moz-linear-gradient(top,  rgba(208,204,199,0) 0%, rgba(208,204,199,1) 50%, rgba(208,204,199,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(208,204,199,0) 0%,rgba(208,204,199,1) 50%,rgba(208,204,199,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(208,204,199,0) 0%,rgba(208,204,199,1) 50%,rgba(208,204,199,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d0ccc7', endColorstr='#d0ccc7',GradientType=0 ); /* IE6-9 */
}

.hs_content .scrollfader2 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f3f2f1+0,f3f2f1+100&0+0,1+50 */
    background: -moz-linear-gradient(top,  rgba(243,242,241,0) 0%, rgba(243,242,241,1) 50%, rgba(243,242,241,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(243,242,241,0) 0%,rgba(243,242,241,1) 50%,rgba(243,242,241,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(243,242,241,0) 0%,rgba(243,242,241,1) 50%,rgba(243,242,241,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f3f2f1', endColorstr='#f3f2f1',GradientType=0 ); /* IE6-9 */
}


@media screen and (max-width: 413px) and (orientation: portrait) {
    .hs_content {
        padding: 0 28px 0 0;
    }

    h1, .intro {
        font-size:32px;
    }

    h2 {
        font-size:12px;
    }

    .hs_content .quote {
        font-size:20px;
    }

    .hs_content h2 {
        font-size:16px;
    }

    .hs_content h3 {
        font-size:12px;
    }

    .hs_content p {
        font-size:16px;
        line-height: 1.4;
        margin: 14px 0;
    }
}

@media screen and (max-width: 950px) and (orientation: landscape) {
    .hs_content {
        padding: 0 28px 0 0;
    }
    
    h1, .intro {
        font-size:32px;
    }

    h2 {
        font-size:12px;
    }
    
    .hs_content h2 {
        font-size:16px;
    }
    
    .hs_content h3 {
        font-size:12px;
    }

    .hs_content p {
        font-size:16px;
        line-height: 1.4;
        margin: 14px 0;
    }
}

@media (pointer: fine) {
    .cursor {
        opacity: 0;
        width: 96px;
        height: 96px;
        border: 1px solid rgba(255, 255, 255, 0.5);
        border-radius: 50%;
        position: absolute;
        z-index: 5000;
        pointer-events: none;
        background-color: rgba(0, 0, 0, 0.25);
        left:50%;
        top:50%;
        transform: translate(-50%, -50%);
        /* right:0;
        bottom:0; */

        transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s cubic-bezier(0.19, 1, 0.22, 1);

    }

    .cursor_text {
        color: #ffffff;
        opacity: 1;
        z-index: 5000;
        font-size: 12px;
        font-weight: 400;
        position: absolute;
        pointer-events: none;
        left:50%;
        top:50%;
        transform: translate(-50%, -50%);
    }

    /* Works on Firefox */
    * {
    scrollbar-width: thin;
    scrollbar-color: #0e3034 rgba(0,0,0,0.1);
    }

    /* Works on Chrome, Edge, and Safari */
    *::-webkit-scrollbar {
    width: 10px;
    }

    *::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.1);
    }

    *::-webkit-scrollbar-thumb {
    background-color: #0e3034;
    }
}

@media (pointer: coarse) {
    .cursor, .cursor_text {
        display: none;
    }
}