/*<!-- CSS CARD tarif -->*/

 #rec716854652 .t396__artboard {
     height: 1030px;
     /*background-color: #d4b48d;*/
     background-color: var(--color-dark);
 }

#rec716854652 .t396__filter {
    height: 950px;
}

#rec716854652 .t396__carrier {
    height: 950px;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1199px) {
    #rec716854652 .t396__artboard, #rec716854652 .t396__filter, #rec716854652 .t396__carrier {
    }

    #rec716854652 .t396__filter {
    }

    #rec716854652 .t396__carrier {
        background-attachment: scroll;
    }
}

@media screen and (max-width: 959px) {
    #rec716854652 .t396__artboard, #rec716854652 .t396__filter, #rec716854652 .t396__carrier {
    }

    #rec716854652 .t396__filter {
    }

    #rec716854652 .t396__carrier {
        background-attachment: scroll;
    }
}

@media screen and (max-width: 639px) {
    #rec716854652 .t396__artboard, #rec716854652 .t396__filter, #rec716854652 .t396__carrier {
    }

    #rec716854652 .t396__filter {
    }

    #rec716854652 .t396__carrier {
        background-attachment: scroll;
    }
}

@media screen and (max-width: 479px) {
    #rec716854652 .t396__artboard, #rec716854652 .t396__filter, #rec716854652 .t396__carrier {
        height: 2300px;
    }

    #rec716854652 .t396__filter {
    }

    #rec716854652 .t396__carrier {
        background-attachment: scroll;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710069986205"] {
    z-index: 0;
    top: 167px;
    left: calc(50% - 600px + 92px);
    width: 310px;
    height: 592px;
}

#rec716854652 .tn-elem[data-elem-id="1710069986205"] .tn-atom {
    background-color: #212121;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710069986205"] {
        top: 355px;
        left: calc(50% - 160px + -2287px);
        width: 246px;
        height: 470px;
        z-index: 2;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710066673758"] {
    z-index: 0;
    top: 167px;
    left: calc(50% - 155px + -353px);
    width: 310px;
    height: auto;
}

#rec716854652 .tn-elem[data-elem-id="1710066673758"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716854652 .tn-elem[data-elem-id="1710066673758"] .tn-atom__img {
    height: 600px;
}
#rec716854652 .tn-elem[data-elem-id="1710070081973"] .tn-atom__img {
    height: 600px;
}
#rec716854652 .tn-elem[data-elem-id="1710070127255"] .tn-atom__img {
    height: 600px;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710066673758"] {
        top: 355px;
        left: calc(50% - 155px + -2324px);
        width: 246px;
        height: auto;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710066981388"] {
    color: #ffffff;
    text-align: center;
    z-index: 4;
    top: 479px;
    left: calc(50% - 146.5px + -353px);
    width: 293px;
    height: auto;
    /*pointer-events: none;*/
}

#rec716854652 .tn-elem[data-elem-id="1710066981388"] .tn-atom,
#rec716854652 .tn-elem[data-elem-id="1710070081973"] .tn-atom,
#rec716854652 .tn-elem[data-elem-id="1710070127255"] .tn-atom
{
    color: #ffffff;
    font-size: 18px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.2;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710066981388"] {
        top: 608px;
        left: calc(50% - 146.5px + -2324px);
        width: 233px;
        height: auto;
    }

    #rec716854652 .tn-elem[data-elem-id="1710066981388"] .tn-atom {
        white-space: normal;
        font-size: 14px;
        background-size: cover;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710067090514"] {
    z-index: 5;
    top: 432px;
    left: calc(50% - 85px + -353px);
    width: 170px;
    height: auto;
    /*pointer-events: none;*/
}

#rec716854652 .tn-elem[data-elem-id="1710067090514"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716854652 .tn-elem[data-elem-id="1710067090514"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710067090514"] {
        top: 565px;
        left: calc(50% - 85px + -2323px);
        width: 135px;
        height: auto;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710067109326"] {
    color: #dcad73;
    text-align: center;
    z-index: 6;
    top: 604px;
    left: calc(50% - 146.5px + -353px);
    width: 293px;
    height: auto;
}

#rec716854652 .tn-elem[data-elem-id="1710067109326"] .tn-atom {
    color: #dcad73;
    font-size: 18px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.2;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710067109326"] {
        top: 702px;
        left: calc(50% - 146.5px + -2324px);
        width: 233px;
        height: auto;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710071637392"] {
    z-index: 13;
    top: 80px;
    left: calc(50% - 600px + 235px);
    width: 730px;
    height: auto;
}

#rec716854652 .tn-elem[data-elem-id="1710071637392"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716854652 .tn-elem[data-elem-id="1710071637392"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710071637392"] {
        top: 874px;
        left: calc(50% - 160px + -2724px);
        height: auto;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710070081973"] {
    z-index: 7;
    top: 168px;
    left: calc(50% - 600px + 438px);
    width: 310px;
    height: 592px;
}

#rec716854652 .tn-elem[data-elem-id="1710070081973"] .tn-atom {
    background-color: #212121;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710070081973"] {
        top: 847px;
        left: calc(50% - 160px + -2501px);
        width: 246px;
        height: 470px;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710066696187"] {
    z-index: 8;
    top: 168px;
    left: calc(50% - 600px + 438px);
    width: 310px;
    height: auto;
    /*pointer-events: none;*/
}

#rec716854652 .tn-elem[data-elem-id="1710066696187"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716854652 .tn-elem[data-elem-id="1710066696187"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710066696187"] {
        top: 847px;
        left: calc(50% - 160px + -2501px);
        width: 246px;
        height: auto;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710067594229"] {
    color: #dcad73;
    text-align: center;
    z-index: 9;
    top: 586px;
    left: calc(50% - 600px + 446px);
    width: 293px;
    height: auto;
}

#rec716854652 .tn-elem[data-elem-id="1710067594229"] .tn-atom {
    color: #dcad73;
    font-size: 18px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.2;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710067594229"] {
        top: 1179px;
        left: calc(50% - 160px + -2495px);
        width: 232px;
        height: auto;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710067419910"] {
    color: #ffffff;
    text-align: center;
    z-index: 10;
    top: 511px;
    left: calc(50% - 600px + 463px);
    width: 259px;
    height: auto;
    /*pointer-events: none;*/
}

#rec716854652 .tn-elem[data-elem-id="1710067419910"] .tn-atom {
    color: #ffffff;
    font-size: 18px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.2;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710067419910"] {
        top: 1119px;
        left: calc(50% - 160px + -2481px);
        width: 205px;
        height: auto;
    }

    #rec716854652 .tn-elem[data-elem-id="1710067419910"] .tn-atom {
        white-space: normal;
        font-size: 15px;
        background-size: cover;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710067566944"] {
    z-index: 11;
    top: 452px;
    left: calc(50% - 600px + 498px);
    width: 190px;
    height: auto;
    /*pointer-events: none;*/
}

#rec716854652 .tn-elem[data-elem-id="1710067566944"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716854652 .tn-elem[data-elem-id="1710067566944"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710067566944"] {
        top: 1073px;
        left: calc(50% - 160px + -2454px);
        width: 150px;
        height: auto;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710071805446"] {
    color: #ffffff;
    text-align: center;
    z-index: 18;
    top: 806px;
    left: calc(50% - 600px + 468px);
    width: 264px;
    height: 79px;
}

#rec716854652 .tn-elem[data-elem-id="1710071805446"] .tn-atom {
    color: #ffffff;
    font-size: 14px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 30px;
    background-color: #212121;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710071805446"] {
        top: 1636px;
        left: calc(50% - 160px + 28px);
    }
}

#rec716854652 .tn-elem[data-elem-id="1710075221018"] {
    z-index: 19;
    top: 1730px;
    left: calc(50% - 600px + -2665px);
    width: 944px;
    height: auto;
}

#rec716854652 .tn-elem[data-elem-id="1710075221018"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716854652 .tn-elem[data-elem-id="1710075221018"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710075221018"] {
        top: 40px;
        left: calc(50% - 160px + 30px);
        width: 260px;
        height: auto;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710070127255"] {
    z-index: 12;
    top: 169px;
    left: calc(50% - 600px + 801px);
    width: 310px;
    height: 592px;
}

#rec716854652 .tn-elem[data-elem-id="1710070127255"] .tn-atom {
    background-color: #212121;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710070127255"] {
        top: 1286px;
        left: calc(50% - 160px + -2542px);
        width: 245px;
        height: 470px;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710069570498"] {
    z-index: 14;
    top: 169px;
    left: calc(50% - 600px + 801px);
    width: 310px;
    height: auto;
    /*pointer-events: none;*/
}

#rec716854652 .tn-elem[data-elem-id="1710069570498"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716854652 .tn-elem[data-elem-id="1710069570498"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710069570498"] {
        top: 1286px;
        left: calc(50% - 160px + -2542px);
        width: 245px;
        height: auto;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710069570505"] {
    color: #dcad73;
    text-align: center;
    z-index: 15;
    top: 617px;
    left: calc(50% - 600px + 809px);
    width: 293px;
    height: auto;
}

#rec716854652 .tn-elem[data-elem-id="1710069570505"] .tn-atom {
    color: #dcad73;
    font-size: 18px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.2;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710069570505"] {
        top: 1642px;
        left: calc(50% - 160px + -2536px);
        width: 231px;
        height: auto;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710069570509"] {
    color: #ffffff;
    text-align: center;
    z-index: 16;
    top: 512px;
    left: calc(50% - 600px + 823px);
    width: 267px;
    height: auto;
    /*pointer-events: none;*/
}

#rec716854652 .tn-elem[data-elem-id="1710069570509"] .tn-atom {
    color: #ffffff;
    font-size: 18px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.2;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710069570509"] {
        top: 1558px;
        left: calc(50% - 160px + -2525px);
        width: 211px;
        height: auto;
    }

    #rec716854652 .tn-elem[data-elem-id="1710069570509"] .tn-atom {
        white-space: normal;
        font-size: 14px;
        background-size: cover;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710069570511"] {
    z-index: 17;
    top: 453px;
    left: calc(50% - 600px + 861px);
    width: 190px;
    height: auto;
    /*pointer-events: none;*/
}

#rec716854652 .tn-elem[data-elem-id="1710069570511"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716854652 .tn-elem[data-elem-id="1710069570511"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710069570511"] {
        top: 1511px;
        left: calc(50% - 160px + -2495px);
        width: 150px;
        height: auto;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710076495563"] {
    z-index: 20;
    top: 1158px;
    left: calc(50% - 155px + -3663px);
    width: 310px;
    height: auto;
}

#rec716854652 .tn-elem[data-elem-id="1710076495563"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716854652 .tn-elem[data-elem-id="1710076495563"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710076495563"] {
        top: 126px;
        left: calc(50% - 155px + 0px);
        width: 246px;
        height: 620px;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710076495571"] {
    color: #ffffff;
    text-align: center;
    z-index: 21;
    top: 1470px;
    left: calc(50% - 146.5px + -3663px);
    width: 293px;
    height: auto;
    /*pointer-events: none;*/
}

#rec716854652 .tn-elem[data-elem-id="1710076495571"] .tn-atom {
    color: #ffffff;
    font-size: 18px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.2;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710076495571"] {
        top: 379px;
        left: calc(50% - 146.5px + 0px);
        width: 233px;
        height: auto;
    }

    #rec716854652 .tn-elem[data-elem-id="1710076495571"] .tn-atom {
        white-space: normal;
        font-size: 14px;
        background-size: cover;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710076495576"] {
    z-index: 22;
    top: 1423px;
    left: calc(50% - 85px + -3663px);
    width: 170px;
    height: auto;
    /*pointer-events: none;*/
}

#rec716854652 .tn-elem[data-elem-id="1710076495576"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716854652 .tn-elem[data-elem-id="1710076495576"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710076495576"] {
        top: 336px;
        left: calc(50% - 85px + 1px);
        width: 135px;
        height: auto;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710076495582"] {
    color: #dcad73;
    text-align: center;
    z-index: 23;
    top: 1595px;
    left: calc(50% - 146.5px + -3663px);
    width: 293px;
    height: auto;
}

#rec716854652 .tn-elem[data-elem-id="1710076495582"] .tn-atom {
    color: #dcad73;
    font-size: 18px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.2;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710076495582"] {
        top: 473px;
        left: calc(50% - 146.5px + 0px);
        width: 233px;
        height: auto;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710076541160"] {
    z-index: 24;
    top: 990px;
    left: calc(50% - 600px + -2866px);
    width: 310px;
    height: auto;
    /*pointer-events: none;*/
}

#rec716854652 .tn-elem[data-elem-id="1710076541160"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716854652 .tn-elem[data-elem-id="1710076541160"] .tn-atom__img.card1{
    height: 620px;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710076541160"] {
        top: 620px;
        left: calc(50% - 160px + 37px);
        width: 246px;
        height: 620px;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710076541168"] {
    color: #dcad73;
    text-align: center;
    z-index: 25;
    top: 1408px;
    left: calc(50% - 600px + -2858px);
    width: 293px;
    height: auto;
}

#rec716854652 .tn-elem[data-elem-id="1710076541168"] .tn-atom {
    color: #dcad73;
    font-size: 18px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.2;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710076541168"] {
        top: 952px;
        left: calc(50% - 160px + 43px);
        width: 232px;
        height: auto;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710076541172"] {
    color: #ffffff;
    text-align: center;
    z-index: 26;
    top: 1333px;
    left: calc(50% - 600px + -2841px);
    width: 259px;
    height: auto;
    /*pointer-events: none;*/
}

#rec716854652 .tn-elem[data-elem-id="1710076541172"] .tn-atom {
    color: #ffffff;
    font-size: 18px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.2;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710076541172"] {
        top: 892px;
        left: calc(50% - 160px + 57px);
        width: 205px;
        height: auto;
    }

    #rec716854652 .tn-elem[data-elem-id="1710076541172"] .tn-atom {
        white-space: normal;
        font-size: 15px;
        background-size: cover;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710076541176"] {
    z-index: 27;
    top: 1274px;
    left: calc(50% - 600px + -2806px);
    width: 190px;
    height: auto;
    /*pointer-events: none;*/
}

#rec716854652 .tn-elem[data-elem-id="1710076541176"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716854652 .tn-elem[data-elem-id="1710076541176"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710076541176"] {
        top: 846px;
        left: calc(50% - 160px + 84px);
        width: 150px;
        height: auto;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710076554828"] {
    z-index: 28;
    top: 1325px;
    left: calc(50% - 600px + -2898px);
    width: 310px;
    height: auto;
    /*pointer-events: none;*/
}



#rec716854652 .tn-elem[data-elem-id="1710076554828"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716854652 .tn-elem[data-elem-id="1710076554828"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710076554828"] {
        top: 1113px;
        left: calc(50% - 160px + 37px);
        width: 245px;
        height: 620px;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710076554835"] {
    color: #dcad73;
    text-align: center;
    z-index: 29;
    top: 1773px;
    left: calc(50% - 600px + -2890px);
    width: 293px;
    height: auto;
}

#rec716854652 .tn-elem[data-elem-id="1710076554835"] .tn-atom {
    color: #dcad73;
    font-size: 18px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.2;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710076554835"] {
        top: 1469px;
        left: calc(50% - 160px + 43px);
        width: 231px;
        height: auto;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710076554839"] {
    color: #ffffff;
    text-align: center;
    z-index: 30;
    top: 1668px;
    left: calc(50% - 600px + -2876px);
    width: 267px;
    height: auto;
    /*pointer-events: none;*/
}

#rec716854652 .tn-elem[data-elem-id="1710076554839"] .tn-atom {
    color: #ffffff;
    font-size: 18px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.2;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710076554839"] {
        top: 1385px;
        left: calc(50% - 160px + 54px);
        width: 211px;
        height: auto;
    }

    #rec716854652 .tn-elem[data-elem-id="1710076554839"] .tn-atom {
        white-space: normal;
        font-size: 14px;
        background-size: cover;
    }
}

#rec716854652 .tn-elem[data-elem-id="1710076554843"] {
    z-index: 31;
    top: 1609px;
    left: calc(50% - 600px + -2838px);
    width: 190px;
    height: auto;
    /*pointer-events: none;*/
}

#rec716854652 .tn-elem[data-elem-id="1710076554843"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716854652 .tn-elem[data-elem-id="1710076554843"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716854652 .tn-elem[data-elem-id="1710076554843"] {
        top: 1338px;
        left: calc(50% - 160px + 84px);
        width: 150px;
        height: auto;
    }
}


/* section КЕЙСЫ */

 #rec716292619 .t396__artboard {
     height: 832px;
     background-color: #212121;
 }

#rec716292619 .t396__filter {
    height: 832px;
}

#rec716292619 .t396__carrier {
    height: 832px;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1199px) {
    #rec716292619 .t396__artboard, #rec716292619 .t396__filter, #rec716292619 .t396__carrier {
    }

    #rec716292619 .t396__filter {
    }

    #rec716292619 .t396__carrier {
        background-attachment: scroll;
    }
}

@media screen and (max-width: 959px) {
    #rec716292619 .t396__artboard, #rec716292619 .t396__filter, #rec716292619 .t396__carrier {
    }

    #rec716292619 .t396__filter {
    }

    #rec716292619 .t396__carrier {
        background-attachment: scroll;
    }
}

@media screen and (max-width: 639px) {
    #rec716292619 .t396__artboard, #rec716292619 .t396__filter, #rec716292619 .t396__carrier {
    }

    #rec716292619 .t396__filter {
    }

    #rec716292619 .t396__carrier {
        background-attachment: scroll;
    }
}

@media screen and (max-width: 479px) {
    #rec716292619 .t396__artboard, #rec716292619 .t396__filter, #rec716292619 .t396__carrier {
        height: 400px;
    }

    #rec716292619 .t396__filter {
    }

    #rec716292619 .t396__carrier {
        background-attachment: scroll;
    }
}

#rec716292619 .tn-elem[data-elem-id="1709742331014"] {
    z-index: 2;
    top: 78px;
    left: calc(50% - 600px + -360px);
    width: 1920px;
    height: auto;
}

#rec716292619 .tn-elem[data-elem-id="1709742331014"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716292619 .tn-elem[data-elem-id="1709742331014"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716292619 .tn-elem[data-elem-id="1709742331014"] {
        top: 37px;
        left: calc(50% - 160px + -302px);
        width: 925px;
        height: auto;
    }
}

#rec716292619 .tn-elem[data-elem-id="1709742382543"] {
    z-index: 3;
    top: 144px;
    left: calc(50% - 600px + 423px);
    width: 355px;
    height: auto;
}

#rec716292619 .tn-elem[data-elem-id="1709742382543"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716292619 .tn-elem[data-elem-id="1709742382543"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716292619 .tn-elem[data-elem-id="1709742382543"] {
        top: 64px;
        left: calc(50% - 160px + 60px);
        width: 200px;
        height: auto;
    }
}

#rec716292619 .tn-elem[data-elem-id="1709742423339"] {
    text-align: center;
    z-index: 4;
    top: 254px;
    left: calc(50% - 600px + 219px);
    width: 762px;
    height: 508px;
}

#rec716292619 .tn-elem[data-elem-id="1709742423339"] .tn-atom {
    font-size: 14px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

@media screen and (max-width: 1199px) {
    #rec716292619 .tn-elem[data-elem-id="1709742423339"] .tn-atom__slds-img {
        background-size: cover;
    }
}

@media screen and (max-width: 959px) {
    #rec716292619 .tn-elem[data-elem-id="1709742423339"] .tn-atom__slds-img {
        background-size: cover;
    }
}

@media screen and (max-width: 639px) {
    #rec716292619 .tn-elem[data-elem-id="1709742423339"] .tn-atom__slds-img {
        background-size: cover;
    }
}

@media screen and (max-width: 479px) {
    #rec716292619 .tn-elem[data-elem-id="1709742423339"] {
        top: 109px;
        left: calc(50% - 160px + 0px);
        width: 320px;
        height: 207px;
    }

    #rec716292619 .tn-elem[data-elem-id="1709742423339"] .tn-atom__slds-img {
        background-size: cover;
    }
}
/* END section КЕЙСЫ */


/*<!--    SECTION ДИПЛОМЫ И СЕРТИФИКАТЫ-->*/

 #rec402667273 .t396__artboard {
     height: 780px;
     background-color: #2e2e2e;
     overflow: visible;
 }

#rec402667273 .t396__filter {
    height: 780px;
}

#rec402667273 .t396__carrier {
    height: 780px;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1199px) {
    #rec402667273 .t396__artboard, #rec402667273 .t396__filter, #rec402667273 .t396__carrier {
        height: 740px;
    }

    #rec402667273 .t396__filter {
    }

    #rec402667273 .t396__carrier {
        background-attachment: scroll;
    }
}

@media screen and (max-width: 959px) {
    #rec402667273 .t396__artboard, #rec402667273 .t396__filter, #rec402667273 .t396__carrier {
        height: 510px;
    }

    #rec402667273 .t396__filter {
    }

    #rec402667273 .t396__carrier {
        background-attachment: scroll;
    }
}

@media screen and (max-width: 639px) {
    #rec402667273 .t396__artboard, #rec402667273 .t396__filter, #rec402667273 .t396__carrier {
        height: 410px;
    }

    #rec402667273 .t396__filter {
    }

    #rec402667273 .t396__carrier {
        background-attachment: scroll;
    }
}

@media screen and (max-width: 479px) {
    #rec402667273 .t396__artboard, #rec402667273 .t396__filter, #rec402667273 .t396__carrier {
        height: 370px;
    }

    #rec402667273 .t396__filter {
    }

    #rec402667273 .t396__carrier {
        background-attachment: scroll;
    }
}

#rec402667273 .tn-elem[data-elem-id="1615412665751"] {
    z-index: 2;
    top: 253px;
    left: calc(50% - 600px + 853px);
    width: 250px;
    height: auto;
}

#rec402667273 .tn-elem[data-elem-id="1615412665751"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec402667273 .tn-elem[data-elem-id="1615412665751"] .tn-atom__img {
}

@media screen and (max-width: 1199px) {
    #rec402667273 .tn-elem[data-elem-id="1615412665751"] {
        top: 203px;
        left: calc(50% - 480px + 720px);
        height: auto;
    }
}

@media screen and (max-width: 959px) {
    #rec402667273 .tn-elem[data-elem-id="1615412665751"] {
        top: 144px;
        left: calc(50% - 320px + 430px);
        width: 200px;
        height: auto;
    }
}

@media screen and (max-width: 639px) {
    #rec402667273 .tn-elem[data-elem-id="1615412665751"] {
        top: 153px;
        left: calc(50% - 240px + 360px);
        width: 110px;
        height: auto;
    }
}

@media screen and (max-width: 479px) {
    #rec402667273 .tn-elem[data-elem-id="1615412665751"] {
        top: 113px;
        left: calc(50% - 160px + 210px);
        height: auto;
    }
}

#rec402667273 .tn-elem[data-elem-id="1615412616971"] {
    z-index: 3;
    top: 253px;
    left: calc(50% - 600px + 127px);
    width: 250px;
    height: auto;
}

#rec402667273 .tn-elem[data-elem-id="1615412616971"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec402667273 .tn-elem[data-elem-id="1615412616971"] .tn-atom__img {
}

@media screen and (max-width: 1199px) {
    #rec402667273 .tn-elem[data-elem-id="1615412616971"] {
        top: 203px;
        left: calc(50% - 480px + -6px);
        height: auto;
    }
}

@media screen and (max-width: 959px) {
    #rec402667273 .tn-elem[data-elem-id="1615412616971"] {
        top: 144px;
        left: calc(50% - 320px + 10px);
        width: 200px;
        height: auto;
    }
}

@media screen and (max-width: 639px) {
    #rec402667273 .tn-elem[data-elem-id="1615412616971"] {
        top: 153px;
        left: calc(50% - 240px + 10px);
        width: 110px;
        height: auto;
    }
}

@media screen and (max-width: 479px) {
    #rec402667273 .tn-elem[data-elem-id="1615412616971"] {
        top: 113px;
        left: calc(50% - 160px + 0px);
        height: auto;
    }
}

#rec402667273 .tn-elem[data-elem-id="1642428191137"] {
    text-align: center;
    z-index: 4;
    top: 210px;
    left: calc(50% - 600px + 310px);
    width: 620px;
    height: 431px;
}

#rec402667273 .tn-elem[data-elem-id="1642428191137"] .tn-atom {
    font-size: 14px;
    font-family: 'Arial', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 400;
    border-radius: 15px;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec402667273 .tn-elem[data-elem-id="1642428191137"] .t-slds__main {
    border-radius: 15px;
    border-style: solid;
}

#rec402667273 .tn-elem[data-elem-id="1642428191137"] .t-slds__arrow {
}

@media screen and (max-width: 1199px) {
    #rec402667273 .tn-elem[data-elem-id="1642428191137"] {
        top: 174px;
        left: calc(50% - 480px + 186px);
        width: 604px;
        height: 420px;
    }

    #rec402667273 .tn-elem[data-elem-id="1642428191137"] .tn-atom__slds-img {
        background-size: contain;
    }
}

@media screen and (max-width: 959px) {
    #rec402667273 .tn-elem[data-elem-id="1642428191137"] {
        top: 144px;
        left: calc(50% - 320px + 120px);
        width: 401px;
        height: 279px;
    }

    #rec402667273 .tn-elem[data-elem-id="1642428191137"] .tn-atom__slds-img {
        background-size: contain;
    }
}

@media screen and (max-width: 639px) {
    #rec402667273 .tn-elem[data-elem-id="1642428191137"] {
        top: 144px;
        left: calc(50% - 240px + 97px);
        width: 287px;
        height: 200px;
    }

    #rec402667273 .tn-elem[data-elem-id="1642428191137"] .tn-atom__slds-img {
        background-size: contain;
    }
}

@media screen and (max-width: 479px) {
    #rec402667273 .tn-elem[data-elem-id="1642428191137"] {
        top: 99px;
        left: calc(50% - 160px + 17px);
        width: 287px;
        height: 200px;
    }

    #rec402667273 .tn-elem[data-elem-id="1642428191137"] .tn-atom__slds-img {
        background-size: contain;
    }
}

#rec402667273 .tn-elem[data-elem-id="1712224544336"] {
    z-index: 5;
    top: 110px;
    left: calc(50% - 600px + 295px);
    width: 610px;
    height: auto;
}

#rec402667273 .tn-elem[data-elem-id="1712224544336"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec402667273 .tn-elem[data-elem-id="1712224544336"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec402667273 .tn-elem[data-elem-id="1712224544336"] {
        top: 706px;
        left: calc(50% - 160px + -1012px);
        height: auto;
    }
}

#rec402667273 .tn-elem[data-elem-id="1712224698434"] {
    z-index: 6;
    top: 2580px;
    left: calc(50% - 600px + 3315px);
    width: 650px;
    height: auto;
}

#rec402667273 .tn-elem[data-elem-id="1712224698434"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec402667273 .tn-elem[data-elem-id="1712224698434"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec402667273 .tn-elem[data-elem-id="1712224698434"] {
        top: 37px;
        left: calc(50% - 160px + 50px);
        width: 220px;
        height: auto;
    }
}
/*<!--    END SECTION ДИПЛОМЫ И СЕРТИФИКАТЫ-->*/

/*<!--  START  SECTION FOOTER-->*/

 #rec350396902 .t396__artboard {
     height: 240px;
     background-color: #242424;
 }

#rec350396902 .t396__filter {
    height: 240px;
}

#rec350396902 .t396__carrier {
    height: 240px;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1199px) {
    #rec350396902 .t396__artboard, #rec350396902 .t396__filter, #rec350396902 .t396__carrier {
    }

    #rec350396902 .t396__filter {
    }

    #rec350396902 .t396__carrier {
        background-attachment: scroll;
    }
}

@media screen and (max-width: 959px) {
    #rec350396902 .t396__artboard, #rec350396902 .t396__filter, #rec350396902 .t396__carrier {
        height: 600px;
    }

    #rec350396902 .t396__filter {
    }

    #rec350396902 .t396__carrier {
        background-attachment: scroll;
    }
}

@media screen and (max-width: 639px) {
    #rec350396902 .t396__artboard, #rec350396902 .t396__filter, #rec350396902 .t396__carrier {
        height: 720px;
    }

    #rec350396902 .t396__filter {
    }

    #rec350396902 .t396__carrier {
        background-attachment: scroll;
    }
}

@media screen and (max-width: 479px) {
    #rec350396902 .t396__artboard, #rec350396902 .t396__filter, #rec350396902 .t396__carrier {
        height: 380px;
    }

    #rec350396902 .t396__filter {
    }

    #rec350396902 .t396__carrier {
        background-attachment: scroll;
    }
}

#rec350396902 .tn-elem[data-elem-id="1626089186884"] {
    z-index: 2;
    top: 38px;
    left: calc(50% - 600px + 0px);
    width: 149px;
    height: auto;
}

#rec350396902 .tn-elem[data-elem-id="1626089186884"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec350396902 .tn-elem[data-elem-id="1626089186884"] .tn-atom__img {
}

@media screen and (max-width: 1199px) {
    #rec350396902 .tn-elem[data-elem-id="1626089186884"] {
        top: 32px;
        left: calc(50% - 480px + 11px);
        height: auto;
    }
}

@media screen and (max-width: 959px) {
    #rec350396902 .tn-elem[data-elem-id="1626089186884"] {
        top: 45px;
        left: calc(50% - 320px + 10px);
        width: 196px;
        height: auto;
    }
}

@media screen and (max-width: 639px) {
    #rec350396902 .tn-elem[data-elem-id="1626089186884"] {
        top: 27px;
        left: calc(50% - 240px + 10px);
        width: 109px;
        height: auto;
    }
}

@media screen and (max-width: 479px) {
    #rec350396902 .tn-elem[data-elem-id="1626089186884"] {
        top: 35px;
        left: calc(50% - 160px + 10px);
        width: 142px;
        height: auto;
    }
}

#rec350396902 .tn-elem[data-elem-id="1626089393752"] {
    color: #ffffff;
    z-index: 3;
    top: 113px;
    left: calc(50% - 600px + 0px);
    width: 95px;
    height: auto;
}

#rec350396902 .tn-elem[data-elem-id="1626089393752"] .tn-atom {
    color: #ffffff;
    font-size: 20px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

@media screen and (max-width: 1199px) {
    #rec350396902 .tn-elem[data-elem-id="1626089393752"] {
        top: 120px;
        left: calc(50% - 480px + 879px);
        height: auto;
    }
}

@media screen and (max-width: 959px) {
    #rec350396902 .tn-elem[data-elem-id="1626089393752"] {
        top: 83px;
        left: calc(50% - 320px + 557px);
        height: auto;
    }
}

@media screen and (max-width: 639px) {
    #rec350396902 .tn-elem[data-elem-id="1626089393752"] {
        top: 85px;
        left: calc(50% - 240px + 400px);
        height: auto;
    }
}

@media screen and (max-width: 479px) {
    #rec350396902 .tn-elem[data-elem-id="1626089393752"] {
        top: 169px;
        left: calc(50% - 160px + 10px);
        height: auto;
    }

    #rec350396902 .tn-elem[data-elem-id="1626089393752"] {
        text-align: left;
    }
}

#rec350396902 .tn-elem[data-elem-id="1626089411047"] {
    color: #ffffff;
    text-align: right;
    z-index: 4;
    top: 40px;
    left: calc(50% - 600px + 948px);
    width: 141px;
    height: auto;
}

#rec350396902 .tn-elem[data-elem-id="1626089411047"] .tn-atom {
    color: #ffffff;
    font-size: 16px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

@media screen and (max-width: 1199px) {
    #rec350396902 .tn-elem[data-elem-id="1626089411047"] {
        top: 41px;
        left: calc(50% - 480px + 763px);
        height: auto;
    }
}

@media screen and (max-width: 959px) {
    #rec350396902 .tn-elem[data-elem-id="1626089411047"] {
        top: 23px;
        left: calc(50% - 320px + 443px);
        height: auto;
    }
}

@media screen and (max-width: 639px) {
    #rec350396902 .tn-elem[data-elem-id="1626089411047"] {
        top: 34px;
        left: calc(50% - 240px + 283px);
        height: auto;
    }
}

@media screen and (max-width: 479px) {
    #rec350396902 .tn-elem[data-elem-id="1626089411047"] {
        top: 114px;
        left: calc(50% - 160px + 55px);
        height: auto;
    }
}

#rec350396902 .tn-elem[data-elem-id="1626089431419"] {
    z-index: 5;
    top: 144px;
    left: calc(50% - 600px + 40px);
    width: 31px;
    height: auto;
}

#rec350396902 .tn-elem[data-elem-id="1626089431419"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec350396902 .tn-elem[data-elem-id="1626089431419"] .tn-atom__img {
}

@media screen and (max-width: 1199px) {
    #rec350396902 .tn-elem[data-elem-id="1626089431419"] {
        top: 160px;
        left: calc(50% - 480px + 918px);
        height: auto;
    }
}

@media screen and (max-width: 959px) {
    #rec350396902 .tn-elem[data-elem-id="1626089431419"] {
        top: 123px;
        left: calc(50% - 320px + 596px);
        height: auto;
    }
}

@media screen and (max-width: 639px) {
    #rec350396902 .tn-elem[data-elem-id="1626089431419"] {
        top: 125px;
        left: calc(50% - 240px + 439px);
        height: auto;
    }
}

@media screen and (max-width: 479px) {
    #rec350396902 .tn-elem[data-elem-id="1626089431419"] {
        top: 209px;
        left: calc(50% - 160px + 53px);
        height: auto;
    }
}

#rec350396902 .tn-elem[data-elem-id="1626089447242"] {
    z-index: 6;
    top: 160px;
    left: calc(50% - 600px + 1102px);
    width: 31px;
    height: auto;
}

#rec350396902 .tn-elem[data-elem-id="1626089447242"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec350396902 .tn-elem[data-elem-id="1626089447242"] .tn-atom__img {
}

@media screen and (max-width: 1199px) {
    #rec350396902 .tn-elem[data-elem-id="1626089447242"] {
        top: 160px;
        left: calc(50% - 480px + 920px);
        height: auto;
    }
}

@media screen and (max-width: 959px) {
    #rec350396902 .tn-elem[data-elem-id="1626089447242"] {
        top: 123px;
        left: calc(50% - 320px + 598px);
        height: auto;
    }
}

@media screen and (max-width: 639px) {
    #rec350396902 .tn-elem[data-elem-id="1626089447242"] {
        top: 125px;
        left: calc(50% - 240px + 441px);
        height: auto;
    }
}

@media screen and (max-width: 479px) {
    #rec350396902 .tn-elem[data-elem-id="1626089447242"] {
        top: 209px;
        left: calc(50% - 160px + 95px);
        height: auto;
    }
}

#rec350396902 .tn-elem[data-elem-id="1626089458276"] {
    z-index: 7;
    top: 144px;
    left: calc(50% - 600px + 0px);
    width: 31px;
    height: auto;
}

#rec350396902 .tn-elem[data-elem-id="1626089458276"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec350396902 .tn-elem[data-elem-id="1626089458276"] .tn-atom__img {
}

@media screen and (max-width: 1199px) {
    #rec350396902 .tn-elem[data-elem-id="1626089458276"] {
        top: 160px;
        left: calc(50% - 480px + 875px);
        height: auto;
    }
}

@media screen and (max-width: 959px) {
    #rec350396902 .tn-elem[data-elem-id="1626089458276"] {
        top: 123px;
        left: calc(50% - 320px + 553px);
        height: auto;
    }
}

@media screen and (max-width: 639px) {
    #rec350396902 .tn-elem[data-elem-id="1626089458276"] {
        top: 125px;
        left: calc(50% - 240px + 396px);
        height: auto;
    }
}

@media screen and (max-width: 479px) {
    #rec350396902 .tn-elem[data-elem-id="1626089458276"] {
        top: 209px;
        left: calc(50% - 160px + 10px);
        height: auto;
    }
}

#rec350396902 .tn-elem[data-elem-id="1626089495457"] {
    color: #818181;
    z-index: 8;
    top: 174px;
    left: calc(50% - 600px + 431px);
    width: 160px;
    height: auto;
}

#rec350396902 .tn-elem[data-elem-id="1626089495457"] .tn-atom {
    color: #818181;
    font-size: 12px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

@media screen and (max-width: 1199px) {
    #rec350396902 .tn-elem[data-elem-id="1626089495457"] {
        top: 173px;
        left: calc(50% - 480px + 0px);
        height: auto;
    }
}

@media screen and (max-width: 959px) {
    #rec350396902 .tn-elem[data-elem-id="1626089495457"] {
        top: 548px;
        left: calc(50% - 320px + 11px);
        height: auto;
    }
}

@media screen and (max-width: 639px) {
    #rec350396902 .tn-elem[data-elem-id="1626089495457"] {
        top: 670px;
        left: calc(50% - 240px + 11px);
        height: auto;
    }
}

@media screen and (max-width: 479px) {
    #rec350396902 .tn-elem[data-elem-id="1626089495457"] {
        top: 277px;
        left: calc(50% - 160px + 9px);
        height: auto;
    }
}

#rec350396902 .tn-elem[data-elem-id="1626089532000"] {
    color: #818181;
    z-index: 9;
    top: 174px;
    left: calc(50% - 600px + 611px);
    width: 87px;
    height: auto;
}

#rec350396902 .tn-elem[data-elem-id="1626089532000"] .tn-atom {
    color: #818181;
    font-size: 12px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

@media screen and (max-width: 1199px) {
    #rec350396902 .tn-elem[data-elem-id="1626089532000"] {
        top: 173px;
        left: calc(50% - 480px + 206px);
        height: auto;
    }
}

@media screen and (max-width: 959px) {
    #rec350396902 .tn-elem[data-elem-id="1626089532000"] {
        top: 548px;
        left: calc(50% - 320px + 191px);
        height: auto;
    }
}

@media screen and (max-width: 639px) {
    #rec350396902 .tn-elem[data-elem-id="1626089532000"] {
        top: 670px;
        left: calc(50% - 240px + 191px);
        height: auto;
    }
}

@media screen and (max-width: 479px) {
    #rec350396902 .tn-elem[data-elem-id="1626089532000"] {
        top: 277px;
        left: calc(50% - 160px + 189px);
        height: auto;
    }
}

#rec350396902 .tn-elem[data-elem-id="1626089565652"] {
    color: #818181;
    z-index: 10;
    top: 319px;
    left: calc(50% - 600px + 419px);
    width: 221px;
    height: auto;
}

#rec350396902 .tn-elem[data-elem-id="1626089565652"] .tn-atom {
    color: #818181;
    font-size: 12px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

@media screen and (max-width: 1199px) {
    #rec350396902 .tn-elem[data-elem-id="1626089565652"] {
        top: 319px;
        left: calc(50% - 480px + 359px);
        height: auto;
    }
}

@media screen and (max-width: 959px) {
    #rec350396902 .tn-elem[data-elem-id="1626089565652"] {
        top: 565px;
        left: calc(50% - 320px + 360px);
        height: auto;
    }
}

@media screen and (max-width: 639px) {
    #rec350396902 .tn-elem[data-elem-id="1626089565652"] {
        top: 660px;
        left: calc(50% - 240px + 70px);
        height: auto;
    }
}

@media screen and (max-width: 479px) {
    #rec350396902 .tn-elem[data-elem-id="1626089565652"] {
        top: 679px;
        left: calc(50% - 160px + 68px);
        height: auto;
    }
}

#rec350396902 .tn-elem[data-elem-id="1708706713097"] {
    color: #ffffff;
    text-align: right;
    z-index: 13;
    top: 120px;
    left: calc(50% - 600px + 914px);
    width: 221px;
    height: auto;
}

#rec350396902 .tn-elem[data-elem-id="1708706713097"] .tn-atom {
    color: #ffffff;
    font-size: 14px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.15;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

@media screen and (max-width: 1199px) {
    #rec350396902 .tn-elem[data-elem-id="1708706713097"] {
        top: 118px;
        left: calc(50% - 480px + 535px);
        height: auto;
    }
}

@media screen and (max-width: 959px) {
    #rec350396902 .tn-elem[data-elem-id="1708706713097"] {
        top: 348px;
        left: calc(50% - 320px + 280px);
        height: auto;
    }
}

@media screen and (max-width: 639px) {
    #rec350396902 .tn-elem[data-elem-id="1708706713097"] {
        top: 356px;
        left: calc(50% - 240px + 200px);
        height: auto;
    }
}

@media screen and (max-width: 479px) {
    #rec350396902 .tn-elem[data-elem-id="1708706713097"] {
        top: 175px;
        left: calc(50% - 160px + 135px);
        width: 175px;
        height: auto;
    }

    #rec350396902 .tn-elem[data-elem-id="1708706713097"] .tn-atom {
        white-space: normal;
        font-size: 11px;
        background-size: cover;
    }
}

#rec350396902 .tn-elem[data-elem-id="1718886182936"] {
    color: #818181;
    z-index: 14;
    top: 194px;
    left: calc(50% - 600px + 431px);
    width: 350px;
    height: auto;
}

#rec350396902 .tn-elem[data-elem-id="1718886182936"] .tn-atom {
    color: #818181;
    font-size: 12px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

@media screen and (max-width: 1199px) {
    #rec350396902 .tn-elem[data-elem-id="1718886182936"] {
        top: 192px;
        left: calc(50% - 480px + 0px);
        height: auto;
    }
}

@media screen and (max-width: 959px) {
    #rec350396902 .tn-elem[data-elem-id="1718886182936"] {
        top: 564px;
        left: calc(50% - 320px + 11px);
        height: auto;
    }
}

@media screen and (max-width: 639px) {
    #rec350396902 .tn-elem[data-elem-id="1718886182936"] {
        top: 684px;
        height: auto;
    }
}

@media screen and (max-width: 479px) {
    #rec350396902 .tn-elem[data-elem-id="1718886182936"] {
        top: 298px;
        left: calc(50% - 160px + 8px);
        width: 312px;
        height: auto;
    }
}

#rec350396902 .tn-elem[data-elem-id="1629724891835"] {
    z-index: 11;
    top: 36px;
    left: calc(50% - 600px + 1100px);
    width: 33px;
    height: 33px;
}

#rec350396902 .tn-elem[data-elem-id="1629724891835"] .tn-atom {
    border-width: 1px;
    border-radius: 3000px;
    background-position: center center;
    border-color: #4a4a4a;
    border-style: solid;
}

@media screen and (max-width: 1199px) {
    #rec350396902 .tn-elem[data-elem-id="1629724891835"] {
        top: 37px;
        left: calc(50% - 480px + 915px);
    }
}

@media screen and (max-width: 959px) {
    #rec350396902 .tn-elem[data-elem-id="1629724891835"] {
        top: 19px;
        left: calc(50% - 320px + 596px);
    }
}

@media screen and (max-width: 639px) {
    #rec350396902 .tn-elem[data-elem-id="1629724891835"] {
        top: 30px;
        left: calc(50% - 240px + 438px);
    }
}

@media screen and (max-width: 479px) {
    #rec350396902 .tn-elem[data-elem-id="1629724891835"] {
        top: 110px;
        left: calc(50% - 160px + 9px);
    }
}

#rec350396902 .tn-elem[data-elem-id="1629724891843"] {
    z-index: 12;
    top: 43px;
    left: calc(50% - 600px + 1108px);
    width: 18px;
    height: auto;
}

#rec350396902 .tn-elem[data-elem-id="1629724891843"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec350396902 .tn-elem[data-elem-id="1629724891843"] .tn-atom__img {
}

@media screen and (max-width: 1199px) {
    #rec350396902 .tn-elem[data-elem-id="1629724891843"] {
        top: 44px;
        left: calc(50% - 480px + 923px);
        height: auto;
    }
}

@media screen and (max-width: 959px) {
    #rec350396902 .tn-elem[data-elem-id="1629724891843"] {
        top: 26px;
        left: calc(50% - 320px + 604px);
        height: auto;
    }
}

@media screen and (max-width: 639px) {
    #rec350396902 .tn-elem[data-elem-id="1629724891843"] {
        top: 37px;
        left: calc(50% - 240px + 446px);
        height: auto;
    }
}

@media screen and (max-width: 479px) {
    #rec350396902 .tn-elem[data-elem-id="1629724891843"] {
        top: 117px;
        left: calc(50% - 160px + 17px);
        height: auto;
    }
}

#rec350396902 .tn-elem[data-elem-id="1719919562359"] {
    color: #818181;
    z-index: 15;
    top: 210px;
    left: calc(50% - 600px + 431px);
    width: 422px;
    height: auto;
}

#rec350396902 .tn-elem[data-elem-id="1719919562359"] .tn-atom {
    color: #818181;
    font-size: 12px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

@media screen and (max-width: 1199px) {
    #rec350396902 .tn-elem[data-elem-id="1719919562359"] {
        top: 211px;
        left: calc(50% - 480px + 0px);
        height: auto;
    }
}

@media screen and (max-width: 959px) {
    #rec350396902 .tn-elem[data-elem-id="1719919562359"] {
        top: 579px;
        left: calc(50% - 320px + 11px);
        height: auto;
    }
}

@media screen and (max-width: 639px) {
    #rec350396902 .tn-elem[data-elem-id="1719919562359"] {
        top: 698px;
        height: auto;
    }
}

@media screen and (max-width: 479px) {
    #rec350396902 .tn-elem[data-elem-id="1719919562359"] {
        top: 336px;
        left: calc(50% - 160px + 8px);
        width: 312px;
        height: auto;
    }
}
/*<!--    END SECTION FOOTER-->*/

/*<!--  START  SECTION FIRST-->*/

 #rec715914302 .t396__artboard {
     height: 750px;
     background-color: #ffffff;
 }

#rec715914302 .t396__filter {
    height: 750px;
}

#rec715914302 .t396__carrier {
    height: 750px;
    background-position: center center;
    background-attachment: scroll;
    background-image: url('../images/Frame_16.png');
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1199px) {
    #rec715914302 .t396__artboard, #rec715914302 .t396__filter, #rec715914302 .t396__carrier {
    }

    #rec715914302 .t396__filter {
    }

    #rec715914302 .t396__carrier {
        background-attachment: scroll;
    }
}

@media screen and (max-width: 959px) {
    #rec715914302 .t396__artboard, #rec715914302 .t396__filter, #rec715914302 .t396__carrier {
    }

    #rec715914302 .t396__filter {
    }

    #rec715914302 .t396__carrier {
        background-attachment: scroll;
    }
}

@media screen and (max-width: 639px) {
    #rec715914302 .t396__artboard, #rec715914302 .t396__filter, #rec715914302 .t396__carrier {
    }

    #rec715914302 .t396__filter {
    }

    #rec715914302 .t396__carrier {
        background-attachment: scroll;
    }
    #rec715914302 .t396__artboard {
        height: 750px;
    }
}

@media screen and (max-width: 479px) {
    #rec715914302 .t396__artboard, #rec715914302 .t396__filter, #rec715914302 .t396__carrier {
    }

    #rec715914302 .t396__artboard {
        background-color: #212121;
    }

    #rec715914302 .t396__filter {
    }

    #rec715914302 .t396__carrier {
        background-image: url('../images/Frame_37.png');
        background-attachment: scroll;
    }
}

#rec715914302 .tn-elem[data-elem-id="1710137882854"] {
    z-index: 2;
    top: 1573px;
    left: calc(50% - 600px + -967px);
    width: 285px;
    height: 285px;
}

#rec715914302 .tn-elem[data-elem-id="1710137882854"] .tn-atom {
    background-color: #fff705;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715914302 .tn-elem[data-elem-id="1710137882854"] {
        top: 313px;
        left: calc(50% - 160px + -106px);
        width: 323px;
        height: 323px;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        border-radius: '' px;
        border-radius: 10000px;
    }

    #rec715914302 .tn-elem[data-elem-id="1710137882854"] .tn-atom {
        background-color: #1f1f1f;
        background-size: cover;
        border-radius: 10000px;
        opacity: 0.75;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

#rec715914302 .tn-elem[data-elem-id="1709706542511"] {
    z-index: 3;
    top: 26px;
    left: calc(50% - 600px + 594px);
    width: 877px;
    height: auto;
}

#rec715914302 .tn-elem[data-elem-id="1709706542511"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec715914302 .tn-elem[data-elem-id="1709706542511"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715914302 .tn-elem[data-elem-id="1709706542511"] {
        top: 392px;
        left: calc(50% - 160px + 0px);
        width: 399px;
        height: auto;
    }
}

#rec715914302 .tn-elem[data-elem-id="1709706628405"] {
    z-index: 4;
    top: 132px;
    left: calc(50% - 600px + 0px);
    width: 741px;
    height: auto;
}

#rec715914302 .tn-elem[data-elem-id="1709706628405"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec715914302 .tn-elem[data-elem-id="1709706628405"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715914302 .tn-elem[data-elem-id="1709706628405"] {
        top: 140px;
        left: calc(50% - 160px + 12px);
        width: 296px;
        height: auto;
    }
}

#rec715914302 .tn-elem[data-elem-id="1709706695527"] {
    color: #ffffff;
    z-index: 5;
    top: 350px;
    left: calc(50% - 600px + 0px);
    width: 656px;
    height: auto;
}

#rec715914302 .tn-elem[data-elem-id="1709706695527"] .tn-atom {
    color: #ffffff;
    font-size: 32px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.25;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715914302 .tn-elem[data-elem-id="1709706695527"] {
        top: 226px;
        left: calc(50% - 160px + 12px);
        width: 272px;
        height: auto;
    }

    #rec715914302 .tn-elem[data-elem-id="1709706695527"] .tn-atom {
        white-space: normal;
        font-size: 20px;
        line-height: 1;
        background-size: cover;
    }
}

#rec715914302 .tn-elem[data-elem-id="1710060999552"] {
    z-index: 6;
    top: 1068px;
    left: calc(50% - 600px + -1427px);
    width: 100px;
    height: 100px;
}

#rec715914302 .tn-elem[data-elem-id="1710060999552"] .tn-atom {
    background-color: #fff705;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715914302 .tn-elem[data-elem-id="1710060999552"] {
        top: 588px;
        left: calc(50% - 160px + 90px);
        width: 159px;
        height: 142px;
        -webkit-filter: blur(35px);
        filter: blur(35px);
        border-radius: '' px;
        border-radius: 10000px;
    }

    #rec715914302 .tn-elem[data-elem-id="1710060999552"] .tn-atom {
        background-color: #ffffff;
        background-size: cover;
        border-radius: 10000px;
    }
}

#rec715914302 .tn-elem[data-elem-id="1709706808461"] {
    color: #1f1f1f;
    text-align: center;
    z-index: 7;
    top: 466px;
    left: calc(50% - 600px + 0px);
    width: 394px;
    height: 102px;
}

#rec715914302 .tn-elem[data-elem-id="1709706808461"] .tn-atom {
    color: #1f1f1f;
    font-size: 22px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    border-radius: 30px;
    background-color: var(--color-third);
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715914302 .tn-elem[data-elem-id="1709706808461"] {
        top: 300px;
        left: calc(50% - 160px + 13px);
        width: 294px;
        height: 76px;
    }

    #rec715914302 .tn-elem[data-elem-id="1709706808461"] .tn-atom {
        font-size: 16px;
        background-size: cover;
    }
}

#rec715914302 .tn-elem[data-elem-id="1709712482988"] {
    color: #505050;
    z-index: 8;
    top: 589px;
    left: calc(50% - 600px + 710px);
    width: 257px;
    height: auto;
}

#rec715914302 .tn-elem[data-elem-id="1709712482988"] .tn-atom {
    color: #505050;
    font-size: 15px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.25;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715914302 .tn-elem[data-elem-id="1709712482988"] {
        top: 640px;
        left: calc(50% - 160px + 81px);
        width: 178px;
        height: auto;
    }

    #rec715914302 .tn-elem[data-elem-id="1709712482988"] .tn-atom {
        white-space: normal;
        font-size: 11px;
        background-size: cover;
    }
}

#rec715914302 .tn-elem[data-elem-id="1709706628392"] {
    z-index: 9;
    top: 570px;
    left: calc(50% - 600px + 710px);
    width: 262px;
    height: auto;
}

#rec715914302 .tn-elem[data-elem-id="1709706628392"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec715914302 .tn-elem[data-elem-id="1709706628392"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715914302 .tn-elem[data-elem-id="1709706628392"] {
        top: 627px;
        left: calc(50% - 160px + 81px);
        width: 177px;
        height: auto;
    }

    #rec715914302 .tn-elem[data-elem-id="1709706628392"] .tn-atom {
        background-size: cover;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

#rec715914302 .tn-elem[data-elem-id="1709706628415"] {
    z-index: 10;
    top: 568px;
    left: calc(50% - 600px + 686px);
    width: 20px;
    height: auto;
}

#rec715914302 .tn-elem[data-elem-id="1709706628415"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec715914302 .tn-elem[data-elem-id="1709706628415"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715914302 .tn-elem[data-elem-id="1709706628415"] {
        top: 625px;
        left: calc(50% - 160px + 61px);
        width: 13px;
        height: auto;
    }
}
/*<!--   END SECTION FIRST-->*/

/*<!--  START     SECTION STEPS GAME-->*/

 #rec715919990 .t396__artboard {
     height: 1270px;
     background-color: #ffffff;
 }

#rec715919990 .t396__filter {
    height: 1270px;
}

#rec715919990 .t396__carrier {
    height: 1270px;
    background-position: center center;
    background-attachment: scroll;
    background-image: url('../images/Frame_4.png');
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1199px) {
    #rec715919990 .t396__artboard, #rec715919990 .t396__filter, #rec715919990 .t396__carrier {
    }

    #rec715919990 .t396__filter {
    }

    #rec715919990 .t396__carrier {
        background-attachment: scroll;
    }
}

@media screen and (max-width: 959px) {
    #rec715919990 .t396__artboard, #rec715919990 .t396__filter, #rec715919990 .t396__carrier {
    }

    #rec715919990 .t396__filter {
    }

    #rec715919990 .t396__carrier {
        background-attachment: scroll;
    }
}

@media screen and (max-width: 639px) {
    #rec715919990 .t396__artboard, #rec715919990 .t396__filter, #rec715919990 .t396__carrier {
    }

    #rec715919990 .t396__filter {
    }

    #rec715919990 .t396__carrier {
        background-attachment: scroll;
    }
}

@media screen and (max-width: 479px) {
    #rec715919990 .t396__artboard {
        height: 2200px;
    }
    #rec715919990 .t396__carrier {
        height: 2200px;
    }
    #rec715919990 .t396__artboard, #rec715919990 .t396__filter, #rec715919990 .t396__carrier {
    }

    #rec715919990 .t396__filter {
    }

    #rec715919990 .t396__carrier {
        background-image: url('../images/Frame_8.png');
        background-attachment: scroll;
    }
}

#rec715919990 .tn-elem[data-elem-id="1709711658288"] {
    z-index: 3;
    top: 130px;
    left: calc(50% - 600px + 0px);
    width: 340px;
    height: auto;
}

#rec715919990 .tn-elem[data-elem-id="1709711658288"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec715919990 .tn-elem[data-elem-id="1709711658288"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715919990 .tn-elem[data-elem-id="1709711658288"] {
        top: 79px;
        left: calc(50% - 160px + 16px);
        width: 244px;
        height: auto;
    }
}

#rec715919990 .tn-elem[data-elem-id="1709711678015"] {
    z-index: 4;
    top: 0px;
    left: calc(50% - 600px + 503px);
    width: 884px;
    height: auto;
}

#rec715919990 .tn-elem.t396__elem--anim-hidden[data-elem-id="1709711678015"] {
    opacity: 0;
}

#rec715919990 .tn-elem[data-elem-id="1709711678015"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec715919990 .tn-elem[data-elem-id="1709711678015"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715919990 .tn-elem[data-elem-id="1709711678015"] {
        top: 341px;
        left: calc(50% - 160px + -37px);
        width: 395px;
        height: auto;
    }
}

#rec715919990 .tn-elem[data-elem-id="1709711678029"] {
    z-index: 5;
    top: 651px;
    left: calc(50% - 600px + 112px);
    width: 477px;
    height: auto;
}

#rec715919990 .tn-elem[data-elem-id="1709711678029"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec715919990 .tn-elem[data-elem-id="1709711678029"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715919990 .tn-elem[data-elem-id="1709711678029"] {
        top: 650px;
        left: calc(50% - 160px + 27px);
        width: 268px;
        height: auto;
    }
}

#rec715919990 .tn-elem[data-elem-id="1709711678039"] {
    z-index: 6;
    top: 651px;
    left: calc(50% - 600px + 610px);
    width: 477px;
    height: auto;
}

#rec715919990 .tn-elem[data-elem-id="1709711678039"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec715919990 .tn-elem[data-elem-id="1709711678039"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715919990 .tn-elem[data-elem-id="1709711678039"] {
        top: 797px;
        left: calc(50% - 160px + 25px);
        width: 269px;
        height: auto;
    }
}

#rec715919990 .tn-elem[data-elem-id="1709711678047"] {
    z-index: 7;
    top: 912px;
    left: calc(50% - 600px + 112px);
    width: 477px;
    height: auto;
}

#rec715919990 .tn-elem[data-elem-id="1709711678047"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec715919990 .tn-elem[data-elem-id="1709711678047"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715919990 .tn-elem[data-elem-id="1709711678047"] {
        top: 945px;
        left: calc(50% - 160px + 25px);
        width: 269px;
        height: auto;
    }
}

#rec715919990 .tn-elem[data-elem-id="1709711678054"] {
    z-index: 8;
    top: 912px;
    left: calc(50% - 600px + 610px);
    width: 477px;
    height: auto;
}

#rec715919990 .tn-elem[data-elem-id="1709711678054"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec715919990 .tn-elem[data-elem-id="1709711678054"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715919990 .tn-elem[data-elem-id="1709711678054"] {
        top: 1071px;
        left: calc(50% - 160px + 26px);
        width: 269px;
        height: auto;
    }
}

#rec715919990 .tn-elem[data-elem-id="1709711930767"] {
    color: #ffffff;
    z-index: 9;
    top: 223px;
    left: calc(50% - 600px + 0px);
    width: 606px;
    height: auto;
}

#rec715919990 .tn-elem[data-elem-id="1709711930767"] .tn-atom {
    color: #ffffff;
    font-size: 30px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.35;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715919990 .tn-elem[data-elem-id="1709711930767"] {
        top: 135px;
        left: calc(50% - 160px + 22px);
        width: 281px;
        height: auto;
    }

    #rec715919990 .tn-elem[data-elem-id="1709711930767"] .tn-atom {
        white-space: normal;
        font-size: 18px;
        background-size: cover;
    }
}
/*<!--  END     SECTION STEPS GAME-->*/

/* START SECTION ABOUT ME*/

 #rec716370499 .t396__artboard {
     height: 1100px;
     background-color: #212121;
     overflow: visible;
 }

#rec716370499 .t396__filter {
    height: 1100px;
}

#rec716370499 .t396__carrier {
    height: 1100px;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1199px) {
    #rec716370499 .t396__artboard, #rec716370499 .t396__filter, #rec716370499 .t396__carrier {
    }

    #rec716370499 .t396__filter {
    }

    #rec716370499 .t396__carrier {
        background-attachment: scroll;
    }
}

@media screen and (max-width: 959px) {
    #rec716370499 .t396__artboard, #rec716370499 .t396__filter, #rec716370499 .t396__carrier {
    }

    #rec716370499 .t396__filter {
    }

    #rec716370499 .t396__carrier {
        background-attachment: scroll;
    }
}

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

    #rec716370499 .t396__artboard, #rec716370499 .t396__filter, #rec716370499 .t396__carrier {
    }

    #rec716370499 .t396__filter {
    }

    #rec716370499 .t396__carrier {
        background-attachment: scroll;
    }
}

@media screen and (max-width: 479px) {
    #rec716370499 .t396__artboard {
        height: 760px;
        background-color: #212121;
        overflow: visible;
    }

    #rec716370499 .t396__filter {
        height: 760px;
    }
    #rec716370499 .t396__artboard, #rec716370499 .t396__filter, #rec716370499 .t396__carrier {
    }

    #rec716370499 .t396__filter {
    }

    #rec716370499 .t396__carrier {
        background-attachment: scroll;
    }
}

#rec716370499 .tn-elem[data-elem-id="1710077022464"] {
    z-index: 2;
    top: -1640px;
    left: calc(50% - 600px + -5020px);
    width: 1016px;
    height: auto;
}

#rec716370499 .tn-elem[data-elem-id="1710077022464"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716370499 .tn-elem[data-elem-id="1710077022464"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716370499 .tn-elem[data-elem-id="1710077022464"] {
        top: 90px;
        left: calc(50% - 160px + -49px);
        width: 418px;
        height: auto;
    }
}

#rec716370499 .tn-elem[data-elem-id="1709840981737"] {
    z-index: 3;
    top: 876px;
    left: calc(50% - 600px + -598px);
    width: 200%;
    height: 450px;
}

#rec716370499 .tn-elem.t396__elem--anim-hidden[data-elem-id="1709840981737"] {
    opacity: 0;
}

#rec716370499 .tn-elem[data-elem-id="1709840981737"] .tn-atom {
    background-color: #212121;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    box-shadow: 0px 70px 100px 0px rgba(33, 33, 33, 0.4);
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716370499 .tn-elem[data-elem-id="1709840981737"] {
        top: 886px;
        left: calc(50% - 160px + -160px);
        height: 400px;
    }
}

#rec716370499 .tn-elem[data-elem-id="1709821563906"] {
    z-index: 4;
    top: 19px;
    left: calc(50% - 600px + -141px);
    width: 1482px;
    height: auto;
}

#rec716370499 .tn-elem[data-elem-id="1709821563906"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716370499 .tn-elem[data-elem-id="1709821563906"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716370499 .tn-elem[data-elem-id="1709821563906"] {
        top: 1565px;
        left: calc(50% - 160px + -3979px);
        width: 1112px;
        height: auto;
    }
}

#rec716370499 .tn-elem[data-elem-id="1709822164861"] {
    z-index: 5;
    top: 0px;
    left: calc(50% - 600px + 220px);
    width: 1084px;
    height: auto;
}

#rec716370499 .tn-elem[data-elem-id="1709822164861"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716370499 .tn-elem[data-elem-id="1709822164861"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716370499 .tn-elem[data-elem-id="1709822164861"] {
        top: 699px;
        left: calc(50% - 160px + -95px);
        width: 396px;
        height: auto;
    }
}

#rec716370499 .tn-elem[data-elem-id="1709823552369"] {
    z-index: 6;
    top: 504px;
    left: calc(50% - 600px + -5px);
    width: 58px;
    height: auto;
}

#rec716370499 .tn-elem[data-elem-id="1709823552369"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716370499 .tn-elem[data-elem-id="1709823552369"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716370499 .tn-elem[data-elem-id="1709823552369"] {
        top: 294px;
        left: calc(50% - 160px + 11px);
        width: 51px;
        height: auto;
    }
}

#rec716370499 .tn-elem[data-elem-id="1709823552373"] {
    z-index: 7;
    top: 429px;
    left: calc(50% - 600px + -7px);
    width: 60px;
    height: auto;
}

#rec716370499 .tn-elem[data-elem-id="1709823552373"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716370499 .tn-elem[data-elem-id="1709823552373"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716370499 .tn-elem[data-elem-id="1709823552373"] {
        top: 235px;
        left: calc(50% - 160px + 10px);
        width: 53px;
        height: auto;
    }
}

#rec716370499 .tn-elem[data-elem-id="1709823552376"] {
    z-index: 8;
    top: 347px;
    left: calc(50% - 600px + -5px);
    width: 58px;
    height: auto;
}

#rec716370499 .tn-elem[data-elem-id="1709823552376"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716370499 .tn-elem[data-elem-id="1709823552376"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716370499 .tn-elem[data-elem-id="1709823552376"] {
        top: 174px;
        left: calc(50% - 160px + 11px);
        width: 51px;
        height: auto;
    }
}

#rec716370499 .tn-elem[data-elem-id="1709823552378"] {
    z-index: 9;
    top: 256px;
    left: calc(50% - 600px + -10px);
    width: 63px;
    height: auto;
}

#rec716370499 .tn-elem[data-elem-id="1709823552378"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716370499 .tn-elem[data-elem-id="1709823552378"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716370499 .tn-elem[data-elem-id="1709823552378"] {
        top: 353px;
        left: calc(50% - 160px + 10px);
        width: 56px;
        height: auto;
    }
}

#rec716370499 .tn-elem[data-elem-id="1709823552381"] {
    z-index: 10;
    top: 344px;
    left: calc(50% - 600px + 457px);
    width: 55px;
    height: auto;
}

#rec716370499 .tn-elem[data-elem-id="1709823552381"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716370499 .tn-elem[data-elem-id="1709823552381"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716370499 .tn-elem[data-elem-id="1709823552381"] {
        top: 449px;
        left: calc(50% - 160px + 13px);
        width: 48px;
        height: auto;
    }
}

#rec716370499 .tn-elem[data-elem-id="1709823552383"] {
    z-index: 11;
    top: 256px;
    left: calc(50% - 600px + 459px);
    width: 52px;
    height: auto;
}

#rec716370499 .tn-elem[data-elem-id="1709823552383"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716370499 .tn-elem[data-elem-id="1709823552383"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716370499 .tn-elem[data-elem-id="1709823552383"] {
        top: 507px;
        left: calc(50% - 160px + 14px);
        width: 46px;
        height: auto;
    }
}

#rec716370499 .tn-elem[data-elem-id="1709823552385"] {
    color: #ffffff;
    z-index: 12;
    top: 350px;
    left: calc(50% - 600px + 71px);
    width: 354px;
    height: auto;
}

#rec716370499 .tn-elem[data-elem-id="1709823552385"] .tn-atom {
    color: #ffffff;
    font-size: 18px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.25;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716370499 .tn-elem[data-elem-id="1709823552385"] {
        top: 181px;
        left: calc(50% - 160px + 71px);
        width: 222px;
        height: auto;
    }

    #rec716370499 .tn-elem[data-elem-id="1709823552385"] .tn-atom {
        white-space: normal;
        font-size: 15px;
        background-size: cover;
    }
}

#rec716370499 .tn-elem[data-elem-id="1709823552390"] {
    color: #ffffff;
    z-index: 13;
    top: 434px;
    left: calc(50% - 600px + 71px);
    width: 301px;
    height: auto;
}

#rec716370499 .tn-elem[data-elem-id="1709823552390"] .tn-atom {
    color: #ffffff;
    font-size: 18px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.25;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716370499 .tn-elem[data-elem-id="1709823552390"] {
        top: 240px;
        left: calc(50% - 160px + 71px);
        width: 212px;
        height: auto;
    }

    #rec716370499 .tn-elem[data-elem-id="1709823552390"] .tn-atom {
        white-space: normal;
        font-size: 15px;
        background-size: cover;
    }
}

#rec716370499 .tn-elem[data-elem-id="1709823552395"] {
    color: #ffffff;
    z-index: 14;
    top: 520px;
    left: calc(50% - 600px + 71px);
    width: 326px;
    height: auto;
}

#rec716370499 .tn-elem[data-elem-id="1709823552395"] .tn-atom {
    color: #ffffff;
    font-size: 18px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.25;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716370499 .tn-elem[data-elem-id="1709823552395"] {
        top: 299px;
        left: calc(50% - 160px + 71px);
        width: 236px;
        height: auto;
    }

    #rec716370499 .tn-elem[data-elem-id="1709823552395"] .tn-atom {
        white-space: normal;
        font-size: 15px;
        background-size: cover;
    }
}

#rec716370499 .tn-elem[data-elem-id="1709823552398"] {
    color: #ffffff;
    z-index: 15;
    top: 258px;
    left: calc(50% - 600px + 71px);
    width: 360px;
    height: auto;
}

#rec716370499 .tn-elem[data-elem-id="1709823552398"] .tn-atom {
    color: #ffffff;
    font-size: 18px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.25;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716370499 .tn-elem[data-elem-id="1709823552398"] {
        top: 358px;
        left: calc(50% - 160px + 71px);
        width: 222px;
        height: auto;
    }

    #rec716370499 .tn-elem[data-elem-id="1709823552398"] .tn-atom {
        white-space: normal;
        font-size: 15px;
        background-size: cover;
    }
}

#rec716370499 .tn-elem[data-elem-id="1709823552401"] {
    color: #ffffff;
    z-index: 16;
    top: 352px;
    left: calc(50% - 600px + 536px);
    width: 184px;
    height: auto;
}

#rec716370499 .tn-elem[data-elem-id="1709823552401"] .tn-atom {
    color: #ffffff;
    font-size: 18px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.25;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716370499 .tn-elem[data-elem-id="1709823552401"] {
        top: 455px;
        left: calc(50% - 160px + 71px);
        width: 201px;
        height: auto;
    }

    #rec716370499 .tn-elem[data-elem-id="1709823552401"] .tn-atom {
        white-space: normal;
        font-size: 15px;
        background-size: cover;
    }
}

#rec716370499 .tn-elem[data-elem-id="1709823552404"] {
    color: #ffffff;
    z-index: 17;
    top: 262px;
    left: calc(50% - 600px + 536px);
    width: 199px;
    height: auto;
}

#rec716370499 .tn-elem[data-elem-id="1709823552404"] .tn-atom {
    color: #ffffff;
    font-size: 18px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.25;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716370499 .tn-elem[data-elem-id="1709823552404"] {
        top: 514px;
        left: calc(50% - 160px + 71px);
        height: auto;
    }

    #rec716370499 .tn-elem[data-elem-id="1709823552404"] .tn-atom {
        white-space: normal;
        font-size: 15px;
        background-size: cover;
    }
}

#rec716370499 .tn-elem[data-elem-id="1709826725128"] {
    z-index: 18;
    top: 194px;
    left: calc(50% - 600px + 0px);
    width: 626px;
    height: auto;
}

#rec716370499 .tn-elem[data-elem-id="1709826725128"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716370499 .tn-elem[data-elem-id="1709826725128"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716370499 .tn-elem[data-elem-id="1709826725128"] {
        top: 142px;
        left: calc(50% - 160px + 15px);
        width: 290px;
        height: auto;
    }
}

#rec716370499 .tn-elem[data-elem-id="1709839723410"] {
    color: #ffffff;
    z-index: 19;
    top: 149px;
    left: calc(50% - 600px + 0px);
    width: 360px;
    height: auto;
}

#rec716370499 .tn-elem[data-elem-id="1709839723410"] .tn-atom {
    color: #ffffff;
    font-size: 27px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.25;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716370499 .tn-elem[data-elem-id="1709839723410"] {
        top: 117px;
        left: calc(50% - 160px + 15px);
        width: 222px;
        height: auto;
    }

    #rec716370499 .tn-elem[data-elem-id="1709839723410"] .tn-atom {
        white-space: normal;
        font-size: 15px;
        background-size: cover;
    }
}

#rec716370499 .tn-elem[data-elem-id="1709839755913"] {
    z-index: 20;
    top: 578px;
    left: calc(50% - 600px + 0px);
    width: 494px;
    height: auto;
}

#rec716370499 .tn-elem[data-elem-id="1709839755913"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716370499 .tn-elem[data-elem-id="1709839755913"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716370499 .tn-elem[data-elem-id="1709839755913"] {
        top: 580px;
        left: calc(50% - 160px + 10px);
        width: 300px;
        height: auto;
    }
}

#rec716370499 .tn-elem[data-elem-id="1710063266105"] {
    z-index: 21;
    top: 2315px;
    left: calc(50% - 600px + -2015px);
    width: 100px;
    height: 100px;
}

#rec716370499 .tn-elem[data-elem-id="1710063266105"] .tn-atom {
    background-color: #fff705;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716370499 .tn-elem[data-elem-id="1710063266105"] {
        top: 926px;
        left: calc(50% - 160px + -59px);
        width: 424px;
        height: 132px;
        -webkit-filter: blur(25px);
        filter: blur(25px);
        border-radius: '' px;
        border-radius: 1000px;
    }

    #rec716370499 .tn-elem[data-elem-id="1710063266105"] .tn-atom {
        background-color: #212121;
        background-size: cover;
        border-radius: 1000px;
    }
}

#rec716370499 .tn-elem[data-elem-id="1710063380955"] {
    z-index: 22;
    top: 2115px;
    left: calc(50% - 600px + -1890px);
    width: 145px;
    height: auto;
}

#rec716370499 .tn-elem[data-elem-id="1710063380955"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716370499 .tn-elem[data-elem-id="1710063380955"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716370499 .tn-elem[data-elem-id="1710063380955"] {
        top: 49px;
        left: calc(50% - 160px + 140px);
        width: 40px;
        height: auto;
    }
}

#rec716370499 .tn-elem[data-elem-id="1710063442041"] {
    z-index: 23;
    top: -5px;
    left: calc(50% - 600px + -570px);
    width: 406px;
    height: auto;
}

#rec716370499 .tn-elem[data-elem-id="1710063442041"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716370499 .tn-elem[data-elem-id="1710063442041"] .tn-atom {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    transform: rotate(30deg);
}

#rec716370499 .tn-elem[data-elem-id="1710063442041"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716370499 .tn-elem[data-elem-id="1710063442041"] {
        top: 498px;
        left: calc(50% - 160px + -4481px);
        width: 197px;
        height: auto;
    }

    #rec716370499 .tn-elem[data-elem-id="1710063442041"] .tn-atom {
        background-size: cover;
        -webkit-transform: rotate(98deg);
        -moz-transform: rotate(98deg);
        transform: rotate(98deg);
    }
}

#rec716370499 .tn-elem[data-elem-id="1710063474197"] {
    z-index: 24;
    top: -100px;
    left: calc(50% - 600px + 1428px);
    width: 374px;
    height: auto;
}

#rec716370499 .tn-elem[data-elem-id="1710063474197"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec716370499 .tn-elem[data-elem-id="1710063474197"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec716370499 .tn-elem[data-elem-id="1710063474197"] {
        top: 630px;
        left: calc(50% - 160px + -4087px);
        height: auto;
    }
}
/* END SECTION ABOUT ME*/


/* START SECTIOON GAME RESULTS-*/
#rec715972103 .t396__artboard {
     min-height: 1360px;
     height: 100vh;
     background-color: #212121;
 }

#rec715972103 .t396__filter {
    min-height: 1360px;
    height: 880px;
}

#rec715972103 .t396__carrier {
    min-height: 1360px;
    height: 100vh;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1199px) {
    #rec715972103 .t396__artboard, #rec715972103 .t396__filter, #rec715972103 .t396__carrier {
    }

    #rec715972103 .t396__filter {
    }

    #rec715972103 .t396__carrier {
        background-attachment: scroll;
    }
}

@media screen and (max-width: 959px) {
    #rec715972103 .t396__artboard, #rec715972103 .t396__filter, #rec715972103 .t396__carrier {
    }

    #rec715972103 .t396__filter {
    }

    #rec715972103 .t396__carrier {
        background-attachment: scroll;
    }
}

@media screen and (max-width: 639px) {
    #rec715972103 .t396__artboard, #rec715972103 .t396__filter, #rec715972103 .t396__carrier {
    }

    #rec715972103 .t396__filter {
    }

    #rec715972103 .t396__carrier {
        background-attachment: scroll;
    }
}

@media screen and (max-width: 479px) {
    #rec715972103 .t396__artboard, #rec715972103 .t396__filter, #rec715972103 .t396__carrier {
        min-height: 800px;
    }

    #rec715972103 .t396__artboard {
        background-color: #181818;
    }

    #rec715972103 .t396__filter {
    }

    #rec715972103 .t396__carrier {
        background-attachment: scroll;
    }
}

#rec715972103 .tn-elem[data-elem-id="1709715030967"] {
    z-index: 2;
    top: calc(50vh - 626px + 48px);
    left: calc(50% - 600px + -119px);
    width: 1439px;
    height: auto;
}

#rec715972103 .tn-elem[data-elem-id="1709715030967"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec715972103 .tn-elem[data-elem-id="1709715030967"] .tn-atom__img {
    height: 1310px;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715972103 .tn-elem[data-elem-id="1709715030967"] {
        top: 1066px;
        left: calc(50% - 160px + -4682px);
        height: auto;
    }
}

#rec715972103 .tn-elem[data-elem-id="1709715136273"] {
    z-index: 3;
    top: calc(50vh - 626px + 124px);
    left: calc(50% - 600px + 164px);
    width: 873px;
    height: auto;
}

#rec715972103 .tn-elem[data-elem-id="1709715136273"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec715972103 .tn-elem[data-elem-id="1709715136273"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715972103 .tn-elem[data-elem-id="1709715136273"] {
        top: 77px;
        left: calc(50% - 160px + -3421px);
        height: auto;
    }
}

#rec715972103 .tn-elem[data-elem-id="1709715136278"] {
    z-index: 4;
    top: calc(50vh - 626px + 530px);
    left: calc(50% - 600px + 414px);
    width: 372px;
    height: auto;
}

#rec715972103 .tn-elem[data-elem-id="1709715136278"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec715972103 .tn-elem[data-elem-id="1709715136278"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715972103 .tn-elem[data-elem-id="1709715136278"] {
        top: 983px;
        left: calc(50% - 160px + 1926px);
        height: auto;
    }
}

#rec715972103 .tn-elem[data-elem-id="1709715136282"] {
    z-index: 5;
    top: calc(50vh - 626px + 298px);
    left: calc(50% - 600px + -105px);
    width: 657px;
    height: auto;
}

#rec715972103 .tn-elem[data-elem-id="1709715136282"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec715972103 .tn-elem[data-elem-id="1709715136282"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715972103 .tn-elem[data-elem-id="1709715136282"] {
        top: 248px;
        left: calc(50% - 160px + -48px);
        width: 254px;
        height: auto;
    }
}

#rec715972103 .tn-elem[data-elem-id="1709715136285"] {
    z-index: 6;
    top: calc(50vh - 626px + 321px);
    left: calc(50% - 600px + 639px);
    width: 663px;
    height: auto;
}

#rec715972103 .tn-elem[data-elem-id="1709715136285"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec715972103 .tn-elem[data-elem-id="1709715136285"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715972103 .tn-elem[data-elem-id="1709715136285"] {
        top: 259px;
        left: calc(50% - 160px + 110px);
        width: 256px;
        height: auto;
    }
}

#rec715972103 .tn-elem[data-elem-id="1709715136289"] {
    z-index: 7;
    top: calc(50vh - 626px + 304px);
    left: calc(50% - 600px + 960px);
    width: 20px;
    height: auto;
}

#rec715972103 .tn-elem[data-elem-id="1709715136289"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec715972103 .tn-elem[data-elem-id="1709715136289"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715972103 .tn-elem[data-elem-id="1709715136289"] {
        top: 244px;
        left: calc(50% - 160px + 230px);
        width: 14px;
        height: auto;
    }
}

#rec715972103 .tn-elem[data-elem-id="1709715136292"] {
    z-index: 8;
    top: calc(50vh - 626px + 304px);
    left: calc(50% - 600px + 213px);
    width: 20px;
    height: auto;
}

#rec715972103 .tn-elem[data-elem-id="1709715136292"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec715972103 .tn-elem[data-elem-id="1709715136292"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715972103 .tn-elem[data-elem-id="1709715136292"] {
        top: 244px;
        left: calc(50% - 160px + 70px);
        width: 14px;
        height: auto;
    }
}

#rec715972103 .tn-elem[data-elem-id="1709715488763"] {
    color: #ffffff;
    text-align: center;
    z-index: 9;
    top: calc(50vh - 626px + 604px);
    left: calc(50% - 600px + 67px);
    width: 317px;
    height: auto;
}

#rec715972103 .tn-elem[data-elem-id="1709715488763"] .tn-atom {
    color: #ffffff;
    font-size: 32px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715972103 .tn-elem[data-elem-id="1709715488763"] {
        top: 365px;
        left: calc(50% - 160px + 28px);
        width: 107px;
        height: auto;
    }

    #rec715972103 .tn-elem[data-elem-id="1709715488763"] .tn-atom {
        white-space: normal;
        font-size: 12px;
        background-size: cover;
    }
}

#rec715972103 .tn-elem[data-elem-id="1709715538445"] {
    color: #ffffff;
    text-align: center;
    z-index: 10;
    top: calc(50vh - 626px + 604px);
    left: calc(50% - 600px + 809px);
    width: 317px;
    height: auto;
}

#rec715972103 .tn-elem[data-elem-id="1709715538445"] .tn-atom {
    color: #ffffff;
    font-size: 32px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1;
    font-weight: 400;
    text-transform: lowercase;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715972103 .tn-elem[data-elem-id="1709715538445"] {
        top: 365px;
        left: calc(50% - 160px + 179px);
        width: 116px;
        height: auto;
    }

    #rec715972103 .tn-elem[data-elem-id="1709715538445"] .tn-atom {
        white-space: normal;
        font-size: 12px;
        background-size: cover;
    }
}

#rec715972103 .tn-elem[data-elem-id="1709715703154"] {
    color: #ffffff;
    z-index: 11;
    top: calc(50vh - 626px + 689px);
    left: calc(50% - 600px + 15px);
    width: 418px;
    height: auto;
}

#rec715972103 .tn-elem[data-elem-id="1709715703154"] .tn-atom {
    color: #ffffff;
    font-size: 28px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.25;
    font-weight: 400;
    text-transform: lowercase;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715972103 .tn-elem[data-elem-id="1709715703154"] {
        top: 398px;
        left: calc(50% - 160px + 10px);
        width: 145px;
        height: auto;
    }

    #rec715972103 .tn-elem[data-elem-id="1709715703154"] .tn-atom {
        white-space: normal;
        font-size: 11px;
        background-size: cover;
    }
}

#rec715972103 .tn-elem[data-elem-id="1709715802328"] {
    color: #ffffff;
    z-index: 12;
    top: calc(50vh - 626px + 689px);
    left: calc(50% - 600px + 761px);
    width: 418px;
    height: auto;
}

#rec715972103 .tn-elem[data-elem-id="1709715802328"] .tn-atom {
    color: #ffffff;
    font-size: 28px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.25;
    font-weight: 400;
    text-transform: lowercase;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715972103 .tn-elem[data-elem-id="1709715802328"] {
        top: 398px;
        left: calc(50% - 160px + 181px);
        width: 126px;
        height: auto;
    }

    #rec715972103 .tn-elem[data-elem-id="1709715802328"] .tn-atom {
        white-space: normal;
        font-size: 11px;
        background-size: cover;
    }
}

#rec715972103 .tn-elem[data-elem-id="1709715837611"] {
    color: #ffffff;
    text-align: center;
    z-index: 13;
    top: calc(50vh - 626px + 449px);
    left: calc(50% - 600px + 379px);
    width: 442px;
    height: auto;
}

#rec715972103 .tn-elem[data-elem-id="1709715837611"] .tn-atom {
    color: #ffffff;
    font-size: 32px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715972103 .tn-elem[data-elem-id="1709715837611"] {
        top: 192px;
        left: calc(50% - 160px + 75px);
        width: 170px;
        height: auto;
    }

    #rec715972103 .tn-elem[data-elem-id="1709715837611"] .tn-atom {
        white-space: normal;
        font-size: 13px;
        background-size: cover;
    }
}

#rec715972103 .tn-elem[data-elem-id="1709715966188"] {
    color: #ffffff;
    text-align: center;
    z-index: 14;
    top: calc(50vh - 626px + 233px);
    left: calc(50% - 600px + 330px);
    width: 540px;
    height: auto;
}

#rec715972103 .tn-elem[data-elem-id="1709715966188"] .tn-atom {
    color: #ffffff;
    font-size: 32px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715972103 .tn-elem[data-elem-id="1709715966188"] {
        top: 128px;
        left: calc(50% - 160px + 33px);
        width: 255px;
        height: auto;
    }

    #rec715972103 .tn-elem[data-elem-id="1709715966188"] .tn-atom {
        white-space: normal;
        font-size: 16px;
        background-size: cover;
    }
}

#rec715972103 .tn-elem[data-elem-id="1709716019457"] {
    z-index: 15;
    top: calc(50vh - 626px + -103px);
    left: calc(50% - 600px + 613px);
    width: 1320px;
    height: auto;
}

#rec715972103 .tn-elem[data-elem-id="1709716019457"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec715972103 .tn-elem[data-elem-id="1709716019457"] .tn-atom__img {
}

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

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

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

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

#rec715972103 .tn-elem[data-elem-id="1709716019461"] {
    z-index: 16;
    top: calc(50vh - 626px + -281px);
    left: calc(50% - 600px + -503px);
    width: 2179px;
    height: auto;
}

#rec715972103 .tn-elem[data-elem-id="1709716019461"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec715972103 .tn-elem[data-elem-id="1709716019461"] .tn-atom__img {
}

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

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

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

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

#rec715972103 .tn-elem[data-elem-id="1709742124461"] {
    z-index: 17;
    top: calc(50vh - 626px + -114px);
    left: calc(50% - 600px + 1211px);
    width: 700px;
    height: auto;
}

#rec715972103 .tn-elem[data-elem-id="1709742124461"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec715972103 .tn-elem[data-elem-id="1709742124461"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715972103 .tn-elem[data-elem-id="1709742124461"] {
        top: 2001px;
        left: calc(50% - 160px + -2404px);
        height: auto;
    }
}

#rec715972103 .tn-elem[data-elem-id="1709742124465"] {
    z-index: 18;
    top: calc(50vh - 626px + -327px);
    left: calc(50% - 600px + -476px);
    width: 806px;
    height: auto;
}

#rec715972103 .tn-elem[data-elem-id="1709742124465"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec715972103 .tn-elem[data-elem-id="1709742124465"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715972103 .tn-elem[data-elem-id="1709742124465"] {
        top: 1638px;
        left: calc(50% - 160px + -2547px);
        height: auto;
    }
}

#rec715972103 .tn-elem[data-elem-id="1710062496503"] {
    z-index: 19;
    top: calc(50vh - 626px + -69px);
    left: calc(50% - 600px + -2295px);
    width: 309px;
    height: auto;
}

#rec715972103 .tn-elem[data-elem-id="1710062496503"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec715972103 .tn-elem[data-elem-id="1710062496503"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715972103 .tn-elem[data-elem-id="1710062496503"] {
        top: 221px;
        left: calc(50% - 160px + 65px);
        width: 190px;
        height: auto;
    }
}

#rec715972103 .tn-elem[data-elem-id="1710062496507"] {
    z-index: 20;
    top: calc(50vh - 626px + 620px);
    left: calc(50% - 600px + -5135px);
    width: 640px;
    height: auto;
}

#rec715972103 .tn-elem[data-elem-id="1710062496507"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec715972103 .tn-elem[data-elem-id="1710062496507"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715972103 .tn-elem[data-elem-id="1710062496507"] {
        top: 167px;
        left: calc(50% - 160px + -3275px);
        width: 338px;
        height: auto;
    }
}

#rec715972103 .tn-elem[data-elem-id="1710062496511"] {
    z-index: 21;
    top: calc(50vh - 626px + 360px);
    left: calc(50% - 600px + -5560px);
    width: 568px;
    height: auto;
}

#rec715972103 .tn-elem[data-elem-id="1710062496511"] .tn-atom {
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec715972103 .tn-elem[data-elem-id="1710062496511"] .tn-atom__img {
}

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

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

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

@media screen and (max-width: 479px) {
    #rec715972103 .tn-elem[data-elem-id="1710062496511"] {
        top: 50px;
        left: calc(50% - 160px + 10px);
        width: 300px;
        height: auto;
    }
}
/*  SECTIOON GAME RESULTS-*/

/*START SECTION КАК ПРОХОДИТ ИГРА*/
#rec334943901 .t396__artboard {
     height: 1100px;
     background-color: #212121;
     overflow: visible;
 }

#rec334943901 .t396__filter {
    height: 1100px;
}

#rec334943901 .t396__carrier {
    height: 1100px;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1199px) {
    #rec334943901 .t396__artboard, #rec334943901 .t396__filter, #rec334943901 .t396__carrier {
        height: 1640px;
    }

    #rec334943901 .t396__filter {
    }

    #rec334943901 .t396__carrier {
        background-attachment: scroll;
    }
}

@media screen and (max-width: 959px) {
    #rec334943901 .t396__artboard, #rec334943901 .t396__filter, #rec334943901 .t396__carrier {
        height: 1340px;
    }

    #rec334943901 .t396__filter {
    }

    #rec334943901 .t396__carrier {
        background-attachment: scroll;
    }
}

@media screen and (max-width: 639px) {
    #rec334943901 .t396__artboard, #rec334943901 .t396__filter, #rec334943901 .t396__carrier {
        height: 1210px;
    }

    #rec334943901 .t396__filter {
    }

    #rec334943901 .t396__carrier {
        background-attachment: scroll;
    }
}

@media screen and (max-width: 479px) {
    #rec334943901 .t396__artboard, #rec334943901 .t396__filter, #rec334943901 .t396__carrier {
        height: 1970px;
    }

    #rec334943901 .t396__filter {
    }

    #rec334943901 .t396__carrier {
        background-attachment: scroll;
    }
}

#rec334943901 .tn-elem[data-elem-id="1709743913956"] {
    z-index: 11;
    top: 73px;
    left: calc(50%);
    width: 381px;
    height: auto;
    /*background-color: #222222;;*/
}

#rec334943901 .tn-elem[data-elem-id="1709743913956"] .tn-atom {
    border-radius: 0px 0px 0px 0px;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec334943901 .tn-elem[data-elem-id="1709743913956"] .tn-atom__img {
    border-radius: 0px 0px 0px 0px;
    object-position: center center;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec334943901 .tn-elem[data-elem-id="1709743913956"] {
        top: 64px;
        left: calc(50% - 160px + 20px);
        width: 279px;
        height: auto;
    }
}

#rec334943901 .tn-elem[data-elem-id="1709743913959"] {
    z-index: 15;
    top: 73px;
    left: calc(50% - 600px + 409px);
    width: 381px;
    height: auto;
}

#rec334943901 .tn-elem[data-elem-id="1709743913959"] .tn-atom {
    border-radius: 0px 0px 0px 0px;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec334943901 .tn-elem[data-elem-id="1709743913959"] .tn-atom__img {
    border-radius: 0px 0px 0px 0px;
    object-position: center center;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec334943901 .tn-elem[data-elem-id="1709743913959"] {
        top: 407px;
        left: calc(50% - 160px + 20px);
        width: 279px;
        height: auto;
    }
}

#rec334943901 .tn-elem[data-elem-id="1709743913962"] {
    z-index: 16;
    top: 75px;
    left: calc(50% - 600px + 818px);
    width: 381px;
    height: auto;
}

#rec334943901 .tn-elem[data-elem-id="1709743913962"] .tn-atom {
    border-radius: 0px 0px 0px 0px;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec334943901 .tn-elem[data-elem-id="1709743913962"] .tn-atom__img {
    border-radius: 0px 0px 0px 0px;
    object-position: center center;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec334943901 .tn-elem[data-elem-id="1709743913962"] {
        top: 748px;
        left: calc(50% - 160px + 20px);
        width: 279px;
        height: auto;
    }
}

#rec334943901 .tn-elem[data-elem-id="1709743913964"] {
    z-index: 17;
    top: 552px;
    left: calc(50% - 600px + 0px);
    width: 381px;
    height: auto;
}

#rec334943901 .tn-elem[data-elem-id="1709743913964"] .tn-atom {
    border-radius: 0px 0px 0px 0px;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

#rec334943901 .tn-elem[data-elem-id="1709743913964"] .tn-atom__img {
    border-radius: 0px 0px 0px 0px;
    object-position: center center;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec334943901 .tn-elem[data-elem-id="1709743913964"] {
        top: 1088px;
        left: calc(50% - 160px + 20px);
        width: 279px;
        height: auto;
    }
}

#rec334943901 .tn-elem[data-elem-id="1709744040773"] {
    color: #000000;
    text-align: center;
    z-index: 18;
    top: 331px;
    left: calc(50% - 600px + 27px);
    width: 200px;
    height: 55px;
}

#rec334943901 .tn-elem[data-elem-id="1709744040773"] .tn-atom {
    color: #000000;
    font-size: 14px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 600;
    border-radius: 30px 30px 30px 30px;
    background-color: #ecc595;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec334943901 .tn-elem[data-elem-id="1709744040773"] {
        top: 249px;
        left: calc(50% - 160px + 40px);
        width: 146px;
        height: 40px;
    }

    #rec334943901 .tn-elem[data-elem-id="1709744040773"] .tn-atom {
        font-size: 11px;
        background-size: cover;
    }
}

#rec334943901 .tn-elem[data-elem-id="1709745690153"] {
    color: #000000;
    text-align: center;
    z-index: 19;
    top: 733px;
    left: calc(50% - 600px + 27px);
    width: 200px;
    height: 55px;
}

#rec334943901 .tn-elem[data-elem-id="1709745690153"] .tn-atom {
    color: #000000;
    font-size: 14px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 600;
    border-radius: 30px 30px 30px 30px;
    background-color: #ecc595;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec334943901 .tn-elem[data-elem-id="1709745690153"] {
        top: 1221px;
        left: calc(50% - 160px + 40px);
        width: 146px;
        height: 40px;
    }

    #rec334943901 .tn-elem[data-elem-id="1709745690153"] .tn-atom {
        font-size: 11px;
        background-size: cover;
    }
}

#rec334943901 .tn-elem[data-elem-id="1709745693979"] {
    color: #000000;
    text-align: center;
    z-index: 20;
    top: 331px;
    left: calc(50% - 600px + 437px);
    width: 200px;
    height: 55px;
}

#rec334943901 .tn-elem[data-elem-id="1709745693979"] .tn-atom {
    color: #000000;
    font-size: 14px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 600;
    border-radius: 30px 30px 30px 30px;
    background-color: #ecc595;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec334943901 .tn-elem[data-elem-id="1709745693979"] {
        top: 596px;
        left: calc(50% - 160px + 41px);
        width: 146px;
        height: 40px;
    }

    #rec334943901 .tn-elem[data-elem-id="1709745693979"] .tn-atom {
        font-size: 11px;
        background-size: cover;
    }
}

#rec334943901 .tn-elem[data-elem-id="1709745715328"] {
    color: #000000;
    text-align: center;
    z-index: 21;
    top: 378px;
    left: calc(50% - 600px + 845px);
    width: 200px;
    height: 55px;
}

#rec334943901 .tn-elem[data-elem-id="1709745715328"] .tn-atom {
    color: #000000;
    font-size: 14px;
    font-family: 'FuturaPT', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 600;
    border-radius: 30px 30px 30px 30px;
    background-color: #ecc595;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

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

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

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

@media screen and (max-width: 479px) {
    #rec334943901 .tn-elem[data-elem-id="1709745715328"] {
        top: 970px;
        left: calc(50% - 160px + 40px);
        width: 146px;
        height: 40px;
    }

    #rec334943901 .tn-elem[data-elem-id="1709745715328"] .tn-atom {
        font-size: 11px;
        background-size: cover;
    }
}
/*END SECTION КАК ПРОХОДИТ ИГРА*/