:root{
    /* --default-transition: cubic-bezier(0.445, 0.050, 0.550, 0.950); */
    --default-transition: cubic-bezier(0.390, 0.575, 0.565, 1.000);
    --bounce-transition: cubic-bezier(0.175, 0.885, 0.320, 1.275);

    --anim-duration-very-short: 75ms;
    --anim-duration-short: 150ms;
    --anim-duration-regular: 225ms;
    --anim-duration-slow: 350ms;
    --anim-duration-very-slow: 600ms;

    --anim-delay: 15ms;

    --num-4xl: 233px;
    --num-3xl: 144px;
    --num-2xl: 89px;
    --num-xl: 55px;
    --num-l: 34px;
    --num-m: 21px;
    --num-s: 13px;
    --num-xs: 8px;
    --num-2xs: 5px;
    --num-3xs: 3px;
    --num-4xs: 2px;
    --num-5xs: 1px;

    --num-4xl-n: -233px;
    --num-3xl-n: -144px;
    --num-2xl-n: -89px;
    --num-xl-n: -55px;
    --num-l-n: -34px;
    --num-m-n: -21px;
    --num-s-n: -13px;
    --num-xs-n: -8px;
    --num-2xs-n: -5px;
    --num-3xs-n: -3px;
    --num-4xs-n: -2px;
    --num-5xs-n: -1px;

    --color-red: #B92844;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-gray-bright: #C9C9C9;
    --color-gray-dark: #676767;

}

/* Container styling */

*,
*:before,
*:after{
    box-sizing: border-box;
    /* image-rendering:-webkit-optimize-contrast;
    image-rendering:optimize-contrast;
    -webkit-font-smoothing: subpixel-antialiased; */
    user-select: none;
    padding: 0;
    margin: 0;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    outline: 1px solid transparent;
    transition: transform 1s var(--default-transition), opacity 1s var(--default-transition);
}


.preload *{
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
  }

html,body{
    margin: 0;
    padding: 0;
    font-family: 'Montserrat';
    color: var(--color-white);
    background: var(--color-red);
    overflow-x: hidden;
    transition: none;
}


.outer-container{
    /* padding: var(--num-l); */
}

.container{
    max-width: 640px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    position: relative;
}

.container.wide{
    max-width: 960px;
}

.nav-top{
    padding: var(--num-l);
    font-weight: 700;
    position: absolute;
    width: 100%;
    z-index: 2;
}

section,
footer{
    position: relative;
}

.section-hero{
    height: 66vh;
}

.section-content{
    background: var(--color-white);
    color: var(--color-gray-dark);
    /* height: 34vh; */
    min-height: calc(34vh + var(--num-4xl) / 2);
}

.section-content:before{
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    width: 120%;
    height: var(--num-3xl);
    border-radius: 50% 50% 0 0/ 100% 100% 0 0;

    background: var(--color-white);
    /* background: radial-gradient(var(--color-white), var(--color-white) 100%, transparent); */
    background-size: cover;
    left: -10%;
    top: calc(var(--num-3xl-n) / 2);
    /* transition-timing-function: var(--bounce-transition), var(--default-transition); */
}

.footer:before{
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    width: 120%;
    height: var(--num-3xl);
    border-radius: 50% 50% 0 0/ 100% 100% 0 0;

    background: var(--color-white);
    /* background: radial-gradient(var(--color-white), var(--color-white) 100%, transparent); */
    background-size: cover;
    left: -10%;
    top: calc((var(--num-3xl-n)) / 2);
}

.footer:before{
    background: var(--color-red);
}


footer{
    padding: var(--num-xl) 0;
}


h1{
    font-size: 64px;
    font-weight: 700;
    margin: var(--num-m) 0;
    line-height: 1;
    transform-origin: bottom right;
    transition-timing-function: var(--bounce-transition), var(--default-transition);
}

h2{
    font-size: 48px;
    font-weight: 500;
    margin: var(--num-m) 0;
    transform-origin: top left;
    transition-timing-function: var(--bounce-transition), var(--default-transition);
}

p{
    font-size: 16px;
    margin-bottom: var(--num-3xs);
    line-height: 1.8;
    font-weight: 500;
    transform-origin: bottom right;
}


a{
    color: var(--color-white);
    position: relative;
    text-decoration: none;
    cursor: pointer;
    transform-origin: top left;
}

.bold{
    font-weight: 700;
}


.copyright{
    text-align: center;
    font-size: 12px;
    margin-top: var(--num-xl);
}


.logo{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88.739 28.559'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EZasób 1mdpi%3C/title%3E%3Cg id='Warstwa_2' data-name='Warstwa 2'%3E%3Cg id='Layer_1' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M40.339,12.444a3.425,3.425,0,0,0-1.8.4,3.179,3.179,0,0,0-1.2,1.1v5.4h-2.3v-8.9h2.1v1.9a4.428,4.428,0,0,1,1.2-1.5,2.452,2.452,0,0,1,1.6-.6h.5v2.2Zm5.5,7.1a3.807,3.807,0,0,1-1.9-.4,3.956,3.956,0,0,1-1.5-1,3.766,3.766,0,0,1-.9-1.5,5.079,5.079,0,0,1-.3-1.7,5.663,5.663,0,0,1,.3-1.8,3.766,3.766,0,0,1,.9-1.5,3.956,3.956,0,0,1,1.5-1,5.917,5.917,0,0,1,2-.4,3.576,3.576,0,0,1,1.9.4,3.956,3.956,0,0,1,1.5,1,3.766,3.766,0,0,1,.9,1.5,5.079,5.079,0,0,1,.3,1.7v.7h-6.9a1.222,1.222,0,0,0,.3.9,1.794,1.794,0,0,0,.5.7,2.506,2.506,0,0,0,.7.4,3.091,3.091,0,0,0,.8.2,2.768,2.768,0,0,0,1.3-.3,1.419,1.419,0,0,0,.8-.9l2,.5a4.314,4.314,0,0,1-1.6,1.7,4.2,4.2,0,0,1-2.6.8Zm2.3-5.4a2.637,2.637,0,0,0-.7-1.6,2.271,2.271,0,0,0-1.6-.6,2.92,2.92,0,0,0-.9.2,1.794,1.794,0,0,0-.7.5,1.794,1.794,0,0,0-.5.7,2.92,2.92,0,0,0-.2.9h4.6Zm7.4,5.4a3.287,3.287,0,0,1-1.7-.4,3.249,3.249,0,0,1-1.3-1,5.428,5.428,0,0,1-.9-1.5,5.55,5.55,0,0,1,0-3.6,7.143,7.143,0,0,1,.8-1.5,6.42,6.42,0,0,1,1.3-1,4.193,4.193,0,0,1,1.6-.4,4.075,4.075,0,0,1,1.8.5,3.447,3.447,0,0,1,1.2,1.2v-5.1h2.3v9.8a.749.749,0,0,0,.1.5.588.588,0,0,0,.5.2v2.1a4.484,4.484,0,0,1-1.1.1,1.689,1.689,0,0,1-1-.3,1.039,1.039,0,0,1-.4-.8l-.1-.6a3.25,3.25,0,0,1-1.3,1.3A3.085,3.085,0,0,1,55.539,19.544Zm.6-1.9a1.952,1.952,0,0,0,.7-.1l.6-.3a1.205,1.205,0,0,0,.5-.5,2.092,2.092,0,0,0,.4-.6v-2.1a2.73,2.73,0,0,0-.9-1.2,2.177,2.177,0,0,0-2.3-.3,1.344,1.344,0,0,0-.7.6,2.622,2.622,0,0,0-.5.9,3.553,3.553,0,0,0-.2,1,2.959,2.959,0,0,0,.2,1,2.177,2.177,0,0,0,.5.8,5.547,5.547,0,0,0,.8.6A2,2,0,0,0,56.139,17.644Zm10.2,1.9a4.1,4.1,0,0,1-1.1-.1c-.4-.1-.8-.1-1.1-.2a4.875,4.875,0,0,1-1.1-.4,4.053,4.053,0,0,1-.9-.5l.9-1.5a6.185,6.185,0,0,0,3.3,1.1,1.8,1.8,0,0,0,1.1-.3.773.773,0,0,0-.1-1.4,7.645,7.645,0,0,0-1.6-.5,15.463,15.463,0,0,1-1.5-.4,3.128,3.128,0,0,1-1-.5,1.794,1.794,0,0,1-.5-.7,2,2,0,0,1-.2-.9,2.133,2.133,0,0,1,.3-1.2,1.765,1.765,0,0,1,.8-.9,3.881,3.881,0,0,1,1.1-.6,5.9,5.9,0,0,1,1.4-.2,6.279,6.279,0,0,1,1.9.3,14.167,14.167,0,0,1,1.8.8l-.9,1.4c-.5-.3-1-.5-1.4-.7a5.853,5.853,0,0,0-1.3-.2,2.959,2.959,0,0,0-1,.2.812.812,0,0,0-.4.8.755.755,0,0,0,.4.7c.3.1.7.3,1.4.5a15.6,15.6,0,0,1,1.6.5,11.731,11.731,0,0,1,1.1.5,1.344,1.344,0,0,1,.6.7,2.959,2.959,0,0,1,.2,1,2.663,2.663,0,0,1-.3,1.2,3.114,3.114,0,0,1-.7.9,6.658,6.658,0,0,1-1.2.6,8.533,8.533,0,0,0-1.6,0Zm11.2-.2-2.6-3.8-1.2,1.2v2.6h-2.3V7.044h2.3v7.5l3.6-4h2.4l-3.3,3.8,3.6,5.1h-2.5Zm3.5,1.8a1.268,1.268,0,0,0,.6.1h.4a.6.6,0,0,0,.4-.1c.1-.1.2-.1.3-.3a1.628,1.628,0,0,0,.3-.6,6.214,6.214,0,0,0,.3-1l-3.5-8.9h2.3l2.4,6.9,2.1-6.9h2.1l-3.7,10.6a3.088,3.088,0,0,1-1.1,1.6,2.792,2.792,0,0,1-1.8.6,5.019,5.019,0,0,1-1.2-.2v-1.8Z'/%3E%3Cpath class='cls-1' d='M8.339,21.044a1.135,1.135,0,0,0-.3-.8c-.2-.3-.4-.4-.6-.7h-.1a1.222,1.222,0,0,0-.9-.3,1.421,1.421,0,0,0-.6.2h-.1c-.8.4-1.9,1.1-2.7,1.6a.1.1,0,0,0-.1.1,1.231,1.231,0,0,0-.5,1,1.777,1.777,0,0,0,.4,1c.3.4.7.8,1,1.2a1.149,1.149,0,0,0,1.1.6,1.606,1.606,0,0,0,1.1-.5c.7-.8,1.2-1.4,1.8-2.2v-.1A1.533,1.533,0,0,0,8.339,21.044Zm-2.4-5.3c0-.4-.1-.6-.1-.9v-.1a1.057,1.057,0,0,0-.6-.7,1.421,1.421,0,0,0-.6-.2h-.1c-.9-.1-2.2-.1-3.2-.1h-.1a1.1,1.1,0,0,0-1,.6,1.232,1.232,0,0,0-.2,1,8.752,8.752,0,0,0,.2,1.6,1.382,1.382,0,0,0,.6,1.1,1.287,1.287,0,0,0,1.2.1c1-.3,1.8-.6,2.7-.9h.1a1.8,1.8,0,0,0,.9-.6A2.92,2.92,0,0,0,5.939,15.744Zm.9-6.7a1,1,0,0,0-.4-.5l-.1-.1c-.7-.6-1.8-1.3-2.6-1.9a.1.1,0,0,1-.1-.1,1.271,1.271,0,0,0-1.2,0,1.387,1.387,0,0,0-.7.8,9.143,9.143,0,0,0-.7,1.4,1.468,1.468,0,0,0-.1,1.3,1.419,1.419,0,0,0,.9.8c1,.3,1.8.5,2.8.8h.1a1.4,1.4,0,0,0,1.1,0,1.167,1.167,0,0,0,.6-.6c.1-.3.3-.5.4-.8v-.1A1.7,1.7,0,0,0,6.839,9.044Zm4-3.9a26.792,26.792,0,0,0-1.2-3v-.1a1.2,1.2,0,0,0-1-.7,1.163,1.163,0,0,0-1,.2c-.5.3-.9.5-1.4.8a1.375,1.375,0,0,0-.8,1,1.431,1.431,0,0,0,.3,1.1c.7.8,1.2,1.4,1.9,2.2h.1a1.456,1.456,0,0,0,.9.6,1.486,1.486,0,0,0,.9-.2c.3-.2.5-.3.8-.5l.1-.1a2.177,2.177,0,0,0,.5-.8A1.087,1.087,0,0,0,10.839,5.144Zm6.3-3.7a1.5,1.5,0,0,0-.4-1.1.959.959,0,0,0-1-.3,8.552,8.552,0,0,0-1.6,0,1.374,1.374,0,0,0-1.2.4,1.128,1.128,0,0,0-.3,1.1c.1,1,.3,1.8.4,2.8v.1a1.777,1.777,0,0,0,.4,1,1.135,1.135,0,0,0,.8.3h1a1.234,1.234,0,0,0,.8-.4c.2-.2.2-.4.3-.6v-.1c.2-.9.5-2.2.6-3.1C17.139,1.544,17.139,1.544,17.139,1.444Zm6.6,3.5a1.389,1.389,0,0,0,.2-1.1,1.242,1.242,0,0,0-.6-.8c-.4-.3-.9-.6-1.3-.9a1.314,1.314,0,0,0-1.2-.3,1.419,1.419,0,0,0-.9.8c-.4.9-.8,1.7-1.2,2.6v.1a1.389,1.389,0,0,0-.2,1.1,1.275,1.275,0,0,0,.5.7c.3.2.5.3.8.5h.1a1.412,1.412,0,0,0,.9.1l.6-.3h.1a22.842,22.842,0,0,0,2.2-2.2.188.188,0,0,1,0-.3Zm5.8,12.4c0-.1,0-.1-.1-.2-.9-1.4-1.9-2.9-2.8-4.2a.52.52,0,0,0-.4-.2h-.2l-.1.1c-1.4,1-2.8,1.9-4.2,2.8-.1,0-.1.1-.1.2a.215.215,0,0,0,.2.2c.3.1.5.1.8.2a8.434,8.434,0,0,1-6,6.2,9.067,9.067,0,0,1-4.9-.1h-.6a1.206,1.206,0,0,0-1.2.8c-.5.9-1,1.8-1.4,2.7a1.268,1.268,0,0,0-.1.6,1.292,1.292,0,0,0,.9,1.2,10.926,10.926,0,0,0,1.7.5,14.845,14.845,0,0,0,8.6-.5,14.435,14.435,0,0,0,5.8-4,13.864,13.864,0,0,0,3.2-6.4c.3,0,.4.1.8.1C29.439,17.544,29.539,17.444,29.539,17.344Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 123px;
    height: 40px;

    display: block;
    background-size: contain;
    background-repeat: no-repeat;
}


.btn{
    /* border: 1px solid #C9C9C9; */
    box-shadow: inset 0px 0px 0px 1px #C9C9C9;
    border-radius: 5px;
    padding: calc(var(--num-s) + var(--num-5xs)) calc(var(--num-m) + var(--num-5xs)) calc(var(--num-s) + var(--num-5xs))  calc(var(--num-xl) + var(--num-5xs));
    color: var(--color-black);
    font-weight: 800;
    position: relative;
    display: inline-flex;
    margin-top: var(--num-s);
    z-index: 1;
    overflow: hidden;
}

.btn:before{
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #C9C9C9;
    position: absolute;
    z-index: -1;
    opacity: 0;
    transform: scale(.89);
    transition-duration: 100ms, 100ms;
    border-radius: 34px;

}

@keyframes animBtnBefore{
    0%{
        transform: scale(.89);
        opacity: 0;
    }
    33%{
        opacity: 1;
    }
    80%,100%{
        opacity: 0;
        transform: scale(1.2, 1.4);
    }
  }

/*
  .btn:before{
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    box-shadow: inset 0px 0px 0px 1px red;
    position: absolute;
    opacity: 0;
    transform: scale(1.2, 1.4);
    transition-duration: 300ms, 100ms;
    border-radius: inherit;

}

@keyframes animBtnBefore{

    100%{
        opacity: 1;
        transform: none;
    }
  } */


.btn:hover:before{
    animation: animBtnBefore 600ms var(--default-transition) 1 forwards;
}

.fb:after,
.www:after,
.in:after{
    content: '';
    display: block;
    /* font-size: 0px; */
    position: absolute;
    left: var(--num-m);
    width: 20px;
    height: 20px;
    background-size: contain;
    top:50%;
    transform: translateY(-50%);
}

.btn:hover:after{
    /* transform: translateX(var(--num-3xs-n)); */
}



.fb:after{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMiI+PGc+PHBhdGggZD0ibTI5Ny4yNzczNDQgNTA4LjY2Nzk2OWMtMi4xMzI4MTMuMzQ3NjU2LTQuMjczNDM4LjY2Nzk2OS02LjQyMTg3NS45NjA5MzcgMi4xNDg0MzctLjI5Mjk2OCA0LjI4OTA2Mi0uNjEzMjgxIDYuNDIxODc1LS45NjA5Mzd6bTAgMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojMDAwMDAwIj48L3BhdGg+PHBhdGggZD0ibTMwMi4zOTg0MzggNTA3Ljc5Mjk2OWMtMS4wMTk1MzIuMTg3NS0yLjAzOTA2My4zNTkzNzUtMy4wNTg1OTQuNTM1MTU2IDEuMDE5NTMxLS4xNzU3ODEgMi4wMzkwNjItLjM0NzY1NiAzLjA1ODU5NC0uNTM1MTU2em0wIDAiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6IzAwMDAwMCI+PC9wYXRoPjxwYXRoIGQ9Im0yODUuMTM2NzE5IDUxMC4zMzk4NDRjLTIuNDk2MDk0LjI4MTI1LTUuMDA3ODEzLjUzMTI1LTcuNTI3MzQ0Ljc0MjE4NyAyLjUxOTUzMS0uMjEwOTM3IDUuMDMxMjUtLjQ2MDkzNyA3LjUyNzM0NC0uNzQyMTg3em0wIDAiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6IzAwMDAwMCI+PC9wYXRoPjxwYXRoIGQ9Im0yOTAuMDU0Njg4IDUwOS43MzgyODFjLTEuMTk5MjE5LjE2MDE1Ny0yLjQwNjI1LjMwODU5NC0zLjYwOTM3Ni40NDkyMTkgMS4yMDMxMjYtLjE0MDYyNSAyLjQxMDE1Ny0uMjg5MDYyIDMuNjA5Mzc2LS40NDkyMTl6bTAgMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojMDAwMDAwIj48L3BhdGg+PHBhdGggZD0ibTMwOS4zNjcxODggNTA2LjQxMDE1NmMtLjg5ODQzOC4xOTE0MDYtMS44MDA3ODIuMzgyODEzLTIuNzAzMTI2LjU2NjQwNi45MDIzNDQtLjE4MzU5MyAxLjgwNDY4OC0uMzc1IDIuNzAzMTI2LS41NjY0MDZ6bTAgMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojMDAwMDAwIj48L3BhdGg+PHBhdGggZD0ibTMyNi42NjQwNjIgNTAyLjExMzI4MWMtLjcyNjU2Mi4yMDcwMzEtMS40NTMxMjQuNDAyMzQ0LTIuMTc5Njg3LjYwNTQ2OS43MjY1NjMtLjIwMzEyNSAxLjQ1MzEyNS0uMzk4NDM4IDIuMTc5Njg3LS42MDU0Njl6bTAgMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojMDAwMDAwIj48L3BhdGg+PHBhdGggZD0ibTMyMS40MzM1OTQgNTAzLjU0Mjk2OWMtLjc4OTA2My4yMDcwMzEtMS41ODIwMzIuNDE3OTY5LTIuMzc1LjYxNzE4Ny43OTI5NjgtLjE5OTIxOCAxLjU4NTkzNy0uNDA2MjUgMi4zNzUtLjYxNzE4N3ptMCAwIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiMwMDAwMDAiPjwvcGF0aD48cGF0aCBkPSJtMzE0LjU4OTg0NCA1MDUuMjUzOTA2Yy0uODM1OTM4LjE5NTMxMy0xLjY3OTY4OC4zNzg5MDYtMi41MjM0MzguNTY2NDA2Ljg0Mzc1LS4xODc1IDEuNjg3NS0uMzcxMDkzIDIuNTIzNDM4LS41NjY0MDZ6bTAgMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojMDAwMDAwIj48L3BhdGg+PHBhdGggZD0ibTI3Ny41MjczNDQgNTExLjA4OTg0NGMtMS4zNDc2NTYuMTEzMjgxLTIuNjk1MzEzLjIxNDg0NC00LjA0Njg3NS4zMDQ2ODcgMS4zNTE1NjItLjA4OTg0MyAyLjY5OTIxOS0uMTkxNDA2IDQuMDQ2ODc1LS4zMDQ2ODd6bTAgMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojMDAwMDAwIj48L3BhdGg+PHBhdGggZD0ibTUxMiAyNTZjMC0xNDEuMzYzMjgxLTExNC42MzY3MTktMjU2LTI1Ni0yNTZzLTI1NiAxMTQuNjM2NzE5LTI1NiAyNTYgMTE0LjYzNjcxOSAyNTYgMjU2IDI1NmMxLjUwMzkwNiAwIDMtLjAzMTI1IDQuNS0uMDU4NTk0di0xOTkuMjg1MTU2aC01NXYtNjQuMDk3NjU2aDU1di00Ny4xNjc5NjljMC01NC43MDMxMjUgMzMuMzk0NTMxLTg0LjQ3NjU2MyA4Mi4xOTE0MDYtODQuNDc2NTYzIDIzLjM2NzE4OCAwIDQzLjQ1MzEyNSAxLjc0MjE4OCA0OS4zMDg1OTQgMi41MTk1MzJ2NTcuMTcxODc1aC0zMy42NDg0MzhjLTI2LjU0Njg3NCAwLTMxLjY4NzUgMTIuNjE3MTg3LTMxLjY4NzUgMzEuMTI4OTA2djQwLjgyNDIxOWg2My40NzY1NjNsLTguMjczNDM3IDY0LjA5NzY1NmgtNTUuMjAzMTI2djE4OS40NTMxMjVjMTA3LjAwMzkwNy0zMC42NzU3ODEgMTg1LjMzNTkzOC0xMjkuMjU3ODEzIDE4NS4zMzU5MzgtMjQ2LjEwOTM3NXptMCAwIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiMwMDAwMDAiPjwvcGF0aD48cGF0aCBkPSJtMjcyLjkxNDA2MiA1MTEuNDI5Njg4Yy0yLjY2NDA2Mi4xNzE4NzQtNS4zMzk4NDMuMzA4NTkzLTguMDIzNDM3LjM5ODQzNyAyLjY4MzU5NC0uMDg5ODQ0IDUuMzU5Mzc1LS4yMjY1NjMgOC4wMjM0MzctLjM5ODQzN3ptMCAwIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiMwMDAwMDAiPjwvcGF0aD48cGF0aCBkPSJtMjY0Ljc1MzkwNiA1MTEuODM1OTM4Yy0xLjQxNDA2Mi4wNDY4NzQtMi44MzIwMzEuMDgyMDMxLTQuMjUuMTA1NDY4IDEuNDE3OTY5LS4wMjM0MzcgMi44MzU5MzgtLjA1ODU5NCA0LjI1LS4xMDU0Njh6bTAgMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojMDAwMDAwIj48L3BhdGg+PC9nPiA8L3N2Zz4=");
}

.www:after{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjA5LjI4IDIwOS4yOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjA5LjI4IDIwOS4yODsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiBjbGFzcz0iIj48Zz48cGF0aCBkPSJNMTA0LjY0LDBDNDYuOTQxLDAsMCw0Ni45NDEsMCwxMDQuNjQxYzAsNTcuNjk5LDQ2Ljk0MSwxMDQuNjQsMTA0LjY0LDEwNC42NHMxMDQuNjQtNDYuOTQxLDEwNC42NC0xMDQuNjQgIEMyMDkuMjgsNDYuOTQxLDE2Mi4zMzksMCwxMDQuNjQsMHogTTEwNC42NCwxOTQuMjhjLTMuOTg1LDAtMTAuNDEtNy4yMTItMTUuNzgxLTIzLjMyM2MtMi41MDgtNy41MjQtNC41My0xNi4xNDItNi4wMjgtMjUuNTAxICBjNy4wNTItMC41NiwxNC4zNjYtMC44NTYsMjEuODA5LTAuODU2czE0Ljc1NywwLjI5NiwyMS44MDksMC44NTdjLTEuNDk4LDkuMzU5LTMuNTIsMTcuOTc2LTYuMDI4LDI1LjUgIEMxMTUuMDUsMTg3LjA2OCwxMDguNjI1LDE5NC4yOCwxMDQuNjQsMTk0LjI4eiBNMTA0LjY0LDEyOS42Yy04LjExMiwwLTE2LjA0NSwwLjMyNi0yMy42ODQsMC45NDkgIGMtMC43ODMtOC4zMDktMS4xOTYtMTcuMDA0LTEuMTk2LTI1LjkwOWMwLTguOTA1LDAuNDEzLTE3LjYsMS4xOTYtMjUuOTFjNy42MzgsMC42MjMsMTUuNTcxLDAuOTQ5LDIzLjY4MSwwLjk0OSAgYzguMTEzLDAsMTYuMDQ3LTAuMzI2LDIzLjY4Ny0wLjk0OWMwLjc4Myw4LjMxLDEuMTk2LDE3LjAwNSwxLjE5NiwyNS45MWMwLDguOTA1LTAuNDEzLDE3LjYtMS4xOTYsMjUuOTA5ICBDMTIwLjY4NSwxMjkuOTI3LDExMi43NTEsMTI5LjYsMTA0LjY0LDEyOS42eiBNMTUsMTA0LjY0MWMwLTEzLjg5LDMuMTc2LTI3LjA1MSw4LjgzOC0zOC43OTcgIGMxMS4wNzksNS4wNjMsMjUuNjQzLDguOTEsNDIuMjIxLDExLjI0NmMtMC44NjMsOS4wMDQtMS4zLDE4LjI4Ny0xLjMsMjcuNTUxYzAsOS4yNjQsMC40MzcsMTguNTQ3LDEuMywyNy41NTEgIGMtMTYuNTc5LDIuMzM1LTMxLjE0Miw2LjE4My00Mi4yMjEsMTEuMjQ3QzE4LjE3NiwxMzEuNjkxLDE1LDExOC41MywxNSwxMDQuNjQxeiBNMTA0LjY0LDE1YzMuOTg1LDAsMTAuNDEsNy4yMTIsMTUuNzgxLDIzLjMyMyAgYzIuNTA4LDcuNTI0LDQuNTMsMTYuMTQxLDYuMDI4LDI1LjVjLTcuMDUzLDAuNTYxLTE0LjM2NywwLjg1Ny0yMS44MTIsMC44NTdjLTcuNDQyLDAtMTQuNzU1LTAuMjk2LTIxLjgwNi0wLjg1NiAgYzEuNDk4LTkuMzU5LDMuNTItMTcuOTc3LDYuMDI4LTI1LjVDOTQuMjMsMjIuMjEyLDEwMC42NTUsMTUsMTA0LjY0LDE1eiBNMTQzLjIyLDc3LjA4OGMxNi41NzktMi4zMzYsMzEuMTQyLTYuMTg0LDQyLjIyLTExLjI0OCAgYzUuNjY0LDExLjc0Nyw4Ljg0LDI0LjkxLDguODQsMzguOGMwLDEzLjg4OS0zLjE3NiwyNy4wNTEtOC44MzgsMzguNzk3Yy0xMS4wNzktNS4wNjMtMjUuNjQzLTguOTEtNDIuMjIxLTExLjI0NiAgYzAuODYzLTkuMDAzLDEuMy0xOC4yODcsMS4zLTI3LjU1MUMxNDQuNTIsOTUuMzc2LDE0NC4wODMsODYuMDkyLDE0My4yMiw3Ny4wODh6IE0xNzcuNzY1LDUyLjg0OCAgYy05LjQ5Myw0LjEwOC0yMi4wOTUsNy4zMDctMzYuNDA5LDkuMzM3Yy0yLjcxNC0xNy4zNi03LjE1OS0zMi44NzgtMTMuMjc5LTQ0LjA3MUMxNDguMzk4LDIzLjYyNSwxNjUuODc5LDM2LjExNSwxNzcuNzY1LDUyLjg0OHogICBNODEuMjA0LDE4LjExNWMtNi4xMiwxMS4xOTMtMTAuNTY1LDI2LjcxMS0xMy4yNzksNDQuMDcyYy0xNC4zMTQtMi4wMy0yNi45MTctNS4yMjktMzYuNDExLTkuMzM2ICBDNDMuNCwzNi4xMTYsNjAuODgxLDIzLjYyNSw4MS4yMDQsMTguMTE1eiBNMzEuNTE1LDE1Ni40MzFjOS40OTMtNC4xMDgsMjIuMDk2LTcuMzA3LDM2LjQxLTkuMzM3ICBjMi43MTQsMTcuMzYsNy4xNTksMzIuODc4LDEzLjI3OSw0NC4wNzFDNjAuODgxLDE4NS42NTUsNDMuNCwxNzMuMTY1LDMxLjUxNSwxNTYuNDMxeiBNMTI4LjA3NywxOTEuMTY1ICBjNi4xMi0xMS4xOTMsMTAuNTY1LTI2LjcxMSwxMy4yNzgtNDQuMDcxYzE0LjMxNCwyLjAzLDI2LjkxNyw1LjIyOSwzNi40MTEsOS4zMzdDMTY1Ljg4LDE3My4xNjUsMTQ4LjM5OSwxODUuNjU1LDEyOC4wNzcsMTkxLjE2NXoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiIHN0eWxlPSJmaWxsOiMwMDAwMDAiPjwvcGF0aD48L2c+IDwvc3ZnPg==");
}

.in:after{
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDQzMC4xMTcgNDMwLjExOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDMwLjExNyA0MzAuMTE4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PGc+Cgk8cGF0aCBpZD0iTGlua2VkSW5fX3gyOF9hbHRfeDI5XyIgZD0iTTM5OC4zNTUsMEgzMS43ODJDMTQuMjI5LDAsMC4wMDIsMTMuNzkzLDAuMDAyLDMwLjgxN3YzNjguNDcxICAgYzAsMTcuMDI1LDE0LjIzMiwzMC44MywzMS43OCwzMC44M2gzNjYuNTczYzE3LjU0OSwwLDMxLjc2LTEzLjgxNCwzMS43Ni0zMC44M1YzMC44MTdDNDMwLjExNSwxMy43OTgsNDE1LjkwNCwwLDM5OC4zNTUsMHogICAgTTEzMC40LDM2MC4wMzhINjUuNDEzVjE2NS44NDVIMTMwLjRWMzYwLjAzOHogTTk3LjkxMywxMzkuMzE1aC0wLjQzN2MtMjEuNzkzLDAtMzUuOTItMTQuOTA0LTM1LjkyLTMzLjU2MyAgIGMwLTE5LjAzNSwxNC41NDItMzMuNTM1LDM2Ljc2Ny0zMy41MzVjMjIuMjI3LDAsMzUuODk5LDE0LjQ5NiwzNi4zMzEsMzMuNTM1QzEzNC42NTQsMTI0LjQxNSwxMjAuNTU1LDEzOS4zMTUsOTcuOTEzLDEzOS4zMTV6ICAgIE0zNjQuNjU5LDM2MC4wMzhoLTY0Ljk2NlYyNTYuMTM4YzAtMjYuMTA3LTkuNDEzLTQzLjkyMS0zMi45MDctNDMuOTIxYy0xNy45NzMsMC0yOC42NDIsMTIuMDE4LTMzLjMyNywyMy42MjEgICBjLTEuNzM2LDQuMTQ0LTIuMTY2LDkuOTQtMi4xNjYsMTUuNzI4djEwOC40NjhoLTY0Ljk1NGMwLDAsMC44NS0xNzUuOTc5LDAtMTk0LjE5Mmg2NC45NjR2MjcuNTMxICAgYzguNjI0LTEzLjIyOSwyNC4wMzUtMzIuMSw1OC41MzQtMzIuMWM0Mi43NiwwLDc0LjgyMiwyNy43MzksNzQuODIyLDg3LjQxNFYzNjAuMDM4eiBNMjMwLjg4MywxOTMuOTkgICBjMC4xMTEtMC4xODIsMC4yNjYtMC40MDEsMC40Mi0wLjYxNHYwLjYxNEgyMzAuODgzeiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRkZGRkZGIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPgo8L2c+PC9nPiA8L3N2Zz4=");

    /* margin-left: var(--num-m); */
    width: 30px;
    height: 30px;
}





nav ul{
    list-style: none;
    text-align: right;

}

nav li{
    display: inline-flex;
}

nav ul a{
    padding: 0 var(--num-s);
    display: inline-flex;
    min-width: 50px;
    opacity: .55;
    transition-timing-function: var(--bounce-transition), var(--default-transition);
    transition-duration: 100ms;
}

nav ul a.active{
    opacity: 1;
}

.in{
    opacity: .89;
}

nav ul a:hover{
    opacity: 1;
}

.align-hero{
    margin-top: auto;
    margin-bottom: 30%;
}



.loader-container{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: calc(95vh - var(--num-m));
    background:var(--color-white);

    z-index: 2;
    transform-origin:bottom;
    transform: scaleY(0);
    transition-duration: 2s;
    pointer-events: none;
    user-select: none;
    will-change: transform;
}




.loader-container:before{
content: '';
position: absolute;
display: block;
width: 100%;
width: 120%;
height: var(--num-4xl);
border-radius: 50% 50% 0 0/ 100% 100% 0 0;

background: var(--color-white);
/* background: radial-gradient(var(--color-white), var(--color-white) 100%, transparent); */
background-size: cover;
left: -10%;
top: calc(var(--num-4xl-n) / 2);
/* transition-timing-function: var(--bounce-transition), var(--default-transition); */
}

.loader-container.is-visible{
    transform: scaleY(1) translateY(var(--num-2xl));
}

.loader-container.is-visible:before{
    /* transform: scaleY(.8); */
}

.spinning-loader {
    width: 34px;
    height: 34px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -17px;
    margin-top: -17px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    border-left: 2px solid transparent;
    border-radius: 50%;
    animation: animSpin 1.5s linear infinite;

    z-index: 3;
    opacity: 0;
}

.spinning-loader.is-visible{
    opacity: 0.08;
}

@keyframes animSpin{
    50%{
      transform: rotateZ(180deg);
    }
    100%{
      transform: rotateZ(360deg);
    }
  }


.is-display-none{
    display: none!important;
}

.scene{
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    user-select: none;
}

.icon{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;


    transition: transform 1s var(--default-transition), opacity 1s var(--default-transition);
}



.is-staggered{
    opacity: 0;
    transform: scale(.67);
}

.icon.saturn{
    left: -55%;
    top: -20%;
    opacity: .5;
}

.icon.astronaut{
    left: -35%;
    top: 5%;
}

.icon.astronaut:before{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2px;
    height: 200vh;
    transform: translateY(-50%) rotateZ(55deg);
    background-image: linear-gradient(var(--color-white) 33%, rgba(255,255,255,0) 0%);
    background-position: right;
    background-size: 8px 13px;
    background-repeat: repeat-y;
    opacity: .5;
    transition: transform 1s var(--default-transition), opacity 2s var(--default-transition);
    transition-delay: .5s;
}

.icon.astronaut.is-staggered:before{
    opacity: 0;
    transform:  translateY(-50%) rotateZ(55deg) scaleY(0);
}

.icon.moon{
    right: -75%;
    top: 17.5%;
    opacity: .5;
}

.icon.star-small{
    right: -60%;
    top: 0%;
}

.icon.star-small.is-staggered{
    transform: translateY(var(--num-m-n));
    opacity: 0;
}

.icon.star-small.second{
    right: auto;
    left: var(--num-s);
    top: -10%;
}

.icon.star-small.third{
    right: auto;
    top: auto;
    left: -10%;
    top: 22%;
}

.icon.rocket{
    right: -25%;
    top: 17.5%;
}

.icon.rocket:before{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2px;
    height: 100vh;
    transform:  rotateZ(55deg) translateY(var(--num-m)) translateX(var(--num-3xs-n));
    transform-origin: top center;
    background-image: linear-gradient(var(--color-white) 33%, rgba(255,255,255,0) 0%);
    background-position: right;
    background-size: 8px 13px;
    background-repeat: repeat-y;
    opacity: .5;
    transition: transform 1s var(--default-transition), opacity 2s var(--default-transition);
}

.icon.rocket.is-staggered{
    transform: translateX(-300%) translateY(300%);
}

.icon.rocket.is-staggered:before{
    opacity: 0;
    transform:  translateY(-50%) rotateZ(55deg) scaleY(0);
}

.icon.sun{
    right: 25%;
    top: -25%;
    opacity: .5;
}

.icon.sun.is-staggered{
    transform: rotateZ(360deg);
}

.icon.star{
    top: -20%;
    right: -30%;
}
.icon path{
    fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:2px;
}

.icon.dot{
    width: var(--num-4xs);
    height: var(--num-4xs);
    background: #fff;
    border-radius: 50%;
}

.icon.dot.first{
    top: 15%;
    left: -15%;
}

.icon.dot.second{
    top: -5%;
    right: -5%;
}

.icon.dot.fourth{
    top: 30%;
    right: -35%;
}

.icon.dot.fifth{
    top: -2.5%;
    left: -70%;
}

.icon.dot.sixth{
    top: 27.5%;
    left: -65%;
}

.icon.ring{
    width: var(--num-xs);
    height: var(--num-xs);
    border: 2px solid #fff;
    border-radius: 50%;
}

.icon.ring.first{
    top: 50%;
    left: -80%;
}

.icon.ring.second{
    top: 0;
    right: -30%;
}



.section-hero.is-staggered{
    transform: scale(.89);
    /* transform: none; */
    opacity: 1;
}

.section-hero .scene.is-staggered{
    transform: translateY(13px);
}

.section-hero:before{
    content: '';
    position: absolute;
    display: block;
    width: 120%;
    height: var(--num-4xl);
    border-radius: 50% 50% 0 0/ 100% 100% 0 0;
    border-top: 2px dashed rgba(255,255,255,.13);

    /* background: radial-gradient(var(--color-white), var(--color-white) 100%, transparent); */
    background-size: cover;
    left: -10%;
    bottom: calc(var(--num-4xl) / 1.35);
}

.section-hero.is-staggered:before{
    transform: translateX(var(--num-xl-n)) translateY(var(--num-s-n)) scale(1.5) skew(13deg);
    opacity: 0;
}


.section-hero:after{
    content: '';
    position: absolute;
    display: block;
    width: 120%;
    height: var(--num-4xl);
    border-radius: 50% 50% 0 0/ 100% 100% 0 0;
    border-top: 2px dashed rgba(255,255,255,.13);

    /* background: radial-gradient(var(--color-white), var(--color-white) 100%, transparent); */
    background-size: cover;
    left: -10%;
    bottom: var(--num-m-n);
}

.section-hero.is-staggered:after{
    transform: translateX(var(--num-m)) scale(.5) skew(-8deg) rotateZ(3deg);
}

h1.is-staggered{
    transform: translateY(var(--num-m)) skewY(-2deg) skewX(1deg);
}

h2.is-staggered{
    transform: translateY(var(--num-l)) skewY(-1deg) skewX(2deg);
}

/* .section-content.is-staggered{
    transform: none;
} */


.section-content.is-staggered:before{
    transform: translateY(var(--num-xl)) scaleX(.5);
}

.section-content p.is-staggered{
    transform: translateY(var(--num-m)) skewY(-2deg);
}

.section-content .btn.is-staggered{
    transform: translateY(var(--num-l)) skewY(-1deg);
}

.section-content.is-staggered{
    transform: none;
    opacity: 1;
}

nav li.is-staggered{
    transform: translateY(var(--num-l-n));
}

/* .emoji{
    transition: opacity 10ms linear, transform 0ms linear;
    display: inline-flex;
}

span.emoji.is-staggered{
    transform: none;
    opacity: 0;
    display: none;
} */

.emoji{
    /* transition: opacity 10ms linear, transform 0ms linear; */
  display: inline-flex;
}

span.emoji.is-staggered{
    transform: translateY(var(--num-l));
    opacity: 0;
}


.scene.illustrated{
    width: 150%;
    left: -25%;
    position: absolute;
}


.illustration{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;


    transition: transform 1s var(--default-transition), opacity 1s var(--default-transition);
}

.illustration.steps{
    top: 110px;
    width: 100%;
    height: var(--num-3xl);
}

.illustration.landing{
    left: -160px;
    top: -180px;
    position: absolute;
}



.illustration .i-rocket{
    transform-origin: top;
    transition: transform .6s var(--bounce-transition), opacity .1s var(--default-transition);
    transform: scale(1);
    z-index: 2;
    position: relative;
}

.illustration .i-rocket.is-staggered{
    /* opacity: 1; */
    transform: scale(.89) translateY(-55px);
}

.i-rocket-hole{
    position: absolute;
    bottom: -26px;
    left: 8px;
    transition: transform .6s var(--bounce-transition), opacity .1s var(--default-transition);
    z-index: 1;
}


.illustration .i-rocket-hole.is-staggered{
    transform: scale(.55);
}


.stagger-illustration.is-staggered{
    opacity: 0;
    transform: translateY(var(--num-m-n));
}




.path-step{
    fill:#e3e3e3;
    fill-rule:evenodd;
    transform-box: fill-box;
    transition: transform .3s var(--bounce-transition), opacity .3s var(--default-transition);
}

.path-step.is-staggered{
    transform: translateX(var(--num-m-n));
    opacity: 0;
}

.illustration.steps svg{
    overflow: visible;
}


.flag{
    right: -90px;
    top: -170px;
}

.i-flag{

    position: relative;
    transition: transform .3s var(--bounce-transition), opacity .1s var(--default-transition);
    z-index: 2;
}

.i-flag.is-staggered{
    transform: scale(.89) translateY(var(--num-l-n)) translateX(var(--num-xs-n)) rotateZ(-5deg);
    transform-origin: bottom left;
}

.i-flag-hole{
    position: absolute;
    width: 19px;
    bottom: 0;
    left: 1px;
    transition: transform .1s var(--bounce-transition), opacity .1s var(--default-transition);
    z-index: 1;
}


.illustration .i-flag-hole.is-staggered{
    transform: scale(.67);
}

/* .inner-steps{
transform: translate(-574.31px, -859.01px);
position:absolute;left:0;top:0;
} */

.i-smoke{
    position: absolute;
    bottom: -5%;
    fill: #e8e8e8;
    opacity: 0;
    transition: transform .6s var(--default-transition), opacity .6s var(--default-transition);
}

.i-smoke.first{
    left: -50%;
    z-index: 0;
}

.i-smoke.second,
.i-smoke.third{
    z-index: 3;
    fill: #878787;
}

.i-smoke.second{
    left: -10%;

}

.i-smoke.third{
    right: -10%;
}


.i-smoke.is-staggered{
    transform: scale(0) translateY(50%);
    opacity: 1;
}

.i-smoke.second.is-staggered,
.i-smoke.third.is-staggered{
    transform: scale(0) translateY(50%);
    opacity: 1;
}




svg{
    pointer-events: none;
    user-select: none;
}

@-moz-document url-prefix() {
    p{
      font-weight: 400;
    }
    h2{
        font-weight: 400;
    }
    .btn{
        font-weight: 700;
    }
  }


footer p,
footer a{
    user-select: all;
}