*
{
    box-sizing: border-box;
    margin: 0;
    padding: 0;

    scrollbar-color: rgba(255, 255, 255, .5) transparent;     /* «цвет ползунка» «цвет полосы скроллбара» */
}

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

img
{
    border: none;
}

textarea
{
    overflow: auto;
}

input,
textarea,
input:active,
textarea:active
{
    -webkit-border-radius: 0;
            border-radius: 0;
         outline: none transparent !important;
    box-shadow: none;

    -webkit-appearance: none;
            appearance: none;
    -moz-outline: none !important;
}

input[type=submit],
button[type=submit],
input[type=reset],
button[type=reset]
{
    -webkit-border-radius: 0;
            border-radius: 0;

    -webkit-appearance: none;
            appearance: none;
}

:focus
{
    outline: none;
}

:hover,
:active
{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
}


::-ms-clear
{
    display: none;
}



/*---------------
    Main styles
---------------*/
:root
{
    --font_family: 'Montserrat';
    --font_family2: 'Jura';

    --color: #fff;
    --color2: #9A1117;
    --color3: #050505;
    --color4: #050505;

    --bg1: #050505;
}


.clear
{
    clear: both;
}


.left
{
    float: left;
}


.right
{
    float: right;
}


html
{
    height: 100%;

    background: var(--bg1);

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
}

::-webkit-scrollbar
{
    width: 8px;
    height: 0;

    background: transparent;
}

::-webkit-scrollbar-thumb
{
    background: rgba(255, 255, 255, .5);
}

::-webkit-scrollbar-track
{
    background: transparent;
}


body
{
    color: var(--color);
    font: 18px/1.23 var(--font_family);

    height: 100%;

    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    text-decoration-skip: objects;
    text-rendering: optimizeLegibility;
    -webkit-touch-callout: none;
}

body.lock
{
    overflow: hidden;
}

.wrap
{
    position: relative;

    display: flex;
    overflow: hidden;
    flex-direction: column;

    min-height: 100%;
}

.cont
{
    position: relative;

    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 80px;
}

.faq-titles>*:not(:last-child) {
    margin-bottom: 15px;
}

.faq-sublink {
    position: relative;
    font-size: 20px;
    line-height: 24px;
    color: #050505;
    cursor: pointer;
    transition: .4s padding-left;
}

.faq-titles {
    flex-shrink: 0;
}

.faq-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #000;
    width: 444px;
    padding-bottom: 30px;
    border-bottom: 1px solid #000000;
    margin-bottom: 25px;
}

.faq-sublink:before {
    position: absolute;
    top: 10px;
    left: 0;

    width: 0;
    height: 8px;

    content: '';
    transition: .4s linear width;

    background: url(../images/arrow4.svg) 100% 50% no-repeat;
}

.faq-sublink.active {
    color: #000;
    padding-left: 75px;
}

.faq-sublink.active:before {
    width: 51px;
}


.lozad
{
    transition: .3s linear;

    opacity: 0;
}

.lozad.loaded
{
    opacity: 1;
}


.flex
{
    display: flex;

    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}


::-webkit-input-placeholder
{
    color: var(--color);
}

:-moz-placeholder
{
    color: var(--color);
}

:-ms-input-placeholder
{
    color: var(--color);
}


.page-form
{
    max-width: 640px;
}

.page-form__title
{
    margin-bottom: -6px;
}

.form-line
{
    margin-top: 56px;
}

.form-field
{
    position: relative;

    max-width: 407px;
}

.form-field__number
{
    font-size: 14px;
    line-height: 22px;

    position: absolute;
    top: 0;
    left: 0;

    pointer-events: none;
}

.form-input
{
    color: var(--color);
    font: 18px/22px var(--font_family);

    display: block;

    width: 100%;
    height: 47px;
    padding: 0 20px 24px 40px;

    border: none;
    border-bottom: 1px solid var(--color);
    background: none;
}

.form-error
{
    color: red;

    border-color: red;
}

.form-input:disabled
{
    cursor: default;
    pointer-events: none;

    opacity: .6;
}

.error-text
{
    color: red;
    font-size: 12px;
    line-height: normal;

    margin-top: 4px;
}

.form-agree
{
    color: #fff;
    font-size: 12px;
    line-height: normal;

    margin-top: 24px;
}

.form-submit
{
    margin-top: 50px;
}

.form-submit__btn
{
    color: var(--color);
    font: 14px var(--font_family);

    display: block;

    width: 172px;
    height: 172px;
    margin-left: auto;

    cursor: pointer;
    transition: .3s linear;

    border: 1px solid var(--color);
    border-radius: 50%;
    background: transparent;
}

.form-submit .form-submit__btn
{
    border-radius: 50%;
}

.form-submit__btn:hover
{
    color: var(--color2);

    background: var(--color);
}


.supports_error
{
    font-family: 'Montserrat', 'Arial', sans-serif;
    font-size: 20px;
    line-height: 30px;

    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;
    padding: 20px;

    text-align: center;

    background: #fff;

    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.supports_error.show
{
    display: flex;
}


.tabs_marg
{
    margin-top: 40px;
}

.tab-btn_bord
{
    color: var(--color);
    font: 24px/29px var(--font_family);

    position: relative;

    display: block;

    width: 100%;
    padding: 0 30px 24px 28px;

    cursor: pointer;
    transition: .4s linear;
    text-align: left;

    border: none;
    border-bottom: 1px solid var(--color);
    background: none;
}

.tab-btn_bord:hover,
.tab-btn_bord.active
{
    font-weight: 600;

    padding-left: 95px;
}

.tab-btn_bord:before
{
    position: absolute;
    top: 10px;
    left: 33px;

    width: 0;
    height: 8px;

    content: '';
    transition: .4s linear;

    background: url(../images/arrow3.svg) 50% 100% no-repeat;
}

.tab-btn_dark.tab-btn_bord:before{
    background-image: url(../images/arrow3_dark.svg);
}

.tab-btn_bord:hover:before,
.tab-btn_bord.active:before
{
    width: 51px;
}

.tab-btn_bord .number
{
    font-size: 14px;
    font-weight: 400;

    position: absolute;
    top: 0;
    left: 0;
}

.tab-btn_bord + .tab-btn_bord
{
    margin-top: 50px;
}


.tabs-item + .tabs-item
{
    margin-top: 30px;
}

.tab-btn_text
{
    color: var(--color);
    font: 600 18px/22px var(--font_family);

    position: relative;

    display: inline-block;

    cursor: pointer;
    transition: .4s linear;
    text-align: left;
    vertical-align: top;

    opacity: .5;
    border: none;
    background: none;
}

.tab-btn_dark
{
    color: var(--color3);
}

.tab-btn_text:hover,
.tab-btn_text.active
{
    opacity: 1;
}

.tab-content,
.tab-content-info,
.tab-content-tabs
{
    position: relative;

    visibility: hidden;
    overflow: hidden;

    height: 0;

    opacity: 0;
}

.tab-content.active,
.tab-content-info.active,
.tab-content-tabs.active
{
    visibility: visible;
    overflow: visible;

    height: auto;

    transition: opacity .5s linear;

    opacity: 1;
}


.main__title
{
    color: var(--color);
    font-family: var(--font_family2);
    font-size: 72px;
    font-weight: 400;
    line-height: 1.19;
}

.main__title_dark
{
    color: var(--color3);
}

.main__title_center
{
    text-align: center;
}


.main__subTitle
{
    color: var(--color);
    font-family: var(--font_family2);
    font-size: 24;
    font-weight: 600;
    line-height: 1.19;

    margin-top: 32px;
}

.main__subTitle_dark
{
    color: var(--color3);
}

.main__subTitle_center
{
    text-align: center;
}

.main__subTitle + .main__desc
{
    margin-top: 15px;
}


.main__desc
{
    margin-top: 32px;
}

.main__desc_dark
{
    color: var(--color3);
}

.main__desc_center
{
    text-align: center;
}


.begining
{
    margin-top: 85px;

    text-align: center;
}

.begining__btn
{
    color: var(--color);
    font: 14px var(--font_family2);

    display: inline-block;

    cursor: pointer;
    transition: .2s linear;
    vertical-align: top;

    border: none;
    border-bottom: 1px solid transparent;
    background: none;
}

.begining__btn:hover
{
    border-bottom-color: var(--color);
}


.creator
{
    color: var(--color);
    font-size: 12px;
    line-height: 16px;

    position: absolute;
    z-index: 10;
    bottom: 20px;
    left: 80px;
}

.creator a
{
    color: var(--color);
    font-weight: 600;

    transition: .2s linear;
    text-decoration: none;

    border: 1px solid transparent;
}

.creator a:hover
{
    border-bottom-color: var(--color);
}

/*---------------
   Header
---------------*/
header
{
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;

    width: 100%;
    padding-top: 20px;

    transition: .4s linear;
}

header.hide
{
    visibility: hidden;

    pointer-events: none;

    opacity: 0;
}

header .cont
{
    align-items: center;
    align-content: center;
}

header .logo
{
    color: var(--color);
    font: 600 18px/20px var(--font_family2);

    display: block;

    cursor: pointer;

    border: none;
    background: none;
}

header.dark .logo
{
    color: var(--color3);
}

header .inst
{
    display: block;

    width: 20px;
    margin-left: 20px;
}

header .inst svg
{
    display: block;

    width: 100%;

    fill: var(--color);
}

header.dark .inst svg
{
    fill: var(--color3);
}

header .telegram {
    display: block;

    width: 22px;
    margin-left: 20px;
}

header .telegram svg {
    display: block;

    width: 100%;

    fill: var(--color);
}

header.dark .telegram svg {
    fill: var(--color3);
}

header .wrap_block
{
    position: fixed;
    z-index: 100;
    top: 0;
    right: -450px;

    visibility: hidden;
    overflow: hidden;
    overflow-y: auto;

    width: 450px;
    height: 100%;
    padding: 70px 30px 30px 133px;

    transition: .4s linear;
    pointer-events: none;

    opacity: 0;
    background: rgba(0, 0, 0, .7);

    align-items: stretch;
    align-content: stretch;
}

header .wrap_block.show
{
    right: 0;

    visibility: visible;

    pointer-events: all;

    opacity: 1;
}

header .menu
{
    margin: auto 0;
}

header .menu__item + .menu__item
{
    margin-top: 45px;
}

header .menu__link
{
    color: var(--color);
    font: 700 20px var(--font_family2);

    position: relative;

    display: inline-block;

    cursor: pointer;
    transition: .2s linear;
    text-align: left;
    vertical-align: top;

    border: none;
    background: none;
}

header .menu__link:after
{
    position: absolute;
    bottom: -3px;
    left: 0;

    width: 0;
    height: 1px;

    content: '';
    transition: .2s linear;
    pointer-events: none;

    background: var(--color);
}

header .menu__link:hover:after,
header .menu__link.active:after
{
    width: 100%;
}

.mob_menu_link
{
    position: relative;
    z-index: 101;

    display: block;

    width: 35px;
    height: 36px;
    margin-left: auto;
    padding: 10px 0;

    cursor: pointer;
    transition: .2s linear;

    border: none;
    background: none;
}

.mob_menu_link span
{
    position: relative;

    display: block;

    width: 100%;
    height: 1px;

    transition: .2s linear;

    background: var(--color);
}

header.dark .mob_menu_link span
{
    background: var(--color3);
}

.mob_menu_link span + span
{
    margin-top: 7px;
}

header.dark .mob_menu_link.active span
{
    background: var(--color);
}

.mob_menu_link.active span:nth-child(2)
{
    opacity: 0;
}

.mob_menu_link.active span:nth-child(1)
{
    top: 8px;

    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

.mob_menu_link.active span:nth-child(3)
{
    top: -8px;

    width: 100%;

    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}


.progress
{
    position: fixed;
    z-index: 90;
    right: 100px;
    bottom: 58px;

    width: 136px;

    transition: .4s linear;
    text-align: center;
}

.progress.hide
{
    visibility: hidden;

    pointer-events: none;

    opacity: 0;
}

.progress__name
{
    color: var(--color);
    font-family: var(--font_family2);
    font-size: 14px;
    line-height: 18px;

    position: relative;

    height: 18px;

    transition: .4s linear;
}

.progress.dark .progress__name
{
    color: var(--color3);
}

.progress__name span
{
    position: absolute;
    top: 0;
    left: 50%;

    display: block;

    transition: opacity .4s linear;
    transform: translateX(-50%);
    white-space: nowrap;

    opacity: 0;
}

.progress__name span.show
{
    transition-delay: .4s;

    opacity: 1;
}

.progress__bar
{
    position: relative;

    width: 127px;
    height: 17px;
    margin: 10px auto 0;
}

.progress__bar svg
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 100%;
    height: 8px;
    margin-top: -4px;

    transition: .4s linear;

    fill: var(--color);
}

.progress.dark .progress__bar svg
{
    fill: var(--color3);
}

.progress__bar span
{
    position: absolute;
    left: 0;

    display: block;

    width: 17px;
    height: 17px;

    transition: .4s linear;

    border: 1px solid var(--color);
    border-radius: 50%;
}

.progress.dark .progress__bar span
{
    border-color: var(--color3);
}
/*---------------
   Main section
---------------*/

/*---------------
    Slider controls
---------------*/
.slider-button-prev,
.slider-button-next
{
    position: absolute;
    z-index: 10;
    top: -136px;

    display: flex;

    width: 56px;
    height: 56px;

    cursor: pointer;
    transition: .2s linear;

    opacity: 0;
    border: 1px solid #f0f2f2;

    justify-content: center;
    align-items: center;
    align-content: center;
}

.slider-button-prev.anim,
.slider-button-next.anim
{
    transition-duration: .7s;

    opacity: 1;
}

.slider-button-prev.swiper-button-disabled,
.slider-button-next.swiper-button-disabled
{
    pointer-events: none;

    opacity: .5;
}

.slider-button-prev
{
    right: 55px;
}

.slider-button-next
{
    right: 0;

    transform: rotate(180deg);
}

.slider-button-prev svg,
.slider-button-next svg
{
    color: #f0f2f2;

    position: relative;

    display: block;

    max-width: 100%;
    max-height: 100%;

    transition: .2s linear;
}

.slider-button-prev:hover,
.slider-button-next:hover
{
    border-color: #fff;
    background: #ef4060;
}

.slider-button-prev:hover svg,
.slider-button-next:hover svg
{
    color: #fff;
}

.swiper-button-lock
{
    display: none;
}

.slider-pagination
{
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;

    display: flex;

    width: 100%;

    transition: 300ms opacity;
    transform: none;
    text-align: center;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets
{
    bottom: 0;
}

.slider-pagination.swiper-pagination-lock
{
    display: none;
}

.slider-pagination .slider-dot
{
    display: block;

    width: 12px;
    height: 12px;
    margin: 0;
    margin: 0 6px;
    padding: 0;

    transition: .2s linear;

    border: 1px solid #c3879b;
    border-radius: 50%;
    background: transparent;
    box-shadow: none;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.slider-pagination.slider-pagination-clickable .slider-dot
{
    cursor: pointer;
}

.slider-pagination .slider-dot_active
{
    background: #c3879b;
}


.page-content
{
    position: fixed;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;
}

.section-content
{
    position: relative;

    display: flex;
    overflow: hidden;

    padding: 80px 0 211px;

    flex: 1 0 100%;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
}

.section-content__bg
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: 50% 0;
}

.section-content__sector
{
    margin-top: auto;
}

.section-content > .cont
{
    margin-top: auto;
}

.first-section
{
    padding-bottom: 116px;
}

.first-section .section-content__block
{
    max-width: 614px;
}

.first-section .main__desc
{
    line-height: 1.4;

    margin-top: 43px;
}

.signup
{
    margin-top: 58px;
}

.signup__link
{
    color: var(--color);
    font: 14px var(--font_family);

    display: block;

    width: 172px;
    height: 172px;
    margin: 0 auto;

    cursor: pointer;
    transition: .3s linear;

    border: 1px solid var(--color);
    border-radius: 50%;
    background: transparent;
}

.signup__link_dark
{
    color: var(--color3);

    border-color: var(--color3);
}

.signup__link:hover
{
    color: var(--color2);

    background: var(--color);
}

.signup__link_dark:hover
{
    color: var(--color);

    background: var(--color3);
}

.first-section .signup__link
{
    margin-right: 0;
}


.will-help
{
    position: relative;

    padding: 70px 0;
}

.will-help:after
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    transition: .4s linear;

    opacity: 0;
    background: rgba(0, 0, 0, .65);
}

.will-help.active:after
{
    opacity: 1;
}

.will-help .cont
{
    z-index: 1;
}

.will-help.active .cont
{
    height: 100%;
}

.info-help
{
    width: 100%;

    align-items: stretch;
    align-content: stretch;
}

.will-help.active .info-help
{
    height: 100%;
}

.info-help__colL
{
    width: 450px;
    margin: auto 0;
}

.will-help .main__title
{
    margin-bottom: 66px;
}

.will-help.active .main__title
{
    display: none;
}

.help-circle
{
    position: relative;

    display: flex;

    width: 300px;
    height: 300px;

    border: 1px solid #fff;
    border-radius: 50%;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.section-back
{
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;

    visibility: hidden;

    width: 100%;
    padding: 10px 0;

    transition: 0s 0s linear;
    pointer-events: none;

    opacity: 0;
    background: rgba(0, 0, 0, .5);
}

.active > .section-back
{
    visibility: visible;

    transition: opacity .4s .4s linear, transform .4s .4s linear;
    pointer-events: all;

    opacity: 1;
}

.section-back__btn
{
    color: var(--color);
    font: 600 18px/36px var(--font_family);

    position: relative;

    display: inline-block;

    padding-left: 56px;

    cursor: pointer;
    transition: .4s linear;
    vertical-align: top;

    border: none;
    background: none;
}

.section-back__btn_dark
{
    color: var(--color3);
}

.section-back__btn svg
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 41px;
    height: 8px;
    margin-top: -4px;

    transition: .4s linear;
    transform: rotate(180deg);
    pointer-events: none;

    fill: var(--color);
}

.section-back__btn:hover svg
{
    margin-left: -10px;
}

.section-back__btn_dark svg
{
    fill: var(--color3);
}

.help-circle__name
{
    color: var(--font_family2);
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
}

.help-circle__btn
{
    font-size: 0;

    position: absolute;

    display: block;

    width: 65px;
    height: 65px;

    cursor: pointer;
    transition: .4s linear;

    border: 1px solid #fff;
    border-radius: 50%;
    background: transparent;
}

.help-circle__btn.active
{
    visibility: hidden;

    pointer-events: none;

    opacity: 0;
}

.help-circle__btn1
{
    top: -32px;
    left: 50%;

    margin-left: -32.5px;
}

.help-circle__btn2
{
    top: 13px;
    right: 10px;
}

.help-circle__btn3
{
    top: 50%;
    right: -32px;

    margin-top: -32.5px;
}

.help-circle__btn4
{
    right: 10px;
    bottom: 13px;
}

.help-circle__btn5
{
    bottom: -32px;
    left: 50%;

    margin-left: -32.5px;
}

@-webkit-keyframes arr {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes arr {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.help-circle__btn:before
{
    position: absolute;
    top: 50%;
    left: 42px;

    width: 41px;
    height: 8px;
    margin-top: -4px;

    content: '';
    transition: .4s linear;
    transform: translateX(-10%);

    opacity: 0;
    background: url(../images/arrow1.svg) 50% no-repeat;

    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-name: arr;
    animation-name: arr;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.help-circle__btn::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0%;
    height: 0%;
    border-radius: 50%;
    background-color: #fff;
    -webkit-animation-name: circle;
    animation-name: circle;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 3.5s;
    animation-duration: 3.5s;
}

@-webkit-keyframes circle {
    0% {
        width: 0%;
        height: 0%;
    }

    100% {
        width: 100%;
        height: 100%;
    }
}

@keyframes circle {
    0% {
        width: 0%;
        height: 0%;
    }

    100% {
        width: 100%;
        height: 100%;
    }
}

.help-circle__btn2:after {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.help-circle__btn3:after {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.help-circle__btn4:after {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.help-circle__btn5:after {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.help-circle__btn1:before
{
    top: 10px;
    left: 40px;

    margin-top: 0;
}

.help-circle__btn5:before
{
    top: auto;
    bottom: 10px;
    left: 40px;

    margin-top: 0;
}

/* .help-circle__btn:hover:before
{
    transform: translateX(0);

    opacity: 1;
} */

.info-help__colR
{
    overflow-y: auto;

    width: calc(100% - 480px);
    max-width: 720px;
    min-height: 300px;
    max-height: 100%;
    margin: auto 0 auto 195px;
}

.info-items
{
    overflow: hidden;

    max-width: 690px;
}

.info-items__wrap
{
    overflow: hidden;

    margin-bottom: -58px;
}

.info-item
{
    position: relative;

    display: none;

    min-height: 110px;
    margin-bottom: 58px;
    padding-left: 130px;

    transition: margin .4s linear;
}

.info-item.active
{
    display: block;
}

.info-item__number
{
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;

    position: absolute;
    top: 0;
    left: 0;

    display: flex;

    width: 110px;
    height: 110px;

    border: 1px solid #ffff;
    border-radius: 50%;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.info-item__name
{
    font-size: 24px;
}

.info-item__desc
{
    margin-top: 14px;
}


.main-btns
{
    margin-top: 50px;
}

.main-btns__item
{
    margin-top: 0;
}

.main-btns__item + .main-btns__item
{
    margin-top: 30px;
}

.main-btns__item .main-btn
{
    margin-top: 0;
}

.main-btn
{
    color: var(--color);
    font: 600 18px/22px var(--font_family);

    position: relative;

    display: inline-block;

    margin-top: 80px;
    padding-right: 116px;

    cursor: pointer;
    vertical-align: top;
    text-decoration: none;

    border: none;
    background: none;
}

.main-btn svg
{
    position: absolute;
    top: 50%;
    right: 0;

    display: block;

    width: 101px;
    height: 8px;
    margin-top: -4px;

    transition: .4s linear;
    pointer-events: none;

    fill: var(--color);
}

.main-btn:hover svg
{
    right: -10px;
}


.about__block
{
    max-width: 580px;
}

.about__block .main__desc
{
    max-width: 518px;
}

.about-info
{
    position: absolute;
    top: 0;
    left: 0;

    visibility: hidden;

    width: 100%;
    height: 100%;

    transition: .2s linear;
    pointer-events: none;

    opacity: 0;
}

.about.active .about-info
{
    visibility: visible;

    pointer-events: all;

    opacity: 1;
}

.about-info__bg
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}

.scroll
{
    position: relative;

    display: flex;
    overflow-y: auto;
    flex-direction: column;

    height: 100%;
    padding: 70px 0;
}

.scroll.dark
{
    scrollbar-color: rgba(0, 0, 0, .5) transparent;
}

.scroll.dark::-webkit-scrollbar
{
    width: 8px;
    height: 0;

    background: transparent;
}

.scroll.dark::-webkit-scrollbar-thumb
{
    background: rgba(0, 0, 0, .5);
}

.scroll.dark::-webkit-scrollbar-track
{
    background: transparent;
}

.scroll__sector
{
    width: 100%;
}

.about-info .cont
{
    flex: 1 0 100%;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.about-info__colL
{
    width: 33%;

    transition: opacity .4s .4s linear, transform .4s .4s linear;
    transform: translateX(-50px);

    opacity: 0;
}

.about.active .about-info__colL
{
    transform: translateX(0);

    opacity: 1;
}

.about-info__title
{
    color: var(--color4);
    font-size: 36px;
    font-weight: 600;
    line-height: 1.15;
}

.about-info__name
{
    color: var(--color4);

    margin-top: 30px;
}

.about-info__name span
{
    display: inline-block;

    padding-bottom: 14px;

    vertical-align: top;

    border-bottom: 1px solid;
}

.about-open__video
{
    display: none;
}



.video-block
{
    position: relative;

    overflow: hidden;
}

.video-play
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    cursor: pointer;
    transition: .4s linear;

    border: none;
    background: none;
}

.video-play.hide
{
    visibility: hidden;

    pointer-events: none;

    opacity: 0;
}

.video-play img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: 50% 0;
}

.video-play span
{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;

    display: block;

    width: 116px;
    height: 116px;
    margin: -58px 0 0 -58px;

    transition: background-color .4s linear;

    border-radius: 50%;
    background: rgba(0, 0, 0, .5) url(../images/ic_play.svg) 50% no-repeat;
}

.video-play:hover span
{
    background-color: rgba(0, 0, 0, .8);
}

.video-block iframe
{
    position: absolute;
    z-index: 1;
    top: -1px;
    left: -1px;

    display: block;

    width: calc(100% + 2px);
    height: calc(100% + 2px);
}

.about-video
{
    width: calc(67% - 200px);
    max-width: 935px;
    height: calc(100vh - 200px);
    min-height: 250px;
    max-height: 700px;
    margin-right: 170px;

    transition: opacity .4s .4s linear, transform .4s .4s linear;
    transform: translateX(50px);

    opacity: 0;
}

.about.active .about-video
{
    transform: translateX(0);

    opacity: 1;
}


.reviews
{
    position: relative;
}

.reviews:after
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    transition: .4s linear;

    opacity: .2;
    background: var(--color3);
}

.reviews .cont
{
    z-index: 1;
}

.reviews__block
{
    max-width: 786px;
}

.reviews-video
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    visibility: hidden;

    width: 100%;
    height: 100%;

    transition: .2s 0s linear;
    pointer-events: none;

    opacity: 0;
}

.reviews.active-video .reviews-video
{
    visibility: visible;

    transition-delay: .2s;
    pointer-events: all;

    opacity: 1;
}

.reviews-video__bg
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: 1;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}

.reviews-video__bg:after
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    opacity: .7;
    background: var(--color3);
}

.reviews-video .cont
{
    flex: 1 0 100%;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.reviews-video__cols
{
    width: 100%;
    padding-right: 214px;

    align-content: center;
    align-items: center;
    justify-content: space-between;
}

.reviews-video__colL
{
    width: 39%;
    max-width: 580px;

    transition: opacity .4s .4s linear, transform .4s .4s linear;
    transform: translateX(-50px);

    opacity: 0;
}

.reviews.active-video .reviews-video__colL
{
    transform: translateX(0);

    opacity: 1;
}

.reviews-video__colR
{
    width: calc(61% - 30px);
    max-width: 800px;

    transition: opacity .4s .4s linear, transform .4s .4s linear;
    transform: translateX(50px);

    opacity: 0;
}

.reviews.active-video .reviews-video__colR
{
    transform: translateX(0);

    opacity: 1;
}

.reviews-video .tabs
{
    overflow-y: auto;

    max-height: 126px;
    margin-top: 30px;
    padding-right: 30px;
}

.reviews .tab-btn_text
{
    font-weight: 400;
}

.review-video__name
{
    color: var(--color);
    font-size: 36px;
    font-weight: 600;
    line-height: 1.19;
}

.review-video__desc
{
    margin-top: 30px;
}

.review-video__desc span
{
    display: inline-block;

    padding-bottom: 14px;

    vertical-align: top;

    border-bottom: 1px solid #fff;
}

.reviews .video-block
{
    width: 100%;
    max-width: none;
    height: calc(100vh - 200px);
    min-height: 250px;
    max-height: 596px;
    margin-right: 0;
}


.reviews-text
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    visibility: hidden;

    width: 100%;
    height: 100%;

    transition: .2s 0s linear;
    pointer-events: none;

    opacity: 0;
}

.reviews.active-text .reviews-text
{
    visibility: visible;

    transition-delay: .2s;
    pointer-events: all;

    opacity: 1;
}

.reviews-text__bg
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: 1;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}

.reviews-text__bg:after
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    opacity: .7;
    background: var(--color3);
}

.reviews-text .cont
{
    flex: 1 0 100%;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.reviews-text__cols
{
    width: 100%;
    padding-right: 214px;

    align-content: center;
    align-items: center;
    justify-content: space-between;
}

.reviews-text__colL
{
    width: 39%;
    max-width: 410px;

    transition: opacity .4s .4s linear, transform .4s .4s linear;
    transform: translateX(-50px);

    opacity: 0;
}

.reviews.active-text .reviews-text__colL
{
    transform: translateX(0);

    opacity: 1;
}

.reviews-text__colL > :first-child
{
    margin-top: 0 !important;
}

.reviews-text__colR
{
    width: calc(61% - 30px);
    max-width: 700px;

    transition: opacity .4s .4s linear, transform .4s .4s linear;
    transform: translateX(50px);

    opacity: 0;
}

.reviews.active-text .reviews-text__colR
{
    transform: translateX(0);

    opacity: 1;
}


.information
{
    position: relative;
}

.information:after
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    transition: .4s linear;

    opacity: 0;
    background: rgba(0, 0, 0, .7);
}

.information.active:after
{
    opacity: 1;
}

.information .cont
{
    z-index: 1;
}

.information__block
{
    max-width: 544px;

    transition: .2s .2s linear;
}

.information.active .information__block
{
    transition-delay: 0s;

    opacity: 0;
}

.information-info
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    visibility: hidden;

    width: 100%;
    height: 100%;

    transition: .2s 0s linear;
    pointer-events: none;

    opacity: 0;
}

.information.active .information-info
{
    visibility: visible;

    transition-delay: .2s;
    pointer-events: all;

    opacity: 1;
}

.information-info__bg
{
    position: absolute;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}

.information-info .cont
{
    flex: 1 0 100%;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.information-info .main__title
{
    width: 100%;
    margin-bottom: 71px;

    transition: opacity .4s .4s linear, transform .4s .4s linear;
    transform: translateY(-50px);

    opacity: 0;
}

.information.active .information-info .main__title
{
    transform: translateX(0);

    opacity: 1;
}

.information-info__cols
{
    width: 100%;

    transition: opacity .4s .4s linear, transform .4s .4s linear;
    transform: translateY(-50px);

    opacity: 0;

    justify-content: space-between;
}

.information.active .information-info__cols
{
    transform: translateX(0);

    opacity: 1;
}

.information-info__colL
{
    width: 32.39%;
}

.information-info__colL .tabs
{
    display: inline-block;

    vertical-align: top;
}

.information-info__colR
{
    width: calc(67.61% - 30px);
}

.information-info__colR .text-block
{
    max-width: 688px;
}

.text-block_dark
{
    color: var(--color3);
}

.text-block > :last-child
{
    margin-bottom: 0 !important;
}

.text-block h2
{
    color: inherit;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.15;

    margin-bottom: 50px;
}

.text-block h3
{
    color: inherit;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.15;

    margin-bottom: 46px;
}

.text-block p
{
    margin-bottom: 22px;
}

.text-block b
{
    font-weight: 600;
}

.text-block img
{
    display: block;

    width: 100%;
    margin-bottom: 22px;
}

.text-block picture
{
    position: relative;

    display: block;

    margin-bottom: 50px;
    padding-bottom: 57.14%;
}

.text-block picture img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;
    margin: 0;

    object-fit: cover;
    object-position: 50% 0;
}

figure
{
    display: block;

    margin-bottom: 22px;

    text-align: right;
}

figure img
{
    display: block;

    width: 100%;
    margin-bottom: 12px;
}

figure figcaption
{
    display: block;
}


.tariffs-inform
{
    position: absolute;
    top: 0;
    left: 0;

    visibility: hidden;

    width: 100%;
    height: 100%;

    transition: .2s 0s linear;
    pointer-events: none;

    opacity: 0;
}

.tariffs.active .tariffs-inform
{
    visibility: visible;

    transition-delay: .2s;
    pointer-events: all;

    opacity: 1;
}

.tariffs.active .page-links
{
    transform: translateX(0);

    opacity: 1;
}

.tariffs__block
{
    max-width: 544px;
}

.tariffs-inform__bg
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}

.tariff-info__bg
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}

.tariffs-inform .scroll
{
    padding: 70px 0;
}

.tariffs-inform .cont
{
    flex: 1 0 100%;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.page-links
{
    display: inline-block;

    min-width: 408px;
    margin-top: 71px;

    vertical-align: top;
}

.page-links__item + .page-links__item
{
    margin-top: 50px;
}

.page-link
{
    color: var(--color3);
    font: 24px/29px var(--font_family);

    position: relative;

    display: block;

    width: 100%;
    padding: 0 30px 24px 28px;

    cursor: pointer;
    transition: .4s linear;
    text-align: left;

    border: none;
    border-bottom: 1px solid var(--color3);
    background: none;
}

.page-link:hover {
    font-weight: 600;

    padding-left: 95px;
}

.page-link:before {
    position: absolute;
    top: 10px;
    left: 33px;

    width: 0;
    height: 8px;

    content: '';
    transition: .4s linear;

    background: url(../images/arrow4.svg) 100% 50% no-repeat;
}

.page-link:hover:before {
    width: 51px;
}

.page-link .number
{
    font-size: 14px;
    font-weight: 400;

    position: absolute;
    top: 0;
    left: 0;
}


.tariff-info__colL
{
    width: 30%;
    padding: 46px 0;

    transition: opacity .4s .4s linear, transform .4s .4s linear;
    transform: translateX(-50px);

    opacity: 0;
}

.tariffs.active .tariff-info__colL
{
    transform: translateX(0);

    opacity: 1;
}

.tariff-info__colR
{
    width: calc(70% - 238px);
    max-width: 925px;
    margin-right: 208px;
    padding-right: 60px;

    transition: opacity .4s .4s linear, transform .4s .4s linear;
    transform: translateX(50px);

    opacity: 0;
}

.tariffs.active .tariff-info__colR
{
    transform: translateX(0);

    opacity: 1;
}

.tariffs .tabs_bord{
/*     border-bottom: 1px solid #000000; */
border-bottom: 1px solid #fff;
    padding-bottom: 30px;
    margin-bottom: 30px;
    display: inline-block;
}

.tariffs .tab-btn_bord{
    padding-bottom: 0;
    border-bottom: none;
}

.tariffs .tab-btn_bord + .tab-btn_bord{
    margin-top: 30px;
}

.title-number
{
    color: var(--color3);
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;

    position: relative;

    display: block;

    padding: 0 0 24px 95px;

    cursor: pointer;
    text-align: left;
    vertical-align: top;
}

.title-number:last-child {
    border-bottom: 1px solid var(--color3);
}

.title-number:before
{
    position: absolute;
    top: 10px;
    left: 33px;

    width: 51px;
    height: 8px;

    content: '';
    transition: .4s linear;

    background: url(../images/arrow4.svg) 100% 50% no-repeat;
}

.title-number .number
{
    font-size: 14px;
    font-weight: 400;

    position: absolute;
    top: 0;
    left: 0;
}


.faq:after
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    transition: .4s linear;

    opacity: 0;
    background: var(--color);
}

.faq.active:after
{
    opacity: .5;
}

.faq .cont
{
    z-index: 1;
}

.faq.active .faq__block
{
    opacity: 0;
}

.faq-info
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    visibility: hidden;

    width: 100%;
    height: 100%;

    transition: .2s 0s linear;
    pointer-events: none;

    opacity: 0;
}

.faq-info.show
{
    visibility: visible;

    transition-delay: .2s;
    pointer-events: all;

    opacity: 1;
}

.faq-info .cont
{
    flex: 1 0 100%;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.faq-info .title-number
{
    width: 440px;

    transition: opacity .4s .4s linear, transform .4s .4s linear;
    transform: translateX(-50px);

    opacity: 0;

    flex-shrink: 0;
}

.faq-info.show .title-number
{
    transform: translateX(0);

    opacity: 1;
}

.faq-info .text-block
{
    display: none;
    margin-right: 266px;
    margin-left: 150px;
    padding-right: 60px;

    transition: opacity .4s .4s linear, transform .4s .4s linear;
    transform: translateX(50px);

    opacity: 0;
}

.faq-info.show .text-block
{
    /* display: block; */
    transform: translateX(0);

    opacity: 1;
}

.faq .page-link
{
    display: inline-block;

    width: auto;
    padding-right: 0;

    vertical-align: top;
}


.application
{
    padding-bottom: 100px;
}

.application:after
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    transition: .4s linear;

    opacity: .2;
    background: var(--color3);
}

.application .cont
{
    z-index: 1;
}

.success-sector
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    visibility: hidden;

    width: 100%;
    height: 100%;
    padding: 54px 0;

    transition: .4s linear;
    pointer-events: none;

    opacity: 0;
}

.application.active .success-sector
{
    visibility: visible;

    pointer-events: all;

    opacity: 1;
}

.success-sector:after
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    transition: .4s linear;

    opacity: .15;
    background: var(--color3);
}

.success-sector__bg
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}

.success-sector .cont
{
    height: 100%;

    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.success-sector__block
{
    width: 100%;
}

.success__desc
{
    color: var(--color);
    font-family: var(--font_family2);
    font-size: 36px;
    font-weight: 400;
    line-height: 1.19;

    margin-top: 32px;
}

.success__desc_dark
{
    color: var(--color3);
}

.success__desc_center
{
    text-align: center;
}


.modal
{
    position: fixed;
    z-index: 200;
    top: 0;
    left: 0;

    display: flex;
    visibility: hidden;

    width: 100%;
    height: 100%;
    padding: 30px;

    transition: .4s linear;
    pointer-events: none;

    opacity: 0;

    justify-content: center;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
}

.modal.show
{
    visibility: visible;

    pointer-events: all;

    opacity: 1;
}

.modal__bg
{
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: .8;
    background: var(--bg1);
}

.modal__block
{
    position: relative;
    z-index: 2;

    overflow-y: auto;

    width: 100%;
    max-width: 740px;
    max-height: 100%;
    margin: auto;

    background: var(--bg1);
}

.modal .page-form
{
    position: relative;
    z-index: 1;

    max-width: none;
    margin: 0;
}

.modal-application
{
    position: relative;

    padding: 50px;

    opacity: 1;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}

.modal.active .modal-application
{
    display: none;
}

.modal-application:after
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    transition: .4s linear;

    opacity: .5;
    background: var(--color3);
}

.modal-success
{
    position: relative;

    display: none;

    padding: 50px;

    opacity: 1;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}

.modal.active .modal-success
{
    display: block;
}

.modal-success:after
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    transition: .4s linear;

    opacity: .45;
    background: var(--color3);
}

.modal-success__block
{
    position: relative;
    z-index: 1;
}


.modal__title
{
    color: var(--color);
    font-family: var(--font_family2);
    font-size: 46px;
    font-weight: 400;
    line-height: 1.19;
}

.modal__title_dark
{
    color: var(--color3);
}

.modal__title_center
{
    text-align: center;
}


.modal__subTitle
{
    color: var(--color);
    font-family: var(--font_family2);
    font-size: 26px;
    font-weight: 400;
    line-height: 1.19;

    margin-top: 20px;
}

.modal__subTitle_dark
{
    color: var(--color3);
}

.modal__subTitle_center
{
    text-align: center;
}


.modal .form-line
{
    margin-top: 36px;
}


.modal-close
{
    margin-top: 36px;

    text-align: center;
}

.modal-close__text
{
    color: var(--color);
    font: 14px var(--font_family2);

    display: inline-block;

    cursor: pointer;
    transition: .2s linear;
    vertical-align: top;

    border: none;
    border-bottom: 1px solid transparent;
    background: none;
}

.modal-close__text:hover
{
    border-bottom-color: var(--color);
}

.modal-close__close
{
    font-size: 0;

    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;

    display: none;

    width: 50px;
    height: 50px;

    cursor: pointer;

    border: none;
    background: none;
}

.modal-close__close:before
{
    position: absolute;
    top: 50%;
    left: 20%;

    width: 60%;
    height: 2px;
    margin-top: -1px;

    content: '';
    transform: rotate(-45deg);

    background: var(--color);
}

.modal-close__close:after
{
    position: absolute;
    top: 50%;
    left: 20%;

    width: 60%;
    height: 2px;
    margin-top: -1px;

    content: '';
    transform: rotate(45deg);

    background: var(--color);
}
/*---------------
   preloader
---------------*/
.loader
{
    position: fixed;
    z-index: 120;
    top: 0;
    left: 0;

    display: flex;

    width: 100%;
    height: 100%;

    background: var(--bg1) url(../images/preloader_bg.jpg) 50% 0/cover no-repeat;

    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
}

.loader:before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background: linear-gradient(0deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, .9));
}

.loader.hide
{
    visibility: hidden;

    transition: .4s linear;
    pointer-events: none;

    opacity: 0;
}

.loader .block
{
    position: relative;

    margin: auto;
    padding: 200px 0;
}

.loader .title
{
    color: var(--color);
    font-size: 144px;
    line-height: 170px;

    text-align: center;
}

.loader__item
{
    display: flex;
    overflow: hidden;

    height: 0;

    transition: height .3s linear;

    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
    flex-wrap: wrap;
}

.loader__item.show
{
    height: 170px;

    align-items: flex-start;
    align-content: flex-start;
}

.loader__item i
{
    color: var(--color2);
    font-style: normal;
}

.loader .loader_progress
{
    position: absolute;
    bottom: 17px;
    left: 50%;

    display: flex;

    width: 280px;
    height: 17px;

    transform: translateX(-50%);

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.loader .loader_progress .line
{
    position: relative;

    display: block;

    width: 100%;
    height: 1px;

    background: rgba(255, 255, 255, .2);
}

.loader .loader_progress .line span
{
    position: absolute;
    top: 0;
    left: 0;

    width: 0;
    height: 100%;

    animation: lline 3s 1s linear forwards;

    background: var(--color);
}

@keyframes lline
{
    0%
    {
        width: 17px;
    }
    100%
    {
        width: 100%;
    }
}

.loader .loader_progress .circle
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 17px;
    height: 17px;

    animation: lCircle 3s 1s linear forwards;

    border: 1px solid #fff;
    border-radius: 50%;
}

@keyframes lCircle
{
    0%
    {
        left: 0;
    }
    100%
    {
        left: calc(100% - 17px);
    }
}


@media (max-width: 1799px)
{
    header .wrap_block
    {
        padding-bottom: 70px;
    }

    .progress
    {
        right: 80px;
        bottom: 30px;
    }


    .section-content
    {
        padding-bottom: 100px;
    }

    .first-section
    {
        padding-bottom: 80px;
    }

    .form-line
    {
        margin-top: 36px;
    }

    .form-submit
    {
        margin-top: 40px;
    }


    .information-info__colL
    {
        width: 33%;
    }

    .information-info__colR
    {
        width: calc(67% - 30px);
    }


    .about-info__colL
    {
        width: 33%;
    }

    .about-video
    {
        width: calc(67% - 30px);
        height: calc(100vh - 160px);
        margin-right: 0;
    }


    .tariffs-inform .cont
    {
        align-content: flex-start;
        align-items: flex-start;
    }

    .tariff-info__colL
    {
        display: flex;
        flex-direction: column;

        width: 33%;
        min-height: calc(100vh - 140px);
        padding: 0;

        justify-content: center;
    }

    .tariff-info__colR
    {
        width: calc(67% - 30px);
        margin-right: 0;
    }


    .reviews-video__cols
    {
        padding-right: 0;
    }

    .reviews-text__cols
    {
        align-content: flex-start;
        align-items: flex-start;
    }

    .reviews-text__colL
    {
        display: flex;
        flex-direction: column;

        min-height: calc(100vh - 140px);

        justify-content: center;
    }


    .faq-info .text-block
    {
        margin-right: 50px;
        margin-left: 100px;
    }


    .application
    {
        padding-bottom: 80px;
    }


    .will-help
    {
        padding-bottom: 70px;
    }


    .signup__link
    {
        width: 150px;
        height: 150px;
    }


    .form-submit__btn
    {
        width: 150px;
        height: 150px;
    }

    .form-buttons {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .form-buttons .begining {
        margin-top: 28px;
    }
}

@media (max-width: 1599px)
{
    .info-help
    {
        justify-content: space-between;
    }

    .info-help__colR
    {
        margin-left: 0;
    }
}


@media (max-width: 1499px)
{
    .loader .block
    {
        padding: 150px 0;
    }

    .cont
    {
        padding: 0 50px;
    }

    .main__title
    {
        font-size: 58px;
    }


    .signup
    {
        margin-top: 40px;
    }

    .signup__link
    {
        width: 130px;
        height: 130px;
    }


    .form-submit__btn
    {
        width: 130px;
        height: 130px;
    }


    .first-section .section-content__block
    {
        max-width: 550px;
    }


    .info-help__colL
    {
        width: 380px;
    }

    .will-help .main__title
    {
        margin-bottom: 46px;
    }


    .help-circle
    {
        width: 280px;
        height: 280px;
    }

    .info-help__colR
    {
        width: calc(100% - 410px);
        min-height: 280px;
    }


    .about__block
    {
        max-width: 520px;
    }

    .main-btn
    {
        margin-top: 50px;
    }


    .about-info__colL
    {
        width: 40%;
    }

    .about-video
    {
        width: calc(60% - 30px);
    }


    .tariff-info__colL
    {
        width: 38%;
    }

    .tariff-info__colR
    {
        width: calc(62% - 30px);
        padding-right: 0;
    }


    .faq-info .text-block
    {
        padding-right: 0;
    }


    .creator
    {
        left: 50px;
    }


    .progress
    {
        right: 50px;
    }
}


@media (max-width: 1399px)
{
    .first-section .main__desc
    {
        margin-top: 30px;
    }

    .signup
    {
        margin-top: 30px;
    }


    .help-circle
    {
        width: 250px;
        height: 250px;
    }

    .help-circle__btn
    {
        width: 50px;
        height: 50px;
    }

    .help-circle__btn1
    {
        top: -25px;

        margin-left: -25px;
    }

    .help-circle__btn2
    {
        top: 11px;
        right: 8px;
    }

    .help-circle__btn3
    {
        right: -25px;

        margin-top: -25px;
    }

    .help-circle__btn4
    {
        right: 8px;
        bottom: 11px;
    }

    .help-circle__btn5
    {
        bottom: -25px;

        margin-left: -25px;
    }

    .help-circle__btn:before
    {
        left: 32px;
    }

    .help-circle__btn1:before
    {
        left: 30px;
    }

    .help-circle__btn5:before
    {
        left: 30px;
    }


    .info-items__wrap
    {
        margin-bottom: -38px;
    }

    .info-item
    {
        margin-bottom: 38px;
    }


    .faq-info .text-block
    {
        margin-right: 0;
    }


    .page-form
    {
        max-width: 540px;
    }

    .form-line
    {
        margin-top: 26px;
    }

    .form-input
    {
        font-size: 16px;

        height: 37px;
        padding-bottom: 14px;
    }

    .modal .form-line
    {
        margin-top: 26px;
    }
}


@media (max-width: 1299px)
{
    body
    {
        font-size: 16px;
    }


    .loader .block
    {
        padding: 120px 0;
    }

    .loader .title
    {
        font-size: 100px;
        line-height: 130px;
    }

    .loader__item.show
    {
        height: 130px;
    }


    .main__title
    {
        font-size: 50px;
    }


    .tab-btn_bord
    {
        font-size: 20px;

        padding-right: 20px;
    }


    .info-item
    {
        min-height: 80px;
        padding-left: 110px;
    }

    .info-item__number
    {
        width: 80px;
        height: 80px;
    }

    .info-item__name
    {
        font-size: 20px;
    }


    .about-info__title
    {
        font-size: 30px;
    }


    .information:after
    {
        opacity: .5;
    }

    .information__block
    {
        max-width: 480px;
    }


    .title-number
    {
        font-size: 20px;
    }

    .page-link
    {
        font-size: 20px;

        padding-right: 20px;
    }


    .reviews-text__cols
    {
        padding-right: 0;
    }


    .faq-info .text-block
    {
        margin-left: 50px;
    }


    .application
    {
        padding-bottom: 50px;
    }


    .modal-application
    {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}