@font-face
{
    font-family: "Acrom";
    font-weight: 800;
    font-style: normal;

    font-display: swap;
    src: url("../fonts/Acrom-ExtraBold.woff") format("woff"),
    url("../fonts/Acrom-ExtraBold.ttf") format("truetype");
}


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

*: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;

    -webkit-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: "Roboto", "Arial", sans-serif;
    --font_family2: "Acrom", "Arial", sans-serif;
    --font_family3: "Open Sans", "Arial", sans-serif;
    --scroll_width: 17px;
}



.clear
{
    clear: both;
}


.left
{
    float: left;
}


.right
{
    float: right;
}


html
{
    height: 100%;

    background: #FFF;

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


body
{
    color: #222;
    font: 18px 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;
}

body.page_small
{
    overflow: hidden;
}


.wrap
{
    position: relative;

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

    min-height: 100%;
}


.main
{
    flex: 1 0 auto;
}


.cont
{
    width: 100%;
    max-width: 1022px;
    margin: 0 auto;
    padding: 0 16px;
}

.cont.large
{
    max-width: 1632px;
}


.compensate-for-scrollbar
{
    margin-right: var(--scroll_width) !important;
}


.lozad
{
    transition: .5s 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: #CCC;
}

:-moz-placeholder
{
    color: #CCC;
}

:-ms-input-placeholder
{
    color: #CCC;
}



.form .label
{
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;

    margin-bottom: 8px;
}

.form .line_flex
{
    justify-content: space-between;
}

.form .line_form
{
    margin-bottom: 30px;
}

.form .line_flex .line_form
{
    width: calc(50% - 15px);
}

.form .input
{
    color: #222;
    font: 18px var(--font_family);

    display: block;

    width: 100%;
    height: 40px;
    padding: 0 15px;

    transition: .2s linear;

    border: 1px solid #D3D9DE;
    border-radius: 6px;
    background: #F7F8FA;
}

.form textarea
{
    color: #222;
    font: 18px var(--font_family);

    display: block;

    width: 100%;
    height: 118px;
    padding: 15px;

    resize: none;
    transition: .2s linear;

    border: 1px solid #D3D9DE;
    border-radius: 6px;
    background: #F7F8FA;
}

.form .success,
.form .success + .nice-select .current
{
    border-color: green;
}

.form .error,
.form .error + .nice-select .current
{
    border-color: red;
}


.form .input:disabled,
.form textarea:disabled,
.checkbox .label_check input[type=checkbox]:disabled + .check_text
{
    cursor: default;
    pointer-events: none;

    opacity: .5;
}


.form .error_text
{
    color: red;
    font-size: 12px;
    line-height: normal;

    margin-top: 6px;
}

.form .submit_btn
{
    color: #FFF;
    font: 700 16px var(--font_family);

    position: relative;

    display: block;

    width: 100%;
    height: 48px;
    padding: 0 16px;

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

    border: none;
    border-radius: 4px;
    background: #F00;
}

.form .submit_btn:hover
{
    background: #D70000;
}


.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;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

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

    text-align: center;

    background: #FFF;
}

.supports_error.show
{
    display: flex;
}


.text_block
{
    color: #6F7985;
    line-height: 24px;
}

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

.text_block p,
.text_block ul,
.text_block ol
{
    margin-bottom: 24px;
}


.main_title
{
    color: #222;
    font-family: var(--font_family2);
    font-size: 48px;
    font-weight: 800;
    line-height: 58px;
}

.main_title.center
{
    text-align: center;
}


.sub_title
{
    color: #222;
    font-family: var(--font_family2);
    font-size: 32px;
    font-weight: 800;
    line-height: 38px;
}

.sub_title.center
{
    text-align: center;
}


.link_btn a
{
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    line-height: 48px;

    display: block;

    width: 100%;
    height: 48px;
    padding: 0 16px;

    transition: .2s linear;
    text-align: center;
    text-decoration: none;
    letter-spacing: -.24px;

    border-radius: 4px;
    background: #F00;
}

.link_btn a:hover
{
    background: #D70000;
}

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

    width: 100%;
    padding: 48px 0;
}

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

header .logo a,
header .logo img
{
    display: block;

    max-width: 100%;
}

header .link_btn
{
    width: 141px;
    margin-left: 30px;
}

/*---------------
   Main section
---------------*/
.first_section
{
    position: relative;

    display: flex;
    justify-content: flex-end;
    align-content: stretch;
    align-items: stretch;
    flex-direction: column;

    min-height: 865px;
    padding: 181px 0 118px;
}

.first_section2
{
    min-height: 885px;
}

.first_section .bg
{
    position: absolute;
    top: 0;
    left: 50%;

    display: block;

    width: 1920px;

    transform: translateX(-50%);
}

.first_section .bird
{
    position: absolute;
    top: 198px;
    right: 50%;

    width: 417px;
    margin-right: 25px;

    transform: rotate(16.95deg);
}

.first_section .bird2
{
    position: absolute;
    top: 166px;
    left: 50%;

    width: 519px;
    margin-left: 5px;
}

.first_section .cont
{
    position: relative;
    z-index: 10;
}

.first_section .title
{
    color: #FFF;
    font-family: var(--font_family2);
    font-size: 64px;
    font-weight: 800;
    line-height: 77px;

    text-align: center;
    text-transform: uppercase;
}

.first_section .title span
{
    color: #000;
    font-size: 48px;
    line-height: 58px;

    display: block;

    text-transform: none;
}

.first_section .girl
{
    height: 279px;
    margin-top: 75px;
}

.first_section .girl img
{
    display: block;

    width: 275px;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}


.second_section
{
    position: relative;

    margin-top: 357px;
}

.second_section .bg
{
    position: absolute;
    top: -400px;
    left: 50%;

    display: block;

    width: 1160px;
    margin-left: 86px;
}

.second_section .bg2
{
    position: absolute;
    top: 124px;
    left: 50%;

    display: block;

    width: 1026px;
    margin-left: 224px;
}

.second_section .data
{
    position: relative;

    max-width: 480px;
}

.second_section ul
{
    margin-top: 64px;
}

.second_section ul li
{
    color: #222;
    font-size: 18px;
    line-height: 24px;

    position: relative;

    display: block;

    padding-left: 35px;

    list-style: none;
}

.second_section ul li + li
{
    margin-top: 48px;
}

.second_section ul li:before
{
    position: absolute;
    top: 2px;
    left: 0;

    width: 22px;
    height: 18px;

    content: "";

    background: url("../images/ic_check.svg") 0 0 no-repeat;
}

.second_section .img
{
    position: absolute;
    top: -131px;
    left: 50%;

    width: 497px;
    margin-left: 32px;
}

.second_section .img2
{
    top: -85px;

    width: 359px;
    margin-left: 102px;
}

.second_section .img img
{
    display: block;

    width: 100%;
}


.link_arrow
{
    margin-top: 48px;

    text-align: right;
}

.link_arrow a
{
    color: #F00;
    font-size: 16px;
    line-height: 19px;

    position: relative;

    display: inline-block;

    padding-right: 64px;

    vertical-align: top;
    text-decoration: none;
}

.link_arrow a:after
{
    position: absolute;
    top: 50%;
    right: 0;

    width: 49px;
    height: 16px;
    margin-top: -8px;

    content: "";
    transition: .2s linear;

    background: url("../images/ic_arrow.svg") 0 0 no-repeat;
}

.link_arrow a:hover:after
{
    transform: translateX(5px);
}


.safe_deal
{
    position: relative;

    margin-top: 552px;
}

.safe_deal .bg
{
    position: absolute;
    top: -610px;
    right: 50%;

    width: 1106px;
    margin-right: 251px;
}

.safe_deal .bg2
{
    position: absolute;
    top: -45px;
    right: 50%;

    width: 1291px;
    margin-right: 90px;
}

.safe_deal .data
{
    width: 100%;
    max-width: 480px;
    margin-left: auto;
}

.safe_deal .img
{
    position: absolute;
    top: 74px;
    right: 50%;

    width: 517px;
    margin-right: 54px;
}

.safe_deal .img img
{
    display: block;

    min-width: 100px;
    max-width: 100%;
    min-height: 100px;
}

.safe_deal .note
{
    line-height: 24px;

    margin-top: 64px;
}

.safe_deal .link_arrow
{
    margin-top: 42px;
}


.fourth_section
{
    position: relative;

    margin-top: 582px;
    padding-bottom: 354px;
}

.fourth_section2
{
    padding-top: 58px;
}

.fourth_section .bg
{
    position: absolute;
    top: -386px;
    left: 50%;

    width: 1192px;
    margin-left: 58px;
}

.fourth_section .bg2
{
    position: absolute;
    top: 199px;
    left: 50%;

    width: 1018px;
    margin-left: 180px;
}

.fourth_section .data
{
    max-width: 480px;
}

.fourth_section .note
{
    line-height: 24px;

    margin-top: 64px;
}

.fourth_section .link_arrow
{
    margin-top: 48px;
}

.fourth_section2 .link_arrow
{
    margin-top: 24px;
}

.fourth_section .img
{
    position: absolute;
    top: 36px;
    left: 50%;
    left: 50%;

    width: 497px;
    margin-left: 32px;
}

.fourth_section .img img
{
    display: block;

    max-width: 100%;
}


.have_questions
{
    padding: 302px 0 293px;

    text-align: center;
}

.have_questions .note
{
    line-height: 24px;

    max-width: 480px;
    margin: 48px auto 0;
}

.have_questions .link_btn
{
    margin-top: 64px;

    text-align: center;
}

.have_questions .link_btn a
{
    display: inline-block;

    width: auto;
    padding: 0 48px;

    vertical-align: top;
}


.link_vk
{
    margin-top: 24px;
}

.link_vk a
{
    color: #55677D;
    font-size: 14px;
    font-weight: 500;

    display: inline-flex;
    justify-content: center;
    align-content: center;
    align-items: center;

    height: 40px;
    padding: 0 25px;

    transition: .2s linear;
    vertical-align: top;
    text-decoration: none;

    border-radius: 4px;
    background: #E5EBF1;
}

.link_vk a:before
{
    display: block;

    width: 22px;
    height: 12px;
    margin-right: 8px;

    content: "";

    background: url("../images/ic_vk.svg") 0 0 no-repeat;
}

.link_vk a:hover
{
    background: #E0E0E0;
}


.confirmation
{
    position: relative;

    height: 100vh;

    transition: .6s linear;
}

.confirmation.hide
{
    margin-top: -100vh;
}

.confirmation header
{
    right: 0;
    left: auto;

    max-width: 1072px;
    padding-bottom: 0;
    padding-left: 114px;
}


.confirmation .scroll_wrap
{
    position: relative;

    overflow-y: auto;

    width: calc(58.33% - 16px);
    height: 100%;
}


.custom_scroll .scroll_wrap::-webkit-scrollbar
{
    width: 10px;
    height: 10px;

    background-color: #E5EBF1;
}

.custom_scroll .scroll_wrap::-webkit-scrollbar-thumb
{
    background-color: #28C5F6;
}

.custom_scroll .scroll_wrap
{
    scrollbar-color: #28C5F6 #E5EBF1;
    scrollbar-width: thin;
}

.confirmation .col_l
{
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 100%;
    min-height: calc(100% - 118px);
    padding: 138px 0 30px 16px;
}

.confirmation .data
{
    width: 100%;
    max-width: 1058px;
    margin-left: auto;
    padding: 0 144px 0 114px;
}

.confirmation .data .text_block
{
    margin-top: 24px;
}

.confirmation .wrap_form
{
    position: absolute;
    top: 0;
    right: 0;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;

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

    text-align: center;

    background: #28C5F6;
}

.confirmation .wrap_form .img
{
    position: absolute;
    bottom: 40px;
    left: -95px;

    display: flex;
    justify-content: flex-end;
    align-content: flex-end;
    align-items: flex-end;
    flex-wrap: wrap;

    width: 214px;
    height: calc(100% - 80px);

    pointer-events: none;
}

.confirmation .wrap_form .img img
{
    display: block;

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

.confirmation .wrap_form .box
{
    overflow-y: auto;

    width: 100%;
    max-width: 480px;
    max-height: 100%;
    padding: 56px 48px 36px;

    background: #FFF;
}

.custom_scroll .confirmation .wrap_form .box::-webkit-scrollbar
{
    width: 10px;
    height: 10px;

    background-color: #E5EBF1;
}

.custom_scroll .confirmation .wrap_form .box::-webkit-scrollbar-thumb
{
    background-color: #28C5F6;
}

.custom_scroll .confirmation .wrap_form .box
{
    scrollbar-color: #28C5F6 #E5EBF1;
    scrollbar-width: thin;
}


.confirmation .wrap_form .box.hidden
{
    pointer-events: none;

    opacity: .3;
}

.confirmation .wrap_form .title
{
    color: #222;
    font-family: var(--font_family2);
    font-size: 32px;
    font-weight: 800;
    line-height: 38px;
}

.confirmation .wrap_form .note
{
    color: #6F7985;
    font-size: 18px;
    line-height: 24px;

    margin-top: 16px;

    letter-spacing: -.32px;
}

.confirmation .wrap_form .note a
{
    color: #3F8AE0;

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

    border-bottom: 1px solid transparent;
}

.confirmation .wrap_form .note a:hover
{
    border-color: currentColor;
}

.confirmation .wrap_form .line_form
{
    margin-top: 46px;
}

.confirmation .wrap_form .rating
{
    justify-content: center;

    margin-top: 24px;
}


.review
{
    margin-top: 64px;
}

.review .top
{
    margin-bottom: -32px;
    margin-left: -32px;
}

.review .top .item
{
    justify-content: space-between;

    width: calc(50% - 32px);
    margin-bottom: 32px;
    margin-left: 32px;
}

.review .top .item .thumb
{
    position: relative;

    width: 57px;
    height: 57px;

    border-radius: 50%;
}

.review .top .item .thumb img
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    min-width: 10px;
    height: 100%;
    min-height: 10px;

    object-fit: cover;
}

.review .top .item .info
{
    width: calc(100% - 75px);
    padding-top: 3px;
}

.review .top .item .name
{
    color: #3F8AE0;
    font-family: var(--font_family3);
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;

    letter-spacing: -.24px;
}

.review .top .item .name a
{
    color: #3F8AE0;

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

    border-bottom: 1px solid transparent;
}

.review .top .item .name a:hover
{
    border-color: currentColor;
}

.review .period_wrap
{
    color: #818C99;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;

    align-content: center;
    align-items: center;
    flex-wrap: nowrap;

    margin-top: 16px;

    letter-spacing: -.078px;
}

.review .period_wrap .period
{
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;

    margin-left: 10px;
}

.review .period .tag
{
    color: #222;
    font-size: 11px;
    line-height: 14px;

    padding: 2px 10px 2px;

    letter-spacing: .2px;

    border: .5px solid rgba(0, 0, 0, .08);
    border-radius: 8px;
    background: #E0E0E0;
    box-shadow: 0 0 2px rgba(0, 0, 0, .08), 0 2px 24px rgba(0, 0, 0, .08);
}

.review .period .sep
{
    color: #222;
    font-size: 11px;
    line-height: 14px;

    margin: 0 4px;

    letter-spacing: .2px;
}

.review .review_data
{
    margin-top: 32px;
    padding-top: 32px;

    border-top: 1px solid #E0E0E0;
}

.review .review_data .title
{
    color: #818C99;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;

    letter-spacing: -.078px;
}

.review .review_data .text_block
{
    color: #222;
    font-size: 14px;
    line-height: 18px;

    margin-top: 8px;

    letter-spacing: -.078px;
}


.gratitude
{
    position: relative;

    display: none;

    height: 100vh;
}

.gratitude header
{
    padding-right: 114px;
    padding-left: 114px;
}

.gratitude.show
{
    display: block;
}

.gratitude .scroll_wrap
{
    position: relative;

    overflow-y: auto;

    height: 100%;
}

.gratitude .pad
{
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 100%;
    min-height: calc(100% - 118px);
    padding: 138px 114px 30px;
}

.gratitude .box_bg
{
    position: absolute;
    top: 0;
    right: 0;

    overflow: hidden;

    width: 800px;
    max-height: 100vh;
    padding-bottom: 27px;

    pointer-events: none;
}

.gratitude .box_bg .bg
{
    display: block;

    width: 100%;
}

.gratitude .box_bg .bg.mob
{
    display: none;
}

.gratitude .box_bg .girl
{
    position: absolute;
    bottom: 0;
    left: 50%;

    width: 272px;
    margin-left: 9px;

    transform: translateX(-50%);
}

.gratitude .box_bg .girl img
{
    display: block;

    width: 100%;
}

.gratitude .box_bg .bird
{
    position: absolute;
    right: 51px;
    bottom: 40px;

    width: 556px;
}

.gratitude .box_bg .bird.mob
{
    display: none;
}

.gratitude .box_bg .bird img
{
    display: block;

    width: 100%;
}

.gratitude .data
{
    position: relative;
    z-index: 10;

    max-width: 800px;
}

.gratitude .note
{
    color: #6F7985;
    line-height: 24px;

    margin-top: 24px;

    letter-spacing: -.078px;
}

.gratitude .sub_title
{
    margin-top: 64px;
}

.gratitude ul
{
    margin-top: 32px;
}

.gratitude ul li
{
    color: #222;
    font-size: 18px;
    line-height: 24px;

    position: relative;

    display: block;

    padding-left: 39px;

    list-style: none;
}

.gratitude ul li + li
{
    margin-top: 24px;
}

.gratitude ul li:before
{
    position: absolute;
    top: 2px;
    left: 0;

    width: 22px;
    height: 18px;

    content: "";

    background: url(../images/ic_check.svg) 0 0 no-repeat;
}

.gratitude .link_arrow
{
    margin-top: 32px;
}


.header_error
{
    padding-right: 114px;
    padding-left: 114px;
}

.error_page
{
    position: relative;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex: 1 0 auto;
    flex-direction: column;

    padding: 138px 114px;
}

.error_page .bg
{
    position: absolute;
    top: 0;
    left: 50%;

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

    width: 792px;
    height: 100%;
    margin-left: 45px;
    padding: 39px 0 30px;
}

.error_page .bg img
{
    display: block;

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

.error_page .data
{
    position: relative;
    z-index: 10;

    max-width: 800px;
}

.error_page .note
{
    color: #6F7985;
    line-height: 24px;

    margin-top: 24px;

    letter-spacing: -.078px;
}


@media (max-width: 1599px)
{
    .confirmation .data
    {
        padding-right: 100px;
    }

    .confirmation .wrap_form
    {
        padding-right: 100px;
        padding-left: 100px;
    }

    .confirmation .wrap_form .img
    {
        left: -105px;

        width: 150px;
    }


    .review .top .item
    {
        align-content: center;
        align-items: center;

        width: 100%;
    }

    .review .top .item .info
    {
        padding: 0;
    }


    .gratitude .data
    {
        max-width: 570px;
    }


    .error_page .data
    {
        max-width: 570px;
    }


    .main_title
    {
        font-size: 40px;

        list-style: 48px;
    }

    .error_page .note
    {
        font-size: 16px;
        line-height: 22px;
    }
}


@media (max-width: 1479px)
{
    .confirmation .wrap_form
    {
        padding-right: 50px;
        padding-left: 50px;
    }

    .confirmation .wrap_form .box
    {
        padding: 30px;
    }

    .gratitude .box_bg
    {
        width: 500px;
    }

    .gratitude .box_bg .girl
    {
        width: 200px;
    }

    .gratitude .box_bg .bird
    {
        width: 356px;
    }
}


@media (max-width: 1299px)
{
    .confirmation header
    {
        padding-left: 0;
    }

    .confirmation .data
    {
        padding-left: 0;
    }


    .gratitude header
    {
        padding-right: 0;
        padding-left: 0;
    }

    .gratitude .pad
    {
        padding-right: 0;
        padding-left: 0;
    }


    .header_error
    {
        padding-right: 0;
        padding-left: 0;
    }

    .error_page
    {
        padding-right: 0;
        padding-left: 0;
    }
}