/* All fonts */

@font-face {
    font-family: 'Frutiger Neue LT W1G Cn';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-CnMdIt.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-CnMdIt.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-CnMdIt.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-Italic.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-Italic.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-Light.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-Light.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G Book';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-BoldIt.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-BoldIt.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-BoldIt.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-Thin.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-Thin.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-Regular.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-Regular.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G XBlack';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-XBlack.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-XBlack.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-XBlack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G Cn XBlack';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-CnXBlk.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-CnXBlk.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-CnXBlk.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G Cn';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-CnLt.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-CnLt.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-CnLt.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G Cn';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-CnBlk.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-CnBlk.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-CnBlk.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-HeavyIt.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-HeavyIt.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-HeavyIt.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G Book';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-Bold.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-Bold.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G Cn UltLt';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-CnUltLt.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-CnUltLt.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-CnUltLt.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G Cn';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-CnItalic.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-CnItalic.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-CnItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G Cn';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-CnThinIt.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-CnThinIt.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-CnThinIt.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-LightIt.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-LightIt.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-LightIt.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G Cn';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-CnHv.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-CnHv.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-CnHv.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-BlackIt.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-BlackIt.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-BlackIt.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G Cn UltLt';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-CnUltLtIt.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-CnUltLtIt.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-CnUltLtIt.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-Heavy.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-Heavy.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G Cn';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-CnRg.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-CnRg.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-CnRg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G Cn';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-CnBlkIt.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-CnBlkIt.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-CnBlkIt.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G Cn XBlack';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-CnXBlkIt.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-CnXBlkIt.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-CnXBlkIt.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G Cn Book';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-CnBoldIt.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-CnBoldIt.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-CnBoldIt.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-Black.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-Black.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G Cn Book';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-CnBook.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-CnBook.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-CnBook.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G Cn';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-CnLtIt.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-CnLtIt.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-CnLtIt.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G UltLt';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-UltLt.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-UltLt.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-UltLt.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G XBlack';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-XBlackIt.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-XBlackIt.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-XBlackIt.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G Cn';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-CnMd.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-CnMd.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-CnMd.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G Cn Book';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-CnBold.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-CnBold.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-CnBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G Book';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-Book.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-Book.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G UltLt';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-UltLtIt.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-UltLtIt.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-UltLtIt.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-Medium.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-Medium.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-ThinIt.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-ThinIt.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-ThinIt.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G Book';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-BookIt.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-BookIt.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-BookIt.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G Cn';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-CnThin.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-CnThin.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-CnThin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G Cn Book';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-CnBookIt.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-CnBookIt.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-CnBookIt.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-MediumIt.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-MediumIt.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-MediumIt.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger Neue LT W1G Cn';
    src: url('FrutigerNeue/FrutigerNeueLTW1G-CnHvIt.woff2') format('woff2'), url('FrutigerNeue/FrutigerNeueLTW1G-CnHvIt.woff') format('woff'), url('FrutigerNeue/FrutigerNeueLTW1G-CnHvIt.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

/* body settings for Font + Color */

html,
body,
count,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
img,
small,
sub,
b,
dl,
dd,
dt,
ul,
li,
label,
article,
details,
footer,
header,
menu,
nav,
input,
select,
td,
textarea,
th {
    font-family: 'Frutiger Neue LT W1G';
    margin: 0;
    color: #111111;
}

/* --------------------------- GENERAL SETTINGS --------------------- */

/* Body settings to be fullwidth makes GlideJS on main page work properly (while not messing with scrollbars that takes width) */
/* body {
    width: 100vw;
    margin-left: -17px;
} */

/* Hides overflow of applied element */

.hide-overflow {
    overflow: hidden;
}

#basket_result {
    width: 100%;
}

.basket-empty {
    margin-top: 50px;
}

.alert {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
    border-radius: 0;
    width: 100%;
    padding: 20px 0 20px 40px;
}

.alert-success,
.alert-notice {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-error {
    background-color: #f59d9d;
    border-color: #f09d9d;
}

/* Fildeset border reset */

fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

/* Input and Select outline reset */

input:focus {
    outline: none;
}

select:focus {
    outline: none;
}

/* --------------------------- HEADER ------------------------------- */
/* Main menu nav container */
nav#main-nav {
    position: fixed;
    width: 100%;
    max-width: 100vw;
    background: #ffffff;
    z-index: 1100;
}

nav#main-nav,
nav#main-nav ul,
.menu_left_side,
.menu_right_side {
    display: flex;
    flex-flow: row wrap;
}

nav#main-nav ul {
    width: 100%;
    text-align: center;
    justify-content: space-between;
    padding: 0 100px;
    margin: 0;
    background: #ffffff;
    box-shadow: 0px 5px 10px 0 #b7b7b7;
}

@media (min-width: 992px) and (max-width: 1199px) {
    nav#main-nav ul {
        padding: 0 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    nav#main-nav ul {
        padding: 0 20px;
    }
}

@media (max-width: 767px) {
    nav#main-nav ul {
        padding: 0 20px;
    }
}

/* Main menu elems containers */
.menu_left_side,
.menu_right_side,
.menu_logo {
    flex: 3 33%;
}

/* Menu logo img settings */
.menu_logo img {
    max-width: 100%;
}

/*  */

li.main_menu_item {
    cursor: pointer;
    flex: 1 auto;
    display: flex;
    align-items: center;
}

li.main_menu_item.cart {
    position: relative;
}

/* Cart counter */
/* li.main_menu_item.cart:after {
    content: "31";
    position: absolute;
    right: -40px;
    font-weight: 500;
    font-size: 25px;
} */
#top_card {
    position: absolute;
    right: -40px;
    font-weight: 500;
    font-size: 25px;
    text-align: left;
    min-width: 30px;
}

li.main_menu_item a {
    text-decoration: none;
}

.menu_left_side li.main_menu_item {
    justify-content: flex-start;
}

.menu_right_side li.main_menu_item {
    justify-content: flex-end;
}

/* Main menu logo settings */
.menu_logo {
    max-width: 22.21%;
    flex: 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu_logo a {
    width: 100%;
    user-select: none !important;
    text-decoration: none !important;
    outline: none !important;
    -webkit-tap-highlight-color: transparent;
    background: transparent !important
}

@media (min-width: 1200px) and (max-width: 1799px) {
    .menu_logo a {
        padding-top: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .menu_logo a {
        padding-top: 14px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .menu_logo a {
        padding-top: 20px;
    }
}

@media (max-width: 767px) {
    .menu_logo a {
        padding-top: 20px;
    }
}

/* Main menu item elems */
li.main_menu_item {
    font-size: 18px;
    line-height: 20px;
    padding: 30px 0 20px 0;
    font-weight: 200;
}

@media (min-width: 992px) and (max-width: 1199px) {
    li.main_menu_item {
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    li.main_menu_item {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    li.main_menu_item {
        font-size: 14px;
    }
}


/* Main menu search container */
nav#main-nav .search {
    width: 100%;
    height: 44px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 100px;
    border-bottom: 1px solid #b7b7b7;
}

/* Main search container settings */

.search-placeholder {
    display: flex;
    height: 100%;
    align-items: center;
    min-width: 320px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .search-placeholder {
        min-width: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .search-placeholder {
        min-width: auto;
    }
}

@media (max-width: 767px) {
    .search-placeholder {
        min-width: auto;
    }
}

/* Main search container form settings */
.search-placeholder form {
    display: flex;
    align-items: center;
}

/* Main search magnifier settings */

.main_search_img {
    height: 20px;
    width: 20px;
}

.search-placeholder label {
    min-width: 40px;
    text-align: left;
    display: flex;
}

/* Main search search-box settings */

input#main_search {
    border: none;
    min-width: 280px;
    font-size: 14px;
    font-weight: 200;
}

input#main_search:focus {
    outline: none;
}

@media (min-width: 992px) and (max-width: 1199px) {
    input#main_search {
        min-width: 100px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    input#main_search {
        min-width: 100px;
    }
}

@media (max-width: 767px) {
    input#main_search {
        min-width: 100px;
    }
}


/* Main menu left side block */
.menu_left_side {
    max-width: 350px;
}

.menu_right_side {
    max-width: 350px;
}

/* --------------------------- MOBILE MENU ------------------------------- */
/* Disable phone and about pages for non-mobile devices + hamburger + account + search btn */
.menu_left_side a[href*="tel"],
.menu_left_side a[href*="/about/"],
.mobile-menu-btn,
.menu_right_side .mobile-search-btn {
    display: none;
}

@media (max-width: 1199px) {
    .menu_left_side {
        position: absolute;
        top: 70px;
        left: 0;
        width: calc(100vw - 120px);
        max-width: 100%;
        height: 100vh;
        padding: 0 60px;
        display: block;
        background: #f8f8f8;
        transition: all .5s ease-in-out;
        transform: translateY(-150vh);
        z-index: -1;
        padding-top: 55px;
    }

    .mobile-menu-btn.openned-menu~.menu_left_side {
        transform: translateY(0);
    }

    .menu_left_side li.main_menu_item {
        display: block;
        text-align: left;
        font-size: 22px;
        padding: 4vh 0;
    }

    .menu_left_side a[href*="tel"],
    .menu_left_side a[href*="/about/"],
    .mobile-menu-btn {
        display: block;
    }

    nav#main-nav {
        background: transparent;
    }

    nav#main-nav .search {
        background: #ffffff;
        z-index: -1;
    }

    .mobile-menu-btn {
        display: flex;
        flex-flow: row wrap;
        flex: 2 50%;
        text-align: center;
        max-width: 12%;
        position: relative;
        color: transparent;
        user-select: none !important;
        text-decoration: none !important;
        outline: none !important;
        -webkit-tap-highlight-color: transparent;
        background: transparent !important;
    }

    .mobile-menu-btn-line-one,
    .mobile-menu-btn-line-two {
        font-size: 30px;
        width: 30px;
        transition: all .5s ease-in-out;
        top: 35%;
        position: absolute;
    }

    .mobile-menu-btn.openned-menu .mobile-menu-btn-line-one {
        transform: translateY(-5%) rotate(45deg);
    }

    .mobile-menu-btn-line-two {
        transform: translateY(-10px);
    }

    .mobile-menu-btn.openned-menu .mobile-menu-btn-line-two {
        transform: translateY(-5%) rotate(-45deg);
    }

    .main_menu_item.account {
        display: none;
    }

    .mobile-search-btn {
        display: flex;
    }

    .mobile-search-btn img {
        width: 100%;
    }

    .search {
        transform: translateY(-44px);
        transition: all .5s ease-in-out;
    }

    .open-search {
        transform: translateY(0px) !important;
    }

    .menu_right_side li.main_menu_item:not(.account) {
        max-width: 25%;
        display: flex;
    }

    .menu_logo {
        max-width: 30%;
    }

    .menu_right_side {
        max-width: 50%;
        justify-content: space-around;
    }

    .menu_left_side,
    .menu_right_side,
    .menu_logo {
        flex: 2 50%;
    }

    .main_menu_item.registration a {
        background: url(/local/templates/cosmo/img/login.png) center/contain no-repeat;
        color: transparent;
        width: 100%;
    }

    .main_menu_item.cart {
        color: transparent;
        background: url(/local/templates/cosmo/img/shop-logo_new.png) right 60% /auto 20px no-repeat;
    }

    #top_card {
        right: 0;
        min-height: 20px;
        text-align: left;
        font-size: 18px;
        margin-right: 8px;
    }

    .menu_right_side li {
        user-select: none !important;
        text-decoration: none !important;
        outline: none !important;
        -webkit-tap-highlight-color: transparent;
    }
}

/* --------------------------- LEFT_MENU ------------------------------- */

.leftmenu {
    position: fixed;
    cursor: pointer;
    top: calc(50% - 60px);
    transform: rotate(90deg);
    left: -70px;
    width: 180px !important;
    height: 40px !important;
    z-index: 102;
    text-align: center;
    background: #DB1534;
    color: #ffffff;
    line-height: 40px;
    font-size: 24px;
    letter-spacing: 2px;
    font-weight: 200;
    border-radius: 10px 10px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
}

/* Shop btn settings */

.leftmenu__shop-text {
    color: #ffffff
}

.leftmenu:hover {
    background: #353333;
}

.menucontainer {
    position: fixed;
    max-width: 100vw;
    width: 100%;
    top: 125px;
    bottom: 0;
    padding-top: 15px;
    padding-bottom: 141px;
    transform: translateX(-100vw);
    background: #ffffff;
    z-index: 101;
    transition: all 1s ease-in-out;
    overflow-y: scroll;
}

.menucontainer.open {
    transform: translateX(0);
}

/* leftmenu big banner container */

.leftmenu_big_banner_container {
    position: absolute;
    top: 40px;
    right: 100px;
    max-width: 26.042%;
    max-height: 100%;
    z-index: 9;
    display: none;
}

.menucontainer__menuitemtitle.chosen~.leftmenu_big_banner_container {
    display: block;
}

@media (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {
    .leftmenu_big_banner_container {
        display: none;
    }

    .menucontainer__menuitem {
        min-height: 20px;
        height: 100%;
    }

    .menucontainer__submenu {
        position: relative;
        display: block;
        height: 100%;
    }

    .menucontainer__submenucolumn {
        column-count: 1;
    }

    .menucontainer__submenu.collapse {
        height: 0;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .leftmenu_big_banner_container {
        max-width: 20%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .leftmenu_big_banner_container {
        max-width: 20%;
        top: 40px;
        right: 5px;
    }
}

@media (max-width: 1199px) {
    .menucontainer {
        top: 70px;
    }
}


/* Leftmenu big banner image */

.leftmenu_big_banner_img {
    max-width: 100%;
    max-height: 100%;
}

/* Leftmenu big banner brand name */

.leftmenu_big_banner_brand_name {
    text-align: center;
    font-weight: 300;
    font-size: 30px;
    margin-top: 40px;
}

/* Leftmenu big banner btn container */

.leftmenu_big_banner_btn {
    text-align: center;
    margin-top: 44px;
}

/* Leftmenu big banner btn */

.leftmenu_big_banner_btn a {
    padding: 14px 50px;
    border: 1px solid #b7b7b7;
    border-radius: 2px;
    font-size: 18px;
    font-weight: 200;
    text-decoration: none;
}

.sub-menucontainer {
    width: auto;
    max-width: 100%;
    padding-left: 100px;
    padding-top: 0;
    padding-bottom: 0;
}

/* Left Menu container */
.menucontainer__menuitems {
    position: relative;
    /* max-width: 1144px; */
}

.menucontainer__menuitem {
    margin: 24px 0;
    height: 20px;
}

/* Settings for bestseller slider container in leftmenu elem */

.menucontainer__menuitem>.bestseller-slider-container {
    position: absolute;
    bottom: 0;
    padding: 0 250px;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 105px;
}

/* Bestseller slider left arrow */

.bestseller-slider-container:before {
    content: "\2039";
    font-size: 40px;
    height: 20px;
    width: 20px;
    color: white;
    background: rgba(68, 68, 68, .5);
    padding: 10px;
    left: 200px;
    border-radius: 50%;
    position: absolute;
    top: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 200;
}

/* Bestseller slider right arrow */

.bestseller-slider-container:after {
    content: "\203A";
    font-size: 40px;
    height: 20px;
    width: 20px;
    color: white;
    background: rgba(68, 68, 68, .5);
    padding: 10px;
    right: 200px;
    border-radius: 50%;
    position: absolute;
    top: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 200;
}

/* Bestseller slider header */

.bestseller-slider-header {
    text-align: center;
    font-size: 25px;
    font-weight: 300;
}

/* Leftmenu lab banner container */

.leftmenu-labaratory-banner {
    position: absolute;
    top: 500px;
}

/* leftmenu lab banner text settings */

.leftmenu-labaratory-banner-text {
    width: 250px;
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #b7b7b7;
    border-radius: 2px;
    font-weight: 200;
    /* Temporarily disabled elems */
    display: none;
}

/* Leftmenu lab banner inner img */
.leftmenu-labaratory-banner-text>img {
    max-width: 100%;
    max-height: 100%;
}

/* Leftmenu New products container settings */

.new-products-container {
    width: 30vw;
    max-width: 572px;
}

/* Height for image wrapper */
.new-products-container .catalog-image-wrapper {
    height: 200px;
    width: 200px;
}

@media (min-width: 1200px) and (max-width: 1799px) {
    .new-products-container {
        width: auto;
        min-width: 500px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .new-products-container {
        width: auto;
        max-width: 500px;
    }
}

/* Leftmenu New Products elems settings */

.brands-menu {
    max-width: 858px;
    width: 100%;
}

.brands-menu .menuitem__inner__container {
    width: 100%;
}

.brands-submenu-container {
    column-count: 3;
    margin-top: 0 !important;
}

.brands-menu .menucontainer__submenutitle {
    margin-top: 0;
}

.leftmenu-brands-subcontainer {
    padding-bottom: 70px;
}

/* All brands subtitles */

.brands-menu .submenu-brands-title {
    font-size: 16px;
    font-weight: 300;
    margin: 0 0 15px 0;
}

.menucontainer__menuitemtitle {
    max-width: 286px;
    font-size: 18px;
    font-weight: 200;
    letter-spacing: 1.2px;
    display: flex;
    align-items: center;
}

.catalog-link {
    user-select: none !important;
    text-decoration: none !important;
    outline: none !important;
    -webkit-tap-highlight-color: transparent;
}

.menucontainer__menuitemtitle a.menu-left-arrow {
    opacity: 0;
    line-height: 20px;
    position: absolute;
    user-select: none !important;
    text-decoration: none !important;
    outline: none !important;
    -webkit-tap-highlight-color: transparent;
    transform: translateX(-20px);
    transition: all .5s ease-in-out;
}

.menucontainer__menuitemtitle.chosen a.menu-left-arrow {
    opacity: 1;
    transform: translateX(0);
    font-size: 20px;
}

.menucontainer__menuitemtitle.chosen a {
    transform: translateX(30px);
    font-weight: bold;
    letter-spacing: .1px;
}

.menucontainer__menuitemtitle a {
    text-decoration: none;
    transition: all .5s ease-in-out;
    transform: translateX(0);
}

.menucontainer__submenu {
    position: absolute;
    left: 286px;
    top: 0;
    width: 100%;
    max-width: 858px;
    display: grid;
    grid-template-columns: 572px 286px;
    overflow: hidden;
}

@media (min-width: 1200px) and (max-width: 1799px) {
    .menucontainer__submenu {
        max-width: 700px;
        grid-template-columns: 286px 170px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .menucontainer__submenu {
        max-width: 572px;
        grid-template-columns: 286px 286px;
    }
}

@media (max-device-width: 1199px) {
    .menucontainer__menuitemtitle a.menu-left-arrow {
        height: 60px;
        width: 60px;
        line-height: 60px;
        display: flex;
        justify-content: center;
        left: -35px;
        font-size: 30px !important;
    }

    .menucontainer__menuitemtitle.chosen>a.menu-left-arrow {
        transform: rotate(90deg);
    }

    .leftmenu {
        top: 50%;
    }
}


/* For New products */
.menucontainer .menucontainer__menuitem:nth-child(1) .menucontainer__submenu:nth-child(2) {
    display: flex;
}

.menucontainer__submenu.collapse,
.bestseller-slider-container.collapse,
.leftmenu-labaratory-banner.collapse,
.check-city-pos-container.collapse,
.cart-check-cities.collapse,
.check-city.collapse,
.catalog-filter-menu-dropdown.collapse,
.product-card-dropdown-items.collapse {
    visibility: hidden;
}

.menucontainer__submenucolumn {
    margin: 0;
    column-count: 2;
    column-fill: auto;
}

@media (min-width: 1200px) and (max-width: 1799px) {
    .menucontainer__submenucolumn {
        column-count: 1;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .menucontainer__submenucolumn {
        column-count: 1;
    }
}

/* All brands submenucolumn */
.menucontainer__submenucolumn.brands-menu {
    column-count: auto;
    width: 45vw;
}

/* leftmenu inner container elems */
.menuitem__inner__container * {
    break-inside: avoid-column;
}

/* leftmenu inner container */
.menuitem__inner__container {
    break-inside: avoid-column;
    padding-bottom: 70px;
}

/* leftmenu submenucolumn brands container */

.leftmenu__submenucolumn__brands__container {
    column-count: 1;
}

/* leftmenu sumbenucolumn brands anchor */

.leftmenu__submenuitem_brands {
    margin: 10px 10px 0px 0;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    display: flex;
}

.menucontainer__submenutitle {
    display: block;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-decoration: none;
    color: #666;
}

.menucontainer__submenuitems {
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
}

.menucontainer__submenuitem {
    font-size: 14px;
    font-weight: 100;
    line-height: 1.4em;
    margin: 25px 0;
    display: block;
    color: #4f4f4f;
    text-decoration: none;
}

/* Hides scrollbar inside menu */

.noScrollBar::-webkit-scrollbar {
    display: none;
    transition: all .5s ease-in-out;
}

@media (max-width: 767px) {
    .leftmenu {
        left: -65px;
        width: 158px !important;
        height: 28px !important;
        line-height: 21px;
        font-size: 21px;
    }

    .leftmenu_big_banner_container {
        display: none !important;
    }

    .menucontainer__menuitem {
        min-height: 20px;
        height: auto;
    }

    .menucontainer__submenu {
        height: 0;
        left: 0;
        display: block;
        position: relative;
        transition: all .5s ease-in-out;
    }

    .menucontainer__submenu a {
        opacity: 0;
        transform: translateX(30px);
        transition: all .5s ease-in-out;
    }

    .menucontainer__menuitemtitle.chosen~.menucontainer__submenu {
        height: auto;
    }

    .menucontainer__menuitemtitle.chosen~.menucontainer__submenu a {
        opacity: 1;
        transform: translateX(0);
    }

    .menucontainer__submenucolumn {
        column-count: 1;
    }

    .menuitem__inner__container {
        padding: 15px 0;
    }

    .menucontainer__submenuitem {
        margin: 10px 15px;
    }

    .leftmenu__submenucolumn__brands__container {
        display: none;
    }

    .brands-submenu-container {
        column-count: 1;
    }

    .sub-menucontainer {
        overflow: hidden;
    }
}

@media (min-width: 768px) and (max-width: 1199px) and (orientation: portrait) {
    .leftmenu_big_banner_container {
        display: none !important;
    }

    .menucontainer__menuitem {
        min-height: 20px;
        height: auto;
    }

    .menucontainer__submenu {
        height: 0;
        left: 0;
        display: block;
        position: relative;
        transition: all .5s ease-in-out;
    }

    .menucontainer__submenu a {
        opacity: 0;
        transform: translateX(30px);
        transition: all .5s ease-in-out;
    }

    .menucontainer__menuitemtitle.chosen~.menucontainer__submenu {
        height: auto;
    }

    .menucontainer__menuitemtitle.chosen~.menucontainer__submenu a {
        opacity: 1;
        transform: translateX(0);
    }

    .menucontainer__submenucolumn {
        column-count: 1;
    }

    .menuitem__inner__container {
        padding: 15px 0;
    }

    .menucontainer__submenuitem {
        margin: 10px 15px;
    }

    .leftmenu__submenucolumn__brands__container {
        display: none;
    }

    .brands-submenu-container {
        column-count: 1;
    }

    .sub-menucontainer {
        overflow: hidden;
    }
}

/* --------------------------- CART (IN HEADER) ------------------------------- */

/* Main cart slider container */

.container-for-cart {
    position: fixed;
    height: calc(100vh - 125px);
    width: 100vw;
    top: 125px;
    left: 0;
    text-align: center;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    background: #ffffff;
    z-index: 102;
    transition: .8s all ease-in-out;
    transform: translateX(100vw);
    visibility: hidden;
}

/* Cart slider when oppened */

.container-for-cart.openned-list {
    transform: translateX(0);
    visibility: visible;
    overflow-y: auto;
}

/* Cart slider close btn */

.basket-close {
    cursor: pointer;
    position: absolute;
    top: 35px;
    right: 83px;
    width: 30px;
    height: 30px;
    font-size: 30px;
    font-weight: 200;
}

/* Cart slider inner container */

.inner-cart-container {
    width: 100%;
    max-height: 100%;
    max-width: 1200px;
    margin: 5% auto auto;
}

/* Cart slider header */

.cart-header {
    text-align: left;
    font-size: 40px;
    font-weight: 300;
    font-size: 46px;
}

/* Cart slider terms of delivery link*/

.terms {
    text-align: right;
}

.terms a {
    text-decoration: none;
    font-weight: 300;
}

/* Cart slider container for items */

.cart-desc-and-items-container {
    display: flex;
    flex-flow: row wrap;
}

/* Cart slider description container */

.cart-description-container {
    display: flex;
    width: 100%;
    margin-top: 5%;
}

/* Cart slider description elements */

.cart-desc-element {
    font-weight: 400;
    font-size: 14px;
}

.cart-desc-element.cart-product {
    flex: 4 2 100%;
    text-align: left;
}

.cart-desc-element.cart-price {
    flex: 4 3 100%;
}

.cart-desc-element.cart-amount {
    flex: 4 3 100%;
}

.cart-desc-element.cart-total {
    flex: 4 3 100%;
    text-align: left;
    margin-left: 5%;
}

/* Cart slider item brand name */
.cart-item-brand {
    font-size: 14px;
}

/* Cart slider item container */

.cart-item-container {
    width: 100%;
    display: flex;
    height: 150px;
    border: 2px solid rgba(183, 183, 183, .5);
    border-radius: 2px;
    margin: 10px 0;
}

/* Cart slider item image settings */

.cart-item-img {
    max-width: 150px;
}

/* Description and image container */

.cart-item-desc-and-brand {
    flex: 4 2 100%;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
}

/* Description and brand text container */

.cart-item-desc-container {
    flex: 1 100%;
    max-width: 80%;
    text-align: left;
    font-size: 14px;
    font-weight: 300;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    width: 100%;
}

/* Description text */

.cart-item-text {
    font-weight: 200;
    font-size: 18px;
    line-height: 25px;
    width: 100%;
}

/* Other elements flex width settings */

.cart-item-price {
    flex: 4 3 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 300;
    font-size: 18px;
}

.cart-item-quantity-container {
    flex: 4 3 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-item-subtotal-and-del-container {
    flex: 4 3 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5%;
}

/* Minus and Plus signs */

.cart-item-minus {
    text-decoration: none;
    font-size: 50px;
    line-height: 30px;
    font-weight: 100;
    color: rgba(68, 68, 68, .3);
}

.cart-item-plus {
    text-decoration: none;
    font-size: 30px;
    line-height: 30px;
    font-weight: 100;
    color: rgba(68, 68, 68, .3);
}

/* Quantity element */

.cart-item-quantity {
    font-weight: 300;
    font-size: 28px;
    margin: 0 20px;
}

/* Cart item subtotal price container */

.cart-item-subtotal-price-container {
    display: flex;
    flex: 1 50%;
    height: 100%;
    align-items: center;
    font-size: 18px;
}

/* Cart item subtotal price */

.cart-item-subtotal-price {
    font-weight: 300;
}

/* Cart item delete button container */

.cart-item-del-btn-container {
    display: flex;
    flex: 1 50%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

/* Cart item delete button */

.cart-item-del-btn {
    cursor: pointer;
    font-weight: 300;
    height: 100%;
    width: 100%;
    line-height: 150px;
}

/* Cart total price container */

.cart-item-total-container {
    width: calc(100% - 170px);
    text-align: right;
    margin: 20px 0 30px 0;
}

/* Cart total price */

.cart-item-total {
    font-weight: 300;
    font-size: 28px;
}

/* Cart footer container */

.cart-footer {
    display: flex;
    max-height: 300px;
    position: relative;
}

/* Cart availiability checker container */

.cart-availiability-container {
    flex: 1 30%;
    margin-bottom: 5em;
}

/* Cart btns container */

.cart-buttons-container {
    flex: 1 70%;
    display: flex;
    justify-content: flex-end;
    height: 20px;
    align-items: center;
}

/* Cart keep shopping btn */

.cart-keep-shopping {
    cursor: pointer;
    text-decoration: none;
    padding: 10px 5px;
    border: 1px solid #b7b7b7;
    font-size: 14px;
    font-weight: 300;
    margin: 0 10px;
}

.cart-keep-shopping:focus {
    outline: none;
}

/* Cart goto-checkout btn */

.cart-goto-checkout {
    text-decoration: none;
    padding: 10px 20px;
    border: 1px solid #b7b7b7;
    font-size: 14px;
    font-weight: 300;
    margin-left: 10px;
    color: white;
    background: #111111;
}

/* Cart availiability check main container */

.cart-availiability-check {
    display: flex;
    width: 270px;
}

/* Cart check availiabilty btn */

.cart-availiability-check-header {
    cursor: default;
    position: relative;
    text-decoration: none;
    padding: 10px;
    border: 1px solid #b7b7b7;
    font-size: 14px;
    font-weight: 300;
    width: 100%;
    text-align: left;
}

/* Cart check availiabilty ARROW */
.cart-availiability-check-header:before {
    content: "▾";
    position: absolute;
    height: 39px;
    top: 0;
    display: flex;
    align-items: center;
    right: 10px;
}

/* Cart check cities container */

.cart-check-cities {
    display: flex;
    flex-flow: row wrap;
    position: relative;
    width: 270px;
}

/* Cart check city elem */

.check-city {
    cursor: default;
    flex: 1 100%;
    width: auto;
    text-decoration: none;
    padding: 10px 5px;
    border: 1px solid #b7b7b7;
    font-size: 14px;
    font-weight: 300;
    display: flex;
    padding-left: 10px !important;
}

/* Cart check pos container */

.check-city-pos-container {
    position: absolute;
    left: 100%;
    height: 100%;
    width: auto;
    display: flex;
    flex-flow: column wrap;
    min-height: 234px;
    margin-bottom: 5em;
}

/* Cart pos check elem */

.pos-check {
    cursor: pointer !important;
    text-decoration: none;
    padding: 10px 5px;
    border: 1px solid #b7b7b7;
    font-size: 14px;
    font-weight: 300;
    display: flex;
    width: 250px;
    height: 17px;
}

@media (max-width: 1199px) {
    .inner-cart-container {
        padding: 0 20px;
        width: 90%;
    }

    .container-for-cart {
        height: calc(100vh - 80px);
        top: 80px;
    }

    .basket-close {
        right: 30px;
    }

    .cart-desc-element.cart-price,
    .cart-item-price {
        display: none;
    }

    .cart-item-img {
        max-width: 7vh;
    }

    .cart-item-brand {
        font-size: 10px;
    }

    .cart-item-text {
        font-size: 12px;
    }

    .cart-item-quantity {
        font-size: 18px;
        margin: 0 5px;
    }

    .cart-item-subtotal-and-del-container {
        margin: 0;
    }

    .cart-item-subtotal-price-container {
        font-size: 12px;
    }

    .terms {
        text-align: left;
    }

    .cart-item-total-container {
        width: 100%;
    }

    .cart-footer {
        flex-flow: row wrap;
    }

    .cart-availiability-container {
        order: 2;
        margin: 3em 0;
    }

    .cart-buttons-container {
        flex: 1 100%;
        height: auto;
    }

    .check-city-pos-container {
        position: relative;
        left: 10%;
        margin: 0;
    }

    .check-city-pos-container.collapse {
        display: none;
    }
}

/* --------------------------- CART MODAL ------------------------------- */

.modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 40;
    transition: opacity 0.25s ease 0s, visibility 0.35s linear;
}

.modal-overlay.state-show {
    opacity: .7;
    visibility: visible;
    transition-delay: 0s;
    transition-duration: 0.2s, 0s;
}

.modal-frame {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 50;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    text-align: center;
    visibility: hidden;
}

.modal-frame.state-appear {
    visibility: visible;
    background: rgba(255, 255, 255, .75);
}

.modal-frame.state-appear .modal-inset {
    animation: modalComeIn 0.25s ease;
    visibility: visible;
    /* to keep @ final state */
}

.modal-frame.state-appear .modal-body {
    opacity: 1;
    transform: translateY(0) scale(1, 1);
}

.modal-frame.state-leave {
    visibility: visible;
}

.modal-frame.state-leave .modal-inset {
    animation: modalHeadOut 0.35s ease 0.1s;
    visibility: visible;
}

.modal-frame.state-leave .modal-body {
    opacity: 0;
    transition-delay: 0s;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    transform: translateY(25px);
}

.modal {
    text-align: center;
    top: 150px;
    position: absolute;
    width: 60vw;
}

.modal-inset {
    position: relative;
    padding: 35px 60px;
    background-color: white;
    min-height: 126px;
    margin: auto;
    visibility: hidden;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    transform-style: preserve-3d;
}

.modal-inset .close {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 10px;
    opacity: .4;
}

.modal-inset .close:hover {
    opacity: 1;
}

.modal-body {
    margin: auto;
    opacity: 0;
    -moz-transform: translateY(0) scale(0.8, 0.8);
    -ms-transform: translateY(0) scale(0.8, 0.8);
    -webkit-transform: translateY(0) scale(0.8, 0.8);
    transform: translateY(0) scale(0.8, 0.8);
    -moz-transition-property: opacity, -moz-transform;
    -o-transition-property: opacity, -o-transform;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

/* Close modal btn */

.pos-check-modal-close {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 15px;
    width: 30px;
    height: 30px;
    font-size: 30px;
    font-weight: 200;
}

/* pos check modal main container */

.modal-pos-check-container {
    display: flex;
    flex-flow: row wrap;
}

/* pos info main container */

.pos-info-container {
    flex: 1 100%;
    display: flex;
    flex-flow: row;
    align-items: center;
}

/* pos check header */

.pos-check-modal-header {
    flex: 4 2 50%;
    text-align: left;
    font-weight: 300;
}

/* pos check address */

.pos-check-modal-address {
    flex: 4 5 50%;
    font-size: 12px;
    font-weight: 300;
}

/* pos check phone */

.pos-check-modal-phone {
    flex: 4 5 50%;
    font-size: 14px;
    font-weight: 300;
}

/* pos check working hours */

.pos-check-modal-time {
    flex: 4 5 60%;
    font-size: 12px;
    font-weight: 300;
}

/* pos check items main container */

.pos-items-container {
    display: flex;
    flex-flow: row wrap;
}

/* pos check single item container*/

.pos-check-modal-item-container {
    flex: 1 100%;
}

/* pos check img and desc container */

.pos-check-modal-img-and-desc-container {
    display: flex;
    flex-flow: row;
    align-items: center;
    height: 100px;
}

/* pos check img */

.pos-check-modal-item-img {
    max-height: 100%;
    max-width: 100%;
    width: 80px;
}

/* pos check brand and desc container */

.pos-check-modal-brand-and-desc {
    display: flex;
    flex: 4 2 100%;
}

/* pos check brand */

.pos-check-modal-brand {
    margin-right: 5px;
}

/* pos check desc */

.pos-check-modal-desc {
    font-weight: 300;
}

/* pos check price */

.pos-check-modal-price {
    font-weight: 300;
    flex: 4 3 100%;
}

/* pos check quantity */

.pos-check-modal-quantity {
    font-weight: 300;
    flex: 4 3 100%;
}

@-webkit-keyframes modalComeIn {
    0% {
        visibility: hidden;
        opacity: 0;
        -moz-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
        transform: scale(0.8, 0.8);
    }

    65.5% {
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -webkit-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }

    100% {
        visibility: visible;
        opacity: 1;
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@-moz-keyframes modalComeIn {
    0% {
        visibility: hidden;
        opacity: 0;
        -moz-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
        transform: scale(0.8, 0.8);
    }

    65.5% {
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -webkit-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }

    100% {
        visibility: visible;
        opacity: 1;
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@keyframes modalComeIn {
    0% {
        visibility: hidden;
        opacity: 0;
        -moz-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
        transform: scale(0.8, 0.8);
    }

    65.5% {
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -webkit-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }

    100% {
        visibility: visible;
        opacity: 1;
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@-webkit-keyframes modalHeadOut {
    0% {
        visibility: visible;
        opacity: 1;
        -moz-transform: translateY(0) scale(1, 1);
        -ms-transform: translateY(0) scale(1, 1);
        -webkit-transform: translateY(0) scale(1, 1);
        transform: translateY(0) scale(1, 1);
    }

    100% {
        visibility: hidden;
        opacity: 0;
        -moz-transform: translateY(35px) scale(0.97, 0.97);
        -ms-transform: translateY(35px) scale(0.97, 0.97);
        -webkit-transform: translateY(35px) scale(0.97, 0.97);
        transform: translateY(35px) scale(0.97, 0.97);
    }
}

@-moz-keyframes modalHeadOut {
    0% {
        visibility: visible;
        opacity: 1;
        -moz-transform: translateY(0) scale(1, 1);
        -ms-transform: translateY(0) scale(1, 1);
        -webkit-transform: translateY(0) scale(1, 1);
        transform: translateY(0) scale(1, 1);
    }

    100% {
        visibility: hidden;
        opacity: 0;
        -moz-transform: translateY(35px) scale(0.97, 0.97);
        -ms-transform: translateY(35px) scale(0.97, 0.97);
        -webkit-transform: translateY(35px) scale(0.97, 0.97);
        transform: translateY(35px) scale(0.97, 0.97);
    }
}

@keyframes modalHeadOut {
    0% {
        visibility: visible;
        opacity: 1;
        -moz-transform: translateY(0) scale(1, 1);
        -ms-transform: translateY(0) scale(1, 1);
        -webkit-transform: translateY(0) scale(1, 1);
        transform: translateY(0) scale(1, 1);
    }

    100% {
        visibility: hidden;
        opacity: 0;
        -moz-transform: translateY(35px) scale(0.97, 0.97);
        -ms-transform: translateY(35px) scale(0.97, 0.97);
        -webkit-transform: translateY(35px) scale(0.97, 0.97);
        transform: translateY(35px) scale(0.97, 0.97);
    }
}

@media (max-width: 1199px) {
    .modal {
        top: 20% !important;
        width: 95% !important;
    }

    .modal-inset {
        padding: 10px !important;
    }

    .pos-info-container {
        display: block !important;
    }

    .pos-check-modal-brand-and-desc {
        font-size: 12px;
        max-width: 40%;
    }

    .pos-check-modal-item-img {
        width: 14vw;
    }

    .pos-check-modal-quantity {
        font-size: 14px;
    }

    .button.check-close {
        z-index: 999;
        position: absolute;
        right: 0;
        top: 0;
    }
}

/* --------------------------- MAIN PAGE CONTENT ------------------------------- */

/* Main page container paddings */

.page-content {
    padding: 0 100px;
    padding-top: 125px;
    min-height: calc(100vh - 202px);
}

@media (min-width: 992px) and (max-width: 1199px) {
    .page-content {
        padding: 0 60px;
        padding-top: 125px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .page-content {
        padding: 0 60px;
        padding-top: 125px;
    }
}

@media (max-width: 767px) {
    .page-content {
        padding: 0 30px;
        padding-top: 125px;
    }
}

/* --------------------------- MAIN PAGE SLIDERS ------------------------------- */

/* Sliders container settings */

.slider-container {
    display: flex;
    flex-flow: row wrap;
    padding-top: 45px;
}

.slider-container .slider {
    position: relative;
    width: 25%;
}

.slider-container .slider:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.slider-container .slider .slider-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Makes slider content fit to its' parent */

.slider-content>* {
    width: 100%;
}

/* Padding for text content container */

.slider-text-content {
    padding-left: 10px;
    height: 100%;
    display: flex;
    flex-flow: row wrap;
}

/* Slider text content header settings */

.slider-text-content .slider-description-header {
    text-align: left;
    max-width: 70%;
    font-size: 1.9vw;
    font-weight: 500;
    flex: 1 100%;
    padding-top: 10px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .slider-text-content .slider-description-header {
        font-size: 26px;
        padding-top: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .slider-text-content .slider-description-header {
        font-size: 20px;
        padding-top: 0;
    }
}

@media (max-width: 767px) {
    .slider-text-content .slider-description-header {
        font-size: 20px;
        padding-top: 0;
    }
}

/* Slider text content description settings */

.slider-text-content .slider-description-text {
    text-align: left;
    font-weight: 200;
    font-size: 1.2vw;
    flex: 1 100%;
    align-self: flex-end;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .slider-text-content .slider-description-text {
        font-size: 13px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .slider-text-content .slider-description-text {
        font-size: 10px;
    }
}

@media (max-width: 767px) {
    .slider-text-content .slider-description-text {
        font-size: 10px;
    }
}

/* --------------------------- MAIN PAGE LABARATORIES ------------------------------- */

/* Main lab guides container settings */

.labaratory-guides-container {
    display: flex;
    flex-flow: row wrap;
    padding-top: 100px;
    justify-content: space-evenly;
}

/* Lab guide content container */

.labaratory-guide {
    position: relative;
    width: calc(33.3333333333% - 124px);
}

/* Makes labs guide content fit to its' parent */

.labaratory-guide-content>*,
.labaratory-guide-content img {
    width: 100%;
}

.labaratory-guide-content img {
    filter: grayscale(1);
    transition: .5s ease-in-out;
}

.labaratory-guide:before {
    content: "";
    display: block;
    padding-top: 100%;
}

/* Labs content positioning */

.labaratory-guide-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    transition: .5s ease-in-out;
}

.labaratory-guide-content:hover {
    border-radius: 50%;
}

.labaratory-guide-content:hover img {
    filter: grayscale(0);
    transform: scale(1.2) rotate(30deg);
}

/* Labs guide Header positioning */

.labaratory-guide-link-header {
    width: 100%;
    height: 20px;
    top: -30px;
    position: absolute;
    font-weight: 200;
    font-size: 16px;
}

/* --------------------------- MAIN PAGE EDITORIAL ------------------------------- */

.editorial-container {
    margin-top: 155px;
}

@media (orientation: portrait) and (min-height: 1025px) {
    .editorial-container {
        margin-top: 75px;
    }
}

/* Carousel header */

.editorial-header {
    font-weight: 200;
    font-size: 24px;
    margin-left: 95px;
}

/* Inner editorial container settings */

.editorial-carousel {
    min-height: 70vh;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

@media (orientation: portrait) and (min-height: 1025px) {
    .editorial-carousel {
        height: 30em;
    }
}

/* Centering elems vertically + size settings */

.editorial-article-header {
    text-align: center;
    align-self: flex-end;
    font-size: 4.5vw;
    font-weight: 200;
    line-height: 150px;
    max-width: 1350px;
    margin: 0;
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .editorial-article-header {
        font-size: 5vw;
        line-height: 120px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .editorial-article-header {
        font-size: 5.5vw;
        line-height: 100px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .editorial-article-header {
        font-size: 5.5vw;
        line-height: 100px;
    }
}

@media (max-width: 767px) {
    .editorial-article-header {
        font-size: 9vw !important;
        line-height: 60px;
    }

    /* Makes responsive margin for editorial container after absolute positioned slider on main page */
    .editorial-container {
        margin-top: calc(100vw * 1.5);
    }
}

.editorial-article-short-text {
    align-self: flex-start;
    flex: 1 100%;
    text-align: center;
    font-size: 36px;
    line-height: 45px;
    font-weight: 200;
    margin: 0 75px;
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .editorial-article-short-text {
        font-size: 26px;
        line-height: 40px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .editorial-article-short-text {
        font-size: 20px;
        line-height: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .editorial-article-short-text {
        font-size: 20px;
        line-height: 30px;
    }
}

@media (max-width: 767px) {
    .editorial-article-short-text {
        margin: 0 10px;
        font-size: 18px;
        line-height: 30px;
    }
}

/* readmore button settings */

.editorial-carousel a.btn {
    flex: 1 100%;
    text-align: center;
    align-self: flex-end;
    border: 1px solid #b7b7b7;
    max-width: 200px !important;
    margin: 20px 0 30px;
    margin-bottom: 30px;
    padding: 10px 70px;
    font-size: 18px;
    font-weight: 200;
    text-decoration: none;
}

@media (max-width: 1199px) {

    .editorial-header,
    .events-header {
        margin: 0 !important;
    }
}

/* --------------------------- MAIN PAGE SHOP BANNERS ------------------------------- */

.shop-banners-container {
    display: flex;
    flex-flow: row wrap;
    padding: 155px 0;
    justify-content: center;
    margin: 0 50px;
}

@media (orientation: portrait) and (min-height: 1025px) {
    .shop-banners-container {
        padding-top: 15px;
        padding-bottom: 90px;
    }
}

/* Shop banner container */
.shop-banner {
    position: relative;
    flex: 40%;
    margin: 0 45px;
    max-width: 670px;
    max-height: 670px;
}

.shop-banner:before {
    content: "";
    display: block;
    padding-top: 100%;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .shop-banner {
        margin: 45px 0;
        flex: 1 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .shop-banner {
        margin: 45px 0;
        flex: 1 100%;
    }
}

@media (max-width: 767px) {
    .shop-banner {
        margin: 45px 0;
        flex: 1 100%;
    }
}

/* Shop banner link */
a.shop-banner-link {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Shop banner header */
.shop-banner-header {
    font-weight: 200;
    font-size: 15px;
    padding-top: 15px;
    position: absolute;
}

/* Makes shop banner content fit to its' parent */

.shop-banner>*,
.shop-banner img {
    width: 100%;
}

.shop-banner img {
    height: 100%;
}

/* --------------------------- MAIN PAGE EVENTS ------------------------------- */

.events-container {
    height: calc(100vh - 90px);
    position: relative;
    width: 100vw;
    left: -100px;
}

.events-header {
    font-weight: 200;
    font-size: 24px;
    padding-bottom: 15px;
    position: relative;
    margin-left: 95px;
}

video.events-video {
    width: 100vw;
    max-width: 100%;
    height: calc(100vh - 125px);
    position: absolute;
    left: 0;
    object-fit: cover;
    z-index: -1;
}

.events-video-overlay {
    position: absolute;
    display: flex;
    align-items: flex-end;
    width: 100%;
    left: 0;
    height: calc(100vh - 125px);
}

/* Events video desc text */
.events-video-description {
    font-size: 135px;
    font-weight: 200;
    color: #ffffff;
    padding-bottom: 2%;
    padding-left: 2%;
    width: 70%;
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .events-video-description {
        font-size: 70px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .events-video-description {
        font-size: 70px;
        padding-left: 80px;
    }

    .events-container {
        left: -80px;
    }

    .events-header {
        margin-left: -80px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .events-video-description {
        font-size: 70px;
    }
}

@media (max-width: 767px) {
    .events-video-description {
        font-size: 70px;
    }
}

@media (max-width: 1023px) {
    .events-video-overlay {
        left: 100px;
        width: calc(100% - 100px);
    }

    .events-video-description {
        width: auto;
    }
}


/* --------------------------- MAIN PAGE EVENTS ON MOBILE ------------------------------- */
@media (max-width: 767px) {
    .events-container {
        height: calc(100vh - 80px);
        left: -30px;
    }

    .events-header {
        margin-left: 30px !important;
    }

    .events-video-overlay {
        left: 30px;
    }

}


/* --------------------------- MAIN PAGE SOCIAL MEDIA ------------------------------- */

.social-media-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 150px;
    min-height: calc(100vh - 202px);
}

.social-media-header {
    flex: 1 100%;
    text-align: center;
    font-size: 48px;
    font-weight: 200;
    padding-top: 107px;
    padding-bottom: 30px;
}

.social-media-banners {
    flex: 1 100%;
    display: flex;
}

.facebook-media-banner {
    position: relative;
    width: calc(33.3333333333% - 124px);
    flex: 3 auto;
    margin: 0 17.5px;
}

.facebook-media-banner:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.facebook-media-counter {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 30%;
    width: 100%;
    text-align: right;
    align-items: center;
    justify-content: flex-end;
    display: flex;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 25%, rgba(0, 0, 0, .4) 100%);
}

.facebook-media-counter span {
    color: #ffffff;
    font-size: 100px;
    line-height: 100px;
    align-self: flex-end;
}

.instagram-media-banner {
    position: relative;
    width: calc(33.3333333333% - 124px);
    flex: 3 auto;
    margin: 0 17.5px;
}

.instagram-media-banner:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.instagram-media-counter {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 30%;
    width: 100%;
    text-align: right;
    align-items: center;
    justify-content: flex-end;
    display: flex;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 25%, rgba(0, 0, 0, .4) 100%);
}

.instagram-media-counter span {
    color: #ffffff;
    font-size: 100px;
    line-height: 100px;
    align-self: flex-end;
}

.instagram-media-group-banner {
    position: relative;
    width: calc(33.3333333333% - 124px);
    flex: 3 auto;
}

.instagram-media-group-banner:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.instagram-media-group-counter {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 30%;
    width: 100%;
    text-align: right;
    align-items: center;
    justify-content: flex-end;
    display: flex;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 25%, rgba(0, 0, 0, .4) 100%);
}

.instagram-media-group-counter span {
    color: #ffffff;
    font-size: 45px;
    line-height: 45px;
    align-self: flex-end;
}

.instagram-media-group-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-flow: row wrap;
}

.instagram-media-group-element {
    position: relative;
    width: calc(50% - 35px);
    flex: 2 auto;
    margin: 0 17.5px;
}

.instagram-media-group-element:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.instagram-media-group-element:nth-child(1),
.instagram-media-group-element:nth-child(2) {
    margin-bottom: 35px;
}

.social-media-img {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

/* --------------------------- FOOTER ------------------------------- */

.footer-container {
    display: flex;
    padding: 30px 100px;
    background: #ffffff;
    position: absolute;
    left: 0;
    width: calc(100% - 200px);
}

@media (min-width: 992px) and (max-width: 1199px) {
    .footer-container {
        padding: 30px 60px;
        flex-flow: row wrap;
        width: calc(100% - 120px);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer-container {
        padding: 30px 60px;
        flex-flow: row wrap;
        width: calc(100% - 120px);
    }
}

@media (max-width: 767px) {
    .footer-container {
        padding: 30px 60px;
        flex-flow: row wrap;
        width: calc(100% - 120px);
    }
}

/* Footer elems' container inner */
.footer-list {
    display: flex;
    font-size: 14px;
    font-weight: 200;
    padding: 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .footer-list {
        flex: 1 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer-list {
        flex: 1 100%;
    }
}

@media (max-width: 767px) {
    .footer-list {
        flex: 1 100%;
    }
}

.footer-list:first-child {
    width: 22%;
    justify-content: space-between;
}

.footer-list:last-child {
    width: 70%;
    justify-content: space-between;
    margin: 0 0 0 auto;
}

/* Footer elem */
.footer-element {
    list-style-type: none;
    font-size: 16px;
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .footer-element {
        font-size: 14px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .footer-element {
        font-size: 14px;
        margin: 10px 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer-element {
        font-size: 14px;
        margin: 10px 0;
    }
}

@media (max-width: 767px) {
    .footer-element {
        font-size: 12px;
        margin: 10px 0;
    }
}


/* Footer elem anchor settings */
.footer-element a {
    text-decoration: none;
}

@media (max-width: 1199px) {
    .footer-container {
        padding: 30px 20px;
        flex-flow: row wrap;
        width: calc(100% - 40px);
    }

    .footer-list {
        flex-flow: row wrap;
    }

    .footer-element {
        font-size: 14px;
        margin: 10px 5px;
    }
}

/* --------------------------- FOOTER ON MOBILE ------------------------------- */
@media (max-width: 767px) {
    .footer-container {
        padding: 40px 0 80px 30px;
        max-width: 80%;
    }

    .footer-list:first-child {
        display: none;
    }

    .footer-list {
        height: 162px;
        align-content: space-between;
    }

    .footer-element {
        flex: 1 100%;
        font-size: 18px;
        margin: 0;
    }

    .footer-element:first-child {
        display: none;
    }
}


/* --------------------------- CATALOG PAGE ------------------------------- */

/* Catalog page main container */

.catalog-content {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 105px;
}

/* Main catalog page header */

.catalog-header {
    font-weight: 300;
    font-size: 50px;
    flex: 2 50%;
}

/* Main catalog page filter menu container */

.catalog-filter-menu {
    display: flex;
    flex-flow: row wrap;
    justify-content: left;
    margin-top: 15px;
    position: relative;
    align-content: flex-start;
}

/* Main catalog page filter menu item container */

.catalog-filter-menu-item-container {
    margin: 0 50px 30px 0;
}

/* Main catalog page filter menu item header */

.catalog-filter-menu-title {
    cursor: pointer;
    font-weight: 200;
    font-size: 16px;
    padding-bottom: 2px;
    border-bottom: 3px solid transparent;
    transition: all .2s ease-in-out
}

.catalog-filter-menu-title.active-filter {
    border-bottom: 3px solid #111111;
}

/* Main catalog page filter menu item -> dropdown container */

.catalog-filter-menu-dropdown {
    position: absolute;
    left: 0;
    right: 0;
    background: #ffffff;
    padding: 25px 0;
    border-radius: 4px;
    z-index: 9;
    width: 100%;
    max-height: calc(100vh - 450px);
    max-width: 1200px;
    margin: 0 auto;
    overflow: auto;
}

/* Main catalog page filter menu item -> dropdown elem container */

.catalog-filter-menu-dropdown-elem-container {}

/* The container */

.filter-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    margin-top: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */

.filter-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 10.25px;
    width: 10.25px;
    line-height: 17px;
    border: .5px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0px 0px 2px 1px #111111;
}

/* For checkmark in reegistration */
label.main-user-consent-request .checkmark {
    top: 15px;
    left: 30px;
}

/* On mouse-over, add a grey background color */

.filter-container:hover input~.checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */

.filter-container input:checked~.checkmark {
    background-color: #111111;
}

/* Main catalog page filter menu item -> dropdown elem input settings */

.catalog-filter-menu-dropdown-elem-container input {
    flex: 1 15%;
    margin: 15px 0;
}

/* Main catalog page filter menu item -> dropdown elem label settings */

.catalog-filter-menu-dropdown-elem-container label {
    margin: 10px 10px;
    float: left;
    width: 185px;
    height: 25px;
}

/* Sort and header container */
.sort-and-header-container {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 35px;
}

/* Sort container */
.sort-container {
    text-align: right;
    flex: 2 50%;
}

/* "Sort by" header */

.sort-by-header {
    margin-right: 2em;
    display: inline-flex;
    align-items: center;
    font-weight: 300;
}

/* Sorting btns */

.sort-element {
    margin: 0 0 0 1.8em;
    border: none;
    cursor: pointer;
    font-size: 14px;
    line-height: 14px;
    padding: 0;
    padding-bottom: 6px;
    background: transparent;
    border-bottom: 3px solid transparent;
    transition: all .2s ease-in-out
}

.sort-element:focus {
    outline: none;
}

.sort-element.current,
.sort-element:hover {
    border-bottom: 3px solid #111111;
}

/* Container for catalog elems */

.catalog-content .catalog-elements-container {
    display: flex;
    flex-flow: row wrap;
}

/* In leftmenu (new products) */
.new-products-container .catalog-elements-container {
    column-count: 2;
}

/* Single catalog element container */

.catalog-elem-container {
    position: relative;
    flex: 4 20%;
    margin: 20px 8px;
    max-width: 286px;
    overflow: hidden;
}

/* Singla catalog element container for new products */
.new-products-container .catalog-elem-container {
    margin: 0 8px;
    margin-bottom: 20px;
    height: 330px;
}

/* Single catalog elem image */

.catalog-elem-img {
    max-width: 100%;
    max-height: 100%;
}

/* For catalog page */
.catalog-content .catalog-elem-img {
    max-height: 250px;
    min-height: 244px;
}

/* for no-image
.catalog-elem-img[src="/images/no-image.png"] {
    min-height: 239px;
} */

/* Catalog elem brand name */

.catalog-brand-name {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    margin-left: 20px;
}


.catalog-brand-name a {
    text-decoration: none;
}

/* Catalog elem price */

.catalog-element-price {
    position: relative;
    float: right;
    font-size: 16px;
    font-weight: 200;
    margin-right: 20px;
}

/* Catalog elem description */

.catalog-element-description {
    margin: 0 20px;
    line-height: 22px;
    font-size: 16px;
    font-weight: 200;
}

/* Catalog page pagination container */
.bx-pagination-container.row {
    text-align: left;
    margin-top: 60px;
    margin-bottom: 250px;
    margin-left: 28px;
}

/* Catalog page disabling "prev"/"next" btns */
li.bx-pag-prev,
li.bx-pag-next {
    display: none !important;
}

/* Catalog page pagination btn */
.bx-pagination-container.row a,
.bx-pagination-container.row .bx-active,
.bx-pagination-container.row span {
    text-align: center;
    font-size: 15px !important;
    height: 30px !important;
    width: 30px;
    padding: 0 !important;
    background: transparent !important;
}

/* Catalog page pagination active btn */
.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span {
    background: #111111 !important;
    border-radius: 0;
}

/* Catalog page pagination last countable btn */
.last-page-num {
    position: relative;
    margin-left: 15px !important;
}

/* Catalog page pagination last countable btn DOTS */
.last-page-num:before {
    content: '...';
    position: absolute;
    bottom: 3px;
    left: -15px;
}

@media (max-width: 767px) {
    .sort-and-header-container {
        display: block;
    }

    .sort-by {
        margin: 14px 40px;
    }

    #kombox-filter {
        margin: 0 30px;
    }

    .catalog-filter-menu {
        flex-flow: row wrap;
    }

    .catalog-filter-menu-dropdown {
        left: 10px;
    }

    .catalog-elem-container {
        flex: 1 100% !important;
        max-width: 100% !important;
        margin: 50px 20px;
    }

    .catalog-brand-name {
        width: 100%;
    }

    .catalog-element-price {
        width: 100%;
        text-align: right;
    }

    .catalog-header {
        margin: 0 40px;
        font-size: 40px;
    }

    .catalog-filter-menu-item-container {
        min-height: 60px;
        margin: 0 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {
    .sort-and-header-container {
        display: block;
    }

    .sort-by {
        margin: 0 30px;
    }

    #kombox-filter {
        margin: 0 30px;
    }

    .catalog-filter-menu {
        flex-flow: row wrap;
    }

    .catalog-filter-menu-dropdown {
        left: 10px;
    }

    .catalog-brand-name {
        width: 100%;
    }

    .catalog-element-price {
        width: 100%;
        text-align: right;
    }

    .catalog-header {
        margin: 0 30px;
        font-size: 40px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) and (orientation: landscape) {

    /* To center elements of catalog     */
    .catalog-content .catalog-elements-container {
        padding: 0 60px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .catalog-elem-container {
        flex: 3 30%;
    }

    /* Catalog filters on tablets */
    .sort-and-header-container,
    .kombox-filter {
        padding: 0 60px;
    }
}

/* -------------------------- CATALOG ELEM IMG HOVER --------------------------- */

/* Main img container to stay everything inside itself */

.catalog-image-wrapper {
    position: relative;
    overflow: hidden;
    margin: 0 20px;
    max-height: 250px;
    text-align: center;
}

/* Img normal state */

.catalog-elem-img {
    transform: scale(1, 1);
    transition: transform 0.2s ease;
}

/* Img hover state */

.catalog-image-wrapper:hover .catalog-elem-img {
    transform: scale(1.15, 1.15);
}

/* Main container */

.catalog-more-and-buy-container {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.58);
    transition: opacity 0.2s ease;
}

/* and on hover */

.catalog-image-wrapper:hover .catalog-more-and-buy-container {
    opacity: 1;
}

/* Subcontainer */

.catalog-more-and-buy-subcontainer {
    height: 100%;
}

/* Subsubcontainer */

.catalog-more-and-buy-links-container {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    flex-flow: column;
    justify-content: center;
}

/* Buttons settings */

.catalog-more-and-buy-btn,
.catalog-more-and-buy-choose-volume {
    cursor: pointer;
    text-decoration: none;
    border: solid 1px #b7b7b7;
    box-shadow: 0px 0px 0.5px 0 transparent;
    font-size: 16px;
    line-height: 16px;
    color: #ffffff;
    text-align: center;
    width: 159px;
    margin: 0 auto;
    position: relative;
    background: transparent;
    padding: 15px 0;
    transition: all .2s ease-in-out;
}

#add-to-cart-button {
    margin-top: 20px;
}

/* Buttons on hover */

.catalog-more-and-buy-btn:hover,
.catalog-more-and-buy-choose-volume:hover {
    box-shadow: 0px 0px 2px 2px #ffffff;
}

/* ----------------------------------------------------- SINGLE BRAND PAGE ------------------------------------------------------ */

/* Main container of single brand info block */

.single-brand-container {
    display: flex;
    flex-flow: row wrap;
}

/* Single brand page breadcrumbs container */

.single-brand-breadcrumbs {
    display: flex;
    margin: 20px 0;
    flex: 1 100%;
}

/* Breadcrumbs elems settings */

.single-brand-breadcrumbs-elem,
.single-brand-breadcrumbs-elem>a {
    cursor: pointer;
    margin-right: 50px;
    font-size: 14px;
    font-weight: 300;
    position: relative;
    text-decoration: none;
}

.single-brand-breadcrumbs-elem>a {
    margin-right: 0px;
}

/* Breadcrumbs arrows starting with 2nd element */

.single-brand-breadcrumbs-elem:not(:first-child):before {
    content: "\203A";
    font-size: 40px;
    position: absolute;
    top: -16px;
    left: -30px;
    color: #111111
}

/* Current breadcrumbs element (highlighted) */

.single-brand-breadcrumbs-elem.current {
    color: #4DB9ED;
}

/* Single brand main container for imgs and text*/

.single-brand-imgs-and-desc-container {
    display: flex;
    flex-flow: row nowrap;
    max-height: 430px;
}

/* Single brand intro img */

.single-brand-img-container {
    flex: 50%;
}

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

/* Single brand logo img */

.single-brand-logo-container {
    flex: 50%;
    margin: 0 10px;
}

.single-brand-logo {
    max-width: 100%;
    max-height: 100%;
}

/* Single brand description text */

.single-brand-description {
    font-size: 16px;
    font-weight: 200;
    flex: 100%;
}

/* Settings for inside elems of description */

.single-brand-description>* {
    text-indent: 1.5em;
    margin-bottom: 10px;
    text-align: justify;
}

@media (max-width: 767px) {
    .single-brand-imgs-and-desc-container {
        flex-flow: row wrap;
        max-height: 100%;
    }
}

/* ----------------------------------------------------- PRODUCT CARD PAGE ------------------------------------------------------ */

/* Main page container */

.page-content.product-card-content {
    padding: 0 0px;
    padding-top: 125px;
}

/* Product card desc container position for dropdowns */
.product-card-description-container .product-card-dropdown-container {
    position: relative;
}

/* Main inner container */

.product-card-page-container {
    display: flex;
    flex-flow: row wrap;
}

/* Img slider container */

.product-card-img-slider-container {
    width: 50%;
    height: calc(100vh - 125px);
    display: flex;
    align-items: center;
}

/* Glide container positioning */

.product-card-img-slider-container>.glide {
    width: 50%;
    position: fixed;
}

/* Description container */

.product-card-description-container {
    max-width: 50%;
    display: flex;
    flex-flow: row wrap;
    margin-top: 50px;
}

/* Glide slider img */

.slider-img,
.glide__slide img {
    max-width: 100%;
    max-height: 100%;
}

/* Glide slider ul settings */
ul.glide__slides {
    height: calc(100vh - 270px);
}

ul.glide__slides.main-page-carousel {
    height: auto;
}

/* Modification for Glide slider centering */

.glide__slide {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Glide slider img size */
/* DISABLED TEMPORARY */
/* .glide__slide > img {
    width: 100%;
} */

/* Glide slider arrows positioning */

.glide__arrows {
    position: absolute;
    top: 50%;
    width: 100%;
    font-size: 40px;
}

a.glide__arrow.glide__arrow--left {
    cursor: pointer;
    position: absolute;
    left: 80px;
}

a.glide__arrow.glide__arrow--right {
    cursor: pointer;
    position: absolute;
    right: 80px;
}

/* Product card page brand name container */

.product-card-brand-container {
    flex: 1 20%;
}

/* Product card page brand name */

.product-card-brand-name {
    font-weight: 200;
    font-size: 16px;
}

/* Categories container */

.product-card-categories-container {
    flex: 1 50%;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    min-height: 100px;
    max-width: 500px;
}

/* Categories elems */

.product-card-category-name {
    flex: auto;
    margin: 0 15px 30px 0;
    font-weight: 300;
    text-decoration: underline;
}

/* Product name container */

.product-card-product-name-container {
    flex: 1 100%;
}

/* Product name */

.product-card-product-name {
    font-weight: 300;
}

/* Product type container */

.product-card-product-type-container {
    flex: 1 100%;
    margin: 10px 0;
}

/* Product type */

.product-card-product-type {
    font-weight: 300;
}

/* SKU container */

.product-card-sku-container {
    flex: 1 100%;
    margin: 10px 0;
}

/* SKU */

.product-card-sku {
    font-weight: 300;
}

/* Volume and amount container */

.product-card-volume-and-amount-container {
    display: flex;
    flex-flow: row wrap;
    flex: 1 100%;
}

/* Dropdown button container */

.product-card-dropdown-button-container {
    display: flex;
    width: 350px;
    border: 1px solid #b7b7b7;
}

.product-card-dropdown-button-container.small {
    width: auto;
}

/* Dropdown button container ARROW */
.product-card-dropdown-button-container:before,
.product-card-dropdown-store-container:before {
    content: "▾";
    position: absolute;
    height: 39px;
    top: 0;
    display: flex;
    align-items: center;
    right: 10px;
}

/* Product card dropdown button */

.product-card-dropdown-button {
    cursor: pointer;
    text-decoration: none;
    padding: 10px;
    font-size: 14px;
    font-weight: 300;
    width: 100%;
    text-align: left;
}

.product-card-dropdown-button.small {
    width: 60px;
}

.product-card-dropdown-button.decor {
    position: relative;
    padding-left: 50px;
}

/* Button for Decor */
/* Deprecated */
.product-card-dropdown-button.decor:before {
    /* content: "";
    width: 38px;
    height: 38px;
    background: #B54D4E;
    position: absolute;
    top: 0;
    left: 0; */
}

.shade-color-img {
    height: 34px;
    width: 34px;
    position: absolute;
    top: 1px;
    left: 1px;
}

/* Round button of swatch */
.product-card-options-button.decor .shade-color-img {
    height: 10px;
    width: 10px;
    position: relative;
    transform: scale(10);
}

/* Amount container */

.product-card-amount-container {
    margin-left: 30px;
}

/* if amount container is the only */
.product-card-volume-and-amount-container>.product-card-amount-container:only-child {
    margin-left: 380px;
}

/* Product-card dropdown items FOR SINGLE CARD */
.product-card-description-container .product-card-dropdown-items {
    position: absolute;
    width: 100%;
    background: #ffffff;
    z-index: 9;
}

/* Product card dropdown items FOR FILTERS*/

div[class*="filter"] .product-card-dropdown-items {
    position: absolute;
    top: 38px;
    left: -20px;
    right: 0;
    background: #ffffff;
    padding: 25px 0;
    border-radius: 4px;
    z-index: 9;
    width: calc(100vw - 60px);
    ;
    max-height: calc(100vh - 450px);
    max-width: 1200px;
    margin: 0 auto;
    overflow: auto;
}

.product-card-dropdown-items.small {
    width: 82px;
}

/* Product card dropdown item */

.product-card-dropdown-item {
    cursor: pointer;
    flex: 1 100%;
    width: auto;
    text-decoration: none;
    padding: 10px 5px;
    font-size: 14px;
    font-weight: 300;
    display: flex;
    padding-left: 10px;
    border: .1px solid #b7b7b7;
}

/* For Decor */

.product-card-dropdown-item.decor {
    position: relative;
    padding-left: 50px;
}

/* Product card dropdown container availiability checker */
.product-card-availiability-dropdown-container .product-card-dropdown-items {
    border: 1px solid #b7b7b7;
    margin-left: -1px;
}

/* Product card dropdown item availiaility checker */
.product-card-availiability-dropdown-container .product-card-dropdown-item {
    border: 0px solid transparent;
    cursor: default;
}

/* Product card dropdown button availiaility checker */
.product-card-availiability-dropdown-container .product-card-dropdown-button {
    cursor: default;
}

/* Options container */

.product-card-options-container {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    width: auto;
    margin: 10px 0;
    position: relative;
}

/* Options button */

.product-card-options-button {
    padding: 20px;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    display: flex;
    justify-content: center;
    text-decoration: none;
    font-size: 20px;
    line-height: 20px;
    font-weight: 300;
    margin-right: 20px;
    border: 1px solid #b7b7b7;
}

.product-card-options-button.decor {
    background: transparent;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #b7b7b7;
}

.product-card-options-button.current {
    background: #b7b7b7;
}

.product-card-options-dimension {
    font-weight: 300;
}

/* Price container */

.product-card-price-container {
    display: flex;
    flex: 1 100%;
    margin-top: 30px;
}

/* Price */

.product-card-price {
    font-weight: 300;
}

/* Add to cart button container */

.product-card-add-to-cart-btn-container {
    flex: 1 100%;
    margin-top: 10px;
    min-height: 50px;
    display: flex;
    align-items: center;
}

/* Add to cart button block */

.blk-add-to-card-btn {
    display: flex;
    align-items: center;
}

.blk-add-to-card-btn-hidden {
    display: none;
}

/* Add to cart button */

.product-card-add-to-card-btn,
.product-card-no-product-btn {
    width: 350px;
    padding: 15px 0;
    background: #111111;
    color: #ffffff;
    text-decoration: none;
    font-weight: 300;
    text-align: center;
}

/* If no product is availiable */

.product-card-no-product {
    margin-left: 45px;
    font-weight: 300;
    font-size: 18px;
    color: red;
    padding: 15px 0;
}

/* Add to favorites container */

.product-card-add-to-favorites-container {
    display: flex;
    flex: 1 100%;
    margin-top: 20px;
}

/* Heart icon */

.product-card-add-to-favorite-heart {
    margin: 0 5px;
    display: flex;
}

/* Add to favorites text */

.product-card-add-to-favorite-text {
    margin-left: 20px;
    font-weight: 300;
    line-height: 18px;
    display: flex;
}

/* Availiability header container */

.product-card-availiability-header-container {
    display: flex;
    flex: 1 100%;
    margin-top: 20px;
}

/* Availiability header */

.product-card-availiability-header {
    font-weight: 300;
}

/* Availiability dropdown */
.product-card-availiability-dropdown-container {
    border: 1px solid #b7b7b7;
    width: 350px;
}

/* Product description container */

.product-card-product-description {
    flex: 1 100%;
    margin-top: 60px;
    display: flex;
    flex-flow: row wrap;
}

/* Product description header */

.product-card-product-description-header {
    font-weight: 500;
    margin-bottom: 30px;
    flex: 1 100%;
}

/* Product description text */

.product-card-product-description-text {
    font-weight: 300;
    max-width: 90%;
    flex: 1 100%;
}

/* Product usage description container */

.product-card-product-usage-description {
    flex: 1 100%;
    margin-top: 60px;
    display: flex;
    flex-flow: row wrap;
}

/* Product usage description header */

.product-card-product-usage-description-header {
    font-weight: 500;
    margin-bottom: 30px;
    flex: 1 100%;
}

/* Product usage description text */

.product-card-product-usage-description-text {
    font-weight: 300;
    max-width: 90%;
    flex: 1 100%;
}

/* Product ingredients description container */

.product-card-product-ingredients-description {
    flex: 1 100%;
    margin-top: 60px;
    display: flex;
    flex-flow: row wrap;
}

/* Product ingredients description header */

.product-card-product-ingredients-description-header {
    font-weight: 500;
    margin-bottom: 30px;
    flex: 1 100%;
}

/* Product ingredients description text */

.product-card-product-ingredients-description-text {
    font-weight: 300;
    max-width: 90%;
    flex: 1 100%;
}

/* Product ingredients description items */

.product-card-product-ingredients {
    font-weight: 300;
    margin: 5px 0;
}

/* Product notes container */

.product-card-notes-container {
    flex: 1 100%;
    display: flex;
    justify-content: space-between;
    max-width: 70%;
    margin-top: 50px;
}

/* Notes list */

.product-card-notes-list {
    list-style-type: none;
    padding-left: 0;
    margin-top: 30px;
}

/* Notes item */

.product-card-notes-item {
    font-weight: 300;
}

/* Product care container */

.product-card-care-container {
    flex: 1 100%;
    display: flex;
    justify-content: space-between;
    max-width: 70%;
    margin-top: 50px;
}

/* care list */

.product-card-care-list {
    list-style-type: none;
    padding-left: 0;
    margin-top: 30px;
}

/* care item */

.product-card-care-item {
    font-weight: 300;
    max-width: 200px;
}

/* Product materials container */

.product-card-materials-container {
    flex: 2 10%;
    display: flex;
    justify-content: space-between;
    max-width: 70%;
    margin-top: 50px;
}

/* Materials list */

.product-card-material-list {
    list-style-type: none;
    padding-left: 0;
    margin-top: 30px;
}

/* Material item */

.product-card-material-item {
    font-weight: 300;
    max-width: 200px;
}

/* Product materials_seta_denticles container */

.product-card-materials_seta_denticles-container {
    flex: 2 50%;
    display: flex;
    justify-content: space-between;
    max-width: 70%;
    margin-top: 50px;
}

/* materials_seta_denticles list */

.product-card-materials_seta_denticles-list {
    list-style-type: none;
    padding-left: 0;
    margin-top: 30px;
}

/* materials_seta_denticles item */

.product-card-materials_seta_denticles-item {
    font-weight: 300;
    max-width: 200px;
}

/* Brand description container */

.product-card-brand-description-container {
    flex: 1 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    max-width: 90%;
    margin-top: 125px;
}

/* Brand description img container */

.product-card-brand-desc-img-container {
    flex: 1 30%;
}

/* Brand description img */

.product-card-brand-logo {
    max-width: 90%;
    max-height: 90%;
}

/* Brand description text container */

.product-card-brand-description {
    flex: 1 70%;
    font-weight: 200;
}

/* Subscribe for product main container */
#CatalogSubscribe_subscribe-to-product {
    width: 740px;
    height: 380px;
    left: 0 !important;
    right: 0;
    margin: 0 auto;
}

/* Subscribe for product header container */
.popup-window-titlebar {
    text-align: center;
    margin-top: 55px;
}

/* Subscribe for product header */
.popup-window-titlebar-text {
    font-size: 46px;
    color: #111111;
    font-weight: 300;
}

/* Subscribe for product CLOSE btn */
.popup-window-titlebar-close-icon {
    height: 40px;
    width: 40px;
    top: 20px;
    right: 20px;
    opacity: 1;
}

.popup-window-close-icon:after {
    width: 30px;
    height: 30px;
    filter: invert(100%);
}

/* Subscribe product e-mail field */
#popup-window-content-CatalogSubscribe_subscribe-to-product {
    max-width: 60%;
    margin: 50px auto;
}

input#userContact {
    background: transparent;
    font-size: 16px;
    padding: 18px;
    height: 50px;
    font-weight: 300;
}

/* Subscribe product send btn */
.popup-window-buttons {
    border: 1px solid transparent;
    background: #111111;
    cursor: pointer;
    padding: 10px 20px;
    font-size: 14px;
    letter-spacing: 1.3px;
    width: 120px;
    font-weight: 200;
    max-height: 39px;
    bottom: 20px;
    right: 20px;
    position: absolute;
}

.popup-window-buttons>.btn>span {
    color: #ffffff;
}

/* Subscribe product on send popup container */
.bx-catalog-popup-content {
    width: 100%;
    max-width: 100%;
}

/* Subscribe product on send text */
.bx-catalog-popup-message {
    font-size: 25px;
    font-weight: 300;
}

/* ----------------------------- PRODUCT CARD MOBILE STYLES ------------------------------- */
@media (max-width: 1023px) {
    .main-page-carousel .slider-container .slider {
        width: 33.3333333333%;
    }

    .main-page-carousel .slider-container {
        padding: 0;
    }

    .main-page-carousel .slider-container .slider:last-child {
        width: 100%;
        margin-left: 40px;
    }
}

@media (max-width: 1023px) and (orientation: landscape) {
    .main-page-carousel .slider-container .slider:last-child {
        width: 50%;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #options-per-view {
        width: 100%;
        left: -5px;
        top: 20%;
    }
}

@media (max-width: 767px) {

    /* Product page container top padding */
    .page-content.product-card-content {
        padding-top: 70px;
    }

    /* Container with cats not displayed on mob */
    .product-card-categories-container {
        display: none;
    }

    /* Makes slider be on top + static */
    #options-per-view {
        position: absolute;
        width: 100%;
        /* For all sliders (incl on home page) */
        top: 70px;
        left: 0px;
    }

    /* For product card slider */
    .product-card-img-slider-container #options-per-view {
        top: 0;
    }

    /* Slider container styles on mob */
    .product-card-img-slider-container {
        flex: 1 100%;
        height: 56.25vh;
        width: 100%;
        position: relative;
    }

    /* Height for inner container */
    ul.glide__slides {
        height: 56.25vh;
    }

    /* Image height */
    .slider-img,
    .glide__slide img {
        max-width: 100%;
        max-height: 100%;
        height: 56.25vh;
    }

    /* Slider arrows on mob */
    a.glide__arrow.glide__arrow--left {
        left: 40px;
    }

    a.glide__arrow.glide__arrow--right {
        right: 40px;
    }

    /* Description container on mob */
    .product-card-description-container {
        max-width: 100%;
        width: calc(100% - 60px);
        margin: 0 auto;
    }

    /* Hides additional amount choice container + brand desc container*/
    .product-card-volume-and-amount-container {
        display: none;
    }

    .product-card-brand-description-container {
        display: none;
    }

    /* Favourite btn */
    .product-card-add-to-favorites-container {
        position: absolute;
        top: 120px;
        right: 40px;
        margin: 0;
    }

    a.product-card-add-to-favorite-heart {
        margin: 0;
    }

    .product-card-add-to-favorite-text {
        display: none;
    }

    /* Description container items' order and styles */
    .product-card-options-container {
        order: 1;
        width: 100%;
        margin: 0;
        align-items: flex-end;
        top: -2.5vh;
    }

    /* Buttons size for product options */
    .product-card-options-button {
        margin-right: 17px;
        font-size: 12px;
        line-height: 18px;
        padding: 14px 6.5px;
        width: 30px;
    }

    .product-card-options-dimension {
        padding: 14px 0;
    }

    .product-card-add-to-cart-btn-container {
        order: 2;
        height: 12vh;
        margin: 0;
        align-items: start;
    }

    /* If "no product is availiable" text to be on left */
    .product-card-no-product {
        order: 1;
        margin: 0;
        flex: 2 30%;
    }

    /* Add to cart inner container */
    .blk-add-to-card-btn {
        width: 100%;
    }

    /* Add to cart btn styles + if "no product is availiable" subscribe btn on right */
    .product-card-add-to-card-btn,
    .product-card-no-product-btn {
        width: 100%;
        padding: 11.5px 12px;
        order: 2;
        flex: 2 50%;
    }

    .product-card-brand-container {
        order: 3;
        margin-top: 38px;
        margin-bottom: 18px;
    }

    .product-card-brand-name {
        font-size: 18px;
        text-transform: uppercase;
    }

    .product-card-product-name-container {
        order: 4;
        margin-bottom: 30px;
        font-size: 18px;
    }

    .product-card-product-type-container {
        order: 5;
        margin-bottom: 0;
    }

    .product-card-sku-container {
        order: 6;
        flex: 2 50%;
        margin: 0;
        align-self: flex-end;
    }

    .product-card-price-container {
        order: 7;
        flex: 2 50%;
        display: flex;
        flex-flow: row wrap;
        margin: 0;
        text-align: right;
    }

    .product-card-price {
        line-height: 25px;
        width: 100%;
    }

    .product-card-availiability-header-container {
        order: 8;
        margin-top: 36px;
    }

    .product-card-availiability-dropdown-container {
        order: 9;
        width: 100%;
    }

    /* Makes dropdown field responsive */
    .product-card-dropdown-button-container {
        width: 100%;
    }

    .product-card-product-description {
        order: 10;
        margin-top: 37px;
    }

    .product-card-product-description-text {
        max-width: 100%;
        font-size: 18px;
    }

    .product-card-notes-container,
    .product-card-care-container {
        order: 11;
        max-width: 100%;
        margin-top: 41px;
        flex-flow: row wrap;
    }

    .product-card-single-notes-list-container,
    .product-card-single-care-list-container {
        flex: 1 100%;
    }

    .product-card-single-notes-list-header,
    .product-card-single-care-list-header {
        font-size: 18px;
    }

    .product-card-notes-list,
    .product-card-care-list {
        display: flex;
        flex-flow: row wrap;
        margin-top: 5px;
        margin-bottom: 32px;
    }

    .product-card-notes-item,
    .product-card-care-item {
        font-size: 18px;
        flex: 1 100%;
        max-width: 100%;
        margin: 5px 0;
    }

    /* Commas for notes items */
    .product-card-notes-item:after,
    .product-card-care-item:after {
        content: ", ";
        margin-right: .5em;
    }

    .product-card-notes-item:last-child:after,
    .product-card-care-item:last-child:after {
        content: "";
    }

    .product-card-product-usage-description {
        order: 12;
        margin-top: 31px;
    }

    .product-card-product-usage-description-text {
        font-size: 18px;
        max-width: 100%;
    }

    .product-card-product-ingredients-description {
        order: 13;
        margin-top: 31px;
    }

    .product-card-product-ingredients {
        font-size: 18px;
    }

}

/* ----------------------------------------------------- ALL BRANDS PAGE ------------------------------------------------------ */

/* All brands main container */

.all-brands-page-container {
    display: flex;
    flex-flow: row wrap;
}

/* All brands page header container */

.all-brands-page-header-container {
    flex: 1 100%;
    display: flex;
    flex-flow: row wrap;
    margin-top: 100px;
    position: relative;
    max-width: 100%;
}

/* All brands header */

.all-brands-page-header {
    display: flex;
    position: absolute;
    font-weight: 400;
    font-size: 50px;
}

/* All brands filter container */

.all-brands-page-filter-container {
    width: 100%;
    display: flex;
    justify-content: center;
    min-height: 150px;
    margin-left: 20px;
}

/* All brands filter item width reset */

.all-brands-page-filter-container .product-card-dropdown-button-container {
    width: auto;
    position: relative;
}

.all-brands-page-filter-a-z .product-card-dropdown-button-container:before {
    content: none;
}

/* All brands filter margins */

.all-brands-page-filter-container>div {
    margin: 0 10px;
}

/* All brands filter paddings */

.all-brands-page-filter-container .product-card-dropdown-button {
    padding: 10px 25px;
}

/* Makes dropdown be upper than logo container */

.all-brands-page-filter-container .product-card-dropdown-container {
    height: auto;
    z-index: 99;
}

/* All brands logos container */

.all-brands-page-logos-container {
    display: flex;
    flex-flow: row wrap;
}

/* All brands single logo container */

.all-brands-page-logo-container {
    cursor: pointer;
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 300px;
    position: relative;
    transition: all .4s ease-in-out;
    width: 20%;
}

/* ALl brands logo img */

.all-brands-page-logo {
    width: 50%;
}

.all-brands-page-logo-container:hover {
    transform: scale(1.5);
}

/* All brands logo link */

.all-brands-page-logo-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

@media (max-width: 767px) and (orientation: portrait) {
    .all-brands-page-header {
        position: relative;
        margin-bottom: 20px;
    }

    .all-brands-page-filter-container {
        margin: 0;
    }

    #brand_sort_title {
        width: 25px;
        text-align: center;
    }

    .all-brands-page-logo-container {
        width: 50%;
    }

    .all-brands-page-logo {
        max-width: 70%;
    }
}

@media (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {
    .all-brands-page-header-container {
        margin-top: 20px;
    }

    .all-brands-page-header {
        position: relative;
        margin-bottom: 20px;
    }

    .all-brands-page-logo-container {
        width: 33.333333333%;
    }

    .all-brands-page-logo {
        max-width: 70%;
    }
}

/* ----------------------------------------------------- ALL BRANDS PAGE ON MOBILE ------------------------------------------------------ */

@media (max-width: 767px) {

    /* Dropdown choices on mobile */
    div[class*="filter"] .product-card-dropdown-items {
        top: 130px;
        left: 0;
        border: 1px solid #b7b7b7;
    }

    .all-brands-page-header-container {
        margin-top: 0;
    }
}

/* ----------------------------------------------------- REGISTRATION AND LOGIN PAGE ------------------------------------------------------ */

/* Input reset */

.reg-login-container input {
    outline: none;
}

/* Reg login main container */

.reg-login-container {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    max-width: 1200px;
    margin: 0 auto;
}

/* Reg login subcontainer */

.reg-login-subcontainer {
    flex: 1 45%;
    padding: 0 10px;
}

/* Reg login header container */

.reg-login-pagetitle-container {
    font-size: 33px;
    letter-spacing: 2px;
    font-weight: 300;
    margin: 90px 0 100px 0;
}

/* Reg login header */

.reg-login-pagetitle-header {
    font-size: 33px;
    letter-spacing: 2px;
    font-weight: 300;
}

/* Reg login fieldsets */

.reg-login-container fieldset {
    border: none;
    margin: 0;
    padding: 0;
    height: 7em;
    margin-bottom: 70px;
}

/* reg login inner container */

.lksection__formgroup {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-flow: row wrap;
}

/* For "get code" btn (place on right of container) */
.cbaup_row.lksection__formgroup {
    justify-content: flex-end;
    text-align: center;
}

/* reg login submit/foregt pswd container */
.reg-login-enter-container {
    justify-content: flex-start;
    align-items: center;
}

/* Inputs for remember pswd and forgot pswd */
.reg-login-enter-container>*:nth-child(n+2) {
    margin-left: 25px;
}

/* reg login restore pswd */
.lksection__text.reg-login-pswd-restore {
    margin-left: 40px;
    font-weight: 300;
    font-size: 16px;
}

/* reg login checkbox */
.reg-login-remember-container {
    position: relative;
    padding-left: 30px;
    font-weight: 200;
    font-size: 16px;
}

.reg-login-remember-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* reg login submit btns */
.reg-login-container input[type="submit"] {
    border: 1px solid transparent;
    background: #111111;
    color: #ffffff;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Inner item */

.lksection__item {
    padding-right: 20px;
    margin-bottom: 20px;
    width: calc(50% - 20px);
}

.lksection__item input,
#login input[type="email"],
#login input[type="password"],
#guest_login input[type="email"] {
    font-size: 14px;
    border: 1px solid #b7b7b7;
    padding: 10px 20px;
    width: 100%;
    box-sizing: border-box;
    transition: all .5s ease-in-out;
}

.lksection_label {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: 0.8px;
    color: #9b9b9b;
}

/* Captcha container */
.cbaup_row.captcha {
    display: flex;
    flex-flow: column wrap;
}

/* Input for Captcha */
input.captcha_word {
    border: 1px solid #b7b7b7;
    min-height: 30px;
    margin-top: 8px;
}

/* reg login btns */
.reg-login-container input[type="submit"] {
    border: 1px solid transparent;
    background: #111111;
    color: #ffffff;
    cursor: pointer;
    padding: 10px 20px;
    font-size: 14px;
    letter-spacing: 1.3px;
    max-width: 120px;
    font-weight: 200;
    max-height: 39px;
}

/* Reg submit btn (exception) */
.reg-login-registration-container input[type="submit"] {
    max-width: 100%;
}

/* reg login registration container */
.reg-login-registration-container {
    display: flex;
    align-items: center;
}

/* reg login agreement text settings */
.reg-login-agreement {
    font-size: 11px;
    letter-spacing: .8px;
    font-weight: 200;
    margin-left: 30px;
}

/* btn block */
.btn-block {
    display: block;
    width: 100%;
}

/* Forgot password section */

.lksection__text {
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #4e4e4e;
}

/* Error msg when login */
/* Container */
#existing-customer,
#new-customer {
    position: relative;
}

/* msg positioning */
.msg {
    position: absolute;
    top: 0px;
    color: transparent;
    transition: all .5s ease-in-out;
}

/* msg on error */
.errorMessage,
.error-message,
.msg.error {
    top: -30px;
    color: #e99999;
}

/* Phone box on msg error */
.onMsgError {
    background: #f2dede;
    border: 1px solid #e99999 !important;
}

/* ----------------------------------------------------- REGISTRATION AND LOGIN PAGE ON MOBILE ------------------------------------------------------ */
@media (max-width: 767px) {

    /* Login container */
    .reg-login-subcontainer:first-child {
        top: -16px;
        position: relative;
    }

    /* Reg and Login titles' container */
    .reg-login-pagetitle-container {
        margin: 0 0 38px 0;
    }

    /* Reg and login titles */
    .reg-login-pagetitle-header {
        font-size: 22px;
    }

    /* Input containers */
    .lksection__item {
        width: 100%;
        padding: 0;
        margin-bottom: 12px;
    }

    /* Font-size for "get code" timer */
    a.cbaup_btn_link.timeout {
        font-size: 8px;
    }

    /* Captcha container styles (positioning) */
    .cbaup_row.captcha {
        position: absolute;
        bottom: -110px;
        right: 0;
    }

    /* "Get code" btn */
    .cbaup_row.lksection__formgroup {
        width: 50%;
        margin-left: auto;
        min-height: 38px;
        align-items: center;
        text-align: right;
    }

    /* "Get code" inner container */
    .cbaup_row.lksection__formgroup .lksection__item {
        margin: 0;
        border: 1px solid transparent;
        background: #111111;
        padding: 11.5px 4px;
        font-size: 12px;
        letter-spacing: 1.3px;
        font-weight: 200;
        max-height: 39px;
        width: 100%;
        text-align: center;
    }

    /* "Get code" btn stylying (like reg or login btn) */
    a.cbaup_btn_link {
        color: #ffffff;
        cursor: pointer;
        text-decoration: none;
    }

    /* Login enter btn container */
    .lksection__formgroup.reg-login-enter-container {
        flex-flow: column wrap;
        width: 50%;
        position: relative;
        top: 4px;
        align-items: normal;
    }

    /* Reg-login form inner container */
    .reg-login-container fieldset {
        margin-bottom: 0;
        height: 100px;
    }

    /* Login btn styling */
    .reg-login-container input[type="submit"] {
        max-width: 95%;
        border-radius: 0;
        padding: 10.5px 20px;
        max-height: 42px;
    }

    /* "Remember me" input */
    .reg-login-enter-container>*:nth-child(n+2) {
        margin-left: 0;
        margin-top: 26px;
        margin-bottom: 0;
        font-size: 12px;
        padding-left: 20px;
    }

    /* Registration container */
    .reg-login-subcontainer:nth-last-child(-n+2) {
        top: 125px;
        position: relative;
        margin-bottom: 280px;
    }

    /* Registraion btn + text container */
    .reg-login-registration-container {
        flex-flow: column wrap;
        width: 50%;
        min-height: 115px;
        position: relative;
        top: 4px;
        align-items: normal;
    }

    /* Reg agreement text container */
    .reg-login-agreement {
        position: absolute;
        margin: 0;
        width: calc(100vw - 80px);
        bottom: 0;
    }

    /* Registraion btn styling */
    .reg-login-registration-container input[type="submit"] {
        font-size: 12px;
        max-width: 95%;
        border-radius: 0;
        padding: 11.5px 2px;
        max-height: 42px;
    }



}




/* ----------------------------------------------------- ABOUT PAGE ------------------------------------------------------ */

/* About page main container */

.about-page-container {
    margin: 60px 150px 0;
}

/* About page header */

.about-page-header {
    margin-bottom: 50px;
    font-weight: 300;
}

/* About page text settings */

.about-page-text>* {
    margin: 20px 0;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 300;
}

/* ----------------------------------------------------- ABOUT PAGE ON MOBILE ------------------------------------------------------ */
@media (max-width: 767px) {
    .about-page-container {
        margin: 0;
        margin-top: 35vh;
    }

    .about-page-img {
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
    }

    .about-page-header {
        font-size: 30px;
    }

    .about-page-text * {
        font-size: 18px;
    }
}


/* ----------------------------------------------------- DELIVERY AND PAYMENT PAGE ------------------------------------------------------ */

/* Delivery and payment page main container */

.delivery-and-payment-page-container {
    margin: 60px 105px 0;
}

/* Delivery and payment page header */

.delivery-and-payment-page-header {
    margin-bottom: 50px;
    font-weight: 300;
    font-size: 48px;
}

/* Delivery and payment page subheader */
.delivery-and-payment-text-subheader {
    font-size: 18px;
    font-weight: 600;
    margin: 25px auto;
}

/* Delivery and payment page inner container */
.delivery-and-payment-inner-container {
    columns: 2;
    width: 100%;
    padding: 0;
    column-gap: 100px;
}

/* Delivery and payment page list item settings */
.delivery-and-payment-inner-container>li {
    margin: 5px auto;
    display: list-item;
    list-style-type: disc;
    padding-left: 10px;
    margin-left: 18px;
    margin-top: 0;
    margin-bottom: 30px;
    max-width: 85%;
}

/* Delivery and payment page text settings */

.delivery-and-payment-page-text>* {
    margin: 15px 0;
    font-size: 18px;
    line-height: 1.7;
    font-weight: 300;
}

.delivery-and-payment-page-text p,
.delivery-and-payment-last-container li {
    margin: 0 0 30px auto;
}

/* Delivery and payment last text container */
.delivery-and-payment-last-container {
    padding: 0;
    margin-left: 18px;
}

/* + elems */
.delivery-and-payment-last-container li {
    padding-left: 15px;
}

/* Subheaders settings */

.delivery-and-payment-text-header {
    font-weight: 300;
    margin-top: 85px;
    margin-bottom: 32px;
    font-size: 32px;
}

/* Warning banner */

.delivery-and-payment-warning-banner .warning-banner-mobile {
    display: none;
    margin: 0 auto;
}

.delivery-and-payment-warning-banner .warning-banner-desktop {
    width: 100%;
}

@media (max-width: 768px) {
    .delivery-and-payment-warning-banner .warning-banner-mobile {
        display: block;
    }

    .delivery-and-payment-warning-banner .warning-banner-desktop {
        display: none;
    }
}

/* Logos settings */

.delivery-and-payment-logo {
    max-width: 100%;
    margin-top: 45px;
}

/* Delivery and payment ending dot */
.delivery-and-payment-page-container:after {
    content: "•";
    width: 100%;
    font-size: 84px;
    line-height: 0;
    margin-top: 120px;
    margin-bottom: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ----------------------------------------------------- DELIVERY AND PAYMENT PAGE ON MOBILE ------------------------------------------------------ */
@media (max-width: 767px) {

    /* Delivery page container */
    .delivery-and-payment-page-container {
        margin: 0;
    }

    /* Delivery page header */
    .delivery-and-payment-page-header {
        font-size: 34px;
        margin-bottom: 58px;
    }

    /* Delivery text header */
    .delivery-and-payment-text-header {
        margin-top: 22px;
        margin-bottom: 25px;
        line-height: 32px;
    }

    /* Delivery text inner container */
    .delivery-and-payment-inner-container {
        columns: 1;
        margin: 0;
    }

    /* Payment subheader */
    .delivery-and-payment-text-subheader {
        margin-top: 0;
        margin-bottom: 30px;
    }

    /* Payment partial text with inline css override */
    .delivery-and-payment-inner-container p {
        padding: 0 !important;
    }



}




/* ----------------------------------------------------- LOCATIONS PAGE ------------------------------------------------------ */

/* Locations page main container */

.locations-page-container {
    margin-top: 45px;
    display: flex;
    flex-flow: row wrap;
}

/* Locations page main header */

.locations-header {
    flex: 1 100%;
    margin-bottom: 50px;
    font-weight: 400;
}

/* Locations page map container */

.locations-page-map-container {
    flex: 2 35%;
    max-width: 30%;
    margin-right: 50px;
    max-height: calc(80vh - 125px);
}

/* Locations page shop-list container */

.locations-page-shop-list-container {
    flex: 2 46%;
    max-height: calc(100vh - 125px);
    counter-reset: list;
}

/* Locations page shop-list single container */

.locations-page-shop-single-list {
    font-size: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-flow: column;
    align-items: center;
}

/* City header */

.locations-page-shop-single-item-city-header {
    font-weight: 500;
}

/* Margin for Moscow header */

.moscow-shop-list>.locations-page-shop-single-item-city-header {}

/* positioning for item container */

.locations-page-shop-single-item-container,
.locations-page-shop-single-group {
    position: relative;
}

/* Left margin for all subcontainers except header */

.locations-page-shop-single-item-container>div:not(.locations-page-shop-single-item-header-container) {
    margin-left: 25px;
}

/* Ballon markers for POS */

.locations-page-shop-single-item-address-container:before {
    text-align: center;
    width: 25px;
    font-size: 10px;
    line-height: 2;
    counter-increment: list;
    content: counter(list) "";
    color: #ffffff;
    height: 25px;
    position: absolute;
    left: 0px;
    background: url(/local/templates/cosmo/img/location-mark-for-addressess.svg) center no-repeat;
}

/* Headers settings */

.locations-page-shop-single-item-header {
    font-size: 15px;
    font-weight: 400;
    max-width: 180px;
}

/* List for Moscow */

/* .moscow-shop-list {
    width: 60%;
} */

/* List for other cities */

/* .locations-page-shop-single-list:not(.moscow-shop-list) {
    width: 30%;
} */

/* Locations address container */

.locations-page-shop-single-item-address {
    max-width: 200px;
}

@media (max-width: 767px) and (orientation: portrait) {
    .locations-page-map-container {
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }

    .locations-page-map-container>ymaps[id^="ymaps"] {
        height: 35vh !important;
    }

    .locations-page-shop-list-container {
        max-height: 100%;
        flex: 1 100%;
        margin-top: 30px;
    }

    .locations-page-shop-single-item-container>* {
        margin: 10px 0;
    }

    .locations-page-shop-single-item-container>*>* {
        max-width: 100%;
    }

    .locations-page-shop-single-list {
        font-size: 14px;
        grid-template-columns: 1fr;
        grid-auto-flow: row;
    }

    .locations-page-shop-single-item-container,
    .locations-page-shop-single-group {
        margin: 10px 20px;
    }

    .moscow-shop-list>.locations-page-shop-single-item-city-header {
        margin: 0px 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {
    .locations-page-map-container {
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }

    .locations-page-map-container>ymaps[id^="ymaps"] {
        height: 35vh !important;
    }

    .locations-page-shop-list-container {
        max-height: 100%;
        margin-top: 30px;
    }

    .locations-page-shop-single-item-address {
        max-width: 150px;
    }

    .locations-page-shop-single-item-container>* {
        margin: 10px 0;
    }
}

/* ----------------------------------------------------- YMAPS SETTINGS ------------------------------------------------------ */

/* Ymaps inner box-shadow */

ymaps[class*="-events-pane"] {
    box-shadow: grey 0px 0px 15px 3px inset;
}

/* Height and width for main ymaps container */

ymaps[id^="ymaps"] {
    width: 100% !important;
    height: 100% !important;
}

/* Change standard icon balloon */

ymaps[class*="-svg-icon"] {
    background-image: url(/local/templates/cosmo/img/location-mark-for-addressess.svg);
}

/* Settings for balloon inner number */

ymaps[class*="-svg-icon-content"] {
    left: 0 !important;
    right: 0 !important;
    top: 8px !important;
    margin: auto;
    color: #ffffff;
}

/* ----------------------------------------------------- CHECKOUT PAGE ------------------------------------------------------ */

/* Main checkout page container */

.checkout-page-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Checkout page main form container */

form#checkout-page,
form#bx-soa-order-form {
    margin: 45px 0;
    position: relative;
}

/* All inputs + select on checkout page settings */

form#checkout-page input,
form#bx-soa-order-form input {
    padding: 10px 20px;
    font-size: 18px;
    box-sizing: border-box;
}

form#checkout-page select,
form#bx-soa-order-form select {
    height: 45px;
    border: 1px solid #b7b7b7;
    font-size: 14px;
    padding: 0 20px;
    border-radius: 0 !important;
    -webkit-appearance: none;
    background: transparent;
}

/* Checkout page header */

.checkout-page-header {
    font-weight: 400;
    font-size: 46px;
}

/* Personal info field */

fieldset.checkout-page-personal-details {
    margin: 50px -5px;
}

/* Personal info inputs */

fieldset.checkout-page-personal-details>input {
    width: calc(50% - 12px);
    margin: 12px 5px;
}

/* Personal details header */
.checkout-page-personal-deatails-header {
    font-weight: 400;
    margin-left: 5px;
    font-size: 32px;
}

/* Delivery and address main field */

fieldset.checkout-page-delivery-location {
    margin: 50px -5px;
}

/* Delivery header */

.checkout-page-deliver-location-header {
    font-weight: 400;
    margin-left: 5px;
    font-size: 32px;
}

/* Delivery inputs */

fieldset.checkout-page-delivery-location input {
    width: calc(100% - 5px);
    margin: 15px 5px;
}

/* Delivery notice header */

.checkout-page-delivery-location-notice {
    background: #888888;
    color: #ffffff;
    font-weight: 300;
    font-size: 14px;
    padding: 5px 22px;
    width: calc(100% - 5px);
    margin-left: 5px;
    box-sizing: border-box;
}

/* Delivery method field */
fieldset.checkout-page-delivery-method {
    margin: 50px 0;
}

/* Delivery method wrapper */
.checkout-page-delivery-method-wrapper {
    display: flex;
    flex-flow: row wrap;
}

/* Delivery method choice container */
.checkout-page-delivery-method-choice-container {
    flex: 1 calc(50% - 21px);
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

/* Delivery method choice header */
.checkout-page-delivery-method-choice-header {
    flex: 1 50%;
    font-weight: 400;
    font-size: 32px;
}

/* Delivery method icon */
.checkout-page-delivery-method-icon {
    flex: 1 50%;
    height: 32px;
}

.checkout-page-delivery-method-icon img {
    max-height: 100%;
}

/* Delivery method choice to door */
.checkout-page-delivery-method-choice-to-door {
    flex: 1 calc(40% - 40px);
    font-weight: 300;
    font-size: 18px;
}

/* Delivery method choice POD */
.checkout-page-delivery-method-choice-pod {
    flex: 1 calc(58% - 40px);
    font-weight: 300;
    font-size: 18px;
}

/* Delivery method price to door */
.checkout-page-delivery-method-price-to-door {
    flex: 1 calc(40% - 40px);
    margin-left: 40px;
    margin-top: -30px;
    font-weight: 300;
    font-size: 18px;
}

/* Delivery method price POD */
.checkout-page-delivery-method-price-pod {
    flex: 1 calc(58% - 40px);
    margin-left: 40px;
    margin-top: -30px;
    font-weight: 300;
    font-size: 18px;
}

/* Delivery method POD container */
.checkout-page-delivery-method-pod-container {
    flex: 1 calc(50% - 21px);
    display: flex;
    flex-flow: row wrap;
    padding: 20px;
    border: 1px solid #d7d7d7;
}

/* Delivery method POD header */
.checkout-page-delivery-method-pod-header {
    flex: 1 100%;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 40px;
}

/* Delivery method POD price container */
.checkout-page-delivery-method-pod-price-container {
    flex: 1 30%;
}

/* Delivery method POD price header */
.checkout-page-delivery-method-pod-price-header {
    color: #b7b7b7;
    font-weight: 500;
    font-size: 18px;
}

/* Delivery method POD price */
.checkout-page-delivery-method-pod-price {
    font-weight: 300;
    font-size: 18px;
}

/* Delivery method POD time container */
.checkout-page-delivery-method-pod-time-container {
    flex: 1 30%;
}

/* Delivery method POD time header */
.checkout-page-delivery-method-pod-time-header {
    color: #b7b7b7;
    font-weight: 500;
    font-size: 18px;
}

/* Delivery method POD time */
.checkout-page-delivery-method-pod-time {
    font-weight: 300;
    font-size: 18px;
}

/* Delivery method POD time type */
.checkout-page-delivery-method-pod-time span {
    font-size: 12px;
    font-weight: 200;
}

/* Delivery method POD button */
.checkout-page-delivery-method-pod-btn {
    flex: 1 calc(30% - 50px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #111111;
    margin: 0 25px;
    font-weight: 200;
    font-size: 18px;
    cursor: pointer;
}

/* Date and time field */

fieldset.checkout-page-date-and-time {
    margin: 50px -5px;
}

/* Date and time header */

.checkout-page-date-and-time-header {
    font-weight: 400;
    margin-left: 5px;
    font-size: 32px;
}

/* Date and time inputs */

fieldset.checkout-page-date-and-time input,
fieldset.checkout-page-date-and-time select {
    width: calc(50% - 12px);
    margin: 12px 5px;
}

/* Payment method field */

fieldset.checkout-page-payment-method {
    margin: 50px -5px;
}

/* Payment method header */

.checkout-page-payment-method-header {
    font-weight: 400;
    margin-left: 5px;
    font-size: 32px;
}

/* Payment method choice */

form#checkout-page label.filter-container,
form#bx-soa-order-form label.filter-container {
    margin: 18px 5px;
    width: 30%;
    display: inline-flex;
    font-size: 18px
}

form#checkout-page .checkmark,
form#bx-soa-order-form .checkmark {
    height: 10px;
    width: 10px;
    bottom: 0;
    margin: auto;
}

/* Payment method notice */

.checkout-page-payment-method-notice {
    background: #888888;
    color: #ffffff;
    font-weight: 300;
    padding: 5px 22px;
    width: calc(100% - 5px);
    margin-left: 5px;
    box-sizing: border-box;
    font-size: 14px;
}

/* Payment method bonus container */

.checkout-page-bonuses-container {
    padding: 20px 5px;
    display: flex;
    flex-flow: row wrap;
}

/* Payment method bonuses header */

.checkout-page-bonuses-header {
    font-weight: 400;
    font-size: 18px;
    flex: 1 100%;
}

/* Payment method bonuses text */

.checkout-page-bonuses-amount-text {
    font-weight: 300;
    font-size: 14px;
    align-self: center;
}

/* Payment method Bonus amount */

.checkout-page-bonuses-amount {
    font-weight: 300;
    font-size: 30px;
    align-self: center;
    margin-left: 10px;
}

/* Payment method bonuses instruction text */

.checkout-page-bonuses-to-use-text {
    font-weight: 300;
    font-size: 14px;
    flex: 1 100%;
}

/* Payment method bonus input */

form#checkout-page input#bonus_amount_to_use,
form#bx-soa-order-form input#bonus_amount_to_use {
    text-align: center;
    width: 25%;
    margin-top: 20px;
    font-size: 30px;
}

/* Results container */

.checkout-page-results {
    margin: 50px 0;
}

/* Results header */

.checkout-page-results-header {
    font-weight: 400;
    font-size: 32px;
}

/* Results sum container */

.checkout-page-results-sum-container {
    display: flex;
    flex-flow: row wrap;
    max-width: 50%;
    margin: 10px 0;
    font-size: 18px;
}

/* Results sum headers */

.checkout-page-results-sum-header {
    font-weight: 300;
    font-size: 18px;
    flex: 1 50%;
}

/* Results sum */

.checkout-page-results-sum {
    font-weight: 300;
    flex: 1 50%;
    text-align: right;
}

/* Results total */

.checkout-page-final-price {
    font-weight: 500;
    text-align: right;
    max-width: 50%;
    margin-top: 40px;
    font-size: 30px;
}

/* Checkout submit button */

form#checkout-page input[type="submit"],
form#bx-soa-order-form input[type="submit"] {
    width: 50%;
    padding: 8px 0px;
    font-size: 18px;
    font-weight: 300;
    border: 1px solid transparent;
    background: #111111;
    color: #ffffff;
    cursor: pointer;
}

/* Oferta notice */

.checkout-page-oferta-text {
    font-weight: 200;
    position: absolute;
    width: 48%;
    right: 0;
    bottom: 0;
    font-size: 18px;
}

.alert {
    margin-top: 20px;
}

.bx-soa-section {
    border: none !important;
}

/* ----------------------------------------------------- ACCOUNT PAGE ------------------------------------------------------ */

/* Account page main container */

.account-page-container {
    max-width: 1200px;
    margin: 45px auto;
    position: relative;
    display: flex;
    flex-flow: row wrap;
}

/* Account page inputs */

.account-page-container input {
    padding: 10px 20px;
    font-size: 14px;
    box-sizing: border-box;
}

/* Account page header */

.account-page-header {
    font-weight: 400;
    flex: 1 95%;
}

/* Account page logout btn */

.account-page-exit-btn {
    flex: 1 5%;
    align-items: center;
    display: flex;
}

/* Account page personal details main container */

.account-page-personal-data {
    flex: 1 100%;
    max-width: 75%;
    margin-left: auto;
    margin-top: 95px;
    margin-bottom: 95px;
}

/* Account page inputs size and margin */

.account-page-personal-data input {
    width: calc(50% - 7px);
    margin-bottom: 10px;
    margin-left: 5px;
}

/* Account page address input size override. */

.account-page-personal-data .account-page-address-field {
    width: calc(33.3333333333% - 7.6px);
}

/* Account page sumbit btn */
.account-page-personal-data input[type="submit"] {
    max-width: 200px;
    padding: 8px 0px;
    font-size: 18px;
    font-weight: 300;
    border: 1px solid transparent;
    background: #111111;
    color: #ffffff;
    cursor: pointer;
    float: right;
    margin-top: 30px;
}

/* Account page bonuses container */
.account-page-bonuses-container {
    flex: 1 60%;
    display: flex;
    flex-flow: row wrap;
}

/* Accounte page bonuses header */
.account-page-bonuses-header {
    flex: 1 100%;
    font-weight: 400;
    margin-bottom: 25px;
}

/* Account page bonuses level header */
.account-page-bonuses-level-header {
    flex: 1 40%;
    font-weight: 300;
}

/* Account page bonuses level */
.account-page-bonuses-level {
    font-weight: 500;
    margin-left: 5px;
}

/* Account page bonuses amount header */
.account-page-bonuses-amount-header {
    flex: 1 60%;
    font-weight: 300;
}

/* Account page bonuses amount */
.account-page-bonuses-amount {
    font-weight: 400;
    margin-left: 5px;
    line-height: 13px;
    font-size: 28px;
}

/* Account page bonuses notice */
.account-page-bonuses-notice {
    font-weight: 300;
    margin-top: 25px;
}

/* Account page favorites main container */
.account-page-favorite-products-container {
    flex: 1 40%;
}

/* Account page favorites header */
.account-page-favorite-products-header {
    font-weight: 400;
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

.account-page-favorite-products-header a {
    text-decoration: none;
    display: flex;
    height: 20px;
    align-items: center;
    font-size: 28px;
}

/* Account page favorites header hear icon */
.account-page-favorite-products-header .product-card-heart-icon {
    margin: 0 15px;
    transform: scale(.85);
}

/* Account page favorites counter */
.account-page-favorite-products-amount {
    text-align: right;
    margin-top: 25px;
    font-weight: 400;
    line-height: 13px;
    font-size: 28px;
}

/* Account page order history main container */
.account-page-order-history-container {
    margin-top: 115px;
    flex: 1 100%;
}

/* Account page order history main header container */
.account-page-order-history-header-container {
    display: flex;
}

/* Account page order history main header */
.account-page-order-history-header {
    font-weight: 400;
    font-size: 30px;
}

/* Account page order history all elemes except header */
.account-page-order-history-header-container>*:nth-child(n+2) {
    margin-left: 45px;
    line-height: 29px;
    height: 29px;
    margin-top: auto;
    margin-bottom: auto;
}

/* Account page order history checkmark settings */
.account-page-order-history-header-container .checkmark {
    top: 30%;
    left: 15px;
    width: 10px;
    height: 10px;
}

/* Account page order history inner */
.account-page-order-history-inner {
    margin-top: 20px;
    margin-bottom: 100px;
}

/* Account page order history header container */
.account-page-details-header-container {
    display: flex;
    background: rgba(153, 153, 153, 1);
    height: 24px;
}

/* Account page order history header elements settings */
.account-page-details-header-container * {
    color: #ffffff;
    font-weight: 300;
    line-height: 25px;
    font-size: 16px;
}

/* Account page order history header even elems */
.account-page-details-header-container>*:nth-child(even) {
    background: #111111;
}

/* Account page order history header elems sizes */
.account-page-details-number {
    flex: 1 2%;
    text-align: center;
}

.account-page-details-date {
    flex: 1 2%;
    text-align: center;
}

.account-page-details-sum {
    flex: 1 6%;
    text-align: center;
}

.account-page-details-status {
    flex: 1 15%;
    text-align: right;
    padding-right: 5px;
}

/* Account page order history details elements settings */
.account-page-order-history-number {
    flex: 1 5%;
    padding-left: 5px;
    text-align: center;
}

.account-page-order-history-date {
    flex: 1 5%;
    padding-left: 5px;
    text-align: center;
}

.account-page-order-history-payment {
    flex: 1 5%;
    text-align: center;
    padding-left: 5px;
}

.account-page-order-history-status {
    flex: 1 30%;
    text-align: center;
    padding-right: 5px;
    font-weight: 400;
}

/* Account page payment and delivery container */
.account-page-payment-and-delivery-container {
    display: flex;
}

/* For container's children */
.account-page-payment-and-delivery-container>div {
    flex: 1 50%;
}

/* Account page payment header */
.account-page-payment-header {
    font-weight: 450;
    margin-left: 5px;
    margin-top: 15px;
    margin-bottom: 5px;
}

/* Account page payment method container */
.account-page-payment-method-container {
    display: flex;
    align-items: center;
    height: 30px;
    line-height: 30px;
}

/* Account page payment status */
.account-page-payment-method-status {
    color: #e99999;
    width: 25%;
    text-align: center;
    margin: 0 5px;
}

/* + payed */
.account-page-payment-method-status.payed {
    color: #3ea42a;
}

/* Account page payment method button */
.account-page-payment-method-pay-btn {
    text-decoration: none;
    padding: 10px 42px;
    border: 1px solid #d7d7d7;
    line-height: 20px;
}

/* Account page payment sum container */
.account-page-payment-sum-container {
    margin-bottom: 15px;
    line-height: 30px;
}

/* Account page payment sum */
.account-page-payment-sum {
    font-weight: 600;
    margin-left: 10px;
}

/* Account page change payment method container */
.account-page-change-payment-method-container {
    height: 70px;
}

/* Account page change payment method button */
.account-page-change-payment-method-btn {
    cursor: pointer;
    font-size: 12px;
    font-weight: 300;
    text-decoration: underline;
    width: 140px;
    margin-bottom: 10px;
}

/* Account page change payment method subcontainer */
.account-page-change-payment-method-subcontainer {
    height: 44px;
    overflow: hidden;
    transition: .5s ease-in-out;
}

/* + change method on click opener */
.change-method-opener {
    height: 0px;
}

/* Account page cash payment method */
.account-page-payment-method-cash {
    display: inline-block;
    height: 42px;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    cursor: pointer;
}

/* Account page card payment method */
.account-page-payment-method-card {
    display: inline-block;
    height: 42px;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    margin-left: 11px;
    cursor: pointer;
}

/* + image */
.account-page-payment-method-img {
    max-width: 100%;
    max-height: 100%;
}

/* + payment method on click */
.payment-method-selected {
    border-color: #159ebb;
}

/* Account page delivery header */
.account-page-delivery-header {
    font-weight: 450;
    margin-top: 15px;
}

/* Account page delivery method container */
.account-page-delivery-method-container {
    line-height: 30px;
}

/* Account page delivery method */
.account-page-delivery-method {
    margin-left: 10px;
}

/* Account page delivery price container */
.account-page-delivery-price-container {
    line-height: 30px;
}

/* Account page delivery price */
.account-page-delivery-price {
    margin-left: 10px;
    font-weight: 600;
}

/* Account page delivery status container */
.account-page-delivery-status-container {
    line-height: 30px;
}

/* Account page delivery status */
.account-page-delivery-status {
    margin-left: 10px;
    color: #6dcff6;
    font-weight: 500;
}

/* Account page delivery address container */
.account-page-delivery-address-container {
    line-height: 60px;
}

/* Account page delivery address */
.account-page-delivery-address {
    font-weight: 500;
    font-size: 16px;
}

/* Account page order composition container */
.account-page-order-compostition-container {
    display: flex;
    flex-flow: row wrap;
    margin-top: 33px;
    border: 1px solid #d7d7d7;
}

/* Account page order composition header container */
.account-page-order-composition-header-container {
    display: flex;
    flex: 1 60%;
    align-items: center;
}

/* Account page order composition header */
.account-page-order-composition-header {
    font-weight: 500;
    margin: 0 16px;
    margin-top: 16px;
    margin-bottom: 16px;
}

/* Account page order composition opener */
.account-page-order-composition-opener {
    margin-top: 16px;
    margin-bottom: 16px;
    display: flex;
    font-size: 23px;
    cursor: pointer;
    user-select: none;
}

/* + rotate on click */
.arrow-opener {
    transform: rotate(90deg);
}

/* Account page order composition deny container */
.account-page-order-composition-deny-container {
    flex: 1 10%;
    display: flex;
    align-items: center;
}

/* Account page order composition deny */
.account-page-order-composition-deny {
    margin-top: 16px;
    margin-bottom: 16px;
    font-weight: 300;
    text-decoration: underline;
    cursor: pointer;
    text-align: right;
    max-width: 134px;
    margin-left: auto;
}

/* Account page order composition repeat container */
.account-page-order-composition-repeat-container {
    flex: 1 10%;
    display: flex;
    align-items: center;
}

/* Account page order composition repeat */
.account-page-order-composition-repeat {
    margin-top: 16px;
    margin-bottom: 16px;
    margin-right: 30px;
    font-weight: 300;
    text-decoration: underline;
    cursor: pointer;
    text-align: right;
    max-width: 143px;
    margin-left: auto;
}

/* Account page order composition history items container */
.account-page-order-composition-history-items-container {
    flex: 1 100%;
    margin-left: 16px;
    margin-right: 30px;
    display: none;
    transition: .5s ease-in-out;
}

/* Account page order history single item container */
.account-page-order-history-single-item-container {
    display: flex;
    align-items: center;
    margin: 25px 0;
}

.account-page-order-history-single-item-container * {
    font-weight: 300;
    font-size: 16px;
}

/* Account page order history single item subcontainer */
.account-page-order-history-single-item-subcontainer {
    display: flex;
    flex: 1 80%;
}

/* Account page order history single item amount */
.account-page-order-history-single-item-amount {
    flex: 1 2%;
    text-align: right;
}

/* Account page order history single item sum */
.account-page-order-history-single-item-sum {
    flex: 1 12%;
    text-align: right;
}

/* About page order history single item brand */
.account-page-order-history-single-item-brand {
    font-weight: 600;
    flex: 1 20%;
}

/* Account page order history single item name */
.account-page-order-history-single-item-name {
    flex: 1 80%;
}

/* Account page order history results address container */
.account-page-order-history-results-address-container {
    flex: 1 19.8%;
    margin-right: 5px;
}

/* Account page order history results address text */
.account-page-order-history-results-address {
    max-width: 150px;
    text-align: right;
    margin-left: auto;
}

/* ----------------------------------------------------- ORDER CANCEL PAGE ------------------------------------------------------ */
/* Order cancel page product subheader */
.order-cancel-page .cart-desc-element.cart-product {
    flex: 1 46.9%;
}

/* Order cancel page price subheader */
.order-cancel-page .cart-desc-element.cart-price {
    flex: 1 17.7%;
    text-align: center;
}

/* Order cancel page amount subheader */
.order-cancel-page .cart-desc-element.cart-amount {
    flex: 1 17.7%;
    text-align: center;
}

/* Order cancel page total subheader */
.order-cancel-page .cart-desc-element.cart-total {
    flex: 1 17.7%;
}

/* Order cancel page buttons container */
.order-cancel-page .cart-buttons-container {
    margin-top: 20px;
}

/* Order cancel page total price */
.order-cancel-page .cart-item-total {
    margin-right: 15px;
}

/* ----------------------------------------------------- RESTORE PSWD PAGE ------------------------------------------------------ */
/* Restore pswd page container */
.restore-pswd-page-container {
    max-width: 1200px;
    margin: auto;
}

/* Restore pswd page header */
.restore-pswd-page-header {
    margin-top: 90px;
    margin-bottom: 54px;
    font-weight: 400;
    font-size: 46px;
}

/* Restore pswd page subheader */
.restore-pswd-page-subheader {
    font-weight: 300;
    font-size: 18px;
}

/* Restore pswd page form */
.restore-pswd-page-form {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin-top: 20px;
}

/* Restore pswd page input */
#reset-pswd {
    padding: 8px 20px;
    font-size: 18px;
    box-sizing: border-box;
    min-width: 269px;
}

/* Restore pswd page btn */
.restore-pswd-page-submit-btn {
    max-width: 270px;
    padding: 9.5px 58px;
    margin-left: 15px;
    font-size: 18px;
    font-weight: 300;
    border: 1px solid transparent;
    background: #111111;
    color: #ffffff;
    cursor: pointer;
    outline: none;
}


/* ----------------------------------------------------- EDITORIAL PAGE ------------------------------------------------------ */
/* Editorial page main container */
.editorial-page-main-container {
    max-width: 1200px;
    margin: 20px auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}

/* Editorial page disabling text-decoration for anchors */
.editorial-page-single-article-container a {
    text-decoration: none;
}

/* Editorial page main header */
.editorial-page-header {
    font-weight: 100;
    font-size: 90px;
    flex: 1 100%;
}

/* Editorial page single article container */
.editorial-page-single-article-container {
    max-width: 30%;
    margin: 3% 1.6666665%;
}

/* Editorial page single article img settings */
.editorial-page-single-article-img {
    max-width: 100%;
    max-height: 100%;
}

/* Editorial page single article header */
.editorial-page-single-article-header {
    font-weight: 300;
    font-size: 24px;
    margin: 10px 0;
    min-height: 4em;
}

/* Editorial page single article details */
.editorial-page-single-article-details {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

.editorial-page-single-article-details * {
    font-weight: 300;
}

/* Editorial page single article announce text */
.editorial-page-single-article-announce-text {
    font-weight: 200;
    text-align: justify;
}

@media (max-width: 767px) and (orientation: portrait) {
    .editorial-page-single-article-container {
        max-width: 430px;
        margin: 65px auto;
    }

    .editorial-page-header {
        font-size: 60px;
    }
}

@media (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {
    .editorial-page-single-article-container {
        max-width: 430px;
        margin: 65px auto;
    }
}

/* ----------------------------------------------------- LIVE SEARCH ------------------------------------------------------ */
/* Live search main UL container */
.ui-autocomplete {
    max-width: 40% !important;
    width: 40% !important;
    top: 125px !important;
    border: none !important;
    padding: 18px !important;
}

/* Live search items */
.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    border: none !important;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    display: block;
    clear: both;
    white-space: nowrap;
    font-weight: 200;
    line-height: 1.3;
    font-size: 14px;
    color: #111111;
    transition: all .1s ease-in-out;
}

/* on hover */
.ui-menu-item.ui-state-focus {
    background: transparent !important;
    font-weight: 400 !important;
    color: #111111 !important;
    margin-left: 2px;
}

/*********************/
.iiko_log_head {
    margin: 20px 0;
}

/* ----------------------------------------------------- DISCOUNT BADGES SETTINGS ------------------------------------------------------ */
/* Discount badge in catalog */
.catalog-elem-discount-container {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    height: 77px;
    width: 77px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: url(/local/templates/cosmo/img/SSS_77x77.png) center/contain no-repeat; */
    /* color: #ffffff; */
    font-size: 30px;
    /* text-shadow: 0px 0px 5px red; */
}

/* Discount line-through in catalog */
.catalog-elem-discount-container~.catalog-element-price:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 45%;
    width: 100%;
    border-bottom: 2px solid #ec0d13;
}

/* Discount badge on detail page */
.product-card-discount-tag {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    height: 170px;
    width: 170px;
    margin-right: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: url(/local/templates/cosmo/img/SSS_170x170.png) center/contain no-repeat; */
    /* color: #ffffff; */
    font-size: 69px;
    font-weight: 500;
    /* text-shadow: 0px 0px 5px red; */
}

/* Old price on detail page */
#old_price {
    position: relative;
    display: flex;
    font-weight: 300;
    margin-right: 30px;
}

/* Line-through for old price */
#old_price:before {
    content: "";
    width: 100%;
    height: 45%;
    position: absolute;
    border-bottom: 3px solid #ec0d13;
}

/* ----------------------------------------------------- ARTICLES ------------------------------------------------------ */
/* Disable bitrix header and date for article */
.news-detail>h3,
.news-detail>span {
    display: none;
}

/* Article's container fixed width */
.article-fixed-width {
    max-width: 1400px;
    margin: 0 auto;
}

/* Articles end black dot */
.news-detail:after {
    content: "•";
    width: 100%;
    font-size: 84px;
    line-height: 0;
    margin-top: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Modifier if no-padding container is needed for article */
.no-padding-article-container {
    width: 100vw;
    margin-left: -100px;
    overflow: hidden;
}

/* Low width container for article */
.low-width-article-container {
    max-width: 35vw;
    margin: 0 auto;
}

/* Articles header container */
.article-header-container {
    max-width: 1400px;
    margin: 0 auto;
}

/* When "no-padding-article-container" is used */
.no-padding-article-container .article-header-container {
    padding: 0 40px;
}

/* Articles header date */
.article-header-date {
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 18px;
    text-align: right;
    font-weight: 300;
}

/* Articles header text container */
.article-header-text-container {
    position: relative;
}

/* Articles header */
.article-header {
    font-size: 118px;
    font-weight: 100;
    letter-spacing: -7px;
    hyphens: auto;
    font-family: 'Frutiger Neue LT W1G UltLt';
}

.article-subheader-wrapper:before {
    content: "";
    margin-left: -100%;
    display: block;
    float: left;
}

/* Articles subheader */
.article-subheader {
    float: right;
    clear: both;
    width: 50%;
    margin-left: 5%;
    font-size: 20px;
    font-weight: 500;
    height: 1em;
    position: absolute;
    right: 0;
    bottom: 3em;
}

/* Articles header author */
.article-header-author {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 35px;
}

/* Articles header image */
.article-header-image {
    max-width: 100%;
    margin-bottom: 46px;
}

/* Quote text styles */
.article-quote {
    font-style: italic;
    font-weight: 400;
    margin-bottom: 30px;
    margin-top: 50px;
}

/* Articles text container with image */
.article-text-and-img-container {
    display: flex;
    flex-flow: row wrap;
}

.article-text-and-img-container .inner-image {
    width: 25%;
    margin-bottom: 20px;
}

.article-text-and-img-container .inner-image img {
    width: 100%;
}

@media (max-width: 767px) {
    .article-text-and-img-container .inner-image {
        width: 100%;
    }
}

.article-text-and-img-container .article-simple-text-container {
    width: 70%;
    max-width: 100%;
    margin: 0 auto;
}

.article-text-and-img-container .article-simple-text-container .article-text {
    font-size: 38px;
    line-height: 1.2;
    font-style: normal;
    font-variant: normal;
    font-weight: 200;
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    .article-text-and-img-container .article-simple-text-container {
        width: 100%;
        margin-left: 0;
    }

    .article-text-and-img-container .article-simple-text-container .article-text {
        font-size: 20px;
    }
}

/* Articles simple text settings */
.article-simple-text-container {
    max-width: 620px;
    margin: 0 auto;
    font-weight: 200;
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 20px;
}

.article-product-left+.article-subheader-bold-container+.article-simple-text-container,
.article-product-left+.article-simple-text-container {
    margin-bottom: 65px;
}

.article-product-right+.article-subheader-bold-container+.article-simple-text-container,
.article-product-right+.article-simple-text-container {
    margin-bottom: 65px;
}

/* For low-width */
.low-width-article-container .article-simple-text-container {
    font-size: 17px;
}

/* Articles description list container */
.article-dl-container {
    margin-top: -45px;
    margin-bottom: 20px;
    max-width: 60%;
    text-align: left;
    list-style-position: outside;
}

/* for cases of left product */
.article-product-left+.article-subheader-bold-container+.article-simple-text-container>.article-dl-container {
    margin-left: 180px;
    max-width: 100%;
    margin-bottom: 20px;
}

/* Articles description term */
.article-dt {
    margin-bottom: 15px;
    margin-left: 0;
}

/* Article description describe */
.article-dd {
    margin: 5px auto;
    display: list-item;
    list-style-type: disc;
    padding-left: 50px;
    margin-left: 20px;
}

/* Articles image fullwidth container */
.article-image-fullwidth {
    margin-top: 60px;
    margin-bottom: 110px;
    width: 100vw;
    margin-left: -115px;
}

@media (min-width: 992px) and (max-width: 1023px) {
    .article-image-fullwidth {
        margin-left: -60px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .article-image-fullwidth {
        margin-left: -60px;
    }

    .no-padding-article-container {
        width: auto;
        margin: 0;
    }

    .no-padding-article-container .article-header-container {
        padding: 0;
    }


    .article-image-right-container>.article-image {
        margin-right: -60px !important;
    }

    .article-image-left-container>.out-of-text,
    .article-image-right-container>.out-of-text {
        width: 65% !important;
        display: flex;
        margin: 2em auto !important;
        float: none !important;
    }

    .article-subheader {
        font-size: 15px !important;
    }

    .article-header-text-container>.article-header {
        font-size: 60px !important;
        line-height: 100px;
        word-spacing: 12px;
        letter-spacing: -3px;
    }

    .article-header-thin-container .article-header-thin {
        font-size: 35px;
    }

    .article-text {
        font-size: 18px;
    }

    .article-product-container-one-row .catalog-brand-name,
    .article-product-left .catalog-brand-name,
    .article-product-right .catalog-brand-name {
        font-size: 15px !important;
    }

    .article-product-container-one-row .catalog-element-price,
    .article-product-left .catalog-element-price,
    .article-product-right .catalog-element-price {
        font-size: 20px !important;
    }

    .article-product-container-one-row .catalog-element-description,
    .article-product-left .catalog-element-description,
    .article-product-right .catalog-element-description {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .article-video-fullwidth-container {
        width: 100vw !important;
        margin-left: -62px !important;
    }

    .article-video-fullwidth {
        min-height: 25vh !important;
    }

    .article-product-left .catalog-elem-container {
        width: calc((70vw - 2%)/2) !important;
        margin: 35px 35px 35px auto !important;
    }

    .article-product-right .catalog-elem-container {
        width: calc((70vw - 2%)/2) !important;
        margin: 35px auto 35px 35px !important;
        ;
    }

    .news-detail:after {
        margin-top: 0px;
    }

    .article-geekfact-left {
        width: 50% !important;
        margin-right: 55px !important;
        margin-left: auto !important;
        margin-top: 100px !important;
        margin-bottom: 55px !important;
        font-size: 28px !important;
    }

    .article-geekfact-header {
        font-size: 24px !important;
    }

    .article-geekfact-left>p {
        font-size: 18px;
    }

    .article-subheader-bold {
        font-size: 25px;
    }

    .article-dl-container {
        font-size: 18px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) and (orientation: landscape) {
    .article-subheader {
        font-size: 15px !important;
    }

    .article-header-text-container>.article-header {
        font-size: 60px !important;
        line-height: 100px;
        word-spacing: 12px;
        letter-spacing: -3px;
    }

    .article-header-thin-container .article-header-thin {
        font-size: 35px;
    }

    .article-text {
        font-size: 18px;
    }

    .article-product-container-one-row .catalog-brand-name,
    .article-product-left .catalog-brand-name,
    .article-product-right .catalog-brand-name {
        font-size: 15px !important;
    }

    .article-product-container-one-row .catalog-element-price,
    .article-product-left .catalog-element-price,
    .article-product-right .catalog-element-price {
        font-size: 20px !important;
    }

    .article-product-container-one-row .catalog-element-description,
    .article-product-left .catalog-element-description,
    .article-product-right .catalog-element-description {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .article-video-fullwidth-container {
        width: 100vw !important;
        margin-left: -62px !important;
    }

    .article-video-fullwidth {
        min-height: 25vh !important;
    }

    .article-product-left .catalog-elem-container {
        width: calc((70vw - 2%)/2) !important;
        margin: 35px 35px 35px auto !important;
    }

    .article-product-right .catalog-elem-container {
        width: calc((70vw - 2%)/2) !important;
        margin: 35px auto 35px 35px !important;
        ;
    }

    .news-detail:after {
        margin-top: 0px;
    }

    .article-geekfact-left {
        width: 50% !important;
        margin-right: 55px !important;
        margin-left: auto !important;
        margin-top: 100px !important;
        margin-bottom: 55px !important;
        font-size: 28px !important;
    }

    .article-geekfact-header {
        font-size: 24px !important;
    }

    .article-geekfact-left>p {
        font-size: 18px;
    }

    .article-subheader-bold {
        font-size: 25px;
    }

    .article-dl-container {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .no-padding-article-container {
        width: auto;
        margin: 0;
    }

    .no-padding-article-container .article-header-container {
        padding: 0;
    }

    .article-image-left-container>.out-of-text,
    .article-image-right-container>.out-of-text {
        width: 100% !important;
        margin: 2em auto !important;
        float: none !important;
    }

    .article-subheader {
        position: relative;
        top: 0 !important;
        font-size: 15px !important;
        width: 100% !important;
        height: auto;
        margin-bottom: 25px;
    }

    .article-header-text-container>.article-header {
        font-size: 55px !important;
        line-height: 70px;
        word-spacing: 12px;
        letter-spacing: -3px;
    }

    .article-header-author {
        margin-top: 35px;
    }

    .article-header-thin-container .article-header-thin {
        font-size: 30px;
    }

    .article-text {
        font-size: 16px;
    }

    .article-product-container-one-row .catalog-brand-name,
    .article-product-left .catalog-brand-name,
    .article-product-right .catalog-brand-name {
        font-size: 15px !important;
    }

    .article-product-container-one-row .catalog-element-price,
    .article-product-left .catalog-element-price,
    .article-product-right .catalog-element-price {
        font-size: 20px !important;
    }

    .article-product-container-one-row .catalog-element-description,
    .article-product-left .catalog-element-description,
    .article-product-right .catalog-element-description {
        font-size: 16px !important;
        line-height: 20px !important;
        letter-spacing: .7px;
    }

    .article-video-fullwidth-container {
        width: 100vw !important;
        margin-left: -40px !important;
    }

    .article-video-fullwidth {
        min-height: 25vh !important;
    }

    .article-image-fullwidth {
        margin-left: -45px;
    }

    .article-product-left .catalog-elem-container {
        width: 80% !important;
        margin: 35px 10% !important;
    }

    .article-product-right .catalog-elem-container {
        width: 80% !important;
        margin: 35px 10% !important;
    }

    .article-product-left+.article-subheader-bold-container+.article-simple-text-container,
    .article-product-left+.article-simple-text-container,
    .article-product-right+.article-subheader-bold-container+.article-simple-text-container,
    .article-product-right+.article-simple-text-container,
    .article-header-thin-container+.article-product-left {
        margin-bottom: 30px;
        margin-top: 0px !important;
    }

    .news-detail:after {
        margin-top: 0px;
    }

    .article-geekfact-left {
        width: 50% !important;
        margin-right: 20px !important;
        margin-left: auto !important;
        margin-top: 100px !important;
        margin-bottom: 20px !important;
        font-size: 18px !important;
    }

    .article-geekfact-header {
        font-size: 20px !important;
        margin-bottom: 20px !important;
    }

    .article-geekfact-left>p {
        font-size: 14px;
    }

    .article-subheader-bold {
        font-size: 20px;
    }

    .article-image-right-container>.article-image {
        margin-right: -40px !important;
        margin-left: 10px !important;
        margin-top: 70px !important;
    }

    .article-image-left-container>.article-image {
        margin-left: -40px !important;
        margin-right: 10px !important;
        margin-top: 10px !important;
    }

    .article-dl-container {
        font-size: 18px;
        margin: 0 auto !important;
        max-width: 100% !important;
        margin-bottom: 20px !important;
    }

    .article-product-container-one-row {
        flex-flow: row wrap;
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    .catalog-elem-img {
        max-height: 45vh !important;
    }
}

@media (max-width: 1199px) {
    .low-width-article-container {
        max-width: 100%;
    }
}


/* Articles standard image + inner absolute positioned text */
.article-image-standard-width-with-text {
    position: relative;
    max-width: 620px;
    margin: 40px auto;
}

.article-simple-text-container.top-text {
    position: absolute;
    top: 0;
    background-color: rgba(255, 255, 255, 0.5);
}

.article-simple-text-container.bottom-text {
    position: absolute;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.5);
    width: 100%;
    margin: 0;
}

.article-simple-text-container.top-text .article-text {
    margin: 30px 0;
}

@media (max-width: 767px) {

    .article-simple-text-container.top-text,
    .article-simple-text-container.bottom-text {
        position: relative;
    }
}

/* Articles image settings */
.article-image {
    max-width: 100%;
    width: 100%;
}

/* Articles video fullwidth container */
.article-video-fullwidth-container {
    width: 100vw;
    margin-left: -100px;
    margin-bottom: 85px;
}

/* Articles video fullwidth */
.article-video-fullwidth {
    width: 100%;
    min-height: 90vh;
}

/* Articles header thin container */
.article-header-thin-container {
    max-width: 620px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 18px;
}

/* Trick for doubled thin header (1 on top of another */
.article-header-thin-container+.article-header-thin-container {
    margin-top: -45px;
}

/* Articles header thin */
.article-header-thin {
    font-size: 38px;
	line-height: 1em;
    font-weight: 200;
    font-family: 'Frutiger Neue LT W1G';
}

/* For low-width */
.low-width-article-container .article-header-thin {
    font-size: 35px;
}

/* Articles subheader bold container */
.article-subheader-bold-container {
    max-width: 620px;
    margin: 0 auto;
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 45px;
    text-align: justify;
}

.article-product-right+.article-subheader-bold-container,
.article-product-left+.article-subheader-bold-container {
    margin-bottom: 20px;
}

/* Articles subheader bold */
.article-subheader-bold {
    text-align: left;
    font-weight: 500;
}

/* For low-width */
.low-width-article-container .article-subheader-bold {
    font-size: 20px;
}

/* Articles image standard container */
.article-image-standard-width {
    max-width: 620px;
    margin: 40px auto;
}

/* Articles fake elem for float to work image left */
.article-image-left-container:before {
    content: "";
    margin-left: -100%;
    display: block;
    float: right;
}

/* Articles image LEFT */
.article-image-left-container>.article-image {
    clear: both;
    float: left;
    height: auto;
    margin-left: -100px;
    margin-right: 30px;
    margin-top: 20px;
}

/* Articles fake elem for float to work image right */
.article-image-right-container:before {
    content: "";
    margin-left: -100%;
    display: block;
    float: left;
}

/* Articles image RIGHT */
.article-image-right-container>.article-image {
    clear: both;
    float: right;
    height: auto;
    margin-right: -100px;
    margin-left: 30px;
    margin-top: 20px;
}

/* Articles images LEFT/RIGHT dimensions */
.article-image-left-container>.article-image.half,
.article-image-right-container>.article-image.half {
    width: 30vw;
}

@media (max-width: 1199px) and (orientation: portrait) {

    .article-image-left-container>*,
    .article-image-right-container>* {
        display: none;
    }
}

.article-image-left-container>.article-image.quite-third,
.article-image-right-container>.article-image.quite-third {
    width: 35vw;
}

/* Articles images when out of text range LEFT */
.article-image-left-container>.out-of-text {
    margin-left: -33vw;
}

/* Articles images when out of text range RIGHT */
.article-image-right-container>.out-of-text {
    margin-right: -33vw;
}

/* Articles products "ONE ROW" container */
.article-product-container-one-row {
    max-width: 620px;
    margin: 0 auto;
    display: block;
}

/* ONE ROW wrapper for flex */
.article-product-container-one-row-wrapper {
    display: flex;
}

/* Articles catalog elem settings (for ONE ROW) */
.article-product-container-one-row .catalog-elem-container {
    max-width: 48%;
    margin: 35px 10px;
    display: inline-block;
}

.article-product-container-one-row .catalog-elem-container:first-child {
    margin-left: 0;
}

.article-product-container-one-row .catalog-elem-container:last-child {
    margin-right: 0;
}

.article-product-container-one-row .catalog-image-wrapper,
.article-product-left .catalog-image-wrapper,
.article-product-right .catalog-image-wrapper {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.article-product-container-one-row .catalog-elem-img[src="/images/no-image.png"],
.article-product-left .catalog-elem-img[src="/images/no-image.png"],
.article-product-right .catalog-elem-img[src="/images/no-image.png"] {
    width: 100%;
}

.article-product-container-one-row .catalog-brand-name,
.article-product-left .catalog-brand-name,
.article-product-right .catalog-brand-name {
    font-size: 16px;
    font-weight: 300;
    margin-left: 0;
}

.article-product-container-one-row .catalog-element-price,
.article-product-left .catalog-element-price,
.article-product-right .catalog-element-price {
    font-size: 16px;
    margin-right: 40px;
}

.article-product-container-one-row .catalog-element-description,
.article-product-left .catalog-element-description,
.article-product-right .catalog-element-description {
    font-size: 17px;
    font-family: "Frutiger Neue LT W1G";
    font-weight: 300;
    line-height: 22px;
    margin-top: 0;
    margin-left: 0;
}

/* Articles product left container */
.article-header-thin-container+.article-product-left {
    margin-top: 0px;
}

/* Articles product right container */
.article-header-thin-container+.article-product-right {
    margin-top: 0px;
}

/* Articles fake elem for float to work (LEFT) */
.article-product-left:before {
    content: "";
    margin-left: -100%;
    display: block;
    float: right;
}

/* Articles product LEFT */
.article-product-left .catalog-elem-container {
    clear: both;
    float: left;
    width: calc((930px - 2%)/2);
    height: auto;
    max-width: 290px;
    margin: 35px;
    margin-left: 250px;
}

/* For low-width */
.low-width-article-container .article-product-left .catalog-elem-container {
    width: calc((930px - 2%)/3);
    margin-left: -150px;
}

/* Articles fake elem for float to work (RIGHT) */
.article-product-right:before {
    content: "";
    margin-left: -100%;
    display: block;
    float: left;
}

/* Articles product RIGHT */
.article-product-right .catalog-elem-container {
    clear: both;
    float: right;
    width: calc((930px - 2%)/2);
    height: auto;
    max-width: 290px;
    margin: 35px;
    margin-right: 250px;
}

/* For low-width */
.low-width-article-container .article-product-right .catalog-elem-container {
    width: calc((930px - 2%)/3);
    margin-right: -150px;
}

.low-width-article-container .article-product-right .catalog-elem-container.centered-product,
.low-width-article-container .article-product-left .catalog-elem-container.centered-product {
    margin: 0;
    width: 100%;
}

/* For PTR article last product case */
.catalog-elem-right-absolute {
    position: absolute;
    right: 22vw;
}

@media (max-width: 1199px) {
    .catalog-elem-right-absolute {
        position: relative;
        right: 0;
    }
}

/* Articles fake elem for float to work (geek fact) */
.article-geekfact-left:before {
    content: "";
    margin-left: -100%;
    display: block;
    float: right;
}

/* Articles geekfact LEFT */
.article-geekfact-left {
    clear: both;
    float: left;
    width: calc(50% - 215px);
    height: auto;
    max-width: 100%;
    margin-right: 55px;
    margin-left: 160px;
    margin-top: 100px;
    margin-bottom: 120px;
    font-size: 28px;
    font-weight: 200;
    text-align: justify;
}

/* Articles geekfact header */
.article-geekfact-header {
    font-size: 35px;
    margin-bottom: 50px;
    font-weight: 400;
}

/* Clearfix */
.clearfix {
    clear: both;
}

/* Container for notifications */
.achtung {
    background: mistyrose;
    padding: 20px;
    margin: 20px;
}

.achtung-text {
    margin: 0 auto;
}

.achtung-header {
    font-size: 32px;
    font-weight: 300;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 30px;
    max-width: 620px;
}



.mobile{
    display: none;
}
@media (max-width: 767px) {
    .mobile{
        display: block;
    }
    .sort-and-header-container .sort-container{
        display: none;
    }
    .mobole-sort-filter{
        margin: 0 40px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important;
    }
    .mobole-sort-filter .mobole-sort{
        margin: 15px 0;
        position: relative;

    }
    .mobole-sort-filter .mobole-sort span{
        font-size: 20px;
        font-weight: 300;
        padding: 5px 30px 5px 5px;
        background: url(/local/templates/cosmo/img/mobile-sort.png) right center no-repeat;
        cursor: pointer;
    }
    .mobole-sort-filter .mobole-sort .sort-by{
        display: none;
        padding: 15px;
        margin: 10px 0 0 0;
        border: 1px solid #878787;
        box-sizing: border-box;
        position: absolute;
        top: 100%;
        left: 0;
        background: #ffffff;
        z-index: 8888;
    }
    .mobole-sort-filter .mobole-sort .sort-by.active{
        display: block;
    }
    .mobole-sort-filter .mobole-sort .sort-by a{
        margin: 0;
        font-size: 21px;
        border: none;
        text-decoration: none;
        display: block;
        padding: 7px 0 7px 0;
        width: max-content;
    }
    .mobole-sort-filter .mobole-filter{
        margin: 15px 0;
    }
    .mobole-sort-filter .mobole-filter span{
        font-size: 20px;
        font-weight: 300;
        padding: 5px 30px 5px 5px;
        background: url(/local/templates/cosmo/img/mobile-filter.png) right center no-repeat;
        cursor: pointer;
    }
    #kombox-filter{
        transform: translateX(100vw);
        margin: 0;
        z-index: 9999;
        top: 0;
        right: 0;
        padding: 0;
        box-sizing: border-box;
        width: calc(100% - 80px);
        position: fixed;
        height: 100%;
        overflow: hidden;
        max-width: 360px;
        background: #ffffff;
        border-left: 1px solid #b7b7b7;
        border-bottom: 1px solid #b7b7b7;
        transition: all 1s ease-in-out;
    }
    #kombox-filter.open{
        transform: translateX(0);
    }
    .catalog-filter-menu{
        display: block;
        margin: 0;
        overflow-y: scroll;
        height: calc(100% - 95px);
        overflow-x: hidden;
        padding: 0 15px 30px 15px;
        box-sizing: border-box;
    }
    .catalog-filter-menu-item-container{
        margin: 0 0 10px 0;
        min-height: auto;
    }
    .mobile-filter-header{
        display: block;
        min-height: 70px;
        box-sizing: border-box;
        padding: 22px 40px;
        position: relative;
        border-bottom: 1px solid #e7eaed;
        margin-bottom: 25px;
    }
    .mobile-filter-header .title{
        font-size: 22px;
    }
    .mobile-filter-header .back{
        font-size: 40px;
        color: #111111;
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translate(0, -50%);
        margin-top: -2px;
        cursor: pointer;
    }
    .mobile-filter-header .close{
        font-size: 22px;
        margin-top: 2px;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translate(0, -50%);
        cursor: pointer;
    }
    .catalog-filter-menu-title{
        font-weight: 400;
    }
    .catalog-filter-menu-title.active-filter{
        border-bottom: none;
    }
    .catalog-filter-menu-dropdown{
        position: initial;
        height: auto;
        max-height: none;
        overflow: initial;
        padding: 25px 0 10px 0;
    }
    .catalog-filter-menu-dropdown-elem-container label{
        margin: 0 0 10px 0 ;
        float: none;
        width: 100%;
        height: auto;
        padding-left: 25px;
        font-size: 15px;
    }
    .catalog-filter-menu-dropdown-elem-container label .checkmark{
        top: -2px;
        line-height: 17px;
        border: 1px solid #000000;
        border-radius: initial;
        box-shadow: none;
        height: 15px;
        width: 15px;
    }
    .catalog-filter-menu-dropdown.collapse{
        visibility: initial;
        display: none;
    }
    .mobile-filter-reset{
        text-decoration: none;
        margin-top: 40px;
        font-size: 26px;
    }
    .catalog-filter-menu-title{
        background: url(/local/templates/cosmo/img/filter-close.png) right center no-repeat;
    }
    .catalog-filter-menu-title.active-filter{
        background: url(/local/templates/cosmo/img/filter-open.png) right center no-repeat;
    }
}