@charset "UTF-8"; @font-face {
    font-family: 'Roboto';
    src: local('Roboto Thin'), local('Roboto-Thin'), url('css/fonts/Robotothin.woff2') format('woff2'), url('css/fonts/Robotothin.woff') format('woff'), url('css/fonts/Robotothin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Light'), local('Roboto-Light'), url('css/fonts/Robotolight.woff2') format('woff2'), url('css/fonts/Robotolight.woff') format('woff'), url('css/fonts/Robotolight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto'), local('Roboto-Regular'), url('css/fonts/Roboto.woff2') format('woff2'), url('css/fonts/Roboto.woff') format('woff'), url('css/fonts/Roboto.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Medium'), local('Roboto-Medium'), url('css/fonts/Robotomedium.woff2') format('woff2'), url('css/fonts/Robotomedium.woff') format('woff'), url('css/fonts/Robotomedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Bold'), local('Roboto-Bold'), url('css/fonts/Robotobold.woff2') format('woff2'), url('css/fonts/Robotobold.woff') format('woff'), url('css/fonts/Robotobold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Black'), local('Roboto-Black'), url('css/fonts/Robotoblack.woff2') format('woff2'), url('css/fonts/Robotoblack.woff') format('woff'), url('css/fonts/Robotoblack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

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

html {
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    color: #43484C;
}

sup {
    vertical-align: baseline;
    position: relative;
    top: -0.75em;
    font-size: 56%;
}

body {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}

body:after {
    content: "";
    position: absolute;
    background-color: #f0f4f6;
    z-index: 12;
    transition: opacity .3s;
    opacity: 0
}

body.popup-body:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1
}

p {
    font-size: 1.125rem;
    line-height: 1.167em;
}

b {
    font-weight: 600
}

ul {
    list-style: none;
}

header {
    display: flex;
    justify-content: space-between;
    padding: 0 calc(50vw - 621px);
    align-items: center;
    border-bottom: solid 1px #E1E8EE;
    position: relative;
    z-index: 1;
}

section {
    padding: 0 calc(50vw - 600px);
}

.btn-call {
    background: linear-gradient(180deg, #FEB700 0%, #ED7D2E 100%), #242424;
    border-radius: 6px;
    border: none;
    font-weight: 500;
    color: #fff;
    width: 155px;
    height: 42px;
    font-size: 16px;
    line-height: 19px;
    margin-right: 11%;
    padding: 0 1em;
    cursor: pointer;
}

.btn-call:hover,.popup input[type="submit"]:hover {
    background: linear-gradient(180deg, #ED7D2E 0%, #D0661B 100%), #242424;
}

#header-phones {
    width: 28%;
}

#header-phones a {
    font-size: 18px;
    color: inherit;
    text-decoration: none;
    padding: 0 10%;
    white-space: nowrap;
    line-height: 1.33;
}

#burger {
    border-left: solid 1px #D8D8D8;
    padding: 37px 0 35px 38px;
    margin-left: 34px;
}

#burger svg {
    cursor: pointer
}

#logo-komplektsnab {
    margin-left: 0.8em;
    margin-right: 6%;
}

h1 {
    font-weight: 900;
    font-size: 70px;
    line-height: 1.083em;
    letter-spacing: -0.017em;
    text-transform: uppercase;
    max-width: 500px;
    margin-bottom: 0.37em;
    margin-top: 0.2em;
}

h2 {
    font-weight: 900;
    font-size: 48px;
    text-align: center;
    letter-spacing: -0.025em;
    text-transform: uppercase;
    color: #FEB700;
    margin-bottom: 0.8em;
}

.h1-desc {
    font-weight: 900;
    font-size: 24px;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    margin-bottom: 1.43em;
}

.b {
    font-weight: 500;
    font-size: 22px;
}

#prod-list-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.prod-item {
    width: calc(33.333% - 21px);
    position: relative;
    padding-bottom: 7.85%;
    margin-bottom: 5.7%;
    color: inherit;
    text-decoration: navajowhite;
    display: block;
}

.prod-item .btn-call {
    position: absolute;
    bottom: 6%;
    font-size: 1rem;
    width: 9.688rem;
    line-height: 1.188rem;
    height: 2.625rem;
}

.prod-item-cat {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.167em;
    margin: 0.75em 0 0.3em 0;
}

.prod-item-title {
    font-weight: 900;
    font-size: 36px;
    margin-bottom: 0.4em;
}

.prod-item-more {
    font-size: 14px;
    text-transform: uppercase;
    color: #FEB700;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    padding-right: 2em;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='6' height='12' viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.978516 10.5173L4.91812 5.75867L0.978515 1' stroke='%23FEB700' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 0.5em 0.8em;
    transition: .2s;
    left: 0;
}

.prod-item-more:hover {
    color: #ed7d2e;
}

.img-wrap img {
    width: 100%
}

.flex-spb-t {
    display: flex;
    justify-content: space-between
}

.flex-spb-t>div {
    width: calc(50% - 10px);
}

#logo-ant {
    background-image: url(../images/logo-ant.svg);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 16px;
    line-height: 26px;
    padding: 3em 1.5em 0em 8em;
    margin-bottom: 3em;
}

.preimushestva {
    background-image: url('../images/bg-orange.jpg');
    color: #fff;
    padding: 5% 2.6% 2% 2.6%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.preimushestva .prod-item-title {
    line-height: 1.167em;
    text-transform: uppercase;
    margin-bottom: 0.3em;
}

.preimushestva h5 {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.167em;
    margin-bottom: 1em;
}

#section-top {
    display: flex;
    padding-top: 3rem;
    position: relative;
}

#section-top .left {
    width: 45%;
    position: relative;
}

#section-top .right {
    width: 50%;
    position: relative;
}

#section-top .btn-call {
    transition: .2s;
    /*! background: #ED7D2E; */
    color: #fff;
    border: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    width: 195px;
    height: 60px;
    border-radius: 2px;
    margin-bottom: 1.6em;
    cursor: pointer;
    background: linear-gradient(180deg, #FEB700 0%, #ED7D2E 100%), #242424;
    border-radius: 6px;
}

#section-top .btn-call:hover {
    background-color: #D0661B;
    background: linear-gradient(180deg, #ED7D2E 0%, #D0661B 100%), #242424;
}

#section-top:before {
    content: "";
    position: absolute;
    width: 800px;
    height: 800px;
    background-color: rgba(225, 232, 238, 0.49);
    border-radius: 50%;
    
    z-index: 0;
    top: -150px;
    left: calc(50% - 200px);
}

#slider-img a {
    width: 100%;
    position: absolute;
    transform: translateX(20%);
    opacity: 0;
    transition: .3s;
}

#slider-img img {
    width: 100%
}

#slider-title {
    font-size: 18px
}

#slider-title {
    position: relative;
    height: 1em;
}

#slider-title span {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: translate(20%,0);
    transition: .3s;
    pointer-events: none;
}

#slider-img {
    position: relative
}

#slider-img a {
    display: block;
    position: absolute
}

#slider-nav {
    display: flex;
    align-items: center;
}

.slider-back {
    width: 34px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='19' height='8' viewBox='0 0 19 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4L4 0V3H19V5H4V8L0 4Z' fill='%2343484C'/%3E%3C/svg%3E");
    border-right: solid 2px #BDC6CF;
    cursor: pointer;
}

.slider-next {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='19' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 4l-4-4v3H0v2h15v3l4-4z' fill='%2343484C'/%3E%3C/svg%3E");
    margin-right: 26px;
    cursor: pointer;
}

.slider-curr-slide {
    font-size: 14px;
}

.slider-count {
    font-size: 14px;
    color: #BDC6CF;
    padding-left: 38px;
    position: relative;
}

.slider-count:before {
    content: "";
    position: absolute;
    width: 24px;
    left: 7px;
    height: 2px;
    background-color: currentColor;
    top: 6px;
}

#prod-list {
    padding-top: 7.6rem;
}

#slider-img [data-slider="1"] img, #slider-img [data-slider="2"] img, #slider-img [data-slider="3"] img, #slider-img [data-slider="4"] img, #slider-img [data-slider="5"], #slider-img [data-slider="6"] img {
    width: 90%;
    top: -2rem;
    left: -5rem;
}

[data-slider="1"] [data-slider="1"], [data-slider="2"] [data-slider="2"], [data-slider="3"] [data-slider="3"], [data-slider="4"] [data-slider="4"], [data-slider="5"] [data-slider="5"], [data-slider="6"] [data-slider="6"] {
    animation: from-left 4s forwards
}

@keyframes from-left {
    0% {
        transform: translateX(20%);
        opacity: 0;
        z-index: 1
    }

    20% {
        transform: translateX(0);
        opacity: 1;
        z-index: 1
    }

    90% {
        transform: translateX(0);
        opacity: 1;
        z-index: 1
    }

    100% {
        transform: translateX(0);
        opacity: 1;
        z-index: 1
    }
}

#sfera {
    padding-top: 8rem;
    position: relative;
    padding-bottom: 12rem;
}

#sfera>* {
    position: relative;
    z-index: 1
}

#sfera img {
    width: 100%;
    margin-bottom: 1.75%;
    margin-top: -1.3%;
}

#sfera h5 {
    text-align: center;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.33;
    max-width: 550px;
    margin: 0 auto 16px auto;
}

#sfera p {
    font-size: 14px;
    line-height: 1.429em;
    margin-bottom: 0.75em;
}

#sfera .about {
    text-align: center;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.36;
    max-width: 552px;
    margin: 0 auto;
}

#sfera:before {
    content: "";
    position: absolute;
    width: 990px;
    height: 990px;
    background-color: rgba(225, 232, 238, 0.49);
    border-radius: 50%;
    z-index: 0;
    top: 35px;
    left: calc(50% - 495px);
}

#lising {
    padding-top: 3.5rem;
    background-image: url('../images/bg-lising.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 3rem;
}

#lising .b {
    text-align: center;
    font-size: 22px;
}

#lising h2 {
    margin-bottom: 0.27em;
}

#lising .flex-spb-t {
    padding: 2% 0;
}

#lising .flex-spb-t > div {
    width: calc(50% - 20px);
}

#lising p {
    font-size: 14px;
    line-height: 1.429em;
    margin-bottom: 0.714em;
}

#lising li {
    font-size: 14px;
    line-height: 1.429em;
    margin-bottom: 0px;
}

#naves {
    padding-top: 4.5rem;
}

#naves-items-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.naves-item {
    width: 23%;
    margin-bottom: 3%;
}

.naves-item .img-wrap {
    background-color: #ccc;
    position: relative;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    text-align: center;
    line-height: 1.5;
    color: #a2a2a2;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 400 413' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'%3E%3Cpath d='M199 84.9c67.69 0 122.65 54.96 122.65 122.65 0 67.7-54.96 122.65-122.66 122.65-67.7 0-122.65-54.96-122.65-122.65 0-67.7 54.96-122.65 122.65-122.65zm-96.8 78.15a106.03 106.03 0 00-9.83 44.73c0 58.8 47.74 106.54 106.54 106.54a106.5 106.5 0 0089.26-48.37L102.2 163.05zm18.98 22.26v71.9a15.6 15.6 0 0015.6 15.6H267.9a4 4 0 003.99-3.99c0-.25-.14-.5-.36-.62l-47.78-27.35s-2.7 2.44-4.23 3.4a88.95 88.95 0 01-8.72 4.82c-2.34 1.07-13.93 4.23-27.63-2.05-2.44-1.12-16-8.78-17.1-27.17-.2-3.18-.08-9.87-.08-9.87l-44.8-24.67zm174.86 66.3a106.06 106.06 0 009.42-43.83c0-58.8-47.74-106.55-106.55-106.55-37 0-69.6 18.9-88.71 47.55l185.84 102.83zM180.7 217.05l28.1 16.41s-1.42 1.68-4.61 2.63c-4.31 1.28-11.38 1.37-18.05-4.7a14.69 14.69 0 01-4.9-8.32c-.67-3.1-.54-6.02-.54-6.02zm-13.56-46.97v-11.96c0-8.65 7.01-15.66 15.66-15.66h31.47c9.5 0 17.2 7.68 17.24 17.18l.03 7.84 29.27.3c9.28.1 16.75 7.65 16.75 16.94v45.26l-45.7-23.24a34.34 34.34 0 00-35.42-23.99l-6.07.47a.32.32 0 01-.19-.04l-23.04-13.1z' fill='%23ebebeb'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50% 50%;
}

.naves-item p {
    font-size: 14px;
    line-height: 1.143em;
}

.naves-item-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.167em;
    margin: 1em 0 0.5em 0;
}

#contacts p {
    font-size: 18px;
    line-height: 1.667em;
}

#contacts {
    display: flex;
    margin-top: 7.6rem;
    margin-bottom: 5rem;
    position: relative;
}

#contacts .left {
    width: 30%;
    padding-right: 3rem;
}

#contacts .right {
    background-color: #ddd;
    width: 70%;
}

#contacts h2 {
    text-align: left;
    margin-top: 0.7rem;
}

#contacts a {
    color: inherit
}

.btn-vk {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='21' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.58.8c.14-.46 0-.8-.66-.8h-2.2c-.55 0-.8.3-.95.62 0 0-1.11 2.72-2.7 4.48-.5.51-.74.68-1.02.68-.13 0-.34-.17-.34-.63V.8c0-.56-.16-.81-.62-.81H7.64c-.35 0-.56.26-.56.5 0 .53.8.65.88 2.14v3.23c0 .7-.13.84-.41.84C6.8 6.7 5 3.98 3.92.85 3.72.25 3.5 0 2.94 0H.75C.12 0 0 .3 0 .62c0 .58.74 3.46 3.46 7.27 1.81 2.6 4.36 4.01 6.69 4.01 1.4 0 1.56-.31 1.56-.85V9.08c0-.62.14-.75.58-.75.32 0 .88.16 2.18 1.42 1.49 1.48 1.73 2.15 2.57 2.15h2.19c.63 0 .94-.31.76-.93-.2-.62-.9-1.51-1.85-2.57-.51-.6-1.28-1.25-1.51-1.58-.33-.42-.23-.6 0-.97 0 0 2.67-3.76 2.95-5.04z' fill='%23354052' fill-opacity='.5'/%3E%3C/svg%3E");
}

.btn-yt {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.6 3c0-.3-.3-.5-.5-.6-.5-.1-2.6-.4-7.1-.4s-6.6.3-7 .4c-.3 0-.5.3-.6.6A25 25 0 002 8c0 2.8.3 4.6.4 5 0 .3.3.5.5.6.5.1 2.6.4 7.1.4s6.6-.3 7-.4c.3 0 .5-.3.6-.6.1-.4.4-2.2.4-5a25 25 0 00-.4-5zm2-.5C20 4.3 20 8 20 8s0 3.7-.5 5.5c-.2 1-1 1.8-1.9 2-1.7.5-7.6.5-7.6.5s-5.9 0-7.6-.5c-1-.2-1.7-1-2-2A31 31 0 010 8s0-3.7.5-5.5c.2-1 1-1.8 1.9-2C4 0 10 0 10 0s5.9 0 7.6.5c1 .2 1.7 1 2 2zM8 11.5v-7L14 8l-6 3.5z' fill='%23354052' fill-opacity='.5'/%3E%3C/svg%3E");
}

.btn-insta {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='19' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.497 4.626A4.868 4.868 0 004.623 9.5a4.868 4.868 0 004.874 4.874A4.868 4.868 0 0014.372 9.5a4.868 4.868 0 00-4.875-4.874zm0 8.042A3.175 3.175 0 016.33 9.5a3.175 3.175 0 013.168-3.168A3.175 3.175 0 0112.665 9.5a3.175 3.175 0 01-3.168 3.168zm5.074-9.378a1.137 1.137 0 100 2.277 1.136 1.136 0 001.053-1.575 1.137 1.137 0 00-1.053-.702zM19 9.5c0-1.312.012-2.612-.062-3.921-.074-1.521-.42-2.871-1.533-3.984C16.29.481 14.942.136 13.421.062 12.11-.01 10.81.001 9.5.001 8.188 0 6.888-.011 5.579.062 4.058.136 2.708.483 1.595 1.595.481 2.71.136 4.058.062 5.58-.01 6.89.001 8.19.001 9.5c0 1.31-.012 2.612.061 3.921.074 1.521.421 2.871 1.533 3.984 1.115 1.114 2.463 1.459 3.984 1.532 1.311.074 2.611.062 3.92.062 1.313 0 2.613.012 3.922-.061 1.521-.074 2.871-.421 3.983-1.533 1.115-1.115 1.46-2.463 1.533-3.984.076-1.31.062-2.61.062-3.921zm-2.091 5.604a3.02 3.02 0 01-.718 1.088 3.04 3.04 0 01-1.089.718c-1.25.497-4.218.385-5.604.385-1.385 0-4.356.112-5.606-.382a3.02 3.02 0 01-1.088-.718 3.04 3.04 0 01-.718-1.089c-.494-1.252-.383-4.22-.383-5.606 0-1.386-.111-4.356.383-5.606a3.02 3.02 0 01.718-1.089 3.072 3.072 0 011.088-.718c1.25-.494 4.22-.382 5.606-.382 1.386 0 4.357-.112 5.607.382a3.02 3.02 0 011.088.718c.335.335.544.656.718 1.089.494 1.25.383 4.22.383 5.606 0 1.386.111 4.354-.385 5.604z' fill='%23354052' fill-opacity='.5'/%3E%3C/svg%3E");
}

.icon-delivery {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='60' height='60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 10a5 5 0 00-5 5v27.5h5a7.5 7.5 0 0015 0h15a7.5 7.5 0 0015 0h5V30L50 20h-7.5V10h-35zM25 15l10 10-10 10v-7.5H10v-5h15V15zm17.5 8.75h6.25L53.67 30H42.5v-6.25zm-27.5 15a3.75 3.75 0 110 7.5 3.75 3.75 0 010-7.5zm30 0a3.75 3.75 0 110 7.5 3.75 3.75 0 010-7.5z' fill='%23fff'/%3E%3C/svg%3E");
}

.icon-price {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 64 60' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'%3E%3Cpath d='M19 49c-9.5 0-14.8-3.7-14.8-6v9.6c0 4 6.6 7.4 14.8 7.4 8.1 0 14.8-3.3 14.8-7.4v-9.7c0 2.3-5.4 6.1-14.8 6.1zm31.7 0c-8.3 0-13-3.7-13-6v9.6c0 4 5.8 7.4 13 7.4s13-3.3 13-7.4v-9.7c0 2.3-4.6 6.1-13 6.1zM19 34c-9.5 0-14.8-3.7-14.8-6v9.6c0 4 6.6 7.4 14.8 7.4 8.1 0 14.8-3.3 14.8-7.4v-9.7c0 2.3-5.4 6.1-14.8 6.1zm31.7 0c-9.3 0-13-3.9-13-6.1v9.7c0 4 5.8 7.4 13 7.4s13-3.3 13-7.4V28c0 2.3-3.7 6-13 6zM19 19C8.4 19 4.2 15.3 4.2 13v9.7c0 4 6.6 7.4 14.8 7.4 8.1 0 14.8-3.3 14.8-7.4V13c0 2.3-4.3 6-14.8 6zm31.5 10.8c7.2 0 13-3.3 13-7.4 0-4-5.8-7.4-13-7.4s-13 3.3-13 7.4c0 4 5.8 7.4 13 7.4zm-32-15c8.2 0 14.8-3.3 14.8-7.4 0-4-6.6-7.4-14.8-7.4C10.4 0 3.7 3.3 3.7 7.4c0 4 6.7 7.4 14.8 7.4z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E");
}

.icon-service {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='60' height='60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35 35l4.3-7.4-.6-.5-3.7-2.9a14.1 14.1 0 000-3.4l4.3-3.4-4.3-7.3-5 2c-.9-.7-1.9-1.3-3-1.7L26.4 5h-8.5l-.8 5.4c-1 .4-2 1-3 1.7l-5-2-4.3 7.3L9 20.8a12.7 12.7 0 000 3.5L5.3 27l-.5.5L9 34.9l5-2c1 .7 2 1.3 3 1.7l.8 5.4h8.5v-.8l.8-4.6c1-.4 2-1 3-1.8l-.1.1 5 2zm-13-7.5a5 5 0 01-5-5 5 5 0 015-5 5 5 0 015 5 5 5 0 01-5 5zm30.5 17.4a8.5 8.5 0 00-.1-2.3l2.8-2-2.8-4.8-3.2 1.3c-.6-.5-1.2-.8-1.9-1.1l-.5-3.5h-5.4l-.5 3.5-2 1-3.2-1.3-2.7 4.8 2.7 2.1a7.9 7.9 0 000 2.3l-2.3 1.8-.4.3 2.7 4.8 3.3-1.3c.5.4 1.2.8 1.9 1l.5 3.5h5.5v-.5l.5-3c.6-.2 1.3-.6 1.9-1l3.2 1.3 2.7-4.8-.4-.3-2.3-1.9zm-8.4 2a3.2 3.2 0 010-6.4 3.2 3.2 0 010 6.5z' fill='%23fff'/%3E%3C/svg%3E");
}

.icon-left {
    padding-left: 69px;
    background-repeat: no-repeat;
    background-position: left center;
    margin-bottom: 1.9em;
    padding: 10px 0 0 70px;
    background-size: auto 58px;
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #F0F4F6;
    z-index: 4444222;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: scale(1,0);
    transform-origin: 50% 0;
    transition: ease-out .5s;
    text-align: center;
    padding-top: 80px;
}

.popup .close {
    position: absolute;
    top: 30px;
    right: 40px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Cpath d='M30 30L2 2M2 30L30 2L2 30Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.popup.active {
    transform: scale(1,1);
    opacity: 1;
}

.popup-wrap {
    max-width: 584px;
    margin: -100px 20px 0 20px;
}

.popup-wrap .btn-call {
    margin-right: 0
}

.popup-wrap,.popup-wrap form {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.popup h3 {
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;
    color: #43484C;
    font-weight: normal;
    margin: 0 0 47px 0;
}

.popup input[type="text"] {
    background: transparent;
    border: none;
    width: 100%;
    font-size: 18px;
    border-bottom: 1px solid #DADADA;
    line-height: 39px;
    margin-bottom: 18px;
}

.popup input[type="tel"] {
    background: transparent;
    border: none;
    width: 100%;
    font-size: 18px;
    border-bottom: 1px solid #DADADA;
    line-height: 39px;
    margin-bottom: 18px;
}

.popup input[type="email"] {
    background: transparent;
    border: none;
    width: 100%;
    font-size: 18px;
    border-bottom: 1px solid #DADADA;
    line-height: 39px;
    margin-bottom: 18px;
}

.popup input[type="submit"] {
    background: linear-gradient(180deg, #FEB700 0%, #ED7D2E 100%), #242424;
    border-radius: 6px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    border: none;
    text-align: center;
    width: 155px;
    height: 42px;
    margin-top: 41px;
    letter-spacing: 0.03em;
    cursor: pointer;
}

.popup input[type="text"].invalid {
    border-bottom: solid 1px red;
}

.popup input[type="tel"].invalid {
    border-bottom: solid 1px red;
}

.popup input[type="email"].invalid {
    border-bottom: solid 1px red;
}

.popup .anchor {
    font-size: 24px;
    text-decoration: none;
    line-height: 28px;
    text-align: center;
    color: inherit;
    text-transform: uppercase;
    margin-bottom: 21px;
}

.popup .anchor:hover {
    color: #ED7D2E;
}

.popup label {
    width: 100%;
    text-align: left;
    display: block;
    cursor: pointer;
}

.label-checkbox {
    font-style: italic;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    color: rgba(67, 72, 76, 0.5);
    padding-left: 43px;
    margin-bottom: 30px;
    position: relative;
}

.label-checkbox a {
    color: inherit;
}

.label-checkbox input {
    display: none
}

.label-checkbox i {
    position: absolute;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    left: 0;
    top: calc(50% - 15px);
}

.label-checkbox input:checked+i {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='33' height='33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 21.2a1 1 0 001.6 0l6.8-9.4c.1-.2 0-.4-.2-.4h-1.5a1 1 0 00-.8.4l-5.1 7-2.3-3.2a1 1 0 00-.8-.4h-1.5c-.3 0-.4.3-.3.4l4 5.6z' fill='%23219653'/%3E%3Cpath d='M28.4 3.6H4.6a1 1 0 00-1 1v23.8c0 .5.5 1 1 1h23.8c.5 0 1-.5 1-1V4.6c0-.5-.5-1-1-1zM27 27.1H5.9V5.9h21.2v21.2z' fill='%239A9EA1'/%3E%3C/svg%3E");
}

.label-checkbox input+i {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='33' height='33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M28.4 3.6H4.6a1 1 0 00-1 1v23.8c0 .5.5 1 1 1h23.8c.5 0 1-.5 1-1V4.6c0-.5-.5-1-1-1zM27 27.1H5.9V5.9h21.2v21.2z' fill='%239A9EA1'/%3E%3C/svg%3E");
}

.label-file {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='38' height='38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.4 2.4H9.5A4.8 4.8 0 004.7 7V31a4.8 4.8 0 004.8 4.7h11.9v-2.4H9.5A2.4 2.4 0 017.1 31V7a2.4 2.4 0 012.4-2.3h11.9v5.9a3.6 3.6 0 003.5 3.6h6V19h2.4v-4.8l-12-11.8z' fill='%2343484C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32 23.8a1.2 1.2 0 011.3 1.1v4.8a1.2 1.2 0 01-1.2 1.2h-4.8a1.2 1.2 0 010-2.4H31v-3.6a1.2 1.2 0 011.2-1.1z' fill='%2343484C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M30.9 29.7a1.2 1.2 0 011.2-1.2h4.7a1.2 1.2 0 010 2.4h-3.5v3.5a1.2 1.2 0 01-2.4 0v-4.7z' fill='%2343484C'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    padding: 14px 0 14px 54px;
    font-size: 18px;
    line-height: 21px;
    color: #43484C;
    border-bottom: dotted 2px #43484C;
    max-width: 212px;
    margin-right: calc(100% - 212px);
}

.label-file input {
    display: none;
}

#file-names {
    font-style: italic;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    color: rgba(67, 72, 76, 0.5);
    white-space: nowrap;
    line-height: 1.7;
    margin: 10px 10px 10px -50px;
}

#result-zakaz {
    padding: 35px 0 0 0;
    font-size: 1.3rem;
    font-weight: 700;
    color: red;
}

.header-btns {
    display: flex;
    align-items: center;
}

.header-btns a {
    display: inline-block;
    width: 38px;
    height: 38px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 1px;
}

.s {
    display: none
}

.ok {
    display: none
}

.success .ok {
    display: block
}

.success form {
    display: none
}

#product {
    margin-bottom: 100px
}

#product .back {
    font-size: 14px;
    text-transform: uppercase;
    color: #C4C4C4;
    text-decoration: none;
    display: inline-block;
    padding-left: 1.4em;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='6' height='12' viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.93945 1L0.999844 5.75867L4.93945 10.5173' stroke='%23C4C4C4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left center;
    margin: 19px 0 25px 0;
}

#product h1 {
    font-weight: 900;
    font-size: 36px;
    line-height: 42px;
}

#product .h1-desc {
    font-size: 18px;
    line-height: 21px;
    text-transform: inherit;
    font-weight: 400;
    letter-spacing: inherit;
}

#product h4 {
    font-weight: 500;
    font-size: 14px;
    line-height: 23px;
    text-transform: uppercase;
    color: #ED7D2E;
    margin-bottom: 1.3em;
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='2' viewBox='0 0 16 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='2' width='2' height='16' transform='rotate(-90 0 2)' fill='%23ED7D2E'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
}

#product .flex-spb-t>div {
    width: calc(50% - 15px);
    margin-bottom: 2.1rem;
}

#product p {
    font-size: 14px;
    line-height: 1.429em;
    margin-bottom: 1.4em;
}

#product h4.closed {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='7' width='2' height='16' fill='%23ED7D2E'/%3E%3Crect y='9' width='2' height='16' transform='rotate(-90 0 9)' fill='%23ED7D2E'/%3E%3C/svg%3E");
}

#product h4.closed+.product-props-table>div {
    height: 0;
    padding: 0;
    border: solid 0px transparent;
    opacity: 0;
}

.product-props-table {
    font-size: 14px;
    margin-bottom: 2.1rem;
}

.product-props-table>div {
    display: flex;
    justify-content: space-between;
    padding: 9.14px 0;
    border-bottom: solid 1px #eee;
    transition: .3s;
    overflow: hidden;
}

.product-props-table > div > div:first-of-type {
    padding-right: 10px;
    line-height: 1.33;
    max-width: 55%;
}

.product-props-table > div > div:last-of-type {
    text-align: right;
    /*! white-space: nowrap; */
    max-width: 50%;
    line-height: 1.33;
}

.product-props-table.dark>div>div:last-of-type {
    font-weight: 700
}

.product-props-table.dark>div {
    border-bottom: solid 1px #ccc
}

.product-props {
    display: flex;
    justify-content: space-between;
    margin: 3.3rem 0 1.46rem 0;
}

.product-props-item {
    width: calc(33.33% - 25px);
}

.product-props-item p {
    line-height: 1em !important;
    margin-bottom: 0 !important;
}

.product-props-val {
    font-size: 24px;
    line-height: 1.542em;
    color: #ED7D2E;
}

.product-props-wrap {
    margin-top: 0.4rem;
}

#gallery-big-img img {
    width: 100%;
    margin-top: 7px;
    margin-bottom: 45px;
}

.gallery-thumbs-item img {
    width: 100%;
    transform: scale(1.7);
    transform-origin: 50% 25%;
}

.gallery-thumbs-item {
    cursor: pointer
}

#gallery-thumbs {
    margin-bottom: 2.1rem;
}

.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;
    width: calc(100% + 30px);
}

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

.slick-list:focus {
    outline: none
}

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

.slick-slider .slick-track,.slick-slider .slick-list {
    -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:before,.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

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

.slick-slide {
    display: none;
    float: left;
    height: 0;
    min-height: 1px;
    overflow: hidden;
    padding-bottom: 4.5%;
    margin-right: 33px;
}

[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: auto;
    border: 1px solid transparent
}

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

.slick-prev,.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: calc(50% - 25px);
    display: block;
    width: 33px;
    height: 50px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent
}

.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
    opacity: 1;
}

.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -33px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '';
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='1.5'%3E%3Cpath d='M18 0L6 12l12 12' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E");
    background-size: 100% 43%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

[dir='rtl'] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -2px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: '';
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='1.5'%3E%3Cpath d='M6 24l12-12L6 0' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E");
    background-size: 100% 43%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

[dir='rtl'] .slick-next:before {
    content: '←'
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:hover,.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

.slick-arrow {
    position: absolute;
    background-color: transparent;
    position: absolute;
    opacity: 0.15;
    transition: .25s;
}

.slick-list:after {
    content: "";
    height: 100%;
    position: absolute;
    width: 30px;
    right: 0;
    top: 0;
    z-index: 2;
    background-color: #fff;
}

@media(max-width: 1300px) {
    header {
        padding: 0 36px 0 2rem;
    }
}

@media(max-width: 1280px) {
    html {
        font-size: 14px
    }

    section {
        padding: 0 2.55rem;
    }

    header {
        /*! padding: 0 1rem 0 1rem; */
    }

    h1 {
        font-size: 5.625vw;
    }

    .h1-desc {
        font-size: 1.875vw;
    }

    .prod-item-title {
        font-size: 2.813vw
    }

    .prod-item-cat {
        font-size: 1.875vw;
    }

    #section-top:before {
        width: 77.188vw;
        height: 77.188vw;
        top: -24.844vw;
        right: calc(50% - 59.688vw);
    }

    #logo-komplektsnab {
        margin-left: 0
    }
}

@media(max-width: 1024px) {
    html {
        font-size: 1.250vw
    }

    section {
        padding: 0 2.55rem;
    }

    header {
        padding: 0 1rem 0 3rem;
    }

    header .btn-call {
        width: 20vw;
        font-size: 1.563vw;
        line-height: 1.855vw;
        margin-right: 7%;
    }

    #header-phones a {
        font-size: 1.758vw;
    }

    #burger {
        /*! padding: 0.391vw 0 0.391vw 0.879vw; */
        margin-left: 3.320vw;
        padding: 37px 23px 35px 38px;
    }

    h1 {
        font-size: 5.625vw;
    }

    h2 {
        font-size: 3.750vw;
    }

    .h1-desc {
        font-size: 1.875vw;
    }

    .prod-item {
        width: calc(33.333% - 1.641vw);
    }

    .preimushestva h5 {
        font-size: 1.875vw;
    }

    .prod-item-more {
        font-size: 1.094vw;
    }

    #sfera::before {
        width: 77.266vw;
        height: 77.266vw;
        top: 2.734vw;
        left: calc(50% - 38.672vw);
    }

    #section-top .btn-call {
        font-size: 1.563vw;
        line-height: 1.855vw;
        width: 19.043vw;
        height: 5.859vw;
    }

    .naves-item-title {
        font-size: 16px;
    }

    .naves-item p {
        font-size: 13px;
    }

    #lising .b {
        max-width: 60%;
        margin: 0 auto
    }

    .icon-left {
        padding-left: 6.738vw;
        padding: 0.977vw 0 0 6.836vw;
        background-size: auto 5.664vw;
    }

    #slider-title {
        font-size: 1.758vw
    }
}

@media(max-width: 768px) {
    section {
        padding: 0 5.208vw;
    }

    header {
        padding: 0 0.781vw 0 5.208vw;
    }

    .product-props {
        flex-direction: column
    }

    .product-props-item {
        width: 100%
    }

    #section-top .left, #section-top .right, .prod-item, .flex-spb-t>div, #sfera .about, #lising .flex-spb-t > div, #contacts>.left, #contacts>.right, #product .flex-spb-t > div {
        width: 100%;
        max-width: 100%
    }

    .naves-item {
        width: calc(50% - 4.557vw);
        margin-bottom: 7.292vw;
    }

    #logo-komplektsnab-mob {
        width: 13.021vw;
        height: auto;
    }

    #section-top {
        flex-direction: column-reverse
    }

    p {
        font-size: 4.297vw;
    }

    .s {
        display: block
    }

    .l {
        display: none !important;
    }

    h1 {
        font-size: 9.375vw;
        margin-top: 0.911vw;
        max-width: 100%;
        margin-bottom: 0.911vw;
    }

    .h1-desc {
        font-size: 4.036vw;
        margin-bottom: 6.510vw;
    }

    h2 {
        font-size: 9.505vw;
        line-height: 1em
    }

    #header-phones a {
        font-size: 4.818vw;
        line-height: 1
    }

    #section-top .right {
        padding-bottom: 90%;
    }

    #slider-title {
        font-size: 4.167vw;
    }

    #burger {
        border-left: 0;
        padding: 6.641vw 1.302vw;
        margin-left: 15.755vw;
    }

    .ham {
        transform: scale(1);
    }

    #section-top::before {
        width: 234.375vw;
        height: 234.375vw;
        left: 18.880vw;
        top: -108.073vw;
    }

    #section-top .btn-call {
        font-size: 4.036vw;
        line-height: 1;
        width: 37.760vw;
        height: 11.979vw;
        margin-bottom: 9.375vw;
    }

    #logo-ant {
        width: 41.401vw;
        float: right;
        font-size: 3.255vw;
        padding: 3.125vw 2.995vw 0 17.750vw;
        background-size: 15.755vw 10.156vw;
        margin-bottom: 0;
        margin-top: 0.911vw;
        line-height: 1.2;
    }

    #gallery-big-img img {
        margin-top: 0;
        margin-bottom: 25px;
    }

    #prod-list-wrap, .flex-spb-t, #contacts {
        flex-direction: column
    }

    #product .back {
        margin: 19px 0 21px 0;
    }

    #product h1 {
        margin: 41px 0 12px 0;
    }

    .product-props-val {
        margin-bottom: 15px;
    }

    .product-props-table {
        margin-bottom: 35px;
    }

    .slider-back {
        width: 9.115vw;
        height: 7.422vw;
        border-right: solid 0.651vw #BDC6CF;
        background-size: 62% auto;
    }

    .slider-next {
        width: 8.724vw;
        height: 7.422vw;
        margin-right: 7.031vw;
        background-size: 59% auto;
    }

    .slider-curr-slide {
        font-size: 3.516vw;
    }

    .slider-count {
        font-size: 3.516vw;
        color: #BDC6CF;
        padding-left: 10.417vw;
        position: relative;
    }

    .slider-count:before {
        width: 6.641vw;
        left: 2.214vw;
        height: 0.521vw;
        top: 1.563vw;
    }

    #prod-list {
        padding-top: 6.250vw;
    }

    .prod-item-title {
        font-size: 9.505vw;
        margin-bottom: 1.432vw;
    }

    .prod-item-cat {
        font-size: 6.380vw;
        margin: 3.646vw 0 1.563vw 0;
    }

    .prod-item-more {
        position: static;
        font-size: 3.776vw;
        margin-top: 3.385vw;
        display: inline-block;
        padding-right: 4.167vw;
        margin-bottom: 2.083vw;
    }

    .prod-item.preimushestva {
        width: calc(100% + 12.500vw);
        max-width: calc(100% + 12.500vw);
        margin-left: -6.250vw;
        margin-top: 4.557vw;
        padding: 14.844vw 7.031vw;
    }

    .preimushestva .prod-item-title {
        text-align: center;
        margin-bottom: 0.781vw;
    }

    .preimushestva h5 {
        font-size: 6.380vw;
        text-align: center;
        max-width: 84%;
        margin: 0 auto 5.599vw auto;
    }

    .icon-left {
        padding: 1.302vw 1.302vw 1.302vw 20.443vw;
        font-size: 4.818vw;
        background-size: 15.495vw auto;
        margin-bottom: 5.599vw;
    }

    #sfera::before {
        content: initial
    }

    #sfera h2 {
        margin-bottom: 5.729vw;
    }

    #sfera h5 {
        max-width: 88.021vw;
        font-size: 4.818vw;
        margin: 4.948vw 0 11.198vw 0;
    }

    #sfera img {
        margin-bottom: 10.807vw;
        margin-top: 7.161vw;
    }

    #sfera p {
        font-size: 3.776vw;
    }

    #sfera .about {
        font-size: 4.818vw;
    }

    #lising {
        padding-top: 16.016vw;
    }

    #lising .b {
        font-size: 5.859vw;
        max-width: 100%;
        margin: 3.776vw 0 4.948vw 0;
    }

    #lising h2 {
        margin-bottom: 7.682vw;
    }

    #lising p, #lising li {
        font-size: 3.776vw;
    }

    #naves {
        padding-top: 14.583vw;
    }

    .naves-item-title {
        font-size: 4.297vw;
        margin: 2.865vw 0 1.302vw 0;
    }

    .naves-item p {
        font-size: 3.776vw;
    }

    .naves-item .img-wrap {
        font-size: 2.995vw
    }

    #contacts {
        padding-top: 14.193vw;
    }

    #contacts p {
        font-size: 4.818vw;
    }

    #contacts h2 {
        text-align: center;
        font-size: 12.891vw;
    }

    #contacts .right {
        position: absolute;
        width: calc(100% + 10.417vw);
        height: calc(100% + 10.417vw);
        left: 0.000vw;
        top: 0;
    }

    .prod-item .btn-call {
        position: static;
        display: block;
        font-size: 4.297vw;
        width: 43vw;
        height: 10vw;
        line-height: 4.297vw;
        margin-top: 3vw;
    }

    #contacts .left {
        position: relative;
        transition: .3s;
        z-index: 2;
        text-align: center
    }

    #contacts .left:active {
        opacity: 0
    }

    .slick-slide {
        margin-right: 18px;
    }

    .slick-slider {
        width: calc(100% + 18px);
    }

    .slick-list:after {
        width: 18px;
    }

    .slick-arrow {
        opacity: 0
    }
}

.surname {
    display: none
}

/*adaptive contacts*/
@media (max-width: 768px) {
    #contacts {
        display: block;
    }

    #contacts .left {
        width: 100%;
        padding-right: 0;
    }

    #contacts .right {
        width: 100%;
        margin-top: 100rem;
    }
}

@media (max-width: 1024px) and (min-width: 769px) {
    #contacts .left {
        width: 100%;
        padding-right: 0;
    }

    #contacts .right {
        width: 100%;
        margin-top: 3rem;
    }
}

@media (min-width: 1025px) {
    #contacts {
        display: flex;
    }

    #contacts .left {
        width: 30%;
        padding-right: 3rem;
    }

    #contacts .right {
        width: 70%;
    }
}



@media (max-width: 768px) {
    #section-top:before {
        display: none;
    }