/**
fonts
 */

@font-face {
    font-family: 'CoFoSans';
    src: url('../fonts/CoFoSans/CoFoSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CoFoSans';
    src: url('../fonts/CoFoSans/CoFoSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CoFoSans';
    src: url('../fonts/CoFoSans/CoFoSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CoFoSans';
    src: url('../fonts/CoFoSans/CoFoSans-Black.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/**
fonts
 */

/**
site styles
 */



* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    margin: 0px;
    outline: none;
}

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

a {
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background-color: transparent;
    color: inherit;
    line-height: normal;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
}

a span {
    -webkit-transition: border-color .3s ease-out;
    -o-transition: border-color .3s ease-out;
    transition: border-color .3s ease-out;
}

button {
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    cursor: pointer;
    line-height: normal;
}

b {
    font-weight: bold;
    color: inherit;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    outline: none;
    font: inherit;
    margin: 0;
}

textarea {
    border: 2px solid #8E8E8E;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.2;
    color: #8E8E8E;
    width: 100%;
    outline: none;
    height: 70px;
    background: transparent;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    min-height: 150px;
    padding: 30px;
    resize: none;
    position: relative;
}

p {
    font-weight: normal;
    font-size: 23px;
    line-height: 1.5;
    margin: 15px 0;
}

body {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.2;
    color: #000000;
    overflow-x: hidden;
    overflow-y: auto;
}

html {
    -webkit-text-size-adjust: none;
    font-family: 'CoFoSans';
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}


.btn {
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    margin: 0;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: transparent;
    outline: none;
    text-decoration: none !important;
    line-height: 1;
    color: #FFFFFF;
    z-index: 50;
    font-weight: 500;
    border: 2px solid #0A48E8;
    border-radius: 300px;
}


.btn-blue {
    color: #0A48E8;
    background-color: #FFFFFF;
    font-size: 24px;
    padding: 19px 63px;
}

@media all and (min-width: 992px) {
    .btn-blue:hover {
        color: #FFFFFF;
        background-color: #0A48E8;
    }
}

/**
site styles
 */

.checkboxes {
    margin-bottom: 40px;
}

.checkboxes ul {
    margin: 0;
    padding: 0;
    list-style: none;
    column-count: 2;
}

li {
    position: relative;
    margin-bottom: 10px;
}

.checkboxes input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    z-index: -1;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}

.checkboxes span {
    display: block;
    cursor: pointer;
    position: relative;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.2;
    padding-left: 35px;
}

.checkboxes span::before {
    position: absolute;
    content: '';
    box-sizing: border-box;
    border: 2px solid #8E8E8E;
    border-radius: 50%;
    z-index: 10;
    left: 0px;
    top: 2px;
    height: 20px;
    width: 20px;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.checkboxes span::after {
    position: absolute;
    content: '';
    top: 2px;
    left: 0;
    z-index: 15;
    background-image: url('data:image/svg+xml;charset=utf-8, <svg width="20" height="20" viewBox="0 0 53 53" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M26.5 0C11.8832 0 0 11.8832 0 26.5C0 41.1168 11.8832 53 26.5 53C41.1168 53 53 41.1168 53 26.5C53 11.8832 41.1168 0 26.5 0ZM23.4874 37.0442L12.72 26.2768L15.5653 23.4316L23.4874 31.3537L39.1084 15.7326L41.9537 18.5779L23.4874 37.0442Z" fill="%230A48E8"/> </svg>');
    width: 20px;
    height: 20px;
    opacity: 0;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.checkboxes li input[type="checkbox"]:checked ~ span::before {
    border-color: transparent;
}


.checkboxes li input[type="checkbox"]:checked ~ span::after {
    opacity: 1;
}

.site-section {
    min-height: 100vh;
    padding: 60px 0;
    background-image: url("../img/back.png");
    background-size: cover;
    background-position: center;
}

.logo {
    display: block;
    margin: 0 auto;
}

.site-form {
    margin-top: 60px;
    background: #FFFFFF;
    padding: 70px 0;
    box-shadow: 0px 20px 60px -20px rgba(0, 0, 0, 0.08);
}

.form-title {
    font-weight: 500;
    font-size: 32px;
    line-height: 1.2;
    text-align: center;
    color: #000000;
    margin-bottom: 27px;
}

.form {
    margin-top: 55px;
}

/**
ion
 */

.irs-min,
.irs-max,
.irs-single {
    display: none;
}

.irs--flat {
    margin: 0 18px;
}

.irs--flat .irs-line {
    cursor: pointer;
    height: 8px;
    background-color: #F1F1F1;
    border-radius: 30px;
}

.irs--flat .irs-bar {
    cursor: pointer;
    background-color: transparent;
    height: 8px;
    border-radius: 30px 0 0 30px;
    transition: all .3s ease-in-out;
}

.irs--flat .irs-handle {
    top: 20px;
    transition: all .3s ease-in-out;
}

.irs--flat .irs-handle>i:first-child {
    cursor: pointer;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 38px;
    height: 38px;
    margin-left: 0;
    background-color: rgba(10, 72, 232, 0.1) !important;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.irs--flat .irs-handle>i:nth-child(2) {
    cursor: pointer;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-left: 0;
    background-color: #0A48E8;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.score-num {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.score-num__item {
    cursor: pointer;
    position: relative;
    width: 50px;
    height: 50px;
    font-weight: normal;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    color: #8E8E8E;
    border-radius: 50%;
    border: 1px solid #D7D7D7;
    box-sizing: border-box;
    transition: all .3s ease-in-out;
}

.score-descr {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.2;
    color: #8E8E8E;
}

.score-descr__good {
    text-align: right;
}

.submit-btn {
    margin-top: 55px;
}

.form-descr {
    margin-top: 30px;
    font-weight: 500;
    font-size: 30px;
    line-height: 1.2;
    text-align: center;
    color: #8E8E8E;
}

.score-num__item::before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    width: 50px;
    height: 50px;
    opacity: 0;
    transition: all .3s ease-in-out;
    transform: translate(-50%, -50%);
}

.score-num__item.active {
    font-size: 0;
    border-color: transparent;
}

.score-num__item.active::before {
    opacity: 1;
}

.score-num__item[data-num="1"]::before,
.score-num__item[data-num="2"]::before,
.score-num__item[data-num="3"]::before {
    background-image: url('data:image/svg+xml;charset=utf-8, <svg width="50" height="50" viewBox="0 0 105 105" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M40.7579 38.5298C40.7579 41.3671 38.4579 43.6671 35.6207 43.6671C32.7834 43.6671 30.4834 41.3671 30.4834 38.5298C30.4834 35.6926 32.7834 33.3926 35.6207 33.3926C38.4579 33.3926 40.7579 35.6926 40.7579 38.5298Z" fill="%238E8E8E" stroke="white" stroke-width="0.75"/> <path d="M74.5167 38.5298C74.5167 41.3671 72.2167 43.6671 69.3795 43.6671C66.5422 43.6671 64.2422 41.3671 64.2422 38.5298C64.2422 35.6926 66.5422 33.3926 69.3795 33.3926C72.2167 33.3926 74.5167 35.6926 74.5167 38.5298Z" fill="%238E8E8E" stroke="white" stroke-width="0.75"/> <path d="M36.6438 70.5624L36.6438 70.5624C35.5394 71.6457 33.7656 71.6284 32.6822 70.5239C31.5989 69.4196 31.6162 67.6472 32.7206 66.5638C37.6119 61.7666 44.8193 59 52.4987 59C60.1781 59 67.3854 61.7652 72.2767 66.5637L72.5393 66.2961L72.2767 66.5638C73.3812 67.6472 73.3983 69.4209 72.3153 70.5238L72.315 70.5241C71.7686 71.0817 71.0428 71.3631 70.3172 71.3631C69.609 71.3631 68.9019 71.0967 68.3564 70.5624C64.4822 66.7629 58.6988 64.6013 52.5001 64.6013C46.3013 64.6013 40.5179 66.7629 36.6438 70.5624Z" fill="%238E8E8E" stroke="white" stroke-width="0.75"/> <path d="M15.6424 15.6425L15.6424 15.6424C25.4877 5.79715 38.5771 0.375 52.5 0.375C66.4243 0.375 79.5123 5.79576 89.3575 15.6424L89.6227 15.3773L89.3575 15.6424C99.2028 25.4877 104.625 38.5771 104.625 52.5C104.625 66.4243 99.2042 79.5123 89.3576 89.3576L89.6227 89.6227L89.3575 89.3576C79.5123 99.2042 66.4243 104.625 52.5 104.625C38.5756 104.625 25.4877 99.2042 15.6425 89.3576L15.3773 89.6227L15.6424 89.3576C5.79576 79.5123 0.375 66.4243 0.375 52.5C0.375 38.5756 5.79576 25.4877 15.6424 15.6425ZM85.3974 19.6026L85.1322 19.8678L85.3974 19.6026C76.6103 10.8169 64.9254 5.97633 52.5 5.97633C40.0746 5.97633 28.3897 10.8155 19.6026 19.6026C10.8155 28.3897 5.97632 40.0732 5.97632 52.5C5.97632 64.9268 10.8155 76.6103 19.6026 85.3974C28.3896 94.1845 40.0731 99.0237 52.5 99.0237C64.9268 99.0237 76.6103 94.1845 85.3974 85.3974C94.1845 76.6103 99.0237 64.9268 99.0237 52.5C99.0237 40.0732 94.1845 28.3897 85.3974 19.6026Z" fill="%238E8E8E" stroke="white" stroke-width="0.75"/> </svg>');
}

.score-num__item[data-num="4"]::before,
.score-num__item[data-num="5"]::before,
.score-num__item[data-num="6"]::before,
.score-num__item[data-num="7"]::before {
    background-image: url('data:image/svg+xml;charset=utf-8, <svg width="50" height="50" viewBox="0 0 105 105" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M40.7589 38.5298C40.7589 41.3671 38.4589 43.6671 35.6216 43.6671C32.7844 43.6671 30.4844 41.3671 30.4844 38.5298C30.4844 35.6926 32.7844 33.3926 35.6216 33.3926C38.4589 33.3926 40.7589 35.6926 40.7589 38.5298Z" fill="%238E8E8E" stroke="white" stroke-width="0.75"/> <path d="M74.5167 38.5298C74.5167 41.367 72.2166 43.6671 69.3794 43.6671C66.5423 43.6671 64.2422 41.367 64.2422 38.5298C64.2422 35.6927 66.5423 33.3926 69.3794 33.3926C72.2166 33.3926 74.5167 35.6927 74.5167 38.5298Z" fill="%238E8E8E" stroke="white" stroke-width="0.75"/> <path d="M69.9938 68.8879H35.0074C33.4605 68.8879 32.2061 67.6334 32.2061 66.0865C32.2061 64.5396 33.4605 63.2852 35.0074 63.2852H69.9938C71.5408 63.2852 72.7952 64.5396 72.7952 66.0865C72.7952 67.6334 71.5408 68.8879 69.9938 68.8879Z" fill="%238E8E8E" stroke="white" stroke-width="0.75"/> <path d="M89.3578 89.3564L89.6229 89.6216L89.3578 89.3564C79.5126 99.2029 66.4234 104.624 52.5007 104.624C38.5765 104.624 25.4888 99.2029 15.6422 89.3564C5.79706 79.5112 0.375 66.4221 0.375 52.4993C0.375 38.5752 5.79706 25.4874 15.6422 15.6422C25.4874 5.79708 38.5765 0.375 52.5007 0.375C66.4249 0.375 79.5126 5.79568 89.3578 15.6422L89.6229 15.3771L89.3578 15.6422C99.2029 25.4874 104.625 38.5766 104.625 52.4993C104.625 66.4235 99.2043 79.5112 89.3578 89.3564ZM85.3977 19.6023L85.3976 19.6023C76.6093 10.8168 64.926 5.97624 52.5007 5.97624C40.074 5.97624 28.3907 10.8154 19.6037 19.6023C10.8168 28.3893 5.97764 40.0726 5.97764 52.4993C5.97764 64.926 10.8168 76.6093 19.6037 85.3963C28.3907 94.1832 40.074 99.0224 52.5007 99.0224C64.9259 99.0224 76.6107 94.1832 85.3977 85.3963C94.1846 76.6093 99.0238 64.926 99.0238 52.4993C99.0238 40.0726 94.1846 28.3893 85.3977 19.6023Z" fill="%238E8E8E" stroke="white" stroke-width="0.75"/> </svg>');
}

.score-num__item[data-num="8"]::before,
.score-num__item[data-num="9"]::before,
.score-num__item[data-num="10"]::before {
    background-image: url('data:image/svg+xml;charset=utf-8, <svg width="50" height="50" viewBox="0 0 105 105" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M37.6883 60.9921C38.6264 64.1076 40.582 66.9066 43.1946 68.8782L43.1947 68.8783C45.8924 70.9134 49.1101 71.9897 52.4999 71.9897C55.8896 71.9897 59.1087 70.9135 61.8051 68.8782C64.4178 66.9065 66.3719 64.1075 67.3114 60.9922L67.3114 60.9921C67.7575 59.5112 69.3206 58.6729 70.8023 59.118C72.2833 59.5643 73.1223 61.1273 72.6761 62.6085C71.3978 66.8522 68.7349 70.6673 65.1805 73.3505C61.5029 76.1249 57.1198 77.5925 52.4999 77.5925C47.8812 77.5925 43.4968 76.1263 39.8193 73.3505C36.2649 70.6674 33.6034 66.8523 32.325 62.6085L32.325 62.6085C31.8788 61.1275 32.7177 59.5656 34.1993 59.1179C35.6804 58.6718 37.2421 59.5108 37.6883 60.9921ZM37.6883 60.9921L38.0474 60.8839L37.6883 60.9921Z" fill="%230A48E8" stroke="white" stroke-width="0.75"/> <path d="M40.7574 38.5298C40.7574 41.3671 38.4574 43.6671 35.6201 43.6671C32.7829 43.6671 30.4829 41.3671 30.4829 38.5298C30.4829 35.6926 32.7829 33.3926 35.6201 33.3926C38.4574 33.3926 40.7574 35.6926 40.7574 38.5298Z" fill="%230A48E8" stroke="white" stroke-width="0.75"/> <path d="M74.5172 38.5298C74.5172 41.3671 72.2172 43.6671 69.38 43.6671C66.5427 43.6671 64.2427 41.3671 64.2427 38.5298C64.2427 35.6926 66.5427 33.3926 69.38 33.3926C72.2172 33.3926 74.5172 35.6926 74.5172 38.5298Z" fill="%230A48E8" stroke="white" stroke-width="0.75"/> <path d="M15.6424 15.6425L15.6425 15.6424C25.4877 5.79715 38.5771 0.375 52.5 0.375C66.4243 0.375 79.5123 5.79576 89.3575 15.6424L89.6227 15.3773L89.3575 15.6424C99.2028 25.4877 104.625 38.5771 104.625 52.5C104.625 66.4243 99.2028 79.5123 89.3575 89.3576L89.6227 89.6227L89.3575 89.3576C79.5123 99.2042 66.4243 104.625 52.5 104.625C38.5756 104.625 25.4877 99.2042 15.6425 89.3576L15.3773 89.6227L15.6425 89.3576C5.79717 79.5123 0.375 66.4229 0.375 52.5C0.375 38.5756 5.79578 25.4877 15.6424 15.6425ZM85.3974 19.6026L85.1323 19.8678L85.3974 19.6026C76.6104 10.8169 64.9269 5.97633 52.5 5.97633C40.0732 5.97633 28.3896 10.8155 19.6026 19.6026C10.8155 28.3897 5.97635 40.0732 5.97635 52.5C5.97635 64.9268 10.8155 76.6103 19.6026 85.3974C28.3896 94.1845 40.0732 99.0237 52.5 99.0237C64.9268 99.0237 76.6104 94.1845 85.3974 85.3974C94.1845 76.6103 99.0237 64.9268 99.0237 52.5C99.0237 40.0732 94.1845 28.3897 85.3974 19.6026Z" fill="%230A48E8" stroke="white" stroke-width="0.75"/> </svg>');

}

.score-num__mobile {
    font-weight: normal;
    font-size: 60px;
    line-height: 1;
    text-align: center;
    color: #8E8E8E;
    transition: all .3s ease-in-out;
}

.score-num__mobile.active {
    color: #0047FF;
}

.score-text {
    display: none;
}

@media all and (min-width: 992px) {
    .checkboxes span:hover::before {
        opacity: .5;
    }
}

@media all and (max-width: 991px) {

    .site-form {
        background: transparent;
        box-shadow: none;
    }
}

@media all and (max-width: 767px) {

    .form {
        margin-top: 30px;
    }

    ul li {
        font-size: 18px;
    }

    .checkboxes ul {
        column-count: 1;
    }

    .checkboxes span {
        font-size: 18px;
    }

    .site-section {
        padding: 40px 0;
    }

    .irs--flat .irs-handle>i:first-child {
        width: 50px;
        height: 50px;
    }

    .irs--flat .irs-handle>i:nth-child(2) {
        width: 30px;
        height: 30px;
    }

    .form-title {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .site-form {
        margin-top: 35px;
        padding: 0;
        background: transparent;
        box-shadow: none;
    }

    .form-descr {
        font-size: 20px;
        margin-top: 15px;
    }

    .btn-blue {
        font-size: 20px;
    }

    .submit-btn {
        margin-top: 35px;
    }

    .score-descr {
        font-size: 14px;
    }

    p {
        font-size: 16px;
    }



}