@font-face {
    font-family: 'Open Sans';
    src: url(fonts/opensans-light.eot);
    src: url(fonts/opensans-light.eot) format("embedded-opentype"),
    url(fonts/opensans-light.woff2) format('woff2'),
    url(fonts/opensans-light.woff) format("woff"),
    url(fonts/opensans-light.ttf) format("truetype"),
    url(fonts/opensans-light.svg#OpenSans-Light) format("svg");
    font-weight: 300;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    src: url(fonts/OpenSans-LightItalic.eot);
    src: url(fonts/OpenSans-LightItalic.eot) format("embedded-opentype"),
    url(fonts/OpenSans-LightItalic.woff2) format('woff2'),
    url(fonts/OpenSans-LightItalic.woff) format("woff"),
    url(fonts/OpenSans-LightItalic.ttf) format("truetype"),
    url(fonts/OpenSans-LightItalic.svg#OpenSans-LightItalic) format("svg");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    src: url(fonts/opensans-bold.eot);
    src: url(fonts/opensans-bold.eot) format("embedded-opentype"),
    url(fonts/opensans-bold.woff2) format('woff2'),
    url(fonts/opensans-bold.woff) format("woff"),
    url(fonts/opensans-bold.ttf) format("truetype"),
    url(fonts/opensans-bold.svg#opensans-bold) format("svg");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    src: url(fonts/OpenSans-BoldItalic.eot);
    src: url(fonts/OpenSans-BoldItalic.eot) format("embedded-opentype"),
    url(fonts/OpenSans-BoldItalic.woff) format("woff"),
    url(fonts/OpenSans-BoldItalic.ttf) format("truetype"),
    url(fonts/OpenSans-BoldItalic.svg#OpenSans-BoldItalic) format("svg");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    src: url(fonts/OpenSans-Semibold.eot?#iefix) format("embedded-opentype"),
    url(fonts/OpenSans-Semibold.woff2) format("woff2"),
    url(fonts/OpenSans-Semibold.woff) format("woff"),
    url(fonts/OpenSans-Semibold.ttf) format("truetype"),
    url(fonts/OpenSans-Semibold.svg#OpenSans-Semibold) format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    src: url(fonts/OpenSans.eot?#iefix) format("embedded-opentype"),
    url(fonts/OpenSans.woff) format("woff"),
    url(fonts/OpenSans.woff2) format('woff2'),
    url(fonts/OpenSans.ttf) format("truetype"),
    url(fonts/OpenSans.svg#OpenSans) format("svg");
    font-weight: 400;
    font-style: normal;
    /*font-display: swap*/
}

.noUi-horizontal .noUi-handle:focus,
.noUi-horizontal .noUi-handle:focus .noUi-tooltip,
.noUi-horizontal .noUi-tooltip,
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 0 !important
}

*,
.product-page-top__head h1.div,
:after,
:before {
    box-sizing: border-box !important
}

.head-area,
button,
input[type=button],
input[type=submit] {
    cursor: pointer
}

a,
a:active,
a:hover {
    text-decoration: none
}

a,
body {
    color: #333
}

#page-preloader,
noscript div {
    top: 0;
    right: 0;
    left: 0;
    width: 100%
}

.drop-head,
.head-area,
.tt-upp,
noscript div {
    text-transform: uppercase
}

.drop-head .dropdown-button,
.preloader {
    transition: all .4s ease-out
}

.drop-menu,
.loaded .preloader {
    visibility: hidden;
    opacity: 0
}

.category-item__img img,
img {
    max-height: 100%;
    max-width: 100%
}

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

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

fieldset,
iframe,
img {
    border: 0
}

fieldset,
form,
img {
    border-style: none
}

nav,
ul {
    list-style: none
}

textarea {
    resize: none
}

body,
html {
    height: 100%;
    min-height: 100%
}

body {
    font: 400 14px/22px 'Open Sans', Arial, sans-serif;
    background: #fff;
    min-width: 320px;
    margin: 0;
    overflow-x: hidden;
    overflow-y: scroll !important;
    max-width: 100%
}

.android.mobile body {
    overflow-y: visible !important
}

section {
    max-width: 100%
}

a:active,
a:hover {
    color: #e3000f
}

.recovery_email,
.recovery_email:hover,
noscript div a {
    text-decoration: underline
}

a:focus {
    outline: 0
}

a img {
    border: none
}

img {
    display: block
}

noscript div {
    position: relative;
    background: #fff;
    z-index: 77777;
    margin: 0 auto;
    padding: 50px;
    border: 3px solid red;
    font-size: 14px;
    text-align: center;
    color: #707070
}

noscript div a {
    color: #00f
}

input,
select,
textarea {
    vertical-align: middle;
    color: #333
}

fieldset,
form {
    margin: 0;
    padding: 0
}

input[type=email],
input[type=file],
input[type=password],
input[type=submit],
input[type=tel],
input[type=text],
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

input[type=email] {
    box-shadow: none;
    -webkit-box-shadow: none
}

input[type=image] {
    padding: 0;
    border: none
}

button::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner {
    border: 0;
    padding: 0
}

button:focus,
input[type=button]:focus,
input[type=submit]:focus {
    outline: 0;
    border: none;
    box-shadow: none
}

.blog,
.hit-section {
    box-shadow: 0 30px 100px -38px rgba(0, 0, 0, .3)
}

p {
    margin: 0
}

b,
em,
h1,
h2,
h3,
h4,
h5,
h6,
i,
label,
p,
span,
strong {
    max-width: 100%;
    word-wrap: break-word
}

div {
    word-wrap: break-word
}

.preloaderjs .spinner {
    display: none !important
}

.preloaderjs#page-preloader {
    background: rgba(46, 46, 46, .99) !important
}

#page-preloader {
    position: fixed;
    z-index: 100500;
    bottom: 0;
    height: 100%;
    background: #555
}

#page-preloader .spinner {
    position: absolute;
    z-index: 1001;
    top: 50%;
    left: 50%;
    display: block;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    -webkit-animation: spin 2.5s infinite linear;
    animation: spin 2.5s infinite linear;
    border: 3px solid transparent;
    border-top-color: #3cd225;
    border-radius: 50%
}

#page-preloader .spinner:after,
#page-preloader .spinner:before {
    position: absolute;
    content: '';
    border-radius: 50%
}

#page-preloader .spinner:before {
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    border: 3px solid transparent;
    border-top-color: #2475ce
}

#page-preloader .spinner:after {
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    border: 3px solid transparent;
    border-top-color: #f76d2b
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@font-face {
    font-family: Icons;
    src: url(fonts/Icons.eot);
    src: url(fonts/Icons.eot?#iefix) format("eot"), url(fonts/Icons.woff) format("woff"), url(fonts/Icons.ttf) format("truetype"), url(fonts/Icons.svg#Icons) format("svg")
}

[class*=icon-]:before {
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

b,
h1,
h2,
h3,
h4,
h5,
strong {
    font-family: OpenSans-Bold, sans-serif
}

.icon-00-logo:before {
    content: '\E001'
}

.icon-ico-01:before {
    content: '\E002'
}

.icon-ico-02:before {
    content: '\E003'
}

.icon-ico-03:before {
    content: '\E004'
}

.icon-ico-04:before {
    content: '\E005'
}

.icon-ico-05:before {
    content: '\E006'
}

.icon-ico-06:before {
    content: '\E007'
}

.icon-ico-07:before {
    content: '\E008'
}

.icon-ico-08:before {
    content: '\E009'
}

.icon-ico-09:before {
    content: '\E00A'
}

.icon-ico-10:before {
    content: '\E00B'
}

.icon-ico-11:before {
    content: '\E00C'
}

.icon-ico-12:before {
    content: '\E00D'
}

.icon-ico-13:before {
    content: '\E00E'
}

.icon-ico-14:before {
    content: '\E00F'
}

.icon-ico-15:before {
    content: '\E010'
}

.icon-ico-16:before {
    content: '\E011'
}

.icon-viber {
    width: 24px;
    height: 30px;
    display: block;
    background-image: url(../images/viber-1.svg);
    background-size: 24px;
    background-position: center 5px;
    background-repeat: no-repeat
}

.icon-viber:hover {
    background-image: url(../images/viber-hover.svg)
}

@media only screen and (max-width:1199px) {
    .icon-viber {
        background-position: center 2px
    }
}

b,
strong {
    font-weight: 400
}

.clearfix:after,
.clearfix:before,
.container:after,
.container:before {
    display: table;
    content: " "
}

.clearfix:after,
.container:after {
    clear: both
}

.desktop::-webkit-scrollbar-thumb {
    width: 5px;
    border-color: #fff;
    background-color: #e3000f
}

.desktop::-webkit-scrollbar-thumb:hover {
    border-width: 1px 1px 1px 2px;
    border-color: #e3000f;
    background-color: #e3000f
}

.desktop::-webkit-scrollbar-track {
    border-width: 0
}

.desktop::-webkit-scrollbar-track-piece {
    background: #fff
}

body.noscroll {
    overflow: hidden !important
}

.wrapper {
    min-height: 100%;
    position: relative;
    max-width: 100%
}

.category-nav ul,
.category-nav ul li {
    min-height: 1px;
    height: auto;
    display: block
}

.row {
    margin-bottom: 0
}

.container .row {
    margin: 0 -15px
}

.row .col {
    padding: 0 15px
}

.align-left {
    text-align: left
}

.align-right {
    text-align: right
}

.align-center,
.header-top {
    text-align: center
}

h1,
h2,
h3,
h4,
h5 {
    display: block;
    margin-bottom: 20px
}

h1 {
    font-size: 40px;
    line-height: 48px
}

h2 {
    font-size: 35px;
    line-height: 42px
}

h3 {
    font-size: 30px;
    line-height: 37px
}

h4 {
    font-size: 26px;
    line-height: 32px
}

h5 {
    font-size: 22px;
    line-height: 28px
}

.content p {
    margin-bottom: 10px
}

.blog__posts-one-body li,
.content ul li,
.list-box li {
    margin-bottom: 15px;
    padding-left: 28px;
    position: relative
}

.blog__posts-one-body li:before,
.content ul li:before,
.list-box li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #e3000f
}

.content ol,
.list-number-box {
    list-style-position: inside;
    font-family: OpenSans-Semibold, sans-serif
}

.content ol li,
.list-number-box li {
    margin-bottom: 15px;
    color: #e3000f
}

.content ol li span,
.list-number-box li span {
    padding-left: 10px;
    color: #333;
    font-family: OpenSans-Light, sans-serif
}

.drop-head .dropdown-button:focus,
.drop-head .dropdown-button:hover,
.fa,
.right-head-link a:focus,
.right-head-link a:hover,
.right-head-link>span:focus,
.right-head-link>span:hover {
    color: #e3000f
}

[type=radio].with-gap:checked+label:after,
[type=radio]:checked+label:after {
    background-color: #e3000f
}

[type=radio].with-gap:checked+label:after,
[type=radio].with-gap:checked+label:before,
[type=radio]:checked+label:after {
    border-color: #e3000f
}

[type=checkbox]:checked+label:before {
    border-right: 2px solid #e3000f;
    border-bottom: 2px solid #e3000f
}

[type=checkbox].filled-in:checked+label:after {
    border: 2px solid #e3000f;
    background-color: #e3000f
}

.container {
    width: 1170px;
    max-width: 100%;
    padding: 0 15px
}

.header-top {
    border-bottom: 1px solid #eee;
    font-size: 0;
    line-height: 0
}

.head-area {
    display: inline-block;
    padding: 20px 9px;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee
}

.our-font {
    font: 300 11px 'Open Sans', sans-serif
}

.firefox .our-font {
    font: 300 11px 'Open Sans', sans-serif
}

.safari .our-font {
    font: 300 11px 'Open Sans', sans-serif
}

.slow-font{
    display: flex;
    justify-content: center;
}


.head-area:nth-of-type(4) {
    border-right: none
}

.drop-head,
.drop-head.laung {
    border-right: 1px solid #eee
}

.head-area.last {
    border-left: none
}

.drop-head,
.right-head {
    border-left: 1px solid #eee;
    display: inline-block
}

.fa {
    margin-right: 6px;
    font: normal normal normal 14px/1 FontAwesome
}

.drop-head {
    padding: 20px 7px;
    font: 300 11px 'Open Sans', sans-serif
}

.drop-head .dropdown-button {
    position: relative;
    padding-right: 10px;
    cursor: pointer;
    display: inline-block
}

.drop-head .dropdown-button:after {
    content: "\f0d7";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.head-nav ul li a:before,
.head-nav ul li em:before,
.head-nav ul li span:not(.fa):before,
.head-nav ul li.active span:not(.fa):before {
    content: '';
    height: 2px;
    background: #e3000f;
    left: 0;
    transition: all .4s ease-out;
    bottom: 0
}

.drop-head .dropdown-content li>a,
.drop-head .dropdown-content li>span {
    font-size: 12px;
    color: #e3000f
}

.product-page-top__cart .dropdown-content li {
    cursor: default
}

.right-head-link {
    float: left;
    padding: 20px 0;
    line-height: 0;
    font-size: 0
}

.right-head-link a,
.right-head-link>span {
    display: inline-block;
    padding: 0 6px;
    border-right: 1px solid #eee;
    vertical-align: middle;
    font: 400 11px 'Open Sans', sans-serif;
    text-transform: uppercase;
    transition: all .4s ease-out
}

.search-form,
.search-form-images {
    vertical-align: top;
    width: 49%;
    display: inline-block
}

.right-head-link a:last-child,
.right-head-link>span:last-child {
    border: none
}

.header-bottom {
    padding: 15px 0;
    border-bottom: 1px solid #eee
}

.header-bottom .logo {
    float: left
}

.head-nav {
    padding: 5px 0 0;
    float: right
}

.head-nav ul {
    display: block;
    font-size: 0;
    line-height: 0
}

.head-nav ul li,
.head-nav ul li.with-drop a,
.head-nav ul li.with-drop em {
    display: inline-block
}

.head-nav ul li {
    margin: 0
}

.head-nav ul li.with-drop {
    position: relative;
    z-index: 50
}

.head-nav ul li.with-drop .drop-menu a {
    display: block;
    word-break: keep-all;
    word-wrap: normal;
    width: 100%
}

.head-nav ul li.with-drop .drop-menu li {
    display: inline-block;
    word-break: keep-all;
    word-wrap: normal;
    width: 33%
}

.head-nav ul li.with-drop .fa {
    display: inline-block;
    margin-left: -5px
}

.head-nav ul li a,
.head-nav ul li em,
.head-nav ul li span:not(.fa),
.head-nav ul li.active span:not(.fa) {
    display: block;
    font: 400 12px 'Open Sans', sans-serif;
    text-transform: uppercase;
    padding: 15px;
    transition: all .4s ease-out
}

.head-nav ul li a,
.head-nav ul li em,
.head-nav ul li span:not(.fa) {
    position: relative;
    color: #333
}

.head-nav ul li a:before,
.head-nav ul li span:not(.fa):before,
.head-nav ul li.with-drop em:before {
    position: absolute;
    width: 0
}

.head-nav ul li.active span:not(.fa),
.head-nav ul li.with-drop em {
    position: relative
}

.head-nav ul li.active span:not(.fa):before {
    position: absolute;
    width: 100%
}

.head-nav ul li a:hover,
.head-nav ul li span,
.head-nav ul li.with-drop em:hover,
.head-nav ul li:focus {
    color: #e3000f
}

.head-nav ul li a:hover:before,
.head-nav ul li span:before,
.head-nav ul li.with-drop em:hover:before,
.head-nav ul li:focus:before {
    width: 100%
}

.drop-menu {
    display: none;
    position: absolute;
    z-index: 50;
    top: 100%;
    left: 0;
    padding: 15px;
    background: #fff;
    border: 1px solid #eee;
    transition: all .4s ease-out
}

.drop-menu li {
    display: block
}

.btn,
.recovery_email,
.slider-caption__head,
.slider-price span {
    display: inline-block
}

.drop-menu.visible {
    opacity: 1;
    visibility: visible
}

.header {
    padding: 0 !important
}

.recovery_email {
    vertical-align: top;
    margin: 0 5px;
    font-size: 15px;
    line-height: 18px;
    font-family: 'Open Sans', Arial, sans-serif;
    color: #727272;
    transition: all .4s ease-out
}

.dropdown-content li>a,
.dropdown-content li>span {
    color: #e3000f
}

.general-slider {
    width: 1920px;
    max-width: 100%;
    margin: 0 auto
}

.general-slider .swiper-button-next,
.general-slider .swiper-button-prev {
    height: 65px;
    width: 35px;
    top: 50%;
    margin-top: -32.5px;
    padding-top: 22px;
    text-align: center;
    transition: all .4s ease-out
}

.general-slider .swiper-slide {
    position: relative
}

.general-slider .swiper-button-next {
    z-index: 10;
    border-top-left-radius: 65px;
    border-bottom-left-radius: 65px;
    right: 0 !important;
    position: absolute;
    padding-left: 9px;
    background: rgba(0, 0, 0, .5)
}

.general-slider .swiper-button-next:focus,
.general-slider .swiper-button-next:hover {
    background: #000
}

.general-slider .swiper-button-next:before {
    content: "\f054";
    font-family: FontAwesome;
    position: relative;
    color: #fff
}

.general-slider .swiper-button-prev {
    border-top-right-radius: 65px;
    border-bottom-right-radius: 65px;
    left: 0 !important;
    position: absolute;
    padding-right: 9px;
    background: rgba(0, 0, 0, .5)
}

.general-slider .swiper-button-prev:focus,
.general-slider .swiper-button-prev:hover {
    background: #000
}

.general-slider .swiper-button-prev:before {
    content: "\f053";
    font-family: FontAwesome;
    position: relative;
    color: #fff
}

.general-slider-caption {
    position: absolute;
    top: 40%;
    width: 1140px;
    max-width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 15;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.slider-caption__head {
    margin: 0 0 10px;
    font: 700 20px 'Open Sans', sans-serif;
    letter-spacing: 4px;
    padding: 0 10px;
    border-left: 4px solid #e3000f;
    border-right: 4px solid #e3000f
}

.slider-txt {
    clear: both;
    margin: 0 0 15px;
    font: 700 56px 'Open Sans', sans-serif;
    line-height: 60px;
    text-transform: none
}

.above-heading,
.cabinet-nav .tabs li a,
.category-item,
.category-one__status,
.category-sidebar button[type=reset],
.filter-head,
.heading-section span,
.hit-item a,
.hit-item__info,
.hit-status,
.infobar__select-one-title,
.other-product__head,
.our-plus-item__txt,
.search-box__view-all,
.slider-price,
.status-order,
.status-product,
.why-we__head,
.why-we__heading,
.why-we__services-auto {
    text-transform: uppercase
}

.slider-price {
    font: 400 30px 'PT Sans', sans-serif;
    line-height: 34px;
    margin: 5px 0 30px
}

.slider-price span {
    padding: 2px;
    background: #e3000f;
    color: #fff
}

.btn {
    font: 700 10px/21px 'Open Sans', sans-serif;
    border-radius: 30px;
    background: #fff;
    color: #333;
    height: 32px;
    text-shadow: none;
    transition: all .4s ease-out;
    padding: 6px 10px
}

.btn .fa,
.btn:focus,
.btn:hover {
    color: #fff
}

.btn .fa {
    border-radius: 100%;
    background: #555;
    width: 20px;
    height: 20px;
    font-size: 13px;
    padding: 3px;
    float: none;
    line-height: normal;
    transition: all .4s ease-out;
    margin: 0 0 0 10px
}

.btn:focus .fa,
.btn:hover .fa {
    color: #333;
    background: #fff
}

.btn:focus {
    color: #fff
}

.search-box {
    background: #f5f5f5
}

.search-box-container {
    width: 1180px;
    max-width: 100%;
    z-index: 5;
    background-color: #fff;
    text-align: center;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    padding: 45px 0 50px 60px;
    position: relative;
    border: 5px solid #ebebeb
}

.search-box-container .col {
    padding-top: 25px
}

.search-box-container__heading {
    display: inline-block;
    background: #e3000f;
    padding: 10px 15px
}

.search-box-container__heading span {
    display: block;
    padding: 0 10px;
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
    font: 700 18px/24px 'Open Sans', sans-serif;
    color: #fff
}

.search-box__view-all {
    margin-top: 15px;
    display: inline-block;
    font-size: 13px;
    color: #393939;
    font-family: 'Open Sans', sans-serif;
    transition: all .4s ease-out
}

.search-box-item a:focus,
.search-box-item a:hover,
.search-box__view-all:focus,
.search-box__view-all:hover {
    color: #e3000f
}

.search-form {
    padding: 25px 0 0;
    text-align: left
}

.search-form .form-field .select-wrapper input.select-dropdown {
    background: #f8f8f8
}

.search-form-images {
    padding: 30px 15px
}

.search-form-images img {
    margin: 0 auto
}

.search-form__head {
    display: block;
    text-align: left;
    color: #333;
    font-family: OpenSans-Bold, sans-serif;
    font-size: 23px;
    line-height: 27px;
    margin-bottom: 25px
}

.search-form__head .sub-title {
    font-size: 12px;
    color: red;
    line-height: normal;
    margin-top: 10px
}

.form-field {
    margin: 0 0 25px
}

.category-sidebar .form-field {
    margin-bottom: 12px
}

.form-field .select-wrapper span.caret {
    right: 10px;
    top: 10px;
    z-index: 10
}

.form-field .dropdown-content span {
    color: #000
}

.form-field .select-wrapper input.select-dropdown,
.form-field input,
.form-field select,
.form-field textarea {
    width: 100%;
    margin: 0;
    padding: 10px 20px 10px 25px;
    border: 1px solid #eee;
    border-radius: 30px;
    font: 400 13px/16px 'Open Sans', sans-serif;
    background: 0 0;
    appearance: none !important;
    cursor: pointer
}

.category-sidebar .form-field .select-wrapper span.caret {
    top: 5px
}

.category-sidebar .form-field .select-wrapper input.select-dropdown,
.category-sidebar .form-field input,
.category-sidebar .form-field select,
.category-sidebar .form-field textarea {
    padding: 5px 15px;
    height: 30px
}

.search-box__left {
    border-right: 1px solid #ededed;
    max-height: 360px;
    overflow-y: auto
}

.search-box-item {
    display: block;
    margin-bottom: 15px
}

.search-box-item a {
    display: block;
    font: 600 16px/20px 'Open Sans', sans-serif;
    transition: all .4s ease-out
}

.search-box-item a span {
    display: inline-block;
    vertical-align: middle
}

.search-box-item a .search-box-item__img {
    margin-right: 25px;
    overflow: hidden
}

.search-box-item a .search-box-item__img img {
    transition: all .4s ease-out;
    backface-visibility: hidden
}

.search-box-item a .search-box-item__info {
    text-align: left;
    width: calc(100% - 30px - 150px)
}

.search-box-item a .search-box-item__info i {
    cursor: default;
    font-size: 12px;
    font-style: normal;
    color: #cecece
}

.search-box-item a:hover .search-box-item__img img {
    transform: scale(1.1)
}

.hit-section {
    background: #fff;
    padding: 35px 0;
    text-align: center;
    border-top: 1px solid #cecece
}

.heading-section {
    padding: 40px 0 50px
}

.category-left .heading-section {
    padding: 0 0 30px
}

.heading-section span {
    display: inline-block;
    padding: 0 15px;
    border-left: 4px solid #e3000f;
    border-right: 4px solid #e3000f;
    font: 700 18px 'Open Sans', sans-serif;
    letter-spacing: 1px
}

.hit-item {
    display: block;
    position: relative;
    margin-bottom: 15px;
}

.hit-item a {
    display: block;
    text-align: left;
    color: #000;
    font: 600 14px/18px 'Open Sans', sans-serif;
    transition: all .4s ease-out
}

.hit-item a:focus,
.hit-item a:hover {
    color: #e3000f
}

.hit-item__name {
    display: block;
    height: 36px;
    overflow: hidden
}

.hit-item__img {
    display: block;
    position: relative;
    text-align: center;
    margin-bottom: 20px
}

.hit-item__img img {
    display: inline-block
}

.hit-status {
    font: 700 10px/14px 'Open Sans', sans-serif;
    padding: 5px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10
}

.product_grey {
    background: gray !important
}

.hit-status--hit {
    background: #c09853 !important
}

.hit-status--action {
    background: #b94a48 !important
}

.hit-status--new {
    background: #3a87ad !important
}

.hit-status--nal {
    background: #468847 !important
}

.hit-status--order {
    background: #1e69c3 !important
}

.hit-status--no-nal {
    background: #999 !important
}

.hit-item__info {
    display: block;
    font: 600 14px/18px 'Open Sans', sans-serif
}

.hit-item__info .old-price {
    text-decoration: line-through;
    color: #333
}

.hit-item__price {
    display: inline-block;
    margin-bottom: 10px;
    padding: 3px 5px;
    font: 700 20px/22px 'PT Sans', sans-serif;
    color: #fff;
    background: #e3000f;
    text-transform: none
}

.hit-item__detail {
    display: block;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #b4b4b4;
    font: 400 10px/14px 'Open Sans', sans-serif;
    text-align: left;
    position: relative;
    color: #999
}

.why-we,
.why-we__text ul li .fa {
    color: #fff
}

.hit-item__detail:before {
    content: '';
    position: absolute;
    top: -5px;
    left: 30px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    border-bottom: 1px solid #b4b4b4;
    border-right: 1px solid #b4b4b4;
    background: #fff
}

.why-we {
    position: relative;
    background: #e3000f;
    padding: 75px 0 70px
}

.why-we:after,
.why-we:before {
    position: absolute;
    bottom: 0;
    right: 0;
    content: '';
    left: 0
}

.why-we .row {
    font-size: 0;
    line-height: 0
}

.why-we .row .col.l5,
.why-we .row .col.offset-l2 {
    float: none;
    display: inline-block;
    vertical-align: middle
}

.why-we:before {
    top: 0;
    background: url(../assets/images/audiBg.png) no-repeat
}

.why-we:after {
    height: 4px;
    width: 100%;
    background: rgba(255, 255, 255, .3);
    display: block
}

.why-we__text {
    font: 600 13px/18px 'Open Sans', sans-serif
}

.product-page-top__head span,
.why-we__head {
    font: 400 14px 'Open Sans', sans-serif
}

.why-we__text p {
    margin: 0 0 25px
}

.why-we__text ul {
    margin: 0;
    padding: 0
}

.why-we__text ul li {
    margin-bottom: 10px
}

.why-we__head {
    padding: 0 10px;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    display: inline-block;
    margin: 0 0 10px
}

.why-we__heading {
    display: block;
    font: 700 30px 'Open Sans', sans-serif;
    margin: 0 0 30px
}

.why-we__services {
    position: relative;
    z-index: 10;
    font-size: 0;
    line-height: 0
}
.why-we > .container > .row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.why-we__services-auto {
    display: block;
    padding: 35px 0;
    background: #fff;
    text-align: center;
    font: 600 14px 'Open Sans', sans-serif;
    color: #333
}

.why-we__services-auto span {
    display: block
}

.why-we__services-img {
    height: 90px;
    width: 90px;
    margin-bottom: 20px;
    border: 2px solid #efefef;
    border-radius: 100%;
    display: inline-block;
    position: relative;
    transition: all .4s ease-out
}

.why-we__services-img .fa,
.why-we__services-img svg {
    font-size: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    right: 0;
    color: #333;
    text-align: center;
    transition: all .4s ease-out
}

.why-we__services-img svg {
    fill: #333;
    transition: all .4s ease-out
}

.why-we__services-img:focus,
.why-we__services-img:hover {
    background: #e3000f
}

.why-we__services-img:focus .fa,
.why-we__services-img:hover .fa {
    color: #fff
}

.why-we__services-img:focus svg,
.why-we__services-img:hover svg {
    fill: #fff
}

.why-web-welcome__services-circle {
    display: inline-block;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    margin: -18px 0;
    border: 10px solid #e3000f;
    position: relative;
    z-index: 1000;
    background: #fff
}

.blog {
    padding: 75px 0 95px;
    background: url(../images/carRight.jpg) right bottom no-repeat;
    text-align: center;
    position: relative
}

.blog-item {
    display: block;
    text-align: left;
    margin: 0 0 15px
}

.blog-item__img {
    margin-bottom: 20px
}

.blog-item__img img {
    margin: 0 auto;
    backface-visibility: hidden;
    transition: all .4s ease-out
}

.blog-item:hover .blog-item__img img,
.blog-item__img:hover img {
    transform: rotate(2deg) scale(1.05)
}

.above-heading {
    margin-bottom: -25px;
    background-color: #555;
    color: #fff;
    font: 700 11px 'Open Sans', sans-serif;
    padding: 3px 5px;
    display: inline-block
}

.blog-item__title {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 10px
}

.blog-item__txt {
    font: 300 13px 'Open Sans', sans-serif;
    text-align: left;
    padding-top: 25px;
    border-top: 1px solid #b4b4b4;
    position: relative;
    margin-bottom: 40px;
    line-height: 1.7
}

.heading-section--2 {
    padding-top: 10px
}

.btn.btn-border {
    box-shadow: none;
    height: auto;
    line-height: normal;
    border: 1px solid #ddd;
    padding: 3px 3px 3px 10px !important;
    font: 600 10px "Open Sans", sans-serif !important
}

.btn.btn-border span {
    margin-top: 0;
    float: none;
    margin-right: 0;
    width: 20px;
    height: 20px;
    padding: 0;
    line-height: 20px;
    font-size: 10px
}

.category {
    padding: 80px 0 60px
}

.category-nav {
    display: block
}

.category-nav .indicator {
    display: none !important
}

.category-nav ul {
    white-space: normal;
    overflow: hidden
}

.category-nav ul li {
    border: none;
    list-style: none;
    text-align: left;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    position: relative
}

.category-nav ul li.active {
    border-right: none
}

.category-nav ul li:last-of-type {
    border-bottom: 1px solid #eee
}

.category-nav ul li a,
.category-nav ul li span:not(.fa) {
    font: 600 13px 'Open Sans', sans-serif;
    text-transform: uppercase;
    padding: 20px 30px 15px 20px;
    display: block;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.category-nav ul li a:before,
.category-nav ul li span:not(.fa):before {
    content: '';
    border-left: 4px solid #ddd;
    position: absolute;
    left: 0;
    top: 50%;
    height: 20px;
    margin-top: -8px;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.category-nav ul li a.active:before,
.category-nav ul li a:hover:before,
.category-nav ul li span:not(.fa).active:before,
.category-nav ul li span:not(.fa):hover:before {
    border-left: 4px solid #e3000f
}

.category-nav ul li a:hover,
.category-nav ul li.active span:not(.fa),
.category-nav ul li:focus {
    color: #e3000f
}

.category-nav ul li.active span:not(.fa) {
    font: 700 13px 'Open Sans', sans-serif
}

.category-nav ul li .fa {
    position: absolute;
    right: 20px;
    padding: 0;
    top: 50%;
    margin-top: -4px
}

.category-body {
    font-size: 0;
    line-height: 0;
    margin: 0 -15px
}

.category-item {
    display: inline-block;
    vertical-align: top;
    width: 33.333%;
    padding: 0 15px;
    margin: 0 0 30px;
    font: 700 15px 'Open Sans', sans-serif
}

.category-item__img {
    display: block;
    height: 160px;
    line-height: 160px;
    overflow: hidden;
    margin-bottom: 15px;
    text-align: center
}

.category-item__img img {
    transition: all .4s ease-out;
    display: inline-block;
    vertical-align: middle
}

.category-item:hover .category-item__img img {
    backface-visibility: hidden;
    transform: scale(1.009) rotate(2deg)
}

.our-plus {
    padding: 60px 0;
    position: relative;
    background: #e3000f;
    color: #fff;
    text-align: center
}

.our-plus:after,
.our-plus:before {
    position: absolute;
    content: '';
    bottom: 0
}

.our-plus:before {
    right: 0;
    left: 0;
    top: 0;
    background: url(../assets/images/count.png) right top no-repeat
}

.our-plus:after {
    height: 4px;
    width: 100%;
    background: rgba(255, 255, 255, .3);
    display: block
}

.our-plus-item {
    position: relative;
    z-index: 5;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    width: 200px;
    margin: 0 0 30px
}

.feed-form .btn,
.feed-form__block {
    vertical-align: middle;
    display: inline-block
}

.our-plus-item__icon {
    display: block;
    height: 100px;
    width: 100px;
    border: 2px solid #fff;
    border-radius: 100%;
    margin: 0 auto 25px;
    position: relative;
    text-align: center
}

.our-plus-item__icon span {
    font-size: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    right: 0;
    color: #fff !important
}

.feed-form,
.our-plus-item__txt {
    font: 700 14px 'Open Sans', sans-serif
}

.our-plus-item__txt {
    padding: 2px 15px;
    margin: 0;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    display: inline-block
}

.feed-form .btn,
.feed-form__block:last-of-type {
    margin-left: 20px
}

.feedback {
    background-color: #333;
    padding: 60px 0
}

.feedback .heading-section {
    padding: 0;
    margin-top: 10px;
    color: #fff
}

.feed-form {
    color: #fff
}

.feed-form .btn {
    height: 45px;
    line-height: 42px
}

.feed-form__block {
    position: relative;
    width: calc(50% - 100px)
}

.feed-form__block:before {
    content: attr(data-error);
    position: absolute;
    right: 0;
    top: 100%;
    font-size: 12px;
    line-height: 16px;
    color: #ff4242;
    visibility: hidden;
    opacity: 0;
    transition: all .4s ease-out
}

.feed-form__block .fa {
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -8px;
    color: #555
}

.feed-form__block input {
    background: 0 0;
    border: 1px solid #555;
    margin: 0;
    padding: 10px 0 10px 40px;
    border-radius: 30px;
    color: #fff;
    width: 100%;
    font: 400 13px 'Open Sans', sans-serif;
    box-shadow: none !important
}

.testimonials,
.testimonials-img {
    margin: 0 auto
}

.feed-form__block input:focus {
    border: 1px solid #e3000f !important
}

.feed-form__block.error:before {
    opacity: 1;
    visibility: visible
}

.feed-form__block.error input {
    border: 1px solid #ff4242 !important
}

.testimonials {
    padding: 80px 0 0;
}

.testimonials .swiper-button-next,
.testimonials .swiper-button-prev {
    padding-top: 0;
    font-size: 20px;
    line-height: 65px
}

.chosen-container {
    width: 100% !important
}

.testimonials-item {
    padding-left: 0;
    position: relative;
    clear: both;
    font: 300 16px 'Open Sans', sans-serif;
    text-align: center;
    color: #666;
    line-height: 2
}

.testimonials-item__person {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 105px;
    height: 105px;
    border: 2px solid #ededed;
    padding: 8px;
    border-radius: 100%
}

.testimonials-item__person img {
    border-radius: 100%
}

.testimonials-item__head {
    padding: 0 0 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #b4b4b4;
    position: relative
}

.testimonials-item__head span {
    font-weight: 700
}

.testimonials-item__head em {
    position: absolute;
    font-size: 96px;
    left: 100%;
    color: #e3000f;
    font-style: italic;
    transform: translateX(-130%);
    margin-top: -15px
}

.testimonials-item__head:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    border-bottom: 1px solid #b4b4b4;
    border-right: 1px solid #b4b4b4;
    background: #fff
}

.slider-with-buttons {
    padding: 0 0 50px;
    position: relative
}

.slider-with-buttons .swiper-button-next,
.slider-with-buttons .swiper-button-prev {
    position: absolute;
    top: auto;
    bottom: 5px;
    margin-top: 0;
    width: 25px;
    height: 25px;
    line-height: 27px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border-radius: 25px;
    background: #869791;
    opacity: .5;
    transition: all .4s ease-out
}

.footer,
.footer .container {
    position: relative
}

.slider-with-buttons .swiper-button-next:hover,
.slider-with-buttons .swiper-button-prev:hover {
    opacity: 1
}

.slider-with-buttons .swiper-button-next.swiper-button-disabled,
.slider-with-buttons .swiper-button-prev.swiper-button-disabled {
    opacity: .2;
    cursor: default
}

.slider-with-buttons .swiper-button-prev {
    left: 50%;
    margin-left: -50px;
    padding-right: 2px
}

.slider-with-buttons .swiper-button-prev:before {
    content: "\f053";
    font-family: FontAwesome
}

.slider-with-buttons .swiper-button-next {
    right: 50%;
    margin-right: -50px;
    padding-left: 2px
}

.slider-with-buttons .swiper-button-next:before {
    content: "\f054";
    font-family: FontAwesome
}

.footer {
    background: #333;
    padding: 55px 0 0
}

.footer .heading-section {
    color: #e3000f;
    padding: 0;
    margin: 0 0 20px;
    font: 700 13px 'Open Sans', sans-serif
}

.footer .heading-section span {
    padding: 0 10px;
    border-right: 3px solid #fff;
    border-left: 3px solid #fff
}

.foot-box {
    position: absolute;
    width: 25%;
    z-index: 10;
    left: 0;
    padding: 35px 25px;
    top: -80px;
    border-top: 3px solid #e3000f;
    background: #272727;
    color: #fff
}

.foot-box ul {
    margin-bottom: 15px
}

.foot-box ul li {
    font: 400 12px 'Open Sans', sans-serif;
    margin: 0;
    color: #999
}

.foot-box ul li b {
    color: #fff;
    display: block;
    font: 400 13px 'Open Sans', sans-serif;
    margin: 0 0 5px
}

.foot-nav ul {
    margin-bottom: 15px
}

.foot-nav ul li {
    display: inline-block;
    width: 49%;
    padding-right: 10px
}

.foot-nav ul li a,
.foot-nav ul li span {
    font: 400 16px/20px 'Open Sans', sans-serif;
    color: #999;
    transition: all .4s ease-out
}

.foot-nav ul li a:hover,
.foot-nav ul li span,
.foot-nav ul li:focus {
    color: #e3000f
}

.foot-contact {
    font: 400 14px/20px 'Open Sans', sans-serif;
    color: #999
}

.foot-contact address {
    font-style: normal
}

.foot-contact ul li {
    margin-bottom: 5px;
    cursor: pointer
}

.foot-contact .fa {
    font-size: 16px;
    width: 16px;
    color: #999;
    margin-right: 15px
}

.foot-contact .fa.fa-map-marker {
    width: 18px
}

.foot-contact .fa.fa-phone {
    width: 14px
}

.foot-contact a {
    color: #999;
    transition: all .4s ease-out
}

.foot-contact a:focus,
.foot-contact a:hover {
    color: #e3000f
}

.b-footer {
    background: #222;
    margin-top: 35px;
    padding: 20px 0;
    color: #999;
    font: 400 14px/20px 'Open Sans', sans-serif
}

.foot__logo {
    display: block;
    margin-bottom: 15px
}

.social {
    float: right;
    margin-top: 25px
}

.header .social {
    display: inline-block;
    float: right;
    margin: 0;
    font-size: 0;
    padding: 16px 5px;
    border-right: 1px solid #eee
}

.social a,
.social a span {
    color: #999;
    font-size: 24px;
    transition: all .4s ease-out
}

.header .social a {
    vertical-align: baseline
}

.header .social a span {
    margin: 0
}

.social a {
    display: inline-block;
    vertical-align: baseline;
    width: 26px;
    height: 24px;
    line-height: 24px
}

.hamburger--collapse,
.range-slider .noUi-horizontal .noUi-handle:after,
.range-slider .noUi-horizontal .noUi-handle:before {
    display: none
}

.social a:focus,
.social a:focus span,
.social a:hover,
.social a:hover span {
    color: #e3000f
}

.page-heading {
    padding: 40px 0;
    background: url(../assets/images/heading.jpg) 50% 50%;
    background-size: cover
}

.page-heading h1,
.page-heading span {
    margin-bottom: 0;
    font: 700 30px 'PT Sans', sans-serif;
    color: #fff;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, .3)
}

.breadcrumbs {
    padding: 8px 0 11px;
    background: #fff;
    box-shadow: 0 30px 50px -24px rgba(0, 0, 0, .1)
}

.breadcrumbs ul {
    display: block
}

.breadcrumbs ul li {
    display: inline-block
}

.breadcrumbs ul li a,
.breadcrumbs ul li span {
    font: 400 11px 'Open Sans', sans-serif;
    transition: all .4s ease-out
}

.breadcrumbs ul li span {
    color: #e3000f
}

.breadcrumbs ul li+li:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 11px;
    margin: 0 10px 0 5px
}

.catalog-container {
    padding: 30px 0
}

.catalog-container-row {
    font-size: 0;
    line-height: 0
}

.catalog-container-item {
    float: none !important;
    display: inline-block !important;
    vertical-align: top;
    margin-bottom: 30px
}

.catalog-container-item a {
    display: block;
    transition: all .4s ease-out
}

.catalog-container-item__img {
    display: block;
    height: 160px;
    line-height: 160px;
    overflow: hidden;
    margin-bottom: 15px;
    text-align: center
}

.catalog-container-item__img img {
    transition: all .4s ease-out;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.catalog-container-item__name {
    display: block;
    padding: 30px 0
}

.catalog-container-item__name span {
    display: inline-block;
    padding-left: 10px;
    border-left: 4px solid #e3000f;
    font: 600 16px 'Open Sans', sans-serif
}

.catalog-container-item a:hover .catalog-container-item__img img {
    transform: rotate(1deg) scale(1.05)
}

.catalog-container-item__info:not(.hidden) .view-all .fa.fa-angle-down,
.order-table-footer .order-col--2.active span {
    transform: rotate(-180deg)
}

.catalog-container-item__info {
    display: block;
    padding-top: 25px;
    padding-bottom: 35px;
    border-top: 1px solid #b4b4b4;
    font: 400 12px/16px 'Open Sans', sans-serif;
    text-align: left;
    position: relative;
    color: #999
}

.catalog-container-item__info.hidden:after {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 25px;
    left: 0;
    right: 0;
    height: 50px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%)
}

.catalog-container-item__info.hidden .info-height {
    overflow: hidden
}

.view-all {
    cursor: pointer;
    position: absolute;
    z-index: 4;
    bottom: 0;
    left: 0;
    text-align: center;
    font-size: 12px
}

.view-all .fa.fa-angle-down {
    transition: all .4s ease-out
}

.catalog-container-item__info:before {
    content: '';
    position: absolute;
    top: -5px;
    left: 30px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 1px solid #b4b4b4;
    border-right: 1px solid #b4b4b4;
    background: #fff
}

.category-container {
    padding: 15px 0 50px
}

.category-sidebar {
    padding: 30px 25px 0;
    background: #555;
    color: #fff
}

.category-sidebar .form-field .select-wrapper input.select-dropdown {
    background: #444;
    color: #ccc;
    border: none
}

.category-sidebar .dropdown-content {
    top: 100% !important
}

.category-sidebar .form-field .select-wrapper span.caret {
    color: #e3000f;
    z-index: 5
}

.category-sidebar button[type=reset] {
    display: inline-block;
    margin-top: 15px;
    border: none;
    background: 0 0;
    cursor: pointer;
    font: 600 11px 'Open Sans', sans-serif;
    text-decoration: underline;
    color: #999
}

.category-sidebar button[type=reset]:hover {
    text-decoration: none
}

.filter-head {
    display: block;
    margin-bottom: 10px;
    font: 700 12px 'Open Sans', sans-serif;
    text-align: left
}

.range-slider {
    position: relative;
    margin-bottom: 55px;
    padding-left: 15px;
    padding-right: 5px
}

.range-slider .filter-head {
    margin-left: -15px
}

.range-slider .noUi-tooltip {
    bottom: auto;
    top: 100%;
    margin-top: 20px;
    border-radius: 0;
    position: absolute;
    padding: 2px 3px;
    background-color: #444 !important;
    border: none;
    font: 600 11px 'Open Sans', sans-serif;
    text-decoration: none;
    color: #fff
}

.range-slider .noUi-tooltip:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 50%;
    margin-right: -4px;
    z-index: 100;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 6px solid #444
}

.range-slider .noUi-target {
    height: 5px;
    border: none;
    border-radius: 5px;
    background: #fff
}

.range-slider .noUi-connect {
    background: #e3000f
}

.range-slider .noUi-horizontal .noUi-handle {
    cursor: pointer;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #e3000f;
    border: 4px solid #fff;
    top: -8px;
    box-shadow: none
}

.range-slider .noUi-horizontal .noUi-handle:hover {
    background: #980912
}

.btn.btn-orange {
    background: #e3000f;
    color: #fff;
    text-align: left;
    padding: 6px 5px 6px 15px
}

.btn.btn-orange span {
    width: 20px;
    background: #fff;
    color: #e3000f;
    height: 20px;
    font-size: 13px;
    padding: 3px;
    margin-bottom: 0;
    margin-right: 0;
    float: none;
    line-height: normal;
    text-align: center;
    margin-top: 0
}

.btn.btn-orange:focus,
.btn.btn-orange:hover {
    background: #fff;
    color: #333
}

.btn.btn-orange:focus span,
.btn.btn-orange:hover span {
    background: #333;
    color: #fff
}

.category-sidebar__bottom {
    margin: 0 -25px;
    padding: 30px 0 25px;
    background: #444;
    text-align: center
}

.category-one {
    display: block;
    overflow: hidden;
    padding: 10px 15px;
    border: 1px solid #eee;
    margin-bottom: 15px
}

.category-one__img {
    float: right;
    width: 25%;
    height: 110px;
    line-height: 110px;
    position: relative;
    overflow: hidden;
    text-align: center
}

.category-one__img img {
    display: inline-block;
    vertical-align: middle;
    transition: all .4s ease-out
}

.category-one:hover .category-one__img img {
    transform: scale(1.05) rotate(1deg)
}

.category-one__status {
    top: 0;
    left: 0;
    right: auto !important;
    font: 700 10px 'Open Sans', sans-serif;
    padding: 5px;
    position: absolute;
    color: #fff
}

.category-one__status--premium {
    background: #25b525
}

.category-one__info {
    float: left;
    width: 75%;
    padding-right: 30px;
    font: 300 13px 'Open Sans', sans-serif;
    line-height: 1.7;
    color: #666
}

.category-one__info-txt {
    margin-bottom: 30px
}

.category-one__char {
    font-size: 11px
}

.category-one__char ul li {
    margin-bottom: 5px;
    white-space: nowrap
}

.category-one__char ul li span {
    display: inline-block;
    vertical-align: top;
    min-width: 140px;
    padding-right: 10px;
    font: 600 11px 'Open Sans', sans-serif;
    color: #555;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.category-one__info-header {
    padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom: 1px solid #b4b4b4;
    position: relative;
    display: flex;
    min-height: 90px
}

.category-one__info-header:after {
    content: '';
    position: absolute;
    bottom: -5.5px;
    left: 30px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    border-bottom: 1px solid #b4b4b4;
    border-right: 1px solid #b4b4b4;
    background: #fff
}

.category-one__info-header>span {
    display: block;
    font: 600 16px 'Open Sans', sans-serif;
    line-height: 20px;
    border-left: 4px solid #e3000f;
    margin: 8px 0 0;
    padding: 1px 0 1px 15px
}

.prod-name {
    font-size: 14px;
    line-height: 18px
}

.category-one__info-header span p {
    margin-top: 4px
}

.category-one__info-header p {
    font-size: 12px;
    line-height: 16px
}

.category-one__info-price {
    padding-top: 10px;
    padding-bottom: 5px;
    display: block;
    font: 700 18px 'PT Sans', sans-serif;
    color: #e3000f;
    min-height: 46px
}

.category-one__info-price span {
    display: block
}

.category-one__info-price span:last-child {
    font-size: 16px;
    color: #000
}

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

.button-modals {
    padding: 5px 0 0
}

.button-modals ul {
    list-style: none;
    margin: 0
}

.button-modals li {
    display: inline-block !important;
    margin: 0 10px 5px 0
}

.b-schedule__table {
    width: 100%
}

.b-schedule__table td,
.b-schedule__table th {
    border: 1px solid #cecece;
    padding: 10px 5px;
    font-size: 14px;
    line-height: 18px
}

.b-schedule__remark {
    margin-top: 5px;
    font-size: 12px;
    line-height: 16px;
    color: #8c8c8c
}

.b-schedule__table th {
    background: #eee
}

#modal13 ul li b {
    display: block
}

.medium-text {
    font-size: 20px;
    line-height: 26px;
    margin-top: 20px;
    margin-bottom: 20px
}

/*#modal11 .modal-body ul {
    list-style: disc inside
}

#modal11 .modal-body ul ul {
    padding-left: 20px
}

#modal11 .modal-body ul li {
    list-style: disc
}*/

.button-modals ul a {
    font-size: 13px;
    color: #727272
}

.category-one__info-price .old-price {
    font-weight: 400;
    text-decoration: line-through;
    color: #000;
    opacity: .7
}

.category-one__detail {
    float: left;
    padding-top: 23px
}

.category-box-pr {
    text-align: right
}

.category-one__detail .btn,
.category-one__info-price .btn {
    height: 32px;
    line-height: normal;
    font: 600 10px "Open Sans", sans-serif;
    border: 1px solid #ddd;
    padding: 5px;
    box-shadow: none
}

.category-one__detail .btn .fa,
.category-one__info-price .btn .fa {
    width: 20px;
    height: 20px;
    font-size: 13px;
    padding: 3px;
    float: none;
    line-height: normal;
    margin: 0 0 0 10px
}

.pagination {
    margin: 40px 0 0;
    text-align: center;
    font-size: 0;
    line-height: 0
}

.pagination .pagination-left,
.pagination .pagination-right,
.pagination ul {
    display: inline-block;
    vertical-align: middle
}

.pagination .pagination-left,
.pagination .pagination-right {
    width: 25px;
    height: 25px;
    line-height: 30px;
    text-align: center;
    padding: 2px;
    border-radius: 100%;
    display: inline-block;
    background: #ddd;
    color: #fff;
    opacity: .8;
    transition: all .4s ease-out;
    margin: 7px
}

.pagination .pagination-left:focus,
.pagination .pagination-left:hover,
.pagination .pagination-right:focus,
.pagination .pagination-right:hover {
    background: #333
}

.pagination .pagination-left .fa,
.pagination .pagination-right .fa {
    color: #fff;
    margin: 0
}

.pagination-cont ul {
    margin: 0 7px 0 15px
}

.category-container.view-list .category-one__info-price span,
.infobar .form-field {
    margin-bottom: 0
}

.pagination-cont ul li {
    min-width: 35px;
    height: 30px;
    margin: 5px
}

.pagination-cont ul li a,
.pagination-cont ul li span {
    height: 100%;
    display: block;
    font: 400 14px/22px 'Open Sans', sans-serif;
    margin-right: 0;
    width: 100%;
    text-align: center;
    transition: .3s;
    padding: 5px 10px
}

.pagination-cont ul li a {
    cursor: pointer;
    color: #999;
    background: #fff;
    border: 1px solid #eee
}

.pagination-cont ul li a:hover {
    background-color: #fff;
    border-color: #e3000f;
    color: #e3000f
}

.pagination-cont ul li span,
.pagination-cont ul li.active span,
.pagination-cont ul li.active:hover span {
    background-color: #e3000f;
    border-color: #e3000f;
    color: #fff
}

.pagination-cont ul li span {
    cursor: default
}

.pagination-cont ul li a:focus {
    color: #999
}

.infobar {
    background-color: #f5f5f5;
    padding: 10px 0;
    font-size: 0;
    line-height: 0
}

.infobar .infobar__change,
.infobar .select-wrapper {
    display: inline-block;
    vertical-align: middle
}

.infobar .form-field .select-wrapper input.select-dropdown {
    padding-top: 5px;
    padding-bottom: 5px;
    height: 30px;
    background: #fff
}

.infobar .form-field .select-wrapper span.caret {
    right: 10px;
    top: 15px;
    color: #555
}

.infobar__select-butt {
    cursor: pointer;
    display: inline-block;
    height: 40px;
    width: 50px;
    background: #fff;
    line-height: 52px;
    text-align: center
}

.infobar__select-butt span {
    display: inline;
    margin: 0;
    color: #999;
    transition: all .4s ease-out
}

.infobar__select-butt.active span,
.infobar__select-butt:focus span,
.infobar__select-butt:hover span {
    color: #e3000f
}

.infobar__change .infobar__select-butt:first-child {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    margin-right: 1px
}

.infobar__change .infobar__select-butt:last-child {
    margin-left: 1px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px
}

.infobar__select-one {
    display: inline-block;
    vertical-align: top;
    margin-right: 35px
}

.infobar__select-one-title {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    color: #444;
    font: 600 11px 'Open Sans', sans-serif
}

.category-one__char {
    margin-top: 20px !important
}

.category-one__info-bottom {
    clear: both;
    width: 100%;
    text-align: center;
    overflow: hidden;
    padding-top: 10px;
    border-top: 1px solid #eee
}

.category-container.view-list .category-one__info-bottom {
    position: absolute;
    bottom: 10px;
    left: 15px;
    border: none;
    width: auto;
    padding: 0;
    margin: 0;
    display: none !important
}

.category-container.page-search.view-list .category-one__info-bottom {
    position: static;
    border-top: 1px solid #eee;
    margin-top: 25px;
    padding-top: 25px
}

.category-container.view-list .category-one__info-price {
    display: inline-block;
    vertical-align: middle;
    margin-right: 50px;
    padding-top: 0
}

.category-container.view-list .category-one__info-butt {
    display: inline-block;
    vertical-align: middle
}

.category-container.view-list .category-one__info-butt .btn {
    margin: 0
}

.category-container.view-table .category-one__info-butt {
    display: none !important
}

.category-container.view-table .category-one__detail {
    float: none;
    display: none
}

.category-container.view-table .category-one__info-price {
    padding-top: 15px
}

.category-container.view-table .category-box-pr {
    text-align: center
}

.category-one__info-price .old-price {
    margin-bottom: 5px
}

.category-one__info-bottom .btn,
.category-one__info-butt .btn {
    font-size: 12px;
    height: 32px;
    display: inline-block;
    margin: 0 10px 15px;
    color: #fff !important;
    background: #e3000f;
    box-shadow: none
}

.category-one__info-bottom .btn .fa,
.category-one__info-butt .btn .fa {
    float: right
}

.category-container.view-table .category-one__info-bottom .btn {
    display: block;
    margin: 0
}

.category-container.view-table.page-search .category-one {
    width: 25%;
    padding: 15px
}

.category-container.view-table .category-container-body {
    font-size: 0;
    line-height: 0
}

.category-container.view-table .category-one {
    display: inline-block;
    vertical-align: top;
    width: 33.3%
}

.category-container.view-table .category-one__img,
.category-container.view-table .category-one__info {
    width: 100%
}

.category-container.view-table .category-one__info {
    padding-top: 20px;
    padding-right: 0
}

.category-container.view-table .category-one__info .row .col {
    width: 100% !important
}

.status-product {
    float: left;
    font: 700 10px 'Open Sans', sans-serif;
    padding: 7px 10px;
    color: #fff
}

.infobar-btn {
    display: inline-block
}

.prod-bott-btn {
    position: relative;
    white-space: nowrap
}

.infobar-btn--2 {
    width: 200px
}

.infobar-btn .btn {
    border: none !important;
    height: 32px;
    line-height: normal;
    font: 600 10px "Open Sans", sans-serif;
    padding: 6px 5px 6px 15px
}

.infobar-btn--2 .btn {
    background: #393939 !important
}

.infobar-btn--2 .btn:hover {
    background: #000 !important
}

.infobar-btn .btn .fa {
    width: 20px;
    height: 20px;
    font-size: 13px;
    padding: 3px;
    margin-bottom: 0;
    margin-right: 0;
    float: none;
    line-height: normal;
    margin-top: 0
}

.product-page {
    padding: 10px 0 10px;
    position: relative;
    box-shadow: 0 30px 100px -38px rgba(0, 0, 0, .3);
    z-index: 10
}

.product-page-top {
    margin-bottom: 10px;
    text-align: left;
    border-bottom: 1px solid #b4b4b4;
    position: relative
}

.product-page-top:after {
    content: '';
    position: absolute;
    bottom: -5.5px;
    left: 30px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 1px solid #b4b4b4;
    border-right: 1px solid #b4b4b4;
    background: #fff
}

.product-page-top .dropdown-content {
    min-width: 315px;
    top: 100% !important
}

.product-one__char {
    font-size: 14px;
    line-height: 18px
}

.product-page-top__head {
    border-left: 4px solid #e3000f;
    display: block;
    font: 700 28px 'Open Sans', sans-serif;
    line-height: 36px;
    margin: 0 0 10px;
    color: #000;
    padding-left: 15px
}

.product-page-top__head p {
    font: 400 18px 'Open Sans', sans-serif;
    line-height: 20px;
    margin: 0;
    padding: 8px 0 0
}

.product-page-top__head span {
    display: inline-block;
    color: #999;
    line-height: 18px;
    margin: 0
}

.product-page-top__head span.enabled {
    color: #19bf00
}

.product-page-top__head span:last-of-type {
    color: #1a1ae4
}

.product-page-top__cart {
    padding: 10px 0;
    user-select: none
}

.product-page-top__cart .quantity-wrap {
    display: inline-block;
    vertical-align: middle
}

.product-page-top__cart ul {
    display: block
}

.product-page-top__cart ul li {
    display: block;
    font: 400 14px 'Open Sans', sans-serif;
    line-height: 18px
}

.product-page-top__cart ul li span {
    display: inline-block
}

.product-page-top__cart ul li input {
    display: inline-block;
    margin: 0 8px;
    width: 70px;
    height: auto;
    min-height: 1px;
    border: 1px solid #e3000f !important;
    box-shadow: none !important;
    padding: 5px 10px
}

.product-page-top__cart .price {
    color: #e3000f;
    font-size: 20px;
    line-height: 24px
}

.product-page-top__cart .old-price {
    position: relative;
    margin-left: 15px
}

.product-page-top__cart .old-price:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    top: 50%;
    transform: rotate(-25deg);
    background: red
}

.product-page-top__cart em {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #999
}

.view-opt-price {
    cursor: pointer;
    margin-top: 15px;
    display: inline-block;
    text-decoration: underline;
    color: #e3000f;
    font-size: 16px;
    line-height: 18px
}

.view-opt-price:hover {
    text-decoration: none
}

.mark-txt {
    color: #e3000f !important
}

.complite-order {
    padding: 40px 0;
    text-align: center;
    font-size: 20px;
    line-height: 28px
}

.complite-order b {
    font-size: 30px;
    line-height: 38px
}

.complite-order span {
    margin-top: 15px;
    display: block;
    text-align: center
}

.complite-order-txt {
    padding-top: 20px;
    border-top: 1px solid #cecece;
    text-align: center
}

.product-one-slider__img,
.product-one-slider__thumb {
    vertical-align: top;
    border: 1px solid #e9e9e9;
    display: inline-block
}

.prod_bl {
    font-weight: 800;
    min-width: 110px
}

.product-one-slider {
    position: relative;
    font-size: 0;
    line-height: 0
}

.product-one-slider__img {
    width: calc(100% - 150px);
    height: 360px
}

.product-one-slider__img .swiper-container {
    height: 100%
}

.product-one-slider__img .swiper-slide {
    position: relative
}

.product-one-slider__img .swiper-slide img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.product-one-slider__thumb {
    position: relative;
    width: 150px;
    height: 360px;
    border-left: none;
    padding: 36px 0
}

.product-one-slider__thumb .swiper-slide {
    border-top: 1px solid #e9e9e9;
    overflow: hidden
}

.product-one-slider__thumb .swiper-slide:first-child {
    border-top: none
}

.product-one-slider__thumb .swiper-slide.active img {
    opacity: .2
}

.product-one-slider__thumb .swiper-slide:hover img {
    opacity: .5
}

.product-one-slider__thumb .swiper-button-next,
.product-one-slider__thumb .swiper-button-prev {
    position: absolute;
    z-index: 10;
    width: 100%;
    left: 0;
    right: auto;
    margin: 0;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #f8f8f8;
    -webkit-transition: all .4s cubic-bezier(.21, .99, .58, 1);
    transition: all .4s cubic-bezier(.21, .99, .58, 1)
}

.product-one-slider__thumb .swiper-button-next:hover,
.product-one-slider__thumb .swiper-button-prev:hover {
    background: #fff;
    color: #ff8365
}

.product-one-slider__thumb .swiper-button-prev:before {
    content: "\f077";
    font-family: FontAwesome;
    font-size: 14px
}

.product-one-slider__thumb .swiper-button-next:before {
    content: "\f078";
    font-family: FontAwesome;
    font-size: 14px
}

.product-one-slider__thumb .swiper-button-prev {
    top: 0;
    border-bottom: 1px solid #e9e9e9
}

.product-one-slider__thumb .swiper-button-next {
    bottom: 0;
    top: auto;
    border-top: 1px solid #e9e9e9
}

.product-one-slider__thumb .swiper-container {
    height: 100%
}

.product-one-slider__thumb .swiper-container .swiper-wrapper {
    position: relative;
    cursor: pointer
}

.product-one-slider__thumb .swiper-container .swiper-wrapper img {
    width: auto;
    height: 100%;
    margin: 0 auto;
    max-width: none;
    -webkit-transition: all .4s cubic-bezier(.21, .99, .58, 1);
    transition: all .4s cubic-bezier(.21, .99, .58, 1);
    backface-visibility: hidden
}

.product-one__txt {
    margin: 15px 0 0;
    padding: 15px;
    font-size: 14px;
    line-height: 20px;
    border: 1px solid #e9e9e9
}

.product-one__txt p {
    margin-bottom: 10px
}

.product-one__txt p:last-child {
    margin-bottom: 0
}

.product-one__txt ul li:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #e3000f;
    margin-right: 10px;
    display: inline-block;
    vertical-align: 3px;
    font-weight: 700
}

.product-char {
    width: 340px;
    max-width: 100%;
    overflow: hidden
}

.product-char ul li {
    display: block;
    margin: 0 0 10px;
    font: 300 13px 'Open Sans', sans-serif
}

.product-char ul li span {
    border-left: 3px solid #eee;
    display: inline-block;
    vertical-align: middle;
    width: 49%;
    padding: 0 15px
}

.product-char table tr:hover td,
.product-char ul li:hover span {
    border-left-color: #e3000f
}

.product-char table td:last-child,
.product-char ul li span:last-child {
    font: 600 13px 'Open Sans', sans-serif
}

.product-char table {
    width: 100%
}

.product-char table td {
    border-bottom: 10px solid #fff;
    border-left: 3px solid #eee;
    font: 300 13px 'Open Sans', sans-serif;
    padding: 0 15px;
    vertical-align: middle
}

.product-char .heading-section,
.product-one-aside-about .heading-section {
    padding: 20px 0
}

.product-char .heading-section span,
.product-one-aside-about .heading-section span {
    font: 700 14px 'Open Sans', sans-serif;
    padding-left: 12px;
    border-left: 4px solid #e3000f;
    border-right: none
}

.product-one__main-aside-about-call {
    background-color: #555;
    padding: 20px 0 25px 80px;
    position: relative;
    color: #ddd;
    font: 400 11px 'Open Sans', sans-serif
}

.product-one__main-aside-about-call .fa {
    height: 100%;
    font-size: 34px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 32px 15px 0;
    background: grey;
    color: #fff
}

.about-call-phone {
    font: 700 26px 'Open Sans', sans-serif;
    color: #fff
}

.product-one__main-aside-about-form {
    padding: 0 20px 20px;
    background: #f5f5f5;
    min-height: 445px
}

.product-one__main-aside-about-form .btn.btn--black {
    height: 32px;
    margin-top: 33px
}

.product-one__main-aside-about-form .form-field input,
.product-one__main-aside-about-form .form-field select,
.product-one__main-aside-about-form .form-field textarea {
    background: #fff;
    border-color: #eee !important;
    box-shadow: none !important;
    transition: all .4s ease-out
}

.other-product,
.testimonials--product {
    box-shadow: 0 30px 100px -38px rgba(0, 0, 0, .3)
}

.product-one__main-aside-about-form .form-field textarea {
    min-height: 100px
}

.product-one__main-aside-about-form .form-field.error input,
.product-one__main-aside-about-form .form-field.error select,
.product-one__main-aside-about-form .form-field.error textarea {
    background: rgba(253, 107, 107, .84)
}

.other-product {
    text-align: center;
    padding: 30px 0 30px
}

.other-product__head {
    background: #555;
    padding: 3px 15px;
    font: 700 11px 'Open Sans', sans-serif;
    color: #fff;
    margin: 0 0 10px;
    display: inline-block
}

.nav__tab .tabs .indicator,
.swiper-pagination-bullet-active {
    background: #e3000f
}

.nav__tab {
    text-align: center;
    padding: 40px 0 0
}

.nav__tab .tabs {
    display: inline-block;
    width: auto;
    min-height: 35px
}

.nav__tab .tabs li {
    float: left;
    padding: 0 15px
}

.nav__tab .tabs li a {
    transition: all .4s ease-out
}

.nav__tab .tabs li a.active {
    color: #e3000f
}

.tab-content {
    padding: 40px 0 0;
    font-size: 0;
    line-height: 0
}

/*.tab-content .hit-item {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding: 0 15px;
    margin-bottom: 30px
}*/

.testimonials-item_rating {
    display: block;
    overflow: hidden;
    padding: 0 0 15px
}

.testimonials-item_rating.star-ratings .stars {
    padding: 0;
    float: none;
    display: inline-block;
    width: auto
}

.testimonials--product {
    padding-bottom: 60px;
    padding-top: 15px
}

.input-field input,
.testimonials--product .input-field input {
    height: 36px;
    padding-top: 5px;
    padding-bottom: 5px
}

.testimonials--product .heading-section {
    padding: 20px 0 10px;
    font-size: 0;
    line-height: 0
}

.testimonials--product .heading-section span {
    font: 700 14px 'Open Sans', sans-serif;
    padding-left: 12px
}

.testimonials--product .input-field span.label-field {
    margin-bottom: 0
}

.testimonials--product .input-field {
    margin: 0 0 15px
}

.testimonials--product .testimonials-item_rating {
    padding: 0 0 5px
}

.testimonials--product .testimonials-item {
    margin-bottom: 40px
}

.testimonials--product .product-one-aside-about .heading-section span {
    border-right: 4px solid #e3000f
}

.testimonials--product .nav__tab {
    padding-top: 1px;
    text-align: left
}

.testimonials--product .nav__tab .tabs {
    height: 30px
}

.testimonials--product .tab-content {
    padding: 0
}

.testimonials--product .testimonials-item__head {
    padding-bottom: 15px
}

.brands {
    padding: 20px 0 60px
}

.brands-slider {
    position: relative;
    padding-bottom: 30px;
    text-align: center
}

.brands-slider .swiper-slide {
    display: inline-block;
    padding: 0 30px
}

.brands-slider .swiper-pagination {
    bottom: -5px
}

.brand-item img {
    display: block;
    margin: 0 auto
}

.product-one__char .heading-section {
    padding: 20px 0
}

.product-one__char .heading-section span {
    font: 700 14px 'Open Sans', sans-serif;
    padding-left: 12px;
    border-left: 4px solid #e3000f;
    border-right: none
}

.breadcrumbs--with-head .breadcrumbs-head,
.cart-col--6,
.cart-col--7,
.cart-col-item .cart-col__txt,
.cart-container-botom,
.cart-head .cart-row .cart-col,
.found-caption,
.input-field span.label-field {
    font-family: OpenSans-Bold, sans-serif
}

.change-product-page {
    padding: 55px 0 65px
}

.change-product-top {
    margin-bottom: 30px
}

.change-product-top strong {
    text-transform: capitalize
}

.change-product__top-image {
    font-size: 0;
    line-height: 0
}

.change-product__top-image img {
    display: inline-block
}

.change-product-over {
    margin-top: -50px;
    position: relative;
    z-index: 5;
    overflow: hidden;
    overflow-x: auto
}

.change-product-over table {
    width: 100%;
    min-width: 480px;
    border-collapse: collapse
}

.change-product-over table thead td span {
    cursor: default !important
}

.change-product-over table thead td:first-child {
    background: 0 0 !important;
    border-top-color: transparent !important;
    border-left-color: transparent !important
}

.change-product-over table a:not(.btn) {
    color: #727272;
    text-decoration: underline
}

.change-product-over table a:hover {
    color: #e3000f;
    text-decoration: underline
}

.change-product-over table tbody:hover tr td:nth-child(2),
.change-product-over table tbody:hover tr td:nth-child(3),
.change-product-over table tbody:hover tr td:nth-child(4) {
    background: #afafaf !important
}

.change-product-over table tbody td span.nmn,
.change-product-over table thead td span.nmn {
    cursor: pointer;
    padding-left: 25px;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px
}

.change-product-over table tbody td,
.change-product-over table thead td {
    border: 1px solid #dbdbdb;
    background: #fff;
    color: #333;
    vertical-align: middle;
    text-align: center;
    transition: all .4s ease-out
}

.change-product-over table tbody td span,
.change-product-over table thead td span {
    cursor: pointer;
    padding: 0 15px;
    text-align: center;
    display: block;
    border: none !important;
    transition: all .4s ease-out
}

.switch {
    padding: 10px 0 15px
}

.switch label {
    font-size: 18px;
    line-height: 20px;
    color: #000
}

.change-product-over--cus {
    overflow: visible
}

.change-product-over table tbody td span.old,
.change-product-over table thead td span.old {
    cursor: default !important;
    color: rgba(37, 37, 37, .6);
    text-decoration: line-through;
    border: 1px dashed transparent !important
}

.change-product-over table tbody td:last-child {
    width: 120px !important
}

.change-product-over table tbody .bg-gr td,
.change-product-over table thead .bg-gr td {
    background: #ededed
}

.change-product-over table tfoot td {
    border: 1px solid #dbdbdb;
    font-size: 20px;
    font-weight: 700;
    text-align: center
}

.change-product-over table tfoot td:first-child {
    border: none;
    background: 0 0
}

.change-product-over table tfoot span.ch-pr-t {
    vertical-align: middle;
    height: auto;
    line-height: normal;
    border: none !important;
    background: 0 0 !important
}

.change-product-over table tfoot span.ch-pr-t span {
    display: inline;
    border: none !important;
    background: 0 0 !important
}

.change-product-over table tfoot td .btn {
    margin-left: 25px
}

.change-product-over table tfoot td .btn:hover {
    text-decoration: none;
    color: #fff
}

.product-page-top__cart .dropdown-content li>span {
    display: block;
    cursor: pointer;
    font-size: 14px
}

.btn.btn--black {
    background: #393939;
    color: #fff;
    box-shadow: none
}

.btn.btn--black:focus,
.btn.btn--black:hover {
    background: #e3000f
}

.podbor {
    margin-top: 5px;
    padding: 165px 0 105px;
    background: url(../assets/images/podbor2.jpg) 50% 0 no-repeat
}

.podbor .search-box-container {
    margin-top: 0
}

.found-page {
    padding: 165px 0 215px
}

.found-caption {
    padding: 20px 0 0;
    font-size: 33px;
    line-height: 46px
}

.found-caption span {
    display: block;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 30px;
    color: rgba(37, 37, 37, .5)
}

.found-caption .btn {
    margin-top: 35px
}

.footer {
    margin-top: -385px
}

.above-footer {
    height: 385px
}

.cart-container {
    padding: 0 0 115px
}

.cart-container .clearfix.align-center {
    padding-top: 40px
}

.cart-container .clearfix.align-center .btn {
    padding: 6px 35px;
    line-height: 21px
}

.cart-container-box {
    display: table;
    width: 100%;
    border-collapse: collapse
}

.cart-row {
    display: table-row
}

.cart-col {
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #dadada
}

.cart-body,
.cart-head {
    display: table-row-group
}

.cart-head .cart-row .cart-col {
    padding: 0 5px 5px;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    border: none;
    color: #333 !important;
    background: 0 0 !important
}

.cart-body .cart-col {
    background: #f5f5f5;
    padding: 10px 20px;
    white-space: nowrap;
    font-size: 14px;
    line-height: 18px
}

.cart-body .cart-col.cart-col--1 {
    white-space: normal
}

.cart-col-item {
    display: block;
    font-size: 0;
    line-height: 0
}

.cart-col-item .cart-col__img,
.cart-col-item .cart-col__txt,
.quantity-wrap span {
    display: inline-block;
    vertical-align: middle
}

.cart-col-item .cart-col__img {
    width: 65px
}

.cart-col-item .cart-col__txt {
    width: calc(100% - 67px);
    padding-left: 20px;
    font-size: 14px;
    line-height: 18px;
    transition: all .4s ease-out
}

.enabled {
    color: #3cd225
}

.quantity-wrap {
    white-space: nowrap;
    font-size: 0;
    line-height: 0;
    text-align: center
}

.cart-col--6,
.cart-col--7,
.cart-col--8 span {
    font-size: 20px;
    text-align: center
}

.quantity-wrap span {
    width: 15px;
    text-align: center;
    cursor: pointer
}

.quantity-wrap .minus-icon {
    margin-right: 7px
}

.quantity-wrap .plus-icon {
    margin-left: 0;
    margin-right: 0
}

.quantity-wrap input {
    border: 1px solid #dbdbdb !important;
    background: #fff;
    height: 36px;
    min-height: 1px;
    padding: 5px;
    text-align: center;
    width: 65px;
    margin-bottom: 0;
    box-shadow: none !important
}

.cart-body .cart-row:last-of-type .cart-col {
    border-bottom: none
}

.cart-col--4 {
    color: #e3000f
}

.cart-col--5 {
    color: rgba(37, 37, 37, .8)
}

.cart-col--7,
.cart-col--8:hover span {
    color: #e3000f
}

.cart-col--5 .old-price {
    text-decoration: line-through
}

.cart-col--8 {
    background: #fff !important;
    transition: all .4s ease-out
}

.cart-col--8:hover {
    background: #f5f5f5 !important
}

.cart-col--8 span {
    margin: 0 auto;
    cursor: pointer;
    display: block;
    height: 30px;
    line-height: 36px;
    color: #b8b8b8;
    transition: all .4s ease-out
}

.cart-container-botom {
    padding: 15px 30px;
    background: #fcfcfc;
    border: 1px solid #dbdbdb;
    text-align: right;
    font-size: 16px;
    line-height: 20px
}

.breadcrumbs--with-head {
    box-shadow: none !important;
    padding: 40px 0 35px
}

.breadcrumbs--with-head .breadcrumbs-head {
    display: block;
    margin-bottom: 15px;
    font-size: 30px;
    line-height: 34px
}

.input-field {
    margin: 0 0 15px;
    position: relative;
    text-align: left
}

.input-field span.label-field {
    display: block;
    margin-bottom: 4px;
    font-size: 15px;
    line-height: 20px;
    color: #393939
}

.input-field .select-wrapper span.caret {
    right: 10px;
    top: 8px;
    z-index: 10;
    font-size: 0;
    line-height: 22px
}

.input-field .select-wrapper span.caret:before {
    content: '\E011';
    font-family: Icons;
    font-size: 22px
}

.input-field .dropdown-content span {
    color: #000
}

.input-field .select-wrapper input.select-dropdown,
.input-field input,
.input-field select,
.input-field textarea {
    width: 100%;
    margin: 0;
    padding: 5px 20px 5px 25px;
    height: 36px;
    border: 1px solid #dbdbdb !important;
    background: #f8f8f8;
    border-radius: 3px;
    font-size: 15px;
    line-height: 18px;
    font-family: OpenSans-Light, sans-serif;
    color: #333;
    box-shadow: none !important;
    transition: all .4s ease-out
}

.input-field:after {
    content: attr(data-error);
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 5px;
    font-size: 13px;
    line-height: 15px;
    color: red;
    font-family: OpenSans-Semibold, sans-serif;
    visibility: hidden;
    opacity: 0;
    transition: all .4s ease-out
}

.cab-sale .mark-txt,
.cabinet-nav .tabs li a,
.order-table-cont .order-row .order-col.order-col--3 a,
.order-table-head,
.tab-content-detail .currency {
    font-family: OpenSans-Bold, sans-serif
}

.input-field.error:after {
    opacity: 1;
    visibility: visible
}

.input-field.error .select-wrapper input.select-dropdown,
.input-field.error input,
.input-field.error select,
.input-field.error textarea {
    border-color: red !important
}

.cabinet-nav .tabs {
    min-height: 32px;
    height: 32px;
    display: block;
    overflow: visible
}

.cabinet-nav .tabs li {
    float: left;
    margin-right: 50px
}

.cabinet-nav .tabs li a {
    font-size: 14px;
    line-height: 18px;
    transition: all .4s ease-out
}

.cabinet-nav .tabs li a.active,
.cabinet-nav .tabs li a:hover {
    color: #e3000f
}

.cabinet-nav .tabs .indicator {
    background: #e3000f;
    height: 3px;
    bottom: -1px
}

.cabinet-container {
    position: relative;
    z-index: 40;
    border-top: 1px solid #dbdbdb;
    padding: 30px 0 100px
}

.cabinet-container:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    height: 25%;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #f6f6f6 100%)
}

.tab-content-detail {
    width: 100%;
    max-width: 100%
}

.cab-sale,
.tab-content-detail .currency {
    width: 45%;
    margin-bottom: 20px;
    text-align: center
}

.tab-content-detail .currency {
    border: 1px dashed #7c93df;
    border-radius: 3px;
    padding: 25px;
    font-size: 18px;
    line-height: 44px;
    color: #393939
}

.tab-content-detail .currency span {
    font-size: 35px
}

.cab-sale {
    display: inline-block;
    vertical-align: top;
    margin-right: 5%;
    border: 1px dashed #7c93df;
    border-radius: 3px;
    padding: 30px 25px;
    background: #fff5f6;
    font-size: 18px;
    line-height: 24px
}

.add_address,
.addr-box-lnk a,
.change-pass {
    display: inline-block;
    font-size: 14px;
    line-height: 16px
}

.cab-sale img {
    margin: 0 auto 15px
}

.add_address,
.change-pass {
    margin-top: 20px;
    margin-bottom: 30px;
    text-decoration: underline;
    color: #ff5722
}

.add_address:hover,
.change-pass:hover {
    text-decoration: none
}

.addr-box {
    padding-top: 30px;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #cecece
}

.addr-box:last-child {
    border-bottom: none
}

.addr-box-lnk {
    position: absolute;
    z-index: 5;
    right: 15px;
    top: 0;
    text-align: right
}

.addr-box-lnk a {
    vertical-align: top;
    margin-left: 15px;
    color: #e3000f;
    text-decoration: underline
}

.addr-box-lnk a:hover {
    text-decoration: none
}

.order-item {
    margin: 0 0 30px
}

.order-table {
    font-size: 0;
    line-height: 0
}

.order-table,
.order-table-cont,
.order-table-footer,
.order-table-head {
    display: table;
    border-collapse: collapse;
    width: 100%
}

.order-table-cont,
.order-table-footer {
    border-right: 1px solid #dadada
}

.order-row {
    display: table-row
}

.order-col {
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #dadada;
    height: 95px;
    border-right: none;
    padding: 20px 15px
}

.order-table-head {
    font-size: 16px;
    line-height: 19px;
    color: #393939
}

.order-table-head .order-col {
    text-align: center;
    padding: 15px 10px;
    border: none;
    height: auto
}

.order-col--2,
.order-col--4,
.order-col--6 {
    width: 130px
}

.order-col--1,
.order-col--5 {
    width: 100px
}

.order-table-cont .order-row .order-col {
    background: #f5f5f5;
    text-align: center
}

.order-table-cont .order-row .order-col.order-col--3 {
    text-align: left
}

.order-table-cont .order-row .order-col.order-col--3 a {
    font-size: 16px;
    line-height: 22px;
    transition: all .4s ease-out
}

.order-table-cont .order-col,
.status-order {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px
}

.order-table-cont .order-row .order-col--1,
.order-table-cont .order-row .order-col.order-col--2 {
    border: none;
    background: 0 0
}

.order-table-cont .order-row:first-child .order-col {
    background: #f5f5f5;
    border: 1px solid #dadada;
    border-right: none
}

.order-table-cont .order-col {
    padding: 18px 22px;
    line-height: 20px;
    color: #393939
}

.status-order {
    display: inline-block;
    vertical-align: middle
}

.status-order.status-order--pass {
    color: #00a258
}

.status-order.status-order--err {
    color: #e3000f
}

.status-order .btn {
    padding: 0 35px;
    text-transform: none;
    font-size: 16px;
    margin-left: 25px
}

.btn.btn--red {
    background: #e3000f;
    color: #fff;
    box-shadow: none
}

.btn.btn--red:hover {
    background: #393939;
    color: #fff
}

.order-total-price {
    float: right
}

.change-product-over table tfoot span.ch-pr-t {
    display: block;
    margin-bottom: 10px
}

.total-price {
    margin: 30px 0 0;
    border: 1px solid #dbdbdb;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    padding: 15px;
    width: 315px;
    max-width: 100%
}

.total-price .btn.btn--black {
    display: block;
    margin-top: 10px
}

.order-table-footer .order-col {
    background: #fcfcfc;
    font-size: 16px;
    line-height: 20px;
    font-family: OpenSans-Bold, sans-serif
}

.order-table-footer .order-col.order-col--1 {
    border: none;
    background: 0 0
}

.order-table-footer .order-col.order-col--3 {
    border-top: none
}

.order-table-footer .order-col--2 {
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    color: #b2b2b2;
    background: #fff;
    cursor: pointer;
    border-top: none
}

.order-table-footer .order-col--2.hidden-butt {
    border: none;
    background: 0 0;
    pointer-events: none
}

.order-table-footer .order-col--2.hidden-butt span {
    display: none
}

.order-table-footer .order-col--2 span {
    transition: all .4s ease-out;
    display: block
}

.order-table-footer .order-col--2:hover span {
    color: #e3000f
}

.order-table-footer .order-col--2.active {
    border-top: 1px solid #dadada
}

.filter-orders {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 30px
}

.filter-orders .datepicker-box {
    margin: 0 10px;
    width: 120px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-right: 20px;
    border-bottom: 1px dashed #e3000f;
    overflow: hidden
}

.filter-orders .datepicker-box:after {
    content: '\E00D';
    font-family: Icons;
    color: #e3000f;
    position: absolute;
    font-size: 18px;
    right: 3px;
    bottom: 2px;
    pointer-events: none
}

.about-header:after,
.blog__posts-one-share:after,
.peop-item__head:after {
    content: ''
}

.filter-orders input {
    height: 30px;
    margin: 0;
    min-height: 1px;
    width: 220px;
    border: none !important;
    background: 0 0 !important;
    box-shadow: none !important
}

.order-page .cabinet-container:before {
    display: none
}

.order-page .tab-content {
    padding-top: 10px
}

.order-top-txt {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 24px;
    color: #555;
    font-family: 'Open Sans', sans-serif
}

.check-box,
.check-box [type=checkbox]+label {
    line-height: 20px
}

.order-top-txt a {
    color: #e3000f;
    text-decoration: underline
}

.order-top-txt a:hover {
    text-decoration: none
}

.check-box {
    text-align: left;
    margin-bottom: 30px;
    font-size: 14px
}

.order-cart {
    border: 5px solid #ebebeb;
    margin-bottom: 15px
}

.order-cart-item {
    padding: 15px;
    border-bottom: 1px solid #dbdbdb;
    font-size: 0;
    line-height: 0
}

.order-cart-item__left {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    padding-right: 15px
}

.order-cart-item__right {
    display: inline-block;
    vertical-align: top;
    width: 60%;
    padding-left: 15px
}

.order-cart-item__right a {
    font-family: OpenSans-Bold, sans-serif;
    font-size: 16px;
    line-height: 19px;
    color: #393939;
    transition: all .4s ease-out
}

.order-cart-item__right a:hover {
    color: #e3000f
}

.order-cart-item__right .price-box {
    padding: 5px 0;
    font-size: 16px;
    line-height: 20px;
    font-family: OpenSans-Semibold, sans-serif;
    color: #e3000f
}

.order-cart-item__right .price-box .old-price {
    display: inline-block;
    margin-left: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #393939;
    opacity: .5;
    text-decoration: line-through
}

.order-cart-item__right .quantity-wrap i,
.oth-order-txt {
    font-family: OpenSans-Light, sans-serif
}

.order-cart-item__right .quantity-wrap i {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    font-size: 16px;
    line-height: 18px;
    color: #393939
}

.order-cart-item__right .quantity-wrap input {
    width: 62px;
    height: 36px;
    background: #f8f8f8;
    border-radius: 3px
}

.order-cart-item__right .quantity-wrap .fa {
    color: #929292
}

.order-cart-item__right .quantity-wrap .fa:hover {
    color: #e3000f
}

.oth-order-txt {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    line-height: 16px;
    color: #393939;
    font-style: italic
}

.order-cart__footer {
    text-align: center;
    padding: 20px 0;
    font-size: 18px;
    line-height: 26px;
    font-family: OpenSans-Semibold, sans-serif
}

.order-cart__footer span {
    color: #e3000f
}

.order-links {
    padding: 10px 0 30px;
    text-align: center
}

.order-links a {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    font-size: 15px;
    line-height: 18px;
    color: #727272;
    text-decoration: underline;
    transition: all .4s ease-out
}

.peop-item__img img,
.peop-item__social a {
    vertical-align: middle;
    display: inline-block
}

.order-links a:hover {
    color: #e3000f
}

.brand-txt {
    padding: 10px 0 20px;
}

.brand-txt b {
    margin-bottom: 20px;
    display: block;
    font-family: OpenSans-Bold, sans-serif;
    font-size: 26px;
    line-height: 30px
}

.brand-txt iframe,
.brand-txt img,
iframe {
    margin: 15px auto;
    display: block;
    max-width: 100%
}

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

.about {
    position: relative;
    padding: 70px 0 80px;
    box-shadow: 0 30px 100px -38px rgba(0, 0, 0, .3)
}

.about-header {
    display: block;
    position: relative;
    margin: 0 0 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #b4b4b4;
    font: 700 22px 'Open Sans', sans-serif
}

.about-header span {
    padding-left: 15px;
    border-left: 4px solid #e3000f;
    display: block
}

.about-header:after {
    position: absolute;
    bottom: -6px;
    left: 30px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 1px solid #b4b4b4;
    border-right: 1px solid #b4b4b4;
    background: #fff
}

.about-subhead {
    font: 600 14px/18px 'Open Sans', sans-serif;
    margin-bottom: 30px;
    margin-top: 10px
}

.about-more ul li,
.accordion-box ul li {
    margin-bottom: 10px
}

.about-more {
    background: #f5f5f5;
    padding: 75px 0;
    border-bottom: 2px solid #eee
}

.about-more ul {
    margin-top: 40px
}

.about-more ul li {
    font: 300 13px 'Open Sans', sans-serif;
    color: #666
}

.accordion-box ul {
    border: none;
    box-shadow: none;
    background: 0 0
}

.accordion-box ul li .collapsible-header {
    border: none;
    border-radius: 0;
    background: #fff;
    padding: 13px 58px 13px 25px;
    min-height: 1px;
    line-height: normal;
    position: relative;
    font: 600 14px 'Open Sans', sans-serif;
    color: #555;
    transition: all .4s ease-out
}

.peop-item__img,
.peop-item__social {
    text-align: center;
    line-height: 200px
}

.accordion-box ul li .collapsible-header span.collap-butt {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-bottom: 46px solid #e3000f;
    border-left: 28px solid transparent;
    width: 60px;
    height: 46px;
    transition: all .4s ease-out;
    color: #fff
}

.accordion-box ul li .collapsible-header span.collap-butt .fa {
    color: #fff;
    position: absolute;
    margin: 0;
    top: 15px;
    left: 6px;
    transition: all .4s ease-out
}

.accordion-box ul li .collapsible-header.active {
    background: #555;
    color: #fff
}

.accordion-box ul li .collapsible-header.active .collap-butt {
    border-bottom: 46px solid #fff;
    color: #555
}

.accordion-box ul li .collapsible-header.active .collap-butt .fa {
    color: #555;
    transform: rotate(-90deg)
}

.collapsible-body {
    padding: 25px;
    background: #fff;
    border: none
}

.our-peop {
    padding: 90px 0;
    text-align: center
}

.our-peop .row {
    letter-spacing: -5px
}

.our-peop .col {
    display: inline-block;
    float: none;
    letter-spacing: 0
}

.peop-item__img {
    overflow: hidden;
    position: relative;
    height: 200px;
    margin-bottom: 35px
}

.peop-item__social {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    transition: all .4s ease-out;
    opacity: 0;
    visibility: hidden
}

.peop-item__social a {
    margin: 0 7px;
    line-height: 24px;
    transform: translateY(-20px);
    opacity: 0;
    transition: all .4s ease-out
}

.peop-item__social a .fa {
    font-size: 24px;
    margin: 0
}

.peop-item__social a:nth-of-type(1) {
    transition-delay: .1s
}

.peop-item__social a:nth-of-type(2) {
    transition-delay: .2s
}

.peop-item__social a:nth-of-type(3) {
    transition-delay: .3s
}

.peop-item__social a:nth-of-type(4) {
    transition-delay: .4s
}

.peop-item:hover .peop-item__img .peop-item__social {
    opacity: 1;
    visibility: visible
}

.peop-item:hover .peop-item__img .peop-item__social a {
    opacity: 1;
    transform: none
}

.peop-item {
    display: block;
    margin-bottom: 25px;
    font: 300 13px 'Open Sans', sans-serif;
    text-align: left;
    line-height: 1.7;
    color: #666
}

.peop-item__title {
    display: block;
    margin-bottom: 10px;
    font: 700 11px 'Open Sans', sans-serif;
    text-align: left;
    color: #999
}

.blog__posts-one-share,
.blog__posts-one-social,
.modal-head {
    text-align: center
}

.peop-item__head {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #b4b4b4;
    font: 700 16px 'Open Sans', sans-serif;
    color: #000
}

.peop-item__head span {
    padding-left: 15px;
    border-left: 4px solid #e3000f;
    display: block
}

.peop-item__head:after {
    position: absolute;
    bottom: -5px;
    left: 30px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 1px solid #b4b4b4;
    border-right: 1px solid #b4b4b4;
    background: #fff
}

.blog-all {
    padding: 65px 0 130px
}

.blog__aside .about-header {
    font-size: 15px;
    text-transform: uppercase
}

.blog__aside-search {
    margin: 0 0 40px;
    position: relative
}

.blog__aside-search input {
    display: block;
    width: 100%;
    min-height: 1px;
    height: auto;
    padding: 12px 20px;
    font: 400 12px 'Open Sans', sans-serif;
    border: 1px solid #eee !important;
    border-radius: 30px;
    box-shadow: none !important;
    color: #000
}

.blog__aside-search button {
    background: 0 0;
    position: absolute;
    border: none;
    display: inline-block;
    top: 50%;
    font-size: 16px;
    margin-top: -12px;
    right: 15px;
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
    filter: FlipH;
    -ms-filter: FlipH
}

.blog__aside-categories-list {
    margin-bottom: 30px
}

.blog__aside-categories-list li {
    padding-bottom: 13px;
    margin-bottom: 13px;
    border-bottom: 1px solid #eee;
    cursor: pointer
}

.blog__aside-categories-list li a {
    display: inline-block;
    padding: 2px 0 2px 15px;
    font: 600 13px 'Open Sans', sans-serif;
    border-left: 2px solid #ddd;
    color: #555;
    transition: all .4s ease-out
}

.blog__aside-categories-list li a:hover {
    color: #e3000f;
    border-color: #e3000f
}

.popular-post-container {
    padding: 0 0 30px
}

.popular-post {
    margin: 0 0 35px
}

.popular-post a {
    display: block;
    transition: all .4s ease-out
}

.popular-post .popular-post__img {
    display: block;
    overflow: hidden
}

.popular-post .popular-post__img img {
    transition: all .4s ease-out;
    backface-visibility: hidden
}

.popular-post a:hover .popular-post__img img {
    transform: scale(1.1) rotate(3deg)
}

.popular-post__name {
    display: block;
    font: 600 14px 'Open Sans', sans-serif;
    padding-left: 3px;
    margin: 15px 0 10px
}

.popular-post__date {
    display: block;
    padding-left: 3px;
    font: 600 11px 'Open Sans', sans-serif
}

.blog__posts-one {
    padding-bottom: 45px;
    border-bottom: 1px solid #eee;
    margin-bottom: 45px
}

.blog__posts-one-share {
    font: 400 10px 'Open Sans', sans-serif;
    text-transform: uppercase;
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 1px solid #b4b4b4 !important;
    position: relative
}

.blog__posts-one-share:after {
    position: absolute;
    bottom: -6px;
    margin-left: -7px;
    left: 50%;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 1px solid #b4b4b4;
    border-right: 1px solid #b4b4b4;
    background: #fff
}

.blog__posts-one-social .fa {
    font-size: 20px;
    line-height: 25px;
    color: #999;
    transition: all .4s ease-out
}

.blog__posts-one-social .fa:hover {
    color: #e3000f
}

.blog__posts-one-body-head {
    font-size: 22px;
    text-transform: none;
    margin: 10px 0 20px;
    color: #000
}

.blog__posts-one-body-head span {
    font: 700 14px 'Open Sans', sans-serif;
    text-transform: uppercase;
    padding-left: 12px;
    border-left: 4px solid #e3000f
}

.b-blog__posts-one-body-date {
    font: 400 11px 'Open Sans', sans-serif
}

.b-blog__posts-one-body-date .fa {
    font-size: 16px;
    margin-right: 7px;
    color: #666
}

.blog__posts-one-body-main {
    padding: 30px 0 0;
    font: 300 13px 'Open Sans', sans-serif;
    line-height: 1.9;
    color: #666
}

.go-to-top,
.go-to-top span {
    color: #fff;
    text-align: center
}

.blog__posts-one-body-main .btn {
    margin-top: 40px;
    height: 32px;
    box-shadow: none;
    line-height: normal;
    font: 600 10px "Open Sans", sans-serif;
    border: 1px solid #ddd;
    padding: 5px 5px 5px 15px
}

.blog__posts-one-body-main .btn .fa {
    width: 20px;
    height: 20px;
    font-size: 13px;
    padding: 3px 3px 3px 4px;
    margin-bottom: 0;
    margin-right: 0;
    float: none;
    line-height: normal;
    margin-top: 0
}

.blog__posts-one-body-main-img {
    margin-bottom: 30px
}

.blog__posts-one-body-main-img img {
    margin: 0 auto
}

.blog-one-page .blog__posts-one {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.blog-one-page .blog__posts-one-body-main p,
.blog-one-page .blog__posts-one-body-main ul {
    margin-bottom: 25px
}

.blockquote {
    margin: 0 0 25px;
    padding-left: 35px;
    border-color: #e3000f
}

.blog__posts-one-body-tags {
    padding: 25px 0
}

.blog__posts-one-body-tags span {
    display: inline-block;
    margin-right: 10px
}

.blog__posts-one-body-tags a {
    display: inline-block;
    margin-right: 5px;
    transition: all .4s ease-out
}

.contact-page {
    padding: 0 0 100px
}

.contact-map {
    margin-bottom: 40px
}

.contact-map #map {
    height: 450px
}

.contact-map #map img {
    max-width: none;
    max-height: none
}

.contact-page .contact-map #map {
    height: 560px
}

.contact-page .contact-map #map1,
.contact-page .contact-map #map2 {
    height: 360px
}

.contact-box {
    margin: 0 0 35px
}

.contact-box__head {
    font: 700 14px 'Open Sans', sans-serif;
    text-transform: uppercase;
    padding-left: 12px;
    border-left: 4px solid #e3000f;
    margin-bottom: 25px
}

.contact-box__body {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
    padding: 35px;
    background: #f5f5f5
}

.contact-page .contact-box__body {
    padding: 35px 25px
}

.contact-box__body ul {
    display: block
}

.contact-box__body ul li {
    display: inline-block;
    vertical-align: top;
    width: 49%
}

.contact-box__body ul li b {
    display: block
}

.contact-box__body address {
    font-style: normal;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.contact-box__body address>div {
    padding: 7px
}

.contact-box__body address .fa {
    width: 16px;
    font-size: 16px;
    margin-right: 15px
}

.contact-box__body address a {
    display: inline-block;
    text-decoration: underline
}

.contact-box__body address a:hover {
    text-decoration: none
}

.map-butt,
.on-map:hover {
    text-decoration: underline
}

.contact-box__body .address-info-main-item {
    margin-bottom: 15px;
    display: flex
}

.contact-box__body .address-info-main-item:last-of-type {
    margin-bottom: 0
}

.contact-form textarea {
    min-height: 100px
}

.intl-tel-input {
    width: 100%;
    padding-left: 0
}

.intl-tel-input.allow-dropdown .flag-container {
    left: 0
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.allow-dropdown input[type=text] {
    padding-left: 45px
}

.go-to-top {
    position: fixed;
    bottom: 30px;
    right: -50px;
    z-index: 99999999;
    width: 47px;
    height: 47px;
    line-height: 47px;
    background: #252525;
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
    -moz-transition: all .3s cubic-bezier(.2, .57, .36, .8);
    -o-transition: all .3s cubic-bezier(.2, .57, .36, .8);
    -webkit-transition: all .3s cubic-bezier(.2, .57, .36, .8);
    transition: all .3s cubic-bezier(.2, .57, .36, .8)
}

.go-to-top span {
    margin: 0
}

.go-to-top:hover {
    background: #e3000f
}

.go-to-top.visible {
    visibility: visible;
    right: 110px;
    opacity: 1
}

.search-container,
.search-container form {
    -moz-transition: all .6s cubic-bezier(.2, .57, .36, .8);
    opacity: 0
}

.search-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 777;
    background: #f7f7f7;
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: hidden;
    -o-transition: all .6s cubic-bezier(.2, .57, .36, .8);
    -webkit-transition: all .6s cubic-bezier(.2, .57, .36, .8);
    transition: all .6s cubic-bezier(.2, .57, .36, .8)
}

.search-container form {
    position: absolute;
    padding: 0 15px;
    z-index: 888;
    top: 50%;
    left: 50%;
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 1225px;
    max-width: 100%;
    margin-top: -50px;
    -o-transition: all .6s cubic-bezier(.2, .57, .36, .8);
    -webkit-transition: all .6s cubic-bezier(.2, .57, .36, .8);
    transition: all .6s cubic-bezier(.2, .57, .36, .8);
    -moz-transition-delay: .8s;
    -o-transition-delay: .8s;
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.search-container form input {
    width: 100%;
    padding: 10px 40px 10px 0;
    margin: 0;
    border: none;
    background: 0 0;
    border-bottom: 2px solid #e3000f !important;
    box-shadow: none !important;
    font-size: 30px;
    line-height: 36px;
    min-height: 1px;
    height: auto
}

.search-container form button {
    position: absolute;
    right: 15px;
    top: 0;
    line-height: 80px;
    background: 0 0;
    border: none;
    cursor: pointer
}

.search-container form button .fa {
    color: #e3000f;
    font-size: 30px
}

.search-container form p {
    margin-top: 25px;
    font-size: 15px;
    line-height: 18px;
    color: #878787
}

.search-container form p b {
    color: #252525
}

.search-container.active-search {
    visibility: visible;
    opacity: 1;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.search-container.active-search .close-search {
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.search-container.active-search .close-search,
.search-container.active-search form {
    opacity: 1;
    margin-top: 0
}

.close-search {
    cursor: pointer;
    position: absolute;
    z-index: 15;
    top: 30px;
    right: 15px;
    opacity: 0;
    -moz-transition: all .6s cubic-bezier(.2, .57, .36, .8);
    -o-transition: all .6s cubic-bezier(.2, .57, .36, .8);
    -webkit-transition: all .6s cubic-bezier(.2, .57, .36, .8);
    transition: all .6s cubic-bezier(.2, .57, .36, .8)
}

.close-search .fa {
    color: #878787;
    font-size: 30px;
    transition: all .4s ease-out
}

.close-search:hover .fa {
    color: #e3000f
}

.modal {
    width: 600px;
    top: 90px!important;
    max-width: 100%;
    max-height: 95%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border: none;
    background: #f4f4f4;
    padding: 20px 30px
}
@media only screen and (max-width:986px) {
    .modal {
        top: 2.5% !important;
    }
}
.modal-action.modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    color: #c3c3c3;
    font-size: 18px;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.modal-action.modal-close:hover,
.modal-head {
    color: #252525
}

.modal-action.modal-close span {
    font-size: 18px
}

.modal .modal-content,
.modal .modal-content .container {
    padding: 0
}

.modal .btn {
    margin-top: 15px
}

.modal-head {
    padding-bottom: 10px;
    margin-bottom: 25px;
    font-size: 24px;
    line-height: 28px
}

.modal-head span {
    margin-top: 10px;
    display: block;
    font-size: 18px;
    color: #777
}

.modal-head span.lg {
    margin-bottom: 10px;
    display: block;
    font-size: 28px;
    line-height: 34px;
    color: #777
}

.on-map,
.on-map:hover {
    color: #e3000f
}

.modal-body {
    font-size: 16px;
    line-height: 24px
}

.btn.modal-close {
    padding: 6px 15px;
    line-height: 21px
}

.modal-body p {
    padding: 5px 0 7px
}

.modal-body .btn {
    margin-top: 35px
}

.modal .contact-form {
    border: none;
    margin-top: 0;
    padding: 0
}

.modal-overlay {
    position: fixed;
    cursor: pointer;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .5)
}

.reset-calendar {
    display: inline-block;
    vertical-align: middle;
    margin-left: 25px
}

.on-map {
    text-align: left;
    display: block;
    margin-top: 5px;
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 20px;
    font-family: OpenSans-Semibold, sans-serif;
    transition: all .4s ease-out;
    cursor: pointer
}

.category-one__info-bottom .btn .fa,
.modal .contact-form,
.objectmap,
.our-peop .row {
    text-align: center
}

.change-product-over table tr td span.nmn {
    background: 0 0;
    border: none
}

.our-peop .row .col {
    letter-spacing: 0;
    float: none;
    display: inline-block
}

.recatcha-error {
    margin-bottom: 15px
}

.page-search .btn.btn--black {
    padding-right: 0
}

.page-search .input-field {
    float: left;
    width: 580px;
    margin-right: 15px
}

.page-search .category-one__info {
    width: 100%
}

.our-plus-item__txt {
    height: 62px;
    line-height: 62px;
    font-size: 12px
}

.our-plus-item__txt span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 16px
}

.breadcrumbs ul li+li:before {
    color: #333
}

.right-head-link>span {
    font: 300 12px 'Open Sans', sans-serif;
    text-transform: uppercase;
    vertical-align: middle
}

.search-box-item {
    position: relative
}

.cart-col a {
    display: block
}

.order-table-footer .status-order {
    text-align: center;
    margin-right: 25px
}

.order-table-footer .status-order .btn {
    margin-left: 0;
    border-radius: 30px
}

.form-ligpay {
    display: inline-block;
    margin: 0 5px
}

.infobar .status-product .category-one__status {
    position: static
}

.objectmap {
    padding: 10px !important;
    font-size: 16px;
    line-height: 20px
}

.objectmap .btn {
    display: block;
    width: 180px;
    margin: 15px auto 0 !important;
    padding: 0 15px;
    line-height: 32px
}

.category-one__info-bottom .btn,
.infobar-btn .btn {
    background: #e3000f;
    color: #fff
}

.category-one__info-bottom .btn .fa,
.infobar-btn .btn .fa {
    background: #fff;
    color: #555
}

@media only screen and (max-width:1800px) {
    .our-plus: before {
        right: -8%
    }
}

@media only screen and (max-width:1600px) {

    .brand-txt iframe,
    iframe {
        max-height: 500px
    }

    .found-page {
        padding: 70px 0
    }

    .found-caption {
        font-size: 26px;
        line-height: 30px
    }

    .change-product-over table tr td span.nmn {
        padding-left: 15px;
        font-size: 14px
    }

    .our-plus:before {
        display: none
    }

    .why-we:before {
        left: -8%
    }

    .why-we .row .col.offset-l2 {
        margin-left: 5%
    }

    .general-slider-caption {
        top: 15%
    }

    .slider-txt {
        font-size: 44px;
        line-height: 50px
    }

    .slider-price {
        font-size: 24px;
        line-height: 30px
    }
}

@media only screen and (max-width:1500px) {

    .our-plus: before,
    .why-we:before {
        left: -13%
    }

    .infobar-btn--2 {
        left: auto;
        right: 100%
    }
}

@media only screen and (max-width:1400px) {

    .our-plus: before,
    .why-we:before {
        display: none
    }
}

@media only screen and (max-width:1199px) {
    .header .social {
        padding: 16px 5px;
        float: none;
        vertical-align: top
    }

    .header .social a {
        vertical-align: middle
    }

    .category-container.view-table.page-search .category-one {
        width: 33.333%
    }

    .right-head {
        border-top: 1px solid #eee;
        padding-left: 0
    }

    .category-container.view-list .category-one__info-price {
        margin-right: 25px
    }

    .category-one__info-price {
        font-size: 20px
    }
}

@media only screen and (max-width:1300px) {
    .product-char {
        width: 300px
    }

    .category-one__char {
        padding: 0
    }

    .category-container.view-list .category-one__info-bottom {
        left: auto;
        right: 15px
    }

    .order-col {
        padding: 15px 10px;
        height: auto
    }

    .breadcrumbs--with-head {
        padding: 20px 0
    }

    .breadcrumbs--with-head .breadcrumbs-head {
        font-size: 24px;
        line-height: 30px
    }

    .cabinet-nav .tabs li a,
    .order-table-cont .order-col {
        line-height: 20px;
        font-size: 14px
    }

    .order-table-cont .order-col {
        padding: 15px 10px
    }

    .cabinet-container {
        padding: 0 0 70px
    }

    .cabinet-nav .tabs {
        min-height: 32px;
        height: 32px
    }

    .order-col--1,
    .order-col--4,
    .order-col--5,
    .order-col--6 {
        width: 85px
    }

    .order-col--2 {
        width: 100px
    }

    .order-table-cont .order-row .order-col.order-col--3 a,
    .order-table-head {
        font-size: 14px;
        line-height: 18px;
        height: auto
    }

    .footer {
        margin-top: -360px
    }

    .above-footer {
        height: 360px
    }

    .search-box-container {
        padding: 30px 0 30px 30px;
        margin-top: -25px
    }

    .podbor {
        padding: 70px 0 80px
    }

    .blog,
    .change-product-page {
        padding: 30px 0
    }

    .change-product-over table tr:last-child td {
        font-size: 16px
    }

    .category-one__info .row .col.l3,
    .category-one__info .row .col.l9 {
        width: 100%
    }

    .category-one__info-header span {
        font-size: 14px;
        line-height: 20px
    }

    .category-one__info {
        width: 70%
    }

    .category-one__img {
        width: 30%
    }

    .general-slider-caption {
        left: 5%;
        right: 5%
    }

    .blog {
        background: 0 0
    }

    .hit-section {
        padding: 60px 0 40px
    }

    .category,
    .feedback,
    .why-we {
        padding: 30px 0
    }

    .footer,
    .testimonials {
        padding-top: 30px
    }

    .our-plus-item {
        width: 260px
    }

    .feedback .heading-section span {
        font-size: 14px
    }

    .drop-head,
    .head-area {
        padding: 20px 9px
    }

    .right-head-link {
        padding-right: 0
    }

    .header-bottom {
        padding: 15px 0
    }

    .about-more {
        padding: 35px 0
    }

    .accordion-box ul {
        margin-top: 0
    }

    .our-peop {
        padding: 35px 0 70px
    }

    .pagination-cont ul li a,
    .pagination-cont ul li span {
        font-size: 14px;
        margin-right: 10px
    }
}

@media only screen and (max-width:1023px) {
    .product-char {
        position: static !important;
        width: 100%
    }

    .product-one__main-aside-about-form {
        margin-bottom: 30px
    }

    .product-page-top__head p {
        font-size: 14px;
        line-height: 18px
    }

    .header .social {
        border: none;
        border-left: 1px solid #eee
    }

    .drop-head.language {
        border: none
    }

    .cab-sale,
    .tab-content-detail .currency {
        width: 100%;
        margin-right: 0
    }

    .brand-txt iframe,
    iframe {
        max-height: 350px
    }

    .foot-box ul {
        display: inline-block;
        vertical-align: top;
        margin-right: 30px
    }

    .found-caption {
        padding-top: 10px
    }

    .head-nav ul li.with-drop .fa {
        margin-left: 0
    }

    .found-body,
    .found-body body,
    .wrapper {
        height: auto;
        min-height: 1px
    }

    .above-footer {
        height: 540px
    }

    .footer {
        margin-top: -540px
    }

    .blog-all {
        padding: 35px 0
    }

    .blog__posts-one {
        padding-bottom: 35px;
        margin-bottom: 35px
    }

    .our-peop {
        padding: 30px 0 5px
    }

    .about-header {
        font-size: 18px
    }

    .peop-item__head {
        margin-bottom: 15px
    }

    .about {
        padding: 30px 0
    }

    .about .row .col.m12:last-child {
        margin-top: 35px
    }

    .about .row .col.m12:last-child img {
        margin: 0 auto
    }

    .catalog-container {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .cabinet-container:before {
        height: 15%
    }

    .status-order {
        font-size: 14px
    }

    .status-order .btn {
        height: 30px;
        line-height: 30px;
        padding: 0 20px;
        font-size: 14px
    }

    .order-total-price.order-total-price--err {
        margin-top: 5px
    }

    .cabinet-container {
        padding-bottom: 40px
    }

    .cart-body .cart-col,
    .cart-col-item .cart-col__txt,
    .cart-head .cart-row .cart-col {
        font-size: 14px;
        line-height: 20px
    }

    .cart-head .cart-row .cart-col {
        padding-bottom: 30px;
        vertical-align: bottom
    }

    .cart-container-botom {
        padding: 20px 15px;
        font-size: 18px;
        line-height: 24px
    }

    .found-caption,
    .page-heading h1,
    .page-heading span {
        font-size: 20px;
        line-height: 26px
    }

    .cart-body .cart-col {
        padding: 10px 5px
    }

    .found-caption .btn {
        margin-top: 25px
    }

    .search-box-container .col,
    .search-form {
        padding-top: 0
    }

    .search-box__left {
        border-right: none;
        border-bottom: 1px solid #ededed;
        padding-bottom: 20px
    }

    .search-box-container .col.l5 {
        margin-bottom: 20px
    }

    .page-heading {
        padding: 25px 0
    }

    .change-product-over table tr td span {
        line-height: 40px;
        font-size: 14px
    }

    .change-product-over table tr:first-child td span {
        line-height: 24px;
        font-size: 12px
    }

    .change-product-over table tr td span.ch-pr-t {
        display: block;
        margin-bottom: 10px
    }

    .change-product-over table tr:last-child td {
        text-align: center;
        padding: 10px
    }

    .change-product-over table tr:last-child td .btn {
        float: none
    }

    .product-page {
        padding: 30px 0 0
    }

    .product-page-top {
        padding-bottom: 15px;
        margin-bottom: 30px
    }

    .product-page-top__head {
        font-size: 22px;
        line-height: 26px
    }

    .product-char ul li span {
        width: auto;
        max-width: 49%;
        min-width: 100px
    }

    .other-product {
        padding: 30px 0
    }

    /*.tab-content .hit-item {
        width: 50%
    }*/

    .testimonials--product {
        padding-bottom: 20px
    }

    .category-container.view-table .category-one {
        width: 33.333%
    }

    .pagination {
        margin-top: 0
    }

    .slider-txt {
        font-size: 34px;
        line-height: 40px
    }

    .slider-caption__head {
        font-size: 16px
    }

    .slider-price {
        font-size: 20px;
        line-height: 26px
    }

    .search-box-container {
        padding: 25px 15px
    }

    .why-we .row .col.m12,
    .why-we .row .col.offset-l2 {
        width: 100%;
        margin: 0
    }

    .why-we__services {
        margin-top: 25px
    }

    .category-item {
        width: 50%
    }

    .foot-box {
        position: static;
        width: auto;
        margin: 0 -15px 30px;
        padding: 30px 15px
    }

    .footer {
        padding-top: 0
    }

    .feedback .heading-section {
        text-align: center;
        margin-bottom: 30px
    }

    .head-nav ul li a,
    .head-nav ul li span:not(.fa),
    .head-nav ul li.active span:not(.fa),
    .head-nav ul li.with-drop em {
        padding: 10px
    }

    .general-slider-caption {
        right: 50px;
        left: 50px
    }

    .feed-form .btn {
        height: 42px
    }

    .about-more {
        padding: 30px 15px
    }
}

@media only screen and (max-width:992px) {
    .prod-bott-btn {
        width: 100% !important
    }

    .infobar-btn--2 {
        position: static
    }

    .testimonials--product .input-field {
        margin-bottom: 25px
    }

    .product-one__main-aside-about-form .btn.btn--black {
        margin-top: 0
    }

    .category-container.view-list .category-one__info-price {
        display: block;
        width: 100%;
        margin: 0 0 10px
    }

    .feed-form {
        text-align: center
    }

    .category-container.view-table.page-search .category-one {
        width: 50%
    }

    .category-one__img,
    .page-search .input-field {
        width: 100%
    }

    .blog-item {
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #b4b4b4
    }

    .infobar .form-field,
    .infobar-btn .btn,
    .infobar__select-one,
    .status-product {
        margin-bottom: 15px
    }

    .blog-item__txt {
        border-top: none;
        padding-top: 15px;
        margin-top: 15px
    }

    .contact-form {
        margin-top: 30px
    }

    .popular-post-container .popular-post {
        display: inline-block;
        max-width: 49%;
        padding: 0 15px;
        vertical-align: top
    }

    .category-one__info {
        width: 100%;
        padding: 25px 0 0
    }

    .category-container .heading-section {
        padding: 0 0 20px
    }

    .infobar {
        padding-bottom: 5px
    }
}

.visible-mob {
    display: none
}

@media only screen and (max-width:767px) {
    .category-one__img img {
        transition: unset
    }

    .cart-col,
    .cart-container-botom,
    .filter-orders,
    .right-head {
        text-align: center
    }

    .visible-mob {
        display: inline-block;
        margin-right: 10px
    }

    .cab-sale,
    .tab-content-detail .currency {
        font-size: 16px
    }

    .filter-orders span,
    .nav__tab .tabs {
        display: block
    }

    .infobar-btn--2 {
        width: auto
    }

    .product-one__txt {
        columns: 1
    }

    .right-head-link {
        border-left: none
    }

    .right-head-link a:last-child,
    .right-head-link>span:last-child {
        border-right: 1px solid #eee
    }

    .cart-container .clearfix.align-center a {
        margin-bottom: 15px
    }

    .brand-txt iframe,
    iframe {
        max-height: 250px
    }

    .accordion-box ul {
        margin-top: 0
    }

    .order-col--1,
    .order-col--4,
    .order-col--5,
    .order-col--6 {
        width: 65px
    }

    .order-col--2 {
        width: 85px
    }

    .cab-sale {
        line-height: 22px
    }

    .input-field .select-wrapper input.select-dropdown,
    .input-field input,
    .input-field select,
    .input-field textarea {
        padding-left: 15px
    }

    .tab-content-detail .currency span {
        font-size: 28px
    }

    .filter-orders {
        font-size: 14px
    }

    .filter-orders .datepicker-box {
        width: 105px
    }

    .cabinet-nav .tabs li {
        display: block;
        float: none;
        margin-bottom: 10px;
        margin-right: 0;
        text-align: center
    }

    .cabinet-nav .tabs li a {
        border-bottom: 2px solid transparent
    }

    .cabinet-nav .tabs li a.active {
        border-bottom: 2px solid #e3000f
    }

    .cabinet-nav .indicator {
        display: none
    }

    .cabinet-nav .tabs {
        height: auto;
        min-height: 1px
    }

    .tab-content-detail {
        margin-top: 35px
    }

    .order-table-cont .order-col,
    .order-table-head .order-col {
        padding: 10px 5px;
        font-size: 12px
    }

    .order-table-footer .order-col--2 span {
        font-size: 10px
    }

    .status-order {
        font-size: 12px
    }

    .order-table-footer .order-col {
        font-size: 14px
    }

    .order-table-cont .order-row .order-col.order-col--3 a,
    .order-table-head {
        font-size: 12px;
        line-height: 16px
    }

    .cart-container {
        padding-bottom: 50px
    }

    .cart-body,
    .cart-col,
    .cart-container-box,
    .cart-head,
    .cart-row {
        display: block
    }

    .cart-head {
        display: none
    }

    .cart-col-item .cart-col__img {
        display: block;
        width: auto
    }

    .cart-col-item .cart-col__img img {
        margin: 0 auto 20px
    }

    .breadcrumbs--with-head {
        padding: 20px 0 15px
    }

    .cart-col--3 {
        display: none !important
    }

    .cart-col-item .cart-col__txt {
        display: block;
        padding: 0;
        width: 100%
    }

    .cart-col--8 {
        border-top: 1px solid #e9e9e8
    }

    .cart-col--8 span {
        display: inline-block;
        font-size: 20px
    }

    .cart-row {
        border: 1px solid #e9e9e8;
        margin-bottom: 20px
    }

    .cart-col {
        border: none
    }

    .category-container {
        padding-bottom: 35px
    }

    .nav__tab .tabs li {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: none
    }

    .nav__tab .tabs li a.active {
        border-bottom: 2px solid #e3000f
    }

    .nav__tab .indicator {
        display: none
    }

    .infobar-btn .btn:last-child {
        margin-left: 0
    }

    .product-page-top__head {
        font-size: 18px;
        line-height: 22px
    }

    .product-one-slider__img {
        height: 370px
    }

    .infobar-btn .btn:first-child {
        margin-right: 15px
    }

    .category-container-body {
        margin-top: 25px
    }

    .category-left,
    .category-right {
        width: 100% !important
    }

    .category .row .col.s5,
    .category .row .col.s7,
    .product-one-slider__img,
    .product-one-slider__thumb {
        width: 100%
    }

    .testimonials-item__head {
        padding-bottom: 15px;
        margin-bottom: 15px
    }

    .testimonials-item {
        font-size: 14px;
        line-height: 20px
    }

    .head-nav ul li a,
    .head-nav ul li span:not(.fa),
    .head-nav ul li.active span:not(.fa),
    .head-nav ul li.with-drop em {
        padding: 5px
    }

    .drop-head {
        padding: 5px 10px
    }

    .drop-head,
    .right-head-link {
        float: none;
        display: inline-block;
        vertical-align: middle
    }

    .header-bottom .logo img {
        max-width: 90px
    }

    .slider-txt {
        font-size: 24px;
        line-height: 28px
    }

    .search-box-container {
        margin-top: 0
    }

    .category-nav {
        margin-bottom: 20px
    }

    .feed-form .btn {
        height: 42px
    }

    .product-one-slider__thumb {
        border-left: 1px solid #e9e9e9;
        border-top: none;
        height: 150px;
        padding: 0 40px
    }

    .product-one-slider__thumb .swiper-slide {
        border: none
    }

    .product-one-slider__thumb .swiper-button-prev {
        left: 0;
        right: auto;
        width: 40px;
        height: 150px;
        top: 0;
        line-height: 150px;
        bottom: auto;
        border: none;
        border-right: 1px solid #e9e9e9
    }

    .product-one-slider__thumb .swiper-button-prev:before {
        content: "\f053"
    }

    .product-one-slider__thumb .swiper-button-next {
        right: 0;
        left: auto;
        width: 40px;
        height: 150px;
        top: 0;
        line-height: 150px;
        bottom: auto;
        border: none;
        border-left: 1px solid #e9e9e9
    }

    .product-one-slider__thumb .swiper-button-next:before {
        content: "\f054"
    }

    .tab-content .product-one__main-aside-about-form {
        padding-top: 0
    }

    .nav__tab .tabs {
        height: auto
    }
}

@media only screen and (max-width:599px) {
    .go-to-top.visible {
        right: 50%;
        margin-right: -15px
    }

    .swiper-pagination {
        bottom: 0 !important
    }

    .label-layer--9 {
        bottom: 12%
    }

    .label-layer--10 {
        bottom: 10%;
        left: 8%
    }

    .category-container.view-table .category-one,
    .category-container.view-table.page-search .category-one,
    .category-one__char .col.s6,
    .change-product__top-image img,
    .infobar-btn,
    .order-cart-item__left,
    .order-cart-item__right,
    .search-form,
    .search-form-images
        /*.tab-content .hit-item*/ {
        width: 100%
    }

    #tab3.tab-content .order-item {
        min-width: 500px
    }
    .general-slider .swiper-slide img {
        min-width: 360px
    }

    .category-container.view-list .category-box-pr,
    .head-nav {
        text-align: center
    }

    .infobar-btn {
        padding-top: 15px
    }

    .infobar-btn .btn {
        margin: 0
    }

    .category-one__img {
        height: auto;
        line-height: normal
    }

    .header .social {
        padding: 7px 5px 5px;
        border-left: none;
        border-right: 1px solid #eee
    }

    .category-container.view-list .category-one__detail {
        text-align: center;
        float: none;
        margin-bottom: 15px
    }

    .about-call-phone {
        font-size: 23px
    }

    .right-head-link a:last-child,
    .right-head-link>span:last-child {
        border: none
    }

    .right-head-link {
        display: block;
        border-bottom: 1px solid #eee
    }

    .category-container.view-list .category-one__info-bottom {
        bottom: 0
    }

    .brand-txt iframe,
    iframe {
        max-height: 200px
    }

    .popular-post-container .popular-post {
        max-width: 100%
    }

    .above-footer {
        height: 590px
    }

    .footer {
        margin-top: -590px
    }

    .infobar__select-one:first-of-type {
        display: inline-block
    }

    .head-nav ul,
    .head-nav ul li {
        display: block;
        text-align: left
    }

    .head-nav ul li.with-drop .fa {
        margin-left: 15px
    }

    .contact-box__body ul li {
        width: 100%;
        margin-bottom: 15px
    }

    .contact-box__body ul li:last-of-type {
        margin-bottom: 0
    }

    .blog__posts-one-body-main-img,
    .feed-form__block,
    .slider-price,
    .why-we__heading {
        margin-bottom: 15px
    }

    .blog__posts-one-share {
        font-size: 8px
    }

    .blog__posts-one-body-head {
        margin-bottom: 15px;
        margin-top: 0
    }

    .blog__posts-one-body-main {
        padding-top: 15px
    }

    .blog__posts-one-body-main .btn {
        margin-top: 30px
    }

    .blog__posts-one .row {
        margin: 0 -5px
    }

    .blog__posts-one .col {
        padding: 0 5px
    }

    .order-cart-item__left {
        margin-bottom: 25px
    }

    .order-cart-item__left img {
        margin: 0 auto
    }

    #tab3.tab-content {
        overflow-y: auto
    }

    .search-form__head {
        font-size: 18px;
        line-height: 22px
    }

    .change-product-over table tr td span.nmn {
        font-size: 12px
    }

    .search-form-images {
        padding: 30px 0 0
    }

    .change-product-over table tr td span,
    .change-product-over table tr td span.nmn {
        padding: 0 5px
    }

    .product-one__main-aside-about-form {
        padding: 30px 15px;
        margin-bottom: 30px
    }

    .product-one-slider__img {
        height: 290px
    }

    .product-one-slider__thumb {
        height: 80px
    }

    .product-one-slider__thumb .swiper-button-next,
    .product-one-slider__thumb .swiper-button-prev {
        height: 80px;
        line-height: 80px
    }

    .right-head-link a,
    .right-head-link>span {
        padding: 0 5px;
        margin-bottom: 10px;
        width: 49%
    }

    .right-head-link a:nth-of-type(2) {
        border-right: none
    }

    .drop-head.language {
        border-right: 1px solid #eee;
        border-left: 1px solid #eee
    }

    .drop-head,
    .right-head-link {
        padding: 10px
    }

    .brands-slider .swiper-slide {
        padding: 0 15px
    }

    .header-bottom {
        position: relative;
        z-index: 54
    }

    .head-nav {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        z-index: 55;
        top: 100%;
        left: 0;
        right: 0;
        padding: 20px 0;
        box-shadow: 3px 4px 5px rgba(0, 0, 0, .4);
        background: #e3000f;
        transition: all .4s ease-out
    }

    .head-nav ul {
        position: relative
    }

    .head-nav ul li {
        float: none
    }

    .head-nav.visible {
        opacity: 1;
        visibility: visible
    }

    .drop-menu {
        position: static;
        background: #fff;
        margin-left: -37vw
    }

    .drop-menu ul li a,
    .drop-menu ul li span {
        color: #e3000f !important
    }

    .head-nav ul li a,
    .head-nav ul li span:not(.fa),
    .head-nav ul li.active span:not(.fa),
    .head-nav ul li.with-drop em {
        font-family: OpenSans-Bold, sans-serif;
        display: inline-block;
        color: #fff;
        font-size: 16px
    }

    .head-nav ul li.with-drop .fa {
        color: #fff
    }

    .head-nav>ul>li {
        padding-left: 24vw
    }

    .head-nav ul li.active span:not(.fa) {
        color: #fff;
        border-bottom: 2px solid #fff
    }

    .head-nav ul li a:hover,
    .head-nav ul li.with-drop em:hover {
        color: #000
    }

    .hamburger--collapse {
        cursor: pointer;
        z-index: 45;
        display: block;
        position: absolute;
        right: 15px;
        top: 20px
    }

    .hamburger-box {
        position: relative;
        display: inline-block;
        width: 40px;
        height: 24px
    }

    .hamburger-inner,
    .hamburger-inner:after,
    .hamburger-inner:before {
        position: absolute;
        width: 40px;
        height: 4px;
        transition-timing-function: ease;
        transition-duration: .15s;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        border-radius: 4px;
        background-color: #000
    }

    .hamburger--collapse .hamburger-inner,
    .hamburger-inner {
        top: auto;
        bottom: 0;
        transition-delay: .15s;
        transition-timing-function: cubic-bezier(.55, .055, .675, .19);
        transition-duration: .15s
    }

    .hamburger-inner {
        display: block;
        margin-top: -2px
    }

    .hamburger-inner:after,
    .hamburger-inner:before {
        display: block;
        content: ''
    }

    .hamburger-inner:before {
        top: -10px
    }

    .hamburger-inner:after {
        bottom: -10px
    }

    .hamburger--collapse .hamburger-inner:after {
        top: -20px;
        transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear
    }

    .hamburger--collapse .hamburger-inner:before {
        transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
        transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19);
        transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)
    }

    .hamburger--collapse.is-active .hamburger-inner {
        transition-delay: .32s;
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
        transform: translate3d(0, -10px, 0) rotate(-45deg)
    }

    .hamburger--collapse.is-active .hamburger-inner:after {
        top: 0;
        transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .27s linear;
        opacity: 0
    }

    .hamburger--collapse.is-active .hamburger-inner:before {
        top: 0;
        transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .15s .42s cubic-bezier(.215, .61, .355, 1);
        transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .42s cubic-bezier(.215, .61, .355, 1);
        transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .42s cubic-bezier(.215, .61, .355, 1), -webkit-transform .15s .42s cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .general-slider-caption {
        top: 15px;
        left: 35px;
        right: 35px;
        width: auto
    }

    .slider-caption__head {
        font-size: 14px;
        line-height: 18px
    }

    .slider-txt {
        font-size: 18px;
        line-height: 22px
    }

    .slider-price {
        font-size: 14px;
        line-height: 18px
    }

    .btn {
        font-size: 12px
    }

    .search-box-item a {
        display: block;
        overflow: hidden;
        text-align: left;
        font-size: 16px
    }

    .search-box-item a .search-box-item__img {
        float: left;
        width: 100%;
        max-width: 100%
    }

    .search-box-item a .search-box-item__img img {
        display: block;
        margin: 0 auto
    }

    .search-box-item a .search-box-item__info {
        width: 100%;
        margin-top: 15px
    }

    .why-we__heading {
        font-size: 22px;
        line-height: 28px
    }

    .heading-section span {
        font-size: 16px
    }

    .heading-section {
        padding: 20px 0 30px
    }

    .search-box-container__heading span {
        font-size: 16px;
        line-height: 22px
    }

    .category-item,
    .feed-form__block {
        width: 100%
    }

    .feed-form .btn,
    .feed-form__block:last-of-type {
        margin-left: 0
    }

    .testimonials-item__head em {
        display: none
    }

    .testimonials-item__person {
        right: 0;
        margin: auto
    }

    .social {
        margin-top: 5px
    }

    .page-heading {
        padding: 20px 0
    }

    .infobar__select-one-title {
        font-size: 10px
    }

    .infobar__select-one {
        width: 100%;
        margin-right: 0
    }

    .infobar .infobar__change,
    .infobar .select-wrapper {
        max-width: 150px
    }

    .category-container {
        padding-top: 30px
    }

    .category-container-body {
        margin-top: 25px
    }

    .category-one {
        padding: 5px;
        margin-bottom: 25px
    }

    .category-one__info-header span {
        padding-left: 5px
    }

    .category-one__info-price {
        font-size: 18px;
        min-height: 1px;
        padding-top: 15px
    }

    .foot-nav ul li a,
    .foot-nav ul li span {
        font-size: 14px
    }
}

.cd-resize-img,
.general-box,
.label-layer-box {
    overflow: hidden
}

.general-box .gen-layer {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%
}

.general-box .gen-layer img {
    opacity: 0
}

iframe[sandbox],
iframe[title="проверка recaptcha"] {
    max-height: none !important
}

@media only screen and (max-width:480px) {
    .category-one__info-price {
        font-size: 16px
    }

    .category-container.view-list .category-one__info-bottom {
        position: static;
        margin-top: 20px
    }

    .product-char ul li span {
        width: 49%
    }

    .category-one__img img {
        width: 100%
    }

    .why-we__services .row .s6 {
        width: 100%;
        margin-bottom: 15px
    }

    .slider-caption__head,
    .slider-txt {
        margin-bottom: 5px
    }

    .slider-price {
        font-size: 12px;
        line-height: 16px
    }

    .why-we__services .row .col.s12.align-center {
        display: none
    }
}

.chosen-container-single .chosen-single {
    width: 100%;
    margin: 0;
    padding: 5px 20px 5px 25px;
    height: 32px;
    border: 1px solid #dbdbdb !important;
    background: #f8f8f8 !important;
    border-radius: 3px;
    font-size: 15px;
    line-height: 21px;
    font-family: OpenSans-Light, sans-serif;
    color: #333;
    box-shadow: none !important;
    transition: all .4s ease-out
}

.chosen-container-single .chosen-single div b {
    background: 0 0;
    line-height: 32px
}

.chosen-container-single .chosen-single div b:before {
    content: '\E011';
    font-family: Icons;
    font-size: 22px;
    display: none
}

.label-layer:after,
.label-layer:before {
    content: ''
}

.dropdown-content.select-dropdown {
    top: 100% !important;
    background: #f8f8f8;
    border-radius: 5px
}

.chosen-container .chosen-results li {
    font-size: 14px;
    line-height: 20px
}

.dropdown-content.select-dropdown li {
    clear: both;
    cursor: pointer;
    min-height: 1px;
    width: 100%;
    text-align: left;
    text-transform: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    color: #ccc;
    word-wrap: break-word;
    pointer-events: auto
}

.dropdown-content.select-dropdown li:hover {
    background-color: #3875d7;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff
}

.dropdown-content.select-dropdown li:hover span {
    color: #fff
}

.dropdown-content {
    pointer-events: none
}

.drop-head.language .dropdown-content *,
.dropdown-content.active {
    pointer-events: auto
}

.dropdown-content.select-dropdown li span {
    padding: 0
}

.chosen-container .chosen-results li.result-selected {
    background: #eee;
    color: #000
}

.chosen-container .chosen-results {
    padding: 0;
    margin: 0
}

.change-product__top-image .area-layers img,
.change-product__top-image img {
    margin: auto
}

.chosen-container .chosen-drop {
    border-color: #dbdbdb !important;
    box-shadow: none;
    background: #f8f8f8
}

#map img {
    max-width: none;
    max-height: none
}

.hit-section-slider {
    text-align: center;
    padding-bottom: 20px
}

.change-product__top-image {
    position: relative;
    text-align: center
}

.change-product__top-image .area-layers,
.change-product__top-image .area-layers img,
.change-product__top-image .layear-one,
.change-product__top-image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.change-product__top-image .layear-one {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.change-product__top-image .layear-one.active,
.change-product__top-image .layear-one.active-area {
    opacity: 1;
    visibility: visible
}

.cd-resize-img-gen-img img,
.layer {
    opacity: 0;
    visibility: hidden
}

.change-product__top-image svg {
    display: inline-block
}

.change-product__top-image svg [data-area] {
    fill-opacity: 0;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.label-layer span,
.layer,
.map-butt {
    transition: all .4s ease-out
}

.change-product__top-image svg [data-area].active {
    fill-opacity: 1
}

.map-site ul {
    padding-left: 20px;
    list-style-type: disc
}

.map-site ul li {
    list-style-type: disc
}

.cabinet.order-page {
    padding: 0
}

.order-cart-item__right .price-box.last {
    padding-top: 0
}

.btn:focus,
.btn:hover {
    box-shadow: none;
    background: #000
}

.auth-error {
    color: red
}

.category-container.view-list .category-one {
    height: auto !important
}

.drop_down_item {
    cursor: default
}

@font-face {
    font-family: Flaticon;
    src: url(fonts/Flaticon.eot);
    src: url(fonts/Flaticon.eot?#iefix) format("embedded-opentype"), url(fonts/Flaticon.woff) format("woff"), url(fonts/Flaticon.ttf) format("truetype"), url(fonts/Flaticon.svg#Flaticon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Flaticon;
    src: url(fonts/Flaticon.svg#Flaticon) format("svg")
}

[class*=" flaticon-"]:after,
[class*=" flaticon-"]:before,
[class^=flaticon-]:after,
[class^=flaticon-]:before {
    font-family: Flaticon;
    font-style: normal
}

.general-box {
    width: 1920px;
    max-width: 100%;
    margin: 0 auto;
    position: relative
}

.layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    background-position: 50% 50%;
    background-size: cover
}

.layer>img {
    opacity: 0
}

.label-layer {
    position: absolute;
    z-index: 10;
    padding-right: 12.5px;
    padding-bottom: 12.5px
}

.label-layer:before {
    position: absolute;
    z-index: 5;
    bottom: 7.5px;
    right: 8px;
    width: 10px;
    height: 10px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 0 0 5px rgba(1, 1, 1, .44);
    -webkit-box-shadow: 0 0 5px rgba(1, 1, 1, .44);
    box-shadow: 0 0 5px rgba(1, 1, 1, .44);
    background: #fefefe
}

.label-layer:after {
    display: none;
    position: absolute;
    z-index: 6;
    bottom: 10px;
    right: 10px;
    width: 4px;
    height: 4px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #393939
}

.label-layer--1 {
    z-index: 15;
    top: 43%;
    left: 10%
}

.label-layer--1 .label-layer-box {
    padding-right: 75px;
    padding-bottom: 100px
}

.label-layer--2 .label-layer-box {
    padding-right: 45px;
    padding-bottom: 120px
}

.label-layer--2 {
    z-index: 13;
    top: 31%;
    left: 20%
}

.label-layer.label-layer--2 span:after {
    right: -45px
}

.label-layer--11 .label-layer-box {
    padding-right: 184px;
    padding-bottom: 90px
}

.label-layer--11 {
    top: 20%;
    left: 22%
}

.label-layer.label-layer--11 span:after {
    right: -184px
}

.label-layer--3 .label-layer-box {
    padding-right: 35px;
    padding-bottom: 45px
}

.label-layer--3 {
    z-index: 15;
    top: 22.5%;
    left: 43%
}

.label-layer.label-layer--3 span:after {
    right: -35px
}

.label-layer--4 .label-layer-box {
    padding-right: 49px;
    padding-bottom: 160px
}

.label-layer--4 {
    top: 12%;
    left: 45%
}

.label-layer.label-layer--4 span:after {
    right: -49px
}

.label-layer--5 .label-layer-box {
    padding-left: 50px;
    padding-bottom: 206px
}

.label-layer--5 {
    top: 12%;
    left: 63%
}

.label-layer.label-layer--5 span:after {
    right: auto;
    left: -50px
}

.label-layer--6 .label-layer-box {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 115px
}

.label-layer--6 {
    top: 27%;
    left: 65%;
    padding-right: 0;
    padding-left: 0;
    text-align: center
}

.label-layer--6:before {
    right: 50%;
    margin-right: -4.5px
}

.label-layer--6:after {
    right: calc(50% + 9px);
    margin-right: -11.5px
}

.label-layer.label-layer--6 span:after {
    right: 50%;
    margin-right: -1px
}

.label-layer.label-layer--6 span:before {
    display: none
}

.label-layer--7 .label-layer-box {
    padding-left: 110px;
    padding-bottom: 100px
}

.label-layer--7 {
    top: 32%;
    right: 1.6%;
    left: auto
}

.label-layer.label-layer--7 span:after {
    right: auto;
    left: 50%
}

.label-layer.label-layer--7 span:before {
    top: auto;
    bottom: -100px;
    left: auto;
    right: 50%
}

.label-layer--8 {
    top: auto;
    bottom: 27%;
    right: 1%;
    left: auto
}

.label-layer--8 .label-layer-box {
    padding-left: 249px;
    padding-bottom: 72px
}

.label-layer.label-layer--8 span:after {
    right: auto;
    left: 50%
}

.label-layer.label-layer--8 span:before {
    top: auto;
    bottom: -72px;
    left: auto;
    right: 50%
}

.label-layer--9 {
    top: auto;
    bottom: 5%;
    right: 34%;
    left: auto;
    padding-bottom: 0;
    padding-top: 12.5px
}

.label-layer--9 .label-layer-box {
    padding-left: 90px;
    padding-top: 285px;
    padding-bottom: 0
}

.label-layer.label-layer--9 span:after {
    left: -90px;
    top: auto;
    bottom: 50%
}

.label-layer.label-layer--9 span:before {
    top: 50%;
    left: auto;
    right: 0
}

.label-layer--9:before {
    bottom: auto;
    top: 0
}

.label-layer--9:after {
    bottom: auto;
    top: 2.5px
}

.label-layer--10 .label-layer-box {
    padding-right: 60px;
    padding-bottom: 0;
    padding-top: 215px
}

.label-layer--10 {
    top: auto;
    bottom: 10%;
    left: 33%
}

.label-layer--10:before {
    bottom: auto;
    top: 0
}

.label-layer--10:after {
    bottom: auto;
    top: 2.5px
}

.label-layer.label-layer--10 span:before {
    top: 50%;
    left: 0;
    right: auto
}

.label-layer.label-layer--10 span:after {
    right: -60px;
    top: auto;
    bottom: 50%
}

.label-layer span:after,
.label-layer span:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 50%;
    margin-top: -1px
}

.label-layer--5 span:before,
.label-layer--6 span:before,
.label-layer--7 span:before,
.label-layer--8 span:before,
.label-layer--9 span:before {
    left: auto !important;
    right: 0
}

.label-layer--5,
.label-layer--7,
.label-layer--8,
.label-layer--9 {
    padding-right: 0;
    padding-left: 12.5px
}

.label-layer--5:before,
.label-layer--7:before,
.label-layer--8:before,
.label-layer--9:before {
    right: auto;
    left: 8.5px
}

.label-layer--5:after,
.label-layer--7:after,
.label-layer--8:after,
.label-layer--9:after {
    right: auto;
    left: 11px
}

.label-layer span:before {
    left: 0;
    height: 2px;
    width: 1000%;
    background: url(../images/car/hor-line.png) repeat-x
}

.label-layer span:after {
    right: -75px;
    width: 2px;
    height: 1000%;
    background: url(../images/car/ver-line.png) repeat-y
}

.label-layer span {
    cursor: pointer;
    display: block;
    max-width: 195px;
    position: relative;
    padding: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fdfdfd;
    font-size: 16px;
    line-height: 20px;
    color: #393939;
    text-transform: uppercase;
    font-family: opensans-bold, sans-serif;
    box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

@media only screen and (max-width:1850px) {
    .label-layer.label-layer--11 span:after {
        right: -120px
    }

    .label-layer--11 .label-layer-box {
        padding-right: 120px;
        padding-bottom: 75px
    }

    .label-layer span {
        font-size: 14px;
        text-align: center
    }

    .label-layer--8 .label-layer-box {
        padding-left: 220px;
        padding-bottom: 72px
    }

    .label-layer--10 {
        bottom: 10%;
        left: 34%
    }

    .label-layer--3 {
        top: 22.4%
    }

    .label-layer--5 {
        top: 12%;
        left: 63%
    }

    .label-layer--6 {
        top: 29%;
        left: 65.8%
    }

    .label-layer--7 {
        right: 6%;
    }
    .label-layer.label-layer--7 span:before {
        width: 43%;
    }
    .label-layer--7:before {
        left: 40%;
    }

    .label-layer--4 {
        top: 10%;
        left: 46%
    }

    .label-layer--9 {
        bottom: 10%;
        right: 35%;
    }

    .label-layer--9 .label-layer-box {
        padding-top: 240px
    }

    .label-layer--11 {
        left: 23%
    }
}

@media only screen and (max-width:1800px) {
    .label-layer--4 {
        left: 45.5%
    }

    .label-layer.label-layer--7 span:before {
        width: 33%;
    }
    .label-layer--7:before {
        left: 47%;
    }

    .label-layer--10 {
        bottom: 10%
    }
}

@media only screen and (max-width:1750px) {
    .label-layer--6 {
        top: 29%;
        left: 67%
    }

    .label-layer.label-layer--7 span:before {
        width: 25%;
    }
    .label-layer--7:before {
        left: 53%;
    }

    .label-layer--9 {
        bottom: 10%;
    }
}

@media only screen and (max-width:1700px) {
    .label-layer--4 {
        left: 45.5%
    }

    .label-layer--5 {
        top: 12%;
        left: 65%
    }

    .label-layer.label-layer--7 span:before {
        width: 14%;
    }
    .label-layer--7:before {
        left: 60%;
    }

    .label-layer--9 {
        bottom: 9%;
        right: 33%
    }

    .label-layer--10 {
        bottom: 10%;
        left: 32%
    }
}

@media only screen and (max-width:1660px) {
    .label-layer--4 {
        left: 45.5%
    }

    .label-layer--5 {
        top: 12%
    }

    .label-layer--10 {
        bottom: 10%
    }

    .label-layer--6 {
        top: 29%;
        left: 67.5%
    }

    .label-layer--7 {
        right: 0.8%;
    }
    .label-layer.label-layer--7 span:before {
        width: 44%;
    }
    .label-layer--7:before {
        left: 7%;
    }

    .label-layer--7 .label-layer-box {
        padding-left: 0
    }

    .label-layer--8 .label-layer-box {
        padding-left: 120px;
        padding-bottom: 72px
    }
}

@media only screen and (max-width:1600px) {
    .label-layer--6 {
        top: 29%;
        left: 68.5%
    }

    .label-layer.label-layer--7 span:before {
        width: 35%;
    }
    .label-layer--7:before {
        left: 19%;
    }

}

@media only screen and (max-width:1550px) {
    .label-layer--10 {
        left: 30%
    }

    .label-layer--7 {
        right: 1%;
    }
    .label-layer.label-layer--7 span:before {
        width: 14%;
    }
    .label-layer--7:before {
        left: 34%;
    }

    .label-layer--9 {
        bottom: 10%;
        right: 32%
    }

    .label-layer--4 {
        left: 45%
    }
}

@media only screen and (max-width:1450px) {
    .label-layer--5 {
        left: 67%
    }

    .label-layer--6 {
        left: 70%;
    }

    .label-layer--7 {
        right: -1.5%;
    }
    .label-layer--7:before {
        left: 40%;
    }

    .label-layer--9 {
        bottom: 10%;
    }
}

@media only screen and (max-width:1400px) {
    .label-layer--1 {
        left: 3%
    }

    .label-layer--2 {
        z-index: 13;
        top: 31%;
        left: 12%
    }

    .label-layer--4 {
        left: 44%
    }

    .label-layer--5 {
        left: 68%
    }

    .label-layer--6 {
        top: 29%;
        left: 70.5%
    }

    .label-layer--7 {
        right: -3.5%;
    }
    .label-layer--7:before {
        left: 39%;
    }
    .label-layer.label-layer--7 span:before {
        width: 14%;
    }

    .label-layer--8 .label-layer-box {
        padding-left: 20px
    }

    .label-layer--9 {
        bottom: 10%;
        right: 30%;
    }

    .label-layer--10 {
        left: 26%
    }

    .label-layer--11 {
        left: 18%
    }
}

@media only screen and (max-width:1350px) {
    .label-layer--7 {
        right: -3.5%;
    }
    .label-layer.label-layer--7 span:before {
        bottom: -105px;
    }
    .label-layer--7:before {
        left: 106px;
    }
}

@media only screen and (max-width:1300px) {
    .label-layer--2 .label-layer-box {
        padding-right: 95px;
        padding-bottom: 120px
    }

    .label-layer.label-layer--2 span:after {
        right: -95px
    }

    .label-layer--4 {
        left: 43%
    }

    .label-layer--6 {
        left: 71.5%
    }

    .label-layer--7 {
        top: 19%
    }

    .label-layer--7 .label-layer-box {
        padding-left: 110px;
        padding-bottom: 150px
    }

    .label-layer--7 .label-layer-box span {
        max-width: 155px
    }

    .label-layer.label-layer--7 span:before {
        bottom: -150px
    }

    .label-layer--8 .label-layer-box {
        padding-left: 0
    }

    .label-layer--9 {
        bottom: 10%;
        right: 28%
    }

    .label-layer--11 .label-layer-box {
        padding-right: 90px;
        padding-bottom: 100px
    }

    .label-layer.label-layer--11 span:after {
        right: -90px
    }
}

@media only screen and (max-width:1250px) {
    .label-layer--3 {
        top: 21.6%
    }

    .label-layer--10 {
        bottom: 8%
    }
}

@media only screen and (max-width:1200px) {
    .label-layer--4 {
        left: 41%
    }

    .label-layer--5 {
        top: 8%
    }

    .label-layer--9 {
        right: 25%
    }

    .label-layer--10 {
        bottom: 8%
    }
}

@media only screen and (max-width:1330px) {
    .label-layer span {
        max-width: none;
        display: inline-block;
        font-size: 12px;
        line-height: 16px;
        padding: 5px
    }

    .label-layer--10 {
        left: 15%
    }

    .label-layer--5 {
        top: 50%
    }

    .label-layer--9 {
        bottom: 9%;
        right: 45%
    }

    .label-layer-box {
        padding: 0 !important
    }

    .label-layer span:after,
    .label-layer span:before,
    .label-layer:after,
    .label-layer:before {
        display: none !important
    }
}

.map-butt,
.switch {
    display: inline-block
}

@media only screen and (max-width:1199px) {
    .label-layer--1 {
        left: 2%
    }

    .label-layer--10 {
        bottom: 5%
    }
}

@media only screen and (max-width:1023px) {
    .label-layer span {
        font-size: 10px
    }

    .label-layer--7 {
        top: 7%
    }
}

@media only screen and (max-width:767px) {
    .label-layer--11 {
        top: 7%;
        left: 15%
    }

    .label-layer,
    .layer {
        padding: 0 !important
    }

    .label-layer span {
        font-size: 8px;
        line-height: 12px
    }

    .label-layer--1 {
        top: 55%
    }

    .label-layer--2 {
        top: 36%
    }
}

@media only screen and (max-width:599px) {
    .label-layer--4 {
        top: 9%
    }

    .label-layer--3 {
        top: 21%;
        left: 12%
    }

    .label-layer--2 {
        left: 5%
    }

    .label-layer--7 {
        top: 2%
    }

    .label-layer span {
        font-size: 6px;
        line-height: 10px;
        padding: 0 3px
    }
}

@media only screen and (max-width:400px) {
    .label-layer--8 {
        bottom: 17%
    }

    .label-layer--7 {
        top: 0
    }

    .label-layer--11 {
        top: 3%;
        left: 3%
    }
}

.map-butt:hover {
    color: #727272
}

.flaticon-technical-support:before {
    content: "\f100"
}

.flaticon-credit-card:before {
    content: "\f101"
}

.flaticon-delivery-truck:before {
    content: "\f102"
}

.flaticon-money:before {
    content: "\f103"
}

.flaticon-tag:before {
    content: "\f104"
}

.flaticon-consultation:before {
    content: "\f105"
}

.switch {
    vertical-align: middle;
    height: 45px;
    line-height: 32px
}

input[type=checkbox]:checked:not(:disabled).tabbed:focus~.lever::after,
input[type=checkbox]:checked:not(:disabled)~.lever:active::after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(227, 0, 15, .2)
}

.switch label input[type=checkbox]:checked+.lever {
    background-color: rgba(227, 0, 15, .44)
}

.switch label input[type=checkbox]:checked+.lever:after {
    background-color: #e3000f
}

@media only screen and (min-width:600px) {
    .head-nav ul li.with-drop: last-of-type .drop-menu li {
        display: inline-block;
        vertical-align: top;
        width: 33.333%;
        padding-right: 10px
    }
}

@media only screen and (min-width:767px) {
    .category-container.hidden-filter .category-right {
        width: 100%
    }

    .brand-page .category-container.view-table .category-one,
    .category-container.view-table.hidden-filter .category-one {
        width: 20%
    }
}

@media only screen and (max-width:1100px) and (min-width:767px) {

    .brand-page .category-container.view-table .category-one,
    .category-container.view-table.hidden-filter .category-one {
        width: 25%
    }
}

@media only screen and (max-width:1023px) {
    .category-container.view-table .category-one {
        width: 50%
    }
}

@media only screen and (max-width:767px) {
    .switch-filter {
        display: inline-block
    }

    .category-left {
        display: block
    }
}

.testimonials--product textarea.materialize-textarea {
    min-height: 100px
}

.btn.btn--fb {
    background: #4267b2;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 0
}

.btn.btn--fb span {
    background: #4267b2;
    margin: 0 7px 0 0
}

.cd-resize-img,
.cd-resize-img-gen-img {
    top: 0;
    background-size: cover !important;
    left: 0
}

.cash,
.product-page-top__cart em {
    margin-bottom: 5px
}

.prod-bott-btn {
    padding: 5px 0 0;
    width: 400px;
    max-width: 100%
}

.cash {
    display: block;
    margin-top: 1px
}

.cash img,
.share-box,
.share-box div,
.share-box span {
    display: inline-block;
    vertical-align: middle
}

.cash img {
    margin: 0 10px 0 0
}

.product-page-body {
    padding: 0 0 15px
}

.additional-name {
    font-size: .85em
}

.share-box {
    margin-left: 15px
}

.share-box span {
    margin-right: 10px;
    color: #000 !important
}

@media only screen and (max-width:400px) {
    .share-box {
        display: block;
        margin: 10px 0 0
    }
}

.form-field .select-wrapper span.caret,
.infobar .form-field .select-wrapper span.caret {
    pointer-events: none
}

.cd-resize-img-gen-img {
    position: absolute;
    bottom: 0;
    right: 0
}

.cd-image-container {
    position: relative
}

.cd-image-container:after {
    -webkit-transition: all .3s 30ms ease;
    transition: all .3s 30ms ease;
    opacity: .4;
    background-image: url('data:image/svg+xml;    base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZjZmNmY2IiBzdG9wLW9wYWNpdHk9IjAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjUiLz48c3RvcCBzdG9wLWNvbG9yPSIjZjZmNmY2IiBzdG9wLW9wYWNpdHk9IjAiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCN2c2dnKSIgLz48L3N2Zz4=');
    background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(0, rgba(246, 246, 246, 0)), color-stop(.5, #000), color-stop(1, rgba(246, 246, 246, 0)));
    background-image: -webkit-repeating-linear-gradient(left, rgba(246, 246, 246, 0) 0, #000 50%, rgba(246, 246, 246, 0) 100%);
    background-image: repeating-linear-gradient(to right, rgba(246, 246, 246, 0) 0, #000 50%, rgba(246, 246, 246, 0) 100%);
    background-image: -ms-repeating-linear-gradient(left, rgba(246, 246, 246, 0) 0, #000 50%, rgba(246, 246, 246, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 3
}

.cd-resize-img {
    position: absolute;
    width: 0;
    height: 100%;
    border-right: 1px solid #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.cd-resize-img .cd-image-label {
    right: auto;
    left: 0
}

.is-visible .cd-resize-img {
    width: 50%;
    -webkit-animation: cd-bounce-in .7s;
    animation: cd-bounce-in .7s
}

@-webkit-keyframes cd-bounce-in {
    0% {
        width: 0
    }

    100% {
        width: 50%
    }
}

@keyframes cd-bounce-in {
    0% {
        width: 0
    }

    100% {
        width: 50%
    }
}

.cd-handle {
    position: absolute;
    height: 50px;
    width: 50px;
    -webkit-animation: handle 2s infinite;
    animation: handle 2s infinite;
    left: 50%;
    top: 54.6%;
    margin-left: -25px;
    margin-top: -25px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: center center no-repeat #fff;
    cursor: move;
    -webkit-box-shadow: 0 10px 20px rgba(147, 149, 152, .35);
    box-shadow: 0 10px 20px rgba(147, 149, 152, .35);
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: 99;
    color: #0ec07f;
    line-height: 50px;
    text-align: center
}

.cd-handle span {
    margin: 0;
    display: inline;
    font-size: 20px;
    line-height: 50px
}

.cd-handle.draggable {
    background-color: #fff;
    -webkit-box-shadow: 10px 17.3px 30px rgba(147, 149, 152, .45);
    box-shadow: 10px 17.3px 30px rgba(147, 149, 152, .45)
}

.is-visible .cd-handle {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-transition: opacity 0 .7s, -webkit-transform .3s .7s;
    transition: transform .3s .7s, opacity 0 .7s;
    transition: transform .3s .7s, opacity 0 .7s, -webkit-transform .3s .7s
}

.mobile .cd-handle,
.mobile .cd-resize-img,
.mobile .general-slider .swiper-button-next,
.mobile .general-slider .swiper-button-prev {
    display: none
}

#jivo_magic_iframe {
    display: none !important
}

.head-area:hover {
    color: #e3000f
}

.foot-contact ul li:hover {
    color: red
}

.drop-head.language {
    position: relative
}

.drop-head.language .dropdown-content {
    top: 100% !important;
    pointer-events: auto
}

.label-layer.active span,
.label-layer.visible span {
    color: #fff;
    background: #e3000f
}

.layer.active,
.layer.visible {
    visibility: visible;
    opacity: 1
}

@media only screen and (max-width:360px) {
    .g-recaptcha iframe {
        margin-left: -20px
    }
}

.conditions {
    margin: 15px 0
}

.conditions .prod_bl {
    margin-bottom: 5px
}

.conditions .text {
    color: #999
}

.conditions .btn-condition {
    border-bottom: 1px dotted #000;
    margin-left: 5px;
    color: #000;
    cursor: pointer
}

.modal-condition {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 9999;
    display: none
}

.modal-condition.open {
    display: block
}

.modal-condition .condition-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 3px;
    max-width: 500px
}

.modal-condition .condition-content .content .prod_bl {
    font-size: 18px;
    margin-bottom: 10px
}

.modal-condition .condition-content .content .text {
    margin-bottom: 10px
}

.modal-condition .condition-content .content {
    padding: 40px 20px
}

.modal-condition .condition-content .content .close {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 30px;
    cursor: pointer
}

@media (max-width:1153px) {
    .head-area: first-child {
        display: none
    }

    .head-area {
        padding: 20px 5px
    }
}

@media (max-width:874px) {
    .head-area: nth-child(2) {
    display: none
}
}

@media (max-width:760px) {
    .head-area: nth-child(3) {
    display: none
}
}

@media (max-width:640px) {
    .head-area {
        display: none
    }

    .right-head {
        width: 100%
    }
}

.change-product__top-image .area-layers,
.change-product__top-image .layear-one {
    top: 45px
}

.change-product__top-image .area-layers img,
.change-product__top-image img {
    position: static;
    height: auto
}

.change-product-over table tfoot td {
    padding: 10px
}

.change-product-page {
    padding-top: 30px
}

.change-product-table {
    width: 100%;
    overflow: hidden
}

.change-product-over table tbody td[data-price] {
    width: 125px;
    text-align: center
}

.change-product__top-image {
    float: left;
    width: 40%;
    padding-top: 90px;
    margin-bottom: 0;
    margin-top: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.change-product-over {
    float: right;
    padding-left: 30px;
    width: 59%;
    margin: 0
}

.change-plenka {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    font-size: 14px;
    line-height: 20px
}

.change-plenka .select-box {
    position: relative
}

.change-plenka .select-box:after {
    content: "\f0d7";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.change-plenka select {
    display: block;
    border: 1px solid #cecece
}

.change-plenka .select-wrapper input.select-dropdown {
    height: 32px;
    line-height: 32px
}

.change-plenka span {
    display: block;
    margin-bottom: 15px;
    font-weight: 900
}

.view-char,
.view-plenka {
    display: block;
    font-size: 0;
    line-height: 0;
    cursor: pointer
}

.view-plenka {
    padding-bottom: 3px;
    border-bottom: 1px solid #cecece;
    margin-bottom: 3px
}

.view-char svg path,
.view-plenka svg path {
    transition: all .4s ease-out
}

.view-char:hover svg path,
.view-plenka:hover svg path {
    fill: #e3000f
}

.change-product-over table thead th {
    text-align: center;
    margin-bottom: 2px;
    font-size: 12px;
    line-height: inherit;
    text-transform: uppercase;
    font-weight: 900;
    font-family: sans-serif
}

.change-product-over table thead th:first-child {
    padding: 0 39px
}

.change-product-over table tbody td,
.change-product-over table thead td {
    width: auto
}

.change-product-over table tbody td:first-child,
.change-product-over table thead td:first-child {
    padding: 2px 5px
}

.change-product-over table tbody td:nth-child(2),
.change-product-over table thead td:nth-child(2) {
    background: #e3000f !important;
    color: #fff !important
}

.view-char svg,
.view-plenka svg {
    pointer-events: none;
    width: 20px;
    height: auto;
    overflow: visible !important
}

.change-product-over table tbody td span,
.change-product-over table thead td span {
    line-height: 24px;
    font-size: 18px
}

.change-product-over table tbody td span.nmn,
.change-product-over table thead td span.nmn {
    text-align: center
}

.mark {
    text-transform: uppercase;
    color: #e3000f
}

.color-auto>span:first-child,
.color-plenka>span:first-child {
    font: 700 13px 'Open Sans', sans-serif
}

@media screen and (min-width:599px) {
    .main-brand .drop-menu ul {
        display: flex;
        flex-wrap: wrap;
        width: 100%
    }

    .main-brand .drop-menu {
        left: auto;
        right: 0
    }

    .main-brand .drop-menu ul li {
        width: 33.333%
    }
}

.main-brand .drop-menu ul {
    display: flex;
    flex-wrap: wrap;
    width: 400px
}

@media (max-width:370px) {
    .prod-bott-btn .infobar-btn .btn .fa {
        display: inline-block
    }
}

.front-cat-button {
    font-size: 0;
    line-height: 0
}

.front-cat-button .back,
.front-cat-button .front,
.front-cat-button .lob {
    display: inline-block;
    vertical-align: top;
    width: 33.333%
}

.layer-plenka {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.plenka-img {
    position: relative
}

.lob .plenka-img {
    padding: 0 5px;
    margin-bottom: 15px;
    display: inline-block;
    vertical-align: top;
    width: 85%;
    margin-top: -53px
}

.noUi-horizontal .noUi-tooltip {
    font-size: 14px;
    line-height: 18px;
    opacity: 1
}

.noUi-handle.noUi-active .noUi-tooltip {
    opacity: 1
}

.range-plenka {
    text-align: center;
    padding: 30px 0 0;
    font-size: 0;
    line-height: 0
}

.slider-range {
    width: 300px;
    max-width: 100%;
    display: block;
    vertical-align: top;
    margin: 0 auto 30px
}

.color-auto,
.color-item,
.color-plenka {
    display: inline-block;
    vertical-align: top
}

.color-button {
    font-size: 16px;
    line-height: 20px
}

.color-auto,
.color-plenka {
    width: 33%;
    padding: 0 0 30px;
    text-align: center
}

.color-item {
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin: 0 1px 4px;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, .2)
}

[data-color=black] {
    background: #000
}

[data-color=blue] {
    background: #2329a2
}

[data-color=brown] {
    background: #813e0f
}

[data-color=gray] {
    background: #b3b3b3
}

[data-color=green] {
    background: #0c9737
}

[data-color=lawngreen] {
    background: #7cfc00
}

[data-color=orange] {
    background: orange
}

[data-color=red] {
    background: #b10e0e
}

[data-color=sky] {
    background: #2bc0f2
}

[data-color=gold] {
    background: #d5a910
}

[data-color=white] {
    background: #fff
}

[data-color=yellow] {
    background: #c5d13e
}

[data-color=grad-blue] {
    background: #2329a2;
    background: -moz-linear-gradient(top, #2329a2 0, #000 100%);
    background: -webkit-linear-gradient(top, #2329a2 0, #000 100%);
    background: linear-gradient(to bottom, #2329a2 0, #000 100%)
}

[data-color=grad-brown] {
    background: #813e0f;
    background: -moz-linear-gradient(top, #813e0f 0, #000 100%);
    background: -webkit-linear-gradient(top, #813e0f 0, #000 100%);
    background: linear-gradient(to bottom, #813e0f 0, #000 100%)
}

[data-color=grad-gray] {
    background: #b3b3b3;
    background: -moz-linear-gradient(top, #b3b3b3 0, #000 100%);
    background: -webkit-linear-gradient(top, #b3b3b3 0, #000 100%);
    background: linear-gradient(to bottom, #b3b3b3 0, #000 100%)
}

[data-color=grad-green] {
    background: #0c9737;
    background: -moz-linear-gradient(top, #0c9737 0, #000 100%);
    background: -webkit-linear-gradient(top, #0c9737 0, #000 100%);
    background: linear-gradient(to bottom, #0c9737 0, #000 100%)
}

[data-color=grad-lawngreen] {
    background: #7cfc00;
    background: -moz-linear-gradient(top, #7cfc00 0, #000 100%);
    background: -webkit-linear-gradient(top, #7cfc00 0, #000 100%);
    background: linear-gradient(to bottom, #7cfc00 0, #000 100%)
}

[data-color=grad-orange] {
    background: orange;
    background: -moz-linear-gradient(top, orange 0, #000 100%);
    background: -webkit-linear-gradient(top, orange 0, #000 100%);
    background: linear-gradient(to bottom, orange 0, #000 100%)
}

[data-color=grad-red] {
    background: #b10e0e;
    background: -moz-linear-gradient(top, #b10e0e 0, #000 100%);
    background: -webkit-linear-gradient(top, #b10e0e 0, #000 100%);
    background: linear-gradient(to bottom, #b10e0e 0, #000 100%)
}

[data-color=grad-sky] {
    background: #2bc0f2;
    background: -moz-linear-gradient(top, #2bc0f2 0, #000 100%);
    background: -webkit-linear-gradient(top, #2bc0f2 0, #000 100%);
    background: linear-gradient(to bottom, #2bc0f2 0, #000 100%)
}

[data-color=grad-gold] {
    background: #d5a910;
    background: -moz-linear-gradient(top, #d5a910 0, #000 100%);
    background: -webkit-linear-gradient(top, #d5a910 0, #000 100%);
    background: linear-gradient(to bottom, #d5a910 0, #000 100%)
}

[data-color=grad-white] {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #000 100%);
    background: -webkit-linear-gradient(top, #fff 0, #000 100%);
    background: linear-gradient(to bottom, #fff 0, #000 100%)
}

[data-color=grad-yellow] {
    background: #c5d13e;
    background: -moz-linear-gradient(top, #c5d13e 0, #000 100%);
    background: -webkit-linear-gradient(top, #c5d13e 0, #000 100%);
    background: linear-gradient(to bottom, #c5d13e 0, #000 100%)
}

[data-color=ham] {
    background: #b627cf;
    background: -moz-linear-gradient(top, #b627cf 0, #3b9acf 100%);
    background: -webkit-linear-gradient(top, #b627cf 0, #3b9acf 100%);
    background: linear-gradient(to bottom, #b627cf 0, #3b9acf 100%)
}

[data-color=termal] {
    background: rgba(12, 69, 253, .5)
}

.color-item.active {
    box-shadow: 3px 4px 4px rgba(0, 0, 0, .5);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2)
}

.color-auto span,
.color-plenka span,
.slider-range span {
    display: block;
    text-align: center;
    font: 700 16px 'Open Sans', sans-serif;
    color: #e3000f;
    margin-bottom: 15px
}

.noUi-connect {
    background: #e3000f
}

.change-plenka-nav {
    padding: 0 0 10px
}

.change-plenka-nav .tabs {
    text-align: left;
    display: block;
    height: 32px
}

#modal-info .modal-body,
.lob {
    text-align: center
}

.change-plenka-nav .tabs .indicator {
    background-color: #e3000f
}

.change-plenka-nav .tabs .tab {
    display: inline-block;
    margin: 0 25px 0 0
}

.front-car-view {
    display: block;
    font-size: 0;
    line-height: 0
}

.back,
.front,
.front-car-gen,
.lob {
    display: inline-block;
    vertical-align: top
}

.back,
.front {
    width: 50%
}

.front-car-gen {
    width: 70%
}

.lob {
    width: 30%
}

.change-plenka-page {
    padding: 40px 0 0
}

.change-plenka-body {
    padding: 0 0 50px
}

.change-product-over table tbody {
    cursor: pointer
}

.change-product-over table tbody td:nth-child(3) {
    border-left: none !important
}

.change-product-over table tbody td:nth-child(2) {
    border-right: none !important
}

.change-product-over table tbody.active td.active:nth-child(3),
.change-product-over table tbody.active td.active:nth-child(4),
.change-product-over table tbody.active td:nth-child(2) {
    background: #393939 !important;
    color: #fff !important
}

.change-product-over table tbody.active td:first-child,
.change-product-over table tbody:hover>tr td:first-child {
    color: #000 !important;
    background: #fff
}

.change-product-over table tbody.active .view-char svg path,
.change-product-over table tbody.active .view-plenka svg path {
    fill: #e3000f !important
}

@media only screen and (max-width:1023px) {
    .lob .plenka-img {
        margin-top: 0
    }

    .slider-range {
        padding: 0 15px
    }

    .color-auto span,
    .color-plenka span,
    .slider-range span {
        font-size: 14px
    }

    .color-auto,
    .color-plenka {
        width: 100%
    }
}

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

    .front-car-gen,
    .front-car-view {
        width: 100%
    }

    .front-car-view {
        text-align: center
    }

    .front-car-gen {
        margin-bottom: 30px
    }

    .lob {
        width: 85%
    }

    .change-plenka-nav .tabs {
        white-space: normal;
        height: auto
    }

    .change-plenka-nav .tabs .indicator {
        display: none !important
    }

    .change-plenka-nav .tabs a.active {
        color: #e3000f
    }

    .change-product__top-image {
        position: relative !important;
        top: 0 !important;
        width: 100% !important;
        max-width: 100% !important
    }

    .change-product-over {
        width: 100% !important;
        padding-left: 0 !important
    }
}

#modal-info .modal-body img,
.foot-nav-show-list {
    display: inline-block
}

@media only screen and (max-width:599px) {

    .layer-plenka,
    .lob .plenka-img img,
    .plenka-img img {
        min-width: 1px !important
    }

    .front-cat-button .back,
    .front-cat-button .front,
    .front-cat-button .lob {
        width: 100%
    }

    .lob {
        width: 90%
    }

    .front-car-gen {
        width: auto;
        margin-left: -25px;
        margin-right: -25px
    }

    .prod-bott-btn {
        white-space: normal
    }

    .label-layer--9 {
        bottom: 12%
    }

    .label-layer--10 {
        bottom: 10%;
        left: 8%
    }
}

#modal-info {
    width: 50%;
    background: #fff
}

@media (max-width:767px) {
    #modal-info {
        width: 100%
    }
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-transition: height .5s ease .8s, transform 1s ease !important;
    transition: height .5s ease .8s, transform 1s ease !important
}

.main-page-text {
    padding-top: 1.2em;
    padding-bottom: 2em;
}

.category-title,
.main-page-text h1 {
    font-size: 35px;
    line-height: 1.1;
    text-align: center
}

@media screen and (max-width:767px) {
    .category-one__info-header {
        min-height: 115px
    }

    .category-title {
        font-size: 25px;
        padding-top: 15px
    }
}

.category-before-text {
    margin-bottom: 30px
}

.category-before-text h1 {
    font-size: 30px;
    line-height: 1.2
}

.category-after-text {
    padding-bottom: 20px
}

.foot-nav-show-list {
    font: 400 16px/20px 'Open Sans', sans-serif;
    color: #e3000f;
    cursor: pointer;
    padding-right: 20px;
    position: relative
}

.foot-nav-show-list:after {
    content: '';
    display: block;
    position: absolute;
    border: 5px solid transparent;
    border-top-color: #e3000f;
    border-bottom: 0;
    right: 0;
    top: 10px
}

.foot-nav_cities {
    margin-bottom: 20px;
    position: relative
}

.foot-nav_cities .foot-nav-list {
    display: none;
    padding-top: 15px;
    height: 85px;
    overflow: auto;
    margin-bottom: 5px;
    padding-right: 20px
}

.range-slider .noUi-horizontal .noUi-handle:hover .noUi-tooltip {
    z-index: 5
}

.foot-nav_cities .foot-nav-list li {
    display: block;
    width: auto;
    margin-bottom: 5px
}

.desktop::-webkit-scrollbar {
    width: 5px
}

.foot-nav-list::-webkit-scrollbar-thumb {
    width: 5px;
    border-color: #fff;
    background-color: #e3000f
}

.foot-nav-list::-webkit-scrollbar {
    width: 5px
}

.foot-nav-list::-webkit-scrollbar-thumb:hover {
    border-width: 1px 1px 1px 2px;
    border-color: #e3000f;
    background-color: #e3000f
}

.foot-nav-list::-webkit-scrollbar-track {
    border-width: 0
}

.foot-nav-list::-webkit-scrollbar-track-piece {
    background: #fff
}

.catalog-container-item__info .view-all {
    display: none !important
}

.catalog-container-item__info.hidden:after {
    display: none
}

.catalog-container-item__info .info-height,
.catalog-container-item__info.hidden .info-height {
    display: block;
    max-height: 97px;
    overflow-y: auto
}

.catalog-container-item__info .info-height::-webkit-scrollbar-thumb {
    width: 5px;
    border-color: #fff;
    background-color: #e3000f
}

.catalog-container-item__info .info-height::-webkit-scrollbar-thumb:hover {
    border-width: 1px 1px 1px 2px;
    border-color: #e3000f;
    background-color: #e3000f
}

.catalog-container-item__info .info-height::-webkit-scrollbar {
    width: 5px
}

.catalog-container-item__info .info-height::-webkit-scrollbar-track {
    border-width: 0
}

.catalog-container-item__info .info-height::-webkit-scrollbar-track-piece {
    background: #eee
}

.infobar-btn .btn:last-child {
    margin-left: 0
}

.product-page-top__head h1.div {
    font-family: "Open Sans", sans-serif;
    font-size: 28px;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 700;
    min-height: 36px;
    line-height: 36px;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 536px;
    word-wrap: break-word
}

.blog-table tr,
table.blog-table,
table.blog-table td {
    border: 1px solid #666
}

.category-after-text ol,
.category-before-text ol {
    list-style-type: decimal;
    margin: 10px 0 10px 20px
}

.category-after-text ul li,
.category-before-text ul li {
    list-style-type: disc;
    margin: 10px 0 10px 20px
}

.leave-feedback .btn-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.leave-feedback .btn-wrap .filupp>input[type=file] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.leave-feedback .btn-wrap .filupp {
    position: relative;
    background: #393939;
    display: block;
    padding: 1px;
    font-size: 16px;
    max-width: 200px;
    height: 32px;
    color: #fff;
    cursor: pointer;
    border-radius: 32px;
    margin: 0 10px
}

@media (max-width:480px) {
    .leave-feedback .btn-wrap {
        flex-direction: column
    }

    .leave-feedback .btn-wrap .filupp {
        margin: 10px 0
    }

    .head-nav>ul>li {
        padding-left: 20vw
    }
}

.leave-feedback .btn-wrap .filupp:before {
    content: "";
    position: absolute;
    top: 17px;
    right: 12px;
    width: 22px;
    height: 7px;
    border: 2px solid #dd4040;
    border-top: 0;
    text-align: center
}

.leave-feedback .btn-wrap .filupp:after {
    content: "➜";
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    top: 13px;
    right: 15px;
    font-size: 16px;
    color: #dd4040;
    line-height: 0
}

.leave-feedback .btn-wrap .filupp-file-name {
    width: calc(100% - 40px);
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    box-sizing: inherit !important;
    height: 100%;
    line-height: 32px;
    padding-left: 10px;
    text-transform: uppercase;
    font-size: 10px
}

.mass-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.mass-wrap.rew_image .text {
    width: calc(100% - 220px)
}

@media (max-width:580px) {
    .mass-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
        align-items: center
    }

    .mass-wrap.rew_image .text {
        width: 100%
    }

    .mass-wrap.rew_image .image {
        margin: 10px
    }
}

.mass-wrap.rew_image .image {
    width: 200px;
    height: 150px;
    align-items: center;
    justify-content: center;
    border: 1px solid #b4b4b4;
    display: block
}

.mass-wrap.rew_image .image img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto
}

.category-one__status {
    z-index: 4
}

#map_modal,
#map_modal2 {
    width: 100%;
    height: 400px
}

#map_modal2,
#modal-map img {
    max-width: none;
    max-height: none
}

.map-butt,
.map-butt2 {
    cursor: pointer;
    margin-top: 25px;
    color: #e3000f
}

.map-butt2:hover,
.map-butt:hover {
    color: #727272
}

.quantity-wrap .minus-icon,
.quantity-wrap .plus-icon {
    font-size: 25px
}

.more-prod-wrap {
    transition: .3s;
    cursor: pointer
}

.more-prod-wrap .category-one__info-bottom {
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.more-prod-wrap .more-prod-btn {
    width: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 1.5;
    background: #fff;
    border: none;
    transition: .3s;
    padding: 0;
    box-sizing: border-box
}

.more-prod-wrap:hover {
    border: 1px solid #e3000f
}

.more-prod-wrap .more-prod-btn .ico {
    display: block;
    margin: 0 auto 20px;
    max-width: 80px;
    opacity: 1;
    transition: .3s
}

.more-prod-wrap:hover .more-prod-btn .ico {
    opacity: .7
}

.more-prod-btn .ico .img {
    display: block;
    width: 100%;
    height: auto;
    transition: .3s
}

.head-nav ul li em {
    cursor: pointer
}

.order-cart-item.cart_block.under-order {
    background: rgba(241, 241, 241, .3411764705882353)
}

.order-cart-item.cart_block.under-order>* {
    opacity: .5;
    transition: .3s
}

.order-cart-item.cart_block.under-order:hover>* {
    opacity: 1
}

.order-cart-item.cart_block.under-order .order-cart-item__under-order {
    font-size: 20px;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 700;
    color: #e2000f;
    border-bottom: 1px solid red;
    padding-bottom: 7px;
    opacity: 1
}

div#tab1_1 .lob .plenka-img img {
    margin: 0 auto
}

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

.map-site {
    font-size: 24px
}

.map-site ul {
    list-style: none;
    padding-top: 10px;
    padding-bottom: 20px
}

.map-site ul li {
    list-style-type: none;
    margin-bottom: 10px;
    font-size: .85em;
    line-height: 1.3
}

.map-site ul li a {
    color: gray
}

.map-site ul li.rowClass>a,
.map-site>ul>li>a,
.map-site>ul>ul>li>a {
    color: #000
}

.map-site ul li a:active,
.map-site ul li a:hover {
    color: #e3000f
}

.map-site>ul {
    -webkit-columns: 3;
    columns: 3;
    -webkit-column-gap: 0;
    column-gap: 0;
    display: block;
    margin-left: -10px;
    margin-right: -10px
}

.map-site>ul>li {
    padding-left: 10px;
    padding-right: 10px
}

@media screen and (max-width:1023px) {
    .map-site>ul {
        columns: 2
    }
}

@media screen and (max-width:767px) {
    .map-site>ul {
        columns: 1
    }
    #home_categories_tabs .category-body {
        display: none;
    }
}

.map-site ul li {
    position: relative
}

.map-site .arrow.rotate {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.map-site .arrow {
    margin-right: 0;
    padding: 10px;
    cursor: pointer;
    right: 0;
    top: -4px;
    z-index: 1;
    -webkit-transition: transform .35s ease;
    -moz-transition: transform .35s ease;
    -ms-transition: transform .35s ease;
    -o-transition: transform .35s ease;
    transition: transform .35s ease
}

.map-site .arrow+ul {
    display: none
}

.optData {
    color: #e3000f;
    margin: 3px 0;
    cursor: pointer
}

.optData li>span:first-child {
    padding: 0 3px 0 2px;
    width: 35%;
    margin-bottom: 5px;
    margin-right: 10px
}

.optData li>span:first-child:hover {
    color: #640000
}

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

.btn-condition {
    cursor: pointer
}

ul.optData li {
    display: flex;
    align-items: center
}

.resultSearch button {
    background: 0 0;
    border: none
}

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

.button-modals ul a:hover {
    color: #e3000f
}

#popular_block_title {
    font-size: 30px;
    line-height: 1.2
}

.catalog-container .catalog-container-row {
    margin-top: 15px
}

@media only screen and (max-width:580px) {
    .optData li>span: first-child {
        min-width: 39%
    }

    .button-modals ul li {
        width: 18%;
        min-width: max-content;
        margin: 0 4px 5px 0
    }
}

@media only screen and (max-width:250px) {
    .button-modals ul li {
        width: 100%;
        min-width: max-content
    }
}

#bx24_form_inline_loader_container_4 iframe {
    max-height: 705px;
    height: 705px
}

.b24-widget-button-position-bottom-right {
    right: 50px;
    bottom: 73px !important
}

@media only screen and (max-width:992px) {
    .b24-widget-button-position-bottom-right {
        right: 50px;
        bottom: 81px !important
    }
}

@media only screen and (max-width:420px) {
    .head-nav>ul>li {
        padding-left: 15vw
    }

    .drop-menu {
        margin-left: -30vw
    }

    .head-nav ul li.with-drop .drop-menu a,
    .head-nav ul li.with-drop .drop-menu li {
        width: 90%
    }
}

.smooth_block {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start
}

.category-container.view-table .smooth_block .category-one {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between
}

@media only screen and (max-width:320px) {
    .category-one__info-header {
        min-height: 135px
    }
}

@media only screen and (max-width:599px) {
    .head-nav ul li.with-drop .drop-menu li {
        display: block;
        word-break: keep-all;
        word-wrap: normal;
        width: 100%
    }

    .head-nav ul li.with-drop.main-brand:last-child a {
        width: 95px;
        margin-left: 18px
    }

    .head-nav ul li.with-drop .fa {
        position: absolute;
        right: 36%;
        top: 10px
    }
}

@media only screen and (max-width:480px) {
    .head-nav ul li.with-drop .fa {
        right: 32%
    }
}

@media only screen and (max-width:414px) {
    .head-nav ul li.with-drop .fa {
        right: 32%
    }
}

@media only screen and (max-width:375px) {
    .head-nav ul li.with-drop .fa {
        right: 28%
    }
}

@media only screen and (max-width:320px) {
    .head-nav ul li.with-drop .fa {
        right: 14%
    }
}

.resultSearch input[name=search]:focus {
    border-bottom: 1px solid #e3000f;
    box-shadow: 0 1px 0 0 #e3000f
}

.faq-accordion {
    width: 1270px;
    max-width: 100%;
    margin: 0 auto
}

.faq-head {
    position: relative;
    cursor: pointer;
    padding: 24px 0 23px 42px;
    line-height: 31px;
    font-size: 24px;
    color: #202c45
}

.faq-body {
    display: none;
    margin-bottom: 20px;
    line-height: 24px;
    font-size: 16px;
    color: #202c45;
    padding-left: 45px
}

.lekala-text-top {
    padding-bottom: 70px
}

.lekala-text-bottom {
    padding-top: 70px
}

/*@media only screen and (min-width:1124px) {
    .slow-font {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .slow-font .our-font {
        font-size: 10px
    }
}*/

@media only screen and (max-width:1177px) {
    .fa {
        margin-right: 5px;
        font: normal normal normal 12px/1 FontAwesome;
    }
    .drop-head,
    .head-area {
        padding: 20px 6px;
    }
}
@media only screen and (max-width:1130px) {
    .fa {
        margin-right: 3px;
    }
    .right-head-link a, .right-head-link>span {
        padding: 0 5px;
    }
    .drop-head,
    .head-area {
        padding: 20px 4px;
    }
    .header .social {
        padding: 16px 3px;
    }
}
@media only screen and (max-width:1090px) {
    .our-font {
        font: 600 10px 'Open Sans', sans-serif
    }
    .right-head-link a,
    .right-head-link>span {
        padding: 0 4px;
        font: 300 10px 'Open Sans', sans-serif;
    }
}
@media only screen and (max-width:1010px) {
    .header .social {
        padding: 16px 0px;
    }
    .head-area{
        padding: 20px 3px;
    }
    .drop-head {
        padding: 20px 3px;
        font: 300 10px 'Open Sans', sans-serif;
    }
}
@media only screen and (max-width:986px){
    .slow-font{
        display: block;
    }
    .header .social {
        padding: 16px 5px;
    }
    .head-area{
        padding: 20px 6px;
        border-bottom: 1px solid #eee;
    }
    .drop-head {
        padding: 20px 9px;
    }
    .right-head{
        border-top: none;
    }
    .head-area:nth-of-type(4) {
        border-right: 1px solid #eee;
    }
    .header .social{
        border-right: 1px solid #eee;
    }
}

/**** QUESTION ***/
.faq-accordion{
    width: 1270px;
    max-width: 100%;
    margin: 0 auto;
}
.faq-head {
    position: relative;
    cursor: pointer;
    padding: 24px 0px 23px 42px;
    line-height: 31px;
    font-size: 24px;
    color: #202C45;
}
.faq-body {
    display: none;
    margin-bottom: 20px;
    line-height: 24px;
    font-size: 16px;
    color: #202C45;
    padding-left: 45px;
}
.faq-head .faq-block__arrow {
    display: block;
    width: 15px;
    height: 10px;
    position: absolute;
    top: 35px;
    right: 5px;
    transition: all .2s linear;
    background: url(../images/arrow-bottom.png) center no-repeat;
}
.faq-head.active .faq-block__arrow {
    transform: rotate(-180deg);
}
.min-price-red{
    margin-right: 50px;
    vertical-align: middle;
    font: 700 10px/21px 'Open Sans', sans-serif;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #e3000f;
}
.check-error{
    text-align: center;
    display: block;
}
#error-text{
    display: none;
    border-radius: 2px;
    padding: 9px 7px;
    background-color: #444;
    border: none;
    font: 550 14px 'Open Sans', sans-serif;
    text-decoration: none;
    color: #fff;
    line-height: 18px;
}
@media only screen and (max-width:900px){
    .wrapper-button{
        text-align: left;
    }
    .min-price-red {
        margin-right: 10px;
    }
}
@media only screen and (max-width:680px){
    .wrapper-button{
        text-align: center;
    }
}
@media only screen and (max-width:500px){
    .min-price-red {
        margin-bottom: 10px;
    }
    .first-butt, .second-butt{
        margin-top: 10px;
    }
}
@media only screen and (max-width:460px){
    .second-butt{
        margin-top: 0;
    }
}

.product-thumb.transition  .lazyTxt2 {
    display: none !important;
}
form.resultSearch {
    align-items: center;
}
.mb-20 {
    margin-bottom: 20px;
}
.skloselect {
    margin-bottom: 20px;
}
.skloselect .search-box-container {
    margin-top: 10px !important;
    padding: 25px 10px 20px 40px;
}
.skloselect .search-box-container .col {
    padding: 0;
}
@media only screen and (max-width:1023px) {
    .skloselect .search-box-container .col {
        padding: 0 12px;
    }
}
.skloselect .search-form__head {
    margin-bottom: 20px;
}
.skloselect .search-form {
    padding-top: 0;
}
.skloselect .js_prew_images {
    /*max-height: 100px;*/
}

.header-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background: white;
}
.header-bottom {
    margin-top: 60px;
}

@media only screen  and (max-width:986px) {
    .header-top {
        position: initial;
    }
    .header-bottom {
        margin-top: 0;
    }
}
.tab-content.category-container.view-table .hit-item__img {
    min-height: 119px;
}
.category-page .category-before-text {
    margin: 40px 0 20px;
}
.category-page .category-before-text p,
.category-page .category-after-text p
{
    padding: 10px 0;
}
.monopay-btn {
    line-height: 46px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 13px;
    background: url(/assets/shop/img/monobank-logo.png) 0 0 no-repeat;
    height: 48px;
    display: inline-block;
    padding-left: 54px;
    border: 1px solid black;
    border-radius: 10px;
    margin-top: 20px;
}
/* filter new styles */
.category-sidebar {
    padding: 3px 25px;
    background: #ffffff;
    color: #fff;
}
.category-sidebar .form-field {
    margin-bottom: 24px;
}
.category-sidebar .form-field .select-wrapper input.select-dropdown {
    background: white;
    border: 2px solid #ccc;
    color: #444;
}
.category-sidebar .category-sidebar__bottom {
    margin: 0 0 24px 0;
    padding: 0;
    background: #fff;
    text-align: center;
}
.category-sidebar .range-slider .noUi-tooltip {
    bottom: auto;
    top: 100%;
    margin-top: 20px;
    border-radius: 0;
    position: absolute;
    padding: 2px 3px;
    background-color: #fff !important;
    border: none;
    font: 600 11px 'Open Sans', sans-serif;
    text-decoration: none;
    color: #333;
}
.category-sidebar #filters-form label {
    color: #444;
    display: block;
}
.category-sidebar #filters-form .filter-head {
    color: #444;
    cursor: pointer;
}

.category-sidebar #filters-form .filter-head span.caret {
    position: relative;
}
.category-sidebar #filters-form .filter-head span.caret:after {
    content: '▼';
    display: block;
    position: absolute;
    color: #e3000f;
    right: -17px;
    top: 0;
    -webkit-transition: transform .35s ease;
    -moz-transition: transform .35s ease;
    -ms-transition: transform .35s ease;
    -o-transition: transform .35s ease;
    transition: transform .35s ease;
}
.category-sidebar #filters-form .filter-head span.caret.rotate:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}
.selected-filters-block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-bottom: 20px;
}
.selected-filters-block .selected-filter {
    padding: .3rem .4rem .3rem 1rem;
    height: 30px;
    background: #f5f5f5;
    margin: 0;
    border: 1px solid #ccc;
    line-height: 1;
    color: #333;
    border-radius: 30px;
    font: 400 13px/16px 'Open Sans', sans-serif;
    white-space: nowrap;
    cursor: pointer;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}
.selected-filters-block .selected-filter:hover {
    border-color: #333;
}
.selected-filters-block .selected-filter .fa {
    color: #777;
    margin-right: 0;
    margin-left: 6px;
}
#filters-form [type=checkbox]+label {
    height: auto;
    min-height: 25px;
}
.g-captcha-cont {
    margin-bottom: 36px;
}
.g-captcha-cont.input-field:after {
    right: auto;
    left: 0;
}