/*! HTML5 Boilerplate v7.2.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

@font-face {
    font-family: "Lucida Grande";
    src: url("fonts/Lucida Grande.eot");
    src: local("☺"),
    url("fonts/Lucida Grande.eot@#iefix") format("embedded-opentype"),
    url("fonts/Lucida Grande.ttf") format("truetype"),
    url("fonts/Lucida Grande.woff") format("woff"),
    url("fonts/Lucida Grande.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

div.fancy-select ul.options li.prnt {
    color: #666;
    text-transform: uppercase;
    cursor: default;
}

@font-face {
    font-family: "Geneva";
    src: url("fonts/Geneva.eot");
    src: local("☺"), url("fonts/Geneva.eot@#iefix") format("embedded-opentype"),
    url("fonts/Geneva.ttf") format("truetype"),
    url("fonts/Geneva.woff") format("woff"),
    url("fonts/Geneva.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Cezanne Pro";
    src: url("fonts/Cezanne Pro.eot");
    src: local("☺"),
    url("fonts/Cezanne Pro.eot@#iefix") format("embedded-opentype"),
    url("fonts/Cezanne Pro.ttf") format("truetype"),
    url("fonts/Cezanne Pro.woff") format("woff"),
    url("fonts/Cezanne Pro.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "freeset-cyrillic";
    src: url("fonts/freeset-cyrillic-italic.eot");
    src: local("☺"),
    url("fonts/freeset-cyrillic-italic.eot@#iefix") format("embedded-opentype"),
    url("fonts/freeset-cyrillic-italic.ttf") format("truetype"),
    url("fonts/freeset-cyrillic-italic.woff") format("woff"),
    url("fonts/freeset-cyrillic-italic.svg") format("svg");
    font-weight: normal;
    font-style: italic;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    color: #000;
    font-size: 1em;
    line-height: 1.4;
    width: 100%;
    height: 100%;
    position: relative;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

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

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
    font: 1em "Roboto", sans-serif;
    margin: 0;
    width: 100%;
    height: 100%;
    position: relative;
    display: inline-block;
}

a,
.btn {
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

img {
    max-width: 100%;
}

h2 {
    font-weight: normal;
    font-size: 2.25em;
}

h3 {
    font-size: 1.875em;
    font-weight: normal;
    font-family: "Lucida Grande", sans-serif;
    line-height: 1.17;
}

h5 {
    font-size: 1.4em;
}

p {
    font: 1.215em/1.17 "Roboto", sans-serif;
}

.btn {
    background: none;
    box-shadow: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

.btn > img {
    display: block;
}

.btn--next {
    position: relative;
    height: 70px;
    width: 70px;
    display: inline-block;
    border: 1px solid #000;
}

.btn--next::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: auto;
    left: 33px;
    margin: auto;
    height: 18px;
    width: 66px;
    background: url("../../../../images/common/next-arrow.svg") no-repeat center;
    background-size: contain;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.btn--next-arrow {
    position: relative;
    display: inline-block;
    width: 67px;
    height: 19px;
    background: url("../../../../images/common/next-arrow.svg") no-repeat center;
    background-size: contain;
}

.btn--next-arrow--light {
    background-image: url("../../../../images/common/next-arrow-light.svg");
}

.btn--hamburger,
#search,
.main-header__actions .social-links {
    display: none;
}

.btn--bordered,
.btn--filled {
    border: 1px solid #000;
    text-transform: uppercase;
    color: #000;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    font-size: 0.875em;
    display: inline-block;
    vertical-align: middle;
    padding: 0 1em;
    max-width: 100%;
}

.btn--filled {
    color: #fff;
    background-color: #000;
}

.wrapper {
    text-align: center;
    position: relative;
    display: block;
    z-index: 1;
}

.row {
    margin: 0 -1em;
}

.grid {
    text-align: left;
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    min-height: 1px;
}

.main-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 2.9em;
    z-index: 2;
}

.main-header.menu-on {
    background-color: #f2f2f2;
}

.main-header .grid {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    min-height: 100%;
    height: inherit;
}

.main-header.stick {
    height: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99;
}

.btn--search * {
    fill: #000;
    fill: #000;
}

.stick:not(.menu-on) .btn--search *,
.home .btn--search * {
    fill: #fff;
    stroke: #fff;
}

.home .menu-on .btn--search * {
    fill: #000;
    stroke: #000;
}

.white-logo {
    display: none;
}

.main-header.stick:not(.menu-on) {
    padding-top: 0;
}

.main-header.stick .main-menu ul {
}

.main-header.stick:not(.menu-on) {
    background: rgba(0, 0, 0, 0.4);
}

.main-header.stick:not(.menu-on) .grid {
    width: 100%;
    min-height: 80px;
}

.home .main-header.stick:not(.menu-on) {
}

.home .main-header:not(.menu-on) .white-logo,
.stick:not(.menu-on) .white-logo {
    display: initial;
}

.home .main-header:not(.menu-on) .black-logo,
.stick:not(.menu-on) .black-logo {
    display: none;
}

.main-header.stick:not(.menu-on) .grid .main-menu > ul > li > a {
    color: #fff;
}

@media only screen and (min-width: 1024px) {
    .main-header.stick:not(.menu-on) .grid .logo {
        position: absolute;
        left: 4.7rem;
        width: 170px;
        top: 1.2rem;
        z-index: 2;
    }

    .main-header.stick:not(.menu-on) .grid button {
        position: absolute;
        top: 1.2rem;
        z-index: 2;
        text-align: right;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
    }

    .main-header.stick:not(.menu-on) .grid .main-header__actions {
        padding-top: 1.5rem;
    }

    .main-header.stick:not(.menu-on) .grid .main-menu > ul {
        margin-top: 0;
    }
}

.link-btn {
    font-size: 0.8em;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    padding: 6px 8px 5px;
    margin: 0 10px 0 30px;
    background: #000;
}

.shops-map-button-group{
    margin-top: 10px;
}

.shops-map-button-group .link-btn{
    margin: 0;
    margin-right: 10px;
}

.main-header .btn--search {
    position: absolute;
    top: 4.25em;
    right: 4.7em;
    z-index: 10;
}

#main-menu-close {
    top: 4.25em;
    right: 2em;
    display: none;
}

.main-header.menu-on #main-menu-close {
    display: block;
    z-index: 10;
}

#compact-menu .close {
    display: none;
}

.main-menu > ul {
    position: relative;
    white-space: nowrap;
    padding: 0;
    margin: 4em auto 0;
}

.main-menu > ul > li {
    white-space: normal;
}

.main-menu > ul > li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2.15em;
}

.main-menu > ul > li > a {
    display: block;
    color: #000000;
    text-transform: uppercase;
    font: 1.188em "Lucida Grande", sans-serif;
    line-height: 1;
}

.home .main-menu > ul > li > a,
.main-header--light .main-menu > ul > li > a {
    color: #fff;
}

.home .main-header.menu-on .main-menu > ul > li > a {
    color: #000;
}

.home .main-header.menu-on .logo {
    width: 215px;
    height: 35px;
    display: inline-block;
    background: url(../../../../images/common/mizon-black.png) no-repeat center;
    background-size: contain;
}

.home .main-header.menu-on .logo > img {
    display: none;
}

.main-menu__inner {
    position: absolute;
    width: 100%;
    min-height: 444px;
    top: 100%;
    left: 0;
    padding: 4rem 0 4rem;
    transition: opacity 0.5s ease-out;
}

@media only screen and (max-width: 1023px) {
    .main-menu__inner {
        display: none;
    }
}

.main-menu__inner--product {
    width: 100%;
    text-align: left;
}

.main-menu__inner__sub {
    position: relative;
    margin: 0 auto;
    height: 100%;
    display: flex;
}

.main-menu__inner__area {
    width: 25%;
    padding-left: 3.45em;
    padding-right: 1em;
    height: 546px;
}

.main-menu__inner__area:first-child {
    padding-left: 4.1em;
}

.main-menu__inner__area--skin-care {
    width: 470px;
}

.main-menu__inner__area--skin-care > div {
    float: left;
    width: 50%;
    margin-top: 3.85em;
}

.main-menu__inner__area--skin-care > div + div {
    padding-left: 1em;
}

.main-menu__inner__area + .main-menu__inner__area {
    border-left: 1px solid #000;
}

.main-menu__inner__area ul {
    padding: 0;
    margin: 3.85em 0 0;
    list-style: none;
}

.main-menu__inner__area--skin-care > div > ul {
    margin-top: 2.05em;
}

.main-menu__inner__area ul > li + li {
    margin-top: 1.15em;
}

.main-menu__inner__area a {
    display: block;
    color: #000;
    line-height: 1.15;
    font: 1.215em "Roboto", sans-serif;
}

.main-menu__inner__area > a {
    text-transform: uppercase;
    font-size: 1.4em;
    display: block;
}

.main-menu__inner__area--skin-care > div > a {
    font-size: 1.215em;
    text-transform: uppercase;
}

.intro-slider__item > img {
    max-height: 1080px;
}

.intro-slider__item__content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.intro-slider__item__content .btn--next-arrow {
    position: absolute;
    bottom: 1.25em;
    right: 1.25em;
}

.intro-slider__caption p.collapsed-link {
    max-height: 4.625em;
    overflow: hidden;
}

.intro-slider__caption {
    position: absolute;
    left: 0;
    top: 31.8%;
    padding: 2.2em 2.3% 2.9% 6.6%;
    color: #fff;
    width: 543px;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.45);
}

.intro-slider__caption--empty {
    background: none;
    color: #000;
    top: 30.2%;
}

.intro--reverse .intro-slider__caption {
    background-color: #fff;
    color: #000;
}

.intro-slider__caption .btn--next-arrow {
    float: right;
    margin-right: -0.5em;
    margin-top: -1em;
}

.intro-slider__caption h3 {
    margin-bottom: 1.8em;
    margin-top: 0.7em;
    max-height: 2.4em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.owl-carousel .owl-nav {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto 0;
    top: 0;
    bottom: 0;
    max-height: 30px;
    pointer-events: none;
}

.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    width: 17px;
    margin: 0 14px;
    background: url("../../../../images/common/left_nav_icon.svg") no-repeat center;
    background-size: contain;
    pointer-events: auto;
}
.owl-carousel .owl-nav .owl-next{
    float: right;
}
.owl-carousel .owl-nav .owl-prev {
    float: left;
}
.owl-carousel .owl-nav .owl-next {
    background-image: url("../../../../images/common/right_nav_icon.svg");
}

.owl-carousel .owl-dots {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}

.owl-carousel .owl-dot {
    display: inline-block;
    vertical-align: middle;
    margin: 0.75em;
}

.owl-carousel .owl-dot.active > span {
    background: url("../../../../images/common/m_logo.png") no-repeat center;
    border: none;
    background-size: contain;
}

.owl-carousel .owl-dot > span {
    display: inline-block;
    vertical-align: top;
    width: 1em;
    height: 1em;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}


.banner{
    display: inline-block;
    justify-content: center;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
}

.banner__caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    z-index: 1;
}

.banner .banner__caption{
    height: 133vh;
}

.banner .banner__caption:not(.banner__caption--left-side){
    position: relative;
    width: 100%;
    text-align: center;
    color: #fff;
    z-index: 1;
}

.banner .banner__caption.banner__caption--slogan{
    position: absolute;
}

.banner._left-side{
    position: relative;
    height: 133vh;
}

.banner .banner__caption.banner__caption--slogan{
    height: auto;
    top: 0;
    bottom: 0;
}

.banner__caption--left-side {
    width: 33.333333%;
    background-color: rgba(255, 255, 255, 0.45);
    color: #000;
    left: auto;
    right: 0;
    text-align: left;
    padding-left: 5.5em;
    padding-right: 4%;
    height: 100%;
}

.banner__caption::before {
    content: "";
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 1px;
    visibility: hidden;
    margin-left: -10px;
}

.banner__caption__inner-content {
    display: inline-block;
    vertical-align: middle;
    max-width: 572px;
}

.banner__caption__inner-content .image {
    margin-top: 100px;
    margin-bottom: 6%;
}

.banner__caption--slogan .banner__caption__inner-content {
    vertical-align: bottom;
    max-width: 640px;
    margin-bottom: 1em;
}

.banner__caption__inner-content--stripped {
    color: #000;
    margin-bottom: 13%;
}

.banner__caption__inner-content--stripped::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 23.75%;
    bottom: 38.75%;
    background-color: rgba(255, 255, 255, 0.45);
    z-index: -1;
    max-width: 500px;
    margin: auto;
}

.banner__caption--slogan h2 {
    font-family: "Cezanne Pro";
    color: #fff;
    font-size: 3.7em;
}

.more > .grid {
    text-align: center;
    padding-top: 6.4em;
    padding-bottom: 5.45em;
}

.more > .grid p {
    font-size: 1.4em;
    margin-bottom: 1.2em;
}

.about__image {
    float: left;
    width: 57.5%;
    padding: 5em 0 13.35em 0;
}

.about__image > img {
    max-width: 920px;
    width: 100%;
}

.about__info {
    text-align: left;
    float: left;
    width: 42.5%;
    padding-top: 28em;
    padding-right: 19%;
    padding-bottom: 6em;
}

.about__info h3 {
    margin-top: 0.85em;
    margin-bottom: 1.25em;
}

.about__info .btn--next {
    margin-top: 3.55em;
}

.offer-example h3,
.reviews h3 {
    text-transform: uppercase;
    text-align: center;
    margin-top: 4.55em;
}

.offer-items-carousel,
.reviews-carousel {
    max-width: 1516px;
    padding: 0 6em 0;
    margin: 8em auto 10.4em;
}

.reviews-carousel {
    margin-top: 7.3em;
    margin-bottom: 8.2em;
}

.offer-items-carousel .owl-item img,
.reviews-carousel .owl-item img {
    width: auto;
    max-width: 100%;
    display: inline-block;
}

.offer-items-carousel.owl-carousel .owl-nav,
.reviews-carousel.owl-carousel .owl-nav {
    position: static;
    margin: auto;
}

.offer-items-carousel.owl-carousel .owl-nav .owl-next,
.offer-items-carousel.owl-carousel .owl-nav .owl-prev,
.reviews-carousel.owl-carousel .owl-nav .owl-next,
.reviews-carousel.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 58px;
    height: 58px;
    background-image: url("../../../../images/common/left-arrow-slide.svg");
}

.offer-items-carousel.owl-carousel .owl-nav .owl-next,
.reviews-carousel.owl-carousel .owl-nav .owl-next {
    left: auto;
    right: 0;
    background-image: url("../../../../images/common/right-arrow-slide.svg");
}

.offer-items-carousel.owl-carousel .item {
    padding: 0;
    float: none;
    width: auto;
    margin-top: 0;
}

.item {
    position: relative;
    width: 25%;
    padding: 0 1em;
    float: left;
}

.item .image {
    height: 370px;
    line-height: 370px;
}

.item .image > img {
    max-height: 100%;
}

.popup--action .item .image {
    height: 290px;
    line-height: 290px;
}

.popup--action .item .image > img {
    display: block;
    margin: 0 auto;
}

.offer-example .item {
    margin-top: 5.55em;
}

.item,
.item .raiting {
    text-align: center;
}

.item .name {
    font-size: 1.25em;
    color: #000;
    margin-bottom: 0.85em;
    margin-top: 1.3em;
}

.item .raiting > p {
    font-size: 0.75em;
    color: #000;
}

.item .btn--bordered {
    width: 100%;
    max-width: 304px;
    margin: 1.1em auto 0;
}

.catalog {
    margin-top: 10.7em;
    padding-bottom: 7.1em;
}

#content-main > .catalog:first-child {
    margin-top: 13em;
}

.catalog__filter {
    padding: 0 1em;
    margin-top: 1.85em;
}

.using-filter-name {
    float: left;
    margin: auto;
}

.catalog__filter__item {
    float: right;
    margin-top: 0.25em;
    width: 248px;
}

div.fancy-select {
    font-size: 1em;
}

.catalog__filter__item {
    margin-right: 1.35em;
    width: 248px;
}

div.fancy-select div.trigger {
    background: none;
    font-size: 1.4em;
    border-radius: 0;
    text-transform: none;
    border: none;
    padding-bottom: 14px;
    border-bottom: 2px solid #000;
    font-weight: normal;
    width: 100%;
    max-width: 100%;
    box-shadow: none;
}

div.fancy-select div.trigger.open {
    background: none;
    border: none;
    color: #000;
}

div.fancy-select div.trigger:after {
    width: 28px;
    height: 15px;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border: none;
    background: url("../../../../images/common/select_down.svg") no-repeat center;
    background-size: contain;
}

div.fancy-select ul.options {
    background: none;
    border-radius: 0;
    color: #000;
    text-transform: none;
    box-shadow: none;
    font-size: 1.2em;
    font-weight: normal;
    border: none;
    width: 100%;
    padding-left: 1.7em;
}

.catalog__filter__item div.fancy-select ul.options {
    width: auto;
    background: #fff;
    max-height: 1000px;
    padding: 10px;
}

div.fancy-select ul.options li.selected {
    background: #000;
    color: #fff;
}

div.fancy-select ul.options li {
    padding: 0.38em 0.5em;
    color: #000;
}

div.fancy-select select:focus + div.trigger {
    box-shadow: none;
}

div.fancy-select ul.options li.hover {
    background: #999;
}

.offer-example--collection .grid,
.catalog__filter .grid {
    padding: 0 5.5em;
}

.catalog__filter .grid {
    padding-right: 6.3em;
}

.offer-example--collection .row {
    margin: 0;
}

.product-card {
    padding-top: 200px;
    padding-bottom: 3em;
}

.product-card .item .name {
    font-size: 1.375em;
}

.product-card__details {
    position: relative;
    text-align: left;
}

.product-card__details__info {
    position: absolute;
    top: 4.55em;
    left: 0;
    padding-top: 1.65em;
    padding-left: 6.5%;
    padding-right: 2%;
    max-width: 543px;
    width: 34%;
    box-shadow: -22px 23px 26px -12px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: -22px 23px 26px -12px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: -22px 23px 26px -12px rgba(0, 0, 0, 0.15);
    background-color: #f2f2f2;
    z-index: 2;
}

.product-card__details__info .sticker {
    color: #fff;
    text-transform: uppercase;
    background-color: #000;
    position: absolute;
    top: -3.1em;
    left: 17%;
    text-align: center;
    min-height: 90px;
    width: 75px;
    padding-top: 3.7em;
}

.product-card__details__info h3 {
    margin-left: 0.1em;
    margin-bottom: 0;
    font-family: "Lucida Grande", sans-serif;
}

.product-card__details__info p {
    margin-top: 0.75em;
}

.product-card__details__info .btn--next-arrow {
    float: right;
}

.product-card__details__info .value {
    display: inline-block;
    vertical-align: middle;
}

.product-card__details__info .value + .value::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 50px;
    background-color: #000;
    margin-left: 4px;
    margin-right: 15px;
}

.product-card__carousel .owl-item {
    text-align: center;
}

.product-card__carousel .owl-item img {
    display: inline-block;
    width: 476px;
}

.product-card__carousel.owl-carousel .owl-dots {
    text-align: center;
    position: static;
    margin-top: 3.1em;
}

.product-card__carousel.owl-carousel .owl-dot > span {
    width: 12px;
    height: 12px;
    border: 2px solid #000;
    margin: 0 -3px;
    vertical-align: middle;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.product-card__carousel.owl-carousel .owl-dot.active > span {
    background: #000;
    width: 20px;
    height: 20px;
}

.product-card__details__actions {
    position: absolute;
    top: 8.2em;
    right: 14.9%;
    width: 306px;
    z-index: 2;
}

.product-card__details__actions .btn {
    width: 100%;
    margin-top: 1.15em;
    font-size: 0.938em;
    letter-spacing: 0.05em;
}

.product-card__description {
    padding-top: 13.1em;
    padding-bottom: 6em;
}

.product-card__description > .grid {
    position: relative;
}

.product-card__description .image {
    float: left;
    width: 58%;
}

.product-card__description .image > .image-bordered {
    position: relative;
    margin-left: 12.3%;
}

.product-card__description .image > .image-bordered::before {
    content: "";
    position: absolute;
    top: 5.05%;
    left: -4%;
    width: 82.5%;
    height: 100%;
    background: url(../../../../images/common/rectangle_gold.png) no-repeat 0 0;
    background-size: contain;
}

.product-card__description .caption {
    top: 0;
    height: 100%;
    right: 0;
    width: 42%;
    float: left;
    padding-left: 1.75em;
    overflow: hidden;
    padding-top: 0;
    padding-right: 14%;
}

.product-card__description .caption:after {
    position: absolute;
    height: 2em;

}

.product-card__description .caption .more {
    text-align: right;
    padding-right: .5em;
    padding-top: 1em;
    position: absolute;
    bottom: 1em;
    right: 1em;
}

.product-card__description .caption .more a {
    transform: scale(-1, 1);
}

.product-card__description .caption.cutted .more a {
    transform: scale(1, 1);
}

.product-card__description .caption.cutted {
    position: absolute;
}

.product-card__description .caption.cutted .more {
    display: block;
}

.product-card__description .caption.cutted .more::before {

    position: absolute;
    top: -100%;
    height: 15px;
    width: 100%;
    left: 0;
    background: -moz-linear-gradient(
            top,
            rgba(255, 255, 255, 0.1) 0%,
            rgba(255, 255, 255, 1) 43%,
            rgba(255, 255, 255, 1) 100%
    );
    background: -webkit-linear-gradient(
            top,
            rgba(255, 255, 255, 0.1) 0%,
            rgba(255, 255, 255, 1) 43%,
            rgba(255, 255, 255, 1) 100%
    );
    background: linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0.1) 0%,
            rgba(255, 255, 255, 1) 43%,
            rgba(255, 255, 255, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1affffff', endColorstr='#ffffff', GradientType=0);
}

.product-card__description .caption .caption-inner {
    padding-bottom: 4em;
}

.product-card__description .caption.cutted .caption-inner {
    overflow: hidden;
    padding-bottom: 4em;
    -webkit-column-width: 1000px;
    -moz-column-width: 1000px;
    column-width: 1000px;
    height: 100%;
}

.product-card__description--no-image .caption {
    position: static;
    float: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.product-card__description--no-image .caption p {
    line-height: 1.45;
}

.product-card__description .caption h3 {
    margin-bottom: 1.7em;
}

.user-info {
    text-align: center;
    background-color: #f2f2f2;
    padding: 3.5em 23%;
}

.user-info .grid,
.product-card__reviews .grid > h3 {
    text-align: center;
}

.user-info h3 {
    margin-bottom: 1.73em;
}

.product-card__reviews .grid > h3 {
    text-transform: uppercase;
}

.product-card__reviews {
    padding-top: 5.4em;
    margin-bottom: 5em;
}

.product-card__reviews form {
    margin: 0 auto;
    max-width: 460px;
    margin-top: 2em;
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.product-card__reviews form.active {
    max-height: 12000px;
}

.product-card__reviews form textarea {
    padding: 0.5em 2em 0;
    width: 100%;
    font-family: "freeset-cyrillic";
    font-style: italic;
    box-shadow: none;
    background: none;
    border: 2px solid #000;
    outline: none;
    margin-top: 2em;
    height: 180px;
}

.product-card__reviews form .btn.btn--filled {
    display: block;
    margin: 0 auto;
    margin-top: 2em;
    width: 13em;
    font-size: 1.25em;
    height: 48px;
    line-height: 48px;
}

.product-card__reviews .raiting {
    text-align: center;
    padding-top: 0.3em;
}

.product-card__reviews .raiting p {
    font-size: 0.875em;
}

.product-card__reviews .raiting .btn {
    margin-top: 1.05em;
    font-size: 0.95em;
    width: 20em;
}

.reviews-list {
    list-style: none;
    padding-left: 6.95em;
    margin-top: 4.4em;
}

.reviews-list li {
    position: relative;
    max-width: 1328px;
    padding-left: 8.6em;
    margin-bottom: 1.9em;
    padding-bottom: 2.25em;
}

.reviews-list li::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 8.6em;
    right: 0;
    height: 1px;
    width: auto;
    background-color: #000000;
}

.reviews-list .photo {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 106px;
    height: 106px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #000;
    text-align: center;
    line-height: 92px;
    font-size: 2em;
}

.reviews-list .author {
    font-size: 1.45em;
    margin-bottom: 0.35em;
}

.reviews-list h3 {
    margin-top: 0.53em;
    margin-bottom: 0;
}

.reviews-list h3 + p {
    margin-top: 0.8em;
    max-width: 94%;
}

.reviews-list .raiting {
    text-align: left;
    position: relative;
}

.reviews-list .raiting .date {
    position: absolute;
    top: -0.4em;
    right: 1em;
    font-style: italic;
    font-size: 1.1em;
}

.reviews-list + .raiting {
    width: 19em;
    max-width: 100%;
    margin: 4.25em auto 0;
}

.raiting > a {
    color: #000;
    font-size: 1.2em;
    width: 100%;
    border-bottom: 1px solid #000;
    display: inline-block;
    padding-bottom: 0.7em;
}

.reviews-list + .raiting > a + .btn {
    margin-top: 4.65em;
}

/* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
.star-rating-group {
    display: inline-flex;
    margin-left: -0.5em;
}

.product-card__reviews form .star-rating-group {
    display: table;
    margin-left: 0;
    margin-top: 1em;
}

.product-card__reviews form .rating__label {
    float: right;
}

/* make hover effect work properly in IE */
.rating__icon {
    pointer-events: none;
}

/* hide radio inputs */
.rating__input {
    position: absolute !important;
    left: -9999px !important;
}

/* set icon padding and size */
.rating__label {
    cursor: pointer;
    /* if you change the left/right padding, update the margin-right property of .rating__label--half as well. */
    padding: 0 0.1em;
    font-size: 1.4rem;
}

/* add padding and positioning to half star labels */
.rating__label--half {
    padding-right: 0;
    margin-right: -1.25em;
    z-index: 2;
}

/* set default star color */
.rating__icon--star {
    color: #000000;
}

/* set color of none icon when unchecked */
.rating__icon--none {
    color: #eee;
}

/* if none icon is checked, make it red */
.rating__input--none:checked + .rating__label .rating__icon--none {
    color: red;
}

/* if any input is checked, make its following siblings grey */
.rating__input:checked ~ .rating__label .rating__icon--star {
    color: #ddd;
}

/* make all stars orange on rating group hover
.star-rating-group:hover .rating__label .rating__icon--star,
.star-rating-group:hover .rating__label--half .rating__icon--star {
  color: orange;
} */

/* make hovered input's following siblings grey on hover */
.rating__input:hover ~ .rating__label .rating__icon--star,
.rating__input:hover ~ .rating__label--half .rating__icon--star {
    color: #ddd;
}

/* make none icon grey on rating group hover */
.star-rating-group:hover
.rating__input--none:not(:hover)
+ .rating__label
.rating__icon--none {
    color: #eee;
}

/* make none icon red on hover */
.rating__input--none:hover + .rating__label .rating__icon--none {
    color: red;
}

.star-rating__input {
    display: none;
}

.star-rating__ico:hover > .rating__icon--star,
.star-rating__ico:hover ~ .star-rating__ico > .rating__icon--star,
.star-rating__input:checked ~ .star-rating__ico > .rating__icon--star {
    font-weight: 900;
}

.popup {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100;
    background-color: #f2f2f2;
    max-width: 544px;
    min-height: 900px;
    height: 100%;
    -webkit-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    -ms-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
    display: none;
    opacity: 0;
}

.popup.scrolled {
    overflow: scroll;
}

.popup--action {
    max-width: 100%;
    background-color: #fff;
    min-height: inherit;
    height: 100%;
    width: 100%;
}

.popup--action .popup__content::before,
.popup--action .popup__content::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 267px;
    height: 298px;
    background: url("../../../../images/common/leaf-1.png") no-repeat center;
    background-size: contain;
}

.popup--action .popup__content::after {
    width: 263px;
    height: 302px;
    background-image: url("../../../../images/common/leaf-2.png");
    left: auto;
    top: auto;
    bottom: 0;
    right: 0;
}

.popup.active {
    display: block;
    opacity: 1;
    overflow: auto;
}

.popup__content {
    padding: 12.2em 6.6em 1em 1.95em;
    position: relative;
}

.popup--action .popup__content {
    padding: 3.7em 5em 2em;
}

.popup__content > p {
    font-size: 1.44em;
}

.popup__close {
    display: inline-block;
    width: 23px;
    height: 24px;
    background: url(../../../../images/common/close.png) no-repeat center;
    position: absolute;
    top: 10.35em;
    right: 3.6em;
}

.popup--action .popup__close {
    top: 4.15em;
    right: 1.2em;
}

.popup--action .offer-example > .grid > .btn.btn--bordered {
    display: block;
    margin: 0 auto;
    font-size: 1.125em;
    height: 48px;
    line-height: 48px;
    width: 20em;
    margin-top: 2em;
}

.popup-box {
    margin-top: 1.8em;
}

.popup-box--search {
    margin: 0 auto;
    text-align: center;
}

.popup-box--search form {
    margin: 4.25em auto 0;
    position: relative;
}

.popup-box--search form input[type="search"],
.product-card__reviews form input[type="text"] {
    padding: 0.5em 2em 0;
    width: 100%;
    height: 40px;
    font-family: "freeset-cyrillic";
    font-style: italic;
    box-shadow: none;
    border: none;
    background: none;
    border-bottom: 2px solid #000;
    outline: none;
}

.popup-box--search form .btn--search {
    position: absolute;
    top: -0.3em;
    bottom: 0;
    right: 0.15em;
    margin: auto;
    height: 25px;
    width: 25px;
    display: inline-block;
}

.popup-box--search .logo {
    display: inline-block;
    margin-bottom: 1.75em;
}

.popup-box--search > p {
    font-size: 1.25em;
    font-family: "Circe";
    font-weight: bold;
}

.popup-box--search .offer-example .item {
    margin-top: 2.2em;
}

.popup-box--search .item .name {
    font-size: 1.25em;
    margin-top: 1.2em;
}

.results-info-text {
    font-size: 1.25em;
    color: #000;
    margin-bottom: 0.85em;
    margin-top: 1.3em;
}

.pagination {
    font-size: 1.25em;
}

.pagination a {
    text-decoration: none;
    color: #000;
}

.pagination a,
.pagination span {
    width: 48px;
    height: 48px;
    line-height: 48px;
    border: 2px solid #000;
    background-color: transparent;
    color: #000;
    display: inline-block;
    vertical-align: middle;
}

.pagination span {
    background-color: #000;
    color: #fff;
}

.search-results-page {
    padding-top: 11em;
}

.search-form {
    position: relative;
    max-width: 575px;
    margin: 0 auto 6em;
    z-index: 2;
}

.search-form__suggestions {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    list-style: none;
    background-color: #f2f2f2;
    margin: 0;
    width: 100%;
    text-align: left;
    padding-left: 1.9em;
    padding-top: 3.05em;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.search-form__suggestions.active {
    opacity: 1;
    display: initial;
}

.search-form__suggestions li {
    margin-bottom: 2.5em;
}

.search-form__suggestions li + li {
    margin-bottom: 1.45em;
}

.search-form__suggestions p {
    text-transform: uppercase;
    font-size: 1.43em;
}

.search-form__suggestions a {
    color: #000;
    font-size: 1.215em;
    display: inline-block;
}

.news {
    padding-top: 100px;
}

@media only screen and (min-width: 1024px) {
    .news {
        padding-top: 273px;
        padding-bottom: 8.1em;
    }

    .home .offer-items-carousel .item .name {
        min-height: 110px;
    }
}

.news--card {
    padding-bottom: 5.5em;
}

.news > .grid {
    max-width: 1106px;
}

.news__heading {
    text-align: center;
    margin-bottom: -5em;
}

.news__heading .banner {
    margin-bottom: 3.2em;
}

.news__heading h3 {
    max-width: 800px;
    margin: 0 auto;
}

.news__column {
    width: 408px;
    max-width: 100%;
    float: left;
}

@media only screen and (min-width: 1024px) {
    .news__column {
        width: 470px;
    }
}

.news__column + .news__column {
    float: right;
}

.news--card .news__column + .news__column {
    width: 1515px;
}

.news__item {
    margin-bottom: 2.85em;
}

.news__item a {
    color: #000;
}

.news__item h3 {
    margin-top: 0.53em;
    margin-bottom: 0.3em;
}

.news__item p {
    margin: 0.85em 0;
}

.news__item p:first-child {
    margin-top: 0.1em;
}

.news__item p + p {
    margin-top: 1.15em;
}

.news--card .news__item .caption + .image {
    margin-top: 4.1em;
}

.news__description__heading {
    margin-top: 3em;
    margin-bottom: 3.1em;
}

.news__description__heading h3,
.news__description__heading .image {
    display: inline-block;
    width: 50%;
}

.news__description__heading h3 {
    margin-right: -8px;
    vertical-align: bottom;
    margin-bottom: 0;
}

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

.news__description p {
    margin-top: 0.15em;
    line-height: 1.1;
}

.news__description p + p {
    margin-top: 1.1em;
}

.news hr {
    border-top-color: #000;
    margin-top: 1.7em;
    margin-bottom: 1.7em;
}

.not-found {
    position: relative;
}

.not-found__caption {
    position: absolute;
    bottom: 14.7%;
    max-width: 36.1em;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
    padding: 2.3em 2em 2.2em 7.1em;
}

.not-found__caption h3 + h3 {
    margin-top: 1.4em;
}

.not-found__caption h3 > a {
    font-weight: normal;
    color: #000;
    border-bottom: 2px solid #000;
    line-height: 1;
    display: inline-block;
}

.stores {
    padding-top: 271px;
    padding-bottom: 8.5em;
}

.stores > .grid {
    max-width: 1439px;
}

.stores .row {
    max-width: 1400px;
    margin: 0 auto;
}

.stores__item {
    padding: 0 15px;
    float: left;
    text-align: center;
    width: 50%;
}

.stores__item h3 {
    margin-top: 0.7em;
    color: #000;
}

.stores__current {
    margin-top: -1.75em;
}

.stores__current .map {
    margin-top: 2em;
}

.stores__current .map > p {
    margin-bottom: 0.45em;
    margin-top: 0;
}

.stores__current__info {
    display: flex;
}

.stores__current__info > div:nth-child(1) label {
    white-space: nowrap;
}

.stores__current__info > div:nth-child(2) {
    width: 100%;
    padding-left: 2em;
}

.stores__current__info div.fancy-select div.trigger {
    padding-left: 0;
}

.stores__current__info div.fancy-select ul.options {
    background-color: #f2f2f2;
    padding: 0.2em 0.2em 0.5em 0.25em;
}

.stores__current__info div.fancy-select ul.options .search-sort {
    margin-bottom: 0.55em;
    padding: 0.38em 0.5em;
    position: relative;
}

.stores__current__info div.fancy-select ul.options .search-sort form {
    position: relative;
}

.stores__current__info
div.fancy-select
ul.options
.search-sort
input[type="search"] {
    width: 100%;
    height: 30px;
    border: none;
    background: #d8d8d8;
}

.stores__current__info div.fancy-select ul.options .search-sort .btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0.4em;
    margin: auto;
}

.stores__current__info div.fancy-select ul.options li {
    padding: 0.34em 1.4em;
}

.stores__current__info .radio-group {
    margin-top: 1.75em;
}

.stores__current__info .radio-group + .radio-group {
    margin-top: 0.85em;
}

.stores__current__info__caption {
    height: 353px;
    background-color: #f2f2f2;
    padding-left: 2em;
}

.stores__current__info__caption h5 {
    font-weight: normal;
    margin-top: 0.8em;
    line-height: 1.15;
    margin-bottom: 0.4em;
}

.stores__current__info__caption p {
    font-size: 0.85em;
    margin-top: 0.7em;
    margin-bottom: 0;
}

.stores__current__info__caption hr {
    border-top: 2px solid #9b9b9b;
    margin: 1.15em 0;
    height: 2px;
}

.stores__current__info__caption.selected {
    padding-top: 0;
    padding-left: 0;
}

.stores__current__info__caption.selected .mCustomScrollBox {
    position: relative;
    padding-left: 2em;
}

.stores__current__info__caption.selected p {
    margin-top: 1.05em;
    font-size: 1.2em;
}

.stores__current__info__caption.selected .btn.close {
    position: absolute;
    top: 0.8em;
    right: 0.4em;
}

.stores__current__info__caption
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    padding-right: 2em;
}

.js-click-map-show {
    display: block;
    cursor: pointer;
}

.js-click-map-show p {
    display: flex;
    align-items: center;
}

.js-click-map-show span {
    vertical-align: top;
    white-space: nowrap;
}

.js-click-map-show span:first-child {
    white-space: normal;
    max-width: 50%;
}

.js-click-map-show span a {
    font-size: 1em;

}

.mCSB_scrollTools {
    width: 4px;
    opacity: 1;
}

.mCSB_scrollTools .mCSB_dragger {
    background-color: #000;
}

.mCSB_scrollTools .mCSB_draggerRail,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: transparent;
    border-radius: 0;
}

.radio-group [type="checkbox"]:not(:checked),
.radio-group [type="checkbox"]:checked,
.radio-group [type="radio"]:not(:checked),
.radio-group [type="radio"]:checked {
    position: absolute;
    left: -9999px;
}

.radio-group [type="checkbox"]:not(:checked) + label,
.radio-group [type="checkbox"]:checked + label,
.radio-group [type="radio"]:not(:checked) + label,
.radio-group [type="radio"]:checked + label {
    position: relative;
    width: auto;
    padding-left: 1.6em;
    cursor: pointer;
    display: inline-block;
    font-size: 1.215em;
    line-height: 1.4;
}

.radio-group [type="checkbox"]:not(:checked) + label:before,
.radio-group [type="checkbox"]:checked + label:before,
.radio-group [type="radio"]:not(:checked) + label:before,
.radio-group [type="radio"]:checked + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #000;
    background: transparent;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.radio-group [type="checkbox"]:not(:checked) + label:after,
.radio-group [type="checkbox"]:checked + label:after,
.radio-group [type="radio"]:not(:checked) + label:after,
.radio-group [type="radio"]:checked + label:after {
    content: "";
    position: absolute;
    top: 6px;
    margin: auto;
    left: 6px;
    width: 10px;
    background-color: #000;
    height: 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.radio-group [type="checkbox"]:not(:checked) + label:after,
.radio-group [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

.radio-group [type="checkbox"]:checked + label:after,
.radio-group [type="radio"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.main-footer {
    background: url("../../../../images/common/fern_bg.jpg") center top;
    padding-top: 6em;
    padding-bottom: 1em;
}

.main-footer .grid {
    padding: 0 6.55em;
}

.main-footer__col {
    width: 33.333333%;
    float: left;
    padding: 0 1em;
}

.main-footer__col .offi {
    text-transform: uppercase;
    color: #fff;
    font-size: 0.8em;
    margin-top: 1.6em;
}

.main-footer__nav > ul {
    padding: 0;
    margin-top: 2.35em;
    list-style: none;
    margin-bottom: 2.8em;
}

.main-footer__nav > ul > li + li {
    margin-top: 0.9em;
}

.main-footer__nav > ul > li > a {
    display: block;
    text-transform: uppercase;
    font: 1.063em/1.29 "Roboto", sans-serif;
    color: #fff;
}

.copyright {
    font-size: 0.625em;
    color: #fff;
    line-height: 1.7;
}

.main-footer__col--actions {
    text-align: center;
}

.main-footer .logo > img {
    width: 150px;
}

.social-links {
    margin-top: 1.7em;
    list-style: none;
    padding: 0;
}

.social-links li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.4em;
}

.social-links li > a {
    display: block;
}

.subscribe p {
    font-size: 0.75em;
    color: #fff;
    font-weight: bold;
    margin-top: 2em;
}

.subscribe form {
    width: 513px;
    max-width: 100%;
    position: relative;
    margin: 1.7em auto 0;
}

.subscribe form.done {
    pointer-events: none;
}

.subscribe form input[type="search"] {
    color: #fff;
    border: 1px solid #fff;
    height: 30px;
    width: 100%;
    padding-left: 1.25em;
    font-size: 0.875em;
    padding-right: 3em;
    background: transparent;
}

.subscribe form .btn--submit {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    width: 50px;
    height: 14px;
}

#btn-up {
    position: absolute;
    right: 5.75em;
    bottom: 1em;
    width: 14px;
    height: 50px;
    padding: 0;
}

@media only screen and (min-width: 1024px) {
    .main-menu ul li > a:hover {
        text-decoration: underline;
    }

    .btn--next:hover {
        border-width: 5px;
    }

    .btn--next:hover::after {
        left: -16px;
    }

    .btn--bordered:hover {
        background-color: #000;
        color: #fff;
    }

    .btn--filled:hover {
        background-color: transparent;
        color: #000;
        border-color: #000;
    }
}

@media only screen and (max-width: 1600px) {
    .grid {
        padding: 0 1.5em;
    }

    .about__image {
        padding-right: 2%;
    }

    .about__info {
        padding-right: 17.5%;
        padding-left: 1.87em;
    }

    .product-card__description .caption {
        padding-right: 10%;
    }

    .product-card__details__actions {
        right: 12%;
    }

    .search-results-page {
        padding-top: 6em;
    }
}

@media only screen and (max-width: 1440px) {
    .grid {
        padding: 0 1em;
    }

    .about__image {
        padding-bottom: 9em;
    }

    .about__info {
        padding-top: 20.45em;
    }

    .about__info .btn--next {
        margin-top: 1.55em;
    }

    .btn--next {
        width: 50px;
        height: 50px;
    }

    .btn--next::after {
        height: 13px;
        width: 46px;
        left: 22px;
    }

    .btn--next:hover {
        border-width: 3px;
    }

    .offer-example h3,
    .reviews h3 {
        margin-top: 3.55em;
    }

    .offer-items-carousel,
    .reviews-carousel {
        margin-top: 5em;
        padding: 0 5em;
    }

    .offer-items-carousel.owl-carousel .owl-nav .owl-next,
    .offer-items-carousel.owl-carousel .owl-nav .owl-prev,
    .reviews-carousel.owl-carousel .owl-nav .owl-next,
    .reviews-carousel.owl-carousel .owl-nav .owl-prev {
        width: 48px;
        height: 48px;
    }

    .offer-example--collection .grid,
    .catalog__filter .grid {
        padding: 0 3.5em;
    }

    .search-results-page {
        padding-top: 4.5em;
    }

    .main-footer .grid {
        padding: 0 3.55em;
    }

    .product-card__details__actions {
        right: 2em;
    }

    .product-card__details__info {
        padding-right: 2em;
        padding-left: 2em;
    }

    .product-card__details__info {
        width: 33.333333%;
    }

    .product-card__description .image {
        width: 55%;
    }

    .product-card__description .caption {
        width: 45%;
    }

    .product-card__description--no-image .caption {
        width: 100%;
    }

    .product-card__description .image > .image-bordered {
        margin-left: 0;
        max-width: 679px;
    }

    .product-card__description .caption {
        padding-right: 2em;
    }

    .product-card__description {
        padding-top: 8em;
    }

    .product-card .item .name {
        font-size: 1.25em;
    }

    .reviews-list {
        padding-left: 0;
    }
}

@media only screen and (max-width: 1259px) {
    .main-menu > ul > li {
        margin: 0 1.15em;
    }

    .main-footer .grid {
        padding: 0 1em;
    }

    .main-header {
        padding-top: 0.4em;
    }

    .main-menu ul {
        margin-top: 2em;
    }

    .main-menu ul li > a,
    p {
        font-size: 1em;
    }

    .item .name,
    div.fancy-select div.trigger {
        font-size: 1.25em;
    }

    div.fancy-select ul.options {
        font-size: 1.125em;
    }

    .catalog__filter__item {
        margin-right: 2%;
        width: 21.333333%;
    }

    .owl-carousel .owl-nav {
        bottom: 1.6em;
    }

    .about__image {
        padding-left: 0;
        width: 50%;
        padding-bottom: 5em;
    }

    .about__info {
        padding-top: 11.45em;
        width: 50%;
        padding-right: 5em;
    }

    .offer-example h3,
    .reviews h3 {
        margin-top: 3em;
    }

    .offer-items-carousel,
    .reviews-carousel {
        margin-top: 2.5em;
        margin-bottom: 5em;
    }

    .offer-example .item {
        margin-top: 3em;
    }

    .offer-example--collection .grid,
    .catalog__filter .grid {
        padding: 0;
    }

    .main-footer__col {
        width: 25%;
    }

    .main-footer__col--actions {
        width: 50%;
    }

    #btn-up {
        right: 3em;
    }

    .product-card {
        padding-top: 140px;
    }

    .product-card__carousel {
        width: 50%;
    }

    .product-card__details__info {
        right: 5em;
        top: 10.5em;
        left: auto;
    }

    .product-card__details__actions .btn {
        max-width: 20em;
    }

    .product-card__carousel.owl-carousel .owl-dots {
        margin-top: -1em;
    }

    .product-card__details__actions {
        position: static;
        width: 50%;
        text-align: center;
    }

    .product-card__description .image > .image-bordered::before {
        left: -1em;
        width: 100%;
    }

    .product-card__description .image,
    .product-card__description .caption {
        width: 50%;
        padding-right: 0;
    }

    .catalog {
        margin-top: 8em;
        padding-bottom: 4em;
    }

    .search-results-page {
        padding-top: 1em;
    }
}

@media only screen and (max-width: 1140px) {
    .banner__caption--left-side {
        padding-left: 3%;
        padding-right: 1%;
    }
}

@media only screen and (max-width: 1023px) {
    h3 {
        font-size: 1.45em;
    }

    .main-header .logo {
        margin-top: 1.25em;
        display: inline-block;
    }

    .main-header .grid {
        text-align: left;
        padding-left: 1em;
        padding-right: 1em;
    }

    .home .banner .banner__caption {
        height: auto;
        top: 0;
        bottom: 0;
    }

    .btn--hamburger {
        display: block;
        position: absolute;
        right: 1em;
        top: 1.8em;
        bottom: 0;
        height: 27px;
        width: 40px;
        border-top: 3px solid #000000;
        border-bottom: 3px solid #000000;
    }

    .btn--hamburger::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 16px;
        right: 0;
        margin: auto;
        background-color: #000000;
        height: 3px;
    }
    .intro-slider__item__content {
        position: relative;
    }
    .home .btn--hamburger,
    .main-header--light .btn--hamburger {
        border-color: #ffffff;
    }

    .home .btn--hamburger::after,
    .main-header--light .btn--hamburger::after {
        background-color: #ffffff;
    }

    .main-header .btn--search {
        top: 1.75em;
    }

    #compact-menu {
        position: absolute;
        top: 0;
        padding: 4.45em 1.25em 2.5em;
        left: -120%;
        width: 400px;
        background-color: #000;
        z-index: 10;
        height: auto;
        -webkit-transition: left 0.5s ease;
        -moz-transition: left 0.5s ease;
        -ms-transition: left 0.5s ease;
        -o-transition: left 0.5s ease;
        transition: left 0.5s ease;
    }

    #compact-menu form {
        position: relative;
    }

    #compact-menu form input[type="search"] {
        width: 100%;
        height: 40px;
        background-color: #2a2a2a;
        border: none;
        font-family: "freeset-cyrillic", sans-serif;
        font-size: 1em;
        font-style: italic;
        padding: 0.4em 3em 0 1.3em;
        color: #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    #compact-menu form .btn--search {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0.6em;
        width: 25px;
        height: 25px;
        margin: auto;
    }

    #header-main.active #compact-menu {
        left: 0;
    }

    #compact-menu .close {
        display: inline-block;
        position: absolute;
        top: 1.3em;
        right: 1.25em;
    }

    #search,
    .main-header__actions .social-links {
        display: block;
    }

    #compact-menu .social-links {
        text-align: center;
        margin-top: 0;
    }

    #compact-menu .social-links li {
        margin: 0 0.7em;
    }

    .main-menu ul {
        margin-top: 3.3em;
        padding-left: 0;
        text-align: center;
    }

    .main-menu ul::after {
        content: "";
        display: inline-block;
        width: 70px;
        height: 2px;
        background-color: #9b9b9b;
        margin-top: 5.1em;
        margin-bottom: 3.5em;
    }

    .main-menu ul li {
        display: block;
        margin: 2.82em auto 0;
    }

    .main-menu ul li > a {
        font-size: 1.875em;
        color: #fff;
    }

    .banner__caption__inner-content .image {
        margin-top: 150px;

    }

    .banner._left-side{
        height: 40vh;
    }

    .about__info {
        padding-top: 8.45em;
        padding-right: 0;
    }

    .about__info,
    .about__image {
        padding-top: 3em;
        padding-bottom: 3em;
    }

    .offer-items-carousel,
    .reviews-carousel {
        margin-top: 0;
        margin-bottom: 4em;
        padding: 0 3em;
    }

    .offer-items-carousel .owl-item img {
        max-width: 240px;
    }

    .reviews-carousel {
        padding: 0;
    }

    .item {
        width: 50%;
    }

    .item .name {
        font-size: 1.125em;
    }

    .offer-example--collection .grid,
    .catalog__filter .grid {
        padding: 0 0.5em;
    }

    #content-main > .catalog:first-child {
        margin-top: 3em;
    }

    .main-footer {
        padding-top: 3em;
    }

    .main-footer__nav > ul {
        margin-top: 0;
    }

    .social-links {
        margin-top: 1.9em;
    }

    .subscribe p,
    .subscribe form {
        margin-top: 1em;
    }

    .subscribe form {
        max-width: 275px;
        width: 100%;
    }

    .main-footer__col {
        width: 50%;
    }

    .product-card {
        padding-top: 80px;
    }

    .product-card__details__info {
        width: 45%;
        max-width: 340px;
        right: 1em;
    }

    .product-card__description .image,
    .product-card__description .caption {
        padding-top: 1em;
    }

    .product-card__description {
        padding-bottom: 3em;
    }

    .product-card .offer-example .item {
        margin-top: 0;
    }

    .user-info {
        padding-left: 15%;
        padding-right: 15%;
    }

    .catalog__filter__item {
        margin-top: 0;
        width: 17.333333%;
    }

    div.fancy-select div.trigger {
        font-size: 1em;
    }

    div.fancy-select ul.options {
        font-size: 0.938em;
    }

    div.fancy-select div.trigger {
        padding-bottom: 9px;
        border-width: 1px;
    }

    div.fancy-select div.trigger:after {
        width: 14px;
        height: 8px;
    }

    .using-filter-name {
        width: 31.333333%;
        margin-top: 0.3em;
    }

    .intro-slider__caption {
        width: 100%;
        top: auto;
        bottom: 0;
    }
}

.product-card__details__info p.collapsed {
    height: 100%;
}

.product-card__details__info p.collapsed {
    position: relative;
    margin-top: 0.75em;
    height: 4.56em;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: height 0.4s linear;
    -moz-transition: height 0.4s linear;
    -ms-transition: height 0.4s linear;
    -o-transition: height 0.4s linear;
    transition: height 0.4s linear;
}

.product-card__details__info p + div > a {

    transform: scale(-1, 1);
}

.product-card__details__info p.collapsed + div > a {

    transform: scale(1, 1);
}

.product-card__details__info p.collapsed:after {

    content: "...";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
}

@media only screen and (max-width: 767px) {
    .catalog__filter {
        margin-top: 3.85em;
    }

    .stores__current__info {
        display: block;
    }

    .js-click-map-show p {
        display: block;
    }

    .js-click-map-show span,
    .js-click-map-show span:first-child {
        display: block;
        padding-bottom: .5rem;
        max-width: 100%;
    }

    .stores {
        padding-top: 100px;
    }

    .js-click-map-show span a {
        margin: 0;
    }

    .main-header .logo {
        margin-top: 1.35em;
        width: 194px;
    }

    .stores__current__info > div:nth-child(2) {
        width: 100%;
        padding-left: 0em;
    }

    .intro-slider__item{
        display: inline-block;
        justify-content: center;
        overflow: hidden;
    }

    .intro-slider__caption {
        padding: 2em 1.2em 2.85em 1.3em;
        position: relative;
        min-height: 297px;
    }
    .intro-slider__caption--empty {
        top: 0;
        position: relative;
        width: 100%;
        display: inline-block;
        padding: 0 20px;
    }

    .owl-item .intro-slider__item > img {
        height: auto;
        width: 100%;
    }

    .intro-slider__caption p.collapsed-link {
        max-height: initial;
    }

    .about__image,
    .about__info {
        float: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        opacity: 0.25;
    }

    .about__info {
        position: absolute;
        top: 0;
        left: 0;
        width: 60%;
        padding-left: 1em;
        padding-right: 1em;
        opacity: 1;
    }

    .banner__caption::before {
        margin-left: -10px;
    }

    .offer-items-carousel,
    .reviews-carousel {
        padding: 0;
    }

    .offer-items-carousel .owl-item .item .image > img,
    .reviews-carousel .owl-item img {
        width: 100%;
    }

    .item .name {
        font-size: 1em;
    }

    .item .raiting > img {
        width: 100px;
    }

    .product-card__details__info {
        width: 100%;
        max-width: 100%;
        padding-bottom: 2rem;
        right: auto;
        left: auto;
        position: static;
        margin-top: 9em;
        height: auto;
    }

    .product-card__details__info .sticker {
        top: -1.45em;
        left: 1em;
        min-height: 60px;
        padding-top: 2em;
    }

    .product-card__carousel,
    .product-card__details__actions,
    .product-card__description .image,
    .product-card__description .caption {
        width: 100%;
    }

    .product-card__description {
        position: relative;
        padding-top: 5em;
    }

    .product-card__description .image {
        opacity: 0.15;
    }

    .product-card__description .caption {
        position: absolute;
        top: 24%;
        left: 1em;
        right: 2em;
        width: auto;
    }

    .reviews-list li {
        padding-left: 6.5em;
    }

    .reviews-list li::after {
        left: 6.5em;
    }

    .reviews-list .photo {
        width: 86px;
        height: 86px;
        line-height: 92px;
    }

    .catalog__filter__item {
        margin-right: 3%;
        width: 47%;
        float: left;
        margin-top: 1em;
    }

    #content-main > .catalog:first-child {
        margin-top: 1em;
    }

    .results-info-text,
    .pagination {
        font-size: 1em;
    }

    .pagination a,
    .pagination span {
        line-height: 36px;
        width: 36px;
        height: 36px;
        border-width: 1px;
    }

    .using-filter-name {
        float: none;
        width: 100%;
    }

    .catalog {
        margin-top: 2em;
    }

    .banner__caption {
        transform: scale(0.7);
    }

    .banner > img {

    }

    .banner__caption--left-side .banner__caption__inner-content {
        padding: 0;
        text-align: center;
    }

    .banner__caption--left-side {
        width: 100%;
        left: 0;
        right: auto;
        text-align: left;
        bottom: 0;
        top: auto;
        height: auto;
        padding: 1.6em 1em 0.4em;
    }

    .catalog__filter__item div.fancy-select ul.options {
        width: 100%;
        margin-top: -11px;
    }

    div.fancy-select ul.options li {
        white-space: normal;
        font-size: 16px;
    }


    .subscribe form input::placeholder {color: #fff;}
    .subscribe form input::-webkit-input-placeholder {color:#fff;}
    .subscribe form input::-moz-placeholder {color:#fff;}
    .subscribe form input:-moz-placeholder {color:#fff;}
    .subscribe form input:-ms-input-placeholder {color:#fff;}

    .stores__item {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .main-header:not(.menu-on) {
        height: 100%;
        max-height: 80px;
        transition: max-height 0s linear 0.25s;
    }

    .main-header.active:not(.menu-on) {
        max-height: 100%;
        transition: max-height 0s linear 0s;
    }

    .main-header:not(.menu-on) .grid {
        pointer-events: none;
    }

    .main-header.active:not(.menu-on) .grid {
        pointer-events: auto;
    }

    .main-header.stick:not(.menu-on) .grid {
        min-height: 100%;
    }
}

@media only screen and (max-width: 479px) {
    h3 {
        font-size: 1.875em;
    }

    p {
        font-size: 1.215em;
    }
    .popup--action .popup__content {
        padding: 3.7em 5% 2em;
    }

    .grid, .main-header .grid {
        padding: 0 1.2em;
        position: relative;
    }

    #compact-menu {
        bottom: 0;
    }

    .main-header {
        padding-top: 0em;
        bottom: 0;
    }

    .main-menu ul li {
        margin: 2em auto 0;
    }

    .main-menu ul::after {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .main-header .btn--search {
        display: none;
    }

    #compact-menu .btn--search {
        display: block;
        fill: #fff;
        stroke: #fff;
    }

    #compact-menu .btn--search * {
        fill: #fff;
        stroke: #fff;
    }

    .main-header .logo {
        display: inline-block;
        width: 160px;
        pointer-events: auto;
    }

    .main-header.stick .logo {
        margin-top: 1.4em;
    }

    .btn--hamburger {
        top: 1.25em;
        right: 1.2em;
        z-index: 1;
    }

    .intro.wrapper{
        overflow: hidden;
    }

    .collections .intro-slider__item {
        height: auto;
        display: block;
    }

    .collections .intro-slider__item > img {
        max-width: inherit;
        height: 400px;
        margin-left: -76%;
    }

    .collections .intro-slider__item__content {
        position: static;
    }

    .collections .intro-slider__caption {
        position: static;
        padding-left: 0.75em;
    }

    .intro-slider__caption p {
        font-size: 1.215em;
    }

    .intro-slider__caption h3 {
        margin-bottom: 0.7em;
    }

    .collections .intro-slider__caption h3 {
        margin-bottom: 1.3em;
    }

    .owl-carousel .owl-nav {
        bottom: 23%;
    }

    .intro--reverse .intro-slider__caption {
        background-color: rgba(255, 255, 255, 0.48);
    }

    .banner__caption--slogan h2 {
        line-height: 1;
    }

    .banner__caption__inner-content--stripped {
        margin-bottom: 0;
    }

    .banner__caption__inner-content--stripped::before {
        top: 12%;
        bottom: 12%;
    }

    .banner__caption__inner-content--stripped h3 {
        margin-bottom: 0.4em;
    }

    .banner__caption__inner-content--stripped p {
        margin-top: 0;
    }

    .about__info {
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        padding: 1.2em 1.2em 2.85em;
    }

    .about__info h3 {
        margin-top: 0.3em;
        margin-bottom: 0.9em;
        font-size: 1.675em;
    }

    .about__image {
        position: static;
        top: 0;
        left: 0;
        right: 0;
        padding-top: 1.5em;
        padding-bottom: 0;
        max-width: 290px;
        opacity: 1;
    }

    .about__info .btn--next {
        display: block;
        margin: 2.55em auto 0;
    }

    .btn--next {
        width: 70px;
        height: 70px;
    }

    .btn--next::after {
        height: 27px;
        width: 69px;
        left: 32px;
    }

    .banner__caption__inner-content {
        padding: 0 1em;
    }

    .banner__caption--left-side .banner__caption__inner-content h3 {
        font-size: 1.25em;
        line-height: 1.3;
    }

    .offer-example h3 {
        margin-top: 1.9em;
        margin-bottom: 1.8em;
    }

    .offer-items-carousel .owl-item img {
        max-width: 306px;
    }

    .offer-items-carousel.owl-carousel .owl-nav .owl-next,
    .offer-items-carousel.owl-carousel .owl-nav .owl-prev,
    .reviews-carousel.owl-carousel .owl-nav .owl-next,
    .reviews-carousel.owl-carousel .owl-nav .owl-prev {
        width: 58px;
        height: 58px;
    }

    .item {
        width: 100%;
    }

    .item .name {
        font-size: 1.35em;
    }

    .item .btn--bordered {
        max-width: 334px;
    }

    .main-footer {
        background-position: right top;
        background-size: cover;
    }

    .main-footer__col {
        width: 100%;
        text-align: center;
        float: none;
        margin-bottom: 2em;
    }

    .product-card__details__info {
        margin-top: 3em;
    }

    .product-card__description {
        padding-top: 3em;
    }

    .product-card__description .image {
        position: absolute;
        top: 10%;
        left: 0;
    }

    .product-card__description .caption {
        position: static;
        top: 0;
        padding-left: 1em;
        left: 1em;
        right: 2em;
        width: auto;
    }

    .user-info {
        padding-left: 1em;
        padding-right: 1em;
        padding-top: 2em;
        margin-top: 2em;
    }

    .reviews-list li {
        padding-left: 0;
    }

    .reviews-list .photo {
        position: static;
        margin-right: 1em;
        margin-bottom: 1em;
        float: left;
    }

    .reviews-list .author {
        font-size: 1.25em;
    }

    .reviews-list h3 {
        clear: left;
        margin-bottom: 1em;
    }

    .reviews-list h3 + p {
        margin-top: 0;
        max-width: 100%;
    }

    .reviews-list .raiting .date {
        position: static;
        font-size: 1em;
    }

    .reviews-list li::after {
        left: 0;
    }

    .catalog__filter__item {
        width: 100%;
        float: none;
    }

    .popup {
        min-height: 480px;
        width: 100%;
    }

    .popup__close {
        top: 1.05em;
        right: 1.25em;
    }

    .popup__content {
        padding: 3.1em 1.35em 1em 1.35em;
    }

}

@media only screen and (max-width: 400px) {
    #compact-menu {
        width: 100%;
    }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    /* 1 */
}

/*
* Extends the .sr-only class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/

.sr-only.focusable:active,
.sr-only.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    white-space: inherit;
    width: auto;
}

/*
* Hide visually and from screen readers, but maintain layout
*/

.invisible {
    visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
       * Don't show links that are fragment identifiers,
       * or use the `javascript:` pseudo protocol
       */
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
       * Printing Tables:
       * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
       */
    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}