/* baloo-2-regular - latin */
@font-face {
    font-family: 'Baloo 2';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/baloo-2-v14-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('fonts/baloo-2-v14-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/baloo-2-v14-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('fonts/baloo-2-v14-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('fonts/baloo-2-v14-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('fonts/baloo-2-v14-latin-regular.svg#Baloo2') format('svg');
    /* Legacy iOS */
}

/* baloo-2-500 - latin */
@font-face {
    font-family: 'Baloo 2';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/baloo-2-v14-latin-500.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('fonts/baloo-2-v14-latin-500.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/baloo-2-v14-latin-500.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('fonts/baloo-2-v14-latin-500.woff') format('woff'),
        /* Modern Browsers */
        url('fonts/baloo-2-v14-latin-500.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('fonts/baloo-2-v14-latin-500.svg#Baloo2') format('svg');
    /* Legacy iOS */
}

/* baloo-2-600 - latin */
@font-face {
    font-family: 'Baloo 2';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/baloo-2-v14-latin-600.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('fonts/baloo-2-v14-latin-600.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/baloo-2-v14-latin-600.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('fonts/baloo-2-v14-latin-600.woff') format('woff'),
        /* Modern Browsers */
        url('fonts/baloo-2-v14-latin-600.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('fonts/baloo-2-v14-latin-600.svg#Baloo2') format('svg');
    /* Legacy iOS */
}

/* baloo-2-700 - latin */
@font-face {
    font-family: 'Baloo 2';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/baloo-2-v14-latin-700.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('fonts/baloo-2-v14-latin-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/baloo-2-v14-latin-700.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('fonts/baloo-2-v14-latin-700.woff') format('woff'),
        /* Modern Browsers */
        url('fonts/baloo-2-v14-latin-700.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('fonts/baloo-2-v14-latin-700.svg#Baloo2') format('svg');
    /* Legacy iOS */
}

/* baloo-2-800 - latin */
@font-face {
    font-family: 'Baloo 2';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/baloo-2-v14-latin-800.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('fonts/baloo-2-v14-latin-800.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/baloo-2-v14-latin-800.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('fonts/baloo-2-v14-latin-800.woff') format('woff'),
        /* Modern Browsers */
        url('fonts/baloo-2-v14-latin-800.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('fonts/baloo-2-v14-latin-800.svg#Baloo2') format('svg');
    /* Legacy iOS */
}

@font-face {
    font-family: 'Baloo';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/Baloo\ Regular\ 400.ttf');
    /* IE9 Compat Modes */
    src: local(''),

        /* Modern Browsers */
        url('fonts/Baloo\ Regular\ 400.ttf') format('truetype'),

}




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

a {
    text-decoration: none;
}



h1,
h2,
h3,
h5,
h4,
h6 {
    font-weight: inherit;
    font-size: inherit;
}

body,
html {
    line-height: 95.4%;
    font-family: 'Baloo 2';
}

body {
    width: 100%;
    height: 100%;
    background: #FFFFFF;

}

.wrapper {
    width: 100%;

}

.container {
    margin: 0 auto;
    /*max-width: 1210px;*/
    padding-left: calc(20px + (120 -20) * (100vw -320px) / (1920 - 320));
    padding-right: calc(20px + (120 -20) * (100vw -320px) / (1920 - 320));
}

.header {
    padding: 20px 0;
    filter: drop-shadow(0px 4px 50px rgba(0, 0, 0, 0.03));
}

.header-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*.header-button {
    background: url(img/signup.png);

    width: 100%;
}*/
.header-button__link {
    position: relative;
}

.header-button {
    position: absolute;
    bottom: 18%;
    left: 23%;
    font-family: 'Baloo';
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 44px;
    text-align: center;
    text-transform: uppercase;
    color: #2F2F2F;
}

.header-button:hover {
    color: #FFFFFF;
}

.header-menu__text,
.header-button__text {
    color: #2F2F2F;
    text-transform: uppercase;
    font-family: 'Baloo';
    font-style: normal;
    font-size: 1.6em;

}

.header-menu__text:hover,
.header-menu__text:focus {
    text-decoration-line: underline;

}

.block1 {
    background: #FACC07;
}

.block1-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 100px 0;
}



.title {
    font-family: 'Baloo';
    font-style: normal;
    line-height: 62px;
    text-transform: uppercase;
    font-size: 2.6em;
}

.round {
    height: 10px;
    width: 10px;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: inline-block;
    border: 2px solid #2F2F2F;
}

.content-list {
    padding-top: 20px;

}

.content-list__description {
    font-size: 1.7em;
    padding-left: 10px;
}

.main-left__link {

    position: relative;
}

.main-left__btn {
    position: absolute;
    bottom: 50%;
    left: 8%;
    font-family: 'Baloo';
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 44px;
    text-align: center;
    text-transform: uppercase;
    color: #2F2F2F;
}

.main-left__btn:hover {
    color: #e7c42c;
}

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

.block2-main {
    padding: 60px 0;
}

.block2-main__content {
    padding-top: 80px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    padding-left: calc(20px + (120 -20) * (100vw -320px) / (1920 - 320));
    padding-right: calc(20px + (120 -20) * (100vw -320px) / (1920 - 320));
}

.block2-main__title {
    text-align: center;
    padding-top: 60px;
    font-family: 'Baloo';
    font-style: normal;
    font-weight: 400;
    font-size: 2.5em;
    text-transform: uppercase;
}

.left-content,
.right-content {
    text-align: center;
}

.left-content__title,
.right-content__title {
    font-size: 1.6em;
    padding-top: 35px;
}

.footer-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0;
}

.footer-content__right,
.footer-content__left {
    display: flex;
    flex-direction: column;
}

.center-link {
    color: #F5F5F5;
    font-size: 3.5em;
    font-weight: 600;
    text-transform: uppercase;
}



.right-link,
.left-link,
.left-email {
    font-size: 1.375em;
    color: #636363;
    line-height: 181.4%;
}


.left-email:hover,
.left-link:hover,
.right-link:hover {
    text-decoration: underline;
}

.block3 {
    display: flex;
    background: #FACC07;
    align-items: center;
    justify-content: center;
    align-content: center;
    padding: 150px 0;
}

.block3-title {
    font-family: 'Baloo';
    font-style: normal;
    font-weight: 400;
    font-size: 2.5em;
    text-align: center;
}

.block3-main {
    padding-top: 45px;
}

.form__input {
    width: 594px;
    height: 76px;
    background: #FFFFFF;
    border-radius: 11px;
    border: #FFFFFF;
    transition: all 0.5s ease 0s;
}

input[type=text] {
    font-family: 'Baloo 2';
    font-style: normal;
    font-weight: 400;
    font-size: 1.2em;
    padding-left: 42px;
    color: #D0D0D0;
}

input::placeholder {
    color: #D0D0D0;
    font-family: 'Baloo 2';
    font-style: normal;
    font-weight: 400;
    font-size: 1.2em;
}


.form__item {
    margin-bottom: 20px;
}

.form__input:focus {
    box-shadow: 0 0 15px #877f5b;
}

._error {
    box-shadow: 0 0 15px red;
}

.form * {
    outline: none;
}

.form-body {
    position: relative;
}

.form-body::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, 0.9) url(img/d0fc7bdc9a240be0950efb47f3c90f81_w200.gif) center / 50px no-repeat;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease 0s;
}

.form-body._sending::after {
    opacity: 1;
    visibility: visible;
}

.form-block__btn {
    padding-top: 50px;

    display: flex;
    justify-content: center;
}

.btn-text {
    position: absolute;
    font-family: 'Baloo';
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 44px;
    /* identical to box height */

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

    color: #2F2F2F;
    left: 32%;
    top: 15%;
}

.btn-text:hover {
    color: #e7c42c;
}

.form__button {
    position: relative;
    padding: 0;
    border: none;
    font: inherit;
    color: inherit;
    background-color: transparent;
    /* отображаем курсор в виде руки при наведении; некоторые
    считают, что необходимо оставлять стрелочный вид для кнопок */
    cursor: pointer;

}

/*terms*/

.main-terms,
.main-policy {
    background: #FACC07;
}

.container-terms {
    max-width: 930px;
    margin: 0 auto;
}

.block-license {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 50px;
}

.terms {
    padding-top: 40px;
}

.main-title {
    font-size: 3em;
    line-height: 62px;
    font-family: 'Baloo';
    text-align: center;
    text-transform: uppercase;

    color: #2F2F2F;

}

.licence-list {
    padding-bottom: 50px;
}

/*.list {
    padding-left: 25px;
}*/
.block-license {
    padding: 48px 62px 68px 65px;
}

.list {
    list-style: none;
    counter-reset: li;
    padding: 0;
}

.list__item {
    font-weight: 700;
    font-size: 1.3em;
    color: #2F2F2F;

}

.list__item-text,
.list__item-text2 {
    font-size: 1.3em;
    color: #2F2F2F;
    line-height: 95.4%;
}

.terms-link,
.email-link {
    font-size: 1em;
    color: #2F2F2F;
}

.terms-link:focus,
.terms-link:hover,
.email-link:hover,
.email-link:focus {
    text-decoration: underline;

}

.list__item-text,
.list__item,
.list__item-text2,
.terms-text,
.list2 {
    padding-top: 20px;
}

.list2 {
    padding-left: 20px;
}

.list__item-sub {
    padding-top: 5px;

}

.terms-text,
.list2 {
    color: #2F2F2F;
    font-size: 1.3em;
    line-height: 95.4%;
}
.success {
    display: none;
}
.success-text {
    font-weight: 400;
    font-size: 28px;
    line-height: 137.4%;
    padding-top: 30px;
    text-align: center;

    color: #2F2F2F;

}