@charset "UTF-8";
.placeDiv {
    z-index: 1;
    position: absolute;
}

ul.htmlsitemap-list.site-rozdel li a {
    color: #293044;
    text-decoration: none;
    font-size: 18px;
    padding-bottom: 0px;
    display: block;
}

.map-container {
    position: relative;
}
.codedropz-upload-inner div{
    margin: 5px 0;
    font-size: 16px;
    line-height: initial;
    word-break: break-word;
    font-weight: 600;
}
.placecard__container {
    box-shadow: rgba(0, 0, 0, .298039) 0 1px 4px -1px;
    max-width: 330px;
    width: 100%;
    background: #fff none repeat scroll 0 0/auto padding-box border-box;
    border-radius: 2px 2px 2px 2px;
    font: normal normal normal normal 11px/normal Roboto, Arial, sans-serif;
    margin: 10px;
    padding: 9px 4px 9px 11px;
    overflow: hidden;
}

.placecard__left {
    float: left;
    width: 75%
}

.placecard__right {
    text-align: center;
    float: left;
    width: 25%
}

.placecard__business-name {
    cursor: default;
    height: 19px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
    perspective-origin: 100px 9.5px;
    transform-origin: 100px 9.5px;
    font: normal normal 500 normal 14px/normal Roboto, Arial;
    overflow: hidden;
    margin: 0;
}

.placecard__info {
    color: #5b5b5b;
    cursor: default;
    height: 32px;
    width: 200px;
    column-rule-color: #5b5b5b;
    perspective-origin: 100px 16px;
    transform-origin: 100px 16px;
    border: 0 none #5b5b5b;
    font: normal normal normal normal 12px/normal Roboto, Arial;
    margin: 6px 0 0;
    outline: #5b5b5b none 0;
}

.placecard__direction-icon {
    background: rgba(0, 0, 0, 0) url(https://maps.gstatic.com/mapfiles/embed/images/entity11.png) repeat scroll 0 0/70px 210px padding-box border-box;
    height: 22px;
    width: 22px;
    margin-right: auto;
    margin-left: auto;
}

.placecard__direction-link {
    color: #3a84df;
    display: block;
    height: 43px;
    text-decoration: none;
    width: 54.7344px;
}

.placecard__view-large {
    display: block;
    margin-top: 10px;
    color: #3a84df;
    text-decoration: none;
}

.wow {
    opacity: 0;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: 0;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:after, .slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir=rtl] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: 70px;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

* {
    box-sizing: border-box;
}

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

blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

abbr, fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: 400;
}

ul li {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

legend {
    color: #000;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display: block;
}

img {
    max-width: 100%;
    height: auto;
}

.debug {
    z-index: 999999;
    height: 100vh;
    position: fixed;
    width: 100%
}

.debug > div {
    height: inherit;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
}

@media screen and (max-width: 767px) {
    .debug > div {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.debug > div > div {
    height: inherit;
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.debug > div > div > div {
    box-sizing: border-box;
    word-wrap: break-word;
    margin-left: 15px;
    margin-right: 15px;
    width: calc(8.33333% - 30px);
    height: inherit;
    outline: 1px solid #ff0;
    background: rgba(0, 0, 0, .5);
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
}

@media screen and (max-width: 767px) {
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }
}

html {
    font-size: 14px;
    overflow-x: hidden;
}

@media screen and (max-width: 767px) {
    html {
        font-size: 10px;
    }
}

@media screen and (max-width: 576px) {
    html {
        font-size: 8.5px;
    }
}

body {
    display: block;
    width: 100%;
    position: relative;
    margin: 0;
    min-width: 320px;
    line-height: 1.5em;
    font-family: "Montserrat", sans-serif;
    overflow-x: hidden;
    font-size: 14px;
    color: #293044;
    background: #fff;
    background-size: contain;
    font-weight: 500;
}

@media screen and (max-width: 1200px) {
    body {
        background: #fff;
    }
}

body input, body textarea {
    border: #666 1px solid;
    outline: 0;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px #f85a00;
    background: #f85a00;
}

::selection {
    background-color: #b6b3b0;
    color: #fff;
}

::placeholder {
    color: #293044;
}

:-moz-placeholder {
    color: #293044;
}

::-webkit-input-placeholder {
    color: #293044;
}

:-ms-input-placeholder {
    color: #293044;
}

::-ms-input-placeholder {
    color: #293044;
}

input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover {
    transition: background-color 5000s ease-in-out 0s;
}

body input:focus:required:invalid, body textarea:focus:required:invalid {
    border-color: red;
}

body input:required:valid, body textarea:required:valid {
    border-color: green;
}

img {
    width: 100%;
    display: block;
}

body :focus {
    outline: 0;
}

body.focus-tab--enable :focus {
    outline-color: #4d90fe;
    outline-offset: -2px;
    outline-style: auto;
    outline-width: 7px;
}

a:hover, button:hover, select:hover {
    cursor: pointer;
}

@media screen and (max-width: 1200px) {
    .intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
        left: 5%
    }
}

@media screen and (max-width: 1200px) {
    .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=tel], .intl-tel-input.separate-dial-code input[type=text] {
        padding-left: 95px;
    }
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.custom-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

.custom-scroll::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f5f5;
}

.custom-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #f85a00;
}

.custom-scroll::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.blog, .catalog, .clients, .contacts, .ct-group, .faq, .main, .news, .single-news, .single-work, .technology, .works {
    display: inline-block;
}

.main {
    width: 100vw;

}

a, button, input {
    cursor: pointer;
}

@keyframes mouse {
    from {
        transform: translateY(-20%);
    }
    to {
        transform: translateY(30%);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
    animation-duration: .4s;
    animation-fill-mode: forwards;
    backface-visibility: visible;
    visibility: hidden;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRight {
    animation-name: fadeInRight;
    animation-duration: .4s;
    animation-fill-mode: forwards;
    backface-visibility: visible;
    visibility: hidden;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUp {
    animation-name: fadeInUp;
    animation-fill-mode: forwards;
    visibility: hidden;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
    animation-duration: .5s;
    animation-fill-mode: forwards;
    backface-visibility: visible;
    visibility: hidden;
}

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in;
    }
    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    }
    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        opacity: 1;
        transform: perspective(400px);
    }
}

.flipInY:not(#some) {
    z-index: 1;
    animation-duration: .4s;
    animation-name: flipInY;
    animation-fill-mode: forwards;
    backface-visibility: visible;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
}

.js-input-focus:not(#some) .main-form__text {
    transform: translateY(-110%);
}

.js-no-valid:not(#some) + .main-form-content svg {
    fill: red;
}

.js-no-valid:not(#some) {
    border-bottom: 1px solid red;
}

.overflow--hidden:not(#some) {
    overflow: hidden;
    margin-right: 10px;
}

.color--wc {
    color: #fff;
}

.color--bc {
    color: #000;
}

.color--mc {
    color: #b6b3b0;
}

.fill--mc svg {
    fill: #b6b3b0;
}

.col2 {
    column-count: 2;
}

.text--bold {
    font-weight: 900;
}

.clients, .faq, .news, .padding-wrap, .single-work, .works {
    padding: 0 30px;
}

@media screen and (max-width: 1024px) {
    .clients, .faq, .news, .padding-wrap, .single-work, .works {
        padding: 0 30px;
    }
}

@media screen and (max-width: 767px) {
    .clients, .faq, .news, .padding-wrap, .single-work, .works {
        padding: 0 10px;
    }
}

.grid-col-2 {
    grid-column: span 2;
}

.grid-row-2 {
    grid-row: span 2;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.page__inner {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    z-index: 30;
}

.page__inner .page__content {
    display: block;
    padding-top: 72px;
    /* margin: auto; */
}

.page__inner .page__footer-wrapper {
    flex-shrink: 0;
}

.section-pading--top {
    padding-top: 60px;
}

.breadcrumb {
    z-index: 6;
    padding: 6px 0;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    letter-spacing: .32px;
}

.breadcrumb li {
    margin: 10px 0;
    display: flex;
    align-items: center;
    color: #293044;
    list-style: none;
}

.breadcrumb li a {
    position: relative;
    padding: 0 20px;
    font-family: "Montserrat", sans-serif;
    font-size: 10px;
    color: #f85a00;
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    .breadcrumb li a {
        padding: 0 15px 0;
        font-size: 6px;
    }
}

@media screen and (max-width: 480px) {
    .breadcrumb li a {
        padding: 0 10px 0;
    }
}

.breadcrumb li a::before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 6px;
    height: 2px;
    background-color: #293044;
    transform: translate(50%, -50%);
    content: ""
}

.breadcrumb li:last-child {
    padding: 0 20px;
    font-family: "Montserrat", sans-serif;
    font-size: 10px;
    color: #293044;
}


@media screen and (max-width: 1024px) and (min-width: 768px) {
    .index-work__img img {
        height: 106px !important;
        width: 100%;
        object-fit: contain;
    }

}


@media screen and (max-width: 767px) {
    .breadcrumb li: last-child {
        font-size: 6px;
        padding: 0 15px 0;
    }
}

@media screen and (max-width: 480px) {
    .breadcrumb li: last-child {
        padding: 0 10px 0;
    }
}

.breadcrumb li:first-child a {
    padding: 0 20px 0 0;
}

@media screen and (max-width: 767px) {
    .breadcrumb li: first-child a {
        padding: 0 15px 0 0;
    }
}

@media screen and (max-width: 480px) {
    .breadcrumb li: first-child a {
        padding: 0 10px 0 0;
    }
}

.button, .button-l, .button-xl, .button-xxxl, .single-catalog__button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    text-align: center;
    background: 0 0;
    color: #fff;
    border: none;
    margin: 0 auto;
    cursor: pointer;
    text-decoration: none;
    font-size: 12px;
    overflow: hidden;
    text-transform: uppercase;
    transition: background .4s linear;
    z-index: 2;
}

.button-xl{
    background: #f8610b;
}

.button-l:hover, .button-xl:hover, .button-xxxl:hover, .button:hover, .single-catalog__button:hover {
    transition: transform .4s ease-in;
}

.button-l:hover:after, .button-xl:hover:after, .button-xxxl:hover:after, .button:hover:after, .single-catalog__button:hover:after {
    transform: translate(-50%, -50%) scale(1);
}

.button-l:before, .button-xl:before, .button-xxxl:before, .button:before, .single-catalog__button:before {
    content: attr(data-value);
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f85a00;
    width: 100%;
    height: 100%;
    color: #fff;
    overflow: hidden;
    z-index: -2;
    transition: transform .4s;
}
.ct-group__first-screen--description .buttons{
    display: flex;
    gap: 30px;
}
.button-contacts.button-xl{
    width: 320px;
    gap: 13px;
}
.button-contacts.button-xl .button-contacts__socials{
    display: flex;
    gap: 8px;
}
.button-contacts.button-xl a{
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    text-decoration: none;
    color: #FFFFFF;
}
.ct-group__first-screen--description .button-contacts.button-xl a .icon-viber{
    background-image: url(../images/viber-catalogue.png);
}
.ct-group__first-screen--description .button-contacts.button-xl a .icon-telegram{
    background-image: url(../images/telegram-catalogue.png);
}
.ct-group__first-screen--description .button-contacts.button-xl a .icon-telegram,
.ct-group__first-screen--description .button-contacts.button-xl a .icon-viber{
    width: 30px;
    height: 31px;
    display: block;
    background-size: cover;
}
.ct-group__first-screen--description .button-contacts.button-xl:before{
    background: #FFFFFF29;
    border: 1px solid #FFFFFF;
}
/*.button-l:after, .button-xl:after, .button-xxxl:after, .button:after,*/
.single-catalog__button:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    display: inline-block;
    width: 200%;
    padding: 100% 0;
    background: #293044;
    overflow: hidden;
    z-index: -1;
    transition: transform .4s;
    transform: translate(-50%, -100%) scale(1);
}

.button-l {
    height: 30px;
    width: 150px;
}

.button-xl {
    height: 50px;
    width: 255px;
}

@media screen and (max-width: 767px) {
    .ct-group__first-screen--description .buttons{
        flex-direction: column;
        gap: 10px;
    }
    .button-contacts.button-xl a{
        font-size: unset;
        line-height: unset;
    }
    .button-xl,
    .button-contacts.button-xl{
        height: 40px;
        width: 200px;
    }
}

.button-xxxl {
    height: 50px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .button-xxxl {
        height: 40px;
    }
}

.hover-underline {
    position: relative;
}

.hover-underline::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    display: block;
    height: 1px;
    width: 100%;
    content: "";
    transform: scale(0);
}

.hover-underline:hover::after {
    transition: .4s;
    transform: scale(1);
}

.underline-color--white::after {
    background-color: #fff;
}

.underline-color--dark::after {
    background-color: #b6b3b0;
}

.language {
    position: relative;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.language a {
    font-size: 14px;
    color: #000;
}

.lang--active {
    display: block;
    line-height: 1em;
}

.language-btn {
    position: relative;
    background-color: transparent;
    display: block;
    transition: all .3s;
}

.language-btn svg {
    width: 14px;
    height: 8px;
    transition: all .3s;
}

.svg--active .language-btn {
    transform: rotate(-180deg);
}

.language-btn:hover {
    transform: rotate(-180deg);
}

.language:hover .lang--active {
    transition: all .4s;
    transform: translateY(-140%);
}

@media screen and (max-width: 425px) {
    .language: hover .lang--active {
        transform: translateY(-120%);
    }
}

.lang__item {
    line-height: 1.5em;
}

@media screen and (max-width: 425px) {
    .lang__item {
        line-height: 1.2em;
    }
}

.lang_dropdown {
    position: absolute;
    top: -2px;
    opacity: 0;
    margin: 0;
    padding: 0;
    width: 46.33px;
    max-height: 0;
    overflow: hidden;
    list-style: none;
    transition: .35s;
}

.lang-dropdown--active {
    max-height: 60px;
    opacity: 1;
}

.disabled {
    pointer-events: none;
    cursor: auto;
}

.disabled svg {
    fill: #333 !important;
}

.hidden {
    visibility: hidden;
}

.advantages, .blog, .clients__wrap, .faq, .news, .processes, .single-catalog__top, .single-news, .single-work, .stages, .technology, .works__prewiev, .wrap1200 {
    margin: 0 auto;
    max-width: 1200px;
}

@media screen and (min-width: 1290px) {
    .advantages, .blog, .clients__wrap, .faq, .news, .processes, .single-catalog__top, .single-news, .single-work, .stages, .works__prewiev, .wrap1200 {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.captcha {
    width: 220px;
    height: 70px;
    background: #eee;
    margin: 20px 10px 0 0;
}

@media screen and (max-width: 670px) {
    .captcha {
        margin: 10px auto 0;
    }
}

.popup {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 80%;
    max-width: 900px;
    height: 80%;
    padding: 45px 85px;
    background: #fff;
    overflow-y: auto;
}

.popup .products {
    height: auto;
}

.popup-wrap {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(153, 153, 153, .7);
    height: 100%;
    width: 100%;
    z-index: 1050;
    pointer-events: none;
    visibility: hidden;
}

.popup-wrap.active {
    pointer-events: auto;
    visibility: visible;
}

.g-recaptcha {
    margin-top: 20px;
    transform: translateX(-20%) scale(.6);
    transform-origin: center;
    width: 200px;
}

.form__project .g-recaptcha, .form__consult .g-recaptcha {
    margin-top: 20px;
    transform: translateX(0) scale(1);
    transform-origin: left;
    width: 300px;
}

.header {
    position: fixed;
    top: 0;

    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 72px;
    padding: 10px 30px;
    z-index: 200;
    background-color: #fff;
}

@media screen and (max-width: 1199px) {
    .header {
        padding: 10px 10px;
    }
}

@media screen and (max-width: 767px) {
    .header {
        padding: 10px 20px;
        justify-content: flex-end;
    }

    .g-recaptcha {
        transform: translateX(0) scale(.9) !important;
        transform-origin: left;
    }
}

@media screen and (max-width: 480px) {
    .header {
        padding: 5px 20px;
    }
}

.header .logo {
    height: auto;
    flex-shrink: 0;
    overflow: hidden;
}

.header .logo svg {
    height: 40px;
    width: 190px;
}

@media screen and (max-width: 767px) {
    .header .logo svg {
        height: 30px;
        width: 120px;
    }
}

@media screen and (max-width: 767px) {
    .header .logo {
        margin-right: auto;
    }

    .header .lang-list {
        display: none;
    }
}

.header .row {
    justify-content: space-between;
}

.lang-list {
    margin-left: 20px;
}

@media screen and (max-width: 480px) {
    .lang-list {
        margin-left: 10px;
    }
}

.lang-list__item {
    transition: all .4 ease-in;
    padding: 0 10px;
}

.lang-list__item:hover {
    background: #293044;
}

.lang-list__item:hover a {
    color: #fff;
}

@media screen and (max-width: 480px) {
    .lang-list__item {
        font-size: 10px;
    }
}

.lang-list__item a {
    text-decoration: none;
    color: #293044;
}

.lang-list__item.active {
    background: #f85a00;
    color: #fff;
}

.lang-list__item.active a {
    color: #fff;
}

.menu-button {
    display: flex;
    align-items: center;
    border: none;
    background-color: transparent;
}

.menu-button__text {
    font-size: 10px;
}

.menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    visibility: visible;
    display: flex;
    width: 100vw;
    height: 100vh;
    justify-content: center;
    align-items: center;
    background-color: #66c5e2;
    transition: all .4s;
}

.top-menu {
    display: flex;
    height: 100%;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 10px;
    line-height: 1.2em;
    /*margin-left: auto;*/
    margin: auto;
}

.top-menu__list {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 15px;
    cursor: pointer;
    text-transform: uppercase;
}

.top-menu__list a {
    color: #293044;
}

.top-menu__list--item {
    white-space: nowrap;
    margin-right: 10px;
}

.top-menu__list.hover {
    color: #f85a00;
}

.top-menu__list.hover .top-menu__list--item {
    color: #f85a00;
}

.top-menu__list.hover .top-menu__nested {
    visibility: visible;
    opacity: 1;
}

.top-menu__list.hover .top-menu__arrow {
    fill: #f85a00;
    transform: rotate(180deg);
    transition: .3s;
}

.top-menu__list.unclickable .top-menu__list--item {
    color: #293044;
}

.top-menu__list.unclickable .top-menu__arrow {
    fill: #293044;
}

.top-menu__phone {
    display: flex;
    align-items: center;
    height: 100%;
    /*margin: 0 auto;*/
}

.top-menu__consult-button {
    margin-right: 25px;
    margin-left: 25px;
}

.top-menu__consult-button .button-xl {
    height: 35px;
    width: 200px;
}

.top-menu__consult-button-mobile .button-xl {
    color: #fff;
}

.menu__middle-button-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.menu__middle-button-wrapper .top-menu__consult-button-mobile {
    width: 49%;
}

.social-icons-top.social-icons-top-mobile {
    justify-content: center;
    padding-right: 0;
    margin-right: 0;
    margin-top: 10px;
}
.social-icons-top.social-icons-top-mobile::after {
    content: none;
}
.social-icons-top.social-icons-top-mobile a span.icon-viber {
    background-image: url("../images/viber-color.svg");
}
.social-icons-top.social-icons-top-mobile a span.icon-telegram {
    background-image: url("../images/telegram-color.svg");
}
.social-icons-top.social-icons-top-mobile a span.icon-whatsapp,
.mobile-catalog-wrapper a span.icon-whatsapp{
    background-image: url("../images/new-icon-whatsapp.svg");
}
.top-menu__consult-button-mobile .button-xl {
    width: 100%;
    height: 28px;
}

.top-menu__phone-mobile {
    width: 49%;
    height: 28px;
    display: flex;
    align-items: center;
    background: #fff;
    justify-content: center;
}

.menu__middle .top-menu__phone-mobile a {
    white-space: nowrap;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2em;
    color: #293044;
}

@media screen and (max-width: 767px) {
    .top-menu__phone {
        display: none;
        margin: 0 0 0 auto;
    }
}

@media screen and (max-width: 767px) {
    .header .top-menu__consult-button {
        display: none;
    }
}

.top-menu__phone.hover .phone__list__tel {
    visibility: visible !important;
    opacity: 1 !important;
    background: #fff;
}

.top-menu__arrow {
    display: inline-block;
    width: 10px;
    height: 10px;
}

.top-menu__nested {
    position: absolute;
    top: 100%;
    left: 0;
    visibility: hidden;
    width: auto;
    margin: 0 -5px;
    background: #fff;
    box-shadow: 0 40px 40px rgba(41, 48, 68, .25);
    opacity: 0;
    transition: opacity .2s linear;
}

.top-menu__nested--link {
    white-space: nowrap;
}

.top-menu__nested--link:hover {
    color: #f85a00;
}

.top-menu__nested--item {
    display: inline-block;
    padding: 10px 20px;
}

.top-menu a {
    text-decoration: none;

    cursor: pointer;
}

@media screen and (max-width: 479px) {
    .works__list {
        padding-right: 12.5px !important;
        padding-left: 12.5px !important;
    }
}


@media screen and (max-width: 1080px) {
    .top-menu {
        display: none;
    }


}

.phone__list {
    position: relative;
    display: inline-block;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    padding: 10px 0;
    flex-shrink: 0;
    order: -1;
}

.phone__list__tel {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 10px;
    z-index: 5;
}

.phone__list--icon {
    height: 20px;
    width: 20px;
}

.phone__list--number {
    white-space: nowrap;
    padding-left: 20px;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2em;
    color: #293044;
}

@media screen and (max-width: 480px) {
    .phone__list--number {
        padding-left: 10px;
    }
}

.phone__list--arrow {
    cursor: pointer;
    padding: 10px;
}

.header .phone__list__tel:nth-child(1n+2) {
    visibility: hidden;
    opacity: 0;
    z-index: 2;
}

.burger {
    display: none;
    justify-content: space-around;
    flex-direction: column;
    height: 50px;
    width: 50px;
    padding: 12px 5px;
    margin: 0 0 0 20px;
    border: none;
    background: 0 0;
    cursor: pointer;
    overflow: hidden;
}

.burger span {
    width: 30px;
    height: 3px;
    background: #293044;
    border-radius: 10px;
    transition: translate .2s linear;
}

.burger span:nth-child(2) {
    transform: translateX(0);
}

.burger:hover span:nth-child(2) {
    transform: translateX(10px);
}

@media screen and (max-width: 1080px) {
    .burger {
        display: flex;
    }
}

@media screen and (max-width: 767px) {
    .burger: hover span:nth-child(2) {
        transform: translateX(0);
    }
}

@media screen and (max-width: 480px) {
    .burger {
        margin: 0 0 0 10px;
        width: 40px;
    }
}

.btn-res {
    background: 0 0;
    border: none;
}

.menu-main-list {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.menu-main-list__link {
    opacity: 0;
    display: block;
    font-size: 4vw;
    line-height: 2em;
    color: #b6b3b0;
    transition: all .3s;
}

.menu-main-list__link:hover {
    color: #757985;
}

.menu-main-list__link:hover::after {
    height: 4px;
}

.mobile-icon {
    height: 25px;
    width: 25px;
    margin: auto 5px;
}

@media screen and (min-width: 768px) {
    .mobile-icon {
        display: none;
    }
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 64px;
    border-top: 1px solid #eaeaea;
}

.footer-bottom .footer-bottom__copy {
    margin-left: 10px;
    display: flex;
    flex-direction: row;
    color: #757985;
    font-size: 10px;
    width: 70%;
    column-gap: 15px;
    align-items: center;
}

@media screen and (max-width: 576px) {
    .footer-bottom .footer-bottom__copy {
        width: 60%;
        font-size: 8px;
    }
}

.footer-bottom .footer-bottom__copy p {
    line-height: 1.7em;
}

.footer-bottom .footer-bottom__link {
    display: flex;
    height: 100%;
    color: #757985;
    align-items: center;
    text-decoration: none;
    font-size: 12px;
}

.footer-bottom .footer-bottom__link--wrap {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-end;
    font-weight: 500;
    font-size: 10px;
    line-height: 1em;
    color: #757985;
}

.footer-bottom .footer-bottom__link svg {
    margin-right: 10px;
    margin-left: 25px;
    width: 70px;
    height: 100%
}

@media screen and (max-width: 767px) {
    .footer-bottom .footer-bottom__link svg {
        margin-left: 10px;
    }
}

.footer-note {
    margin-top: 10px;
    width: 40%;
    color: rgba(41, 48, 68, .05);
}

@media screen and (max-width: 1200px) {
    .footer-note {
        width: 40%
    }
}

@media screen and (max-width: 1024px) {
    .footer-note {
        width: 50%
    }
}

@media screen and (max-width: 767px) {
    .footer-note {
        width: 95%
    }
}

.footer-middle {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1340px;
    margin: 0 auto;
    padding: 0 30px;
}

@media screen and (max-width: 767px) {
    .footer-middle {
        flex-direction: column;
    }
}

.footer-middle a:hover {
    color: #293044;
}

.footer-middle__line {
    display: inline-block;
    width: 1px;
    height: 80%;
    min-height: 200px;
    background: #eaeaea;
    margin: auto;
}

@media screen and (max-width: 767px) {
    .footer-middle__line {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .footer-middle__menu {
        padding: 0;
        border: none;
        width: 100%
    }
}

.footer-middle__menu--title {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 2em;
    color: #f85a00;
}

@media screen and (max-width: 767px) {
    .footer-middle__catalog {
        width: 100%;
        order: 0;
    }
}

@media screen and (max-width: 560px) {
    .footer-middle__catalog {
        display: none;
    }
}

.footer-middle__contact {
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 767px) {
    .footer-middle__contact {
        padding: 0;
        border: none;
        width: 100%
    }
}

.footer-middle .phone__list {
    order: 0;
    flex-shrink: 1;
    height: auto;
}

@media screen and (max-width: 767px) {
    .footer-middle .phone__list {
        display: flex;
    }
}

.footer-middle .phone__list__tel {
    height: auto;
    padding: 0;
}

.footer-middle .phone__list--icon {
    height: 15px;
    width: 15px;
}

.footer-middle__icons {
    display: none;
    justify-content: center;
    width: 100vw;
    margin: 0 -45px;
    padding: 5px 10px;
    background: #d4d6da;
}

@media screen and (max-width: 767px) {
    .footer-middle__icons {
        display: flex;
        margin: 0 -20px;
    }
}

.footer-middle__icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 15px;
    overflow: hidden;
}
.footer-middle__icons a[href^="viber://"] svg,
.footer-middle__icons a[href^="tg://"] svg {
    transform: scale(1.5);
}

.footer-middle__icons svg {
    fill: #fff;
}

.footer-middle a {
    font-size: 10px;
    line-height: 2.4;
    font-style: normal;
    font-weight: 500;
    color: #757985;
    text-decoration: none;
}

.footer-contact__tel {
    font-size: 10px;
    line-height: 2.4;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    color: #293044;
    text-decoration: none;
    padding-left: 10px;
}

.footer-menu {
    column-count: 2;
    padding: 10px 0;
}

@media screen and (max-width: 1024px) {
    .footer-menu {
        column-count: 1;
    }
}

@media screen and (max-width: 767px) {
    .footer-menu {
        column-count: 2;
        flex-wrap: wrap;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .footer-menu__list {
        display: flex;
    }
}

.footer-catalog {
    column-count: 2;
    padding: 10px 0;
}

@media screen and (max-width: 560px) {
    .footer-catalog__list {
        width: 100%
    }
}

@media screen and (max-width: 560px) {
    .footer-catalog__list--item {
        margin: 0 auto;
    }
}

.footer-middle__contact .phone__list__tel a {
    color: #293044;
}

.footer {
    position: relative;
    padding: 0 45px;
    background: rgba(41, 48, 68, .05);
}

@media screen and (max-width: 480px) {
    .footer {
        padding: 0 20px;
    }
}

.footer-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px;
    max-width: 1340px;
    margin: 0 auto;
    border-top: 1px solid #eaeaea;
}

@media screen and (max-width: 767px) {
    .footer-top {
        flex-direction: column;
        padding: 30px 0 0;
    }
}

.footer-top__scroll {
    position: absolute;
    top: 0;
    right: 4px;
    height: 34px;
    width: 34px;
    background: #d4d6da;
    display: none;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .footer-top__scroll {
        display: flex;
    }
}

.footer-top__scroll svg {
    display: inline-block;
    height: 10px;
    width: 10px;
    fill: #fff;
    transform: rotate(180deg);
}

.footer-top__logo {
    flex: 1 1 0;
}

@media screen and (max-width: 767px) {
    .footer-top__logo {
        display: none;
    }
}

.footer-top__logo svg {
    height: 40px;
    width: 190px;
}

.footer-top__quote {
    display: flex;
    justify-content: flex-end;
    flex: 3 1 0;
}

@media screen and (max-width: 767px) {
    .footer-top__quote {
        padding-top: 20px;
    }
}

@media screen and (max-width: 480px) {
    .footer-top__quote {
        display: none;
    }
}

.quote__img {
    display: inline-block;
    height: 70px;
    width: 70px;
    flex-shrink: 0;
    border-radius: 50%;
    overflow: hidden;
}

.quote__content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-end;
    font-size: 14px;
    line-height: 1.8em;
    width: 70%;
    min-width: 370px;
    padding: 0 20px;
}

@media screen and (max-width: 767px) {
    .quote__content {
        width: auto;
    }
}

.quote__text {
    text-align: right;
    font-style: italic;
    font-weight: 500;
}

.quote__author {
    font-weight: 600;
}

.page404-wrap {
    height: calc(100vh - 64px);
    background-color: #c2c0bd;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.page404__title {
    margin-bottom: 50px;
    font-weight: 700;
    line-height: normal;
    font-size: 150px;
    text-align: center;
    animation: tada 3s infinite;
}

@media screen and (max-width: 578px) {
    .page404__title {
        font-size: 70px;
        margin-bottom: 30px;
    }
}

.page404__title-small {
    display: block;
    font-size: 50px;
}

@media screen and (max-width: 578px) {
    .page404__title-small {
        font-size: 30px;
    }
}

.page404__subtitle {
    padding: 0 10px;
    text-align: center;
    font-size: 20px;
    margin-bottom: 30px;
}

.page404 .link-wrap {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 578px) {
    .page404 .link-wrap {
        flex-direction: column;
    }
}

.page404 .link-wrap a {
    margin: 0 15px;
    padding: 10px 0;
    display: flex;
    min-width: 220px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border: 1px solid #fff;
    color: #fff;
}

.page404 .link-wrap a span {
    z-index: 1;
}

.page404 .link-wrap a::before {
    z-index: 0;
}

@media screen and (max-width: 578px) {
    .page404 .link-wrap a {
        margin: 20px auto;
        width: 70%;
        min-width: 200px;
    }
}

.first-screen {
    position: relative;
    display: grid;
    grid-template-areas: "location sl messages" "mail sl messages" "mouse sl messages";
    grid-template-columns: 12% 76% 12%;
    grid-template-rows: 1fr 1fr 1.5fr;
    height: calc(100vh - 72px);
    width: 100%;
    padding: 40px 0;
}

@media screen and (max-width: 1024px) {
    .first-screen {
        height: 80%;
        grid-template-columns: 10% 80% 10%;
        padding: 0;
    }
}

@media screen and (max-width: 767px) {
    .first-screen {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        padding: 0;
    }
}

.first-screen__link {
    background: #293044;
    transition: background .2s linear;
}

.first-screen__link:hover {
    background: #f85a00;
}

.first-screen__location {
    grid-area: location;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .first-screen__location {
        display: none;
    }
}

.first-screen__location--img {
    max-width: none;
    max-height: none;
    height: auto;
    width: 13%
}

.first-screen__mail {
    grid-area: mail;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .first-screen__mail {
        display: none;
    }
}

.first-screen__mail--img {
    height: 16px;
    width: 16px;
}

.first-screen__mouse {
    grid-area: mouse;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 20px;
}

@media screen and (max-width: 767px) {
    .first-screen__mouse {
        padding: 0;
        display: none;
    }
}

.first-screen__mouse--text {
    display: inline-block;
    height: 1px;
    width: 1px;
    white-space: nowrap;
    line-height: 1px;
    margin-bottom: 30px;
    font-size: 1vw;
    transform: rotate(-90deg);
}

@media screen and (max-width: 1024px) {
    .first-screen__mouse--text {
        margin: 0;
    }
}

.first-screen__mouse--img {
    max-width: none;
    max-height: none;
    height: 50px;
    width: 13%;
    animation: mouse .8s ease-in alternate infinite;
}

.first-screen__slider .sl.js-sl > .sl__element .sl__element--content {
    display: none;
}

@media screen and (max-width: 1024px) {
    .first-screen__mouse--img {
        width: 30%;
        height: 50%
    }
}

.first-screen__slider {
    position: relative;
    grid-area: sl;
    display: flex;
    flex-direction: column; 
    width: 100%;
    height: 100%
}

.first-screen__messages {
    grid-area: messages;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .first-screen__messages {
        display: none;
    }
}

.first-screen__messages--text {
    display: inline-block;
    white-space: nowrap;
    line-height: 1px;
    margin-bottom: 20px;
    padding: 50% 0;
    transform-origin: center;
    transform: rotate(-90deg);
    font-weight: 500;
    font-size: .8vw;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.first-screen__messages svg {
    fill: #293044;
}

.first-screen__img {
    display: inline-block;
    height: 30px;
    width: 30px;
}

.first-screen__mobile {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    flex-direction: column;
    padding: 10px 0;
    background: #293044;
    z-index: 20;
}

@media screen and (max-width: 767px) {
    .first-screen__mobile {
        display: flex;
    }
}

.first-screen__mobile--line {
    display: inline-block;
    width: 40%;
    height: 1px;
    background: #fff;
    margin: 10px auto;
}

.first-screen__mobile a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 10px;
}

.first-screen__mobile svg {
    fill: #fff;
    width: 16px;
    height: 16px;
}

.about__title, .blog__title, .catalog__title, .clients__title, .ct-desc__title, .delivery__schemes--title, .delivery__title, .faq__title, .installation-stages__title, .installation__title, .main__title, .news__title, .requirements__title, .single-work__title, .works__title {
    color: #293044;
    font-weight: 500;
    font-size: 24px;
    text-align: center;
    line-height: 1.3em;
}

@media screen and (max-width: 767px) {
    .about__title, .blog__title, .catalog__title, .clients__title, .ct-desc__title, .delivery__schemes--title, .delivery__title, .faq__title, .installation-stages__title, .installation__title, .main__title, .news__title, .requirements__title, .single-work__title, .works__title {
        font-size: 12px;
    }
}

.sl {
    display: inline-block;
    height: calc(100% - 180px);
    width: 100%;
    overflow-y: hidden;
}

@media screen and (max-width: 1024px) {
    .sl {
        height: 70% px;
    }
}

@media screen and (max-width: 767px) {
    .sl {
        height: 280px;
    }
}

.sl__element {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%
}

.sl__element img {
    display: inline-block;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.sl__element--content {
    position: absolute;
    top: -1px;
    right: -1px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    max-width: 60%
}

@media screen and (max-width: 767px) {
    .sl__element--content {
        position: static;
        max-width: none;
        width: 100%
    }

    .sl__element img {
        object-position: left;
    }
}

.sl__element--text {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.5em;
    padding: 0 0 10% 16%;
    background: #fff;
}

@media screen and (max-width: 1024px) {
    .sl__element--text {
        font-size: 18px;
        padding: 20px 20px 10% 16%
    }
}

@media screen and (max-width: 767px) {
    .sl__element--text {
        padding: 0 10px;
        margin-bottom: 20px;
    }
}

.sl__element--title {
    padding: 13px 35px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3em;
    background: #f85a00;
    color: #fff;
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    .sl__element--title {
        width: calc(100% - 20px);
        text-align: center;
        margin: 0 10px 35px;
    }
}

.sl__buttons {
    display: flex;
    justify-content: flex-end;
}

.sl__button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    width: 70px;
    background: #293044;
    border: none;
    transition: background .2s linear;
}

.sl__button svg {
    display: inline-block;
    height: 15px;
    width: 15px;
    fill: #fff;
}

.sl__button:active {
    background: #f85a00;
}

@media screen and (min-width: 769px) {
    .sl__button: hover {
        background: #f85a00;
    }
}

@media screen and (max-width: 767px) {
    .sl__button {
        height: 50px;
        width: 50px;
    }
}

.sl__button--left svg {
    transform: rotate(90deg);
}

.sl__button--right svg {
    transform: rotate(-90deg);
}

.slick-list, .slick-track {
    height: 100%
}

.make {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 45px 45px;
}

@media screen and (max-width: 1024px) {
    .make {
        padding: 0 20px 30px;
    }
}

@media screen and (max-width: 480px) {
    .make {
        padding: 0 0 30px;
    }
}

.make__title {
    margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
    .make__title {
        font-size: 18px;
        margin-bottom: 10px;
    }
}

.make__gallery {
    display: grid;
    grid-template-areas: "card-1 card-1 card-2 card-2" "card-3 card-4 card-5 card-6" "card-7 card-4 card-8 card-8" "card-9 card-9 card-8 card-8";
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: minmax(100px, 240px);
    grid-gap: 20px;
    width: 100%;
    height: auto;
    padding: 0 0 45px;
}

@media screen and (max-width: 1024px) {
    .make__gallery {
        grid-gap: 20px;
        grid-auto-rows: minmax(100px, 280px);
        grid-template-columns: 1fr 40% 40% 1fr;
        margin: 0 auto;
        grid-template-areas: ". card-1 card-1 ." ". card-2 card-3 ." ". card-4 card-5 ." ". card-6 card-6 ." ". card-7 card-8 ." ". card-9 card-9 ."
    }
}

@media screen and (max-width: 767px) {
    .make__gallery {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: auto;
        grid-template-areas: "card-1 card-2" "card-3 card-4" "card-5 card-6" "card-7 card-8" "card-9 card-9";
        padding: 0 0 45px;
    }
}

@media screen and (max-width: 480px) {
    .make__gallery {
        grid-template-columns: repeat(1, 1fr);
        grid-template-areas: "card-1" "card-2" "card-3" "card-4" "card-5" "card-6" "card-7" "card-8" "card-9";
        padding: 0 10px 25px;
    }
}

.make__button {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3em;
}

@media screen and (max-width: 767px) {
    .make__button {
        font-size: 10px;
        width: calc(100% - 20px);
    }
}

.icons-block {
    min-height: 61px;
    flex-direction: row;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    flex-wrap: nowrap;
    justify-content: space-around;
}

.icons-block div {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 24%;
}

.icons-block div img {
    margin: 0;
}

.card {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: #fff;
}

.card__desc {
    font-weight: 500;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    color: #293044;
    text-transform: uppercase;
    white-space: nowrap;
}

@media screen and (max-width: 992px) {
    .card__desc {
        line-height: 25px;
        margin-top: 5px;
    }
}

.card__img {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.card__img > img {
    display: inline-block;
    height: 100%;
    object-fit: cover;
}

.card-1 {
    grid-area: card-1;
}

.card-2 {
    grid-area: card-2;
}

.card-3 {
    grid-area: card-3;
}

.card-4 {
    grid-area: card-4;
}

.card-5 {
    grid-area: card-5;
}

.card-6 {
    grid-area: card-6;
}

.card-7 {
    grid-area: card-7;
}

.card-8 {
    grid-area: card-8;
}

.card-9 {
    grid-area: card-9;
}

.card__hover {
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100% - 35px);
    width: 100%;
    padding: 10px;
    background: rgba(0, 0, 0, .5);
    z-index: 105;
    opacity: 0;
    transition: all .2s ease-in;
}

@media screen and (max-width: 992px) {
    .card__hover {
        height: calc(100% - 25px);
    }
}

.card__hover--wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.card__hover--wrap:before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    border: 1px solid #fff;
    transform: translate(-50%, -50%) scale(1.2);
    transition: transform .3s linear;
}

.hover:hover .card__hover--wrap:before {
    transform: translate(-50%, -50%) scale(1);
}

.card__hover--logo {
    width: 40px;
    height: 20px;
    max-height: 50%
}

.card__hover--text {
    font-weight: 600;
    font-size: 9px;
    line-height: 2.8em;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: .1em;
}

.card.hover .card__hover {
    opacity: 1;
}

.card .card__img img {
    transition: 1s;
}

.card.hover .card__img img {
    transform: scale(1.1);
}

.advantages {
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    padding: 70px 45px 30vh;
}

@media screen and (max-width: 1024px) {
    .advantages {
        padding: 70px 45px 30%
    }
}

@media screen and (max-width: 767px) {
    .advantages {
        padding: 30px 0 30%
    }
}


.advantages--wrap {
    width: 100%;
    background: #232a3a url(../images/main/house__bg.jpg) no-repeat center bottom/cover;
}

@media (min-width:1024px) {
	.advantages--wrap {
    width: 100%;
    background: #232a3a url(../images/main/house__bg.jpg) no-repeat center bottom/cover;
	    min-height: 170vh;
    background-position:botttom;
		background-size: contain;
}
}
.scroll-top-button {
	display:none!important;
}
@media screen and (max-width: 767px) {
    .advantages--wrap {
        padding: 0 10px;
        background-size: contain;
    }
}

.advantages__title {
    width: 100%;
    color: #fff;
    margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
    .advantages__title {
        font-size: 18px;
        margin-bottom: 10px;
    }
}

.advantages__element {
    display: flex;
    width: 50%;
    padding: 0 10px;
    margin-bottom: 70px;
}

@media screen and (max-width: 767px) {
    .advantages__element {
        width: 100%;
        padding: 0;
        font-weight: 400;
    }
}

@media screen and (max-width: 480px) {
    .advantages__element {
        margin-bottom: 30px;
    }
}

.advant__list {
    padding-left: 20px;
}

@media screen and (max-width: 767px) {
    .advant__list {
        font-size: 10px;
        font-weight: 400;
        line-height: 1.2em;
    }
}

.advant__elem {
    font-weight: 600;
    font-size: 12px;
    line-height: 2em;
    list-style: disc;
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .advant__elem {
        font-size: 10px;
        font-weight: 400;
        line-height: 1.2em;
    }
}

.advant__img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65px;
    width: 65px;
    flex-shrink: 0;
    background: #f85a00;
    margin-right: 30px;
}

@media screen and (max-width: 1024px) {
    .advant__img {
        margin-right: 20px;
    }
}

@media screen and (max-width: 480px) {
    .advant__img {
        margin-right: 10px;
        height: 40px;
        width: 40px;
    }
}

.advant__img svg {
    max-height: 80%;
    max-width: 80%
}

.advant__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3em;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .advant__title {
        font-size: 10px;
        line-height: 1.2em;
    }
}

.processes {
    padding: 60px 45px;
}

@media screen and (max-width: 1024px) {
    .processes {
        padding: 40px 20px;
    }
}

@media screen and (max-width: 767px) {
    .processes {
        padding: 40px 10px;
    }
}

.processes--wrap {
    background: url(../images/main/proces__bg.jpg) no-repeat center/cover;
}

.processes__title {
    color: #fff;
    margin-bottom: 50px;
}

.processes__list {
    display: grid;
    grid-template-columns: calc(50% - 1px) 2px calc(50% - 1px);
    grid-template-rows: 65px auto 65px auto 65px auto 65px auto [pre-last] 65px auto;
}

@media screen and (max-width: 767px) {
    .processes__list {
        grid-template-rows: auto auto auto auto [pre-last] auto;
        grid-template-columns: 20px 2px calc(100% - 32px);
    }
}

.process {
    position: relative;
    width: 100%
}

.process__numb {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65px;
    width: 65px;
    background: #f85a00;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    line-height: 36px;
    flex-shrink: 0;
    margin: 0 -63px 0 auto;
}

@media screen and (max-width: 767px) {
    .process__numb {
        height: 45px;
        width: 45px;
        margin: 0 auto 0 -22px;
        order: -1;
    }
}

.process__head {
    display: flex;
    align-items: center;
    height: 65px;
    background: #fff;
    padding: 0 30px;
}

@media screen and (max-width: 767px) {
    .process__head {
        height: 45px;
        padding: 0;
    }
}

.process__head--text {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5em;
    color: #293044;
    flex: 3 1 0;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    .process__head--text {
        font-size: 10px;
    }
}

.process__head--img {
    display: inline-block;
    width: auto;
    max-height: 80%;
    margin-right: 20px;
    flex: 1 1 0;
}

@media screen and (max-width: 767px) {
    .process__head--img {
        margin: 0 20px 0 auto;
    }
}

.process__list {
    padding: 30px 10% 30px 20%
}

@media screen and (max-width: 767px) {
    .process__list {
        padding: 20px 5% 20px 10%
    }
}

.process__list--el {
    font-weight: 500;
    font-size: 12px;
    line-height: 2em;
    list-style: disc;
    color: #fff;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .process__list--el {
        margin-bottom: 10px;
        font-size: 10px;
        line-height: 1.6em;
    }
}

.process__line {
    display: inline-block;
    height: 100%;
    width: 100%;
    background: #f85a00;
    grid-column: 2;
    grid-row-start: 2;
    grid-row-end: pre-last;
}

.process__line__pre-last {
    grid-area: last;
}

@media screen and (max-width: 767px) {
    .process__line {
        grid-row-start: 1;
    }
}

.process1 {
    grid-row: 1/5;
    grid-column: 1;
}

@media screen and (max-width: 767px) {
    .process1 {
        grid-column: 3;
        grid-row: auto/auto;
    }
}

.process2 {
    grid-row: 3/7;
    grid-column: 3;
}

@media screen and (max-width: 767px) {
    .process2 {
        grid-column: 3;
        grid-row: auto/auto;
    }
}

.process3 {
    grid-row: 5/9;
    grid-column: 1;
}

@media screen and (max-width: 767px) {
    .process3 {
        grid-column: 3;
        grid-row: auto/auto;
    }
}

.process4 {
    grid-row: 7/11;
    grid-column: 3;
}

@media screen and (max-width: 767px) {
    .process4 {
        grid-column: 3;
        grid-row: auto/auto;
    }
}

.process5 {
    grid-row: 9/13;
    grid-column: 1;
}

@media screen and (max-width: 767px) {
    .process5 {
        grid-column: 3;
        grid-row: auto/auto;
    }
}

.process6 {
    grid-row: 11/15;
    grid-column: 1;
}

@media screen and (max-width: 767px) {
    .process6 {
        grid-column: 1;
        grid-row: auto/auto;
    }
}

.process7 {
    grid-row: 13/17;
    grid-column: 3;
}

@media screen and (max-width: 767px) {
    .process7 {
        grid-column: 1;
        grid-row: auto/auto;
    }
}

.process8 {
    grid-row: 15/19;
    grid-column: 1;
}

@media screen and (max-width: 767px) {
    .process8 {
        grid-column: 1;
        grid-row: auto/auto;
    }
}

.num-left .process__numb {
    order: -1;
    margin: 0 0 0 -63px;
}

@media screen and (max-width: 767px) {
    .num-left .process__numb {
        margin: 0 0 0 -22px;
    }
}

.num-left .process__head--img {
    margin-left: auto;
}

.num-left .process__head--text {
    margin-right: auto;
}

.stages {
    padding: 45px 45px 0;
}

@media screen and (max-width: 480px) {
    .stages {
        padding: 30px 20px;
    }
}

.stages--wrap {
    background: url(../images/main/line__bg.png) no-repeat center bottom/cover;
}

@media screen and (max-width: 1024px) {
    .stages--wrap {
        background-size: contain;
    }
}

.stages__title {
    font-weight: 600;
    text-transform: uppercase;
    line-height: 2em;
    margin-bottom: 45px;
}

.stages__title span {
    color: #f85a00;
}

.stage {
    position: relative;
    padding: 20px 10%;
    border: 1px solid #d4d6da;
}

@media screen and (max-width: 480px) {
    .stage {
        padding: 10px;
    }
}

.stage__wrap {
    display: grid;
    grid-template-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
    grid-auto-rows: auto;
    padding: 0 0 90px;
}

@media screen and (max-width: 992px) {
    .stage__wrap {
        grid-template-columns: 1fr 30px 1fr;
        grid-auto-rows: 1fr auto auto auto 1fr auto auto auto;
    }
}

@media screen and (max-width: 480px) {
    .stage__wrap {
        grid-template-columns: 1fr 10px 1fr;
    }
}

.create-price__number, .stage__number {
    position: absolute;
    top: -18px;
    left: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    background: #f85a00;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 1em;
    box-shadow: 0 0 0 7px rgba(248, 90, 0, .5);
}

@media screen and (max-width: 480px) {
    .create-price__number, .stage__number {
        top: -10px;
        left: 5px;
        height: 20px;
        width: 20px;
        box-shadow: 0 0 0 5px rgba(248, 90, 0, .5);
    }
}

.stage__name {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.8em;
    text-align: center;
    color: #293044;
}

@media screen and (max-width: 480px) {
    .stage__name {
        font-size: 9px;
    }
}

.stage__time {
    font-weight: 600;
    font-size: 18px;
    line-height: 2em;
    text-align: center;
    color: #293044;
    text-transform: uppercase;
}

.stage__line--hor {
    width: 30px;
    height: 1px;
    background: #d4d6da;
    margin: auto;
}

@media screen and (max-width: 480px) {
    .stage__line--hor {
        width: 10px;
    }
}

.stage__line--vert {
    grid-column: 1/span end;
    width: 1px;
    height: 30px;
    background: #d4d6da;
}

@media screen and (max-width: 992px) {
    .stage__line--vert {
        grid-column: 1/span 3;
    }
}

@media screen and (max-width: 480px) {
    .stage__line--vert {
        height: 10px;
    }
}

.line__hor--big {
    width: calc(100% - 60px);
    grid-column: 1/span 7;
}

@media screen and (max-width: 992px) {
    .line__hor--big {
        grid-column: 1/span 3;
    }
}

.line__vert1, .line__vert3, .line__vert5 {
    margin: 0 30px 0 auto;
}

.line__vert2, .line__vert4, .line__vert6 {
    margin: 0 auto 0 30px;
}

@media screen and (max-width: 992px) {
    .line__hor2, .line__hor4, .line__hor6 {
        display: none;
    }
}

.line-hor4, .line__hor--big1, .line__hor--big3, .line__vert1, .line__vert2, .line__vert5, .line__vert6 {
    display: none;
}

@media screen and (max-width: 992px) {
    .line-hor4, .line__hor--big1, .line__hor--big3, .line__vert1, .line__vert2, .line__vert5, .line__vert6 {
        display: inline-block;
    }
}

@media screen and (max-width: 992px) {
    .line-hor4 {
        display: none;
    }
}

.index-works {
    display: flex;
    flex-wrap: wrap;
    padding: 40px 30px 40%
}

.index-works-layout {
    background: url(../images/main/work__bg.jpg) no-repeat center bottom/cover;
}

@media screen and (max-width: 1024px) {
    .index-works-layout {
        background-size: contain;
    }
}

@media screen and (max-width: 767px) {
    .index-works {
        padding: 30px 20px 30%
    }
}

.index-works__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
    width: 100%;
    padding: 0 15px;
}

@media screen and (max-width: 767px) {
    .index-works__top {
        padding: 0;
    }
}

.index-works__title {
    width: auto;
}

.index-works__description {
    width: 60%;
    margin: 75px auto 0;
    font-weight: 500;
    color: #293044;
}

.index-works__description--title {
    font-size: 24px;
    line-height: 1.5em;
    margin-bottom: 12px;
}

@media screen and (max-width: 767px) {
    .index-works__description--title {
        font-size: 18px;
    }
}

.index-works__description--text {
    font-size: 14px;
    line-height: 1.8em;
    margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
    .index-works__description--text {
        font-size: 10px;
    }
}

@media screen and (max-width: 992px) {
    .index-works__prices,
    .index-works__description {
        width: 100%;
        margin: 35px auto 0;
    }
}

.index-works__button {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3em;
}

@media screen and (max-width: 767px) {
    .index-works__button {
        position: absolute;
        bottom: 0;
        width: 100%;
        font-size: 10px;
    }
}

.works__prewiev {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 30px 15px 0px 15px;
}

@media screen and (max-width: 1024px) {
    .works__prewiev {
        margin: 0 -15px;
    }
}

@media screen and (max-width: 767px) {
    .works__prewiev {
        position: relative;
        padding: 30px 0 0px 0;
        margin: 0;
    }
}

.index-work {
    width: calc(33.33% - 30px);
    margin: 0 15px;
    text-decoration: none;
    color: #293044;
    overflow: hidden;
}

.index-work:hover .index-work__text {
    color: #f85a00;
    text-decoration: underline;
}

.index-work:hover .index-work__text:before {
    transform: translate(0, -100%) rotate(90deg);
}

@media screen and (max-width: 767px) {
    .index-work {
        position: relative;
        width: auto;
        margin: 0 auto 20px;
    }
}

.index-work__text {
    position: relative;
    padding: 0 0 0 18px;
    font-weight: 500;
    font-size: 12px;
    line-height: 2em;
    margin-bottom: 5px;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    .index-work__text {
        line-height: 1.5em;
        padding: 0 0 0 28px;
        text-transform: inherit;
    }
}

.index-work__text:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 10px;
    height: 0;
    border: 1px solid #f85a00;
    transform-origin: left top;
    transition: all .3s linear;
}

@media screen and (max-width: 767px) {
    .index-work__text: before {
        top: 10px;
        left: 5px;
    }
}

.index-work__img {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden;
}

.index-work__img img {
    display: inline-block;
    transition: transform .2s linear;
}

@media screen and (max-width: 767px) {
    .index-work__img {
        overflow: visible;
    }

    .index-work__img img {
        max-height: 25vh;
        width: auto;
    }
}

.index-work__img:hover img {
    transform: scale(1.1);
    z-index: 0;
}

.index-work__data {
    font-weight: 500;
    font-size: 10px;
    line-height: 2.4em;
    z-index: 2;
}

@media screen and (max-width: 767px) {
    .index-work__data {
        font-size: 8px;
        line-height: 3em;
        color: #293044;
    }
}

.index-clients {
    display: inline-block;
    width: 100%;
    padding: 45px 11.6% 90px;
}

@media screen and (max-width: 767px) {
    .index-clients {
        padding: 20px 50px 30px;
    }
}

.index-clients__title {
    margin-bottom: 45px;
    line-height: 1.5em;
}

@media screen and (max-width: 767px) {
    .index-clients__title {
        font-size: 18px;
        margin-bottom: 10px;
    }
}

.index-clients-slider {
    height: 60px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .index-clients-slider {
        height: 40px;
    }
}

.index-clients-slider__element {
    height: 100%;
    width: 20%;
    padding: 0 15px;
}

.index-clients-slider__element img {
    margin: auto 0;
    display: inline-block;
    max-height: 100%;
    height: auto;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

.index-clients-slider__buttons {
    display: flex;
    justify-content: space-between;
    height: 0;
    width: 100%
}

.index-clients-slider__button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    cursor: pointer;
    transition: background .2s;
}

@media screen and (max-width: 767px) {
    .index-clients-slider__button {
        height: 40px;
    }
}

.index-clients-slider__button svg {
    width: 13px;
    height: 100%;
    fill: #293044;
}

.index-clients-slider__button:active {
    background-color: #f85a00;
}

.index-clients-slider__button:active svg {
    fill: #fff;
}

@media screen and (min-width: 768px) {
    .index-clients-slider__button: hover {
        background-color: #f85a00;
    }

    .index-clients-slider__button:hover svg {
        fill: #fff;
    }
}

.index-clients-slider__button--left {
    transform: translate(-150%, -100%) rotate(90deg);
}

@media screen and (max-width: 480px) {
    .index-clients-slider__button--left {
        transform: translate(-100%, -100%) rotate(90deg);
    }
}

.index-clients-slider__button--right {
    transform: translate(150%, -100%) rotate(-90deg);
}

@media screen and (max-width: 480px) {
    .index-clients-slider__button--right {
        transform: translate(100%, -100%) rotate(-90deg);
    }
}

.index-clients__img {
    max-height: 100%
}

.index-clients__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    filter: grayscale(1);
    transition: filter .3s ease-in;
}

.index-clients__link:hover {
    filter: grayscale(0);
}

.blog .index-clients-slider__element, .catalog .index-clients-slider__element, .clients .index-clients-slider__element, .contacts .index-clients-slider__element, .ct-group .index-clients-slider__element, .faq .index-clients-slider__element, .main .index-clients-slider__element, .news .index-clients-slider__element, .single-news .index-clients-slider__element, .single-work .index-clients-slider__element, .technology .index-clients-slider__element, .works .index-clients-slider__element {
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 45px 20px;
    z-index: -1;
    overflow: hidden;
    opacity: 0;
    background: #f4f5f6;
    transition: all .3s linear;
}

@media screen and (max-width: 480px) {
    .menu {
        padding: 0 20px 20px;
    }
}

.menu__middle {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

.menu__middle--line {
    height: 50%;
    width: 0;
    margin: auto;
    border-left: 1px solid #eaeaea;
}

@media screen and (max-width: 480px) {
    .menu__middle--line {
        height: 0;
        width: 100%;
        margin: 0;
        border-top: 1px solid #eaeaea;
    }
}

.menu__middle p {
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 auto 10px 0;
    color: #f85a00;
}

@media screen and (max-width: 480px) {
    .menu__middle p {
        font-size: 12px;
    }
}

.menu__middle a {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 2em;
    color: #757985;
    text-decoration: none;
    text-align: left;
    margin: 0;
}

@media screen and (max-width: 480px) {
    .menu__middle a {
        font-size: 10px;
        line-height: 2em;
    }
}

.menu__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    grid-gap: 0 20px;
}

@media screen and (max-width: 480px) {
    .menu__list {
        width: 100%;
        grid-template-columns: 1fr 1fr;
    }
}

.menu__bottom {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    height: 20%;
    max-height: 120px;
    border-top: 1px solid #eaeaea;
}

.menu__bottom__tel {
    display: flex;
    align-items: center;
    padding: 5px 10px;
}

.menu__close {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 30px;
    width: 30px;
    z-index: 125;
    background: 0 0;
    border: none;
}

.menu__close--line {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 0;
    border-bottom: 2px solid #f85a00;
}

.menu__close--line:nth-child(1) {
    transform: translate(-50%, -50%) rotate(45deg);
}

.menu__close--line:nth-child(2) {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.menu .footer-contact__tel {
    font-weight: 500;
    font-size: 14px;
    line-height: 2em;
    color: #757985;
    padding: 0;
}

@media screen and (max-width: 480px) {
    .menu .footer-contact__tel {
        font-size: 10px;
        line-height: 2.4em;
    }
}

.menu .footer-catalog__list {
    width: 100%
}

.menu.active {
    z-index: 1002;
    opacity: 1;
}

.news {
    padding-bottom: 40px;
}

@media screen and (max-width: 1024px) {
    .news {
        padding: 0 20px 40px;
    }
}

@media screen and (max-width: 767px) {
    .news {
        padding: 0 10px 20px;
    }
}

.news__title {
    padding: 10px;
}

.news__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.news__element {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 0 15px 30px;
    background: #fff;
    margin-bottom: 20px;
    color: #293044;
    overflow: hidden;
    transition: all .3s linear;
}

@media screen and (max-width: 767px) {
    .news__element {
        width: 100%;
        padding: 0 15px 15px;
        margin-bottom: 10px;
    }
}

.news__element:hover {
    box-shadow: 0 40px 40px rgba(41, 48, 68, .25);
    z-index: 5;
}

.news__element:hover .news__element__img img {
    transform: scale(1.05);
}

.news-element__data {
    font-style: italic;
    font-weight: 400;
    font-size: 10px;
    line-height: 2.4em;
    margin: 7px 0 7px 35px;
}

@media screen and (max-width: 1024px) {
    .news-element__data {
        margin: 7px 0 7px 20px;
    }
}

.news-element__title {
    position: relative;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.4em;
    text-transform: uppercase;
    padding: 0 25px 0 35px;
    margin-bottom: 10px;
}

.news-element__title:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    height: 1px;
    width: 10px;
    background: #f85a00;
}

@media screen and (max-width: 1024px) {
    .news-element__title {
        padding: 0 10px 0 20px;
    }
}

.news-element__text {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.7em;
    color: #7d8795;
    margin-bottom: 15px;
    padding: 0 25px 0 35px;
}

@media screen and (max-width: 1024px) {
    .news-element__text {
        padding: 0 10px 0 20px;
    }
}

.news-element__img {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    overflow: hidden;
    background: #eaeaea;
}

.news-element__img img {
    height: 25vh;
    object-fit: cover;
    z-index: 5;
    transition: transform .2s linear;
    min-height: 350px;
}

@media screen and (max-width: 767px) {
    .news-element__img img {
        min-height: 50px;
    }
}

.news-element__img a {
    width: 100%;
}

.news-element__img--blur {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    filter: blur(10px) !important;
    object-fit: cover !important;
    height: 100% !important;
    z-index: 2 !important;
}

.news-element__button {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.7em;
    margin: 0 25px 0 auto;
}

@media screen and (max-width: 767px) {
    .news-element__button {
        margin: 0 10px 0 auto;
    }
}

.news__pagination {
    display: flex;
    justify-content: center;
    width: 90%;
    margin: 0 auto;
}

form {
    position: relative;
}

.form__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.5em;
}

@media screen and (max-width: 767px) {
    .form__title {
        font-size: 16px;
    }
}

.form__close {
    position: absolute;
    top: 24px;
    right: 34px;
    display: inline-block;
    height: 25px;
    width: 25px;
    cursor: pointer;
    background: url(../images/icon/close.svg) no-repeat center/cover;
}

.form__file {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-shrink: 0;
    width: 100%;
    cursor: pointer;
}

@media screen and (max-width: 540px) {
    .form__file {
        max-width: 100%;
        margin: 10px auto auto 0;
    }

    .form__close {
        top: 10px;
        right: 14px;
    }
}

.form__file-img {
    height: 30px;
    width: 30px;
    margin-right: 14px;
}

.form__file--description {
    width: 100%;
    font-weight: 500;
    font-size: 10px;
    line-height: 14px;
    color: #a0a3ac;
    margin-top: 10px;
    margin-bottom: 10px;
}

.form__file input {
    display: none;
}

.form__commercial, .form__commercial-final, .form__mobile, .form__project, .form__consult {
    display: flex;
    flex-wrap: wrap;
    max-width: 580px;
    margin: 0 auto;
    background: #fff;
    padding: 24px 34px 34px;
    box-shadow: 0 40px 40px rgba(41, 48, 68, .25);
}

.form__commercial legend, .form__commercial-final legend, .form__mobile legend, .form__project legend, .form__consult legend {
    font-size: 24px;
    width: 90%;
    line-height: 1.5em;
}

@media screen and (max-width: 767px) {
    .form__commercial, .form__commercial-final, .form__mobile, .form__project, .form__consult {
        padding: 15px 15px 25px;
    }

    .form .form__cap-butt, .form__mobile .form__cap-butt {
        flex-direction: row;
        align-items: center;
    }

    .form__mobile legend {
        font-size: 14px;
    }
}

@media screen and (max-width: 767px) {
    .form .form__cap-butt, .form__mobile .form__cap-butt {
        flex-wrap: wrap;
    }
}

.form__commercial textarea, .form__commercial-final textarea, .form__project textarea, .form__consult textarea {
    width: 100%;
    height: 110px;
    padding: 15px 30px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.8em;
}

@media screen and (max-width: 767px) {
    .form__commercial textarea, .form__commercial-final textarea, .form__project textarea, .form__consult textarea {
        height: 70px;
        font-size: 10px;
        padding: 10px 30px;
        line-height: 1.5em;
        padding: 10px;
    }
}

@media screen and (max-width: 767px) {
    .form__commercial input, .form__commercial-final input, .form__project input, .form__consult input {
        height: 30px;
        margin-top: 10px;
        font-size: 10px;
        padding: 0 15px;
    }
}

.uploaded-file {
    display: flex;
    justify-content: space-between;
}

.contacts {
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 45px 40px;
}

.contacts__news {
    width: 100%
}

@media screen and (max-width: 1024px) {
    .contacts {
        padding: 0 20px 20px;
    }
}

.contacts__title {
    margin: 18px auto 0;
}

.contact {
    display: flex;
    width: 100%;
    margin: 10px 0;
}

.contact__content {
    width: 100%;
    display: flex;
    padding: 40px 0 0;
}

@media screen and (max-width: 992px) {
    .contact__content {
        flex-direction: column;
    }
}

.contact__element {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .contact__element {
        flex-wrap: wrap;
    }
}

.contact__list {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 50%
}

@media screen and (max-width: 767px) {
    .contact__list {
        font-size: 10px;
    }
}

.contact__list--icon {
    height: 25px;
    width: 25px;
    margin-right: 10px;
}

@media screen and (max-width: 1024px) {
    .contact__list--icon {
        height: 16px;
        width: 16px;
    }
}

.contact__list--phone {
    flex: 2 1 0;
}

.contact__list--phone .contact__element {
    flex-basis: 50%
}

@media screen and (max-width: 600px) {
    .contact__list--phone .contact__element {
        flex-basis: 100%;
        width: 100%
    }
}

.contact__list--address {
    flex: 1 1 0;
    padding: 0 20px;
}

@media screen and (max-width: 1024px) {
    .contact__list--address {
        margin-bottom: 20px;
        padding: 0;
    }
}

.contact__list--address .contact__element {
    width: 100%
}

.contact__list--address .contact__tel {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.8em;
    color: #000;
    margin-left: 5px;
}

@media screen and (max-width: 767px) {
    .contact__list--address .contact__tel {
        font-size: 10px;
    }
}

.contact__tel {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.8em;
    color: #293044;
    text-decoration: none;
    white-space: nowrap;
}

@media screen and (max-width: 1024px) {
    .contact__tel {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .contact__tel {
        font-size: 10px;
    }
}

.contact__tel--title {
    color: #f85a00;
    font-weight: 600;
}

.contact__wrap {
    position: relative;
    display: flex;
    flex-direction: column;
}

.contact__message {
    position: absolute;
    bottom: -15px;
    left: 0;
    display: flex;
    transform: translate(0, 100%);
}

.contact__message a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #000;
}

.contact .first-screen__messages--telegram {
    position: relative;
}

.contact .first-screen__messages--telegram:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 15px;
    width: 20px;
    border-bottom: 1px solid #f85a00;
    border-left: 1px solid #f85a00;
    transform: translate(-100%, calc(-50% - 7px));
}

.contact .first-screen__messages--viber {
    position: relative;
    padding-left: 40px;
}
.contact .first-screen__messages--viber:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 0;
    width: 20px;
    border-bottom: 1px solid #f85a00;
    transform: translate(10px, -1px);
}

.contact .first-screen__messages--whatsapp .first-screen__img{
    width: 22px;
    height: 22px;
}
.contact .first-screen__messages--whatsapp {
    position: relative;
    padding-left: 40px;
}
.contact .first-screen__messages--whatsapp:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 0;
    width: 20px;
    border-bottom: 1px solid #f85a00;
    transform: translate(10px, -1px);
}


@media screen and (max-width: 600px) {
    .mobile__order-1 {
        order: 1;
    }
}

.map {
    display: inline-block;
    min-height: 25vh;
    width: calc(50% - 25px);
}

@media screen and (max-width: 992px) {
    .map {
        width: 100%;
        height: 300px;
        margin-bottom: 30px;
    }

    @media (orientation: landscape) {
        .map {
            height: 400px;
        }
    }
}

.wpcf7 {
    width: 50%
}

.wpcf7-form-control-wrap {
    width: 100%
}

.form {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    min-width: 540px;
    margin: 0 30px;
    padding: 24px 34px;
    box-shadow: 0 10px 40px rgba(41, 48, 68, .25);
}

@media screen and (max-width: 992px) {
    .wpcf7 {
        width: 100%
    }

    .form {
        width: auto;
        margin: 0 auto;
    }
}

.form legend {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.5em;
    color: #293044;
}

@media screen and (max-width: 767px) {
    .form legend {
        font-size: 18px;
    }

    .form {
        min-width: 100%
    }
}

.form__input {
    width: 100%;
    height: 50px;
    border: none;
    background: #f4f5f6;
    padding: 0 30px;
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .form__input {
        height: 40px;
        font-size: 10px;
        padding: 0 10px;
    }
}

.form__textarea {
    width: 100%;
    height: 130px;
    padding: 20px 30px 0;
}

@media screen and (max-width: 767px) {
    .form__textarea {
        height: 100px;
        font-size: 10px;
        padding: 10px 10px 0;
    }
}

.form__submit {
    font-weight: 500;
    font-size: 12px;
    line-height: 1.8em;
    margin: 20px 0 0 auto;
}

@media screen and (max-width: 480px) {
    .form__submit {
        width: 100%
    }
}

.form__info {
    width: 100%;
    height: 0;
    font-size: 10px;
    color: red;
    padding: 0 20px;
}

.products {
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.products__title {
    text-align: left;
    line-height: 1.5em;
    margin-bottom: 20px;
}

@media screen and (max-width: 1024px) {
    .products__title {
        font-size: 18px;
    }
}

.products__close {
    position: sticky;
    margin: 0 -40px 0 auto;
    top: 0;
    right: -30px;
    display: inline-block;
    height: 30px;
    width: 30px;
}

.products__view {
    display: flex;
    width: 100%
}

.products__view--wrap {
    display: flex;
    flex-direction: column;
    width: 33.33%;
    height: 100%;
    padding: 13px 20px 20px;
    transition: background .3s linear;
}

.products__view--wrap img {
    width: 100%
}

.products__view--wrap:hover {
    background: #293044;
    color: #fff;
}

.products__view--bg1 {
    background: #f4f5f6;
}

.products__view--bg2 {
    background: #ebedf0;
}

.products__view--bg3 {
    background: #e0e4e9;
}

.products__view p {
    text-align: center;
    margin-bottom: 13px;
}

.products-list__head {
    width: 100%;
    display: flex;
    margin-top: 30px;
}

.products-list__head--span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 80px;
    font-weight: 500;
    font-size: 12px;
    line-height: 2em;
    text-align: center;
}

.products-list__head--span:nth-of-type(1) {
    background: #f4f5f6;
}

.products-list__head--span:nth-of-type(2) {
    background: #ebedf0;
}

.products-list__head--span:nth-of-type(3) {
    background: #e0e4e9;
}

@media screen and (max-width: 767px) {
    .products-list__head--span {
        width: 30px;
        min-height: 60px;
        height: auto;
        font-size: 10px;
        line-height: 1.3em;
    }

    .products-list__head--span span {
        transform: rotate(90deg);
    }
}

.products-list__head p {
    width: 100%
}

@media screen and (max-width: 767px) {
    .products-list__head p {
        font-size: 14px !important;
        text-align: left !important;
    }
}

.products-list__body {
    position: relative;
}

.products-list__body--bg {
    position: absolute;
    top: 0;
    right: -1px;
    height: 100%;
    display: flex;
    width: 240px;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .products-list__body--bg {
        width: 90px;
    }
}

.products-list__body--bg-1 {
    width: 33.33%;
    height: 100%;
    background: #f4f5f6;
}

.products-list__body--bg-2 {
    width: 33.33%;
    height: 100%;
    background: #ebedf0;
}

.products-list__body--bg-3 {
    width: 33.33%;
    height: 100%;
    background: #e0e4e9;
}

.products__text {
    display: inline-block;
    max-width: 900px;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.8em;
    margin: 32px auto 0;
}

@media screen and (max-width: 767px) {
    .products__text {
        font-size: 12px;
    }
}

.product {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 1.8em;
    font-weight: 400;
    z-index: 5;
}

@media screen and (max-width: 767px) {
    .product {
        font-size: 10px;
        line-height: 1.6em;
    }
}

.product__elements {
    border: 1px solid #bcc1c8;
}

.product__elements:nth-last-child(1) {
    border-bottom: none;
    z-index: 3;
}

.product__elem {
    display: flex;
    padding: 20px 0 20px 40px;
    border-bottom: 1px solid #bcc1c8;
    transition: background .3s;
}

@media screen and (max-width: 767px) {
    .product__elem {
        padding: 20px 0 20px 10px;
    }
}

.product__elem span {
    color: #f85a00;
}

.product__elem:hover {
    background: #293044;
    color: #fff;
}

.product__elem:hover .minus {
    fill: #fff;
}

.product__value {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .product__value {
        width: 30px;
    }
}

.product__value svg {
    max-width: 40%
}

@media screen and (max-width: 767px) {
    .product__value svg {
        max-width: 70%
    }
}

.product__title p {
    font-weight: 600;
    padding: 20px 0 20px 40px;
}

@media screen and (max-width: 767px) {
    .product__title p {
        padding: 20px 0 20px 10px;
    }
}

.product__description {
    flex: 1 1 auto;
    padding: 0 15% 0 0;
}

@media screen and (max-width: 1024px) {
    .product__description {
        padding: 0 7% 0 0;
    }
}

.product__tooltip {
    position: relative;
    display: inline;
    z-index: 55;
}

.product__tooltip svg {
    width: 10px;
    height: 10px;
}

.product__tooltip--text {
    position: absolute;
    left: 20px;
    top: 20px;
    padding: 10px;
    width: 200px;
    background: #eaeaea;
    color: #293044;
    border-radius: 10px;
    visibility: hidden;
    pointer-events: none;
    z-index: 555;
}

.product__tooltip--text .single-questionm__img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    max-height: 150px;
    object-fit: contain;
}

.product__tooltip:hover .product__tooltip--text {
    visibility: visible;
}

.product .plus {
    fill: #f85a00;
}

.product .minus {
    fill: #293044;
}

.single-news {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 45px 40px;
    font-size: 14px;
}

.single-news p strong {
    font-weight: 700;
}

@media screen and (max-width: 1024px) {
    .single-news {
        padding: 20px 20px 40px;
        /*font-size: 12px;*/
    }
}

@media screen and (max-width: 767px) {
    .single-news {
        padding: 10px 20px 20px;
        /*font-size: 10px;*/
    }
}

.single-news__title {
    width: 100%;
    text-align: center;
}

.single-news__date {
    font-weight: 400;
    font-size: 12px;
    line-height: 2em;
    margin-bottom: 20px;
}

.single-news__img {
    display: inline-block;
    overflow: hidden;
    margin-bottom: 20px;
}

.single-news__img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.single-news__img--big {
    height: 350px;
    width: 100%
}

@media screen and (max-width: 480px) {
    .single-news__img--big {
        height: auto;
    }
}

.single-news__img--small {
    width: 50%;
    height: 240px;
    padding: 0 15px 0 0;
}

@media screen and (max-width: 767px) {
    .single-news__img--small {
        width: 100%;
        padding: 0;
    }
}

@media screen and (max-width: 480px) {
    .single-news__img--small {
        height: auto;
    }
}

.single-news p {
    width: 100%;
    margin-bottom: 20px;
}

.ct-group {
    padding: 20px 0 42px;
}

.ct-group .breadcrumb {
    margin: 0 45px;
}

@media screen and (max-width: 1024px) {
    .ct-group .breadcrumb {
        margin: 0 20px;
    }
}

.ct-group__first-screen {
    position: relative;
    display: flex;
    width: 100%;
    padding: 70px 45px;
    background: url(../images/product/country_house.jpg) no-repeat center/cover;
    min-height: 30vw;
}

@media screen and (max-width: 767px) {
    .ct-group__first-screen {
        padding: 70px 45px 70px 10px;
    }
}

.ct-group__first-screen--description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 25%;
    min-width: 200px;
    z-index: 5;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.8em;
}

@media screen and (max-width: 1024px) {
    .ct-group__first-screen--description {
        width: 45%
    }
}

.ct-group__first-screen--title {
    font-weight: 400;
    font-size: 48px;
    line-height: 1.1em;
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .ct-group__first-screen--title {
        font-size: 18px;
        line-height: 1.5em;
        margin-bottom: 5px;
    }
}

.ct-group__first-screen p {
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .ct-group__first-screen p {
        font-size: 10px;
        line-height: 1.5em;
        margin-bottom: 15px;
    }
}

.ct-group__first-screen--button {
    margin: 0;
    font-size: 12px;
}

@media screen and (max-width: 767px) {
    .ct-group__first-screen--button {
        width: 200px;
    }
}

.ct-group__first-screen--bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: linear-gradient(90deg, #293044 0, rgba(41, 48, 68, 0) 100%);
}

.ct-group__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 29px;
    max-width: 1200px;
    transition: all .2s linear;
}

@media screen and (max-width: 767px) {
    .ct-group__list {
        padding: 10px;
    }
}

.ct-group__list--img {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ededed;
    margin-bottom: 15px;
    z-index: 1;
}

.ct-group__list--img img {
    transition: opacity .2s;
}

.ct-group__list--title {
    font-weight: 500;
    font-size: 18px;
    line-height: 2em;
    text-align: center;
    margin-bottom: 12px;
}

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

.ct-group__list--text {
    margin-bottom: 5px;
    padding: 0 20px;
}

.ct-group__list--text span {
    margin-right: 5px;
}

.ct-group__list--hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: inline-block;
    object-fit: cover;
    opacity: 0;
    z-index: 0;
}

.ct-group__element {
    display: flex;
    flex-shrink: 0;
    flex-grow: 0;
    width: 33.33%;
    padding: 12px 16px 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 2em;
    margin-bottom: 30px;
}

@media screen and (max-width: 1199px) {
    .ct-group__element {
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {
    .ct-group__element {
        padding: 0;
        margin-bottom: 10px;
    }
}

.ct-group__element--link {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    color: #293044;
}

.ct-group__element:hover {
    box-shadow: 0 40px 40px rgba(41, 48, 68, .25);
}

.ct-group__element:hover .ct-group__list--img img {
    opacity: 0;
}

.ct-group__element:hover .ct-group__list--hover {
    opacity: 1 !important;
}

@media screen and (max-width: 992px) {
    .ct-group__element {
        width: 50%
    }
}

@media screen and (max-width: 767px) {
    .ct-group__element {
        padding: 10px 8px 8px;
    }
}

@media screen and (max-width: 550px) {
    .ct-group__element {
        width: 100%
    }
}

.ct-desc {
    display: flex;
    width: 100%;
    padding: 60px 45px;
    background: url(../images/product/bg-top.jpg) no-repeat center top/contain, url(../images/product/bg-bottom.jpg) no-repeat center bottom/contain;
}

@media screen and (max-width: 1024px) {
    .ct-desc {
        padding: 30px 20px;
    }
}

.ct-desc--wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    grid-auto-flow: dense;
    grid-gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 95px;
    background: #fff;
}

@media screen and (max-width: 1024px) {
    .ct-desc--wrap {
        padding: 40px 40px;
        grid-gap: 20px;
    }
}

@media screen and (max-width: 767px) {
    .ct-desc--wrap {
        grid-template-columns: 1fr;
        padding: 20px;
    }
}

@media screen and (max-width: 767px) {
    .ct-desc--wrap .grid-row-2 {
        grid-row: span 1;
    }
}

@media screen and (max-width: 767px) {
    .ct-desc--wrap .grid-col-2 {
        grid-column: span 1;
    }
}

.ct-desc__content {
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.9em;
    color: #293044;
}

@media screen and (max-width: 1024px) {
    .ct-desc__content {
        /*font-size: 12px;*/
        line-height: 1.5em;
    }
}

@media screen and (max-width: 767px) {
    .ct-desc__content {
        /*font-size: 10px;*/
        line-height: 1.5em;
    }
}

.ct-desc__title {
    line-height: 1.5em;
    text-align: left;
    color: #293044;
    margin-bottom: 15px;
}

@media screen and (max-width: 1024px) {
    .ct-desc__title {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .ct-desc__title {
        /*font-size: 12px;*/
    }
}

.ct-desc__img {
    width: 100%
}

.ct-desc__list {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.9em;
    padding-left: 20px;
}

@media screen and (max-width: 1024px) {
    .ct-desc__list {
        /*font-size: 12px;*/
        line-height: 1.5em;
    }
}

@media screen and (max-width: 767px) {
    .ct-desc__list {
        /*font-size: 10px;*/
        line-height: 1.5em;
    }
}

.ct-desc__list li {
    list-style: disc;
    margin-bottom: 10px;
}

.marg--title {
    margin: 25px auto 30px;
}

.blog {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 45px 40px;
}

@media screen and (max-width: 767px) {
    .blog {
        padding: 10px 10px 20px;
    }
}

.blog__title {
    width: 100%;
    text-align: center;
    padding: 10px;
}

.blog__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

@media screen and (max-width: 767px) {
    .blog__list {
        margin: 0;
    }
}

.blog__element {
    display: flex;
    flex-direction: column;
    width: calc(33.33% - 30px);
    padding: 30px;
    background: #fff;
    margin: 0 15px 30px;
    color: #293044;
    overflow: hidden;
    transition: all .3s linear;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
    z-index: 5;
}

@media screen and (max-width: 767px) {
    .blog__element {
        margin: 0 0 30px;
    }
}

.blog__element--big {
    width: calc(50% - 30px);
}

.blog__element--wrap {
    width: calc(100% - 30px);
    margin: 0 auto 30px;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
}

@media screen and (max-width: 767px) {
    .blog__element--wrap {
        width: 100%;
        margin: 0 0 30px;
    }
}

.blog__element--wrap .blog-element__img {
    display: none;
}

.blog__element--wrap .blog__element {
    box-shadow: none;
}

@media screen and (max-width: 767px) {
    .blog__element--wrap .blog__element {
        margin: 0 0 15px;
        width: 50%
    }

    .blog__element--wrap .blog__element:first-child {
        width: 100%
    }
}

.blog__element--wrap .blog__element:first-child .blog-element__title {
    font-size: 24px;
    line-height: 1.5em;
    margin-bottom: 20px;
}

@media screen and (max-width: 1200px) {
    .blog__element--wrap .blog__element: first-child .blog-element__title {
        font-size: 2vw;
    }
}

@media screen and (max-width: 767px) {
    .blog__element--wrap .blog__element: first-child .blog-element__title {
        font-size: 18px;
        line-height: 2em;
        margin-bottom: 10px;
    }
}

.blog__element--wrap .blog__element:first-child .blog-element__text {
    display: none;
}

.blog__element--wrap .blog__element:first-child .blog-element__data {
    display: none;
}

@media screen and (max-width: 992px) {
    .blog__element {
        padding: 15px;
    }
}

@media screen and (max-width: 767px) {
    .blog__element {

        width: 100%;
        padding-right: 0px;

        padding-left: 0px;

    }
}

.blog-element__data {
    font-style: italic;
    font-weight: 400;
    font-size: 10px;
    line-height: 2.4em;
    margin-bottom: 10px;
}

.blog-element__title {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 2em;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    .blog-element__title {
        font-size: 10px;
        line-height: 1.5em;
    }
}

.blog-element__text {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.7em;
    color: #7d8795;
    margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
    .blog-element__text {
        font-size: 10px;
        margin-bottom: 10px;
    }
}

.blog-element__img {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    overflow: hidden;
    background: #eaeaea;
    margin-bottom: 30px;
}

.blog-element__img img {
    max-height: 25vh;
    object-fit: contain;
    z-index: 5;
    transition: transform .2s linear;
}

.blog-element__img--blur {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    filter: blur(10px) !important;
    object-fit: cover !important;
    height: 100% !important;
    z-index: 2 !important;
}

.blog-element__link {
    font-weight: 500;
    font-size: 12px;
    line-height: 1.8em;
    color: #f85a00;
    text-decoration-line: underline;
    margin: 0 auto 0 0;
}

.clients {
    padding-top: 20px;
    padding-bottom: 60px;
}

.clients__title {
    text-align: center;
}

.clients__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

@media screen and (max-width: 767px) {
    .clients__list {
        margin: 0;
    }
}

.client {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(25% - 30px);
    height: 170px;
    margin: 15px;
    padding: 20px;
    background: #f4f5f6;
}

@media screen and (max-width: 1024px) {
    .client {
        width: calc(33.33% - 30px);
        height: 170px;
    }
}

@media screen and (max-width: 767px) {
    .client {
        width: calc(50% - 20px);
        height: 100px;
        margin: 10px;
    }
}

.client img {
    display: inline-block;
    height: auto;
    width: auto;
    max-width: 90%;
    max-height: 65%
}

.client:hover .client-hover {
    z-index: 5;
    opacity: 1;
}

.client-hover {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 10px 30px;
    z-index: -5;
    opacity: 0;
    transition: opacity .3s linear;
    background: #f4f5f6;
}

.client-hover__title {
    font-size: 14px;
    line-height: 1.2em;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
}

.client-hover__desc {
    font-size: 12px;
    line-height: 1.8em;
    text-align: center;
    font-weight: 600;
}

.works {
    padding-bottom: 40px;
    transition: all .3s linear;
}

.works__title {
    padding: 10px;
}

.works__list {
    display: flex;
    width: 100vw;
    max-width: 1340px;
    padding-right: 30px;
    flex-wrap: wrap;

    transition: all .3s linear;
}

@media screen and (max-width: 767px) {
    .works__list {

    }
}

.works__link {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    text-decoration: none;
    color: #293044;
}

.works__element {
    display: inline-block;
    width: 33%;
    padding-right: 30px;
    padding-bottom: 30px;
    background: #fff;
    margin-bottom: 20px;
    overflow: hidden;
    transition: all .3s linear;
}

@media screen and (max-width: 767px) {
    .works__element {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;


    }

    .works-element__img img {
        width: auto;
    }
}

.works__element:hover {
    box-shadow: 0 40px 40px rgba(41, 48, 68, .25);
    z-index: 5;
}

.works__element:hover .works-element__img img {
    transform: scale(1.05);
}

.works__element:hover .works__link {
    color: #f85a00;
}

.works__element:hover .works-element__title {
    text-decoration: underline;
}

.works__element:hover .works-element__title:after {
    transform: rotate(-45deg);
}

.works-element__data {
    font-style: italic;
    font-weight: 400;
    font-size: 10px;
    line-height: 2.4em;
    color: #293044;
    margin: 7px 0 7px 0;
}

@media screen and (max-width: 767px) {
    .works-element__data {
        margin: 3px 0 3px 20px;
    }
}

.works-element__title {
    position: relative;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.4em;
    text-transform: uppercase;
    padding: 0 25px 0 55px;
    margin-bottom: 10px;
}

.works-element__title:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    height: 0;
    width: 30px;
    border: 1px solid #f85a00;
    transition: all .2s linear;
}

@media screen and (max-width: 1024px) {
    .works-element__title: after {
        width: 10px;
    }
}

@media screen and (max-width: 1024px) {
    .works-element__title {
        padding: 0 10px 0 20px;
    }
}

@media screen and (max-width: 767px) {
    .works-element__title {
        font-size: 10px;
    }
}

.works-element__img {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #eaeaea;
    height: 302px;
}

.works-element__img img {
    /*height: 25vh;*/
    /*min-height: 250px;*/
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: 5;
    transition: transform .2s linear;
}

.works-element__img--blur {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    filter: blur(10px) !important;
    object-fit: cover !important;
    height: 100% !important;
    z-index: 2 !important;
}

.works__pagination {
    display: flex;
    justify-content: center;
    width: 90%;
    margin: 0 auto;
}

.works__filters {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 20px);
    height: auto;

}

.works__filters.post {
    max-width: 1280px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 30px auto 0 auto;
}

.works-filter__remove {
    position: relative;
    display: none;
    height: 8px;
    width: 8px;
    margin-left: 5px;
    background: 0 0;
    border: none;
}

.works-filter__remove span {
    border: 1px solid #fcbd99;
}

.works-filter__elem {
    display: flex;
    align-items: center;
    padding: 5px 15px;
    background: #f4f5f6;

    margin-left: 0 !important;
    margin-right: 20px !important;
    font-weight: 500;
    font-size: 10px;
    line-height: 2.4em;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .works-filter__elem {
        font-size: 8px;
    }
}

.works-filter__elem.active {
    background: #f85a00;
    color: #fff;
}

.works-filter__elem.active .works-filter__remove {
    display: inline-block;
}

.pagination__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto 8px;
    height: auto;
    cursor: pointer;
}

.pagination__arrow svg {
    fill: #f85a00;
}

.pagination__arrow--right {
    transform: rotate(180deg);
}

.dots {
    display: flex;
}

.dots__element {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    overflow: hidden;
    transition: background .3s linear;
    margin: 0 5px;
    cursor: pointer;
    color: #f85a00;
}

.dots__element:hover {
    background: #fafbfc;
}

@media screen and (max-width: 440px) {
    .works__filters.post.js-filter-custom {
        display: flex;
        flex-direction: column;
        row-gap: 10px;
        max-width: 90vw;
    }

    .js-filter-custom label.works-filter__elem {
        margin: 0 !important;
        text-align: center;
        justify-content: center;
    }
}

@media screen and (max-width: 480px) {
    .dots__element {
        height: 30px;
        width: 30px;
    }
}

.dots__element.active {
    background: #f4f5f6;
    color: #293044;
    pointer-events: none;
}

.dots__element a {
    color: #f85a00;
    text-decoration: none;
}

.dots__place {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f85a00;
}

@media screen and (max-width: 480px) {
    .dots__place {
        height: 30px;
        width: 20px;
    }
}

.single-work {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 75px;
}

.single-work__row {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 30px;
}

.single-work__title {
    padding: 10px;
    width: 100%
}

.single-work__slider {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 150px;
    height: auto;
    padding: 10px 25px;
}

.single-work__slider--wrap {
    display: flex;
    position: relative;
    width: 550px;
    height: 457px;
    /*max-height: 300px;*/
    overflow: hidden;
}

.single-work__slider img {
    padding: 5px;
    cursor: pointer;
}

.single-work__slider--shadow {
    position: absolute;
    top: 35px;
    left: 30px;
    width: 90px;
    height: calc(100% - 70px);
    padding: 10px 25px;
    background: linear-gradient(180deg, rgba(251, 251, 251, .2) 0, rgba(251, 251, 251, .2) 33.3%, rgba(251, 251, 251, .4) 33.3%, rgba(251, 251, 251, .4) 66.6%, rgba(251, 251, 251, .6) 66.6%, rgba(251, 251, 251, .6) 100%);
    z-index: 50;
    pointer-events: none;
}

.single-work__slider--photo {
    height: 100%;
    width: calc(100% - 150px);
}

.single-work__info {
    display: inline-block;
    width: 475px;
    flex: 1 1 auto;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.9em;
    margin-left: 80px;
}

.single-work__info-title {
    text-transform: uppercase;
    margin-bottom: 15px;
}

.single-work__info .line--hor {
    display: block;
    width: 220px;
    vertical-align: middle;
    margin: 0 7px 9px 0;
    height: 0;
    border-bottom: 2px solid #f85a00;
}

.single-work__info svg {
    width: 17px;
    height: 40px;
}

.single-work__table {
    background: #f4f5f6;
    height: 100%;
    max-height: 405px
}

.single-work__table td {
    border: none;
    padding: 0;
}

.single-work__table tr td:nth-child(1) {
    padding-left: 25px;
}

.single-work__table tr td:nth-child(2) {
    /*width: 50%;*/
    text-align: center;
}

.single-work__table tr td:nth-child(3) {
    width: 50%;
    text-align: center;
}

.single-work__table tr:nth-child(2n) td:nth-last-child(1) {
    background: #fbfbfb;
}

.single-work__description {
    position: relative;
    width: 100%;
    padding: 40px 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.8em;
}
.single-work__description .video-row{
    display: flex;
    justify-content: center;
    flex-direction: row;
    gap: 30px;
}
.single-work__description .video-row .video-col{
    width: 50%;
}
.single-work__description .video-row .video-col iframe{
    width: 100%;
}
.single-work__description p {
    margin-bottom: 15px;
}

/*.single-work__description:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 43px;*/
/*    left: 35px;*/
/*    width: 0;*/
/*    height: 30%;*/
/*    border-right: 2px solid #f85a00;*/
/*}*/

.single-work__button {
    display: inline-block;
    height: 20px;
    width: 100%;
    padding: 5px;
    border: none;
    background: 0 0;
}

.single-work__button svg {
    height: 100%;
    fill: #f85a00;
}

.single-work__button--left {
    transform: rotate(180deg);
}

.slick-vertical .slick-slide {
    object-fit: contain;
}

@media screen and (max-width: 767px) {
    .single-work .breadcrumb li:last-child{
        display: none;
    }
    .slick-vertical .slick-slide {
        height: 46px;
        padding: 5px 0;
    }

    .single-work__description:before {
        left: 0px;
        top: 24px;
    }
}

.slick-initialized .slick-slide {
    object-fit: contain;
}

@media screen and (max-width: 1199px) {
    .single-work__button--left {
        transform: rotate(90deg);
    }

    .single-work__button--right {
        transform: rotate(-90deg);
    }

    .single-work__slider--shadow {
        display: none;
    }

    .single-work__slider--photo {
        height: calc(100% - 80px);
        width: 100%
    }

    .single-work__info {
        width: 50%;
        margin-left: 20px;
    }

    .single-work__slider--wrap {
        flex-direction: column-reverse;
        width: 45%
    }

    .single-work__slider {
        flex-direction: row;
        align-items: center;
        width: 100%;
        height: auto;
        padding: 10px 5px;
    }

    .single-work {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .single-work__button--right {
        transform: rotate(0);
    }

    .single-work__slider--photo {
        width: 70%;
        height: auto;
    }

    .single-work__info {
        width: 100%;
        font-size: 10px;
        margin: 0;
    }

    .single-work__slider--wrap {
        flex-direction: row;
        width: 100%;
        margin-bottom: 20px;
        height: auto;
    }

    .single-work__slider {
        flex-direction: column;
        width: 30%;
        height: auto;
        padding: 5px;
    }

    .single-work__button--left {
        transform: rotate(180deg);
    }

    .single-work__description {
        padding: 20px 25px 20px 15px;
        /*font-size: 10px;*/
    }

    .single-work__info .line--hor {
        width: 15px;
        display: none;
    }

    .single-work__row {
        flex-direction: column;
    }
}

@media screen and (max-width: 550px) {
    .single-work__description: before {
        top: 20px;
        left: 5px;
    }

    .single-work__table tr td:nth-child(1) {
        padding-left: 10px;
    }
}

.catalog {
    padding-bottom: 40px;
}

.catalog__title {
    padding: 10px;
}

.catalog__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.catalog__element {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-width: 250px;
    height: auto;
    flex: 1 1 calc(33.3% - 30px);
    margin: 0 15px 20px;
    background: #fff;
    color: #293044;
    overflow: hidden;
    text-decoration: none;
    transition: all .3s linear;
    box-sizing: content-box;
    /*opacity: 1;
    visibility: visible;*/
}

.catalog__img {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.catalog__img img {
    display: inline-block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.catalog__img-color {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: 0;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}

.catalog__img-gray {
    z-index: 2;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}

@media screen and (max-width: 1023px) {
    .catalog__img-color {
        opacity: 1;
    }

    .catalog__img-gray {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .catalog__element {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 769px) {
    .catalog__element: hover {
        box-shadow: 0 40px 40px rgba(41, 48, 68, .25);
    }

    .catalog__element:hover .catalog__img-color {
        opacity: 1;
    }
}

.catalog__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 75px;
    padding: 10px 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5em;
    text-align: center;
    text-transform: uppercase;
    background: #f2f3f4;
}

@media screen and (max-width: 1024px) {
    .catalog__text {
        font-size: 12px;
        min-height: 60px;
    }
}

@media screen and (max-width: 767px) {
    .catalog__text {
        font-size: 10px;
        min-height: 44px;
    }
}

.faq {
    padding-bottom: 70px;
}

.faq__title {
    padding: 10px;
}

.faq__list {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 730px;
    margin-bottom: 50px;
    margin: auto;
    padding-right: 30px;
    outline: 0;
}

.faq__list:focus {
    outline: 0;
}

.faq__drop {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 28px;
    margin-bottom: 28px;
}

@media screen and (max-width: 767px) {
    .faq {
        padding-bottom: 40px;
    }

    .faq__drop {
        padding-bottom: 20px;
        margin-bottom: 15px;
    }
}

.faq .form__input--big {
    height: 110px;
}

.drop__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: 12px;
    line-height: 2em;
    text-transform: uppercase;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .drop__head {
        font-size: 10px;
        line-height: 1.7em;
    }
}

.drop__arrow {
    width: 15px;
    height: 15px;
    fill: #f85a00;
    flex: 0 0 15px;
}

.drop__text {
    display: none;
    padding: 28px 0 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.8em;
    color: #7d8795;
}

@media screen and (max-width: 767px) {
    .drop__text {
        padding: 15px 0 0;
    }
}

.active .drop__arrow {
    transform: rotate(180deg);
}

.active .drop__text {
    display: inline-block;
}

.about__title {
    padding: 10px;
    text-align: center;
}

.about__title--margin {
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .about__title {
        font-size: 18px;
    }
}

.about__first-screen {
    position: relative;
    display: flex;
    width: 100%;
    padding: 70px 45px;
    background: url(../images/about/Rectangle2.jpg) no-repeat center/cover;
    min-height: 30vw;
}

@media screen and (max-width: 1024px) {
    .about__first-screen {
        padding: 70px 20px;
    }
}

@media screen and (max-width: 767px) {
    .about__first-screen {
        padding: 20px 10px;
    }
}

.about__first-screen--description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    min-width: 200px;
    z-index: 5;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.8em;
}

@media screen and (max-width: 1024px) {
    .about__first-screen--description {
        width: 70%;
        font-size: 12px;
    }
}

@media screen and (max-width: 1024px) {
    .about__first-screen--description {
        width: 70%;
        font-size: 10px;
    }
}

.about__first-screen--title {
    font-weight: 400;
    font-size: 48px;
    line-height: 1.1em;
    margin-bottom: 30px;
}

@media screen and (max-width: 1024px) {
    .about__first-screen--title {
        margin: 0;
    }
}

@media screen and (max-width: 767px) {
    .about__first-screen--title {
        font-size: 18px;
        line-height: 1.6em;
    }
}

.about__first-screen p {
    margin-bottom: 30px;
    max-width: 285px;
}

.about__first-screen--button {
    margin: 0;
}

.about__first-screen--bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: linear-gradient(90deg, #293044 0, rgba(41, 48, 68, 0) 100%);
}

.about__description {
    padding: 50px 45px 110px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: auto;
    grid-auto-flow: dense;
    grid-gap: 20px;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.8em;
}

@media screen and (max-width: 1024px) {
    .about__description {
        padding: 50px 20px 110px;
    }
}

@media screen and (max-width: 767px) {
    .about__description {
        grid-template-columns: 100%;
        padding: 20px 10px;
        /*font-size: 10px;*/
    }
}

.about__description--wrap {
    width: 100%;
    background: #f4f5f6;
}

.about__description h3 {
    grid-row: span 2;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.5em;
}

@media screen and (max-width: 1024px) {
    .about__description h3 {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.7em;
    }
}

.about__description p {
    grid-column: span 2;
}

@media screen and (max-width: 767px) {
    .about__description p {
        grid-column: 1;
    }
}

.about__description ul {
    grid-column: span 2;
    display: flex;
    justify-content: space-between;
    font-weight: 400;
}

@media screen and (max-width: 767px) {
    .about__description ul {
        flex-direction: column;
        grid-column: 1;
    }
}

.about__description ul li {
    position: relative;
    width: 40%;
    padding: 0 0 0 20px;
}

.about__description ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    display: inline-block;
    height: 0;
    width: 12px;
    border-bottom: 2px solid #f85a00;
}

@media screen and (max-width: 1024px) {
    .about__description ul li {
        width: 90%
    }
}

@media screen and (max-width: 767px) {
    .about__description ul li {
        width: 100%;
        margin-bottom: 10px;
    }
}

.about__create-price {
    position: relative;
    display: flex;
    align-items: center;
    height: 500px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 150px;
}

@media screen and (max-width: 1024px) {
    .about__create-price {
        height: 360px;
    }
}

@media screen and (max-width: 767px) {
    .about__create-price {
        flex-direction: column;
        height: auto;
        margin: 0 auto 30px;
    }
}

.about-top__slider {
    position: relative;
    width: 100%;
    height: 468px;
    max-width: 1200px;
    margin: 0 auto 90px;
}

@media screen and (max-width: 992px) {
    .about-top__slider {
        height: 385px;
    }
    .single-work__description .video-row{
        flex-direction: column;
    }
    .single-work__description .video-row .video-col{
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .about-top__slider {
        height: 100%;
        margin: 0 auto 30px;
    }
}

.about-top__slider .slick-list {
    overflow: visible;
}

.about-top__slider-button {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65px;
    width: 65px;
    z-index: 20;
    border: none;
}

@media screen and (max-width: 767px) {
    .about-top__slider-button {
        height: 45px;
        width: 45px;
    }
}

.about-top__slider-button svg {
    height: 15px;
    width: 15px;
}

@media screen and (max-width: 767px) {
    .about-top__slider-button svg {
        height: 10px;
        width: 10px;
    }
}

.about-top__slider-button--left {
    background: #f85a00;
    fill: #fff;
    right: 60%;
    transform: rotate(90deg);
}

@media screen and (max-width: 767px) {
    .about-top__slider-button--left {
        top: 155px;
        right: 55px;
        left: auto;
    }
}

.about-top__slider-button--right {
    background: #293044;
    fill: #f85a00;
    left: 40%;
    transform: rotate(-90deg);
}

@media screen and (max-width: 767px) {
    .about-top__slider-button--right {
        top: 155px;
        right: 10px;
        left: auto;
    }
}

@media screen and (min-width: 480px) {
    .about-top__slider-button: hover {
        background: #eaeaea;
        fill: #293044;
    }
}

@media screen and (max-width: 480px) {
    .about-top__slider-button: active {
        background: #eaeaea;
        fill: #293044;
    }
}

.about-top-slide {
    display: flex !important;
    align-items: flex-end;
    height: 100%
}

@media screen and (max-width: 767px) {
    .about-top-slide {
        flex-direction: column;
        align-items: flex-start;
    }
}

.about-top-slide picture {
    display: inline-block;
    height: calc(100% + 60px);
    width: 40%
}

.about-top-slide__img {
    height: calc(100% + 60px);
    width: 40%;
    object-fit: cover;
}

@media screen and (max-width: 767px) {
    .about-top-slide__img {
        width: calc(100% - 45px);
        height: 200px;
        padding: 0 10px;
    }
}

.about-top-slide__content {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    width: 60%;
    height: 100%;
    z-index: 1;
    background: #fff;
    padding: 20px 110px 20px 125px;
    box-shadow: 0 10px 40px rgba(41, 48, 68, .25);
}

@media screen and (max-width: 1024px) {
    .about-top-slide__content {
        width: 60%;
        padding: 20px 20px 100px;
    }
}

@media screen and (max-width: 767px) {
    .about-top-slide__content {
        width: calc(100% - 45px);
        padding: 10px;
        box-shadow: none;
    }
}

.about-top-slide__content--title {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.5em;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .about-top-slide__content--title {
        font-size: 18px;
    }
}

.about-top-slide__content--p {
    position: relative;
    font-weight: 600;
    font-size: 12px;
    line-height: 2em;
    padding: 0 0 0 20px;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    .about-top-slide__content--p {
        font-size: 10px;
        line-height: 1.6em;
    }
}

.about-top-slide__content--p:before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    display: inline-block;
    height: 0;
    width: 12px;
    border-bottom: 2px solid #f85a00;
}

@media screen and (max-width: 767px) {
    .about-top-slide__content--p: before {
        top: 6px;
    }
}

.about-top-slide__content--desc {
    font-weight: 500;
    font-size: 10px;
    line-height: 2em;
    color: #7d8795;
    margin-bottom: 5px;
}

.about-top-slide__content--text {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.8em;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .about-top-slide__content--text {
        font-size: 10px;
        line-height: 1.6em;
        margin-bottom: 0;
    }
}

.about-top-slide__content--link {
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    text-decoration-line: underline;
    color: #f85a00;
}

@media screen and (max-width: 767px) {
    .about-top-slide__content--link {
        font-size: 10px;
        line-height: 1.6em;
    }
}

.about-top-slide__bg {
    position: absolute;
    top: 0;
    right: 0;
    height: 10%;
    width: 60%;
    z-index: 0;
    background: #f4f5f6;
}

.about .breadcrumb {
    padding: 20px 45px;
}

@media screen and (max-width: 1024px) {
    .about .breadcrumb {
        padding: 20px;
    }
}

.about__button {
    margin-bottom: 70px;
}

@media screen and (max-width: 767px) {
    .about__button {
        width: calc(100% - 20px);
        font-size: 10px;
        margin: 0 10px 30px;
    }
}

.about__grid-col-3 {
    grid-column: span 3;
}

.about__advantage {
    display: grid;
    grid-template-columns: 1fr 150px 1fr;
    grid-auto-rows: auto;
    grid-auto-flow: dense;
    width: 100%;
    max-width: 745px;
    color: #fff;
    margin: 0 auto;
    padding: 100px 0;
}

@media screen and (max-width: 767px) {
    .about__advantage {
        grid-template-columns: 1fr 10px 1fr;
        padding: 30px 0;
    }
}

.about__advantage-wrap {
    display: inline-block;
    width: 100%;
    background: #293044;
}

.about__advantage--elem {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 85px 20px 10px;
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .about__advantage--elem {
        padding: 40px 5px 5px;
        margin-bottom: 30px;
        justify-content: flex-start;
    }
}

.about__advantage--elem img {
    height: 65px;
    width: 65px;
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .about__advantage--elem img {
        height: 50px;
        width: 50px;
        margin-right: auto;
    }
}

.about__advantage--elem p {
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
}

@media screen and (max-width: 767px) {
    .about__advantage--elem p {
        text-align: left;
        font-size: 10px;
    }
}

.about__advantage--bort {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 30px;
}

.about__advantage--bort p {
    font-weight: 600;
    font-size: 12px;
    line-height: 2em;
    text-align: center;
    text-transform: uppercase;
    color: #f85a00;
    white-space: nowrap;
    margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {
    .about__advantage--bort p {
        font-size: 14px;
    }
}

@media screen and (max-width: 1024px) {
    .about__advantage--bort p {
        font-size: 10px;
    }
}

.about__advantage--line {
    position: relative;
    display: inline-block;
    height: 80%;
    width: 1px;
    background: #fff;
}

@media screen and (max-width: 767px) {
    .about__advantage--line {
        display: none;
    }
}

.about__advantage--line:after {
    content: "";
    position: absolute;
    top: 0;
    left: -2px;
    display: inline-block;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
}

.about__advantage .about__title {
    color: #fff;
    margin-bottom: 50px;
}

.about-photo {
    padding: 70px 45px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .about-photo {
        padding: 30px 10px;
    }
}

.about-photo__desc {
    width: 100%;
    max-width: 730px;
    margin: 0 auto 35px;
    text-align: center;
    color: #7d8795;
}

@media screen and (max-width: 767px) {
    .about-photo__desc {
        font-size: 10px;
        text-align: left;
    }
}

.about-photo__slider {
    position: relative;
    width: 100%;
    height: 25vw;
    max-height: 270px;
    min-height: 140px;
}

.about-photo__slider .slick-list {
    margin: 0 -15px;
}

@media screen and (max-width: 767px) {
    .about-photo__slider {
        width: 80%;
        margin: 0 auto;
    }
}

.about-photo__slider--img {
    display: inline-block !important;
    height: auto;
    width: auto;
    object-fit: cover;
    margin: 0 15px;
}

.about-photo__slider--img img {
    height: 100%;
    width: 100%
}

.about-photo__slider-button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    height: 50px;
    width: 50px;
    background: #f4f5f6;
    border: none;
    border-radius: 50%;
    z-index: 200;
}

.about-photo__slider-button svg {
    height: 15px;
    width: 15px;
    fill: #f85a00;
}

.about-photo__slider-button--left {
    left: 0;
    transform: translate(-50%, -50%) rotate(90deg);
}

.about-photo__slider-button--right {
    right: 0;
    transform: translate(50%, -50%) rotate(-90deg);
}

@media screen and (max-width: 767px) {
    .about-photo .about__title {
        font-size: 18px;
        text-align: left;
        padding: 0;
    }
}

.about__response {
    width: 80%;
    max-width: 920px;
    margin: 0 auto 70px;
    padding: 40px 90px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.8em;
    text-align: center;
    box-shadow: 0 10px 40px rgba(41, 48, 68, .25);
}

@media screen and (max-width: 1024px) {
    .about__response {
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {
    .about__response {
        padding: 20px 10px;
        font-size: 10px;
        margin: 0 auto 30px;
    }
}

.about__response a {
    color: #f85a00;
}

.about__last-screen {
    position: relative;
    display: flex;
    width: 100%;
    padding: 70px 45px 90px;
    background: url("/wp-content/themes/block-module/assets/images/about/M1_EXT-1 3.jpg") no-repeat center/cover;
    min-height: 30vw;
}

@media screen and (max-width: 1024px) {
    .about__last-screen {
        padding: 30px 20px 38%;
        min-height: 20vw;
    }
}

@media screen and (max-width: 767px) {
    .about__last-screen {
        background-position-y: bottom;
        background-size: contain;
    }
}

.about__last-screen--description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 60%;
    min-width: 200px;
    z-index: 5;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.8em;
}

@media screen and (max-width: 767px) {
    .about__last-screen--description {
        width: 100%;
        font-size: 10px;
    }
}

.about__last-screen--title {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.5em;
    margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {
    .about__last-screen--title {
        font-size: 18px;
        line-height: 1.8em;
    }
}

@media screen and (max-width: 767px) {
    .about__last-screen--title {
        font-size: 12px;
        line-height: 1.6em;
    }
}

.about__last-screen p {
    margin-bottom: 50px;
    max-width: 475px;
    color: #7d8795;
}

@media screen and (max-width: 767px) {
    .about__last-screen p {
        margin-bottom: 15px;
    }
}

.about__last-screen--button {
    margin: 0;
}

@media screen and (max-width: 767px) {
    .about__last-screen--button {
        width: 100%
    }
}

.about__last-screen--bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: linear-gradient(90deg, #293044 0, rgba(41, 48, 68, 0) 100%);
}

.create-price__img {
    display: inline-block;
    height: 100%;
    width: 55%
}

.create-price__img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media screen and (max-width: 767px) {
    .create-price__img {
        display: none;
    }
}

.create-price__desc {
    height: 80%;
    width: 45%;
    padding: 50px 10% 50px 45px;
    background: #f4f5f6;
}

@media screen and (max-width: 992px) {
    .create-price__desc {
        padding: 20px;
    }
}

@media screen and (max-width: 767px) {
    .create-price__desc {
        width: 100%;
        height: auto;
    }
}

.create-price__desc h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.5em;
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .create-price__desc h3 {
        font-size: 18px;
    }
}

.create-price__desc p {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 25px;
}

@media screen and (max-width: 1024px) {
    .create-price__desc p {
        /*font-size: 12px;*/
    }
}

@media screen and (max-width: 767px) {
    .create-price__desc p {
        /*font-size: 10px;*/
        margin-bottom: 10px;
    }
}

.create-price__desc a {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    text-decoration-line: underline;
    color: #f85a00;
}

.create-price__list {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    width: 100%;
    transform: translateY(50%);
}

@media screen and (max-width: 1024px) {
    .create-price__list {
        padding: 10px;
    }
}

@media screen and (max-width: 767px) {
    .create-price__list {
        position: static;
        transform: none;
        flex-direction: column;
        align-items: center;
        background: #f4f5f6;
    }
}

.create-price__el {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 255px;
    min-height: 170px;
    padding: 20px;
    margin: 30px;
    background: #fff;
    box-shadow: 0 10px 40px rgba(41, 48, 68, .25);
}

@media screen and (max-width: 992px) {
    .create-price__el {
        margin: 10px;
    }
}

@media screen and (max-width: 767px) {
    .create-price__el {
        min-height: auto;
        margin: 20px;
    }
}

.create-price__title {
    position: relative;
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
    padding: 0 0 0 20px;
}

.create-price__title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    display: inline-block;
    height: 0;
    width: 12px;
    border-bottom: 2px solid #f85a00;
}

@media screen and (max-width: 767px) {
    .create-price__number {
        top: -15px;
        height: 30px;
        width: 30px;
    }
}

.technology {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 60px;
}

@media screen and (max-width: 767px) {
    .technology {
        padding-bottom: 20px;
    }
}

@media screen and (min-width: 1200px) {
    .technology {
        padding-bottom: 60px;
    }
}

.technology__title {
    width: 100%;
    text-align: center;
}

.technology .products__close {
    display: none;
}

.technology .products__title {
    font-weight: 600;
    font-size: 12px;
    line-height: 2em;
    text-transform: uppercase;
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .technology .products__title {
        font-size: 18px;
        text-transform: none;
    }
}

@media screen and (max-width: 767px) {
    .technology .products__title {
        line-height: 1.5em;
    }
}

@media screen and (max-width: 1024px) {
    .technology__title {
        font-size: 24px;
    }
}

.single-catalog {
    width: 100%;
    padding-bottom: 50px;
}

.single-catalog__img {
    height: 100%;
    width: auto;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .single-catalog {
        padding: 0 10px 30px;
    }
}

@media screen and (max-width: 767px) {
    .single-catalog {
        padding-bottom: 20px;
    }
}

.single-catalog__top {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 50%);
    grid-auto-rows: auto;
    grid-gap: 20px;
    padding: 10px 0 60px;
    grid-template-areas: "slider tabs tabs" "date tabs tabs" "buttons buttons buttons"
}

@media screen and (max-width: 1199px) {
    .single-catalog__top {
        grid-template-columns: 350px 1fr;
        /* grid-template-areas: "slider date" "slider buttons" "slider ." "tabs tabs"; */
        padding: 10px 0 40px;
    }
}

@media screen and (max-width: 767px) {
    .single-catalog__top {
        grid-template-columns: 100%;
        grid-template-areas: "slider" "buttons" "date" "tabs";
        padding: 10px 0 40px;
        grid-gap: 10px;
    }
}

.single-catalog__slider {
    grid-area: slider;
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .single-catalog__slider {
        width: 100%;
        height: auto;
        max-height: 320px;
    }
}

.single-catalog__slider--big {
    display: block;
    /*height: 250px;*/
    margin-bottom: 20px;
}


@media (max-width: 767px) {
    .single-catalog__slider--big {
        max-height: 250px;
        height: 250px;
    }


    .single-catalog__slider--small {
        position: relative;
        display: flex;
        padding: 0 20px;
        height: 15.5vw;
    }

    .single-catalog__slider-slider {
        height: 50px;
    }
}

.single-catalog__slider--small img {
    margin: 0 10px;
    cursor: pointer;
}

.single-catalog__slider-button {
    position: absolute;
    top: 50%;
    display: inline-block;
    height: 20px;
    width: 20px;
    padding: 0;
    border: none;
    background: 0 0;
}

.single-catalog__slider-button svg {
    height: 10px;
    fill: #000;
}

.single-catalog__slider-button--left {
    left: 0;
    transform: translateY(-50%) rotate(90deg);
}

.single-catalog__slider-button--right {
    right: 0;
    transform: translateY(-50%) rotate(-90deg);
}

.single-catalog__buttons {
    grid-area: buttons;
    display: flex;
    width: calc(100% + 30px);
    margin: 20px -15px 0;
}

@media screen and (max-width: 1199px) {
    .single-catalog__buttons {
        flex-direction: column;
        width: 100%;
        margin: 30px 0 50px 0;
    }
}

.single-catalog__button {
    height: 50px;
    flex: 1 1 33.3%;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 15px;
    color: #293044;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.8em;
    border: 1px solid #eaeaea;
}

.single-catalog__button:before {
    background: #fff;
}

.single-catalog__button:hover {
    color: #fff;
}

@media screen and (max-width: 1199px) {
    .single-catalog__button {
        width: initial;
        flex: 0 0 auto;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 1024px) {
    .single-catalog__button {
        font-size: 12px;
        margin: 0 0 10px;
    }
}

@media screen and (max-width: 767px) {
    .single-catalog__button {
        height: 40px;
        font-size: 10px;
        margin: 0 0 10px;
    }
}

.single-catalog__tabs {
    grid-area: tabs;
    width: 100%;
    height: 360px;
}

@media screen and (max-width: 1199px) {
    .single-catalog__tabs {
        margin: 40px 0 0;
    }
}

@media screen and (max-width: 767px) {
    .single-catalog__tabs {
        display: none;
    }
}

.single-catalog__date {
    grid-area: date;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.8em;
}

.single-catalog__date p {
    text-align: center;
}

@media screen and (max-width: 767px) {
    .single-catalog__date p {
        text-align: left;
    }
}

.single-catalog__date span {
    font-weight: 400;
}

.button__orange {
    color: #fff;
}

.button__orange:before {
    background: #f85a00;
}

.tabs__buttons {
    display: flex;
    height: 50px;
}

.tabs__button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 33.33%;
    height: 100%;
    font-weight: 500;
    font-size: 12px;
    line-height: 2em;
    color: #f85a00;
    text-transform: capitalize;
    text-align: center;
    background: 0 0;
    border: 1px solid #f4f5f6;
}

@media screen and (max-width: 767px) {
    .tabs__button {
        font-size: 12px;
        line-height: 1.2em;
    }
}

.tabs__button.active {
    background: #f4f5f6;
    color: #293044;
}

.tabs__contents {
    position: relative;
    width: 100%;
    height: 100%
}

.tabs__content {
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100% - 50px);
    width: 100%;
    background: #fff;
    overflow-y: auto;
    visibility: hidden;
    transition: all .6s linear;
    z-index: 1;
    opacity: 0;
}

.tabs__content p strong {
    font-weight: 700;
}

@media screen and (max-width: 767px) {
    .tabs__content {
        font-size: 10px;
    }
}

.tabs__content.active {
    visibility: visible;
    opacity: 1;
}

.tabs__content--description {
    padding: 30px 65px;
    overflow-y: auto;
    background: #f4f5f6;
}

@media screen and (max-width: 767px) {
    .tabs__content--description {
        padding: 10px 15px;
    }
}

.table {
    width: 100%
}

.table__row {
    height: 41px;
    padding: 0;
}

.table__row:nth-child(2n+1) {
    background: #f4f5f6;
}

.table__row:nth-child(2n) {
    background: #fbfbfb;
}

.table__td--first {
    width: 44px;
    text-align: center;
}

.table__td--last {
    width: 135px;
    padding: 0 20px;
}

.table__td--img {
    width: 65px;
    margin: 0 auto;
}

.table__td img {
    max-height: 30px;
    max-width: 40px;
}

.table__td:nth-child(2) {
    background: rgba(237, 239, 240, .4);
}

.table__td:nth-child(3) {
    background: rgba(237, 239, 240, .4);
}

.table-big {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1200px;
    height: 575px;
    margin: 0 auto 40px;
    background: #f4f5f6;
}

@media screen and (max-width: 767px) {
    .table-big {
        font-size: 10px;
    }
}

.table-big__row {
    display: flex;
    width: 100%;
    height: 40px;
}

.table-big__td {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 20%;
    height: 100%;
    flex-shrink: 0;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .table-big__td {
        /*width: auto;
    */
        min-width: 50px;
        padding: 5px;
    }

    .table-big__td:nth-child(2n) {
        /*width: auto;
    */
        min-width: 80px;
        padding: 5px;
    }

    .table-big__td:nth-child(1n+2) {
        width: 21.83%;
        flex: 0 0 21.83%
    }
}

.table-big__td:nth-child(1) {
    background: rgba(237, 239, 240, .4);
    flex: 1 0 0;
}

.table-big__td:nth-child(3) {
    background: rgba(237, 239, 240, .4);
}

.table-big__content {
    height: 100%;
    width: 100%;
    overflow-y: auto;
}

.table-big__content > li:nth-child(2n+1) {
    background: #fbfbfb;
}

.table-big__content > li:nth-child(2n) {
    background: #f4f5f6;
}

.table-big__content .table-big__td:first-child {
    flex: 1 0 0;
}

.table-big__content .table-big__row:first-child .table-big__td:first-child {
    color: #293044;
}

.table-big__title {
    display: flex;
    width: 100%;
    height: 110px;
    padding: 0 10px 0 0;
}

.table-big__title:nth-child(2n+1) {
    background: #f4f5f6;
}

.table-big__title:nth-child(2n) {
    background: #fbfbfb;
}

.table-big__title li {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.2em;
}

@media screen and (max-width: 767px) {
    .table-big__title li {
        font-size: 12px;
    }
}

.table-big__title a {
    color: #f85a00;
    font-weight: 500;
    font-size: 10px;
    line-height: 2em;
    text-decoration-line: underline;
    text-transform: uppercase;
}

@media screen and (max-width: 1024px) {
    .table-big__title a {
        text-transform: lowercase;
    }
}

@media screen and (max-width: 767px) {
    .table-big__title a {
        font-size: 6px;
        line-height: 1.5em;
    }
}

.accordeon-container {
    display: none;
    border-top: 1px solid #f4f5f6;
}

@media screen and (max-width: 767px) {
    .accordeon-container {
        display: block;
    }
}

.accordeon-item {
    font-size: 10px;
    border: 1px solid #f4f5f6;
    border-top: none;
}

.accordeon-item__title {
    display: flex;
    align-items: center;
    max-height: 40px;
    height: 40px;
    padding: 12px 0 12px 20px;
    cursor: pointer;
}

.accordeon-item__title svg {
    height: 12px;
    width: 12px;
    margin-left: 10px;
}

.accordeon-open-block {
    display: none;
    overflow: hidden;
    padding: 10px 15px 30px 15px;
    font-size: 10px;
    line-height: 16px;
}

.transformed {
    background: #f4f5f6;
}

.accordeon-opened {
    display: block;
}

.transformed svg {
    transform: rotate(180deg);
}

.delivery__title {
    padding: 10px;
    text-align: center;
}

.delivery .breadcrumb {
    padding: 20px 45px;
}

.delivery__price {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    grid-auto-flow: dense;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.8em;
}

@media screen and (max-width: 1024px) {
    .delivery__price {
        /*font-size: 12px;*/
    }
}

@media screen and (max-width: 767px) {
    .delivery__price {
        grid-template-columns: 1fr 1fr;
        /*font-size: 10px;*/
    }
}

.delivery__price--desc {
    max-width: 600px;

    padding-bottom: 70px;
}

@media screen and (max-width: 1024px) {
    .delivery__price--desc {
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 767px) {
    .delivery__price--desc {
        grid-row: 1;
        grid-column: 1/span 2;

    }
}

.delivery__price--img {

}

@media screen and (max-width: 767px) {
    .delivery__price--img {
        grid-row: 2;
        grid-column: 1/span 2;
        padding: 10px;
        margin: 0 auto;
    }
}

.delivery__price--car {
    position: relative;
    display: inline-block;
    grid-row: 2/span 3;
    grid-column: 1;
    max-width: 600px;
    width: 100%;
    flex-shrink: 0;
    margin: 0 0 0 auto;
}

@media screen and (max-width: 767px) {
    .delivery__price--car {
        grid-row: 4;
        height: 200px;
    }
}

.delivery__price--car img {
    position: absolute;
    right: 20px;
    bottom: 10%;
    height: 100%;
    width: auto;
    max-width: none;
}

@media screen and (max-width: 1024px) {
    .delivery__price--car img {
        bottom: 20%;
        height: 80%
    }
}

.delivery__price--text {
    grid-row: 2;
    grid-column: 2;
    max-width: 600px;
    color: #fff;
    padding: 35px 45px 20px 0;
}

@media screen and (max-width: 767px) {
    .delivery__price--text {
        grid-row: 3;
        grid-column: 1/span 2;
        padding: 20px 10px 20px;
    }
}

.delivery__price--text p {
    color: #d4d6da;
}

.delivery__price--info {
    grid-row: 3;
    grid-column: 2;
    max-width: 600px;
    color: #d4d6da;
    font-size: 14px;
    background: #293044;
    padding: 0 45px 50px 0;
}

@media screen and (max-width: 767px) {
    .delivery__price--info {
        grid-row: 4;
        grid-column: 2;
        font-size: 10px;
        padding: 0 10px 40px 0;
    }
}

.delivery__price--list {
    display: flex;
    max-width: 600px;
}

.delivery__price--list li {
    list-style: disc;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.8em;
    margin: 0 0 0 20px;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    .delivery__price--list li {
        font-size: 10px;
    }
}

.delivery__price--list span {
    display: block;
    text-transform: lowercase;
}

.delivery__price--bg {
    display: inline-block;
    height: 100%;
    width: 100%;
    grid-row: 2/span 3;
    grid-column: 1/span 2;
    background: #293044;
    z-index: -1;
}

@media screen and (max-width: 767px) {
    .delivery__price--bg {
        grid-row: 3/span 5;
        grid-column: 1/span 2;
    }
}

.delivery__price h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.5em;
    margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {
    .delivery__price h3 {
        font-size: 18px;
    }
}

.delivery__price p {
    margin-bottom: 15px;
}

.delivery__reminders {
    display: inline-block;
    width: 100%;
    padding: 80px 45px 55px;
}

@media screen and (max-width: 1024px) {
    .delivery__reminders {
        padding: 60px 20px 50px;
    }
}

@media screen and (max-width: 767px) {
    .delivery__reminders {
        padding: 20px 10px;
    }
}

.delivery__reminders--title {
    max-width: 720px;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.5em;
    text-align: center;
    padding: 0 20px;
    margin: 0 auto;
}

@media screen and (max-width: 1024px) {
    .delivery__reminders--title {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .delivery__reminders--title {
        font-size: 12px;
    }
}

.delivery__base {
    display: flex;
    max-width: 1310px;
    width: 100%;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .delivery__base {
        flex-direction: column;
    }
}

.delivery__base--wrap {
    display: inline-block;
    width: 100%;
    padding: 50px 45px 160px;
    background: #f4f5f6;
}

@media screen and (max-width: 1024px) {
    .delivery__base--wrap {
        padding: 50px 20px 120px;
    }
}

@media screen and (max-width: 767px) {
    .delivery__base--wrap {
        padding: 30px 10px 90px;
    }
}

.delivery__base--title {
    max-width: 350px;
    flex: 1 0 350px;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.5em;
    padding: 0 20px;
}

@media screen and (max-width: 1024px) {
    .delivery__base--title {
        font-size: 18px;
        flex: 1 1 0;
        padding: 0 20px 0 0;
    }
}

@media screen and (max-width: 1024px) {
    .delivery__base--title {
        padding: 0;
        margin-bottom: 10px;
    }
}

.delivery__base--desc {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.8em;
}

@media screen and (max-width: 1024px) {
    .delivery__base--desc {
        flex: 2 1 0;
        /*font-size: 12px;*/
    }
}

@media screen and (max-width: 767px) {
    .delivery__base--desc {
        /*font-size: 10px;*/
    }
}

.delivery__base--desc p {
    margin-bottom: 20px;
}

.delivery__requirements {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 980px;
    padding: 45px 30px;
    margin: 0 auto;
    background: #fff;
    transform: translateY(-30%);
    box-shadow: 0 10px 40px rgba(41, 48, 68, .25);
}

@media screen and (max-width: 1024px) {
    .delivery__requirements {
        width: 85%;
        padding: 40px 20px 50px;
        transform: translateY(-10%);
    }
}

@media screen and (max-width: 1024px) {
    .delivery__requirements {
        width: 85%;
        padding: 40px 20px 20px;
        transform: translateY(-20px);
    }
}

.delivery__schemes {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px 100px;
}

@media screen and (max-width: 1024px) {
    .delivery__schemes {
        padding: 0 20px 60px;
    }
}

@media screen and (max-width: 767px) {
    .delivery__schemes {
        padding: 0 10px 30px;
    }
}

.delivery__schemes--title {
    max-width: 650px;
    margin: 0 auto 25px;
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .delivery__schemes--title {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .delivery__schemes--title {
        font-size: 12px;
    }
}

.delivery__installation--wrap {
    width: 100%;
    background: #293044;
}

@media screen and (max-width: 767px) {
    .delivery__installation--wrap {
        padding: 0 10px;
    }
}

.delivery__bans {
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0 60px;
}

@media screen and (max-width: 767px) {
    .delivery__bans {
        padding: 0 0 30px;
    }
}

.reminders__list {
    display: flex;
    flex-wrap: wrap;
    padding: 40px 0 30px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.8em;
    margin: 0 auto;
    width: 100%;
    max-width: 1310px;
}

@media screen and (max-width: 1024px) {
    .reminders__list {
        margin: 0 -10px;
        padding: 30px 0;
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {
    .reminders__list {
        margin: 0;
        padding: 10px 0;
        font-size: 10px;
    }
}

.reminders__el {
    flex: 1 1 calc(25% - 30px);
    margin: 0 15px;
}

@media screen and (max-width: 1024px) {
    .reminders__el {
        flex: 1 1 calc(25% - 20px);
        margin: 0 10px;
    }
}

@media screen and (max-width: 767px) {
    .reminders__el {
        display: flex;
        flex: 1 1 100%;
        margin: 0 0 10px;
    }
}

.reminders__img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65px;
    width: 65px;
    background: #f85a00;
    margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
    .reminders__img {
        height: 50px;
        width: 50px;
        flex: 0 0 50px;
        margin: 0 10px 0 0;
    }
}

.reminders__img svg {
    height: auto;
    max-height: 80%;
    width: auto;
    max-width: 80%
}

.reminders__desc {
    display: block;
    width: 100%;
    max-width: 730px;
    margin: 0 auto;
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .reminders__desc {
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {
    .reminders__desc {
        font-size: 10px;
    }
}

.requirements__title {
    text-align: center;
    padding: 0 20px;
}

@media screen and (max-width: 1024px) {
    .requirements__title {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .requirements__title {
        padding: 0;
    }
}

.requirements__desc {
    width: 50%;
    margin: 0 auto;
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .requirements__desc {
        width: 80%
    }
}

@media screen and (max-width: 767px) {
    .requirements__desc {
        width: 100%;
        font-size: 10px;
    }
}

.requirements__list {
    display: flex;
    justify-content: space-between;
    padding: 45px 0;
    margin: 0 -15px;
}

@media screen and (max-width: 1024px) {
    .requirements__list {
        padding: 45px 0 20px;
    }
}

@media screen and (max-width: 767px) {
    .requirements__list {
        flex-direction: column;
        align-items: center;
        padding: 30px 0 0;
    }
}

.requirements__el {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33%;
    padding: 25px 10px 15px;
    margin: 10px;
    background: #fff;
    border: 1px solid #d4d6da;
}

@media screen and (max-width: 1024px) {
    .requirements__el {
        padding: 25px 10px 15px;
    }
}

@media screen and (max-width: 767px) {
    .requirements__el {
        width: 70%;
        padding: 25px 10px 15px;
        margin: 0 0 35px;
    }
}

.requirements__el:before {
    content: "";
    position: absolute;
    top: 50%;
    display: inline-block;
    right: -100%;
    width: 100%;
    border-top: 1px solid #d4d6da;
}

@media screen and (max-width: 767px) {
    .requirements__el: before {
        display: none;
    }
}

.requirements__el:last-child:before {
    border: none;
}

.requirements__el--number {
    position: absolute;
    top: -18px;
    left: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    background: #f85a00;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 1em;
    box-shadow: 0 0 0 7px rgba(248, 90, 0, .5);
}

.requirements__el--title {
    position: relative;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.8em;
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .requirements__el--title {
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {
    .requirements__el--title {
        font-size: 10px;
    }
}

.requirements__el--title span {
    display: block;
    font-weight: 600;
    font-size: 18px;
    line-height: 2em;
    text-align: center;
    text-transform: uppercase;
}

@media screen and (max-width: 1024px) {
    .requirements__el--title span {
        font-size: 14px;
    }
}

@media screen and (max-width: 767px) {
    .requirements__el--title span {
        font-size: 18px;
    }
}

.schemes__el {
    width: calc(50% - 30px);
    margin: 0 15px;
}

@media screen and (max-width: 767px) {
    .schemes__el {
        width: 100%;
        margin: 0;
    }
}

.schemes__img {
    width: 100%;
    margin-bottom: 10px;
}

.schemes__text {
    width: 80%
}

@media screen and (max-width: 1024px) {
    .schemes__text {
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {
    .schemes__text {
        width: 100%;
        font-size: 10px;
    }
}

.installation {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-auto-flow: dense;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0 65px 0;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.8em;
}

@media screen and (max-width: 1024px) {
    .installation {
        /*font-size: 12px;*/
    }
}

@media screen and (max-width: 767px) {
    .installation {
        grid-template-columns: 1fr;
        /*font-size: 10px;*/
    }
}

.installation__title {
    color: #fff;
    text-align: left;
    margin-bottom: 15px;
}

@media screen and (max-width: 1024px) {
    .installation__title {
        font-size: 18px;
    }
}

.installation__left {
    grid-row: span 2;
    padding: 65px 45px;
}

@media screen and (max-width: 1024px) {
    .installation__left {
        padding: 45px 20px;
    }
}

@media screen and (max-width: 767px) {
    .installation__left {
        padding: 15px 0;
    }
}

.installation__img {
    transform: translateY(-15%);
}

@media screen and (max-width: 767px) {
    .installation__img {
        transform: none;
        padding: 15px 0;
    }
}

.installation--line {
    position: relative;
    padding: 0 10% 0 20px;
}

@media screen and (max-width: 767px) {
    .installation--line {
        padding: 0 0 0 20px;
    }
}

.installation--line:after {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    display: inline-block;
    height: 0;
    width: 12px;
    border-bottom: 2px solid #f85a00;
}

.bans__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.8em;
    text-transform: uppercase;
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .bans__title {
        /*font-size: 10px;*/
    }
}

.bans__left {
    display: block;
    width: 40%;
    flex: 0 0 auto;
    background: #f4f5f6;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.5em;
    padding: 60px 65px 60px;
    margin: 0 0 auto 0;
    transform: translate(-5%, -20%);
}

@media screen and (max-width: 1024px) {
    .bans__left {
        padding: 60px 0 50px 40px;
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .bans__left {
        width: 100%;
        padding: 10px;
        /*font-size: 12px;*/
        transform: none;
        background: 0 0;
    }
}

.bans__right {
    width: 60%;
    flex: 0 0 auto;
    padding: 35px 60px 45px 45px;
    margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {
    .bans__right {
        /*font-size: 12px;*/
    }
}

@media screen and (max-width: 767px) {
    .bans__right {
        width: 100%;
        padding: 10px;
        /*font-size: 10px;*/
    }
}

.bans__right ul {
    width: auto;
    padding-left: 20px;
}

.bans__right ul li {
    list-style: disc;
    font-weight: 400;
    font-size: 12px;
    line-height: 2em;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .bans__right ul li {
        margin-bottom: 10px;
        line-height: 1.5em;
    }
}

.bans__info {
    display: flex;
    align-items: center;
    width: 80%;
    max-width: 760px;
    margin: 0 auto;
    padding: 20px 30px;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    line-height: 1.8em;
    box-shadow: 0 10px 40px rgba(41, 48, 68, .25);
}

@media screen and (max-width: 767px) {
    .bans__info {
        font-size: 10px;
        padding: 10px 20px;
    }
}

.bans__info svg {
    display: inline-block;
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    margin-right: 10px;
}

@media screen and (max-width: 767px) {
    .bans__info svg {
        margin: 0;
    }
}

.installation-stages {
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/delivery/bg-big.jpg) no-repeat center/cover;
    flex-direction: column;
    color: #fff;
    padding: 35px 0;
}

.installation-stages__title {
    color: #fff;
}

@media screen and (max-width: 767px) {
    .installation-stages__title {
        font-size: 18px;
    }
}

.installation-stages__list {
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 45px 80px;
    padding: 30px 12%;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

@media screen and (max-width: 1024px) {
    .installation-stages__list {
        padding: 50px 20px 50px 40px;
        grid-gap: 40px 60px;
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {
    .installation-stages__list {
        grid-template-columns: calc(50% - 15px) calc(50% - 15px);
        padding: 50px 10px 50px 30px;
        grid-gap: 30px;
        font-size: 10px;
        line-height: 1.5em;
    }
}

.installation-stages__el {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px 30px 15px;
    color: #293044;
    background: #fff;
    border: 1px solid #d4d6da;
}

@media screen and (max-width: 767px) {
    .installation-stages__el {
        padding: 20px 10px;
        align-items: flex-start;
    }
}

.installation-stages__number {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    background: #f85a00;
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    line-height: 1em;
    box-shadow: 0 0 0 7px rgba(248, 90, 0, .5);
}

@media screen and (max-width: 767px) {
    .installation-stages__number {
        height: 30px;
        width: 30px;
    }
}

.installation-stages__top--text {
    max-width: 410px;
    margin: 0 auto;
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .installation-stages__top--text {
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {
    .installation-stages__top--text {
        display: none;
    }
}

.installation-stages__bottom--text {
    max-width: 670px;
    margin: 0 auto;
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .installation-stages__bottom--text {
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {
    .installation-stages__bottom--text {
        display: none;
    }
}

.menu .footer-catalog__list {
    display: flex;
    width: 100%;
    justify-content: flex-start;
}

.menu__middle {
    text-align: center;
}

.menu__middle p {
    margin: 10px auto 0 0;
}

.menu-head-block {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.menu-head-block .lang-list {
    transform: translateX(-50%);
    margin: 0 auto;
}

.menu-head-block .logo-mobile {
    height: 40px;
    width: 40px;
}

.callback-container-js {
    visibility: hidden;
    position: fixed;
    top: 72px;
    padding: 10px 25px;
    background: #fff;
}

.callback-container-js .menu-catalog__tel {
    display: flex;
    align-items: center;
}

.menu-catalog__tel {
    text-align: left;
}

.active {
    pointer-events: auto;
    visibility: visible;
}

.make {
    max-width: 1340px;
}

.products__view--wrap img:last-child {
    margin-top: 25px;
}

.about-top__slider, .about__create-price, .advantages, .blog, .catalog, .clients__wrap, .container, .ct-group__list, .faq, .news, .processes, .single-catalog__top, .single-news, .single-work, .stages, .table-big, .technology, .works__prewiev, .wrap1200 {
    max-width: 1340px;
}

.works {
    max-width: 1340px;
    margin: 0 auto;
}

.products__view--wrap:hover {
    color: #fff;
    background: rgba(41, 48, 68, .8);
}

.news__element:hover .news-element__img img {
    transition: 1s;
    transform: scale(1.1);
}

.card .hover .card__hover {
    opacity: 1;

    transition: 2s;
    transform: scale(1.1);
}

.products {
    display: initial;
}

.products__close {
    display: block;
    cursor: pointer;
}

.products__text {
    display: block;
    margin: 32px auto 0 auto;
}

.create-price__title {
    margin-top: 15px;
}

.create-price__el {
    align-items: flex-start;
}

.about__response a {
    cursor: pointer;
}

.breadcrumb li:last-child {
    text-overflow: ellipsis;
    max-inline-size: 100%;
    display: inline-block;
    overflow: hidden;
}

.file-name {
    text-overflow: ellipsis;
    max-inline-size: 120px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}

/*!* background: red;
     *!*/
.top-menu__nested--item {
    width: 50%
}

.sl__element--title {
    text-transform: uppercase;
    line-height: 24px;
}

.first-screen__mouse--text {
    text-transform: uppercase;
}

.make__title {
    margin-top: 25px;
}

.first-screen__messages--text {
    font-size: 1vw;
}

.advant__elem {
    font-weight: 500;
}

.about__first-screen p, .button-xl {
    font-weight: 400;
}

.stages--wrap {
    background: url(../images/main/line__bg.png) no-repeat center center/cover;
}

@media screen and (max-width: 767px) {
    .stages--wrap {
        background: url(../images/main/line__bg.png) no-repeat center bottom/cover;
    }
}

.index-works {
    background: 0 0;
    max-width: 1340px;
    margin: 0 auto;
}

.index-work__data {
    z-index: 10;
}

.footer-middle__menu--title {
    text-transform: uppercase;
}

.footer-contact__tel {
    text-transform: none;
}

.quote__content {
    width: 50%
}

.lang-list {
    text-transform: uppercase;
}

.quote__text {
    color: #757985;
}

.breadcrumb {
    text-transform: uppercase;
}

.about-top-slide__content--link {
    display: none;
}

.create-price__desc > p {
    width: 85%
}

.ct-group__list--text span {
    font-weight: 600;
}

.ct-desc__list li {
    list-style-type: circle;
}

.table__row:first-child {
    text-transform: uppercase;
    font-weight: 500;
}

.products__text:last-child {
    margin-bottom: 20px;
}

@media screen and (min-width: 1200px) {
    .technology {
        padding-bottom: 60px;
    }
}

.technology .products__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    text-transform: none;
    text-align: left;
}

.product__elements {
    border: none;
}

.product:nth-child(7) .product__elem {
    border-bottom: none;
}

.product:nth-child(6) .product__elem {
    border-bottom: none;
}

.product .product__elem {
    border-top: 1px solid #bcc1c8;
    border-left: 1px solid #bcc1c8;
    border-right: 1px solid #bcc1c8;
}

.delivery__price--img {
    width: 100%;
}

.delivery__price--img img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.delivery__price--list li {
    color: #f85a00;
}

.delivery__price--list li span {
    color: #fff;
}

.delivery__price--list li span:first-child {
    text-transform: uppercase;
}

.delivery__price--info {
    padding: 0 45px 70px 0;
}

.reminders__desc {
    font-weight: 600;
    line-height: 1.8em;
}

.first-screen {
    grid-template-columns: 10% 78% 12%
}

.installation-stages {
    padding: 50px 0;
}

.installation-stages__list {
    padding: 50px 12%
}

.form__project .form__title, .form__consult .form__title {
    color: #293044;
}

.form__input::placeholder {
    color: #757985;
}

.blog__element:hover {
    box-shadow: 0 40px 40px rgba(41, 48, 68, .25);
    z-index: 5;
}

.blog__element:hover .blog-element__img img {
    transition: 1s;
    transform: scale(1.1);
}

.form__project .button-xl, .form__consult .button-xl {
    width: 100%
}

.contact__list--address .contact__tel, .contact__message a {
    color: #293044;
}

.contact__list--icon {
    height: 20px;
    width: 20px;
}

.blog__list {
    width: calc(100% + 20px);
}

@keyframes bounceInTop {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    38% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
    }
    55% {
        -webkit-transform: translateY(-65px);
        transform: translateY(-65px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    72% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    81% {
        -webkit-transform: translateY(-28px);
        transform: translateY(-28px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    95% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
    }
}

.bounceInTop {
    animation-name: bounceInTop;
    animation-duration: .4s;
    animation-fill-mode: forwards;
    backface-visibility: visible;
    visibility: hidden;
}

@keyframes changeHeight {
    0% {
        height: 1%
    }
    100% {
        height: 100%
    }
}

.changeHeight {
    animation-name: changeHeight;
    animation-duration: .4s;
    animation-fill-mode: forwards;
    backface-visibility: visible;
}

.form__cap-butt {
    display: flex;
    align-items: center;
    width: 100%
}

@media screen and (max-width: 767px) {
    .form__cap-butt {
        flex-direction: column;
        align-items: flex-start;
    }
}

.mobile-catalog {
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    background: #fff;
    display: none;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 5px;
}

.mobile-catalog__tel {
    width: auto;
    display: inline-block;
    margin: 0 7px;
    cursor: pointer;
}

.mobile-catalog__tel svg {
    margin-right: 0;
}

.mobile-catalog__tel .footer-contact__tel {
    padding-left: 0;
}

.mobile-catalog .footer-contact__tel {
    font-size: 18px;
}

.menu-head-block {
    width: 120%;
    display: flex;
    justify-content: flex-start;
    margin: 0 10% 0 10%;
    padding: 9px 10%;
    background: #293044;
    align-items: center;
}

@media screen and (max-width: 480px) {
    .menu-head-block {
        margin: 0 10% 0 10%
    }
}
@media screen and (max-width:1024px) {
    .contact__message {
        bottom: -15px;
    }
}
@media screen and (max-width: 768px) {
    .menu-head-block .lang-list__item a {
        color: #fff;
    }

    .contact__message {
        bottom:-20px;
    }
    .menu-head-block .lang-list {
        position: absolute;
        top: initial;
        left: 50%;
        transform: translateX(-50%);
        margin: auto 0;
    }

    .menu .menu__close {
        top: 14px;
    }
}

.menu .lang-list__item a {
    color: #fff;
}

@keyframes close-line-1 {
    to {
        transform: rotate(45deg) translate(3px, 1px) scaleX(1);
    }
}

.close-line-1 {
    animation: close-line-1 1s 1 linear;
}

@keyframes close-line-2 {
    to {
        opacity: 0;
    }
}

.close-line-2 {
    animation: close-line-2 1s 1 linear;
}

@keyframes close-line-3 {
    to {
        transform: rotate(-45deg) translate(11px, -10px) scaleX(1);
    }
}

.close-line-2 {
    animation: close-line-3 1s 1 linear;
}

.first-screen__mail--img {
    height: auto;
    width: 17%
}

.menu__middle {
    margin: auto 0;
}

@media screen and (max-width: 768px) {
    .single-catalog .popup {
        padding: 10px 24px 0 10px;
        width: 90%
    }
}

@keyframes accord-open {
    from {
        height: 0;
    }
}

.accord-open {
    animation: accord-open 1s linear;
}

@keyframes accord-close {
    from {
        height: auto;
    }
    to {
        height: 0;
    }
}

.accord-close {
    animation: accord-close 1s linear;
}

.first-screen__img {
    border-radius: 50%
}

.first-screen__messages--viber:hover .first-screen__img {
    transition: .3s;
    color: #623888;
    fill: #623888;
    transform: scale(1.1);
}

.first-screen__messages--viber:hover span {
    color: #623888;
    fill: #623888;
}
.first-screen__messages--whatsapp:hover .first-screen__img {
    transition: .3s;
    color: #27d045;
    fill: #27d045;
    transform: scale(1.1);
}

.first-screen__messages--whatsapp:hover span {
    color: #27d045;
    fill: #27d045;
}

.first-screen__messages--telegram:hover .first-screen__img {
    transition: .3s;
    fill: #08c;
    color: #08c;
    transform: scale(1.1);
}

.first-screen__messages--telegram:hover span {
    fill: #08c;
    color: #08c;
}

.sl__element--title {
    min-width: 50%;
    text-align: center;
}

.scroll-top-button svg {
    width: 55px;
    height: 55px;
    transform: rotate(180deg) scale(.7);
    fill: #293044;
}

.scroll-top-button:hover svg {
    transition: 1s;
    fill: #fff;
}

.scroll-top-button {
    position: fixed;
    right: 25px;
    bottom: 100px;
    z-index: 50000;
    width: 55px;
    height: 55px;
    background: #eaeaea;
    justify-content: center;
    align-items: center;
    opacity: .8;
    cursor: pointer;
    transition: 1s;
}

.scroll-top-button:hover {
    background: #293044;
    opacity: .5;
}

.form__close {
    height: 40px;
    width: 40px;
}

@media screen and (min-width: 768px) {
    .sl__element--text {
        max-width: 90%
    }
}

@media screen and (min-width: 1290px) {
    .sl__element--text {
        font-size: 1.5vw;
    }

    .sl {
        height: calc(100% - 103px);
    }
}

@media screen and (min-aspect-ratio: 209/100) {
    .first-screen__mouse--text {
        font-size: .7vw;
    }
}

.form__commercial, .form__commercial-final, .form__project, .form__mobile, .form__consult {

    max-height: 100vh;

    overflow-y: scroll;

}

footer #menu-footer-catalog.footer-menu, footer #menu-footer-catalog-ua.footer-menu {

    column-count: 4;

}

/*.footer-middle__line {

    display: none;

}
*/
body .fancybox-thumbs__list a: before {

    border: 3px solid #ff5268;

}

.single-catalog__tabs .tabs__content p {

    margin: 10px 0;

}

html.modal_open {

    overflow-y: hidden;

}

@media (max-width: 600px) {

    footer #menu-footer-catalog.footer-menu, footer #menu-footer-catalog-ua.footer-menu {

        column-count: 2;

    }
    .contact__message {
        bottom: -20px;
    }
}


.ct-desc__content strong, .tabs__content--description strong, .single-work__description strong, .single-news .single_content strong {

    font-weight: 600;

}

.ct-desc__content em, .tabs__content--description em, .single-work__description em, .single-news .single_content em {

    font-weight: 400;

    font-style: italic;

}

.ct-desc__content p, .tabs__content--description p, .single-work__description p, .single-news .single_content p {

    margin-bottom: 10px;

}

.ct-desc__content ul, .tabs__content--description ul, .single-work__description ul, .single-news .single_content ul {

    padding-left: 40px;

}

.ct-desc__content ul li, .tabs__content--description ul li, .single-work__description ul li, .single-news .single_content ul li {

    list-style: disc;

}

.ct-desc__content .alignright, .tabs__content--description .alignright, .single-work__description .alignright,
.single-news .single_content .alignright {

    float: right;

}

.ct-desc__content .alignleft, .tabs__content--description .alignleft, .single-work__description .alignleft,
.single-news .single_content .alignleft {

    float: left;

}

.ct-desc__content .aligncenter, .tabs__content--description .aligncenter, .single-work__description .aligncenter,
.single-news .single_content .aligncenter {

    margin: 0 auto;

}

.ct-desc__content img, .tabs__content--description img, .single-work__description img, .single-news .single_content img {

    width: auto;

    max-width: 100%;

    padding: 10px;

}


.lang-list li.current-lang, .lang-list li.current-lang: hover {

    background: #f85a00;

    color: #fff;

}

.lang-list li.current-lang a, .lang-list li.current-lang: hover a {

    background: #f85a00;

    color: #fff;

}

.lang-list li {

    transition: all .4 ease-in;

    padding: 0 10px;

}

.lang-list li a {

    text-decoration: none;

    color: #293044;

}

.lang-list li: hover a {

    text-decoration: none;

    color: #fff;

}

.lang-list li: hover {

    background: #293044;

}

.menu-head-block .lang-list li a {

    color: #fff;

}

.header .top-menu .col2 {

    column-count: 3;

}

.top-menu__nested: after {

    content: "";

    display: block;

    clear: both;

    overflow-y: hidden;

}

body .top-menu__nested--item {

    display: inline-flex;

    width: 100%;

}

.footer-middle__catalog {

    width: 55%;

}

footer .footer-middle__catalog .footer-menu {

    display: grid;

    grid-template-columns:  auto auto auto max-content;

    column-gap: 5px;

}

footer .footer-middle__menu .footer-menu {

    display: grid;

    grid-template-columns:  auto max-content;

}

.footer-middle .footer-middle__menu {

    width: 22%;

}

@media (max-width: 1100px) {

    footer .footer-middle__catalog .footer-menu {

        grid-template-columns:  auto auto max-content;

    }

    footer .footer-middle__menu .footer-menu {

        grid-template-columns:  max-content;

    }

    .footer-middle .footer-middle__menu {

        width: auto;

    }

}

@media (max-width: 850px) {

    footer .footer-middle__catalog .footer-menu {

        grid-template-columns:  auto max-content;

    }

    .footer-middle__catalog {

        width: 40%;

    }

}

@media (max-width: 767px) {

    footer .footer-middle__catalog .footer-menu {

        grid-template-columns:  auto auto;

    }

    .footer-middle__catalog {

        width: auto;

    }

    footer .footer-middle__menu .footer-menu {

        grid-template-columns:  auto auto;

    }

    .footer-middle .footer-middle__menu, .footer-middle__catalog {

        margin-bottom: 10px;

    }

}

@media (max-width: 550px) {
    .optimize-category-img-mobile .ct-group__list--img img {
        width: 100%;
        height: 61.27vw;
    }
}

@media (max-width: 480px) {

    .menu__middle-modified .menu__list {

        height: auto;

    }

    .make-img-optimize .card__img > img {
        width: 100%;
        height: 63.2vw;
    }


}

.menu.active {

    overflow-y: auto;

}


.uk-overlay-area {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: rgba(0, 0, 0, 0.3);

    opacity: 0;

    -webkit-transition: opacity 0.15s linear;

    transition: opacity 0.15s linear;

    -webkit-transform: translate3d(0, 0, 0);

}

.ct-group__list--img: hover .uk-overlay-area {

    opacity: 1;

}

.uk-overlay-area: empty:before {

    /*content:  "\f002";
    */
    content: url('https://www.blockmodul.com.ua/wp-content/themes/block-module/assets/images/plus2.png');

    position: absolute;

    top: 50%;

    left: 50%;

    width: 50px;

    height: 48px;

    margin-top: -25px;

    margin-left: -25px;

    font-size: 50px;

    line-height: 1;

    /*font-family:  FontAwesome;

  text-align:  center;

  color:  #ffffff;
    */

}

.uk-overlay-area:

not
(
:empty

)
{

    font-size: 0.001px
;

}
.uk-overlay-area:

not
(
:empty

)
:before {

    content: '';

    display: inline-block;

    height: 100%;

    vertical-align: middle;

}

ul.top-menu > li > a {

    padding: 25px 0px;

}

.footer-middle a {

    text-transform: uppercase;

}

.footer-middle a.footer-contact__tel.mail {

    text-transform: none;

}

.codedropz-upload-container .codedropz-upload-inner h3 ,
.codedropz-upload-inner h3 {

    font-size: 16px;

    line-height: initial;

}

.current-lang a {
    color: #f85a00 !important;
}


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

    .header-house {
        padding-left: 10px;
        padding-right: 10px;
    }

    .header-house .container {
        padding-left: 0;
        padding-right: 0;
    }

}

@media screen and (max-width: 767px) {
    .catalog-single__title {
        font-size: 30px;
        font-family: sans-serif;
    }
}


@media screen and (max-width: 1199px) and (min-width: 768px) {

    .header-house .container {
        padding-left: 20px;
        padding-right: 20px;
    }

}


@media screen and (max-width: 1360px) and (min-width: 1200px) {

    .header-house .container {
        padding-left: 0px;
        padding-right: 0px;
    }

}


@media screen and (max-width: 1399px) and (min-width: 1361px) {

    .header-house .container {
        padding-left: 15px;
        padding-right: 15px;
    }

}

@media screen and (max-width: 1420px) and (min-width: 1400px) {

    .header-house .container {
        padding-left: 25px;
        padding-right: 25px;
    }

}

@media screen and (max-width: 2420px) and (min-width: 1421px) {

    .header-house .container {
        padding-left: 30px;
        padding-right: 30px;
    }

}

.catalog .container {
    padding: 0 45px;
}


.catalog-category {
    marin-bottom: 40px
}

.header-full {
    padding-left: 40px;
    padding-right: 40px;
}

@media screen and (max-width: 1024px) {

    .header-full {
        padding-left: 20px;
        padding-right: 20px;
    }

}


.contacts-page {
    margin-bottom: 40px;
}

.delevery-page {
    margin-bottom: 40px;
}

.delivery__price--img {
    margin-bottom: 10px;
}

.works, .faq, .news, .single-news, .blog {
    padding-left: 0 !important;
    padding-right: 0 !important;

}


@media screen and (max-width: 1024px) {
    .works-element__title:after {
        width: 15px;
    }
}


.h3,
.catalog-tab-content h2,
.ct-desc__content h3,
.ct-desc__content h4,
h3 {
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 20px;
}


body.postid-12490 .single_title:where(.title-number-3, .title-number-4, .title-number-5) > h3,
body.postid-12498 .single_title:where(.title-number-3, .title-number-4, .title-number-5) > h3 {
    font-size: 22px;
    margin-bottom: 0;
}


.catalog-tab-content ul li {
    list-style: inside;
}

.catalog-tab-content {
    color: #293044;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    margin-bottom: 20px;
}


.catalog-tab-content a {
    color: #f85a00;

}

.ct-group, .clients, .faq {
    width: 94vw;
}

.catalog-tab-content strong {
    font-weight: 600;
}

.included_in_the_price {
    margin-bottom: 30px;
}

.single-catalog__slider--small .slick-slide {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.title-row {
    text-align: center;
}

.title-row > * {
    display: inline-block;
}

.title-row + .make__title.main__title {
    margin-top: 0;
}

.catalog-title-wrapper {
    display: flex;
    column-gap: 15px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

@media (max-width: 768px) {
    .catalog-title-wrapper {
        flex-direction: column;
    }
}

.catalog-title-wrapper .kk-star-ratings {
    margin-top: 3px;
}

.catalog-title-wrapper .rmp-rating-widget .rmp-icon--ratings {
    font-size: 1.3rem;
}

.catalog-title-wrapper .rmp-widgets-container.rmp-wp-plugin.rmp-main-container {
    margin: 0;
    margin-top: 3px;
}

.catalog-title-wrapper .rmp-rating-widget .rmp-icon--full-highlight {
    color: #f8610b;
}

.catalog-title-wrapper .rmp-rating-widget .rmp-icon--hovered {
    color: #fc843f;
}

.catalog-title-wrapper .rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__icons {
    margin-bottom: 0;
}

.catalog-title-wrapper .rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__hover-text {
    display: none;
}

.catalog-title-wrapper .rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__icons-list__icon {
    line-height: 1.3rem;
    height: 1.3rem;
}

.catalog-title-wrapper .rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__results {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 12px;
    text-align: left;
}

.footer-rating-widget {
    display: flex;
    flex-direction: row;
    column-gap: 8px;
    align-items: center;
}

.footer-rating-widget .footer-stars-container {
    display: flex;
    align-items: center;
    column-gap: 2px;
}

.footer-rating-widget .footer-stars-container i {
    font-size: 16px;
    line-height: 16px;
    color: #f8610b;
}

.footer-rating-widget .footer-stars-container i.footer-icon-empty {
    color: #ccc
}

.mb-5 {
    margin-bottom: 25px;
}

.section-faq-items {
    margin-top: 30px;
    margin-bottom: 30px;
}

.section-faq-items .faq {
    padding-bottom: 0px;
}

.faq .drop__text ul,
.faq .drop__text ol {
    padding-left: 20px;
}

.faq .drop__text ul li,
.faq .drop__text ul {
    list-style: circle;
}

.faq .drop__text ol,
.faq .drop__text ol li {
    list-style: decimal;
}

@media only screen and (max-width: 576px) {
    .footer-bottom .footer-bottom__copy {
        flex-direction: column;
    }

    .catalog-title-wrapper .rmp-widgets-container {
        width: 100%;
        flex-direction: row;
        display: flex;
    }

    .catalog-title-wrapper .rmp-rating-widget .rmp-icon--ratings {
        font-size: 2rem;
    }

    .catalog-title-wrapper .rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__results {
        text-align: center;
    }

    .catalog-title-wrapper .rmp-rating-widget {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        column-gap: 10px;
    }
}


.copyrights {
    display: flex;
    align-items: flex-end;
    gap: 15px;
    font-size: 10px;
    color: #757985;
}

.copyright_smarto {
    height: 26px;
    margin-right: -10px;
}

.copyright_sprava img {
    display: inline-block;
    width: 90px;
    vertical-align: middle;
}

.id-4992 .ct-desc--wrap > div:nth-child(13),
.id-4992 .ct-desc--wrap > div:nth-child(9),
.id-1796 .ct-desc--wrap > div:nth-child(13),
.id-1796 .ct-desc--wrap > div:nth-child(9) {
    border-top: 2px solid #ccc;
    border-left: 2px solid #ccc;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    position: relative;
}

.id-4992 .ct-desc--wrap > div:nth-child(13):before,
.id-4992 .ct-desc--wrap > div:nth-child(9):before,
.id-1796 .ct-desc--wrap > div:nth-child(13):before,
.id-1796 .ct-desc--wrap > div:nth-child(9):before {
    content: '';
    position: absolute;
    top: -2px;
    width: 30px;
    height: 2px;
    background: #ccc;
    right: -30px;
}

.id-4992 .ct-desc--wrap > div:nth-child(14),
.id-4992 .ct-desc--wrap > div:nth-child(10),
.id-1796 .ct-desc--wrap > div:nth-child(14),
.id-1796 .ct-desc--wrap > div:nth-child(10) {
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.id-4992 .ct-desc--wrap > div:nth-child(15),
.id-4992 .ct-desc--wrap > div:nth-child(11),
.id-1796 .ct-desc--wrap > div:nth-child(15),
.id-1796 .ct-desc--wrap > div:nth-child(11) {
    border: 2px solid #ccc;
    padding: 10px;
    margin-top: -30px;
}


.calculation-form-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 30px;
}

.calculation-form-block .calculation-form-block-form,
.calculation-form-block .calculation-form-block-img {
    width: calc(50% - 15px);
}

.calculation-form-block .calculation-form-block-img img {
    padding: 0;
}

.calculation-form-block .calculation-form-block-form .wpcf7 {
    width: 100%;
}

.calculation-form-block .calculation-form-block-form {
    background: #293044;
    border: 1px solid #000000;
    padding: 30px;
}

.calculation-form-block .calculation-form-header {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
    margin-top: 7px;
    margin-bottom: 6.5px;
}

.calculation-form-block .calculation-form-block-form .form__submit {
    margin: 0;
    width: 100%;
    margin-top: 20px;
    transition: all .2s;
}

.calculation-form-block .calculation-form-block-form .form__submit:hover:after {
    display: none;
}

.calculation-form-block .calculation-form-block-form .form__submit:hover {
    opacity: 0.8;
}

.calculation-form-block .wpcf7-response-output {
    color: #fff;
}

.reviews-header {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #000000;
    margin-bottom: 30px;
}

.flex-column {
    flex-direction: column;
}

.section-review-items {
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 95px;
    background: #F4F4F5;
    width: 100%
}

.section-review-items .reviews-button-wrapper {
    margin-top: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-review-items .reviews-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 30px;
}

.section-review-items .reviews-wrapper .reviews-block-item {
    width: calc(33.33333333% - 20px);
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: 20px 25px;
}

.reviews-block-item .review-header-left {
    display: flex;
    align-items: center;
}

.reviews-block-item .review-header {
    display: flex;
    justify-content: space-between;
}

.reviews-block-item .review-img-wrapper img {
    width: 40px;
    height: 40px;
}

.reviews-block-item .review-user-info {
    margin-left: 8px;
}

.reviews-block-item .review-user-info .review-name {
    font-style: normal;
    font-weight: 800;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}

.reviews-block-item .review-user-info .review-meta {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 17px;
    color: #000000;
}

.reviews-block-item .review-user-info .review-meta a {
    color: #197BFF;
    text-decoration: none;
}

.reviews-block-item .review-rating i {
    font-size: 16px;
    color: #FCBF02;
}

.reviews-block-item .review-content {
    margin-top: 15px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #000000;
}

@media (max-width: 768px) {
    .id-4992 .ct-desc--wrap > div:nth-child(13),
    .id-4992 .ct-desc--wrap > div:nth-child(9),
    .id-1796 .ct-desc--wrap > div:nth-child(13),
    .id-1796 .ct-desc--wrap > div:nth-child(9) {
        border-top: 2px solid #ccc;
        border-left: 2px solid #ccc;
        border-right: 2px solid #ccc;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
    }

    .id-4992 .ct-desc--wrap > div:nth-child(13):before,
    .id-4992 .ct-desc--wrap > div:nth-child(9):before,
    .id-1796 .ct-desc--wrap > div:nth-child(13):before,
    .id-1796 .ct-desc--wrap > div:nth-child(9):before {
        content: '';
        display: none;
    }

    .id-4992 .ct-desc--wrap > div:nth-child(14),
    .id-4992 .ct-desc--wrap > div:nth-child(10),
    .id-1796 .ct-desc--wrap > div:nth-child(14),
    .id-1796 .ct-desc--wrap > div:nth-child(10) {
        border-left: 2px solid #ccc;
        border-right: 2px solid #ccc;
        border-top: none;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        margin-top: -30px;
    }

    .id-4992 .ct-desc--wrap > div:nth-child(15),
    .id-4992 .ct-desc--wrap > div:nth-child(11),
    .id-1796 .ct-desc--wrap > div:nth-child(15),
    .id-1796 .ct-desc--wrap > div:nth-child(11) {
        border: 2px solid #ccc;
        padding: 10px;
        margin-top: -30px;
    }

    .calculation-form-block {
        flex-wrap: wrap;
        row-gap: 30px;
    }

    .calculation-form-block .calculation-form-block-form,
    .calculation-form-block .calculation-form-block-img {
        width: 100%;
    }

    .calculation-form-block {
        margin: 15px 0;
    }

    .calculation-form-block .calculation-form-header {
        font-size: 16px;
        line-height: 20px;
    }

    .section-review-items .reviews-wrapper .reviews-block-item {
        width: 100%;
    }

    .section-review-items {
        padding: 20px;
    }
}

@media (max-width: 576px) {
    .footer-bottom {
        height: auto;
    }

    .footer-bottom .footer-bottom__copy {
        width: 65%;
    }

    .copyrights {
        text-align: right;
        flex-direction: column;
        font-size: 8px;
        margin-right: 10px;
        width: 35%;
    }
}

header .lang-list > .current-lang > a {
    pointer-events: none;
}

.col-2 > .ct-group__element {
    width: 50%;
}

.col-2 > .ct-group__element .ct-group__list--text ol {
    padding-left: 20px;
}

.col-2 > .ct-group__element .ct-group__list--text ul {
    padding-left: 20px;
}

.col-2 > .ct-group__element .ct-group__list--text ol > li {
    list-style-type: decimal;
}

.col-2 > .ct-group__element .ct-group__list--text ul > li {
    list-style-type: disc;
}

.col-2 > .ct-group__element .ct-group__list--img {
    height: 400px;
}

.col-2 > .ct-group__element .ct-group__list--img img {
    object-fit: cover;
    height: 100%;
}

@media (max-width: 1024px) {
    .col-2 > .ct-group__element .ct-group__list--img {
        height: 270px;
    }
}

@media (max-width: 768px) {
    .col-2 > .ct-group__element .ct-group__list--img {
        height: 220px;
    }
}

@media (max-width: 550px) {
    .col-2 > .ct-group__element .ct-group__list--img {
        height: 290px;
    }

    .col-2 > .ct-group__element {
        width: 100%;
    }
}

.social-icons-top {
    display: flex;
    column-gap: 8px;
    padding-right: 25px;
    margin-right: 25px;
    position: relative;
}

/*.social-icons-top:after {*/
/*    content: "";*/
/*    width: 0.5px;*/
/*    background: #757985;*/
/*    height: 10px;*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: calc(50% - 10px / 2);*/
/*    right: -1.25px;*/
/*}*/

.social-icons-top a {
    display: block;
}

.open-form .icon-viber-color,
.open-form .icon-telegram-color,
.open-form .icon-whatsapp-color,
.social-icons-top span {
    display: block;
    width: 20px;
    height: 20px;
    transition: .2s;
    background-size: cover;
}

.social-icons-top:before {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    content: url("../images/telegram-color.svg") url("../images/viber-color.svg");
}

.social-icons-top span.icon-viber {
    background-image: url("../images/viber-orange.svg");
}
.social-icons-top span.icon-whatsapp{
    background-image: url("../images/icon-whatsapp-orange.svg");
}
.social-icons-top span.icon-telegram {
    background-image: url("../images/telegram-orange.svg");
}

.icon-viber-color,
.social-icons-top a:hover span.icon-viber {
    background-image: url("../images/viber-color.svg");
}
.icon-whatsapp-color,
.social-icons-top a:hover span.icon-whatsapp {
    background-image: url("../images/new-icon-whatsapp.svg");
}
.icon-telegram-color,
.social-icons-top a:hover span.icon-telegram {
    background-image: url("../images/telegram-color.svg");
}
.footer-middle .footer-contact__socials .icon-facebook{
    background-image: url("../images/free-icon-facebook-145802.png");
}
.footer-middle .footer-contact__socials .icon-instagram{
    background-image: url("../images/free-icon-instagram-3955024.png");
}
.footer-middle .footer-contact__socials .icon-youtube{
    background-image: url("../images/icon-youtube.png");
}
/*.footer-middle .footer-contact__socials .icon-facebook:hover{*/
/*    background-image: url("../images/facebook-hover.png");*/
/*}*/
/*.footer-middle .footer-contact__socials .icon-instagram:hover{*/
/*    background-image: url("../images/instagram-hover.png");*/
/*}*/
.footer-middle .footer-contact__socials .icon-instagram,
.footer-middle .footer-contact__socials .icon-facebook,
.footer-middle .footer-contact__socials .icon-youtube{
    display: block;
    width: 30px;
    height: 30px;
    transition: .2s;
    background-size: cover;
}
.footer-middle .footer-contact__socials{
    display: flex;
    gap: 10px;
}

.custom-icon {
    display: block;
    width: 25px;
    height: 25px;
    transition: .2s;
    background-size: cover;
}

.icon-vadafone {
    background-image: url("../images/vadafone-icon.svg");;
}

.icon-kievstar {
    background-image: url("../images/kyivstar-icon.svg");
}

@media (max-width: 1400px) {
    .top-menu__consult-button {
        margin-right: 0px;
        margin-left: 0px;
    }

    .lang-list {
        margin-left: 0;
    }

    .top-menu {
        margin-left: 5px;
        margin-right: 5px;
    }

    .top-menu__consult-button .button-xl {
        height: 35px;
        width: auto;
        padding: 0px 10px;
    }

    .top-menu__list {
        padding: 0px 5px;
    }

    .social-icons-top {
        padding: 0px;
        margin: 0px;
    }
}

@media (max-width: 840px) {
    .top-menu__consult-button {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .social-icons-top-desktop {
        display: none;
    }
    .footer-middle .footer-contact__socials{
        display: none;
    }

    .mobile-catalog .mobile-catalog-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 50px;
    }

    .mobile-catalog .mobile-catalog-wrapper ul {
        display: flex;
        flex-direction: column;
        row-gap: 5px;
    }

    .mobile-catalog .social-icons-top {
        margin: 0;
        padding: 0;
        flex-direction: column;
        row-gap: 5px;
    }

    .mobile-catalog .social-icons-top:after {
        top: 0;
        left: -25px;
        height: 100%;
    }

    .mobile-catalog .mobile-catalog__tel {
        margin: 0;
        display: flex;
        column-gap: 5px;
    }

    .mobile-catalog .mobile-catalog__tel .footer-contact__tel {
        line-height: 18px;
    }

    .mobile-catalog .social-icons-top a span.icon-viber {
        background-image: url("../images/viber-color.svg");
    }

    .mobile-catalog .social-icons-top a span.icon-telegram {
        background-image: url("../images/telegram-color.svg");
    }

    .social-icons-top span {
        width: 24px;
        height: 24px;
    }

}

.cat-price-wrapper table,
.cat-features-wrapper table {
    width: 100%;
}

.cat-price-wrapper table tr th {
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2em;
}

.cat-price-wrapper table tr th,
.cat-price-wrapper table tr td,
.cat-features-wrapper table tr td {
    padding: 10px 20px;
}

.cat-price-wrapper table tr th:nth-child(2n + 1) {
    background: #f1f2f4;
}

.cat-price-wrapper table tr th:nth-child(2n) {
    background: #f4f5f6;
}

.cat-features-wrapper table tr td:nth-child(1) {
    font-weight: 600;
}

.cat-price-wrapper table tr:nth-child(2n) td:nth-child(2n + 1),
.cat-features-wrapper table tr:nth-child(2n) td:nth-child(2n + 1) {
    background: #f6f6f7;
}

.cat-price-wrapper table tr:nth-child(2n) td:nth-child(2n),
.cat-features-wrapper table tr:nth-child(2n) td:nth-child(2n) {
    background: #fbfbfb;
}

.cat-price-wrapper table tr:nth-child(2n + 1) td:nth-child(2n + 1),
.cat-features-wrapper table tr:nth-child(2n + 1) td:nth-child(2n + 1) {
    background: #f1f2f4;
}

.cat-price-wrapper table tr:nth-child(2n + 1) td:nth-child(2n),
.cat-features-wrapper table tr:nth-child(2n + 1) td:nth-child(2n) {
    background: #f4f5f6;
}

.content-img-two {
    display: flex;
    align-items: center;
}

.single-catalog__button {
    height: 50px;
    flex: inherit;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 15px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.8em;
    margin: auto;
    padding: 15px;
    border: 1px solid #eaeaea;
    background: #f8610b;
}


.single-work-form {
    margin-top: 30px;
    background: #293044;
    padding: 40px 30px;
}

.single-work-form form {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.single-work-form form .calculation-form-header {
    width: 100%;
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.single-work-form .wpcf7 {
    width: 100%
}

.single-work-form form .wpcf7-response-output {
    width: 100%;
}

.single-work-form form > span,
.single-work-form form .form__cap-butt {
    width: 24%;
}

.single-work-form form .form__cap-butt .button-xl {
    margin: 0;
    margin-top: 20px;
    width: 100%;
}

.single-work-form .button-xl:hover:after {
    display: none;
}

.single-work-form .wpcf7 .ajax-loader {
    display: none;
}

.single-work-form .wpcf7-response-output {
    color: #fff;
}

.single-catalog__open-form {
    border: 1px solid #000;
    background: #293044;
    padding: 45px 30px;
}

.single-catalog__open-form .wpcf7 {
    width: 100%;
}

.open-form__fields {
    display: flex;
    justify-content: space-between;
}

.open-form__fields .ajax-loader {
    display: none;
}

.open-form__fields .wpcf7-form-control-wrap {
    margin-right: 30px;
}

.open-form__fields .form__submit {
    margin-left: 0px;
    width: 100%;
}

.single-catalog__open-form legend {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    width: 70%;
    margin: auto;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
}

.single-catalog__open-form legend .messengers {
    font-size: 21px;
    display: flex;
    margin-top: 25px;
    padding-bottom: 5px;
}

.single-catalog__open-form legend .messengers a {
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.single-catalog__open-form legend .messengers svg {
    margin-right: 12px;
}

.single-catalog__open-form legend .messengers .icon-viber-color,
.single-catalog__open-form legend .messengers .icon-whatsapp-color{
    margin-right: 12px;
}

.single-catalog__open-form legend .messengers .divider {
    margin: 0px 25px;
    display: flex;
    align-items: center;
}

.single-catalog__open-form legend .messengers .divider:before {
    content: '';
    width: 1px;
    height: 10px;
    background: #757985;
    display: block;
}

.vab-telega {
    display: flex;
}

table {
    width: 100%;
}

table td {
    border: solid 1px #000;
    padding: 10px 5px;
}

@media (max-width: 991px) {
    .single-catalog__open-form legend {
        width: 100%;
    }
}

@media (max-width: 768px) {

    .single-catalog__button {
        line-height: 1.2em;
    }
    .single-work-form{
        margin-top: 60px;
    }
    .single-work-form form > span,
    .single-work-form form .form__cap-butt {
        width: 100%;
    }

    .open-form__fields {
        flex-direction: column;
    }

    .open-form__fields .wpcf7-form-control-wrap {
        margin-right: 0px;
    }

    .single-catalog__open-form legend .messengers {
        flex-direction: column;
        align-items: center;
    }

    .single-catalog__open-form legend .messengers .divider::before {
        width: 10px;
        height: 1px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

@media (max-width: 400px) {
    .ct-group, .clients, .faq {
        width: 92vw;
    }
}



.blog-navigation-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    column-gap: 30px;
    margin-bottom: 60px;
}
.blog-navigation-links > div {
    width: fit-content;
}
.blog-navigation-links > div > a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    width: auto;
    min-width: 135px;
    box-sizing: content-box;
    color: #fff;
    text-decoration: none;
    background-color: #f85a00;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: 15px center;
}
.blog-navigation-links > .blog-prev-link > a {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ic3ZnIiB2aWV3Qm94PSIwIDAgOSA1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHRyYW5zZm9ybT0icm90YXRlKC0yNzApIj4gPHBhdGggZD0iTTguNDg1MyAwLjcwNzEwN0w3Ljc3ODIgMEw0LjI0MjYzIDMuNTM1NTdMMC43MDcxMDcgNC42NTUxMmUtMDVMMCAwLjcwNzE1M0w0LjI0MjY0IDQuOTQ5NzlMNC45NDk3NSA0LjI0MjY5TDQuOTQ5NzQgNC4yNDI2OEw4LjQ4NTMgMC43MDcxMDdaIiBmaWxsPSIjZmZmZmZmIi8+IDwvc3ZnPg==);
    background-position: 20px center;
    padding: 10px 25px 10px 50px;
    text-align: right;
    justify-content: flex-end;
}
.blog-navigation-links > .blog-next-link > a {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ic3ZnIiB2aWV3Qm94PSIwIDAgOSA1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHRyYW5zZm9ybT0icm90YXRlKC05MCkiPiA8cGF0aCBkPSJNOC40ODUzIDAuNzA3MTA3TDcuNzc4MiAwTDQuMjQyNjMgMy41MzU1N0wwLjcwNzEwNyA0LjY1NTEyZS0wNUwwIDAuNzA3MTUzTDQuMjQyNjQgNC45NDk3OUw0Ljk0OTc1IDQuMjQyNjlMNC45NDk3NCA0LjI0MjY4TDguNDg1MyAwLjcwNzEwN1oiIGZpbGw9IiNmZmZmZmYiLz4gPC9zdmc+);
    background-position: calc(100% - 20px) center;
    padding: 10px 50px 10px 25px;
}
.blog-navigation-links > div > a:hover {
    color: #f85a00;
    background-color: #293044;
}
.blog-navigation-links > .blog-prev-link > a:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ic3ZnIiB2aWV3Qm94PSIwIDAgOSA1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHRyYW5zZm9ybT0icm90YXRlKC0yNzApIj4gPHBhdGggZD0iTTguNDg1MyAwLjcwNzEwN0w3Ljc3ODIgMEw0LjI0MjYzIDMuNTM1NTdMMC43MDcxMDcgNC42NTUxMmUtMDVMMCAwLjcwNzE1M0w0LjI0MjY0IDQuOTQ5NzlMNC45NDk3NSA0LjI0MjY5TDQuOTQ5NzQgNC4yNDI2OEw4LjQ4NTMgMC43MDcxMDdaIiBmaWxsPSIjZjg1YTAwIi8+IDwvc3ZnPg==);
}
.blog-navigation-links > .blog-next-link > a:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ic3ZnIiB2aWV3Qm94PSIwIDAgOSA1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHRyYW5zZm9ybT0icm90YXRlKC05MCkiPiA8cGF0aCBkPSJNOC40ODUzIDAuNzA3MTA3TDcuNzc4MiAwTDQuMjQyNjMgMy41MzU1N0wwLjcwNzEwNyA0LjY1NTEyZS0wNUwwIDAuNzA3MTUzTDQuMjQyNjQgNC45NDk3OUw0Ljk0OTc1IDQuMjQyNjlMNC45NDk3NCA0LjI0MjY4TDguNDg1MyAwLjcwNzEwN1oiIGZpbGw9IiNmODVhMDAiLz4gPC9zdmc+);
}

.index-works__prices {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

.index-works__prices .h2 {
    font-size: 24px;
    margin-bottom: 16px;
    margin-top: 20px;
}

.index-works__prices p {
    margin-bottom: 8px;
}

.index-works__prices ul li,
.index-works__prices ul {
    list-style: initial;
}

.index-works__prices ul {
    margin-bottom: 8px;
    padding-left: 16px;
}

.index-works__prices .small {
    font-size: 12px;
}

.index-works__prices strong {
    font-weight: 600;
}

.index-works__prices .table-responsive {
    width: 100%;
    overflow-x: auto;
    background: #f4f5f6;
    padding: 16px;
}

.index-works__prices table {
    background: #f4f5f6;
    border-collapse: collapse;
    border: none;
    text-align: center;
}

.index-works__prices td {
    border: none;
}

.index-works__prices tr:nth-child(even) {
    background: #fff;
}


@media screen and (max-width: 992px) {
    .index-works__prices {
        width: 100%;
        margin: 35px auto 0;
        font-size: 14px;
    }
}


@media (max-width: 479px) {
    .blog-navigation-links {
        column-gap: 10px;
    }
    .blog-navigation-links > .blog-prev-link > a {
        background-position: 7px center;
        padding: 10px 10px 10px 25px;
    }
    .blog-navigation-links > .blog-next-link > a {
        background-position: calc(100% - 7px) center;
        padding: 10px 25px 10px 10px;
    }
}
@media (max-width: 374px) {
    .blog-navigation-links > div {
        width: calc(50% - 5px);
    }
    .blog-navigation-links > div > a {
        min-width: unset;
    }
    .blog-navigation-links > .blog-prev-link > a {
        padding-left: 40px;
    }
    .blog-navigation-links > .blog-next-link > a {
        padding-right: 50px;
    }
}



/*
@font-face {
    font-family: Montserrat;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/montserratRegular/montserratRegular.eot);
    src: url(../fonts/montserratRegular/montserratRegular.eot?#iefix) format("embedded-opentype"), url(../fonts/montserratRegular/montserratRegular.woff) format("woff"), url(../fonts/montserratRegular/montserratRegular.ttf) format("truetype");
    font-display: swap;
}

@font-face {
    font-family: Montserrat;
    font-weight: 600;
    font-style: normal;
    font-swap: swap;
    src: url(../fonts/montserratSemiBold/Montserrat-SemiBold.eot);
    src: url(../fonts/montserratSemiBold/Montserrat-SemiBold.eot?#iefix) format("embedded-opentype"), url(../fonts/montserratSemiBold/Montserrat-SemiBold.woff) format("woff"), url(../fonts/montserratSemiBold/Montserrat-SemiBold.ttf) format("truetype");
    font-display: swap;
}

@font-face {
    font-family: Montserrat;
    font-weight: 900;
    font-style: normal;
    src: url(../fonts/montserratBlack/montserratBlack.eot);
    src: url(../fonts/montserratBlack/montserratBlack.eot?#iefix) format("embedded-opentype"), url(../fonts/montserratBlack/montserratBlack.woff) format("woff"), url(../fonts/montserratBlack/montserratBlack.ttf) format("truetype");
    font-display: swap;
}
*/