/* Fonts setting for css */

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

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

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

/* Basic setting for css file */

:root {
    --accent: #97E1DE;
    --border-color: #6A6C72;
    --gaccent: #333539;
    --bg-color: #101010;
    --filter-title: #E0E1E7;
    --filter-bg: #333539;
    --menu-color: #E0E1E7;

    --title-color: #fff;
    --text-color: #94969D;
    --text-dark: #3E4146;
    --text-light: #A3A5AC;
    --contact-text: #1f2024;

    --input-bg: #A3A5AC;
    --input-text: #3E4146;

    --btn-hover: #6DD2CE;
    --btn-active: #2CBCB7;

    --opensans-regular: 'Opensans', sans-serif;
    --opensans-semibold: 'Opensans Semibold', sans-serif;
    --opensans-bold: 'Opensans Bold', sans-serif;

    --current-fontsize: 16px;
    --current-grid: 1570px;
    --current-mingrid: 95%;

    --sale-sticker: #9C67D9;
    --skidka-sticker: #31C982;
    --new-sticker: #31C982;
    --best-sticker: #F39F4B;

    --width-catalog-menu: 369px;
}

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

*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

::-webkit-scrollbar-track {
    background-color: rgba(106, 108, 114, 0.2);
}

::-webkit-scrollbar {
    width: 4px;
    background-color: rgba(106, 108, 114, 0.2);
}

::-webkit-scrollbar-thumb {
    background-color: rgba(163, 165, 172, 0.8);
    background-clip: padding-box;
    width: 2px;
    border-radius: 5px;
}

.container {
    max-width: var(--current-grid);
}

.table thead th {
    border-bottom: none !important;
}

.table td,
.table th {
    border-top: none !important;
}

body {
    min-width: 320px;
    overflow-x: hidden;
    font-size: var(--current-fontsize);
    font-family: var(--opensans-regular);
    font-weight: 400;
    background-color: var(--bg-color);
    overflow-wrap: break-word;
}

a {
    color: var(--accent);
    text-decoration: none;
    outline: none;
}

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


img {
    max-width: 100%;
    display: block;
}

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

.flex__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

.p0 {
    padding: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.m0 {
    margin: 0 !important;
}

.m-auto {
    margin: auto;
}

.mr-0 {
    margin-right: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

.smart__slider .slick-dots {
    display: none !important;
}

.slick-dots li {
    width: 11px !important;
    height: 11px !important;
    border-radius: 100% !important;
    background-color: rgba(255, 255, 255, 0.28) !important;
}

.slick-dots li button:before {
    width: 13px !important;
    width: 11px !important;
    height: 13px !important;
    border-radius: 100% !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    color: #fff !important;
    font-size: 12px !important;
    -webkit-transition: all 0.5s ease !important;
    -o-transition: all 0.5s ease !important;
    transition: all 0.5s ease !important;
}

.slick-dots li button:before {
    opacity: 1 !important;
    font-size: 11px !important;
    color: #101010 !important;
}

.related .slick-dots li button:before,
.articles .slick-dots li button:before,
.viewed .slick-dots li button:before {
    opacity: 1 !important;
    font-size: 40px !important;
    color: #101010 !important;
}

.slick-dots li.slick-active button:before {
    opacity: 1 !important;
    color: #9599A8 !important;
}

.smart__slider .slider__wrap .slick-dots li.slick-active button:before {
    opacity: .75 !important;
    color: #9599A8 !important;
}

.smart__slider .slider__text a:hover {
    color: var(--btn-hover) !important;
}

/* Actives */

/* Block with phone in header */

.drop-top {
    top: -26px !important;
}

.drop-top p {
    color: var(--accent) !important;
}

.drop-top .fa-chevron-down {
    color: var(--accent) !important;
}

.incompare {
    top: 75px !important;
    visibility: visible !important;
}

/* UI nulled style */

.ui-tabs .ui-tabs-panel {
    padding: 0;
}

.hide__after::after {
    display: none;
}

/* Breadcrumbs */

ul.breadcrumb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 10px 0 0px 0;
    padding: 0;
    background-color: transparent;
}

ul.breadcrumb li a {
    color: #9a9a9a;
    font-size: 13px;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
    line-height: 15px;
}

ul.breadcrumb li a:hover {
    color: var(--accent);
}

ul.breadcrumb li span {
    margin: 0 5px;
    color: var(--accent);
    line-height: 15px;
}

ul.breadcrumb li.active {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.center__pagination {
    margin: 0 auto;
}

.block__center {
    margin: 0 auto;
}

h1,
h2,
h3,
h4,
h5,
p {
    margin-bottom: 0;
}

p {
    color: var(--text-color);
}

.slick-track {
    margin-left: initial;
    margin-right: initial;
}

input::-webkit-input-placeholder {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

input::-moz-placeholder {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

input:-moz-placeholder {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

input:-ms-input-placeholder {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

input:focus::-webkit-input-placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

input:focus::-moz-placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

input:focus:-moz-placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

input:focus:-ms-input-placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.icon__shopping-cart {
    background-image: url("/assets/img/icon/cart_icon.svg");
}

.icon__shopping-cart-active {
    background-image: url("/assets/img/icon/shopping-cart-active.svg");
}

.icon__check {
    background-image: url("/assets/img/icon/check.svg");
}

.icon__compare {
    background-image: url("/assets/img/icon/compare.svg");
}

.icon__envelope {
    background-image: url("/assets/img/icon/envelope.svg");
}

.icon__facebook {
    background-image: url("/assets/img/icon/facebook.svg");
}

.icon__google {
    background-image: url("/assets/img/icon/google.svg");
}

.icon__pinterest {
    background-image: url("/assets/img/icon/pinterest.svg");
}

.icon__twitter {
    background-image: url("/assets/img/icon/twitter.svg");
}

.icon__heart {
    background-image: url("/assets/img/icon/heart.svg");
}

.icon__minus {
    background-image: url("/assets/img/icon/minus.svg");
}

.icon__plus {
    background-image: url("/assets/img/icon/plus.svg");
}

.icon__search {
    background-image: url("/assets/img/icon/search.svg");
}

.icon__phone {
    background-image: url("/assets/img/icon/phone.svg");
}

.icon__share {
    background-image: url("/assets/img/icon/share.svg");
}

.icon__user {
    background-image: url("/assets/img/icon/user.svg");
}

.icon__up {
    background-image: url("/assets/img/icon/chevron-up.svg");
}

.icon__down {
    background-image: url("/assets/img/icon/chevron-down.svg");
}

/* Header setting for css */

/* Index header */

.header {
    margin-bottom: 10px;
}

/* --Top header block */

.top-header {
    width: 100%;
    min-height: 81px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: var(--bg-color);
}

.top-header__logo #logo {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

/* Top header menu */
.top-header__menu {
    display: flex;
    justify-content: center;
}

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

.top-header__menu ul li {
    margin-right: 20px;
}

.top-header__menu ul li:last-child {
    margin-right: 0;
}

.top-header__menu ul li a {
    color: var(--menu-color);
    font-weight: 600;
    font-size: 13px;
    -webkit-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
}

.top-header__menu ul li a:hover {
    color: var(--accent);
    text-decoration: none;
}

/* Top header info block */

.top-header__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

.top-header__info > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 26px;
    position: relative;
    border-right: 1px solid var(--border-color);
    -webkit-transition: border-right 0.5s ease-in-out;
    -o-transition: border-right 0.5s ease-in-out;
    transition: border-right 0.5s ease-in-out;
}

.top-header__info > div {
    padding-right: 10px;
    padding-left: 10px;
}

/*
.top-header__info > div:last-child {
    padding-right: 0px;
}
*/

.top-header__info > div p {
    padding: 0 7px;
    color: var(--menu-color);
    font-weight: bold;
    font-size: 12px;
    line-height: 1.3;
    -webkit-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out;
}

/* Top header info block with phone */

.top-header__info-phone {
    position: relative;
}

.top-header__info-phone .phone-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 26px;
    height: 26px;
    background-color: transparent;
    border-radius: 100%;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.top-header__info-phone .phone-block .fa-phone {
    color: var(--menu-color);
    width: auto;
    height: auto;
    font-size: 14px;
}

.top-header__info .fa-chevron-down {
    color: var(--menu-color);
    margin-bottom: 2px;
}

.top-header__info-phone:hover p {
    cursor: pointer;
    color: var(--accent);
}

.top-header__info-phone:hover .fa-chevron-down {
    cursor: pointer;
    color: var(--accent);
}

.top-header__info-phone:hover .phone-block {
    background-color: var(--accent);
}

.top-header__info-phone:hover .phone-block .fa-phone {
    color: var(--text-dark);
}

.dropdown-phone__block {
    position: absolute;
    width: 230px;
    top: -1000px;
    right: 0;
    z-index: 25;
    background-color: var(--gaccent);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    -webkit-transition: top .50s ease-in-out;
    -o-transition: top .50s ease-in-out;
    transition: top .50s ease-in-out;
}

.dropdown-inner__phone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 31px;
    margin-bottom: 17px;
}

.dropdown-inner__phone .fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dropdown-inner__info .fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dropdown-phone__block .phone-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 26px;
    height: 26px;
    background-color: var(--accent);
    border-radius: 100%;
}

.dropdown-phone__block .phone-block .fa-phone {
    color: var(--text-dark);
    width: auto;
    height: auto;
}

.dropdown-phone__block-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 11px;
    margin-left: 30px;
    margin-right: 19px;
}

.dropdown-phone__block-link:last-child {
    margin-bottom: 0;
}

.dropdown-phone__block-link .fa-phone {
    width: 12px;
    height: 12px;
    color: var(--accent);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: 12px;
    margin-right: 16px;
    -webkit-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out;
}

.dropdown-phone__block-link a {
    color: var(--accent);
    font-weight: bold;
    font-size: 13px;
    -webkit-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out;
}

.dropdown-phone__block-link a:hover {
    color: var(--accent);
}

.dropdown-phone__block-call {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    outline: none;
    height: 52px;
    background-color: var(--accent);
    color: var(--gaccent);
    font-weight: bold;
    font-size: 13px;
    border: 1px solid transparent;
    margin-top: 21px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.dropdown-phone__block-call:hover {
    background-color: var(--btn-hover);
    color: var(--text-dark);
}

.dropdown-phone__block-call:focus {
    background-color: var(--btn-active);
    color: var(--text-dark);
}

/* Top header info block with user */

.top-header__info-user .fa-user {
    width: auto;
    height: auto;
    color: var(--menu-color);
    font-size: 14px;
}

.top-header__info-user .user__block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    background-color: transparent;
    border-radius: 100%;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.top-header__info-user:hover .user__block {
    background-color: var(--accent);
}

.top-header__info-user:hover .user__block .fa-user {
    color: var(--text-dark);
}

.top-header__info-user:hover p {
    cursor: pointer;
    color: var(--accent);
}

.top-header__info-user:hover .fa-chevron-down {
    cursor: pointer;
    color: var(--accent);
}

.dropdown-info__block {
    position: absolute;
    width: 202px;
    top: -1000px;
    right: 0;
    z-index: 50;
    background-color: var(--gaccent);
    padding-bottom: 21px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    -webkit-transition: top .50s ease-in-out;
    -o-transition: top .50s ease-in-out;
    transition: top .50s ease-in-out;
}

.dropdown-inner__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 31px;
    margin-bottom: 17px;
}

.dropdown-info__block-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 11px;
    margin-left: 19px;
    margin-right: 19px;
}

.dropdown-info__block-link:last-child {
    margin-bottom: 0;
}

.dropdown-info__block-link .fa-unlock,
.dropdown-info__block-link .fa-pencil-alt {
    width: 12px;
    height: 12px;
    color: var(--accent);
    margin-left: 8px;
    margin-right: 16px;
    -webkit-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out;
}

.dropdown-info__block-link .header__icons {
    width: 12px;
    height: 12px;
    color: var(--accent);
    margin-left: 8px;
    margin-right: 16px;
    -webkit-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out;
}

.dropdown-info__block-link a {
    color: var(--menu-color);
    font-weight: bold;
    font-size: 13px;
    -webkit-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out;
}

.dropdown-info__block-link a:hover {
    color: var(--accent);
}

.dropdown-inner__info .user__block {
    background-color: var(--accent);
}

.dropdown-inner__info .user__block .fa-user {
    color: #fff;
}

/* Lang */
.top-header__info>.top-header__info-language {
    width: auto;
}

.top-header__info-language form {
    position: relative;
}

.top-header__info-language .dropdown-toggle::after {
    content: none;
}

.top-header__info-language .dropdown-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dropdown-language__block {
    position: absolute;
    top: -1000px;
    left: 24px;
    transform: translateX(-50%);
    z-index: 25;
    width: 70px;
    background-color: var(--gaccent);
    -webkit-transition: top .50s ease-in-out;
    -o-transition: top .50s ease-in-out;
    transition: top .50s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: auto;
    margin: 0;
    border-radius: 0;
    padding: 0;
}

.dropdown-language__block button {
    text-transform: uppercase;
}

.dropdown-language__block.drop-top {
    top: 30px !important;
    left: 24px;
}

.top-header__info-language .current-language {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.top-header__info-language .current-language:hover p {
    cursor: pointer;
    color: var(--accent);
}

.top-header__info-language .current-language p {
    margin-bottom: 0;
    text-transform: uppercase;
}

.top-header__info-language .dropdown-inner__language {
    padding-top: 25px;
    height: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.dropdown-language__block .icon__triangle-down {
    display: flex;
}

.dropdown-language__block.drop-top .icon__triangle-down {
    transform: rotate(180deg);
}

.dropdown-language__block.drop-top .icon__triangle-down path {
    fill: var(--accent);
}

#show-language {
    transform: rotate(0deg);
    transition: all .5s;
}

#show-language.open {
    transform: rotate(180deg);
}

.current-language:hover p {
    cursor: pointer;
}

.top-header__info-language path {
    fill: var(--dark);
}

.top-header__info-language:hover path {
    cursor: pointer;
    fill: var(--accent);
}

.dropdown-inner__language .fa-chevron-up {
    cursor: pointer;
    color: var(--seccond);
    width: 11px;
    height: 12px;
}

.top-header__info-language:hover .fa-chevron-down {
    cursor: pointer;
    color: var(--accent);
}

.top-header__info-language .language-item .btn {
    font-size: 13px;
    font-weight: bold;
    line-height: 150%;
    padding: 5px;
    color: var(--menu-color);
    margin-left: auto;
    margin-right: auto;
    width: auto;
}

.top-header__info-language .language-item .btn:hover {
    color: var(--accent);
    text-decoration: none;
}

/* Bottom header block */

.bottom-header {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; */
    background-color: #fff;
    margin: 0 15px;
    position: relative;
}

/* Header index menu */

.bottom-header__menu {
    position: relative;
    width: 100%;
    max-width: var(--width-catalog-menu);
}

/* Dropdown header menu */

.catalog-menu {
    display: none;
    position: absolute;
    top: 75px;
    left: 0;
    width: 100%;
    z-index: 900000;
    background-color: transparent;
}

.catalog-menu__nav {
    position: relative;
}

.catalog-menu__item {
    max-width: var(--width-catalog-menu);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--gaccent);
}

.catalog-menu__item:last-child {
    border-bottom: none;
}

.catalog-menu__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--menu-color);
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    line-height: 1.5;
    width: 100%;
    height: 100%;
    padding: 15px 31px;
    transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
}

.catalog-menu__link:hover {
    color: var(--accent);
}

.catalog-menu__link path {
    fill: #a0a0a0;
    -webkit-transition: fill 0.5s ease;
    -o-transition: fill 0.5s ease;
    transition: fill 0.5s ease;
}

.catalog-menu__link:hover path {
    fill: var(--accent);
}

.catalog-menu__link:hover {
    color: var(--accent);
}

.catalog-menu__image {
    width: 27px;
    margin-right: 31px;
    text-align: center;
}

.catalog-menu__image img {
    display: block;
    margin: 0 auto;
}

.catalog-menu__inner {
    width: 100%;
}

.catalog-menu__list-lvl-1 {
    max-width: var(--width-catalog-menu);
    background: #fff;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}

.catalog-menu__inner-lvl-1 {
    position: absolute;
    left: var(--width-catalog-menu);
    top: 0;
    width: calc(10% + var(--width-catalog-menu));
    display: none;
    padding-bottom: 5px;
    background: var(--gaccent);
}

.catalog-menu__link-lvl-1 {
    width: 100%;
    border-right: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

.catalog-menu__item-lvl-1:hover .catalog-menu__inner-lvl-1 {
    display: flex;
    height: 100%;
}

.catalog-menu__item-lvl-1:hover {
    border-right: none;
}

.catalog-menu__item-lvl-2 {
    flex-direction: column;
}

.catalog-menu__link-lvl-2 {
    font-weight: bold;
}

.dropdown__inner {
    display: none;
    position: absolute;
    top: 0;
    z-index: 200;
    right: -98%;
    width: 100%;
    background: var(--text-dark);
    height: 100%;
}

.dropdown__inner li {
    border: none;
}

.dropdown__inner li a {
    padding: 0px 30px;
}

.inner__menu li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px 31px;
}

.inner__menu li:last-child {
    border-bottom: none !important;
}

.inner__menu li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: var(--menu-color);
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
    line-height: 50px;
    transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
}

.nav__menu li a:hover {
    color: var(--accent);
}

.header__menu-button {
    background-color: var(--accent);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    cursor: pointer;
    height: 75px;
    -webkit-transition: background-color .50s ease-in-out;
    -o-transition: background-color .50s ease-in-out;
    transition: background-color .50s ease-in-out;
}

.header__menu-button:hover {
    background-color: var(--btn-hover);
}

.header__menu-button:focus {
    background-color: var(--btn-active);
}

.header__menu-button .title__menu {
    color: var(--gaccent);
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}

.header__menu-button .menu__burger {
    width: 31px;
}

.header__menu-button .menu__burger span {
    background-color: var(--gaccent);
    display: block;
    height: 3px;
    margin-bottom: 5px;
    float: right;
}

.header__menu-button .menu__burger span:last-child {
    margin-bottom: 0;
}

.header__menu-button .menu__burger span:nth-child(1) {
    width: 20px;
    -webkit-transition: width .50s ease-in-out;
    -o-transition: width .50s ease-in-out;
    transition: width .50s ease-in-out;
}

.header__menu-button .menu__burger span:nth-child(2) {
    width: 26px;
    -webkit-transition: width .50s ease-in-out;
    -o-transition: width .50s ease-in-out;
    transition: width .50s ease-in-out;
}

.header__menu-button .menu__burger span:nth-child(3) {
    width: 31px;
    -webkit-transition: width .50s ease-in-out;
    -o-transition: width .50s ease-in-out;
    transition: width .50s ease-in-out;
}

/* .header__menu-button:hover { */
/*     background-color: #223aaf; */
/* } */

/* .header__menu-button:focus { */
/*     background-color: #0d238f; */
/* } */

.header__menu-button:hover .menu__burger span:nth-child(1) {
    width: 31px;
}

.header__menu-button:hover .menu__burger span:nth-child(2) {
    width: 26px;
}

.header__menu-button:hover .menu__burger span:nth-child(3) {
    width: 20px;
}

/* Active burder */

.drop-burger span:nth-child(1) {
    width: 31px !important;
}

.drop-burger span:nth-child(2) {
    width: 26px !important;
}

.drop-burger span:nth-child(3) {
    width: 20px !important;
}

/* Header search */

.bottom-header__search {
    position: relative;
    max-width: 798px;
    -webkit-flex-basis: 798px;
    -ms-flex-preferred-size: 798px;
    flex-basis: 798px;
}

.header-search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-search input::placeholder {
    color: var(--text-light);
}

.header-search .header-search__field {
    width: 100%;
    height: 75px;
    background-color: var(--gaccent);
    border: none;
    outline: none;
    padding: 28px 30px;
    color: var(--text-light);
    font-weight: bold;
    font-size: 14px;
    border: 2px solid transparent;
    -webkit-transition: border .50s ease-in-out;
    -o-transition: border .50s ease-in-out;
    transition: border .50s ease-in-out;
}

.header-search .header-search__field:hover {
    border: 2px solid var(--accent);
}

.header-search .header-search__field:focus {
    border: 2px solid var(--accent);
}

.header-search .header-search__button {
    width: 75px;
    height: 75px;
    background-color: var(--accent);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    border: none;
    cursor: pointer;
    -webkit-transition: background-color .50s ease-in-out;
    -o-transition: background-color .50s ease-in-out;
    transition: background-color .50s ease-in-out;
}

.header-search .header-search__button:hover {
    background-color: var(--btn-hover);
}

.header-search .header-search__button:focus {
    background-color: var(--btn-hover);
}

.header-search .header-search__button:active {
    background-color: var(--btn-active);
}

.header-search .header-search__button .fa-search {
    color: var(--text-dark);
    width: 20px;
    height: 20px;
    font-size: 20px;
}

.bottom-header__tools {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-basis: 322px;
    -ms-flex-preferred-size: 322px;
    flex-basis: 322px;
    min-width: 374px;
}

/*  --Sphinx search */

.sphinxsearch a {
    font-size: 13px;
}

/* Button header compare */

.bottom-header__tools-compare {
    height: 75px;
    position: relative;
    border-right: 1px solid var(--border-color);
    background-color: var(--gaccent);
    -webkit-transition: background-color .50s ease-in-out;
    -o-transition: background-color .50s ease-in-out;
    transition: background-color .50s ease-in-out;
}

.bottom-header__tools-compare a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.bottom-header__tools-compare .compare__body a {
    justify-content: flex-start;
}

.bottom-header__tools-compare .fa-exchange-alt {
    width: 22px;
    height: 20px;
    font-size: 20px;
    color: var(--text-light);
    -webkit-transition: color .50s ease-in-out;
    -o-transition: color .50s ease-in-out;
    transition: color .50s ease-in-out;
}

.bottom-header__tools-compare:hover .fa-exchange-alt {
    color: var(--accent);
}

/* Button header wishlist */

.bottom-header__tools-wishlist {
    height: 75px;
    border-right: 2px solid var(--border-color);
    background-color: var(--gaccent);
    position: relative;
    -webkit-transition: background-color .50s ease-in-out;
    -o-transition: background-color .50s ease-in-out;
    transition: background-color .50s ease-in-out;
}

.bottom-header__tools-wishlist a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.bottom-header__tools-wishlist .fa-heart {
    width: 22px;
    height: 20px;
    font-size: 20px;
    color: var(--text-light);
    -webkit-transition: color .50s ease-in-out;
    -o-transition: color .50s ease-in-out;
    transition: color .50s ease-in-out;
}

.bottom-header__tools-wishlist:hover .fa-heart {
    color: var(--accent);
}

/* Header button cart */

.bottom-header__toolscart {
    height: 75px;
    background-color: var(--gaccent);
    -webkit-transition: background-color .50s ease-in-out;
    -o-transition: background-color .50s ease-in-out;
    transition: background-color .50s ease-in-out;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}

.header__cart {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header__cart-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--accent);
}

#cart-total {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__cart-title .fa-shopping-cart,
.header__cart-title .icon__cart,
.header__cart-title .icon__cart-active {
    width: 25px;
    height: 22px;
    font-size: 20px;
    color: var(--accent);
    -webkit-transition: color .50s ease-in-out;
    -o-transition: color .50s ease-in-out;
    transition: color .50s ease-in-out;
    margin-right: 8px;
}

.header__cart-title .icon__cart svg {
    width: 25px;
    height: 22px;
}

.header__cart-title .icon__cart path {
    fill: var(--accent);
}

.header__cart-title .header__cart-title__text {
    color: var(--accent);
    font-weight: bold;
    font-size: 13px;
    margin-right: 17px;
    -webkit-transition: color .50s ease-in-out;
    -o-transition: color .50s ease-in-out;
    transition: color .50s ease-in-out;
}

.header__cart-title .header__cart-title__quantity {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    background-color: var(--accent);
    color: #000;
    font-weight: 600;
    font-size: 16px;
    -webkit-transition: color .50s ease-in-out;
    -o-transition: color .50s ease-in-out;
    transition: color .50s ease-in-out;
}

/* Compare hover block */

.compare__hover {
    position: absolute;
    /*top: 75px;*/
    top: -1px;
    visibility: hidden;
    right: 0;
    z-index: 55;
    background-color: var(--gaccent);
    width: 600px;
    min-height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    -webkit-transition: visibility .50s ease-in-out, top .50s ease-in-out;
    -o-transition: visibility .50s ease-in-out, top .50s ease-in-out;
    transition: visibility .50s ease-in-out, top .50s ease-in-out;
}

.compare__hover .h3 {
    color: var(--text-light);
    font-weight: 600;
    font-size: 16px;
}

/* Dropdown cart */

.dropdown__cart {
    display: none;
    position: absolute;
    top: 75px;
    right: 0;
    z-index: 1250;
    background: var(--gaccent);
    width: 798px;
    height: auto;
    cursor: default;
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}

.cart__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    align-items: center;
    padding: 1.875rem;
    border-bottom: 2px solid var(--border-color);
    background-color: var(--gaccent);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cart__top h2 {
    color: var(--title-color);
    font-weight: bold;
    font-size: 18px;
    line-height: 11px;
}

.cart__top-back {
    color: var(--accent);
    cursor: pointer;
}

.cart__top-back span {
    font-weight: bold;
    font-size: 14px;
    line-height: 11px;
    padding-right: 9px;
}

.cart__top-back .fa-arrow-right {
    font-size: 20px;
}

.cart__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1.875rem;
    background-color: var(--gaccent);
}

.cart__bottom-total span {
    color: var(--text-light);
    font-weight: 600;
    font-size: 13px;
    line-height: 31px;
}

.cart__bottom-total span b {
    color: var(--accent);
    font-weight: bold;
    font-size: 18px;
    line-height: 11px;
    margin-right: 4px;
}

.cart__bottom-total span small {
    color: var(--accent);
    font-weight: bold;
    font-size: 11px;
    line-height: 11px;
}

.cart__bottom-button a {
    background-color: var(--accent);
    padding: 23px 84px;
    color: var(--text-dark);
    font-weight: 600;
    font-size: 14px;
    line-height: 37px;
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
}

.table.cart__table {
    background-color: var(--gaccent);
}

.cart__bottom-button a:hover {
    background-color: var(--btn-hover);
}

.cart__body {
    padding: 1.5625rem 1.875rem;
    border-bottom: 1px solid var(--border-color);
    background-color: var(--gaccent);
    height: 352px;
    overflow-y: scroll;
}

.cart__table {
    width: 100%;
}

.cart__empty {
    padding: 1.6rem;
}

.cart__empty p {
    color: var(--text-light);
    font-weight: bold;
    font-size: 14px;
}

.cart__product {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    height: 110px;
    margin-bottom: 10px;
}

.cart__body-title {
    color: var(--text-light);
    font-weight: 600;
    font-size: 13px;
    line-height: 31px;
    padding-bottom: 10px;
}

.cart-image {
    width: 112px;
}

.cart-image img {
    margin-bottom: -3px;
}

.cart-title {
    width: 250px;
}

.cart-count {
    width: 130px;
}

.cart-price {
    width: 130px;
}

.cart-delete {
    width: 70px;
}

.cart__table td {
    vertical-align: middle;
}

.cart__body-title .cart__model {
    color: var(--text-light);
    font-size: 13px;
    font-weight: 400;
}

.cart__body-title .cart__name a {
    color: var(--accent);
    font-weight: bold;
    font-size: 14px;
    display: block;
    line-height: 1.9;
    font-weight: 700;
}

.cart_qty {
    width: 130px;
    height: 50px;
    border-radius: 25px;
    background-color: var(--input-bg);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.cart__input-qty {
    border: none;
    width: 30px;
    background-color: var(--input-bg);
    color: var(--text-dark);
    font-weight: 600;
    font-size: 13px;
    line-height: 31px;
    text-align: center;
    outline: none;
}

.cart_qty .fa-minus,
.cart_qty .fa-plus {
    color: var(--text-dark);
    cursor: pointer;
    transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
}

.cart_qty .fa-minus:hover,
.cart_qty .fa-minus:focus {
    color: var(--accent);
}

.cart_qty .fa-plus:hover,
.cart_qty .fa-plus:focus {
    color: var(--accent);
}

.cart__item-price {
    text-align: center;
}

.cart__item-price span {
    color: var(--accent);
    font-weight: bold;
    font-size: 20px;
}

.cart__item-price span small {
    color: var(--accent);
    font-weight: bold;
    font-size: 11px;
    line-height: 11px;
}

.cart__item-delete {
    text-align: center;
}

.cart__item-delete a {
    color: var(--text-light);
    transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
}

.cart__item-delete a:hover,
.cart__item-delete a:focus {
    color: var(--accent);
}

.cart__item-delete a:hover span,
.cart__item-delete a:focus span {
    color: var(--accent);
}


.cart__item-delete span {
    color: #9599a8;
    font-weight: 600;
    font-size: 11px;
    line-height: 11px;
}

.empty__td {
    padding: 10px 0;
}

.count__incompare,
.count__inwishlist {
    position: absolute;
    top: 8px;
    right: 20px;
    background-color: var(--accent);
    color: var(--text-dark);
    width: 20px;
    border-radius: 100%;
    font-size: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 20px;
}

.inwish {
    color: var(--accent) !important;
}

.incomp {
    color: var(--accent) !important;
}

.hover__block {
    width: 100%;
}

.compare__hover-block {
    background-color: var(--gaccent);
    color: var(--text-color);
    padding: 15px;
}

.thead__compare tr td {
    color: var(--text-light);
    font-weight: 600;
    font-size: 13px;
    line-height: 31px;
}

.tbody__compare {
    overflow-y: hidden;
    width: 100%;
}

.tbody__compare tr {
    border-top: 1px solid var(--gaccent);
}

.tblock__td-img {
    width: 18%;
    vertical-align: middle;
}

.tblock__td-name {
    width: 45%;
    vertical-align: middle;
    padding: 0 10px;
}

.tblock__td-price {
    width: 21%;
    vertical-align: middle;
}

.tblock__td-remove {
    width: 15%;
    vertical-align: middle;
}

.tbody__compare .hover__block-img {
    width: 100px;
}

.tbody__compare .hover__block-img img {
    width: 100%;
    margin-bottom: -3px;
}

.tbody__compare .hover__block-name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tbody__compare .hover__block-name .h3 {
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.5;
    transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
}

.tbody__compare .hover__block-name .h3:hover {
    color: var(--accent);
}

.tbody__compare .hover__block-name span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    color: var(--menu-color);
    font-size: 13px;
    font-weight: 400;
}

.tbody__compare .hover__block-price {
    color: var(--accent);
    font-weight: bold;
    font-size: 16px;
}

.hover__block-remove a {
    display: block;
    text-align: center;
}

.hover__block-remove a {
    color: var(--menu-color);
    font-weight: 600;
    font-size: 11px;
    line-height: 11px;
    transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
}

.hover__block-remove a:hover {
    color: var(--accent);
}

.hover__block-remove a .fa-times {
    font-size: 22px;
}

.hover__title {
    width: 100%;
    margin: 12px 0;
}

.hover__title h2 {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    line-height: 11px;
}

.compare__body {
    height: 300px;
    overflow-y: scroll;
}

.mobile__header {
    display: none;
}

.mobile__catalog {
    padding: 15px;
}

.mobile__menu {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
    background: var(--gaccent);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.mobile__menu-item {
    padding: 0;
}

.mobile__menu-link {
    display: flex;
    align-items: center;
    color: var(--menu-color);
    font-weight: 600;
    font-size: 16px;
    min-height: 40px;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.mobile__menu-link:hover {
    color: var(--accent);
}

.mobile__menu-image {
    min-width: 30px;
    margin-right: 10px;
}

.mobile__menu-inner-lvl-1 {
    padding-bottom: 10px;
}

.mobile__menu-item-lvl-2 {
    padding: 0;
    border-bottom: 1px solid var(--border-color);
}

.mobile__menu-inner-lvl-2 {
    padding-bottom: 10px;
}

.mobile__menu-link-lvl-3 {
    font-size: 14px;
    min-height: 30px;
}

.mobile__menu .mobile__pages {
    padding: 15px;
    border-top: 2px solid var(--border-color);
    border-bottom: 2px solid var(--border-color);
}

.mobile__menu .mobile__pages li {
    padding: 10px 0;
}

.mobile__menu .mobile__pages li a {
    color: var(--menu-color);
    font-weight: 600;
    font-size: 16px;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.mobile__menu .mobile__pages li a:hover {
    color: var(--accent);
}

.mobile__menu .mobile__lang {
    padding: 15px;
    border-bottom: 2px solid var(--border-color);
}

.mobile__menu .mobile__lang a {
    color: var(--menu-color);
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
    border-right: 2px solid var(--border-color);
    padding-right: 5px;
}

.mobile__menu .mobile__lang a.language-item-active {
    color: var(--accent);
}

.mobile__menu .mobile__lang a:hover {
    color: var(--accent);
}

.mobile__menu .mobile__phone {
    padding: 15px;
}

.mobile__menu .mobile__phone .phones {
    padding: 10px 0;
}

.mobile__menu .mobile__phone .phones .fa-phone {
    color: var(--accent);
    margin-right: 16px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.mobile__menu .mobile__phone .phones a {
    color: var(--menu-color);
    font-weight: bold;
    font-size: 16px;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.mobile__menu .mobile__phone .phones a:hover {
    color: var(--accent);
}

.mobile__menu-inner {
    display: none;
}

.mobile__menu-inner--show {
    display: flex;
}

.mobile__menu-toggle {
    display: flex;
    margin-left: auto;
    padding: 15px;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.mobile__menu-toggle--active {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mobile__header {
    padding: 18px 0;
    /* position: relative; */
}

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

.mobile__tools div {
    margin-left: 11px;
    cursor: pointer;
}

.cart__tool {
    display: flex;
}

.cart__tool a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 3px;
}

.cart__tool .mobile__count {
    width: 19px;
    height: 19px;
    color: var(--text-dark);
    background: var(--accent);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 12px;
    font-weight: bold;
}

.adaptive__button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.adaptive__button .menu__burger {
    width: 31px;
    height: 23px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    cursor: pointer;
}

.adaptive__button .menu__burger span {
    height: 3.5px;
    background-color: var(--accent);
    display: block;
}

.adaptive__button .menu__burger span:nth-child(1) {
    width: 50%;
    -webkit-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
    transition: width 0.5s ease;
}

.adaptive__button .menu__burger span:nth-child(2) {
    width: 75%;
    -webkit-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
    transition: width 0.5s ease;
}

.adaptive__button .menu__burger span:nth-child(3) {
    width: 100%;
    -webkit-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
    transition: width 0.5s ease;
}

.menu__burger.active span:nth-child(1) {
    width: 100%;
}

.menu__burger.active span:nth-child(2) {
    width: 75%;
}

.menu__burger.active span:nth-child(3) {
    width: 55%;
}

.mobile__header #logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    height: 100%;
}

.mobile__header #logo img {
    margin: auto 0;
    max-height: 23px;
}

.mobile__search {
    display: none;
    position: absolute;
    top: 60px;
    z-index: 9999;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

/* Main setting for css */

/* Revolution Slider */

.slider__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--accent);

}

.tp-caption.accent2.tp-fade.tp-resizeme {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.tp-caption.accent2.tp-fade.tp-resizeme.start {
    border-width: 2px !important;
}

.tp-caption.accent2.tp-fade.tp-resizeme a:hover {
    color: #223aaf !important;
}

.tp-caption.accent2.tp-fade.tp-resizeme.start:hover {
    border: 3px solid #223aaf !important;
    cursor: pointer;
}

/* Module category block */

.categoty__block {
    margin: 75px auto;
}

.categoty__block-top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 30px;
    min-height: 52px;
    position: relative;
}

.categoty__block-top__title h2 {
    color: var(--menu-color);
    font-weight: bold;
    font-size: 22px;
}

.categoty__block-top__arrows {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: -1px;
    margin-left: auto;
    align-self: flex-end;
}

.categoty__block-top__arrows .arrow__left {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 51px;
    height: 51px;
    background-color: var(--gaccent);
    margin-right: 1px;
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
}

.categoty__block-top__arrows .arrow__right {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 51px;
    height: 51px;
    background-color: var(--gaccent);
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
}

/* .categoty__block-top__arrows .arrow__left:hover { */
/*     background-color: var(--gaccent); */
/* } */

/* .categoty__block-top__arrows .arrow__right:hover { */
/*     background-color: var(--gaccent); */
/* } */

.category__block-bottom {
    display: none;
    align-items: center;
    flex-wrap: wrap;
    min-height: 481px;
    overflow-x: hidden;
}

.category__block-bottom.slick-initialized {
    display: flex;
}

.category__block-bottom .slick-list {
    margin: 0 -15px;
}

.category__block-bottom .slick-track {
    margin-left: 0;
}

.category__block-bottom__body {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    width: 369px;
    height: 481px;
    outline: none;
    padding: 48px 15px 40px;
    margin: 0 15px;
}

.category__block-bottom__body .inner__category-block {
    padding-right: 20px;
}

.category__block-bottom__body .h3 {
    color: #3d3d3d;
    font-weight: bold;
    font-size: 19px;
    line-height: 23px;
    margin-top: 39px;
    margin-bottom: 40px;
    text-align: center;
}

#category-prev,
#category-next {
    display: none;
}

.category__block-bottom__body .img_bl {
    height: 180px;
    overflow: hidden;
}

.category__block-bottom__body .img_bl img {
    max-height: 100%;
    margin: 0 auto;
}

.category__block-bottom__body .h3 {
    width: 200px;
}

.category__block-bottom__body a {
    display: flex;
    margin-top: auto;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    width: 180px;
    /*height: 56px;*/
    padding: 20px 0;
    border: 2px solid var(--accent);
    color: var(--accent);
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    transition: border 0.5s ease, color 0.5s ease, background-color 0.5s ease;
    -webkit-transition: border 0.5s ease, color 0.5s ease, background-color 0.5s ease;
    -moz-transition: border 0.5s ease, color 0.5s ease, background-color 0.5s ease;
    -ms-transition: border 0.5s ease, color 0.5s ease, background-color 0.5s ease;
    -o-transition: border 0.5s ease, color 0.5s ease, background-color 0.5s ease;
}

.category__block-bottom__body a:hover {
    border: 2px solid #223aaf;
    color: #223aaf;
}

.category__block-bottom__body a:focus {
    background-color: #0d238f;
    border: 3px solid #0d238f;
    color: #fff;
}

/* Module product tabs */
.categoty__block-top__menu {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: 10%;
}

.categoty__block-top__menu ul {
    display: flex;
    align-items: center;
}

.categoty__block-top__menu li a {
    display: flex;
    color: var(--text-light);
    font-weight: bold;
    font-size: 13px;
    position: relative;
    line-height: 34px;
    transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    white-space: nowrap;
}

.categoty__block-top__menu li {
    margin-right: 30px;
}

.categoty__block-top__menu li:last-child {
    margin-right: 0;
}

.categoty__block-top__menu a.active {
    color: var(--accent);
    font-weight: bold;
    font-size: 13px;
}

.categoty__block-top__menu li a.active,
.categoty__block-top__menu li a:hover {
    color: var(--accent);
}

.categoty__block-top__menu a.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: var(--accent);
    transition: width 0.5s ease, background-color 0.5s ease;
    -webkit-transition: width 0.5s ease, background-color 0.5s ease;
    -moz-transition: width 0.5s ease, background-color 0.5s ease;
    -ms-transition: width 0.5s ease, background-color 0.5s ease;
    -o-transition: width 0.5s ease, background-color 0.5s ease;
}

.categoty__block-top__menu li a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 4px;
    background-color: var(--accent);
    transition: width 0.5s ease, background-color 0.5s ease;
    -webkit-transition: width 0.5s ease, background-color 0.5s ease;
    -moz-transition: width 0.5s ease, background-color 0.5s ease;
    -ms-transition: width 0.5s ease, background-color 0.5s ease;
    -o-transition: width 0.5s ease, background-color 0.5s ease;
}

.categoty__block-top__menu li a:hover {
    color: var(--accent);
}

.categoty__block-top__menu li a:hover:after {
    width: 100%;
}

.categoty__block-top__menu::-webkit-scrollbar {
    width: 4px;
    background-color: rgba(106, 108, 114, 0.2);
    height: 5px;
}

.categoty__block-top__menu::-webkit-scrollbar-thumb {
    background-color: rgba(163, 165, 172, 0.8);
    background-clip: padding-box;
    width: 2px;
    border-radius: 5px;
}

.arrows__block {
    display: none;
    align-items: center;
}

.arrows__block a:hover {
    background-color: var(--btn-hover);
}

.arrows__block a:hover path {
    fill: var(--text-dark);
}

.arrows__block a:active {
    background-color: var(--btn-active);
}

.arrows__block a:active path {
    fill: var(--text-dark);
}

.latest__arrow {
    display: flex;
}

.product__tabs {
    margin-bottom: 50px;
}

.products__tabs-bottom .tab-pane {
    display: none;
}

.products__tabs-bottom .slick-list {
    margin: 0 -15px;
}

.products__tabs-bottom .slick-track {
    margin-left: 0;
}

.product__block {
    display: none;
}

.slick-arrow {
    opacity: 0;
}

.product__block.slick-initialized {
    display: block;
}

.product__body {
    width: 317px;
    margin: 0 15px;
}

.product__body-block {
    background: var(--gaccent);
    border-left: 2px solid var(--text-dark);
    border-right: 2px solid var(--text-dark);
}

.body__options {
    min-height: 92px;
}

.body__options-block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.product__body-block {
    padding: 18px 28px 33px;
    height: 200px;
}

.product__body-img {
    /* max-width: 369px; */
    max-height: 360px;
    min-height: 260px;
    overflow: hidden;
    /* background: #EFEFF1; */
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 2px solid var(--text-dark);
    border-left: 2px solid var(--text-dark);
    border-right: 2px solid var(--text-dark);
}

.product__body-img a {
    display: block;
}

.product__body-img img {
    display: block;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
}

.product__body:hover .product__body-img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.product__body-title .h2 {
    font-size: 21px;
    height: 62px;
    overflow: hidden;
    margin-bottom: 0;
}

.product__body-title .h2 a {
    color: var(--title-color);
    font-weight: bold;
    font-size: 15px;
    line-height: 31px;
    transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
}

.product__body-title .h2 a:hover {
    color: var(--accent);
}

.product__body:hover .product__body-title .h2 a {
    color: var(--title-color);
}

.product__body-reviews {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 13px;
}

.product__body-options {
    margin-bottom: 13px;
}

.product__body-reviews__rating .fa-star {
    width: 17px;
    height: 17px;
    color: #e1e1e3;
}

.product__body-reviews__rating {
    margin-right: 10px;
}

.product__body-reviews__title a {
    color: #969696;
    font-size: 13px;
    font-weight: bold;
    line-height: 31px;
    text-decoration: underline;
    transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
}

.product__body-reviews__title a:hover {
    color: var(--accent);
}

.body__options-block {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    position: relative;
    z-index: 5;
    padding: 5px 0;
    transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
}

.body__options-block:hover {
    transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
}

.body__options-block .body__options-block__title {
    color: #202020;
    font-size: 13px;
    font-weight: 400;
    color: #9a9a9a;
    margin-right: 5px;
}

.body__options-block .body__options-block__name {
    color: #202020;
    font-size: 13px;
    font-weight: 400;
    color: #494949;
}

.product__body-price .currency__symbol {
    font-size: 13px;
}

.product__body-price__price .price-new {
    color: var(--accent);
    font-weight: bold;
    font-size: 25px;
    line-height: 31px;
    margin-right: 4px;
}

.product__body-price__price {
    color: var(--accent);
    font-size: 25px;
    font-weight: bold;
}

.product__body-price__price .currency__symbol {
    font-size: 13px;
    padding-left: 2px;
}

.product__outprice {
    height: 33px;
    display: flex;
    align-items: center;
}

.product__outprice .price__outstock {
    color: #afafaf;
    font-weight: 600;
    font-size: 16px;
}

.outstock__more {
    width: 100%;
    height: 64px;
    border: none;
    background-color: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--text-dark);
    font-weight: 600;
    font-size: 14px;
    line-height: 37px;
    transition: background-color 0.5s ease;
}

.outstock__more .fa-exclamation {
    width: 15px;
    height: 14px;
    color: var(--text-dark);
}

.outstock__more:hover {
    background-color: var(--btn-hover);
    color: var(--text-dark);
}

.product__body-price__price .price-old {
    color: #afafaf;
    font-weight: 600;
    font-size: 16px;
    line-height: 31px;
    text-decoration: line-through;
    align-flex: flex-end;
    display: inline-flex;
    align-items: last baseline;
}

.product__body-button button {
    width: 100%;
    height: 64px;
    border: none;
    background-color: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
}

.product__body-button button:hover {
    background-color: var(--btn-hover);
}

.product__body-button button:active {
    background-color: var(--btn-active);
}

.product__body-button button .fa-shopping-cart,
.product__body-button button .icon__cart,
.product__body-button button .icon__cart-active {
    width: 17px;
    height: 17px;
    color: var(--text-dark);
    margin-right: 14px;
}

.product__body-button button .icon__cart svg {
    width: 20px;
    height: 20px;
}

.product__body-button button .icon__cart path {
    fill: var(--text-dark);
}

.product__body-button button .fa-check {
    width: 15px;
    height: 14px;
    color: var(--text-dark);
    margin-right: 8px;
}

.product__body-button button .fa-times {
    width: 15px;
    height: 14px;
    color: #fff;
    margin-right: 14px;
}

.product__body-button button span {
    color: var(--text-dark);
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    padding-top: 5px;
}

.product__body-skidka {
    min-width: 70px;
    height: 36px;
    background-color: #31c955;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
}

/* Product button wishlist on product cart */

.product__body-wishlist button {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 10;
    border: none;
    width: 45px;
    height: 45px;
    background-color: var(--gaccent);
    cursor: pointer;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
}

.product__body-wishlist button .fa-heart {
    /* width: 21px; */
    /* height: 19px; */
    color: #fff;
    transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
}

.product__inwishlist button {
    background-color: var(--accent);
}

.product__inwishlist button .fa-heart {
    color: #fff;
}

.product__body-wishlist button:hover,
.product__body-wishlist button:focus {
    background-color: var(--btn-hover);
}

.product__body-wishlist button:active {
    background-color: var(--btn-active);
}

.product__body-wishlist button:hover .fa-heart,
.product__body-wishlist button:focus .fa-heart {
    color: #fff;
}

/* Product button compare on product cart */

.product__body-compare button {
    position: absolute;
    top: 75px;
    right: 15px;
    z-index: 10;
    border: none;
    width: 45px;
    height: 45px;
    background-color: var(--gaccent);
    cursor: pointer;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
}

.product__body-compare button .fa-exchange-alt {
    /* width: 21px; */
    /* height: 22px; */
    color: #fff;
    transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
}

.product__incompare button {
    background-color: var(--accent);
}

.product__incompare button .fa-exchange-alt {
    color: #fff;
}

.product__body-compare button:hover,
.product__body-compare button:focus {
    background-color: var(--btn-hover);
}

.product__body-compare button:active {
    background-color: var(--btn-active);
}

.product__body-compare button:hover .fa-exchange-alt,
.product__body-compare button:focus .fa-exchange-alt {
    color: #fff;
}

/* Alert to compare and Wishlist */
.alert .fa-check {
    color: #31c955;
    margin-right: 5px;
}

.alert .fa-exclamation-circle {
    color: red;
    margin-right: 5px;
}

.alert .alert__check {
    width: 30px;
    height: 30px;
    background-color: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin-right: 5px;
}

.alert .alert__check .fa-check {
    color: #fff;
    width: 20px;
    height: 20px;
}

.alert.alert-success {
    font-weight: 600;
    color: var(--text-light);
    font-size: 18;
}

.alert.alert-success .fa-check-circle {
    margin-right: 5px;
    color: #31c955;
}

.alert {
    background-color: var(--gaccent);
    border-radius: 0;
    border: none;
    padding: 0.75rem 0.8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    line-height: 21px;
}

.alert p {
    color: var(--menu-color);
    width: 90%;
}

.alert button {
    width: 30px;
    height: 30px;
    color: var(--text-dark);
    background-color: var(--accent);
    opacity: 1;
    align-self: flex-start;
    outline: none;
}

.alert .alert-success a {
    color: var(--accent);
}

.alert i {
    margin-right: 10px;
}

/* Banner carousel */

.banner__carousel {
    margin: 68px auto 68px auto;
}

.banner-prev {
    position: absolute;
    top: 29%;
    left: 0;
    z-index: 10;
    cursor: pointer;
}

.banner-next {
    position: absolute;
    top: 29%;
    right: 0;
    z-index: 10;
    cursor: pointer;
}

.banner-prev,
.banner-next {
    width: 51px;
    height: 51px;
    background-color: #e9e9e9;
    border: none;
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
}

.banner-prev img,
.banner-next img {
    margin: 0 auto;
}

.banner-prev:hover,
.banner-next:hover {
    background-color: #e6e7ec;
}

.banner__block {
    opacity: 0.21;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
}

.banner__block:hover {
    opacity: 1;
    cursor: pointer;
}

.banner__block img {
    margin: 0 auto;
}

/* Custom banner module */
.custom-banner__block {
    height: auto;
    min-height: 304px;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    background-size: cover;
    padding-left: 65px;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
}

.common-home .custom-banner__block {
    min-height: 350px;
}

.custom-banner__block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
}

.custom-banner__img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}

.custom-banner__block .h2 {
    font-weight: bold;
    color: var(--title-color);
    font-size: 28px;
    line-height: 31px;
    z-index: 2;
}

@media (max-width: 1400px) {
    .custom-banner__block .h2 {
        font-size: 24px;
    }
}

.custom-banner__block .h3 {
    font-size: 22px;
    color: var(--text-light);
    line-height: 31px;
    z-index: 2;
}

@media (max-width: 1400px) {
    .custom-banner__block .h3 {
        font-size: 18px;
    }
}

.custom-banner__block .h3 span {
    color: var(--accent);
}

.custom-banner__block .btn-banner {
    border: 2px solid transparent;
    width: 180px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 28px;
    color: var(--text-dark);
    font-weight: bold;
    font-size: 12px;
    line-height: 37px;
    z-index: 2;
    text-transform: uppercase;
    transition: border 0.5s ease, all 0.5s ease;
    -webkit-transition: border 0.5s ease, all 0.5s ease;
    -moz-transition: border 0.5s ease, all 0.5s ease;
    -ms-transition: border 0.5s ease, all 0.5s ease;
    -o-transition: border 0.5s ease, all 0.5s ease;
}

.custom-banner__block .btn-banner:hover {
    background-color: var(--btn-hover) !important;
}

.custom-banner__block .btn-banner:focus {
    background-color: var(--btn-active) !important;
}

/* Subscribes forms */

.subscribes {
    background-color: var(--text-dark);
    padding: 41px 0;
}

.subscribes__block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.subscribes__left {
    flex-basis: 40%;
    display: flex;
    align-items: center;
    color: #fff;
}

.subscribes__left .icon-envelope {
    width: 37px;
    height: 32px;
    margin-right: 20px;
}

.subscribes__left .h3 {
    color: #E0E1E7;
    font-weight: bold;
    font-size: 20px;
    line-height: 31px;
}

.subscribes__right {
    flex-basis: 55%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.subscribes__form {
    width: 100%;
}

.subscribes__filed {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

.subscribes__button {
    border: none;
    width: 163px;
    height: 67px;
    background-color: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-dark);
    font-weight: 600;
    font-size: 14px;
    line-height: 37px;
    cursor: pointer;
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
}

.subscribes__button:hover {
    background-color: var(--btn-hover);
}

.subscribes__button:focus {
    background-color: var(--btn-active);
}

.subscribes__input {
    width: 100%;
    height: 67px;
    background-color: var(--input-bg);
    border: none;
    padding: 0 29px;
    color: var(--input-text);
    font-size: 13px;
    font-weight: 400;
    line-height: 31px;
}

input::placeholder {
    color: var(--input-text);
}

/* Description text */

.description {
    margin: 41px 0 49px 0;
}

.description__textmore,
.description__block {
    overflow: hidden;
    position: relative;
}

.description__textmore::after,
.description__block::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.2) 100%);
}

.description__textmore h1,
.description__block h1 {
    color: var(--menu-color);
    font-size: 20px;
}

.description__textmore h2,
.description__textmore .h2,
.description__block h2 {
    color: var(--menu-color);
    font-size: 18px;
}

.description__textmore p,
.description__block p {
    color: var(--text-color);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.13px;
    line-height: 21px;
    margin-bottom: 15px;
}

.description__textmore p:last-child,
.description__block p:last-child {
    margin-bottom: 0;
}

.more__text,
.many__text {
    display: block;
    font-weight: bold;
    font-size: 14px;
    line-height: 31px;
    color: #fff;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transition: transform 0.5s ease-in-out;
    -webkit-transition: transform 0.5s ease-in-out;
    -moz-transition: transform 0.5s ease-in-out;
    -ms-transition: transform 0.5s ease-in-out;
    -o-transition: transform 0.5s ease-in-out;
}

.more__text:hover,
.many__text:hover {
    color: var(--accent);
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
}

/* Modall callback form */
.remodal {
    background-color: var(--gaccent);
}

.remodal__callback .remodal-close {
    right: 0;
    left: auto;
    color: var(--accent);
    z-index: 56;
}

.remodal__callback .remodal-close::before {
    font-size: 38px;
}

.remodal__callback .modal__callback-info .h2 {
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    line-height: 50px;
}

.remodal__callback .modal__callback-form .input__block {
    margin-bottom: 15px;
}

.remodal__callback .modal__callback-form .input__block input {
    height: 40px;
    background-color: var(--input-bg);
    width: 80%;
    border: 1px solid transparent;
    color: var(--input-text);
    font-weight: 600;
    font-size: 14px;
    padding: 0 15px;
    transition: border 0.5s ease;
    -webkit-transition: border 0.5s ease;
    -moz-transition: border 0.5s ease;
    -ms-transition: border 0.5s ease;
    -o-transition: border 0.5s ease;
}

.remodal__callback .modal__callback-form .input__block label {
    display: block;
    text-align: left;
    width: 80%;
    margin: 0 auto 4px auto;
    color: var(--text-light);
    font-weight: bold;
    font-size: 13px;
}

.remodal__callback .modal__callback-form .input__block .req {
    color: #ff3108;
}

.remodal__callback .modal__callback-form .input__block input:focus,
.remodal__callback .modal__callback-form .input__block input:hover {
    border: 1px solid var(--accent);
}

.remodal__callback .modal__callback-form .input__button {
    width: 50%;
    height: 45px;
    background-color: var(--accent);
    border: none;
    color: var(--text-dark);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
}

.remodal__callback .modal__callback-form .input__button:focus {
    background-color: var(--btn-active);
}

.remodal__callback .modal__callback-form .input__button:hover {
    background-color: var(--btn-hover);
}

.show__answer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 55;
    background-color: rgba(0, 0, 0, 0.3);
}

.callback__answer {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 22px;
    line-height: 31px;
}

.require__text {
    text-align: left;
    width: 80%;
    margin: 7px auto;
    color: #e22929;
    color: #e22929;
    font-size: 12px;
    font-weight: 400;
}

.input__block-body .fa-exclamation-circle {
    color: #e22929;
    display: none;
    position: absolute;
    top: 40%;
    right: 5%;
}

/*----------------------Different pages
==============================================*/

.information__page {
    margin-bottom: 60px;
}

.information__title {
    height: 56px;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 18px;
    margin-bottom: 30px;
}

.information__title h1 {
    color: #fff;
    font-weight: bold;
    font-size: 24px;
}

.information__description p {
    color: var(--text-color);
    font-size: 14px;
    letter-spacing: 0.13px;
    line-height: 21px;
}

/*----------------------Contact pages
==============================================*/

.contact__page {
    margin-bottom: 40px;
}

.contact__wrap .contact__block,
.contact__wrap .contact__map {
    flex-basis: 49%;
    max-width: 49%;
    width: 100%;
}

.contact__page .contact__block {
    margin-bottom: 20px;
}

.contact__wrap .contact__block {
    display: flex;
    flex-direction: column;
}

.contact__map .map__block iframe {
    height: 100%;
}

.map__block,
.contact__map {
    height: 100%;
}

.line__page {
    width: 100%;
    height: 10px;
    background-color: var(--border-color);
    margin: 30px 0;
}

.contact__form-title {
    color: var(--title-color);
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 15px;
}

.contact__form form .form__group label {
    color: var(--text-light);
    font-weight: bold;
    font-size: 13px;
    display: block;
    margin-bottom: 14px;
}

.contact__form form .form__group label span {
    color: #e22929;
}

.contact__form form .form__group {
    margin-bottom: 31px;
    width: 70%;
}

.contact__form form .form__group input[type="text"],
.contact__form form .form__group input[type="email"] {
    max-width: 500px;
    width: 100%;
    height: 50px;
    background-color: var(--input-bg);
    color: var(--input-text);
    font-weight: bold;
    font-size: 15px;
    padding: 0 18px;
    border: none;
    transition: border 0.5s ease;
}

.contact__form form .form__group textarea {
    max-width: 500px;
    width: 100%;
    height: 200px;
    resize: none;
    background-color: var(--input-bg);
    color: var(--input-text);
    font-weight: bold;
    font-size: 15px;
    padding: 20px 18px;
    border: none;
    transition: border 0.5s ease;
}

.contact__form form .form__group input[type="text"]:hover,
.contact__form form .form__group input[type="text"]:focus,
.contact__form form .form__group textarea:hover,
.contact__form form .form__group textarea:focus,
.contact__form form .form__group input[type="email"]:focus,
.contact__form form .form__group input[type="email"]:hover {
    border: 1px solid var(--accent);
}

.button__contact input {
    border: none;
    cursor: pointer;
    width: 226px;
    height: 64px;
    background-color: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-dark);
    font-weight: 600;
    font-size: 14px;
    transition: background-color 0.5s ease;
}

.button__contact input:hover {
    background-color: var(--btn-hover);
}

.contact__info {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 50px;
}

.contact__info .info__item {
    flex-basis: 49.5%;
    max-width: 49.5%;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 10px 0;
}

.contact__info .info__item.item__full {
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
}

.contact__info .info__item .item__title {
    color: var(--title-color);
    font-size: 13px;
    margin-bottom: 5px;
}

.contact__info .info__item .item__text {
    color: var(--text-light);
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
}

.contact__info .info__item .item__text a:hover {
    text-decoration: none;
    color: var(--btn-hover);
}

.contact__description p {
    color: #535353;
    font-size: 14px;
    letter-spacing: 0.13px;
    line-height: 21px;
    margin-bottom: 15px;
}

.block__wrap {
    margin: 0 -15px;
}

.block__wrap .products__wrap {
    margin: 0 15px;
    width: calc(25% - 30px);
}

/*---------------------- Search page
==============================================*/

.additional__search {
    background-color: var(--gaccent);
    padding: 20px;
    margin-bottom: 25px;
}

.additional__search .additional__top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 5px;
}

.additional__top .label__entry-search {
    color: var(--text-light);
    font-weight: bold;
    font-size: 18px;
    margin-right: 8px;
    margin-bottom: 20px;
}

.additional__top input {
    width: 49%;
    height: 50px;
    background-color: var(--input-bg);
    padding: 0 18px;
    border: 1px solid transparent;
    outline: none;
    color: var(--input-text);
    font-weight: 600;
    font-size: 14px;
    margin-right: 9px;
    margin-bottom: 20px;
    transition: border 0.5s ease;
}

.additional__top .selected-select {
    width: 45.4%;
    min-height: 50px;
    height: auto;
    position: relative;
    padding: 15px;
    border: 1px solid transparent;
    background-color: var(--input-bg);
    color: var(--input-text);
    font-weight: 600;
    font-size: 14px;
    transition: border 0.5s ease;
}


.additional__top .option-list {
    width: 45.4%;
    background-color: var(--input-bg);
    color: var(--input-text);
    padding: 10px;
}

.additional__top .option-list .option-item {
    font-size: 14px;
    font-weight: 600;
    padding: 3px;
}

.additional__top .selected-select:hover .fa-chevron-down {
    color: var(--accent);
}

.additional__top select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    width: 100%;
    height: 50px;
    background-color: var(--input-bg);
    padding: 0 18px;
    border: 1px solid transparent;
    outline: none;
    cursor: pointer;
    color: var(--input-text);
    font-weight: 600;
    font-size: 14px;
    transition: border 0.5s ease;
}

.additional__top input:hover,
.additional__top .selected-select:hover {
    border: 1px solid var(--accent);
}

.additional__top input:focus,
.additional__top .selected-select:focus {
    border: 1px solid var(--accent);
}

.additional__search .additional__bottom {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 10px;
}

.additional__search .button__search {
    display: block;
    margin-left: 50px;
    width: 178px;
    height: 50px;
    background-color: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-dark);
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    border: none;
    transition: background-color 0.5s ease, color 0.5s ease;
}

@media (max-width: 420px) {
    .additional__search .button__search {
        width: 130px;
        height: 40px;
        margin-right: auto;
    }
}

@media (max-width: 992px) {
    .additional__top input {
        width: 100%;
    }
    
    .additional__search .button__search {
        margin-left: auto;
    }
}

.additional__search .button__search:hover {
    background-color: var(--btn-hover);
}

.additional__search .button__search:focus {
    background-color: var(--btn-active);
}

.additional__search .additional__bottom input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    width: 26px;
    height: 26px;
    border-radius: 4px;
    background-color: var(--input-bg);
    position: relative;
    cursor: pointer;
    margin-right: 10px;
    transition: all 0.5s ease;
}

.additional__search .additional__bottom input[type="checkbox"]:checked {
    background-color: var(--accent);
}

.additional__search .additional__bottom input[type="checkbox"]:hover {
    background-color: var(--btn-active);
}

.additional__search .additional__bottom input[type="checkbox"]:hover:after {
    content: '\f00c';
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 16px;
}

.additional__search .additional__bottom input[type="checkbox"]:checked:after {
    content: '\f00c';
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 16px;
}

.additional__search .additional__bottom label {
    display: flex;
    align-items: center;
    margin-right: 15px;
    color: var(--text-light);
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 14px;
}

.additional__search .additional__bottom label:last-child {
    margin-right: 0;
}

.text__tohome {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 16px;
    color: var(--text-light);
}

.button__home {
    width: 178px;
    height: 60px;
    background-color: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-dark);
    font-weight: 600;
    font-size: 14px;
    margin: 0 0 20px auto;
    transition: all 0.5s ease;
}

.button__home:hover {
    background-color: var(--btn-hover);
    color: var(--text-dark);
}

.button__home:focus {
    background-color: var(--btn-active);
    color: var(--text-dark);
}

/*---------------------- Compare page
==============================================*/
.table tbody + tbody {
    border: none;
}

.compare__table {
    margin: 20px 0;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.compare__table::-webkit-scrollbar {
    width: 4px;
    background-color: rgba(106, 108, 114, 0.2);
}

.compare__table::-webkit-scrollbar-track {
    background-color: rgba(106, 108, 114, 0.2);
}

.compare__table::-webkit-scrollbar-track-piece {
    background-color: var(--text-dark);
}

.compare__table::-webkit-scrollbar-thumb {
    background-color: rgba(163, 165, 172, 0.8);
    background-clip: padding-box;
    width: 2px;
    border-radius: 5px;
}

.compare__table::-webkit-scrollbar-corner {
    background-color: var(--accent);
}

.compare__table::-webkit-resizer {
    background-color: var(--accent);
}

.compare__table .table__compare .compare__title {
    width: 175px;
    color: var(--menu-color);
    font-weight: bold;
    font-size: 16px;
    padding: 7px 0;
}

.compare__table .table__compare .table__title {
    vertical-align: middle;
    padding-right: 5px;
    border-right: 2px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    width: 175px;
}

.compare__table .table__compare .table__title.no-border {
    border-right: none;
}

.compare__table .table__compare .compare__product {
    margin-left: 10px;
    margin-right: 10px;
    font-weight: 600;
    font-size: 15px;
    color: var(--text-light);
    width: 300px;
}

.compare__table .table__compare .table__product {
    vertical-align: middle;
    width: 300px;
    text-align: center;
    padding: 6px 0;
    border-bottom: 1px solid var(--border-color);
}

.compare__table .table__compare .table__product img {
    margin: 0 auto;
}

.compare__table .table__compare .product__title a {
    color: var(--menu-color);
    font-weight: bold;
    font-size: 15px;
}

.compare__table .table__compare .product__title a:hover {
    color: var(--btn-hover);
}

.compare__table .table__compare .product__title a:focus {
    color: var(--btn-active);
}

.compare__table .table__compare .table__button button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    height: 44px;
    background-color: var(--accent);
    color: var(--text-dark);
    font-weight: 600;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6px;
    border: none;
    cursor: pointer;
    transition: background-color 0.5s ease;
}

.compare__table .table__compare .table__button button:hover {
    background-color: var(--btn-hover);
}

.compare__table .table__compare .table__button button:focus {
    background-color: var(--btn-active);
}

.compare__table .table__compare .table__button a {
    display: block;
    font-weight: 600;
    font-size: 16px;
    color: var(--text-light);
    transition: color 0.5s ease;
}

.compare__table .table__compare .table__button a:hover {
    color: var(--accent);
}

.compare__table .table__compare .compare__product .currency__symbol {
    font-size: 13px;
}

.compare__table .table__compare .compare__product .current__price {
    color: var(--accent);
    font-weight: bold;
    font-size: 18px;
    margin-right: 11px;
}

.compare__table .table__compare .compare__product .sale__price {
    color: var(--accent);
    font-weight: 600;
    font-size: 15px;
    text-decoration: line-through;
}

.compare__product.product__star .star__empty {
    color: #A3A5AC;
}

.compare__product.product__star .star__full {
    color: #FCCA53;
}

.compare__table .table__compare .compare__product.stock {
    color: #31c955;
}

.compare__table .table__compare .compare__product.instock {
    color: #e74c3c;
}

/*---------------------- affiliate page
==============================================*/

.hide {
    display: none !important;
}

/*---------------------- Live search
==============================================*/

.iSearchHeading {
    font-weight: bold;
    color: #1f2024;
    font-size: 18px;
    border-bottom: 1px solid var(--border-color) !important;
    padding-bottom: 10px !important;
}

.iSearchBox li .iSearchPrice {
    display: flex;
    flex-direction: column-reverse;
}

.iSearchBox li .iSearchItem .h3 {
    color: var(--accent);
    font-weight: bold;
    font-size: 14px;
}

.iSearchBox li .iSearchPrice .iSearchSpecial {
    font-weight: bold;
    font-size: 15px;
    padding-bottom: 5px;
    color: var(--accent);
}

.iSearchBox li:hover,
.iSearchBox li.activekey {
    border: 1px solid transparent !important;
}

.iSearchBox .iSearchHeading:hover {
    border-bottom: 1px solid var(--border-color) !important;
}

.isearch__model {
    padding: 5px 0;
    color: var(--text-light);
    font-size: 13px;
}

.isearch__model span:first-child {
    margin-right: 5px;
}

.iSearchBox {
    padding: 10px;
    background: var(--gaccent);
    color: var(--text-light);
    display: none;
    -moz-box-shadow: 0 1px 2px #ccc;
    -webkit-box-shadow: 0 1px 2px #CCC;
    box-shadow: 0 1px 2px #CCC;
    z-index: 10003;
    position: absolute;
    margin-top: 1px;
    overflow: inherit !important;
}

.iSearchBox li,
.iSearchBox ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.iSearchBox ul {
    margin-bottom: 10px;
}

.iSearchBox li {
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    border: 1px solid transparent;
}

.iSearchBox li:last-child {
    margin-bottom: 0;
    font-size: 13px;
    color: var(--text-light);
}

.iSearchBox li:hover .h3,
.iSearchBox li:hover .iSearchModel,
.iSearchBox li:hover .iSearchPrice {
    color: var(--accent);
}

.iSearchBox li:hover,
.iSearchBox li.activekey {
    border: 1px solid var(--accent);
}

.iSearchBox li img {
    min-width: 80px;
    height: 80px;
    float: left;
    padding: 10px 10px 10px 0;
}

.iSearchBox li .iSearchItem {
    min-height: 50px;
}

.iSearchBox li .h3 {
    padding: 0;
    margin: 0;
    padding-top: 10px;
    width: 42%;
    float: left;
    overflow: hidden;
    white-space: normal !important;
    line-height: 18px;
    font-size: 14px;
    font-weight: normal;
    color: var(--text-light);
}

.iSearchPrice span {
    color: var(--text-light);
    font-weight: bold;
    font-size: 15px;
}

.iSearchBox li .iSearchPrice {
    float: right;
    font-weight: bold;
    color: var(--text-light);
    font-size: 12px;
    display: block;
    padding: 10px 0;
}

.iSearchBox li .iSearchPrice span {
    color: var(--accent);
}

.iSearchBox li .iSearchPrice .specialPrice {
    text-decoration: line-through;
    margin-bottom: 5px;
    display: flex;
}

.iSearchBox li .iSearchModel {
    color: #555;
    font-size: 11px;
    font-weight: normal;
}

.iSearchBox .iSearchViewAllResults {
    height: 20px;
    color: #333;
    margin-bottom: 0px;
    text-align: center;
    line-height: 20px;
}

.iSearchBoxWrapper {
    position: relative;
}

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

.iSearchBoxWrapper .clearfix:after {
    clear: both;
}

.iSearchBoxWrapper .clearfix {
    zoom: 1;
}

.iSearchBoxWrapper #iSearchBoxLoadingImage {
    width: 16px;
    height: 16px;
    visibility: hidden;
    display: none !important;
}

.iSearchBox ul li.iSearchHeading {
    margin: 0 0 10px 0;
    font-size: 18px;
    padding-left: 5px;
    position: relative;
    color: var(--text-light);
}

/*---------------------- Page sitemap
==============================================*/

.page__sitemap ul li {
    list-style: disc;
    margin-left: 15px;
    margin-bottom: 6px;
}

.page__sitemap .list__title {
    display: block;
    margin: 10px 0;
}

.rev__cont {
    display: none;
}

.blog__title {
    min-height: 56px;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 18px;
    margin-bottom: 30px;
}

.blog__title h1 {
    color: var(--title-color);
    font-weight: bold;
    font-size: 22px;
}

.blog__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.article__block {
    margin-bottom: 30px;
}

.article__block .article__info {
    border-left: 2px solid var(--gaccent);
    border-right: 2px solid var(--gaccent);
    border-bottom: 2px solid var(--gaccent);
}

.article__block .article__image {
    overflow: hidden;
}

.article__block .article__image img {
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.article__block .article__info {
    padding: 30px;
}

.article__block .article__info .h3 {
    margin-bottom: 30px;
    height: 32px;
    overflow: hidden;
}

.article__block .article__info .h3 a {
    color: var(--title-color);
    font-weight: bold;
    font-size: 16px;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.article__block .article__info p {
    color: #9599a8;
    font-size: 15px;
    line-height: 21px;
}

.article__block:hover .article__image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.article__block:hover .article__info h3 a {
    color: var(--accent);
}

.image__article {
    width: 100%;
    margin-bottom: 30px;
}

.image__article img {
    margin: 0 auto;
}

.article__description p {
    color: var(--text-light);
    font-size: 14px;
    letter-spacing: 0.13px;
    line-height: 21px;
    margin-bottom: 20px;
}

.page__article .block__artilce {
    width: 60%;
    margin: 30px auto;
}

.page__article .block__artilce .block__title {
    min-height: 56px;
    border-top: 1px solid var(--gaccent);
    border-bottom: 1px solid var(--gaccent);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 18px;
    margin-bottom: 30px;
}

.page__article .block__artilce .block__title h1 {
    color: #fff;
    font-weight: bold;
    font-size: 22px;
}

/*---------------------Module popular__artilce
=======================================================*/

.popular__article {
    margin: 30px 0 30px 0;
}

.slider__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--border-color);
}

.slider__title h2,
.slider__title h3,
.slider__title h4,
.slider__title h5 {
    color: #fff;
    font-weight: bold;
    font-size: 22px;
}

.slider__button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: -1px;
    width: 103px;
    align-self: flex-end;
}

.slider__button .arrow__left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 51px;
    height: 51px;
    background-color: var(--gaccent);
    margin-right: 1px;
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
}

.slider__button .arrow__right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 51px;
    height: 51px;
    background-color: var(--gaccent);
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
}

.slider__button .arrow__left:hover,
.slider__button .arrow__right:hover {
    background-color: var(--btn-hover);
}

.slider__button a:hover path {
    fill: var(--text-dark);
}

.popular__block {
    margin: 0 -15px;
}

.popular__article {
    padding: 0 15px;
}

.popular__article .article-item .popular__image {
    overflow: hidden;
}

.popular__article .article-item .popular__image img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.popular__article .popular__info {
    border-left: 2px solid var(--gaccent);
    border-right: 2px solid var(--gaccent);
    border-bottom: 2px solid var(--gaccent);
    padding: 30px;
}

.popular__article .popular__info .h3 {
    margin-bottom: 30px;
    height: 32px;
    overflow: hidden;
}

.popular__article .popular__info .h3 a {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.popular__article .popular__info p {
    color: var(--text-light);
    font-size: 15px;
    line-height: 21px;
}

.popular__article .article-item:hover .popular__image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.popular__article:hover .popular__info .h3 a {
    color: var(--accent);
}

/*--------------Featured article slider
=============================================================*/

.arfeatured__block {
    margin: 30px -15px 50px -15px;
}

.arfeatured__block .arfeatured__article {
    padding: 0 15px;
}

.arfeatured__block .arfeatured__article .arfeatured__image {
    overflow: hidden;
}

.arfeatured__block .arfeatured__article .arfeatured__image img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.arfeatured__block .arfeatured__article .arfeatured__info {
    border-left: 2px solid var(--gaccent);
    border-right: 2px solid var(--gaccent);
    border-bottom: 2px solid var(--gaccent);
    padding: 30px;
}

.arfeatured__block .arfeatured__article .arfeatured__info .h3 {
    margin-bottom: 30px;
    height: 32px;
    overflow: hidden;
}

.arfeatured__block .arfeatured__article .arfeatured__info .h3 a {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.arfeatured__block .arfeatured__article .arfeatured__info p {
    color: var(--text-light);
    font-size: 15px;
    line-height: 21px;
}

.arfeatured__block .arfeatured__article:hover .arfeatured__image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.arfeatured__block .arfeatured__article:hover .arfeatured__info .h3 a {
    color: var(--accent);
}

.featured__articles,
.popular__article {
    overflow: hidden;
}

/* =============Category block  */

.category__title {
    width: 100%;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 17px;
    margin-top: 30px;
}

.category__title h1 {
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 18px;
}

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

.category__left {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 369px;
    margin-right: 30px;
}

.category__body {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
}

.category__panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.category__products {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.category__products .product-list {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    padding: 0 15px;
    margin-bottom: 33px;
}

.category__products .product-list .products {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.category__products .product-list .products .outstock__more {
    width: 192px;
}

.category__products.category__wrap .product__grid {
    max-width: calc(33.33% - 30px);
    margin: 0 15px;
    margin-bottom: 33px;
}

.category__sorting {
    margin-bottom: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.label__title {
    color: #E0E1E7;
    font-weight: 600;
    font-size: 14px;
    margin-right: 11px;
    line-height: 31px;
}

.category__sorting .sorting__list {
    width: 248px;
    height: 40px;
    border-radius: 21px;
    background-color: var(--gaccent);
    border: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    position: relative;
    cursor: pointer;
}

.category__sorting .sorting__list .sorting__title {
    color: var(--text-light);
    font-weight: bold;
    font-size: 14px;
    -webkit-transition: color .1s ease;
    -o-transition: color .1s ease;
    transition: color .1s ease;
}

.category__sorting .sorting__list .sort__arrow {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: var(--accent);
    position: relative;
}

.sort__arrow::after {
    content: "";
    position: absolute;
    background-image: url(../img/icon/arrow_down-accent.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -12px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sort__arrow.turn::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.sort__arrow i {
    display: none;
}

.category__sorting .sorting__list .arrow-down__icon {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.category__sorting .sorting__list .arrow-down__icon path {
    fill: var(--accent);
}

.category__sorting .sorting__list .sorting__block {
    display: none;
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 6000;
    width: 100%;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    border-radius: 21px;
    background-color: var(--gaccent);
    padding: 20px 18px;
}

.category__sorting .sorting__list .sorting__block a {
    color: var(--text-light);
    font-weight: bold;
    font-size: 14px;
    display: block;
    margin-bottom: 20px;
    -webkit-transition: color .1s ease;
    -o-transition: color .1s ease;
    transition: color .1s ease;
}

.category__sorting .sorting__list .sorting__block a:hover {
    color: var(--accent);
}

.category__sorting .sorting__list .sorting__block a:last-child {
    margin-bottom: 0;
}

.category__limit {
    margin-bottom: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.category__limit .sorting__limit {
    width: 98px;
    height: 40px;
    border-radius: 21px;
    background-color: var(--gaccent);
    border: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    position: relative;
    cursor: pointer;
}

.category__limit .limit__block {
    display: none;
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 6000;
    width: 100%;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    border-radius: 21px;
    background-color: var(--gaccent);
    padding: 20px 18px;
}

.category__limit .limit__block a {
    color: var(--text-light);
    font-weight: bold;
    font-size: 14px;
    display: block;
    margin-bottom: 20px;
    -webkit-transition: color .1s ease;
    -o-transition: color .1s ease;
    transition: color .1s ease;
}

.category__limit .limit__block a:hover {
    color: var(--accent);
}

.category__limit .limit__block a:last-child {
    margin-bottom: 0;
}

.category__limit .sort__arrow {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.category__limit .fa-chevron-down {
    color: var(--accent);
    font-size: 14px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.sorting__limit .sorting__title {
    color: var(--text-light);
    font-weight: bold;
    font-size: 14px;
    -webkit-transition: color .1s ease;
    -o-transition: color .1s ease;
    transition: color .1s ease;
}

.category__grid {
    margin-left: auto;
}

.category__grid {
    margin-bottom: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.button__grid {
    width: 120px;
    height: 40px;
    border-radius: 21px;
    background-color: var(--gaccent);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border: none;
    color: var(--text-light);
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    margin-right: 12px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.button__grid:focus,
.button__grid:active,
.button__grid:hover {
    color: var(--accent);
}

.button__grid.active {
    color: var(--accent);
}

.button__grid:last-child {
    margin-right: 0;
}

#column-left {
    margin-bottom: 20px;
}

/* --Products block
===================== */

.products:hover .product__body-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.products:hover .product__body-title .h2 a {
    color: var(--accent);
}

.product-layout.product-list.product__list .products {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #f5f5f5;
}

.product-layout.product-list.product__list .products .product__body-block {
    border: none;
    padding: 18px 31px 0 31px;
}

.product-layout.product-list.product__list .products .product__body-button {
    display: none;
}

.list-button {
    display: none;
}

.product-layout.product-list.product__list .products .list-button {
    display: block;
}

/* --Pagination
===================== */

.pagination__block {
    width: 100%;
    text-align: center;
    margin-top: 14px;
    margin-bottom: 58px;
}

.pagination__block .pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pagination__block .pagination li {
    margin-bottom: 10px;
}

.pagination__block .pagination li.prev__page {
    display: inherit;
    width: 45px;
    height: 45px;
    border-radius: 31px;
    border: 2px solid var(--gaccent);
    margin-right: 8px;
    -webkit-transition: background-color 0.5s ease, border 0.5s ease, width 0.5s ease, height 0.5s ease;
    -o-transition: background-color 0.5s ease, border 0.5s ease, width 0.5s ease, height 0.5s ease;
    transition: background-color 0.5s ease, border 0.5s ease, width 0.5s ease, height 0.5s ease;
}

.pagination__block .pagination li.prev__page:hover a path {
    fill: var(--gaccent);
}

.pagination__block .pagination li.next__page {
    display: inherit;
    width: 45px;
    height: 45px;
    border-radius: 31px;
    border: 2px solid var(--gaccent);
    margin-right: 8px;
    -webkit-transition: background-color 0.5s ease, border 0.5s ease, width 0.5s ease, height 0.5s ease;
    -o-transition: background-color 0.5s ease, border 0.5s ease, width 0.5s ease, height 0.5s ease;
    transition: background-color 0.5s ease, border 0.5s ease, width 0.5s ease, height 0.5s ease;
}

.pagination__block .pagination li.next__page a path {
    fill: #fff;
}

.pagination__block .pagination li.next__page:hover a path {
    fill: var(--gaccent);
}

.pagination__block .pagination li.prev__page:hover,
.pagination__block .pagination li.next__page:hover {
    background-color: var(--accent);
}

.pagination__block .pagination li.prev__page:active,
.pagination__block .pagination li.prev__page:focus,
.pagination__block .pagination li.next__page:active,
.pagination__block .pagination li.next__page:focus {
    background-color: var(--accent);
    border: 2px solid var(--accent);
}

.pagination__block .pagination li.prev__page a,
.pagination__block .pagination li.next__page a {
    color: #535353;
    font-weight: bold;
    font-size: 14px;
    line-height: 2.8;
    height: 100%;
    width: 100%;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.pagination__block .pagination li.prev__page:active a,
.pagination__block .pagination li.prev__page:focus a,
.pagination__block .pagination li.next__page:active a,
.pagination__block .pagination li.next__page:focus a {
    color: #fff;
}

.pagination__block .pagination li.pagination__link {
    width: 45px;
    height: 45px;
    border-radius: 31px;
    border: 2px solid var(--gaccent);
    margin-right: 8px;
    -webkit-transition: background-color 0.5s ease, border 0.5s ease, width 0.5s ease, height 0.5s ease;
    -o-transition: background-color 0.5s ease, border 0.5s ease, width 0.5s ease, height 0.5s ease;
    transition: background-color 0.5s ease, border 0.5s ease, width 0.5s ease, height 0.5s ease;
}

.pagination__block .pagination li.pagination__link a {
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    height: 100%;
    width: 100%;
    line-height: 2.9;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.pagination__block .pagination li.pagination__link.active a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
}

.pagination__block .pagination li.pagination__link.active {
    width: 61px;
    height: 61px;
    border-radius: 31px;
    border: 2px solid var(--accent);
    /* background-color: #ffffff; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 8px;
    -webkit-transition: background-color 0.5s ease, border 0.5s ease, width 0.5s ease, height 0.5s ease;
    -o-transition: background-color 0.5s ease, border 0.5s ease, width 0.5s ease, height 0.5s ease;
    transition: background-color 0.5s ease, border 0.5s ease, width 0.5s ease, height 0.5s ease;
}

.pagination__block .pagination li.pagination__link.active span,
.pagination__block .pagination li.pagination__link.active a {
    color: var(--accent);
    font-weight: bold;
    font-size: 16px;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

/* .pagination__block .pagination li.pagination__link.active:hover { */
/*     background-color: #fff; */
/* } */

.pagination__block .pagination li.pagination__link a:last-child {
    margin-right: 0;
}

/* .pagination__block .pagination li.pagination__link:hover { */
/*     background-color: #f1f2f7; */
/* } */

.pagination__block .pagination li.pagination__link:active,
.pagination__block .pagination li.pagination__link:focus {
    border: 2px solid var(--accent);
    /* background-color: #fff; */
}

/* --Category description
============================== */

.category__description {
    width: 100%;
    background-color: var(--gaccent);
    padding: 65px 0 51px 0;
}

.description__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.description__body .description__thumb {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 334px;
}

.description__body .description__text {
    -webkit-flex-basis: 70%;
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    max-width: 70%;
}

.description__full {
    max-height: 336px;
    overflow: hidden;
}

.description__full p {
    color: var(--text-color);
    font-size: 14px;
    letter-spacing: 0.13px;
    line-height: 21px;
    margin-bottom: 15px;
}

.description__full h2,
.description__full h3 {
    color: var(--title-color);
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 20px;
}

.product-layout .products {
    margin-bottom: 30px;
}

.button__continue a {
    width: 178px;
    height: 60px;
    background-color: var(--accent);
    color: var(--text-dark);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
    margin: 20px 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.button__continue a:hover {
    background-color: var(--btn-hover);
}

.button__continue a:focus {
    background-color: var(--btn-active);
}

/* -- Load more button
============================== */

.load__more {
    background-color: var(--accent);
    color: var(--gaccent);
    font-weight: 600;
    font-size: 13px;
    padding: 10px;
    max-width: 250px;
    width: 100%;
    height: 60px;
    margin: 20px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    text-transform: uppercase;
    -webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
    transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease, background-color 0.5s ease;
    transition: transform 0.5s ease, background-color 0.5s ease;
    transition: transform 0.5s ease, background-color 0.5s ease, -webkit-transform 0.5s ease;
}

.load__more:hover {
    background-color: var(--btn-hover);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.ajax__loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: rgba(255, 255, 255, 0.7);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/*----------------Ocfilter
=============================*/

.list-group-item {
    margin-bottom: 10px;
}

.ocf-option-name {
    width: 100%;
    height: 64px;
    background-color: #4F525A;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: var(--filter-title);
    font-weight: bold;
    font-size: 18px !important;
    margin-bottom: 2px !important;
    padding: 0 32px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.ocf-option-name .fa-sort-up {
    margin-top: 10px;
}

.ocf-option-values {
    background-color: var(--filter-bg);
    padding: 30px 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 5px;
}

.ocf-option-values .scale {
    height: 5px;
    width: 100%;
    margin: 0;
}

.ocf-option-values .scale .noUi-origin {
    border-radius: 0;
}

.ocf-option-values .scale .noUi-origin {
    border-radius: 0;
}

.ocf-option-values .scale .noUi-background {
    background-color: #ccd0dd;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ocf-option-values .scale .noUi-pips {
    display: none;
}

.ocf-option-values .noUi-horizontal .noUi-handle {
    width: 17px;
    height: 17px;
    border-radius: 100%;
    background-color: var(--accent);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    left: 0;
}

.ocf-option-values .noUi-horizontal .noUi-handle.noUi-handle-upper {
    left: -17px;
}

.ocf-option-values .noUi-horizontal .noUi-handle::after,
.ocf-option-values .noUi-horizontal .noUi-handle::before {
    display: none;
}

.ocf-option-values .noUi-connect {
    background-color: var(--accent);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ocf-option-values .noUi-target {
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ocf-option-values.option__price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ocf-option-values .price__form {
    margin-top: 26px;
    width: 100%;
}

.ocf-option-values .price__form .form-inline {
    margin: 0 -15px;
}

.ocf-option-values .price__ocfilter .price__form .form-inline {
    margin: 0;
}

.ocf-option-values .price__form .form-inline .form-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}

.ocf-option-values .price__form .form-inline input {
    width: 80px;
    height: 42px;
    border-radius: 21px;
    background-color: #A3A5AC;
    padding: 11px 15px;
    color: #4B4D56;
    font-weight: 600;
    font-size: 14px;
    border: none;
}

.ocf-option-values .price__form .form-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.ocf-option-values .price__form .form-group .filter__fromto {
    margin-right: 10px;
    color: #585858;
    font-size: 14px;
}

@media (max-width: 1440px) {
    .ocf-option-values .price__form .form-group .filter__fromto {
        display: none !important;
    }
}

@media (max-width: 1180px) {
    .ocf-option-values .price__form .form-inline input {
        width: 70px;
    }    
}

@media (max-width: 1080px) {
    .ocf-option-values .price__form .form-inline input {
        width: 60px;
        padding: 7px 10px;
    }
}

@media (max-width: 991px) {
    .ocf-option-values .price__form .form-group .filter__fromto {
        display: block !important;
    }

    .ocf-option-values .price__form .form-inline input {
        width: 80px;
        padding: 11px 15px;
    }
}

.ocf-option-values label {
    color: #A3A5AC !important;
    font-size: 14px !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.ocf-option-values label a,
.ocf-option-values label .badge {
    color: #A3A5AC !important;
}

.ocf-option-values label a:hover {
    color: var(--accent) !important;
}

.ocf-option-values input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 26px;
    height: 26px;
    border-radius: 4px;
    background-color: #A3A5AC;
    cursor: pointer;
    margin-right: 10px;
    position: relative;
    -webkit-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    display: flex;
    flex-shrink: 0;
}

.ocf-option-values input[type="checkbox"]:checked:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ocf-option-values .ocf-selected input[type="checkbox"] {
    background-color: var(--accent);
}

.ocf-option-values .ocf-selected {
    color: var(--accent) !important;
}

.ocf-option-values .badge {
    color: #9599a8;
    font-size: 14px;
    font-weight: 400;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.wrap_label_count:hover .badge {
    color: var(--accent);
}

.ocf-option-values label:hover input[type="checkbox"] {
    background-color: var(--accent);
}

.ocf-option-values:hover input[type="checkbox"]:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    font-size: 18px;
    color: #A3A5AC;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ocf-option-values:hover label.ocf-selected input[type="checkbox"]:before {
    color: #fff;
}

.ocf-option-values label:hover input[type="checkbox"]:before {
    color: #fff;
}



.ocfilter .selected-options {
    background-color: var(--filter-bg);
    padding: 21px 32px;
}

.ocfilter .selected-options .selected__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 18px;
    
}

.ocfilter .selected-options .selected__title .selected__name {
    color: var(--filter-title);
    font-weight: bold;
    padding: 0;
}

.ocfilter .selected-options .selected__title button {
    border: none;
    background-color: transparent;
    color: var(--accent);
    font-weight: 600;
    font-size: 13px;
    width: 125px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    padding-left: 10px;
    outline: none;
}

.ocfilter .selected-options .selected__title button i {
    padding-left: 10px;
    padding-top: 2px;
}

.ocfilter .selected-options .ocfilter-option {
    border-radius: 21px;
    background-color: #A3A5AC;
    padding: 8px 20px;
    color: #4B4D56;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.ocfilter .selected-options .ocfilter-option span {
    color: #4B4D56;
    font-size: 13px;
    font-weight: 400;
    padding: 1px 4px;
}

.ocfilter .selected-options .ocfilter-option button {
    border: none;
    background-color: transparent;
    color: #4B4D56;
    font-weight: 700;
    font-size: 13px;
    outline: none;
    text-align: left;
}

.ocfilter .selected-options .ocfilter-option button i {
    position: absolute;
    top: 10px;
    right: 10px;
}

.ocfilter .selected-options .filter__blockselected {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ocfilter .selected-options .filter__blockselected .ocfilter-option {
    margin-bottom: 5px;
    cursor: pointer;
}

.ocfilter-option .dropdown__values {
    display: none;
}

.ocf-option__block {
    overflow: hidden !important;
}

.ocfilter-option .ocf-option__block .wrap_label_count {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-height: 190px;
    overflow: hidden;
}

.price__ocfilter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.price__namedropdown .filter__ocarrow {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    color: #fff;
}

.filter__arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.rotate__filter {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.rotate__pricefilter {
    -webkit-transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
}

#ocfilter .form-inline {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mobile__filter {
    width: 100%;
    height: 40px;
    border-radius: 21px;
    background-color: var(--gaccent);
    border: none;
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: relative;
    cursor: pointer;
    padding: 0 5%;
    color: var(--filter-title);
    font-weight: bold;
    font-size: 14px;
    -webkit-transition: color .1s ease;
    -o-transition: color .1s ease;
    transition: color .1s ease;
}

.mobile__filter .arrow-down__icon {
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.mobile__filter:hover,
.mobile__filter:focus {
    color: var(--accent);
}

.mobile__filter .arrow-down__icon.active {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.button__filter {
    max-width: 178px;
    width: 100%;
    height: 60px;
    background-color: var(--accent);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    border: none;
    margin: 25px auto 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.button__filter:hover {
    background-color: #223aaf;
}

.button__filter:focus {
    background-color: #0d238f;
}

/*================= Popover
=============================================*/

#ocfilter .popover {
    max-width: 143px;
    height: 46px;
    /* -webkit-box-shadow: 0 0 15px rgba(49, 74, 201, 0.36); */
    /* box-shadow: 0 0 15px rgba(49, 74, 201, 0.36); */
    background-color: var(--accent);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0;
    left: 15% !important;
    /* right: 0!important; */
    -webkit-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

#ocfilter .bs-popover-auto[x-placement^="right"]>#ocfilter .arrow::after,
#ocfilter .bs-popover-right>.arrow::after {
    left: -21px;
    border-width: 18px 18px 28px 12px;
    border-right-color: var(--accent);
    top: -14px;
    -webkit-transition: border-right-color 0.5s ease;
    -o-transition: border-right-color 0.5s ease;
    transition: border-right-color 0.5s ease;
}

#ocfilter .bs-popover-auto[x-placement^="left"]>#ocfilter .arrow::after,
#ocfilter .bs-popover-left>.arrow::after {
    right: -21px;
    border-width: 18px 18px 28px 12px;
    border-left-color: var(--accent);
    top: -14px;
    -webkit-transition: border-left-color 0.5s ease;
    -o-transition: border-left-color 0.5s ease;
    transition: border-left-color 0.5s ease;
}

#ocfilter .button__popup {
    background: transparent;
    border: none;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    height: 44px;
    max-width: 143px;
    width: 100%;
    -webkit-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

#ocfilter .popover:focus .button__popup,
#ocfilter .popover:hover .button__popup {
    background-color: var(--accent);
}

#ocfilter .popover:focus,
#ocfilter .popover:hover {
    background-color: var(--accent);
}

#ocfilter .popover:hover .arrow::after {
    border-right-color: var(--accent);
}

.popover {
    background-color: var(--text-dark);
}

.popover span {
    color: var(--text-light);
}

.bs-popover-auto[x-placement^="right"] > .arrow::after,
.bs-popover-right > .arrow::after {
    border-right-color: var(--text-dark);
}

.bs-popover-auto[x-placement^="left"] > .arrow::after,
.bs-popover-left >.arrow::after {
    border-left-color: var(--text-dark);
}

.filter__loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* -----Account__page
==============================*/

.top__title {
    margin-top: 20px;
    margin-bottom: 32px;
    width: 100%;
    height: 56px;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

.top__title a {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 30px;
    color: var(--title-color);
    font-weight: bold;
    font-size: 13px;
    transition: all 0.4s ease;
}

.top__title a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background-color: var(--accent);
    transition: width 0.4s ease;
}

.top__title a:hover {
    color: var(--accent);
}

.top__title a:hover:after {
    width: 100%;
}

.top__title a.active {
    color: var(--accent);
}

.top__title a.active:after {
    width: 100%;
}

.top__title a:last-child {
    margin-right: 0;
}

.form__account {
    max-width: 769px;
    width: 100%;
    margin: 0 auto 41px auto;
    background-color: var(--gaccent);
}

.form__title {
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--border-color);
}

.form__title h1 {
    color: var(--title-color);
    font-weight: bold;
    font-size: 22px;
}

.form__body {
    max-width: 419px;
    width: 100%;
    margin: 0 auto;
    padding: 30px 15px 20px 15px;
}

.form__body .form__group {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.form__body .form__group label {
    color: var(--text-light);
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 14px;
}

.form__body .form__group input[type="email"],
.form__body .form__group input[type="password"] {
    width: 100%;
    height: 50px;
    border: 2px solid transparent;
    background-color: var(--input-bg);
    padding: 0 20px 0 20px;
    color: var(--input-text);
    font-weight: 600;
    font-size: 13px;
    transition: border 0.4s ease;
    border-radius: 0;
}

.form__body .form__group input[type="email"]:focus,
.form__body .form__group input[type="email"]:hover,
.form__body .form__group input[type="password"]:focus,
.form__body .form__group input[type="password"]:hover {
    border: 2px solid var(--accent);
}

.form__body .form__group input[type="submit"] {
    width: 100%;
    height: 64px;
    margin-top: 40px;
    background-color: var(--accent);
    border: 1px solid transparent;
    cursor: pointer;
    color: var(--text-dark);
    font-weight: 600;
    font-size: 14px;
    transition: background-color 0.4s ease;
}

.form__body .btn {
    width: 100%;
    padding: 15px 20px;
    background-color: var(--accent);
    color: var(--text-dark);
    font-weight: 600;
    font-size: 14px;
    border-radius: 0;
}

.form__body .btn:hover,
.form__body .form__group input[type="submit"]:hover {
    background-color: var(--btn-hover);
}

.form__body .btn:focus,
.form__body .form__group input[type="submit"]:focus {
    background-color: var(--btn-active);
}

.form__social {
    padding-bottom: 26px;
    border-bottom: 1px solid var(--border-color);
}

.form__social .social__item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.form__forgotten {
    padding: 10px 0px;
}

.form__forgotten a {
    display: block;
    padding: 20px 0;
    width: 178px;
    text-align: center;
    color: var(--text-dark);
    background-color: var(--accent);
    font-weight: bold;
    font-size: 12px;
    margin: 0 auto;
    transition: color 0.4s ease;
    border: none;
    border-radius: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
    transition: border 0.5s ease, all 0.5s ease;
    -webkit-transition: border 0.5s ease, all 0.5s ease;
    -moz-transition: border 0.5s ease, all 0.5s ease;
    -ms-transition: border 0.5s ease, all 0.5s ease;
    -o-transition: border 0.5s ease, all 0.5s ease;
}

.form__forgotten a:hover {
    background-color: var(--btn-hover);
}

.form__forgotten a:focus {
    background-color: var(--btn-active);
}

.account_socnetauth2__header {
    color: #42454e;
    font-weight: bold;
    font-size: 14px;
}

.account_socnetauth2_lline_links .socnetauth2_buttons img {
    margin-bottom: -11px;
}

.account__pagination {
    margin-top: 30px;
}

.button__account.link__button {
    margin-top: 30px;
}

/*------------Register__page
==================================*/

.form__register {
    max-width: 1094px;
    width: 100%;
    background-color: var(--gaccent);
    margin: 0 auto 50px auto;
}

.register__body {
    max-width: 892px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.register__body form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
}

.register__body form .form__group {
    flex-basis: 47%;
    max-width: 47%;
}

.register__body .register__block {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.register__body .form__group {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.register__body .form__group label {
    color: var(--text-color);
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 10px;
}

.register__body .form__group label .require__field {
    margin-left: 3px;
    color: #ff3108;
}

.form__group .form__control {
    width: 100%;
    height: 50px;
    border: 2px solid transparent;
    background-color: var(--input-bg);
    padding: 0 20px 0 20px;
    color: var(--input-text);
    font-weight: 600;
    font-size: 13px;
    transition: border 0.4s ease;
}

.form__group .form__control:focus,
.form__group .form__control:hover {
    border: 2px solid var(--accent);
}

.register__body .block__buttons {
    width: 100%;
    padding: 16px 0 10px 0;
    text-align: center;
}

.register__body .block__buttons input[type="submit"] {
    max-width: 399px;
    width: 100%;
    height: 64px;
    background-color: var(--accent);
    border: 1px solid transparent;
    cursor: pointer;
    color: var(--gaccent);
    font-weight: 600;
    font-size: 14px;
    transition: background-color 0.4s ease;
}

.register__body .block__buttons input[type="submit"]:hover {
    background-color: var(--btn-hover);
}

.register__body .block__buttons input[type="submit"]:focus {
    background-color: var(--btn-active);
}

.button__form {
    width: 100%;
    text-align: center;
}

.button__form input[type="submit"] {
    max-width: 399px;
    width: 100%;
    height: 64px;
    background-color: var(--accent);
    border: 1px solid transparent;
    cursor: pointer;
    color: var(--gaccent);
    font-weight: 600;
    font-size: 14px;
    transition: background-color 0.4s ease;
}

.button__form input[type="submit"]:hover {
    background-color: var(--btn-hover);
}

.button__form input[type="submit"]:focus {
    background-color: var(--btn-active);
}

/*--------------Page__logout
===============================*/

.form__success {
    max-width: 769px;
    width: 100%;
    background-color: var(--gaccent);
    margin: 20px auto 50px;
    padding-bottom: 20px;
}

.success__title {
    height: 90px;    
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--border-color);
}

.success__title h1 {
    padding: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
}

.success__body {
    width: 90%;
    margin: 0 auto;
    padding: 30px 0 20px 0;
    color: var(--text-light);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.13px;
    line-height: 21px;
}

.success__body p {
    color: var(--text-light);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.13px;
    line-height: 21px;
}

.success__buttons {
    width: 100%;
    text-align: center;
}

.input__block {
    position: relative;
}

.input__block .required__symbol {
    display: none;
    position: absolute;
    top: 17px;
    right: -30px;
    color: #e22929;
    font-size: 19px;
}

.required__text {
    color: #e22929;
    font-size: 13px;
    line-height: 1.2;
    margin-top: 10px;
}

.text-danger {
    color: #e22929;
    font-size: 13px;
    line-height: 1.2;
    margin-top: 10px;
}

/*--------------------Account page
==========================================*/
.account__title {
    min-height: 56px;
    border-top: 1px solid var(--gaccent);
    border-bottom: 1px solid var(--gaccent);
    display: flex;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 32px;
}

.account__title h1 {
    color: var(--title-color);
    font-weight: bold;
    font-size: 22px;
}

.account__page {
    margin-bottom: 50px;
}

.account__menu {
    width: 100%;
    background-color: var(--filter-bg);
}

.account__container {
    width: 100%;
    background-color: var(--filter-bg);
}

.account__menu ul li {
    border-bottom: 1px solid var(--border-color);
    background-color: transparent;
    transition: border-bottom 0.4s ease, background-color 0.4s ease;
    position: relative;
}

.account__menu ul li span {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--input-bg);
    width: 0;
    height: 100%;
    transition: width .25s ease;
}

.account__menu ul li:hover span {
    width: 100%;
}

.account__menu ul li.active span {
    width: 100%;
}

.account__menu ul li:last-child {
    border-bottom: 1px solid transparent;
}

.account__menu ul li a {
    display: block;
    padding: 28px 40px;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.5;
    position: relative;
    z-index: 3;
    transition: color .25s ease;
}

.account__menu ul li.active a {
    color: #fff;
}

.account__menu ul li:hover a {
    color: #fff;
}

.account__block .block__title {
    padding: 10px 30px;
    background-color: var(--gaccent);
}

.account__block .block__title h2 {
    color: var(--title-color);
    font-weight: bold;
    font-size: 22px;
}

.account__form {
    padding: 30px 60px 50px;
}

.account__form .form__input {
    display: flex;
    flex-direction: column;
    margin-bottom: 31px;
}

.account__form .form__input label {
    color: #9599a8;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 14px;
}

.account__form .form__input input {
    max-width: 50%;
    width: 100%;
    height: 50px;
    border: 1px solid var(--border-color);
    background-color: var(--input-bg);
    padding: 0 25px;
    color: var(--input-text);
    font-weight: bold;
    font-size: 15px;
}

.button__edit {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 229px;
    height: 64px;
    background-color: var(--accent);
    color: var(--text-dark);
    font-weight: 600;
    font-size: 14px;
    transition: background-color 0.5s ease, color 0.5s ease;
}

.button__edit:hover {
    background-color: var(--btn-hover);
    color: var(--text-dark);
}

.account__form .form__group {
    display: flex;
    flex-direction: column;
    margin-bottom: 31px;
}

.account__form .form__group label {
    color: var(--text-light);
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 14px;
}

.account__form .form__group input[type="text"],
.account__form .form__group input[type="email"],
.account__form .form__group input[type="password"],
.account__form .form__group input[type="tel"],
.account__form .form__group input[type="search"],
.account__form .form__group input[type="url"],
.account__form .form__group input[type="date"] {
    max-width: 50%;
    width: 100%;
    height: 50px;
    border: 2px solid transparent;
    background-color: var(--input-bg);
    padding: 0 25px;
    color: var(--input-text);
    font-weight: bold;
    font-size: 15px;
    transition: border 0.5s ease;
}

.account__form .form__group select {
    width: 100%;
    height: 50px;
    border: 2px solid transparent;
    background-color: var(--input-bg);
    padding: 0 25px;
    color: var(--text-input);
    font-weight: bold;
    font-size: 15px;
    transition: border 0.5s ease;
}

.input-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.input-select {
    width: 50%;
    position: relative;
}

.account__form .selected-select {
    max-width: 50%;
    width: 100%;
    min-height: 50px;
    height: auto;
    border: 2px solid transparent;
    background-color: var(--input-bg);
    padding: 15px;
    color: var(--text-input);
    font-weight: bold;
    font-size: 15px;
    transition: border 0.5s ease;
}

.account__form .option-list {
    max-width: 50%;
    width: 100%;
    height: 200px;
    overflow-y: scroll;
    background-color: var(--input-bg);
    color: var(--input-text);
    padding: 10px;
}

.account__form .option-list .option-item {
    font-size: 14px;
    font-weight: 600;
    padding: 3px;
}

.account__form .form__group textarea {
    max-width: 50%;
    width: 100%;
    height: 150px;
    border: 2px solid transparent;
    background-color: var(--input-bg);
    padding: 7px 25px;
    color: var(--input-text);
    font-weight: bold;
    font-size: 15px;
    transition: border 0.5s ease;
}

.account__form .form__group .button__date {
    width: 50px;
    height: 50px;
    border: none;
    cursor: pointer;
    background-color: var(--gaccent);
}

.account__form .form__group .check__radio {
    display: flex;
    flex-direction: column;
}

.account__form .form__group .check__radio .radio__inline {
    display: flex;
    align-items: center;
    color: var(--text-light);
    font-weight: bold;
    font-size: 14px;
}

.account__form .form__group .button__date .fa-calendar {
    font-size: 18px;
    color: var(--accent);
}

.account__form .form__group input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 27px;
    min-width: 27px;
    height: 27px;
    margin-right: 10px;
    background-color: var(--input-bg);
    border-radius: 100%;
    cursor: pointer;
    transition: border 0.5s ease;
}

.account__form .form__group input[type="radio"]:checked {
    border: 8px solid var(--accent);
    background-color: #fff;
}

.account__form .form__group input[type="radio"]:hover {
    border: 8px solid var(--btn-active);
    background-color: #fff;
}

.account__form .form__group input[type="text"]:focus,
.account__form .form__group input[type="text"]:hover,
.account__form .form__group input[type="email"]:focus,
.account__form .form__group input[type="email"]:hover,
.account__form .form__group input[type="password"]:focus,
.account__form .form__group input[type="password"]:hover,
.account__form .form__group input[type="tel"]:focus,
.account__form .form__group input[type="tel"]:hover,
.account__form .form__group input[type="search"]:focus,
.account__form .form__group input[type="search"]:hover,
.account__form .form__group input[type="url"]:focus,
.account__form .form__group input[type="url"]:hover,
.account__form .form__group input[type="date"]:focus,
.account__form .form__group input[type="date"]:hover,
.account__form .form__group select:focus,
.account__form .form__group select:hover {
    border: 2px solid var(--accent);
}

.account__form .form__group textarea:focus,
.account__form .form__group textarea:hover {
    border: 2px solid var(--accent);
}

.account__form .button__account input {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 229px;
    width: 100%;
    height: 64px;
    border: none;
    background-color: var(--accent);
    color: var(--gaccent);
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.5s ease;
}

.account__form .button__account input:hover {
    background-color: var(--btn-hover);
}

.account__form .button__account input:focus {
    background-color: var(--btn-active);
}


.account__form .check__form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.account__form .check__form .radio__inline {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.account__form .check__form .radio__inline:last-child {
    margin-right: 20px;
}

.link__button a {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 229px;
    width: 100%;
    height: 64px;
    border: none;
    background-color: var(--accent);
    color: var(--gaccent);
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.5s ease;
}

.link__button a:hover {
    background-color: var(--btn-hover);
}

.link__button a:focus {
    background-color: var(--btn-active);
}

.account__form .empty__text {
    color: var(--text-light);
    font-size: 14px;
    letter-spacing: 0.13px;
}

/*--------------Address page
=======================================*/

.address__table {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 10px;
    background-color: var(--input-bg);
}

.address__info {
    flex-basis: 80%;
    max-width: 80%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.address__info .address__item {
    max-width: 20%;
    width: 100%;
    padding: 10px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-right: 2px solid var(--border-color);
    background-color: var(--input-bg);
}

.address__info .address__item .item__title {
    color: var(--text-dark);
    font-size: 13px;
    margin-bottom: 5px;
}

.address__info .address__item .item__text {
    color: var(--text-dark);
    font-size: 14px;
    font-weight: bold;
}

.address__controll {
    display: flex;
    flex-direction: column;
    flex-basis: 20%;
    max-width: 20%;
    width: 100%;
    min-height: 112px;
}

.address__controll a:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65%;
    background-color: var(--accent);
    color: var(--gaccent);
    font-weight: 600;
    font-size: 13px;
    transition: background-color 0.5s ease;
}

.address__controll a:first-child:hover {
    background-color: var(--btn-hover);
}

.address__controll a:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35%;
    background-color: #42454e;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    transition: background-color 0.5s ease;
}

.address__controll a:last-child:hover {
    background-color: #101010;
}

/*-------------- Wishlist page
=======================================*/

.wishlist__block {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 10px;
    background-color: #fff;
    min-height: 100px;
}

.wishlist__info {
    flex-basis: 85%;
    max-width: 85%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.wishlist__controlls {
    display: flex;
    flex-direction: column;
    flex-basis: 15%;
    max-width: 15%;
    width: 100%;
}

.wishlist__controlls a:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65%;
    background-color: var(--accent);
    color: #ffffff;
    font-weight: 600;
    font-size: 13px;
    padding: 0 5px;
    transition: background-color 0.5s ease;
}

.wishlist__controlls a:first-child:hover {
    background-color: #0d238f;
}

.wishlist__controlls a:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35%;
    background-color: #42454e;
    color: #ffffff;
    font-weight: 600;
    font-size: 13px;
    padding: 0 5px;
    transition: background-color 0.5s ease;
}

.wishlist__controlls a:last-child:hover {
    background-color: #33353C;
}

.wishlist__info .wishlist__item:nth-child(1) {
    flex-basis: 12%;
    max-width: 12%;
    width: 100%;
}

.wishlist__info .wishlist__item:nth-child(2) {
    flex-basis: 30%;
    max-width: 30%;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
}

.wishlist__info .wishlist__item:nth-child(3) {
    flex-basis: 16%;
    max-width: 16%;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
}

.wishlist__info .wishlist__item:nth-child(4) {
    flex-basis: 16%;
    max-width: 16%;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
}

.wishlist__info .wishlist__item:nth-child(5) {
    flex-basis: 26%;
    max-width: 26%;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
}

.wishlist__info .wishlist__item .item__title {
    color: #707890;
    font-size: 13px;
    margin-bottom: 5px;
}

.wishlist__info .wishlist__item .item__text {
    color: #42454e;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
}

/*-------------- Newsletter page
=======================================*/

.reward__block {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    background-color: #fff;
    margin-top: 15px;
    margin-bottom: 10px;
}

.reward__block .reward__item {
    flex-basis: 33.33%;
    max-width: 33.33%;
    width: 100%;
    border-right: 2px solid var(--gaccent);
    display: flex;
    flex-direction: column;
    padding: 20px;
}

.reward__block .reward__item .item__title {
    color: #707890;
    font-size: 13px;
    margin-bottom: 5px;
}

.reward__block .reward__item .item__text {
    color: #42454e;
    font-size: 14px;
    font-weight: bold;
}

/*-------------- Order page
=======================================*/
.order__block {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: var(--input-bg);
    min-height: 84px;
    margin-bottom: 10px;
}

.order__info {
    flex-basis: 85%;
    max-width: 85%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.order__controlls {
    flex-basis: 15%;
    max-width: 15%;
    width: 100%;
}

.order__controlls a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: var(--accent);
    color: var(--gaccent);
    font-weight: 600;
    font-size: 13px;
    transition: background-color 0.5s ease;
}

.order__controlls a:hover {
    background-color: var(--btn-hover);
}

.order__info .order__item {
    flex-basis: 25%;
    max-width: 25%;
    width: 100%;
    display: flex;
    flex-direction: column;
    border-right: 2px solid var(--border-color);
    background: var(--input-bg);
    padding: 10px 20px;
}

.order__info .order__item:last-child {
    border-right: 0;
}

.order__info .order__item .item__title {
    color: var(--text-dark);
    font-size: 13px;
    margin-bottom: 5px;
}

.order__info .order__item .item__text {
    color: var(--text-dark);
    font-size: 14px;
    font-weight: bold;
}

.order__info .order__item .item__text.order__green {
    color: #31c955;
}

.order__info .order__item .item__text.order__red {
    color: #c9315a;
}

.order__top {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}

.order__top .detail__title {
    color: var(--text-dark);
    background: var(--input-bg);
    font-weight: bold;
    font-size: 17px;
    border-bottom: 1px solid var(--border-color);
    padding: 20px 15px 10px 15px;
}

.order__top .block__info {
    display: flex;
    flex-wrap: wrap;
}

.order__top .block__info .block__item {
    flex-basis: 25%;
    max-width: 25%;
    width: 100%;
    border-right: 1px solid var(--border-color);
    background: var(--input-bg);
    padding: 5px 0;
    display: flex;
    flex-direction: column;
    padding: 20px 15px;
}

.order__top .block__info .block__item:last-child {
    border-right: 0;
}

.order__top .block__info .block__item .item__title {
    color: var(--text-dark);
    font-size: 13px;
    margin-bottom: 5px;
}

.order__top .block__info .block__item .item__text {
    color: var(--text-dark);
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
}

.order__middle {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 10px;
}

.order__middle .detail__title {
    width: 100%;
    padding: 20px 15px 10px 15px;
    background-color: var(--input-bg);
    color: var(--text-dark);
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 1px;
}

.order__middle .left__block,
.order__middle .right__block {
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
    background-color: var(--input-bg);
    padding: 20px 15px;
    display: flex;
    flex-wrap: wrap;
}

.order__middle .left__block .payment__title,
.order__middle .right__block .shipping__title {
    width: 100%;
    margin-bottom: 5px;
    color: var(--text-dark);
    background: var(--input-bg);
    font-weight: bold;
}

.order__middle .left__block {
    border-right: 1px solid var(--border-color);
}

.order__middle .left__block .item__block,
.order__middle .right__block .item__block {
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
    padding: 5px 0;
}

.order__middle .left__block .item__title,
.order__middle .right__block .item__title {
    color: var(--text-dark);
    font-size: 13px;
    margin-bottom: 5px;
}

.order__middle .left__block .item__text,
.order__middle .right__block .item__text {
    color: var(--text-dark);
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
}

.order__product .product__bodys {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    width: 100%;
    margin-bottom: 10px;
}

.order__product .product__bodys .product__info {
    flex-basis: 85%;
    max-width: 85%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: var(--input-bg);
}

.order__product .product__bodys .product__controlls {
    flex-basis: 15%;
    max-width: 15%;
    width: 100%;
}

.order__product .product__bodys .item__block {
    display: flex;
    flex-direction: column;
}

.order__product .product__bodys .item__block:nth-child(1) {
    flex-basis: 12%;
    max-width: 12%;
    width: 100%;
}

.order__product .product__bodys .item__block:nth-child(1) img {
    height: 100%;
}

.order__product .product__bodys .item__block:nth-child(2) {
    flex-basis: 25%;
    max-width: 25%;
    width: 100%;
    padding: 25px 10px;
}

.order__product .product__bodys .item__block:nth-child(3) {
    flex-basis: 18%;
    max-width: 18%;
    width: 100%;
    padding: 25px 10px;
}

.order__product .product__bodys .item__block:nth-child(4) {
    flex-basis: 20%;
    max-width: 20%;
    width: 100%;
    padding: 25px 10px;
}

.order__product .product__bodys .item__block:nth-child(5) {
    flex-basis: 25%;
    max-width: 25%;
    width: 100%;
    padding: 25px 10px;
}

.order__product .product__bodys .item__block .item__title {
    color: var(--text-dark);
    font-size: 13px;
    margin-bottom: 5px;
}

.order__product .product__bodys .item__block .item__text {
    color: var(--text-dark);
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
}

.order__product .product__bodys .item__block .item__text a:hover {
    color: var(--accent);
}

.order__product .product__bodys .product__controlls {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.order__product .product__bodys .product__controlls a:nth-child(1) {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--accent);
    border: 1px solid var(--accent);
    color: var(--text-dark);
    font-weight: 600;
    font-size: 12px;
    padding: 0 5px;
    text-align: center;
    transition: background-color 0.5s ease;
}

.order__info-image {
    background-color: #EFEFF1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.order__product .product__bodys .product__controlls a:nth-child(1):hover {
    background-color: var(--btn-hover);
}

.order__product .product__bodys .product__controlls a:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25%;
    background-color: #42454e;
    color: #fff;
    border: 1px solid var(--gaccent);
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    transition: background-color 0.5s ease;
}

.order__product .product__bodys .product__controlls a:nth-child(2):hover {
    background-color: #101010;
}

.order__product .product__bodys .product__controlls a:nth-child(3) {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    height: 25%;
    background-color: var(--accent);
    color: var(--gaccent);
    border: 1px solid var(--gaccent);
    font-weight: 600;
    font-size: 13px;
    transition: background-color 0.5s ease;
}

.order__product .product__bodys .product__controlls a:nth-child(3):hover {
    background-color: var(--btn-hover);
}

.product__option .modal__title {
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    text-align: left;
}

.product__option .modal__option {
    margin: 20px 0 30px 0;
    text-align: left;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.product__option .modal__option span {
    display: block;
    padding: 5px 0;
    color: var(--text-light);
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
}

.product__count {
    margin-bottom: 10px;
}

.product__count .count__title {
    width: 100%;
    padding: 20px 15px 10px 15px;
    background-color: #fff;
    color: var(--text-dark);
    background: var(--input-bg);
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 1px;
}

.product__count .count__block {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

.product__count .count__block .count__item {
    flex-basis: 33.33%;
    max-width: 33.33%;
    width: 100%;
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--border-color);
    background-color: var(--input-bg);
    padding: 15px;
}

.product__count .count__block .count__item:last-child {
    border-right: 0;
}

.product__count .count__block .count__item .item__title {
    color: var(--text-dark);
    font-size: 13px;
    margin-bottom: 5px;
}

.product__count .count__block .count__item .item__text {
    color: var(--text-dark);
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
}

.order__comment {
    margin-bottom: 10px;
    width: 100%;
    background-color: #fff;
}

.order__comment .item__title {
    width: 100%;
    padding: 20px 15px 10px 15px;
    background-color: #fff;
    color: #1f1f1f;
    font-weight: bold;
    font-size: 17px;
    border-bottom: 1px solid var(--gaccent);
}

.order__comment .item__text {
    padding: 15px;
    color: #42454e;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
}

.order__history {
    background-color: #fff;
    margin-bottom: 30px;
}

.order__history .history__title {
    width: 100%;
    padding: 20px 15px 10px 15px;
    background-color: var(--input-bg);
    color: var(--text-dark);
    font-weight: bold;
    font-size: 17px;
    border-bottom: 1px solid var(--border-color);
}

.history__block {
    display: flex;
    flex-direction: column;
    height: 243px;
    background-color: var(--input-bg);
}

.history__block::-webkit-scrollbar {
    width: 8px;
    height: 1px;
}

.history__block::-webkit-scrollbar-track {
    background-color: #42454e;
}

.history__block::-webkit-scrollbar-track-piece {
    background-color: var(--gaccent);
}

.history__block::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #42454e;
}

.history__block::-webkit-scrollbar-corner {
    background-color: #42454e;
}

.history__block::-webkit-resizer {
    background-color: #42454e;
}

.history__block .item__history {
    padding: 15px;
    border-bottom: 1px solid var(--gaccent);
    display: flex;
    justify-content: space-between;
}

.history__block .item__history .item__block {
    display: flex;
    flex-direction: column;
}

.history__block .item__history .item__block .item__title {
    color: var(--text-dark);
    font-size: 13px;
    margin-bottom: 5px;
}

.history__block .item__history .item__block .item__text {
    color: var(--text-dark);
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
}

.history__block .item__history:last-child {
    border-bottom: 0;
}

/*----------------Return page
============================================*/

.return__block {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}

.return__block .return__info {
    flex-basis: 85%;
    max-width: 85%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.return__block .return__controlls {
    flex-basis: 15%;
    max-width: 15%;
    width: 100%;
}

.return__block .return__item {
    flex-basis: 20%;
    max-width: 20%;
    width: 100%;
    border-right: 1px solid var(--gaccent);
    display: flex;
    flex-direction: column;
    padding: 21px 20px;
}

.return__block .return__item .item__title {
    color: #707890;
    font-size: 13px;
    margin-bottom: 5px;
}

.return__block .return__item .item__text {
    color: #42454e;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
}

.return__block .return__controlls a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-color: var(--accent);
    color: #ffffff;
    font-weight: 600;
    font-size: 13px;
    transition: background-color 0.5s ease;
}

.return__block .return__controlls a:hover {
    background-color: #0d238f;
}

.return__block .return__item .item__text.order__green {
    color: #31c955;
}

.return__block .return__item .item__text.order__red {
    color: #c9315a;
}

.return__orders {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 10px;
    background-color: #fff;
}

.return__orders .left__orders,
.return__orders .right__orders {
    flex-basis: 50%;
    max-width: 50%;
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.return__orders .left__orders {
    border-right: 1px solid var(--gaccent);
}

.return__orders .left__orders .item__title,
.return__orders .right__orders .item__title {
    color: #707890;
    font-size: 13px;
    margin-bottom: 5px;
}

.return__orders .left__orders .item__text,
.return__orders .right__orders .item__text {
    color: #42454e;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
}

.return__products {
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}

.return__products .return__title {
    width: 100%;
    border-bottom: 1px solid var(--gaccent);
    color: #1f1f1f;
    font-weight: bold;
    font-size: 17px;
    border-bottom: 1px solid var(--gaccent);
    padding: 20px 15px 10px 15px;
}

.return__products .items__block {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.return__products .items__block .item__product {
    flex-basis: 33.33%;
    max-width: 33.33%;
    width: 100%;
    border-right: 1px solid var(--gaccent);
    display: flex;
    flex-direction: column;
    padding: 20px 15px;
}

.return__products .items__block .item__product:last-child {
    border-right: 0;
}

.return__products .items__block .item__product .item__title {
    color: #707890;
    font-size: 13px;
    margin-bottom: 5px;
}

.return__products .items__block .item__product .item__text {
    color: #42454e;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
}

.return__comment {
    background-color: #fff;
    width: 100%;
    margin-bottom: 10px;
}

.return__comment .return__title,
.return__history .return__title {
    width: 100%;
    border-bottom: 1px solid var(--gaccent);
    color: #1f1f1f;
    font-weight: bold;
    font-size: 17px;
    border-bottom: 1px solid var(--gaccent);
    padding: 20px 15px 10px 15px;
}

.return__comment .return__incomment {
    padding: 15px;
    color: #42454e;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
}

.return__history {
    width: 100%;
    background-color: #fff;
    margin-bottom: 30px;
}

.return__history .inreturn__block {
    height: 243px;
    overflow-y: scroll;
}

.return__history .inreturn__block::-webkit-scrollbar {
    width: 8px;
    height: 1px;
}

.return__history .inreturn__block::-webkit-scrollbar-track {
    background-color: #42454e;
}

.return__history .inreturn__block::-webkit-scrollbar-track-piece {
    background-color: var(--gaccent);
}

.return__history .inreturn__block::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #42454e;
}

.return__history .inreturn__block::-webkit-scrollbar-corner {
    background-color: #42454e;
}

.return__history .inreturn__block::-webkit-resizer {
    background-color: #42454e;
}

.return__history .history__blocks {
    padding: 15px;
    border-bottom: 1px solid var(--gaccent);
    display: flex;
    flex-direction: column;
}

.return__history .history__blocks:last-child {
    border-bottom: 0;
}

.return__history .history__blocks .item__title {
    color: #707890;
    font-size: 13px;
    margin-bottom: 5px;
}

.return__history .history__blocks .item__text {
    color: #42454e;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
}

/*---------------- Remodal
============================================*/

.remodal.product__option .remodal-close {
    right: 0;
    left: auto;
    color: var(--accent);
}

/*---------------- Socauth
============================================*/

.socauth {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 15px 26px;
    border-bottom: 1px solid var(--border-color);
}

.socauth .socauth__title {
    color: var(--text-light);
    font-weight: bold;
    font-size: 14px;
    line-height: 31px;
    margin-right: 13px;
}

.socauth .socauth__block {
    display: flex;
    align-items: center;
}

.socauth .socauth__block button {
    width: 33px;
    height: 32px;
    border: none;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f1f2f7;
    transition: color 0.5s ease;
}

.socauth .socauth__block button.button__fb {
    background-color: #3b5998;
    margin-right: 8px;
}

/* .socauth .socauth__block button.button__g { */
/*     background-color: #dc4e41; */
/* } */

.socauth .socauth__block button:focus,
.socauth .socauth__block button:hover {
    color: #fff;
}

.account__container.wishlish-container {
    background-color: transparent;
}

.account__container.wishlish-container .account__form {
    padding: 30px 0 50px;
}

.product__remove {
    width: 100%;
    height: 63px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid transparent;
    background-color: var(--gaccent);
    transition: border 0.5s ease;
}

.product__remove:hover {
    border: 2px solid var(--accent);
}

.product__remove span:first-child {
    margin-right: 15px;
    color: var(--accent) font-weight: bold;
    font-size: 13px;
    transition: color 0.5s ease;
}

.product__remove span.remove svg path {
    fill: var(--accent);
    transition: fill 0.5s ease;
}

.product__remove:hover span:first-child {
    color: var(--accent);
}

.product__remove:hover span.remove svg path {
    fill: var(--accent);
}

.checkout__title {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    margin-top: 21px;
    margin-bottom: 32px;
}

.checkout__title h1 {
    color: var(--title-color);
    font-weight: bold;
    font-size: 22px;
    padding: 19px 0;
}

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

.buy__page {
    margin-bottom: 30px;
}

.buy__page .table__title {
    border: none;
    height: 89px;
    background-color: var(--gaccent);
    padding: 40px 38px;
    color: var(--title-color);
    font-weight: bold;
    font-size: 18px;
}

.buy__page .table-bordered td,
.buy__page .table-bordered th {
    border: none;
}

/* .tmdcart__head,
.tmdcart__body {
  border-bottom: 1px solid #f1f2f7;
  } */

.tmdcart__head tr td:nth-child(2) {
    padding-left: 30px;
}

.empty__table {
    height: 30px;
    border-top: 1px solid var(--border-color);
}

.empty__table:last-child {
    height: auto;
}

.tmdcart__body td {
    padding: 0;
    vertical-align: middle;
}

.tmdcart__head td {
    padding: 0;
    padding-top: 25px;
    padding-bottom: 14px;
    color: var(--text-light);
    font-weight: 600;
    font-size: 13px;
}

.tmdcart__img {
    width: 103px;
    height: 103px;
}

.tmdcart__body .column__img {
    max-width: 103px;
    width: 103px;
}

.tmdcart__body .tmdcart__info {
    padding: 10px 30px;
}

.tmdcart__body .tmdcart__info .tmdcart__model {
    color: #9599a8;
    font-size: 13px;
    margin-bottom: 13px;
}

.tmdcart__body .tmdcart__info a {
    color: var(--accent);
    font-weight: bold;
    font-size: 13px;
}

.tmdcart__body .tmdcart__info a:hover {
    text-decoration: underline;
}

.tmdcart__body .tdmcart__quantity {
    width: 130px;
    height: 50px;
    border-radius: 25px;
    background-color: var(--gaccent);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.tmdcart__body .tdmcart__quantity .form__quantity {
    background-color: transparent;
    text-align: center;
    color: var(--text-light);
    font-weight: 600;
    font-size: 13px;
    border: none;
}

.tmdcart__body .tdmcart__quantity span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    cursor: pointer;
    color: var(--text-light);
    font-size: 12px;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.tmdcart__body .tdmcart__quantity span:hover,
.tmdcart__body .tdmcart__quantity span:focus {
    color: var(--accent);
}

.tmdcart__body .column__total {
    color: var(--accent);
    font-weight: bold;
    font-size: 20px;
}

.tmdcart__body .column__total .currency__symbol {
    font-size: 11px;
}

.tmdcart__body .tmdcart__delete {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    cursor: pointer;
}

.tmdcart__body .tmdcart__delete .delete__button svg path {
    fill: var(--text-light);
    -webkit-transition: fill 0.5s ease;
    -o-transition: fill 0.5s ease;
    transition: fill 0.5s ease;
}

.tmdcart__body .tmdcart__delete .delete__button {
    margin-bottom: 9px;
}

.tmdcart__body .tmdcart__delete:hover .delete__button svg path {
    fill: var(--accent);
}

.tmdcart__body .tmdcart__delete .delete__title {
    color: var(--text-light);
    font-weight: 600;
    font-size: 11px;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.tmdcart__body .tmdcart__delete:hover .delete__title {
    color: var(--accent);
}

.coupon__block {
    display: none;
    margin-bottom: 20px;
    background-color: #f1f2f7;
    padding: 30px 60px;
}

.coupon__block .form__coupon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.coupon__block .form__coupon input[type="text"] {
    width: 100%;
    height: 50px;
    background-color: #ffffff;
    border: 2px solid transparent;
    padding: 0 30px;
    color: #707890;
    font-weight: 600;
    font-size: 14px;
}

.coupon__block .form__coupon input[type="text"]:focus,
.coupon__block .form__coupon input[type="text"]:hover {
    border: 2px solid var(--accent);
}

.coupon__block .form__coupon .button__coupon {
    height: 50px;
    width: auto;
    background-color: var(--accent);
    border: none;
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    -webkit-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

.coupon__block .form__coupon .button__coupon:hover {
    background-color: #223aaf;
}

.coupon__block .form__coupon .button__coupon:focus {
    background-color: #0d238f;
}

.buy__page #tmd_cart {
    margin-bottom: 20px;
}

/*============================ Right block - confirm
=========================================================*/

#tmd_confirmation {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.confirmation__total {
    background-color: var(--gaccent);
    padding: 30px;
}

.confirmation__coupon {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 40px;
}

.confirmation__coupon .show__coupon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 214px;
    height: 46px;
    border: 1px solid var(--accent);
    background-color: transparent;
    color: var(--accent);
    font-weight: bold;
    font-size: 13px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.confirmation__coupon .show__coupon:hover {
    border: 2px solid #223aaf;
    color: #223aaf;
}

.confirmation__coupon .show__coupon.active {
    border: 1px solid #0d238f;
    background-color: #0d238f;
    color: #fff;
}

.confirmation__details .details__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.confirmation__details .details__item:last-child {
    margin-bottom: 0;
}

.confirmation__details .details__item .details__title {
    color: var(--text-light);
    font-weight: 600;
    font-size: 14px;
    width: 50%;
}

.confirmation__details .details__item .details__text {
    color: var(--accent);
    font-weight: bold;
    font-size: 21px;
    width: 50%;
    text-align: right;
}

.button__buy-confirm {
    max-width: 288px;
    width: 100%;
    height: 64px;
    background-color: var(--accent);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--gaccent);
    font-weight: 600;
    font-size: 14px;
    margin-top: 20px;
    border: none;
    -webkit-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

/* .button__buy-confirm:hover { */
/*     background-color: #2FC274; */
/* } */

/* .button__buy-confirm:focus { */
/*     background-color: #34AA6B; */
/* } */

#typeaccount .account__head {
    background-color: var(--gaccent);
    padding: 40px 60px 40px 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#typeaccount .account__head h3 {
    width: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    margin-right: 79px;
    margin-bottom: 10px;
}

.input__radio label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--text-light);
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.input__radio input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 27px;
    height: 27px;
    border: 1px solid var(--border-color);
    background-color: var(--input-bg);
    border-radius: 100%;
    margin-right: 13px;
    cursor: pointer;
    -webkit-transition: border 0.5s ease;
    -o-transition: border 0.5s ease;
    transition: border 0.5s ease;
}

.input__radio input:checked {
    border: 8px solid var(--accent);
    background-color: #fff;
}

.input__radio input:checked~.input__radio label {
    color: var(--accent);
}

.input__radio:hover label {
    color: var(--btn-active);
}

.input__radio:hover input {
    border: 8px solid var(--btn-active);
    background-color: #fff;
}

.account__head .new__account {
    margin-right: 30px;
    margin-bottom: 10px;
}

.account__head .login__account {
    margin-bottom: 10px;
}

#accountcontent {
    background-color: #f1f2f7;
    /* padding: 39px 60px 48px 60px; */
}

.buy__page .form__group {
    margin-bottom: 31px;
}

.buy__page .form__group label {
    color: var(--text-light);
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 14px;
}

span.required {
    color: #ff3108;
    margin-left: 4px;
}

.buy__page #tmd_shipping_method,
.buy__page #tmd_delivery_address,
.buy__page #tmd_delivery_novapochta_courier,
.buy__page #tmd_delivery_novapochta {
    margin: 10px auto;
}

.buy__page .panel__heading {
    background-color: var(--gaccent);
    padding: 30px 60px 20px 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: var(--title-color);
    font-weight: bold;
    font-size: 18px;
}

.buy__page .panel__body {
    padding: 20px 60px 30px 60px;
    background-color: var(--gaccent);
}

.buy__page .choose__block {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin-bottom: 16px;
}

.buy__page .choose__block:last-child {
    margin-bottom: 0;
}

.buy__page .choose__block .ship__img {
    min-width: 28px;
    max-width: 28px;
    margin-right: 15px;
}

.buy__page .choose__block span {
    color: var(--text-light);
    font-weight: bold;
    font-size: 13px;
    margin-left: 13px;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.buy__page .choose__block input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 27px;
    width: 27px;
    height: 27px;
    background-color: var(--input-bg);
    border-radius: 100%;
    margin-right: 13px;
    cursor: pointer;
    -webkit-transition: border 0.5s ease;
    -o-transition: border 0.5s ease;
    transition: border 0.5s ease;
}

.buy__page .choose__block input:checked {
    border: 8px solid var(--accent);
    background-color: #fff;
}

.buy__page .choose__block input:checked+.buy__page .choose__block label {
    color: var(--accent);
}

.buy__page .choose__block:hover label,
.buy__page .choose__block:hover span {
    color: var(--btn-active);
}

.buy__page .choose__block:hover input {
    border: 8px solid var(--btn-active);
    background-color: #fff;
}

#tmd_delivery_address {
    display: none;
}

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

.register__label span {
    color: var(--text-light);
    font-weight: bold;
    font-size: 13px;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
    margin-left: 10px;
}

.register__label input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 26px;
    height: 26px;
    border-radius: 4px;
    background-color: var(--input-bg);
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.register__label input:checked {
    background-color: var(--accent);
    border: 1px solid var(--accent);
}

.register__label input:checked:before {
    content: '\f00c';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
}

.register__label:hover span {
    color: var(--btn-active);
}

.register__label:hover input {
    background-color: var(--btn-active);
    border: 1px solid var(--btn-active);
}

.register__label:hover input:before {
    content: '\f00c';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
}

.button__block {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    padding: 10px 0px;
}

.button__block a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 178px;
    height: 60px;
    text-align: center;
    color: var(--text-dark);
    background-color: var(--accent);
    font-weight: bold;
    font-size: 12px;
    transition: color 0.4s ease;
    border: none;
    border-radius: 0;
    margin-bottom: 10px;
    margin-right: 20px;
    text-transform: uppercase;
    transition: border 0.5s ease, all 0.5s ease;
    -webkit-transition: border 0.5s ease, all 0.5s ease;
    -moz-transition: border 0.5s ease, all 0.5s ease;
    -ms-transition: border 0.5s ease, all 0.5s ease;
    -o-transition: border 0.5s ease, all 0.5s ease;
}

.button__block a:hover {
    background-color: var(--btn-hover);
}

.button__block a:focus {
    background-color: var(--btn-active);
}

.tmdqc__login {
    width: 178px;
    height: 60px;
    background-color: var(--accent);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    color: var(--text-dark);
    font-weight: 600;
    font-size: 14px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.tmdqc__login:hover {
    background-color: var(--btn-hover);
}

.tmdqc__login:focus {
    background-color: var(--btn-active);
}

.tmdqc__socauth {
    margin-top: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tmdqc__socauth .socauth__title {
    color: var(--text-light);
    font-weight: bold;
    font-size: 14px;
    line-height: 31px;
    margin-right: 13px;
}

.tmdqc__socauth .socauth__block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.tmdqc__socauth .socauth__block button {
    width: 33px;
    height: 32px;
    border: none;
    border-radius: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #f1f2f7;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.tmdqc__socauth .socauth__block button:hover {
    color: #fff;
}

.tmdqc__socauth .socauth__block button.button__fb {
    background-color: #3b5998;
    margin-right: 8px;
}

/* .tmdqc__socauth .socauth__block button.button__g { */
/*     background-color: #dc4e41; */
/* } */

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

.buy__page .addition__field .form__home {
    max-width: 309px;
    width: 100%;
    margin-bottom: 10px;
}

.buy__page .addition__field label {
    color: var(--text-light);
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 18px;
}

.buy__page .addition__field input {
    width: 100%;
    height: 50px;
    background-color: var(--input-bg);
    border: 2px solid transparent;
    padding: 0 20px 0 20px;
    color: var(--input-text);
    font-weight: 600;
    font-size: 14px;
}

.buy__page .addition__field input[type="text"]:focus,
.buy__page .addition__field input[type="text"]:hover {
    border: 2px solid var(--accent);
}

.buy__page .addition__field .form__flat {
    max-width: 204px;
    width: 100%;
}

#tmd_payment_method {
    margin-bottom: 10px;
}

#payment-existing .selected-select {
    width: 100%;
    min-height: 50px;
    height: auto;
    border: 2px solid transparent;
    background-color: var(--input-bg);
    padding: 15px;
    color: var(--input-text);
    font-weight: 600;
    font-size: 13px;
    transition: border 0.4s ease;
    padding-right: 20px;
}

#payment-existing .option-list {
    width: 100%;
    background-color: var(--input-bg);
    color: var(--input-text);
    padding: 10px;
}

#payment-existing .option-list .option-item {
    font-size: 14px;
    font-weight: 600;
    padding: 3px;
}

.buy__page .select__group {
    position: relative;
}

/* .buy__page .select__group:after {
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    } */

.buy__page .select__group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
}

.popover__text {
    color: #42454e;
    font-size: 14px;
    line-height: 20px;
}

.not-label select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.not-label:after {
    top: 68% !important;
    -webkit-transform: translateY(-53%) !important;
    -ms-transform: translateY(-53%) !important;
    transform: translateY(-53%) !important;
}

.warehouse__info {
    margin: 10px auto 0;
    background-color: #f1f2f7;
}

.warehouse__info>h3 {
    background-color: #e9ebf2;
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #1f2024;
    font-weight: bold;
    font-size: 15px;
}

.warehouse__title {
    background-color: #e9ebf2;
    padding: 10px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #1f2024;
    font-weight: bold;
    font-size: 15px;
}

.ware__title {
    padding: 10px 20px;
}

.warehouse__info .tool__body {
    padding: 10px 20px;
}

.warehouse__info .ware__title {
    color: #707890;
    font-weight: 600;
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 20px;
}

.warehouse__info .ware__title strong {
    color: #1f2024;
    font-weight: bold;
    font-size: 15px;
}

.warehouse__info .tool__wrap {
    margin: 5px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.warehouse__info .tool__wrap .tool__title {
    color: #707890;
    font-weight: 600;
    font-size: 14px;
}

.warehouse__info .tool__wrap .tool__text {
    color: #1f2024;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
}

.warehouse__info .warehouse__subtitle {
    margin: 15px 0 10px;
    color: #1f2024;
    font-weight: bold;
    font-size: 14px;
}

.warehouse__info .tool__wrap .tool__text.one-tool__text {
    font-size: 14px;
    font-weight: 600;
    line-height: 15px;
}

.warehouse__info .warehouse__subtool {
    margin-bottom: 15px;
}

.warehouse__info .warehouse__timetable {
    padding: 0 20px;
}

.warehouse__info .timetable__title {
    color: #1f2024;
    font-weight: bold;
    font-size: 14px;
    min-height: 28px;
    margin-bottom: 10px;
}

.warehouse__info .timetable__wrap {
    margin-bottom: 10px;
}

.warehouse__info .timetable__item {
    margin: 5px 0;
}

.warehouse__info .timetable__item span:first-child {
    color: #707890;
    font-weight: 600;
    font-size: 14px;
}

.warehouse__info .timetable__item span:last-child {
    color: #1f2024;
    font-weight: bold;
    font-size: 15px;
}

.warehouse__info .warehouse_postscript {
    padding: 20px;
}

.warehouse__info .warehouse_postscript p {
    color: #535353;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.13px;
    line-height: 21px;
}

.warehouse__info .warehouse_postscript p a:hover {
    text-decoration: underline;
}

.collapse__warehouse {
    cursor: pointer;
    color: var(--accent);
}

.product__line {
    width: 100%;
    height: 1px;
    background-color: var(--filter-bg);
    margin: 24px 0;
}

.product__wrap {
    margin-bottom: 40px;
}

.product__wrap .product__images,
.product__wrap .product__bodys {
    max-width: 100%;
    width: 100%;
}

.product__wrap .product__images {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-height: 620px;
    overflow: hidden;
}

.product__wrap .navigation__thumb {
    height: 100%;
    max-width: 100px;
    min-width: 100px;
    margin-right: 15px;
    display: none;
}

.product__wrap .navigation__thumb.slick-initialized {
    display: block;
}

.product__wrap .navigation__thumb .slick-arrow {
    opacity: 1;
}

.product__wrap .navigation__thumb .image__additional,
.product__wrap .navigation__thumb .image {
    padding-bottom: 30px;
}

.product__wrap .thumbnails {
    height: 100%;
    position: relative;
    display: none;
}

.product__wrap .thumbnails.slick-initialized {
    display: block;
}

.product__wrap .thumbnail__block {
    max-width: 100%;
    position: relative;
}

.product__wrap .thumbnail__block img {
    max-width: 80%;
}

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

.slick-next:before,
.slick-prev:before {
    opacity: 0;
}

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

button.slick-prev.garrow__prev.slick-arrow {
    top: 0;
    left: 0;
    z-index: 25;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(57%, rgba(0, 0, 0, 1)), color-stop(79%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 57%, rgba(0, 0, 0, 0.8) 79%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 57%, rgba(0, 0, 0, 0.8) 79%, rgba(0, 0, 0, 0) 100%);
    height: 182px;
}

button.slick-prev.garrow__prev .fa-chevron-up {
    color: var(--accent);
    font-size: 30px;
    position: relative;
    top: 15px;
    left: -9px;
}

button.slick-next.garrow__next.slick-arrow {
    bottom: -75px;
    left: 0;
    top: auto;
    z-index: 25;
    width: 100%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(57%, rgba(0, 0, 0, 1)), color-stop(79%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 1) 57%, rgba(0, 0, 0, 0.8) 79%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, 1) 57%, rgba(0, 0, 0, 0.8) 79%, rgba(0, 0, 0, 0) 100%);
    height: 110px;
}

button.slick-next.garrow__next .fa-chevron-down {
    color: var(--accent);
    font-size: 30px;
    position: relative;
    bottom: 15px;
    left: -9px;
}

.product__bodys .product__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 20px;
}

.product__bodys .product__title h1 {
    max-width: 492px;
    width: 100%;
    color: var(--title-color);
    font-weight: bold;
    font-size: 28px;
    letter-spacing: -0.28px;
    margin-bottom: 10px;
    line-height: 33px;
}

.product__bodys .product__title span {
    padding: 16px 20px;
    border-radius: 21px;
    background-color: var(--filter-bg);
    color: #9599a8;
    font-weight: 600;
    font-size: 13px;
}

.product__bodys .product__stock {
    font-weight: 600;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
}

.product__bodys .product__stock.stock {
    color: #31c955;
}

.product__bodys .product__stock.instock {
    color: #c95431;
}

.product__bodys .product__rating {
    margin-bottom: 16px;
}

.product__bodys .rating .star__rating-empty .fa-star,
.product__body-block .product__body-reviews__rating .star__rating-empty .fa-star {
    font-size: 15px;
    color: #A3A5AC;
}

.product__bodys .rating .star__rating-full .fa-star,
.product__body-block .product__body-reviews__rating .star__rating-full .fa-star {
    font-size: 15px;
    color: #FCCA53;
}

.product__bodys .rating a {
    color: var(--text-color);
    font-size: 13px;
    text-decoration: underline;
    margin-left: 10px;
    -webkit-transition: color 0.4s ease;
    -o-transition: color 0.4s ease;
    transition: color 0.4s ease;
}

.product__bodys .rating a:hover {
    color: var(--accent);
}

.product__bodys .product__specif {
    margin-bottom: 40px;
}

.product__bodys .product__specif .specif__block {
    margin-bottom: 10px;
}

.product__bodys .product__specif .specif__block .specif__title {
    font-size: 13px;
    color: #fff;
}

.product__bodys .product__specif .specif__block .specif__name {
    font-size: 13px;
    color: var(--text-light);
}

.product__bodys .product__price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 25px;
}

.product__bodys .product__price .h2 {
    color: var(--accent);
    font-weight: bold;
    font-size: 32px;
    margin-right: 13px;
}

.product__bodys .product__price .h2 .currency__symbol {
    font-size: 11px;
}

.product__bodys .product__price .discount__price {
    color: #9599a8;
    font-weight: 600;
    font-size: 17px;
    margin-right: 6px;
    text-decoration: line-through;
}

.product__bodys .product__price .discount__price .currency__symbol {
    font-size: 10px;
}

.product__bodys .product__price .discount__block {
    background-color: var(--new-sticker);
    padding: 10px 8px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

.product__price .outstock__price {
    color: var(--text-light);
    font-weight: bold;
    font-size: 26px;
    margin-right: 13px;
}

.product__price .outstock__price .currency__symbol {
    font-size: 13px;
}

.product__bodys .product__tools {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 23px;
}

.product__bodys .product__tools .tools__count {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 85px;
}

.product__bodys .product__tools .tools__count .label__count {
    color: var(--text-light);
    font-weight: 600;
    font-size: 13px;
    margin-right: 11px;
}

.product__bodys .tools__count .count__block {
    width: 130px;
    height: 50px;
    border-radius: 25px;
    background-color: var(--gaccent);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.product__bodys .tools__count .count__block button {
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    color: var(--text-light);
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.product__bodys .tools__count .count__block button:hover {
    color: var(--accent);
}

.product__bodys .tools__count .count__block input {
    background-color: transparent;
    border: none;
    outline: none;
    text-align: center;
    color: var(--text-light);
    font-weight: 600;
    font-size: 13px;
}

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

.product__bodys .product__tools .tools__list .button__tools {
    width: 50px;
    height: 50px;
    background-color: var(--filter-bg);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    border-radius: 100%;
    margin-right: 15px;
    cursor: pointer;
}

.product__bodys .product__tools .tools__list .button__tools:hover {
    background-color: var(--accent);
}

.product__bodys .product__tools .tools__list .button__tools.product__incompare {
    background-color: var(--accent);
}

.product__bodys .product__tools .tools__list .button__tools.product__inwishlist {
    background-color: var(--accent);
}

.product__bodys .product__tools .tools__list .button__tools.product__incompare .button__icon {
    color: #fff;
}

.product__bodys .product__tools .tools__list .button__tools.product__inwishlist .button__icon {
    color: #fff;
}

.product__bodys .product__tools .tools__list .button__tools:focus {
    background-color: var(--btn-active);
}

.product__bodys .product__tools .tools__list .button__tools:last-child {
    margin-right: 0;
}

.product__bodys .product__tools .tools__list .button__tools .button__icon {
    color: #fff;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.product__bodys .product__tools .tools__list .button__tools:hover .button__icon {
    color: #fff;
}

.product__bodys .product__tools .tools__list .button__tools:focus .button__icon {
    color: #fff;
}

/*==================================Social share
=================================================================================*/

.social__button {
    position: relative;
    z-index: 2;
}

.social__button .button__social,
.social__button .social__share {
    width: 50px;
    height: 50px;
    background-color: var(--filter-bg);
    border: none;
    border-radius: 100%;
    margin-right: 15px;
    cursor: pointer;
}

.social__button .button__social .button__icon,
.social__button .social__share .button__icon {
    color: #707890;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.social__button .button__social:hover,
.social__button .social__share:hover {
    background-color: #223aaf;
}

.social__button .button__social:focus,
.social__button .social__share:focus {
    background-color: #223aaf;
}

.social__button .button__social:hover .button__icon,
.social__button .social__share:hover .button__icon {
    color: #fff;
}

.social__button .button__social:focus .button__icon,
.social__button .social__share:focus .button__icon {
    color: #fff;
}

.social__button .social__share {
    position: absolute;
}

.social__button .social__share.facebok__share {
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: top 0.5s ease, left 0.5s ease, z-index 0.4s ease;
    -o-transition: top 0.5s ease, left 0.5s ease, z-index 0.4s ease;
    transition: top 0.5s ease, left 0.5s ease, z-index 0.4s ease;
}

.social__button .social__share.twitter__share {
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: top 0.4s ease, left 0.4s ease, z-index 0.5s ease;
    -o-transition: top 0.4s ease, left 0.4s ease, z-index 0.5s ease;
    transition: top 0.4s ease, left 0.4s ease, z-index 0.5s ease;
}

.social__button .social__share.pinterest__share {
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: top 0.3s ease, left 0.3s ease, z-index 0.6s ease;
    -o-transition: top 0.3s ease, left 0.3s ease, z-index 0.6s ease;
    transition: top 0.3s ease, left 0.3s ease, z-index 0.6s ease;
}

.social__button .social__share.google__share {
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: top 0.2s ease, left 0.2s ease, z-index 0.7s ease;
    -o-transition: top 0.2s ease, left 0.2s ease, z-index 0.7s ease;
    transition: top 0.2s ease, left 0.2s ease, z-index 0.7s ease;
}

.social__button .facebok__share.active-social {
    top: -67px;
    left: -75px;
    z-index: 1;
    -webkit-transition: top 0.2s ease, left 0.2s ease, z-index 0.4s ease;
    -o-transition: top 0.2s ease, left 0.2s ease, z-index 0.4s ease;
    transition: top 0.2s ease, left 0.2s ease, z-index 0.4s ease;
}

.social__button .twitter__share.active-social {
    top: -67px;
    left: -15px;
    z-index: 1;
    -webkit-transition: top 0.3s ease, left 0.3s ease, z-index 0.5s ease;
    -o-transition: top 0.3s ease, left 0.3s ease, z-index 0.5s ease;
    transition: top 0.3s ease, left 0.3s ease, z-index 0.5s ease;
}

.social__button .pinterest__share.active-social {
    top: -67px;
    left: 45px;
    z-index: 1;
    -webkit-transition: top 0.4s ease, left 0.4s ease, z-index 0.6s ease;
    -o-transition: top 0.4s ease, left 0.4s ease, z-index 0.6s ease;
    transition: top 0.4s ease, left 0.4s ease, z-index 0.6s ease;
}

.social__button .google__share.active-social {
    top: -67px;
    left: 105px;
    z-index: 1;
    -webkit-transition: top 0.5s ease, left 0.5s ease, z-index 0.7s ease;
    -o-transition: top 0.5s ease, left 0.5s ease, z-index 0.7s ease;
    transition: top 0.5s ease, left 0.5s ease, z-index 0.7s ease;
}

/*================================== Cart icon
=================================================================================*/

.product__bodys .product__button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}

.product__bodys .product__button .buy__tocart {
    width: 46%;
    height: 64px;
    background-color: var(--accent);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid transparent;
    outline: none;
    cursor: pointer;
    margin-right: 20px;
    -webkit-transition: background-color 0.5s ease, border 0.5s ease;
    -o-transition: background-color 0.5s ease, border 0.5s ease;
    transition: background-color 0.5s ease, border 0.5s ease;
}

.product__bodys .product__button .buy__tocart:hover {
    background-color: var(--btn-hover);
}

.product__bodys .product__button .buy__tocart:focus {
    background-color: var(--btn-active);
}

.product__bodys .product__button .buy__tocart span {
    color: var(--gaccent);
    font-weight: 600;
    font-size: 14px;
    margin-left: 13px;
}

.product__bodys .product__button .buy__tocart .icon__click path {
    fill: var(--gaccent);
}

.product__bodys .product__button .buy__tocart .fa-check {
    color: var(--gaccent);
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.product__bodys .product__button .buy__oneclick {
    width: 46%;
    height: 64px;
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid var(--accent);
    outline: none;
    cursor: pointer;
    margin-right: 20px;
    -webkit-transition: background-color 0.5s ease, border 0.5s ease;
    -o-transition: background-color 0.5s ease, border 0.5s ease;
    transition: background-color 0.5s ease, border 0.5s ease;
}

.product__bodys .product__button .buy__oneclick:hover {
    color: var(--btn-hover);
    border: 2px solid var(--btn-hover);
}

.product__bodys .product__button .buy__oneclick:focus {
    background-color: var(--btn-active);
    color: var(--text-dark);
}

.product__bodys .product__button .buy__oneclick span {
    color: var(--accent);
    font-weight: 600;
    font-size: 14px;
    margin-left: 13px;
}

.product__bodys .product__button .buy__oneclick:hover span {
    color: var(--btn-hover);
}

.product__bodys .product__button .buy__oneclick:focus .icon__click path {
    fill: var(--text-dark);
}

.product__bodys .product__button .buy__oneclick:focus span {
    color: var(--text-dark);
}

.product__bodys .product__button .buy__oneclick .icon__click path {
    fill: var(--accent);
}

.btn-preorder {
    width: 46%;
    height: 64px;
    background: transparent;
    color: var(--accent);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid var(--accent);
    outline: none;
    cursor: pointer;
    margin-right: 20px;
    -webkit-transition: background-color 0.5s ease, border 0.5s ease;
    -o-transition: background-color 0.5s ease, border 0.5s ease;
    transition: background-color 0.5s ease, border 0.5s ease;
    border-radius: 0;
}

.btn-preorder:focus {
    color: var(--text-dark);
    background-color: var(--btn-active);
}

#preorder-box .modal-content {
    background-color: var(--gaccent);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding: 35px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    position: relative;
}

@media only screen and (min-width: 641px) {
    .modal-dialog {
        max-width: 700px;
    }
}

#preorder-box .modal-header {
    border-bottom: none;
}

#preorder-box .modal-footer {
    border-top: none;
    justify-content: center;
}

#preorder-box .modal-title {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;

    color: #fff;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: -0.28px;
    padding: 0;
}

#preorder-box button.close {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    text-decoration: none;
    color: #95979c;
    border: 0;
    outline: 0;
    background: 0 0;

    right: 0;
    left: initial;
    z-index: 100;
    color: var(--accent);
}

#preorder-box button.close::before {
    font-family: Arial, Helvetica CY, Nimbus Sans L, sans-serif !important;
    font-size: 40px;
    line-height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px;
    content: "\00d7";
    text-align: center;
}

#preorder-box label {
    display: block;
    text-align: right;
    width: 80%;
    margin: 0 auto 4px auto;
    color: var(--text-light);
    font-weight: bold;
    font-size: 13px;
}

@media only screen and (max-width: 641px) {
    #preorder-box label {
        text-align: left;
    }
}

#preorder-box input {
    margin: 0 auto;
    height: 40px;
    background-color: var(--input-bg);
    width: 80%;
    border: 1px solid transparent;
    color: var(--input-text);
    font-weight: 600;
    font-size: 14px;
    padding: 0 15px;
    transition: border 0.5s ease;
    -webkit-transition: border 0.5s ease;
    -moz-transition: border 0.5s ease;
    -ms-transition: border 0.5s ease;
    -o-transition: border 0.5s ease;
}

#preorder-box .modal-footer button {
    width: 50%;
    height: 45px;
    background-color: var(--accent);
    border: none;
    color: var(--text-dark);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    border-radius: 0;
}

#preorder-box .modal-footer button:hover {
    background-color: var(--btn-hover);
}

#preorder-box .alert {
    display: block;
}

/*================================== Info block
=================================================================================*/

.product__bodys .product__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-left: 0;
}

.product__bodys .product__info .info__block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 139px;
}

.product__bodys .product__info .info-bg {
    background-color: var(--filter-bg);
    -webkit-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    cursor: pointer;
}

.product__bodys .product__info .info-bg:hover {
    background-color: var(--accent);
}

.product__bodys .product__info .info-bg.active {
    background-color: var(--accent);
}

.product__info .info-bg .info__icon svg path {
    fill: var(--accent);
    -webkit-transition: fill 0.5s ease;
    -o-transition: fill 0.5s ease;
    transition: fill 0.5s ease;
}

.product__bodys .product__info .info-bg:hover .info__icon svg path {
    fill: #fff;
}

.product__bodys .product__info .info-bg.active .info__icon svg path {
    fill: #fff;
}

.product__bodys .product__info .info__block h4 {
    width: 132px;
    color: #42454e;
    font-weight: bold;
    font-size: 13px;
    margin-left: 15px;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.product__bodys .product__info .info-bg:hover h4 {
    color: #fff;
}

.product__bodys .product__info .info-bg.active h4 {
    color: #fff;
}

/*================================== Tabs block
=================================================================================*/

.product__ctabs {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.product__ctabs .tabs__links {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.product__ctabs .tabs__links .tablinks {
    border: none;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    margin-right: 29px;
    color: var(--text-color);
    font-weight: bold;
    font-size: 13px;
    position: relative;
    line-height: 64px;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.product__ctabs .tabs__links .tablinks:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 4px;
    background-color: var(--accent);
    -webkit-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
    transition: width 0.5s ease;
}

.product__ctabs .tabs__links .tablinks:hover {
    color: var(--accent);
}

.product__ctabs .tabs__links .tablinks:hover:after {
    width: 100%;
    -webkit-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
    transition: width 0.5s ease;
}

.product__ctabs .tabs__links .tablinks:last-child {
    margin-right: 0;
}

.product__ctabs .tabs__button a {
    width: 236px;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 21px;
    background-color: var(--filter-bg);
    border: 2px solid transparent;
    -webkit-transition: border 0.5s ease;
    -o-transition: border 0.5s ease;
    transition: border 0.5s ease;
}

.product__ctabs .tabs__button .review__icon {
    margin-right: 14px;
}

.product__ctabs .tabs__button .review__icon path {
    fill: var(--accent);
}

.product__ctabs .tabs__button .h4 {
    color: var(--accent);
    font-weight: 600;
    font-size: 13px;
    align-self: flex-end;
    margin-bottom: 10px;
}

.product__ctabs .tabs__button a:hover {
    border: 2px solid var(--btn-hover);
}

.product__ctabs .tabs__button a:focus {
    border: 2px solid var(--accent);
}

.product__ctabs button.tablinks.active {
    color: var(--accent);
}

.product__ctabs .tabs__links .tablinks.active:after {
    width: 100%;
    -webkit-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
    transition: width 0.5s ease;
}

.description__textmore {
    line-height: 1.5;
}

.tab__block {
    width: 100%;
    padding: 40px 0 0;
    margin: 0 0 60px;
}

.tab__block .tab__content {
    display: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.tab__block #specification .h2 {
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    letter-spacing: -0.24px;
    margin-bottom: 24px;
}

.tab__block .specification__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.tab__block .specification__body .specificaion__section {
    width: 48%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 23px;
}

.tab__block .specification__body .specificaion__section .h4 {
    color: #fff;
    font-size: 15px;
    white-space: nowrap;
}

.tab__block .specification__body .specificaion__section .specification__line {
    height: 1px;
    background-color: var(--border-color);
    width: 100%;
    margin: 0 19px;
}

.tab__block .specification__body .specificaion__section span {
    color: var(--text-light);
    font-weight: bold;
    font-size: 15px;
    text-align: right;
    white-space: nowrap;
}

.tab__block #specification table {
    color: var(--text-light);
}

.tab__block #specification table,
.tab__block #specification table td,
.tab__block #specification table th {
    border: 1px solid var(--border-color);
    padding: .75rem;
    vertical-align: top;
}

.tab__block #specification table td strong {
    color: var(--menu-color);
    font-weight: bold;
}

.tab__block #description {
    color: var(--text-light);
}

.tab__block #description .title__description {
    display: none;
    color: var(--title-color);
    font-weight: 600;
    font-size: 24px;
    letter-spacing: -0.24px;
    margin-bottom: 24px;
}

.tab__block #description .description__textmore {
    overflow: hidden;
    margin-bottom: 20px;
}

.tab__block #description .description__textmore h1,
h2,
h3,
h4,
h5,
.category__list-h2 {
    color: #fff;
    padding: 20px 0px;
}

.tab__block #description .description__textmore p {
    color: var(--text-light);
    font-size: 14px;
    margin-bottom: 25px;
}

.tab__block #description .description__textmore ul {
    list-style: none;
    padding: 0px 20px;
}

.tab__block #description .description__textmore ul li {
    font-size: 14px;
}

.tab__block #description .description__textmore ul li::before {
    content: "\2022";
    color: var(--accent);
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.tab__block #description .description__text-more {
    font-weight: bold;
    font-size: 13px;
    position: relative;
    margin-left: 16px;
    -webkit-transition: margin-left 0.5s ease;
    -o-transition: margin-left 0.5s ease;
    transition: margin-left 0.5s ease;
}

.tab__block #description .description__text-more:before {
    content: '';
    position: absolute;
    left: -13px;
    top: 50%;
    width: 9px;
    height: 2px;
    background-color: var(--accent);
}

.tab__block #description .description__text-more:hover {
    margin-left: 24px;
    color: var(--accent);
}

.tab__block #reviews .reviews__title {
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    letter-spacing: -0.24px;
    margin-bottom: 34px;
}

.tab__block #reviews .reviews__form {
    max-width: 1167px;
    width: 80%;
    background-color: var(--gaccent);
    padding: 50px;
}

.tab__block #reviews .reviews__form .h3 {
    color: #fff;
    font-weight: 600;
    font-size: 22px;
    letter-spacing: -0.22px;
    margin-bottom: 28px;
}

.tab__block #reviews .reviews__form .review__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tab__block #reviews .reviews__form .review__group {
    width: 48%;
}

.tab__block #reviews .review__group .review__input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px;
}

.tab__block #reviews .review__group .review__textarea {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.tab__block #reviews .review__input label {
    color: var(--text-light);
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 14px;
}

.tab__block #reviews .review__input input {
    width: 100%;
    height: 50px;
    border: 1px solid transparent;
    background-color: var(--input-bg);
    padding: 0 18px;
    font-weight: 600;
    color: var(--input-text);
    font-size: 12px;
    -webkit-transition: border 0.5s ease;
    -o-transition: border 0.5s ease;
    transition: border 0.5s ease;
}

.tab__block #reviews .review__input input:focus,
.tab__block #reviews .review__input input:hover {
    border: 1px solid var(--accent);
}

.tab__block #reviews .review__textarea label {
    color: var(--text-color);
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 14px;
}

.tab__block #reviews .review__textarea textarea {
    width: 100%;
    height: 160px;
    border: 1px solid transparent;
    background-color: var(--input-bg);
    padding: 18px;
    font-weight: 600;
    color: var(--input-text);
    font-size: 12px;
    resize: none;
    -webkit-transition: border 0.5s ease;
    -o-transition: border 0.5s ease;
    transition: border 0.5s ease;
}

.tab__block #reviews .review__textarea textarea:focus,
.tab__block #reviews .review__textarea textarea:hover {
    border: 1px solid var(--accent);
}

.tab__block #reviews .review__star {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tab__block #reviews .review__star span {
    color: var(--text-color);
    font-weight: bold;
    font-size: 13px;
    margin-right: 10px;
}

.tab__block #reviews .button__review {
    width: 178px;
    height: 60px;
    background-color: var(--accent);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--gaccent);
    font-weight: 600;
    font-size: 14px;
    border: none;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.tab__block #reviews .button__review:hover {
    background-color: var(--btn-hover);
}

.tab__block #reviews .button__review:focus {
    background-color: var(--btn-active);
}

.tab__block #reviews .review__star input[type="radio"] {
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 23px;
    min-width: 2px;
    height: 23px;
    cursor: pointer;
    border-radius: 100%;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
}

.tab__block #reviews .review__star input[type="radio"]:before {
    content: '\f005';
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    color: #9599a8;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.tab__block #reviews .review__star input[type="radio"]:hover:before {
    color: #ffb508;
}

.tab__block #reviews .review__star input[type="radio"].active-star:before {
    color: #ffb508;
}

.tab__block #reviews .review__star input[type="radio"].check-star:before {
    color: #ffb508;
}

.tab__block #reviews .review__star input[type="radio"]:focus:before,
.tab__block #reviews .review__star input[type="radio"]:checked:before,
.tab__block #reviews .review__star input[type="radio"]:active:before {
    color: #ffb508;
}

.related__panel,
.articles__panel,
.viewed__panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 30px;
}

.related__panel h3,
.articles__panel h3,
.viewed__panel h3 {
    color: var(--title-color);
    font-weight: bold;
    font-size: 22px;
    line-height: 50px;
}

.related__panel .related__control,
.articles__panel .articles__control,
.viewed__panel .viewed__control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}

.related__panel .related__control a,
.articles__panel .articles__control a,
.viewed__panel .viewed__control a {
    width: 51px;
    height: 51px;
    background-color: var(--gaccent);
    border: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.related__panel .related__control a svg use,
.articles__panel .articles__control a svg use,
.viewed__panel .viewed__control a svg use {
    fill: #8F93A1;
    -webkit-transition: fill 0.5s ease;
    -o-transition: fill 0.5s ease;
    transition: fill 0.5s ease;
}

.related__panel .related__control a:first-child,
.articles__panel .articles__control a:first-child,
.viewed__panel .viewed__control a:first-child {
    margin-right: 1px;
}

.related__panel .related__control a:hover,
.articles__panel .articles__control a:hover,
.viewed__panel .viewed__control a:hover {
    background-color: var(--btn-hover);
}

.related__panel .related__control a:hover svg path,
.articles__panel .articles__control a:hover svg path,
.viewed__panel .viewed__control a:hover svg path {
    fill: var(--text-dark);
}

.related__panel .related__control a:focus svg path,
.articles__panel .articles__control a:focus svg path,
.viewed__panel .viewed__control a:focus svg path {
    fill: var(--text-dark);
}

.related__panel .related__control a:focus,
.articles__panel .articles__control a:focus,
.viewed__panel .viewed__control a:focus {
    background-color: var(--btn-active);
}

#cart-product-related,
#cart-article-recommend,
.viewed__product {
    margin: 0 -15px 6%;
    overflow-x: hidden;
}

/* .product__sticker {
    position: absolute;
    } */

.automatic__sticker {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 20;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: bold;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.automatic__sticker .product__sticker {
    margin-bottom: 10px;
    padding: 8px 15px;
    text-align: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.automatic__sticker .sticker_1 {
    background-color: var(--new-sticker);
    color: #fff;
}

.automatic__sticker .sticker_2 {
    background-color: var(--sale-sticker);
    color: #fff;
}

.automatic__sticker .sticker_3 {
    background-color: var(--best-sticker);
    color: #fff;
}

.automatic__sticker .sale__sticker {
    background-color: var(--skidka-sticker);
    color: #fff;
}

.automatic__sticker .popular__sticker {
    background-color: var(--accent);
    color: #fff;
}

/*---------------- Buy one click
=========================================*/

.buyclick__wrap .h3 {
    color: #fff;
    font-weight: bold;
    font-size: 28px;
    letter-spacing: -0.28px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border-color);
}

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

.buyclick__field>span {
    height: 50px;
    width: 50px;
    background: var(--accent);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--text-dark);
}

.buyclick__field input {
    width: 100%;
    height: 50px;
    border-right: 2px solid var(--border-color);
    border-top: 2px solid var(--border-color);
    border-bottom: 2px solid var(--border-color);
    padding: 0 20px 0 20px;
    border-radius: 0;
    background-color: var(--input-bg);
    color: var(--input-text);
    font-weight: 600;
    font-size: 13px;
    -webkit-transition: border 0.4s ease;
    -o-transition: border 0.4s ease;
    transition: border 0.4s ease;
}

.buyclick__field input:hover,
.buyclick__field input:focus {
    border-right: 2px solid var(--accent);
    border-top: 2px solid var(--accent);
    border-bottom: 2px solid var(--accent);
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: var(--input-bg);
}

.buyclick__field.has-error input {
    border: 1px solid red;
}

.buyclick__button {
    width: 178px;
    height: 60px;
    background-color: var(--accent);
    border: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--text-dark);
    font-weight: 600;
    font-size: 14px;
    margin: 0 auto 20px;
    -webkit-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

.buyclick__button:hover {
    background-color: var(--btn-hover);
}

.buyclick__button:focus {
    background-color: var(--btn-active);
}

.remodal-close.product__remodal-close {
    right: 0;
    left: initial;
    z-index: 100;
    color: var(--accent);
}

.remodal-close.product__remodal-close::before {
    font-size: 40px;
}

.buyclick__result {
    display: none;
    position: absolute;
    background: var(--gaccent);
    color: var(--text-dark);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.buyclick__result-text {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    color: var(--text-light);
}

.required_field {
    border: 2px solid #e22929;
    position: relative;
}

.required_field:after {
    content: '!';
    position: absolute;
    top: 27%;
    right: -27px;
    color: #fff;
    font-size: 12px;
    width: 19px;
    height: 19px;
    background-color: #e22929;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
}

#boc_form .error__text {
    color: #e22929;
    display: block;
    margin: 5px 0;
    text-align: left;
    font-size: 12px;
}

.buyclick__result {
    font-weight: 600;
    padding: 15px 10px;
    color: var(--text-dark);
    font-size: 16px;
}

.alert-success.review__success,
.alert-danger.review__danger {
    padding: 20px;
    font-weight: 600;
}

.reviews__item {
    margin-left: 49px;
    background-color: var(--gaccent);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.reviews__item:before {
    content: '';
    position: absolute;
    bottom: 18px;
    left: -46px;
    width: 46px;
    height: 43px;
    background-color: var(--gaccent);
    -webkit-clip-path: polygon(56px -5px, 123.04% 103.02%, 10% 100%);
    clip-path: polygon(56px -5px, 123.04% 103.02%, 10% 100%);
}

.reviews__item .review__author {
    padding: 40px 24px 40px 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.reviews__item .review__author .h3 {
    color: var(--text-light);
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 11px;
}

.reviews__item .review__author .review__rating .check__star {
    color: #FCCA53;
}

.reviews__item .review__author .review__rating .empty__star {
    color: #A3A5AC;
}

.reviews__item .review__body {
    padding: 40px 40px 40px 25px;
}

.reviews__item .review__body .review__text {
    color: var(--text-light);
    font-size: 14px;
    line-height: 20px;
}

.reviews__item .review__body .review__data {
    margin-top: 20px;
    color: var(--text-light);
    font-size: 13px;
}

.answer__block {
    margin-left: 48px;
    background-color: #f1f2f7;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-top: 48px;
}

.answer__block:before {
    content: '';
    position: absolute;
    top: -43px;
    left: 0;
    width: 46px;
    height: 43px;
    background-color: #f1f2f7;
    -webkit-clip-path: polygon(0px 43px, 35px 43px, 0px 8px);
    clip-path: polygon(0px 43px, 35px 43px, 0px 8px);
}

.answer__block .answer__top {
    padding: 40px 24px 40px 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.answer__block .answer__top span {
    color: #42454e;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 11px;
}

.answer__block .answer__text {
    padding: 40px 40px 40px 25px;
}

.answer__block .answer__text {
    color: #42454e;
    font-size: 14px;
    line-height: 20px;
}

.info__modal {
    text-align: left;
    padding: 0;
}

.info__modal h2 {
    color: #1f2024;
    font-weight: 600;
    font-size: 24px;
    letter-spacing: -0.24px;
    padding: 29px 60px 8px;
}

.info__modal .remodal__text {
    color: #1f2024;
    font-size: 14px;
    line-height: 24px;
    height: 420px;
    overflow: auto;
    width: 100% !important;
    padding: 29px 60px;
}

.info__modal .remodal__text .jspContainer,
.info__modal .remodal__text .jspPane {
    width: 100% !important;
}

.info__modal .remodal__text .jspTrack {
    background: #f1f2f7;
}

.info__modal .remodal__text .jspDrag {
    background: #e0e1e7;
}

.info__modal .remodal__text p {
    margin-bottom: 25px;
    color: #1f2024;
    font-size: 14px;
    line-height: 24px;
}

.info__modal .remodal__text li {
    padding-left: 18px;
    position: relative;
    margin-bottom: 10px;
}

.info__modal .remodal__text li:before {
    content: '';
    position: absolute;
    top: 19%;
    left: 0;
    width: 7px;
    height: 7px;
    background-color: var(--accent);
    display: block;
    border-radius: 100%;
}

.info__modal .remodal-close {
    right: 0;
    left: initial;
    width: 61px;
    height: 61px;
    background-color: var(--accent);
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

.info__modal .remodal-close:hover {
    background-color: #223aaf;
}

.info__modal .remodal-close:focus {
    background-color: #0d238f;
}

.info__modal .remodal-close:before {
    display: none;
}

/*=========================Manufacturer_list
==========================================================*/

.brands__title h1 {
    margin-top: 24px;
    border-bottom: 1px solid #e0e1e7;
    width: 100%;
    padding-bottom: 24px;
    margin-bottom: 17px;
    color: #000000;
    font-weight: bold;
    font-size: 24px;
}

.brans__sorting,
.brands__search {
    padding: 24px 20px;
    background-color: var(--filter-bg);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 17px;
}

.brans__sorting h4,
.brands__search h4 {
    color: #1f2024;
    font-weight: bold;
    font-size: 18px;
    margin-right: 11px;
}

.brans__sorting .anchor__block a {
    color: #707890;
    font-weight: bold;
    font-size: 18px;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.brans__sorting .anchor__block a:hover {
    color: var(--accent);
}

.brands__search input {
    height: 50px;
    max-width: 470px;
    width: 100%;
    background-color: #ffffff;
    padding: 0 18px;
    border: 1px solid transparent;
    color: #707890;
    font-weight: 600;
    font-size: 14px;
    -webkit-transition: border 0.5s ease;
    -o-transition: border 0.5s ease;
    transition: border 0.5s ease;
}

.brands__search input:hover,
.brands__search input:focus {
    border: 1px solid var(--accent);
}

.brands__body {
    margin-bottom: 15px;
}

.brands__body h2 {
    color: #000000;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid #e0e1e7;
    width: 100%;
    padding-bottom: 14px;
    margin-bottom: 17px;
}

.brands__body .brands__block {
    text-align: center;
    border: 2px solid #f5f5f5;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.brands__block .block__image {
    overflow: hidden;
    width: 100%;
    height: 215px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.brands__block .block__image img {
    margin: auto;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: -webkit-transform 0.5s ease, -webkit-filter 0.5s ease;
    transition: -webkit-transform 0.5s ease, -webkit-filter 0.5s ease;
    -o-transition: transform 0.5s ease, filter 0.5s ease;
    transition: transform 0.5s ease, filter 0.5s ease;
    transition: transform 0.5s ease, filter 0.5s ease, -webkit-transform 0.5s ease, -webkit-filter 0.5s ease;
}

.brands__body .brands__block:hover .block__image img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.brands__body .brands__block a {
    color: #1f1f1f;
    font-weight: bold;
    font-size: 15px;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.brands__body .brands__block:hover a {
    color: var(--accent);
}

/* Footer setting for css */

/* --Footer top part */

.footer-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding-top: 67px;
    padding-bottom: 54px;
}

/* Footer logotip block */

.footer-top__main {
    margin-bottom: 20px;
}

.footer-top__main .footer-top__main-logotip {
    margin-bottom: 20px;
}

.footer-top__main .footer-top__main-description {
    margin-bottom: 31px;
}

.footer-top__main .footer-top__main-description p {
    color: #535353;
    font-size: 14px;
    letter-spacing: 0.13px;
    line-height: 21px;
    width: 80%;
}

/* Footer menu link block */

.footer-top__main-link .h3 {
    color: var(--title-color);
    /*font-weight: bold;*/
    font-weight: bold;
    font-size: 17px;
    line-height: 31px;
    margin-bottom: 14px;
}

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

.footer-top__main-link a {
    width: 30px;
    height: 30px;
    background-color: #5F6267;
    border-radius: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 18px;
    color: #000;
    cursor: pointer;
    -webkit-transition: background-color .50s ease-in-out;
    -o-transition: background-color .50s ease-in-out;
    transition: background-color .50s ease-in-out;
}

.footer-top__main-link a:hover {
    background-color: var(--accent);
}

.footer-top__main-link a>.fas {
    width: 18px;
    height: 18px;
}

.footer-top__main-link a span svg circle {
    -webkit-transition: all .50s ease-in-out;
    -o-transition: all .50s ease-in-out;
    transition: all .50s ease-in-out;
}

.footer-top__main-link a:hover span svg circle {
    fill: var(--accent);
}

.footer-top__main-link noindex {
    margin-right: 18px;
}

.footer-top__main-link noindex:last-child {
    margin-right: 0;
}

.footer-top__main-link a:last-child {
    margin-right: 0;
}

.footer-top__menu {
    width: 750px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
}

.footer-top__menu-block .h3,
.footer-top__contacts-block .h3 {
    color: var(--menu-color);
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 40px;
}

.footer-top__menu-block ul {
    margin-bottom: 20px;
}

.footer-top__menu-block ul li {
    margin-bottom: 20px;
}

.footer-top__menu-block ul li:last-child {
    margin-bottom: 0;
}

.footer-top__menu-block ul li a {
    color: var(--text-light);
    font-size: 15px;
    font-weight: 400;
    -webkit-transition: color .50s ease-in-out;
    -o-transition: color .50s ease-in-out;
    transition: color .50s ease-in-out;
}

.footer-top__menu-block ul li a:hover {
    color: var(--accent);
}

/* Footer contacts block */

.footer-top__contacts {
    width: 274px;
    margin-bottom: 20px;
}

.footer-top__contacts-block .h3 {
    color: var(--menu-color);
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 40px;
}

.footer-top__contacts-block a {
    color: var(--text-color);
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 15px;
    -webkit-transition: color .50s ease-in-out;
    -o-transition: color .50s ease-in-out;
    transition: color .50s ease-in-out;
}

.footer-top__contacts-block a:last-child {
    margin-bottom: 0;
}

.footer-top__contacts-block a:hover {
    color: var(--accent);
}

.footer__mails {
    margin-top: 10px;
}

.footer__adress {
    margin-top: 15px;
}

.footer__adress p {
    color: var(--text-light) !important;
    font-size: 15px !important;
    font-weight: 600;
}

/* --Footer bottom part */

/* Footer copyright */

.footer-bottom {
    width: 100%;
    min-height: 52px;
    background-color: var(--text-dark);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.footer-bottom p {
    color: var(--text-color);
    font-size: 15px;
    font-weight: 400;
}

.footer-bottom__copyright {
    display: flex;
    justify-content: space-between;
}

.footer-bottom__copyright a {
    color: var(--text-light);
}

.footer-bottom__copyright a:hover {
    color: var(--accent);
}

/* Arrow up */

.page__arrow {
    display: none;
}

.arrow__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 60px;
    height: 60px;
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 50;
    background-color: rgba(100, 100, 100, 0.8);
    cursor: pointer;
    color: var(--accent);
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.arrow__top:hover,
.arrow__top:focus {
    color: var(--accent);
}

.footer__mobile-control {
    cursor: pointer;
    display: none;
}

.footer__mobile-control .arrow-down__icon {
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.footer__mobile-control .arrow-down__icon.active {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* .footer__mobile-control span, */
/* .footer-top__contacts-block span { */
/*     display: none; */
/* } */

.footer__adress p>span {
    display: block;
}

/* Media setting for css */

@media (max-width: 1300px) {
    .top-header__info-user>p {
        display: none;
    }

    .top-header__info-phone>p {
        display: none;
    }

    .top-header>div:nth-child(1) {
        flex: 0 0 10%;
        max-width: 10%;
    }

    .top-header>div:nth-child(2) {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .top-header>div:nth-child(3) {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (max-width: 1400px) {
    :root {
        --width-catalog-menu: 269px;
    }

    #typeaccount .account__head h3 {
        margin-right: 39px;
    }

    .product__wrap .thumbnail__block img {
        max-width: 80%;
    }
}

@media (max-width: 1200px) {
    :root {
        --width-catalog-menu: 230px;
    }
}

@media (max-width: 1294px) {
    /* .product__bodys .product__button .buy__tocart { */
    /*     margin-bottom: 10px; */
    /* } */

    .product__body-button button span {
        line-height: 15px;
    }

    .product__body-price__price {
        font-size: 22px;
    }

    .product__body-price__price .price-new {
        font-size: 22px;
    }
    
    .product__body-price__price .price-new,
    .product__body-price__price .price-old { 
        line-height: 15px;        
    }

    .body__options-block .body__options-block__title {
        font-size: 12px;
    }

    .product-layout.product-list.product__list .products .product__body-img {
        width: 40%;
    }

    .nav__menu li a {
        padding: 9px 10px;
    }
}

#quick-checkout #tmd_cart table tr .column__name {
    width: 50%;
}

@media (max-width: 1065px) {
    .footer-top__menu-block .h3,
    .footer-top__contacts-block .h3 {
        font-size: 16px;
    }
    
    .account__block .automatic__sticker .product__sticker,
    #product-block .automatic__sticker .product__sticker {
        padding: 8px 15px;
    }
    
    #quick-checkout #tmd_cart table tr .column__name {
        width: 40%;
    }
    
    .product__bodys .product__tools .tools__count {
        margin-right: 5px;
    }

    .top-header__menu ul li {
        margin-right: 10px;
    }

    .top-header__menu ul li a {
        font-size: 12px;
    }

    .nav__menu li a {
        font-size: 13px;
    }

    .product__wrap .thumbnail__block {
        max-width: 75%;
    }

    .product__wrap .thumbnail__block img {
        max-width: 100%;
    }

    .categoty__block-top__menu {
        margin-right: 20%;
    }
}

@media (max-width: 1000px) {
    .product__wrap .thumbnails {
        max-width: 100%;
    }

    .product__wrap .product__images {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .product__wrap .navigation__thumb {
        max-width: 100%;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 15px;
    }

    .product__wrap .product__images {
        max-height: initial;
    }

    button.slick-prev.garrow__prev.slick-arrow {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        height: auto;
        background: none;
        top: 50%;
    }

    button.slick-next.garrow__next.slick-arrow {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        height: auto;
        background: none;
        bottom: 0;
        right: 0;
        left: initial;
        top: 50%;
    }

    .product__wrap .navigation__thumb {
        margin-right: 0;
    }

    .product__wrap .navigation__thumb .image__additional,
    .product__wrap .navigation__thumb .image {
        padding-bottom: 0;
        margin: 0 10px;
    }

    .navigation__thumb .slick-next::before,
    .navigation__thumb .slick-prev::before {
        opacity: 1;
        color: var(--accent);
        font-size: 25px;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
    }

    .navigation__thumb .slick-next::before {
        content: "\f054";
    }

    .navigation__thumb .slick-prev::before {
        content: "\f053";
    }

    .body__options {
        height: auto;
    }
}

@media (max-width: 992px) {
    #product-block .automatic__sticker .product__sticker {
        padding: 8px 15px;
    }
    
    .product-layout.product-list.product__list .products {
        display: block;
    }

    .product-layout.product-list.product__list .products .product__body-img {
        width: auto;
    }

    .product-layout.product-list.product__list .products .product__body-block {
        padding: 18px 31px 33px 31px;
    }

    .account__form .form__input input,
    .account__form .form__group input[type="text"],
    .account__form .form__group input[type="email"],
    .account__form .form__group input[type="password"],
    .account__form .form__group input[type="tel"],
    .account__form .form__group input[type="search"],
    .account__form .form__group input[type="url"],
    .account__form .form__group input[type="date"],
    .account__form .form__group select,
    .account__form .form__group textarea {
        max-width: 100%;
    }

    .wishlist__info {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .wishlist__controlls {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .wishlist__info .wishlist__item:nth-child(1),
    .wishlist__info .wishlist__item:nth-child(2),
    .wishlist__info .wishlist__item:nth-child(3),
    .wishlist__info .wishlist__item:nth-child(4),
    .wishlist__info .wishlist__item:nth-child(5),
    .address__controll {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .wishlist__info .wishlist__item:nth-child(2),
    .wishlist__info .wishlist__item:nth-child(3),
    .wishlist__info .wishlist__item:nth-child(4),
    .wishlist__info .wishlist__item:nth-child(5) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .wishlist__info .wishlist__item .item__text {
        text-align: right;
    }

    .wishlist__info .wishlist__item:nth-child(1) img {
        width: 100%;
    }

    .wishlist__controlls a:first-child {
        height: 60px;
    }

    .wishlist__controlls a:last-child {
        height: 40px;
    }

    .address__info,
    .order__top .block__info .block__item,
    .order__middle .left__block .item__block,
    .order__middle .right__block .item__block,
    .product__count .count__block .count__item,
    .order__product .product__bodys .product__info,
    .order__product .product__bodys .item__block:nth-child(1),
    .order__product .product__bodys .item__block:nth-child(2),
    .order__product .product__bodys .item__block:nth-child(3),
    .order__product .product__bodys .item__block:nth-child(4),
    .order__product .product__bodys .item__block:nth-child(5),
    .return__block .return__info,
    .return__block .return__item,
    .return__orders .left__orders,
    .return__orders .right__orders,
    .return__products .items__block .item__product {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .order__product .product__bodys .product__info,
    .order__product .product__bodys .item__block.order__info-image {
        padding: 0;
    }

    .order__product .product__bodys .product__controlls {
        height: 100px;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .order__info .order__item {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        border-right: none;
    }

    .order__controlls,
    .return__block .return__controlls {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        height: 60px;
    }

    .bottom-header,
    .top-header {
        display: none;
    }

    .header {
        margin-bottom: 0;
    }

    .categoty__block {
        margin: 30px 0;
    }

    .mobile__header {
        display: block;
    }

    .input-select {
        width: 100%;
    }

    .address__info {
        padding: 15px 0;
    }

    .address__info .address__item {
        height: auto;
        max-width: 100%;
        border-right: none;
    }
}

@media (max-width: 894px) {
    .product__bodys .product__tools .tools__list {
        margin: 10px 0;
    }

    .custom-banner__block {
        padding-left: 30px;
    }
}

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

    .product__bodys .product__info .info-bg,
    .product__wrap .product__images {
        margin-bottom: 15px;
    }

    .product__ctabs .tabs__links .tablinks:last-child {
        margin-bottom: 20px;
    }

    .product__ctabs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 15px 0;
    }

    .product__ctabs .tabs__links .tablinks {
        width: 100%;
        margin-right: 0;
    }

    .product__wrap .thumbnail__block {
        background-color: #EFEFF1;
    }

    .thumbnails .image img {
        margin: 0 auto;
    }

    .tab__block #reviews .reviews__form {
        max-width: auto;
        width: 100%;
    }

    .tab__block #reviews .reviews__form .review__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .tab__block #reviews .reviews__form .review__group {
        width: 100%;
    }

    .tab__block #reviews .reviews__form .review__bottom {
        margin-top: 15px;
    }

    .tab__block #reviews .button__review {
        margin: 0 auto;
    }

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

    .subscribes__left {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%;
    }

    .subscribes__right {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%;
        margin-top: 15px;
    }

    .categoty__block-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .page__article .block__artilce {
        width: 100%;
    }

    .category__grid {
        display: none;
    }

    .register__body .register__block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .register__body form .form__group {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
    }

    .input__block .required__symbol {
        display: none !important;
    }

    .categoty__block-top__title h2 {
        margin-bottom: 20px;
    }

    .alert .fa-check,
    .alert .fa-check-circle,
    .alert .fa-exclamation-circle {
        display: none;
    }

    .alert {
        padding: 15px;
    }

    #ocfilter {
        display: none;
    }

    .product__wrap .thumbnail__block {
        max-width: 100%;
        min-height: 290px;
    }
}

@media (max-width: 768px) {
    .product__bodys .product__title h1 {
        font-size: 20px;
        line-height: 22px;
    }
    
    #quick-checkout .button__buy-confirm {
        margin: 20px auto 0px auto;
    }

    #quick-checkout #tmd_cart table tr .column__name {
        width: 35%;
    }

    .tmdcart__body .tdmcart__quantity {
        width: 90px;
    }
    
    #ocfilter {
        display: none;
    }

    .ocf-option-values .price__form .form-inline .form-group {
        margin-left: 0;
        margin-right: 0;
    }

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

    #ocfilter .popover {
        left: 0 !important;
    }

}

@media (max-width: 576px) {
    #quick-checkout #tmd_cart table tr .column__name {
        width: initial;
    }

    .tmdcart__body .tdmcart__quantity {
        width: 130px;
    }

    .footer-top__menu-block ul,
    .mobile__footer-contacts {
        display: none;
    }

    .footer-top__main .footer-top__main-description p {
        width: 100%;
    }

    .footer-top__menu-block .h3,
    .footer-top__contacts-block .h3 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 0;
    }

    .footer-top__menu-block .h3,
    .footer-top__contacts-block .h3 {
        padding: 20px 0;
    }

    .footer__mobile-control span,
    .footer-top__contacts-block span {
        display: block;
    }

    .footer-top__menu-block,
    .footer-top__contacts-block {
        border-bottom: 1px var(--border-color);
    }

    .footer-top__menu-block.top__menu-first {
        border-top: 1px solid var(--border-color);
    }

    .footer-top__menu-block:last-child {
        border-bottom: 1px solid var(--border-color);
    }

    .footer-top {
        padding-bottom: 10px;
        padding-top: 30px;
    }

    .footer__mobile-control {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .contact__form form .form__group {
        width: 90%;
    }

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

    .description__body .description__thumb {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        margin: 0 auto 20px;
    }

    .description__body .description__text {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

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

    .reward__block .reward__item,
    .address__info .address__item {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .account__block .block__title {
        padding: 10px 20px;
    }

    .account__form {
        padding: 30px 20px 50px;
    }

    .footer-top .container .row div:nth-child(1) {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .footer-top__main {
        margin-top: 29px;
    }

    .body__options,
    .product__body-reviews__title {
        display: none;
    }

    .product__body-reviews {
        margin-top: 5px;
    }

    .category__block-bottom__body a {
        display: none;
    }

    .category__block-bottom__body {
        height: auto;
    }

    .category__block-bottom__body .h3 {
        margin-bottom: 0;
    }

    .category__block-bottom__body {
        padding-left: 10px;
        padding-right: 10px;
    }

    .category__block-bottom {
        min-height: auto;
    }

    .reviews__item,
    .answer__block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .reviews__item .review__author,
    .answer__block .answer__top {
        padding: 40px 20px 0 20px;
    }

    .reviews__item .review__body,
    .answer__block .answer__text {
        padding: 40px 20px 40px 20px;
    }

    .tab__block {
        margin: 0;
    }

    .info__modal h2 {
        padding: 29px 60px 8px 20px;
        font-size: 18px;
    }

    .info__modal .remodal__text .jspContainer,
    .info__modal .remodal__text .jspPane {
        padding: 29px 60px 29px 20px !important;
    }

    #typeaccount .account__head,
    .buy__page .panel__body,
    .buy__page .panel__heading {
        padding: 20px;
    }

    .confirmation__details .details__item .details__text {
        font-size: 16px;
    }

    .table__tmdcart td:before {
        content: attr(data-label);
        float: left;
        font-weight: 600;
        font-size: 14px;
        color: var(--text-light);
    }

    .table__tmdcart .tmdcart__head {
        display: none;
    }

    .table__tmdcart .tmdcart__body td {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 10px;
    }

    .tmdcart__body .tmdcart__info {
        padding: 10px 0 10px 30px;
        text-align: right;
    }

    .tmdcart__body .tmdcart__delete {
        margin: 0 auto;
    }

    .tmdcart__body .column__img {
        max-width: initial;
        width: auto;
    }

    .tmdcart__img,
    .tmdcart__body .tmdcart__delete {
        margin: 0 auto;
    }

    .coupon__block .form__coupon {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .coupon__block .form__coupon .button__coupon {
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) {
    .custom-banner__block {
        justify-content: flex-start;
        padding-top: 30px;
        padding-left: 0px;
    }

    .custom-banner__block .h2 {
        font-size: 16px;
        width: 100%;
        text-align: center;
    }

    .custom-banner__block .h3 {
        font-size: 14px;
        text-align: center;
        width: 80%;
        margin: 0 auto;
        line-height: 20px;
    }

    .custom-banner__block a {
        margin: 10px auto;
    }

    .smart__slider .slick-dots {
        display: block !important;
    }

    .categoty__block-top {
        flex-direction: row;
    }

    .categoty__block-top__arrows {
        display: none;
    }

    .categoty__block-top__title {
        margin-right: auto;
    }

    .categoty__block-top__menu {
        overflow-x: auto;
        scroll-behavior: smooth;
        margin-right: 0;
        padding-bottom: 10px;
    }

    .categoty__block-top__menu li a {
        line-height: 24px;
    }

    .product__bodys .product__button {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .product__bodys .product__button .buy__oneclick,
    .product__bodys .product__button .buy__tocart {
        width: 100%;
        margin-right: 0;
    }

    .contact__info {
        width: 100%;
    }

    .contact__info .info__item {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .order__middle .left__block,
    .order__middle .right__block {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .ui-tabs .ui-tabs-nav li {
        width: 100%;
    }

    .additional__top input {
        width: 100%;
    }

    .select__input {
        width: 100%;
    }

    .history__block .item__history {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .history__block .item__history .item__block {
        margin: 5px 0;
    }

    .g-recaptcha>div {
        width: 280px !important;
    }

    .g-recaptcha iframe {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .common-home #content {
        padding: 0 !important;
    }

    .common-home #content section {
        padding: 0px 15px !important;
    }

    .common-home #content section.smart__slider {
        padding: 0px !important;
    }
    
    .header {
        border-bottom: 1px solid var(--border-color);
        margin-bottom: 20px;
    }
        
    .related__panel .related__control,
    .articles__panel .articles__control,
    .viewed__panel .viewed__control {
        /* margin: 0 auto; */
        width: 100%;
        justify-content: space-between;
    }

    .tab__block #reviews .review__star label {
        width: 100%;
        margin-bottom: 10px;
    }

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

    .subscribes__button {
        margin-top: 15px;
    }

    .wishlist__info .wishlist__item:nth-child(2),
    .wishlist__info .wishlist__item:nth-child(3),
    .wishlist__info .wishlist__item:nth-child(4),
    .wishlist__info .wishlist__item:nth-child(5) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .wishlist__info .wishlist__item .item__text {
        text-align: center;
    }

    .input__block .date {
        max-width: 80%;
    }

    .subscribes__left .icon-envelope {
        display: none;
    }

    .subscribes__left .h3 {
        font-size: 17px;
        text-align: center;
        color: #fff;
    }

    .subscribes__input {
        text-align: center;
    }

    .subscribes__button {
        width: 100%;
    }

    .footer-bottom__copyright {
        flex-wrap: wrap;
        justify-content: center;
        padding: 10px;
    }

    .footer-bottom__copyright p {
        margin: 5px 0px;
    }

    .compare__table .table__compare .compare__title {
        width: 120px;
        font-size: 14px;
    }

    .compare__table .table__compare .compare__product {
        width: 130px;
        font-size: 14px;
    }
}

@media (min-width: 1600px) and (max-width: 1919px) {
    .container {
        padding-left: 140px;
        padding-right: 140px;
    }
}

@media (min-width: 1280px) and (max-width: 1599px) {
    .container {
        padding-left: 103px;
        padding-right: 103px;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .container {
        padding-left: 83px;
        padding-right: 83px;
    }
}

@media (min-width: 993px) and (max-width: 1150px) {
    .header__menu-button {
        padding: 0 7px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .container {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (max-width: 767px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/*
@media (min-width: 993px) and (max-width: 1190px) {
    .top-header > div:nth-child(1) {
        flex: 0 0 28%;
        max-width: 28%;
    }

    .top-header > div:nth-child(2) {
        flex: 0 0 46%;
        max-width: 46%;
    }
}
*/

/* Remont Page */
.remont-page .category__list {
    position: sticky;
    top: 0;
}

.remont-page .category__block,
.remont-page .category__list {
    background-color: var(--gaccent);
    padding: 10px 20px 20px 20px;
    margin-bottom: 30px;
}

.remont-page .category__block h2,
.remont-page .category__list h2 {
    color: var(--title-color);
    font-weight: bold;
    font-size: 24px;
    font-weight: bold;
    margin: 10px 0px;
}



.remont-page .category__list ul li {
    margin-bottom: 20px;
}

.remont-page .category__list ul li a {
    color: var(--text-light);
    font-weight: bold;
    font-size: 16px;
    padding: 5px;
}

.remont-page .category__list ul li.active a {
    color: var(--accent);
}

.remont-page .remont-page .category__list ul li a:hover {
    color: var(--accent);
}

.remont-page .remont__category .category__block--head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.remont-page .remont__category .callback__button a {
    width: 236px;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 21px;
    background-color: var(--accent);
    border: 2px solid transparent;
    -webkit-transition: border 0.5s ease;
    -o-transition: border 0.5s ease;
    transition: border 0.5s ease;
}

.remont-page .remont__category .callback__button .callback__icon {
    margin-right: 14px;
}

.remont-page .remont__category .callback__button .callback__icon path {
    fill: #000;
}

.remont-page .remont__category .callback__button .h4 {
    color: #000;
    font-weight: 600;
    font-size: 13px;
    margin: 0;
}

.remont-page .remont__category .callback__button a:hover {
    border: 2px solid var(--accent);
}

.remont-page .remont__category .callback__button a:focus {
    border: 2px solid var(--accent);
}

.remont-page .remont__category .tab__block {
    margin: 0;
}

.remont-page .remont__category .description__more {
    color: var(--accent);
    font-size: 13px;
}

.remont-page .category__sorting .sorting__list .sorting__block a {
    padding: 10px 0px;
    margin-bottom: 0px;
}

.remont-page .remont__category .tabs__links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.remont-page .remont__category .tabs__links p {
    color: var(--text-light);
    font-size: 16px;
    font-weight: bold;
    margin-right: 20px;
}

.remont-page .remont__category .tabs__links button {
    background: transparent;
    color: var(--text-light);
    border: 1px solid var(--text-light);
    padding: 10px 20px;
    height: 40px;
    border-radius: 20px;
    margin: 7px 5px;
    font-weight: 600;
    font-size: 13px;
    transition: all ease-in .3s;
    outline: none;
    margin-left: 0;
    margin-right: 10px;
}

.remont-page .remont__category .tabs__links button:hover,
.remont-page .remont__category .tabs__links button.active {
    background: var(--text-light);
    color: #fff;
    border: 1px solid transparent;
}

.remont-page .remont__category .table thead tr {
    border-bottom: 2px solid var(--border-color);
    margin-right: 10px;
    padding: 10px 0px;
}

.remont-page .remont__category .table thead th:first-child {
    width: 60%;
}

.remont-page .remont__category .table thead th,
.remont-page .remont__category .table tbody td {
    padding-left: 0;
}

.remont-page .remont__category .table .col-title {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

.remont-page .remont__category .table tbody tr {
    border-bottom: 2px solid var(--border-color);
    margin-right: 5px;
}

.remont-page .remont__category .table tbody td {
    font-size: 14px;
    color: var(--text-light);
    padding: 20px 0px;
    line-height: 20px;
}

.remont-page .fixed_header {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.remont-page .fixed_header tbody {
    display: block;
    width: 100%;
    overflow: auto;
    height: 490px;
}

.remont-page .fixed_header thead tr {
    display: flex;
    justify-content: space-between;
}

.remont-page .fixed_header th,
.remont-page .fixed_header td {
    padding: 5px;
    text-align: left;
    width: 60%;
}

.remont-page .fixed_header tbody tr {
    display: flex;
    justify-content: space-between;
}

.remont-page .fixed_header thead tr th:nth-child(1) {
    width: 60%;
}

.remont-page .fixed_header thead tr th:nth-child(2) {
    width: 15%;
}

.remont-page .fixed_header thead tr th:nth-child(3) {
    width: 30%;
}

.remont-page .fixed_header tbody tr td:nth-child(1) {
    width: 270%;
}

.remont-page .fixed_header tbody tr td:nth-child(2) {
    width: 68%;
}

.remont-page .fixed_header tbody tr td:nth-child(3) {
    width: 135%;
}

.remont-page .remont__form {
    background: #333539;
    padding: 50px 70px;
    margin: 50px 0px;
}

.remont-page .remont__form form {
    width: 768px;
    padding-left: 130px;
}

.remont-page .remont__form h3 {
    color: var(--title-color);
    font-weight: bold;
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 20px;
}

.remont-page .remont__form h3 span {
    color: var(--accent);
}

.remont-page .remont__form .form__group--row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 30px;
}

.remont-page .remont__form .form__group--row .form__group {
    width: 50%;
}

.remont-page .remont__form .form__group label {
    color: #9599a8;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 14px;
}

.remont__form .form__group input[type="text"],
.remont__form .form__group input[type="email"],
.remont__form .form__group input[type="password"],
.remont__form .form__group input[type="tel"],
.remont__form .form__group textarea {
    max-width: 90%;
    width: 100%;
    height: 50px;
    border: 2px solid transparent;
    background-color: var(--input-bg);
    padding: 0 25px;
    color: var(--input-text);
    font-size: 15px;
    transition: border 0.5s ease;
}

.remont-page .remont__form .form__group textarea::placeholder {
    opacity: 1;
    margin: 5px;
    color: var(--text-dark);
}

.remont-page .remont__form .form__group textarea:focus::placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}


.remont-page .remont__form .form__group:last-child input {
    max-width: 100%;
}

.remont-page .remont__form .form__group textarea {
    max-width: 100%;
    height: 100px;
    padding: 10px 25px;
}

.remont__form .form__group input[type="text"]:focus,
.remont__form .form__group input[type="text"]:hover,
.remont__form .form__group input[type="email"]:focus,
.remont__form .form__group input[type="email"]:hover,
.remont__form .form__group input[type="password"]:focus,
.remont__form .form__group input[type="password"]:hover,
.remont__form .form__group input[type="tel"]:focus,
.remont__form .form__group input[type="tel"]:hover,
.remont__form .form__group textarea:hover,
.remont__form .form__group textarea:focus {
    border: 2px solid var(--accent);
}

.remont-page .remont__form .form__group--bottom {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.remont-page .remont__form .form__call--block {
    display: flex;
    flex-direction: column;
    text-align: right;
}

.remont-page .remont__form .form__group--bottom p {
    color: var(--text-light);
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}

.remont-page .remont__form .form__group--bottom a {
    color: var(--accent);
    font-size: 24px;
    font-weight: bold;
}

.remont-page .remont__form .btn__remont {
    border: none;
    width: 236px;
    height: 56px;
    background-color: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-dark);
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 37px;
    cursor: pointer;
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
}

.remont-page .remont__form .btn__remont:hover {
    background-color: var(--btn-hover);
}

.remont-page .remont__form .btn__remont:focus {
    background-color: var(--btn-active);
}

.remont-page .category__list--mobile {
    display: none;
}

.remont-page .tab__content--model {
    display: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

@media (max-width: 1400px) {
    .remont-page .remont__form form {
        padding-left: 0px;
    }

    .remont-page .remont__form form {
        width: 60%;
    }

    .remont-page .custom-banner__block {
        min-height: 243px;
    }

    .remont-page .custom-banner__img {
        object-fit: initial;
    }

    .remont-page .category__block h2,
    .remont-page .category__list h2 {
        font-size: 20px;
    }

    .remont-page .category__list ul li a {
        font-size: 14px;
    }

    .remont-page .remont__category .tabs__links p {
        font-size: 14px;
    }
    
    .remont-page .remont__category .tabs__links button {
        font-size: 12px;
    }    

    .remont-page .remont__category .table tbody td {
        font-size: 12px;
        padding: 15px 0px;
    }    

    .remont-page .fixed_header tbody {
        height: 370px;
    }    

    .remont-page .fixed_header thead tr th:nth-child(1) {
        width: 50%;
    }

    .remont-page .fixed_header thead tr th:nth-child(2) {
        width: 10%;
    }

    .remont-page .fixed_header thead tr th:nth-child(3) {
        width: 25%;
    }


    .remont-page .fixed_header tbody tr td:nth-child(1) {
        width: 270%;
    }

    .remont-page .fixed_header tbody tr td:nth-child(2) {
        width: 55%;
    }

    .remont-page .fixed_header tbody tr td:nth-child(3) {
        width: 107%;
    }    

    .remont__form form {
        width: 522px;
    }    

    .remont-page .remont__form .form__group--bottom p {
        font-size: 14px;
    }

    .remont-page .remont__form .form__group--bottom a {
        font-size: 22px;
    }

    .remont-page .remont__form h3 {
        font-size: 24px;
    }    
}

@media (max-width: 1200px) {
    .remont-page .remont__form {
        background-image: none !important;
    }

    .remont-page .remont__form form {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .remont-page .custom-banner__block .h2 {
        font-size: 18px;
    }

    .remont-page .custom-banner__block .h3 {
        font-size: 16px;
    }

    .remont-page #content-top {
        order: 1;
    }

    .remont-page #content {
        order: 3;
    }

    .remont-page #column-right {
        order: 2;
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .remont-page .category__list {
        display: none;
    }

    .remont-page .category__list--mobile {
        display: block;
    }

    .remont-page .category__list--mobile .sorting__list {
        width: 100%;
        height: 50px;
        border-radius: 0;
        justify-content: space-between;
        padding: 0px 20px;
    }

    .remont-page .category__list--mobile .sorting__list .sorting__block {
        top: 57px;
        border-radius: 0;
    }

    .remont-page .tab__content--category,
    .remont-page .tab__content--model {
        display: none;
        -webkit-animation: fadeEffect 1s;
        animation: fadeEffect 1s;
    }
}

@media (max-width: 680px) {
    .remont-page .custom-banner__img {
        width: 0%;
        height: 0%;
    }

    .remont-page .custom-banner__block::before {
        background-color: #333539;
    }

    .remont-page .remont__form {
        padding: 40px 40px;
    }

    .remont-page .remont__form form {
        width: 100%;
    }

    .remont-page .remont__form h3 {
        font-size: 20px;
        text-align: center;
    }

    .remont-page .remont__form .form__group--row {
        flex-direction: column;
        margin-bottom: 0px;
    }

    .remont-page .remont__form .form__group--row .form__group {
        width: 100%;
        margin-bottom: 20px;
    }

    .remont__form .form__group input[type="text"],
    .remont__form .form__group input[type="email"],
    .remont__form .form__group input[type="password"],
    .remont__form .form__group input[type="tel"],
    .remont__form .form__group textarea {
        max-width: 100%;
    }

    .remont-page .remont__form .form__group--bottom {
        flex-direction: column;
    }

    .remont-page .remont__form .form__call--block {
        text-align: center;
        margin-top: 30px;
    }
}

.remont-page .remont__category .callback__button--mobile {
    display: none;
}

.remont-page .remont__category .model__tabs--mobile {
    display: none;
}

.remont-page .remont__category .table__services--mobile {
    display: none;
}

@media (max-width: 576px) {
    .remont-page .custom-banner__block {
        align-items: center;
    }

    .remont-page .remont__form {
        margin-top: 20px;
        margin-bottom: 50px;
    }

    .remont-page .remont__category .tab__block {
        margin: 0;
        padding: 0;
    }

    .remont-page .remont__category .table thead tr {
        margin-right: 0;
    }

    .remont-page .remont__category .table .col-title {
        font-size: 12px;
    }

    .remont-page .remont__category .fixed_header thead tr th:nth-child(2) {
        width: 50%;
        text-align: right;
    }

    .remont-page .fixed_header tbody tr td:nth-child(2) {
        width: 105%;
        text-align: right;
    }

    .remont-page .remont__category .table__services {
        display: none;
    }

    .remont-page .remont__category .table__services--mobile {
        display: block;
    }

    .remont-page .category__block h2,
    .remont-page .category__block .category__list-h2,
    .remont-page .category__list--mobile h2,
    .remont-page .category__list--mobile .category__list-h2 {
        font-size: 16px;
        font-weight: bold;
    }

    .remont-page .model__tabs--mobile p {
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .remont-page .model__tabs--mobile .sorting__list {
        width: 100%;
        height: 40px;
        border-radius: 50px;
        background: #6A6C72;
        justify-content: space-between;
        padding: 0px 20px;
    }

    .remont-page .model__tabs--mobile .category__sorting .sorting__list .sorting__title,
    .remont-page .model__tabs--mobile .category__sorting .sorting__list a {
        color: #fff;
        font-size: 12px;
    }

    .remont-page .model__tabs--mobile .sorting__list .sorting__block {
        top: 55px;
        border-radius: 20px;
        background: #6A6C72;
    }

    .remont-page .remont__category .callback__button {
        display: none;
    }

    .remont-page .remont__category .callback__button--mobile {
        display: flex;
        justify-content: center;
    }

    .remont-page .remont__category .model__tabs {
        display: none;
    }

    .remont-page .remont__category .model__tabs--mobile {
        display: block;
    }

    .remont-page .remont__category .description__more {
        display: none;
    }

    .information__title {
        padding-bottom: 15px;
        height: auto;
    }
}

@media (max-width: 420px) {
    .remont-page .information__title h1 {
        font-size: 18px;
    }

    .remont-page .custom-banner__block {
        min-height: 207px;
    }

    .remont-page .fixed_header tbody {
        display: initial;
    }

    .remont-page .remont__category .table tbody td {
        padding: 10px 0px;
    }

    .remont-page .custom-banner__block .h2 {
        font-size: 16px;
    }

    .remont-page .custom-banner__block .h3 {
        font-size: 14px;
    }

    .remont-page .custom-banner__block .btn-banner {
        width: 140px;
        height: 40px;
        font-size: 9px;
    }

    .remont-page .remont__category .callback__button a {
        width: 100%;
    }

    .remont-page .remont__category--mobile {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .remont-page .remont__form {
        padding: 20px 15px;
    }

    .remont__form .form__group input[type="text"], 
    .remont__form .form__group input[type="email"], 
    .remont__form .form__group input[type="password"], 
    .remont__form .form__group input[type="tel"] {
        height: 40px;
    }

    .remont-page .remont__form .form__group textarea {
        height: 80px;
    }

    .remont-page .remont__form h3 {
        font-size: 16px;
        text-align: center;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .remont-page .remont__form .button__remont {
        width: 100%;
        margin-top: 15px;
    }

    .remont-page .remont__form .btn__remont {
        width: 100%;
        height: 40px;
        font-size: 9px;
    }

    .remont-page .remont__form .form__group--bottom p {
        font-size: 14px;
    }

    .remont-page .remont__form .form__group--bottom a {
        font-size: 18px;
        margin-bottom: 20px;
    }
}

/*---- Custom Select ----*/
.select-custom {
    width: 100%;
}

.select-custom .selected-option {
    display: none;
}

.select-custom {
    position: relative;
}

.select-custom i {
    display: none;
}

.select-custom select {
    display: none;
}

.option-list {
    top: auto;
    bottom: initial;
}

.option-list {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    background: #fff;
}

.option-item {
    cursor: pointer;
    -webkit-transition: all ease 0.35s;
    -o-transition: all ease 0.35s;
    transition: all ease 0.35s;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.01em;
    color: var(--color-main-2);
}

.hidden-options {
    display: none;
}

.selected-select {
    font-size: 12px;
    line-height: 1.5;
    color: var(--color-main-2);
    position: relative;
}

.selected-select::after {
    content: "";
    position: absolute;
    background-image: url(../img/icon/arrow_down-black.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 11px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.selected-select.open-select::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

/*---- Select2 ----*/
.select2-dropdown,
.select2-container--default .select2-selection--single {
    background-color: var(--input-bg) !important;
}

.select2-container--default .select2-results__option--selected {
    background-color: var(--input-bg) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--input-text) !important;
    font-size: 15px !important;
    font-family: var(--opensans-regular) !important;
    font-weight: bold !important;
}

.select2-results__option--selectable {
    padding: 10px 25px !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--input-bg) !important;
    color: var(--text-dark) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    display: none;
}

.select2-results__option {
    padding: 10px 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 0 !important;
    background-image: url('/assets/img/icon/arrow_down-black.svg') !important;
    -webkit-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
}

.select2-container--open .select2-selection__arrow {
    -webkit-transform: translateY(-50%) rotate(180deg) !important;
    -ms-transform: translateY(-50%) rotate(180deg) !important;
    transform: translateY(-50%) rotate(180deg) !important;;
    -webkit-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
}

.select2-results__option {
    padding: 10px 25px !important;
}

/*---- Swal2 Form ----*/
.swal2-popup {
    background-color: var(--gaccent) !important;
}

.swal2-title {
    color: var(--menu-color) !important;
}

.swal2-content {
    color: var(--text-light) !important;
}

.swal2-styled.swal2-confirm {
    background-color: var(--accent) !important;
    color: var(--text-dark) !important;
}