@media (
min-width: 0px /* COMMON */
) {

    body {
        background-color: #FFFFFF;
        font-family: 'Source Sans Pro', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 17px;
        line-height: 115%;
        color: #1C1C1C;
    }

    a, button {
        color: inherit;
        text-decoration: none;
    }

    button.btn {
        font-weight: 600;
        color: #FFFFFF;
    }

    section, footer {
        padding-top: 70px;
        padding-bottom: 100px;
    }

    section:nth-of-type(2n), footer {
        background-color: #5D616B;
        color: #FFFFFF;
        line-height: 134.7%;
        opacity: 0.9;
    }

    section .h2, footer .h2 {
        font-family: 'IBM Plex Sans', sans-serif;
        font-weight: 700;
        font-size: 50px;
        line-height: 58px;
    }

    .font-bold {
        font-weight: 600;
    }

    .msg-errors {
        color: red;
    }

    .contact-form {
        width: 350px;
        height: auto;
        padding: 14px 19px 19px;
        background-color: #303239;
        border: 1px solid #FFFFFF;
        color: #FFFFFF;
        font-weight: 600;
    }

    .contact-form p {
        margin-bottom: 12px;
    }

    .contact-form input {
        width: 100%;
        margin-bottom: 10px;
        padding: 8px 10px;
        border-radius: 0;
    }

    input[placeholder] {
        font-size: 15px;
        line-height: 134.7%;
        color: #989898;
    }

    input[type="number"] {
        -moz-appearance: textfield;
        -webkit-appearance: textfield;
        appearance: textfield;
    }

    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button {
        display: none;
    }

    textarea {
        resize: none;
    }

    .form-btn {
        width: 100%;
        background-color: #1CA2ED;
        border-radius: 0;
    }

    p.description {
        font-family: 'Ubuntu', sans-serif;
        font-weight: 700;
        font-size: 25px;
        line-height: 29px;
    }

    .text-blue {
        color: #1CA2ED;
    }

    .blue-block {
        position: absolute;
        width: 190px;
        height: 345px;
        background-color: #1CA2ED;
        content: '';
    }


    @media (min-width: 1400px) {
        .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
            max-width: 1140px;
        }
    }

    @media (max-width: 768px) {
    }

    @media (max-width: 575px) {

        section .h2, footer .h2 {
            font-size: 30px;
            line-height: 115%;
        }

        p.description {
            font-family: 'Source Sans Pro', sans-serif;
            font-size: 17px;
            line-height: 115%;
            font-weight: 600;
        }

    }

}

@media (
min-width: 0px /* HEADER */
) {
    @media {
        #header {
            background: url('../img/bg-header.jpg') center center no-repeat #5D616B;
            background-size: cover;
            min-height: 700px;
            position: relative;
            color: white;
        }

        #header .sector-lefting {
            background-color: #5D616B;
            min-height: 100%;
            opacity: 0.9;
            position: absolute;
            width: 50%;
        }

        #header .sector-center {
            background-color: #1CA2ED;
            left: 45.2%;
            min-height: 100%;
            position: absolute;
            width: 190px;
        }

        #header > .container {
            position: relative;
        }

        .logo {
            margin-top: 28px;
            padding-right: 0;
        }

        .logo-title {
            margin-left: 10px;
        }

        .contact-header {
            margin-top: 22px;
            padding-left: 12px;
        }

        .contact-text {
            margin-top: 5px;
            line-height: 134.7%;
        }

        #header ul {
            line-height: 134.7%;
        }

        .contact-phone {
            font-family: 'Ubuntu', sans-serif;
            font-weight: 700;
            font-size: 25px;
            line-height: 29px;
        }

        .btn-header {
            margin-top: 28px;
            padding-left: 73px;
        }

        .call-me {
            width: 193px;
            padding: 8px 25px 8px 40px;
            position: relative;
            background-color: #303239;
            border-radius: 0;
            font-weight: 300;
            line-height: 134.7%;
        }

        .call-me-small {
            display: none;
            width: 40px;
            height: 40px;
            background: url("../img/call-icon.svg") center no-repeat #1CA2ED;
            border-radius: 0;
        }

        .call-me::before {
            position: absolute;
            content: '';
            width: 17px;
            height: 17px;
            left: 13px;
            top: 11px;
            background: url("../img/phone-icon.svg") no-repeat;
        }

        .btn.call-me:hover {
            opacity: 0.7;
            background-color: #303239;
        }

        .title {
            margin-top: -41px;
            margin-left: -4px;
            font-family: 'IBM Plex Sans', sans-serif;
            font-weight: 700;
            font-size: 77px;
            line-height: 101.7%;
            color: #FFFFFF;
            width: 730px;
        }

        .header-list {
            max-width: 569px;
            padding-left: 56px;
            margin-top: 2px;
        }

        .header-list li {
            margin-bottom: 24px;
            position: relative;
        }

        .header-list li:nth-of-type(2) {
            margin-bottom: 19px;
        }

        .header-list li:nth-of-type(3), .header-list li:nth-of-type(4) {
            margin-bottom: 18px;
        }

        .header-list li::before {
            position: absolute;
            content: '';
            width: 40px;
            height: 40px;
            top: 7px;
            left: -56px;
            background: url("../img/dollar-icon.svg") center center no-repeat #1CA2ED;
        }

        .header-list li:nth-of-type(2)::before {
            background-image: url("../img/checked-icon.svg");
        }

        .header-list li:nth-of-type(3)::before {
            background-image: url("../img/secure-icon.svg");
        }

        .header-list li:nth-of-type(4)::before {
            background-image: url("../img/bolt-icon.svg");
        }

        .header-list li:nth-of-type(5)::before {
            background-image: url("../img/like-icon.svg");
        }

        #header .contact-form {
            margin-top: 108px;
        }

        #header .contact-form label[for="check-box-agree1"] {
            font-weight: normal;
            padding-bottom: 10px;
        }

        #header .contact-form #check-box-agree1 {
            width: auto;
            float: left;
            margin: 0 10px 10px 0
        }

        #header .contact-form a {
            color: #0dcaf0;
        }
    }

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

        .title {
            margin-top: 0;
        }

        #header .contact-form {
            max-width: 300px;
        }

        #header .contact-form .nowrap {
            display: none;
        }

    }

    @media (max-width: 991px) {
        .logo-title .nowrap {
            display: none;
        }

    }

    @media (min-width: 900px) and (max-width: 991.98px) {

        #header .contact-form {
            margin-left: 76px;
        }

    }

    @media (max-width: 767px) {
        #header {
            /*height: 820px;*/
        }

        .logo {
            margin-top: 13px;
            width: 252px;
        }

        .contact-header {
            margin-top: 13px;
        }

        .btn-header {
            margin-top: 13px;
        }

        .call-me {
            display: none;
        }

        .call-me-small {
            display: block;
        }

        #header .contact-form {
            margin: 40px auto;
        }

        .title {
            display: inline-block;
            word-break: break-word;
            max-width: 480px;
        }

    }

    @media (max-width: 575px) {

        #header {
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) -13.46%, rgba(0, 0, 0, 0.51) 98.2%),
            url('../img/bg-header.jpg') left 65% center no-repeat #5D616B;
            background-size: cover;
            min-height: 700px;
            position: relative;
            color: white;
        }

        #header .sector-center, #header .sector-lefting {
            display: none;
        }

        .logo-title {
            font-weight: 300;
            font-size: 13px;
            line-height: 134.7%;
        }

        .contact-header {
            margin-top: 1px;
        }

        .btn-header {
            position: relative;
        }

        .call-me-small {
            position: absolute;
            top: -167px;
            right: 10px;
        }

        .title {
            margin: -18px 0 57px;
            font-size: 45px;
            line-height: 59px;
        }

        .offers-listing {
            background-color: #5D616B;
            opacity: 0.9;
            padding-top: 33px;
            padding-bottom: 33px;
        }

        .offers-listing ~ .offset-md-1.offset-lg-2 {
            background-color: white;
        }

        .header-list {
            padding-left: 59px;
            margin-top: 0;
        }

        .header-list li {
            margin-bottom: 18px;
        }

        #header .contact-form {
            margin-top: 32px;
        }

    }

    @media (max-width: 440px) {

        #header .sector-lefting {
            top: 360px;
        }

        .title {
            max-width: 350px;
        }

    }

    @media (max-width: 350px) {

        .title {
            max-width: 290px;
        }

    }

}

@media (
min-width: 0px /* FEATURES */
) {
    @media {
        .get-features {
            padding-top: 70px;
            padding-bottom: 100px;
        }

        .get-features h2 {
            max-width: 514px;
        }

        .feature-list {
            height: 420px;
            margin-top: 37px;
            padding-left: 47px;
            padding-right: 70px;
            list-style-type: none;
            color: #676767;
        }

        .feature-list-second {
            margin-left: -29px;
            padding-right: 5px;
            padding-top: 9px;
        }

        .feature-list li {
            position: relative;
            margin-bottom: 29px;
        }

        .feature-list-second li {
            margin-bottom: 55px;
        }

        .feature-list li::before {
            position: absolute;
            width: 29px;
            height: 17px;
            top: -2px;
            left: -47px;
            content: '01';
            font-family: 'Ubuntu', sans-serif;
            font-weight: 700;
            font-size: 25px;
            line-height: 29px;
            color: #1CA2ED;
        }

        .feature-list li:nth-of-type(2)::before {
            content: '02';
        }

        .feature-list li:nth-of-type(3)::before {
            content: '03';
        }

        .feature-list li:nth-of-type(4)::before {
            content: '04';
        }

        .feature-list-second li:nth-of-type(1)::before {
            content: '05';
        }

        .feature-list-second li:nth-of-type(2)::before {
            content: '06';
        }

        .feature-list-second li:nth-of-type(3)::before {
            content: '07';
        }

        .feature-list-second li:nth-of-type(4)::before {
            content: '08';
        }

        .round-center {
            width: 510px;
            height: 510px;
            margin-top: -8px;
            margin-left: -80px;
            background: url("../img/bg-2.jpg") top center no-repeat;
            border: 28px solid #FFFFFF;
            border-radius: 50%;
            outline: 1px solid #989898;
        }
    }

    @media (max-width: 1199px) {
        .round-center {
            width: 300px;
            height: 300px;
            border: 17px solid #FFFFFF;
            background-size: contain;
            margin: 0;
        }

        .get-features .row div.col:first-of-type {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .feature-list {
            padding-right: 0;
        }

        .feature-list-second {
            margin-left: 0;
        }

    }

    @media (max-width: 767px) {
        .get-features {
            /*margin-top: 190px;*/
            padding-bottom: 0;
        }

        .get-features h2 {
            margin-bottom: 30px;
        }

        .get-features .nowrap {
            display: none;
        }

        .feature-list {
            height: auto;
            margin: 0;
            margin-top: 30px;
        }

        .feature-list-second {
            margin: 0;
            padding-top: 0;
        }

        .feature-list li {
            margin-bottom: 25px;
        }

    }

    @media (max-width: 575px) {

        #header {
            min-height: 0;
            height: auto;
        }

        .get-features {
            /*margin-top: 209px;*/
            padding-top: 0px;
            padding-bottom: 7px;
        }

        .feature-list {
            margin-top: 25px;
            padding-left: 38px;
            padding-right: 16px;
        }

        .feature-list li {
            margin-bottom: 18px;
        }

        .feature-list li::before {
            left: -38px;
        }

        .feature-list-second {
            margin-top: 0;
        }

    }
}

@media (
min-width: 0px /* CUSTOMERS */
) {
    @media {
        .customers h2 {
            margin-bottom: 13px;
            max-width: 724px;
        }

        .customers p.description {
            margin-bottom: 35px;
            max-width: 724px;
        }

        .customers .row {
            padding-right: 5px;
        }

        .customers .row > div {
            position: relative;
        }

        .customers .row > div::before {
            position: absolute;
            content: '';
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25.52%, rgba(0, 0, 0, 0.63) 100%);
        }

        .pict-min {
            display: none;
        }

        .customers .category {
            height: 89px;
            display: flex;
            align-items: end;
            left: 0;
            bottom: 25px;
            padding-left: 19px;
            padding-right: 30px;
            font-family: 'Ubuntu', sans-serif;
            font-weight: 700;
            font-size: 25px;
            line-height: 29px;
            color: #FFFFFF;
            border-left: 13px solid #1CA2ED;
        }
    }

    @media (max-width: 991px) {
        .customers .category {
            padding-right: 20px;
            font-size: 20px;
            line-height: 25px;
        }

    }

    @media (max-width: 767px) {
        .customers {
            padding-top: 20px;
            padding-bottom: 30px;
        }

        .pict-max {
            display: none;
        }

        .pict-min {
            display: block;
        }

        .customers .category {
            padding-right: 0;
            border-left-width: 6px;
            font-size: 25px;
            line-height: 29px;
        }

    }

    @media (max-width: 575px) {

        .customers h2 {
            margin-bottom: 3px;
        }

        .customers .nowrap {
            display: none;
        }

        .customers p.description {
            margin-bottom: 18px;
        }

        .customers .row {
            padding-right: 5px;
            --bs-gutter-y: 10px;
        }

        .customers .col {
            overflow: visible;
        }

    }
}

@media (
min-width: 0px /* BLOCK-FORM */
) {
    @media {
        .block-form {
            padding-bottom: 71px;
        }

        .block-form h2 {
            margin-bottom: 86px;
            width: 500px;
        }

        .block-form .contact-form {
            width: 380px;
            height: auto;
        }

        .block-form .contact-form input {
            margin-bottom: 9px;
        }

        .block-form .contact-form label[for="check-box-agree2"] {
            font-weight: normal;
            padding-bottom: 10px;
        }

        .block-form .contact-form #check-box-agree2 , label[for="check-box-agree3"] #check-box-agree3{
            width: auto;
            float: left;
            margin: 0 10px 10px 0
        }

        .block-form .contact-form a, label[for="check-box-agree3"] a {
            color: #0dcaf0;
        }

        .block-form .blue-block {
            top: 0;
            right: -286px;
        }

        .block-form .pict-max-1 {
            margin-top: -331px;
        }

        .pict-min-1 {
            display: none;
        }

    }

    @media (max-width: 1199px) {
        .block-form .blue-block {
            right: -221px;
        }

        .about .list-item {
            height: 220px;
        }
    }

    @media (max-width: 991px) {
        .block-form .contact-form {
            max-width: 300px;
            height: auto;
        }

        .block-form .nowrap {
            display: none;
        }

        .block-form .pict-max-1 {
            margin-top: -120px;
            width: 100%;
            margin-left: 28px;
            margin-bottom: 21px;
        }

    }

    @media (max-width: 767px) {
        .block-form {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .block-form h2 {
            margin-bottom: 19px;
            width: 100%;
        }

        .block-form .contact-form {
            margin-bottom: 20px;
        }

        .block-form .blue-block {
            display: none;
        }

        .block-form .row div.col:last-of-type {
            display: flex;
            align-items: end;
        }

        .block-form .pict-max-1 {
            margin-top: 0;
        }

    }

    @media (max-width: 575px) {

        .pict-max-1 {
            display: none;
        }

        .pict-min-1 {
            display: block;
        }

    }
}

@media (
min-width: 0px /* ABOUT */
) {
    @media {

        .about {
            padding-bottom: 51px;
        }

        .about h2 {
            max-width: 724px;
            margin-bottom: 13px;
        }

        .about p.description {
            max-width: 625px;
            margin-bottom: 48px;
        }

        .about .list-item {
            position: relative;
            height: 205px;
            padding-left: 100px;
            margin-bottom: 54px;
            border-bottom: 1px solid #989898;
        }

        .about .list-item-4, .about .list-item-5 {
            border: none;
        }

        .about .list-item::before {
            position: absolute;
            top: -28px;
            left: 0;
            font-family: 'Ubuntu', sans-serif;
            font-weight: 700;
            font-size: 143px;
            line-height: 164px;
            color: #FFFFFF;
            content: '1';
        }

        .about .list-item-2::before {
            content: '2';
        }

        .about .list-item-3::before {
            content: '3';
        }

        .about .list-item-4::before {
            content: '4';
        }

        .about .list-item-5::before {
            content: '5';
        }

        .pass-test {
            width: 350px;
            height: 197px;
            margin-top: 6px;
            padding: 20px;
            padding-top: 14px;
            background-color: #303239;
            border: 1px solid #989898;
            line-height: 115%;
            opacity: 1;
        }

        .pass-test p {
            overflow-wrap: break-word;
        }

        .pass-test a {
            font-weight: 600;
            color: white;
        }
    }

    @media (max-width: 1199px) {
        .about .list-item {
            height: 220px;
        }

        .about .nowrap {
            display: none;
        }

        .pass-test {
            width: 300px;
            height: 217px;
        }
    }

    @media (max-width: 991px) {
        .about .list-item-4 {
            border-bottom: 1px solid #989898;
        }
    }

    @media (max-width: 767px) {
        .about {
            padding-top: 20px;
            padding-bottom: 30px;
        }

        .about p.description {
            max-width: 625px;
            margin-bottom: 30px;
        }

        .about .list-item::before {
            top: -8px;
            font-size: 63px;
            line-height: 72px;
        }

        .about .list-item {
            height: auto;
            padding-left: 47px;
            margin-bottom: 20px;
        }

        .about .list-item .nowrap {
            display: none;
        }

        .pass-test {
            width: 100%;
            height: auto;
        }

        .pass-test p {
            margin-bottom: 26px;
        }

    }

    @media (max-width: 575px) {

        .about h2 {
            margin-bottom: 4px;
        }

        .about p.description {
            margin-bottom: 20px;
        }

        .about .list-item {
            margin-bottom: 14px;
        }

        .about .list-item p {
            margin-bottom: 14px;
        }

        .pass-test {
            margin-top: 1px;
            padding: 20px;
            padding-top: 14px;
        }

    }

}

@media (
min-width: 0px /* TESTING */
) {
    @media {
        .test {
            padding-top: 74px;
            padding-bottom: 57px;
        }

        .test h2 {
            max-width: 620px;
            margin-bottom: 13px;
        }

        .test p.description {
            max-width: 620px;
            margin-bottom: 36px;
        }

        .test form {
            margin-right: -23px;
        }

        .test-content {
            width: 100%;
            height: 345px;
            padding: 34px 40px 31px 39px;
            border: 1px solid #000000;
        }

        .test-progress {
            font-family: 'Ubuntu', sans-serif;
            font-weight: 700;
            font-size: 25px;
            line-height: 29px;
        }

        .test-progress div:first-child {
            margin-right: 11px;
        }

        .test-progress > span {
            width: 65px;
            height: 50%;
            border-bottom: 3px solid #E0E0E0;
        }

        span.blue-line {
            border-bottom-color: #1CA2ED;
        }

        .test-content label, .test-content p {
            font-weight: 600;
        }

        .form-check .form-check-input {
            display: none;
        }

        .form-check-label {
            position: relative;
        }

        .form-check-label::before, .form-check-label::after {
            position: absolute;
            content: '';
            border-radius: 50%;
        }

        .form-check-label::before {
            width: 17px;
            height: 17px;
            top: 2px;
            left: -28px;
            border: 1px solid #1C1C1C;
        }

        .form-check-label::after {
            width: 11px;
            height: 11px;
            top: 5px;
            left: -25px;
            background-color: #1C1C1C;
            opacity: 0;
        }

        .form-check .form-check-input:checked ~ .form-check-label::after {
            opacity: 1;
        }

        .test-content input,
        .test-content textarea {
            padding: 9px 10px;
        }

        .test-content.test1 .test-answer {
            height: 144px;
        }

        .test-content.test1 .test-answer > div:last-child {
            padding-left: 1px;
        }

        .test-content.test1 .form-check {
            margin-bottom: 8px;
            padding-left: 28px;
        }

        .test-content.test1 .test-answer input {
            width: 227px;
            height: 38px;
            margin-top: 2px;
        }

        .test-content .arrow-back {
            width: 30px;
            height: 38px;
            background: url("../img/left-arrow.svg") center no-repeat #FFFFFF;
            border: none !important;
        }

        .test-content .form-btn {
            width: 185px;
        }

        .test-content .form-btn:hover {
            opacity: 0.7;
            color: #dadada;
            background-color: #1CA2ED;
        }

        .test .col-bg {
            width: 541px;
            height: 332px;
            margin-left: -1px;
            background: url("../img/pic8.jpg") 0 0 no-repeat;
            z-index: -2;
        }

        .test .blue-block {
            top: 71px;
            left: -95px;
        }

        .test2 .type-square {
            max-width: 167px;
        }

        .test2 .type-square label {
            margin-bottom: 13px;
        }

        .test2 .type-square input {
            width: 100%;
            height: 38px;
            margin-bottom: 13px;
        }

        .test3 label {
            margin-bottom: 20px;
        }

        .test3 textarea {
            width: 100%;
        }

        .test4 p {
            margin-bottom: 20px;
        }

        .test4 .form-check label {
            margin-bottom: 13px;
        }

        .test4 .form-check label:first-of-type {
            margin-right: 61px;
        }

        .test5 p {
            margin-bottom: 20px;
        }

        .test5 .form-check label {
            margin-bottom: 10px;
            margin-left: 2px;
        }

        .test6 p {
            margin-bottom: 12px;
        }

        .test6 input {
            max-width: 296px;
            margin-bottom: 8px;
            border-color: #E0E0E0;
            border-radius: 0;
        }

        .test6 .form-btn {
            width: 225px;
        }
    }

    @media (max-width: 1199px) {
        .test-progress > span {
            width: 50px;
        }

    }

    @media (max-width: 991px) {
        .test-progress > span {
            width: 30px;
        }

        .test-content {
            padding: 40px 15px 30px 19px;
        }

        .test-content.test1 .test-answer input {
            width: 100%;
        }

    }

    @media (max-width: 767px) {
        .test {
            padding-top: 28px;
            padding-bottom: 30px;
        }

        .test form {
            width: 100%;
        }

        .test .col-bg {
            display: none;
        }

    }

    @media (max-width: 575px) {

        .test {
            padding-bottom: 30px;
        }

        .test h2 {
            margin-bottom: 5px;
        }

        .test .nowrap {
            display: none;
        }

        .test p.description {
            margin-bottom: 18px;
        }

        .test .row > div {
            padding-right: 8px;
        }

        .test-content {
            padding-top: 32px;
            height: 335px;
        }

        .test-progress > span {
            width: 28px;
        }

        .test-content.test1 .test-answer {
            height: 158px;
        }

        .test-content.test1 .test-answer > div:last-child {
            margin-left: -22px;
        }

        .test-content.test1 .test-answer input {
            width: 158px;
        }

    }


}

@media (
min-width: 0px /* DIGITAL-MODEL */
) {
    @media {
        .digital-model {
            padding-bottom: 70px;
        }

        .digital-model h2 {
            max-width: 724px;
            margin-bottom: 60px;
        }

        .digital-model p.description {
            display: none;
        }

        .digital-model .video-wrap {
            width: 100%;
            height: auto;
            margin-bottom: 49px;
            border-top: 12px solid #1CA2ED;
        }

        .digital-model .video-wrap img {
            margin: 0 auto;
            width: 100%;
            height: auto;
            cursor: pointer;
        }

        .digital-model .first-video {
            width: 100%;
            height: 629px;
        }

        .model-description {
            padding-left: 47px;
            padding-right: 7px;
            list-style: none;
        }

        .model-description.second-col {
            margin-left: -3px;
        }

        .model-description li {
            margin-bottom: 24px;
            position: relative;
        }

        .model-description li::before {
            position: absolute;
            top: 0;
            left: -47px;
            content: '01';
            font-family: 'Ubuntu', sans-serif;
            font-weight: 700;
            font-size: 25px;
            line-height: 29px;
            color: #FFFFFF;
        }

        .model-description.first-col li:nth-child(2)::before {
            content: '02';
        }

        .model-description.first-col li:nth-child(3)::before {
            content: '03';
        }

        .model-description.first-col li:nth-child(4)::before {
            content: '04';
        }

        .model-description.second-col li:nth-child(1)::before {
            content: '05';
        }

        .model-description.second-col li:nth-child(2)::before {
            content: '06';
        }

        .model-description.second-col li:nth-child(3)::before {
            content: '07';
        }

        .model-description.second-col li:nth-child(4)::before {
            content: '08';
        }
    }

    @media (max-width: 1199px) {
        .digital-model .first-video {
            height: 528px;
        }
    }

    @media (max-width: 991px) {
        .digital-model .first-video {
            height: 393px;
        }
    }

    @media (max-width: 767px) {
        .digital-model {
            padding-top: 20px;
            padding-bottom: 40px;
        }

        .digital-model h2 {
            margin-bottom: 30px;
        }

        .digital-model .video-wrap {
            margin-bottom: 30px;
        }

        .digital-model .first-video {
            height: 292px;
        }
    }

    @media (max-width: 640px) {
        .digital-model .first-video {
            height: 290px;
        }
    }

    @media (max-width: 575px) {

        .digital-model {
            padding-bottom: 20px;
        }

        .digital-model p.description {
            display: block;
            margin-bottom: 26px;
        }

        .digital-model h2 {
            margin-bottom: 4px;
        }

        .digital-model .video-wrap {
            margin-bottom: 18px;
            border-top-width: 5px;
        }

        .model-description {
            padding-left: 38px;
            padding-right: 0;
            margin-right: -8px;
            margin-bottom: 0;
        }

        .model-description li {
            margin-bottom: 14px;
        }

        .model-description li::before {
            left: -38px;
        }

        .model-description.second-col {
            padding-left: 41px;
        }

        .digital-model .first-video {
            height: 310px;
        }

    }

    @media (max-width: 480px) {
        .digital-model .first-video {
            height: 257px;
        }
    }

    @media (max-width: 320px) {
        .digital-model .first-video {
            height: 166px;
        }
    }
}

@media (
min-width: 0px /* GALLERY */
) {
    @media {

        .gallery {
            padding-bottom: 110px;
        }

        .gallery h2 {
            max-width: 400px;
            margin-bottom: 60px;
        }

        .gallery .slider {
            width: 1110px;
            height: 300px;
            margin: 0 auto;
            overflow: hidden;
            position: relative;
        }

        .slider .slider-inner {

        }

        .slider .slider-inner img, .slider .slider-inner iframe {
            width: 370px;
            height: 300px;
        }

        .slider .slider-controls a {
            position: absolute;
            top: 0;
            bottom: 0;
            opacity: 0.5;
        }

        .slider .slider-controls .slide-control-prev {
            left: 0;
        }

        .slider .slider-controls .slide-control-next {
            right: 0;
        }

        .slider-controls span {
            width: 40px;
            height: 40px;
            z-index: 1;
        }

        .slider .control-prev-icon {
            background: url("../img/left-arrow-button.svg") center no-repeat #1CA2ED;
        }

        .slider .control-next-icon {
            background: url("../img/right-arrow-button.svg") center no-repeat #1CA2ED;
        }
    }

    @media (max-width: 1199px) {

        .gallery .slider {
            max-width: 936px;
            height: auto;
        }

        .slider .slider-inner {
            width: 1560px;
        }

        .slider .slider-inner img, .slider .slider-inner iframe {
            width: 312px;
            height: 253px;
        }

    }

    @media (max-width: 991px) {

        .gallery .slider {
            max-width: 696px;
            height: auto;
        }

        .slider .slider-inner {
            width: 1740px;
        }

        .slider .slider-inner img, .slider .slider-inner iframe {
            width: 348px;
            height: 282px;
        }

    }

    @media (max-width: 767px) {

        .gallery {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .gallery h2 {
            margin-bottom: 20px;
        }

        .gallery .slider {
            max-width: 516px;
            height: auto;
        }

        .slider .slider-inner {
            width: 1290px;
        }

        .slider .slider-inner img, .slider .slider-inner iframe {
            width: 258px;
            height: 209px;
        }
    }

    @media (max-width: 575px) {

        .gallery h2 {
            max-width: 230px;
            margin-bottom: 19px;
        }

        .gallery .slider {
            max-width: 300px;
            height: 205px;
        }

        .slider .slider-inner {
            width: 1500px;
        }

        .slider .slider-inner img, .slider .slider-inner iframe {
            width: 300px;
            height: 220px;
            margin-top: -10px
        }

        .slider .slider-inner img {

        }
    }

}

@media (
min-width: 0px /* ADVANTAGES */
) {
    @media {

        .advantages {
            padding-bottom: 73px;
        }

        .advantages h2 {
            max-width: 555px;
            margin-bottom: 53px;
        }

        .advantages .row {
            --bs-gutter-y: 13px;
        }

        .advantages h3 {
            margin-left: 56px;
            margin-bottom: 8px;
            position: relative;
            font-family: 'Ubuntu', sans-serif;
            font-weight: 700;
            font-size: 25px;
            line-height: 29px;
        }

        .advantages h3::before {
            position: absolute;
            width: 40px;
            height: 40px;
            content: '';
            top: 7px;
            left: -56px;
            background: url("../img/ruler-icon.svg") center no-repeat #1CA2ED;
        }

        .advantages div.col:nth-of-type(2) h3::before {
            background: url("../img/share-icon.svg") center no-repeat #1CA2ED;
        }

        .advantages div.col:nth-of-type(3) h3::before {
            background: url("../img/worker-icon.svg") center no-repeat #1CA2ED;
        }

        .advantages div.col:nth-of-type(4) h3::before {
            background: url("../img/tool-icon.svg") center no-repeat #1CA2ED;
        }

        .advantages div.col:nth-of-type(5) h3::before {
            background: url("../img/secure-icon.svg") center no-repeat #1CA2ED;
        }

        .advantages div.col:nth-of-type(6) h3::before {
            background: url("../img/setting-icon.svg") center no-repeat #1CA2ED;
        }

        .advantages div.col:nth-of-type(7) h3::before {
            background: url("../img/clock-icon.svg") center no-repeat #1CA2ED;
        }

        .advantages div.col:nth-of-type(8) h3::before {
            background: url("../img/monitor-icon.svg") center no-repeat #1CA2ED;
        }

        .advantages p {
            margin-left: 56px;
            padding-right: 5px;
        }

        .advantages p.licence {
            margin: 15px 0 0 55px;
        }

        .advantages a {
            text-decoration: underline;
        }
    }

    @media (max-width: 992px) {
        .img-license {
            width: 100%;
            height: auto;
        }
    }

    @media (max-width: 767px) {

        .advantages {
            padding-top: 20px;
            padding-bottom: 40px;
        }

        .advantages h2 {
            margin-bottom: 30px;
        }

        .advantages .row {
            --bs-gutter-y: 30px;
        }

        .advantages p {
            margin-bottom: 0;
        }

    }

    @media (max-width: 575px) {

        .advantages {
            padding-bottom: 34px;
        }

        .advantages h2 {
            margin-bottom: 23px;
        }

        .advantages .row {
            --bs-gutter-y: 18px;
        }

        .advantages h3 {
            display: inline-block;
            word-break: break-word;
        }

        .advantages p.licence {
            margin-top: 0;
        }

    }

}

@media (
min-width: 0px /* ALGORITHM */
) {
    @media {

        .algorithm {
            padding-bottom: 110px;
        }

        .algorithm h2 {
            margin-bottom: 53px;
        }

        .p-wrap {
            height: 127px;
            padding: 12px 11px 50px 73px;
            margin-bottom: 34px;
            border-bottom: 1px solid #E0E0E0;
            display: flex;
            align-items: center;
            position: relative;
        }

        .algorithm p {
            margin-bottom: 0;
        }

        .algorithm .p-wrap::before {
            position: absolute;
            top: -22px;
            left: 0;
            font-family: 'Ubuntu', sans-serif;
            font-weight: 700;
            font-size: 110px;
            line-height: 126px;
            color: #1CA2ED;
            content: '1';
        }

        .algorithm div.col:nth-of-type(2) .p-wrap::before {
            content: '2';
        }

        .algorithm div.col:nth-of-type(3) .p-wrap::before {
            content: '3';
        }

        .algorithm div.col:nth-of-type(4) .p-wrap::before {
            content: '4';
        }

        .algorithm div.col:nth-of-type(5) .p-wrap::before {
            content: '5';
        }

        .algorithm div.col:nth-of-type(6) .p-wrap::before {
            content: '6';
        }

        .algorithm div.col:nth-of-type(7) .p-wrap::before {
            content: '7';
        }

        .algorithm div.col:nth-of-type(8) .p-wrap::before {
            content: '8';
        }

        .algorithm div.col:nth-of-type(9) .p-wrap::before {
            content: '9';
        }

        .algorithm div.col:nth-of-type(10) .p-wrap::before {
            content: '10';
            left: -29px;
            letter-spacing: -0.8rem;
        }

        .algorithm div.col:nth-of-type(10) .p-wrap {
            padding-left: 98px;
        }

        .algorithm div.col:nth-of-type(9) .p-wrap, .algorithm div.col:nth-of-type(10) .p-wrap {
            margin-bottom: 0;
            border-bottom: none;
        }

        .algorithm button.form-btn {
            width: 350px;
            height: 63px;
            margin-top: 5px;
            margin-left: -95px;
            padding: 11px 25px;
            font-size: 17px;
            line-height: 115%;
        }

        .algorithm button.form-btn:hover {
            opacity: 0.7;
            background-color: #1ca2ed;
        }
    }

    @media (max-width: 991px) {
        .algorithm div.col:nth-of-type(9) .p-wrap {
            border-bottom: 1px solid #E0E0E0;
        }
    }

    @media (max-width: 767px) {
        .algorithm {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .algorithm h2 {
            margin-bottom: 30px;
        }

        .p-wrap {
            padding: 10px 0 20px 56px;
            margin-bottom: 10px;
            height: 81px;
            align-items: start;
        }

        .algorithm .p-wrap::before {
            position: absolute;
            top: 4px;
            left: 10px;
            font-size: 42px;
            line-height: 48px;
        }

        .algorithm div.col:nth-of-type(10) .p-wrap {
            padding-left: 56px;
        }

        .algorithm div.col:nth-of-type(10) .p-wrap::before {
            left: 4px;
            letter-spacing: -0.3rem;
        }

        .algorithm div.col:nth-of-type(9) .p-wrap {
            border-bottom: none;
        }

        .algorithm button.form-btn {
            margin-left: 40%;
            margin-right: -60%;
        }
    }

    @media (max-width: 575px) {

        .algorithm h2 {
            margin-bottom: 15px;
        }

        .p-wrap {
            padding-bottom: 15px;
            padding-top: 11px;
            margin-bottom: 5px;
            height: auto;
            min-height: 59px;
        }

        .algorithm .nowrap {
            display: none;
        }

        .algorithm div.col:nth-of-type(9) .p-wrap {
            border-bottom: 1px solid #E0E0E0;
        }

        .algorithm button.form-btn {
            margin: 12px auto 0;
        }

    }

}

@media (
min-width: 0px /* FOOTER */
) {
    @media {
        .page-footer {
            padding-bottom: 0;
        }

        .page-footer .blue-block {
            top: 0;
            left: 43%;
        }


        .page-footer .h2 {
            margin-bottom: 59px;
        }

        .grid-container {
            grid-template-areas:
        "map contacts"
        "map copyright";
        }

        .map {
            grid-area: map;
            width: 570px;
            height: 458px;
        }

        .map iframe {
            width: 100%;
            height: inherit;
        }

        .contacts-list {
            grid-area: contacts;
            margin-left: 158px;
            margin-bottom: 0;
            font-family: 'Ubuntu', sans-serif;
            font-weight: 700;
            font-size: 25px;
            line-height: 29px;
            width: auto;
        }

        .contacts-list li {
            margin-bottom: 48px;
            margin-left: 56px;
            position: relative;
        }

        .contacts-list li:nth-child(2) {
            margin-bottom: 58px;
        }

        .contacts-list li:nth-child(3) {
            margin-bottom: 59px;
        }

        .contacts-list li:last-child {
            margin-bottom: 23px;
        }

        .contacts-list li::before {
            position: absolute;
            content: '';
            width: 40px;
            height: 40px;
            top: 5px;
            left: -56px;
            background: url("../img/location-icon.svg") center no-repeat #1CA2ED;
        }

        .contacts-list li:nth-child(2)::before {
            background: url("../img/clock-icon.svg") center no-repeat #1CA2ED;
            top: -5px;
        }

        .contacts-list li:nth-child(3)::before {
            background: url("../img/call-icon.svg") center no-repeat #1CA2ED;
            top: -5px;
        }

        .contacts-list li:nth-child(4)::before {
            background: url("../img/email-icon.svg") center no-repeat #1CA2ED;
            top: -5px;
        }

        .city-loc {
            margin-top: -5px;
            margin-bottom: 10px;
            font-size: 17px;
            line-height: 115%;
        }

        .copyright {
            grid-area: copyright;
            margin-left: 157px;
            width: auto;
            opacity: 0.8;
        }

        .copyright a {
            color: #62c1fa;
        }

        .copyright a:hover {
            color: #fff;
            text-decoration: underline #0dcaf0;
        }
    }

    @media (max-width: 1199px) {
        .page-footer .blue-block {
            display: none;
        }

        .contacts-list {
            margin-left: 18px;
        }

        .copyright {
            margin-left: 18px;
        }

    }

    @media (max-width: 991px) {
        .map {
            grid-area: map;
            /*max-width: 450px;*/
        }

        .contacts-list {
            margin-left: 0;
            font-size: 23px;
            line-height: 27px;
        }

        .copyright {
            margin-left: 0;
        }

    }

    @media (max-width: 840px) {
        .contacts-list {
            padding-right: 30px;
            font-size: 21px;
            line-height: 27px;
        }

        .copyright {
            padding-right: 30px;
        }

    }

    @media (max-width: 767px) {

        .page-footer {
            padding-top: 20px;
            padding-bottom: 30px;
        }

        .page-footer .h2 {
            margin-bottom: 30px;
        }

        .grid-container {
            grid-template-areas:
                "contacts"
                "map"
                "copyright";
        }

        .map {
            width: 100%;
            /*max-width: fit-content;*/
            margin: 0 auto;
        }

        .contacts-list {
            width: 100%;
            margin-bottom: 20px;
        }
    }

    @media (max-width: 575px) {

        .contacts-list {
            font-family: 'Source Sans Pro', sans-serif;
            font-weight: 600;
            font-size: 17px;
            line-height: 115%;
        }

        .city-loc {
            margin-bottom: 2px;
        }

        .contacts-list li {
            margin-bottom: 44px;
        }

        .contacts-list li:nth-child(2) {
            margin-bottom: 51px;
        }

        .contacts-list li:nth-child(3) {
            margin-bottom: 49px;
        }

        .contacts-list li:nth-child(2)::before, .contacts-list li:nth-child(3)::before {
            top: -10px;
        }

        .contacts-list li:nth-child(4)::before {
            top: -9px;
        }

        .map {
            /*height: auto;*/
            padding-left: 0;
            padding-right: 0;
        }

        .copyright {
            padding-right: 0;
            margin-top: 25px;
        }

    }

    @media (max-width: 455px) {

        .map {
            /*width: 320px;*/
        }
    }
}

@media (
min-width: 0px /* MODAL */
) {
    @media {
        #feedBackModal .modal-dialog {
            margin-top: 52px;
            max-width: 428px;
        }

        #feedBackModal .modal-content {
            padding: 14px 29px 25px;
            border-radius: 0;
        }

        #feedBackModal .modal-content > * {
            padding: 0;
        }

        #feedBackModal .modal-header {
            align-items: start;
            margin-bottom: 14px;
            border-bottom: none;
        }

        #feedBackModal .modal-title {
            font-family: 'IBM Plex Sans', sans-serif;
            font-weight: 700;
            font-size: 50px;
            line-height: 58px;
        }

        #feedBackModal .btn-close {
            margin-top: -5px;
            margin-right: -23px;
        }

        #feedBackModal form > * {
            margin-bottom: 10px;
        }

        #feedBackModal form input {
            padding: 7px 10px 9px;
            border: 1px solid #989898;
            border-radius: 0;
        }

        #feedBackModal .modal-footer {
            border-top: none;
        }

        #feedBackModal .form-btn {
            margin: 0;
        }

        #feedBackModal a {
            color: #1e95d8;
            font-weight: 600;
        }
    }

}

@media (
min-width: 0px /* THANKS */
) {
    @media {
        .thanks-block {
            margin: 111px auto;
            /*width: 880px;*/
            padding: 15px;
        }

        .thanks-block > p {
            margin-bottom: 23px;
        }

        .thanks-block .h2 {
            margin-bottom: 15px;
            font-family: 'IBM Plex Sans', sans-serif;
            font-weight: 700;
            font-size: 50px;
            line-height: 58px;
        }

        .thanks-block .h4 {
            font-family: 'Ubuntu', sans-serif;
            font-weight: 700;
            font-size: 25px;
            line-height: 29px;
        }

        .thanks-block .form-btn {
            max-width: 408px;
        }
    }

    @media (max-width: 380px) {
        .thanks-block .h2 {
            font-size: 40px;
        }
    }

}