/* Fonts */

@font-face {
    font-family: "OpenSans";
    src: url("/common/fonts/Open_Sans/OpenSans-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "OpenSans";
    src: url("/common/fonts/Open_Sans/OpenSans-ExtraBold.ttf") format("truetype");
    font-style: normal;
    font-weight: bold;
}

@font-face {
    font-family: "Raleway";
    src: url("/common/fonts/Raleway/Raleway-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "Raleway";
    src: url("/common/fonts/Raleway/Raleway-SemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: "Raleway";
    src: url("/common/fonts/Raleway/Raleway-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
}


*, *: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: "Raleway";

    font-size: 14px;
    line-height: 18px;
}

body {
    min-height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    font: inherit;
    color: #252422;
}

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 #0078ac;
    border-radius: 4px;
    border: 1px solid #039ce3;
    background-image: linear-gradient(136deg, #009ee3 0%, #5d5ff4 100%);
    color: #ffffff;
    font-family: "Raleway";
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    padding: 14px 26px;
    text-decoration: none;
    text-shadow: none;
    cursor: pointer;
}

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

select {
    color: #041a40;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 21px;
    box-shadow: 0 1px 0 #c2cacc;
    border-radius: 4px;
    border: 1px solid #dce0e1;
    background-color: #ffffff;
    min-width: 300px;
}
.desktop{
    display: block !important;
}
.mobile{
    display: none !important;
}
div.smart-checkbox {
    width: 24px;
    height: 24px;
    background: url(../images/checkbox.png) center center no-repeat;
    background-size: 24px 24px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    flex-shrink: 0;
}

div.smart-checkbox.checked:after {
    content: " ";
    background: url(../images/checked-mark.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    width: 13px;
    height: 11px;
    top: 6px;
    left: 6px;
}

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

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

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

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

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

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

.title {
    color: #132541;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
}

section {
    border: 1px solid transparent;
}

section .title:first-child {
    margin: 50px 0 0 80px;
}

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

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

p {
    margin: 10px 0;
}

a, .link, .a {
    text-decoration: underline;
    color: #4a90e2;
    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;
}

ul, ol {
    list-style-position: inside;
}

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 {
    background: #ebebeb;
    color: #232323;
}

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

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

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

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;
}

.expanded > .expand-button {
    transform: rotate(90deg);
}

.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: 3px;
    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: 20px;
    border-radius: 4px 4px 0 0;
    color: #4a90e2;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    border-bottom: 2px solid transparent;
}

.layout-tab-controls > li.layout-tab-control-active {
    background-color: #f2f6fa;
    color: #132541;
    border-bottom: 2px solid #4a90e2;
}

.layout-tab-contents {
    border-radius: 0 4px 4px;
    background-color: #f2f6fa;
}

/* crumbs */
#crumbs {
    margin-bottom: 20px;

}

.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 {
    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 {
    display: block;
    padding: 15px;
}

.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: 0;
    left: -16px;
}

.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: #4a90e2;
    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 > .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:not(.fieldblock-horizontal) .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 #cccccc;
    width: 125px;
}

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

.advanced-numbers-input input {
    text-align: center;
    width: 70px;
    border: none;
    color: #212121;
    font-size: 16px;
    line-height: 16px;
    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 {
    /*margin-bottom: 20px;*/
    background: #FFFFFF;
    color: #041a40;
    padding: 15px 0;
    height: 129px;
    border-bottom: 1px solid #f0f0f0;
}

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

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

#header-search button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

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

 #header-search input {
    width: 310px;
}

#header-cart {
    font-size: 0;
}

#header-cart #cart-button {
    background: url(../images/cart-button.png) left center no-repeat;
    background-size: 45px 46px;
    width: 45px;
    height: 45px;
}

#header-cart #cart-button .qty {
    position: absolute;
    top: -14px;
    left: -14px;
    width: 30px;
    height: 30px;
    font-size: 15px;
    font-weight: 700;
    line-height: 26px;
    background: #f53f3f;
    border: 1px solid #003763;
    border-radius: 15px;
    text-align: center;
}

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

header a {
    color: #ffffff;
}

#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.png) center no-repeat;
    background-size: contain;
    font-size: 12px;
    line-height: 12px;
    margin: 3em 0 0 0;
    z-index: 1;
}

#top-logo span {
    display: none;
    /*margin-top: 40px;*/
    /*font-weight: 600;*/
    /*color: #ffffff;*/
}

#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 {

}

#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: #4a90e2;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
}
#lang-nav{
    overflow: visible;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    /*width: 100%;*/
    /*margin-bottom: -18px;*/
    position: absolute;
    top:0;
    right: 0;
    z-index: 1;
    color: #041a40;
}
#lang-nav a{
    color: #041a40;
}
#lang-nav ul{
    display: flex;
    flex-direction: row;
}
#lang-nav ul li{
    margin-left: 10px;
}
#lang-nav ul li.active{
    color: red;
    font-weight: bold;
}
/*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-close{
    display: block;
}
#catalogue-menu-mobile.active #catalogue-menu-mobile-back.visible{
    visibility: visible;
}
#catalogue-menu-mobile.active #catalogue-menu-mobile-back {
    display: block;
    visibility: hidden;
}
#catalogue-menu-mobile.active #catalogue-menu-mobile-button{
    display: none;
}
/*endregion*/

#cart-button {
    border-radius: 5px;
    justify-content: center;
    line-height: 14px;
    text-decoration: none;
    color: #fffbfc;
    position: relative;
    margin-left: 25px;
}


#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: 18px;
    font-weight: 600;
    line-height: 34px;
    color: #ffffff;
    width: 34px;
    height: 34px;
    border-radius: 17px;
    background: #27c527;
    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: #ffffff;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    background: transparent;
    border-radius: 4px;
    border: 1px solid #dce0e1;
}

#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: 90px;
    height: 252px;
    position: absolute;
    top: 0px;
    right: 110px;
}

#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: #f1f5fa;
    padding-bottom: 50px;
}

#recommended .slider {
    margin-bottom: 50px;
}

#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-totals {
    align-items: flex-start;
}

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

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

#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: 860px;
}

/**
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: 260px;
    height: 465px;
    border-radius: 4px;
    border: 1px solid #DCE0E1;

    margin-top: 25px;
    position: relative;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    padding: 25px 3px 10px 3px;
    align-items: center;
}

.catalogue-item-list.grid-view .catalogue-item-tile.catalogue-item-tile-compact {
    width: 189px;
    height: 350px;
    border-radius: 5px;
    padding: 15px 25px 20px 25px;
}

.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;
}


.catalogue-item-list.grid-view .catalogue-item-tile .catalogue-item-image {
    margin: 0 auto 20px auto;
    width: 252px;
    height: 260px;
    float: none;
    order: 1;
    text-align: center;
    /*border-left: 1px solid #dce0e1;*/
    /*border-right: 1px solid #dce0e1;*/
    border-radius: 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%;
}

.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: 260px;
    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;
}
.current-item .catalogue-item-image {
    width: 94%;
    height: 100%;
    margin-right: 0;
}
.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;
}
.current-item .catalogue-item-buy-options .catalogue-item-buy-button {
    border: 1px solid #1acc27;
    background-image: linear-gradient(135deg, #1acc27 0%, #3bbc26 100%);
    box-shadow: none;
    display: block;
    width: 100%;
    margin: 20px 26px;
}

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

.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: 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;
    right: 17px;
}


.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-family: "Raleway";
    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;
}
.catalogue-item .buy-button {
    border: 1px solid #1acc27;
    background-image: linear-gradient(135deg, #1acc27 0%, #3bbc26 100%);
    box-shadow: none;
}

.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: 100%;
    margin: 20px 26px;
}

.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: space-between;
    width: 100%;
}
.catalogue-item-actions button{
    margin: 0 !important;
}

.catalogue-item-price {
    color: #f53f3f;
    font-family: "OpenSans";
    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;
}

.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: #4a90e2;
    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.list-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: #e8eef4}
.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 {
    color: #0b0e71;
    font-size: 18px;
    text-decoration: underline;
    font-weight: bold;
    margin-bottom: 30px;
}

.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 {
    padding: 15px 20px;
    border-radius: 4px;
    background-color: #fff1d3;
    align-items: flex-start;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    min-height: 150px;
    justify-content: space-between;
}
.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%;
}

.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;*/
}

.item-card .catalogue-item-buy-button {
    box-shadow: 0 1px 0 #0a6a01;
    border-radius: 4px;
    border: 1px solid #1acc27;
    background-image: linear-gradient(135deg, #1acc27 0%, #3bbc26 100%);
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    padding: 13px 11px 13px 35px;
    position: relative;
    -margin-top: 10px;
}

.item-card .catalogue-item-buy-button:before {
    content: " ";
    position: absolute;
    left: 5px;
    top: 13px;
    width: 22px;
    height: 22px;
    background: url(../images/cart-icon.png) center center no-repeat;
    background-size: contain;
}

.item-card .call-master-button {
    display: block;
    border-radius: 4px;
    border: 1px solid #dce0e1;
    padding: 14px;
    text-align: center;
    color: #4a90e2;
    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;
}

.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: 3px;
    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: contain;
}

.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: #4a90e2;
    padding-top: 2px;
}

.item-card .catalogue-item-short-property,
.item-card-properties .catalogue-item-property {
    font-size: 14px;
    font-family: "Raleway";
    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: block;
    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: 36px;
}
.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-radius: 4px;
    padding: 17px;
    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 #4a90e2;
}

#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: #4a90e2;
}

#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);
}

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

/**
home
*/
#home-banner {
    height: 550px;
    text-align: left;
    color: #041a40;
    font-size: 39px;
    line-height: 50px;
    font-weight: 500;
    background-size: auto 100%;
}
#home-banner .banner {
    display: flex;
}
#home-banner .slider-container {
    width: 100%;
}
.banner-slider, #home-banner .slider-container-items {
    height: 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-description {
    /*height: 100%;*/
    /*min-width: 525px;*/
    /*width: 525px;*/
    z-index: 1;
    white-space: normal;
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    left: 0;
    right: 0;
}

.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: #4a90e2;
    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;
    border: none !important;
}

#filter-submit-button.active {
    display: block;
}

.catalog-filters-block {
    position: relative;
}

.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;
}

.filter-title {
    color: #0b0e71;
    font-size: 12px;
    font-weight: bold;

}

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

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

.catalog-filters-block li label {
    margin-left: 15px;
    color: #4a90e2;
    font-size: 16px;
    font-weight: 500;
}

.catalog-filters-block.expanded ul {
    display: block;
    margin-left: 14px;
}

.catalog-filters-block .expand-button {
    display: none;
    float: left;
    padding: 0;
    margin-top: 3px;
    margin-right: 6px;
    z-index: 1;
    position: absolute;
}

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

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

.catalog-filters {
    border-top: 1px solid rgb(220, 224, 225);
    margin-top: 20px;
    padding-top: 20px;
}

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

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

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


/**
footer
*/
footer {
    background: #FFFFFF;
    color: #041a40;
    padding: 40px 0;
    margin-top: 10px;
}

#bottom-logo {
    display: block;
    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 {
    color: #44749a;
    font-size: 12px;
    font-weight: 600;
    margin-left: 40px;
    line-height: 24px;
}

#footer-copyright a {
    color: inherit;
}

#footer-nav-1 {
}

#footer-nav-1 ul {
    list-style: none;
    margin: 0 0 0 130px;
    padding: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 120px;
    width: 250px;

}

#footer-nav-1 li {
    padding: 0;
    margin: 0 50px 20px 0;
}

#footer-nav-1 a {
    color: #2bbeff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
}

#footer-nav-2 {
    padding: 0 0 0 80px;
    margin-left: 130px;
    border-left: 1px solid #07477b;
}

#footer-nav-2 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 120px;
    width: 250px;

}

#footer-nav-2 li {
    padding: 0;
    margin: 0 50px 20px 0;
}

#footer-nav-2 a {
    color: #2bbeff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
}

/**
slider
*/
.slider {
    width: 100%;
    max-width: 100%;
    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 auto;
    overflow: hidden;
    padding: 0;
    transition: all 0.5s ease 0s;
    white-space: nowrap;
    width: 1004px;
    height: 400px;
    font-size: 0;
    line-height: 0;
}
.item-card .slider .slider-container {
    height: 500px;
}

.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,
.slider button.slider-control-right {
    width: 24px;
    height: 48px;
    background: url(../images/blue-arrow-left.png) center center no-repeat;
    background-size: contain;
    border: none;
    box-shadow: none;
}
.slider button.slider-control-left{
    left: 0;
}
.slider button.slider-control-right {
    background: url(../images/blue-arrow-right.png) center center no-repeat;
    background-size: contain;
    right: 0;
}

#home-banner .slider button.slider-control-left{
    left: -35px;
}
#home-banner .slider button.slider-control-right {
    right: -35px;
}


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

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

.slider .catalogue-item:first-child {
    margin-left: 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%;
    position: relative;
}
.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%;
}

.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;
}

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

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

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

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

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

#bottom-cart-details .cart-details table {
    width: 100%;
    border-collapse: collapse;
    color: #000;
}

#bottom-cart-details a {
    color: #000;
}

#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 {
    padding-bottom: 10px;
}

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

#bottom-cart-details .cart-details table tbody tr td {

    padding: 5px;
}

#bottom-cart-details .cart-details table tr td:first-child {
    padding-left: 40px;
}

#bottom-cart-details .cart-details table tr td:last-child {
    -padding-right: 40px;
}

#bottom-cart-details .cart-details table tr.total {
    font-size: 1.2em;
    font-weight: bold;
}

#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: center;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 1.2em;
}

#bottom-cart-details nav .row {
    justify-content: space-around;
}

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

#bottom-cart-details nav .button {
    display: block;
    font-size: 15px;
}

#bottom-cart-details-items .cart-item .image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#bottom-cart-details .cart-details table tr .advanced-numbers-input {
    width: 78px;
}

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

#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;
}

#bottom-cart-details .cart-delete-button {
    color: #400000;
    text-decoration: underline;
    background: none;
    text-shadow: none;
    font-size: inherit;
    text-transform: none;
    font-family: inherit;
}

.button.button-green {
    background: url(../images/green-btn-bg.png) center center no-repeat;
    background-size: auto auto;
    background-size: 100% 100%;
    border: none;
    border-radius: 3px;
    color: #ffffff;
    text-decoration: none;
}

#bottom-cart-details .button-close {
    border-radius: 3px;
}

#bottom-cart-details .clear-cart {
    color: #400000;
    text-decoration: underline;
    background: none;
    text-shadow: none;
    font-size: inherit;
    text-transform: none;
    font-family: inherit;
}

#order-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    width: 825px;
    margin: 0 auto;
}

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


#order-container #user-cart-page .table .code {
    width: 50px;
}

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

#order-container #user-cart-page .table .name {
    text-decoration: none;
    width: 346px;
}

#order-container #user-cart-page .table .qty {
    width: 29px;
    white-space: nowrap;
}

#order-container #user-cart-page .table .amount {
    color: #4a90e2;
    width: 92px;
    font-size: 18px;
    text-align: right;
    padding-right: 0 !important;
}

#order-container #user-cart-page .back-cart {
    /*position: absolute;*/
    font-size: 16px;
    /*right: 5px;*/
}

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

#order-container #user-cart-page #cart_amount {
    width: 239px;
    height: 60px;
    background-color: #fff1d3;
    padding-top: 20px;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 40px;
}

#order-container #user-cart-page #cart-totals {
    width: auto;
}

#order-container #order-details {
    width: 500px;
    margin: 0;
    padding: 0;
    overflow: visible;
}

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

#order-details #wizzard-steps > li {
    margin-left: 52px;
}

#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 input[type=text], #order-details #wizzard-steps textarea {
    width: 373px;
    height: 46px;
    border-radius: 4px;
    border: 1px solid #dce0e1;
    box-shadow: 0 1px 0 #c2cacc;
    margin-right: 25px;
}

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

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

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

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

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

#order-container #order-details #city {
    width: 771px;
}

#order-container #order-details #street {
    width: 570px;
}

#order-container #order-details #appartment {
    width: 170px;
}


#order-container #order-details #comment {
    width: 771px;
    height: 160px;
    resize: none;
}

#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: #4a90e2;
    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%;
    padding-right: 20px;
    color: #4a90e2;
}

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

.range-slider .text-range input {
    width: 80px;
    box-sizing: border-box;
    height: 46px;
    box-shadow: 0 1px 0 #c2cacc;
    border-radius: 4px;
    border: 1px solid #dce0e1;
    background-color: #ffffff;
    font-family: Raleway;
    font-size: 16px;
    font-weight: 400;
    color: #606060;
    margin-top: 10px;
}

.range-slider .text-range input {
    margin-right: 5px;
}

.range-slider .text-range input:last-child {
    margin-left: 5px;
}


.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
    background-color: #4a90e2;
}

.irs--round .irs-bar {
    top: 35px;
    height: 8px;
    background-color: #4a90e2;
}

.irs--round .irs-handle {
    border: 8px solid #4a90e2;
}

.table button {
    box-shadow: none;
}
.delivery-item,
.payment-item{
    margin: 10px 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%;
}

.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{
    width: 377px;
    height: 240px;
    padding: 0 280px 0 58px;
    font-weight: 500;
    font-size: 21px;
    line-height: 25px;
    margin-bottom: 20px;
}

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

#boiler #boiler-list >li.device.light{
    color: #041A40;
}#boiler #boiler-list > li.device.light > .button {
    color: #041A40;
    background: linear-gradient(160.1deg, #FFFFFF 1.56%, #E4E4EF 100%);
    border: 1px solid #FFFFFF;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}
#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;

}
#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%;
}
.buy-one-click-button {
    box-shadow: 1px 1px 1px  grey;
    border: 3px solid #dce0e1;
    background-image: linear-gradient(135deg, #1acc27 0%, #3bbc26 100%);
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    padding: 12px;
    position: relative;
    -margin-top: 43px;
}
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: 0 20px 0 0;
}
.filter-reset-widget li a{
    padding:0;
    margin: 0 5px 0 0;
    font-size: 0px;
    font-weight: bold;
    line-height: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 0;
    border: none;
    color: #FF5722;
    background: url(../images/cart_delete_button.png) center center no-repeat;
    background-size: 80%;
}
.filter-reset-widget li span{
    font-size: 14px;
    line-height: 16px;
}
#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;
}

#signin-block input[type='checkbox']{
    visibility: hidden;
}

.catalogue-item-buy-actions{
    display: grid;
    grid-template-columns: auto auto auto;
    column-gap: 5px;
    justify-content: stretch;
}

/*region feedback-form*/
.feedback-form-wrapper {
    position: relative;
    display: block;
    width: 100%;
    height: 445px;
    padding: 20px 0;
}

.feedback-form-wrapper.preloading:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    z-index: 10;
}

.feedback-form-wrapper.preloading:after {
    content: '';
    position: absolute;
    top: 30px;
    left: 30px;
    display: block;
    border: 3px solid #dce0e1;
    border-bottom: none;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    animation: window-preloader 1.2s linear infinite;
}

@keyframes window-preloader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/*endregion*/