@font-face{
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Gotham Pro'), local('Gotham Pro Bold'), url("fonts/GothaProBol.otf") format("opentype");
}

* {
    box-sizing: border-box;
}
body {
    font: 400 18px/1.5em 'IBM Plex Sans';
    color: #333;
    margin: 0;
    padding: 50px 0 0;
}
a {
    text-decoration: none;
    color: #FC4242;
}
a:hover {
    text-decoration: underline
}
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hide-m {
    display: none!important;
}

.btn {
    height: 40px;
    padding: 0 20px;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    text-transform: uppercase;
    font: 700 13px/1.4em 'Gotham Pro';
    letter-spacing: 0.02em;
    transition: 0.2s ease;
    cursor: pointer;
    outline: none;
}
.btn:focus {
    outline: none;
}
.btn-filled {
    background: #FC4242;
    border-color: #FC4242;
    color: #fff;
}
.btn-filled:hover {
    background: #FF6666;
    border-color: #FF6666;
}
.btn-empty {
    border-color: #FFF;
    background: transparent;
    color: #FFF;
}
.btn-invert {
    border-color: #FC4242;
    background: transparent;
    color: #FC4242;
}
.btn-invert:hover,
.btn-empty:hover {
    border-color: #FC4242;
    background: #FC4242;
    color: #fff;
}
.btn-red {
    background: transparent;
    border-color: #FC4242;
    color: #FC4242;
}
.btn-red:hover {
    background: #FC4242;
    color: #FFF;
}
a.btn {
    display: flex;
    height: 30px;
    padding: 0 10px;
    flex: 0 0 auto;
    width: 131px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
a.btn:hover {
    text-decoration: none;
}

.h2 {
    font: 700 20px/1.2em Gotham Pro;
    text-transform: uppercase;
    margin: 30px 8px 15px;;
    text-align: center;
}
.h3 {
    font: 700 18px/1.6em Gotham Pro;
    text-transform: uppercase;
    margin: 15px 8px 8px;
}
.h4 {
    font: 700 16px/1.6em Gotham Pro;
    text-transform: uppercase;
    margin: 10px 8px 6px;
}
.h4
.container {
    padding-left: 8px;
    padding-right: 8px;
}

.img img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.img-bg {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

header {
    height: 50px;
    top: 0;
    width: 100%;
    background: #1A2654;
    z-index: 14;
    position: fixed;
}
header .container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 10px;
    height: 100%;
}
header .logo {
    margin-left: 25px;
    margin-top: 8px;
}
header .logo img {
    height: 42px;
}
header .phone-num {
    margin-left: auto;
}
header .phone-num a {
    color: #fff;
    font-size: 15px;
}
header .phone-num a:hover {
    text-decoration: underline;
    color: #fff;
}

.mobile-open {
    width: 18px;
    height: 12px;
    background: url('/image/mobile-menu.svg') no-repeat center center / cover;
}
.mobile-menu {
    position: fixed;
    top: 0;
    left: -100vw;
    width: 100vw;
    background: #f4f6ef;
    border-bottom: 1px solid #e5e5e5;
    z-index: 15;
}
.mobile-menu ul {
    margin: 10px 45px 20px 15px;
}
.mobile-menu li a {
    display: block;
    padding: 10px;
    text-transform: uppercase;
    color: #333;
}
.mobile-close {
    position: absolute;
    top: 20px;
    right: 30px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.mobile-close::before,
.mobile-close::after {
    width: 23px;
    height: 1px;
    position: absolute;
    content: '';
    background: #333;
    left: -4px;
    top: 7px;
}
.mobile-close::before {
    transform: rotate(45deg);
}
.mobile-close::after {
    transform: rotate(-45deg);
}

.top-slide {
    padding-top: 180px;
    background-size: auto 300px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #e6f0ff;
}

h1 {
    font: 700 20px/1.2em 'Gotham Pro';
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    margin-bottom: 50px;
}
.center-text {
    text-align: center;
}

.lead {
    font-size: 15px;
}
.top-slide .lead {
    text-align: center;
    display: block;
    background: #E6F0FF;
    padding: 5px 16px;
}

.left-icon {
    display: flex;
    flex-direction: column;
}
.left-icon li {
    display: flex;
    align-items: center;
    border: 1px solid #fff;
    height: 88px;
    padding: 0 15px;
    background: #E6F0FF;
}
.left-icon li + li {
    border-top: none;
}
.img-icon {
    width: 60px;
    flex: 0 0 auto;
    margin: 0 25px 0 0;
}
.small-text {
    font-size: 15px;
    line-height: 1.4em;
}
.small-menu,
.small-tabs {
    margin: 0 auto;
    max-width: 750px;
}
.small-tabs-wrapper,
.small-menu-wrapper {
    max-width: 550px;
    margin: 0 auto;
}
.small-tab {
    font: 700 20px/1.2em 'IBM Plex Sans';
    position: relative;
    flex: 1 1 auto;
    text-align: center;
    padding-bottom: 5px;
    border-bottom: 3px solid transparent;
    cursor: pointer;
}
.small-tab.active {
    color: #FC4242;
    border-bottom: 3px solid #FC4242;
}
.small-tab::before {
    content: '';
    width: 20px;
    height: 20px;
    background: url('/image/icon-plan.svg');
    position: relative;
    display: inline-block;
    transform: translateY(3px);
    margin-right: 5px;
}
.small-tab.active::before {
    background: url('/image/icon-plan-red.svg');
}
.small-menu-wrapper ul {
    display: flex;
    border-bottom: 1px solid #C4C4C4;
}
.small-tabs-wrapper {
    position: relative;
    overflow: hidden;
}
.small-tabs-inner {
    padding-top: 25px;
}
.small-tabs-item-inner {
    padding: 0 8px 25px;
}
.small-tabs-item {
    position: absolute;
    z-index: 0;
    background: #fff;
}
.small-tabs-item.active {
    position: relative;
    z-index: 5;
}
.small-tabs-item-inner ul {
    margin: 15px 0;
    display: flex;
    justify-content: space-around;
}
.circle {
    width: 140px;
    height: 140px;
    border-radius: 70px;
    background: #F7F7F7;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.circle-head {
    font-size: 13px;
    text-align: center;
}
.circle-img img {
    height: 65px;
}
.circle:last-child {
    background: rgba(252, 66, 66, 0.08);
}
.circle:last-child .circle-head {
    font-weight: 700;
}
.small-bottom {
    display: flex;
}
.small-bottom-left {
    width: 50%;
    text-align: right;
    line-height: 1.4em;
}
.small-bottom-big {
    font-size: 15px;
}
.small-bottom-small {
    font-size: 13px;
}
.small-bottom-price {
    width: 50%;
    text-align: center;
    color: #fc4242;
    padding-top: 13px;
}
.small-bottom-big-red {
    font: 700 24px/1em 'Gotham Pro';
}
.small-bottom-small-red {
    font-size: 15px;
}
.it-is-profitable .btn {
    width: calc(100% - 16px);
    margin-left: 8px;
    height: 46px;
}
.it-is-profitable {
    padding-bottom: 20px;
}
.difference {
    background: #E6F0FF;
    padding-bottom: 30px;
}
.diff-bg {
    height: 320px;
    background-position: 90% bottom;
    background-size: auto 420px;
}
.difference .container {
    padding: 0 10px;
}

.count-box ul {
    counter-reset: specsCounter;
}
.count-box li {
    position: relative;
    padding-top: 44px;
    min-height: 41px;
    margin-top: 20px;
    font-size: 15px;
}
.count-box li::before {
    counter-increment: specsCounter;
    content: '0'counter(specsCounter);
    position: absolute;
    left: 0;
    top: -4px;
    font: 700 32px/1.25em 'Gotham Pro';
    color: #2F67B2;
}
.big-img {
    margin: 30px 0 20px;
}
.big-img img {
    width: 100%;
}
.how-it-works .left-icon li {
    border: none;
    background: none;
}
.you-can-use {
    margin-top: 30px;
    padding: 2px 10px 20px;
}
.four-box ul {
    display: flex;
    flex-direction: column;
    margin: 20px 0 10px;
}
.four-box li {
    background: #fff;
    padding: 8px;
    height: 170px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}
.four-box li  + li {
    margin-top: 10px;
}
.four-box .h4 {
    margin: 30px 0 10px;
}
.four-box .center-text {
    text-align: left;
    font-size: 13px;
    line-height: 1.4em;
}
.four-box-img {
    width: 60px;
    flex: 0 0 auto;
    margin: 0 10px;
    height: 100%;
    display: flex;
    align-items: center;
}
.four-box-img img {
    width: 60px;
}
.you-can-use .btn {
    width: 100%;
}
.cat-menu {
        overflow: hidden;
    margin-bottom: 20px;

}
.menu-wrapper {
    width: calc(100% - 16px);
    margin: 0 8px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 20px;
    margin-bottom: -20px;
    mask-image: linear-gradient(
        90deg,
        transparent 0, rgba(0, 0, 0, .25) 9px,
        #000 18px,
        #000 calc(100% - 18px),
        rgba(0, 0, 0, .25) calc(100% - 9px), transparent
    );
}
.menu-wrapper ul {
    display: flex;
}
.menu-wrapper li {
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu-wrapper li + li {
    margin-left: 10px;
}
.menu-wrapper a {
    white-space: nowrap;
    color: #666;
    padding: 5px 12px;
    border: 1px solid #ccc;
    border-radius: 20px;
}
.menu-wrapper a.active {
    border-color: #87BC22;
    color: #87BC22;
}
.menu-wrapper a:hover {
    text-decoration: none;
}
.item-head-wrapper .container {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    color: #fff;
}
.item-head-wrapper .h2 {
    font-size: 36px;
}
.item-head-wrapper .h3 {
    text-transform: unset;
    text-align: center;
    margin-bottom: 35px;
}
.item-ul-block ul {
    margin: 10px;
    display: grid;
    grid-template-rows: repeat(2, 150px);
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1px;
}
.item-ul-block li {
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.item-ul-block li:nth-child(even) {
    border-left: 1px solid #c4c4c4;
}
.item-ul-block li:nth-child(3),
.item-ul-block li:nth-child(4) {
    border-top: 1px solid #c4c4c4;
}
.item-ul-block .img {
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    margin: 25px 0 15px;
}
.item-ul-block .small-text {
    text-align: center;
}
.item-box-inner .h4 {
    text-align: center;
    font-size: 20px;
}
.item-table-row {
    padding: 15px 10px;
    display: grid;
    grid-template-areas:
        "model price"
        "spec-1 spec-1"
        "spec-2 spec-2";
    grid-template-rows: 30px 20px 20px;
    grid-template-columns: 70% 30%;
}
.item-table-row:nth-child(even) {
    background: #F7F7F7;
}
.item-table-row .model {
    grid-area: model;
}
.item-table-row .square {
    grid-area: spec-1;
}
.item-table-row .power {
    grid-area: spec-2;
}
.item-table-row .price {
    grid-area: price;
    text-align: right;
    padding-right: 10px;
}
.item-table-row .model,
.item-table-row .price {
    font: 700 16px/1.6em 'IBM Plex Sans';
}
.item-table-row .model span,
.item-table-row .price span {
    display: none;
}
.item-table-row .price::after {
    content: ' \20BD';
}
.item-table-row .square,
.item-table-row .power {
    font-size: 11px;
}
.item-table-row .square::before,
.item-table-row .power::before {
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 2px;
    background: #666;
    display: inline-block;
    transform: translateY(-2px);
    margin-right: 6px;
}
.item-bigtext {
    margin: 20px 10px 30px;
}
.catalog-wrapper {
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 20px;
    margin-bottom: -20px;
    position: relative;
}
.catalog-inner {
    position: absolute;
    display: flex;
}
.catalog-wrapper .item-box {
    width: 100vw;
    flex: 0 0 auto;
}
.catalog-dots {
    margin: 23px 8px 35px;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 10;
}
.catalog-dots a {
    width: 11px;
    height: 11px;
    border: 1px solid #FC4242 !important;
    border-radius: 6px;
    outline: none;
}
.catalog-dots a.active {
    background: #FC4242;
}
.catalog-dots a + a {
    margin-left: 11px;
}
.catalog-slider + .button-row {
    padding: 0 10px;
    display: flex;
    flex-direction: column;
}
.catalog-slider + .button-row .btn + .btn {
    margin-top: 10px;
}
.common-text-section {
    background: #F7F7F7;
    margin: 40px 0 0;
    padding: 30px 10px 50px;
}
.common-text-section .container {
    display: flex;
    flex-direction: column;
}
.common-head {
    text-align: center;
    font-size: 20px;
}
.common-text {
    font-size: 13px;
}
.common-btn {
    margin-top: 25px;
}
.common-btn  .btn {
    width: 100%;
}
.common-image img {
    width: 100%;
    margin: 25px 0;
}
.flex-center-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 10px;
}
.white-logo img {
    width: 240px;
}
.about .h3 {
    text-transform: unset;
}
.white {
    color: #fff;
}
.about .left-icon {
    margin-top: 60px;
}
.about .left-icon li {
    background: transparent;
    border: none;
    color: #fff;
}
.about .left-icon li .img-icon {
    width: 70px;
}
.svoy-climat {
    padding: 70px 0 40px;
}
.climat-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
    padding: 0 10px;
}
.svoy-climat .big-image img {
    width: 100%;
}
.svoy-climat .h3 {
    font-size: 20px;
    margin-left: 0;
}
.climat-prefs .left-icon li {
    border: none;
}
.recommend {
    padding: 25px 10px;
}
.recommend  .h3 {
    font-size: 20px;
    margin-left: 0;
    margin-bottom: 35px;
}
.slide-box {
    padding: 50px 10px 40px;
    background: #f7f7f7;
}
.slide-author {
    font: 700 17px/1.4em 'IBM Plex Sans';
}
.slide-date {
    font-size: 14px;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c4c4c4;
    margin-bottom: 35px;
}
.slide-text {
    font-size: 13px;
    line-height: 1.4em;
}
.recommend .counter {
    font: 700 17px/1.4em 'IBM Plex Sans';
    margin-top: 20px;
}
.recommend .owl-nav {
    display: none;
}
.owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
.owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    border: 1px solid #2f67B2;
    outline: none;
}
.owl-dots button.owl-dot.active {
    background-color: #2f67B2;
}
.owl-dots button.owl-dot + button.owl-dot {
    margin-left: 10px;
}
.clients {
    margin: 0 10px 30px;
}
.clients .h3 {
    text-align: center;
}
.our-works {
    padding: 30px 10px;
    background: #F7F7F7;
}
.our-works .h3 {
    text-align: center;
    margin-bottom: 20px;
}
.works-slider.owl-carousel .owl-stage {
    display: flex;
}
.works-item {
    background-color: #fff;
    height: 100%;
    padding-bottom: 15px;
}

.works-slider .works-img {
    height: 150px;
}
.works-slider .lead {
    font-size: 11px;
    line-height: 1.4em;
    margin-top: 17px;
    padding: 0 10px;
}

.consult-block {
    background-color: #31448F;
    border-radius: 3px;
    padding: 35px 8px 20px;
    position: relative;
}
.white-text {
    font: 700 18px/1.2em 'IBM Plex Sans';
    color: #fff;
}
.consult {
    display: flex;
    flex-direction: column;
}
.inputtext {
    width: 100%;
    border: none;
    border-radius: 3px;
    height: 46px;
    font: 400 14px/2.5em 'IBM Plex Sans';
    padding-left: 10px;
    outline: none;
}
.inputtext:focus {
    outline: none;
}
.input-box {
    position: relative;
    padding-top: 30px;
}
.inputlabel {
    position: absolute;
    top: 2.9em;
    left: 10px;
    color: #7d7d7d;
    transition: .2s ease-out;
    font-size: 14px;
}
.inputlabel.active {
    top: 4px;
    left: 0;
    color: #fff;
}
.consult .btn-submit {
    margin: 20px 0 10px;
}
.red {
    color: red;
}
.agreement-row {
    margin: 20px 0 10px;
    position: relative;
}
.agreement-row .agreement {
    display: none;
}
.agreement-row label {
    color: #fff;
    padding-left: 40px;
    display: block;
    position: relative;
    font: 400 12px/1.3em 'IBM Plex Sans';
}
.agreement-row2 {
    margin: 20px 0 10px;
    position: relative;
}
.agreement-row2 label {
    color: #fff;
    padding-left: 40px;
    display: block;
    position: relative;
    font: 400 12px/1.3em 'IBM Plex Sans';
}
.agreement-row2 input[type="checkbox"]{
    width: 20px;
    height: 20px;
}
.agreement-row label a {
    color: #fff;
    border-bottom: 1px dashed #fff;
}
.agreement-row label a:hover {
    color: #fff;
    border-bottom-style: solid;
}
.agreement-row label::before {
    content: '';
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    border-radius: 3px;
    display: block;
    position: absolute;
    left: 4px;
    top: -2px;
}
.agreement-row .agreement:checked + label::before {
    border-color: #fc4242;
    background: #fc4242;
}
.agreement-row .agreement:checked + label::after {
    content: '';
    display: block;
    position: absolute;
    border: 2px solid #fff;
    border-right: none;
    border-bottom: none;
    width: 6px;
    height: 12px;
    left: 11px;
    top: 0;
    transform: rotate(-140deg);
}
.map-container {
    display: flex;
    flex-direction: column-reverse;
}
#map {
    height: 220px;
}
.address-block {
    margin: 0 8px 30px;
}
.address-block .address-logo img {
    height: 90px;
}
.address-block .text-box {
    margin-top: 15px;
}
.address-block .phone-num {
    display: block;
    font: 700 24px/1.25em 'Gotham Pro';
    color: #333;
    margin-top: 20px;
}
.address-block .location {
    font: 400 13px/1.4em 'IBM Plex Sans';
    padding-left: 26px;
    margin-top: 22px;
    background-repeat: no-repeat;
    background-size: 23px auto;
    background-position: left -2px;
}
.address-block .location a {
    color: #FC4242
}
footer {
    background: #f2f7fa;
}
.foot-last-row {
    height: 81px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
}
.digitalaircon {
    font-size: 13px;
}
.digitalaircon img {
    height: 17px;
    transform: translateY(2px);
}
.digitalaircon a {
    color: #333;
    border-bottom: 1px solid #333;
}
.digitalaircon a:hover {
    color: #333;
    border-bottom-color: transparent;
}
.copyright {
    font-size: 12px;
}
footer .contacts {
    text-align: center;
}
footer .contacts a {
    color: #333;
}
.footer-phone {
    font: 400 18px/1.2em Roboto;
    margin-bottom: 3px;
}
.foot-first-row {
    -height: 126px;
    background: #f1eff2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 20px 10px;
}
.foot-first-row .logo-ch img {
    height: 50px;
}
.foot-first-row .logo-sk img {
    height: 50px;
}
.foot-first-row .contacts {
    width: 100%;
}
.foot-first-row .footer-phone {
    font: 700 20px/1.2em 'IBM Plex Sans';
}
.foot-first-row .footer-mail {
    font: 400 13px/1.2em 'IBM Plex Sans';
}
.popup-no-overflow {
    overflow: hidden;
}
.popup-window {
    display: none;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    background: rgba(0,0,0,0.35);
    align-items: center;
    justify-content: center;
}
.popup-block {
    margin: auto 8px;
    background: #fff;
    border-radius: 3px;
    max-width: 550px;
}
.popup-inner {
    position: relative;
    margin: 40px 20px 40px;
}
.popup-close {
    position: absolute;
    right: 0;
    top: -20px;
    width: 20px;
    height: 20px;
}
.popup-close::before,
.popup-close::after {
    content: '';
    width: 27px;
    height: 2px;
    background: #7d7d7d;
    position: absolute;
    top: 9px;
    left: -3px;
}
.popup-close::before {
    transform: rotate(45deg);
}
.popup-close::after {
    transform: rotate(-45deg);
}
.popup-inner .h3 {
    margin: 0 0 -5px;
    text-transform: unset;
    font-size: 30px;
}
.popup-inner .inputtext {
    background-color: #f5f5f5;
}
.popup-inner .inputtext:focus {
    outline: none;
}
.popup-inner .inputlabel.active {
    color: #7d7d7d;
}
.popup-inner .agreement-row {
    position: relative;
}
.popup-inner .agreement-row label,
.popup-inner .agreement-row label a {
    color: #535353;
}
.popup-inner .agreement-row label::before {
    border-color: #535353;
    border-radius: 4px;
}

.popup-inner .agreement-row .agreement:checked + label::after {
    border-color: #fff;
}
.popup-inner .agreement-row .agreement:checked + label::before {
    border-color: #87bc22;
    background: #87bc22;
}
.popup-inner .btn {
    width: 50%;
    margin-top: 15px;
}
.success-message {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255,255,255,0.95);
    display: flex;
    align-items: center;
    text-align: center;
    font: 400 24px/1.6em Roboto;
    padding: 0 20px;
    justify-content: center;
}

.modal_alert {
    background-color: #fff;
    border: 1px solid red;
    border-radius: 3px;
    padding: 9px 15px;
    position: absolute;
    top: 60px;
    left: 10px;
    font-size: 13px;
    z-index: 1000;
    color: red;
}
.modal_alert::before,
.modal_alert::after {
    content: '';
    position: absolute;
    left: 10px;
    top: -20px;
    border: 10px solid transparent;
    border-bottom: 10px solid red;
}
.modal_alert::after {
    border-bottom: 10px solid #fff;
    top: -19px;
}
#toTop {
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 3px;
    text-align: center;
    padding: 10px;
    line-height: 20px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    display: none;
    color: #fff;
    font-size: 20px;
    z-index: 101;
}
#order a{
    border-bottom: 1px dashed black;
}
#toTop::before {
    content: '';
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB3aWR0aD0iMjRtbSIKICAgaGVpZ2h0PSIxNC41NjQ3MTNtbSIKICAgdmlld0JveD0iMCAwIDI0IDE0LjU2NDcxMyIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnOCIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45Mi40ICg1ZGE2ODljMzEzLCAyMDE5LTAxLTE0KSIKICAgc29kaXBvZGk6ZG9jbmFtZT0iYXJyb3ctY2hldnJvbi11cC5zdmciPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMyIiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0iYmFzZSIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMS4wIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp6b29tPSIwLjM1IgogICAgIGlua3NjYXBlOmN4PSItMjgxLjY1Njc1IgogICAgIGlua3NjYXBlOmN5PSIxNTIuNTA0OTEiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9Im1tIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgZml0LW1hcmdpbi10b3A9IjAiCiAgICAgZml0LW1hcmdpbi1sZWZ0PSIwIgogICAgIGZpdC1tYXJnaW4tcmlnaHQ9IjAiCiAgICAgZml0LW1hcmdpbi1ib3R0b209IjAiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxNjgwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijk4NyIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMTkxMiIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMTMiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIgLz4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE1Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZwogICAgIGlua3NjYXBlOmxhYmVsPSJMYXllciAxIgogICAgIGlua3NjYXBlOmdyb3VwbW9kZT0ibGF5ZXIiCiAgICAgaWQ9ImxheWVyMSIKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDQuMjgzNTg2LC0xNzQuNjE4ODgpIj4KICAgIDxwYXRoCiAgICAgICBpZD0icGF0aDgyNiIKICAgICAgIGQ9Im0gNTcuMjE2MjczLDE3NS4wMDUxOCAxMC42ODA5NjMsMTAuNjgwOTYgYyAwLjUxNTEzMywwLjUxNTE0IDAuNTE1MTMzLDEuMzUwMyAwLDEuODY1MzggbCAtMS4yNDU3NjQsMS4yNDU3NiBjIC0wLjUxNDI1NSwwLjUxNDI1IC0xLjM0NzcxMiwwLjUxNTI0IC0xLjg2MzE3NiwwLjAwMiBsIC04LjUwNDczNywtOC40NjQ4NCAtOC41MDQ2ODMsOC40NjQ4OSBjIC0wLjUxNTQ2MywwLjUxMzA1IC0xLjM0ODkyMiwwLjUxMjA2IC0xLjg2MzE3NiwtMC4wMDIgbCAtMS4yNDU3NjQsLTEuMjQ1NzYgYyAtMC41MTUxMzMsLTAuNTE1MTMgLTAuNTE1MTMzLC0xLjM1MDI5IDAsLTEuODY1MzcgbCAxMC42ODA5NjMsLTEwLjY4MDk3IGMgMC41MTUwNzgsLTAuNTE1MTMgMS4zNTAyNCwtMC41MTUxMyAxLjg2NTM3NCwtNWUtNSB6IgogICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7c3Ryb2tlLXdpZHRoOjAuMDU0OTU5MzMiIC8+CiAgPC9nPgo8L3N2Zz4K") no-repeat center center / contain;
    position: absolute;
    left: 10px;
}
.catalog-slider .owl-dots {
    margin: 30px 0;
}
.catalog-slider .owl-dots button.owl-dot {
    width: 11px;
    height: 11px;
    border: 1px solid #FC4242 !important;
    border-radius: 6px;
    outline: none;
}
.catalog-slider .owl-dots button.owl-dot.active {
    background: #FC4242;
}
.button-row.gauger {
    margin-top: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
}
#economy {
    background: url('/image/bg-economy.jpg') no-repeat center center / cover;
    padding: 80px 0 35px;
    height: 554px;
}
#economy .h2 {
    margin-top: 0;
    color: #fff;
}
#economy .form-box {
    width: calc(100% - 20px);
    margin: 40px auto 0;
    display: flex;
    overflow: hidden;
    height: 320px;
    position: relative;
}
#economy .form-slide {
    width: 100%;
    flex: 0 0 auto;
    padding: 0 5px;
}
#economy .slide-1 {
    margin-left: 0;
}
#economy .TYPE {
    display: flex;
}
#economy .TYPE input {
    display: none;
}
#economy .TYPE label {
    display: block;
    width: calc(100% - 15px);
    top: 0;
    left: unset;
    position: relative;
    height: 46px;
    background: #fff;
    border-radius: 3px;
    padding: 10px 0 0 50px;
}
#economy .TYPE label:last-child {
    margin-left: 30px;
}
#economy .TYPE label::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 12px;
    border: 1px solid #c4c4c4;
    left: 15px;
    top: 12px;
}
#economy .TYPE input:checked + label::after {
    content: '';
    width: 12px;
    height: 12px;
    background: #fc4242;
    position: absolute;
    border-radius: 7px;
    left: 20px;
    top: 17px;
}
#economy .SQUARE {
    margin-top: 15px;
}
#economy .PHONE-3 {
    margin-top: 15px;
}
#economy .btn-economy {
    margin: 35px auto 0;
    width: 100%;
}
#economy .small-text {
    font: 300 12px/1.3em Roboto;
    margin-top: 15px;
}
.clr-white {
    color: #fff;
}
#economy .btn-continue {
    margin: 40px auto 0;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    position: relative;
    cursor: pointer;
}
#economy .btn-continue::after {
    content: '';
    width: 24px;
    height: 15px;
    background: url('/image/arrow_right_white.svg') no-repeat center center / cover;
    display: inline-block;
    margin-left: 15px;
    transform: translateY(2px);
}
#economy .slider-row {
    display: flex;
    margin-top: auto;
}
#economy .text-box {
    font: 700 20px/1.2em 'IBM Plex Sans';
    color: #fff;
}
#economy .left-box {
    margin-left: auto;
    margin-right: 5px;
    color: #fc4242;
}
#economy .right-box {
    margin-right: auto;
    margin-left: 5px;
}
#economy .line-box {
    width: 25%;
    height: 2px;
    background: #fff;
    margin-top: 10px;
    position: relative;
}
#economy .left-box + .line-box {
    background: #fc4242;
}
#economy .line-box + .line-box::before {
    content: '';
    width: 0;
    height: 2px;
    position: absolute;
    background: #fc4242;
    transition: 0.3s ease;
}
#economy .line-box + .line-box.redline::before {
    width: 100%;
}
#economy .line-box.redline + .text-box {
    color: #fc4242;
}

.foot-menu a {
    color: #666;
    font-size: 15px;
}

@media all and (min-width:480px) {
    .top-slide {
        background-size: 100% auto;
    }
    .diff-bg {
        background-size: auto 470px;
    }
    #economy .form-box {
        width: 370px;
    }
}

@media all and (min-width:768px) and (max-width:991.98px) {
    .callback {
        height: 44px;
    }
    .callback .btn-callback {
        overflow: hidden;
        color: transparent;
        height: 36px;
        width: 36px;
        padding: 0;
        position: relative;
        margin-left: 20px;
    }
    .callback .btn-callback::after {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 6px;
        left: 6px;
        display: block;
        content: '';
        background: url('/image/icon-phone.svg') no-repeat center center / cover;
    }
}

@media all and (min-width:768px) {
    .hide-l {
        display: none!important;
    }
    .hide-m {
        display: block!important;
    }
    body {
        padding: 0;
    }
    .container {
        width: 750px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }
    header {
        background: transparent;
        height: 110px;
        transition: 0.3s ease;
    }
    .fixed header {
        background: #1A2654;
    }
    .popup-no-overflow {
        padding-right: 17px;
    }
    .popup-no-overflow header {
        width: calc(100vw - 17px);
    }
    header .container {
        padding: 0;
    }
    header .logo {
        margin-left: 0;
    }
    header .logo img {
        height: 58px;
    }
    header .logo-subtext {
        color: #fff;
        text-transform: uppercase;
        font-size: 13px;
        margin-top: -7px;
    }
    header .phone-num a {
        font-size: 20px;
    }
    nav {
        margin-left: 35px;
    }
    nav ul {
        display: flex;
        margin-bottom: 4px;
    }
    nav ul li + li {
        margin-left: 20px;
    }
    nav ul li a {
        font: 400 13px/16px 'IBM Plex Sans';
        letter-spacing: 0.03em;
        color: #fff;
        text-transform: capitalize;
    }
    h1 {
        padding-top: 100px;
        font-size: 42px;
        text-align: left;
        margin: 0 0 20px;
    }
    .h2 {
        font-size: 32px;
        margin: 80px 0 30px;
    }
    .top-slide {
        background-size: cover;
        background-position: center;
        height: 100vw;
        max-height: 900px;
    }
    .top-slide .lead {
        background: none;
        color: #fff;
        width: 60%;
        text-align: left;
        font-size: 18px;
        line-height: 1.5em;
        padding: 0;
    }
    .left-icon.top-ul {
        margin-top: 220px;
    }
    .left-icon {
        flex-direction: row;
    }
    .left-icon li {
        background: none;
        border: none;
        flex-direction: column;
        align-items: flex-start;
        width: calc(25% - 20px);
        height: unset;
    }
    .left-icon li  + li {
        margin-left: 20px;
    }
    .left-icon.top-ul li {
        color: #fff;
    }
    .left-icon.top-ul .small-text {
        margin-top: 7px;
    }
    .it-is-profitable {
        padding-bottom: 100px; 
    }
    .it-is-profitable .button-row {
        text-align: center;
        margin-top: 40px;
    }
    .it-is-profitable .btn {
        width: unset;
    }
    .small-menu-wrapper ul {
        justify-content: space-around;
    }
    .small-tab {
        width: 106px;
        flex: 0 0 auto;
    }
    .small-tabs-inner {
        padding-top: 35px;
    }
    .circle {
        width: 200px;
        height: 200px;
        border-radius: 100px;
    }
    .circle-head {
        font-size: 16px;
    }
    .circle-img img {
        height: 100px;
        margin-top: 10px;
    }
    .small-bottom-big {
        font-size: 18px;
    }
    .small-bottom-small {
        font-size: 13px;
        margin-top: -3px;
    }
    .small-bottom-price {
        padding-top: 7px;
    }
    .small-bottom-big-red {
        font-size: 32px;
    }
    .small-bottom-small-red {
        font-size: 20px;
    }
    .difference {
        position: relative;
        background: none;
        color: #fff;
        padding-bottom: 50px;
    }
    .diff-bg {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-size: cover;
        background-position: center;
        height: unset;
        z-index: -1;
    }
    .difference .h2 {
        text-align: left;
        padding-top: 70px;
    }
    .difference .lead {
        width: 60%;
    }
    .count-box ul {
        width: 50%;
        display: grid;
        grid-template-rows: repeat(2, 1fr);
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
        margin-top: 40px;
    }
    .count-box li {
        margin-top: 0;
        line-height: 1.4em;
        font-size: 14px;
    }
    .count-box li::before {
        color: #fff;
    }
    .how-it-works  {
        padding-bottom: 40px;
    }
    .how-it-works .lead.center-text {
        max-width: 50%;
        margin: -10px auto 0;
    }
    .you-can-use {
        padding: 90px 0 140px;
    }
    .you-can-use .button-row {
        text-align: center;
    }
    .you-can-use .button-row .btn {
        width: unset;
    }
    .four-box ul {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap:20px;
        margin-bottom: 30px;
    }
    .four-box li + li {
        margin-top: 0;
    }
    .four-box li {
        flex-direction: column;
        height: unset;
        align-items: center;
    }
    .four-box-img {
        height: 100px;
    }
    .four-box .h4 {
        margin: 0 10px 10px;
        text-align: center;
        font-family: 'IBM Plex Sans';
    }
    .four-box .center-text {
        text-align: center;
    }
    .catalog-wrapper {
        overflow: hidden;
    }
    .catalog-slider.owl-carousel.owl-drag .owl-item {
        width: 100%!important;
        float: unset;
    }
    .catalog-inner {
        position: relative;
        display: block;
    }
    .item-head-wrapper .container {
        flex-direction: row;
        align-items: stretch;
    }
    .item-head-wrapper .head-img {
        width: 250px;
        max-width: 250px;
        min-width: 250px;
        padding: 25px 50px;
        display: flex;
        align-items: center;
    }
    .item-head-wrapper .head-text-block {
        padding-left: 30px;
    }
    .item-head-wrapper .h2 {
        text-align: left;
        margin: 30px 0 20px;
    }
    .item-head-wrapper .h3 {
        text-align: left;
        margin-left: 0;
        text-transform: uppercase;
    }
    .item-head-wrapper .button-row-left {
        margin-bottom: 40px;
    }
    .item-head-wrapper .button-row-left .btn {
        width: 170px;
    }
    .item-ul-block ul {
        grid-template-rows: repeat(1, auto);
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 20px;
        margin: 40px 0 70px;
    }
    .item-ul-block li:nth-child(even),
    .item-ul-block li:nth-child(3),
    .item-ul-block li:nth-child(4) {
        border: none;
    }
    .item-ul-block li {
        flex-direction: row;
    }
    .item-ul-block li .img {
        margin-right: 10px;
    }
    .item-ul-block li .small-text {
        text-align: left;
        padding-top: 7px;
    }
    .item-table-head {
        display: grid!important;
        grid-template-rows: 1fr;
        grid-template-columns: repeat(4, 1fr);
        font-size: 13px;
    }
    .item-table-row  > div,
    .item-table-head > div {
        padding-left: 10px;
    }
    .item-table-row {
        grid-template-areas: "model spec-1 spec-2 price";
        grid-template-rows: 1fr;
        grid-template-columns: repeat(4, 1fr);
        padding: 15px 0;
    }
    .item-table-row .square, .item-table-row .power {
        font-size: 13px;
        text-transform: uppercase;
    }
    .item-table-row .square::before,
    .item-table-row .power::before {
        display: none;
    }
    .item-table-row .price {
        text-align: left;
    }
    .item-bigtext {
        margin: 30px 0 90px;
    }
    .catalog-slider {
        margin-bottom: -30px;
    }
    
    .common-text-section .container {
        display: grid;
        grid-template-areas:
            "head pic"
            "text pic"
            "btn pic";
        grid-template-rows: minmax(130px,auto) 1fr 71px;
        grid-template-columns: repeat(2, 1fr);
        padding-bottom: 60px;
    }
    .common-head {
        grid-area: head;
        text-align: left;
        font-size: 24px;
        line-height: 1.25em;
        margin: 0;
    }
    .common-text {
        grid-area: text;
        font-size: 14px;
        line-height: 1.4em;
        padding-right: 15px;
    }
    .common-btn {
        grid-area: btn;
    }
    .common-btn .btn {
        width: unset;
    }
    .common-image {
        grid-area: pic;
        padding-left: 15px;
    }
    .about {
        padding: 200px 0;
    }
    .about .h3 {
        max-width: 50%;
        text-transform: uppercase;
    }
    .about .left-icon li {
        align-items: center;
    }
    .about .left-icon li .small-text {
        text-align: center;
    }
    .flex-row {
        display: flex;
        flex-direction: row-reverse;
    }
    .flex-row > div {
        width: 50%;
    }
    .climat-text {
        align-items: flex-start;
        margin-top: 0;
        padding: 0 30px 0 0;
    }
    .climat-text .logo-climat img {
        width: 250px;
    }
    .climat-prefs {
        background: #EBF2FF;
        padding: 40px 0;
    }
    .recommend-box {
        margin: 0 100px;
    }
    .recommend .container {
        position: relative;
    }
    .recommend .h3 {
        text-align: center;
        margin: 40px 0;
        font: 700 18px/1.6em Gotham Pro;
        text-transform: uppercase;
    }
    .item-slide {
        display: flex;
        height: 362px;
    }
    .slide-title {
        width: 250px;
        flex: 0 0 auto;
    }
    .slide-box {
        padding: 25px 30px 30px;
        display: flex;
        flex-direction:  column;
        justify-content: space-between;
    }
    .recommend .counter {
        margin-top: auto;
    }
    .slide-date {
        margin-top: 3px;
        margin-bottom: 35px;
    }
    .slide-text {
        font-size: 15px;
    }
    .recommend .counter {
        text-align: right;
    }
    .recommend .owl-nav {
        display: block;
        position: absolute;
        top: 30px;
        right: 30px;
    }
    .recommend .owl-nav button.owl-next,
    .recommend .owl-nav button.owl-prev {
        width: 40px;
        height: 40px;
        border-radius: 3px;
        border: 1px solid #7D7D7D;
        color: #f7f7f7;
        position: relative;
    }
    .recommend .owl-nav button.owl-next {
        margin-left: 7px;
    }
    .recommend .owl-nav button::after {
        width: 13px;
        height: 13px;
        border-right: 3px solid #666666;
        border-bottom: 3px solid #666666;
        content: '';
        display: block;
        top: 11px;
        position: absolute;
    }
    .recommend .owl-nav button.owl-next::after {
        transform: rotate(-45deg);
        left: 7px;
    }
    .recommend .owl-nav button.owl-prev::after {
        transform: rotate(135deg);
        left: 13px;
    }
    .recommend .owl-dots {
        display: none;
    }
    .consult-block {
        padding: 70px 8px 45px;
    }
    .consult {
        display: grid;
        grid-template-rows: repeat(3, 1fr);
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
        margin-top: 10px;
    }
    .input-box {
        padding-top: 20px;
    }
    .consult .btn {
        height: 49px;
        margin: 19px 0 0;
    }
    .inputlabel {
        top: 2.3em;
    }
    .inputlabel.active {
        top: -5px;
    }
    .our-works .h2 {
        margin-top: 60px;
    }
    .works-slider .works-img {
        height: 210px;
    }
    .works-slider .lead {
        font-size: 13px;
        margin: 24px 10px;
    }
    .white-text {
        text-transform: uppercase;
        font-size: 21px;
    }
    .map-container {
        position: relative;
        margin-top: 20px;
    }
    #map {
        height: 442px;
    }
    .address-block {
        position: absolute;
        margin: 0;
        width: calc(40% - 40px);
        top: 36px;
        left: 10%;
        background: #fff;
        padding: 30px 20px;
        box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.2);
    }
    footer {
        background: #f1eff2;
    }
    .foot-first-row {
        padding: 30px 0 0;
        background: none;
        height: unset;
    }
    .foot-menu  li{
        line-height: 1.3em;
    }

    footer .contacts {
        text-align: right;
    }
    .foot-first-row .contacts {
        width: unset;
    }
    .foot-last-row {
        flex-direction: row;
        height: unset;
        justify-content: space-between;
        padding: 10px 0 10px;
    }
    .foot-first-row .logo-ch img {
        height: 60px;
    }
    .foot-first-row .logo-sk img {
        height: 70px;
    }
    .popup-inner {
        padding: 40px;
    }
}

@media all and (min-width:992px) {
    .container {
        width: 970px;
    }
    .h2 {
        font-size: 36px;
        margin-top: 110px;
    }
    nav {
        margin-top: 25px;
    }
    nav ul li a {
        font-size: 17px;
    }
    header .phone-num {
        margin-top: 22px;
    }
    .callback .btn-callback {
        margin-left: 20px;
        margin-top: 22px;
    }
    .difference .lead,
    .top-slide .lead {
        width: 50%;
    }
    .left-icon.top-ul .small-text {
        margin-top: 12px;
    }
    .circle {
        width: 262px;
        height: 262px;
        border-radius: 131px;
    }
    .circle-head {
        font-size: 18px;
    }
    .circle-img {
        margin-top: 7px;
    }
    .circle-img img {
        height: 125px;
    }
    .small-bottom {
        margin-top: 35px;
    }
    .small-bottom-big-red {
        font-size: 36px;
    }
    .small-bottom-small-red {
        font-size: 24px;
    }
    .it-is-profitable {
        padding-bottom: 90px;
    }
    .difference {
        height: 900px;
    }
    .difference .h2 {
        margin-top: 0;
        padding-top: 90px;
    }
    .count-box {
        margin-top: 100px;
    }
    .count-box li {
        margin-bottom: 20px;
    }
    .four-box ul {
        grid-gap: 30px;
    }
    .four-box li {
        padding: 0 14px 50px;
    }
    .four-box-img {
        height: 140px;
        width: 80px;
    }
    .four-box-img img {
        width: 80px;
    }
    .menu-wrapper ul {
        justify-content: center;
    }    
    .item-head-wrapper .head-img {
        width: 300px;
        max-width: 300px;
        min-width: 300px;
    }
    .item-head-wrapper .button-row-left .btn {
        width: 192px;
    }
    .item-head-wrapper .button-row-left .btn + .btn {
        margin-left: 19px;
    }
    .item-table-row  > div,
    .item-table-head > div {
        padding-left: 20px;
    }
    .common-head {
        align-self: end;
        margin-bottom: 20px;
    }
    .about {
        max-height: 900px;
    }
    .about .h3 {
        font-size: 21px;
        max-width: 60%;
    }
    .white-logo img {
        width: 290px;
    }
    .svoy-climat {
        padding: 110px 0;
    }
    .our-works {
        padding-bottom: 60px;
    }
        .consult-block {
        padding: 90px 0 80px;
    }
    .consult {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .consult .input-box {
        margin-right: 30px;
        flex: 1 1 auto;
    }
    .consult .btn {
        height: 47px;
        margin-top: 20px;
    }
    #map {
        height: 731px;
    }
    .address-block {
        top: 50%;
        transform: translateY(-50%);
        width: 40%;
        left: 5%;
        padding: 70px 60px 120px;
    }
}

@media all and (min-width:1200px) {
    .container {
        width: 1170px;
    }
    .foot-first-row .logo-ch img {
        height: 80px;
    }
    .foot-first-row .logo-sk img {
        height: 90px;
    }
    nav {
        margin-left: 50px;
    }
    nav ul li + li {
        margin-left: 40px;
    }
    nav ul li a {
        font-size: 18px;
    }
    .small-tabs-item-inner ul {
        margin-top: 40px;
    }
    .count-box li {
        font-size: 15px;
        padding-top: 60px;
    }
    .count-box li::before {
        font-size: 36px;
    }
    .four-box-img {
        height: 170px;
        width: 80px;
        padding-top: 20px;
    }
    .four-box-img img {
        width: 80px;
    }
    .item-head-wrapper .head-img {
        width: 350px;
        max-width: 350px;
        min-width: 350px;
    }
    .common-text {
        font-size: 15px;
    }
    .works-slider .works-img {
        height: 270px;
    }
    .works-slider .lead {
        font-size: 15px;
    }
    .white-text {
        font-size: 24px;
    }
    .contacts .h2 {
        margin-top: 70px;
        margin-bottom: 50px;
    }
    .address-block {
        left: 10%;
        width: 35%;
    }
}

.index-link:hover{
    color:white;
}