@font-face {
    font-family: "Unica";
    src: url(../fonts/Unica77-Regular.woff) format("woff");
    font-weight: 400;
    font-display: swap;
}

html, body {
    margin: 0;
    padding: 0;
    /*overflow: hidden;*/
}

body {
    top: 0;
    left: 0;
    font-size: 10px;
    font-family: Unica;
    background: #E5E5E5;
}

asksoft {
    display: block;
    position: fixed;
    width: 190em;
    height: var(--down-height);
    /*overflow: hidden;*/
    /*border: 1px solid blue;*/
}

:not(:root):fullscreen::backdrop {
    background: rgba(0, 0, 0, .7);
}

:-webkit-full-screen {
    background: rgba(0, 0, 0, .7);
}


ask-image {
    display: none;
}

.big-image {
    display: block;
    position: absolute;
    /*left: 33.2em;*/
    top: 5.7em;
    width: 135em;
    height: 90em;
}

.small-image {
    display: block;
    position: absolute;
    /*left: 64.7em;*/
    top: 5.7em;
    width: 60em;
    height: 90em;
}

[a-name="a-image"] [a-name="v-next"] {
    display: block;
    position: fixed;
    left: 180em;
    top: 42.8em;
    width: 4.1em;
    height: 7.9em;
    cursor: pointer;
    background-position: -164.2em -50.2em;
}

[a-name="a-image"] [a-name="v-prev"] {
    display: block;
    position: fixed;
    left: 6.4em;
    top: 42.8em;
    width: 4.1em;
    height: 7.9em;
    cursor: pointer;
    background-position: -162.9em -38.5em;
}

.img-line {
    display: block;
    position: absolute;
    transition: transform .7s;
}

[a-name="a-image"][vpos="1"] .img-line {
    transform: translate3d(0em, 0px, 0px);
}

[a-name="a-image"][vpos="2"] .img-line {
    transform: translate3d(-190em, 0px, 0px);
}

[a-name="a-image"][vpos="3"] .img-line {
    transform: translate3d(-380em, 0px, 0px);
}

[a-name="a-image"][vpos="4"] .img-line {
    transform: translate3d(-570em, 0px, 0px);
}

[a-name="a-image"][vpos="5"] .img-line {
    transform: translate3d(-760em, 0px, 0px);
}

[a-name="a-image"][vpos="6"] .img-line {
    transform: translate3d(-950em, 0px, 0px);
}

[a-name="a-image"][vpos="7"] .img-line {
    transform: translate3d(-1140em, 0px, 0px);
}

[a-name="a-image"][vpos="8"] .img-line {
    transform: translate3d(-1330em, 0px, 0px);
}

[a-name="a-image"][vpos="9"] .img-line {
    transform: translate3d(-1520em, 0px, 0px);
}

[a-name="a-image"][vpos="10"] .img-line {
    transform: translate3d(-1710em, 0px, 0px);
}

[a-name="a-image"][vpos="11"] .img-line {
    transform: translate3d(-1900em, 0px, 0px);
}

[a-name="a-image"][vpos="12"] .img-line {
    transform: translate3d(-2090em, 0px, 0px);
}

[a-name="a-image"][vpos="13"] .img-line {
    transform: translate3d(-2280em, 0px, 0px);
}

[a-name="a-image"][vpos="14"] .img-line {
    transform: translate3d(-2470em, 0px, 0px);
}

[a-name="a-image"][vpos="15"] .img-line {
    transform: translate3d(-2660em, 0px, 0px);
}

[a-name="a-image"][vpos="16"] .img-line {
    transform: translate3d(-2850em, 0px, 0px);
}

[a-name="a-image"][vpos="17"] .img-line {
    transform: translate3d(-3040em, 0px, 0px);
}

[a-name="a-image"][vpos="18"] .img-line {
    transform: translate3d(-3230em, 0px, 0px);
}

ask-line {
    display: block;
    position: relative;
}

ask-inline {
    display: inline-block;
    position: absolute;
}

.block {
    display: block;
    position: absolute;
}

.bg-1 {
    background: url(../img/bg-1.svg);
    background-size: 192em 97.1em; /*39em*/
    background-repeat: no-repeat;
}

.bg-2 {
    background: url(../img/bg-2-80.jpg);
    background-size: 196em 242.8em; /*639.5em*/
    background-repeat: no-repeat;
}

.bg-22 {
    background: url(../img/bg-22-80.jpg);
    background-size: var(--pic-width) var(--pic-height); /*639.5em*/
    background-repeat: no-repeat;
}

[tp="line"] {
    margin-top: 1em;
}


/* custom scrollbar beg =========================================================================*/
.scroll {
    /*gosha vernut*/
    overflow-y: overlay;
    overflow-x: hidden;
}

    .scroll::-webkit-scrollbar {
        width: 1em;
        height: .7em;
        background-color: transparent;
    }

    .scroll::-webkit-scrollbar-track {
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 2em;
        background-color: rgba(0, 0, 0, 0.2);
    }

    .scroll::-webkit-scrollbar-thumb {
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 2em;
        background-color: rgba(214, 222, 225, .7);
    }

        .scroll::-webkit-scrollbar-thumb:hover {
            background-color: #a8bbbf;
        }


.scroll-none {
    /*gosha vernut*/
    overflow-y: scroll;
    overflow-y: overlay;
    overflow-x: hidden;
}

    .scroll-none::-webkit-scrollbar {
        display: none;
    }

    .scroll-none::-webkit-scrollbar-track {
        display: none;
    }

    .scroll-none::-webkit-scrollbar-thumb {
        display: none;
    }

        .scroll-none::-webkit-scrollbar-thumb:hover {
            display: none;
        }

/*firefox*/
:root {
    scrollbar-width: none;
}

/* custom scrollbar end ===========================================================================*/


/*font beg ========================================================================================*/
.f-18 {
    font-size: 1.8em;
    white-space: nowrap;
}

.f-24 {
    font-size: 2.4em;
    white-space: nowrap;
}

.f-30 {
    font-size: 3em;
    white-space: nowrap;
}

.f-32 {
    font-size: 3.2em;
    white-space: nowrap;
}

.f-36 {
    font-size: 3.6em;
    white-space: nowrap;
}

/*font end ========================================================================================*/

body[lng="rus"] [lng="rus"], body[lng="eng"] [lng="eng"] {
    display: block;
}

body[lng="rus"] [lng="eng"], body[lng="eng"] [lng="rus"] {
    display: none;
}

.preloader {
    left: 85.6em;
    top: 46.3em;
    width: 22.51em;
    height: 15.35em;
    transition: opacity .4s;
}

ask-preload {
    display: inline-block;
    position: absolute;
    height: 0;
    background: #fff;
    opacity: 0;
    transition: opacity .2s;
    border-top: 2px solid #fff;
    border-radius: 10px;
}

.preloader-line {
    /*left: 81.4em;
    top: 54em;
    width: 29.4em;
    height: 0.4em;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.00);
    border-radius: 5px;
    overflow: hidden;
    transition: opacity .4s;*/
    display: block;
    position: absolute;
    left: 81.4em;
    top: 54em;
    width: 29em;
    height: 0.4em;
    background: rgba(255, 255, 255, 0.3);
    transition: opacity .2s;
    overflow: hidden;
    border-radius: 5px;
}

.pr-line {
    display: block;
    position: absolute;
    left: -.1em;
    top: 0;
    width: 0.2em;
    height: 0.4em;
    background: #fff;
    /*border: 1px solid #fff;*/
    /*border-radius: 5px;*/
    transition: width 1.1s;
}

/*lang beg ================================================================*/
.gaz-neft {
    display: block;
    position: fixed;
    left: 1.8em;
    top: 2.5em;
    width: 27.1em;
    height: 7.9em;
    cursor: pointer;
    transition: opacity .3s;
    z-index: 5;
}

.gaz-logo {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 27.1em;
    height: 7.9em;
    cursor: pointer;
    transition: opacity .3s;
}

    .gaz-logo[lng="rus"] {
        background-position: -164.9em 0;
    }

    .gaz-logo[lng="eng"] {
        background-position: -164.9em -10.5em;
    }

.lang {
    display: block;
    position: fixed;
    left: 159.3em;
    top: 6.3em;
    width: 8.9em;
    height: 3.9em;
    z-index: 12;
}

    .lang ask-inline {
        height: 3.9em;
        cursor: pointer;
    }

    .lang span {
        color: #D9D8D6;
    }

    .lang [a-name="rus"] {
        left: 4.5em;
    }

body[lng="eng"] .lang ask-inline[a-name="eng"] {
    border-bottom: 2px solid #000;
}

    body[lng="eng"] .lang ask-inline[a-name="eng"] span {
        color: #000;
    }

body[lng="rus"] .lang ask-inline[a-name="rus"] {
    border-bottom: 2px solid #000;
}

    body[lng="rus"] .lang ask-inline[a-name="rus"] span {
        color: #000;
    }


body[lng="rus"][page="page-1"] .lang ask-inline[a-name="eng"] span {
    color: #A5A4A3;
}

/*lang end ================================================================*/



/*menu beg ==========================================================*/
ask-menu {
    display: block;
    position: fixed;
    width: 190em;
    height: 12em;
    /*z-index: 3;*/
    /*border: 1px solid blue;*/
}

body[page="page-4"] ask-menu {
    z-index: 3;
}


.pogoda-day {
    display: block;
    position: fixed;
    left: 2.6em;
    top: 16.6em;
    width: 184.8em;
    height: 4.5em;
    z-index: 4;
    opacity: 0;
    transition: opacity .3s;
    /*border: 1px solid blue;*/
}

body[page="page-4"] .pogoda-day {
    opacity: 1;
}

body[page="page-4"] .pogoda-val-day {
    opacity: 1;
}

.menu-day-line {
    top: 4.5em;
    width: 29.1em;
    /*height: 0.01em;*/
    transition: background .5s, width .5s;
}

.pogoda-day [a-name^=day-] {
    width: 29.1em;
    height: 4.5em;
    cursor: pointer;
}

.pogoda-day [a-name="day-8"] {
    left: 31.1em;
}

.pogoda-day [a-name="day-9"] {
    left: 62.3em;
}

.pogoda-day [a-name="day-10"] {
    left: 93.5em;
}

.pogoda-day [a-name="day-11"] {
    left: 124.5em;
}

.pogoda-day [a-name="day-12"] {
    left: 155.8em;
}


.pogoda-day [a-name^=day-] [vb^=h-] {
    display: block;
    position: absolute;
    transition: transform .4s, opacity .4s;
}

.pogoda-day [a-name^=day-] [vb="h-1"] {
    color: #D9D8D6;
    opacity: 1;
}

.pogoda-day [a-name^=day-] .menu-day-line {
    background: #D9D8D6;
    border-bottom: .1em solid #D9D8D6;
}

.pogoda-day [a-name^=day-] [vb="h-2"] {
    color: #4D4D4D;
    transform: translate3d(1em, 0px, 0px);
    opacity: 0;
}

.pogoda-day [a-name^=day-]:hover [vb="h-1"] {
    color: #D9D8D6;
    opacity: 0;
    transform: translate3d(-1em, 0px, 0px);
}

.pogoda-day [a-name^=day-]:hover [vb="h-2"] {
    color: #4D4D4D;
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
}

.pogoda-day [a-name^=day-]:hover .menu-day-line {
    background: #4D4D4D;
    border-bottom: .1em solid #4D4D4D;
}

.pogoda-day[vday="day-7"] [a-name="day-7"] [vb="h-1"], .pogoda-day[vday="day-8"] [a-name="day-8"] [vb="h-1"], .pogoda-day[vday="day-9"] [a-name="day-9"] [vb="h-1"], .pogoda-day[vday="day-10"] [a-name="day-10"] [vb="h-1"], .pogoda-day[vday="day-11"] [a-name="day-11"] [vb="h-1"], .pogoda-day[vday="day-12"] [a-name="day-12"] [vb="h-1"] {
    color: #4D4D4D;
}

.pogoda-day[vday="day-7"] [a-name="day-7"] .menu-day-line, .pogoda-day[vday="day-8"] [a-name="day-8"] .menu-day-line, .pogoda-day[vday="day-9"] [a-name="day-9"] .menu-day-line, .pogoda-day[vday="day-10"] [a-name="day-10"] .menu-day-line, .pogoda-day[vday="day-11"] [a-name="day-11"] .menu-day-line, .pogoda-day[vday="day-12"] [a-name="day-12"] .menu-day-line {
    background: #4D4D4D;
    border-bottom: .1em solid #4D4D4D;
}

.pogoda-val-day {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 50em;
    height: 93.5em;
    color: #4D4D4D;
    z-index: 3;
    opacity: 0;
    transition: opacity .3s;
    /*background: #fff;*/
    /*border: 1px solid blue;*/
}

.val-day {
    left: 2.5em;
    opacity: 0;
    transition: opacity .7s;
}

.x-time {
    display: block;
    position: absolute;
    left: 2.5em;
    top: 87em;
    width: 10em;
    height: 2.3em;
    z-index: 5;
    opacity: 0;
    transition: opacity .7s;
    /*border: 1px solid blue;*/
}

    .x-time [a-name="day-time"] {
        color: #D9D8D6;
    }

body[page="page-4"] .x-time {
    opacity: 1;
}

.pogoda-val-day, .val-day [a-name="v-4"], .pogoda-val-day .val-day [a-name="v-6"] {
    transition: transform .8s, opacity .3s;
}

    .pogoda-val-day [a-name="v-1"] {
        left: -9em;
        top: 26.5em;
        width: 19.1em;
        height: 2.3em;
        transform: rotate( -90deg );
    }

    .pogoda-val-day [a-name="v-2"] {
        display: block;
        left: 0;
        top: 41.2em;
        width: 36.3em;
        height: 2.3em;
    }

        .pogoda-val-day [a-name="v-2"] [a-name="day-time"] {
            display: none;
            color: #D9D8D6;
        }

        .pogoda-val-day [a-name="v-2"] [a-name="day-temp"] {
            left: 15.6em;
        }

    .pogoda-val-day [a-name="v-3"] {
        left: 0;
        top: 47.3em;
        width: 13.9em;
        height: 5.2em;
    }

    .pogoda-val-day [a-name="v-4"] {
        left: 18.2em;
        top: 54.4em;
        width: 20.6em;
        height: 2.7em;
    }

    .pogoda-val-day [a-name="v-5"] {
        left: 0;
        top: 63.4em;
        width: 18.7em;
        height: 5.2em;
    }

    .pogoda-val-day [a-name="v-6"] {
        left: 18.2em;
        top: 72.7em;
        width: 20.6em;
        height: 13.9em;
    }

span[tp="line"] {
    margin-top: 1em;
}


.pogoda-val-day[valday="day-7"] .val-day[valday="day-7"], .pogoda-val-day[valday="day-8"] .val-day[valday="day-8"], .pogoda-val-day[valday="day-9"] .val-day[valday="day-9"], .pogoda-val-day[valday="day-10"] .val-day[valday="day-10"], .pogoda-val-day[valday="day-11"] .val-day[valday="day-11"], .pogoda-val-day[valday="day-12"] .val-day[valday="day-12"] {
    opacity: 1;
}


.menu-1 {
    display: block;
    position: fixed;
    transform: rotate( -90deg );
    color: #fff;
    transition: color .8s, opacity .5s;
    width: 84.3em;
    height: 2.2em;
    left: -37.9em;
    top: 40em;
    opacity: 0;
    z-index: 5;
}

body[page="page-1"] .menu-1, body[page="page-2"] .menu-1, body[page="page-3"] .menu-1 {
    opacity: 1;
}

.menu-1 [a-name="b-2"] {
    left: 28em;
}

.menu-1 [a-name^=b-] {
    cursor: pointer;
}

.menu-1 [a-name="b-2"] {
    left: 28em;
}

.menu-1 [a-name="b-3"] {
    left: 50em;
}

body[page="page-1"] .menu-line {
    background: #646363;
    border-bottom: .1em solid #646363;
}

body[lng="rus"] .menu-1 [a-name="b-1"] {
    width: 20em;
}

body[lng="rus"] .menu-1 [a-name="b-2"] {
    width: 15.5em;
}

body[lng="rus"] .menu-1 [a-name="b-3"] {
    width: 15em;
}

body[lng="eng"] .menu-1 [a-name="b-1"] {
    width: 13em;
}

body[lng="eng"] .menu-1 [a-name="b-2"] {
    width: 10em;
}

body[lng="eng"] .menu-1 [a-name="b-3"] {
    width: 10.5em;
}


.menu-line {
    top: 4.5em;
    width: 0;
    /*height: 0.01em;*/
    border-bottom: .1em solid #fff;
    background: #fff;
    transition: background .5s, width .5s;
}

.menu-1 [a-name^=b-]:hover .menu-line {
    width: 100%;
}



body[page="page-1"] .menu-1 {
    color: #646363;
}

body[page="page-3"] .menu-1 [a-name="b-1"] .menu-line {
    width: 100%;
}

body[page="page-2"] .menu-1 [a-name="b-2"] .menu-line {
    width: 100%;
}

body[page="page-1"] .menu-1 [a-name="b-3"] .menu-line {
    width: 100%;
}
/*menu end ==========================================================*/
/*menu-small beg =============================================================*/
.menu-small {
    display: none;
    position: absolute;
    left: 173.8em;
    top: 4.2em;
    width: 13.8em;
    height: 6em;
    color: #4D4D4D;
    opacity: 0;
    transition: opacity .7s;
    z-index: 5;
}

body[page="page-4"] .menu-small, body[page="page-5"] .menu-small {
    display: block;
    opacity: 1;
}

.menu-small .plus {
    width: 6em;
    height: 6em;
    background-position: 0 -71em;
}

    .menu-small .plus:hover {
        transform: scale(1.2);
    }

.menu-small ask-line:hover {
    transform: scale(1.1);
}

.menu-small ask-block, .menu-small ask-line {
    transition: transform .2s;
    cursor: pointer;
}

.menu-small[vd="plus"] ask-line {
    display: none;
}

.menu-small[vd="menu"] ask-block {
    display: none;
}
/*menu-small end =============================================================*/
/*podelitsya beg ==========================================================*/
.podelitsya {
    display: block;
    position: absolute;
    left: 173.8em; /*183.23em;*/ /*128.1em;*/
    top: 88em;
    width: 4.25em; /*59.24em;*/
    height: 5.56em;
    transition: left 1.2s, width 1.2s;
    z-index: 10;
}

    .podelitsya:hover {
        left: 145em; /*118.67em; 128.1em;*/
        width: 50em; /*64em; 59.24em;*/
    }

body[page="page-0"] .podelitsya, body[page="page-1"] .podelitsya, body[page="page-5"] .podelitsya {
    background-position: 0 -84.9em;
}

body[page="page-2"] .podelitsya, body[page="page-3"] .podelitsya {
    background-position: 0 -78.9em;
}

body[page="page-4"] .podelitsya {
    /*left: 167.7em;
    top: 81em;*/
    background-position: -64.8em -84.9em;
    /*border: 1px solid blue;*/
}

    body[page="page-4"] .podelitsya:hover {
        left: 145em;
    }

.podelitsya [a-name^=butt-] {
    top: 0;
    width: 4.11em; /*59.24em;*/
    height: 5.56em;
    cursor: pointer;
    /*border: 1px solid #fff;*/
}

.podelitsya [a-name="butt-1"] {
    left: 0;
}

/*.podelitsya [a-name="butt-2"] {
    left: 15em;
}*/

.podelitsya [a-name="butt-3"] {
    /*left: 24.8em;*/
    left: 10em;
}

/*.podelitsya [a-name="butt-4"] {
    left: 35.8em;
}*/

.podelitsya [a-name="butt-5"] {
    /*left: 46.5em;*/
    left: 20.5em;
}

.podelitsya [a-name="butt-6"] {
    /*left: 56.2em;*/
    left: 30.5em;
}
/*podelitsya end ==========================================================*/

/*page beg ==========================================================*/
body[page="page-0"] ask-page[a-name="page-0"] {
    display: block;
}

body[page="page-1"] ask-page[a-name="page-1"] {
    display: block;
}

body[page="page-2"] ask-page[a-name="page-2"] {
    display: block;
}

body[page="page-3"] ask-page[a-name="page-3"] {
    display: block;
}

body[page="page-4"] ask-page[a-name="page-4"] {
    display: block;
}

body[page="page-5"] ask-page[a-name="page-5"] {
    display: block;
}

/*
asksoft[p-start="up-0"] ask-page[a-name="page-0"] {
    transition: none;
    transform: translate3d(0px, var(--up-height), 10px);
}

asksoft[p-start="down-0"] ask-page[a-name="page-0"] {
    transition: none;
    transform: translate3d(0px, var(--down-height), 10px);
}

asksoft[p-start="page-0"] ask-page[a-name="page-0"] {
    display: block;
    transform: translate3d(0px, 0px, 10px);
}

asksoft[p-stop="up-0"] ask-page[a-name="page-0"] {
    transform: translate3d(0px, var(--up-height), 10px);
}

asksoft[p-stop="down-0"] ask-page[a-name="page-0"] {
    transform: translate3d(0px, var(--down-height), 10px);
}



asksoft[p-start="up-1"] ask-page[a-name="page-1"] {
    transition: none;
    transform: translate3d(0px, var(--up-height), 10px);
}

asksoft[p-start="down-1"] ask-page[a-name="page-1"] {
    transition: none;
    transform: translate3d(0px, var(--down-height), 10px);
}

asksoft[p-start="page-1"] ask-page[a-name="page-1"] {
    display: block;
    transform: translate3d(0px, 0px, 10px);
}

asksoft[p-stop="up-1"] ask-page[a-name="page-1"] {
    transform: translate3d(0px, var(--up-height), 10px);
}

asksoft[p-stop="down-1"] ask-page[a-name="page-1"] {
    transform: translate3d(0px, var(--down-height), 10px);
}



asksoft[p-start="up-2"] ask-page[a-name="page-2"] {
    transition: none;
    transform: translate3d(0px, var(--up-height), 10px);
}

asksoft[p-start="down-2"] ask-page[a-name="page-2"] {
    transition: none;
    transform: translate3d(0px, var(--down-height), 10px);
}

asksoft[p-start="page-2"] ask-page[a-name="page-2"] {
    display: block;
    transform: translate3d(0px, 0px, 10px);
}

asksoft[p-stop="up-2"] ask-page[a-name="page-2"] {
    transform: translate3d(0px, var(--up-height), 10px);
}

asksoft[p-stop="down-2"] ask-page[a-name="page-2"] {
    transform: translate3d(0px, var(--down-height), 10px);
}




asksoft[p-start="up-3"] ask-page[a-name="page-3"] {
    transition: none;
    transform: translate3d(0px, var(--up-height), 10px);
}

asksoft[p-start="down-3"] ask-page[a-name="page-3"] {
    transition: none;
    transform: translate3d(0px, var(--down-height), 10px);
}

asksoft[p-start="page-3"] ask-page[a-name="page-3"] {
    display: block;
    transform: translate3d(0px, 0px, 10px);
}

asksoft[p-stop="up-3"] ask-page[a-name="page-3"] {
    transform: translate3d(0px, var(--up-height), 10px);
}

asksoft[p-stop="down-3"] ask-page[a-name="page-3"] {
    transform: translate3d(0px, var(--down-height), 10px);
}



asksoft[p-start="up-4"] ask-page[a-name="page-4"] {
    transition: none;
    transform: translate3d(0px, var(--up-height), 10px);
}

asksoft[p-start="down-4"] ask-page[a-name="page-4"] {
    transition: none;
    transform: translate3d(0px, var(--down-height), 10px);
}

asksoft[p-start="page-4"] ask-page[a-name="page-4"] {
    display: block;
    transform: translate3d(0px, 0px, 10px);
}

asksoft[p-stop="up-4"] ask-page[a-name="page-4"] {
    transform: translate3d(0px, var(--up-height), 10px);
}

asksoft[p-stop="down-4"] ask-page[a-name="page-4"] {
    transform: translate3d(0px, var(--down-height), 10px);
}





asksoft[p-start="up-5"] ask-page[a-name="page-5"] {
    transition: none;
    transform: translate3d(0px, var(--up-height), 10px);
}

asksoft[p-start="down-5"] ask-page[a-name="page-5"] {
    transition: none;
    transform: translate3d(0px, var(--down-height), 10px);
}

asksoft[p-start="page-5"] ask-page[a-name="page-5"] {
    display: block;
    transform: translate3d(0px, 0px, 10px);
}

asksoft[p-stop="up-5"] ask-page[a-name="page-5"] {
    transform: translate3d(0px, var(--up-height), 10px);
}

asksoft[p-stop="down-5"] ask-page[a-name="page-5"] {
    transform: translate3d(0px, var(--down-height), 10px);
}
*/

/*balanceage page beg ================================================================================================*/

asksoft[psize="desktop"] [s-start="sec-2"] .sec-2 {
    transition: none;
}

asksoft[psize="desktop"] [s-day="day-7"] .sec-2, asksoft[psize="desktop"] [s-start="visible-2"] .sec-2 {
    display: block;
}



asksoft[psize="desktop"] [s-start="sec-3"] .sec-3 {
    transition: none;
}

asksoft[psize="desktop"] [s-day="day-8"] .sec-3, asksoft[psize="desktop"] [s-start="visible-3"] .sec-3 {
    display: block;
}


asksoft[psize="desktop"] [s-start="sec-4"] .sec-4 {
    transition: none;
}

asksoft[psize="desktop"] [s-day="day-9"] .sec-4, asksoft[psize="desktop"] [s-start="visible-4"] .sec-4 {
    display: block;
}



asksoft[psize="desktop"] [s-start="sec-5"] .sec-5 {
    transition: none;
}

asksoft[psize="desktop"] [s-day="day-10"] .sec-5, asksoft[psize="desktop"] [s-start="visible-5"] .sec-5 {
    display: block;
}


asksoft[psize="desktop"] [s-start="sec-6"] .sec-6 {
    transition: none;
}

asksoft[psize="desktop"] [s-day="day-11"] .sec-6, asksoft[psize="desktop"] [s-start="visible-6"] .sec-6 {
    display: block;
}



asksoft[psize="desktop"] [s-start="sec-7"] .sec-7 {
    transition: none;
}

asksoft[psize="desktop"] [s-day="day-12"] .sec-7, asksoft[psize="desktop"] [s-start="visible-7"] .sec-7 {
    display: block;
}



/*balanceage page end ================================================================================================*/
/*text animation beg =================================================================================================*/
[text="start"] {
    transition: transform .9s;
    transform: translate3d(0px, 0px, 10px);
}

[text="start-2"] {
    transition: transform 1.1s;
    transform: translate3d(0px, 0px, 10px);
}

asksoft[p-start="up-1"] ask-page[a-name="page-1"] [text="start"], asksoft[p-start="up-2"] ask-page[a-name="page-2"] [text="start"], asksoft[p-start="up-3"] ask-page[a-name="page-3"] [text="start"], asksoft[p-start="up-4"] ask-page[a-name="page-4"] [text="start"], asksoft[p-start="up-5"] ask-page[a-name="page-5"] [text="start"] {
    transition: none;
    transform: translate3d(0px, -10em, 10px);
}

asksoft[p-start="down-1"] ask-page[a-name="page-1"] [text="start"], asksoft[p-start="down-2"] ask-page[a-name="page-2"] [text="start"], asksoft[p-start="down-3"] ask-page[a-name="page-3"] [text="start"], asksoft[p-start="down-4"] ask-page[a-name="page-4"] [text="start"], asksoft[p-start="down-5"] ask-page[a-name="page-5"] [text="start"] {
    transition: none;
    transform: translate3d(0px, 10em, 10px);
}

asksoft[p-stop="down-1"] ask-page[a-name="page-1"] [text="start"], asksoft[p-stop="down-2"] ask-page[a-name="page-2"] [text="start"], asksoft[p-stop="down-3"] ask-page[a-name="page-3"] [text="start"], asksoft[p-stop="down-4"] ask-page[a-name="page-4"] [text="start"], asksoft[p-stop="down-5"] ask-page[a-name="page-5"] [text="start"] {
    transform: translate3d(0px, 0px, 10px);
}



asksoft[p-start="up-1"] ask-page[a-name="page-1"] [text="start-2"], asksoft[p-start="up-2"] ask-page[a-name="page-2"] [text="start-2"], asksoft[p-start="up-3"] ask-page[a-name="page-3"] [text="start-2"], asksoft[p-start="up-4"] ask-page[a-name="page-4"] [text="start-2"], asksoft[p-start="up-5"] ask-page[a-name="page-5"] [text="start-2"] {
    transition: none;
    transform: translate3d(0px, -20em, 10px);
}

asksoft[p-start="down-1"] ask-page[a-name="page-1"] [text="start-2"], asksoft[p-start="down-2"] ask-page[a-name="page-2"] [text="start-2"], asksoft[p-start="down-3"] ask-page[a-name="page-3"] [text="start-2"], asksoft[p-start="down-4"] ask-page[a-name="page-4"] [text="start-2"], asksoft[p-start="down-5"] ask-page[a-name="page-5"] [text="start-2"] {
    transition: none;
    transform: translate3d(0px, 20em, 10px);
}

asksoft[p-stop="down-1"] ask-page[a-name="page-1"] [text="start-2"], asksoft[p-stop="down-2"] ask-page[a-name="page-2"] [text="start-2"], asksoft[p-stop="down-3"] ask-page[a-name="page-3"] [text="start-2"], asksoft[p-stop="down-4"] ask-page[a-name="page-4"] [text="start-2"], asksoft[p-stop="down-5"] ask-page[a-name="page-5"] [text="start-2"] {
    transform: translate3d(0px, 0px, 10px);
}

/*text animation end =================================================================================================*/



.page {
    display: block;
    position: absolute;
    left: 0;
    width: 190em;
    height: var(--down-height);
    /*transition: transform .4s;*/ /*top .7s;*/
    overflow: hidden;
    /*border: 1px solid red;*/
}

    .page[a-name="page-1"] {
        color: #4D4D4D;
        background: #E5E5E5;
    }

    .page[a-name="page-2"] {
        background: #4D4D4D;
    }

    .page[a-name="page-3"] {
        background: #F9423A;
        z-index: 4;
    }

    .page[a-name="page-4"] {
        color: #4D4D4D;
        background: #fff;
    }

    .page[a-name="page-5"] {
        background: #fff;
        z-index: 4;
    }


/*page-0 beg ========================================================================================================*/
.page[a-name="page-0"] {
    background: #F9423A;
}


.page[a-name="page-0"] {
    /*top: 0;*/
    left: 0;
    width: 190em;
    background: #F9423A;
    overflow: hidden;
    /*transition: top .7s;*/
    z-index: 11;
}

.page[a-name="page-0"] [a-name="b-1"] {
    left: 53.1em;
    top: 34.9em;
    width: 138.9em;
    height: 36em;
    transition: left .5s, top .5s ease-in, transform .3s ease-out;
    overflow: hidden;
    z-index: 10;
    /*border: 1px solid #fff;*/
    /*background: url(../img/_r.svg);
    background-size: 81em 36em;
    background-repeat: no-repeat;
    background-position: -.9em -2em;
    background: url(../img/_e.svg);
    background-size: 69.7em 33.1em;
    background-repeat: no-repeat;
    background-position: 0 0;*/
}

.page[a-name="page-0"] [a-name="b-110"], .page[a-name="page-0"] [a-name="b-210"] {
    top: 0;
    width: 35.4em;
    height: 10.9em;
    transition: left .9s ease-in, opacity .5s ease-in;
    /*opacity: 0;*/
    z-index: 1;
}

.page[a-name="page-0"] [a-name="b-120"], .page[a-name="page-0"] [a-name="b-220"] {
    top: 10.79em;
    width: 26.962em;
    height: 11.646em;
    transition: left .9s ease-in, opacity .5s ease-in;
    /*opacity: 0;*/
    z-index: 1;
}

.page[a-name="page-0"] [a-name="b-130"], .page[a-name="page-0"] [a-name="b-230"] {
    top: 10.79em;
    width: 34.8em;
    height: 11.2em;
    transition: left .9s ease-in, opacity .5s ease-in;
    /* opacity: 0; */
    z-index: 1;
}

.page[a-name="page-0"] [a-name="b-140"], .page[a-name="page-0"] [a-name="b-240"] {
    top: 21.5em;
    width: 28.6em;
    height: 10.9em;
    transition: left .9s ease-in, opacity .5s ease-in;
    /* opacity: 0; */
    z-index: 1;
}

.page[a-name="page-0"] [a-name="b-150"], .page[a-name="page-0"] [a-name="b-250"] {
    top: 0;
    width: 35.4em;
    height: 10.9em;
    transition: left .5s ease-in, opacity .5s ease-in;
    /*opacity: 0;*/
    z-index: 1;
}

.page[a-name="page-0"] [a-name="b-160"], .page[a-name="page-0"] [a-name="b-260"] {
    top: 10.79em;
    width: 26.962em;
    height: 11.2em;
    transition: left .4s, opacity .5s ease-in;
    /* opacity: 0; */
    z-index: 1;
}

.page[a-name="page-0"] [a-name="b-170"], .page[a-name="page-0"] [a-name="b-270"] {
    top: 10.79em;
    width: 32em;
    height: 11.2em;
    transition: left .7s, opacity .5s ease-in;
    /* opacity: 0; */
    z-index: 1;
}

.page[a-name="page-0"] [a-name="b-180"], .page[a-name="page-0"] [a-name="b-280"] {
    top: 22.3em;
    width: 7.2em;
    height: 10.9em;
    transition: left .8s, opacity .5s ease-in;
    /* opacity: 0; */
    z-index: 1;
}

.page[a-name="page-0"] [a-name="b-190"], .page[a-name="page-0"] [a-name="b-290"] {
    top: 22.3em;
    width: 32em;
    height: 10.9em;
    transition: left 1s, opacity .5s ease-in;
    /* opacity: 0; */
    z-index: 1;
}

.page[a-name="page-0"] [a-name="b-110"] {
    left: 138.9em; /*43.35em;*/
    background-position: 0 0;
}

.page[a-name="page-0"] [a-name="b-120"] {
    left: 138.9em; /*0;*/
    background-position: 0 -11.7em;
}

.page[a-name="page-0"] [a-name="b-130"] {
    left: 165.8em; /*26.9em;*/
    background-position: -26.9em -11.8em;
}

.page[a-name="page-0"] [a-name="b-140"] {
    left: 138.9em; /*32.9em;*/
    background-position: 0 -24em;
}

.page[a-name="page-0"] [a-name="b-150"] {
    left: 138.9em; /*43em;*/
    background-position: 0 -35.5em;
}

.page[a-name="page-0"] [a-name="b-160"] {
    left: 138.9em; /*0;*/
    background-position: 0 -46.8em;
}

.page[a-name="page-0"] [a-name="b-170"] {
    left: 167.5em; /*28.6em;*/
    background-position: -28.6em -46.8em;
}

.page[a-name="page-0"] [a-name="b-180"] {
    left: 138.9em; /*21.76em;*/
    background-position: 0 -58.2em;
}

.page[a-name="page-0"] [a-name="b-190"] {
    left: 167.9em; /*29em;*/
    background-position: -7.2em -58.2em;
}



.page[a-name="page-0"] [a-name="b-210"] {
    left: 43.35em;
    background-position: -61.8em 0;
    opacity: 0;
}

.page[a-name="page-0"] [a-name="b-220"] {
    left: 0;
    background-position: -61.8em -11.7em;
    opacity: 0;
}

.page[a-name="page-0"] [a-name="b-230"] {
    left: 26.9em;
    background-position: -88.7em -11.8em;
    opacity: 0;
}

.page[a-name="page-0"] [a-name="b-240"] {
    left: 32.9em;
    background-position: -61.8em -24em;
    opacity: 0;
}

.page[a-name="page-0"] [a-name="b-250"] {
    left: 43em;
    background-position: -61.8em -35.5em;
    opacity: 0;
}

.page[a-name="page-0"] [a-name="b-260"] {
    left: 0;
    background-position: -61.8em -46.8em;
    opacity: 0;
}

.page[a-name="page-0"] [a-name="b-270"] {
    left: 28.6em;
    background-position: -90.4em -46.8em;
    opacity: 0;
}

.page[a-name="page-0"] [a-name="b-280"] {
    left: 21.76em;
    background-position: -61.8em -58.2em;
    opacity: 0;
}

.page[a-name="page-0"] [a-name="b-290"] {
    left: 29em;
    background-position: -69em -58.2em;
    opacity: 0;
}


    .page[a-name="page-0"] [a-name="b-2"] {
        display: none;
        left: 198em;
        top: -5em;
        width: var(--pic-width);
        height: var(--pic-height);
        background-position: 0 0;
        transition: left 2.2s, transform .4s ease-out;
        overflow: hidden;
    }

.page[a-name="page-0"] [a-name="b-3"] {
    display: none;
    left: 190em;
    top: 22.7em;
    width: 31.1em;
    color: #000;
    transition: left .5s;
    overflow: hidden;
}

.page[a-name="page-0"] [a-name="b-4"] {
    left: 198em;
    top: 28.9em;
    width: 31.1em;
    color: #fff;
    transition: left 1.3s, top .5s, color .5s, transform .3s ease-out;
    overflow: hidden;
}

/*page-0 end ========================================================================================================*/
/*page-1 beg ==================================================================================================*/
.page-1 [a-name="b-1"] {
    left: 33.7em;
    top: 16.2em;
    width: 47em;
    height: 25.5em;
}

    .page-1 [a-name="b-1"] ask-line:nth-child(1) {
        left: 15em;
    }


.page-1 [a-name="b-2"] {
    left: 18.2em;
    top: 52.4em;
    width: 62.2em;
    height: 28.2em;
}


.page-1 [a-name="b-21"] ask-line:nth-child(1), .page-1 [a-name="b-21"] ask-line:nth-child(7) {
    left: 30em;
}

.page-1 [a-name="b-3"] {
    left: 96em;
    top: 16.2em;
    width: 75.8em;
    height: 40em;
    background-position: 0 -109.2em;
    z-index: 5;
}

.page-1 [a-name="b-31"] {
    left: 0;
    top: 0;
    width: 75.8em;
    height: 47em;
    /*background: url(../img/mute-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;*/
    opacity: 1;
    transition: opacity 5s;
}


.page-1 [a-name="b-4"] {
    left: 96.9em;
    top: 59.9em;
    width: 86.4em;
    height: 21.3em;
}



.page-1 [a-name="b-41"] ask-line:nth-child(1) {
    left: 15em;
}

/*page-1 end ==================================================================================================*/
/*page-2 beg ==================================================================================================*/
.page-2 [a-name="b-1"] {
    left: 96em;
    top: 16.6em;
    width: 60.3em;
    height: 21.4em;
    color: #fff;
}

    .page-2 [a-name="b-1"] ask-line:nth-child(1) {
        left: 15em;
    }

.page-2 [a-name="b-2"] {
    left: 96em;
    width: 85.4em;
    height: 12.4em;
    color: #fff;
}

    .page-2 [a-name="b-2"][lng="rus"] {
        top: 43.6em;
    }

    .page-2 [a-name="b-2"][lng="eng"] {
        top: 43.6em;
    }

.page-2 [a-name="b-3"] {
    left: 18.5em;
    top: 16.2em;
    width: 60em;
    height: 39.8em;
    background-position: -75.8em -109.2em;
    z-index: 5;
}

.page-2 [a-name="b-31"] {
    left: 0;
    top: 0;
    width: 62.2em;
    height: 46.9em;
    /*background: url(../img/mute-2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;*/
    opacity: 1;
    transition: opacity 5s;
}

.page-2 [a-name="b-4"] {
    left: 33.6em;
    top: 64em;
    width: 44.7em;
    height: 7em;
    color: #fff;
}

.page-2 [a-name="b-5"] {
    left: 80.4em;
    top: 64em;
    width: 40.1em;
    height: 11.8em;
    color: #fff;
}

.page-2 [a-name="b-6"] {
    left: 142.6em;
    top: 64em;
    width: 41.7em;
    height: 8.1em;
    color: #fff;
}

.page-2 [a-name="b-7"] {
    left: 17.6em;
    top: 74.8em;
    width: 19.1em;
    height: 1.6em;
    color: #fff;
}

.page-2 [a-name="b-8"] {
    left: 56.7em;
    top: 77.4em;
    width: 19.1em;
    height: 1.6em;
    color: #fff;
}

.page-2 [a-name="b-9"] {
    left: 123.6em;
    top: 77.4em;
    width: 19.1em;
    height: 1.6em;
    color: #fff;
}

.page-2 [a-name="b-91"] {
    right: 0;
}

/*body[lng="eng"] .page-2 [a-name="b-7"] {
    left: 19.3em;
    top: 81.3em;
}

body[lng="eng"] .page-2 [a-name="b-8"] {
    left: 65.8em;
    top: 84.4em;
}*/

body[lng="eng"] .page-2 [a-name="b-9"] {
    top: 74em;
}

/*page-2 end ==================================================================================================*/
/*page-3 beg ==================================================================================================*/
.page-3 [a-name="b-1"] {
    left: 18.2em;
    top: 15.1em;
    width: 60.4em;
    height: 43.4em;
    color: #fff;
}

    .page-3 [a-name="b-1"] ask-line:nth-child(1) {
        left: 15em;
    }


.page-3 [a-name="b-2"] {
    left: 34.5em;
    top: 63.1em;
    width: 60.3em;
    height: 16.8em;
    color: #fff;
}

body[lng="eng"] .page-3 [a-name="b-21"] ask-line:nth-child(2) {
    letter-spacing: -0.09em;
}

body[lng="eng"] .page-3 [a-name="b-2"] {
    left: 34.5em;
    top: 71.5em;
}

.page-3 [a-name="b-3"] {
    left: 96.7em;
    top: 15.6em;
    width: 75.8em;
    height: 43.4em;
}

    .page-3 [a-name="b-3"] video {
        left: 0;
        top: 0;
        width: 75.8em;
        height: 43.4em;
    }

.page-3 [a-name="b-4"] {
    left: 128.5em;
    top: 74.8em;
    width: 60.3em;
    height: 3em;
    color: #fff;
}

.page-3 [a-name="b-41"] {
    cursor: pointer;
}

.b-line {
    left: -31.5em;
    top: 1.5em;
    width: 29.1em; /*29.1em*/
    /* height: 0.1em; */
    background: #fff;
    border-bottom: 0.1em solid #fff;
    transition: width .7s;
    z-index: 5;
}

.page-3 [a-name="b-4"]:hover .b-line {
    width: 1.8em;
}

/*page-3 end ==================================================================================================*/

/*page-5 beg ==================================================================================================*/
.page-5 [a-name="b-1"] {
    left: 34.7em;
    top: 25em;
    width: 59.9em;
    height: 18.4em;
    color: #000;
}

.page-5 [a-name="b-1"] .bg-1 {
    background-position: -189.4em -33.6em;
}

.page-5 [a-name="b-1"] .bg-1 span {
    margin-left: 1.3em;
}
/*page-5 end ==================================================================================================*/

/*page end ==========================================================*/
/*sec beg ==================================================================================================*/
.sec-block {
    display: block;
    position: absolute;
    height: 60em;
    /*border: 1px solid black;*/
}

    .sec-block [a-name="b-1"] {
        left: 65em;
    }

.sec-2 ask-block[a-name^=b-], .sec-3 ask-block[a-name^=b-], .sec-4 ask-block[a-name^=b-], .sec-5 ask-block[a-name^=b-], .sec-6 ask-block[a-name^=b-], .sec-7 ask-block[a-name^=b-] {
    height: 60em;
}

.sec-2, .sec-3, .sec-4, .sec-5, .sec-6, .sec-7 {
    display: none;
    position: absolute;
    /*top: 93.5em;*/
    width: 190em;
    height: 93.5em;
    transition: transform .7s ease-in-out;
    background: #fff;
}

/*.sec-2 {
    transform: translate3d(0px, 0em, 0px);
}

.sec-3, .sec-4, .sec-5, .sec-6, .sec-7 {
    transform: translate3d(0px, 93.5em, 0px);
}*/

    .sec-2 .sb-2, .sec-3 .sb-3, .sec-4 .sb-4, .sec-5 .sb-5, .sec-6 .sb-6, .sec-7 .sb-7 {
        transition: transform .5s ease-out;
    }


.sb-2, .sb-3, .sb-4, .sb-5, .sb-6, .sb-7 {
    top: 26.5em;
    width: 190em;
    background: #fff;
}

[tp="sec-line"] {
    left: 6.25em;
    position: relative;
}

.sec-block [anim^=p-] {
    transition: transform .9s, opacity 1.2s;
}

.sec-block [anim="p-down"] {
    transform: scale(.95, .6);
    opacity: 0;
}

.sec-block [anim="p-up"] {
    transform: none;
    opacity: 1;
}


/*sec-2 beg ==================================================================================================*/

/*sec-2 end ==================================================================================================*/

/*sec end ==================================================================================================*/

/*animation ================================================================================================*/
/*animation beg ============================================================================================*/
@keyframes pos-up {
    0% {
        top: var(--up-height);
        z-index: 1;
    }
    100% {
        top: 0em;
    }
}

@keyframes pos-down {
    0% {
        top: var(--down-height);
        z-index: 1;
    }
    100% {
        top: 0em;
    }
}

@keyframes old-up {
    0% {
        top: 0em;
        z-index: 1;
    }
    100% {
        top: var(--up-height);
    }
}

@keyframes old-down {
    0% {
        top: 0em;
        z-index: 1;
    }
    100% {
        top: var(--down-height);
    }
}

@keyframes page-up {
    100% {
        top: var(--up-height);
    }
}

@keyframes page-down {
    100% {
        top: var(--down-height);
    }
}

/*animation end ============================================================================================*/

@keyframes top-center {
    100% {
        top: 0;
    }
}

@keyframes opacity-down {
    100% {
        opacity: 0;
    }
}

@keyframes opacity-up {
    100% {
        opacity: 1;
    }
}

@keyframes moveRight {
    0% {
        transform: translateX(5px);
    }

    50% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(5px);
    }
}

@keyframes moveLeft {
    0% {
        transform: translateX(-5px);
    }

    50% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-5px);
    }
}

@-webkit-keyframes moveRight {
    0% {
        transform: translateX(5px);
    }

    50% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(5px);
    }
}

@-webkit-keyframes moveLeft {
    0% {
        transform: translateX(-5px);
    }

    50% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-5px);
    }
}