@charset "utf-8";

/* Общие */
@media (max-width: 1140px) {

    /* MOBILE MENU*/
    .mobile-menu {
        display: block;
    }

    .mobile-menu-icon {
        content: '';
        position: absolute;
        top: 30px;
        right: 15px;
        width: 40px;
        height: 25px;
        background: url(../images/icon-menu.png);
        background-repeat: no-repeat;
        background-position: left center;
        z-index: 9;
        cursor: pointer;
    }

    .mobile-menu {
        position: fixed;
        top: 0;
        left: -105%;
        width: 85%;
        height: 100%;
        overflow-y: auto;
        background-color: #790000;
        box-shadow: 0 1px 20px -7px rgba(0, 0, 0, 0.4);
        z-index: 10;
        text-align: center;
        -moz-transform: translateX(0px);
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transform: translateX(0px);
        -webkit-transition: all 0.2s ease-in-out;
        -o-transform: translateX(0px);
        -o-transition: all 0.2s ease-in-out;
    }

    .mobile-menu-open {
        left: 0%;
    }

    .mobile-menu-wrap {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 30px 15px;
    }

    .mobile-logo {
        margin-bottom: 30px;
        text-align: center;
    }

    .mobile-logo img {
        width: 60%;
    }

    .mobile-menu-close {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 32px;
        height: 32px;
        background-image: url('../images/icon-menu-close.png');
        background-position: center center;
        background-repeat: no-repeat;
    }

    .mobile-menu-links {
        margin-bottom: 30px;
    }

    .mobile-menu-phone {
        text-align: center;
        margin-bottom: 15px;
    }

    .mobile-menu-phone a {
        font-size: 24px;
        font-family: var(--font-family-3);
        color: var(--color1);
        text-decoration: none;
    }

    .mobile-menu-links ul {
        display: block;
        margin: 0;
        padding: 0;
    }

    .mobile-menu-links ul li {
        display: block;
    }

    .mobile-menu-links ul li a {
        display: block;
        font-size: 24px;
        color: var(--color1);
        font-family: var(--font-family-2);
        text-decoration: none;
        padding: 5px 0;
        position: relative;
        -moz-transform: translateX(0px);
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transform: translateX(0px);
        -webkit-transition: all 0.2s ease-in-out;
        -o-transform: translateX(0px);
        -o-transition: all 0.2s ease-in-out;
    }

    .mobile-menu-links ul li a:hover {
        color: var(--color2);
    }

    .mobile-menu-links ul li a:after {
        content: '';
        position: absolute;
        bottom: -3px;
        left: 0;
        right: 0;
        margin: auto;
        width: 0;
        height: 2px;
        background: linear-gradient(to left, var(--color1), var(--color2), var(--color1));
        -moz-transform: translateX(0px);
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transform: translateX(0px);
        -webkit-transition: all 0.2s ease-in-out;
        -o-transform: translateX(0px);
        -o-transition: all 0.2s ease-in-out;
    }

    .mobile-menu-links ul li a:hover:after {
        content: '';
        position: absolute;
        bottom: -3px;
        left: 0;
        right: 0;
        width: 100%;
        height: 2px;
        background: linear-gradient(to left, var(--color1), var(--color2), var(--color1));
    }

    /* MOBILE MENU END*/

    .mobile-none {
        display: none;
    }

    .header-blok-text-big {
        font-family: var(--font-family-3);
        color: var(--color1);
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 30px;
        padding: 0 5px;
    }

    .kub {
        text-align: center;
        border-right: 0;
        margin-bottom: 15px;
    }

    .subheder-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: var(--color1);
        font-size: 24px;
        line-height: 28px;
        font-family: var(--font-family-2);
        width: 100%;
        height: 100%;
        text-align: center;
        text-align: justify;
    }

    .holst-title {
        text-align: center;
        font-size: 26px;
        line-height: 28px;
        text-transform: uppercase;
        font-family: var(--font-family-3);
        margin-bottom: 15px;
    }

    .plashka-wrap {
        margin: auto;
        width: 100%;
    }

    .plashka-wrap:after {
        content: '';
        position: absolute;
        top: 1%;
        left: 2%;
        z-index: 0;
        width: 96%;
        height: 98%;
        border: 1px solid var(--color7);
        border-radius: 25px;
        pointer-events: none;
    }

    .icon-grid-item-image img {
        width: 80%;
    }

    .icon-grid-item-text {
        font-size: 18px;
        line-height: 20px;
        font-family: var(--font-family-3);
        margin-bottom: 10px;
    }

    .callblok-sub-title {
        font-size: 25px;
        line-height: 36px;
        text-transform: uppercase;
        font-family: var(--font-family-3);
        color: var(--color4);
    }

    .callblok-big-title {
        font-size: 42px;
        line-height: 48px;
        text-transform: uppercase;
        font-family: var(--font-family-3);
        color: var(--color2);
        margin-bottom: 10px;
    }

    .step-item-number:after {
        display: none;
    }

    .decor-blok-right {
        display: none;
    }

    .step-col {
        margin-bottom: 30px;
    }

    .plitka-item {
        width: 100%;
    }

    .plitka-item:nth-child(1),
    .plitka-item:nth-child(2) {
        width: 100%;
    }

    .plitka-item-text {
        position: absolute;
        top: 25px;
        left: 25px;
        font-size: 22px;
        line-height: 26px;
        color: var(--color1);
        font-family: var(--font-family-3);
    }

    .zayavka-bigtitle {
        font-size: 34px;
        line-height: 36px;
        margin-bottom: 15px;
        text-transform: uppercase;
        font-family: var(--font-family-3);
        color: var(--color2);
    }

    .zayavka-simpletitle:after {
        display: none;
    }

    .quests-item-vopros {
        font-family: var(--font-family-3);
        font-size: 20px;
        color: var(--color4);
        padding: 15px 50px 15px 25px;
        background-color: var(--color8);
        border-radius: 15px;
        cursor: pointer;
        position: relative;
    }

    .footer-menu {
        text-align: center;
    }

    .footer-phone {
        font-family: var(--font-family-3);
        font-size: 24px;
        text-align: center;
        margin-bottom: 15px;
    }

    .footer-copyright-right {
        text-align: center;
    }

    .footer-copyright-logo {
        margin-bottom: 15px;
    }

    .holst-map-wrap {
        position: absolute;
        top: 140px;
        left: 0;
        width: 100%;
    }

    .custom-input input+label {
        display: block;
        width: 100%;
        background-repeat: no-repeat;
        background-image: url(../images/icon-file.svg);
        background-position: center right;
        background-size: contain;
        cursor: pointer;
        margin: 15px 0;
        font-size: 20px;
        padding: 0 15px 0 0;
    }

    .holst-bg:after {
        content: '';
        position: absolute;
        background-image: url(../images/krug.png);
        background-repeat: no-repeat;
        width: 380px;
        height: 380px;
        background-size: contain;
        position: absolute;
        top: -250px;
        left: 0;
        right: 0;
        margin: auto;
        z-index: -1;
    }

    .header-blok-text-simple {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 30px;
        padding: 0 15px;
    }

}

/* Планшеты */
@media (min-width: 992px) and (max-width: 1140px) {}

/* Смартфоны горизонтальные и планшеты */
@media (min-width: 768px) and (max-width: 991px) {}

/* Смартфоны */
@media (max-width: 767px) {}