.preloader {
    display: none
}

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

body, html {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%
}

body {
    color: #404040;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    background: url(../i/hbg.jpg);
    background-position: top;
    background-repeat: no-repeat
}

sub.body, sub.gen, sub.option, sub.sku, sub.years {
    font-size: 14px;
    margin: 5px 0 0;
    background: url(../i/c-years.webp) no-repeat left center;
    padding-left: 20px
}

sub.years {
    font-size: 18px;
    font-weight: bold;
    color: #fcaa14
}

sub.body {
    background: url(../i/c-body.webp) no-repeat left center
}

sub.option, sub.sku {
    background: url(../i/c-option.webp) no-repeat left center
}

.sub_opt_margin {
    margin-top: 5px;
    font-size: 14px;
    position: relative
}

sub.gen:hover:before {
    content: 'Поколение';
    position: absolute;
    top: -18px;
    left: -93px;
    border: 1px solid white;
    background: rgb(25, 55, 94);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 55, 94, 1)), to(rgba(38, 81, 142, 1)));
    background: linear-gradient(to bottom, rgba(25, 55, 94, 1) 0%, rgba(38, 81, 142, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19375e', endColorstr='#26518e', GradientType=0);
    color: white;
    padding: 5px 7px
}

sub.sku:hover:before {
    content: 'Еврокод';
    position: absolute;
    top: -18px;
    left: -74px;
    border: 1px solid white;
    background: rgb(25, 55, 94);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 55, 94, 1)), to(rgba(38, 81, 142, 1)));
    background: linear-gradient(to bottom, rgba(25, 55, 94, 1) 0%, rgba(38, 81, 142, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19375e', endColorstr='#26518e', GradientType=0);
    color: white;
    padding: 5px 7px
}

sub.body:hover:before {
    content: 'Тип кузова';
    position: absolute;
    top: -18px;
    left: -92px;
    border: 1px solid white;
    background: rgb(25, 55, 94);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 55, 94, 1)), to(rgba(38, 81, 142, 1)));
    background: linear-gradient(to bottom, rgba(25, 55, 94, 1) 0%, rgba(38, 81, 142, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19375e', endColorstr='#26518e', GradientType=0);
    color: white;
    padding: 5px 7px
}

sub.years:hover:before {
    content: 'Год выпуска';
    position: absolute;
    top: -18px;
    left: -101px;
    border: 1px solid white;
    background: rgb(25, 55, 94);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 55, 94, 1)), to(rgba(38, 81, 142, 1)));
    background: linear-gradient(to bottom, rgba(25, 55, 94, 1) 0%, rgba(38, 81, 142, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19375e', endColorstr='#26518e', GradientType=0);
    color: white;
    padding: 5px 7px;
    font-size: 14px;
    font-weight: 500
}

h1, h2, h3, h4 {
    margin: 0;
    padding: 0 0 5px 0;
    font-weight: normal
}

h1 {
    font-weight: bold;
    padding: 0;
    margin: 0;
    font-size: 23px;
    text-transform: none
}

h2 {
    padding-top: 18px;
    font-size: 20px;
    text-transform: none
}

.h3, h3, h4 {
    padding-top: 18px;
    font-size: 18px;
    text-transform: none
}

a {
    color: #19375e;
    font-family: 'Open Sans';
    text-decoration: underline
}

a:hover {
    color: #666;
    text-decoration: underline
}

.wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0 30px;
    width: auto;
    max-width: 1170px
}

.ali_btn_1, .btn {
    display: block;
    margin: 0 auto;
    padding: 14px 8px;
    width: 150px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #fba810;
    background: -moz-linear-gradient(top, #fed65f, #fba810);
    background-image: -o-linear-gradient(top, #fed65f, #fba810);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fed65f', endColorstr='#fba810');
    cursor: pointer
}

.btn.wide {
    width: 212px
}

.ali_btn_1:hover, .btn:hover {
    text-decoration: underline
}

ul {
    margin: 10px 0 0 20px;
    padding: 0
}

ul li {
    margin: 0 0 7px 0;
    padding: 0;
    list-style-type: disc
}

ol {
    padding-left: 40px
}

p {
    display: block;
    margin: 1em 0;
    line-height: 18px
}

input.field, textarea.field {
    width: 215px;
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 7px 10px;
    margin-bottom: 5px
}

.swiper-container {
    width: 100%
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.header-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 80px;
    width: 100%
}

.logo {
    width: 140px;
    margin-top: -11px
}

.slogan {
    width: 200px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    text-shadow: #000 1px 0 0px;
}

.header-contacts {
    position: relative;
    /*padding-right: 37px;*/
    /*width: 459px;*/
    font-family: 'Open Sans';
    color: #fff;
    font-size: 24px;
    text-align: right
}

.header-contacts:before {
    position: relative;
    top: 5px;
    display: inline-block;
    margin-top: -9px;
    margin-left: 0px;
    width: 23px;
    height: 26px;
    content: '';
    background-image: url(../i/mphone.webp);
    background-repeat: no-repeat;
    background-size: 100%
}

.call-link {
    border-bottom: 2px solid #cb8506
}

.header-contacts a {
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    font-size: 21px
}

.work-ours {
    display: inline-block;
    color: #fcaa14;
    font-size: 13px;
    text-align: right
}

.header-middle {
    padding-top: 40px
}

.feauters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.feauters-item {
    position: relative;
    padding-left: 47px;
    color: #fff;
    font-size: 13px;
    font-family: 'Open Sans';
    line-height: 17px
}

.feauters-item:first-child {
    width: 122px
}

.feauters-item:nth-child(2) {
    width: 106px
}

.feauters-item:nth-child(3) {
    width: 141px
}

.feauters-item:nth-child(4) {
    width: 179px
}

.feauters-item:nth-child(5) {
    width: 169px
}

.feauters-item:first-child, .feauters-item:nth-child(5) {
    color: #000
}

.feauters-item:before {
    position: absolute;
    left: -3px;
    top: -2px;
    margin: 0 auto;
    display: block;
    width: 42px;
    height: 47px;
    content: '';
    background-image: url(../i/mop1.webp);
    background-repeat: no-repeat;
    background-position: center
}

.feauters-item:first-child:before {
    top: -10px
}

.feauters-item:nth-child(2):before {
    position: absolute;
    display: block;
    content: '';
    background-image: url(../i/delivery-truck-with-circular-clock.webp)
}

.feauters-item:nth-child(3):before {
    position: absolute;
    display: block;
    content: '';
    background-image: url(../i/mop3.webp)
}

.feauters-item:nth-child(4):before {
    position: absolute;
    display: block;
    content: '';
    background-image: url(../i/mop4.webp)
}

.feauters-item:nth-child(5):before {
    position: absolute;
    display: block;
    content: '';
    background-image: url(../i/mop5.webp)
}

.header-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px
}

.swaip {
    display: none;
    width: 30px;
    height: 22px;
    cursor: pointer;
    margin-right: 20px;
    text-transform: uppercase;
    font-weight: bold;
    position: absolute;
    top: 30px;
    right: 21px;
    z-index: 1
}

.swaip span {
    display: block;
    position: absolute;
    width: 30px;
    height: 3px;
    background: #18355c;
    margin: 0 auto
}

.sw_midle {
    margin-top: 9px !important
}

.sw_bottom {
    margin-top: 19px !important
}

.search-generation {
    padding-left: 10px
}

.search-property {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
    padding: 20px;
    width: 100%;
    background-color: #132741;
    background: -moz-linear-gradient(top, #19375f, #132741);
    background-image: -o-linear-gradient(top, #19375f, #132741);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19375f', endColorstr='#132741')
}

.search-title {
    position: relative;
    display: block;
    width: 125px;
    height: 100%;
    font-family: 'Open Sans';
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    text-transform: uppercase;
    padding-top: 20px
}

.search-title:after {
    position: absolute;
    top: -8px;
    right: 0;
    display: block;
    content: '';
    width: 2px;
    height: 66px;
    background: #fcaa14;
    margin-top: 20px
}

.glass-search .brand, .glass-search .model, .glass-search .type {
    position: relative;
    float: left;
    margin-right: 8px;
    width: 230px;
    height: 42px;
    background: url(../i/nsibg.webp) 0 0 no-repeat
}

.form_left_items {
    float: left
}

.glass-search .brand {
    background-position: 0 0px
}

.glass-search .model {
    background-position: 0 -42px
}

.glass-search .model ul {
    margin: 0
}

.glass-search .type {
    background-position: 0 -84px
}

.glass-search input {
    position: absolute;
    left: 2px;
    top: 3px;
    padding: 0 10px;
    width: 108px;
    height: 38px;
    font-size: 16px;
    line-height: 38px;
    outline: none;
    border: none
}

.glass-search .field {
    position: relative;
    float: left;
    margin-right: 8px;
    width: 230px;
    height: 42px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.glass-search .field label {
    color: white;
    font-size: 1.2em;
    cursor: pointer
}

.glass-search .field input[type=text] {
    width: 228px;
    height: 38px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.glass-search .field input[type=checkbox] {
    width: 1.2em;
    height: 1.2em;
    position: static;
    cursor: pointer
}

.glass-search .field .row {
    margin-top: 2px
}

.clear_b {
    clear: both
}

.glass-search select {
    position: absolute;
    left: 2px;
    top: 3px;
    width: 226px;
    height: 38px;
    font-size: 16px;
    outline: none;
    border: 0
}

.glass-search .brand .helper, .glass-search .model .helper {
    position: absolute;
    right: 0;
    display: block;
    width: 45px;
    height: 42px
}

.glass-search .model .helper.muted, .glass-search .model .helper.muted:hover {
    background: url(../i/nsih.webp) 0 -42px no-repeat;
    cursor: default
}

.glass-search .trigger-search {
    float: left;
    width: 39px;
    height: 42px;
    margin: 0;
    background: url(../i/nsbtn2.webp) no-repeat;
    position: static
}

.glass-search div > ul {
    position: absolute;
    background: #fff;
    top: 41px;
    padding: 0;
    margin: 0;
    list-style: none;
    border: 1px solid #5175b8;
    width: 230px;
    z-index: 500;
    max-height: 204px;
    overflow-y: auto;
    overflow-x: hidden;
    display: none
}

.glass-search div > ul.visible {
    display: block
}

.glass-search div > ul > li {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #1e3553;
    text-transform: uppercase;
    border-bottom: 1px solid #efefef;
    padding: 5px;
    cursor: pointer
}

.glass-search div > ul > li:hover {
    background: #fba50c
}

.glass-search div > ul > li img {
    width: 40px;
    height: 40px;
    vertical-align: middle;
    margin: 0 5px 0 0
}

.search-code {
    float: left;
    width: 30%;
    background: #fcaa14
}

.euro-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 317px
}

.euro-search input {
    margin: 24px 0 0 29px;
    padding: 0 17px;
    width: 179px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    border: 1px solid #e29509
}

.euro-search a {
    display: block;
    margin: 24px 0 0 17px;
    width: 39px;
    height: 42px;
    background: url(../i/nsbtn2.webp) no-repeat
}

.content {
    margin-bottom: 20px
}

.sidebar-left {
    float: left;
    width: 17.5%;
    margin-right: 1%
}

.center {
    float: left;
    margin-top: 10px;
    padding: 10px 10px 20px 10px;
    width: 57%;
    font-size: 14px;
    border: 2px solid #fff;
    border-radius: 0px;
    background: #FFFFFF;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}

.sidebar-right {
    float: left;
    width: 23.5%;
    margin-left: 1%
}

nav#SwaipMenu {
    padding: 0 4px;
    width: 100%;
    margin-top: 10px
}

nav#SwaipMenu > ul {
    padding: 10px 0;
    background: #18355c;
    list-style: none;
    margin: 0;
    -webkit-box-shadow: 2px 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.3)
}

nav#SwaipMenu ul li {
    position: relative;
    list-style: none;
    margin: 0
}

nav#SwaipMenu ul li.action {
    background: #fcaa14
}

nav#SwaipMenu > ul > li > a {
    display: block;
    text-decoration: none;
    padding: 12px 12px 12px 12px;
    color: #fff;
    text-align: left;
    position: relative;
    border-bottom: 1px solid #fff
}

nav#SwaipMenu > ul > li.action > a {
    color: #18355c
}

nav#SwaipMenu > ul > li > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 0px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    overflow: hidden
}

nav#SwaipMenu > ul > li > ul > li > a {
    padding: 2px 12px 10px 40px;
    color: #fff;
    display: block
}

nav#SwaipMenu ul li a.active + ul {
    height: auto;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-bottom: 1px solid #fff
}

nav#SwaipMenu ul li:last-child a {
    border: none
}

nav#SwaipMenu ul li a i {
    float: left;
    font-size: 20px;
    margin: 0 7px 12px 0;
    display: none
}

nav#SwaipMenu ul li a em {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    font-style: normal
}

nav#SwaipMenu ul li a small {
    display: block;
    font-size: 10px
}

nav > ul li a em, nav > ul li a i, nav > ul li a small {
    position: relative;
    transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -webkit-transition: all 300ms linear
}

nav > ul li:hover > a i {
    opacity: 1;
    -webkit-animation: moveFromTop 300ms ease-in-out;
    animation: moveFromTop 300ms ease-in-out
}

nav > ul li:hover a em {
    opacity: 1;
    -webkit-animation: moveFromLeft 300ms ease-in-out;
    animation: moveFromLeft 300ms ease-in-out
}

nav > ul li:hover a small {
    opacity: 1;
    -webkit-animation: moveFromRight 300ms ease-in-out;
    animation: moveFromRight 300ms ease-in-out
}

nav > ul li:hover > a, nav > ul > li > ul > li > a.active {
    color: #fcaa14
}

nav > ul li.action:hover > a, nav > ul > li > ul > li.action > a.active {
    color: #18355c
}

nav > ul > li > a.active {
    position: relative;
    color: #fcaa14;
    border: 0;
    box-shadow: 0 0 5px #000;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    border-left: 4px solid #fcaa14;
    border-right: 4px solid #fcaa14;
    margin: 0 -4px
}

nav > ul > li.action > a.active {
    color: #18355c
}

nav > ul > li > a.active.noline {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

nav > ul > li > a.active:before {
    content: "";
    position: absolute;
    top: 42%;
    left: 0;
    border-left: 5px solid #fcaa14;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

nav > ul > li > a.active:after {
    content: "";
    position: absolute;
    top: 42%;
    right: 0;
    border-right: 5px solid #fcaa14;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

@-webkit-keyframes moveFromTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200%);
        transform: translateY(200%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@-webkit-keyframes moveFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(200%);
        transform: translateX(200%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-webkit-keyframes moveFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

.banner-delivery {
    display: block;
    margin-top: 10px;
    -webkit-box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.3)
}

.banner-delivery img {
    width: 100%
}

.banner-detail {
    display: block;
    margin: 10px 0 0 0;
    padding-top: 194px;
    padding-bottom: 25px;
    width: 100%;
    background: url(../i/nrepair.jpg) 0 0 no-repeat;
    background-position: center;
    overflow: hidden;
    text-decoration: none;
    border-radius: 10px
}

.link-detail {
    display: block;
    margin: 0 auto;
    padding: 0 10px;
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    color: #12253e;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

.banner-info {
    display: block;
    margin-top: 10px;
    padding: 10px 12px;
    font-size: 12px;
    background: #FFFFFF;
    border: 2px solid #fff;
    -webkit-box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.3)
}

.banner-info-brands {
    padding: 10px 14px
}

.banner-info-title {
    padding-top: 18px;
    font-family: 'Open Sans';
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    text-transform: none
}

.banner-info p {
    margin: 12px 0;
    line-height: 15px
}

.main-title {
    font-weight: bold
}

.vendors-showcase {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.vendors-showcase li {
    width: 33.33%;
    list-style: none;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0 5px 15px
}

.vendors-showcase li img {
    display: block;
    margin: 10px auto 10px
}

.models-showcase {
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 20px 0 0
}

.models-showcase li {
    font-size: 18px;
    float: left;
    width: 25%;
    text-align: left;
    vertical-align: top;
    padding: 0 10px 15px 0;
    margin: 0;
    list-style: none
}

.brands-showcase {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
    text-align: center;
    overflow: hidden
}

.brands-showcase li {
    -ms-flex-preferred-size: 16.5%;
    flex-basis: 16.5%;
    width: 87px;
    height: 87px;
    list-style: none;
    cursor: pointer
}

.brands-showcase .item {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    cursor: default;
    -webkit-perspective: 900px;
    -o-perspective: 900px;
    -ms-perspective: 900px;
    perspective: 900px
}

.brands-showcase .info {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    cursor: pointer
}

.brands-showcase .info > div {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%
}

.brands-showcase .info .info-back {
    border: 2px solid #e1e1e1;
    -webkit-transform: translate3d(0, 0, -87px) rotate3d(1, 0, 0, 90deg);
    transform: translate3d(0, 0, -87px) rotate3d(1, 0, 0, 90deg);
    background: #000;
    opacity: 0
}

.brands-showcase .info a {
    display: block;
    margin-left: 0;
    padding: 35px 10px 0 10px;
    height: 52px;
    color: #fff;
    font-size: 12px;
    text-align: center
}

.brands-showcase .item:hover .info-front {
    -webkit-transform: translate3d(0, 117px, 0) rotate3d(1, 0, 0, -90deg);
    transform: translate3d(0, 117px, 0) rotate3d(1, 0, 0, -90deg);
    opacity: 0
}

.brands-showcase .item:hover .info-back {
    -webkit-transform: rotate3d(1, 0, 0, 0deg);
    transform: rotate3d(1, 0, 0, 0deg);
    opacity: 1
}

.brands-collapse {
    width: 210px;
    font-size: 14px
}

.brands-collapse:hover {
    color: #fff;
    text-decoration: none
}

.minimap {
    position: relative;
    margin: 10px auto 0;
    width: 230px;
    height: 268px;
    border-radius: 8px;
    background: url(../i/mmap.jpg) no-repeat;
    background-size: contain;
    background-position: center
}

.mark {
    background: url(../i/mark.webp) no-repeat;
    width: 25px;
    height: 28px;
    position: absolute;
    text-indent: -9999px
}

.mark-1 {
    left: 22px;
    top: 93px
}

.mark-2 {
    left: 65px;
    top: 88px
}

.mark-3 {
    left: 43px;
    top: 163px
}

.mark-4 {
    left: 15px;
    top: 115px
}

.mark-5 {
    left: 0px;
    top: 65px
}

.mark-6 {
    left: 37px;
    top: 55px
}

#hotspot {
    font-size: 16px;
    padding: 10px;
    background: #fff;
    position: absolute;
    border: 2px solid #fff;
    -webkit-box-shadow: 2px 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.3);
    font-size: 10px;
    width: 100px;
    display: none;
    border-radius: 8px
}

.time {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(24%, rgba(237, 237, 237, 1)), color-stop(46%, rgba(254, 254, 254, 1)), color-stop(72%, rgba(237, 237, 237, 1)));
    background: linear-gradient(180deg, rgba(237, 237, 237, 1) 24%, rgba(254, 254, 254, 1) 46%, rgba(237, 237, 237, 1) 72%);
    border-bottom: 1px #bebebe solid
}

.minibar .banner-info {
    margin-top: 0;
    padding: 0;
    border: none
}

.minibar ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.minibar ul li {
    display: block;
    margin: 0;
    padding: 5px 0 0;
    height: 43px;
    font-size: 14px;
    font-weight: bold;
    color: #464646;
    text-align: center;
    border-bottom: 1px #bebebe solid;
    cursor: pointer
}

.minibar ul li a {
    color: #464646;
    text-decoration: none
}

.minibar ul li:last-child {
    border: none
}

.minibar ul li.hover, .minibar ul li.hover a, .minibar ul li:hover, .minibar ul li:hover a {
    color: #fff;
    background: #18355c
}

.price-table {
    width: 100%;
    margin-top: 15px
}

.price-table-row {
    display: table;
    width: 100%
}

.price-table-col {
    display: table-cell;
    padding: 5px;
    width: 56%
}

.price-table-name {
    font-size: 16px;
    text-align: right
}

.price-table-name-how-much {
    font-size: 16px;
    color: rgb(153, 0, 51)
}

.btn-order {
    margin-top: 20px;
    width: 100%;
    font-size: 14px
}

.btn-order:hover {
    color: #fff;
    text-decoration: none
}

.btn-service {
    display: block;
    padding: 14px 21px;
    width: 365px
}

.brands-list {
}

.brands-list-item {
    margin: 20px 0;
    padding: 5px;
    text-align: center;
    background: #FFFFFF;
    border: 2px solid #fff;
    border-radius: 0px;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3)
}

.brands-link {
    display: block;
    text-align: center
}

.jquery-image-zoom {
    z-index: 100;
    margin: -5px;
    font-size: 0;
    line-height: 0;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}

.jquery-image-zoom a {
    position: absolute;
    right: -17px;
    top: -17px;
    z-index: 11;
    display: block;
    width: 25px;
    height: 25px;
    text-decoration: none;
    text-indent: -100000px;
    background: url(../i/iz.webp) no-repeat;
    outline: 0
}

.jquery-image-zoom a:hover {
    background-position: left -25px
}

.jquery-image-zoom div, .jquery-image-zoom embed, .jquery-image-zoom img, .jquery-image-zoom object {
    width: 100%;
    height: 100%;
    margin: 0
}

#portfolio div {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important
}

footer {
    position: relative;
    color: #FFFFFF;
    background: #f3b24c;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, from(#f3b24c), to(#f79100));
    background: linear-gradient(to bottom, #f3b24c 0%, #f79100 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3b24c', endColorstr='#f79100', GradientType=0);
    border-top: 1px solid #666
}

.footer-title {
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
    text-align: center
}

.footer-contacts {
    width: 587px;
    margin: 0 auto;
    color: #fff;
    background: url('../i/phonefooter_1.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-position: 46% 106%
}

.footer-contacts span {
    display: block;
    font-size: 16px
}

.footer-contacts a {
    color: #fff;
    font-weight: normal;
    text-decoration: underline
}

.adress-title {
    float: left;
    margin-left: 3%
}

.our-contacts-title {
    float: right;
    margin-right: 12%
}

.contacts-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin-top: 20px
}

.contacts-content-item {
}

.footer-contacts .footer-phone {
    text-decoration: none
}

.footer-contacts .footer-email {
    font-weight: bold
}

.footer-contacts .footer-conf {
    font-size: 12px
}

.copyright {
    margin-top: 20px;
    color: #fff;
    text-align: center;
    text-transform: uppercase
}

.wesma {
    float: right
}

.wesma a {
    color: #fff
}

.yandex {
    float: left;
    margin-left: 37%
}

.breadcrumbs {
    background: #eee;
    border: 1px solid;
    border-color: #f5f5f5 #e5e5e5 #ccc;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .2);
    box-shadow: 0 0 2px rgba(0, 0, 0, .2);
    overflow: hidden;
    width: 100%;
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0
}

.breadcrumbs li {
    float: left;
    margin: 0;
    padding: 0
}

.breadcrumbs li a {
    font-size: 11px;
    padding: .7em 1em .7em 1em;
    float: left;
    text-decoration: none;
    color: #444;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    background-color: #ddd;
    background-image: -webkit-gradient(linear, left top, right top, from(#f5f5f5), to(#ddd));
    background-image: linear-gradient(to right, #f5f5f5, #ddd)
}

.breadcrumbs li:first-child a {
    padding-left: 1em;
    border-radius: 5px 0 0 5px
}

.breadcrumbs li:last-child a {
    padding-left: 2em
}

.breadcrumbs a:hover {
    background: #fff
}

.breadcrumbs a:after, .breadcrumbs a:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-top: 1.5em solid transparent;
    border-bottom: 1.5em solid transparent;
    border-left: 1em solid;
    right: -1em
}

.breadcrumbs a:after {
    border-left-color: #ddd
}

.breadcrumbs a:before {
    border-left-color: #ccc;
    right: -1.1em
}

.breadcrumbs a:hover:after {
    border-left-color: #fff
}

.breadcrumbs .current, .breadcrumbs .current:hover {
    font-weight: bold;
    background: none
}

.breadcrumbs .current:after, .breadcrumbs .current:before {
    content: normal
}

.services-info {
    margin-top: 10px;
    font-size: 16px;
    border-top: 3px rgb(204, 204, 204) solid;
    border-bottom: 3px rgb(204, 204, 204) solid
}

.services-info-item {
    padding: 26px 0;
    padding-left: 108px
}

.services--back-uninstall {
    background: url(../i/back-uninstall.jpg);
    background-position: left;
    background-repeat: no-repeat
}

.services--back-wash {
    background: url(../i/back-wash.webp);
    background-position: left;
    background-repeat: no-repeat
}

.services--back-garanty {
    background: url(../i/back-garanty.jpg);
    background-position: left;
    background-repeat: no-repeat
}

.services--back-price {
    padding: 1px 0;
    padding-left: 108px;
    background: url(../i/back-price.jpg);
    background-position: left;
    background-repeat: no-repeat
}

.services--back-recomend {
    background: url(../i/back-recomend.webp);
    background-position: left;
    background-repeat: no-repeat
}

select {
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 7px 5px;
    width: 237px
}

td.gap select {
    border-radius: 0
}

.overlay {
    background: #000000;
    display: none;
    left: 0;
    top: 0;
    opacity: 0.8;
    position: fixed;
    width: 100%;
    height: 100%
}

.modal-form {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    display: none;
    margin: auto;
    padding: 5px 15px 10px 15px;
    width: 360px;
    font-size: 14px;
    background: #ffffff;
    border: 3px solid #adadad;
    border-radius: 0px;
    -webkit-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000
}

.close {
    position: absolute;
    top: -17px;
    right: -17px;
    display: block;
    width: 34px;
    height: 35px;
    background: url(../i/overlay-close.webp) no-repeat 0px 0px;
    cursor: pointer
}

.close:hover {
    background-position: 0 -35px
}

.modal-form .close:hover {
    background-position: 0 -35px
}

.modal-form-title {
    padding: 18px 0;
    font-size: 18px;
    text-transform: none
}

.modal-form-row label {
    display: block;
    margin: 8px 0
}

.modal-form-row input, .modal-form-row select, .modal-form-row textarea.field {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 7px 10px;
    margin-bottom: 5px
}

.modal-form-row input.notfilled {
    background: #fba810
}

.call-modal-btn {
    margin-top: 10px
}

.brand-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    display: none;
    margin: auto;
    width: 1038px;
    height: 550px;
    background: #fff
}

.brand-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 26px;
    height: 26px;
    background: url(../i/iclose.webp) no-repeat
}

.inext, .iprev {
    background: url(../i/owl-nav.webp) 0 0 no-repeat;
    width: 76px;
    height: 76px;
    position: absolute;
    display: block;
    z-index: 1000;
    top: 229px
}

.iprev {
    left: -36px;
    background-position: -76px 0
}

.iprev:hover {
    background-position: -76px -76px
}

.inext {
    right: -36px
}

.inext:hover {
    background-position: 0 -76px
}

.pre-box-title {
    margin: 0;
    padding: 40px 0 19px 0;
    font-size: 24px;
    color: #1e3553;
    text-align: center;
    text-transform: uppercase
}

.pre-box input {
    display: block;
    margin: 0 auto;
    padding: 10px 18px;
    width: 630px;
    border: 1px solid #e4e4e4;
    border-top: 2px solid #e4e4e4
}

.owl-brands {
    margin: 0 auto !important;
    margin-top: 30px !important;
    width: 90% !important
}

.item {
    width: 300px;
    height: 378px
}

.item .node {
    background: url(../i/owl-node-bg.webp) repeat-y 0 0;
    position: relative
}

.letter {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 37px;
    height: 46px;
    font-size: 18px;
    font-weight: bold;
    line-height: 37px;
    color: #ffffff;
    text-align: center;
    background: #19375e;
    border-top: 9px solid #fff
}

.item a {
    position: relative;
    display: table;
    margin-left: 50px;
    padding-left: 60px;
    height: 54px;
    font-size: 16px
}

.item a span {
    display: table-cell;
    vertical-align: middle
}

.item a img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 44px !important;
    height: 44px
}

.table-list {
    width: 100%
}

.table-list td {
    padding: 5px 0;
    line-height: 25px;
    vertical-align: middle
}

.table-list td p {
    margin: 0.2em 0
}

.table-list span {
    color: rgb(255, 0, 0)
}

.table-adress {
    width: 100%
}

.fixed-form {
    position: fixed;
    bottom: 275px;
    left: -300px;
    z-index: 1000;
    padding: 20px;
    width: 300px;
    height: 200px;
    background: #fff;
    font-size: 12px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    border: 5px solid #18355c;
    border-radius: 0
}

.fixed-form-zoom {
    top: 50% !important;
    margin-top: -100px !important
}

.fixed-form-width {
    width: calc(100% - 22px) !important;
    margin-left: 36px !important
}

.fixed-form input.field {
    width: 100%
}

.fixed-form strong {
    font-size: 14px
}

.call-link-modal {
    display: block;
    margin: 0 auto;
    border-bottom: 2px solid #cb8506
}

.img-content {
    width: 100%
}

table.works {
    border-collapse: collapse;
    width: 100%;
    margin: 10px 0;
    border: 1px solid #ccc
}

table.works tr {
    background: #fff;
    border-bottom: 1px dotted #999
}

table.works tr:hover {
    background: #fed156
}

table.works tr td {
    border-right: 1px solid #ccc
}

table.works thead tr {
    background: #eaeaea
}

table.works thead tr th {
    padding: 5px 10px
}

table.works thead tr th:first-child {
    text-align: left
}

table.works thead tr th:last-child {
    text-align: right
}

table.works thead p {
    font-weight: normal
}

table.works tr:last-child {
    border-bottom: none
}

table.works td {
    padding: 5px 10px
}

table.works td:last-child {
    text-align: right
}

.mdrn-button {
    background: #000;
    width: 196px;
    padding-top: 6px;
    height: 29px;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    text-align: center;
    font-size: 17px;
    color: #fff;
    text-decoration: none;
    border-radius: 7px
}

.banner-content {
}

.banner-content div:first-child {
    float: left
}

.banner-content div:last-child {
    float: right;
    padding: 40px 0
}

#navigation {
    margin: 0 auto
}

#navigation a {
    display: inline-block;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    padding: 8px 12px;
    background: -moz-linear-gradient(top, #6b6b6b 0%, #242424);
    background: -webkit-gradient(linear, left top, left bottom, from(#6b6b6b), to(#242424));
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #000;
    -moz-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.7);
    text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.3);
    margin: 10px 5px
}

#navigation a.selected, #navigation a:hover {
    color: #ffcc00;
    background: -moz-linear-gradient(top, #174bb0 0%, #75a3ff);
    background: -webkit-gradient(linear, left top, left bottom, from(#174bb0), to(#75a3ff));
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #00359d;
    -moz-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.7);
    text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.3)
}

.details {
}

.details td, .details th {
    font-family: 'Open Sans';
    font-size: 13px;
    border: 1px solid #cccccc;
    padding: 5px 7px;
    vertical-align: middle
}

.details tr.items-group-title td {
    border: none;
    padding: 5px 0
}

.details tr.items-group-title:first-child h2 {
    padding-top: 0px
}

.details td strong {
    font-size: 16px;
    color: #19375e
}

.details tr td {
    background: #fff
}

.details tr:nth-child(2n) td {
    background: #f3f3f3
}

.details tr > td > a > span, .details tr > td > span {
    font-weight: bold
}

i.helper {
    display: inline-block;
    border: 1px solid #000;
    border-radius: 100%;
    width: 18px;
    height: 18px;
    margin-left: 10px;
    line-height: 15px;
    font-style: normal;
    cursor: pointer
}

i.helper:hover {
    background: #ff7200;
    color: #fff
}

.details tr td.price span {
    background: url(../i/rur.webp) right 6px no-repeat;
    padding-right: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #339034;
    white-space: nowrap
}

.details tr:hover .price span {
    background-position: right -52px;
    color: #ff7200
}

.details tr.v1:hover td {
    border-color: #fff;
    border-top: 4px solid #19375e;
    border-bottom: 4px solid #19375e;
    padding-top: 4px
}

.details tr.v2:hover td {
    border-color: #f3f3f3;
    border-top: 4px solid #19375e;
    border-bottom: 4px solid #19375e;
    padding-top: 4px
}

.details tr.v1:hover td:first-child, .details tr.v2:hover td:first-child {
    border-left: 4px solid #19375e;
    padding-left: 6px
}

.details tr.v1:hover td:last-child, .details tr.v2:hover td:last-child {
    border-right: 4px solid #19375e;
    padding-right: 5px
}

.details tr.splr {
    display: none
}

.details th {
    background: rgb(25, 55, 94);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 55, 94, 1)), to(rgba(38, 81, 142, 1)));
    background: linear-gradient(to bottom, rgba(25, 55, 94, 1) 0%, rgba(38, 81, 142, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19375e', endColorstr='#26518e', GradientType=0);
    color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    padding: 10px
}

.details tr:hover .fast-order {
    background-position: 0 -40px
}

.details tr .fast-order {
    background: url(../i/buy-3.png) 0 0;
    width: 52px;
    height: 30px;
    display: block;
    text-indent: -9999px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.details td strong {
    font-size: 16px;
    color: #19375e
}

.filter-table {
    display: table;
    margin: 20px 0;
    width: 100%
}

.filter-table-cell {
    display: table-cell
}

.filter-table-cell:first-child {
    width: 68px
}

.after {
    clear: both;
    border-radius: 8px;
    -webkit-box-shadow: 2px 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.3);
    margin: 20px 0 0 5px;
    display: block;
    float: left;
    padding-bottom: 10px
}

.after > b {
    color: #fff;
    font-family: 'Open Sans';
    font-weight: bold;
    font-size: 16px;
    display: block;
    padding: 5px 10px 5px 10px;
    height: 32px;
    text-align: center;
    background-color: #132741;
    background: -moz-linear-gradient(top, #19375f, #132741);
    background-image: -o-linear-gradient(top, #19375f, #132741);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19375f', endColorstr='#132741')
}

.after ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0 10px
}

.after ul > li {
    padding: 0;
    margin: 10px 13px 0 13px;
    list-style-type: none
}

.after ul > li > a {
    display: block;
    text-decoration: none
}

.after ul > li > a:hover {
    text-decoration: none
}

.after ul > li > a > img {
    margin: 0 auto;
    display: block
}

.after ul > li > a > span {
    font-size: 16px;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 1px 1px 5px #b5b5b5;
    box-shadow: 1px 1px 5px #b5b5b5;
    border: 1px solid #e1e1e1;
    padding: 5px 18px;
    background: url(../i/fltbg.webp) repeat-x;
    display: block;
    height: 31px;
    text-align: center;
    color: #19375e;
    text-decoration: none
}

.after ul > li > a:hover > span {
    background-position: 0px -60px;
    color: #fff
}

.vfilter {
    background: no-repeat;
    width: 250px;
    height: 165px;
    margin: 0 auto
}

.filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    margin: 10px 0 10px;
    padding: 0;
    overflow: hidden;
    height: 40px
}

.filters li {
    -ms-flex-preferred-size: 27%;
    flex-basis: 27%;
    display: block;
    height: 30px;
    margin: 0 5px
}

.filters li:last-child {
    margin-right: 0
}

.filters li a {
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 5px #b5b5b5;
    box-shadow: 1px 1px 5px #b5b5b5;
    border: 1px solid #e1e1e1;
    padding: 7px 5px 0;
    background: #f1f1f2;
    display: block;
    height: 100%;
    text-align: center;
    color: #19375e;
    text-decoration: none;
    width: 100%
}

.filters li a:hover {
    color: #fff;
    background: #728fb1
}

.filters li a.active {
    background-color: #728fb1;
    color: #FFFFFF
}

.modal-form-row {
    display: table;
    width: 100%
}

.modal-form-row.hidden {
    display: none
}

.modal-hid {
    display: block;
    padding-left: 150px
}

.modal-hid input {
    width: auto
}

.card-x {
    display: block;
    color: #19375e
}

.card-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.card-info-table {
    -ms-flex-preferred-size: 65%;
    flex-basis: 65%
}

.x-card td {
    padding: 5px;
    background: #f1f1f1
}

.x-card {
    border-collapse: collapse;
    background: #fff;
    width: 100%
}

.x-card tr:nth-child(2n) td {
    background: #ffffff
}

.card-info-action {
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
    background: #19375e;
    color: #ffffff;
    vertical-align: top;
    text-align: center;
    padding: 5px
}

.card-info-action b {
    background: url(../i/chk2.webp) 10px 7px no-repeat;
    display: block;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
    padding: 0 0 7px 50px;
    margin-bottom: 15px
}

.card-info-action a {
    display: block;
    font-weight: bold;
    background: #fff;
    color: #86bd2c;
    border: 3px solid #86bd2c;
    padding: 5px;
    margin-top: 10px;
    text-decoration: none;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.card-info-action a:hover {
    background: #86bd2c;
    color: #fff;
    border: 3px solid #fff;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.wsetup {
    font-size: 14px;
    display: block
}

.wosetup {
    font-size: 25px;
    font-weight: bold;
    display: block;
    margin: 5px 0
}

.analogs-container {
    height: 147px;
    position: relative;
    margin: 20px auto 30px
}

.analogs-slider {
    width: 90%;
    height: 147px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    z-index: 0
}

.analogs-slider > ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative
}

.analogs-slider-item {
    background: #f1f1f1;
    font-size: 13px;
    position: relative;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    text-align: center;
    height: 147px
}

.analogs-slider-item a {
    color: #262626;
    display: block;
    text-decoration: none;
    line-height: 25px;
    padding-top: 15px
}

.analogs-slider-item a:hover {
    color: #fff;
    background: #19375e
}

.analogs-slider-item span {
    color: #19375e;
    font-size: 13px;
    text-decoration: underline
}

.analogs-slider-item span.b {
    color: #262626;
    font-weight: bold;
    text-decoration: none
}

.analogs-slider-item a:hover span {
    color: #fff
}

.an-next, .an-prev {
    background: url(../i/nva.webp) 0px 0px no-repeat;
    width: 30px;
    height: 147px;
    display: block;
    position: absolute;
    left: 0px
}

.an-prev:hover {
    background-position: 0px -147px
}

.an-next {
    border: none;
    width: 30px;
    background-position: -30px 0;
    right: 0px;
    left: auto
}

.an-next:hover {
    background-position: -30px -147px
}

.an-next, .an-prev {
    display: none
}

.analogs-container.active .an-next, .analogs-container.active .an-prev {
    display: block
}

.table-fotos {
    margin: auto
}

.foto-link-wrapper {
    display: table;
    width: 100%
}

.foto-link {
    display: table-cell;
    padding: 0 1px
}

.foto-link:first-child {
    padding-left: 0
}

.foto-link:last-child {
    padding-right: 0
}

.foto-link img {
    max-width: 204px
}

.cart-block {
    font-family: Arial;
    font-size: 14px;
    padding: 16px;
    border: 2px solid #eeeeee;
    margin-top: 10px;
    overflow: hidden
}

.order-sum {
    background: #6699ff;
    color: #fff;
    text-align: center;
    padding: 22px;
    float: right
}

.order-sum span {
    font-size: 24px;
    display: block
}

.cart-block h3 {
    padding: 0 0 5px
}

.cart-block select {
    border-radius: 0px;
    border: 2px solid #e8e8e8;
    outline: none;
    float: right;
    width: 384px
}

.table-info-order {
}

.order-info td {
    padding: 7px 5px 0 0
}

.order-customer td {
    padding: 6px 0 6px 0
}

.options {
    list-style: none;
    overflow: hidden;
    margin: 10px 0 13px;
    padding: 0;
    display: table;
    max-width: 800px
}

.options li {
    font-size: 14px;
    width: 33.33%;
    padding: 0 7px 0 7px;
    cursor: pointer;
    list-style: none;
    display: table-cell
}

.options li > div {
    background: url(../i/icons.webp) center -114px no-repeat;
    height: 75px;
    display: block;
    overflow: hidden;
    width: 100%
}

.options li:first-child > div {
    background-position: center -234px
}

.options li:nth-child(2) > div {
    background-position: center -114px
}

.options li:nth-child(3) > div {
    background-position: center 6px
}

.options .delivery-icon {
    background: url(../i/auto-delivery.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.options li input {
    display: none
}

.options li span {
    background: url(../i/radio.webp) left 6px no-repeat;
    display: block;
    padding-left: 26px;
    min-height: 28px;
    position: relative
}

.options li span.active {
    background-position: left -56px
}

.dlv {
    text-align: center;
    width: 180px;
    display: block;
    line-height: 30px;
    float: left
}

.cart-sublock {
    margin-top: 10px
}

.cart-block {
    width: 100%;
    display: table
}

.cart-block.left, .cart-block.right {
    width: 50%;
    display: table-cell
}

.cart-block.right {
    background: #f5f5f5
}

.cart-block.has-line {
    background: url(../i/gr.webp) right 50px no-repeat
}

.checkbox {
    background: url(../i/chk.webp) 0px -24px no-repeat;
    padding-left: 30px;
    display: block;
    height: 23px;
    line-height: 23px;
    margin-top: 8px;
    cursor: pointer
}

.checkbox.active {
    background-position: 0 0
}

.checkbox input, .options li input {
    display: none
}

input.f2 {
    padding: 0 15px;
    line-height: 37px;
    width: 220px;
    height: 37px;
    border: 3px solid #e8e8e8;
    outline: none
}

input.f2.name.ph {
    background-position: 0px 0px
}

input.f2.name.ph.notfilled {
    background-position: -220px 0px
}

input.f2.phone.ph {
    background-position: 0px -37px
}

input.f2.phone.ph.notfilled {
    background-position: -220px -37px
}

span.required_field:after {
    content: '*';
    right: 8px;
    top: 4px;
    position: absolute;
    color: red;
    font-size: 1.5em
}

span.required_field {
    vertical-align: top;
    position: relative;
    display: inline-block
}

.fill_notify_row
td {
    padding-left: 80px;
    padding-top: 0;
    padding-bottom: 15px;
    color: red
}

textarea.f2 {
    border: 3px solid #e8e8e8 !important;
    padding: 10px 15px;
    width: 220px;
    height: 67px;
    border: none;
    outline: none;
    resize: none
}

.back2back {
    background: url(../i/back.webp) 5px center no-repeat;
    padding: 10px 15px 10px 25px;
    text-transform: uppercase;
    border: 2px solid #e8e8e8;
    display: block;
    margin-top: 12px;
    float: left
}

.btn-oconfirm {
    background: url(../i/confirm-2.png) no-repeat;
    width: 220px;
    height: 50px;
    text-indent: -999em;
    display: block;
    opacity: 0.8
}

.btn-oconfirm:hover {
    opacity: 1
}

.delivery {
    text-align: center;
    width: 180px;
    display: block;
    line-height: 30px;
    float: left
}

.table-responsive tr td img {
    display: block
}

.service_price_first_col {
    text-align: left
}

.td_mobile_header {
    background-color: #eaeaea;
    font-weight: bold;
    text-align: center;
    display: none
}

.header-socials {
    display: flex;
    align-items: center;
}
.header-socials a {
    margin-right: 10px;
}
.header-socials img {
    width: 24px;
    height: 24px;
    display: block;
    margin-top: -1px;
}

.header-contacts-wrap {
    display: flex;
    align-items: flex-start;
    max-width: 480px;
}

.c-common-brands-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0;
    margin-bottom: 20px;
        justify-content: space-around;
}

.c-common-brands-list li {
    list-style: none;
    text-align: center;
    text-decoration: none;
}
.c-common-brands-list li a {
    text-decoration: none;
}

.c-common-brand-title {
    display: block;
    margin-top: 4px;
}


@media (max-width: 1220px) {
    .logo {
        width: 230px
    }
}

@media (max-width: 1200px) {
    body {
        background-size: 100%
    }

    .slogan {
        color: #fbac17
    }
}

@media (max-width: 1170px) {
    .header-contacts {
        /*width: 424px*/
    }

    .header-contacts a {
        font-size: 20px
    }
}

@media (max-width: 1165px) {
    .dlv {
        text-align: left;
        float: none
    }

    .cart-block select {
        width: auto;
        float: none
    }

    .banner-content div:first-child, .banner-content div:last-child {
        float: none
    }
}

@media (max-width: 1150px) {
    .search-property {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .search-title {
        margin-bottom: 10px;
        width: 100%;
        height: auto
    }

    .search-title:after {
        display: none
    }

    .search-code {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .euro-search {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .euro-search input {
        margin: 0 0 0 29px
    }

    .euro-search a {
        margin: 0
    }
}

@media (max-width: 1145px) {
    .call-link {
        font-size: 12px
    }

    .header-contacts {
        padding-right: 46px
    }

    .brand-modal {
        width: 90%
    }
}

@media (max-width: 1110px) {
}

@media (max-width: 1106px) {
}

@media (max-width: 1050px) {
    .header-contacts-wrap {
        align-items: center;
    }
    .swaip {
        display: block
    }

    .header-top {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .logo, .slogan {
        width: 100%;
        text-align: left
    }

    .slogan {
        color: #18355a
    }

    .header-contacts {
        margin-top: 15px;
        text-align: left
    }

    .header-contacts:before {
        display: none
    }

    .call-link {
        margin-top: 15px;
        margin-right: 0
    }

    .header-middle {
        display: none
    }

    .sidebar-left {
        display: none
    }

    .center, .sidebar-right {
        float: none;
        width: 100%
    }

    .sidebar-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-left: 0
    }

    .banner-info {
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
        margin-top: 10px;
        text-align: center
    }

    .minibar {
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
        margin-top: 10px
    }

    .brands-list-item:nth-child(n+3) {
        display: none
    }

    .cart-block, .cart-block.left, .cart-block.right {
        width: 100%;
        display: block
    }

    .cart-block.has-line {
        background: none
    }

    .checkbox {
        float: left
    }

    .checkbox + .checkbox {
        margin-left: 20px
    }

    .back2back {
        float: none;
        border: none
    }
}

@media (max-width: 1047px) {
    .call-link {
        font-size: 11px
    }

    .header-contacts a {
        font-size: 18px
    }
}

@media (max-width: 1040px) {
    .search-code {
        width: 100%
    }

    .search-property {
        width: 100%
    }

    .search-title {
        text-align: center
    }

    .glass-search {
        width: 100%
    }

    .glass-search .brand, .glass-search .field, .glass-search .model, .glass-search .type {
        float: none;
        margin: 0 auto
    }

    .glass-search .trigger-search {
        display: block;
        float: none;
        margin: 0 auto;
        margin-top: 10px
    }

    .euro-search {
        -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;
        padding: 20px 0;
        width: 100%
    }

    .euro-search a {
        margin-top: 10px
    }

    .euro-search input {
        margin: 0
    }

    .brands-showcase li {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }
}

@media (max-width: 1050px) {
    body {
        background: #fff
    }

    .header-contacts {
        color: #18355c
    }

    .header-contacts a {
        color: #18355c
    }

    .form_left_items {
        float: none
    }
}

@media (max-width: 975px) {
    .header-top {
        padding-top: 40px
    }

    .header-contacts {
        padding-right: 15px;
        width: 334px;
        color: #18355c
    }

    .header-contacts a {
        font-size: 15px;
        color: #18355c
    }

    .feauters-item {
        color: #000
    }

    .fixed-form {
    }
}

@media (max-width: 900px) {
    .table-list {
        margin-top: 20px
    }

    .table-list td {
        display: block;
        padding: 5px 10px
    }

    .table-list td:first-child {
        color: #fff;
        background: #18355c
    }

    .btn-service {
        width: 100%;
        line-height: 18px
    }

    table.table-adress td {
        display: inline-block;
        padding: 5px 10px
    }
}

@media (max-width: 730px) {
    .pre-box input {
        width: 95%
    }

    .pre-box-title {
        font-size: 18px
    }

    .inext, .iprev {
        width: 38px;
        height: 38px;
        background: url(../i/owl-nav-mob.webp) 0 0;
        top: auto;
        bottom: 0
    }

    .inext {
        right: 0
    }

    .inext:hover {
        background-position: 0 -38px
    }

    .iprev {
        background-position: -38px 0;
        left: 0
    }

    .iprev:hover {
        background-position: -38px -38px
    }

    .foto-link-wrapper {
        display: block
    }

    .foto-link {
        display: block;
        float: left
    }
}

@media (max-width: 660px) {
    .wrapper {
        padding: 0 10px
    }

    .footer-contacts {
        width: 100%;
        background: none
    }

    .contacts-title {
        display: none
    }

    .contacts-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contacts-content-item {
        margin-top: 36px
    }

    .copyright {
        margin-bottom: 20px
    }

    .wesma {
        float: none;
        text-align: center
    }

    .yandex {
        display: block;
        float: none;
        margin: 0 auto;
        margin-top: 20px;
        text-align: center
    }
}

@media (max-width: 610px) {
    .banner-info {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 0 auto;
        margin-top: 10px;
        padding: 10px 7px
    }

    .minibar {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 0 auto;
        margin-top: 10px
    }

    .card-info {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .card-info-table {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .card-info-action {
        -ms-flex-preferred-size: 300px;
        flex-basis: 300px;
        margin-top: 20px
    }

    .content-text {
        display: none
    }

    .foto-link-wrapper {
        text-align: center
    }

    .foto-link {
        float: none
    }

    .minimap {
        width: 229px;
        height: 260px
    }
}

@media (max-width: 580px) {
    .header-contacts {
        width: 260px;
    }
    .footer-content {
        display: block !important
    }

    .footer-left {
        width: 90% !important;
        margin-bottom: 30px
    }

    .footer-center {
        margin-bottom: 30px
    }

    .footer-right {
        margin-bottom: 30px
    }

    #footerMenu {
        left: 0 !important
    }

    #footerMenu ul:first-child {
        display: block !important
    }

    #footerMenu ul li {
        display: inline
    }

    #footerMenu ul li ul {
        display: none
    }

    .call-link {
        margin-right: auto
    }

    .checkbox {
        float: none
    }

    .checkbox + .checkbox {
        margin-left: 0px
    }

    .fixed-form {
        bottom: 50px;
        width: 300px;
        height: 200px
    }

    .banner-delivery {
        margin: 0 auto 0 auto
    }
}

@media (max-width: 570px) {
    .models-showcase li {
        width: 30%
    }

    .order-sum {
        float: none;
        margin: 0 0 20px
    }

    .options li > div {
        display: none
    }

    .options li span {
        line-height: 30px
    }

    .options, .options li {
        width: 100%;
        display: block
    }

    .brands-showcase li {
        -ms-flex-preferred-size: 24%;
        flex-basis: 24%
    }
}

@media (max-width: 565px) {
    .filters {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto;
        padding: 10px 0
    }

    .filters li {
        -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
        margin: 0 0;
        margin-top: 10px
    }
}

@media (max-width: 560px) {
    .service_price_first_col {
        text-align: center
    }

    .td_mobile_header {
        display: table-cell
    }

    .works tr {
        padding-bottom: 25px
    }

    .works tr td:last-child {
        border-bottom: 1px solid #ccc
    }

    .glass-search div > ul {
        left: 1px;
        right: -2px;
        width: auto
    }

    .logo, .slogan {
        text-align: center
    }

    .header-contacts {
        padding-right: 0;
        text-align: center
    }

    .call-link {
        margin-right: auto
    }

    .header-bottom {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    table.works {
        text-align: center
    }

    .table-responsive {
        width: 100%
    }

    .table-responsive thead {
        display: none
    }

    .table-responsive tr {
        display: block
    }

    .table-responsive tr td:before {
        content: attr(data-title);
        font-weight: 700;
        text-align: center
    }

    .table-responsive tr td.actions:before, .table-responsive tr td.product-remove:before {
        content: none
    }

    .table-responsive tr td {
        display: block;
        padding: 5px
    }

    table.works td:last-child {
        text-align: center
    }

    .table-fotos tr td:before {
        display: inline-block;
        width: 50px
    }

    .table-fotos tr:first-child td {
        display: none
    }

    .details tr.items-group-header {
        display: none
    }

    .details tr td {
        text-align: center
    }

    .details tr td:before {
        display: block;
        padding: 10px 0;
        text-align: center;
        font-size: 15px
    }

    .details tr.v1, .details tr.v2 {
        margin-top: 30px;
        border: 1px solid #cccccc
    }

    .details tr.v2 {
        background: #f3f3f3
    }

    .details td {
        border: none
    }

    .details tr.v1:hover td, .details tr.v2:hover td {
        border-color: none;
        border-top: none;
        border-bottom: none;
        padding-top: 5px
    }

    .details tr.v1:hover td:first-child, .details tr.v2:hover td:first-child {
        border-left: none;
        padding-left: 5px
    }

    .details tr.v1:hover td:last-child, .details tr.v2:hover td:last-child {
        border-right: none;
        padding-right: 5px
    }

    .details tr .fast-order {
        display: inline-block;
        color: transparent
    }

    .table-responsive tr td.table-name {
        line-height: 18px
    }

    .table-responsive tr td.table-name a {
        display: block;
        margin-top: 10px
    }

    .table-responsive tr td.table-year {
        display: none
    }

    .table-responsive tr td.table-model a {
        display: block;
        margin-top: 10px;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
        text-decoration: none
    }

    .table-responsive tr td.table-img img {
        display: none
    }

    .table-responsive tr td.table-img a {
        border-radius: 3px;
        -webkit-box-shadow: 1px 1px 5px #b5b5b5;
        box-shadow: 1px 1px 5px #b5b5b5;
        border: 1px solid #e1e1e1;
        padding: 10px 5px;
        background: #f1f1f2;
        display: block;
        height: 100%;
        text-align: center;
        color: #19375e;
        text-decoration: none;
        width: 200px;
        margin: 0 auto;
        margin-top: 10px
    }

    .table-responsive tr td.table-glass a {
        margin-top: 20px
    }

    .details tr.v1, .details tr.v2 {
        margin-top: 30px;
        border: 1px solid #cccccc;
        padding-bottom: 15px
    }

    .table-responsive tr td.table-img:nth-child(n+3):before {
        display: none
    }

    .table-responsive tr td.table-dop {
        display: none
    }

    .details tr .fast-order {
        text-indent: 0;
        background: none
    }

    .table-responsive tr td.table-btn a {
        display: block;
        width: 200px;
        height: 40px;
        margin: 10px auto;
        padding: 12px 0;
        color: #000;
        text-align: center;
        font-size: 15px;
        font-weight: 700;
        text-decoration: none;
        background-color: #fba810;
        background: -moz-linear-gradient(top, #fed65f, #fba810);
        background-image: -o-linear-gradient(top, #fed65f, #fba810);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fed65f', endColorstr='#fba810')
    }

    .table-responsive
    tr td.table-btn:before {
        display: none
    }

    .table-responsive tr td.price:before, .table-responsive tr td.table-maker:before {
        font-weight: 600
    }

    .table-responsive tr td.price span {
        padding-right: 0;
        font-size: 25px;
        background: url(../i/rurb.webp) no-repeat right 8px;
        padding-right: 14px
    }

    .table-responsive tr td.price span:hover {
        background-position: right -22px
    }

    .table-model:before, .table-name:before {
        color: #fff;
        background: rgb(25, 55, 94);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 55, 94, 1)), to(rgba(38, 81, 142, 1)));
        background: linear-gradient(to bottom, rgba(25, 55, 94, 1) 0%, rgba(38, 81, 142, 1) 100%)
    }

    .filter-table {
        width: 100%
    }

    .filter-table-cell {
        display: block;
        margin: 10px 0
    }

    .analogs-slider {
        width: 85%
    }

    .glass-search .brand, .glass-search .model, .glass-search .type {
        width: 100%;
        background: none
    }

    .glass-search .brand .helper, .glass-search .model .helper {
        right: -2px
    }

    .glass-search .brand .helper {
        background: url(../i/nsih1.webp) 0 -41px no-repeat
    }

    .glass-search .model .helper {
        background: url(../i/nsibg.webp) -185px -41px no-repeat
    }

    .glass-search input {
        width: 100%
    }

    .glass-search .field, .glass-search .field input[type=text], .glass-search select {
        width: 100%
    }

    .glass-search .model .helper.muted, .glass-search .model .helper.muted:hover {
        background: url(../i/nsih.webp) 0 -41px no-repeat
    }

    .euro-search {
        width: 92%
    }

    .euro-search input {
        width: 100%
    }

    .vendors-showcase li {
        width: 50%
    }
}

@media (max-width: 470px) {
    .brands-showcase li {
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%
    }
}

@media (max-width: 450px) {
    .our-works {
        margin-top: 20px;
        text-align: center
    }

    #portfolio div {
        display: block !important;
        width: 100% !important;
        margin: 0 auto !important;
        margin-top: 10px !important
    }
}

@media (max-width: 405px) {
    .brands-showcase li {
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%
    }

    .modal-form {
        width: 95%
    }

    .close {
        top: 0;
        right: 0
    }

    .modal-form-row label {
        margin-top: 5px
    }

    .modal-form-row input {
        margin-top: 5px
    }

    .analogs-slider {
        width: 74%
    }

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

    .filters li {
        -ms-flex-preferred-size: 90%;
        flex-basis: 90%
    }

    .vendors-showcase li {
        width: 100%
    }
}



@media (max-width: 380px) {
    .brands-showcase li {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .models-showcase li {
        width: 50%
    }
    .header-contacts-wrap {
        flex-wrap: wrap;
        justify-content: center;
    }
    .header-socials {
        margin-top: 20px;
    }
    .footer-socials {
        margin-top: 10px;
    }
}

@media (max-width: 345px) {
    .options li span {
        line-height: normal
    }

    .header-contacts {
        padding-right: 0
    }

    .header-contacts a {
        font-size: 14px
    }

    .work-ours {
        margin-top: 10px;
        text-align: center
    }
}

.socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 9px
}

.socials p {
    padding: 4px 3px 0 0;
    margin: 0;
    white-space: nowrap;
    font-size: 13px;
    line-height: 1
}

.socials ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden
}

.socials ul li {
    margin-left: 4px;
    float: left;
    display: inline-block;
    vertical-align: top
}

.socials ul li a {
    display: block;
    width: 19px;
    height: 19px
}

.socials ul li a.social-fb {
    background: url('../i/icon-facebook.webp') no-repeat 0 0
}

.socials ul li a.social-instagram {
    background: url('../i/icon-instagram.webp') no-repeat 0 0
}

.socials ul li a.social-twitter {
    background: url('../i/icon-twitter.webp') no-repeat 0 0
}

.header-middle {
    padding-top: 30px
}

@media (max-width: 1050px) {
    .socials {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-top: 12px
    }

    .socials p {
        display: none
    }

    .socials ul li {
        margin: 0 4px 0 0
    }
}

@media (max-width: 560px) {
    .socials {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.banner-delivery img {
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0 auto
}

.sidebar-right {
    width: 17%
}

.center {
    width: 63.5%
}

.minimap {
    -webkit-transform: scale(0.82);
    transform: scale(0.82);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    margin-bottom: -50px
}

.banner-delivery, .banner-info {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0
}

@media (max-width: 1050px) {
    .center, .sidebar-right {
        width: 100%
    }

    .center {
        padding: 10px 0 20px 0
    }
}

nav {
    position: relative;
    left: -4px
}

footer {
    margin: 0 auto;
    padding: 20px 30px 0;
    max-width: 1110px
}

.footer-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer-left {
    width: 25%
}

.footer-logo-wrapper {
    margin-bottom: 10px
}

.footer-text {
    margin-bottom: 8px
}

.footer-center {
    margin-right: 20px
}

.footer-center ul {
    margin: 15px 0 0
}

.footer-center li {
    list-style: none
}

.footer-center a, .footer-center a:hover, .footer-center li:hover a {
    color: #fff;
    font-size: 14px
}

.footer-text, .footer-text a {
    color: #fff;
    text-decoration: none;
    font-size: 14px
}

#footerMenu > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#footerMenu > ul > li:not(:last-child) {
    margin-right: 20px
}

.footer-email {
    font-weight: bold
}

.footer-right .call-link {
    margin-top: 15px;
    margin-bottom: 25px
}

.center {
    -webkit-box-shadow: none;
    box-shadow: none
}

.center h2, .main h2, h1.main-title {
    color: #18365c;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 36px;
    font-weight: normal
}

h1.main-title span {
    display: block;
    text-transform: none;
    color: #5e5c56;
    font-size: 24px
}

.brands-showcase {
    padding: 24px 0 20px 0
}

.ta-center {
    text-align: center
}

.btn-arrow {
    background: none;
    color: #5e5c56;
    text-transform: none;
    padding: 10px 40px 10px 0;
    width: auto !important;
    white-space: nowrap;
    display: inline-block;
    text-align: left;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    margin-bottom: 48px;
    font-size: 14px;
    position: relative;
    text-decoration: none !important
}

.btn-arrow:after {
    content: '';
    display: block;
    position: absolute;
    width: 20px;
    top: 0;
    bottom: 0;
    background: url('../i/btn-arrow.webp') no-repeat 0 center;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    right: 10px
}

.btn-arrow:hover {
    color: #000000;
    background-position: 100% center
}

.btn-arrow:hover:after {
    right: 0
}

.producer-carousel {
    position: relative;
    padding: 13px 0
}

.producer-carousel .owl-next, .producer-carousel .owl-prev {
    font-size: 0;
    position: absolute;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.8;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.producer-carousel .owl-prev {
    background-image: url('../i/arrow-left.webp');
    left: -20px
}

.producer-carousel .owl-next {
    background-image: url('../i/arrow-right.webp');
    right: -20px
}

.producer-carousel .owl-next:hover, .producer-carousel .owl-prev:hover {
    opacity: 1
}

.producer-carousel .brands-list-item {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 110px
}

.producer-carousel .brands-list-item a {
    display: block
}

.producer-carousel .brands-list-item a img {
    width: auto;
    max-width: 100%
}

.service-centers {
    background: #18365c;
    padding: 32px 23px 24px 23px;
    overflow: hidden;
    margin-bottom: 60px
}

.service-centers h2 {
    color: #fff;
    padding: 0 0 37px 0
}

.service-centers-address {
    color: #fff;
    float: left;
    font-size: 16px;
    line-height: 30px;
    padding-right: 20px;
    width: 263px
}

.service-centers-time {
    font-size: 18px;
    color: #18365c;
    float: left;
    background: #f7a941;
    padding: 5px 16px 6px 16px;
    margin-bottom: 9px
}

.service-centers-address-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    clear: both
}

.service-centers-address p {
    padding: 0;
    margin: 0;
    line-height: 30px
}

.service-centers-address p.service-centers-ttl {
    text-transform: uppercase;
    color: #f7a941;
    font-size: 16px;
    font-weight: bold;
    padding: 6px 0 0 0;
    margin: 0;
    clear: both
}

.service-centers-map {
    overflow: hidden;
    position: relative;
    min-height: 263px
}

@font-face {
    font-family: 'Geometr415 Blk BT';
    src: url('../i/font/Geometric415BT-BlackA.eot');
    src: url('../i/font/Geometric415BT-BlackA.eot?#iefix') format('embedded-opentype'), url('../i/font/Geometric415BT-BlackA.woff') format('woff'), url('../i/font/Geometric415BT-BlackA.ttf') format('truetype'), url('../i/font/Geometric415BT-BlackA.svg#Geometric415BT-BlackA') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

.stages {
    overflow: hidden
}

.stages-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px;
    padding: 43px 0 70px 0
}

.stages-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding: 0 20px 10px 20px
}

.stages-item-num {
    font-family: 'Geometr415 Blk BT', 'Arial Black', 'Helvetica CY', sans-serif;
    font-size: 72px;
    line-height: 1
}

.stages-item-desc {
    font-size: 13px;
    line-height: 16px
}

.stages-help {
    width: 109px;
    padding: 3px 8px;
    font-size: 12px;
    text-transform: none;
    margin: 13px 0 0 0;
    text-decoration: none !important
}

.stages-item-1 .stages-item-num, .stages-item-2 .stages-item-num, .stages-item-3 .stages-item-num, .stages-item-4 .stages-item-num {
    color: #f7a941
}

.stages-item-5 .stages-item-num, .stages-item-6 .stages-item-num, .stages-item-7 .stages-item-num, .stages-item-8 .stages-item-num {
    text-align: right;
    color: #18365c;
    padding-right: 15px
}

.main-advantages {
    overflow: hidden
}

.main-advantages-list {
    margin: 0 -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 50px
}

.main-advantages-item {
    padding: 0 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%
}

.main-advantages-icon {
    width: 97px;
    height: 96px;
    background: #18365c;
    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;
    margin-bottom: 32px
}

.main-advantages-ttl {
    color: #18365c;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 8px
}

.main-advantages-desc {
    font-size: 13px;
    line-height: 16px
}

.main-counts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #18365c;
    line-height: 1;
    padding: 24px 0 36px 0
}

.main-counts-divs {
    width: 22px;
    height: 22px;
    background: #f7a941;
    margin-top: 24px
}

.main-counts .num {
    white-space: nowrap;
    font-size: 60px;
    font-family: 'Geometr415 Blk BT', 'Arial Black', 'Helvetica CY', sans-serif;
    font-weight: 900
}

.main-counts .num span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-weight: bold
}

.main-counts .desc {
    white-space: nowrap;
    font-size: 18px;
    font-weight: bold;
    padding: 11px 0 30px 0
}

.main-text {
    font-size: 13px
}

.main-text h2 {
    font-size: 28px;
    line-height: 1.1
}

.fixed-form .help-close-btn {
    display: block;
    height: 34px;
    width: 34px;
    position: absolute;
    border: 0;
    top: -2px;
    right: -2px;
    z-index: 40;
    opacity: 0.8
}

.fixed-form .help-close-btn:hover {
    opacity: 1
}

.fixed-form .help-close-btn span {
    display: block;
    position: absolute;
    top: 16px;
    left: 8px;
    right: 8px;
    height: 2px
}

.fixed-form .help-close-btn span:after, .fixed-form .help-close-btn span:before {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    height: 2px;
    background-color: silver;
    content: ""
}

.fixed-form .help-close-btn span:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fixed-form .help-close-btn span:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.fixed-form.help .help-close-btn {
    display: block
}

#portfolio-list {
    margin-bottom: 70px
}

#portfolio-list .owl-prev {
    left: -30px
}

#portfolio-list .owl-next {
    right: -30px
}

#portfolio-list .portfolio-list-item {
    height: 220px
}

#portfolio-list .portfolio-list-item a {
    display: block
}

#portfolio-list .portfolio-list-item a img {
    width: auto;
    max-width: 100%
}

.articles-slider-box {
    margin-top: 30px;
    margin-bottom: 20px
}

#articles-slider {
    z-index: 0
}

#articles-slider .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

#articles-slider .owl-nav .owl-next, #articles-slider .owl-nav .owl-prev {
    top: 36%
}

.article-list-item {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0px;
    text-align: center;
    background: #FFFFFF;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -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;
    height: 100%
}

.ali_item {
    margin-bottom: 10px
}

.ali_item a {
    text-decoration: none
}

.ali_item:nth-child(3) a {
    text-decoration: underline
}

.ali_item:first-child {
    margin-bottom: 10px;
    height: 180px;
    width: 100%
}

.ali_item:nth-child(2) {
}

.ali_item:nth-child(3) {
    margin-bottom: 0px;
    margin-top: auto
}

#articles-slider .owl-nav .owl-prev {
    left: -25px
}

#articles-slider .owl-nav .owl-next {
    right: -25px
}

.ali_btn_1 {
}

.ali_link_bg {
    display: block;
    height: 180px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media (max-width: 975px) {
    .fixed-form {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        -webkit-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out
    }

    .fixed-form.help {
        display: block;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media (max-width: 1160px) {
    .main-counts .num {
        font-size: 50px
    }
}

@media (max-width: 1050px) {
    .main h2, h1.main-title {
        font-size: 28px
    }

    .stages-list {
        padding: 20px 0 40px 0
    }

    .main-text h2 {
        font-size: 26px;
        line-height: 1.2
    }
}

@media (max-width: 820px) {
    .stages-list {
        margin: 0 -10px;
        padding: 10px 0 20px 0
    }

    .stages-item {
        padding: 0 10px 10px 10px
    }
}

@media (max-width: 660px) {
    .producer-carousel {
        padding: 13px 10px
    }

    .producer-carousel .owl-prev {
        left: -10px
    }

    .producer-carousel .owl-next {
        right: -10px
    }

    .service-centers {
        padding: 15px
    }

    .service-centers h2 {
        padding: 0 0 15px 0
    }

    .service-centers-address {
        float: none;
        width: auto;
        padding: 0 0 20px 0
    }

    .service-centers-address-wrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .service-centers-address-wrap > div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .stages-list {
        margin: 0 -20px
    }

    .stages-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 0 20px 10px 20px
    }

    .stages-item-1 .stages-item-num, .stages-item-2 .stages-item-num, .stages-item-5 .stages-item-num, .stages-item-6 .stages-item-num {
        text-align: left;
        color: #f7a941;
        padding: 0
    }

    .stages-item-3 .stages-item-num, .stages-item-4 .stages-item-num, .stages-item-7 .stages-item-num, .stages-item-8 .stages-item-num {
        text-align: right;
        color: #18365c;
        padding-right: 15px
    }

    .main-advantages-list {
        display: block;
        padding-top: 20px
    }

    .main-advantages-item {
        overflow: hidden;
        padding-bottom: 30px
    }

    .main-advantages-icon {
        float: left;
        margin: 0 20px 0 0
    }

    .main-advantages-ttl {
        overflow: hidden
    }

    .main-advantages-desc {
        overflow: hidden
    }

    .main-counts {
        padding: 0
    }

    .main-counts-divs {
        margin-top: 10px;
        width: 10px;
        height: 10px
    }

    .main-counts .num {
        font-size: 32px
    }

    .main-counts .num span {
        font-size: 20px
    }

    .main-counts .desc {
        font-size: 16px;
        padding: 5px 0 20px 0
    }

    #portfolio-list .portfolio-list-item {
        height: 260px
    }

    #portfolio-list {
        padding-right: 15px;
        padding-left: 15px
    }

    #portfolio-list .owl-nav .owl-prev {
        left: -10px
    }

    #portfolio-list .owl-nav .owl-next {
        right: -10px
    }

    #articles-slider {
        padding-right: 15px;
        padding-left: 15px
    }

    #articles-slider .owl-nav .owl-prev {
        left: -10px
    }

    #articles-slider .owl-nav .owl-next {
        right: -10px
    }

    body, html {
        -ms-scroll-chaining: none;
        overscroll-behavior: none;
        overscroll-behavior-y: none;
        overscroll-behavior-x: none
    }

    .center p img, .img-content {
        width: 100% !important;
        height: auto !important
    }
}

@media (max-width: 550px) {
    .center h2, .main h2, h1.main-title {
        font-size: 20px;
        line-height: 1.2
    }

    h1.main-title span {
        font-size: 18px
    }

    .main-text h2 {
        font-size: 18px;
        line-height: 1.2
    }

    .service-centers-address-wrap {
        display: block
    }
}

@media (max-width: 500px) {
    .main-counts {
        display: block;
        text-align: center;
        padding: 10px 0 20px 0
    }

    .main-counts-divs {
        margin: 20px auto
    }

    .main-counts .num {
        font-size: 50px
    }

    .main-counts .num span {
        font-size: 24px
    }

    .main-counts .desc {
        font-size: 18px;
        padding: 5px 0 0 0
    }
}

@media (max-width: 400px) {
    .main-advantages-list {
        padding-top: 10px;
        text-align: center
    }

    .main-advantages-item {
        padding-bottom: 20px
    }

    .main-advantages-icon {
        float: none;
        margin: 0 auto 10px auto
    }

    .main-advantages-ttl {
    }

    #portfolio-list .portfolio-list-item {
        height: 320px
    }

    #articles-slider .owl-nav .owl-next, #articles-slider .owl-nav .owl-prev {
        top: 40%
    }

    .ali_link_bg {
        height: 260px
    }

    .ali_item:first-child {
        height: 260px
    }
}

@media (max-width: 360px) {
    .stages-list {
        display: block
    }

    .stages-item-num {
        font-size: 50px
    }

    .stages-item-1 .stages-item-num, .stages-item-3 .stages-item-num, .stages-item-5 .stages-item-num, .stages-item-7 .stages-item-num {
        text-align: left;
        color: #f7a941;
        padding: 0
    }

    .stages-item-2 .stages-item-num, .stages-item-4 .stages-item-num, .stages-item-6 .stages-item-num, .stages-item-8 .stages-item-num {
        text-align: right;
        color: #18365c;
        padding-right: 15px
    }
}

/*23.06.2023*/