html {
font-family: 'Montserrat', ;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
.top-menu {
background:#faf9f7;
border-bottom:1px solid #ccc;
}
.top-menu__links {
flex: 1 1 auto
}
.top-menu__buttons {
display: flex;
white-space: nowrap
}
.top-menu__buttons .btn-group {
margin: 0 0 0 10px
}
.top-menu .btn-group {
display: flex;
vertical-align: unset
}
.top-menu__btn {
font-size: .8em;
padding: 3px 8px;
border: none;
border-radius:0px;
color: #333;
background: rgba(0 0 0 / .03);
transition: color linear .15s,background linear .15s
}
.top-menu__btn span {
margin: 0 0 0 5px
}
.top-menu__btn:hover,#top .open .btn-group__btn {
color: var(--top-menu-btn-c-hover);
background: rgba(0 0 0 / .05)
}
.top-menu__account:not(.status-1),.top-menu__wishlist:not(.status-1),.top-menu__compare:not(.status-1) {
display: none
}
.top-menu__wishlist.status-1 {
margin: 0 30px 0 0
}
.top-menu__compare.status-1 {
margin: 0 30px 0 -30px
}
.top-menu__compare-icon {
transform: rotate(90deg)
}
.top-menu__wishlist-total.uni-badge,.top-menu__compare-total.uni-badge {
padding: 0 6px;
font-size: .8em;
color: inherit
}
.header-block {
display: flex;
flex-wrap: nowrap;
padding: 28px 0 30px
}
.header-block__item {
display: flex;
align-items: center
}
.header-block__item-logo {
order: 0;
padding: 0 15px 0 0
}
.header-logo {
max-width: 294px
}
.header-logo span,.header-logo a {
font-weight: 500;
font-size: 1.6em;
color: var(--header-phones-m-c)
}
.header-block__item-search {
flex: 1 1 auto;
order: 1;
padding: 0 30px 0 5px
}
.header-search {
width: 100%
}
.header-search__form {
position: relative;
display: flex
}
.header-search__category-btn {
display: flex;
align-items: center;
height: 34px;
font-size: .9em;
padding: 0 10px;
color: var(--header-search-cat-btn-c);
background: var(--header-search-cat-btn-bg);
border: none;
border-right: none;
border-radius:0px 0 0 4px
}
.header-search__category-span {
overflow: hidden;
max-width: 100px;
white-space: nowrap;
text-overflow: ellipsis
}
.header-search__input {
padding: 0 12px;
color: #333;
background: var(--header-search-input-bg);
border: 1px solid #ccc;
border-radius:0px
}
.header-search__category + .header-search__input {
border-radius: 0 4px 4px 0
}
.header-search__btn {
position: absolute;
z-index: 2;
top: 50%;
right: 1px;
height: calc(100% - 2px);
width: 40px;
color: var(--header-search-input-c);
background: none;
border: none;
transform: translate(0,-50%);
transition: all ease-in-out .15s
}
.header-search__btn:hover {
background: rgba(0 0 0 / .03);
border-color: rgba(0 0 0 / .07);
border-radius: 0 4px 4px 0
}
.header-search .search-btn-clear {
top: 7px;
right: 45px
}
.header-search__input::-webkit-input-placeholder {
color: var(--header-search-input-c)
}
.header-search__input::-moz-placeholder {
color: var(--header-search-input-c)
}
.header-search__input:-ms-input-placeholder {
color: var(--header-search-input-c)
}
.header-search__input:-input-placeholder {
color: var(--header-search-input-c)
}
.header-block__item-telephone {
order: 2;
padding: 0 20px
}
.header-phones {
position: relative;
padding-right: 10px
}
.header-phones.has-addit {
padding-right: 30px
}
.header-phones__main {
font-size: 1.25em;
font-weight: 500;
color: #333;
white-space: nowrap;
cursor: pointer
}
.header-phones__main:hover {
color: var(--header-phones-m-c-hover)
}
.header-phones__show-phone {
display: flex!important;
align-items: center;
justify-content: center;
position: absolute;
z-index: 2;
top: 50%;
right: 0;
width: 20px;
height: 20px;
font-size: .8em;
color: #666;
background: rgba(0 0 0 / .04);
transform: translateY(-50%);
border-radius: 100%;
cursor: pointer
}
.header-phones__show-phone:hover {
color: var(--header-phones-m-c);
background: rgba(0 0 0 / .08)
}
.open .header-phones__show-phone {
transform: rotate(-180deg) translateY(50%)
}
.header-phones__additionals {
text-align: right
}
.header-phones__additional {
color: var(--header-phones-m-c-hover);
font-size: .9em;
font-weight: 500;
cursor: pointer
}
.header-phones__additional.selected {
color: var(--header-phones-m-c);
cursor: default
}
.header-phones__additional img {
width: auto;
height: auto;
margin-top: -2px;
max-height: 16px
}
.header-phones__additional + span {
margin: 0 0 0 10px
}
.header-phones__a {
color: var(--header-phones-a-c)!important
}
.header-phones__a:hover {
background-color: transparent
}
.header-phones__span {
border-bottom: dotted 1px
}
.header-phones__text {
padding: 5px 10px;
color: #888;
font-size: .95em
}
.header-phones__callback {
padding: 10px!important;
text-transform: uppercase;
text-decoration: underline dotted;
font-weight: 500!important;
color: var(--a-c)!important
}
.header-block__item-cart {
justify-content: center;
order: 3;
padding: 0 17px
}
.header-cart__btn {
position: relative;
cursor: pointer
}
.header-cart__icon {
font-size: 2.6em
}
.header-cart__dropdown {
display: none
}
.header-cart__wrapper {
position: relative;
display: flex;
flex-wrap: wrap;
overflow-y: auto;
max-height: 65vh;
border-bottom: solid 1px rgba(0 0 0 / .07);
scrollbar-width: thin
}
.header-cart__wrapper::-webkit-scrollbar {
width: 8px;
background: #eee;
border-radius:0px
}
.header-cart__wrapper::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius:0px
}
.header-cart__item {
display: flex;
align-items: center;
padding: 15px 0;
width: 100%;
min-height: 80px
}
.header-cart__item:first-child {
padding-top: 0
}
.header-cart__item:not(:first-child) {
border-top: solid 1px rgba(0 0 0 / .07)
}
.header-cart__item-wrapper {
display: flex;
align-items: center;
width: 100%
}
.header-cart__image {
flex: 0 0 80px;
padding: 0 15px 0 0
}
.header-cart__name {
flex: 1 1 0;
min-width: 155px;
font-size: .95em;
font-weight: 500;
padding: 0 20px 0 0;
overflow: hidden;
word-wrap: break-word
}
.header-cart__stock {
margin: 10px 0;
font-weight: 700;
font-size: .75em;
color: #f00
}
.header-cart__option-item,.header-cart__recurring {
margin: 5px 0 0;
font-size: .75em
}
.header-cart__quantity {
padding: 0 25px 0 0
}
.header-cart__quantity .qty-switch {
margin: 0
}
.header-cart__price {
flex: 0 1 80px;
padding: 0 10px 0 0;
white-space: nowrap;
font-weight: 500
}
.header-cart__total {
flex: 0 1 100px;
white-space: nowrap;
font-weight: 500
}
.header-cart__price-text,.header-cart__total-text {
margin: 0 0 5px;
color: #888;
line-height: 1em;
font-size: .65em
}
.header-cart__remove-btn {
border: none;
background: none;
color: #888
}
.header-cart__buttons {
display: flex;
align-items: center;
justify-content: space-between
}
.header-cart__totals {
margin: 25px 0
}
.header-cart__totals-item:not(:first-child) {
display: none
}
.header-cart__totals-item {
display: flex;
justify-content: flex-end;
font-size: 1.2em;
font-weight: 700
}
.header-cart__totals-text {
min-width: 70px;
margin: 0 0 0 5px;
white-space: nowrap
}
.header-cart__empty {
padding: 10px 0;
text-align: center;
color: #888;
font-weight: 500
}
.header-cart__icon-empty {
display: flex!important;
width: 150px;
height: 150px;
align-items: center;
justify-content: center;
margin: 0 auto 10px;
font-size: 4em;
color: #fff;
background: #f7f7f7;
border-radius: 100%;
text-shadow: 0 0 30px rgba(0 0 0 / .2)
}
.header-block__item-account,.header-block__item-wishlist,.header-block__item-compare {
order: 3;
padding: 0 17px
}
.header-account,.header-wishlist,.header-compare {
position: relative
}
.header-account__icon,.header-wishlist__icon,.header-compare__icon {
font-size: 2.1em;
cursor: pointer
}
.header-compare__icon {
transform: rotate(90deg)
}
.header-block__item-wishlist + .header-block__item-cart .header-cart__icon,.header-block__item-compare + .header-block__item-cart .header-cart__icon,.header-block__item-account + .header-block__item-cart .header-cart__icon {
font-size: 2.5em;
color:#000;
}
.header-cart__total-items,.header-wishlist__total-items,.header-compare__total-items {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: -8px;
bottom: -6px;
padding: 0 3px;
min-width: 16px;
height: 16px;
font-size: .8em;
border-radius: 100%;
background: orange;
}
.header-wishlist__total-items {
right: -5px
}
.header-account__icon,.header-wishlist__icon,.header-compare__icon,.header-cart__icon {
color: var(--header-icon-c)
}
.menu {
position: relative;
z-index: 998;
min-height: 46px;
-webkit-transform: translate3d(0,0,0);
}
.menu__header {
display: flex;
align-items: center;
height: 46px;
padding: 0 12px;
font-weight: 500;
cursor: pointer
}
.menu__collapse {
position: absolute;
z-index: 900;
width: 100%;
top: 46px;
margin: 0;
padding: 0;
list-style: none;
font-size: .95em
}
.menu__level-1-li {
position: relative;
border-top: solid 1px rgba(0 0 0 / .05);
transition: all linear .15s
}
.menu__level-1-li:last-child {
border-radius: 0 0 4px 4px
}
.menu__level-1-a {
display: flex;
flex: 1 1 100%;
min-height: 46px;
height: 100%;
align-items: center;
padding: 0 0 0 12px;
font-weight: 500;
color: var(--menu-main-level-1-c)
}
.menu__level-1-a:hover {
color: var(--menu-main-level-1-c-hover)
}
.menu__level-1-a.disabled {
pointer-events: none;
cursor: default
}
.menu__level-1-li:after,.menu__level-1-pm {
color: var(--menu-main-level-1-c)
}
.menu__level-1-icon {
margin: 0 10px 0 0
}
.menu__level-1-img {
width: 16px;
height: 16px;
margin: 0 7px 0 0
}
.menu__level-2 {
background: var(--menu-main-level-2-bg)
}
.menu__level-2-ul {
list-style: none;
padding: 0
}
.menu__level-2-a {
display: flex;
align-items: center;
min-height: 46px;
font-weight: 500;
color: var(--menu-main-level-2-c)
}
.menu__level-2-a:hover {
color: var(--menu-main-level-2-c-hover)
}
.menu__level-2-a.disabled {
pointer-events: none;
cursor: default
}
.menu__level-2-pm {
color: var(--menu-main-level-2-c)
}
.menu__level-3-ul {
list-style: none;
padding: 0
}
.menu__level-3-a {
display: flex;
align-items: center;
color: var(--menu-main-level-3-c)
}
.menu__level-3-a:hover {
color: var(--menu-main-level-3-c-hover)
}
.menu__more {
color: var(--menu-main-level-2-c)
}
.menu__more-span {
text-decoration: underline
}
.menu__additional {
width: 50px;
max-width: 50px
}
.menu__level-1-a.additional {
font-size: 1.4em
}
.menu1 .menu__header {
color: var(--menu-main-header-c);
background: var(--menu-main-header-bg)
}
.menu1 .menu__collapse {
color: var(--menu-main-c);
background: var(--menu-main-bg)
}
.menu1 .menu__level-1-li.open {
background: var(--menu-main-level-2-bg)
}
.menu1 .menu__level-1-li:first-child {
border-top: none
}
.menu2 .menu__level-1-li:hover {
background: rgba(0 0 0 / .05)
}
main {
flex: 1 0 auto;
padding: 20px 0;
background: var(--main-bg,transparent)
}
main.blur {
position: relative
}
.breadcrumb-h1.col-md-offset-3 {
overflow: hidden;
padding: 0 0 0 6px
}
.breadcrumb {
margin-bottom: 10px;
padding: 0 0 10px;
overflow-x: auto;
white-space: nowrap;
background: 0;
font-size: .95em
}
/*
.breadcrumb li + li:before {
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
font-size: .75em;
content: "\f101"
}
*/
.banner {
margin: 0 0 20px
}
.banner-label {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 8px 10px 9px;
text-align: center;
font-size: .95em;
font-weight: 500;
color: #fff;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
text-shadow: 0 0 15px #444,0 0 1px #000;
border-top: solid 1px rgba(255,255,255,.1);
background: rgba(0,0,0,.06);
border-radius: 0 0 4px 4px
}
.menu-module__ul{
background: var(--menu-module-bg)
}
.menu-module__ul {
list-style: none;
margin: 0 0 25px;
padding: 0;
font-size: .95em;
border-radius:0px
}
.menu-module__li:not(:first-child) {
border-top: solid 1px rgba(0 0 0 / .06)
}
.menu-module__a {
display: flex;
justify-content: space-between;
padding: 13px 15px;
font-weight: 500
}
.menu-module__children-a {
display: flex;
align-items: center;
padding: 0 15px 7px
}
.menu-module__children-a:first-child {
margin-top: -2px
}
.menu-module__children-a:last-child {
padding-bottom: 15px
}
.menu-module__a.active {
font-weight: 700
}
.menu-module__children-a.active {
font-weight: 500
}
.menu-module__pm {
display: flex;
min-width: 30px;
margin: -12px -15px -12px 0;
justify-content: center;
align-items: center;
font-size: .8em;
color: #888
}
.menu-module__pm:hover {
background: rgba(0 0 0 / .05)
}
.menu-module__pm:not(.open) .fa-minus {
display: none
}
.menu-module__pm.open .fa-plus {
display: none
}
.menu-module__a,.menu-module__a:focus,.menu-module__children-a,a.list-group-item {
color: var(--menu-module-c)
}
.menu-module__a:hover,.menu-module__a.active,.menu-module__children-a:hover,.menu-module__children-a.active,a.list-group-item:hover a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item.active:focus,a.list-group-item:hover {
color: var(--menu-module-c-hover)
}
.uni-badge {
margin: 0 0 0 8px;
padding: 0 8px;
text-align: center;
font-size: .7em;
color: #888;
background: rgba(0 0 0 / .06);
border-radius:0px
}
.uni-form {
overflow: hidden;
padding: 20px;
background: #f7f7f7;
border-radius:0px
}
.uni-form__heading {
margin: 0 0 5px;
color: #666
}
.sticker {
position: absolute;
top: -5px;
left: -5px;
z-index: 8
}
.sticker__item {
display: flex;
height: 22px;
align-items: center;
float: left;
clear: both;
margin: 0 0 5px;
padding: 0 10px;
font-size: .8em;
opacity: .8;
white-space: nowrap;
border-radius:0px
}
.sticker__item.reward {
color: var(--sticker-reward-c);
background: var(--sticker-reward-b)
}
.sticker__item.special {
color: var(--sticker-special-c);
background: var(--sticker-special-b)
}
.sticker__item.bestseller {
color: var(--sticker-bestseller-c);
background: var(--sticker-bestseller-b)
}
.sticker__item.new {
color: var(--sticker-new-c);
background: var(--sticker-new-b)
}
.sticker__item.sku {
color: var(--sticker-sku-c);
background: var(--sticker-sku-b)
}
.sticker__item.upc {
color: var(--sticker-upc-c);
background: var(--sticker-upc-b)
}
.sticker__item.ean {
color: var(--sticker-ean-c);
background: var(--sticker-ean-b)
}
.sticker__item.jan {
color: var(--sticker-jan-c);
background: var(--sticker-jan-b)
}
.sticker__item.isbn {
color: var(--sticker-isbn-c);
background: var(--sticker-isbn-b)
}
.sticker__item.mpn {
color: var(--sticker-mpn-c);
background: var(--sticker-mpn-b)
}
.option {
position: relative;
z-index: 1
}
.option__group {
overflow: auto;
margin: 0 0 5px
}
.option__group-name {
display: block;
margin: 0 0 10px;
font-size: .95em;
font-weight: 500
}
.option__item {
float: left;
position: relative;
z-index: 1;
margin: 0 10px 10px 0;
cursor: pointer
}
.option__item.ended {
cursor: not-allowed
}
.option__item.ended .option__name,.option__item.ended:hover .option__name {
opacity: .5;
filter: grayscale(100%);
border: solid 1px rgba(0 0 0 / .05)!important
}
.option__item.ended .option__img {
opacity: .5;
filter: grayscale(100%);
border: solid 2px rgba(0 0 0 / .25)!important
}
.option__item input {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0;
opacity: 0;
cursor: pointer
}
.option__select {
margin: 0 0 10px;
padding: 0 12px;
height: 24px;
line-height: 20px;
color: var(--option-select-c)
}
.option__name {
display: block;
white-space: nowrap;
margin: 0;
padding: 0 10px;
font-size: .9em;
width: auto;
height: 24px;
line-height: 21px;
color: var(--option-name-c);
background: var(--option-name-bg);
border: solid 1px rgba(0 0 0 / .05);
border-radius:0px;
transition: all linear .1s
}
.option__name:hover,.option__item:hover .option__name {
border: var(--option-name-c-hover)
}
.option input:checked + .option__name {
color: var(--option-name-c-checked);
background: var(--option-name-bg-checked)
}
.option__img {
width: 26px;
padding: 1px;
border: solid 2px rgba(0 0 0 / .1);
border-radius:0px;
pointer-events: none;
transition: all ease-in-out .15s
}
.option__img:hover,.option input:hover + .option__img,.option input:checked + .option__img {
border-color: var(--option-img-hover)
}
.option__popup {
position: absolute;
z-index: 9999;
display: none;
overflow: hidden;
max-width: 95%;
padding: 4px;
text-align: center;
font-size: .8em;
background: #fff;
border-radius:0px;
box-shadow: 0 4px 10px rgba(0 0 0 / .2)
}
.option__popup-img {
margin: 0 0 5px
}
.option .text-danger {
position: absolute;
top: 0;
font-weight: 500;
padding: 2px 0;
background: #fff
}
.option__popup.module {
width: var(--option-popup-img-w)
}
.qty-switch {
display: flex;
float: left;
margin: 0 12px 0 0
}
.qty-switch__input {
width: 34px;
height: 32px;
padding: 0;
text-align: center;
border-right: none;
border-radius:0px 0 0 4px
}
.qty-switch__btn.fa {
display: block;
width: 20px;
height: 16px;
line-height: 15px;
text-align: center;
font-size: .5em;
color: #666;
background: #f2f2f2;
border: solid 1px #e3e3e3;
cursor: pointer
}
.qty-switch__btn.fa:hover {
background: #eaeaea
}
.qty-switch__btn.fa-plus {
border-radius: 0 4px 0 0
}
.qty-switch__btn.fa-minus {
border-top: none;
border-radius: 0 0 4px 0
}
.qty-switch__cart .qty-switch__input {
height: 28px!important;
border-radius: 0;
border: solid 1px #eee!important
}
.qty-switch__cart .qty-switch__btn {
width: 25px;
height: 28px;
line-height: 27px;
border: none!important
}
.qty-switch__cart .qty-switch__btn.fa-plus {
border-radius: 0 5px 5px 0
}
.qty-switch__cart .qty-switch__btn.fa-minus {
border-radius: 5px 0 0 5px
}
.rating {
display: flex;
align-items: center;
min-height: 20px;
font-size: .95em
}
.rating .fa-star {
margin: 0 2px 0 0;
color: var(--rating-star-c-active)
}
.rating .far.fa-star {
color: #ccc
}
.rating .fa-comment {
margin: 0 3px 0 10px;
color: #999
}
.rating:hover .fas {
color: var(--rating-star-c-active)
}
.rating .uni-badge {
line-height: 14px;
font-weight: 500;
color: #666
}
.price {
display: flex;
flex-wrap: wrap;
align-items: center;
font-weight: 700;
color: var(--price-c);
white-space: nowrap
}
.price .price-old {
margin: 0 15px 0 0;
font-weight: 500;
font-size: .7em;
color: var(--price-old-c);
text-decoration: line-through
}
.price .price-new {
color: var(--price-new-c)
}
.price-tax {
margin: 10px 0 0;
color: #999;
font-size: .8em
}
.add_to_cart {
color: var(--add-to-cart-btn-c);
background: var(--add-to-cart-btn-bg)
}
.add_to_cart:hover,.add_to_cart:focus,.add_to_cart:active {
color: var(--add-to-cart-btn-c-hover);
background: var(--add-to-cart-btn-bg-hover)
}
.add_to_cart.in_cart,.add_to_cart.in_cart:hover,.add_to_cart.in_cart:focus,.add_to_cart.in_cart:active {
color: var(--add-to-cart-btn-c-incart);
background: var(--add-to-cart-btn-bg-incart)
}
.add_to_cart.qty-0,.add_to_cart.qty-0:hover,.add_to_cart.qty-0:focus,.add_to_cart.qty-0:active {
color: var(--add-to-cart-btn-c-qty0);
background: var(--add-to-cart-btn-bg-qty0)
}
.add_to_cart.disabled,.add_to_cart.disabled:hover,.add_to_cart.disabled:focus,.add_to_cart.disabled:active {
color: var(--add-to-cart-btn-c-disabled);
background: var(--add-to-cart-btn-bg-disabled)
}
.btn.quick-order {
color: var(--quick-order-btn-c);
background: var(--quick-order-btn-bg)
}
.btn.quick-order:hover,.btn.quick-order:focus,.btn.quick-order:active {
color: var(--quick-order-btn-c-hover);
background: var(--quick-order-btn-bg-hover)
}
button.compare,button.wishlist {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
z-index: 1;
width: 28px;
height: 28px;
padding: 0;
font-size: .8em;
border: none;
border-radius: 50%;
transition: all linear .15s
}
button.compare .fas {
transform: rotate(90deg)
}
.wishlist,.wishlist a {
color: var(--wishlist-btn-c);
background: var(--wishlist-btn-bg)
}
.wishlist:hover,.wishlist a:hover,.wishlist.active {
color: var(--wishlist-btn-c-hover);
background: var(--wishlist-btn-bg-hover)
}
.compare,.compare a {
color: var(--compare-btn-c);
background: var(--compare-btn-bg)
}
.compare:hover,.compare a:hover,.compare.active {
color: var(--compare-btn-c-hover);
background: var(--compare-btn-bg-hover)
}
.uni-href {
cursor: pointer
}
.uni-item {
width: 100%;
background: #fff;
padding: 15px;
border: solid 1px rgba(0 0 0 / .06);
background-clip: padding-box;
border-radius:0px;
transition: box-shadow linear .1s
}
.uni-item-bg {
align-items: center!important;
background: #f7f7f7;
padding: 15px;
border-radius:0px;
transition: all ease-in-out .15s
}
.uni-item-bg:hover {
background: #eee
}
.uni-module {
margin-bottom: 15px
}
.uni-module:after {
display: block;
content: '';
clear: both
}
.uni-module__wrapper {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
opacity: 0
}
.uni-module__wrapper.load-complete {
opacity: 1;
transition: none!important
}
.uni-module .owl-stage {
display: flex
}
.uni-module__item,.uni-module .owl-item {
display: flex;
float: left;
padding: 0 10px
}
.uni-module .owl-nav {
left: -5px!important;
right: -5px!important;
margin: -10px 0 0
}
.uni-module .owl-dots {
margin: -10px 0 25px!important
}
.product-thumb {
display: flex;
flex-direction: column;
position: relative;
z-index: 1;
margin: 0 0 20px
}
.product-thumb.hover {
position: absolute;
z-index: 99
}
.product-thumb__image {
position: relative;
z-index: 1;
flex: 1 0 auto;
margin: 0 0 15px
}
.product-thumb__image:hover .uni-timer {
visibility: hidden;
opacity: 0
}
.product-thumb__name {
display: block;
margin: 0 0 auto;
padding: 0 0 10px;
font-weight: 500;
color: var(--prod-thumb-name);
word-wrap: break-word
}
.product-thumb__name:hover {
color: var(--prod-thumb-name-hover)
}
.product-thumb__caption {
display: flex;
flex-direction: column;
flex: 1 1 100%
}
.product-thumb__model {
margin: 0 0 15px;
font-size: .85em;
color: #777
}
.product-thumb__model:before {
content: attr(data-text);
margin: 0 5px 0 0
}
.product-thumb__description {
margin: 0 0 10px;
font-size: .95em;
word-wrap: break-word
}
.product-thumb__description.description {
color: #666
}
.product-thumb__attribute {
color: #888
}
.product-thumb__attribute-value:not(:last-child):after {
content: '/';
padding: 0 2px 0 5px;
color: #ccc
}
.product-thumb__attribute-value {
color: var(--body-c)
}
.product-thumb__option {
margin: 0 0 5px
}
.product-thumb__rating {
margin: 0 0 15px
}
.product-thumb__rating-text {
margin: 0 0 0 5px
}
.product-thumb__quick-order {
margin: 0 0 0 15px;
opacity: var(--prod-thumb-quick-order-opacity,0)
}
.product-thumb:hover .product-thumb__quick-order {
opacity: 1
}
.product-thumb__wishlist,.product-thumb__compare {
top: 10px;
right: 10px;
width: 20px;
height: 20px
}
.product-thumb__wishlist:not(.hidden) + .product-thumb__compare {
top: 48px
}
.product-thumb__price {
font-size: 1.3em
}
.product-thumb__cart {
display: flex;
margin: 20px 0 0
}
.product-thumb__cart.disabled2 {
min-height: 32px
}
.product-thumb__addit {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center
}
.product-thumb__addit-wrap {
width: 100%;
height: 100%;
display: flex
}
.product-thumb__addit-item {
display: flex;
flex: 1 1 auto
}
.product-thumb__addit-dot {
display: inline-block;
width: 14px;
height: 2px;
transform: translate(0,-20px);
background: #ddd
}
.product-thumb__addit-dot + .product-thumb__addit-dot {
margin: 0 0 0 5px
}
.product-thumb__addit-dot.active {
background: var(--a-c)
}
.sorts-block {
display: flex;
align-items: center
}
.sorts-block__limit {
width: auto;
margin: 0 20px
}
.sorts-block__wrapper {
display: flex;
width: 100%;
align-items: center
}
.sorts-block__sorts {
flex: 1 1 auto
}
.sorts-block__span {
margin: 0 20px 0 0;
font-weight: 500;
font-size: .95em;
color: #555;
cursor: pointer;
white-space: nowrap
}
.sorts-block__span:hover,.sorts-block__span.selected {
text-decoration: underline dotted
}
.sorts-block__span.selected:after {
margin: 0 0 0 5px;
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
font-size: .85em
}
.sorts-block__span.selected.up:after {
content: "\f160"
}
.sorts-block__span.selected.down:after {
content: "\f884"
}
.sorts-block__btn-group {
display: flex;
white-space: nowrap
}
.sorts-block__btn {
padding: 0 12px;
font-size: .85em!important
}
.sorts-block__btn.selected:before {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
content: '';
background: rgba(0 0 0 / .06)
}
.product-category-list {
margin: 0 0 30px;
padding: 20px 20px 10px;
background: #f7f7f7;
border-radius:0px
}
.product-category-list__item {
position: relative;
display: inline-block;
margin: 0 20px 5px 0;
line-height: 1.8em;
font-weight: 500;
font-size: .95em;
white-space: nowrap
}
.product-category-list__item.selected {
color: #666
}
.product-category-list__item:before {
position: absolute;
content: '';
width: calc(100% + 20px);
height: 100%;
transform: translateX(-10px);
border-radius: 10px;
transition: background linear .1s
}
.product-category-list__item:hover:before,.product-category-list__item.selected:before {
background: rgba(0 0 0 / .05)
}
.product-category-list__reset {
position: relative;
top: 2px;
margin: 0 0 0 5px;
line-height: normal;
font-size: 1.2em
}
.grid-view {
display: flex
}
.list-view .product-thumb {
flex-direction: row
}
.list-view .product-thumb__image {
margin: 0
}
.list-view .product-thumb__addit-dot {
transform: translate(0,-15px)
}
.list-view .uni-timer {
bottom: 0
}
.list-view .product-thumb__caption {
padding: 0 25px 0px 20px
}
.list-view .product-thumb__description {
display: block!important
}
.list-view .product-thumb__option {
display: block!important
}
.list-view .product-thumb__price {
margin-top: auto
}
.list-view .product-thumb__cart {
margin-right: -20px
}
.compact-view .product-thumb {
flex-direction: row;
align-items: center;
}
.compact-view .product-thumb__image {
min-width: 80px;
width: 80px;
margin: 0;
}
.compact-view .product-thumb__caption {
flex-direction: row;
width: 100%;
align-items: center;
padding: 0
}
.compact-view .product-thumb__name {
flex: 1 1 100%;
margin: 0;
padding: 0 10px 0 20px;
font-size: .95em
}
.compact-view .product-thumb__option {
display: block!important;
min-height: 75px;
flex: 0 0 20%;
margin: 0;
padding: 0 10px
}
.compact-view .qty-indicator {
display: none;
min-height: 75px;
margin: 0;
padding: 0 10px;
justify-content: center
}
.compact-view .qty-indicator:before {
display: none
}
.compact-view .product-thumb__price {
justify-content: center;
width: 10%;
min-width: 115px;
padding: 0 10px;
text-align: center;
font-size: 1.2em
}
.compact-view .product-thumb__price .price-old {
width: 100%;
margin: 0 0 5px
}
.compact-view .product-thumb__cart {
flex-wrap: nowrap;
margin: 0;
padding: 0;
white-space: nowrap
}
.compact-view .product-thumb__add-to-cart span {
margin: 0
}
.compact-view .product-thumb__quick-order {
opacity: 1
}
.compact-view .product-thumb__addit-dot,.compact-view .sticker,.compact-view .product-thumb__model,.compact-view .uni-timer,.compact-view .product-thumb__description,.compact-view .product-thumb__rating,.compact-view .product-thumb__wishlist,.compact-view .product-thumb__compare,.compact-view .product-thumb__add-to-cart i,.compact-view .product-thumb__quick-order {
display: none
}
.pagination {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 10px 0 0
}
.pagination li a,.pagination li span {
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 28px;
margin: 0 0 15px;
border-radius:0px;
text-align: center
}
.pagination li + li {
margin: 0 0 0 10px
}
.pagination li a,.pagination li a:hover,.pagination li a:visited {
color: var(--pagination-c);
background: var(--pagination-bg)
}
.pagination li.active span,.pagination li.active span:hover,.pagination li.active span:focus {
color: var(--pagination-c-active);
background: var(--pagination-bg-active)
}
.pagination-text {
margin: 0 0 40px;
font-size: .95em;
color: #888;
text-align: center
}
.article_description {
margin: 0 0 40px;
line-height: 1.7em;
word-wrap: break-word
}
.article_description a {
text-decoration: underline
}
.article_description img {
width: auto!important;
max-width: 100%
}
.html-module {
margin: 0 0 20px
}
.home-page .html-module {
padding: 20px 20px 10px;
background: rgba(0 0 0 / .03);
border-radius:0px
}
.home-page .html-module h1 {
font-size: 1.6em;
margin: 0 0 15px
}
.home-page .html-module p {
line-height: 1.7em;
color: #666
}
.category-info {
position: relative;
z-index: 1;
overflow: hidden;
margin: 0 0 40px;
padding: 15px;
background: #f7f7f7;
border-radius:0px;
line-height: 1.5em;
font-size: .95em
}
.category-info__image {
float: left;
max-width: 150px;
margin: 0 20px 0 0
}
.category-info img {
max-width: 100%
}
.category-info-bottom .category-info {
display: block!important
}
.category-info__btn {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: inherit;
display: block;
padding: 15px 0;
text-align: center;
font-weight: 700
}
.category-list {
margin-bottom: 25px
}
.category-list>div {
margin: 0 0 20px
}
.category-list__item {
display: flex;
height: 100%;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
padding: 0!important;
text-align: center;
font-size: .95em;
font-weight: 500
}
.category-list__img {
border-radius:0px 4px 0 0
}
.category-list__name {
width: 100%;
padding: 15px
}
.manufacturer-page-list__name {
margin: 0 10px 20px;
font-weight: 700
}
.nav-tabs {
display: flex;
flex-wrap: var(--nav-tabs-flex-wrap,nowrap);
overflow-x: auto;
overflow-y: hidden;
padding: 0;
border-radius:0px;
margin: 0 0 20px;
background: var(--nav-tabs-bg);
white-space: nowrap
}
.nav-tabs li {
display: flex;
align-items: center;
height: 48px;
margin: 0;
padding: 0 15px
}
.nav-tabs li a {
display: flex;
align-items: center;
width: 100%;
margin: 0;
padding: 0;
font-size: 1.1em;
font-weight: 700;
color: var(--nav-tabs-c)
}
.nav-tabs li.active a,.nav-tabs li.active a:focus,.nav-tabs li.active a:hover {
color: var(--nav-tabs-c-active)
}
.nav-tabs li a:after {
position: absolute;
left: 0;
width: 0;
bottom: -2px;
content: '';
transition: all ease-in-out .15s;
border-bottom: solid 2px!important
}
.nav-tabs li.active a:after,.nav-tabs li a:hover:after {
width: 100%
}
.carousel {
margin: 0 0 25px;
border: solid 1px rgba(0 0 0 / .08);
background: #fff;
border-radius:0px
}
.footer {
flex: 0 1 auto;
padding: 20px 0 0;
color: var(--footer-c);
background: var(--footer-bg)
}
.footer.blur {
position: relative;
z-index: 1
}
.footer__column-heading {
display: flex;
align-items: center;
margin: 0 0 15px;
font-weight: 700;
font-size: 1.1em;
color: var(--footer-heading-c)
}
.footer__column-icon {
margin: 0 5px 0 -5px;
font-size: .8em
}
.footer__column-ul {
margin: 0
}
.footer__column-li {
display: flex;
align-items: center;
margin: 0 0 8px;
font-size: .95em;
font-weight: 500
}
.footer__column-li:last-child {
margin: 0 0 20px
}
.footer a,.footer__column-a,.footer__column-a:hover,.footer__column-a:active,.footer__column-a:visited {
color: var(--footer-c)!important
}
.footer__column-a:hover {
text-decoration: underline
}
.footer__contacts-li:before {
display: none
}
.footer__contacts-icon {
min-width: 15px;
margin: 0 5px 0 0
}
.footer__contacts-icon.fa-phone-alt {
font-size: .8em
}
.footer__contacts-img {
width: auto;
height: auto;
max-height: 16px;
margin: 0 5px 0 0
}
.footer__text {
padding: 20px 0;
font-size: .95em;
border-top: solid 1px rgba(0 0 0 / .08)
}
.footer__socials-payments {
overflow: hidden;
padding: 15px 0;
background: rgba(0 0 0 / .05)
}
.footer__socials-icon {
width: 30px;
height: 30px;
line-height: 30px!important;
text-align: center;
font-size: 1.15em;
color: #fff;
border-radius:0px;
opacity: .8;
transition: all ease-in-out .15s;
cursor: pointer
}
.footer__socials-icon:hover {
opacity: 1
}
.footer__socials-icon + i {
margin: 0 0 0 10px
}
.footer__socials-icon.fa-odnoklassniki {
background: #EF8117
}
.footer__socials-icon.fa-vk {
background: #597BA0
}
.footer__socials-icon.fa-facebook {
background: #3A5795
}
.footer__socials-icon.fa-twitter {
background: #59ADEA
}
.footer__socials-icon.fa-google-plus {
background: #DB4437
}
.footer__socials-icon.fa-instagram {
background: #125688
}
.footer__socials-icon.fa-youtube {
background: #E62117
}
.footer__socials-icon.fa-viber {
background: #563DBD
}
.footer__socials-icon.fa-whatsapp {
background: #00E676
}
.footer__socials-icon.fa-tiktok {
background: #fe2c55
}
.footer__socials-icon.fa-telegram-plane {
background: #0088cc
}
.footer__payments {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
overflow: hidden;
margin: 0 0 -10px 0
}
.footer__payments-icon {
overflow: hidden;
margin: 0 0 10px 10px;
width: 50px;
height: 30px;
border-radius:0px
}
.footer__payments-icon:not(img) {
background-image: url('../image/payment_icon_sprite.png')
}
.footer__payments-icon.visa {
background-position: -150px -120px
}
.footer__payments-icon.master {
background-position: -100px -30px
}
.footer__payments-icon.yandex {
background-position: -150px -150px
}
.footer__payments-icon.webmoney {
background-position: -100px -150px
}
.footer__payments-icon.qiwi {
background-position: 0 0px
}
.footer__payments-icon.sberbank {
background-position: -150px -30px
}
.footer__payments-icon.cyberplat {
background-position: 0 -30px
}
.footer__payments-icon.alfa {
background-position: -50px 0px
}
.footer__payments-icon.privat {
background-position: -100px -90px
}
.footer__payments-icon.paypal {
background-position: 0 -90px
}
.footer__payments-icon.eport {
background-position: 0 -60px
}
.footer__payments-icon.mailofrussia {
background-position: -100px 0px
}
.footer__payments-icon.rapida {
background-position: -100px -120px
}
.footer__payments-icon.contact {
background-position: 0 -120px
}
.footer__payments-icon.vtb24 {
background-position: 0 -150px
}
.footer__payments-icon.sms {
background-position: -150px -90px
}
.footer__payments-icon.skrill {
background-position: -150px -60px
}
.footer__payments-icon.rbk {
background-position: -150px 0px
}
.footer__payments-icon.western-union {
background-position: -200px 0px
}
.footer__payments-icon.mir {
background-position: -199px -30px
}
.fly-block {
position: fixed;
z-index: 1061;
right: 20px;
bottom: 20px
}
.fly-block__item {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
margin: 0 0 20px;
font-size: 18px;
cursor: pointer;
border-radius: 100%;
transition: all ease-in-out .3s
}
.fly-block__back {
color: #666;
background: #e2e2e2
}
.fly-block__wishlist,.fly-block__compare {
opacity: .8
}
.fly-block__compare-icon {
transform: rotate(90deg)
}
.fly-block__total {
position: absolute;
top: 0;
min-width: 18px;
height: 18px;
line-height: 16px;
font-size: .7em;
border: solid 1px rgba(255 255 255 / .8);
border-radius: 100%
}
.fly-block__wishlist,.fly-block__wishlist-total {
color: var(--fly-wishlist-c);
background: var(--fly-wishlist-bg)
}
.fly-block__compare,.fly-block__compare-total {
color: var(--fly-compare-c);
background: var(--fly-compare-bg)
}
.fly-block__scrollup {
margin: 0;
color: #fff;
background: rgba(0 0 0 / .3);
transform: scale(0)
}
.fly-block__scrollup.visible {
transform: scale(1)
}
.fly-block__scrollup:hover {
background: rgba(0 0 0 / .5)
}
.fly-block__scrollup:not(.visible) {
margin: -66px 0 0;
}
.fly-block__contacts {
color: var(--fly-contacts-btn-c);
background: var(--fly-contacts-btn-bg)
}
.fly-block__contacts-icons {
display: flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px
}
.fly-block__contacts-icon {
position: absolute;
backface-visibility: hidden;
animation: rotateY 4s infinite linear
}
.fly-block__contacts-icon:nth-child(2) {
transform: rotateY(120deg);
animation: rotateY1 4s infinite linear
}
.fly-block__contacts-icon:nth-child(3) {
transform: rotateY(240deg);
animation: rotateY2 4s infinite linear
}
.fly-block__contacts-icons:not(.open) .fa-xmark {
display: none
}
.fly-block__contacts-icons.open i:not(.fa-xmark) {
display: none
}
.fly-block__contacts-items {
display: none;
position: absolute;
bottom: 50px;
width: 66px;
padding: 10px;
text-align: center;
list-style: none;
background: var(--fly-contacts-bg);
border-radius: 40px;
box-shadow: 0 0 10px rgba(0 0 0 /.15)
}
.fly-block__contacts-icons.open + .fly-block__contacts-items {
display: block
}
.fly-block__contacts-items li + li {
margin: 15px 0 0
}
.fly-block__contacts-item {
display: flex!important;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
color: var(--fly-contacts-item-c);
background: var(--fly-contacts-item-bg);
border-radius: 100%
}
.fly-block__contacts-item.fa-odnoklassniki {
color: #fff;
background: #EF8117
}
.fly-block__contacts-item.fa-vk {
color: #fff;
background: #597BA0
}
.fly-block__contacts-item.fa-facebook {
color: #fff;
background: #3A5795
}
.fly-block__contacts-item.fa-twitter {
color: #fff;
background: #59ADEA
}
.fly-block__contacts-item.fa-instagram {
color: #fff;
background: #125688
}
.fly-block__contacts-item.fa-youtube {
color: #fff;
background: #E62117
}
.fly-block__contacts-item.fa-viber {
color: #fff;
background: #563DBD
}
.fly-block__contacts-item.fa-whatsapp {
color: #fff;
background: #25D366
}
.fly-block__contacts-item.fa-tiktok {
color: #fff;
background: #fe2c55
}
.fly-block__contacts-item.fa-paper-plane,.fly-block__contacts-item.fa-telegram-plane {
color: #fff;
background: #0088cc
}
.fly-block__contacts-item.callback {
color: var(--fly-callback-c);
background: var(--fly-callback-bg)
}
.simplecheckout .radio label,.simpleregister .radio label {
display: flex
}
.simplecheckout-cart .quantity .input-group .btn {
height: 30px
}
.spin {
animation: spin 1s infinite linear
}
@-keyframes rotateY {
100% {
transform: rotateY(360deg)
}
}
@-webkit-keyframes rotateY {
100% {
transform: rotateY(360deg)
}
}
@-moz-keyframes rotateY {
100% {
transform: rotateY(360deg)
}
}
@-keyframes rotateY1 {
0% {
90deg}
100% {
transform: rotateY(450deg)
}
}
@-webkit-keyframes rotateY1 {
0% {
90deg}
100% {
transform: rotateY(450deg)
}
}
@-moz-keyframes rotateY1 {
0% {
90deg}
100% {
transform: rotateY(450deg)
}
}
@-keyframes rotateY2 {
0% {
180deg}
100% {
transform: rotateY(540deg)
}
}
@-webkit-keyframes rotateY2 {
0% {
180deg}
100% {
transform: rotateY(540deg)
}
}
@-moz-keyframes rotateY2 {
0% {
180deg}
100% {
transform: rotateY(540deg)
}
}
.animated.fade:not(.disabled) {
display: block!important;
padding: 0!important
}
.uni-timer {
position: absolute;
z-index: 1;
left: 0;
bottom: 11px;
width: 100%;
display: flex;
justify-content: center;
transition: opacity ease-in-out .15s
}
.uni-timer__group {
text-align: center;
min-width: 45px;
padding: 2px 6px;
background: var(--timer-bg);
border-radius:0px
}
.uni-timer__group:not(:last-child) {
margin: 0 5px 0 0
}
.uni-timer__digit {
letter-spacing: 2px;
font-weight: 700;
color: var(--timer-digit-c)
}
.uni-timer__text {
margin: -3px 0 0;
color: var(--timer-text-c);
font-size: .65em
}
.uni-alert {
display: flex;
position: fixed;
z-index: 1080;
top: 50px;
right: 15px;
width: 320px;
max-width: 90%;
line-height: 1.6em;
font-size: .95em;
border: 0;
padding: 15px 25px 15px 15px;
border-radius:0px;
box-shadow: 3px 3px 10px rgba(0 0 0 / .2)
}
.uni-alert__icon {
margin: 0 10px 0 0;
font-size: 1.3em
}
.uni-alert__icon.fa-times {
position: absolute;
top: 00;
right: 0;
margin: 0;
padding: 8px 10px;
font-size: .9em;
cursor: pointer
}
.uni-alert a {
text-decoration: underline
}
.alert-success,.alert-success a {
color: var(--alert-success-c);
background: var(--alert-success-bg)
}
.alert-warning,.alert-warning a {
color: var(--alert-warning-c);
background: var(--alert-warning-bg)
}
.alert-danger,.alert-danger a {
color: var(--alert-danger-c);
background: var(--alert-danger-bg)
}
.swiper-viewport .swiper-button-prev:before,.swiper-viewport .swiper-button-next:before,.dream-filter .rdf- s .rdf-group .checkbox>label>span:after {
font-family: "Font Awesome\ 5 Free"!important;
font-weight: 900
}
.swiper-viewport .swiper-pager .swiper-button-next:before,.swiper-viewport .swiper-pager .swiper-button-prev:before {
color: var(--swiper-pagination-bg-active)
}
.swiper-viewport .swiper-pagination .swiper-pagination-bullet {
background: var(--swiper-pagination-bg)
}
.swiper-viewport .swiper-pagination .swiper-pagination-bullet-active {
background: var(--swiper-pagination-bg-active)
}
.tooltip-inner {
max-width: 220px
}
.tooltip-inner {
color: var(--tooltip-c);
background: var(--tooltip-bg)
}
.tooltip.top .tooltip-arrow {
border-top-color: var(--tooltip-bg)
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: var(--tooltip-bg)
}
.tooltip.left .tooltip-arrow {
border-left-color: var(--tooltip-bg)
}
.tooltip.right .tooltip-arrow {
border-right-color: var(--tooltip-bg)
}
.preloader {
position: absolute;
z-index: 1050;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
background: rgba(255 255 255 / .3)
}
.preloader:after {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 36px;
height: 36px;
margin: -18px auto auto -18px;
content: '';
border: solid 3px;
border-color: var(--preloader-border-c);
border-radius: 100%;
animation: spin 1s infinite linear
}
.captcha {
overflow: hidden;
margin-bottom: 15px!important
}
.captcha__input {
float: left;
width: 200px;
max-width: 45%
}
.captcha__img {
height: 33px;
padding-left: 15px
}
.error-not-found {
margin: 30px 0;
text-align: center;
color: #888;
font-weight: 500
}
.error-not-found__404 {
display: flex;
align-items: center;
justify-content: center;
width: 310px;
height: 310px;
margin: 0 auto 30px;
background: #f7f7f7;
font-size: 8em;
color: #fff;
text-shadow: 0 0 30px rgba(0 0 0 / .15);
border-radius: 100%
}
@media (max-width: 1180px) {
.top-menu__account.switch-on-tablet {
display:block
}
.header-block__item-account.switch-on-tablet {
display: none
}
.header-block__item-telephone {
padding: 0 0px
}
.menu1 .menu__banner {
display: none
}
.uni-module .product-thumb__description,.grid-view .product-thumb__description {
display: none
}
.uni-module .product-thumb__option,.grid-view .product-thumb__option {
display: none
}
.product-thumb .qty-switch__input {
width: 28px
}
.product-thumb__add-to-cart i {
display: none
}
.product-thumb__add-to-cart span {
margin: 0!important
}
}
@media (max-width: 992px) {
header {
padding-bottom:var(--header-padding-bottom,0)
}
.top-menu__btn-text {
display: none
}
.header-block__item-logo {
flex: 1 1 auto
}
.header-logo {
max-width: 195px
}
#search2 {
padding: 0 10px
}
#search2 .header-search__input,#search2 .header-search__category-btn {
height: 36px!important
}
#search2 .header-search__category + .header-search__input {
flex: 1 1 auto
}
.menu-wrapper {
position: fixed;
z-index: 1070;
top: 0;
left: -100%;
margin: 0;
padding: 0;
overflow-y: auto;
width: 100%;
height: 100%;
background: var(--menu-main-bg);
transition: all ease-in-out .15s
}
.menu-wrapper.show {
left: 0;
box-shadow: 0 0 10px rgba(0,0,0,.2);
background:#fff;
}
.menu__header {
height: 54px;
background: rgba(0,0,0,.05)
}
.menu__collapse {
top: 54px
}
.menu__header-title {
font-size: 1.25em;
flex: 1 1 auto
}
.menu__header-icon.fa-times {
display: flex!important;
width: 44px;
height: 100%;
margin: 0 -12px 0 0;
align-items: center;
justify-content: center;
background: rgba(0 0 0 / .05)
}
.menu-open {
float: left;
display: flex!important;
align-items: center;
justify-content: center;
margin: 0 20px 0 10px;
height: 36px;
padding: 0 15px;
color: #fff;
background: var(--menu-main-header-bg);
border-radius:0px;
cursor: pointer
}
.menu-open__title {
margin: 0 0 0 10px;
font-weight: 500
}
.menu__collapse {
display: block;
height: auto!important;
font-size: 1em
}
header .menu,header .menu__level-1-li {
border-radius: 0!important
}
.menu__level-1-a {
padding-right: 40px
}
.menu__level-2 {
overflow: hidden
}
.menu__level-2:not(.in) {
height: 0
}
.menu__level-2-a {
padding: 0 32px 0 15px;
border-top: solid 1px rgba(0 0 0 / .1)
}
.menu__level-3 {
overflow: hidden;
padding: 0;
margin: 0
}
.menu__level-3:not(.in) {
height: 0
}
.menu__level-3-li {
border-top: dashed 1px rgba(0 0 0 / .1)
}
.menu__level-3-a {
min-height: 46px;
padding: 0 32px 0 15px
}
.menu__pm {
position: absolute;
right: 0;
top: 0;
z-index: 9;
width: 44px;
line-height: 46px;
text-align: center;
font-size: .85em;
cursor: pointer
}
.menu__pm:not(.open) .fa-minus {
display: none
}
.menu__pm.open .fa-plus {
display: none
}
.menu__banner,.menu__additional,.menu__level-2-img {
display: none
}
.sorts-block__btn + .sorts-block__btn {
border-radius: 0 4px 4px 0!important
}
.list-view .product-thumb__image {
width: 42%;
min-width: 35%
}
.product-thumb__quick-order,.owl-carousel .owl-nav {
opacity: 1
}
.footer__payments {
justify-content: flex-start;
margin: 0 0 0 -10px
}
}
@media (max-width: 767px) {
h1 {
margin:0 0 20px;
font-size: 1.5em;
line-height: 1.3
}
div.heading {
font-size: 1.2em
}
.header-block {
margin: 0;
padding: 22px 0
}
.header-logo {
max-width: 175px
}
.header-phones__main {
font-size: 1.1em
}
.header-phones__show-phone {
font-size: .65em
}
.header-phones__additionals {
display: none
}
.header-phones__ul {
left: auto;
right: 0
}
.header-cart__icon {
font-size: 2.1em
}
.header-cart__totals-item,.header-cart__buttons {
justify-content: center
}
.header-cart__buttons .btn-default {
display: none
}
.breadcrumb.mobile li:not(:first-child):not(:last-child) {
display: var(--breadcrumb-mobile-display,inline)
}
.uni-module .owl-nav>div:not(.disabled) {
opacity: .8
}
.grid-view {
flex: 0 0 50%;
width: 50%;
max-width: 50%
}
.list-view {
flex: 0 1 100%
}
.nav-tabs li {
padding-right: 5px
}
.nav-tabs li a {
font-size: 1.1em
}
.footer__column {
width: 100%
}
.footer__column-heading {
position: relative
}
.footer__column-heading .fa-chevron-down {
position: absolute;
right: 0;
font-size: .7em
}
.footer__column-heading.open .fa-chevron-down {
transform: rotate(180deg)
}
.footer__column:not(:first-child) {
padding-top: 15px;
border-top: solid 1px rgba(0 0 0 / .07)
}
.fly-block__item {
width: 40px;
height: 40px
}
.fly-block__item.visible-xs {
display: flex!important
}
.fly-block__contacts-items {
width: 60px
}
.fly-block__contacts-item {
width: 40px;
height: 40px
}
.error-not-found__404 {
font-size: 10em
}
}
@media (max-width: 575px) {
.header-logo {
max-width:155px
}
.top-menu__wishlist.status-1,.top-menu__compare.status-1 {
margin: 0
}
.top-menu__wishlist.status-2,.top-menu__compare.status-2,.top-menu__account.status-2 {
display: block
}
.header-block__item-wishlist,.header-block__item-compare,.header-block__item-account {
display: none
}
.header-block__item-cart {
min-width: 31px;
padding: 0 0 0 5px
}
.header-cart__total-items {
right: -6px;
bottom: -4px;
padding: 0 3px;
min-width: 14px;
height: 14px;
font-size: .6em
}
.header-cart__item-wrapper {
flex-wrap: wrap
}
.header-cart__name {
flex: 1 1 100%;
margin: 0 0 15px
}
.header-cart__quantity {
padding: 0 15px 0 0
}
.header-cart__quantity .qty-switch__input {
height: 25px!important;
line-height: 27px
}
.header-cart__quantity .qty-switch__btn {
width: 25px;
height: 25px;
line-height: 24px
}
.top-menu__compare {
margin: 0
}
.header-phones__main {
font-size: 1em
}
.menu-open__title:not(.show-on-mobile) {
display: block;
color:#666;
}
.header-search__category.hide-on-mobile {
display: none
}
.header-search__input.hide-on-mobile {
border-radius:0px
}
.sorts-block__item:first-child {
min-width: 90px
}
.uni-module {
padding: 0 5px
}
.uni-module .owl-item,.uni-module__item {
padding: 0 5px
}
.uni-module__wrapper {
display: flex;
flex-wrap: wrap
}
.uni-module .owl-dots {
margin: 0 0 25px!important;
}
.products-block {
margin-bottom: 20px
}
.product-thumb {
margin: 0 0 10px;
padding: 10px
}
.product-thumb__name {
font-size: .95em
}
.product-thumb .sticker {
top: 0;
left: 0
}
.product-thumb__model:before {
display: var(--prod-thumb-model-before-display,none)
}
.product-thumb__add-to-cart,.product-thumb__cart.disabled2 {
flex: 1 1 auto;
max-width: 100%;
padding: 0 2px
}
.product-thumb__cart .btn {
font-size: .9em
}
.product-thumb .uni-timer,.product-thumb .product-thumb__description,.product-thumb__option,.list-view .product-thumb__option {
display: none!important
}
.product-thumb__wishlist,.product-thumb__compare {
right: 5px
}
.list-view .product-thumb__caption {
padding: 0 25px 0 12px
}
.category-info__image {
display: none
}
.error-not-found__404 {
width: 290px;
height: 290px;
font-size: 7em
}
.hidden-on-mobile {
display: none!important
}
}
@media (max-width: 425px) {
.header-logo {
max-width:135px
}
}
@media (max-width: 380px) {
.header-phones__main {
font-size:.97em
}
.header-cart__total {
flex: 0 1 auto
}
.header-search__category {
display: none
}
.product-thumb__rating-text {
display: none
}
}
@media (max-width: 350px) {
.header-phones__main {
font-size:.9em
}
.product-thumb .qty-switch,.product-thumb__quick-order {
display: none
}
.btn-xl {
padding: 0 15px
}
}
@media (min-width: 575px) {
.top-menu.switch-on-mobile {
display:none
}
.header-block__item-account.switch-on-mobile {
display: flex
}
}
@media (min-width: 767px) {
.header-phones__main.two-line {
font-size:1.11em
}
.footer__column-ul {
display: block!important;
height: auto!important
}
}
@media (min-width: 992px) {
.top-links .top-menu__btn {
display:none
}
.top-links__ul {
position: static;
display: flex;
align-items: center;
background: none;
box-shadow: none;
list-style: none;
margin: 0;
padding: 0
}
.top-links__li {
margin: 0 20px 0 0
}
.top-links .top-links__a {
margin-top: -2px;
padding: 0;
font-size: .8em;
color: #333;
background: none!important
}
.top-links .top-links__a:hover {
color: var(--top-menu-btn-c-hover)
}
.header-block__item-search.order-2 {
order: 2;
padding-left: 10px
}
.header-block__item-telephone.order-1 {
order: 1;
padding-left: 5px
}
.header-block__item-menu {
padding: 0 15px
}
.header-block__item-menu + .header-block__item-search + .header-block__item-telephone {
padding-left: 15px
}
.header-menu__btn {
height: 34px;
padding: 0 12px;
font-weight: 500;
font-size: .95em;
color: #FFF;
background: #666;
border: none;
border-radius:0px;
white-space: nowrap
}
.header-menu__icon {
margin: 0 5px 0 0
}
.header-menu__btn.show .header-menu__icon:before {
content: '\f00d'
}
.main-menu {
position: relative;
z-index: 998
}
.main-menu.set-before:before {
position: absolute;
top: 0;
left: 50%;
width: 100vw;
content: '';
background: #fff;
transform: translateX(-50%)
}
.menu-wrapper.new {
display: none;
position: absolute;
top: 0%;
left: 10px;
right: 10px;
z-index: 988;
padding: 0;
background: #fff;
border-radius: 0 0 4px 4px
}
.menu1:hover .menu__collapse {
display: block!important
}
.menu__header-icon {
margin: 0 10px 0 0
}
.menu1 .menu__collapse {
display: none
}
.menu1:not(.new) .menu__collapse {
border-radius: 0 0 4px 4px
}
.menu__level-1-li {
display: flex;
align-items: center
}
.menu__level-1-li.has-children:after {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 46px;
text-align: center;
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
content: "";
font-size: .75em;
transition: transform ease-in-out .15s
}
.menu__level-1-li.open:after {
transform: rotate(-90deg)
}
.menu__level-2 {
position: absolute;
z-index: -1;
top: 0;
left: 100%;
display: none;
align-content: flex-start;
flex-wrap: wrap;
overflow-y: auto;
padding: 0 10px;
border-radius: 0 4px 4px 0;
box-shadow: 0 4px 10px rgba(0 0 0 / .2);
scrollbar-width: thin
}
.menu__level-2.open {
display: flex
}
.menu__level-2::-webkit-scrollbar {
width: 8px;
background: #eee;
border-radius:0px
}
.menu__level-2::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius:0px
}
.menu__level-2.column-1 {
flex-wrap: nowrap;
flex-direction: column
}
.menu__level-2-wrap {
display: flex;
flex-wrap: wrap
}
.menu__level-2-ul.has-image {
padding-left: 60px
}
.menu__level-2-img {
position: absolute;
top: 10px;
left: 0;
width: 50px
}
.menu__level-2-ul {
flex: 0 0 auto;
padding: 0 10px
}
.menu__level-2-a.has-children {
min-height: auto;
margin: 14px 0 10px
}
.menu__level-2:not(.column-10) .menu__level-2-a {
font-weight: 700
}
.menu__level-3 {
padding: 0 0 15px
}
.menu__level-3-li + li {
margin: 7px 0 0
}
.menu__level-3-a:hover {
text-decoration: underline
}
.menu1 .column-1 {
width: 255px
}
.menu1 .column-2 {
width: 490px
}
.menu1 .column-3,.menu1 .column-4 {
width: 720px
}
.menu1.new {
background: var(--menu-main-level-2-bg);
box-shadow: 0 4px 10px rgba(0 0 0 / .2);
border-radius: 0 0 4px 4px
}
.menu1.new .menu__header {
display: none
}
.menu1.new .menu__collapse {
position: relative;
top: 0;
display: block;
width: calc(25% - 15px);
min-height: 70vh;
border-radius: 0 0 0 4px
}
.menu1.new .menu__level-1-li {
position: static
}
.menu1.new .menu__level-2 {
max-height: 100%;
box-shadow: none
}
.menu__level-2-ul.col-md-3:nth-child(n+5):before,.menu__level-2-ul.col-md-4:nth-child(n+4):before,.menu__level-2-ul.col-md-6:nth-child(1n+3):before,.menu__level-2-ul.col-md-12:nth-child(n+2):before {
display: block;
content: '';
border-top: dashed 1px rgba(0 0 0 / .1)
}
.menu2 .collapse {
height: fit-content!important
}
.menu2 .menu__header {
display: none
}
.menu2 .menu__collapse {
display: flex;
top: 0
}
.menu2 .menu__level-1-li {
flex: 1 1 auto;
position: static;
border: none;
box-shadow: inset 1px 0 0 rgba(0 0 0 / .08)
}
.menu2 .menu__level-1-li:last-child {
border-right: solid 1px rgba(0 0 0 / .08);
border-radius: 0
}
.menu2 .menu__level-1-li:after {
margin-left: -15px
}
.menu2 .menu__level-1-li.open:after {
transform: rotate(-180deg)
}
.menu2 .menu__level-1-a {
justify-content: center;
padding: 0 15px;
white-space: nowrap
}
.menu2 .menu__level-1-li.menu__additional:after {
display: none
}
.menu2 .menu__level-2 {
top: 100%;
left: auto!important;
border-radius: 0 0 4px 4px
}
.menu2 .column-1 {
width: 25%
}
.menu2 .column-2 {
width: 50%
}
.menu2 .column-3 {
width: 75%
}
.menu2 .column-4 {
width: 100%
}
.menu2.new {
margin-left: 0
}
.menu2.new .menu__level-1-li:first-child {
box-shadow: inset 1px 0 0 rgba(0 0 0 / .08)
}
.menu-right {
z-index: 98;
height: 46px;
margin-left: -20px;
background: #666;
}
.menu-right .menu__level-1-li:first-child {
box-shadow: none
}
.menu-right .menu__level-1-a,.menu-right .menu__level-1-li:after {
color: var(--menu-right-level-1-c)
}
.menu-right .menu__level-1-li:hover .menu__level-1-a {
color: var(--menu-right-level-1-c-hover)
}
.menu-right .menu__level-2 {
background: var(--menu-right-level-2-bg)
}
.menu-right .menu__level-2-a {
color: var(--menu-right-level-2-c)
}
.menu-right .menu__level-2-a:hover {
color: var(--menu-right-level-2-c-hover)
}
.menu-right .menu__level-3-a {
color: var(--menu-right-level-3-c)
}
.menu-right .menu__level-3-a:hover {
color: var(--menu-right-level-3-c-hover)
}
.menu__banner {
max-width: 300px;
margin: 20px 0;
padding: 0 10px 0 15px;
overflow: hidden;
border-radius:0px
}
.menu__banner img {
max-width: 100%;
border-radius: 2px;
cursor: pointer
}
.uni-item:hover {
border: solid 1px transparent;
box-shadow: 0 5px 15px rgba(0 0 0 / .12)
}
.w-100{width:100%;}
.owl-carousel:hover .owl-nav {
opacity: 1
}
@media (min-width: 767px) and (max-width:1200px) {
.uni-module .product-thumb__quick-order,.grid-view .product-thumb__quick-order {
margin:0 0 0 10px;
padding: 0 10px
}
}
@media (min-width: 1180px) {
.top-menu.switch-on-tablet {
display:none
}
.header-logo span,.header-logo a {
font-size: 1.9em
}
.header-block__item-account.switch-on-tablet {
display: flex
}
.menu1 .column-1 {
width: 270px
}
.menu1 .column-2 {
width: 540px
}
.menu1 .column-3,.menu1 .column-4 {
width: 870px
}
.compact-view .qty-indicator,.compact-view .product-thumb__quick-order {
display: flex
}
.compact-view .product-thumb__quick-order {
display: inline
}
}
@media (min-width: 1345px) {
.menu1 .column-1 {
width: 257px
}
.menu1 .column-2 {
width: 494px
}
.menu1 .column-3 {
width: 736px
}
.menu1 .column-4 {
width: 968px
}
}
@media (min-width: 1600px) {
.menu-wrapper.new .menu__collapse {
width: calc(20% - 15px)
}
.menu1 .column-1 {
width: 313px
}
.menu1 .column-2 {
width: 606px
}
.menu1 .column-3 {
width: 904px
}
.menu1 .column-4 {
width: 1191px
}
}
.uni-slideshow_v2 {
display: block;
margin: 0 0 20px;
border-radius:0px;
overflow: hidden;
background: #fff;
border: solid 1px rgba(0,0,0,.07);
background-clip: padding-box
}
.uni-slideshow_v2.hidden-xs {
display: none!important
}
.uni-slideshow_v2:not(.owl-carousel) .uni-slideshow_v2__item:not(:first-child) {
display: none
}
.uni-slideshow_v2 .owl-stage {
display: flex
}
.uni-slideshow_v2__item {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: flex-end;
width: 100%;
height: 100%;
overflow: hidden;
border-radius:0px;
background: #fff
}
.uni-slideshow_v2__item.uni-href {
cursor: pointer
}
.uni-slideshow_v2__image {
flex: 0 0 50%;
min-width: 50%;
padding: 0 20px
}
.uni-slideshow_v2__image img {
display: block;
max-width: 100%;
margin: 0 auto
}
.uni-slideshow_v2__image:not(.text-over-image) img {
width: auto;
height: auto
}
.uni-slideshow_v2__description {
flex: 0 0 50%;
width: 50%;
padding: 15px 20px
}
.uni-slideshow_v2__btns {
margin: 0 10px 0;
text-align: right
}
.uni-slideshow_v2__image.text-over-image {
display: block;
flex: 0 0 100%;
padding: 0;
overflow: hidden
}
.uni-slideshow_v2__image.text-over-image img {
width: 100%;
object-fit: cover
}
.uni-slideshow_v2__description.text-over-image {
position: absolute;
right: 0;
z-index: 10
}
.uni-slideshow_v2__title {
margin: 0 0 15px;
font-size: 1.7em;
font-weight: 500;
color: var(--slideshow-title-c);
text-transform: uppercase
}
.uni-slideshow_v2__text {
margin: 0 0 25px;
line-height: 1.7em;
color: var(--slideshow-text-c)
}
.uni-slideshow_v2__btn,.uni-slideshow_v2__btn:hover,.uni-slideshow_v2__btn:focus {
color: var(--slideshow-btn-c);
background: var(--slideshow-btn-bg)
}
.uni-slideshow_v2 .owl-nav {
left: 0;
right: 0;
opacity: 0
}
.uni-slideshow_v2 .owl-nav button {
font-size: 2em;
background: none;
box-shadow: none;
color: var(--slideshow-nav-btn-c)
}
.uni-slideshow_v2 .owl-dots {
position: absolute;
z-index: 2;
bottom: 5px;
right: 0;
left: 0;
height: 0
}
.uni-slideshow_v2 .owl-dot span {
background: var(--slideshow-dot-bg)
}
.uni-slideshow_v2 .owl-dot.active span {
background: var(--slideshow-dot-bg-active)
}
@media (min-width: 1600px) {
.uni-slideshow_v2__title {
font-size:1.9em
}
}
@media (min-width: 1000px) {
.uni-slideshow_v2__item:not(.text-over-image):before {
display:block;
position: absolute;
z-index: -1;
top: 0;
width: 100%;
height: 100%;
content: '';
background: linear-gradient(292deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,0) 50%)
}
}
@media (max-width: 1300px) {
.uni-slideshow_v2__title {
font-size:1.5em
}
.uni-slideshow_v2__text {
line-height: 1.6em
}
}
@media (max-width: 992px) {
.uni-slideshow_v2__title {
font-size:1.4em
}
}
@media (max-width: 767px) {
.uni-slideshow_v2__title {
margin:0 0 10px;
font-size: 1.2em
}
.uni-slideshow_v2__text {
margin: 0 0 15px;
font-size: .95em
}
.uni-slideshow_v2__description.text-over-image {
padding: 15px
}
.uni-slideshow_v2__btn {
height: 30px;
padding: 0 12px;
font-size: .85em
}
}
@media (max-width: 575px) {
.uni-slideshow_v2__image {
flex:0 0 100%;
padding: 0
}
.uni-slideshow_v2__image.has-text img {
width: auto
}
.uni-slideshow_v2__title {
text-align: center;
font-size: 1em
}
.uni-slideshow_v2__text {
display: none
}
.uni-slideshow_v2__btns {
display: none;
margin: 0 auto 15px;
text-align: center
}
.uni-slideshow_v2__description {
position: absolute;
flex: 0 0 100%;
width: 100%;
min-width: 100%;
max-width: 100%;
z-index: 99;
bottom: 0;
padding: 10px 10px 14px!important;
text-shadow: 0 0 15px #fff;
background: rgba(255,255,255,.65)!important;
border-top: solid 1px rgba(255,255,255,.4);
border-radius: 0px!important
}
.uni-slideshow_v2__description:before {
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
bottom: 0;
content: '';
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border-radius: 0 0 4px 4px
}
.uni-slideshow_v2__description.hide-in-mobile {
display: none
}
.uni-slideshow_v2 .owl-dots {
bottom: 2px
}
}
.category-wall__item {
position: relative;
width: 100%;
margin: 0 0 20px!important;
padding: 0
}
.category-wall__image {
display: block;
position: relative;
overflow: hidden
}
.category-wall__image.child {
border-bottom: solid 1px rgba(0 0 0 / .07);
box-shadow: 0 5px 5px -2px rgba(0 0 0 / .06)
}
.category-wall__ul {
margin: 0;
list-style: none
}
.category-wall__ul {
padding: 15px 15px 35px
}
.category-wall__ul.child-empty {
padding: 20px
}
.category-wall__li {
margin: 0 0 5px;
font-size: .95em
}
.category-wall__li a {
display: flex;
color: #555
}
.category-wall__li a:hover {
color: #222
}
.category-wall__title {
margin: 0 0 12px;
font-weight: 700;
font-size: 1.1em
}
.category-wall__title.child-empty {
margin: 0;
padding: 0;
text-align: center
}
.category-wall__more {
position: absolute;
bottom: 15px
}
.category-wall__more span {
font-size: .9em;
text-decoration: underline
}
.category-wall__item.type2 {
display: flex;
padding: 15px
}
.category-wall__image.type2 {
flex: 0 0 40%;
border: none;
box-shadow: none
}
.category-wall__ul.type2 {
max-width: 60%;
word-wrap: break-word;
padding: 0 0 25px 20px
}
.category-wall__title.type2 {
text-align: left
}
.category-wall__more.type2 {
}
@media (max-width: 575px) {
.category-wall__image.child.type2 {
flex:0 0 33%
}
.category-wall__title {
font-size: 1em
}
}
.news-module__item {
display: flex;
flex-direction: column;
margin: 0 0 20px;
padding: 0
}
.news-module__image {
position: relative;
overflow: hidden;
border-radius:0px 4px 0 0;
cursor: pointer
}
.news-module__image:after {
position: absolute;
top: 50%;
left: 50%;
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
font-size: 2em;
content: "\f061";
color: #fff;
transform: translate(-50%,-50%) scale(0);
transition: all linear .15s;
}
.news-module__image:hover:after {
transform: translate(-50%,-50%) scale(1)
}
.news-module__description {
display: flex;
flex-direction: column;
flex: 1 1 auto;
padding: 15px
}
.news-module__category-date-viewed {
display: flex;
align-items: center;
margin: 0 0 15px;
color: #888;
font-size: .9em
}
.news-module__category {
overflow: hidden;
margin: 0 15px 0 0;
text-decoration: underline;
white-space: nowrap;
text-overflow: ellipsis
}
.news-module__date {
flex: 0 0 auto;
margin: 0 15px 0 0
}
.news-module__viewed {
flex: 0 0 auto
}
.news-module__date .fa,.news-module__viewed .fa {
margin: 0 5px 0 0;
font-size: .9em
}
.news-module__name {
display: block;
margin: 0 0 10px;
font-weight: 500
}
.news-module__text {
font-size: .95em
}
.news-list {
display: flex;
flex-wrap: wrap;
margin-bottom: 10px
}
.news-list__layout {
display: flex
}
.news-list__item {
margin: 0 0px 20px;
padding: 0
}
.news-list__image img {
border-radius:0px 3px 0 0;
cursor: pointer
}
.news-list__category-date-viewed {
display: flex;
align-items: center;
margin: 0 0 10px;
color: #888;
font-size: .85em
}
.news-list__date {
margin: 0 15px 0 0
}
.news-list__date .fa,.news-list__viewed .fa {
margin: 0 5px 0 0
}
.news-list__name {
display: block;
margin: 0 0 10px;
font-weight: 500
}
.news-list__description {
padding: 15px
}
.news-list__text {
font-size: .95em
}
.news-page {
margin: 0 0 30px
}
.news-page__image {
float: left;
margin: 0 20px 10px 0;
max-width: 30%
}
.news-page__image img {
border-radius:0px
}
.news-page__description {
line-height: 1.5em
}
.news-page__description img,.news-page__description iframe {
max-width: 100%
}
.news-page__social-posted {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin: 0 0 40px
}
.news-page__posted {
color: #888
}
.news-page__posted .fa-eye {
margin: 0 5px 0 0
}
.news-page__posted .fa-calendar {
margin: 0 5px 0 15px
}
.news-page ol,.news-page ul {
display: inline-block;
padding: 0 0 0 15px;
clear: both
}
.news-prevnext {
margin: 0 0 30px;
padding: 15px 0;
background: #f8f8f8;
border-radius:0px
}
.news-prevnext__item {
height: 100%;
padding: 0 5px
}
.news-prevnext__item.prev {
text-align: right
}
.news-prevnext__a {
display: flex;
height: calc(100% - 20px);
padding: 0 0 10px;
font-weight: 500;
text-decoration: underline
}
.news-prevnext__a.prev {
justify-content: flex-end
}
.news-prevnext__date {
font-size: .95em;
color: #888
}
.mfp-bg {
opacity: 0!important;
transition: all ease-in-out .3s
}
.mfp-bg.mfp-ready {
opacity: .6!important
}
.mfp-bg.mfp-removing {
opacity: 0!important
}
.mfp-wrap {
z-index: 1066
}
.mfp-arrow {
opacity: 0!important;
transition: all ease-in-out .3s
}
.mfp-ready .mfp-arrow {
opacity: .5!important
}
.mfp-removing .mfp-arrow {
opacity: 0!important
}
.mfp-figure {
background: #fff;
border-radius: 10px;
box-shadow: 0 0 20px #555
}
.mfp-figure:after {
display: none!important
}
.mfp-close {
color: #555!important;
right: 10px!important
}
.mfp-bottom-bar {
position: relative!important;
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px
}
.mfp-bottom-bar .mfp-title {
max-width: 85%;
padding: 0!important;
font-size: .9em;
color: #888
}
.mfp-bottom-bar .mfp-counter {
position: relative;
color: #555
}
@media (max-width: 575px) {
.news-module__item {
margin:0 0 10px
}
.news-page__image {
margin: 0 0 15px;
width: 100%;
max-width: 100%
}
.news-page__social-posted {
justify-content: flex-end
}
.news-page__social {
margin: 0 0 10px
}
.news-page__posted {
flex: 1 0 100%;
text-align: right
}
}
.review-module__item {
display: flex;
flex-direction: column;
margin: 0 0 20px
}
.review-module__row {
display: flex
}
.review-module__row:last-of-type {
align-items: center;
margin-top: auto
}
.review-module__image {
flex: 0 0 30%;
margin: 0 0 10px;
cursor: pointer
}
.review-module__name {
display: block;
margin: 0 0 8px;
font-size: .9em;
font-weight: 700
}
.review-module__description {
padding: 0 0 0 15px
}
.review-module__text {
margin: auto 0 15px;
font-size: .9em;
word-wrap: break-word
}
.review-module__rating {
flex: 0 0 30%;
justify-content: center;
font-size: .85em
}
.review-module__posted {
display: flex;
padding: 0 0 0 15px;
font-weight: 700;
font-size: .85em
}
.review-module__author {
max-width: 46%;
overflow: hidden;
margin: 0 20px 0 0;
white-space: nowrap;
text-overflow: ellipsis
}
.review-module__date {
color: #888
}
.reviews-page .sorts-block {
justify-content: flex-end
}
.reviews-page select.form-control {
margin: 0
}
.reviews-page .products-block {
display: flex;
flex-wrap: wrap
}
.reviews-page .product-layout {
display: flex;
flex-wrap: wrap
}
.reviews-page .product-thumb-2 {
display: flex;
flex-direction: column;
height: calc(100% - 20px);
margin: 0 0 20px
}
.reviews-page .product-thumb__caption {
display: flex;
flex-direction: column;
flex: 1 0 0;
height: 100%
}
.reviews-page .product-thumb__name {
margin-bottom: 0
}
.reviews-page .product-thumb__name:after {
display: block;
content: '';
height: 10px
}
.reviews-page__description {
display: block!important;
margin-bottom: auto;
padding: 10px 0 15px
}
.reviews-page__author,.reviews-page__date {
font-size: .85em
}
.reviews-page__author {
padding: 0 0 5px
}
@media (max-width: 575px) {
.review-module__item {
margin:0 0 10px
}
}
.fly-menu {
display: block!important;
z-index: 1030;
position: fixed;
left: 0;
right: 0;
top: -100%;
background: var(--fly-menu-bg);
box-shadow: 0 4px 10px rgba(0 0 0 / .2);
transition: top ease-in-out .4s
}
.fly-menu.show {
top: 0
}
.fly-menu .row {
display: flex;
height: 50px;
align-items: center
}
.fly-menu__block {
position: relative;
width: 50px;
height: 34px;
border-radius:0px;
cursor: pointer
}
.fly-menu__phone {
color: var(--fly-menu-icon-c);
white-space: nowrap
}
.fly-menu__account.show .dropdown-menu {
display: block;
left: auto;
right: 0;
top: calc(100% + 4px);
border-radius: 0 0 4px 4px
}
.fly-menu__icon {
width: 100%;
text-align: center;
line-height: 33px;
font-size: 1.5em;
color: var(--fly-menu-icon-c)
}
.fly-menu__icon-compare {
transform: rotate(90deg)
}
.fly-menu__total {
position: absolute;
left: calc(50% + 4px);
bottom: 3px;
display: flex;
align-items: center;
justify-content: center;
height: 12px;
min-width: 12px;
font-size: .6em;
border-radius: 12px
}
.fly-menu__text {
display: none
}
.fly-menu__wishlist-total,.fly-menu__compare-total,.fly-menu__cart-total {
color: var(--fly-menu-icon-total-c);
background: var(--fly-menu-icon-total-bg)
}
@media (min-width: 992px) {
.fly-menu__menu {
flex:0 0 auto
}
.fly-menu__menu .menu {
min-height: auto
}
.fly-menu__menu .menu__header {
float: left;
position: relative;
height: 34px;
border-radius:0px
}
.fly-menu__menu .menu__header:before {
position: absolute;
z-index: 2;
left: 0;
bottom: -10px;
width: 100%;
height: 15px;
content: ''
}
.fly-menu .menu__header-title {
padding: 0 5px 0 0
}
.fly-menu .menu__collapse {
top: 42px;
border-radius: 0 0 4px 4px
}
.fly-menu .menu {
background: none
}
.fly-menu .menu__level-1-li.open {
background: var(--fly-menu-level-1-bg-hover)
}
.fly-menu .menu__level-1-li:first-child {
border-top: solid 1px rgba(0 0 0 / .1)
}
.fly-menu .menu__level-2 {
max-height: calc(100vh - 100px);
margin-left: 0!important
}
.fly-menu .menu__additional {
display: none!important
}
.fly-menu .menu__level-1-li.has-children:not(.menu__additional) {
display: flex!important
}
.fly-menu__product {
display: flex;
align-items: center;
flex: 1 1 auto;
overflow: hidden;
}
.fly-menu__product-name {
width: 100%;
margin: 0 10px;
padding: 0;
font-size: 1.3em;
font-weight: 500;
overflow: hidden
}
.fly-menu__product-name span {
position: relative;
white-space: nowrap
}
.fly-menu__product-price {
flex-wrap: nowrap;
padding: 0 25px;
font-size: 1.4em
}
.fly-menu__product-price span + span {
margin: 0 0 0 10px
}
.fly-menu__product .price .price-tax {
display: none
}
.fly-menu__product-btn {
height: 32px;
margin: 0;
padding: 0 15px
}
.fly-menu__search {
flex: 1;
position: relative;
left: 0;
z-index: 999;
margin: 0 10px;
padding: 0 0 0 5px
}
.fly-menu .header-search__category-btn {
color: var(--fly-menu-search-cat-btn-color);
background: var(--fly-menu-search-cat-btn-bg)
}
.fly-menu .header-search__btn {
color: var(--fly-menu-search-input-color)
}
.fly-menu .header-search__input {
color: var(--fly-menu-search-input-color);
background: var(--fly-menu-search-input-bg)
}
.fly-menu .header-search__input::-webkit-input-placeholder {
color: var(--fly-menu-search-input-color)
}
.fly-menu .header-search__input::-moz-placeholder {
color: var(--fly-menu-search-input-color)
}
.fly-menu .header-search__input:-ms-input-placeholder {
color: var(--fly-menu-search-input-color)
}
.fly-menu .header-search__input:-input-placeholder {
color: var(--fly-menu-search-input-color)
}
.fly-menu .live-search {
top: 9px
}
.fly-menu__phone {
padding: 0 30px;
font-size: 1.2em;
font-weight: 500
}
.fly-menu__block {
margin: 0 5px
}
.fly-menu__account {
margin-left: 0
}
.fly-menu__cart {
margin-right: 10px
}
.fly-menu__block.show {
box-shadow: inset 0 0 0 128px rgba(0 0 0 / .05)
}
}
@media (max-width: 575px) {
.fly-menu__total {
font-size:.65em
}
}
@media (max-width: 992px) {
.footer.mobile-menu-bottom {
padding-bottom:60px
}
.fly-block.mobile-menu-bottom {
right: 10px;
bottom: 80px
}
.fly-menu.show-label {
height: 62px
}
.fly-menu .row {
display: flex;
height: 48px
}
.fly-menu__block {
flex: 1 1 auto;
margin: 0 3px
}
.fly-menu__block:first-child {
margin-left: 0
}
.fly-menu__block:last-child {
margin-right: 0
}
.fly-menu__block.show {
box-shadow: inset 0 0 0 128px rgba(0 0 0 / .05)
}
.fly-menu__icon {
font-size: 1.2em
}
.fly-menu__search-m .header-search {
display: none;
position: fixed;
z-index: -1;
left: 0;
right: 0;
width: auto;
border-radius:0px;
box-shadow: 0 6px 12px rgba(0 0 0 / .18)
}
.fly-menu__search-m.show .header-search {
display: block
}
.fly-menu__search-m.show .header-search__input,.fly-menu__search-m.show .header-search__category-btn {
height: 48px;
border-radius: 0
}
.fly-menu__search-m .search-btn-clear {
top: 13px
}
.fly-menu__search-m .live-search__ul {
position: relative;
z-index: -1;
margin: 0
}
.fly-menu__telephone {
padding: 0
}
.fly-menu__telephone.show .fly-menu__telephone-dropdown {
display: block;
top: 100%;
right: 0;
margin: 0;
border-radius: 0 0 4px 4px
}
.fly-menu__telephone-dropdown a {
font-size: 1em!important
}
.fly-menu__label {
display: block;
margin: 5px 0 0;
text-align: center;
font-size: .65em;
color: var(--fly-menu-label-c)
}
.fly-menu.bottom {
top: auto;
bottom: 0;
border-bottom: solid 1px #ccc;
box-shadow: 0 -4px 10px rgba(0 0 0 / .2);
transition: none
}
.fly-menu.bottom .fly-menu__search-m.show .header-search {
top: 0;
left: -1px;
right: -1px;
border-radius: 0
}
.fly-menu.bottom .fly-menu__account-dropdown {
top: -10px;
left: 0;
right: auto;
transform: translateY(-100%);
box-shadow: 0 -6px 12px rgba(0 0 0 / .18);
border-radius:0px 4px 0 0
}
.fly-menu-backdrop {
position: fixed;
z-index: 1020;
width: 100%;
height: 100%;
backdrop-filter: blur(2px);
background: rgba(255 255 255 / .2)
}
}
@media (max-width: 1200px) {
.fly-menu__phone {
padding:0 15px
}
.fly-menu__product + .fly-menu__phone {
display: none
}
}
.qty-indicator {
display: flex;
align-items: center;
margin: 0 0 20px;
font-size: .85em;
color: #777;
white-space: nowrap;
line-height: 1em
}
.qty-indicator:before {
content: attr(data-text);
margin: 0 5px 0 0
}
.qty-indicator__bar {
position: relative;
overflow: hidden;
width: 61px;
height: 8px;
background: var(--qty-indicator-0);
border-radius:0px
}
.qty-indicator__bar:before,.qty-indicator__bar:after {
position: absolute;
top: 0;
bottom: 0;
width: 21.5%;
content: '';
border-left: solid 1px #fff;
border-right: solid 1px #fff;
opacity: .5
}
.qty-indicator__bar:before {
left: 20%
}
.qty-indicator__bar:after {
left: 60%
}
.qty-indicator__percent {
height: 100%
}
.qty-indicator__percent:before {
position: absolute;
z-index: 2;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
border: solid 1px rgba(0 0 0 / .08);
border-radius:0px
}
.qty-indicator__text {
font-weight: 500
}
.qty-indicator__percent.p-0 {
background: var(--qty-indicator-0)
}
.qty-indicator__percent.p-1 {
background: var(--qty-indicator-1)
}
.qty-indicator__percent.p-2 {
background: var(--qty-indicator-2)
}
.qty-indicator__percent.p-3 {
background: var(--qty-indicator-3)
}
.qty-indicator__percent.p-4 {
background: var(--qty-indicator-4)
}
.qty-indicator__percent.p-5 {
background: var(--qty-indicator-5)
}
.qty-indicator__text.t-0 {
color: var(--qty-indicator-0)
}
.qty-indicator__text.t-1 {
color: var(--qty-indicator-1)
}
.qty-indicator__text.t-2 {
color: var(--qty-indicator-2)
}
.qty-indicator__text.t-3 {
color: var(--qty-indicator-3)
}
.qty-indicator__text.t-4 {
color: var(--qty-indicator-4)
}
.qty-indicator__text.t-5 {
color: var(--qty-indicator-5)
}
@media (max-width: 575px) {
.product-thumb .qty-indicator:before {
display:var(--prod-thumb-indicator-before-display,none)
}
}
.subscribe {
position: relative;
margin: -20px 0 20px;
padding: 25px 0 0px
}
.subscribe__info {
display: flex;
margin: -4px 0 0;
color: var(--subscribe-info-c)
}
.subscribe__agree {
margin: 0;
font-size: .85em
}
.subscribe__agree input {
min-width: 13px;
width: 13px!important;
height: 13px!important;
border: none!important
}
.subscribe__agree b {
font-weight: 400;
text-decoration: underline
}
.subscribe__block {
display: flex;
width: 100%;
margin: 0 0 5px
}
.subscribe__points {
line-height: 38px;
margin: 0 15px 0 0;
font-weight: 500;
font-size: 3em;
color: var(--subscribe-points-c)
}
.subscribe__icon {
margin: -1px 15px 0 0;
font-size: 3.2em;
color: var(--subscribe-points-c)
}
.subscribe__inputs {
width: 100%;
position: relative
}
.subscribe__input {
height: 34px!important;
color: var(--subscribe-input-c);
background: var(--subscribe-input-bg);
border: none
}
.subscribe__input-email {
width: 100%;
border-radius:0px 0 0 4px
}
.subscribe__input-password {
position: absolute;
top: 0;
right: 0;
width: 0;
padding: 0;
transition: all ease-in-out .3s
}
.subscribe__input-password.show-pass {
width: 40%;
padding: 0 12px;
border-radius: 0;
border-left: solid 1px #eee
}
.subscribe__btn,.subscribe__btn:hover {
width: auto;
padding: 0 15px;
color: var(--subscribe-btn-c);
background: var(--subscribe-btn-bg);
border-radius: 0 4px 4px 0
}
.subscribe__bottom {
width: 100%;
margin: 20px 10px 0;
border-top: solid 1px rgba(0 0 0 / .05)
}
.subscribe__input::-webkit-input-placeholder {
color: var(--subscribe-input-c)
}
.subscribe__input::-moz-placeholder {
color: var(--subscribe-input-c)
}
.subscribe__input:-ms-input-placeholder {
color: var(--subscribe-input-c)
}
.subscribe__input:-input-placeholder {
color: var(--subscribe-input-c)
}
@media (max-width: 992px) {
.subscribe__block {
margin:20px 0 10px
}
.subscribe__info {
width: 100%;
align-items: center
}
}
@media (max-width: 767px) {
.subscribe__block {
flex-wrap:wrap
}
.subscribe__input-email {
border-radius:0px
}
.subscribe__input-password.show-pass {
width: 50%!important;
border-radius: 0 4px 4px 0!important
}
.subscribe__btn {
width: 100%;
margin: 15px 0 5px;
border-radius:0px
}
}
.menu__banner>div {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
padding: 15px;
text-align: center;
background: #f7f7f7;
border-radius:0px
}
.menu__banner div img {
margin: 15px 0;
padding: 15px
}
.menu__banner span {
color: #f44336;
font-size: 1.5em;
font-weight: 500
}
.menu__banner span:last-of-type {
font-size: 1.3em
}
.article_description h3.heading {
font-weight: 700
}
.btn{
border-radius:0px;
}
.mobiles{
display:none;
}
@media(max-width:768px){
.mobiles{
display:block;
}
}
.cta-btn{
background:none;
padding:20px 10px;
text-align:center;
border-radius: 7px;
margin:10px 5px;
border:1px solid #ccc;
line-height:0px;
color:#fff;
}
@media(max-width:768px){
.cta-btn{
background:none;
padding:20px 10px;
text-align:center;
border-radius: 7px;
margin:10px 5px;
border:1px solid #ccc;
line-height:0px;
color:#fff;
width:29%;
font-size:10px;
line-height:0px;
}
}
.cta-btn:hover{
background:rgb(255,255,255, 0.5);
padding:20px 10px;
text-align:center;
border-radius: 7px;
margin:10px 5px;
border:1px solid #ccc;
line-height:0px;
color:#0a2141;
}
}
.w-100{
width:100%;
margin: 1px 3px;
}