:root{
    --main-color: #5a6870;
    --main-active-color: #003399;
    --primary-background-color:#003399;
    --primary-text-color: #f3f5f6;
    --main-color-transparent: rgba(90,104,112, 0.5);
    --default-border-color: #dce0e1;
    --default-border-radius: 5px;
}

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s,
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

.hidden {
    display: none;
}

sup {
    vertical-align: top;
    font-size: 0.7em;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

html {
    position: relative;
    min-height: 100%;
    width: 100%;
    overflow: auto;
    background: #ffffff;
    margin: 0;
    padding: 0;
    font-family: sans-serif;

    font-size: 14px;
    line-height: 18px;
}
html.catalogue-menu-active{
    overflow: hidden;
}
body {
    min-height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #5a6870;
    background-color: #fff;
}

header, section, main, footer {
    display: block;
    width: 100%;
}

input {
    border: 1px solid #eaeaea;
    /*border-top: 1px solid #808080;*/
    /*border-left: 1px solid #808080;*/
    padding: 9px;
}

button, .button {
    display: inline-block;
    /*box-shadow: 0 1px 0 var(--main-color);*/
    border: 2px solid  var(--main-color);
    background: #FFFFFF;
    color: var(--main-color);
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    padding: 11px 26px;
    text-decoration: none;
    text-shadow: none;
    cursor: pointer;
}

input[type=checkbox].hidden {
    display: block;
    opacity: 0;
    outline: none;
    position: absolute;
}

select {
    color: var(--main-color);
    font-weight: 500;
    padding: 10px;
    box-shadow: none;
    min-height: 38px;
    border: 1px solid #dce0e1;
    background-color: #ffffff;
    min-width: 260px;
    -webkit-appearance: none;
    -moz-appearance: none;

}
.select-check {
    position: relative;
    float: right;
    position: absolute;
    z-index: 1;
    top: 6px;
    right: 12px;
}
.select-check:before {
    font: var(--fa-font-solid);
    content: "\f00c";
    color: var(--main-active-color);
    font-size: 14px;

}
.desktop {
    display: block !important;
}

.mobile, .mobile-760 {
    display: none !important;
}


div.smart-checkbox {
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    position: relative;
    z-index: 1;
    cursor: pointer;
    flex-shrink: 0;
    border: 2px solid #dde4e8;
}
div.smart-checkbox.checked {

}
div.smart-checkbox.checked:after {
    font: var(--fa-font-solid);
    content: "\f00c";
    color: var(--main-active-color);
    font-size: 14px;
    position: absolute;

}

.clear {
    display: block;
    float: none;
    clear: both;
}

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

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

h3 {
    font-size: 24px;
    line-height: 32px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 15px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 20px 0;
}

.title,.article-blog h1 {
    color: var(--main-color);
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

section {
    border: 1px solid transparent;
}

section .title:first-child {
    margin-top:40px;
    font-weight: 400;
    font-size: 2.25rem;
    line-height: 2.625rem;
    text-align: center;
    color: #9da6ab;
}

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

section .section-description {
    margin: 0 80px;
}

p {
    margin: 10px 0;
}

a, .link, .a {
    text-decoration: underline;
    color: var(--main-active);
    list-style: inline-block;
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
}

strong {
    font-weight: bold;
}

nav ul {
    list-style: none;
}


button[disabled=disabled] {
    cursor: default;
    opacity: 0.5;

}
button[disabled=disabled]:hover {
    color: var(--main-color)!important;
}
ul, ol {
    list-style-position: inside;
}

.page-wrapper>ul,
.page-wrapper>ol{
    list-style-position: outside;
    padding-left: 10px;
}

dl.grid {
    padding: 10px 0;
}

dl.grid dt {
    float: left;
    clear: left;
    width: 100px;
    text-align: left;
    font-weight: bold;
}

dl.grid dt::after {
    content: ":";
}

dl.grid dd {
    margin: 0 0 0 100px;
    padding: 0 0 0.5em 0;
    text-align: right;
}

table.table {
    width: 100%;
}

table.table > thead > tr > th {
  text-align: center;
    color: #232323;
}

table.table > tbody > tr:nth-child(even) td {
    background: inherit;
}

table.table tr td,
table.table tr th {
    padding: 10px;
    text-align: left;
    vertical-align: middle;
}

table.table > tbody > tr > td,
table.table > thead > tr > th {
    border: none;
    border-bottom: 1px solid #f0f0f0;
}

table.table.compact tr td,
table.table.compact tr th {
    padding: 10px 5px !important;
}

.expand-button {
    position: relative;
    width: 10px;
    height: 10px;
    font-size: 0;
    line-height: 0;
    /*background: url(../images/expand-arrow.png) center center no-repeat transparent;*/
    background-size: 65% auto;
    padding: 0;
    margin: 0;
    border: none;
    transition: rotate 1s ease;
}



.page-wrapper {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    position: relative;
}

#main-section {
    width: 100%;
    /*max-width: 1170px;*/
    margin: 0 auto;
}

#main-section .page-wrapper {
    width: 100%;
}

.clear {
    clear: both;
    float: none;
}

.row,
.column {
    display: flex;
}

.row {
    flex-direction: row;
}

.column {
    flex-direction: column;
}

.row.justify {
    justify-content: space-between;
}

.item-card .column {
    width: 100%;
}
.item-card-header{
    background: #f3f5f6;
    margin-top: -19px;
    padding: 30px 0;
}
.item-card .images .slider-control-left{
    left: 0;
}
.item-card .images .slider-control-right{
    right: 0;
}


.info-block {
    border-radius: 4px;
    padding: 30px 40px;
}

.info-block {
    color: #808080;
    background: rgba(255, 255, 255, 0.9);
}

.buy-button {
    -background: #002642;
    -background-size: 100% 100%;
    border: none;
    border-radius: var(--default-border-radius);
    color: #ffffff;
}

/**
layout tab
*/

/* common */
.layout-tab {
    display: flex;
    width: 80%;
    height: inherit;
    box-sizing: border-box;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    align-content: flex-start;
}

.layout-tab > .layout-tab-controls {
    flex-shrink: 0;
    flex-grow: 1;
    list-style: none;
    cursor: default;
}

.layout-tab > .layout-tab-controls > li {
    cursor: pointer;
}

.layout-tab > .layout-tab-contents {
    flex-shrink: 1;
    flex-grow: 1;
}

.layout-tab > .layout-tab-contents > .layout-tab-content {
    display: none;
    padding: 0;
}

.layout-tab > .layout-tab-contents > .layout-tab-content.layout-tab-content-active {
    display: block;
}

/* controls-top */

.layout-tab, .layout-tab.layout-tab-controls-top {
    flex-direction: column;
}

.layout-tab > .layout-tab-controls, .layout-tab.layout-tab-controls-top > .layout-tab-controls {
    order: 1;
    width: auto;
    display: flex;
    flex-direction: row;
}

.layout-tab > .layout-tab-contents, .layout-tab.layout-tab-controls-top > .layout-tab-contents {
    order: 2;
    width: 100%;
    height: 100%;
    color: #656970;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
}

/* controls-bottom */

.layout-tab, .layout-tab.layout-tab-controls-top {
    flex-direction: column;
}

.layout-tab.layout-tab-controls-bottom > .layout-tab-controls {
    order: 2;
    width: auto;
    display: flex;
    flex-direction: row;
}

.layout-tab.layout-tab-controls-bottom > .layout-tab-contents {
    order: 1;
    width: 100%;
    height: 100%;
}

/* controls-left */

.layout-tab.layout-tab-controls-left {
    flex-direction: row;
}

.layout-tab.layout-tab-controls-left > .layout-tab-controls {
    order: 1;
    height: auto;
    display: flex;
    flex-direction: column;
}

.layout-tab.layout-tab-controls-left > .layout-tab-contents {
    order: 2;
    height: 100%;
}

/* controls-right */

.layout-tab.layout-tab-controls-right {
    flex-direction: row;
}

.layout-tab.layout-tab-controls-right > .layout-tab-controls {
    order: 2;
    height: auto;
    display: flex;
    flex-direction: column;
}

.layout-tab.layout-tab-controls-right > .layout-tab-contents {
    order: 1;
    height: 100%;
}

/* controls-hidden */

.layout-tab.layout-tab-controls-hidden > .layout-tab-controls {
    display: none;
}

/* controls-end */

.layout-tab.layout-tab-controls-end {
    align-items: flex-end;
}

/* colors */
.layout-tab-controls {
    padding: 0;
}

.layout-tab-controls > li {
    padding: 16px;
    color: var(--main-active);
    line-height: 16px;
    font-weight: 600;
    border-bottom: 2px solid transparent;
}

.layout-tab-controls > li.layout-tab-control-active {
    color: var(--main-active-color);
    border-bottom: 5px solid var(--main-active-color);
}

.layout-tab-contents {
    border-radius: 0 4px 4px;
}

/* crumbs */
#crumbs {
    margin-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
}

.crumbs ul {
    border-radius: 4px;
    /*border: 1px solid #dadada;*/
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    margin: 0;
    padding: 0;

}

.crumbs li:first-child {
    border-left: 1px solid #f0f0f0;
    /*text-indent: -9999px;*/
    /*background: url(../images/home_small.png) center center no-repeat;*/
}

.crumbs li {
    padding: 0px;
    margin: 0;
    display: inline-block;
    position: relative;
}

.crumbs a,
.crumbs span {
    color: var(--main-color);
    display: block;
    padding: 11px 12px 11px 17px;
    text-decoration: none;
    font-size: 13px;
}
.crumbs a:hover {
    color: var(--main-active-color);
}
.crumbs li:before {
    content: "/";
    display: block;
    margin: 0 10px;
    /*background: url(../images/crumbs-arrow.png) center center no-repeat;*/
    /*background-size: 100% 100%;*/
    /*width: 9px;*/
    /*height: 100%;*/
    position: absolute;
    top: 11px;
    left: -10px;
}

.crumbs li:first-child:before {
    content: "";
    margin: 0;
    display: none;

}


/**
pages
*/
.pages {
    text-align: center;
    margin: 30px 0;
}

.pages ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.pages li {
    margin: 5px;
}

.pages a,
.pages span {
    display: block;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #039ce3;
    background: #ffffff;
    min-width: 46px;
    height: 46px;
    text-align: center;
    color: var(--main-active);
    font-family: "OpenSans";
    font-size: 16px;
    line-height: 33px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.pages .active > a,
.pages .active > span {
    background-image: linear-gradient(136deg, #009ee3 0%, #5d5ff4 100%);
    color: #ffffff;
}

/**
    fieldblock
*/
.fieldblock,
.fieldblock.fieldblock-vertical {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 0 10px 0;
    position: relative;
}

.fieldblock input,
.fieldblock textarea {
    width: 100%;
}

.fieldblock input[type=checkbox],
.fieldblock input[type=radio] {
    width: initial;
}

.fieldblock.fieldblock-checkbox,
.fieldblock.fieldblock-radio,
.fieldblock.fieldblock-buttons,
.fieldblock.fieldblock-horizontal {
    flex-direction: row;
    align-items: center;
}

.fieldblock.fieldblock-buttons {
    justify-content: flex-end;
}

.fieldblock.fieldblock-buttons.left {
    justify-content: flex-start;
}

.fieldblock.fieldblock-buttons button,
.fieldblock.fieldblock-buttons .button {
    margin-left: 10px;
}

.fieldblock.fieldblock-buttons.left button,
.fieldblock.fieldblock-buttons.left .button {
    margin-left: 0px;
    margin-right: 10px;
}

.fieldblock label {
    margin-right: 20px;
}
.fieldblock-horizontal > label {
    width: 200px!important;
}
.fieldblock-horizontal > .fieldblock {
    margin-right: 10px;
}

.fieldblock.fieldblock-wo-label label {
    display: none;
}

.fieldblock.has-error input, .fieldblock-has-error input {
    border-color: #ee192d;
}

.fieldblock-horizontal.fieldblock-has-error {
    justify-content: space-between;
    align-items: end;
}

.fieldblock-error {
    color: #ee192d;
    font-size: 14px;
    font-weight: 400;
}

.fieldblock-hint {
    font-size: 14px;
    font-weight: 400;
    margin-top: 5px;
}

.fieldblock-horizontal.fieldblock-has-error .fieldblock-error {
    max-width: 70%;
}

.fieldblock .fieldblock:last-child{
    margin-bottom: 0;
}

.from-to-fieldblock {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

/**
stars
*/
.stars {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}

.stars i {
    cursor: pointer;
    display: block;
    width: 22px;
    height: 22px;
    background: url(../images/star-empty.svg) center center no-repeat;
    background-size: contain;
    margin-right: 3px;
}

.stars.star-1 i:nth-child(1) {
    background-image: url(../images/star-full.svg);
}

.stars.star-2 i:nth-child(1),
.stars.star-2 i:nth-child(2) {
    background-image: url(../images/star-full.svg);
}

.stars.star-3 i:nth-child(1),
.stars.star-3 i:nth-child(2),
.stars.star-3 i:nth-child(3) {
    background-image: url(../images/star-full.svg);
}

.stars.star-4 i:nth-child(1),
.stars.star-4 i:nth-child(2),
.stars.star-4 i:nth-child(3),
.stars.star-4 i:nth-child(4) {
    background-image: url(../images/star-full.svg);
}

.stars.star-5 i {
    background-image: url(../images/star-full.svg);
}

.stars i:hover {
    background-image: url(../images/star-full.svg);
}

.stars.voted i {
    cursor: not-allowed;
}

.advanced-numbers-input {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: stretch;
    align-items: stretch;
    border: 2px solid #dce0e1;
    border-radius: var(--default-border-radius);
    width: 125px;
}

.advanced-numbers-input button {
    border: none;
    outline: none;
    font-size: 16px;
    line-height: 16px;
    background: transparent;
    padding: 17px;
}

.advanced-numbers-input input {
    text-align: center;
    width: 70px;
    border: none;
    font-size: 14px;
    line-height: 14px;
    padding-left: 0;
    padding-right: 0;
}

.advanced-numbers-input .inc-button {
    padding-left: 5px;
}

.advanced-numbers-input .dec-button {
    padding-right: 5px;
}

.cart-delete-button {
    text-transform: lowercase;
    color: #212121;
    text-decoration: none;
}

/**
header
*/
header {
    /*padding: 20px 0;*/
    height: 126px;
    border-bottom: 1px solid #f0f0f0;
    color: var(--main-color, #5a6870);
    position: relative;
}

header > .page-wrapper {
    justify-content: space-between;
    align-items: center;
    position: static;

}

header a {
    color: inherit;
    text-decoration: none;
}

#main-nav{

}

#main-nav>ul{
    display: flex;
}

#main-nav>ul>li{
    margin-left: 34px;
}

#main-nav>ul>li>a{
    padding: 15px 0 25px 0;
    display: inline-block;
    position: relative;
    font-weight: 700;
    border-bottom: 5px solid transparent;
}

#main-nav>ul>li:first-child{
    margin-left: 0;
}

#main-nav>ul>li>a:hover, #main-nav>ul>li.active>a{
    color: var(--main-active-color, #039);
    border-bottom: 5px solid var(--main-active-color, #039);
}

#main-nav li.catalogue-item ul{
    display: none;
}

#main-nav li.catalogue-item>ul{
    /*display: block;*/
    position: fixed;
    top: 125px;
    left: 0;
    right: 0;
    z-index: 20;
    background: #fff;
    padding: 20px 0;
    bottom: 0;
    border-top: 1px solid #aaa;
}

#main-nav li.catalogue-item.active>ul{
    display: block;
}

#main-nav li.catalogue-item>ul>li{
    max-width: 1170px;
    margin: 0 auto;
}

#main-nav li.catalogue-item li>a {
    color: var(--main-color, #5a6870);
    display: inline-block;
    width: 300px;
    padding: 7px 0;

}

#main-nav li.catalogue-item>ul>li>a{
    border-bottom: 2px solid var(--main-color-transparent, #5a6870);
}
#main-nav li.catalogue-item li li a{
    border-bottom: 2px solid transparent;
}
#main-nav li.cataogue-item li li:hover a{
    border-bottom: 2px solid var(--main-active-color, #039);
}
#user-left-nav li a {
    color: var(--main-color, #5a6870);
    display: inline-block;
    padding: 7px 0;
    text-decoration: none;
    width: 160px;
}
#user-left-nav li.active >a, #mobile-navigation li.active > a  {
    color: var(--main-active-color, #039);
    border-bottom: 2px solid var(--main-active-color, #039);
}
#main-nav li.catalogue-item li:hover > a{
    color: var(--main-active-color, #039);
    border-bottom-color: var(--main-active-color, #039);
}

#main-nav li.catalogue-item>ul>li>a:after{
    font: var(--fa-font-solid);
    content: "\f054";
    float: right;
    margin-top: 5px;
}

#main-nav li.catalogue-item li:hover>ul{
    display: block;
}

#main-nav li.catalogue-item ul>li>ul{
    position: absolute;
    top: 20px;
    margin-left: 300px;
    padding-left: 50px;
    width: 300px;
    height: 100%;
}

#main-nav .menu-item-banner{
    display: none;
    position: absolute;
    margin-left: 650px;
    padding-left: 50px;
    box-sizing: content-box;
    top: 20px;
    width: 470px;
    height: 360px;
    overflow: hidden;
}

#main-nav li.catalogue-item li:hover>.menu-item-banner{
    display: block;
}

#main-nav .menu-item-banner img{
    width: 100%;
    object-fit: cover;
}

#main-nav .menu-item-banner_text{
    position: absolute;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    padding: 10px 10px 50px 10px;
    text-transform: uppercase;
    font-size: 1.75rem;
    left: 80px;
    right: 30px;
    bottom: 20px;
}

#main-nav .menu-item-banner_text a{
    position: absolute;
    display: inline-block;
    padding: 7px 12px;
    bottom: 10px;
    left: 10px;
    background-color: var(--main-active-color, #039);
    font-size: 1rem;
}

#main-nav .menu-item-banner_text a:after{
    font: var(--fa-font-solid);
    content: "\f054";
    margin-left: 15px;
}


#header-additionals{
    list-style: none;
    display: flex;
}

#header-additionals>li{
    padding: 10px 0px;
    width: 30px;
    height: 47px;
    margin-left: 10px;
    text-align: center;


}
#header-additionals_favorites-item {
    position: relative;
}
#header-additionals #header-additionals_favorites-item .qty {
    top:0;
}
#header-additionals > li a,#header-additionals li button {
    height: 28px;
    width: 28px;
    display: block;
    text-align: center;
    padding: 4px 0;
    border: none;
    box-shadow: none;
}

#header-additionals>li:hover {
    border-bottom: 5px solid var(--main-active-color, #039);
}
#header-additionals #header-additionals_lang-item {
    border-bottom: 5px solid transparent;
}
#header-additionals #header-additionals_lang-item:hover {
    border-bottom: 5px solid var(--main-active-color, #039);
}
#mobile-lang-item .lang-widget-current {
    border-bottom: 1px solid var(--main-active-color, #039);
    padding: 3px 0;
    cursor: pointer;
}
#mobile-lang-item .lang-widget.expanded .lang-widget-current {
    border-bottom: 5px solid var(--main-active-color, #039);
}

    /*#header-additionals>li:first-child:hover {*/
/*    border-bottom: none;*/
/*    color: var(--main-active-color, #039);*/
/*}*/
#header-additionals_lang-item
{
    width: 40px;
    padding-top: 13px;
}
#header-additionals #header-additionals_lang-item ul {
    padding-top: 16px;
}
#header-additionals_lang-item li {
    text-align: center;
    padding: 2px 0;
    width: 100%;
}
#header-additionals_lang-item li.active
{
    border-bottom: 1px solid var(--main-active-color, #039);
}
#mobile-lang-item .lang-widget ul li {
    padding: 3px 4px;
}
#mobile-lang-item .lang-widget ul li.active {
    border-bottom: 1px solid var(--main-active-color, #039);
}
.lang-widget {
    font-weight: bold;
}
.lang-widget .active span {
    font-weight: normal;
}
#mobile-lang-item li a,
#mobile-lang-item li span {
    width: 100%;
    padding: 3px 0!important;
}

#header-additionals>li .fa-solid{
    font-size: 18px;
    cursor: pointer;
}

#header-additionals #header-additionals_lang-item .fa-solid{
    font-size: 12px;
}

#lang-widget{
    list-style: none;
}

#header-search {
    display: none;
    flex-direction: row;
}

#header-search .row {
    justify-content: flex-end;
}
#header-search button.button-close {
    font-size: 13px;
    line-height: 16px;
    text-decoration: none;
    color: #9da6ab;
    font-weight: 400;
    position: relative;
    width: auto;
    border: none;
    background: none;
    padding: 5px 0 5px 20px;
    margin: 10px 0;
}
#header-search button.button-close:before {
    font: var(--fa-font-solid);
    content: "\f057";
    background-size: contain;
    position: absolute;
    left: 0;
    top: 8px;
}
#header-search form button {
    width: 80px;
    height: 53px;
    margin-left: 1px;
    border: 1px solid #dde4e8;
    border-right: none;
}
.search-active #header-search{
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 16;
    position: absolute;
    left: 0;
    right: 0;
    padding: 50px 0;
    border-bottom: 1px solid #dde4e8;
    background: #FFF;
    box-sizing: content-box;
    top: 120px;
}
.search-active header::before {
    content: "";
    display: block;
    visibility: visible;
    opacity: 1;
    position: fixed;
    background-color: rgba(0, 0, 0, .6);
    top: 130px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    transition: all .5s ease;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}


#header-search input {
    padding: 14px 26px;
    font-size: 16px;
    /*box-shadow: 0 1px 0 #c2cacc;*/
    border: 1px solid #dce0e1;
    background-color: #ffffff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 100%;

}

#header-search form {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
#header-search input {
    border: 1px solid #dde4e8;
    font-size: 1.5rem;
    padding: 10px 15px;
}

#header-cart {

}

#header-cart #cart-button {

}

#header-additionals .qty {
    position: absolute;
    top: -10px;
    left: 20px;
    width: 16px;
    height: 16px;
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
    background: #ffffff;
    color: var(--main-active-color);
    border: 2px solid var(--main-active-color);
    border-radius: 15px;
    text-align: center;
}

#header-cart #cart-button .amount {
    display: none;
}

#catalogue-menu-button {
    display: none;
}

#catalogue-menu-button,
#catalogue-menu-mobile-button {
    z-index: 10;
    box-shadow: 0 1px 0 #0a6a01;
    border-radius: 4px;
    border: 1px solid #1acc27;
    background-image: linear-gradient(135deg, #1acc27 0%, #3bbc26 100%);
    padding-left: 50px;
    position: relative;
    margin: 0 15px 0 0;
    display: flex;
    align-items: center;
    line-height: 24px;
}

#catalogue-menu-button:before,
#catalogue-menu-mobile-button:before {
    content: " ";
    position: absolute;
    top: 17px;
    left: 25px;
    width: 16px;
    height: 16px;
    background: url(../images/catalogue-icon.png) center center no-repeat;
    background-size: contain;
}

#top-logo {
    display: block;
    /*width: 205px;*/
    height: 55px;
    background: url(../images/logo.jpg) left center no-repeat;
    background-size: contain;
    padding-left: 60px;
    padding-top: 6px;
    margin: 0;
    z-index: 1;
}

#top-logo,#top-logo a {
    /*display: none;*/
    /*margin-top: 40px;*/
    font-weight: 600;
    font-size: 28px;
    color: var(--main-color);
}

#header-navigation {
    padding-right: 150px;
    justify-content: center;
}

#header-phone {
    font-size: 20px;
    font-weight: 400;
    text-align: right;
    /*margin-left: 20px;*/

}

#header-phone .tel {
    text-decoration: none;
    /*color: #041a40;*/
    /*font-family: "OpenSans";*/
    font-size: 20px;
    font-weight: 700;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 35px;
    /*background: url(../images/phone-icon.png) left center no-repeat;*/
    background-size: 25px 25px;
    line-height: 30px;
    white-space: nowrap;
}

#header-cart {
position: relative;
}

#top-nav {
    margin: 0 0 17px 0;
}

#top-nav ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
}

#top-nav li {
    margin: 0 0 0 60px;
    padding: 0;
}

#top-nav li:first-child {
    margin-left: 0;
}

#top-nav a {
    width: 74px;
    height: 14px;
    color: var(--main-active);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
}

/*region Catalog Menu DropDown*/
#catalogue-menu {
    position: relative;
}

#catalogue-menu > ul {
    display: none;
    position: absolute !important;
    top: 100%;
    left: 0;
}

#catalogue-menu ul {
    background: #fff;
    z-index: 11;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
    margin: 0;
    padding: 10px 0;
    position: relative;
}

#catalogue-menu.active > ul {
    display: block;
}

#catalogue-menu > ul > li {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

#catalogue-menu > ul a {
    color: #000;
    text-align: left;
    padding: 8px 15px;
    text-decoration: none;
    position: relative;
    display: block;
    width: 100%;
    min-width: 200px;
}

#catalogue-menu > ul a:after {
    content: " ";
    position: absolute;
    top: -1px;
    left: 15px;
    right: 15px;
    height: 1px;
    background: rgba(200, 200, 200, 0.5);
}

#catalogue-menu > ul li:first-child > a:after {
    content: none;
}

#catalogue-menu li ul {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    min-height: 100%;
}

#catalogue-menu li:hover > a {
    background: rgba(200, 200, 200, 0.5);
}

#catalogue-menu li:hover > a:after {
    content: none;
}

#catalogue-menu li:hover > ul {
    display: block;
}

#catalogue-menu-mobile > ul {
    transition: margin 0.5s ease;
}

#catalogue-menu-mobile.active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
    z-index: 100;
}

#catalogue-menu-mobile > ul {
    display: none;
}

#catalogue-menu-mobile.active > ul {
    display: block;
}

#catalogue-menu-mobile ul {
    background: #fff;
    z-index: 11;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
    margin: 0;
    padding: 10px 0;
    position: relative;
    width: 100%;
}

#catalogue-menu-mobile.active > ul {
    display: block;
}

#catalogue-menu-mobile li {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

#catalogue-menu-mobile > ul a,
#catalogue-menu-mobile > ul button {
    color: #000;
    text-align: left;
    padding: 8px 15px;
    font-size: 14px;
    line-height: 14px;
    font-weight: normal;
    text-decoration: none;
    position: relative;
    display: block;
    width: 100%;
    min-width: 200px;
    background: transparent;
    border: none;
    border-radius: 0;
}

#catalogue-menu-mobile > ul a:after {
    content: " ";
    position: absolute;
    top: -1px;
    left: 15px;
    right: 15px;
    height: 1px;
    background: rgba(200, 200, 200, 0.5);
}

#catalogue-menu-mobile > ul li:first-child > a:after {
    content: none;
}

#catalogue-menu-mobile li ul {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    min-height: 100%;
}

#catalogue-menu-mobile li.active > a {
    background: rgba(200, 200, 200, 0.5);
}

#catalogue-menu-mobile li.active > a:after {
    content: none;
}

#catalogue-menu-mobile li.active > ul {
    display: block;
}

#catalogue-menu-mobile #catalogue-menu-mobile-back,
#catalogue-menu-mobile #catalogue-menu-mobile-close {
    display: none;
}

#catalogue-menu-mobile.active #catalogue-menu-mobile-back,
#catalogue-menu-mobile.active #catalogue-menu-mobile-close {
    display: block;
}

#catalogue-menu-mobile.active #catalogue-menu-mobile-button {
    display: none;
}

/*endregion*/


#wizzard {
    margin-top: 40px;
    padding-bottom: 40px;
    background: #f1f5fa;
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
}

#wizzard .page-wrapper {
    overflow: hidden;
}

#wizzard-steps {
    list-style: none;
    margin: 50px 0 0 0;
    padding: 0;
    counter-reset: wizzard-counter;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
}

#wizzard-steps > li {
    margin: 0 0 40px 80px;
    padding: 0;
    counter-increment: wizzard-counter;
    position: relative;
}

#wizzard-steps > li:before {
    content: counter(wizzard-counter);
    font-size: 16px;
    font-weight: 600;
    line-height: 31px;
    color: var(--main-active-color);
    width: 34px;
    height: 34px;
    border-radius: 17px;
    background: #FFFFFF;
    border: 2px solid var(--main-active-color);
    display: block;
    position: absolute;
    left: -51px;
    top: -6px;
    text-align: center;
}

#wizzard-steps > li:first-child {
    /*width: 100%;*/
}

#wizzard-steps > li:after {
    content: " ";
    position: absolute;
    left: -82px;
    top: 0;
    bottom: 0;
    width: 1px;
    border-left: 1px solid #e2ebf3;
}

#wizzard-steps > li > label {
    display: inline-block;
    margin: 0 0 20px 0;
}

#wizzard-steps > li input[type=checkbox],
#wizzard-steps > li .smart-checkbox {
    margin-right: 17px;
}


#wizzard-steps > li select,
#wizzard-steps > li .smart-select {
    display: block;
}

#boiler {
    padding-bottom: 50px;
}

#boiler #boiler-list {
    list-style: none;
    margin: 50px 0 0 0;
    /*text-shadow: 0 2px 8px #095490;*/
    color: #ffffff;
    font-size: 28px;
    font-weight: 500;
    line-height: 35px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    height: 500px;
}

#boiler #boiler-list > li {
    width: 600px;
    height: 240px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 0 100px 0 50px;
    border-radius: 7px;
    position: relative;
}

#boiler #boiler-list > li > .button {
    margin-top: 20px;
    color: #041A40;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    background: linear-gradient(160.1deg, #FFFFFF 1.56%, #E4E4EF 100%);
    border: 1px solid #FFFFFF;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}

#boiler #boiler-list > li.rounded-device {
    width: 550px;
    height: 500px;
    padding: 0 280px 0 60px;
    background: url(../images/yellow-background.png) center center no-repeat;
    background-size: cover;
    text-shadow: 0 2px 4px #ffce2c;
    color: #041a40;
    font-size: 39px;
    font-weight: 500;
    line-height: 40px;
    margin-left: -13px;
}

#boiler #boiler-list > li.rounded-device .button {
    background-image: linear-gradient(135deg, #1acc27 0%, #3bbc26 100%);
    border: none;
}

#boiler #boiler-list > li.rounded-device:after {
    content: " ";
    background: url(../images/round-boiler.png) center center no-repeat;
    background-size: contain;
    width: 226px;
    height: 402px;
    position: absolute;
    top: 45px;
    right: 60px;
}


#boiler #boiler-list > li.thin-device {
    background: url(../images/blue-background-3.png) center center no-repeat;
    background-size: cover;
}

#boiler #boiler-list > li.thin-device:after {
    content: " ";
    background: url(../images/thin-boiler.png) center center no-repeat;
    background-size: contain;
    width: 110px;
    height: 320px;
    position: absolute;
    top: -40px;
    right: 95px;
}

#boiler #boiler-list > li.rectangle-device {
    background: url(../images/blue-background-1.png) center center no-repeat;
    background-size: cover;
}

#boiler #boiler-list > li.rectangle-device:after {
    content: " ";
    background: url(../images/rectangle-boiler.png) center center no-repeat;
    background-size: contain;
    width: 120px;
    height: 223px;
    position: absolute;
    top: 15px;
    right: 95px;
}

#boiler #boiler-list > li.small-device {
    background: url(../images/blue-background-4.png) center center no-repeat;
    background-size: cover;
}

#boiler #boiler-list > li.small-device:after {
    content: " ";
    background: url(../images/small-device.png) center center no-repeat;
    background-size: contain;
    width: 90px;
    height: 252px;
    position: absolute;
    top: -10px;
    right: -8px;
}

#recommended {
    background-color: #f3f5f6;
}


#free-shipping .page-wrapper {
    text-align: center;
    padding: 15px 0 35px 0;
}

#contacts {
    background-color: #f1f1f1;
}

#contacts > .page-wrapper {
    justify-content: space-between;
}

#contacts .tel,
#contacts .address {
    margin: 20px 0 0 80px;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
}

#map {
    width: 750px;
    height: 380px;
}

#map > iframe {
    width: 100%;
    height: 100%;
}

#contacts .title {
    margin-bottom: 45px;
}

#contacts .tel {
    text-decoration: none;
    color: #041a40;
    font-family: "OpenSans";
    font-size: 23px;
    font-weight: 400;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 45px;
    background: url(../images/phone-icon.png) left center no-repeat;
    background-size: 25px 25px;
    line-height: 30px;
}

#contacts .address {
    color: #041a40;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    padding-left: 45px;
    background: url(../images/location-icon.png) 0 4px no-repeat;
    background-size: 25px 34px;
}

#order-button {
    display: inline-block;
    font-weight: bold;
    margin-top: 17px;
    margin-left: 24px;
}

#order-button:after {
    content: "→";
    text-decoration: none;
    display: inline-block;
    margin-left: 3px;
}
#cart-table .token {
    display: none;
}
#cart-totals {
    align-items: flex-start;
}

.small-item-image {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

/**
left-side
*/
aside#left-side {
    position: relative;
    width: 200px;
    /*border-right: 1px solid #dce0e1;*/
    margin-right: 30px;
}

#catalog-filter {
    position: relative;
}

aside#left-side .aside-title {
    background: #eb5e28;
    color: #fff;
    text-align: center;
    font-weight: bold;
    line-height: 45px;
    font-size: 20px;
    border-radius: 5px;
    margin-top: 0;
}

#left-nav {
    margin-bottom: 30px;
    font-size: 14px;
    border: 1px solid #aaa;
    padding: 10px 10px;
}

#left-nav .nav-icon {
    height: 20px;
    margin-right: 6px;
    float: left;
}

#left-nav .nav-title {
    display: block;
    overflow: auto;
}

#left-nav li {
    padding: 10px 0 10px 0px;
    position: relative;
    border-top: 1px solid #aaa;
}

#left-nav li:first-child {
    border-top: none;
}

#left-nav a {
    text-decoration: none;
}

/**
main
*/
aside#left-side + main {
    width: 960px;
}

/**
catalogue list
*/
.catalogue-item-list {
    list-style: none;
    margin: 20px 0 20px 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden;
}

.catalogue-item-list.grid-view .catalogue-item-tile {
    width: 290px;
    height: 465px;
    border: 1px solid #DCE0E1;
    margin: 0;
    margin-bottom: 10px;
    position: relative;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    padding: 15px 10px;
    align-items: center;
}
.catalogue-item-list.grid-view .catalogue-item-small-buttons {
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 1;
    top: 8px;
    right: 8px;
}
.catalogue-item-list.list-view .catalogue-item-small-buttons {
    display: block;
    position: absolute;
    z-index: 1;
    right: 105px;
}

.slider .catalogue-item-list.grid-view .catalogue-item-tile.catalogue-item-tile-compact {
    width: 248px;
    height: 350px;
    border-radius: 5px;
    padding: 15px 25px 20px 25px;
    border: 1px solid #DCE0E1;
}


.catalogue-item-list.grid-view .catalogue-item-tile .catalogue-item-property {
    display: none;
}

.catalogue-item-list.grid-view .catalogue-item-tile .catalogue-item-rating {
    margin: 15px 0;
    order: 2;
}
#favorites .catalogue-item-buy-options {
    margin: 20px 0 0 0;
}

.catalogue-item-list.grid-view .catalogue-item-tile .catalogue-item-image {
    margin: 20px auto;
    width: 250px;
    height: 260px;
    float: none;
    order: 1;
    text-align: center;
    /*border-left: 1px solid #dce0e1;*/
    /*border-right: 1px solid #dce0e1;*/
    border-radius: 0;
}
.slider .catalogue-item-list.grid-view .catalogue-item-tile {
    height: 365px;
    width: 250px;
    padding: 0;
    border: none;
    margin: 8px;
}
.slider .catalogue-item-list.grid-view .catalogue-item-tile:first-child {
    margin-left: 0;
}
.catalogue-item-list.grid-view .catalogue-item-tile .catalogue-item-image img {
    width: 50%;
    height: 100%;
}

.catalogue-item-list.grid-view .catalogue-item-tile.catalogue-item-tile-compact .catalogue-item-image img {
    width: 100%;
}

.slider .catalogue-item-list.grid-view .catalogue-item-tile.catalogue-item-tile-compact .catalogue-item-image {
    margin: 0 auto 20px auto;
    width: 100%;
    height: 210px;
    float: none;
    order: 1;
    border-left: none;
    border-right: none;
}

#properties {
    display: flex;
}

#properties .layout-tab-content {
    padding: 20px;
    line-height: 1.3em;
}

.current-item {
    width: 270px;
    height: 465px;
    border-radius: 4px;
    border: 2px solid #dce0e1;
    margin-top: 60px;
    margin-left: 40px;
    position: relative;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    padding: 15px 3px 20px 3px;
    align-items: center;
}

.current-item .catalogue-item-code {
    top: 7px;
    right: 17px;
    font-size: 13px;
}

.current-item .catalogue-item-image {
    width: 50%;
    height: 100%;
}

.current-item .catalogue-item-title {
    order: 2;
    color: #041a40;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    white-space: normal;
    text-decoration: none;
    text-align: center;
}

.current-item .current-item-title {
    font-size: 16px;
    font-weight: 500;
    z-index: 1;
    line-height: 10px;
    position: relative;
    top: -20px;
    background: #fff;
    padding: 0 5px;
}

.current-item .catalogue-item-rating {
    margin: 15px 0;
    order: 2;
}

.current-item .catalogue-item-buy-options {
    order: 3;
    margin: 0 26px;
}

.current-item .catalogue-item-buy-options {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}


.catalogue-item-list.grid-view .catalogue-item-tile .catalogue-item-title {
    order: 2;
    color: #041a40;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    white-space: normal;
    text-decoration: none;
    text-align: center;
}

.catalogue-item-list.grid-view .catalogue-item-tile.catalogue-item-tile-compact .catalogue-item-title {
    margin: 20px 0;
    text-align: center;
}

.catalogue-item-title {
    color: #132541;
    font-size: 32px;
    font-weight: 700;
}

.catalogue-item-code {
    position: absolute;
    top: 19px;
    right: 30px;
}

.catalogue-item .catalogue-item-code {
    top: 7px;
    left: 10px;
    font-size: 13px;
}


.catalogue-item .catalogue-item-flag:first-child {
    top: 0;
}

.catalogue-item-property {
    margin: 0 0 7px 0;
    padding: 0;
    display: block;
    overflow: auto;
}

.catalogue-item-property dt {
    font-size: 11px;
    line-height: 12px;
    color: #808080;
    margin: 0;
    padding: 0;
}

.catalogue-item-property dd {
    color: #1f1f1f;
    float: right;
    text-align: end;
    margin: 0;
    padding: 0;
}

.catalogue-item-property-options {
    list-style: none;
    display: flex;
    flex-direction: row;
    margin: 2px 0 0 0;
    padding: 0;
}

.catalogue-item-property-options li {
    margin: 0 5px 0 0;
    padding: 0;
}

.catalogue-item-property-options img {
    width: 19px;
    height: 19px;
    object-fit: cover;
}

.catalogue-item-image {
    float: left;
    width: 60px;
    height: 60px;
    margin: 0 20px 20px 0;
    border-radius: 5px;
    overflow: hidden;
}

.catalogue-item-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.item-card .catalogue-item-buy-options {
    display: flex;
    position: relative;
    flex-direction: column;
}

.catalogue-item-flag {
    position: absolute;
    width: 120px;
    left: 450px;
    z-index: 1;
}

.catalogue-item .catalogue-item-flag {
    left: 2px;
    top: 2px;
}

.flag {
    box-sizing: border-box;
    margin-bottom: 5px;
    border-radius: 25px;
    white-space: nowrap;
    text-align: center;
    text-transform: uppercase;
    display: none;
}

.flag.flag-stock,
.flag.flag-top-sale,
.flag.flag-gift {
    font-size: 14px;
    line-height: 30px;

    font-style: normal;
    font-weight: bold;
    color: white;
    display: block;
}

.flag.flag-stock {
    background-color: #F53F3F;
}

.flag.flag-top-sale {
    background-color: #FFBE1E;
}

.flag.flag-gift {
    background-color: #12C540;
}

.flag.dostavka {
    background-color: #12C540;
}


.current-item .catalogue-item-buy-button {
    margin: 20px 0;
}
.grid-view > li > .catalogue-item-buy-options {
    order: 3;
    margin: 0 26px;
    width: 100%;
}

.grid-view > li.catalogue-item-tile-compact > .catalogue-item-buy-options {
    margin: 0;
    align-items: flex-start;
}

.grid-view > li > .catalogue-item-buy-options .buy-button {
    display: block;
    width: 80%;
    margin: 20px auto;
}

.grid-view > li.catalogue-item-tile-compact > .catalogue-item-buy-options .buy-button {
    display: none;
}

.catalogue-item-list.list-view .catalogue-item-actions {
    margin: 0 0 10px 0;
    padding: 10px 0 0 0;
}

.catalogue-item-actions {
    margin: 20px 0 10px 0;
    padding: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.catalogue-item-actions button {
    margin: 0 !important;
}

.catalogue-item-price {
    color: var(--main-active-color);
    font-size: 26px;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
}

.catalogue-item-tile-mini {
    width: 220px;
    height: 220px;
    background: #ffffff;
    border-radius: 4px;
    margin: 0 0 20px 0;
    position: relative;
}

.catalogue-item-tile-mini .catalogue-item-title {
    position: absolute;
    left: 0;
    top: 20px;
    right: 20px;
    padding: 10px;
    color: #ffffff;
    background: #777777;
    letter-spacing: 0.7px;
    font-weight: normal;
    z-index: 1;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.catalogue-item-tile-mini .catalogue-item-property {
    display: none;
}

.catalogue-item-tile-mini .catalogue-item-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    margin: 0;
}

.catalogue-item-tile-mini .catalogue-item-buy-options {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
}

.catalogue-item-list > .catalogue-item.empty {
    border: none !important;
    visibility: hidden;
}


/* list view */
.catalogue-item-list.list-view {
    flex-direction: column;
    overflow:visible;
}

.catalogue-item-list.list-view .catalogue-item-tile {
    width: 100%;
    margin: 30px 0 0 0;
    padding: 30px 180px 0 260px;
    position: relative;
    border-top: 1px solid #dce0e1;
    min-height: 180px;
}

.catalogue-item-list.list-view .catalogue-item-code {
    top: 10px;
    right: 180px;
    z-index: 1;
}

.catalogue-item-list.list-view .catalogue-item-image {
    width: 240px;
    height: 150px;
    position: absolute;
    left: 0;
    top: 30px;
}

.catalogue-item-list.list-view .catalogue-item-title {
    color: var(--main-active);
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 20px 0;
    padding: 0;
    text-decoration: none;
}

.catalogue-item-list.list-view .catalogue-item-tile:first-child {
    border-top: none;
    margin-top: 0;
}

.catalogue-item-list.grid-view .catalogue-item-description {
    display: none;
}

.catalogue-item-list.list-view .catalogue-item-property {
    color: #656970;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    max-height: 110px;
    overflow: hidden;
}

.catalogue-item-list.list-view .catalogue-item-buy-options {
    position: absolute;
    right: 10px;
    bottom: -14px;
    width: 150px;
    background: #ffffff;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}


.search-page .catalogue-item-list.list-view .catalogue-item-buy-options {
    bottom: 0;
}

.catalogue-item-list.list-view .catalogue-item-tile .catalogue-item-rating {
    position: absolute;
    right: 10px;
    z-index: 1;
    top: 10px;
    width: 150px;
}

.catalogue-item-list.list-view .catalogue-item-tile .catalogue-item-rating.stars i {
    width: 15px;
    height: 15px;
}

.catalogue-item-list.list-view .catalogue-item-tile .catalogue-item-rating .comments {
    position: relative;
    margin: 0;
}

.property-table {
    width: 100%;
    border: 0 transparent;
    border-collapse: collapse;
}

.property-table tr:nth-child(even) {
    background-color: #f3f5f6;
}

.property-table td {
    width: 50%;
    font-size: 14px;
    padding: 0.8em;
}

.property-table td.property-name {
    line-height: normal;
    text-align: left;
    clear: left;
}

.property-table td.property-value {
    color: #1f1f1f;
    text-align: right;
}


.catalogue-item-list.list-view .catalogue-item-property dt,
.catalogue-item-list.list-view .catalogue-item-property dd {
    font: inherit;
    color: inherit;
    width: 50%;
}

.catalogue-item-list.list-view .catalogue-item-property dd {
    text-align: right;
}

.catalogue-item-list.list-view .buy-button {
    width: 100%;
    margin-top: 20px;
}

.catalogue-item-list.list-view .catalogue-item-price {
    font-size: 24px;
    line-height: 25px;
    background: 0;
    margin-top: 20px;
    text-align: inherit;
}

.catalogue-item-list {
    list-style: none;
}

/**
item card
*/
.item-card {
    margin-bottom: 20px;
}

.item-card .images {
    width: 580px;
}

.item-card .catalogue-item-image {
    width: 100%;
    height: 600px;
    border-radius: 4px;
    overflow: hidden;
    text-align: center;
}

.item-card .actions {
    width: 580px;
    flex-shrink: 0;
}

.item-card .catalogue-item-image img {
    width: 400px;
    height: 530px;
    object-fit: contain;
}

.item-card .catalogue-item-title {
    font-size: 32px;
    font-weight: bold;
    text-transform: none;
    margin: 20px 0;
    color: var(--main-color);
    text-align: left;
}
.item-card .catalogue-item-code {
    position: relative;
    text-align: left;
    width: 100%;
    right: 0;
    top:20px;
}
.item-card .info-block {
    border-radius: 4px;
    border: 1px solid #dbdbdb;
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 500;
    color: #132541;
}

i.free-delivery {
    width: 32px;
    height: 38px;
    display: inline-block;
    background: url(../images/delivery2-icon.png) center center no-repeat;
    background-size: contain;
    margin-right: 20px;
}

.item-card .info-block-header {
    color: #f53f3f;
    font-size: 23px;
    font-weight: 500;
    margin: 0 0 10px 0;
}

.item-card .catalogue-item-buy-options {
    margin: 30px 0;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    gap: 3px;
}

.item-card .catalogue-item-buy-options .price-old {
    position: absolute;
    top:-25px;
}
.catalogue-item-in-stock {
    color: var(--main-active-color);
}
.catalogue-item-out-of-stock {
    /*position: absolute;*/
    /*right: 20px;*/
    /*top: 20px;*/
}

.item-card .catalogue-item-buy-actions {
    display: flex;
    flex-direction: row;
    /*justify-content: space-between;*/
    /*width: 100%;*/
    flex-wrap: wrap;
    gap: 3px;
}
.item-card .catalogue-item-buy-actions .additional-actions {
    width: auto;
    gap:3px;
}
.item-card .catalogue-item-buy-options a {
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}

.item-card .catalogue-item-buy-options .column:first-child * {
    /*margin-bottom: 20px;*/
}

.item-card .catalogue-item-buy-options .column:nth-child(2) {
    align-items: flex-end;
}

.item-card .catalogue-item-buy-options .column:nth-child(2) * {
    /*margin-bottom: 40px;*/
}
.buy-one-click-button {
    border: 2px solid  #dce0e1;
    color:var(--main-color);
    font-size: 14px;
    padding: 9px 11px;
    box-shadow: none;
}
button.primary-button,
.button.primary-button{
    border: 2px solid var(--primary-background-color);
    box-shadow: none;
    background:  var(--primary-background-color);
    border-radius: var(--default-border-radius);
    color: var(--primary-text-color)
}
.item-card .catalogue-item-buy-button {
    font-size: 14px;
    line-height: 16px;
    position: relative;
    padding: 9px 11px 9px 30px;
    height: 40px;
    min-width: 140px;
}
.item-card .fav-button {
    border: 2px solid #dce0e1;
    color: #dce0e1;
    height: 40px;
    width: 40px;
    position: relative;
    padding: 11px 0px;
    margin-left: 3px;
    box-shadow: none;
}
.item-card .fav-button:before {
    font: var(--fa-font-regular);
    content: "\f004";
    color: #dce0e1;
    font-size: 18px;
    line-height: 16px;
}
.item-card .fav-button.favorite {
    border: 2px solid var(--main-color);
}
.item-card .fav-button.favorite:before {
    font: var(--fa-font-solid);
    color: var(--main-color);

}
.item-card .catalogue-item-buy-button:before {
    font: var(--fa-font-solid);
    position: absolute;
    left: 14px;
    top: 12px;
    content: "\f07a";
}
.item-card  .pay-parts-widget .buy-btn {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    padding: 9px 11px;
    margin-left: 5px;
    border: 2px solid var(--main-active-color);
    color: var(--main-active-color);
}
.item-card .call-master-button {
    display: block;
    border-radius: 4px;
    border: 1px solid #dce0e1;
    padding: 14px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
    text-decoration: none;
    cursor: pointer;
}

.item-card .service-request-block {
    padding: 10px 15px 10px 20px;
    border-radius: 4px;
    background-color: #f2f6fa;
    color: #132541;
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
    align-items: center;
    margin-top: 10px;
}

.item-card .service-request {
    padding: 14px 26px;
    box-shadow: 0 1px 0 #0078ac;
    border-radius: 4px;
    border: 1px solid #039ce3;
    background-image: linear-gradient(136deg, #009ee3 0%, #5d5ff4 100%);
    color: #ffffff;
    text-decoration: none;
}

.item-card .catalogue-item-description {
    display: block;
    margin-bottom: 20px;
}

.item-card .catalogue-item-images {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    margin: 10px 20px 0 0;
    list-style: none;
}

.item-card .catalogue-item-images li {
    margin-right: 10px;
    margin-bottom: 5px;
    overflow: hidden;
    border-radius: var(--default-border-radius);
    width: 80px;
    height: 80px;
}

.item-card .catalogue-item-images a {
    width: 100%;
    height: 100%;
    display: block;
}

.item-card .catalogue-item-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item-card .catalogue-item-rating {
    margin: 15px 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
}


.catalogue-item-rating .comments {
    margin-left: 23px;
    font-size: 14px;
    font-weight: 500;
    color: var(--main-active);
    padding-top: 2px;
}

.item-card .catalogue-item-short-property,
.item-card-properties .catalogue-item-property {
    font-size: 14px;
    font-weight: 500;
    color: #656970;


}

.item-card .catalogue-item-short-property dt,
.item-card-properties .catalogue-item-property dt {
    float: left;
    line-height: normal;
    text-align: left;
    padding: .25em;
    clear: left;
}

.item-card .catalogue-item-short-property dt:after,
.item-card-properties .catalogue-item-property dt:after {
    content: ':';
}

.item-card .catalogue-item-short-property dd,
.item-card-properties .catalogue-item-property dd {
    text-align: end;
    padding: .25em 0;
    color: #0e0e0e;
}

.item-card-properties .catalogue-item-property,
.item-card-properties .catalogue-item-property dt {
    font-size: 16px;

}

.sale-percent {
    display: none;
    position: absolute;
    top: 100px;
    left: 10px;
    color: #fff;
    background: #f00;
    width: 40px;
    height: 30px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    border-radius: 1px;
}

.price-old {
    /*position: relative;*/
    background: transparent;
    color: #777;
    padding: 0 3px;
    font-size: 16px;
    /*display: inline-block;*/
    text-decoration: line-through;
}

.catalogue-item-list.list-view li > .catalogue-item-buy-options .price-old {
    text-align: inherit;
}

li > .catalogue-item-buy-options .price-old {
    text-align: center;
}

.search-page .catalogue-item-list.list-view li > .catalogue-item-buy-options .price-old {
    font-size: 16px;
    height: auto;
    margin-top: auto;
}

.item-card .catalogue-item-price {
    position: relative;
    height: 40px;
    line-height: 40px;
}

.search-page .catalogue-item-list.list-view .catalogue-item-price {
    position: relative;
    height: 36px;
    margin: 0;
}

.search-page .catalogue-item-price .sale-percent {
    top: -20px;
    right: 0;
    left: auto;
}

.item-card .catalogue-item-price .sale-percent {
    top: -25px;
    left: auto;
    right: -50px;
    margin: 0 !important;
}

.item-card .item-card-properties {
    margin-top: 50px;
}

.item-card .item-card-properties .catalogue-item-property {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 2px groove rgba(100, 100, 100, 0.5);
}


.item-card .item-card-properties .catalogue-item-property dd,
.item-card .item-card-properties .catalogue-item-property dt {
    width: 50%;
    /*text-align: left;*/
    padding: 15px 20px;
    font-size: 14px;
    color: #0b0e71;
}

/**
view options
*/
#view-options {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    /*background: #f2f6fa;*/
    /*border-bottom: 1px solid rgb(220, 224, 225);*/
    /*border-radius: 4px;*/
    padding: 0;
    margin-top:15px;
    font-size: 18px;
    font-weight: 600;
}

#view-options .view-mode {
    display: flex;
    flex-direction: row;
    border-radius: 4px;
    flex-wrap: nowrap;
    overflow: hidden;
    align-items: center;
}

#view-options label {
    margin-right: 18px;
}

#view-options .view-mode a {
    display: inline-block;
    margin: 0;
}

#view-options .list-view,
#view-options .grid-view {
    font-size: 0;
    width: 30px;
    height: 30px;
    background-color: transparent;
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid var(--main-color);
}

#view-options .list-view {
    border-radius: 4px 0 0 4px;
}

#view-options .grid-view {
    border-radius: 0 4px 4px 0;
}

#view-options .list-view.active,
#view-options .grid-view.active {
    background-color: var(--main-color);
}

#view-options .list-view {
    background-image: url(../images/list-view.png);
}

#view-options .grid-view {
    background-image: url(../images/grid-view.png);
}

#view-options .list-view.active {
    background-image: url(../images/list-view-active.png);
}
.sort-mode label {
    display: none;
}
#view-options .grid-view.active {
    background-image: url(../images/grid-view-active.png);
}

/**
home
*/
#home-banner {
    height: 950px;
    width: 100%;
    text-align: left;
    color: #041a40;
    font-size: 39px;
    line-height: 50px;
    font-weight: 500;
    background-size: auto 100%;
}
#home-banner .slider{
    width: 100%;
    height: 100%;
    position: relative;
}
#home-banner .slider-container{
    width: 100%;
    height: 100%;
}
#home-banner .slider-container-items{
    width: auto;
}
.banner-empty {
    /*height: 450px;*/
    text-align: left;
    color: #041a40;
    font-size: 39px;
    line-height: 50px;
    font-weight: 500;
    background-size: auto 100%;
    margin: 20px 0 40px 0;
}
#home-banner .banner {
    display: flex;
}

#home-banner .slider-container {
    width: 100%;
}

.banner-slider, #home-banner .slider-container-items {
    height: 100%;
}

.banner-description {
    height: 100%;
    min-width: 525px;
    width: 525px;
    z-index: 1;
    white-space: normal;
    font-size: 14px;
    line-height: 20px;

}

.banner-image {
    position: absolute;
    right: 0;
    z-index: 0;
}

#benefits {
    margin-top: 50px;
}

#benefits .benefits-list {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #041a40;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    flex-direction: row;
}

#benefits .benefits-list li {
    margin-left: 70px;
    padding-top: 90px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

#benefits .benefits-list li:first-child {
    margin-left: 0;
}

#benefits a {
    color: var(--main-active);
    background: url(../images/green-arrow-right.png) right center no-repeat;
    background-size: 26px 12px;
    padding-right: 40px;
    text-decoration: none;
    display: block;
    margin-top: 20px;
}

#benefits .benefits-list li.delivery {
    background: url(../images/delivery-icon.png) top center no-repeat;
    background-size: auto 62px;
}

#benefits .benefits-list li.storage {
    background: url(../images/storage-icon.png) top center no-repeat;
    background-size: auto 62px;
    width: 300px;
}

#benefits .benefits-list li.contact {
    background: url(../images/contact-icon.png) top center no-repeat;
    background-size: auto 62px;
}

#benefits .benefits-list li.service {
    background: url(../images/service-icon.png) top center no-repeat;
    background-size: auto 62px;
}

#benefits .benefits-list li.delivery2 {
    background: url(../images/delivery2-icon.png) top center no-repeat;
    background-size: auto 62px;
}

/**
catalogue filter
*/
#filter-submit-button {
    position: absolute;
    top: 0px;
    right: -30px;
    z-index: 10;
    transition: top 0.5s ease-in-out;
    padding: 6px 14px;
    border-radius: 6px;
    font-size: 14px;
    box-shadow: 1px 1px 4px rgb(170, 170, 170);
    display: none;

}

#filter-submit-button.active {
    display: block;
}
.catalog-groups .catalog-filters-block {
    border: none;
}
.catalog-filters-block {
    position: relative;
    border-top: 1px solid rgb(220, 224, 225);
}

.catalog-filters-block .row {
    align-items: center;
    width: 100%;
    flex-wrap: nowrap;
    overflow: hidden;
}

.catalog-filters-block .row input {
    width: 10px;
    flex-grow: 1;
    flex-shrink: 3;
}

.catalog-filters-block .h2 {
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0;

}

.catalog-filters-block ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
}
.catalog-filters-block div {
    display: none;
}
.catalog-filters-block.expanded div {
    display: block;
}

.catalog-filters-block li {
    margin: 0 0 8px 0;
    padding: 0 8px 0 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.catalog-filters-block li label {
    margin-left: 15px;
    font-size: 13px;
    color: var(--main-active);
    font-weight: 500;
}

.catalog-filters-block.expanded ul {
    display: block;
}

.catalog-filters-block .expand-button {
    /*display: none;*/
    float: left;
    padding: 0;
    z-index: 1;
    position: absolute;
    border:none;
    box-shadow: none;
    height: 22px;
    width: 22px;
    top: 7px;
    right: 0;
    transform: none;
}
h5.filter-reset-title {
    font-size: 13px;
    font-weight: 700;
    margin: 5px 0;
}
.catalog-filters-block .expand-button:before {
    font: var(--fa-font-solid);
    content: "\2b";
    font-size: 18px;
    color: #9da6ab;
}
.catalog-filters-block.expanded .expand-button:before {
    content: "\f068";

}
.catalog-filters-block.select {
    padding-right: 20px;
}

.catalog-filters-block.select select {
    min-width: auto;
    width: 300px;
    max-width: 100%;
}

.catalog-filters {
    margin-top: 10px;
    /*padding-top: 20px;*/
}

.catalog-filters:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.catalog-filters .h2 {
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
}

.catalog-filters-buttons {
    margin: 20px 0;
}


/**
footer
*/
footer {
    background: #5a6870;
    color: #dde4e8;
    padding: 40px 0 20px 0;
    margin-top: 10px;
}

#bottom-logo {
    display: none;
    text-decoration: none;
    font-size: 0;
    width: 142px;
    height: 46px;
    background: url(../images/logo-small.png) center center no-repeat;
    background-size: contain;
}

#footer-copyright {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 10px;
    font-weight: 400;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#footer-copyright a {
    color: #9da6ab;
}

#copyright,#designed_by,#created_by {
    margin: 0 2px;
}
#footer-nav-1,#footer-nav-2,#contact-us {
    width: 245px;
    margin: 0 10px;


}

#footer-nav-1 ul,#footer-nav-2 ul {
    list-style: none;
    margin: 20px 0;
    padding: 0;
    display: flex;
    flex-direction: column;

}
.footer-nav-title{
    text-transform: uppercase;
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 24px;
    color: #9da6ab;
    border-bottom: 1px solid hsla(201, 8%, 64%, .2);

}

#footer-nav-1 li,#footer-nav-2 li {
    padding: 0;
    margin: 8px 0;
}

#footer-nav-1 a,#footer-nav-2 a {
    color:#dde4e8;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}
#footer-phone {
    margin-top: 25px;
}
#footer-email {
    margin-top: 20px;
}
#footer-phone a{
    text-decoration: none;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 23px;
    font-weight: 700;
}
#footer-phone a::before {
    font: var(--fa-font-solid);
    content: "\f095";
    margin-top: 2px;
    margin-right: 10px;
    font-size: 20px;
    color: #dde4e8;
}
#footer-email a::before {
    font: var(--fa-font-solid);
    content: "\f0e0";
    margin-right: 10px;
    font-size: 20px;
    color: #dde4e8;
}
#footer-email a {
    text-decoration: none;
    color: #dde4e8;
    font-size: 14px;
    line-height: 18px;
}
/**
slider
*/
.slider {
    width: 1050px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.slider .slider-container {
    height: 100%;
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    transition: all 0.5s ease 0s;
    white-space: nowrap;
    width: 1050px;
    height: 500px;
    font-size: 0;
    line-height: 0;
}

.slider .slider-container > li {
    display: inline-block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    width: inherit;
}

.slider .slider-controls {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.slider .slider-controls li {
    display: inline-block;

}

.slider .slider-controls li button {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #c1c1c1;
    border-radius: 5px;
    height: 10px;
    margin: 0;
    padding: 0 0 3px 0;
    width: 10px;
}

.slider .slider-controls li.active button {
    background: #00a0dc none repeat scroll 0 0;
    border-color: #00a0dc;
}

.slider button {
    position: absolute;
    top: 40%;
    font-size: 0;
    line-height: 0;
    display: block;
    width: 25px;
    height: 25px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    background: transparent;
    z-index: 19;

}
.slider button.slider-control-left {
    left: -35px;
    background: url(../images/chevron-compact-left.svg) center center no-repeat;
    background-size: cover;
}

.slider button.slider-control-right {
    right: -35px;
    background: url(../images/chevron-compact-right.svg) center center no-repeat;
    background-size: cover;

}
#main-section .slider button.slider-control-right{
    display: none;
}

.slider button.slider-control-right::before,.slider button.slider-control-right::before {
    display: block;
    font-size: 25px;
    line-height: 0;
}

.slider-container-items {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: nowrap !important;
    overflow: visible;
    position: relative;
    width: 100%;
    transition: left 0.5s ease;
    left: 0;
}

.slider-container-items > li {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
}

.slider-container-items > li:first-child {
    margin-left: 0;
}

.slider-container-items.columns-1 > li {
    width: 100%;
}

.slider-container-items.columns-2 > li {
    width: 50%;
}

.slider-container-items.columns-3 > li {
    width: 33.33%;
}

.slider-container-items.columns-4 > li {
    width: 25%;
}

.slider-container-items.columns-5 > li {
    width: 20%;
}

.slider .catalogue-item-list.grid-view .catalogue-item-tile .catalogue-item-image {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 325px;
 }

.slider .catalogue-item-tile .catalogue-item-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.slider .catalogue-item-list.grid-view  .catalogue-group.catalogue-item-tile .catalogue-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slider .catalogue-group .catalogue-item-title {
    width: 100%;
    height: 40px;

}
.slider .catalogue-group .catalogue-item-title a{
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    font-weight: 700;
    line-height: 18px;
    text-align: left;
    padding: 12px;
    color: rgb(90, 104, 112);
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.slider .catalogue-group .catalogue-item-title a::after {
    font: var(--fa-font-solid);
    content: "\f054";
    position: absolute;
    bottom: 12px;
    right: 12px;
}
.slider .catalogue-group:hover .catalogue-item-title a {
    color: var(--main-active-color, #039);
}

.slider .catalogue-item-tile.active > .catalogue-group-children,.slider .catalogue-item-tile:hover > .catalogue-group-children  {
    display: flex;
    flex-direction: column;
    z-index: 1;
}
.slider .catalogue-group-children  {
    display: none;
    width: 100%;
    min-height: 325px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #FFFFFF;
    display: block;
}
.slider .catalogue-group-children .catalogue-group-child {
    display: block;
    width: 100%;
    padding: 8px 10px;
    border-bottom: 1px solid #dde4e8;
    font-size: 14px;
    line-height: 17px;
    white-space: normal;
}
.slider .catalogue-group-children .catalogue-group-child a {
    color: var(--main-color, #5a6870);
    text-decoration: none;

}
.slider .catalogue-item-list {
    flex-wrap: nowrap;
    overflow: visible;
    transition: left 1s ease;
    position: relative;
    left: 0;
}

.slider .catalogue-item {
    flex-shrink: 0;
    margin: 0 0 0 13px;
}

.slider .catalogue-item:first-child {
    margin-left: 0;
}

.error, .error-message {
    color: #aa0000;
    font-size: 18px;

}

#bottom-cart-details {
    padding: 0;
    position: fixed;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: rgba(193, 200, 207, 0.8);
    font-size: 14px;
}

#bottom-cart-details .box {
    width: 800px;
    margin: 0 auto;
    padding-top: 20px;
    position: relative;
}
#bottom-cart-details .box a {
    width: auto;
}

#bottom-cart-details .box-item {
    background-color: #ffffff;
    border-radius: 10px;
}

#bottom-cart-details .message {
    padding: 20px;
    text-align: center;
}

#bottom-cart-details .order {
    padding: 20px;
}

#bottom-cart-details .cart-details {
    padding: 16px;
}

#bottom-cart-details .cart-details .cart-items-wrap {
    margin-bottom: 10px;
}

#bottom-cart-details .cart-details table {
    width: 100%;
    /*border-collapse: collapse;*/
    border-collapse: separate;
    border-spacing: 0 4px;
}

#bottom-cart-details .cart-details table td {
    vertical-align: middle;

}

#bottom-cart-details .cart-details table thead {
    text-align: left;
    font-weight: bold;
}

#bottom-cart-details .cart-details table thead th {
    text-align: center;
}

#bottom-cart-details .cart-details table tbody tr:nth-child(odd) {
}

#bottom-cart-details .cart-details table tbody tr td {
    text-align: center;
    padding: 5px;
    font-size: 12px;
    border-top: 1px solid #dce0e1;
    border-bottom: 1px solid #dce0e1;
    position: relative;
}
#bottom-cart-details .item-actions {
    width: 28px;
    padding-left: 0;
    padding-right: 0;
}
#bottom-cart-details .cart-delete-button {
    opacity: 0.6;
}

#bottom-cart-details .cart-details table tbody tr td.item-name{
    text-align: left;
}

#bottom-cart-details .cart-details table tbody tr td:first-child {
    border-left: 1px solid #dce0e1;
}

#bottom-cart-details .cart-details table tbody tr td:last-child {
    border-right: 1px solid #dce0e1;
}

#bottom-cart-details .cart-details  .row.total {
    font-size: 1.2em;

    justify-content: flex-end;
    gap: 20px;
}
#bottom-cart-details .cart-details .row.total .total-amount {
    font-weight: bold;
}

#bottom-cart-details .cart-details table tr.total td:first-child{
    text-align: right;
}

#bottom-cart-details .cart-details table tr .small-item-image {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

#bottom-cart-details .box-item-title {
    text-align: left;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 1.2em;
    text-align: center;
}

#bottom-cart-details nav .row {
    justify-content: space-between;
    padding-top: 10px;
}

#bottom-cart-details nav li {
    margin: 5px 0;
}

#bottom-cart-details nav .button, #header-additionals .compare-items-cart-actions .button {
    display: block;
    font-size: 14px;
    line-height: 17px;
    width: 200px;
    padding: 9px 0;
    height: auto;
    text-decoration: none;
}
#user-cart-page #cart-table td.name .actions,
#bottom-cart-details .cart-details table td.item-name .actions {
    display: none;
}

#bottom-cart-details nav .button-close,
#header-additionals_compare .compare-items-cart-actions .button-close
{
    border: 2px solid #dce0e1;
    color: var(--main-color);
}
#bottom-cart-details nav .primary-button {
    padding: 9px 16px;
}
#bottom-cart-details nav .clear-cart,
#header-additionals_compare .compare-items-cart-actions .clear-cart{
    border: 2px solid #dde4e8;
    background: #f3f5f6;
}
#bottom-cart-details-items .cart-item .image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.modal-close-button {
    border:none;
    color:transparent;
    position:relative;
    padding: 14px;
    box-shadow: none;
}
.modal-close-button:after {
    font: var(--fa-font-solid);
    content: "\f057";
    font-size: 14px;
    color: var(--main-color);

}

#bottom-cart-details .cart-details table tr .advanced-numbers-input {
    width: 82px;
    margin: 0 auto;
}

#bottom-cart-details .cart-details table tr .advanced-numbers-input button {
    border: none;
    background: none;
    padding: 0 7px;
    border-radius: 0;
    display: block;
    height: 30px;
}

#bottom-cart-details .cart-details table tr .advanced-numbers-input input {
    background: none;
    border: none;
    outline: none;
    box-sizing: border-box;
    padding: 5px 0;
    width: 30px;
    text-align: center;
}

 .cart-delete-button {
    /*color: #400000;*/
    /*text-decoration: underline;*/
    background: none;
    text-shadow: none;
    font-size: inherit;
    text-transform: none;
    font-family: inherit;
    font-size: 0;
     height: 28px;
     width: 28px;
}
 .cart-delete-button:after {
    font:var(--fa-font-solid);
    content: "\f2ed";
     font-size: 13px;
     line-height: 20px;
    color: var(--main-color);
}

#bottom-cart-details>.box>.button-close{
    background: none;
    border: none;
    padding: 0;
    position: absolute;
    top: 27px;
    right: 7px;
}

#bottom-cart-details nav .button-close {
    border-radius: var(--default-border-radius);
    display: flex;
    align-items: center;
    gap: 16px;
    border: none;
}

#bottom-cart-details table td a{
    text-align: left;
    font-size: 14px;
    padding: 0;
    height: auto;
}

#bottom-cart-details .old-price{
    text-decoration: line-through;
    opacity: 0.6;
    font-size: 10px;
    margin-right: 16px;
}

#bottom-cart-details .currency{
    text-decoration: inherit;
    font-size: inherit;
}

#favorites .catalogue-item-list {
    justify-content: flex-start;
}
#favorites .catalogue-item-list li {
    margin: 1px;
}
#order-container>.title {
    text-align: left;
}

#order-container .mobile-order-buttons{
    display: none;
}

#order-container .grid{
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
}

#order-container #user-cart-page {
    width: 50%;
    flex-shrink: 0;
    overflow: visible;
    font-size: 14px;
    font-weight: 500;
}

#order-container #user-cart-page h2.title{
    display: none;
}

#order-container #user-cart-page .table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 4px;
}

#order-container #user-cart-page .table tbody tr td {
    padding: 5px;
    font-size: 12px;
    border-top: 1px solid #dce0e1;
    border-bottom: 1px solid #dce0e1;
}

#order-container #user-cart-page .table tbody tr td:first-child {
    border-left: 1px solid #dce0e1;
}

#order-container #user-cart-page .table tbody tr td:last-child {
    border-right: 1px solid #dce0e1;
}

#order-container #user-cart-page .table td.cover{
    width: 80px;
}

#order-container #user-cart-page .table td.item-name a {
    text-decoration: none;
    color: #252422;
}

#order-container #user-cart-page .table td .item-price-box{
    margin-top: 8px;
}

#order-container #user-cart-page .table td .row{
    margin-top: 16px;
    align-items: center;
}

#order-container #user-cart-page .table td.item-name .advanced-numbers-input {
    width: 78px;
}

#order-container #user-cart-page .table td.item-name .advanced-numbers-input button {
    border: none;
    background: none;
    padding: 0 7px;
    border-radius: 0;
    display: block;
    height: 30px;
}

#order-container #user-cart-page .table td.item-name .advanced-numbers-input input {
    background: none;
    border: none;
    outline: none;
    box-sizing: border-box;
    padding: 5px 0;
    width: 30px;
    text-align: center;
}

#order-container #user-cart-page .old-price{
    text-decoration: line-through;
    opacity: 0.6;
    font-size: 10px;
    margin-right: 16px;
}

#order-container #user-cart-page .currency{
    text-decoration: inherit;
    font-size: inherit;
}

#order-container #user-cart-page .back-cart {
    text-align: right;
    font-size: 16px;
}

#order-container #user-cart-page .back-cart a {
    text-decoration: none;
    justify-content: end;
    opacity: 0.5;
}

#order-container #user-cart-page .cart-box{
    margin: 16px 0;
}

#order-container #user-cart-page .cart-box .title {
    margin-right: 24px;
}

#order-container #user-cart-page #cart_amount{
    justify-content: end;
}

#order-container #user-cart-page #delivery-box{
    border-bottom: 1px solid #f0f0f0;
    padding: 0 10px 20px 10px;
}

#order-container #order-details {
    margin: 0;
    padding: 0;
    overflow: visible;
    width: 50%;
}

#order-container #order-details input[type=text] {
    width: 100%;
    margin: 0;
}

#order-details #wizzard-steps > li {
    margin: 0 0 24px 0;
    width: 100%;
}

#order-details #wizzard-steps > li:before{
    display: none;
}

#order-details #wizzard-steps > li > label {
    margin: 0;
}

#order-details #wizzard-steps > li:after {
    border-left: none;
}

#order-details #wizzard-steps li > label {
    font-size: 18px;
    font-weight: 600;
}
#order-details #wizzard-steps .fieldblock.fieldblock-horizontal {
    gap: 25px;
}
#order-details #wizzard-steps input[type=text], #order-details #wizzard-steps textarea {
    border-radius: 4px;
    border: 1px solid #dce0e1;
    box-shadow: 0 1px 0 #c2cacc;

}

#order-details #wizzard-steps input::placeholder {
    color: #d9d9d9;
}

#order-details .fieldblock label {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}

#order-container #order-details .fieldblock-horizontal {
    justify-content: start;
}

#order-container #order-details .fieldblock-horizontal label{
    width: 150px!important;
    flex-shrink: 0;
}

#order-container #order-details .fieldblock-horizontal .fieldblock {
    margin: 0;
}

#order-container #order-details .fieldblock-horizontal.fieldblock select{
    width: 100%;
    -webkit-appearance: auto;
    -moz-appearance: auto;
}

#order-details #delivery-block{
    padding: 16px 0;
    border-top: 1px solid #dce0e1;
    border-bottom: 1px solid #dce0e1;
}

#order-details .delivery-block-items {
    display: none;
}

#order-details .delivery-block-items.active{
    display: block;
}

#order-details .delivery-block-items textarea{
    height: 80px;
    resize: none;
}

.fieldblock.fieldblock-horizontal.right-label label {
    order: 2;
}

#contact-form .fieldblock-horizontal {
    justify-content: space-between;
}

#contact-form .fieldblock {
    margin-right: 0;
}

#contact-form input {
    width: 270px;
    margin: 0;
}

#contact-form textarea {
    width: 100%;
    height: 122px;
    resize: none;
}

.lifecell {
    background: url(../images/lifecell.png) left center no-repeat;
    background-size: 20px 20px;
    padding-left: 23px;
    min-height: 20px;
}

.vodafone {
    background: url(../images/vodafone.png) left center no-repeat;
    background-size: 20px 20px;
    padding-left: 23px;
    min-height: 20px;
}

.kyivstar {
    background: url(../images/kyivstar.png) left center no-repeat;
    background-size: 20px 20px;
    padding-left: 23px;
    min-height: 20px;
}

.item-card-properties > .layout-tab-contents img {
    max-width: 100%;
}


.item-card-properties .comments-list {
    margin-top: 10px;
}

.comments-list .comment-item {
    margin: 20px 0 0 0;
}

.comments-list .comment-item:first-child {
    margin-top: 0;
}

.comments-list .comment-item:last-child {
    border-bottom: none;
}

.comment-item .answer-item {
    margin-left: 20px;
    padding: 10px;
    background: rgba(150, 150, 150, 0.1);
}

.comment-item .comment-item-answer-head,
.comment-item .comment-item-head {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
}

.comment-item-author {
    font-size: 16px;
    font-weight: 600;
}

.comment-item .comment-item-date {
    margin-left: 15px;
    color: var(--main-active);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.comment-item-content {
    margin: 0;
}

.comment-form {
    margin: 15px 0;
}

#add-comment {
    float: right;
}

#close-filter-button,
#filter-button {
    display: none;
}

.range-slider {
    width: 100%;
    color: var(--main-active-color);
}

.range-slider .text-range {
    font-size: 16px;
    font-weight: 400;
    color: #606060;
}

.range-slider .text-range input {
    width: 85px;
    box-sizing: border-box;
    box-shadow: 0 1px 0 #c2cacc;
    border: 1px solid #dce0e1;
    background-color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    padding: 5px;
    margin: 10px 0;

}






.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
    background-color: var(--main-color);
}

.irs--round .irs-bar {
    top: 35px;
    height: 3px;
    background-color: var(--main-color);
}

.irs--round .irs-handle {
    border: 8px solid var(--main-color);
    top: 28px;
    width: 18px;
    height: 18px;
}

.irs--round .irs-from::before, .irs--round .irs-to::before, .irs--round .irs-single::before {
    border-top-color: var(--main-color);
}
.table button {
    box-shadow: none;
}

.delivery-item,
.payment-item {
    margin: 5px 0;
}

.catalogue-item-flag-top-left img, .catalogue-item-flag-top-right img, .catalogue-item-flag-bottom-left img,
.catalogue-item-flag-bottom-right img {
    max-height: 125px;
    max-width: 125px;
}

.catalogue-item-list .catalogue-item-flag-top-left img,
.catalogue-item-list .catalogue-item-flag-top-right img,
.catalogue-item-list .catalogue-item-flag-bottom-left img,
.catalogue-item-list .catalogue-item-flag-bottom-right img {
    max-height: 70px;
    max-width: 70px;
}

.catalogue-item-list .catalogue-item-flag-top-left {
    position: absolute;
    top: 0;
    left: 0;
    display: grid;
    z-index: 1;
}

.item-card .catalogue-item-flag-top-left {
    position: absolute;
    top: 0;
    left: 0;
    display: inline;
    z-index: 1;
}

.item-card .catalogue-item-flag-top-right {
    position: absolute;
    top: 0;
    right: 0;
    display: inline;
    z-index: 1;
}

.item-card .catalogue-item-flag-bottom-left {
    position: absolute;
    bottom: 200px;
    left: 0;
    display: inline;
    z-index: 1;
}

.item-card .catalogue-item-flag-bottom-right {
    position: absolute;
    bottom: 200px;
    right: 0;
    display: inline;
    z-index: 1;
}

.item-card .images, .item-card .catalogue-item-image {
    position: relative;
}

#top-menu-button {
    display: none;
}

/*region point-Slider*/
.point-slider {
    overflow: hidden;
    position: relative;
    height: inherit;
}

.slider-large-image {
    width: 100%;
    height: inherit;
    position: relative;
}

.slider-large-image img {
    width: inherit;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity ease 1s;
}

.slider-large-image img.active {
    position: relative;
    opacity: 1;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.slider-images {
    overflow: hidden;
    padding: 2px 0;
    z-index: 10;
}

.slider-images ul {
    list-style: none;
    padding: 0;
    white-space: nowrap;
    text-align: center;
    position: absolute;
    width: 100%;
    margin: -66px 0 0;
    z-index: 1;
}

.slider-images li {
    display: inline-block;
    cursor: pointer;
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    border: 2px solid #ffffff;
    background: #ffffff;
    border-radius: 6px;
    margin: 0 2px;
}

.slider-images li.active {
    opacity: 1;
    background: transparent;
}

.slider-images li img {
    margin: 0;
    padding: 0;
    border: 0;
    opacity: 0.4;
    transition: opacity ease 1s;
    cursor: pointer;
    display: none;
}

.slider-images li img:hover {
    opacity: 1;
}

.slider-images li > .slider-message {
    display: none;
}

.slider-message-visible .page-wrapper {
    height: 100%;
}

#home-banner .slider-message {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    color: #263238;
}

#home-banner li > .slider-message {
    display: none;
}

#home-banner .slider-message-title {
    font-size: 40px;
    line-height: 46px;
    text-transform: uppercase;
}

#home-banner .slider-message-description {
    font-size: 18px;
    margin: 30px 0;
}

#home-banner img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

/*endregion*/

#boiler #boiler-list > li.device {
    font-weight: 500;
    font-size: 21px;
    line-height: 25px;

    width: 377px;
    height: 240px;
    padding: 0 280px 0 53px;
}

#boiler #boiler-list > li.device .device-img {
    width: 120px;
    height: 223px;
    position: absolute;
    top: 10px;
    right: 5px;
}

#orderForm label {
    width: 100px;
}

#orderForm .buy-one-click-button {
    width: 100%;
}

#form-close-button {
    padding: 4px 8px;
    position: absolute;
    top: 2px;
    right: 2px;
    box-shadow: none;
    border: none;

}

#orderForm .modal-header {
    margin-top: 10px;
}

#orderForm .form-order-button {
    /*border: 1px solid #1acc27;*/
    /*background-image: linear-gradient(135deg, #1acc27 0%, #3bbc26 100%);*/
    /*box-shadow: none;*/
    width: 100%;
}



input.error {
    border: 1px solid red;
}

.cancel-extra-item-button {
    border: none;
    box-shadow: none;
    background: none;
    padding: 0 5px;
    color: red;
    font-size: 12px;
}

ul.item-extra-services-cart li {
    list-style-type: none;
}

ul.item-extra-services-cart li:before {
    content: "+ ";
}

ul.item-extra-services-cart li {
    font-size: 12px;
    font-style: italic;
}

.item-card .price-old {
    height: 26px;
}

.filter-reset-widget {
    /*margin: 0 0 20px 0;*/
}

.filter-reset-widget ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}

.filter-reset-widget li {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    margin:  3px 0;
    width: 100%;
}
.filter-reset-widget ul{
    background-color: #f3f5f6;
    flex-direction: column;
    justify-content: flex-start;
    padding: 5px;

}

.filter-reset-widget li a {
    position: relative;
    font-size: 13px;
    line-height: 16px;
    text-decoration: none;
    padding-left: 25px;

}
.filter-reset-widget li a:before {
    font: var(--fa-font-solid);
    content: "\f057";
    background-size: contain;
    position: absolute;
    left: 0;
    top:2px;

}


#order-details dt {
    float: left;
    width: 150px;
    clear: both;
}

#order-details dd {
    padding-left: 160px;
    margin-bottom: 10px;
}

#order-details dd:after {
    content: '';
    display: block;
    clear: both;
}

#invoice-details #order-details {
    margin: 0 auto;
    margin: 0 auto;
    width: 360px;
}

#extras-mobile {
    display: none;
}
.button-favorite  {
    border:none;
    background: none;
    box-shadow: none;
    height: 28px;
    width: 28px;
    padding: 0;
}
.button-favorite:after {
    font: var(--fa-font-regular);
    content: "\f004";
    font-size: 18px;
}
.button-favorite.favorite:after {
    font: var(--fa-font-solid);
    font-size: 19px;
}
.sort-mode {
    position: relative;
}
.currency {
    margin-left: 2px;
    /*font-size: 18px;*/
}
.header-profile-nav {
    z-index: 1;
    flex-direction: column;
    min-width: 159px;
    background: #ffffff;
    box-shadow: 0 0 3px #444;
    padding: 10px 0;
    position: absolute;

}

.header-profile-nav ul {
    list-style-type: none;
    display: flex;
    flex-direction: column;
}
.header-profile-nav ul li {
    font-size: 14px;
    line-height: 16px;
}
.header-profile-button {
    font-size: 16px;
    line-height: 18px;
}
#lang-widget {
    display: flex;
    flex-direction: column;
    padding: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-color: #ffffff;
    overflow: hidden;
}
#lang-widget li {
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    text-align: left;


}
#lang-widget li:hover {
    color: var(--main-active-color);
}
#lang-widget li.active {
    padding-left: 3px;
}
#lang-widget li.active:after {
    font: var(--fa-font-solid);
    content: "\f078";
    font-size: 9px;
    position: absolute;
    top: 5px;
    right: 1px;
}

#lang-widget.expanded {
    height: auto;
}
#favorites-empty-list {
    margin: 60px 0;
    text-align: center;
}
#mobile-navigation {
    display: none;
}
.compare-items-cart {
    /*position: relative;*/
}
.compare-items-cart-button {
    position: relative;
}

.compare-items-cart > .compare-items-cart-button,.small-compare-button {
    /*background: url("/images/icon-compare.svg") no-repeat center center;*/
    /*background-size: 24px 24px;*/
    padding: 0;
    border: none;
    width: 28px;
    height: 28px;
    margin: 0;
    box-shadow: none;
    color: var(--main-color);
    background: transparent;
    /*position: relative;*/
}
.compare-items-cart > .compare-items-cart-button:after,.small-compare-button:after {
    font: var(--fa-font-solid);
    content: "\f24e";
    font-size: 18px;
    line-height: 12px;
}
.compare-items-cart > .compare-items-cart-content {
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    top: 120px;
    background-color: rgba(100, 100, 100, 0.5);
    z-index: 10;
    width: 100%;

}

.compare-items-cart.active > .compare-items-cart-content {
    display: flex;
    flex-direction: column;
    /*min-width: 310px;*/
    background: #ffffff;
    padding: 50px 0;
    border-bottom: 1px solid #dde4e8;
    background: #FFF;
    box-sizing: content-box;


}

.compare-items-cart > .compare-items-cart-content a {
    /*color: #000;*/
    text-decoration: underline;
    white-space: nowrap;
}

.compare-items-cart > .compare-items-cart-content .item-list {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}

.compare-items-cart > .compare-items-cart-content .item-list li {
    padding: 5px 10px;
    align-items: center;
}

.compare-items-cart > .compare-items-cart-content .item-list li:hover {
    background: rgba(0, 0, 0, 0.1);
}

.compare-items-cart > .compare-items-cart-content .compare-items-cart-remove-button {
    padding: 0;
    background: none;
    border: none;
    /*color: #000;*/
    text-decoration: none;
    box-shadow: none;
    flex-shrink: 0;
    width: 35px;
    text-align: right;
}

.compare-items-cart > .compare-items-cart-content .compare-items-cart-item-number {
    color: #555;
    width: 20%;
    flex-shrink: 0;
    text-align: left;
}

.compare-items-cart > .compare-items-cart-content .compare-items-cart-item-title {
    text-align: left;
    width: 70%;
    padding-left: 35px;
}

.compare-items-cart > .compare-items-cart-button > .qty {
    position: absolute;
    top: -10px;
    left: -8px;
    width: 16px;
    height: 16px;
    font-size: 11px;
    font-weight: 700;
    line-height: 11px;
    background: #ffffff;
    color: var(--main-active-color);
    border: 2px solid var(--main-active-color);
    border-radius: 15px;
    text-align: center;
}

.compare-items-cart > .compare-items-cart-content .compare-items-cart-actions {
    padding: 0 10px;
    font-size: 12px;
    align-items: center;
}

.link {
    color: #000;
    text-decoration: underline;
    box-shadow: none;
    font-weight: normal;
    font-size: inherit;
}
.compare-items-cart > .compare-items-cart-content .btn-clear{
    color: #FF0000FF;
}




.small-compare-button.active span {
    position: absolute;
    right: -3px;
    top: -1px;
    width: 14px;
    height: 14px;
    background-color: #00ac45;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
}

.small-compare-button.active > span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url("/images/icon-check.svg") no-repeat 50%;
    background-size: contain;
    width: 10px;
    height: 6px;
}

.item-card .small-compare-button {
    border: 2px solid #dce0e1;
    height: 40px;
    width: 40px;
    margin-left: 3px;
    color:#dce0e1;
}
.item-card .active.small-compare-button{
    color:var(--main-color);
    border: 2px solid var(--main-color);
}
.item-card .small-compare-button.active > span {
    display: none;
}
.flex-table {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    /*overflow: auto;*/
    /*margin: 20px 0 0 0;*/
    font-size: 14px;
    line-height: 16px;
}
.flex-table-body .flex-table-row{
    margin-bottom:0;
}
flex-table-title{
    display: flex;
    flex-direction: row;
}
.flex-table-body{
    width: 100%;
}
.flex-table-row{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;

}
.flex-table-cell{
    width: 100%;
    flex-shrink: 1;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    border: 1px solid #dedede;
    background: #fff;
    padding: 3px 10px;
    flex-wrap: wrap;
    position: relative;
    word-wrap: break-word;
}
.flex-table-subtitle{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12px;
}
.flex-table-title,
.flex-table-subtitle{
    font-style: normal;
    font-weight: 800;
    font-size: 14px;
    line-height: 17px;
    text-align: left;
    text-transform: uppercase;
    color: #393939;
}
.flex-table-title{
    position: relative;
    /*box-shadow: 0 1px 1px #aaa;*/
    /*z-index: 1;*/
    margin-bottom: 0;
}
.flex-table-cell .cell-title,.flex-table-row .row-title {
    display: none;
}
.flex-table-cell .fieldblock>label{
    display: none;
}

.flex-table-cell .fieldblock-error{
    top: -20px;
    left: 0;
    width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.flex-table-cell .fieldblock-error:hover{
    white-space: normal;
    box-shadow: 0 0 3px #aaa;
    width: 200px;
    background: #ffffff;
    padding: 10px;
    z-index: 10;
}
.category.flex-table .flex-table-row > .flex-table-cell > a > .compare-item-image{
    display: block;
    height: 100px;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.category.flex-table .flex-table-row > .flex-table-cell  > a > .compare-item-image > img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.category.flex-table .flex-table-row > .flex-table-cell{
    vertical-align: top !important;
}
.compare-list-wrapper .section-property > .flex-table-row {
    display: none;
}
.compare-list-wrapper .section-property.expanded > .flex-table-row {
    display: flex;
}

.compare-list-wrapper .section-property.expanded .expand-button::before {
    content: "\f068";
}
.compare-list-wrapper .section-property {
    position: relative;
}
.compare-list-wrapper .section-property .expand-button {
    position: absolute;
    top:0;
    right: 5px;
}
.compare-list-wrapper .section-property .expand-button::before {

    font: var(--fa-font-solid);
    content: "\2b";
    font-size: 18px;
    color: #9da6ab;

}
#contact-form {
    width: 60%;
    margin: 20px auto;
}
#page-nav-contact {
    display: flex;
    justify-content: center;
}
#contact-page address,#contact-page ul {
    text-align: center;
}
.fieldblock-error {
    font-size: 12px;
    color: #a43540;
    position: absolute;
    right: 0;
    bottom: -1px;
}
.section-order-history {
    width: 100%;
}
.order {
    margin: 0 0 5px;
    border: 1px solid #ededed;
}
.order-info {
    display: none;
    padding: 20px 18px;

}
.order.expanded .order-info {
    display: block;
    border-top: 1px solid #ededed;

}
.order-head {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    padding: 5px 38px 5px 18px;
    cursor: pointer;
}
.order-image img{
    height: 25px;
    max-width: 25px;
}
.order-number,
.order-date,
.order-status
{
    padding: 6px 12px;
}
.order-head:before {
    font: var(--fa-font-solid);
    content: "\2b";
    font-size: 18px;
    color: #9da6ab;
    position: absolute;
    right: 10px;
    top: 12px;
}
.order.expanded .order-head:before {
    content: "\f068";
}
.status-canceled,.status-rejected {
    color:#e65a5a;
}
.status-deliverer {
    color: #23ad4a;
}
.status-confirmed {
    color: var(--main-active-color);
}
.order-info dl {
    display: block;
    width: 50%;
}
.order-info dt {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    padding: 0 10px 0 0;
    color: #999999;
}
.order-info dd {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}
.order-info .order-items {
    margin-top: 20px;
    padding: 20px 10px 0 10px;
    border-top: 1px solid #ededed;

}
.order-info .order-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 15px 0;
    flex-wrap: wrap;
}
.order-item-price,.order-item-amount {
    font-weight: 600;
}
.order-item-image {
    width: 50px;
    flex-shrink: 0;
}
.order-item-image img {
    height: 50px;
}
.order-item .currency {
    font-size: 14px;
    font-weight: 400;
}
.order-item .order-item-title {
    width: 320px;
    flex-shrink: 0;
}
.order-items .order-amount label {
    font-weight: 400;
    margin-right: 20px;
}
.order-items .order-amount {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    font-size: 18px;
    font-weight: 600;
}
.order-item-code {
    font-size: 13px;

}
.order-item-qty label {
    color: #999999;
}
.form-error-details {
    display: none;
}
ul.articles-list {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 40px 0;
}
ul.articles-list li {
    width: 49%;
}
li.article .article-date {
    display: none;
}
li.article .article-h1 {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 10px 0;

}
li.article:hover .article-h1 {
    color: var(--main-active-color);
}
li.article .article-image{
    height: 300px;
}

.article-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

li.article a {
    text-decoration: none;
}
.article-blog h1 {
    text-align: center;
}
li.article .article-content:after {
    font: var(--fa-font-solid);
    content: "\f054";
    color: var(--main-active-color);
    /*position: absolute;*/
    /*bottom: 12px;*/
    /*right: 12px;*/
    margin-left: 5px;
}
.fieldblock.payment-item {
    display: block;
}
#mobile-lang-item {
    display: none;
}