/*
Theme Name: Combytech
*/
@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
@font-face {
    font-family: "Geometria-Regular";
    font-weight: 400;
    font-style: normal;
    src: url("assets/fonts/Geometria-Regular/Geometria-Regular.woff2") format("woff2");
    src: url("assets/fonts/Geometria-Regular/Geometria-Regular.woff") format("woff");
    src: url("assets/fonts/Geometria-Regular/Geometria-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Geometria-Bold";
    font-weight: 700;
    font-style: normal;
    src: url("assets/fonts/Geometria-Bold/Geometria-Bold.woff2") format("woff2");
    src: url("assets/fonts/Geometria-Bold/Geometria-Bold.woff") format("woff");
    src: url("assets/fonts/Geometria-Bold/Geometria-Bold.ttf") format("truetype");
}
@font-face {
    font-family: "FFGoodPro-Bold";
    font-weight: 700;
    font-style: normal;
    src: url("assets/fonts/FFGoodPro-Bold/FFGoodPro-Bold.woff2") format("woff2");
    src: url("assets/fonts/FFGoodPro-Bold/FFGoodPro-Bold.woff") format("woff");
    src: url("assets/fonts/FFGoodPro-Bold/FFGoodPro-Bold.ttf") format("truetype");
}
@font-face {
    font-family: "Roboto-Regular";
    font-weight: 400;
    font-style: normal;
    /*src: url("assets/fonts/Roboto-Regular/Roboto-Regular.woff2") format("woff2");*/
    /*src: url("assets/fonts/Roboto-Regular/Roboto-Regular.woff") format("woff");*/
    src: url("assets/fonts/Roboto-Regular/Roboto-Regular.ttf") format("truetype");
}
/*==========  Desktop First  ==========*/
.map-company, #mapDiv {
    font-family: "Roboto", sans-serif;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

*:hover,
*:focus {
    outline: 0;
}

html,
body {
    height: 100%;
}

body {
    min-width: 320px;
    position: relative;
    font-family: "Geometria-Regular", sans-serif;
    font-size: 16px;
    line-height: 1.4;
    overflow-x: hidden;
    min-height: 100vh;
    color: #172B3B;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    overflow-anchor: none;
    background: #ffffff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.video-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
}

#myVideo {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.content {
    position: relative;
    z-index: 1;
}

input,
button,
textarea,
select {
    font: inherit;
}

::-webkit-input-placeholder {
    color: #2f93bb;
}

::-moz-placeholder {
    color: #2f93bb;
}

:-ms-input-placeholder {
    color: #2f93bb;
}

::-ms-input-placeholder {
    color: #2f93bb;
}

::placeholder {
    color: #2f93bb;
}

.site-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
    position: relative;
}

.container {
    width: 100%;
    max-width: 1340px;
    margin: 0 auto;
    padding: 0 20px;
}
@media (max-width: 576px) {
    .container {
        padding: 0 15px;
    }
}

.header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-height: calc(100% - 168px);
    background-color: #efefef;
}

.footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

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

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

b, strong {
    font-weight: bold;
}

ul,
li,
ol {
    padding: 0;
    margin: 0;
    list-style: none;
}

a {
    color: #172B3B;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
a[href^="javascript:void(0)"] {
    cursor: default;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Geometria-Bold", sans-serif;
    font-weight: 700;
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 33px;
    line-height: 1.2;
    color: #212121;
}
@media (max-width: 576px) {
    h1 {
        font-size: 26px;
    }
}

h2 {
    font-size: 30px;
    line-height: 1.2;
}
@media (max-width: 576px) {
    h2 {
        font-size: 22px;
    }
}

p {
    font-family: "Geometria-Regular", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #172B3B;
    margin-bottom: 10px;
}
p.text-bold, p strong {
    font-family: "Geometria-Bold", sans-serif;
    font-weight: 700;
}
p:last-child, p:only-child {
    margin-bottom: 0;
}

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

.desc-block.tab-none {
    display: block !important;
}
@media (max-width: 769px) {
    .desc-block.tab-none {
        display: none !important;
    }
}

.desc-flex.tab-none {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
@media (max-width: 769px) {
    .desc-flex.tab-none {
        display: none !important;
    }
}

.desc-flex.tab-none {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
@media (max-width: 769px) {
    .desc-flex.tab-none {
        display: none !important;
    }
}

.desc-none.tab-flex {
    display: none !important;
}
@media (max-width: 769px) {
    .desc-none.tab-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
}

.tag-editor {
    width: 30%;
    min-height: 150px;
}

.btn-reset {
    border: none;
    padding: 0;
    background: 0 0;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
}

.btn-accent-link {
    display: block;
    font-family: "Geometria-Bold", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    margin: 20px auto;
    color: #2f93bb;
    border: 2px solid #2f93bb;
    border-radius: 2px;
    padding: 16px 30px;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
    max-width: -webkit-min-content;
    max-width: -moz-min-content;
    max-width: min-content;
    white-space: nowrap;
}
.btn-accent-link:hover, .btn-accent-link:focus {
    color: #ffffff;
    background: #2f93bb;
    border: 2px solid #2f93bb;
}

.btn-light__about {
    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;
    font-family: "Geometria-Bold", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
    color: #ffffff;
    background: #2f93bb;
    border: 0;
    border-radius: 2px;
    padding: 16px 40px;
    white-space: nowrap;
    -webkit-transform: translateY(calc(var(--y, 0) * 1%)) scale(var(--scale));
    -ms-transform: translateY(calc(var(--y, 0) * 1%)) scale(var(--scale));
    transform: translateY(calc(var(--y, 0) * 1%)) scale(var(--scale));
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    -o-transition: transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    position: relative;
}

.about-inner .btn-light__about {
    max-width: 420px;
    width: 100%;
    height: 54px;
}

.btn-light__about:hover, .btn-light__about:focus {
    --y: -10;
    --scale: 1.1;
    --border-scale: 1;
}
.btn-light__about:active {
    --y: 5%;
    --scale: 0.9;
    --border-scale: 0.9, 0.8;
}
.btn-light__about:before {
    content: "";
    position: absolute;
    inset: -1rem;
    border: 0.3rem solid #fafafa;
    -webkit-transform: scale(var(--border-scale, 0));
    -ms-transform: scale(var(--border-scale, 0));
    transform: scale(var(--border-scale, 0));
    -webkit-transition: -webkit-transform 0.225s;
    transition: -webkit-transform 0.225s;
    -o-transition: transform 0.225s;
    transition: transform 0.225s;
    transition: transform 0.225s, -webkit-transform 0.225s;
    --angle-one: 105deg;
    --angle-two: 290deg;
    --spread-one: 30deg;
    --spread-two: 40deg;
    --start-one: calc(var(--angle-one) - (var(--spread-one) * 0.5));
    --start-two: calc(var(--angle-two) - (var(--spread-two) * 0.5));
    --end-one: calc(var(--angle-one) + (var(--spread-one) * 0.5));
    --end-two: calc(var(--angle-two) + (var(--spread-two) * 0.5));
    -webkit-mask: conic-gradient(transparent 0 var(--start-one), white var(--start-one) var(--end-one), transparent var(--end-one) var(--start-two), white var(--start-two) var(--end-two), transparent var(--end-two));
    mask: conic-gradient(transparent 0 var(--start-one), white var(--start-one) var(--end-one), transparent var(--end-one) var(--start-two), white var(--start-two) var(--end-two), transparent var(--end-two));
    z-index: -1;
}

/* Сетка */
.row {
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.33%;
}

.col-6 {
    width: 50%;
}

.col-9 {
    width: 75%;
}

.col-12 {
    width: 100%;
}

/* Адаптивная версия */
/* lg */
@media screen and (max-width: 1025px) {
    .col-lg-4 {
        width: 33.33%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-12 {
        width: 100%;
    }

    .about-company img {
        float: none;
    }

    .to-order-card-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .contacts-card {
        margin-right: 10px;
        padding: 10px;
    }

    .contacts-card img {
        width: 80px;
    }

    .contacts-block {
        padding-right: 0;
    }

    .detail-description {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
}
/* md */
@media screen and (max-width: 825px) {
    .detail .name {
        width: 120px;
        height: 120px;
        font-weight: bold;
        font-size: 12px;
    }
}
/* sm */
@media screen and (max-width: 416px) {
    .col-sm-12 {
        width: 100%;
    }

    .pagination button {
        padding: 8px;
    }

    .contacts-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .contacts-card {
        width: 100%;
    }

    .policy h2 {
        font-size: 16px;
    }

    .to-order-form input:not([type=submit]) {
        width: 100%;
    }

    .to-order-card-inner img {
        margin-right: 0;
    }

    .btn {
        margin: 5px 0;
    }

    .detail-gallery {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .about {
        padding-bottom: 20px;
    }

    .offer-inner h2,
    .popular-title h2 {
        text-align: center;
    }

    .details {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .offer {
        padding-bottom: 20px;
    }
}
/* Wordpress */
.header-item {
    display: inline !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#preloader_preload {
    display: block;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #172B3B;
    overflow: hidden;
}

.visible-pre {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 1.5s linear;
    -o-transition: opacity 1.5s linear;
    transition: opacity 1.5s linear;
}

.hidden-pre {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s 1.5s, opacity 1.5s linear;
    -o-transition: visibility 0s 1.5s, opacity 1.5s linear;
    transition: visibility 0s 1.5s, opacity 1.5s linear;
}

:root {
    --background: #172B3B;
}

.loader {
    --duration: 3s;
    --primary: #2f93bb;
    --primary-light:#5cbae0;
    --primary-rgba: rgba(39, 94, 254, 0);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 200px;
    height: 320px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    margin: auto;
}

@media (max-width: 480px) {
    .loader {
        zoom: 0.44;
    }
}
.loader:before, .loader:after {
    --r: 20.5deg;
    content: "";
    width: 320px;
    height: 140px;
    position: absolute;
    right: 32%;
    bottom: -11px;
    background: var(--background);
    -webkit-transform: translateZ(200px) rotate(var(--r));
    transform: translateZ(200px) rotate(var(--r));
    -webkit-animation: mask var(--duration) linear forwards infinite;
    animation: mask var(--duration) linear forwards infinite;
}

.loader:after {
    --r: -20.5deg;
    right: auto;
    left: 32%;
}

.loader .ground {
    position: absolute;
    left: -50px;
    bottom: -120px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
}

.loader .ground div {
    -webkit-transform: rotateX(90deg) rotateY(0deg) translate(-48px, -120px) translateZ(100px) scale(0);
    transform: rotateX(90deg) rotateY(0deg) translate(-48px, -120px) translateZ(100px) scale(0);
    width: 200px;
    height: 200px;
    background: var(--primary);
    background: -o-linear-gradient(45deg, var(--primary) 0%, var(--primary) 50%, var(--primary-light) 50%, var(--primary-light) 100%);
    background: linear-gradient(45deg, var(--primary) 0%, var(--primary) 50%, var(--primary-light) 50%, var(--primary-light) 100%);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-animation: ground var(--duration) linear forwards infinite;
    animation: ground var(--duration) linear forwards infinite;
}

.loader .ground div:before, .loader .ground div:after {
    --rx: 90deg;
    --ry: 0deg;
    --x: 44px;
    --y: 162px;
    --z: -50px;
    content: "";
    width: 156px;
    height: 300px;
    opacity: 0;
    background: -o-linear-gradient(var(--primary), var(--primary-rgba));
    background: -webkit-gradient(linear, left top, left bottom, from(var(--primary)), to(var(--primary-rgba)));
    background: linear-gradient(var(--primary), var(--primary-rgba));
    position: absolute;
    -webkit-transform: rotateX(var(--rx)) rotateY(var(--ry)) translate(var(--x), var(--y)) translateZ(var(--z));
    transform: rotateX(var(--rx)) rotateY(var(--ry)) translate(var(--x), var(--y)) translateZ(var(--z));
    -webkit-animation: ground-shine var(--duration) linear forwards infinite;
    animation: ground-shine var(--duration) linear forwards infinite;
}

.loader .ground div:after {
    --rx: 90deg;
    --ry: 90deg;
    --x: 0;
    --y: 177px;
    --z: 150px;
}

.loader .box {
    --x: 0;
    --y: 0;
    position: absolute;
    -webkit-animation: var(--duration) linear forwards infinite;
    animation: var(--duration) linear forwards infinite;
    -webkit-transform: translate(var(--x), var(--y));
    -ms-transform: translate(var(--x), var(--y));
    transform: translate(var(--x), var(--y));
}

.loader .box div {
    background-color: var(--primary);
    width: 48px;
    height: 48px;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-animation: var(--duration) ease forwards infinite;
    animation: var(--duration) ease forwards infinite;
    -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
    transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
}

.loader .box div:before, .loader .box div:after {
    --rx: 90deg;
    --ry: 0deg;
    --z: 24px;
    --y: -24px;
    --x: 0;
    content: "";
    position: absolute;
    background-color: inherit;
    width: inherit;
    height: inherit;
    -webkit-transform: rotateX(var(--rx)) rotateY(var(--ry)) translate(var(--x), var(--y)) translateZ(var(--z));
    transform: rotateX(var(--rx)) rotateY(var(--ry)) translate(var(--x), var(--y)) translateZ(var(--z));
    -webkit-filter: brightness(var(--b, 1.2));
    filter: brightness(var(--b, 1.2));
}

.loader .box div:after {
    --rx: 0deg;
    --ry: 90deg;
    --x: 24px;
    --y: 0;
    --b: 1.4;
}

.loader .box.box0 {
    --x: -220px;
    --y: -120px;
    left: 58px;
    top: 108px;
}

.loader .box.box1 {
    --x: -260px;
    --y: 120px;
    left: 25px;
    top: 120px;
}

.loader .box.box2 {
    --x: 120px;
    --y: -190px;
    left: 58px;
    top: 64px;
}

.loader .box.box3 {
    --x: 280px;
    --y: -40px;
    left: 91px;
    top: 120px;
}

.loader .box.box4 {
    --x: 60px;
    --y: 200px;
    left: 58px;
    top: 132px;
}

.loader .box.box5 {
    --x: -220px;
    --y: -120px;
    left: 25px;
    top: 76px;
}

.loader .box.box6 {
    --x: -260px;
    --y: 120px;
    left: 91px;
    top: 76px;
}

.loader .box.box7 {
    --x: -240px;
    --y: 200px;
    left: 58px;
    top: 87px;
}

.loader .box0 {
    -webkit-animation-name: box-move0;
    animation-name: box-move0;
}

.loader .box0 div {
    -webkit-animation-name: box-scale0;
    animation-name: box-scale0;
}

.loader .box1 {
    -webkit-animation-name: box-move1;
    animation-name: box-move1;
}

.loader .box1 div {
    -webkit-animation-name: box-scale1;
    animation-name: box-scale1;
}

.loader .box2 {
    -webkit-animation-name: box-move2;
    animation-name: box-move2;
}

.loader .box2 div {
    -webkit-animation-name: box-scale2;
    animation-name: box-scale2;
}

.loader .box3 {
    -webkit-animation-name: box-move3;
    animation-name: box-move3;
}

.loader .box3 div {
    -webkit-animation-name: box-scale3;
    animation-name: box-scale3;
}

.loader .box4 {
    -webkit-animation-name: box-move4;
    animation-name: box-move4;
}

.loader .box4 div {
    -webkit-animation-name: box-scale4;
    animation-name: box-scale4;
}

.loader .box5 {
    -webkit-animation-name: box-move5;
    animation-name: box-move5;
}

.loader .box5 div {
    -webkit-animation-name: box-scale5;
    animation-name: box-scale5;
}

.loader .box6 {
    -webkit-animation-name: box-move6;
    animation-name: box-move6;
}

.loader .box6 div {
    -webkit-animation-name: box-scale6;
    animation-name: box-scale6;
}

.loader .box7 {
    -webkit-animation-name: box-move7;
    animation-name: box-move7;
}

.loader .box7 div {
    -webkit-animation-name: box-scale7;
    animation-name: box-scale7;
}

@-webkit-keyframes box-move0 {
    12% {
        -webkit-transform: translate(var(--x), var(--y));
        transform: translate(var(--x), var(--y));
    }
    25%, 52% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    80% {
        -webkit-transform: translate(0, -32px);
        transform: translate(0, -32px);
    }
    90%, 100% {
        -webkit-transform: translate(0, 188px);
        transform: translate(0, 188px);
    }
}
@keyframes box-move0 {
    12% {
        -webkit-transform: translate(var(--x), var(--y));
        transform: translate(var(--x), var(--y));
    }
    25%, 52% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    80% {
        -webkit-transform: translate(0, -32px);
        transform: translate(0, -32px);
    }
    90%, 100% {
        -webkit-transform: translate(0, 188px);
        transform: translate(0, 188px);
    }
}
@-webkit-keyframes box-scale0 {
    6% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
    }
    14%, 100% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
    }
}
@keyframes box-scale0 {
    6% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
    }
    14%, 100% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
    }
}
@-webkit-keyframes box-move1 {
    16% {
        -webkit-transform: translate(var(--x), var(--y));
        transform: translate(var(--x), var(--y));
    }
    29%, 52% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    80% {
        -webkit-transform: translate(0, -32px);
        transform: translate(0, -32px);
    }
    90%, 100% {
        -webkit-transform: translate(0, 188px);
        transform: translate(0, 188px);
    }
}
@keyframes box-move1 {
    16% {
        -webkit-transform: translate(var(--x), var(--y));
        transform: translate(var(--x), var(--y));
    }
    29%, 52% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    80% {
        -webkit-transform: translate(0, -32px);
        transform: translate(0, -32px);
    }
    90%, 100% {
        -webkit-transform: translate(0, 188px);
        transform: translate(0, 188px);
    }
}
@-webkit-keyframes box-scale1 {
    10% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
    }
    18%, 100% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
    }
}
@keyframes box-scale1 {
    10% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
    }
    18%, 100% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
    }
}
@-webkit-keyframes box-move2 {
    20% {
        -webkit-transform: translate(var(--x), var(--y));
        transform: translate(var(--x), var(--y));
    }
    33%, 52% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    80% {
        -webkit-transform: translate(0, -32px);
        transform: translate(0, -32px);
    }
    90%, 100% {
        -webkit-transform: translate(0, 188px);
        transform: translate(0, 188px);
    }
}
@keyframes box-move2 {
    20% {
        -webkit-transform: translate(var(--x), var(--y));
        transform: translate(var(--x), var(--y));
    }
    33%, 52% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    80% {
        -webkit-transform: translate(0, -32px);
        transform: translate(0, -32px);
    }
    90%, 100% {
        -webkit-transform: translate(0, 188px);
        transform: translate(0, 188px);
    }
}
@-webkit-keyframes box-scale2 {
    14% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
    }
    22%, 100% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
    }
}
@keyframes box-scale2 {
    14% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
    }
    22%, 100% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
    }
}
@-webkit-keyframes box-move3 {
    24% {
        -webkit-transform: translate(var(--x), var(--y));
        transform: translate(var(--x), var(--y));
    }
    37%, 52% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    80% {
        -webkit-transform: translate(0, -32px);
        transform: translate(0, -32px);
    }
    90%, 100% {
        -webkit-transform: translate(0, 188px);
        transform: translate(0, 188px);
    }
}
@keyframes box-move3 {
    24% {
        -webkit-transform: translate(var(--x), var(--y));
        transform: translate(var(--x), var(--y));
    }
    37%, 52% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    80% {
        -webkit-transform: translate(0, -32px);
        transform: translate(0, -32px);
    }
    90%, 100% {
        -webkit-transform: translate(0, 188px);
        transform: translate(0, 188px);
    }
}
@-webkit-keyframes box-scale3 {
    18% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
    }
    26%, 100% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
    }
}
@keyframes box-scale3 {
    18% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
    }
    26%, 100% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
    }
}
@-webkit-keyframes box-move4 {
    28% {
        -webkit-transform: translate(var(--x), var(--y));
        transform: translate(var(--x), var(--y));
    }
    41%, 52% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    80% {
        -webkit-transform: translate(0, -32px);
        transform: translate(0, -32px);
    }
    90%, 100% {
        -webkit-transform: translate(0, 188px);
        transform: translate(0, 188px);
    }
}
@keyframes box-move4 {
    28% {
        -webkit-transform: translate(var(--x), var(--y));
        transform: translate(var(--x), var(--y));
    }
    41%, 52% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    80% {
        -webkit-transform: translate(0, -32px);
        transform: translate(0, -32px);
    }
    90%, 100% {
        -webkit-transform: translate(0, 188px);
        transform: translate(0, 188px);
    }
}
@-webkit-keyframes box-scale4 {
    22% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
    }
    30%, 100% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
    }
}
@keyframes box-scale4 {
    22% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
    }
    30%, 100% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
    }
}
@-webkit-keyframes box-move5 {
    32% {
        -webkit-transform: translate(var(--x), var(--y));
        transform: translate(var(--x), var(--y));
    }
    45%, 52% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    80% {
        -webkit-transform: translate(0, -32px);
        transform: translate(0, -32px);
    }
    90%, 100% {
        -webkit-transform: translate(0, 188px);
        transform: translate(0, 188px);
    }
}
@keyframes box-move5 {
    32% {
        -webkit-transform: translate(var(--x), var(--y));
        transform: translate(var(--x), var(--y));
    }
    45%, 52% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    80% {
        -webkit-transform: translate(0, -32px);
        transform: translate(0, -32px);
    }
    90%, 100% {
        -webkit-transform: translate(0, 188px);
        transform: translate(0, 188px);
    }
}
@-webkit-keyframes box-scale5 {
    26% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
    }
    34%, 100% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
    }
}
@keyframes box-scale5 {
    26% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
    }
    34%, 100% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
    }
}
@-webkit-keyframes box-move6 {
    36% {
        -webkit-transform: translate(var(--x), var(--y));
        transform: translate(var(--x), var(--y));
    }
    49%, 52% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    80% {
        -webkit-transform: translate(0, -32px);
        transform: translate(0, -32px);
    }
    90%, 100% {
        -webkit-transform: translate(0, 188px);
        transform: translate(0, 188px);
    }
}
@keyframes box-move6 {
    36% {
        -webkit-transform: translate(var(--x), var(--y));
        transform: translate(var(--x), var(--y));
    }
    49%, 52% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    80% {
        -webkit-transform: translate(0, -32px);
        transform: translate(0, -32px);
    }
    90%, 100% {
        -webkit-transform: translate(0, 188px);
        transform: translate(0, 188px);
    }
}
@-webkit-keyframes box-scale6 {
    30% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
    }
    38%, 100% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
    }
}
@keyframes box-scale6 {
    30% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
    }
    38%, 100% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
    }
}
@-webkit-keyframes box-move7 {
    40% {
        -webkit-transform: translate(var(--x), var(--y));
        transform: translate(var(--x), var(--y));
    }
    53%, 52% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    80% {
        -webkit-transform: translate(0, -32px);
        transform: translate(0, -32px);
    }
    90%, 100% {
        -webkit-transform: translate(0, 188px);
        transform: translate(0, 188px);
    }
}
@keyframes box-move7 {
    40% {
        -webkit-transform: translate(var(--x), var(--y));
        transform: translate(var(--x), var(--y));
    }
    53%, 52% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    80% {
        -webkit-transform: translate(0, -32px);
        transform: translate(0, -32px);
    }
    90%, 100% {
        -webkit-transform: translate(0, 188px);
        transform: translate(0, 188px);
    }
}
@-webkit-keyframes box-scale7 {
    34% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
    }
    42%, 100% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
    }
}
@keyframes box-scale7 {
    34% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(0);
    }
    42%, 100% {
        -webkit-transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
        transform: rotateY(-47deg) rotateX(-15deg) rotateZ(15deg) scale(1);
    }
}
@-webkit-keyframes ground {
    0%, 65% {
        -webkit-transform: rotateX(90deg) rotateY(0deg) translate(-48px, -120px) translateZ(100px) scale(0);
        transform: rotateX(90deg) rotateY(0deg) translate(-48px, -120px) translateZ(100px) scale(0);
    }
    75%, 90% {
        -webkit-transform: rotateX(90deg) rotateY(0deg) translate(-48px, -120px) translateZ(100px) scale(1);
        transform: rotateX(90deg) rotateY(0deg) translate(-48px, -120px) translateZ(100px) scale(1);
    }
    100% {
        -webkit-transform: rotateX(90deg) rotateY(0deg) translate(-48px, -120px) translateZ(100px) scale(0);
        transform: rotateX(90deg) rotateY(0deg) translate(-48px, -120px) translateZ(100px) scale(0);
    }
}
@keyframes ground {
    0%, 65% {
        -webkit-transform: rotateX(90deg) rotateY(0deg) translate(-48px, -120px) translateZ(100px) scale(0);
        transform: rotateX(90deg) rotateY(0deg) translate(-48px, -120px) translateZ(100px) scale(0);
    }
    75%, 90% {
        -webkit-transform: rotateX(90deg) rotateY(0deg) translate(-48px, -120px) translateZ(100px) scale(1);
        transform: rotateX(90deg) rotateY(0deg) translate(-48px, -120px) translateZ(100px) scale(1);
    }
    100% {
        -webkit-transform: rotateX(90deg) rotateY(0deg) translate(-48px, -120px) translateZ(100px) scale(0);
        transform: rotateX(90deg) rotateY(0deg) translate(-48px, -120px) translateZ(100px) scale(0);
    }
}
@-webkit-keyframes ground-shine {
    0%, 70% {
        opacity: 0;
    }
    75%, 87% {
        opacity: 0.2;
    }
    100% {
        opacity: 0;
    }
}
@keyframes ground-shine {
    0%, 70% {
        opacity: 0;
    }
    75%, 87% {
        opacity: 0.2;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes mask {
    0%, 65% {
        opacity: 0;
    }
    66%, 100% {
        opacity: 1;
    }
}
@keyframes mask {
    0%, 65% {
        opacity: 0;
    }
    66%, 100% {
        opacity: 1;
    }
}
body {
    background: var(--background);
}

small {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 50%;
    font-family: Arial;
    max-width: 320px;
    font-size: 12px;
    line-height: 19px;
    z-index: 1;
    color: #6C7486;
}

@media (min-width: 481px) {
    small {
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center;
    }
}
@media (max-width: 480px) {
    small {
        left: 20px;
        right: 112px;
        font-size: 10px;
        line-height: 17px;
        -webkit-transform: translateZ(400px);
        transform: translateZ(400px);
    }
}
body .dribbble {
    position: fixed;
    display: block;
    right: 24px;
    bottom: 24px;
}

body .dribbble img {
    display: block;
    width: 76px;
}

/*
Theme Name: Combytech
*/
.header {
    width: 100%;
    /*position: absolute;*/
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    padding: 15px 0;
    background-color: #172B3B;
    border-bottom: 1px solid #172B3B;
    z-index: 15;
    -webkit-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}
/*.header.header--fixed {*/
/*    position: fixed;*/
/*}*/
.header .header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    position: relative;
    z-index: 100;
    width: inherit;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.custom-logo-link .custom-logo {
        width: 210px;
    }
@media (max-width: 576px) {
    .header .header__logo {
        margin-left: 10px;
    }
}
.header .header__logo img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 576px) {
    .header .header__logo img {
        width: 46px;
        height: 46px;
    }
}
.header .header__logo p {
    font-family: "Geometria-Bold", sans-serif;
    font-size: 23px;
    line-height: 1;
    font-weight: 700;
    color: #48a3c7;
    margin-bottom: 0;
}
@media (max-width: 576px) {
    .header .header__logo p {
        font-size: 21px;
    }
}
@media (max-width: 576px) {
    .header {
        padding: 16px 0 18px;
    }
    .footer__address address {
        text-align: center;
    }
}
.header__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.header__contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
    margin-left: 45px;
}
@media (max-width: 1280px) {
    .header__contact {
        margin-left: 0;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
}
@media (max-width: 1200px) {
    .header__contact {
        row-gap: 13px;
    }
}
.header__contact-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    font-size: 14px;
    line-height: 1.2;
    color: #ffffff;
    white-space: nowrap;
    text-transform: uppercase;
}
@media (max-width: 1200px) {
    .header__contact-link {
        padding: 4px 0 3px;
        font-size: 16px;
    }
}
.header__contact-link.contact-phone {
    font-family: "Geometria-Bold", sans-serif;
    font-size: 16px;
}
/*.header__contact-link.contact-mail {*/
/*    display: none;*/
/*}*/
@media (max-width: 1200px) {
    .header__contact-link.contact-mail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.custom-logo-link {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.burger {
    position: relative;
    width: 28px;
    height: 24px;
    display: none;
    margin-right: 15px;
    border: none;
    padding: 0;
    background-color: transparent;
    padding: 15px 0;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    cursor: pointer;
}
@media (max-width: 576px) {
    .burger {
        margin-right: 10px;
    }
}
.burger__line {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background: #ffffff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.burger::before, .burger::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background: #ffffff;
    -webkit-transition: top 0.3s ease-in-out, bottom 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: top 0.3s ease-in-out, bottom 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.burger::before {
    top: 3px;
}
.burger::after {
    bottom: 3px;
}
.burger--active {
    position: absolute;
    right: 25px;
    top: 23px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    margin-right: auto;
}
.burger--active .burger__line {
    display: none;
}
.burger--active::before {
    width: 28px;
    -webkit-transition: position 1s ease-in-out, top 0.6s ease-in-out, right 0.6s ease-in-out;
    -o-transition: position 1s ease-in-out, top 0.6s ease-in-out, right 0.6s ease-in-out;
    transition: position 1s ease-in-out, top 0.6s ease-in-out, right 0.6s ease-in-out;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 14px;
    opacity: 1;
}
.burger--active::after {
    -webkit-transition: position 1s ease-in-out, top 0.6s ease-in-out, bottom 0.6s ease-in-out;
    -o-transition: position 1s ease-in-out, top 0.6s ease-in-out, bottom 0.6s ease-in-out;
    transition: position 1s ease-in-out, top 0.6s ease-in-out, bottom 0.6s ease-in-out;
    width: 28px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: 14px;
    opacity: 1;
}
@media (max-width: 1200px) {
    .burger {
        display: block;
        z-index: 50;
    }
}

.stop-scroll {
    overflow: hidden;
}

/* На заказ */
.to-order {
    background-color: #eee;
    padding: 80px 0;
}
.to-order-card h2 {
    text-align: center;
    text-transform: uppercase;
}
.to-order-card-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.to-order-card-inner img {
    width: 100%;
    max-width: 350px;
    height: auto;
    margin-right: 30px;
}
.to-order-text p {
    line-height: 26px;
}
.to-order-text p:last-child {
    color: var(--text-accent);
}
.to-order-form {
    text-align: center;
}
.to-order-form h3 {
    margin: 50px 0 20px;
    color: var(--text-accent);
    text-transform: uppercase;
}
.to-order-form input:not([type=submit]) {
    display: block;
    border: none;
    width: 320px;
    height: 40px;
    padding: 10px;
    margin: 0 auto 15px;
}
.to-order-form input.btn[type=submit] {
    display: block;
    margin: 0 auto;
}

.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
     -webkit-column-gap: 50px;
        -moz-column-gap: 50px;
        column-gap: 50px;
    row-gap: 5px;
    width: 100%;
}

.nav nav, .nav .header-address {
    margin: 0 auto;
}
@media (max-width: 1200px) {
    .nav nav {
        margin: 0;
    }
    .nav .header-address {
        margin: 0;
    }
}
.nav__list {
    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;
    -webkit-column-gap: 38px;
    -moz-column-gap: 38px;
    column-gap: 38px;
}
@media (max-width: 1200px) {
    .nav__list {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 16px;
    }
}
.nav__list .nav__link, .nav__list a {
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 1.2;
    color: #ffffff;
    white-space: nowrap;
    text-transform: uppercase;
    padding: 5px 0;
}
.nav__list .nav__link:hover, .nav__list .nav__link:active, .nav__list a:hover, .nav__list a:active {
    color: #2f93bb;
}
@media (max-width: 1200px) {
    .nav__list .nav__link, .nav__list a {
        font-size: 16px;
    }
}
.nav__list .nav__link:before, .nav__list a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #2f93bb;
    -webkit-transition: width 0.35s;
    -o-transition: width 0.35s;
    transition: width 0.35s;
}
.nav__list .nav__link:hover:before, .nav__list a:hover:before {
    width: 100%;
}
.header-address address {
        font-size: 15px;
}
@media (max-width: 1200px) {
    .header {
        position: relative;
    }
    .nav {
        /*position: fixed;*/
        position: relative;
        right: 0;
        top: 0;
        z-index: 30;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        row-gap: 8px;
        overflow-y: auto;
        /*padding: 50px 25px;*/
        padding: 0;
        width: 100%;
        max-width: 100%;
        min-width: 320px;
        /*min-height: 300px;*/
        min-height: auto;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        background-color: #172B3B;
        /*left: -100%;*/
        left: 0;
        -webkit-transition: left 0.6s ease-in-out;
        -o-transition: left 0.6s ease-in-out;
        transition: left 0.6s ease-in-out;
    }
    .header__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        row-gap: 16px;
    }
    .footer__social-list a {
        padding: 1px 5px !important;
    }
    .header-address address {
        font-size: 15px;
    }
}
@media (max-width: 576px) {
    .nav {
        height: 100%;
    }
}
.nav--visible {
    left: 0;
}
@media (max-width: 1200px) {
    .nav--visible {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

/* Футер */
.footer {
    font-size: 13px;
    color: #ffffff;
    padding: 40px 0 30px;
    background: #172B3B;
}
.footer__container-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px 20px;
}
@media (max-width: 992px) {
    .footer__container-list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 40px 20px;
    }
}
.footer__container-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 20px;
}
.footer__container-item.footer-nav {
    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;
}
.footer__container-item ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 576px) {
    .footer__container-item ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 10px;
    }
}
.footer__container-item .nav__link, .footer__container-item a {
    font-size: 13px;
    padding: 5px 0;
    white-space: nowrap;
}
.footer__container-item .nav__link:hover, .footer__container-item a:hover {
    color: #2f93bb;
}
.footer__container-item .nav__link:before, .footer__container-item a:before {
    content: none;
}
.footer__address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 6px;
}
.footer__address p, .footer__address span, .footer__address address {
    color: #ffffff;
    opacity: 0.75;
    font-size: 14px;
}
.footer__address address {
    font-style: normal;
}
@media (max-width: 992px) {
    .footer__address {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.footer .footer__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    position: relative;
}
.footer .footer__logo p {
    font-family: "Geometria-Bold", sans-serif;
    font-size: 21px;
    line-height: 1.2;
    font-weight: 700;
    color: #48a3c7;
}
@media (max-width: 992px) {
    .footer .footer__logo {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.footer a {
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
}
.footer__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 20px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.footer__social .footer__contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: auto;
    row-gap: 6px;
}
@media (max-width: 992px) {
    .footer__social .footer__contact {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: 0;
    }
}
.footer__social .footer__contact a {
    font-size: 16px;
}
.footer__social-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.footer__social-list a {
    color: #ffffff;
    opacity: 0.8;
    padding: 5px;
}
.footer__social-list a:hover {
    color: #2f93bb;
}
.footer__social-list a svg {
    fill: currentColor;
}
@media (max-width: 992px) {
    .footer__social-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.footer__copyright {
    padding: 30px 0 0 0;
}
.footer__copyright-text {
    color: #ffffff;
    opacity: 0.6;
}
.footer__copyright-text a:hover {
    color: #58bed5;
}
.footer .accent-color {
    color: #ffffff;
}

.progress {
    position: fixed;
    right: 20px;
    bottom: 20px;
    padding: 4px 10px;
    font-size: 18px;
    z-index: 14;
    cursor: pointer;
    text-align: center;
}
@media (max-width: 576px) {
    .progress {
        right: 15px;
        bottom: 15px;
        padding: 5px;
    }
}
.progress-block {
    position: relative;
}
.progress-block .circle-grey {
    height: 49px;
    width: 49px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    background-color: #172B3B;
    border: 3px solid #d1d1d1;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.25s ease-in;
    -o-transition: 0.25s ease-in;
    transition: 0.25s ease-in;
}
.progress-block .circle-grey.active {
    opacity: 1;
    visibility: visible;
}
.progress__link {
    position: relative;
    height: 50px;
    width: 50px;
    display: block;
        cursor: pointer;
        pointer-events: all;
}
.progress__link-arrow {
    display: block;
    fill: #2f93bb;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 100;
    width: 23px;
    height: 23px;
    -webkit-transition: 0.25s ease-in;
    -o-transition: 0.25s ease-in;
    transition: 0.25s ease-in;
}
.progress__link-arrow.active {
    opacity: 1;
    visibility: visible;
}
.progress-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 100;
    pointer-events: none;
}
.progress-ring__circle {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: stroke-dashoffset 0.3s;
    -o-transition: stroke-dashoffset 0.3s;
    transition: stroke-dashoffset 0.3s;
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.45);
    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;
    height: 100vh;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.35s ease-in;
    -o-transition: all 0.35s ease-in;
    transition: all 0.35s ease-in;
    z-index: 55;
}
.modal-overlay--visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.35s ease-in;
    -o-transition: all 0.35s ease-in;
    transition: all 0.35s ease-in;
}
.modal-overlay--visible:hover .modal-close span {
    background-color: #2f93bb;
}

.modal {
    width: 100%;
    min-width: 240px;
    max-width: 650px;
    min-height: 250px;
    padding: 4.8em 2em;
    margin: 0 auto;
    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;
    display: none;
    z-index: 60;
    position: relative;
    background: #ffffff;
    border-radius: 9px;
}
@media (max-width: 992px) {
    .modal {
        width: calc(100% - 60px);
        min-height: inherit;
    }
}
@media (max-width: 576px) {
    .modal {
        width: calc(100% - 30px);
    }
}
.modal h4 {
    font-family: "Geometria-Regular", sans-serif;
    font-size: 32px;
    line-height: 1.15;
    color: #172B3B;
    text-align: center;
    letter-spacing: normal;
}
@media (max-width: 769px) {
    .modal h4 {
        font-size: 28px;
    }
}
@media (max-width: 576px) {
    .modal h4 {
        font-size: 25px;
    }
}

.modal--visible {
    display: block;
}
.modal--visible:hover .modal-close span {
    background-color: transparent;
}

.offer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px 0 50px;
    min-height: 480px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
@media (max-width: 769px) {
    .offer {
        min-height: 320px;
    }
}
.offer::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: -o-linear-gradient(left, rgba(13, 29, 42, 0.85) 0, rgba(23, 43, 59, 0.35) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(13, 29, 42, 0.85)), to(rgba(23, 43, 59, 0.35)));
    background: linear-gradient(90deg, rgba(13, 29, 42, 0.85) 0, rgba(23, 43, 59, 0.35) 100%);
}
.offer__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
}
@media (max-width: 769px) {
    .offer__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.offer__content {
    position: relative;
    z-index: 1;
    width: 55%;
    color: #ffffff;
}
@media (max-width: 992px) {
    .offer__content {
        width: 100%;
        padding: 0 15px;
    }
}
.offer__content h1 {
    font-family: "Geometria-Regular", sans-serif;
    font-weight: 400;
    color: #ffffff;
    font-size: 45px;
}
.offer__content h1 span {
    font-family: "Geometria-Bold", sans-serif;
    font-weight: 700;
}
@media (max-width: 992px) {
    .offer__content h1 {
        font-size: 40px;
    }
}
@media (max-width: 769px) {
    .offer__content h1 {
        font-size: 36px;
    }
}
@media (max-width: 576px) {
    .offer__content h1 {
        font-size: 22px;
        line-height: 1.35;
    }
}
.offer-inner {
    background-color: #eee;
    padding: 20px;
    position: relative;
    z-index: 1;
    width: 50%;
    display: none;
}
@media (max-width: 992px) {
    .offer-inner {
        width: 100%;
    }
}
.offer-inner h2 {
    color: var(--text-small);
    text-transform: uppercase;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.offer-inner h2:before, .offer-inner h2:after {
    display: block;
    content: "";
    width: 100px;
    height: 3px;
    background-color: #58bed5;
    margin: 20px 10px;
}
@media (max-width: 769px) {
    .offer-inner h2:before, .offer-inner h2:after {
        width: 70px;
    }
}
@media (max-width: 576px) {
    .offer-inner h2:before, .offer-inner h2:after {
        width: 35px;
    }
}
.offer-catalog_format {
    padding: 20px 0;
    border: 2px solid black;
}

/* О нас */
.about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 350px;
    color: #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 200px 0px;
    position: relative;
    z-index: 1;
}
.about:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: linear-gradient(90deg, #000, rgba(27, 27, 27, 0));
}
@media (max-width: 769px) {
    .about {
        padding: 70px 0px;
    }
}
@media (max-width: 576px) {
    .about {
        padding: 45px 0px;
    }
}
.about-inner {
        position: relative;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0px 15px;
    gap: 55px 38px;
}
@media (max-width: 992px) {
    .about-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 26px;
    }
}
.about-inner__text {
    width: 60%;
}
@media (max-width: 992px) {
    .about-inner__text {
        width: 100%;
    }
}
.about-inner h2 {
    line-height: 1.35;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.about-inner h2 span {
    color: #ffffff;
}
.about-inner p {
    color: #ffffff;
    font-size: 20px;
    line-height: 1.4;
}
.about-inner__btn {
    width: calc(40% - 40px);
}
@media (max-width: 992px) {
    .about-inner__btn {
        width: 100%;
    }
}

/* О компании */
.about-company {
    background-size: cover;
    padding: 80px 0;
}

.about-company img {
    float: left;
    width: 100%;
    max-width: 450px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.about-company h2 {
    text-transform: uppercase;
    font-size: 26px;
}

.about-company p {
    line-height: 26px;
}

.pasport {
    text-align: center;
    color: var(--text-light);
    background-size: cover;
    padding: 80px 0;
}

.pasport .btn {
    border-color: var(--text-light);
    color: var(--text-light);
}

.pasport .btn:hover {
    border-color: var(--text-accent);
}

.pasport h2 {
    text-transform: uppercase;
}

/* Наши преимущества*/
.advantages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #ffffff;
    background-color: #172B3B;
    font-size: 20px;
    padding: 45px 0px 90px;
}
@media (max-width: 769px) {
    .advantages {
        padding: 35px 0px 70px;
    }
}
@media (max-width: 576px) {
    .advantages {
        padding: 25px 0px 50px;
    }
}
.advantages-cards-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 50px 15px 0;
    row-gap: 20px;
}
.advantages-cards-inner img {
    width: 85px;
    height: auto;
    margin: 0 auto;
}
.advantages-cards h3 {
    text-transform: uppercase;
    color: var(--text-accent);
    font-size: 20px;
}
.advantages-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    row-gap: 15px;
    text-align: center;
    padding: 25px;
    width: 33.33%;
}
@media (max-width: 992px) {
    .advantages-card {
        width: 50%;
        padding: 15px 20px;
    }
    .advantages-cards-inner {
        padding: 30px 15px 0;
    }
    .advantages-cards h3 {
        font-size: 18px;
    }
}
@media (max-width: 576px) {
    .advantages-card {
        padding: 15px;
        width: 100%;
    }
    
    .about-inner h2 {
        font-size: 20px;
        line-height: 1.5;
        margin-bottom: 3px;
    }
    
    .custom-logo-link .custom-logo {
        width: 190px;
    }
    .advantages-cards-inner img {
        width: 80px;
    }
}
.advantages-card p {
    line-height: 22px;
    max-width: 330px;
    color: #ffffff;
}
.advantages h2 {
    text-transform: uppercase;
}

/* Популярные товары */
.popular {
    background-color: #172B3B;
    padding: 90px 0px 45px;
}
.popular-title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 30px;
}
.popular-title h2 {
    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;
    /*color: #212121;*/
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
}
/*.popular-title h2:before, .popular-title h2:after {*/
/*    display: block;*/
/*    content: "";*/
/*    width: 100px;*/
/*    height: 3px;*/
/*    background-color: #2f93bb;*/
/*    margin: 20px 10px;*/
/*}*/
/*@media (max-width: 769px) {*/
/*    .popular-title h2:before, .popular-title h2:after {*/
/*        width: 70px;*/
/*    }*/
/*}*/
/*@media (max-width: 576px) {*/
/*    .popular-title h2:before, .popular-title h2:after {*/
/*        width: 35px;*/
/*    }*/
/*}*/

.popular-goods {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin: 20px 0;
}

@media (max-width: 769px) {
    .popular-goods {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}
@media (max-width: 576px) {
    .popular-goods {
        grid-template-columns: 1fr;
        margin: 0 0 10px;
    }
}
.popular-goods .product {
    padding: 20px 20px 30px 20px;
    text-align: center;
    background-color: #598397;
    border-radius: 2px;
    -webkit-box-shadow: 0.2em 0.2em 1.2em rgba(33, 33, 33, 0.1);
    box-shadow: 0.2em 0.2em 1.2em rgba(33, 33, 33, 0.1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: -webkit-box-shadow 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.popular-goods .product img {
    width: 100%;
    height: 230px;
    -o-object-fit: cover;
    object-fit: cover;
}
.popular-goods .product h3 {
    font-size: 16px;
    letter-spacing: 0.01em;
    color: #ffffff;
    text-transform: uppercase;
    margin-top: 10px;
    /*margin-top: 15px;*/
}
.popular-goods .product .btn-accent-link {
    margin: 20px auto 10px;
}
.popular-goods .product:hover {
    -webkit-transform: scale(1.024);
    -ms-transform: scale(1.024);
    transform: scale(1.024);
    -webkit-box-shadow: 0.2em 0.2em 1.2em rgba(33, 33, 33, 0.28);
    box-shadow: 0.2em 0.2em 1.2em rgba(33, 33, 33, 0.28);
}


.contacts {
    padding: 90px 0px;
}
@media (max-width: 769px) {
    .popular {
        padding: 70px 0px 35px;
    }
    .contacts {
        padding: 70px 0px;
    }
}

@media (max-width: 576px) {
    .popular {
        padding: 50px 0px 25px;
    }
    .contacts {
        padding: 50px 0px;
    }
    .popular-goods .product {
        width: 100%;
        /*max-width: 300px;*/
        margin: 0 auto;
    }
}

.details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
    margin: 23px 0 30px;
}

.detail {
    text-align: center;
}
.detail a {
    font-family: "Geometria-Bold";
    cursor: pointer;
    display: block;
    margin: 20px 0;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--text-accent);
    border: 2px solid var(--text-accent);
    padding: 10px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.detail a:hover {
    color: var(--text-light);
    background-color: var(--text-accent);
}
.detail .name {
    text-transform: uppercase;
    color: var(--text-light);
    background-color: var(--text-small);
    width: 150px;
    height: 150px;
    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;
    background-position: center;
}

.offer .btn {
    display: block;
    max-width: 300px;
    margin: 30px auto;
}

@media (max-width: 769px) {
    .values-page .breadcrumbs__title h1 {
        max-width: 63%;
    }
}
@media (max-width: 576px) {
    .values__container {
        margin-left: -20px;
        margin-right: -20px;
    }
}
.values__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 96px;
}
@media (max-width: 769px) {
    .values__list {
        gap: 96px;
    }
}
@media (max-width: 576px) {
    .values__list {
        gap: 72px;
    }
}
.values__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 48px;
    position: relative;
}
@media (max-width: 769px) {
    .values__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}
.values__item-image {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #efefef;
    border-radius: 2px;
    overflow: hidden;
}
@media (max-width: 576px) {
    .values__item-image {
        border-radius: 0;
    }
}
.values__item-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 24px;
}
@media (max-width: 576px) {
    .values__item-text {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.values__item-text h2 {
    max-width: 96%;
}
@media (max-width: 576px) {
    .values__item-text h2 {
        max-width: 100%;
        font-size: 24px;
        line-height: 1.1;
    }
}
.values__item:not(:last-child)::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: auto;
    bottom: -48px;
    width: 100%;
    height: 1px;
    background: #172B3B;
}
@media (max-width: 769px) {
    .values__item:not(:last-child)::before {
        bottom: -48px;
    }
}
@media (max-width: 576px) {
    .values__item:not(:last-child)::before {
        bottom: -36px;
        width: calc(100% - 40px);
        left: 20px;
    }
}

@media (max-width: 576px) {
    .history__container {
        margin-left: -20px;
        margin-right: -20px;
    }
}
.history__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
}
@media (max-width: 992px) {
    .history__list {
        gap: 104px;
    }
}
@media (max-width: 576px) {
    .history__list {
        gap: 72px;
    }
}
.history__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    gap: 48px;
    position: relative;
}
@media (max-width: 992px) {
    .history__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}
.history__item-image {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #efefef;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    min-height: 673px;
}
@media (max-width: 992px) {
    .history__item-image {
        min-height: 560px;
        width: 100%;
    }
}
@media (max-width: 576px) {
    .history__item-image {
        min-height: 320px;
        border-radius: 0;
    }
}
.history__item-image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.history__item-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 48px;
    padding: 50px 0;
}
@media (max-width: 992px) {
    .history__item-text {
        padding: 0;
    }
}
@media (max-width: 576px) {
    .history__item-text {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.history__item-text .item-date {
    position: relative;
}
.history__item-text .item-date:not(:last-child)::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: auto;
    bottom: -24px;
    width: 100%;
    height: 1px;
    background: #172B3B;
}
.history__item-text .date-text, .history__item-text .date-text_tablet {
    font-family: "FFGoodPro-Bold", sans-serif;
    font-weight: 400;
    font-size: 110px;
    line-height: 1;
    letter-spacing: 0.02em;
    color: transparent;
    -webkit-text-stroke: 1px #172B3B;
    text-stroke: 1px #172B3B;
}
@media (max-width: 576px) {
    .history__item-text .date-text, .history__item-text .date-text_tablet {
        font-size: 80px;
    }
}
.history__item-text .date-text_tablet {
    display: block;
    font-size: 0;
}
@media only screen and (max-width: 991px) and (min-width: 579px) {
    .history__item-text .date-text_tablet {
        display: inline;
        font-size: 110px;
    }
}
.history__item-text h2 {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 24px;
}
@media (max-width: 576px) {
    .history__item-text h2 {
        font-size: 20px;
    }
}
.history__item-text .text-description p:not(:last-child) {
    margin-bottom: 12px;
}

/* страница детали */
.detail-template {
    padding: 80px 0;
    background-color: #efefef;
}
.detail-template .row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.detail-gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.detail-gallery a {
    padding: 10px;
    display: block;
    width: 40%;
}
.detail-gallery a:first-child {
    width: 80%;
}
.detail-gallery img {
    width: 100%;
}
.detail-description h2 {
    font-family: "Geometria-Bold", sans-serif;
    font-weight: 700;
    font-size: 28px;
    color: #212121;
    text-transform: uppercase;
}
.detail-description h2 span {
    color: #172B3B;
    text-transform: lowercase;
    font-size: 14px;
    vertical-align: top;
    margin-left: 10px;
}
.detail-description p {
    font-size: 16px;
    line-height: 1.5;
}
.detail-description h3 {
    font-size: 25px;
    color: #212121;
    opacity: 0.8;
    margin-top: 20px;
}
.detail-description h3 span {
    text-transform: uppercase;
}
.detail-description table {
    margin-bottom: 50px;
    width: 100%;
    border-collapse: collapse;
}
.detail-description table td {
    padding: 10px;
}
.detail-description table td:first-child {
    font-family: "Geometria-Bold", sans-serif;
    width: 30%;
    color: #2f93bb;
    font-weight: 700;
}
.detail-description table tr {
    border-bottom: 1px solid #8d8d8d;
}
.detail-description table caption {
    font-family: "Geometria-Bold", sans-serif;
    font-weight: 700;
    text-align: left;
    margin-top: 28px;
    margin-bottom: 15px;
    font-size: 18px;
    color: #212121;
    text-transform: uppercase;
}
.detail-description form {
    margin-top: 30px;
}
.detail-description form input:not([type=submit]), .detail-description form textarea {
    display: block;
    width: 100%;
    max-width: 450px;
    height: 40px;
    padding: 10px 15px;
    border: 1px solid #dddddd;
    border-radius: 3px;
}
.detail-description form input:not([type=submit])::-webkit-input-placeholder, .detail-description form textarea::-webkit-input-placeholder {
    color: #dddddd;
}
.detail-description form input:not([type=submit])::-moz-placeholder, .detail-description form textarea::-moz-placeholder {
    color: #dddddd;
}
.detail-description form input:not([type=submit]):-ms-input-placeholder, .detail-description form textarea:-ms-input-placeholder {
    color: #dddddd;
}
.detail-description form input:not([type=submit])::-ms-input-placeholder, .detail-description form textarea::-ms-input-placeholder {
    color: #dddddd;
}
.detail-description form input:not([type=submit])::placeholder, .detail-description form textarea::placeholder {
    color: #dddddd;
}
.detail-description form textarea {
    resize: vertical;
    height: 100px;
    min-height: 100px;
    max-height: 300px;
}
.detail-description .btn-accent-link {
    margin: 20px 0;
}

.modal-title {
    color: #2f93bb;
    text-transform: uppercase;
    font-size: 26px;
    margin: 30px 0;
}

/* Контакты */
.our-contacts {
    background-color: #eee;
    padding: 80px 0;
}
.our-contacts .row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

/* Форма обратной связи */
.contacts {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #ffffff;
    position: relative;
}
.contacts::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: -o-linear-gradient(left, rgba(9, 23, 34, 0.85) 0, rgba(19, 38, 54, 0.7) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(9, 23, 34, 0.85)), to(rgba(19, 38, 54, 0.7)));
    background: linear-gradient(90deg, rgba(9, 23, 34, 0.85) 0, rgba(19, 38, 54, 0.7) 100%);
}
.contacts__content {
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 992px) {
    .contacts__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    
}
.contacts .container {
    position: relative;
    z-index: 1;
}
.contacts-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.contacts-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
    padding: 30px;
    max-width: 500px;
    margin: 0 auto;
    width: 33%;
}


.contacts-item h3 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
}
.contacts-item p {
    line-height: 1.5;
    color: #ffffff;
}
.contacts-list {
    width: 67%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.contacts-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
    padding: 30px;
    max-width: 350px;
}

.contacts-list__item img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 78px;
}
.contacts-list__item h3 {
    font-family: "Geometria-Bold", sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
}
.contacts-list__item p {
    font-size: 16px;
    line-height: 1.5;
    color: #ffffff;
}
.contacts-block {
    padding-right: 30px;
}
.contacts-block h2 {
    text-transform: uppercase;
}
.contacts-card {
    border: 4px solid #2f93bb;
    text-align: center;
    padding: 20px;
    margin-right: 20px;
    margin-bottom: 30px;
}
.contacts-card:last-child {
    margin-right: 0;
}
.contacts-card h3 {
    text-transform: uppercase;
    color: #ffffff;
}

.contacts input:not([type=submit]) {
    border: none;
    border-radius: 2px;
    width: 100%;
    height: 40px;
    padding: 10px;
    margin-bottom: 15px;
}

.contacts button.btn-light__about,
.contacts input[type=submit].btn-light__about {
    border-color: #dddddd;
    display: block;
    margin: 20px auto 0;
}

@media (max-width: 992px) {
    .contacts-item {
        width: 100%;
    }
    .contacts-list {
        width: 100%;
        max-width: 800px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .contacts-list__item {
        padding: 20px 15px;
    }
}

@media (max-width: 576px) {
    .advantages h2 {
        font-size: 20px;
    }
    .contacts-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .contacts-item {
        padding: 0 15px;
    }
    .contacts-list__item img {
        max-width: 65px;
    }
    .contacts-list__item {
        margin: 0 auto;
    }
}
/* Политика конфиденциальности */
.policy {
    background-size: cover;
    padding: 80px 0;
    line-height: 26px;
}
.policy h2 {
    text-transform: uppercase;
}

/* 404 */
.page404 {
    background-color: #eee;
    padding: 120px 0;
    height: 100%;
    text-align: center;
}
.page404 .error_code {
    font-size: 130px;
    color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
@media (max-width: 576px) {
    .page404 .error_code {
        font-size: 100px;
    }
}
.page404 .warning_text {
    font-size: 36px;
    color: #172B3B;
}
@media (max-width: 576px) {
    .page404 .warning_text {
        font-size: 30px;
    }
}
.page404 .description_text {
    font-size: 22px;
    line-height: 1.5;
}
.page404__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    row-gap: 10px;
}
.page404 .btn-light__about {
    max-width: 270px;
    padding: 16px 30px;
}
@media (max-width: 992px) {
    .page404 {
        padding: 100px 0;
    }
}
@media (max-width: 576px) {
    .page404 {
        padding: 80px 0;
    }
}

/* кастомные стили*/
.policy {
    padding-top: 100px;
}
.policy h2 {
    margin-bottom: 20px;
}
/*.page_body .main {*/
/*    padding-top: 88px;*/
/*}*/
@media (max-width: 576px) {
    /*.page_body .main {*/
    /*    padding-top: 69px;*/
    /*}*/
}
.intl-tel-input {
    width: 100%;
    margin-bottom: 15px;
}

.iti-mobile .intl-tel-input .country-list {
    max-width: -webkit-min-content;
    max-width: -moz-min-content;
    max-width: min-content;
}

.intl-tel-input .country-list .country-name {
    color: #172B3B;
}
.wpcf7-not-valid-tip {
    line-height: 1.1;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0.5em !important;
    padding: 0.3em 1em !important;
    font-size: 14px;
}
.map-section {
    height: 530px;
    width: 100%;
    border-radius: 0;
    overflow: hidden;
}
@media (max-width: 576px) {
    .map-section {
        height: 400px;
    }
}
.map-section__map {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%;
    min-height: 100%;
    width: 100%;
}
.ymaps-2-1-79-map-bg {
    filter: invert(100%);
    -ms-filter: invert(100%);
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -o-filter: invert(100%);
}

.content__title {
	margin: 0;
	margin-bottom: 20px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	/*color: var(--color-dark);*/
}

.content__descr {
	margin: 0;
	margin-bottom: 59px;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	/*color: var(--color-dark);*/
}

.content__list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.content__link {
	padding: 14px;
	width: 200px;
	height: 120px;
	display: inline-block;
	border-radius: 4px;
	background-color: #ebecf3;
	background-repeat: no-repeat;
	background-position: right bottom;
}

.content__text {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #a2a6c0;
}