/* @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&subset=cyrillic,cyrillic-ext,latin-ext"); */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap&subset=cyrillic,cyrillic-ext,latin-ext');
/* @import url("https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700&subset=cyrillic,cyrillic-ext,latin-ext"); */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap&subset=cyrillic,cyrillic-ext,latin-ext');
@font-face {
    font-family: datateks-font;
    src: url(/fonts/datateks-font.eot?r2e8fx);
    src: url(/fonts/datateks-font.eot?r2e8fx#iefix) format("embedded-opentype"), url(/fonts/datateks-font.ttf?r2e8fx) format("truetype"), url(/fonts/datateks-font.woff?r2e8fx) format("woff"), url(/fonts/datateks-font.svg?r2e8fx#datateks-font) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" dt-"],
[class^=dt-] {
    font-family: datateks-font!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.dt-down-arrow:before {
    content: "\e900"
}

.dt-help:before {
    content: url('/images/html/ic_help.svg');
}

.dt-person:before {
    content: url('/images/html/ic_user.svg');
}

.dt-heart:before {
    content: url('/images/html/ic_heart.svg');
}

.dt-cart:before {
    content: url('/images/html/ic_cart.svg');
}

.dt-scales:before {
    content: "\e905"
}

.dt-like:before {
    content: "\e906"
}

.dt-globe-grid:before {
    content: "\e907"
}

.dt-menu:before {
    content: url('/images/html/ic_catalog.svg');
}

.dt-envelope:before {
    content: "\e909"
}

.dt-envelope-high:before {
    content: "\e91d"
}

.dt-search:before {
    content: url('/images/html/ic_search.svg');
}

.dt-phone:before {
    content: "\e90b"
}

.dt-phone-outline:before {
    content: "\e90c"
}

.dt-discount:before {
    content: url('/images/html/ic_discount.svg');
}

.dt-tag-left-side:before {
    content: "\e90e"
}

.dt-close:before {
    content: "\e90f"
}

.dt-tick:before {
    content: "\e910"
}

.dt-grid:before {
    content: "\e911"
}

.dt-list:before {
    content: "\e912"
}

.dt-heart-filled:before {
    content: "\e913"
}

.dt-play:before {
    content: "\e914"
}

.dt-document:before {
    content: "\e915"
}

.dt-gear:before {
    content: "\e916"
}

.dt-map:before {
    content: "\e917"
}

.dt-wrench:before {
    content: "\e918"
}

.dt-pin:before {
    content: "\e919"
}

.dt-calendar:before {
    content: "\e91a"
}

.dt-delivery:before {
    content: "\e91b"
}

.dt-tools:before {
    content: "\e91c"
}

.dt-package:before {
    content: "\e91e"
}

.dt-truck:before {
    content: "\e91f"
}

.dt-cash:before {
    content: "\e920"
}

.dt-credit-card:before {
    content: "\e921"
}

.dt-invoice:before {
    content: "\e922"
}

.dt-clock:before {
    content: "\e923"
}

.dt-right-arrow:before {
    content: "\e924"
}

.dt-package-alt:before {
    content: "\e925"
}

.dt-pin-outline:before {
    content: "\e926"
}

html {
    font-size: 16px
}

body {
    color: #444;
    font-family: Roboto;
    overflow-x: hidden;
    padding-top: 135px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /* font-family: Roboto Slab; */
    font-family: Roboto;
    font-weight: 600
}

h1 {
    font-size: 2rem
}

h2 {
    font-size: 1.75rem
}

h3 {
    font-size: 1.5rem
}

h4 {
    font-size: 1.25rem
}

h5 {
    font-size: 1.125rem
}

h6 {
    font-size: 1rem
}

a {
    color: #FF0000;
    transition: color .1s ease-in-out
}

a:hover {
    color: #9a9a9a
}

a.back,
a.forgot-pass {
    font-size: .875rem
}

a.back {
    font-weight: 600
}

.container {
    /* max-width: 1170px; */
    max-width: 1248px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

section {
    /* padding: 30px 0 20px; */
    padding: 64px 0;
}

section.slide-container {
    padding: 0
}

section.info {
    /* padding-bottom: 14px; */
    padding: 48px 0;
}

section.info p {
    margin: 0;
}

.section-info-content{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

@media screen and (max-width: 990px) {
    .section-info-content{
        flex-direction: column-reverse;
        gap: 16px;
        text-align: center;
    }
}

section>.heading {
    margin-bottom: 30px
}

section.news .back {
    margin-top: 15px
}

.border-bottom {
    border-bottom: 1px solid #cdcdcd
}

.border-bottom-after {
    position: relative
}

.border-bottom-after:after {
    border-top: 1px solid #cdcdcd;
    bottom: 0;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin: 0 auto;
    /* max-width: 1140px; */
    max-width: 1248px;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%
}

.border-bottom-after:last-child:after {
    display: none
}

#header {
    position: relative;
    position: fixed;
    top: 0;
    transition: box-shadow .3s ease-out;
    width: 100%;
    z-index: 110
}

#header .container {
    /* max-width: 1140px; */
    max-width: 1248px;

}

#header .top {
    background-color: #fff;
    /* height: 90px; */
    padding-top: 16px;
    padding-bottom: 16px;
    position: relative;
    transition: height .16s ease-in-out
}

#header .top .container {
    position: relative;
    z-index: 10
}

#header .top .container>.row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

#header .header-contacts a {
    height: 19px;
    width: 114px;
    color: #1A1A1A;
    font-family: Roboto;
    /* font-size: 16px; */
    font-weight: bold;
    /* line-height: 19px; */
    font-size: 0.9rem;
    line-height: 1.2rem;
}

#header .bottom {
    background-color: #ffffff;
    height: 60px;
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
}

#header .bottom .navbar {
    padding: 0;
    height: 100%;
}

#header .bottom .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#header .bottom .search-toggler {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    color: #fff;
    display: none;
    height: 45px;
    margin-right: 0;
    transition: all .16s ease-in-out;
    width: 45px
}

#header .bottom .search-toggler.active {
    background-color: #fff;
    color: #75a600
}

#header .nav-item:focus>.nav-link,
#header .nav-item:hover>.nav-link {
    color: #9a9a9a
}

#header .submenu .nav-item .nav-link {
    color: #FF0000;
    font-size: .875rem;
}

#header .submenu .nav-item .nav-link:focus,
#header .submenu .nav-item .nav-link:hover {
    color: #9a9a9a
}

#header .search-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 235px;
    flex: 0 1 235px;
    margin-left: 24px;
    position: relative
}

#header .search-wrap .input-wrap {
    border-left: 1px solid #cdcdcd
}

#header .search-wrap input {
    padding-left: 15px;
    width: 100%
}

#header .search-wrap button,
#header .search-wrap input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    /* height: 35px */
}

#header .search-wrap button {
    background-color: #FF0000;
    /* bottom: 10px; */
    cursor: pointer;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 56px;
    height: 100%;
    /* height: 49px; */
}

#header .search-wrap button .dt {
    color: #75a600;
    font-size: 1.25rem
}

#header .search-wrap button:hover .dt {
    color: #3f5a00
}

#header .search-wrap button:focus {
    outline: none
}

#header .header-action-wrap,
#header .soc-wrap {
    /* margin-left: 24px; */
    align-items: center;
    gap: 16px;
}

#header.scrolled {
    box-shadow: 0 -10px 10px 10px rgba(0, 0, 0, .25)
}

#header.scrolled .top {
    height: 60px
}

#main-navigation .navbar-nav>.nav-item.hovered,
#main-navigation .navbar-nav>.nav-item:hover {
    background-color: #fff;
    /* box-shadow: 0 0 7px 0 rgba(0, 0, 0, .25); */
    transition-delay: .1s
}

#main-navigation .navbar-nav>.nav-item.hovered>.nav-link,
#main-navigation .navbar-nav>.nav-item.hovered>.submenu-toggle,
#main-navigation .navbar-nav>.nav-item:hover>.nav-link,
#main-navigation .navbar-nav>.nav-item.hovered>.nav-link-wrap>.nav-link,
#main-navigation .navbar-nav>.nav-item.hovered>.nav-link-wrap>.submenu-toggle,
#main-navigation .navbar-nav>.nav-item:hover>.nav-link-wrap>.nav-link  {
    color: #9a9a9a
}

#main-navigation .navbar-nav>.nav-item>.nav-link,
#main-navigation .navbar-nav>.nav-item>.nav-link-wrap>.nav-link {
    color: #1A1A1A;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    transition-delay: .1s
}

.nav-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    transition: all .16s ease-in-out
}

.nav-item .nav-link {
    line-height: 1.2rem;
    padding: .8rem 1rem
}

.nav-item .submenu-toggle {
    /* display: none; */
    font-size: .625rem;
    height: 30px;
    /* text-align: center;
    width: 30px */
    text-align: left;
    width: fit-content;
    margin-right: 8px;
    display: flex;
    align-items: end;
}

.nav-item .submenu-toggle i {
    line-height: 28px
}

.nav-item .submenu {
    background-color: #fff;
    box-shadow: 4px 3px 7px -4px rgba(0, 0, 0, .25), -4px 3px 7px -4px rgba(0, 0, 0, .25), 0 3px 5px -1px rgba(0, 0, 0, .25);
    left: 0;
    min-width: 190px;
    opacity: 0;
    position: absolute;
    top: 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transition: opacity .16s ease-in-out 0s, visibility 0s linear .16s, -webkit-transform .2s ease-in-out .05s;
    transition: opacity .16s ease-in-out 0s, transform .2s ease-in-out .05s, visibility 0s linear .16s;
    transition: opacity .16s ease-in-out 0s, transform .2s ease-in-out .05s, visibility 0s linear .16s, -webkit-transform .2s ease-in-out .05s;
    visibility: hidden;
    width: 100%;
    z-index: 20;
    /* position: absolute;
    top: 100%; */
    padding-top: 15px;
    padding-bottom: 15px;
}

.nav-item .submenu .nav-item {
    padding: 0 10px
}

.nav-item .submenu .nav-item .nav-link {
    color: #FF0000;
    /* padding: .75rem 0; */
    padding: 0.5rem 0;
}

.nav-item .submenu .nav-item .nav-link:hover {
    color: #999
}

/* .nav-item .submenu .nav-item:after {
    border-bottom: 1px solid #cdcdcd;
    content: "";
    display: block;
    width: 100%
} */

.nav-item .submenu .nav-item:last-child:after {
    display: none
}

.nav-item.hovered>.nav-link,
.nav-item:hover>.nav-link {
    color: #999
}

/* .nav-item:hover .submenu  */
.nav-item.hovered .submenu
{
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: opacity .16s ease-in-out .16s, visibility 0s linear 0s, -webkit-transform .2s ease-in-out 0s;
    transition: opacity .16s ease-in-out .16s, transform .2s ease-in-out 0s, visibility 0s linear 0s;
    transition: opacity .16s ease-in-out .16s, transform .2s ease-in-out 0s, visibility 0s linear 0s, -webkit-transform .2s ease-in-out 0s;
    visibility: visible
}

.action-wrap {
    float: left;
    /* margin-left: 8px */
}

.action-toggle {
    display: block;
    height: 25px;
    position: relative;
    text-decoration: none;
    width: 25px
}

.action-toggle .dt {
    color: #75a600;
    font-size: 1.5625rem
}

.action-toggle .indicator {
    /* background-color: #9b00dc; */
    background-color: #FF4646b9;
    border-radius: 50%;
    color: #fff;
    font-size: .875rem;
    font-weight: 600;
    height: 1.25rem;
    line-height: 1.35rem;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transform: translate(.3rem, -.4rem);
    transform: translate(.3rem, -.4rem);
    transition: background-color .16s ease-in-out, opacity .1s ease-in-out, visibility .16s ease-in-out .16s;
    visibility: hidden;
    width: 1.25rem
}

.action-toggle .indicator.show {
    transition: background-color .16s ease-in-out, opacity .1s ease-in-out, visibility .16s ease-in-out 0s;
    opacity: 1;
    visibility: visible
}

.action-toggle.add-to-wishlist.added .dt-heart:before {
    /* content: "\e913" */
    content: url('/images/html/ic_heart_filled.svg');
}

.action-toggle:hover {
    text-decoration: none
}

.action-toggle:hover .dt {
    color: #9a9a9a
}

.action-toggle:hover .indicator {
    background-color: #ad00f6
}

.langmenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem
}

.langmenu .select-wrap {
    margin-left: 5px
}

.langmenu .select-wrap .select-value {
    border-radius: 0;
    color: #FF0000;
    padding: 8px 12px;
    padding-left: 5px;
    padding-right: 25px;
    font-weight: 600;
    /* bottom: 5px; */
}

.langmenu .select-wrap .select-options {
    border-top: 0
}

.langmenu .select-wrap .select-options .option {
    padding: 0
}

.langmenu .select-wrap .select-options .option a {
    color: #FF0000;
    padding: 5px 12px;
    padding-left: 5px;
    text-decoration: none
}

.langmenu .select-wrap .select-options .option a:hover {
    color: #999
}

.langmenu .dt {
    color: #75a600;
    font-size: 1.5rem
}

.langmenu a {
    display: block
}

.header-contacts {
    background-image: url(/images/html/ic_call-us.svg);
    background-position: 0;
    background-repeat: no-repeat;
    /* background-size: 25px 25px; */
    line-height: 1.2rem;
    /* margin-left: 25px;
    padding-left: 30px */
    margin-left: 2rem;
    padding-left: 2.2rem;
    background-size: 1.5rem 1.5rem;
}

.call-us {
    /* height: 15px;
    width: 41px; */
    color: #737373;
    font-family: Roboto;
    /* font-size: 13px;
    line-height: 15px; */
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 0.2rem;
}

.header-contacts a[href*="tel:"] {
    font-size: 1.12rem
}

.header-contacts a {
    display: block;
    font-size: .88rem
}

#category-menu-wrap {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background-color: #FF0000;
    /* width: 235px; */
    /* height: 59px; */
    /* left: -15px; */
}

#category-toggler {
    color: #fff;
    font-weight: 500;
    padding: 0 15px;
    position: relative;
    text-decoration: none;
    /* text-transform: uppercase; */
    transition: all .16s ease-in-out;
    font-family: Roboto;
    line-height: 16px;
    font-size: 14px;
}

#category-toggler .svg-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10px;
    transition: border-color .16s ease-in-out;
    width: 32px;
     height: 100%;
}

#category-toggler .svg-wrap .dt {
    color: inherit;
    font-size: 1.125rem
}

#category-toggler:hover span {
    text-decoration: underline
}

#category-toggler.active {
    background-color: #fff;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .25);
    color: #FF0000
}

#category-toggler.active .svg-wrap {
    border-color: #FF0000
}

#category-menu {
    background-color: #fff;
    box-shadow: 4px 3px 7px -4px rgba(0, 0, 0, .25), -4px 3px 7px -4px rgba(0, 0, 0, .25), 0 3px 5px -1px rgba(0, 0, 0, .25);
    font-size: .875rem;
    left: 0;
    margin: 0;
    /* margin-left: -15px; */
    max-height: calc(100vh - 45px);
    opacity: 0;
    overflow: auto;
    padding: 30px 15px 25px;
    position: absolute;
    top: 100%;
    transition: opacity .16s ease-in-out 0s, visibility 0s linear .16s;
    visibility: hidden;
    width: 100vw
}

/* #category-menu.container {
    max-width: 1170px
} */

#category-menu .nav-link {
    color: #FF0000;
    padding: 5px 0
}

#category-menu.show {
    opacity: 1;
    transition: opacity .16s ease-in-out 0s, visibility 0s linear 0s;
    visibility: visible
}

#category-menu.show .right .subcategory-wrap {
    transition: visibility 0s linear 0s, -webkit-transform 0s linear 0s;
    transition: visibility 0s linear 0s, transform 0s linear 0s;
    transition: visibility 0s linear 0s, transform 0s linear 0s, -webkit-transform 0s linear 0s
}

#category-menu.show .right .subcategory-wrap.active {
    visibility: visible
}

#category-menu .right .subcategory-wrap {
    position: absolute;
    top: 0;
    transition: visibility 0s linear .16s, -webkit-transform 0s linear .16s;
    transition: visibility 0s linear .16s, transform 0s linear .16s;
    transition: visibility 0s linear .16s, transform 0s linear .16s, -webkit-transform 0s linear .16s;
    visibility: hidden
}

#category-menu .right .subcategory-wrap.active {
    position: relative;
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

#category-menu .col.left {
    border-right: 1px solid #cdcdcd;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 230px;
    flex: 0 0 230px;
    margin-right: 20px;
    padding-left: 15px;
    padding-right: 0
}

#category-menu .col.left .nav-item {
    margin: 4px 0
}

#category-menu .col.left .nav-item .nav-link {
    width: 100%
}

#category-menu .col.left .nav-item:after {
    background-image: url(../images/html/triangle-right.svg);
    content: "";
    display: block;
    height: 30px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    transition: opacity .1s ease-in-out;
    width: 15px
}

#category-menu .col.left .nav-item.hovered>.nav-link,
#category-menu .col.left .nav-item:focus>.nav-link {
    color: #9a9a9a
}

#category-menu .col.left .nav-item.hovered:after,
#category-menu .col.left .nav-item:focus:after {
    opacity: 1
}

#category-menu .subcategory-wrap {
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1rem;
    column-gap: 1rem;
    top: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.category-menu .category-block {
    -webkit-column-break-after: avoid-column;
    break-after: avoid-column;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    display: block
}

.category-menu .category-block>a {
    color: #444;
    /* font-family: Roboto Slab; */
    font-family: Roboto;
    font-weight: 600
}

.category-menu .category-block a:hover {
    color: #9a9a9a;
    text-decoration: none
}

.category-menu .category-block ul {
    list-style: none;
    padding-left: 17px
}

.category-menu .category-block ul li {
    position: relative
}

.category-menu .category-block .submenu {
    display: none
}

.category-menu .submenu-toggle {
    border: 1px solid #FF0000;
    border-radius: 50%;
    display: block;
    height: 13px;
    left: 0;
    line-height: 10px;
    position: absolute;
    text-align: center;
    top: 3px;
    -webkit-transform: translateX(-17px);
    transform: translateX(-17px);
    width: 13px;
    will-change: transform
}

.category-menu .submenu-toggle:before {
    content: "+";
    font-size: .625rem
}

.category-menu .submenu-toggle.show:before {
    content: "-"
}

aside .category-menu {
    font-size: .875rem
}

aside .banners a img {
    margin-bottom: 20px
}

.gray-back {
    background-color: #fbf7f7;
}

.blue-back {
    background-color: #FF0000;
}

section.banner-wrapper {
    padding: 0;
}

.banner {
    background: url(/images/html/header_image.jpg) no-repeat fixed center;
    background-size: cover;
    height: 800px;
}

@media screen and (max-width: 870px) {
    .banner-category-wrapper {
        display: none;
    }
}

.banner-category-wrapper {
    height: 300px;
    background-color: #1A1A1A;
    position: relative;
    top: 500px;
}

.category-item {
    margin: 0 auto;
    display: inline-block;
    position: relative;
    padding: 0 20px 0 40px;
    width: 200px;
}

.category-title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}

.category-item .category-icon img {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    top: -35px;
}

.category-link {
    text-align: center;
    margin-top: 20px;
}

.category-all-items {
    text-align: center;
}

#slideshow {
    border-bottom: 1px solid #cdcdcd;
    overflow: hidden;
    padding-bottom: 25px;
    width: 100%
}

@-webkit-keyframes a {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    30% {
        opacity: 1
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes a {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    30% {
        opacity: 1
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

#slideshow .slide-thumb-wrap {
    overflow: hidden
}

#slideshow .slide-thumbs {
    height: 100%;
    max-height: 100%;
    position: absolute
}

#slideshow .slide-thumbs .thumb {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 0;
    cursor: pointer;
    height: 11vw;
    opacity: 0;
    overflow: hidden;
    position: relative
}

#slideshow .slide-thumbs .thumb:focus {
    outline: none
}

#slideshow .slide-thumbs .thumb:after {
    background-color: #75a600;
    bottom: -1px;
    content: "";
    display: block;
    height: 6px;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    width: 100%
}

#slideshow .slide-thumbs .thumb.active:after {
    -webkit-animation: a 6.9s linear;
    animation: a 6.9s linear;
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

#slideshow .slide-thumbs .thumb.show {
    opacity: 1;
    transition: opacity .5s ease-in-out
}

#slideshow .slide-thumbs .thumb img {
    display: none
}

.soc-wrap {
    /* margin-right: 10px */
    gap: 16px;
}

.soc-wrap .soc-item {
    display: block;
    font-size: .875rem;
    height: 25px;
    /* margin-left: 7px; */
    overflow: hidden
}

.soc-wrap .soc-item svg {
    height: 25px;
    width: 25px
}

.soc-wrap .soc-item img {
    height: auto;
    max-height: 25px
}

.soc-wrap .soc-item .icon-wrap {
    border: 1px solid #000;
    border-color: inherit;
    border-radius: 50%;
    float: left;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 25px
}

.product-row {
    margin-top: 10px
}

.product-container {
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    padding-top: 10px;
    gap: 1.5rem;
    /* display: grid;
    justify-content: start;
    grid-template-columns: repeat(auto-fit, minmax(265px, 295px)); */
    display: flex;
    flex-wrap: wrap;
}

.product-container .bn-wrap {
    /* -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%; */
    margin: 10px 0;
    margin-bottom: 40px;
    text-align: center
}

.product-container.list-view {
    margin-bottom: 10px;
    padding-right: 30px
}

.product-container.list-view .product {
    /* -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%; */
    /* margin-bottom: -1px; */
    min-height: 150px;
    transition: z-index 0s linear .1s;
    width: 100%;
    z-index: 1
}

.product-container.list-view .product .image img,
.product-container.list-view .product .product-background,
.product-container.list-view .product .tags,
.product-container.list-view .product .tags .tag.top {
    transition: all .1s linear 0s
}

.product-container.list-view .product.hovered {
    transition: z-index 0s linear .1s;
    z-index: 2
}

.product-container.list-view .product.hovered .image img,
.product-container.list-view .product.hovered .product-background,
.product-container.list-view .product.hovered .tags,
.product-container.list-view .product.hovered .tags .tag.top {
    transition: all .1s linear .1s
}

.product-container.list-view .product.hovered .bottom {
    margin-left: 0;
    margin-right: 0
}

.product-container.list-view .product .wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: unset;
    min-height: unset;
    padding: 20px;
    width: 100%
}

.product-container.list-view .product .wrap .image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    height: 100px;
    margin-right: 30px
}

.product-container.list-view .product .wrap .description {
    border-top: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-top: 0
}

.product-container.list-view .product .wrap .description h5 {
    font-size: 1.125rem
}

.product-container.list-view .product .wrap .description .small-description,
.product-container.list-view .product .wrap .description .subtitle,
.product-container.list-view .product .wrap .description h5 {
    clear: both;
    display: block;
    float: left
}

.product-container.list-view .product .wrap .description .small-description {
    color: #444;
    font-size: .875rem;
    margin-top: 10px
}

.product-container.list-view .product .wrap .bottom {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-top: 30px
}

.product-container.list-view .product .wrap .bottom .prices {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 30px;
    width: 100px
}

.product-container.list-view .product .wrap .bottom .prices .price {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.product-container.list-view .product .wrap .bottom .prices .new-price {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.product-container.list-view .product .wrap .bottom .prices .new-price+.price {
    margin-top: -20px
}

.product-container.list-view .product .wrap .bottom .actions {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    margin-left: 20px;
    text-align: right;
    width: 100px
}

.product-container.list-view .product .wrap .bottom .actions .action-wrap {
    display: inline-block;
    float: none;
    margin-left: 5px
}

.product-container.list-view .product .wrap .bottom .actions .action-wrap:first-child {
    margin-left: 0
}

.product-container.list-view .product .wrap .bottom .actions .compare {
    display: block;
    opacity: 1;
    position: relative;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.product-container.list-view .product .wrap .bottom .actions .compare:before,
.product-container.list-view .product .wrap .compare {
    display: none
}

.product-container.list-view .product .tags .tag.discount {
    left: 110px;
    right: auto
}

.product-container.list-view .product .tags .tag.new {
    font-size: .7rem;
    padding: 1px;
    padding-top: 0;
    width: 120px
}

.product-container.list-view .product .tags .tag.top {
    top: 20px
}

.product-container.list-view .product.placeholder {
    height: 0;
    min-height: unset
}

.product-container.list-view .bn-wrap {
    margin-bottom: 30px;
    margin-top: 30px
}

.sticky-aside {
    margin-bottom: 35px
}

.sticky-aside .menu {
    margin-top: 5px
}

.highlighted-product-list {
    background-color: #fff;
    border: 1px solid #cdcdcd;
    margin-top: 10px;
    min-height: 338px;
    padding: 15px
}

.highlighted-product-list:after {
    clear: both;
    content: "";
    display: block
}

.highlighted-product-list .list-product {
    border-bottom: 1px solid #cdcdcd;
    margin: 0;
    margin-bottom: 0;
    max-width: 100%;
    padding: 15px 0 29px;
    width: 100%
}

.highlighted-product-list .list-product:first-of-type {
    padding-top: 0
}

.highlighted-product-list .list-product:last-of-type {
    border-bottom: 0;
    padding-bottom: 0
}

.highlighted-product-list .list-product:after {
    clear: both;
    content: "";
    display: block
}

.highlighted-product-list .list-product img {
    margin-right: 15px
}

.highlighted-product-list .list-product a {
    color: #444;
    text-decoration: none
}

.highlighted-product-list .list-product a:hover h5 {
    text-decoration: underline
}

.highlighted-product-list .list-product h5 {
    font-family: Roboto;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.3rem
}

.highlighted-product-list .list-product .description a {
    display: block
}

.product {
    /* -webkit-box-flex: 1;
    -ms-flex: 1 0 260px;
    flex: 1 0 260px; */
    /* margin: 0 15px; */
    /* margin-bottom: 35px; */
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: contents;
    /* flex: 0 0 265px; */
    flex: 0 0 calc(25% - 1.2rem);
    /* max-width: 300px; */
    /* min-width: 265px; */
}

.product .wrap,
.product article {
    height: 100%;
    width: 100%
}

.product .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    /* max-width: 260px; */
    min-height: 308px;
    /* padding: 10px 15px; */
    padding: 20px;
    position: relative
}

.product .wrap>a {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.product .wrap .actions {
    -webkit-box-flex: 0;
    /* -ms-flex: 0 0 60px;
    flex: 0 0 60px; */
    display: flex;
    gap: 16px;
}

.product a {
    text-decoration: none;
    width: 100%;
    height: 100%;
}

.product .description {
    /* border-top: 1px solid #cdcdcd; */
    height: 5em;
    padding-top: 16px;
    position: relative;
    z-index: 1
}

.product .description .small-description {
    display: none
}

.product h5 {
    color: #1A1A1A;
    font-family: Roboto;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.75rem;
}

.product .subtitle,
.product h5 {
    clear: both;
    display: block;
    float: left;
    margin-bottom: 0
}

.product .subtitle {
    color: #808080;
    font-size: .75rem;
    line-height: 1rem;
}

.product .image {
    height: 200px;
    position: relative
}

.product .image img {
    max-height: 100%;
    max-width: 100%;
    transition: -webkit-transform .16s ease-in-out;
    transition: transform .16s ease-in-out;
    transition: transform .16s ease-in-out, -webkit-transform .16s ease-in-out;
    object-fit: none;
    object-position: center;
}

.product .actions {
    /* margin-left: auto; */
    text-align: right
}

.product .actions .compare {
    display: none
}

.product .actions .action-wrap {
    /* margin-left: 5px */
}

.product .bottom {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 30px;
    flex: 0 1 30px;
    margin-top: 8px;
    transition: margin .16s ease-in-out
}

.product.placeholder {
    background: transparent;
    border: 0;
    height: 0;
    margin-bottom: 0;
    min-height: 0;
    padding: 0 15px
}

.product .product-background {
    background: #fff;
    border: 1px solid #cdcdcd
}

.product .product-background,
.product .tags {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-transform: translate(0);
    transform: translate(0);
    transition: all .16s linear 0s;
    width: 100%
}

.product .tags {
    pointer-events: none;
    z-index: 10
}

.product .tags .tag.new {
    left: 0;
    top: 0
}

.product .tags .tag.top {
    right: 0;
    top: 135px;
    transition: -webkit-transform .16s linear 0s;
    transition: transform .16s linear 0s;
    transition: transform .16s linear 0s, -webkit-transform .16s linear 0s
}

.product .tags .tag.discount {
    /* right: 15px;
    top: 10px */
    right: 8px;
    top: 8px;
}

.product .compare {
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    transition: all .15s ease-in-out 0s;
    width: 100%
}

.product .compare:before {
    border-top: 1px solid #cdcdcd;
    content: "";
    display: block;
    margin-bottom: 4px;
    width: 100%
}

.product .compare a:hover {
    color: #9a9a9a
}

.product.hovered .image img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.product.hovered .product-background {
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .25);
    transition: all .16s linear 0s
}

.product.hovered .tags {
    transition: all .16s linear 0s
}

.product.hovered .tags .tag.top {
    -webkit-transform: translateY(11px);
    transform: translateY(11px);
    transition: all .16s linear 0s
}

.product.hovered .bottom {
    margin-left: -15px;
    margin-right: -15px
}

.product.hovered .compare {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all .11s ease-in-out .05s
}

.prices {
    line-height: 23px;
    display: flex;
    flex-wrap: wrap;
    margin-left: 8px;
    justify-content: right;
    gap: 0 8px;
}

.prices .new-price,
.prices .price {
    color: #1A1A1A;
    font-size: 1.3125em;
    font-weight: bold;
    font-size: 21px;
    line-height: 24px;
    vertical-align: middle;
    white-space: nowrap;
    text-align: right;
}

/* .prices .new-price,
.prices .text {
    color: #1A1A1A;
    font-size: 1.3125em;
    font-weight: bold;
    font-size: 13px;
    line-height: 24px;
    vertical-align: middle;
    white-space: nowrap
} */

.prices .new-price+.price {
    color: #999;
    font-size: .875em;
    font-weight: 400;
    position: relative;
    text-decoration: line-through;
    top: 1px;
    vertical-align: middle;
    white-space: nowrap
}

.cat-container .cat {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 2rem;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.cat-container .cat .background {
    background-position: 50%;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.cat-container .cat .background:after {
    background-color: rgba(135, 192, 0, .8);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .16s ease-in-out;
    width: 100%
}

.cat-container .cat span {
    color: #fff;
    display: block;
    line-height: 1em;
    position: relative;
    width: 100%;
    z-index: 10
}

.cat-container .cat:hover .background:after,
.cat-container .cat a:focus .background:after {
    opacity: 1
}

.cat-container.small {
    padding-bottom: 40px;
    padding-top: 0
}

.cat-container.small>.container {
    padding-left: 0;
    padding-right: 0
}

.cat-container .category-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0
}

.cat-container .category-list li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    height: 155px;
    padding: 2.5px;
    position: relative
}

.cat-container .category-list .w-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%
}

.cat-container .category-list .w-2 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%
}

.cat-container .category-list .w-3 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%
}

.cat-container .category-list .w-4 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.cat-container .category-list.small {
    margin-left: -15px;
    margin-right: -15px
}

@supports (display:grid) {
    .cat-container .category-list {
        display: -ms-grid;
        display: grid;
        grid-area: span 4;
        grid-auto-flow: dense;
        grid-auto-rows: 155px;
        grid-gap: 5px;
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr)
    }
    .cat-container .category-list li {
        height: auto;
        padding: 0
    }
    .cat-container .category-list.small {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }
    .cat-container .category-list .w-1 {
        -ms-grid-column-span: 1;
        grid-column-end: span 1
    }
    .cat-container .category-list .w-2 {
        -ms-grid-column-span: 2;
        grid-column-end: span 2
    }
    .cat-container .category-list .w-3 {
        -ms-grid-column-span: 3;
        grid-column-end: span 3
    }
    .cat-container .category-list .w-4 {
        -ms-grid-column-span: 4;
        grid-column-end: span 4
    }
    .cat-container .category-list .h-1 .cat {
        font-size: 2rem
    }
    .cat-container .category-list .h-2 {
        -ms-grid-row-span: 2;
        grid-row-end: span 2
    }
    .cat-container .category-list .h-3 {
        -ms-grid-row-span: 3;
        grid-row-end: span 3
    }
    .cat-container .category-list .h-3 .cat {
        font-size: 4rem
    }
    .cat-container .category-list .h-4 {
        -ms-grid-row-span: 4;
        grid-row-end: span 4
    }
    .cat-container .category-list .h-4 .cat {
        font-size: 4rem
    }
}

#overlay {
    background-color: hsla(0, 0%, 56%, .7);
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: opacity .16s ease-in-out 0s, -webkit-transform .5s ease-in-out .16s;
    transition: opacity .16s ease-in-out 0s, transform .5s ease-in-out .16s;
    transition: opacity .16s ease-in-out 0s, transform .5s ease-in-out .16s, -webkit-transform .5s ease-in-out .16s;
    width: 100%;
    will-change: transform;
    z-index: 101
}

#overlay.show {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: opacity .16s ease-in-out 0s, -webkit-transform 0s ease-in-out 0s;
    transition: opacity .16s ease-in-out 0s, transform 0s ease-in-out 0s;
    transition: opacity .16s ease-in-out 0s, transform 0s ease-in-out 0s, -webkit-transform 0s ease-in-out 0s
}

#overlay.show-header {
    z-index: 99
}

.heading {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    min-height: 35px;
    position: relative
}

.heading h1,
.heading h2,
.heading h3,
.heading h4,
.heading h5,
.heading h6 {
    margin-bottom: 0;
    margin-right: auto
}

.heading h3 {
    font-size: 1.75rem
}

.heading:after {
    clear: both;
    content: "";
    display: block
}

.heading .tag {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    margin-left: auto;
    margin-left: 17px;
    padding-left: 0;
    position: relative;
    text-transform: uppercase
}

.heading .tag.top {
    right: 0
}

.heading .tag a {
    line-height: 1.2rem
}

.heading .tag a,
a.more {
    font-size: .875rem;
    font-weight: 600
}

.tag {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* font-family: Roboto Slab; */
    font-family: Roboto;
    font-size: 1.125rem;
    position: absolute;
    text-shadow: 0 0 1px rgba(0, 0, 0, .1);
    z-index: 50
}

.tag img {
    margin-right: 3px;
    pointer-events: none
}

.tag .tail {
    height: 100%;
    left: -16px;
    position: absolute;
    top: 0
}

.tag.top {
    background-color: #8bb900;
    color: #fff;
    fill: #8bb900;
    height: 35px;
    padding-right: 10px;
    right: -15px;
    stroke: #8bb900;
    text-transform: uppercase;
    top: 65%
}

.tag.top .dt {
    font-size: 1.875rem
}

.tag.discount {
    height: 40px;
    margin-left: 0;
    right: 0;
    top: 0;
    width: 40px;
}

.tag.discount .background {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background: #FF0000;
    display: grid;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}

.tag.discount .background .dt {
    color: #9c00dd;
    font-size: 3.75rem
}

.tag.discount span {
    color: #fff;
    /* font-family: Roboto Slab; */
    font-family: Roboto;
    font-size: 1.1875rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(30deg);
    transform: translate(-50%, -50%) rotate(30deg)
}

.tag.new {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #1A1A1A;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: -15px;
    padding: 5px;
    padding-top: 3px;
    position: absolute;
    text-align: center;
    top: -15px;
    -webkit-transform: rotate(-45deg) translateX(-30%) translateY(-30%);
    transform: rotate(-45deg) translateX(-30%) translateY(-30%);
    width: 200px
}

.tag.new span {
    line-height: 1rem;
    max-width: 90px
}

.tag.new i {
    display: block;
    font-size: .625em;
    margin: 0 5px
}

.bns {
    margin-bottom: 15px;
    margin-top: 10px;
    padding: 0
}

.bns .bn {
    height: 100%;
    width: 100%
}

.bns .bn.placeholder {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f0f0f0;
    color: #a3a3a3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.5625rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px
}

.bns .bn.placeholder:before {
    background-image: url(/images/html/empty-bn.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: 50px;
    margin-right: 20px;
    position: relative;
    top: -3px;
    width: 60px
}

.bn img {
    max-width: 100%;
    width: 100%
}

.menu {
    line-height: 1.2rem
}

.menu a {
    clear: both;
    float: left;
    margin-bottom: 10px
}

.menu .btn {
    margin-top: 30px
}

.slider-wrap .slider-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 75px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    outline: 0;
    padding: 0 30px
}

.slider-wrap .slider-item:nth-child(n+2) {
    display: none
}

.slider-wrap .slider-item a {
    outline: 0
}

.slider-wrap .slider-item img {
    max-height: 75px;
    max-width: 100%;
    outline: 0
}

.slider-wrap.slick-initialized .slider-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.no-transform {
    -webkit-transform: none!important;
    transform: none!important
}

footer {
    background-color: #1A1A1A;
    color: #fff;
    font-size: .875rem;
    /* padding-top: 30px */
    padding: 64px 0;

}

footer .container {
    padding-bottom: 25px
    /* padding: 64px 0; */
}

footer .copyright {
    padding-bottom: 1px;
    padding-top: 1rem;
    position: relative;
    display: flex;
}

footer .copyright .plug {
    line-height: 17px;
}

footer .copyright .plug img {
    margin-left: 5px;
    position: relative;
    top: -2px
}

footer h4 {
    display: inline-block;
    font-size: 1.125rem;
    color: #fff;
}

footer :not(.formatedtext)>ul {
    list-style: none;
    padding-left: 0
}

footer :not(.formatedtext)>ul a {
    clear: left;
    float: left;
    margin-bottom: 3px
}

footer li,
footer p {
    color: #A6A6A6;
}

footer a {
    color: #A6A6A6;
    text-decoration: none
}

footer a:hover {
    color: #999;
    text-decoration: none
}

footer .contacts {
    font-size: 1rem
}

footer .contacts a[href*="tel:"] {
    font-size: 1.25rem;
    font-weight: 600
}

footer .contacts>a {
    clear: left;
    display: block;
    float: left;
    font-size: .88rem
}

footer .contacts:after,
footer .link-wrap:after {
    clear: both;
    content: "";
    display: block
}

footer .soc-wrap {
    margin-top: 25px
}

footer .soc-wrap .soc-item {
    margin-left: 0;
    margin-right: 7px
}

footer .soc-wrap .soc-item:hover {
    border-color: #999!important;
    color: #999!important
}

footer .xml-logos {
    clear: both;
    margin-top: 20px;
    text-align: right
}

footer .xml-logos img {
    margin-left: 20px
}

.footer-item-wrap {
    display: flex;
    margin-left: 30px;
}

.footer__icon img {
    position: relative;
    bottom: 3px;
    margin-left: 5px;
}

.footer-item-wrap .footer__title {
    font-size: 12px;
}

.company__icons {
    display: flex;
    flex-direction: column;
}

.footer__icon {
    display: flex;
}

.footer__dot {
    display: flex;
    flex-direction: column;
    margin-top: -10px;
    margin-left: 7px;
}

.footer__dot a {
    width: 2px;
}

.footer-all-dots {
    display: flex;
}

#contact-form-toggle {
    background-color: #9b00dc;
    background-image: url(/images/html/envelope.svg);
    float: left;
    margin-bottom: 15px
}

#back-to-top,
#contact-form-toggle {
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    height: 68px;
    width: 68px;
    margin-left: 10px;
    color: #A6A6A6;
}

#back-to-top {
    bottom: 30px;
    right: 30px;
    transition: opacity .2s ease-in-out 0s, visibility 0s linear 0s;
    z-index: 104;
}

#back-to-top:before {
    left: 17%;
    position: absolute;
    top: 85%;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg)
}

input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #cdcdcd;
    box-shadow: inset 0 0 0 50vw #fff;
    color: #444;
    height: 38px;
    max-width: unset;
    min-height: 38px;
    padding: 0 15px;
    width: 100%
}

input[type=email]::-webkit-inner-spin-button,
input[type=email]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=password]::-webkit-inner-spin-button,
input[type=password]::-webkit-outer-spin-button,
input[type=search]::-webkit-inner-spin-button,
input[type=search]::-webkit-outer-spin-button,
input[type=tel]::-webkit-inner-spin-button,
input[type=tel]::-webkit-outer-spin-button,
input[type=text]::-webkit-inner-spin-button,
input[type=text]::-webkit-outer-spin-button,
textarea::-webkit-inner-spin-button,
textarea::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.input-wrap {
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative
}

.input-wrap input[type=email].filled,
.input-wrap input[type=email]:focus,
.input-wrap input[type=number].filled,
.input-wrap input[type=number]:focus,
.input-wrap input[type=password].filled,
.input-wrap input[type=password]:focus,
.input-wrap input[type=search].filled,
.input-wrap input[type=search]:focus,
.input-wrap input[type=text].filled,
.input-wrap input[type=text]:focus,
.input-wrap textarea.filled,
.input-wrap textarea:focus {
    outline: none
}

.input-wrap input[type=email].filled+label,
.input-wrap input[type=email]:focus+label,
.input-wrap input[type=number].filled+label,
.input-wrap input[type=number]:focus+label,
.input-wrap input[type=password].filled+label,
.input-wrap input[type=password]:focus+label,
.input-wrap input[type=search].filled+label,
.input-wrap input[type=search]:focus+label,
.input-wrap input[type=text].filled+label,
.input-wrap input[type=text]:focus+label,
.input-wrap textarea.filled+label,
.input-wrap textarea:focus+label {
    background-color: #fff;
    color: #444;
    font-size: .875rem;
    left: 12px;
    padding: 0 7px;
    pointer-events: all;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.input-wrap input[type=email]+label,
.input-wrap input[type=number]+label,
.input-wrap input[type=password]+label,
.input-wrap input[type=search]+label,
.input-wrap input[type=text]+label,
.input-wrap textarea+label {
    color: #1A1A1A;
    left: 15px;
    line-height: 16px;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .1s ease-in-out
}

.input-wrap textarea {
    height: 150px;
    padding-top: 10px
}

.input-wrap textarea+label {
    top: 20px
}

.input-wrap.date:before {
    content: "\e91a";
    left: 10px
}

.input-wrap.date:after,
.input-wrap.date:before {
    color: #75a600;
    font-family: datateks-font;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.input-wrap.date:after {
    content: "\e900";
    display: block;
    font-size: 1.6rem;
    right: 3px
}

.input-wrap.date input {
    color: #75a600
}

.input-wrap.date ::-webkit-input-placeholder {
    color: #75a600
}

.input-wrap.date :-ms-input-placeholder {
    color: #75a600
}

.input-wrap.date ::placeholder {
    color: #75a600
}

::-ms-clear {
    display: none
}

.btn {
    background-color: #FFFFFF;
    border-radius: 25px;
    color: #1A1A1A;
    padding: 7px 20px
}

.btn:hover {
    background-color: #ff6464;
    border-color: #ff6464;
    color: #fff;
}

.btn.btn-filled {
    background-color: #FFFFFF;
    color: #1A1A1A;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    padding: 7px 20px;
}

.btn.btn-filled:hover {
    background-color: #ff6464;
    border-color: #ff6464;
}

.btn.facebook {
    background-color: #fff;
    border-color: #395999;
    border-radius: 25px;
    color: #395999;
    font-weight: 600;
    padding: 7px 20px
}

.btn.facebook:hover {
    background-color: #4064ac;
    border-color: #4064ac;
    color: #fff
}

.btn.facebook.btn-filled {
    background-color: #395999;
    color: #fff
}

.btn.facebook.btn-filled:hover {
    background-color: #4064ac;
    border-color: #4064ac
}

.btn.google {
    background-color: #fff;
    border-color: #d94f3e;
    border-radius: 25px;
    color: #d94f3e;
    font-weight: 600;
    padding: 7px 20px
}

.btn.google:hover {
    background-color: #dd6253;
    border-color: #dd6253;
    color: #fff
}

.btn.google.btn-filled {
    background-color: #d94f3e;
    color: #fff
}

.btn.google.btn-filled:hover {
    background-color: #dd6253;
    border-color: #dd6253
}

.btn.draugiem {
    background-color: #fff;
    border-color: #f60;
    border-radius: 25px;
    color: #f60;
    font-weight: 600;
    padding: 7px 20px
}

.btn.draugiem:hover {
    background-color: #ff751a;
    border-color: #ff751a;
    color: #fff
}

.btn.draugiem.btn-filled {
    background-color: #f60;
    color: #fff
}

.btn.draugiem.btn-filled:hover {
    background-color: #ff751a;
    border-color: #ff751a
}

select.styled {
    height: 42px;
    padding-right: 15px;
    visibility: hidden
}

.select-wrap {
    display: inline-block;
    max-width: 200px;
    outline: 0;
    position: relative;
    transition: z-index .16s linear 0s;
    width: 100%;
    z-index: 1
}

.select-wrap a {
    color: #444;
    margin: 1px
}

.select-wrap select {
    display: none
}

.select-wrap .select-value {
    background-color: #fff;
    border: 1px solid transparent;
    color: #999;
    cursor: pointer;
    height: 100%;
    overflow: hidden;
    padding: 8px 10px;
    padding-right: 25px;
    position: relative;
    text-align: left;
    transition: all .16s ease-in-out 0s;
    white-space: nowrap;
    width: 100%;
    z-index: 0
}

.select-wrap .select-value:after {
    background-color: hsla(0, 0%, 100%, .7);
    color: inherit;
    content: "\e900";
    display: block;
    font-family: datateks-font;
    font-size: 1.6rem;
    height: 100%;
    line-height: 39px;
    position: absolute;
    right: 0;
    top: 0;
    transition: -webkit-transform .16s ease-in-out;
    transition: transform .16s ease-in-out;
    transition: transform .16s ease-in-out, -webkit-transform .16s ease-in-out;
    width: 25px
}

.select-wrap .select-options {
    background-color: #fff;
    border: 1px solid #cdcdcd;
    border-top: 0;
    bottom: 5px;
    box-shadow: 4px 3px 7px -4px rgba(0, 0, 0, .25), -4px 3px 7px -4px rgba(0, 0, 0, .25), 0 3px 5px -1px rgba(0, 0, 0, .25);
    line-height: 1.25rem;
    max-height: 50vh;
    max-width: 100vw;
    min-width: 100%;
    opacity: 0;
    overflow: auto;
    position: absolute;
    -webkit-transform: translateY(100%) scaleY(0);
    transform: translateY(100%) scaleY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transition: all .16s ease-in-out 0s;
    visibility: hidden
}

.select-wrap .select-options .option {
    background-color: #fff;
    color: #FF0000;
    cursor: pointer;
    overflow: hidden;
    padding: 5px 12px;
    position: relative;
    text-align: left;
    white-space: nowrap
}

.select-wrap .select-options .option:hover {
    color: #9a9a9a
}

.select-wrap .select-options .mCustomScrollBox.mCSB_inside {
    border-radius: 0;
    padding-right: 15px
}

.select-wrap .select-options .mCSB_dragger .mCSB_dragger_bar {
    background-color: border-color!important;
    border-radius: 0;
    width: 100%
}

.select-wrap .select-options .mCSB_scrollTools.mCSB_scrollTools_vertical {
    background-color: #fff;
    opacity: 1!important;
    width: 15px
}

.select-wrap .select-options .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    border-left: 1px solid #cdcdcd;
    border-radius: 0;
    width: 100%
}

.select-wrap .img {
    background-position: 50%!important;
    background-size: cover!important;
    border: 1px solid #cdcdcd;
    display: inline-block;
    height: 18px;
    margin-right: 5px;
    position: relative;
    top: 3px;
    vertical-align: baseline;
    width: 18px
}

.select-wrap.error .select-value {
    border-color: #1a1414
}

.select-wrap:focus {
    transition: z-index 0s linear 0s;
    z-index: 10!important
}

.select-wrap.clicked {
    transition: z-index 0s linear 0s;
    z-index: 2
}

.select-wrap.clicked .select-value {
    border-bottom: 1px solid transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: #cdcdcd;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .25);
    color: #999;
    transition: all .16s ease-in-out 0s
}

.select-wrap.clicked .select-options {
    opacity: 1;
    -webkit-transform: translateY(100%) scaleY(1);
    transform: translateY(100%) scaleY(1);
    transition-delay: 0s;
    visibility: visible
}

.tooltip {
    pointer-events: none
}

.tooltip .arrow {
    border-color: #7f7f7f
}

.tooltip.show {
    opacity: 1
}

.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: inherit
}

.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: inherit
}

.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: inherit
}

.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: inherit
}

.tooltip .tooltip-inner {
    background-color: #7f7f7f;
    border-radius: 0;
    max-width: 400px
}

#autocomplete-suggestions,
#autocomplete-suggestions-mobile {
    background-color: #fff;
    border: 1px solid #cdcdcd;
    box-shadow: 7px 8px 16px -7px rgba(0, 0, 0, .1), 0 8px 16px -7px rgba(0, 0, 0, .1), -7px 2px 16px -7px rgba(0, 0, 0, .1);
    left: 0;
    max-height: 230px;
    max-width: 100vw;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 100%;
    -webkit-transform: scale(0) translateY(-11px);
    transform: scale(0) translateY(-11px);
    transition: opacity .1s ease-in-out 0s, visibility 0s linear .1s, -webkit-transform 0s linear .1s;
    transition: opacity .1s ease-in-out 0s, transform 0s linear .1s, visibility 0s linear .1s;
    transition: opacity .1s ease-in-out 0s, transform 0s linear .1s, visibility 0s linear .1s, -webkit-transform 0s linear .1s;
    visibility: hidden;
    width: 390px;
    z-index: 10
}

#autocomplete-suggestions.visible,
#autocomplete-suggestions-mobile.visible {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-11px);
    transform: scale(1) translateY(-11px);
    transition: opacity .1s ease-in-out 0s, visibility 0s linear 0s, -webkit-transform 0s linear 0s;
    transition: opacity .1s ease-in-out 0s, transform 0s linear 0s, visibility 0s linear 0s;
    transition: opacity .1s ease-in-out 0s, transform 0s linear 0s, visibility 0s linear 0s, -webkit-transform 0s linear 0s
}

#autocomplete-suggestions .suggestion,
#autocomplete-suggestions-mobile .suggestion {
    border-bottom: 1px solid #cdcdcd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 25px
}

#autocomplete-suggestions .suggestion:first-child,
#autocomplete-suggestions-mobile .suggestion:first-child{
    padding-top: 15px
}

#autocomplete-suggestions .suggestion:last-child,
#autocomplete-suggestions-mobile .suggestion:last-child{
    border-bottom: 0;
    padding-bottom: 15px
}

#autocomplete-suggestions .suggestion img,
#autocomplete-suggestions-mobile .suggestion img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    margin-right: 25px
}

#autocomplete-suggestions .suggestion:hover,
#autocomplete-suggestions-mobile .suggestion:hover {
    color: #FF0000;
    text-decoration: none
}

#autocomplete-suggestions:after,
#autocomplete-suggestions:before,
#autocomplete-suggestions-mobile:after,
#autocomplete-suggestions-mobile:before  {
    content: "";
    display: block;
    height: 15px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 10
}

#autocomplete-suggestions:before,
#autocomplete-suggestions-mobile:before {
    background-image: linear-gradient(180deg, #fff 33%, rgba(255, 255, 255, 1e-05));
    top: 0
}

#autocomplete-suggestions:after,
#autocomplete-suggestions-mobile:after {
    background-image: linear-gradient(0deg, #fff 33%, rgba(255, 255, 255, 1e-05));
    bottom: 0
}

.carousel.fade {
    opacity: 1
}

.carousel.fade .carousel-item {
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .75s ease-in-out
}

.carousel.fade .carousel-item.active {
    display: block;
    opacity: 1;
    position: relative;
    z-index: 1
}

.small-cart {
    max-height: 330px;
    overflow: auto;
    position: relative
}

.small-cart .prod {
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 15px;
    padding-top: 15px
}

.small-cart .prod .rest {
    display: flex;
    display: grid;
    flex-wrap: wrap;
    grid-template-areas: "b c c c c d" "b e e e f f"
}

.small-cart .prod .rest .col {
    padding: 0 5px
}

.small-cart .prod .image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    grid-area: b;
    padding-right: 10px;
    width: 80px
}

.small-cart .prod .image img {
    max-width: 100%
}

.small-cart .prod .title {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 200px;
    flex: 1 1 200px;
    font-size: .875rem;
    grid-area: c;
    line-height: 1.125rem
}

.small-cart .prod .title a {
    color: #444
}

.small-cart .prod .delete {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    grid-area: d
}

.small-cart .prod .delete .dt {
    font-size: 1rem
}

.small-cart .prod .delete a {
    text-decoration: none
}

.small-cart .prod .color-value {
    box-shadow: inset 0 0 0 1px #fff;
    display: inline-block;
    height: 17px;
    outline: 1px solid #cdcdcd;
    width: 17px
}

.small-cart .prod .params {
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-area: e
}

.small-cart .prod .params .col {
    line-height: 20px;
    text-align: left;
    width: auto
}

.small-cart .prod .params .col .label {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle
}

.small-cart .prod .params .col .value {
    display: inline-block;
    font-size: .875rem;
    vertical-align: middle
}

.small-cart .prod .prices {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33.4%;
    flex: 1 1 33.4%;
    grid-area: f;
    text-align: right
}

.small-cart .prod .prices>span {
    display: block
}

.small-cart .prod .small-grid {
    text-align: center;
    width: 50px
}

.small-cart .prod .small-grid .label {
    color: #9a9a9a;
    display: block;
    font-size: .875rem
}

.small-cart .prod:first-child {
    padding-top: 0
}

.small-cart .prod:last-child {
    border-bottom: 0
}

.small-cart .mCSB_scrollTools {
    width: 8px
}

.small-cart .mCSB_container {
    padding-right: 15px
}

.action-wrap {
    position: relative;
    will-change: transform
}

.action-wrap .action-toggle {
    transition: background-color .1s ease-in-out, color .1s ease-in-out, background-image .1s ease-in-out;
    white-space: nowrap
}

.action-wrap .action-toggle.visible {
    background-color: #fff;
    color: #FF0000
}

.action-wrap .action-menu {
    background-color: #fff;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .25);
    max-width: 100vw;
    min-width: 200px;
    opacity: 0;
    padding: 15px;
    padding-bottom: 0;
    position: absolute;
    right: 0;
    top: 100%;
    -webkit-transform: scale(0) translateY(10px);
    transform: scale(0) translateY(10px);
    transition: opacity .1s ease-in-out 0s, visibility 0s linear .1s, -webkit-transform 0s linear .1s;
    transition: opacity .1s ease-in-out 0s, transform 0s linear .1s, visibility 0s linear .1s;
    transition: opacity .1s ease-in-out 0s, transform 0s linear .1s, visibility 0s linear .1s, -webkit-transform 0s linear .1s;
    visibility: hidden
}

.action-wrap .action-menu.visible {
    opacity: 1;
    -webkit-transform: scale(1) translateY(10px);
    transform: scale(1) translateY(10px);
    transition: opacity .1s ease-in-out 0s, visibility 0s linear 0s, -webkit-transform 0s linear 0s;
    transition: opacity .1s ease-in-out 0s, transform 0s linear 0s, visibility 0s linear 0s;
    transition: opacity .1s ease-in-out 0s, transform 0s linear 0s, visibility 0s linear 0s, -webkit-transform 0s linear 0s
}

.action-wrap .action-menu form {
    width: 250px
}

.action-wrap .action-menu form .btn {
    width: 100%
}

.action-wrap .action-menu:before {
    background-image: url(../images/html/triangle-top.svg);
    content: "";
    -webkit-filter: drop-shadow(0 -3px 2px rgba(0, 0, 0, .1));
    filter: drop-shadow(0 -3px 2px rgba(0, 0, 0, .1));
    height: 10px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    width: 20px
}

.action-wrap .action-menu.cart-menu {
    max-width: 90vw;
    width: 380px
}

.action-wrap .action-menu.cart-menu .footer {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.action-wrap .action-menu.cart-menu .sum-wrap {
    font-size: .875rem;
    margin-bottom: 10px;
    width: 100%
}

.action-wrap .action-menu.cart-menu .sum-wrap .prices {
    display: inline-block;
    font-size: 1rem;
    vertical-align: bottom
}

.action-wrap .action-menu.cart-menu .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
}

.action-wrap .action-menu.cart-menu .buttons .btn {
    margin-left: 10px;
    min-width: 140px
}

.action-wrap .action-menu.cart-menu .small-cart {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.action-wrap .action-menu.profile-menu {
    max-width: 95vw;
    width: 310px
}

.action-wrap .action-menu.profile-menu form {
    width: 100%
}

.action-wrap .action-menu.profile-menu form .btn {
    width: auto
}

.action-wrap .action-menu.profile-menu form .forgot-pass {
    margin-right: auto
}

.action-wrap .action-menu.profile-menu h4 {
    font-size: 1.125rem;
    margin-bottom: 7px;
    text-align: center
}

.action-wrap .action-menu.profile-menu .seperator {
    margin: 10px;
    position: relative;
    text-align: center
}

.action-wrap .action-menu.profile-menu .seperator span {
    background-color: #fff;
    display: inline-block;
    font-size: .875rem;
    padding: 5px;
    position: relative
}

.action-wrap .action-menu.profile-menu .seperator:before {
    border-top: 1px solid #cdcdcd;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 100%
}

.action-wrap .action-menu.profile-menu .footer {
    font-size: .875rem;
    margin-top: 10px
}

.action-wrap .action-menu.profile-menu .text-right a {
    text-decoration: none
}

.action-wrap .action-menu.profile-menu .image {
    background-color: #ebebeb;
    border-radius: 50%;
    display: block;
    height: 80px;
    margin: 0 auto;
    margin-bottom: 15px;
    margin-top: -15px;
    width: 80px
}

.action-wrap .action-menu.profile-menu .image .dt {
    fill: #999;
    font-size: 35px;
    line-height: 80px
}

.action-wrap .action-menu.profile-menu hr {
    margin: 10px 0
}

.action-wrap .action-menu.profile-menu a:not(.btn) {
    font-size: .875rem
}

.action-wrap .action-menu.profile-menu .name a {
    color: #444;
    font-size: 1.15em;
    text-decoration: none
}

.action-wrap .action-menu.profile-menu .nav-item {
    padding: 3px 0;
    width: 100%
}

.action-wrap .action-menu.profile-menu .nav-item .nav-link {
    padding: 3px 5px
}

.action-wrap .action-menu.profile-menu>.nav-item:last-child {
    margin-bottom: 15px
}

.action-wrap .action-menu .footer {
    background-color: #fbf7f7;
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px;
    padding-top: 10px
}

.action-wrap .profile img {
    border: 1px solid #75a600;
    border-radius: 50%;
    height: 25px;
    width: 25px
}

.soc-buttons .btn {
    margin-bottom: 10px;
    padding-left: 40px;
    position: relative;
    width: 100%
}

.soc-buttons .btn img {
    left: 5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#breadcrumb-wrap .container {
    padding-left: 15px;
    padding-right: 15px
}

#breadcrumbs {
    list-style: none;
    margin-bottom: 0;
    padding: 10px 0;
    padding-left: 0
}

#breadcrumbs li {
    color: #FF0000;
    float: left;
    margin-right: 10px
}

#breadcrumbs li:last-child a {
    color: #444
}

#breadcrumbs li:last-child:after {
    display: none
}

#breadcrumbs li:after {
    content: "\00BB";
    margin-left: 10px
}

#breadcrumbs:after {
    clear: both;
    content: "";
    display: block
}

#filter-form .filter .cb {
    font-size: .875rem
}

#filter-form .filter .cb input:checked+span {
    color: #75a600
}

#filter-form .filter .heading {
    margin-bottom: 0
}

#filter-form .filter .heading h6 {
    margin-right: 0
}

#filter-form .filter .heading i {
    color: #75a600;
    margin-left: 10px;
    margin-right: auto
}

#filter-form .filter .heading .dropdown-toggle {
    font-size: 22px;
    margin-left: auto
}

#filter-form .filter .heading .dropdown-toggle:after {
    transition: -webkit-transform .16s linear;
    transition: transform .16s linear;
    transition: transform .16s linear, -webkit-transform .16s linear
}

#filter-form .filter .heading .dropdown-toggle[aria-expanded=true]:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

#filter-form .filter .content {
    margin-bottom: 15px;
    margin-top: 15px
}

#filter-form .slider {
    background-color: #eae5e5;
    border: 0;
    height: 7px;
    margin: 5px 5px 10px
}

#filter-form .slider .ui-slider-range {
    background-color: #FF0000
}

#filter-form .slider span {
    background-color: #FF0000;
    background-image: linear-gradient(180deg, #FF0000, #FF0000);
    border: 1px solid #FF0000;
    border-radius: 50%;
    cursor: pointer;
    height: 20px;
    top: -7px;
    width: 20px
}

#filter-form .slider span:focus {
    box-shadow: 0 0 3px rgba(0, 0, 0, .4);
    outline: 0
}

#filter-form .content {
    max-height: 240px;
    overflow: auto
}

#filter-form .content .cb:first-child {
    margin-top: 3px
}

#filter-form .mCSB_scrollTools_vertical {
    right: 5px
}

.price-inputs .input-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 122px;
    flex: 0 1 122px
}

label.cb {
    clear: both;
    float: left;
    margin-bottom: 10px;
    position: relative
}

label.cb input[type=checkbox],
label.cb input[type=radio] {
    height: 18px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 18px
}

label.cb input[type=checkbox]+span,
label.cb input[type=radio]+span {
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    margin-left: 2px;
    padding-left: 30px;
    position: relative;
    transition: font-weight .1s ease-in-out;
    transition: color .1s ease-in-out
}

label.cb input[type=checkbox]+span:after,
label.cb input[type=checkbox]+span:before,
label.cb input[type=radio]+span:after,
label.cb input[type=radio]+span:before {
    content: "";
    display: block;
    height: 18px;
    left: 0;
    position: absolute;
    top: 1px;
    width: 18px
}

label.cb input[type=checkbox]+span:before,
label.cb input[type=radio]+span:before {
    border: 1px solid #d7d7d7
}

label.cb input[type=checkbox]+span:after,
label.cb input[type=radio]+span:after {
    opacity: 0;
    transition: opacity .1s ease-in-out
}

label.cb input[type=checkbox]:checked+span:after,
label.cb input[type=radio]:checked+span:after {
    opacity: 1
}

label.cb input[type=checkbox].error+span,
label.cb input[type=radio].error+span {
    color: #dc3545
}

label.cb input[type=checkbox].error+span:before,
label.cb input[type=radio].error+span:before {
    border-color: #dc3545
}

label.cb input[type=checkbox]:disabled+span,
label.cb input[type=radio]:disabled+span {
    color: #999
}

label.cb input[type=checkbox]:focus+span,
label.cb input[type=radio]:focus+span {
    outline: 2px solid #a6c8ff
}

label.cb input[type=checkbox]+span:after {
    color: #FF0000;
    content: "\e910";
    font-family: datateks-font;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: .8rem;
    text-indent: 1px
}

label.cb input[type=radio]+span:before {
    border-radius: 50%
}

label.cb input[type=radio]+span:after {
    background-color: #FF0000;
    border-radius: 50%;
    height: 10px;
    left: 4px;
    top: 5px;
    width: 10px
}

.mCSB_scrollTools {
    opacity: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #cdcdcd;
    width: 7px
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #ebebeb;
    width: 7px
}

.pager-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px
}

.pager-wrap label {
    margin-bottom: 0
}

.pager-wrap .select-wrap {
    margin: 0 5px
}

.pager-wrap .page-size .select-wrap {
    margin-right: 10px;
    width: 60px
}

.pager-wrap .pager-text {
    color: #999
}

.pager-wrap .sort-wrap .select-wrap {
    width: 170px
}

.pager-wrap .page-wrap .page {
    display: block;
    float: left;
    font-size: 18px;
    margin: 0 2px;
    padding: 2px;
    text-decoration: none
}

.pager-wrap .page-wrap .page.active {
    color: #444;
    font-weight: 600
}

.layout-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 15px
}

.layout-wrap .layout {
    color: #9a9a9a;
    font-size: 1.5rem;
    margin-right: 15px;
    text-decoration: none
}

.layout-wrap .layout:hover {
    color: #a7a7a7
}

.layout-wrap .layout.active {
    color: #FF0000
}

.layout-wrap .layout.active:hover {
    color: #75a600
}

.brand-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 0
}

.brand-list .brand {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    padding: 15px
}

.brand-list .brand .wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #cdcdcd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
    width: 100%
}

.brand-list .brand img {
    max-height: 100px;
    max-width: 100%
}

.colors label.cb {
    clear: none;
    margin-bottom: 10px;
    margin-right: 10px
}

.colors label.cb input[type=checkbox]+span,
.colors label.cb input[type=radio]+span {
    background-clip: content-box;
    background-size: contain;
    border: 1px solid #cdcdcd;
    display: block;
    height: 20px;
    padding: 2px;
    padding-left: 2px;
    width: 20px
}

.colors label.cb input[type=checkbox]+span:after,
.colors label.cb input[type=checkbox]+span:before,
.colors label.cb input[type=radio]+span:after,
.colors label.cb input[type=radio]+span:before {
    display: none
}

.colors label.cb input[type=checkbox]:checked+span,
.colors label.cb input[type=radio]:checked+span {
    border: 2px solid #75a600;
    padding: 1px;
    padding-left: 1px
}

.number-wrap {
    position: relative
}

.number-wrap input[type=number] {
    text-align: center
}

.number-wrap .number-control {
    color: #444;
    font-size: 24px;
    font-weight: 600;
    height: 35px;
    line-height: 35px;
    min-width: 30px;
    position: absolute;
    text-decoration: none;
    top: 0
}

.number-wrap .number-control span {
    display: block;
    padding: 0 10px
}

.number-wrap .number-control.minus {
    left: 0
}

.number-wrap .number-control.plus {
    right: 0
}

.gray {
    color: #9a9a9a
}

#product {
    margin-bottom: 50px;
    padding-bottom: 50px;
    padding-top: 0
}

#product > .row{
    margin-right: 0;
}

#product .gallery .carousel-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#product .gallery .carousel-item,
#product .gallery .carousel-item.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#product .gallery-wrap {
    padding-right: 48px;
}

#product .main {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 428px;
    flex: 0 1 428px;
    font-size: .875rem;
    /* padding-left: 30px; */
    padding-left: 15px;
        margin-right: 15px;
}

#product .main .row {
    margin-bottom: 10px
}

#product .main label {
    display: block;
    margin-bottom: 0
}

#product .main .number-wrap {
    max-width: 120px
}

#product .main .select-wrap {
    font-size: 1rem
}

#product .main .colors label.cb {
    margin-bottom: 10px
}

#product .main form .row,
#product .main #addToCart .row{
    flex-direction: column;
    row-gap: 16px;
}

#product .main .contact-form{
    padding-top: 24px;
}

#product .main .contact-form h3{
    margin-bottom: 0;
}

#product .prices .new-price,
#product .prices .price {
    font-size: 1.875rem
}

#product .prices .new-price+.price {
    font-size: 1rem
}

#product .actions .action-toggle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    clear: both;
    /* display: block; */
    float: left;
    height: auto;
    line-height: 18px;
    margin-bottom: 10px;
    width: auto;
    align-items: center;
    display: flex;
}

#product .actions .action-toggle i {
    font-size: 18px;
    vertical-align: middle
}

#product .actions .action-toggle span {
    display: inline-block;
    line-height: 1em;
    /* margin-left: 7px; */
    margin-left: 4px;
    position: relative;
    /* top: 3px; */
    white-space: pre-wrap;
    vertical-align: middle
}

#product .name-wrap{
    display: flex;
    flex-direction: column;
    gap: 4px;
}

#product .subtitle{
    margin-bottom: 0;
    color: #808080;
}

#product button[type=submit],
#contact-form button[type=submit],
#product input[type=submit],
#contact-form input[type=submit],
.add-to-cart-message .buttons a.btn {
    font-weight: 600;
    /* width: 100% */
    width: min-content;
    color: white;
    background: #F00;
}

#product button[type=submit]:hover {
    background: #FF4646;
}

#product button[type=submit] i {
    font-size: 24px;
    margin-right: 5px;
    vertical-align: text-top
}

#product button[type=submit] span {
    vertical-align: sub
}

#product #addToCart .dt-cart:before {
    content: url('/images/html/ic_cart_white.svg');
}

#product .actions{
    display: flex;
    align-items: center;
    gap: 32px;
}

#product .actions .wishlist-wrap{
    order: 2;
    /* width: 100%; */
    white-space: nowrap;
    font-weight: 600;
}

#product .actions .wishlist-wrap a{
    margin-bottom: 0;
}



#product .actions button[type=submit]{
    order: 1;
    width: min-content;
    color: #FFF;
    background: #F00;

}


.gallery .thumbnails {
    display: none;
    margin-top: 20px
}

.gallery .thumbnails .thumbnail {
    border: 1px solid #cdcdcd;
    cursor: pointer;
    opacity: .5;
    position: relative;
    transition: opacity .1s ease-in-out
}

.gallery .thumbnails .thumbnail:after {
    border: 5px solid #FF0000;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .16s ease-in-out;
    width: 100%
}

.gallery .thumbnails .thumbnail.current,
.gallery .thumbnails .thumbnail.current:after {
    opacity: 1
}

.gallery .thumbnails .thumbnail.video:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 65px 65px;
    color: #75a600;
    content: "\e914";
    font-family: datateks-font;
    font-size: 50px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.gallery .thumbnails.owl-carousel {
    display: block
}

.gallery .main-image {
    border: 1px solid #cdcdcd;
    overflow: hidden
}

.gallery .main-image .carousel,
.gallery .main-image .carousel-inner,
.gallery .main-image .carousel-item {
    height: 100%
}

.gallery .main-image iframe {
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    width: 100%
}

.gallery img {
    display: block
}

.gallery .photo {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out;
    width: 100%
}

.gallery .tags {
    bottom: 15px;
    left: 15px;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 15px;
    transition: opacity .3s ease-in-out;
    z-index: 2
}

.gallery .tags .tag.top {
    bottom: 50px;
    top: auto
}

.gallery.hover .tags {
    opacity: 0
}

.tabbed-content {
    padding: 0
}

.tabbed-content .nav-tabs {
    border: 1px solid #cdcdcd;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 16px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    overflow: hidden;
    background: #cdcdcd;
    gap: 1px;
}

.tabbed-content .nav-tabs .nav-item {
    /* background-color: #727272; */
    background-color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.tabbed-content .nav-tabs .nav-item:last-child .nav-link {
    border-right: 0
}

.tabbed-content .nav-tabs .nav-item i {
    font-size: 20px;
    margin-right: 5px;
    vertical-align: text-bottom
}

.tabbed-content .nav-tabs .nav-item span {
    vertical-align: text-bottom
}

.tabbed-content .nav-tabs .nav-link {
    border: 0;
    border-radius: 0;
    /* border-right: 1px solid #fff; */
    color: #1A1A1A;
    text-align: center;
    transition: all .1s ease-in-out;
    width: 100%;
    
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.tabbed-content .nav-tabs .nav-link:hover {
    /* background-color: #8c8b8b; */
    background-color: #FF4646;
    color: #fff;
}

.tabbed-content .nav-tabs .nav-link.active {
    background-color: #FF0000;
    color: #fff;
    font-weight: 700
}

.tabbed-content .tab-content {
    border: 1px solid #cdcdcd;
    border-top: 0;
    margin-bottom: 50px;
    /* padding: 30px 15px; */
    text-align: justify;
    padding: 48px;
}

.tabbed-content .tab-content h5 {
    margin-bottom: 20px
}

.specification {
    line-height: 1.4em
}

.specification .row {
    padding-bottom: 15px
}

.specification .gray {
    font-size: .9em
}

.shop-list {
    padding-left: 0
}

.shop-list p {
    margin-bottom: 0
}

.shop-list h6 {
    font-family: Roboto;
    font-weight: 400;
    margin-bottom: 5px
}

.shop-list .gray {
    font-size: .875em
}

.shop-list li {
    border-bottom: 1px solid #cdcdcd;
    padding: 15px 0
}

.shop-list li a {
    color: inherit
}

.shop-list li:last-child {
    border-bottom: 0
}

.map-container {
    min-height: 300px;
    position: relative;
    width: 100%
}

#shop-map {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#contacts-map .dt,
#shop-map .dt {
    color: #75a600;
    font-size: 40px
}

.related-products .product {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 240px;
    flex: 1 0 240px
}

.related-products .product h5 {
    margin-bottom: 0
}

.related-products .product .description {
    margin-bottom: 15px
}

.related-products .product .prices>span {
    display: block
}

#steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 30px
}

#steps .step {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    text-align: center
}

#steps .step a,
#steps .step span {
    color: #9a9a9a
}

#steps .step.done a,
#steps .step.done span {
    color: #FF0000
}

#steps .step.active a,
#steps .step.active span {
    color: #444
}

#steps .progress {
    background-color: #cdcdcd;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    height: 5px;
    margin-top: 10px;
    width: 100%
}

#steps .progress .progress-bar {
    background-color: #FF0000
}

.cart .header {
    background: #fbf7f7;
    /* font-family: Roboto Slab; */
    font-family: Roboto;
    font-size: .875em;
    font-weight: 600
}

.cart .header .col {
    padding: 5px 15px
}

.cart .prod,
.cart .service {
    border-bottom: 1px solid #cdcdcd;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 10px 0
}

.cart .prod .select-wrap,
.cart .prod .select-wrap select,
.cart .service .select-wrap,
.cart .service .select-wrap select {
    width: 140px
}

.cart .col {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.cart .col label {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    font-size: .875em;
    line-height: 1em;
    margin-bottom: 0;
    width: 100%
}

.cart .col .select-wrap {
    margin-top: 0
}

.cart .col .select-wrap .select-value {
    line-height: 30px;
    padding: 2px 10px;
    padding-left: 0
}

.cart .col.params {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 500px;
    flex: 1 1 500px
}

.cart .col.image {
    background-color: #fbf7f7;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75px;
    flex: 0 0 75px;
    height: 70px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0
}

.cart .col.image .dt {
    color: #75a600;
    font-size: 45px
}

.cart .col.image .dt.dt-tools {
    font-size: 35px
}

.cart .col.name {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 300px;
    flex: 1 1 300px;
    line-height: 1.3em
}

.cart .col.name a {
    text-decoration: none
}

.cart .col.name a:hover .name {
    text-decoration: underline
}

.cart .col.name .date {
    font-size: .874em
}

.cart .col.name .date:before {
    content: "\e91a";
    font-family: datateks-font;
    font-size: 1rem;
    margin-right: 5px
}

.cart .col.count {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cart .col.count input {
    text-align: center
}

.cart .col.select {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 180px;
    flex: 0 1 180px
}

.cart .col.delete {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55px;
    flex: 0 0 55px
}

.cart .col.price {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 30px
}

.cart .col.description {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 280px;
    flex: 0 0 280px
}

.cart .prices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: right
}

.cart .prices .price {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.cart .prices .new-price {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.cart .delete {
    text-decoration: none
}

.cart .delete .dt {
    font-size: 23px
}

.cart .input-wrap {
    width: 70px
}

.cart .input-wrap input {
    text-align: center
}

.cart .input-wrap input+label {
    color: #444;
    font-size: 1rem;
    width: auto
}

.cart .input-wrap input.filled+label {
    font-size: .875rem
}

.cart .input-wrap button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    color: #FF0000;
    cursor: pointer;
    height: 100%;
    padding: 0 15px;
    position: absolute;
    right: 0;
    top: 0
}

.cart .code-wrap {
    margin-right: 32px
}

.cart .code-wrap .input-wrap {
    width: auto
}

.cart .code-wrap .input-wrap input {
    max-width: 100%;
    text-align: left;
    width: 360px
}

.cart .summary {
    margin-top: 30px
}

.cart .summary .col {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.cart .summary .row {
    margin-bottom: 5px
}

.cart .summary .row span.label {
    margin-right: 10px
}

.cart .summary .sum-total .prices {
    font-size: 1.1rem
}

.cart .summary .sums {
    padding-top: 10px
}

.cart .summary .buttons {
    margin-top: 35px
}

.cart .summary .buttons .btn {
    margin-left: 7px;
    min-width: 150px
}

.cart .summary .small {
    font-size: .75rem
}

.cart input {
    height: 40px
}

.small,
small {
    font-size: .875rem
}

.block-wrapper {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.block-wrapper li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(33% - 30px);
    flex: 1 1 calc(33% - 30px);
    margin: 15px;
    position: relative;
    text-align: center
}

.block-wrapper li .cb-block {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: .875rem;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.2;
    margin-bottom: 0
}

.block-wrapper li .cb-block input {
    opacity: 0;
    pointer-events: none
}

.block-wrapper li .cb-block input:checked+.wrapper {
    border-color: #FF0000;
}

.block-wrapper li .cb-block input:checked+.wrapper:after {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.block-wrapper li .cb-block .image,
.block-wrapper li .cb-block .image img {
    margin-bottom: 5px
}

.block-wrapper li .cb-block .image span.dt {
    color: #FF0000;
    font-size: 40px;
    line-height: 1
}

.block-wrapper li .cb-block .price {
    color: #999;
    margin-top: 3px
}

.block-wrapper li .cb-block .wrapper {
    border: 1px solid #cdcdcd;
    height: 100%;
    overflow: hidden;
    padding: 15px 8px;
    position: relative;
    transition: border-color .16s ease-in-out;
    width: 100%
}

.block-wrapper li .cb-block .wrapper:after {
    color: #FF0000;
    content: "\e910";
    font-family: datateks-font;
    font-size: 20px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition: all .16s ease-in-out
}

.block-wrapper li [type=radio] {
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

input.datepicker {
    padding-left: 35px
}

.ui-datepicker {
    border-radius: 0;
    border-top: 0;
    padding: 0;
    width: 250px
}

.ui-datepicker table {
    margin-bottom: 0
}

.ui-datepicker:before {
    border: 14px solid transparent;
    border-bottom: 14px solid #75a600;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: -1px;
    top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    width: 0
}

.ui-datepicker .ui-widget-header {
    color: #fff;
    /* font-family: Roboto Slab; */
    font-family: Roboto;
}

.ui-datepicker .ui-widget-header .ui-state-hover {
    background-color: rgba(0, 0, 0, .1);
    border: 0
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 auto
}

.ui-datepicker .ui-datepicker-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #75a600;
    border: 0;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    border-radius: 0;
    cursor: pointer;
    height: 100%;
    top: 0;
    width: 35px
}

.ui-datepicker .ui-datepicker-next .ui-icon,
.ui-datepicker .ui-datepicker-prev .ui-icon {
    height: 100%;
    left: 0;
    margin: 0;
    top: 0;
    width: 100%
}

.ui-datepicker .ui-datepicker-next .ui-icon:before,
.ui-datepicker .ui-datepicker-prev .ui-icon:before {
    font-size: .5rem;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.ui-datepicker .ui-datepicker-prev {
    left: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ui-datepicker .ui-datepicker-prev .ui-icon:before {
    content: "\e914";
    font-family: datateks-font
}

.ui-datepicker .ui-datepicker-next {
    right: 0
}

.ui-datepicker .ui-datepicker-next .ui-icon:before {
    content: "\e914";
    font-family: datateks-font
}

.ui-datepicker .ui-datepicker-calendar {
    background-color: #fff
}

.ui-datepicker .ui-datepicker-calendar thead {
    background-color: #fbf7f8;
    /* font-family: Roboto Slab; */
    font-family: Roboto;
    text-transform: uppercase
}

.ui-datepicker .ui-datepicker-calendar thead th {
    padding: 8px 5px
}

.ui-datepicker .ui-datepicker-calendar tbody td {
    height: 35px;
    padding: 0;
    width: 35px
}

.ui-datepicker .ui-datepicker-calendar tbody td a {
    background-color: transparent;
    border: 0;
    line-height: 30px;
    text-align: center
}

.ui-datepicker .ui-datepicker-calendar tbody td a.ui-state-hover {
    background-color: #fbf7f8
}

.ui-datepicker .ui-datepicker-calendar tbody td a.ui-state-highlight {
    color: #75a600
}

.ui-datepicker .ui-datepicker-calendar tbody td a.ui-state-active {
    background-color: #75a600;
    color: #fff
}

.ui-datepicker .ui-datepicker-calendar tbody td a.priority-secondary {
    color: #cdcdcd;
    opacity: 1
}

.ui-datepicker .ui-datepicker-calendar tbody td.ui-state-disabled {
    opacity: 1
}

.ui-datepicker .ui-datepicker-calendar tbody td.ui-state-disabled .ui-state-default {
    background-color: transparent;
    border: 0;
    color: #999;
    opacity: 1;
    text-align: center
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    /* font-family: Roboto Slab; */
    font-family: Roboto;
    font-weight: 600;
    padding-right: 15px;
    width: auto
}

.ui-datepicker select.ui-datepicker-month option,
.ui-datepicker select.ui-datepicker-year option {
    color: #444
}

.ui-datepicker.above:before {
    display: none
}

.ui-datepicker.above:after {
    background-color: #fff;
    border: 1px solid #cdcdcd;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    right: 0;
    top: 100%;
    -webkit-transform: rotate(45deg) translateY(-5px) translateX(-9px);
    transform: rotate(45deg) translateY(-5px) translateX(-9px);
    width: 20px;
    z-index: -1
}

.select-wrap.time .select-value {
    background-position: left 7px center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    border: 1px solid #cdcdcd;
    height: 38px;
    padding-left: 30px
}

.select-wrap.time .select-value:before {
    content: "\e923";
    font-family: datateks-font;
    left: 6px;
    position: absolute
}

.select-wrap.time .select-options .option {
    padding-left: 30px
}

::-webkit-input-placeholder {
    color: #999;
    opacity: 1
}

:-ms-input-placeholder {
    color: #999;
    opacity: 1
}

::placeholder {
    color: #999;
    opacity: 1
}

#order-form h4 {
    margin-bottom: 15px
}

#order-form .footer .cb {
    margin-bottom: 0
}

#order-form .cb span {
    font-size: .875rem
}

#order-form .select-wrap.time .select-value {
    border: 0
}

#order-form .datepicker {
    border: 0;
    cursor: pointer
}

#order-form hr {
    margin-bottom: 0;
    margin-top: 0
}

#order-form .tooltip {
    z-index: 99
}

#order-form .tooltip.bs-tooltip-right {
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(100%);
    transform: translateY(-50%) translateX(100%)
}

#order-form .tooltip.bs-tooltip-right .arrow {
    left: 1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#side-cart {
    max-width: 380px;
    position: static;
    position: -webkit-sticky;
    position: sticky;
    top: 130px
}

#side-cart h5 {
    margin-bottom: 10px
}

#side-cart .mCSB_container {
    padding-right: 15px
}

#side-cart .small-cart {
    margin-right: 0;
    max-height: 440px
}

#side-cart .footer {
    background-color: #fbf7f7;
    padding: 20px 10px
}

#side-cart .footer .sums .price {
    font-size: 1rem
}

#side-cart .footer .sum-total .price {
    font-size: 1.3rem
}

#side-cart .footer .row {
    margin-bottom: 10px
}

#side-cart .footer .buttons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #cdcdcd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 5px;
    padding-top: 15px
}

#side-cart #discount-form {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%
}

#side-cart .discount-toggle {
    font-size: .875rem
}

.login-form-wrap .soc-buttons .btn {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    max-width: 360px
}

.login-form-wrap .seperator {
    margin: 10px;
    position: relative;
    text-align: center
}

.login-form-wrap .seperator span {
    background-color: #fff;
    display: inline-block;
    font-size: .875rem;
    padding: 5px;
    position: relative
}

.login-form-wrap .seperator:before {
    border-top: 1px solid #cdcdcd;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 100%
}

.login-form-wrap .btn {
    margin-left: 40px
}

.login-form-wrap .forgot-pass {
    font-weight: 600
}

.buttons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.buttons.mt-4 .btn {
    margin-left: 15px
}

.formatedtext {
    line-height: 1.8em;
}

.copyright-wrap {
    display: flex;
}

.formatedtext h6 {
    margin-bottom: 10px
}

.formatedtext img {
    margin: .5em 0
}

.formatedtext ul {
    list-style: none;
    padding-left: 30px
}

.formatedtext ul li {
    text-indent: -30px;
    padding-right: 16px;
}

.formatedtext ul li:before {
    color: #FF0000;
    content: "\2022";
    display: inline-block;
    font-size: 40px;
    line-height: 1rem;
    margin-right: 8px;
    text-indent: 0;
    vertical-align: middle;
    width: 24px
}

.downloads.formatedtext ul li::before{
     content: url('/images/html/download.svg');
}

.downloads.formatedtext ul li{
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: #F00;
    line-height: 1.5rem;
}

.downloads.formatedtext ul li a{
    margin: auto 0;
}

.download-link::before{
     content: url('/images/html/download.svg');
}

.formatedtext ol {
    counter-reset: a;
    list-style: none;
    padding-left: 30px
}

.formatedtext ol li {
    counter-increment: a;
    text-indent: -30px
}

.formatedtext ol li:before {
    color: #FF0000;
    content: counters(a, ". ") ". ";
    display: inline-block;
    /* font-family: Roboto Slab; */
    font-family: Roboto;
    font-weight: 600;
    margin-right: 5px;
    min-width: 25px;
    text-indent: 0
}

.contacts {
    padding-top: 20px
}

.contacts p {
    margin-bottom: 5px
}

.contacts p a[href*=mailto],
.contacts p a[href*=tel] {
    color: inherit
}

.contacts a:before,
.contacts div:before,
.contacts p:before,
.contacts span:before {
    color: #75a600;
    display: inline-block;
    font-family: datateks-font;
    text-align: left;
    width: 30px
}

.contacts a.address:before,
.contacts div.address:before,
.contacts p.address:before,
.contacts span.address:before {
    content: "\e919"
}

.contacts a.phone:before,
.contacts div.phone:before,
.contacts p.phone:before,
.contacts span.phone:before {
    content: "\e90b"
}

.contacts a.email:before,
.contacts div.email:before,
.contacts p.email:before,
.contacts span.email:before {
    content: "\e91d"
}

.contacts a.time:before,
.contacts div.time:before,
.contacts p.time:before,
.contacts span.time:before {
    content: "\e923"
}

#contacts-map {
    height: 375px;
    margin: 55px calc((100vw - 100%) / 2 * -1) -40px;
    position: relative;
    width: auto
}

.news-list {
    list-style: none;
    margin-bottom: 30px;
    padding-left: 0
}

.news-list article a {
    text-decoration: none
}

.news-list article a:hover .text {
    color: #999
}

.news-list article .image {
    margin-bottom: 15px
}

.news-list article .date {
    color: #999;
    margin: 10px 0
}

.news-list article .text {
    color: #444;
    font-size: .875rem;
    line-height: 2;
    text-align: justify;
    transition: color .1s ease-in-out
}

.news-list article .date:before {
    content: "\e923";
    font-family: datateks-font;
    margin-right: 5px
}

.news-list li {
    -ms-flex-direction: column;
    flex-direction: column
}

.news-list li,
.news-list li article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.news-list li article {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.news-list li:not(:nth-last-child(-n+3)) article:after {
    border-top: 1px solid #cdcdcd;
    content: "";
    display: block;
    margin: 20px 0 30px;
    width: 100%
}

.heading+.news-list {
    margin-top: 25px
}

blockquote {
    background-image: url(/images/html/quote.svg);
    background-position: 0;
    background-repeat: no-repeat;
    border: 1px solid #cdcdcd;
    border-left: 0;
    border-right: 0;
    color: #999;
    font-style: italic;
    margin-top: 15px 0;
    padding: 30px 30px 30px 100px
}

.add-to-cart-message {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    left: 0;
    position: fixed;
    top: 100%;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    width: 100%;
    z-index: 900
}

.add-to-cart-message .left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.add-to-cart-message .left a {
    color: #fff;
    text-decoration: none
}

.add-to-cart-message .left i {
    margin-right: 10px
}

.add-to-cart-message .left:before {
    background-color: inherit;
    content: "";
    height: 100%;
    position: absolute;
    right: 100%;
    width: 50vw
}

.add-to-cart-message .right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px
}

.add-to-cart-message .right a:not(.btn) {
    color: #444
}

.add-to-cart-message .right .image {
    margin-right: 15px
}

.add-to-cart-message .right .item-price {
    margin-left: auto
}

.add-to-cart-message .right .buttons {
    margin-left: 50px
}

.add-to-cart-message.show {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

#add-to-cart-message-proto {
    display: none
}

.loading-circle:after,
.loading-circle:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.loading-circle:before {
    background-color: inherit
}

.loading-circle:after {
    -webkit-animation: b 1s linear infinite;
    animation: b 1s linear infinite;
    background-image: url(/images/html/loader.svg)
}

@-webkit-keyframes b {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes b {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

#cookie-notification {
    background-color: #FF0000;
    bottom: 0;
    color: #fff;
    opacity: 0;
    position: fixed;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition: all .3s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 105
}

#cookie-notification .container {
    padding: 15px
}

#cookie-notification .text {
    font-size: .875rem
}

#cookie-notification .btn {
    margin-left: 15px
}

#cookie-notification .btn-filled {
    border-color: #fff
}

#cookie-notification.show {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible
}

#compare-container {
    bottom: 30%;
    left: 100%;
    position: fixed;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    will-change: contents
}

#compare-container #compare-toggler {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #75a600;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .6);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 40px
}

#compare-container #compare-products {
    background-color: #fff;
    padding: 7px 15px
}

#compare-container #compare-products,
#compare-container .compare-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

#compare-container .compare-product {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #cdcdcd;
    height: 66px;
    margin: 0 7px;
    overflow: hidden;
    padding: 5px;
    width: 66px
}

#compare-container .compare-product a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: hsla(0, 0%, 65%, .8);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 2rem;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    text-decoration: none;
    top: 100%;
    transition: all .16s ease-in-out;
    width: 100%
}

#compare-container .compare-product:hover a {
    opacity: 1;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

#compare-container .bottom {
    margin: 7px 15px;
    padding-bottom: 7px;
    text-align: center
}

#compare-container .bottom a {
    display: inline-block;
    text-decoration: none
}

#compare-container .wrap {
    background-color: #fff;
    margin-left: 40px
}

#compare-container.has-products {
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px)
}

#compare-container.show {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

#compare-container.show .wrap {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .6)
}

#thank-you {
    margin-bottom: 70px;
    text-align: center
}

#thank-you .image {
    margin-bottom: 20px
}

#thank-you .image img {
    max-height: 160px;
    max-width: 160px
}

#thank-you .image .dt {
    color: #FF0000;
    font-size: 10rem
}

#thank-you .btn {
    margin-top: 20px;
    min-width: 150px
}

.welcome-message {
    line-height: 1em;
    margin-bottom: 30px
}

.navigation-block {
    border: 1px solid #cdcdcd;
    height: 100%;
    padding: 25px 50px;
    text-align: center
}

.navigation-block .image {
    font-size: 5rem;
    line-height: 1em;
    margin-bottom: 20px
}

.navigation-block .image img {
    max-height: 80px;
    max-width: 80px
}

.navigation-block .image .dt {
    color: #FF0000
}

.blocks [class^=col] {
    margin-bottom: 30px
}

#package-point-map {
    height: 300px
}

#map-wrap {
    padding: 30px 15px
}

#map-wrap .autocomplete-wrap .wrap {
    margin-bottom: 30px
}

#package-delivery-wrap {
    border: 1px solid #cdcdcd;
    margin-top: 15px
}

#package-delivery-wrap nav .nav-item {
    background-color: #727272;
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

#package-delivery-wrap nav .nav-item.nav-link {
    border: 0;
    border-radius: 0
}

#package-delivery-wrap nav .nav-item.nav-link.active {
    background-color: #fff;
    border: 0;
    color: #FF0000;
}

#classic-view {
    padding: 30px 15px 15px
}

#classic-view label.cb {
    width: 100%
}

#classic-view .related-fields {
    clear: both
}

#classic-view .select-wrap {
    margin-left: 30px;
    margin-right: 30px;
    max-width: unset;
    width: calc(100% - 60px)
}

.navbar-toggler {
    border-radius: 0;
    cursor: pointer;
    height: 45px;
    margin-right: -15px;
    overflow: hidden;
    padding: 0;
    width: 45px
}

.navbar-toggler span {
    background-color: #fff;
    background-image: none;
    display: block;
    height: 2px;
    margin: 0 auto;
    margin-bottom: 6px;
    outline: 1px solid transparent;
    -webkit-transform: rotate(0) translate(0);
    transform: rotate(0) translate(0);
    transition: all .16s ease-in-out;
    width: 25px
}

.navbar-toggler span:first-child {
    margin-top: 0
}

.navbar-toggler span:last-child {
    margin-bottom: 0
}

.navbar-toggler.active {
    background-color: #fff
}

.navbar-toggler.active span {
    /* background-color: #75a600; */
    background-color: #F00;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

.navbar-toggler.active span:first-child {
    -webkit-transform: rotate(45deg) translate(2px, -3px);
    transform: rotate(45deg) translate(2px, -3px);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.navbar-toggler.active span:last-child {
    -webkit-transform: rotate(45deg) translate(-2px, 4px);
    transform: rotate(45deg) translate(-2px, 4px);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@media screen and (max-width:1200px) {
    .product {
        flex: 0 0 calc(50% - 1.5rem);
    }

    #header .container {
        padding-left: 30px;
        padding-right: 30px
    }
    #header .langmenu {
        margin-left: 30px!important
    }
    /* #header .header-action-wrap,
    #header .search-wrap,
    #header .soc-wrap {
        margin-left: 10px
    } */
    .header-contacts {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
        flex: 0 0 160px;
        margin-left: 10px;
        margin-right: 10px;
        width: 160px
    }
    .product-container {
        padding-left: 10px;
        padding-right: 10px
    }
    body>footer .contacts {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    body>footer .contacts>div {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        margin-bottom: 10px
    }
    body>footer .contacts .contact-form-wrap {
        float: none!important;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        width: 100%
    }
    body>footer .contacts .xml-logos {
        margin-top: 0;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        text-align: left
    }
    body>footer .contacts .xml-logos img {
        margin-bottom: 10px;
        margin-left: 0;
        margin-right: 20px
    }
}

@media screen and (max-width:1024px) {
    .sticky-aside {
        bottom: 10px;
        position: static;
        position: -webkit-sticky;
        position: sticky
    }
}

@media screen and (max-width:991px) {
    /* .product {
        flex: 0 0 calc(50% - 1.5rem);
    }
 */

    #header .top .soc-wrap {
        display: none!important
    }
    #header .search-wrap {
        background-color: #fff;
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5);
        display: none;
        left: 0;
        margin-left: 0;
        position: fixed;
        top: 0;
        -webkit-transform: translateY(135px);
        transform: translateY(135px);
        transition: -webkit-transform .15s ease-in-out;
        transition: transform .15s ease-in-out;
        transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
        width: 100%
    }
    #header .search-wrap .input-wrap {
        border-bottom: 0
    }
    #header .bottom .nav {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    #header .bottom .ml-auto {
        line-height: 0
    }
    #header .bottom .search-toggler {
        display: block
    }
    #header.scrolled {
        transition: -webkit-transform .16s ease-in-out;
        transition: transform .16s ease-in-out;
        transition: transform .16s ease-in-out, -webkit-transform .16s ease-in-out
    }
    #header.scrolled #main-navigation {
        -webkit-transform: translateY(105px);
        transform: translateY(105px);
        height: calc(100vh - 54px);
        overflow: auto
    }
    #header.scrolled #main-navigation .nav-item.hovered,
    #header.scrolled #main-navigation .nav-item .submenu,
    #header.scrolled #main-navigation .nav-item:hover {
        box-shadow: none
    }
    #header.scrolled #main-navigation .nav-item .submenu .nav-item {
        padding-left: 45px
    }
    #header.scrolled .search-wrap {
        -webkit-transform: translateY(105px);
        transform: translateY(105px)
    }
    #header.scrolled.scroll-down {
        -webkit-transform: translateY(-60px);
        transform: translateY(-60px)
    }
    #autocomplete-suggestions,
    #autocomplete-suggestions-mobile {
        width: 100%
    }
    #main-navigation {
        background-color: #fff;
        left: 0;
        padding-top: 10px;
        position: fixed;
        /* top: 0; */
        top: 10px;
        -webkit-transform: translateY(135px);
        transform: translateY(135px);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        transition: all .16s ease-in-out;
        /* width: 100%; */
        width: calc(100% - 1.5rem);
        
    }
    #main-navigation .navbar-nav .nav-item .nav-link-wrap {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    #main-navigation .navbar-nav .nav-item .nav-link {
        /* color: #75a600 */
        color: #F00;
    }
    #main-navigation .navbar-nav .nav-item .submenu-toggle {
        display: block;
        margin-right: 15px;
        transition: -webkit-transform .16s ease-in-out;
        transition: transform .16s ease-in-out;
        transition: transform .16s ease-in-out, -webkit-transform .16s ease-in-out
    }
    #main-navigation .navbar-nav .nav-item .submenu {
        display: none;
        position: relative
    }
    #main-navigation .navbar-nav .nav-item.hovered .submenu-toggle {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    #category-menu-wrap {
        height: 100%
    }

    #slideshow {
        width: 100%
    }
    #slideshow .slide-thumbs .thumb {
        height: 14.5vw;
        max-height: unset
    }
    .sticky-aside {
        top: 60px
    }
    #category-menu .right .subcategory-wrap {
        -webkit-column-count: 2;
        column-count: 2
    }
    footer {
        padding-bottom: 15px
    }
    footer .copyright .plug {
        position: relative;
        right: 0;
        text-align: center
    }

    #product .gallery-wrap{
        padding-left: 30px;
        margin: 0 auto;
        padding-right: 15px;
    }

    #product .main{
        padding-top: 48px;
        padding-left: 45px;
        min-width: 100vw;
    }

    section.contacts .row{
        flex-direction: column-reverse;
        gap: 48px;
    }

    section.contacts .col-8,
    section.contacts .col-4{
        max-width: unset;
        flex: 1 1 100%;
    }

    #navbar nav.navbar{
        background: #FF0000;
        height: 100%;
        /* min-width: inherit; */
    }

    #navbar nav.navbar button{
        padding: 0 10px;
        margin: 0 auto;
        /* width: unset; */
        width: 54px;
    }

    #navbar > .container{
        padding: 0 15px;
    }
}

@media screen and (max-width:767px) {
    #header .top .header-contacts,
    #header .top .langmenu {
        /* display: none!important */
    }
    .bns .bn {
        margin-bottom: 15px
    }
    .cat-container .category-list {
        grid-area: span 3;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }
    @supports not (display:grid) {
        .cat-container .category-list.small .wrap,
        .cat-container .category-list.small .wrap .wrap,
        .cat-container .category-list.small .wrap:first-child,
        .cat-container .category-list.small .wrap:first-child .wrap,
        .cat-container .category-list.small .wrap:last-child,
        .cat-container .category-list.small .wrap:last-child .wrap,
        .cat-container .category-list .wrap,
        .cat-container .category-list .wrap .wrap,
        .cat-container .category-list .wrap:first-child,
        .cat-container .category-list .wrap:first-child .wrap,
        .cat-container .category-list .wrap:last-child,
        .cat-container .category-list .wrap:last-child .wrap {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 100%;
            flex: 1 1 100%;
            width: 100%
        }
    }
    body>footer .col-12 {
        margin-bottom: 30px
    }
    #category-menu .right .subcategory-wrap {
        -webkit-column-count: 1;
        column-count: 1
    }
    .slide-container .container {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width:691px) {
    .cat-container .category-list {
        grid-area: span 2;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width:575px) {
    .product {
        margin: 0;
        margin-bottom: 35px;
        flex: 1 1 100%;
    }

    .sticky-aside {
        margin-bottom: 30px;
        position: static
    }
    .product-row .sticky-aside {
        margin-bottom: 0
    }
    .product-row .sticky-aside .menu {
        display: none
    }
    .cat-container .category-list {
        display: block
    }
    .cat-container .category-list .wrap {
        height: 100px;
        margin-bottom: 15px;
        width: auto
    }
    .cat-container .category-list .wrap .cat {
        font-size: 6vw
    }
}

@media screen and (max-width:480px) {
    #header .bottom .search-wrap {
        margin-right: 10px
    }
    .bns .bn.placeholder {
        font-size: 5vw
    }
    .bns .bn.placeholder:before {
        background-size: contain;
        height: 9vw
    }
    .action-wrap .action-menu {
        max-width: 100vw!important;
        width: 100vw!important
    }
    .action-wrap .action-menu.cart-menu .buttons {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .action-wrap .action-menu.cart-menu .buttons .btn {
        margin-left: 0
    }
}

.contact_us_text {
    color: #ffffff;
    /* font-size: 24px;
    line-height: 28px; */
    font-size: 1.5rem;
    font-family: Roboto;
    font-weight: 600;
    line-height: 130%;
}

.contact_us_btn{
    margin: 0;
    text-align: center !important;
    font-family: Roboto !important;
    font-size: 1rem !important;
    font-weight: 600;
    line-height: 1.5rem !important;
    padding: 12px 24px !important;
}

/*# sourceMappingURL=style.min.css.map */