@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/*==========  Desktop First Method  ==========*/


/* Large Devices, Wide Screens */

.sticky-header.active {
    position: fixed;
    width: 100%;
    z-index: 1000000;
}

.warrning_region.active {
    position: fixed;
    width: 100%;
    z-index: 1000;
    top: 143px;
    left: 0px;
    background: #FAF6E6;
}

.container-с {
    max-width: 1550px;
    margin: 0 auto;
    padding: 0 10px;
}

.slider_index .item {
    position: relative;
    display: flex;
}

.text_banner {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 100000000;
    display: block;
    font-size: 28px;
    color: #FFF;
}

.text_banner a {
    color: #FFF;
}

@media only screen and (max-width: 1550px) {}


/* Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) {}


/* Medium Devices, Desktops */

@media only screen and (max-width: 960px) {}


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
    .text_banner {
        position: absolute;
        bottom: 5px;
        left: 10px;
        z-index: 100000000;
        display: block;
        font-size: 20px;
        color: #FFF;
    }
    .sticky-header.active {
        position: relative;
    }
    .main .middle .car-block .img {
        margin: 0 auto;
        display: block;
    }
    .main .middle .select-panel .form-group {
        width: 100%;
    }
    .addr {
        display: none;
    }
    .contact-wrap .info-contact {
        position: absolute;
        top: 50%;
        margin-top: -23px;
        right: 0;
    }
    .top-line .logo-wrap img {
        max-width: 200px;
    }
    .toggle-mnu {
        display: table-cell;
        vertical-align: middle;
    }
    .top-line .logo-wrap {
        display: table-cell;
        vertical-align: middle;
        /*padding-top: 20px;*/
    }
    .toggle-mnu {
        height: 60px;
        line-height: 40px;
        padding-bottom: 20px;
    }
}


/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {
    .main .middle .select-panel .form-group {
        margin: 0 7px;
    }
    .breadcrumbs {
        text-align: center;
    }
    .main .middle .car-block {
        /*float: none;*/
    }
    .top-line .logo-wrap img {
        /*padding-left: 35px;*/
    }
    .car-block {
        margin-bottom: 20px;
    }
    .main .middle .select-panel .select-nav form {
        margin-top: 10px;
    }
    .text_banner {
        position: absolute;
        bottom: 0px;
        left: 10px;
        z-index: 100000000;
        display: block;
        font-size: 16px;
        color: #FFF;
    }
    .warrning_region.active {
        position: fixed;
        width: 100%;
        z-index: 1000;
        top: 0px;
        left: 0px;
        background: #FAF6E6;
    }
}

@media only screen and (max-width: 480px) {
    .text_banner {
        position: absolute;
        bottom: 0px;
        left: 10px;
        z-index: 100000000;
        display: block;
        font-size: 12px;
        color: #FFF;
    }
    .top-slider {
        display: none;
    }
    #map {
        height: 300px;
    }
    .contact-wrap .info-contact a.tel {
        font-size: 14px;
    }
    .eh {
        width: 100%;
    }
}


/* Custom, iPhone Retina */

@media only screen and (max-width: 420px) {}


/* Custom, iPhone Retina */

@media only screen and (max-width: 380px) {}


/*==========  Mobile First Method  ==========*/


/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {}


/* Extra Small Devices, Phones */

@media only screen and (max-width: 600px) {
    .header-desc {
        display: none;
    }
    .header-mobile {
        display: block;
    }
    .header-mobile .block-mobile {
        display: flex;
        align-items: center;
        padding: 0 10px;
    }
    .header-mobile .block-mobile .logo-wrap img {
        width: 90%;
    }
    .header-mobile .block-mobile .logo-wrap {
        margin: 0 auto;
        width: 45%;
    }
    .header-mobile .block-mobile .contacts {
        width: 55%;
        text-align: center;
    }
    .header-mobile .block-mobile .contacts .phone a {
        font-size: 22px;
    }
    .header-mobile .block-mobile .contacts .phone {
        margin-bottom: 5px;
    }
    .header-mobile .block-mobile .contacts .button-wrap {
        margin: 0 auto;
    }
    .header {
        padding-top: 20px;
    }
    .upper_text {
        display: none;
    }
    .main-menu {
        position: sticky !important;
        top: 0;
        min-height: 50px !important;
    }
    .navbar-header.mobile {
        display: flex;
        padding: 0 10px;
        align-items: center;
    }
    .navbar-header.mobile .block-hide {
        display: block;
    }
    .navbar-header.mobile .navbar-toggle {
        margin-right: 20px !important;
    }
    .navbar-header.mobile .block-hide.phone {
        width: 50%;
    }
    .navbar-header.mobile .block-hide.phone a {
        color: #fff;
        font-size: 18px;
    }
    .navbar-header.mobile .block-hide.callback {
        width: 16%;
    }
    .navbar-header.mobile .block-hide.callback a,
    .navbar-header.mobile .block-hide.calc a {
        background: #ffcc01;
        font-size: 28px;
        border-radius: 4px;
        padding: 0px 12px;
    }
    .navbar-header.mobile .block-hide.calc a {
        padding: 0 10px 0 12px;
    }
    .kalkulyator .mobile {
        display: block;
    }
    .kalkulyator .mobile label.custom {
        color: #fff;
        font-family: "HelveticaNeueCyrMedium", sans-serif;
        font-weight: normal;
        text-transform: uppercase;
        margin-top: 30px;
    }
    .kalkulyator .mobile-hide {
        display: none !important;
    }
    .our-work .title-bottom {
        min-height: 56px;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
    }
    .our-work .item-wrap {
        margin: 0 auto;
    }
    .wrap-categories ul {
        margin-top: 0;
    }
    .wrap-categories .title {
        margin-bottom: 2px;
    }
    .the_other .flex .item {
        margin-bottom: 0;
    }
    .the_other .flex .item.last {
        margin-top: 0;
    }
    .the_other .flex .item img {
        width: 80px;
    }
    .row-new-flex .new-cat {
        height: 150px;
        width: 44%;
        margin-right: 0;
    }
    .row-new-flex .new-cat .item_block {
        padding: 0 !important;
    }
    .row-new-flex .new-cat.inner {
        width: 88% !important;
        padding: 0 !important;
    }
    .row-new-flex .new-cat .work_title {
        background: rgb(5, 135, 94, 1);
        min-height: 54px;
        height: auto;
        justify-content: center !important;
        align-items: center;
        font-size: 12px;
    }
    .alignright,
    .alignnone {
        width: 100%;
        height: auto;
    }
    .video_block iframe {
        width: 90%;
        margin: 0 !important;
    }
    .wrap-imm {
        margin-left: 0 !important;
    }
    .last-work_list .last-work_item {
        width: 100% !important;
    }
    .new_content .vidi .pic-wrap {
        width: 48% !important;
    }
    h1 {
        font-size: 34px !important;
    }
    .frontPageText ol {
        margin-left: 15px;
    }
    .navbar-header.mobile li.menu-item-has-children a {
        width: fit-content;
    }
    .navbar-collapse li.menu-item-has-children>a::after {
        content: "\f054";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 12px;
        text-rendering: auto;
        margin-left: 10px;
    }
    .noClick .sub-menu {
        position: relative !important;
        left: 0 !important;
        margin-top: 0;
        margin-bottom: 20px;
    }
    .noClick .sub-menu.sub-hidden {
        display: none;
    }
    .noClick .sub-menu.sub-shown {
        display: block;
    }
    .foto-double-polisad_list {
        justify-content: center;
    }
    .block-mobile-after-contacts {
        display: block;
        color: #fff;
        margin-top: 30px;
    }
    .block-mobile-after-contacts .button-wrap a {
        margin-bottom: 0;
        font-weight: bold;
    }
    .block-mobile-after-contacts .button-wrap {
        margin: 10px 0;
        min-height: 20px;
    }
    .block-mobile-after-contacts a,
    .block-mobile-after-contacts p {
        color: #fff;
        font-size: 16px;
        margin-bottom: 10px;
        display: block;
    }
}

@media(max-width: 419px) {
    #zvonok-call {
        min-width: 98% !important;
    }
}


/* Small Devices, Tablets */

@media only screen and (min-width: 768px) {}


/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {
    .toggle-mnu {
        display: none;
    }
}


/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {
    .contact-wrap .info-contact a.tel {
        font-size: 19px;
        font-weight: bold;
    }
}

@media (min-width: 1550px) {
    .container {
        width: 1520px;
    }
}

@media (max-width: 768px) {
    body .our-work .title-bottom {
        flex-direction: column;
    }
    .content-wrap .top-section .top-section-right {
        display: none;
    }
    .content-wrap .top-section .top-section-left {
        width: 100%;
    }
    .content-wrap .top-section .adventages-item {
        padding-left: 0px;
        padding-top: 40px;
        background-position: top center;
        background-size: 30px;
        font-size: 12px;
    }
    .content-wrap .top-section .adventages-item.adventages-item--mobile {
        padding: 0px;
        font-size: 14px;
    }
    .sticky-header.active {
        position: fixed;
    }
    .sticky-header.active {
        top: 0;
        width: 100%;
        left: 0;
        z-index: 999999999999999999999999999;
    }
    .sticky-header.active~main {
        margin-top: 185px;
    }
    .sticky-header {
        z-index: 999999999999999999999999999;
        position: relative;
    }
    .navbar-collapse {
        max-height: calc(100vh - 185px);
        overflow-y: auto;
    }
    nav.main-menu ul#menu-top-menu>li>ul {
        height: fit-content !important;
    }
    .noClick .sub-menu {
        position: relative !important;
        left: 0 !important;
        margin-top: 0;
        margin-bottom: 20px;
    }
    .noClick .sub-menu.sub-hidden {
        display: none !important;
    }
    .noClick .sub-menu.sub-shown {
        display: block !important;
    }
    .navbar-collapse li.menu-item-has-children>a::after {
        content: "\f054";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 12px;
        text-rendering: auto;
        margin-left: 10px;
    }
    .kalkulyator .wrapper .tabs span.tab {
        padding: 5px !important;
    }
    .kalkulyator .wrapper .tabs span.tab {
        width: 25%;
    }
}

@media (min-width: 600px) and (max-width: 768px) {
    .navbar-collapse {
        max-height: calc(100vh - 350px);
    }
}

@media (max-width: 525px) {
    main.main section.our-work .row {
        display: flex;
        flex-wrap: wrap;
        padding: 0 10px;
    }
    section.categories {
        padding: 0 10px;
    }
    .the_other .flex .item {
        min-height: fit-content;
    }
    .item-wrap .title-bottom {
        min-height: fit-content;
    }
}

@media (max-width: 600px) {
    .header-mobile .block-mobile .contacts .phone .whatsapp_a {
        position: relative;
        left: unset;
        font-size: 12px;
    }
    .header-mobile .block-mobile .contacts .phone {
        display: flex;
        justify-content: center;
        margin-bottom: 3px;
    }
}

@media (max-width: 768px) {
    .fancybox-overlay {
        z-index: 999999999999999999 !important;
    }
}

@media (max-width: 767.98px) {
    body .breadcrumbs {
        margin: 15px 0px -5px;
        text-align: left;
    }
    body .breadcrumbs ol {
        flex-wrap: nowrap;
        margin-bottom: 0px;
    }
    body .breadcrumbs span {
        text-align: left;
    }
    .row-new-flex {
        width: 100%;
    }
    .item-wrap .title-bottom {
        font-size: 16px;
        line-height: 140%;
    }
    body .breadcrumbs {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    body .breadcrumbs * {
        white-space: nowrap;
    }
    body .breadcrumbs span {
        padding: 0px 2px;
    }
    body .breadcrumbs ol {
        flex-wrap: nowrap;
    }
    .content-wrap.new_content h1,
    .content-wrap.new_content h2,
    .content-wrap.new_content h3 {
        clear: both;
    }
    .item-wrap {
        margin-bottom: 15px;
    }
    body .item-wrap img {
        margin-top: 15px;
    }
    .item-wrap .title-bottom {
        font-size: 14px;
        line-height: 140%;
    }
    body .adventages-item {
        display: none;
    }
    body .adventages-item.adventages-item--mobile {
        display: block;
    }
    .content-wrap .top-section .adventages-item.adventages-item--mobile {
        padding-top: 40px;
    }
}

@media (max-width: 600px) {
    .row-new-flex {
        margin: 0px;
        padding: 0px 15px;
    }
    .row-new-flex .new-cat.inner {
        width: 100% !important;
        margin-left: 0px;
    }
    .item-wrap .title-bottom {
        font-size: 13px;
        /* min-height: 125px; */
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
 
}

@media (min-width: 768px) {
    .adventages-item.adventages-item--mobile {
        display: none;
    }
}