@charset 'UTF-8';
@import url('../fonts/Playfair/playfairstyle.css');
html
{
    font-size: 16px;
}

body,
html
{
    font-family: Lato, Helvetica Neue LT Pro, Verdana, sans-serif;

    overflow-x: hidden; 

    color: #000;
    outline: none !important;
}

span.fa-times
{
    cursor: pointer; 

    color: #999;
}
span.fa-times:hover
{
    color: #444;
}

a
{
    text-decoration: none;
}
a:hover
{
    text-decoration: none;
}

.header
{
    position: relative;
    z-index: 50;
    top: 0;

    width: 100%;
    padding: 20px 0; 

    -webkit-transition: all 300ms ease;
            transition: all 300ms ease;

    border-bottom: 1px solid #d4c09b;
    background-color: #585559;
}

.header.scroll
{
    position: fixed;

    padding: 10px 0;
}

.navigation
{
    margin-top: auto;
    margin-bottom: auto;
}
.navigation__block
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: auto;

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

.navbar
{
    padding-right: 15px;
    padding-left: 15px;
}

.logo__img
{
    display: block;

    width: -webkit-max-content;
    width:    -moz-max-content;
    width:         max-content;
    max-width: 100%;

    -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
}

.logo__img.scroll
{
    display: block; 

    width: -webkit-max-content;
    width:    -moz-max-content;
    width:         max-content;
    max-width: 75%;
}

.icon-y:before
{
    display: block;

    width: inherit;
    height: inherit;

    content: '';

    background-repeat: no-repeat;
}

.menu__container
{
    position: absolute;
    z-index: 10;

    -webkit-transition: -webkit-transform .3s;
            transition: -webkit-transform .3s;
            transition:         transform .3s;
            transition:         transform .3s, -webkit-transform .3s; 
    -webkit-transform: translateY(21px);
            transform: translateY(21px);
}

.menu__container.scroll
{
    -webkit-transform: translateY(11px);
            transform: translateY(11px);
}

.menu-hdr__button
{
    padding: 0;
}
.menu-hdr__button:hover,
.menu-hdr__button:focus
{
    outline: none;
}
.menu-hdr__button .burger
{
    font-size: 2rem; 

    color: #d4c09b;
}

.menu-hdr__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    margin: 0;
    padding: 0;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.menu-hdr__element
{
    font-family: Lato;
    font-size: 1rem;
    font-weight: 300;

    padding: 0 1rem;

    list-style: none;
}
.menu-hdr__element a
{
    color: #d4c09b;
}
.menu-hdr__element a:hover
{
    text-decoration: none;
}

.cart
{
    position: absolute !important;
    z-index: 10;
    top: 10px;
    right: 30px; 

    display: none;
}
.cart__box
{
    position: relative;
}
.cart__icon
{
    width: 26px;
    height: 28px;

    cursor: pointer;
}
.cart__count
{
    font-size: 11px;

    position: absolute;
    top: 1px;
    right: 3px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 20px;
    height: 20px;
    padding: 1px; 

    color: #585559;
    border-radius: 50%;
    background-color: #fff;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cart__container
{
    position: relative; 

    margin-top: -10px;
}
.cart__container:before
{
    position: absolute;
    z-index: -1;
    top: -7px;
    left: 537px;

    display: block;

    width: 14px;
    height: 14px;
    margin-left: auto; 

    content: '';
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);

    background-color: #d4c09b;
}

.cart__tbl
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: hidden; 
        flex-direction: column;

    width: 650px;
    margin-left: auto;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.tbl__row.tbl__close
{
    grid-template-columns: 1fr;
}

.tbl__close
{
    padding: 5px 0; 

    background-color: #d4c09b;
}
.tbl__close span
{
    display: block;

    width: -webkit-max-content;
    width:    -moz-max-content;
    width:         max-content;
    margin: 5px 0;
    margin-right: 10px;
    margin-left: auto;

    cursor: pointer; 
    -webkit-transition: .4s;
            transition: .4s;

    opacity: .75;
    color: #585559;
}
.tbl__close span:hover
{
    opacity: 1;
}

.tbl__hdr
{
    color: #585559; 
    background-color: #d4c09b;
}

.cart-none .tbl__hdr
{
    color: #585559; 
    background-color: #e1e1e1;
}

.cart-none .cart__container:before
{
    background-color: #e1e1e1;
}

.cart-none .tbl__body .tbl__row
{
    display: none;
}

.cart-none .tbl__body .tbl__row.message
{
    display: grid; 

    grid-template-columns: 1;
}
.cart-none .tbl__body .tbl__row.message em
{
    line-height: 3;

    margin-left: 8px;

    color: #000;
}

.cart-none .tbl__footer
{
    display: none;
}

.tbl__body
{
    overflow-y: auto;

    max-height: 500px;

    background-color: #fff;
}

.tbl__body > .tbl__row
{
    border-bottom: 1px solid #ececec;
}

.tbl__row
{
    display: grid;

    padding: 10px 20px;

    grid-template-columns: 4fr 2fr 2fr 2fr;
    grid-gap: 5px;
}
.tbl__row .count__value
{
    max-width: 35px;
    height: 16px !important;
}

.tbl__row.message
{
    display: none;
}

.tbl__itm
{
    font-family: Lato;
    font-weight: 300;

    text-align: center;
}

.tbl__itm.count
{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.prdct__name,
.summary > .tbl__itm:first-child
{
    text-align: left;
}

.count
{
    font-size: 1rem;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.count__bttn
{
    font-size: 1rem;

    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;

    width: auto;
    max-width: 50px;

    border: none; 

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.count__bttn:active,
.count__bttn:focus
{
    outline: none;
}

.count__value
{
    font-size: .8rem;
    font-weight: 300;
    line-height: 1rem;

    max-width: 50%;
    height: auto !important; 
    margin: 0 3px;

    cursor: default;
    text-align: center;

    color: #222;
    border: 1px solid #000;
    outline: none;
    background-color: inherit;
}

.bttn
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 100%; 

    cursor: pointer;

    color: #fff;
    background-color: #585559;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.bttn .fas
{
    display: block;
}
.bttn:hover
{
    background-color: #9c9897;
}
.bttn:active
{
    background-color: #585559;
}
.bttn--small
{
    font-size: .5rem; 

    width: 16px;
    height: 16px;
}
.bttn--big
{
    font-size: 1.25rem;

    min-width: 40px;
    min-height: 40px;
}
.bttn--disable
{
    cursor: default;

    color: #585559; 
    background-color: #ddd;
}
.bttn--disable:hover
{
    cursor: default; 

    background-color: #ddd;
}

.tbl__footer
{
    background-color: #fff;
}
.tbl__footer .tbl__row.summary
{
    display: grid;

    padding: 10px 20px; 

    grid-template-columns: 4fr 2fr 2fr 2fr;
}
.tbl__footer .tbl__row.order
{
    padding: 0; 

    grid-template-columns: 6fr 3fr;
}

.summary > div
{
    font-weight: 600;
}

.summ,
.price
{
    white-space: nowrap;
}

.order
{
    background-color: #ebebeb;
}

.order__itm
{
    font-size: 1rem;
    line-height: 1.25;

    padding: 0; 

    text-align: center;
}
.order__itm a
{
    width: 100%;
    height: 100%;

    color: #fff !important;
}

.free-delivery,
.free-delivery-over
{
    font-size: 14px;
    font-weight: 400;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: auto;
    padding-left: 20px;

    text-align: left;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.free-delivery span.free-shipment,
.free-delivery-over span.free-shipment
{
    margin-left: 4px; 

    white-space: nowrap;
}

.free-delivery
{
    text-transform: uppercase; 

    color: #28a745;
}

.buy
{
    margin-right: -1px;

    background-color: #585559;
}
.buy a
{
    line-height: 2;

    display: block;

    width: 100%;
    padding: 3px 0; 

    text-align: center;
}
.buy:hover
{
    background-color: rgba(88, 85, 89, .75);
}

.navigation__flag
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flag
{
    display: block;

    width: 32px;
    height: 32px;

    background: url('../img/flags.png') no-repeat;
    background-position: -416px -320px;

    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.flags-wrapper
{
    overflow: hidden;

    max-height: 0;

    -webkit-transition: .4s;
            transition: .4s;
}

.pointer
{
    cursor: pointer;
}

.hover__underline
{
    color: #d4c09b;
}
.hover__underline:after
{
    display: block;

    width: 0;
    height: 1px; 

    content: '';
    -webkit-transition: .4s;
            transition: .4s;
}
.hover__underline:hover
{
    color: #d4c09b;
}
.hover__underline:hover:after
{
    width: 100%;
    height: 1px;

    content: '';

    background-color: #d4c09b;
}

.menu,
.menu-mobile
{
    display: none;
}

.menu__shadow
{
    position: absolute;
    z-index: -100;
    left: -100vw; 

    width: 300vw;
    height: 60vh;

    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .4)), color-stop(90%, transparent), to(transparent));
    background: linear-gradient(to bottom, rgba(0, 0, 0, .4) 0%, transparent 90%, transparent 100%);
}

.menu__tabs
{
    position: relative;

    height: -webkit-max-content;
    height:    -moz-max-content;
    height:         max-content;
}

.menu__itm
{
    position: relative; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    background-color: #585559;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.menu__link
{
    font-family: Lato;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1rem;

    position: relative;
    position: relative;
    z-index: 2; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 60px;
    padding: .5rem 2rem;

    color: rgba(255, 255, 255, .75);

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.menu__link:hover
{
    color: #fff;
}
.menu__link span
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.menu__link span:before
{
    position: absolute;
    left: 16px;

    display: block;

    width: 4px;
    height: 18px;

    content: '';

    background-color: #6b676c;
}

.menu__link-active
{
    color: white;
}

.itm__shadow
{
    position: absolute;
    z-index: 1; 
    top: 0;
    right: 0;
    left: 0;

    display: block;

    height: 100%;

    content: '';

    -webkit-box-shadow: 0 20px 90px -60px rgba(0, 0, 0, .5);
            box-shadow: 0 15px 35px -25px rgba(0, 0, 0, .5);
}

.before--active
{
    position: absolute;
    z-index: 4; 
    top: 21px;
    left: 16px;

    display: block;

    width: 4px;
    height: 18px;

    background-color: #d4c09b;
}

.products
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto; 

    max-height: 70vh;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.product
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 50%;
    height: 120px;
    padding: 0 40px;
    padding: 0 40px;

    border-bottom: 1px solid #e1e1e1; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.product:nth-child(odd)
{
    border-right: 1px solid #e1e1e1;
}
.product-title
{
    font-size: 16px;
    line-height: 18px;

    margin-right: 10px; 

    -webkit-box-flex: 1;
    -ms-flex: 1 10 100%;
        flex: 1 10 100%;
}
.product-title a
{
    text-decoration: none; 
    text-transform: uppercase;

    color: #000;
}
.product-title hr
{
    width: 35px;
    height: 4px;
    margin: 5px 0; 

    background: #d4c09b;
}
.product a.more
{
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;

    padding: 8px 10px;

    -webkit-transition: all 300ms ease;
            transition: all 300ms ease; 
    text-decoration: none;
    text-transform: uppercase;

    color: #000;
    border: 2px solid #d4c09b;
}
.product a.more:hover
{
    background: #d4c09b;
}

.product__img
{
    width: 80px;
    margin-right: 10px;
}

.all-in-category
{
    width: 100%;

    text-align: center;
    text-transform: uppercase; 

    background-color: #d4c09b;
}
.all-in-category a
{
    font-family: Lato; 
    font-size: 16px;
    font-weight: 400;
    line-height: 60px;

    display: block;

    width: 100%;

    text-decoration: none;

    color: #000;
    background: #d4c09b;
}

@media (max-width: 1199px)
{
    .product
    {
        padding: 0 5px 0 15px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px)
{
    .cart__container:before
    {
        left: 553px;
    }
}

@media screen and (max-width: 991px)
{
    .navigation__cart
    {
        width: -webkit-max-content;
        width:    -moz-max-content;
        width:         max-content; 

        -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit;
    }
    .navigation__cart-icon
    {
        position: relative;
    }
    .cart__count
    {
        top: 0; 
        right: -15px;
    }
    .cart__container:before
    {
        content: none;
    }
    .cart__tbl
    {
        font-size: .75rem;

        position: fixed;
        top: 0;
        left: 0;

        width: auto;
        max-width: 470px;

        -webkit-transition: -webkit-transform .4s;
                transition: -webkit-transform .4s;
                transition:         transform .4s;
                transition:         transform .4s, -webkit-transform .4s;
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
    .tbl__hdr
    {
        margin-top: -1px;
    }
    .tbl__row
    {
        grid-template-columns: 4fr 2fr 2fr 2fr;
    }
    .tbl__footer .tbl__row.summary
    {
        grid-template-columns: 4fr 2fr 2fr 2fr;
    }
    .count__value
    {
        font-size: .75rem;
    }
    .bttn--small
    {
        width: 16px;
        height: 16px;
    }
    .tbl__footer
    {
        line-height: 2;
    }
    .free-delivery,
    .free-delivery-over
    {
        font-size: 12px; 
        line-height: 1;

        min-width: 50%;
    }
    .buy
    {
        font-size: 14px; 
        line-height: 1.75;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px)
{
    .menu-hdr__button__burger
    {
        font-size: 1.8rem;

        max-height: 35px;
    }
    .header
    {
        padding: 5px 0;
    }
    .menu-hdr__button .burger
    {
        -webkit-transition: -webkit-transform .4s;
                transition: -webkit-transform .4s;
                transition:         transform .4s;
                transition:         transform .4s, -webkit-transform .4s;
    }
    .header.scroll
    {
        padding: 0;
    }
    .header.scroll .menu-hdr__button .burger
    {
        padding-top: 0;
        padding-bottom: 0; 

        -webkit-transform: scale(.75);
                transform: scale(.75);
    }
    .header.scroll .navbar
    {
        padding-top: 0;
        padding-bottom: 0;
    }
    .logo__img
    {
        width: 220px;
        margin: 10px auto;
    }
    .logo__img.scroll
    {
        width: 200px;
        margin: 0 auto;
    }
}

@media (max-width: 767px)
{
    .header
    {
        padding: 0;
    }
    .header .menu-hdr__button .burger
    {
        padding: 0;
    }
    .header .logo__img
    {
        width: 160px; 
        margin: auto;
    }
    .header .navbar
    {
        padding: 0;
    }
    .header .menu-hdr__button .burger
    {
        padding-right: 15px;
    }
    .header .cart__count
    {
        -webkit-transition: .4s;
                transition: .4s; 
        -webkit-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
    }
    .header.scroll
    {
        padding: 0;
    }
    .header.scroll .logo__img
    {
        max-width: 100%;
    }
    .navbar-toggler
    {
        padding-top: 0;
        padding-bottom: 0;
    }
    .cart__count
    {
        top: -2px;
        right: -14px;
    }
    .tbl__itm.count
    {
        height: -webkit-max-content;
        height:    -moz-max-content;
        height:         max-content;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px)
{
    .menu-hdr__button__burger
    {
        font-size: 1.4rem;
    }
    .logo__img
    {
        width: 160px;
    }
}

@media (max-width: 575px)
{
    .menu-hdr__button__burger
    {
        font-size: 1.2rem;
    }
    .navigation__cart .cart__icon
    {
        margin-left: inherit;
    }
    .cart__count
    {
        top: -2px;
        right: -14px;
    }
    .logo__img
    {
        width: 140px;
    }
    .cart__tbl
    {
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 500px)
{
    .tbl__footer .tbl__row.order
    {
        grid-template-columns: 1fr;
    }
    .buy
    {
        margin-left: 0;
    }
    .buy a
    {
        line-height: 3;
    }
    .free-delivery,
    .free-delivery-over
    {
        line-height: 2;

        text-align: center;
    }
}

@media (max-width: 360px)
{
    .tbl__row
    {
        padding: 10px 5px; 

        grid-template-columns: 4fr 2fr 2fr 1fr;
    }
    .tbl__footer .tbl__row.summary
    {
        padding: 10px 5px;
    }
    .buy
    {
        padding: 0;
    }
}

@-webkit-keyframes mobileMenu
{
    0%
    {
        -webkit-transform: translate(100vw);
                transform: translate(100vw);
    }
    100%
    {
        -webkit-transform: translate(calc(100vw - 100%));
                transform: translate(calc(100vw - 100%));
    }
}

@keyframes mobileMenu
{
    0%
    {
        -webkit-transform: translate(100vw);
                transform: translate(100vw);
    }
    100%
    {
        -webkit-transform: translate(calc(100vw - 100%));
                transform: translate(calc(100vw - 100%));
    }
}

.secondary
{
    position: fixed;
    z-index: 99999999; 
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: none;
    overflow: hidden;

    width: 100vw;
    height: 100vh;
}
.secondary__close
{
    font-size: 1.5rem; 

    width: -webkit-max-content;
    width:    -moz-max-content;
    width:         max-content;
    height: -webkit-max-content;
    height:    -moz-max-content;
    height:         max-content;

    -webkit-transform: translate(10px, 10px);
            transform: translate(10px, 10px);
}
.secondary__logo
{
    padding: 15px 30px 30px;
}
.secondary__logo img
{
    max-width: 100%;
}
.secondary__menu ul
{
    margin: 0;
    padding: 0; 

    list-style: none;
}
.secondary__menu ul li
{
    display: block;

    width: 100%;
}
.secondary .topmenu__item
{
    font-family: Lato;
    font-size: 18px;
    line-height: 20px; 

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    padding: 20px 10px 20px 50px;

    color: #fff;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.secondary .topmenu__item:before
{
    position: absolute;
    top: 18px;
    bottom: 18px; 
    left: 30px;

    display: block;

    width: 4px;
    height: 22px;

    content: '';

    background: #d4c09b;
}
.secondary .categories
{
    background-color: #fff;
}
.secondary .categories .category
{
    font-family: Lato;
    font-size: 18px;

    position: relative;

    display: block;

    width: 100%;
    padding: 20px 10px 20px 50px; 

    cursor: pointer;

    color: #fff;
    color: #000;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.secondary .categories .category:before
{
    position: absolute;
    top: 18px;
    bottom: 18px; 
    left: 30px;

    display: block;

    width: 4px;
    height: 22px;

    content: '';

    background: #d4c09b;
}
.secondary .categories .category__container
{
    display: none;
}
.secondary .categories .category__itms li
{
    position: relative;
}
.secondary .categories .category__itms a
{
    font-family: Lato;
    font-size: 18px;
    font-size: 18px;
    line-height: 20px; 

    position: relative;

    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    padding: 20px 10px 20px 30px;

    color: #000;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.secondary .select-style
{
    overflow: hidden;

    width: 100%;
    margin: 0;
    margin-bottom: 50px; 
    padding: 0;

    border: 1px solid #ccc;
    background: #fff url('assets/img/arrowdown.png') no-repeat 95% 50%;
    background-color: #fff;
}
.secondary .select-style select
{
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.9em;

    width: 100%;
    padding: 8px 8px;

    cursor: pointer;

    color: #606060; 
    border: 0 none;
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
            box-shadow: none;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.secondary .select-style select .option
{
    padding: 10px 0;

    cursor: pointer;
    text-align: center;

    color: #000;
    outline: none;
}

.secondary__block
{
    position: relative;
    top: 0;
    left: 100vw;

    overflow: auto; 

    width: 50vw;
    height: 100vh;

    background-color: #575358;
}
.secondary__block--animation
{
    position: relative;
    top: 0;

    overflow: auto;

    width: 50vw;
    height: 100vh;

    -webkit-animation-name: mobileMenu;
            animation-name: mobileMenu;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;

    background-color: #575358;

    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}
.secondary__block--active
{
    position: relative;
    top: 0;
    left: 50vw; 

    overflow: auto;

    width: 50vw;
    height: 100vh;

    -webkit-transform: none;
            transform: none;

    background-color: #575358;
}

.topmenu__item,
span.category,
a.category__itm
{
    overflow: hidden;
}
.topmenu__item:after,
span.category:after,
a.category__itm:after
{
    position: absolute;
    top: -100%;
    right: 0;
    bottom: 100%;
    left: 0;

    display: block;

    content: '';

    -webkit-box-shadow: 0 0 60px -20px #000;
            box-shadow: 0 0 60px -20px #000;
}

@media screen and (min-width: 576px) and (max-width: 767px)
{
    .secondary__block
    {
        width: 70vw;
    }
    .secondary__block--animation
    {
        width: 70vw;
    }
    .secondary__block--active
    {
        left: 30vw; 

        width: 70vw;
    }
}

@media (max-width: 575px)
{
    .secondary__block
    {
        width: 75vw;
    }
    .secondary__block--animation
    {
        width: 75vw;
    }
    .secondary__block--active
    {
        left: 25vw; 

        width: 75vw;
    }
}

@media (max-width: 500px)
{
    .secondary__block
    {
        width: 80vw;
    }
    .secondary__block--animation
    {
        width: 80vw;
    }
    .secondary__block--active
    {
        left: 20vw; 

        width: 80vw;
    }
}

@media (max-width: 360px)
{
    .secondary__block
    {
        width: 300px;
    }
    .secondary__block--animation
    {
        width: 300px;
    }
    .secondary__block--active
    {
        left: calc(100% - 300px); 

        width: 300px;
    }
}

.flag.flag-none
{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAB50lEQVQ4jX3Vy0tVURQG8OOjSzTQG5GDRoWhBT0mQcOExmlWaBRUREUQ0bAwrtnASomKDBxI9NAk0ECIoEEPMMUU7An2okn/yK/BXcbpcDwHNmfvb6317fXYa+8kyflQQhfG8QW/8BufAutCKc82j+wAZnEZLZiO/3a8wmZUQqeziKgWg7iPxsDOoC+lcxNHYl7GAwygNo9wEE9S6zosopzCmjCPmlivwQsM5IU5iZEweIi7mMIubImQ2/A6PHuDt+jDBPanCzCLhtQGW/EV13An0jCEq+jJ0W8MbFUSFevJeFzCbEG+51GXwSo4lMQxaM4Id2OogHAEOzJYK8YSTOcYnMDZAsILOJyDzyRYiuORHpMYzsGXxwie5uBLCb7nCKZwr4BwGM9y8G8J5nJcP4djBSGfwukcfC7BGFoygoO4VEDYi/YM1orRBN2oZIQb8LyA8CWaMlgF3Qnq41w1ZBQWsBN7opOOoyO65UNGtwHvUb8MdOAx9uI63uEnZqK1zkfSL6q23mI4MYGjYftfChLcjoq3YTXWx661KZ268HxdrDfiI27l5aUG/aqNXw6sHydTOv+uM6zFI9wQt89KCW+PUHtVb5gFbEJzhLkNV2K+b0WiDGkpCjGKz/iBP6rPwTg6rfAE/AVbeUAe63OG2QAAAABJRU5ErkJggg==);
    background-position: center center;
}

.flag.flag-ad
{
    background-position: -32px    0;
}

.flag.flag-ae
{
    background-position: -64px    0;
}

.flag.flag-af
{
    background-position: -96px    0;
}

.flag.flag-ag
{
    background-position: -128px   0;
}

.flag.flag-ai
{
    background-position: -160px   0;
}

.flag.flag-al
{
    background-position: -192px   0;
}

.flag.flag-am
{
    background-position: -224px   0;
}

.flag.flag-an
{
    background-position: -256px   0;
}

.flag.flag-ao
{
    background-position: -288px   0;
}

.flag.flag-ar
{
    background-position: -320px   0;
}

.flag.flag-as
{
    background-position: -352px   0;
}

.flag.flag-at
{
    background-position: -384px   0;
}

.flag.flag-au
{
    background-position: -416px   0;
}

.flag.flag-aw
{
    background-position: -448px   0;
}

.flag.flag-az
{
    background-position: 0      -32px;
}

.flag.flag-ba
{
    background-position: -32px   -32px;
}

.flag.flag-bb
{
    background-position: -64px   -32px;
}

.flag.flag-bd
{
    background-position: -96px   -32px;
}

.flag.flag-be
{
    background-position: -128px  -32px;
}

.flag.flag-bf
{
    background-position: -160px  -32px;
}

.flag.flag-bg
{
    background-position: -192px  -32px;
}

.flag.flag-bh
{
    background-position: -224px  -32px;
}

.flag.flag-bi
{
    background-position: -256px  -32px;
}

.flag.flag-bj
{
    background-position: -288px  -32px;
}

.flag.flag-bm
{
    background-position: -320px  -32px;
}

.flag.flag-bn
{
    background-position: -352px  -32px;
}

.flag.flag-bo
{
    background-position: -384px  -32px;
}

.flag.flag-br
{
    background-position: -416px  -32px;
}

.flag.flag-bs
{
    background-position: -448px  -32px;
}

.flag.flag-bt
{
    background-position: 0      -64px;
}

.flag.flag-bw
{
    background-position: -32px   -64px;
}

.flag.flag-by
{
    background-position: -64px   -64px;
}

.flag.flag-bz
{
    background-position: -96px   -64px;
}

.flag.flag-ca
{
    background-position: -128px  -64px;
}

.flag.flag-cd
{
    background-position: -160px  -64px;
}

.flag.flag-cf
{
    background-position: -192px  -64px;
}

.flag.flag-cg
{
    background-position: -224px  -64px;
}

.flag.flag-ch
{
    background-position: -256px  -64px;
}

.flag.flag-ci
{
    background-position: -288px  -64px;
}

.flag.flag-ck
{
    background-position: -320px  -64px;
}

.flag.flag-cl
{
    background-position: -352px  -64px;
}

.flag.flag-cm
{
    background-position: -384px  -64px;
}

.flag.flag-cn
{
    background-position: -416px  -64px;
}

.flag.flag-co
{
    background-position: -448px  -64px;
}

.flag.flag-cr
{
    background-position: 0      -96px;
}

.flag.flag-cu
{
    background-position: -32px   -96px;
}

.flag.flag-cv
{
    background-position: -64px   -96px;
}

.flag.flag-cy
{
    background-position: -96px   -96px;
}

.flag.flag-cz
{
    background-position: -128px  -96px;
}

.flag.flag-de
{
    background-position: -160px  -96px;
}

.flag.flag-dj
{
    background-position: -192px  -96px;
}

.flag.flag-dk
{
    background-position: -224px  -96px;
}

.flag.flag-dm
{
    background-position: -256px  -96px;
}

.flag.flag-do
{
    background-position: -288px  -96px;
}

.flag.flag-dz
{
    background-position: -320px  -96px;
}

.flag.flag-ec
{
    background-position: -352px  -96px;
}

.flag.flag-ee
{
    background-position: -384px  -96px;
}

.flag.flag-eg
{
    background-position: -416px  -96px;
}

.flag.flag-eh
{
    background-position: -448px  -96px;
}

.flag.flag-er
{
    background-position: 0     -128px;
}

.flag.flag-es
{
    background-position: -32px  -128px;
}

.flag.flag-et
{
    background-position: -64px  -128px;
}

.flag.flag-fi
{
    background-position: -96px  -128px;
}

.flag.flag-fj
{
    background-position: -128px -128px;
}

.flag.flag-fm
{
    background-position: -160px -128px;
}

.flag.flag-fo
{
    background-position: -192px -128px;
}

.flag.flag-fr
{
    background-position: -224px -128px;
}

.flag.flag-ga
{
    background-position: -256px -128px;
}

.flag.flag-gb
{
    background-position: -288px -128px;
}

.flag.flag-gd
{
    background-position: -320px -128px;
}

.flag.flag-ge
{
    background-position: -352px -128px;
}

.flag.flag-gg
{
    background-position: -384px -128px;
}

.flag.flag-gh
{
    background-position: -416px -128px;
}

.flag.flag-gi
{
    background-position: -448px -128px;
}

.flag.flag-gl
{
    background-position: 0     -160px;
}

.flag.flag-gm
{
    background-position: -32px  -160px;
}

.flag.flag-gn
{
    background-position: -64px  -160px;
}

.flag.flag-gp
{
    background-position: -96px  -160px;
}

.flag.flag-gq
{
    background-position: -128px -160px;
}

.flag.flag-gr
{
    background-position: -160px -160px;
}

.flag.flag-gt
{
    background-position: -192px -160px;
}

.flag.flag-gu
{
    background-position: -224px -160px;
}

.flag.flag-gw
{
    background-position: -256px -160px;
}

.flag.flag-gy
{
    background-position: -288px -160px;
}

.flag.flag-hk
{
    background-position: -320px -160px;
}

.flag.flag-hn
{
    background-position: -352px -160px;
}

.flag.flag-hr
{
    background-position: -384px -160px;
}

.flag.flag-ht
{
    background-position: -416px -160px;
}

.flag.flag-hu
{
    background-position: -448px -160px;
}

.flag.flag-id
{
    background-position: 0     -192px;
}

.flag.flag-ie
{
    background-position: -32px  -192px;
}

.flag.flag-il
{
    background-position: -64px  -192px;
}

.flag.flag-im
{
    background-position: -96px  -192px;
}

.flag.flag-in
{
    background-position: -128px -192px;
}

.flag.flag-iq
{
    background-position: -160px -192px;
}

.flag.flag-ir
{
    background-position: -192px -192px;
}

.flag.flag-is
{
    background-position: -224px -192px;
}

.flag.flag-it
{
    background-position: -256px -192px;
}

.flag.flag-je
{
    background-position: -288px -192px;
}

.flag.flag-jm
{
    background-position: -320px -192px;
}

.flag.flag-jo
{
    background-position: -352px -192px;
}

.flag.flag-jp
{
    background-position: -384px -192px;
}

.flag.flag-ke
{
    background-position: -416px -192px;
}

.flag.flag-kg
{
    background-position: -448px -192px;
}

.flag.flag-kh
{
    background-position: 0     -224px;
}

.flag.flag-ki
{
    background-position: -32px  -224px;
}

.flag.flag-km
{
    background-position: -64px  -224px;
}

.flag.flag-kn
{
    background-position: -96px  -224px;
}

.flag.flag-kp
{
    background-position: -128px -224px;
}

.flag.flag-kr
{
    background-position: -160px -224px;
}

.flag.flag-kw
{
    background-position: -192px -224px;
}

.flag.flag-ky
{
    background-position: -224px -224px;
}

.flag.flag-kz
{
    background-position: -256px -224px;
}

.flag.flag-la
{
    background-position: -288px -224px;
}

.flag.flag-lb
{
    background-position: -320px -224px;
}

.flag.flag-lc
{
    background-position: -352px -224px;
}

.flag.flag-li
{
    background-position: -384px -224px;
}

.flag.flag-lk
{
    background-position: -416px -224px;
}

.flag.flag-lr
{
    background-position: -448px -224px;
}

.flag.flag-ls
{
    background-position: 0     -256px;
}

.flag.flag-lt
{
    background-position: -32px  -256px;
}

.flag.flag-lu
{
    background-position: -64px  -256px;
}

.flag.flag-lv
{
    background-position: -96px  -256px;
}

.flag.flag-ly
{
    background-position: -128px -256px;
}

.flag.flag-ma
{
    background-position: -160px -256px;
}

.flag.flag-mc
{
    background-position: -192px -256px;
}

.flag.flag-md
{
    background-position: -224px -256px;
}

.flag.flag-me
{
    background-position: -256px -256px;
}

.flag.flag-mg
{
    background-position: -288px -256px;
}

.flag.flag-mh
{
    background-position: -320px -256px;
}

.flag.flag-mk
{
    background-position: -352px -256px;
}

.flag.flag-ml
{
    background-position: -384px -256px;
}

.flag.flag-mm
{
    background-position: -416px -256px;
}

.flag.flag-mn
{
    background-position: -448px -256px;
}

.flag.flag-mo
{
    background-position: 0     -288px;
}

.flag.flag-mq
{
    background-position: -32px  -288px;
}

.flag.flag-mr
{
    background-position: -64px  -288px;
}

.flag.flag-ms
{
    background-position: -96px  -288px;
}

.flag.flag-mt
{
    background-position: -128px -288px;
}

.flag.flag-mu
{
    background-position: -160px -288px;
}

.flag.flag-mv
{
    background-position: -192px -288px;
}

.flag.flag-mw
{
    background-position: -224px -288px;
}

.flag.flag-mx
{
    background-position: -256px -288px;
}

.flag.flag-my
{
    background-position: -288px -288px;
}

.flag.flag-mz
{
    background-position: -320px -288px;
}

.flag.flag-na
{
    background-position: -352px -288px;
}

.flag.flag-nc
{
    background-position: -384px -288px;
}

.flag.flag-ne
{
    background-position: -416px -288px;
}

.flag.flag-ng
{
    background-position: -448px -288px;
}

.flag.flag-ni
{
    background-position: 0     -320px;
}

.flag.flag-nl
{
    background-position: -32px  -320px;
}

.flag.flag-no
{
    background-position: -64px  -320px;
}

.flag.flag-np
{
    background-position: -96px  -320px;
}

.flag.flag-nr
{
    background-position: -128px -320px;
}

.flag.flag-nz
{
    background-position: -160px -320px;
}

.flag.flag-om
{
    background-position: -192px -320px;
}

.flag.flag-pa
{
    background-position: -224px -320px;
}

.flag.flag-pe
{
    background-position: -256px -320px;
}

.flag.flag-pf
{
    background-position: -288px -320px;
}

.flag.flag-pg
{
    background-position: -320px -320px;
}

.flag.flag-ph
{
    background-position: -352px -320px;
}

.flag.flag-pk
{
    background-position: -384px -320px;
}

.flag.flag-pl
{
    background-position: -416px -320px;
}

.flag.flag-pr
{
    background-position: -448px -320px;
}

.flag.flag-ps
{
    background-position: 0     -352px;
}

.flag.flag-pt
{
    background-position: -32px  -352px;
}

.flag.flag-pw
{
    background-position: -64px  -352px;
}

.flag.flag-py
{
    background-position: -96px  -352px;
}

.flag.flag-qa
{
    background-position: -128px -352px;
}

.flag.flag-re
{
    background-position: -160px -352px;
}

.flag.flag-ro
{
    background-position: -192px -352px;
}

.flag.flag-rs
{
    background-position: -224px -352px;
}

.flag.flag-ru
{
    background-position: -256px -352px;
}

.flag.flag-rw
{
    background-position: -288px -352px;
}

.flag.flag-sa
{
    background-position: -320px -352px;
}

.flag.flag-sb
{
    background-position: -352px -352px;
}

.flag.flag-sc
{
    background-position: -384px -352px;
}

.flag.flag-sd
{
    background-position: -416px -352px;
}

.flag.flag-se
{
    background-position: -448px -352px;
}

.flag.flag-sg
{
    background-position: 0     -384px;
}

.flag.flag-si
{
    background-position: -32px  -384px;
}

.flag.flag-sk
{
    background-position: -64px  -384px;
}

.flag.flag-sl
{
    background-position: -96px  -384px;
}

.flag.flag-sm
{
    background-position: -128px -384px;
}

.flag.flag-sn
{
    background-position: -160px -384px;
}

.flag.flag-so
{
    background-position: -192px -384px;
}

.flag.flag-sr
{
    background-position: -224px -384px;
}

.flag.flag-st
{
    background-position: -256px -384px;
}

.flag.flag-sv
{
    background-position: -288px -384px;
}

.flag.flag-sy
{
    background-position: -320px -384px;
}

.flag.flag-sz
{
    background-position: -352px -384px;
}

.flag.flag-tc
{
    background-position: -384px -384px;
}

.flag.flag-td
{
    background-position: -416px -384px;
}

.flag.flag-tg
{
    background-position: -448px -384px;
}

.flag.flag-th
{
    background-position: 0     -416px;
}

.flag.flag-tj
{
    background-position: -32px  -416px;
}

.flag.flag-tl
{
    background-position: -64px  -416px;
}

.flag.flag-tm
{
    background-position: -96px  -416px;
}

.flag.flag-tn
{
    background-position: -128px -416px;
}

.flag.flag-to
{
    background-position: -160px -416px;
}

.flag.flag-tr
{
    background-position: -192px -416px;
}

.flag.flag-tt
{
    background-position: -224px -416px;
}

.flag.flag-tv
{
    background-position: -256px -416px;
}

.flag.flag-tw
{
    background-position: -288px -416px;
}

.flag.flag-tz
{
    background-position: -320px -416px;
}

.flag.flag-ua
{
    background-position: -352px -416px;
}

.flag.flag-ug
{
    background-position: -384px -416px;
}

.flag.flag-us
{
    background-position: -416px -416px;
}

.flag.flag-uy
{
    background-position: -448px -416px;
}

.flag.flag-uz
{
    background-position: 0     -448px;
}

.flag.flag-va
{
    background-position: -32px  -448px;
}

.flag.flag-vc
{
    background-position: -64px  -448px;
}

.flag.flag-ve
{
    background-position: -96px  -448px;
}

.flag.flag-vg
{
    background-position: -128px -448px;
}

.flag.flag-vi
{
    background-position: -160px -448px;
}

.flag.flag-vn
{
    background-position: -192px -448px;
}

.flag.flag-vu
{
    background-position: -224px -448px;
}

.flag.flag-ws
{
    background-position: -256px -448px;
}

.flag.flag-ye
{
    background-position: -288px -448px;
}

.flag.flag-za
{
    background-position: -320px -448px;
}

.flag.flag-zm
{
    background-position: -352px -448px;
}

.flag.flag-zw
{
    background-position: -384px -448px;
}

@font-face
{
    font-family: 'Lato';
    font-weight: 100;
    font-style: normal;

    src: url('../fonts/Lato/fonts/Lato-Hairline.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato/fonts/Lato-Hairline.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato/fonts/Lato-Hairline.woff2') format('woff2'), url('../fonts/Lato/fonts/Lato-Hairline.woff') format('woff'), url('../fonts/Lato/fonts/Lato-Hairline.ttf') format('truetype');
    text-rendering: optimizeLegibility;
}

@font-face
{
    font-family: 'Lato';
    font-weight: 100;
    font-style: italic;

    src: url('../fonts/Lato/fonts/Lato-HairlineItalic.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato/fonts/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato/fonts/Lato-HairlineItalic.woff2') format('woff2'), url('../fonts/Lato/fonts/Lato-HairlineItalic.woff') format('woff'), url('../fonts/Lato/fonts/Lato-HairlineItalic.ttf') format('truetype');
    text-rendering: optimizeLegibility;
}

@font-face
{
    font-family: 'Lato';
    font-weight: 200;
    font-style: normal;

    src: url('../fonts/Lato/fonts/Lato-Thin.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato/fonts/Lato-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato/fonts/Lato-Thin.woff2') format('woff2'), url('../fonts/Lato/fonts/Lato-Thin.woff') format('woff'), url('../fonts/Lato/fonts/Lato-Thin.ttf') format('truetype');
    text-rendering: optimizeLegibility;
}

@font-face
{
    font-family: 'Lato';
    font-weight: 200;
    font-style: italic;

    src: url('../fonts/Lato/fonts/Lato-ThinItalic.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato/fonts/Lato-ThinItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato/fonts/Lato-ThinItalic.woff2') format('woff2'), url('../fonts/Lato/fonts/Lato-ThinItalic.woff') format('woff'), url('../fonts/Lato/fonts/Lato-ThinItalic.ttf') format('truetype');
    text-rendering: optimizeLegibility;
}

@font-face
{
    font-family: 'Lato';
    font-weight: 300;
    font-style: normal;

    src: url('../fonts/Lato/fonts/Lato-Light.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato/fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato/fonts/Lato-Light.woff2') format('woff2'), url('../fonts/Lato/fonts/Lato-Light.woff') format('woff'), url('../fonts/Lato/fonts/Lato-Light.ttf') format('truetype');
    text-rendering: optimizeLegibility;
}

@font-face
{
    font-family: 'Lato';
    font-weight: 300;
    font-style: italic;

    src: url('../fonts/Lato/fonts/Lato-LightItalic.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato/fonts/Lato-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato/fonts/Lato-LightItalic.woff2') format('woff2'), url('../fonts/Lato/fonts/Lato-LightItalic.woff') format('woff'), url('../fonts/Lato/fonts/Lato-LightItalic.ttf') format('truetype');
    text-rendering: optimizeLegibility;
}

@font-face
{
    font-family: 'Lato';
    font-weight: 400;
    font-style: italic;

    src: url('../fonts/Lato/fonts/Lato-Italic.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato/fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato/fonts/Lato-Italic.woff2') format('woff2'), url('../fonts/Lato/fonts/Lato-Italic.woff') format('woff'), url('../fonts/Lato/fonts/Lato-Italic.ttf') format('truetype');
    text-rendering: optimizeLegibility;
}

@font-face
{
    font-family: 'Lato';
    font-weight: 400;
    font-style: normal;

    src: url('../fonts/Lato/fonts/Lato-Regular.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato/fonts/Lato-Regular.woff2') format('woff2'), url('../fonts/Lato/fonts/Lato-Regular.woff') format('woff'), url('../fonts/Lato/fonts/Lato-Regular.ttf') format('truetype');
    text-rendering: optimizeLegibility;
}

@font-face
{
    font-family: 'Lato';
    font-weight: 500;
    font-style: normal;

    src: url('../fonts/Lato/fonts/Lato-Medium.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato/fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato/fonts/Lato-Medium.woff2') format('woff2'), url('../fonts/Lato/fonts/Lato-Medium.woff') format('woff'), url('../fonts/Lato/fonts/Lato-Medium.ttf') format('truetype');
    text-rendering: optimizeLegibility;
}

@font-face
{
    font-family: 'Lato';
    font-weight: 500;
    font-style: italic;

    src: url('../fonts/Lato/fonts/Lato-MediumItalic.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato/fonts/Lato-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato/fonts/Lato-MediumItalic.woff2') format('woff2'), url('../fonts/Lato/fonts/Lato-MediumItalic.woff') format('woff'), url('../fonts/Lato/fonts/Lato-MediumItalic.ttf') format('truetype');
    text-rendering: optimizeLegibility;
}

@font-face
{
    font-family: 'Lato';
    font-weight: 600;
    font-style: normal;

    src: url('../fonts/Lato/fonts/Lato-Semibold.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato/fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato/fonts/Lato-Semibold.woff2') format('woff2'), url('../fonts/Lato/fonts/Lato-Semibold.woff') format('woff'), url('../fonts/Lato/fonts/Lato-Semibold.ttf') format('truetype');
    text-rendering: optimizeLegibility;
}

@font-face
{
    font-family: 'Lato';
    font-weight: 600;
    font-style: italic;

    src: url('../fonts/Lato/fonts/Lato-SemiboldItalic.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato/fonts/Lato-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato/fonts/Lato-SemiboldItalic.woff2') format('woff2'), url('../fonts/Lato/fonts/Lato-SemiboldItalic.woff') format('woff'), url('../fonts/Lato/fonts/Lato-SemiboldItalic.ttf') format('truetype');
    text-rendering: optimizeLegibility;
}

@font-face
{
    font-family: 'Lato';
    font-weight: 700;
    font-style: normal;

    src: url('../fonts/Lato/fonts/Lato-Bold.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato/fonts/Lato-Bold.woff2') format('woff2'), url('../fonts/Lato/fonts/Lato-Bold.woff') format('woff'), url('../fonts/Lato/fonts/Lato-Bold.ttf') format('truetype');
    text-rendering: optimizeLegibility;
}

@font-face
{
    font-family: 'Lato';
    font-weight: 700;
    font-style: italic;

    src: url('../fonts/Lato/fonts/Lato-BoldItalic.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato/fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato/fonts/Lato-BoldItalic.woff2') format('woff2'), url('../fonts/Lato/fonts/Lato-BoldItalic.woff') format('woff'), url('../fonts/Lato/fonts/Lato-BoldItalic.ttf') format('truetype');
    text-rendering: optimizeLegibility;
}

@font-face
{
    font-family: 'Lato';
    font-weight: 800;
    font-style: normal;

    src: url('../fonts/Lato/fonts/Lato-Black.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato/fonts/Lato-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato/fonts/Lato-Black.woff2') format('woff2'), url('../fonts/Lato/fonts/Lato-Black.woff') format('woff'), url('../fonts/Lato/fonts/Lato-Black.ttf') format('truetype');
    text-rendering: optimizeLegibility;
}

@font-face
{
    font-family: 'Lato';
    font-weight: 800;
    font-style: italic;

    src: url('../fonts/Lato/fonts/Lato-BlackItalic.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato/fonts/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato/fonts/Lato-BlackItalic.woff2') format('woff2'), url('../fonts/Lato/fonts/Lato-BlackItalic.woff') format('woff'), url('../fonts/Lato/fonts/Lato-BlackItalic.ttf') format('truetype');
    text-rendering: optimizeLegibility;
}

@font-face
{
    font-family: 'Lato';
    font-weight: 900;
    font-style: normal;

    src: url('../fonts/Lato/fonts/Lato-Heavy.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato/fonts/Lato-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato/fonts/Lato-Heavy.woff2') format('woff2'), url('../fonts/Lato/fonts/Lato-Heavy.woff') format('woff'), url('../fonts/Lato/fonts/Lato-Heavy.ttf') format('truetype');
    text-rendering: optimizeLegibility;
}

@font-face
{
    font-family: 'Lato';
    font-weight: 900;
    font-style: italic;

    src: url('../fonts/Lato/fonts/Lato-HeavyItalic.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato/fonts/Lato-HeavyItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato/fonts/Lato-HeavyItalic.woff2') format('woff2'), url('../fonts/Lato/fonts/Lato-HeavyItalic.woff') format('woff'), url('../fonts/Lato/fonts/Lato-HeavyItalic.ttf') format('truetype');
    text-rendering: optimizeLegibility;
}

@font-face
{
    font-family: 'HF';
    font-weight: 100;

    src: url('../fonts/HF/hf-100.otf');
    text-rendering: optimizeLegibility;
}

@font-face
{
    font-family: 'HF';
    font-weight: 300;

    src: url('../fonts/HF/hf-300.otf');
    text-rendering: optimizeLegibility;
}

@font-face
{
    font-family: 'HF';
    font-weight: 400;

    src: url('../fonts/HF/hf-400.otf');
    text-rendering: optimizeLegibility;
}

@font-face
{
    font-family: 'HF';
    font-weight: 600;

    src: url('../fonts/HF/hf-600.otf');
    text-rendering: optimizeLegibility;
}

footer
{
    display: block;

    margin-top: auto; 

    background-color: #eee;
}
footer nav
{
    padding: 30px 0 5px;
}
footer nav ul
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    padding: 0;

    list-style: none;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
footer nav ul li
{
    display: block; 

    margin: 0 10px;
}
footer nav ul li a
{
    font-family: Lato;
    font-size: 1rem;
    font-weight: 400; 

    cursor: pointer;

    color: #000;
}
footer nav ul li a:hover
{
    color: rgba(0, 0, 0, .75);
}
footer nav ul.social li a
{
    color: rgba(0, 0, 0, .75);
}
footer nav ul.social li a:hover
{
    color: #000;
}

@media (max-width: 575px)
{
    footer nav .footer__nav li
    {
        margin: 0 20px;
    }
    footer nav .footer__nav li a
    {
        font-size: 14px;
    }
}

html *::-moz-selection
{
    color: #fff;
    background: #ac7e00;
    text-shadow: none;
}

html *::selection
{
    color: #fff;
    background: #ac7e00;
    text-shadow: none;
}

*:focus
{
    outline: none !important;
}

body
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    min-height: 100vh; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
body #disabled-js
{
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    left: 0;

    height: 0;
}
body #disabled-js input[type='checkbox']
{
    position: absolute;
    z-index: -1; 

    overflow: hidden;

    width: 1px;
    height: 1px;

    opacity: 0;
}
body #disabled-js .disabled-js-content
{
    width: 500px;
    max-width: 90%;
    margin: 100px auto 0;
    padding: 30px;

    -webkit-transition: ease 300ms;
            transition: ease 300ms;
    -webkit-transition-property: width, height, margin;
            transition-property: width, height, margin; 
    text-align: center;

    border: 1px solid #585559;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
}
body #disabled-js .disabled-js-content p
{
    text-align: left;
}
body #disabled-js .disabled-js-content label
{
    display: inline-block;

    margin: 0 auto;
    padding: 10px 20px;

    cursor: pointer;
    -webkit-transition: ease 300ms;
            transition: ease 300ms;
    -webkit-transition-property: width, height, margin;
            transition-property: width, height, margin; 

    color: #fff;
    background: #585559;
}
body #disabled-js .disabled-js-content label:hover
{
    background-color: #222;
}
body #disabled-js .disabled-js-content label i
{
    display: none;
}
body #disabled-js input[type='checkbox']:checked + .disabled-js-content
{
    display: inline-block;

    width: auto;
    margin: 6px;
    padding: 0;

    border: none;
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
body #disabled-js input[type='checkbox']:checked + .disabled-js-content p
{
    display: none;
}
body #disabled-js input[type='checkbox']:checked + .disabled-js-content label
{
    width: 50px;
    height: 50px;
    padding: 0;

    text-align: center;

    opacity: .5; 
    color: #222;
    border-radius: 50%;
    background: #d7d7d7;
}
body #disabled-js input[type='checkbox']:checked + .disabled-js-content label i
{
    font-size: 24px;
    line-height: 50px; 

    display: block;
}
body #disabled-js input[type='checkbox']:checked + .disabled-js-content label span
{
    display: none;
}
body #disabled-js input[type='checkbox']:checked + .disabled-js-content label:hover
{
    opacity: .75;
}
body .overflow
{
    overflow-y: hidden; 

    height: 100vh;
}
body br
{
    line-height: 1;
}
body a
{
    color: inherit;
}
body a:hover
{
    color: inherit;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p
{
    font-family: Lato;
}
body p,
body li
{
    font-family: Lato;
    font-size: 1rem;
    font-weight: 300; 

    color: #222;
}
body b,
body strong
{
    font-weight: 700;
}
body img
{
    max-width: 100%;
}
body input
{
    border-radius: 0 !important;
}
body button:hover,
body button:focus,
body button:active
{
    outline: none;
}
body .gold
{
    color: #d4c09b !important;
}
body .gray
{
    color: #585559 !important;
}
body .bg-gold
{
    color: #d4c09b !important;
}
body .bg-black
{
    background-color: #000;
}
body .bg-white
{
    background-color: #fff;
}
body .thin
{
    font-weight: 300;
}
body .border-left
{
    padding-left: 45px; 

    border-left: 5px solid !important;
}
body .border-right
{
    padding-left: 45px; 

    border-left: 5px solid !important;
}
body .border-gold
{
    border-color: #d4c09b !important;
}
body .border-grey
{
    border-color: #585559 !important;
}
body .border-none
{
    border: none !important;
}
body .section__title
{
    font-family: Lato;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 140%; 

    padding-left: 35px;

    color: #585559;
    border-left: 5px #d4c09b solid;
}
body .section__title .thin
{
    font-weight: 300;
}
body .alert
{
    position: fixed;
    z-index: 100;
    top: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 

    width: 100vw;
    height: 100vh;

    background-color: rgba(0, 0, 0, .3);
}
body .alert .warning
{
    position: relative;

    width: 25vw;
    width: 500px;
    max-width: 90%; 
    margin: auto;
    padding: 50px 15px 30px 15px;

    text-align: center;

    border: 1px solid #d4c09b;
    background-color: #fff;
}
body .alert .warning .close
{
    position: absolute;
    top: 10px;
    right: 10px;

    width: 30px;
    height: 30px;

    cursor: pointer;
}
body .alert .warning .close:before,
body .alert .warning .close:after
{
    position: absolute;
    top: 13px; 
    left: -5px;

    display: block;

    width: 40px;
    height: 4px;

    content: '';
    content: '';
    cursor: pointer;
    -webkit-transition: .5s;
            transition: .5s;

    background-color: #dfd1b7;
}
body .alert .warning .close:before
{
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
body .alert .warning .close:after
{
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
body .alert .warning .close:hover:before,
body .alert .warning .close:hover:after
{
    background-color: #d4c09b;
}
body .alert .warning p
{
    font-weight: 400; 

    margin-bottom: 20px;
}

@media (max-width: 991px)
{
    .section__title
    {
        font-size: 1.75rem;

        margin-bottom: 0; 
        padding-left: 0;

        border-left: 0;
    }
}

@media (max-width: 575px)
{
    .section__title
    {
        font-size: 1.25rem;
    }
}

.product__add
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.product__add .add-to-cart button
{
    font-size: 1rem;

    width: auto;
    min-height: 40px; 
    margin-left: 10px;
    padding: 10px 15px;

    -webkit-transition: .4s;
            transition: .4s;
    text-transform: uppercase;

    color: #fff;
    border: none;
    outline: none;
    background-color: #ff7e00;
}
.product__add .add-to-cart button:before
{
    font-family: Lato, Helvetica Neue LT Pro, Verdana, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;

    display: inline-block !important;

    margin: 0 8px 0 0 !important;
    padding: 0 8px 0 0 !important;
    padding: 0 8px 0 0 !important;

    content: attr(data-price-before);

    color: #fff;
    border-right: 1px solid #eaeaea;
    border-right: 1px solid #fff !important;
}
.product__add .add-to-cart button:hover
{
    background-color: #606060;
}
.product__add .add-to-cart button:active,
.product__add .add-to-cart button:focus
{
    outline: none;
}
.product__add .count
{
    width: -webkit-max-content;
    width:    -moz-max-content;
    width:         max-content; 

    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}
.product__add .count input
{
    width: 55px;
    height: 40px; 

    border-radius: 0;
    background-color: #fff;
}

@media (max-width: 991px)
{
    .product__add .add-to-cart button
    {
        width: auto;
    }
}

@media (max-width: 575px)
{
    .count
    {
        width: inherit;
        margin: inherit;
    }
    .product__add
    {
            flex-direction: column;

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .product__add .add-to-cart
    {
        width: auto; 
        margin-top: 10px;
    }
    .product__add .add-to-cart button
    {
        margin-left: initial;
    }
}

.cookies-notice
{
    position: fixed;
    z-index: 10000000000000;
    right: 0;
    bottom: 0;
    left: 0;

    padding: 10px 0;

    border-top: 1px solid #adadad; 
    background: rgba(255, 255, 255, .85);
}
.cookies-notice__text
{
    font-size: .75rem;
    font-weight: 400; 
    line-height: 1;

    margin: 0;
    padding-right: 15px;

    text-align: justify;
}
.cookies-notice__text a
{
    color: #0062bf;
}
.cookies-notice__text a:hover
{
    text-decoration: underline;
}
.cookies-notice__close
{
    position: absolute;
    top: calc(50% - 10px);
    right: 5px;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;

    cursor: pointer; 

    border: none;
    background: none;
}
.cookies-notice__close:before,
.cookies-notice__close:after
{
    position: absolute;
    top: 8px;
    left: -3px;

    display: block;

    width: 24px;
    height: 2px;

    content: '';

    background-color: #777;
}
.cookies-notice__close:before
{
    -webkit-transform: rotateZ(45deg);
            transform: rotateZ(45deg);
}
.cookies-notice__close:after
{
    -webkit-transform: rotateZ(-45deg);
            transform: rotateZ(-45deg);
}
.cookies-notice__close:hover:before,
.cookies-notice__close:hover:after
{
    background-color: #0062bf;
}

.blog h1,
.blog h2,
.blog h3,
.blog h4,
.blog h5,
.blog h6
{
    margin: 0 0 15px 0;
}

.blog h1
{
    font-family: Lato;
    font-size: 3rem;
    font-weight: 300;
    line-height: 1;

    position: relative;

    margin: 50px 10px 15px 0;
    padding-bottom: 15px;
}
.blog h1:after
{
    position: absolute;
    bottom: -15px; 
    left: 0;

    display: block;

    width: 150px;
    height: 3px;

    content: '';

    background: #d4c09b;
}

@media (max-width: 767px)
{
    .blog h1
    {
        font-size: 2.25rem; 

        margin: 15px 0;
    }
    .blog h1:after
    {
        bottom: -18px;
    }
}

.intro
{
    position: relative;
    z-index: 0; 

    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    min-height: 550px;
    padding-bottom: 150px;

    background-color: #726d71;
    background-image: url('/../assets/img/headerbg_xl.jpg');
    background-repeat: no-repeat;
    background-position-x: calc(50% - 250px);
    background-position-y: bottom;
    background-size: auto 800px;
}
.intro-block
{
    margin-left: auto;
}
.intro:after
{
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: -200px;
    left: 0;

    display: block;

    height: 300px;

    content: '';
    -webkit-transform: skewY(2.5deg);
            transform: skewY(2.5deg); 

    border-top: 14px solid #d4c09b;
    background: #fff;
}
.intro__text
{
    padding-bottom: 65px;
    padding-left: 100px;
}
.intro__text h1
{
    font-family: HF;
    font-size: 42px;
    font-weight: 300;
    line-height: 100%;
    line-height: 48px; 

    margin: 40px 0 20px;
    margin-left: auto;

    color: #fff;
}
.intro__text ul
{
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2;

    width: 70%;
    padding: 5px 40px 5px 30px;

    list-style-type: square;

    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), color-stop(20%, rgba(0, 0, 0, .5)), color-stop(95%, transparent), to(transparent));
    background: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .5) 20%, transparent 95%, transparent 100%);
}
.intro__text ul li
{
    font-size: 18px; 

    padding: 5px;

    color: #fff;
}
.intro__text ul .list-title
{
    font-weight: 700; 

    list-style: none;
}
.intro__text.custom ul li:first-child
{
    font-weight: 700;

    list-style: none;
}
.intro img
{
    position: absolute;
    right: calc(50% - 580px);
    bottom: -45px;

    max-width: 420px;
}

@media (max-width: 1199px)
{
    .intro
    {
        min-height: 500px;

        background-image: url('/../assets/img/headerbg_lg.jpg');
        background-position-x: calc(50% - 170px);
        background-position-y: calc(100% - 70px); 
        background-size: auto 700px;
    }
    .intro__text h1
    {
        line-height: 1;
    }
    .intro__text ul
    {
        line-height: 1.2; 

        padding: 5px 50px 5px 30px;
    }
    .intro img
    {
        right: calc(50% - 450px); 
        bottom: -25px;
    }
}

@media (max-width: 991px)
{
    .intro
    {
        min-height: 400px;

        background-image: url('/../assets/img/headerbg_md.jpg');
        background-position-x: calc(40% - 170px);
        background-position-y: bottom;
        background-size: auto 650px;
    }
    .intro-block
    {
        margin-right: 70px;
    }
    .intro__text
    {
        padding-bottom: 30px; 
        padding-left: initial;
    }
    .intro__text h1
    {
        font-size: 32px;
        line-height: 1;

        margin: 20px 0;
    }
    .intro__text ul
    {
        line-height: 1.2; 

        width: auto;
        padding: 5px 0 5px 30px;
    }
    .intro__text ul li
    {
        padding-right: 90px;
    }
    .intro img
    {
        right: calc(50% - 380px); 
        bottom: 10px;
    }
}

@media screen and (max-width: 991px) and (orientation: landscape)
{
    .intro
    {
        min-height: 260px; 

        background-image: url('/../assets/img/headerbg_md_l.jpg');
        background-position-y: calc(100% - 75px);
        background-size: auto;
    }
    .intro h1
    {
        margin-top: 10px;
    }
    .intro-block
    {
        margin-right: 100px;
    }
    .intro__text
    {
        padding-bottom: 20px;
    }
    .intro__text ul
    {
        padding: 5px 40px 5px 30px;
    }
    .intro__text ul li
    {
        font-size: 16px;

        padding: 2px;
    }
}

@media (max-width: 767px)
{
    .intro
    {
        min-height: 220px;
        margin-bottom: -15px; 

        background-image: url('/../assets/img/headerbg_sm.jpg');
        background-position-x: calc(50% - 50px);
        background-position-y: calc(100% - 70px);
        background-size: auto 400px;
    }
    .intro-block
    {
        margin-right: 0; 
        margin-left: auto;
    }
    .intro:after
    {
        border-width: 5px;
    }
    .intro__text
    {
        margin-right: unset;
        margin-left: 45px;
        padding-right: 40px;
        padding-bottom: 150px; 

        text-align: start;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .intro__text h1
    {
        font-size: 22px;

        margin-top: 0;
        margin-top: 15px; 
        margin-bottom: 0;
    }
    .intro__text ul
    {
        display: none;
    }
    .intro img
    {
        bottom: 30px; 
        left: calc(50% + 50px);
    }
}

@media screen and (max-width: 767px) and (orientation: landscape)
{
    .intro
    {
        min-height: 70px;

        background-image: url('/../assets/img/headerbg_sm_l.jpg');
        background-position-x: calc(100% - 120px); 
        background-size: auto;
    }
    .intro img
    {
        bottom: 50px;
        left: calc(100% - 130px); 

        width: 120px;
    }
    .intro__text
    {
        padding-bottom: 90px;
    }
    .intro__text h1
    {
        margin-top: 10px;
    }
}

@media (max-width: 575px)
{
    .intro
    {
        min-height: 200px;

        background-position-x: calc(50% - 10px);
        background-position-y: calc(100% - 70px); 
        background-size: auto 400px;
    }
    .intro__text
    {
        margin-bottom: 20px;
        margin-left: 5vw;
        padding-right: unset;
    }
    .intro__text h1
    {
        font-size: 18px;

        text-align: right;
    }
    .intro img
    {
        right: 5px; 
        bottom: 0;
        left: unset;

        margin-bottom: 30px;
    }
}

@media screen and (max-width: 575px) and (orientation: landscape)
{
    .intro
    {
        min-height: 70px; 

        background-image: url('/../assets/img/headerbg_sm_l.jpg');
        background-position-y: calc(100% - 90px);
        background-size: auto 200px;
    }
    .intro__text
    {
        margin-bottom: 80px;
        padding-bottom: 0;
    }
    .intro img
    {
        bottom: 30px;
    }
}

@media (max-width: 480px)
{
    .intro__text
    {
        font-size: 14px;
    }
}

.product-intro
{
    position: relative;

    padding-bottom: 70px;
}
.product-intro__img
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 70%;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.product-intro__img img
{
    position: absolute;
    z-index: 1;
    top: -20px;
    left: calc(-100% + -45px);

    max-width: inherit;

    -webkit-transition: opacity .3s ease;
            transition: opacity .3s ease;
}
.product-intro .not--bg:before
{
    content: none !important;
}
.product-intro-right
{
    position: relative;

    display: grid;

    grid-template-columns: 1fr;
    grid-template-rows: -webkit-max-content;
    grid-template-rows:         max-content;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.product-intro__border
{
    position: relative;
    z-index: 1;

    margin-top: 30px;
    padding: 50px 40px;

    color: #585559;
    border-right: 1px solid #d4c09b;

    grid-row-start: 1;
}
.product-intro__border h1
{
    font-family: HF;
    font-size: 46px;
    font-weight: 300; 
    line-height: 1;

    color: #222;
}
.product-intro__border h1 .title
{
    font-weight: 600;

    text-transform: uppercase; 

    color: #606060;
}
.product-intro__border p,
.product-intro__border li
{
    font-weight: 400;
    line-height: 1.5;

    color: #585559;
}
.product-intro__border ul
{
    padding: 0; 

    list-style: none;
}
.product-intro__border ul li
{
    font-size: 1rem;
    line-height: 1.5; 

    display: inline-block;
}
.product-intro__border ul li:first-child:before
{
    content: none;
}
.product-intro__border ul li:before
{
    display: inline;

    padding-right: 5px; 

    content: '|';
}
.product-intro__border:before
{
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    left: -200px;

    height: 1px;

    content: '';

    background: rgba(212, 192, 155, 0);
    background: -webkit-gradient(linear, left top, right top, from(rgba(212, 192, 155, 0)), color-stop(25%, #d4c09b), to(#d4c09b));
    background: linear-gradient(to right, rgba(212, 192, 155, 0) 0%, #d4c09b 25%, #d4c09b 100%);
}
.product-intro__border:after
{
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 0;
    left: -200px;

    height: 1px;

    content: '';

    background: rgba(212, 192, 155, 0);
    background: -webkit-gradient(linear, left top, right top, from(rgba(212, 192, 155, 0)), color-stop(25%, #d4c09b), to(#d4c09b));
    background: linear-gradient(to right, rgba(212, 192, 155, 0) 0%, #d4c09b 25%, #d4c09b 100%);
}
.product-intro__border .share__icons
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.product-intro__border .share__icons a
{
    margin: 0 10px;

    -webkit-transition: .4s;
            transition: .4s; 

    color: #585559;
}
.product-intro__border .share__icons a:hover
{
    color: #000;
}
.product-intro__border .share__icons a i
{
    font-size: 1.2rem;
}
.product-intro__border .intro-product__add
{
    margin-top: 50px;
    margin-bottom: 40px;

    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.product-intro .product-gallery
{
    bottom: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 50px;

    text-align: center;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.product-intro .product-gallery__img
{
    position: relative;

    display: block;

    width: 152px;
    height: 152px;
    margin: 0 15px 10px;

    cursor: pointer; 

    background: radial-gradient(ellipse at center, #fff 0%, #eee 100%);
}
.product-intro .product-gallery__img img
{
    display: block;

    height: 100%; 
    margin: auto;
}
.product-intro .product-gallery .video:before,
.product-intro .product-gallery .video:after
{
    position: absolute; 

    display: block;

    content: '';
}
.product-intro .product-gallery .video:before
{
    top: calc( 50% - 40px);
    left: calc( 50% - 40px);

    width: 80px;
    height: 80px;

    border: 10px solid rgba(255, 255, 255, .5);
    border-radius: 50%;
}
.product-intro .product-gallery .video:after
{
    top: calc( 50% - 20px);
    left: calc( 50% - 12px);

    width: 0;
    height: 0;

    border-width: 20px 0 20px 35px;
    border-style: solid;
    border-color: transparent rgba(255, 255, 255, .5);
}

.lightboxCarousel
{
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    overflow-y: auto;

    background: rgba(255, 255, 255, .9);
}
.lightboxCarousel .slider
{
    top: 50%;

    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.lightboxCarousel .slider-controls
{
    font-size: 1.5rem;

    position: absolute;
    z-index: 1001; 
    top: 50%;

    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    color: #d4c09b;
    border: none;
    background: inherit;
}
.lightboxCarousel .slider-controls:focus,
.lightboxCarousel .slider-controls:active
{
    outline: none;
}
.lightboxCarousel .slider-controls i
{
    font-size: 5rem;
}
.lightboxCarousel .slider .slick-next
{
    right: -90px;

    width: 40px;
    height: 69px; 

    background: url('../img/icons/png/ico-next.png');
    background-repeat: no-repeat;
}
.lightboxCarousel .slider .slick-prev
{
    left: -90px;

    width: 40px;
    height: 69px; 

    background: url('../img/icons/png/ico-prev.png');
    background-repeat: no-repeat;
}
.lightboxCarousel .slick-track
{
    z-index: 1; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.lightboxCarousel .slick-track .item
{
    z-index: 1; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: initial;

    height: auto;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.lightboxCarousel .slick-track .item video,
.lightboxCarousel .slick-track .item img
{
    max-width: 100%;
}
.lightboxCarousel .close
{
    font-size: 4rem;

    position: absolute;
    z-index: 9999;
    top: 10px;
    right: -73px;

    width: 37px;
    height: 37px;

    cursor: pointer;
    -webkit-transform: translate3d(0, 0, 10000px);
            transform: translate3d(0, 0, 10000px); 

    opacity: 1;
    color: #d4c09b;
    background: url('../img/icons/png/ico-close.png');
    background-repeat: no-repeat;
}
.lightboxCarousel .custom-dots
{
    margin-top: auto;
}

body.lightbox-open
{
    overflow: hidden;

    width: 100vw;
    height: 100vh;
    padding-top: 0 !important;
}
body.lightbox-open:before
{
    position: fixed;
    z-index: 25;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';
    -webkit-transition: background .3s ease;
            transition: background .3s ease; 

    background: rgba(255, 255, 255, .5);
}
body.lightbox-open .product-nav,
body.lightbox-open .product-intro__img
{
    opacity: 0 !important;
}

@media screen and (min-width: 1200px) and (max-width: 1399.98px)
{
    .lightboxCarousel .close
    {
        left: calc(275px + 25%);
    }
    .lightboxCarousel .slider .slick-next
    {
        right: -45px;
    }
    .lightboxCarousel .slider .slick-prev
    {
        left: -45px;
    }
}

@media (max-width: 1199px)
{
    body.lightbox
    {
        position: unset; 

        max-height: 100vh;
    }
    .lightboxCarousel .slider
    {
        top: 0;

        margin-bottom: 100px; 

        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    .lightboxCarousel .slider .slick-next
    {
        right: -30px;
    }
    .lightboxCarousel .slider .slick-prev
    {
        left: -30px;
    }
    .lightboxCarousel .slick-track .item video,
    .lightboxCarousel .slick-track .item img
    {
        max-width: 330px;
    }
    .lightboxCarousel .close
    {
        right: -30px; 
        left: initial;
    }
    .product-intro .product-gallery__img
    {
        margin: 0 17.5px 10px;
    }
}

@media (max-width: 991.98px)
{
    .product-intro .product-gallery
    {
        display: block;
    }
    .product-intro .product-gallery__img
    {
        display: inline-block;

        width: 130px;
        height: 130px;
        margin: 0 5px;
    }
    .product-intro .product-gallery__img img,
    .product-intro .product-gallery__img video
    {
        max-height: 130px;
    }
    .lightboxCarousel .slider
    {
        top: 0;

        margin-bottom: 10px; 

        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    .lightboxCarousel .slider .slick-next
    {
        right: 0;
    }
    .lightboxCarousel .slider .slick-prev
    {
        left: 0;
    }
    .lightboxCarousel .slick-track .item img,
    .lightboxCarousel .slick-track .item video
    {
        display: block;

        max-width: 100%;
        max-height: 70vh;
        margin: 0 auto;
    }
    .lightboxCarousel .close
    {
        right: 10px; 
        left: initial;
    }
    .lightboxCarousel .slider-column
    {
        padding: 0;
    }
}

@media screen and (max-width: 991.98px) and (orientation: landscape)
{
    .lightboxCarousel .slick-track .item img,
    .lightboxCarousel .slick-track .item video
    {
        max-height: 90vh;
    }
}

@media (max-width: 575.98px)
{
    .product-intro
    {
        padding-bottom: 30px;
    }
    .product-intro__border h1
    {
        font-size: 1.75rem;
        line-height: 1;
    }
    .product-intro__border h1 .title
    {
        font-size: 1.75rem;
    }
    .product-intro__border ul li
    {
        display: block;
    }
    .product-intro__border ul li:first-child:before
    {
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 1rem; 

        content: '-';

        color: #c9c9c9;
    }
    .product-intro__border ul li:before
    {
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 1rem; 

        content: '-';

        color: #c9c9c9;
    }
    .product-intro .intro-product__add
    {
            flex-direction: initial;

        -webkit-box-orient: initial;
        -webkit-box-direction: initial;
        -ms-flex-direction: initial;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .product-intro .intro-product__add .count
    {
        margin: 0;
        padding: 0;
    }
    .product-intro .intro-product__add .add-to-cart
    {
        width: 100%;
    }
    .product-intro .intro-product__add .add-to-cart button
    {
        display: block;
    }
    .product-intro .product-gallery
    {
        width: 100%;
    }
    .product-intro .product-gallery .video:before
    {
        top: calc( 50% - 25px);
        left: calc( 50% - 25px);

        width: 50px;
        height: 50px;

        border: 6px solid rgba(255, 255, 255, .5);
    }
    .product-intro .product-gallery .video:after
    {
        top: calc( 50% - 12px);
        left: calc( 50% - 8px);

        border-width: 12px 0 12px 21px;
    }
    .product-intro .product-gallery__img
    {
        width: 80px;
        height: 80px;
    }
    .lightboxCarousel .slick-track .item img,
    .lightboxCarousel .slick-track .item video
    {
        width: 220px;
        max-width: 80vw;
        height: auto;
    }
    .lightboxCarousel .slider
    {
        margin-bottom: 15px;
    }
}

@media screen and (orientation: landscape) and (max-width: 991px)
{
    body.lightbox .intro__slider .slider img
    {
        max-height: 100vh;
    }
}

@media (max-width: 1599.98px)
{
    .product-intro__img img
    {
        left: calc(-100% + 100px);
    }
}

@media (max-width: 1399.98px)
{
    .product-intro__img img
    {
        top: 10px; 
        left: calc(-100% + 125px);
    }
}

@media (max-width: 1199.98px)
{
    .product-intro__img img
    {
        left: calc(-100% + 175px);
    }
    .product-intro-right
    {
        grid-template-columns: 100%;
    }
}

@media (max-width: 991.98px)
{
    .product-intro
    {
        padding-top: 0;
        padding-bottom: 30px;
    }
    .product-intro-right:before
    {
        content: none;
    }
    .product-intro__border
    {
        margin-top: 0;
        margin-bottom: 10px; 
        padding: 0;

        border: none;
    }
    .product-intro__border:before,
    .product-intro__border:after
    {
        content: none;
    }
    .product-intro__img
    {
        float: none;

        width: 100%;
    }
    .product-intro__img img
    {
        position: relative;
        top: 0;
        right: 0;
        bottom: auto;
        left: 0;

        display: block;

        max-width: 100%;
        margin: auto;
    }
    .product-intro__img:before
    {
        content: none;
    }
}

.faq
{
    margin-bottom: 50px;
}
.faq .section__title
{
    font-size: 2.5rem; 

    padding-left: 33px;
}
.faq__accordion
{
    margin-top: 20px;
}
.faq__accordion .accordion__title
{
    font-family: Lato;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.2;

    position: relative;
    position: relative;

    margin: 0;
    margin-bottom: -1px; 
    padding: 17px 73px 17px 63px;

    cursor: pointer;

    background-color: #d4c09b;
}
.faq__accordion .accordion__title span
{
    font-weight: 700;

    position: absolute;
    top: 0;
    left: 0;

    width: 53px;
    height: 100%;
    padding-top: 17px;

    text-align: right;
}
.faq__accordion .accordion__title:before
{
    font-family: Lato; 
    font-size: 45px;

    position: absolute;
    top: 0;
    right: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 63px;
    height: 100%;

    content: '+';

    color: #fff;
    background-color: #585559;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.faq__accordion .accordion__title:after
{
    position: absolute;
    top: -1px;
    left: 40px;

    width: calc(100% - 103px); 
    height: 1px;

    content: '';

    background: #fff;
}
.faq__accordion .accordion__title.active:before
{
    font-family: Lato; 
    font-size: 45px;

    position: absolute;
    top: 0;
    right: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 63px;
    height: 100%;

    content: '–';

    color: #fff;
    background-color: #585559;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.faq__accordion .accordion__content
{
    font-weight: 300;

    position: relative;
    z-index: 1;

    display: none;
    overflow: hidden;

    -webkit-transition: max-height .3s ease-out;
            transition: max-height .3s ease-out; 

    border-top: 0;
    background: #eee;
}
.faq__accordion .accordion__content-wrapper
{
    padding: 15px 73px 15px 63px;
}
.faq__accordion .accordion__content-wrapper a
{
    font-weight: 400; 

    cursor: pointer;
    text-decoration: none;

    color: #07d;
}
.faq__accordion .accordion__content-wrapper a:hover
{
    text-decoration: underline;
}
.faq__accordion .accordion__content-wrapper strong
{
    color: #585559;
}

@media (max-width: 991px)
{
    .faq .section__title
    {
        font-size: 2.5rem;

        padding-left: 0;

        border-left: none;
    }
    .faq__accordion
    {
        margin-top: 10px;
    }
    .faq__accordion .accordion__title
    {
        font-size: 1.25rem;
    }
}

@media (max-width: 767px)
{
    .faq .section__title
    {
        font-size: 1.5rem;
    }
    .faq__accordion .accordion__title
    {
        padding: 17px 63px 17px 53px;
    }
    .faq__accordion .accordion__title:before,
    .faq__accordion .accordion__title.active:before
    {
        font-size: 20px;
        line-height: 52px; 

        width: 52px;
    }
    .faq__accordion .accordion__title:after
    {
        left: 50px;
    }
    .faq__accordion .accordion__title span
    {
        width: 43px;
    }
    .faq__accordion .accordion__content-wrapper
    {
        padding-left: 53px;
    }
    .faq__accordion .accordion__content-wrapper p
    {
        font-size: 14px; 
        font-weight: 400;

        text-align: justify;

        color: #585559;
    }
}

@media (max-width: 575px)
{
    .faq__accordion .accordion__title
    {
        font-family: Lato;
        font-size: 1rem;
        font-weight: 300;

        position: relative;
        position: relative;

        margin: 0;
        margin-bottom: -1px; 
        padding: 15px 53px 10px 36px;

        cursor: pointer;
        text-transform: uppercase;

        background-color: #d4c09b;
    }
    .faq__accordion .accordion__title span
    {
        width: 25px;
        padding-top: 15px;
    }
    .faq__accordion .accordion__title:after
    {
        left: 36px;

        width: calc(100% - 76px);
    }
    .faq__accordion .accordion__content-wrapper
    {
        padding: 10px 15px;
    }
    .faq__accordion .accordion__title::before,
    .faq__accordion .accordion__title.active::before
    {
        line-height: 48px; 

        right: 0;

        width: 40px;
    }
}

@media (max-width: 499px)
{
    .faq__accordion .accordion__title
    {
        font-size: 14px; 

        padding: 15px 40px 10px 36px;
    }
}

.gallery
{
    background-color: #585559;
}
.gallery .img
{
    display: inline-block;
    overflow: hidden;

    width: 10%;

    cursor: pointer;
}
.gallery .img img
{
    -webkit-transition: .6s;
            transition: .6s;
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
}
.gallery picture
{
    max-width: 100%;
}
.gallery picture img
{
    max-width: 100%;
}
.gallery picture img:hover
{
    -webkit-transform: rotate(2deg) scale(1.2);
            transform: rotate(2deg) scale(1.2);
}

@media (min-width: 2200px)
{
    .gallery
    {
        width: 75vw;
        margin: 0 auto;
    }
}

@media (max-width: 767px)
{
    .gallery .img
    {
        width: calc(100% / 6);
    }
}

@media (max-width: 575px)
{
    .gallery .img
    {
        width: calc(100% / 5);
    }
}

.gallery-product
{
    padding-top: 5px;
}
.gallery-product .images
{
    display: grid;

    grid-template-columns: repeat(15, auto);
    grid-template-rows: repeat(2, auto);
    grid-row-gap: 3px;
}
.gallery-product .images picture
{
    max-width: 100%;
    padding: 0 2px;
}
.gallery-product .images picture:nth-child(1)
{
    padding-left: 0;
}
.gallery-product .images picture:nth-child(7)
{
    padding-right: 0;
}
.gallery-product .images picture:nth-child(1)
{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
}
.gallery-product .images picture:nth-child(2)
{
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 2;
}
.gallery-product .images picture:nth-child(3)
{
    grid-column-start: 5;
    grid-column-end: 7;
    grid-row-start: 1;
    grid-row-end: 2;
}
.gallery-product .images picture:nth-child(4)
{
    grid-column-start: 7;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 2;
}
.gallery-product .images picture:nth-child(5)
{
    grid-column-start: 9;
    grid-column-end: 11;
    grid-row-start: 1;
    grid-row-end: 2;
}
.gallery-product .images picture:nth-child(6)
{
    grid-column-start: 11;
    grid-column-end: 13;
    grid-row-start: 1;
    grid-row-end: 2;
}
.gallery-product .images picture:nth-child(7)
{
    grid-column-start: 13;
    grid-column-end: 15;
    grid-row-start: 1;
    grid-row-end: 2;
}
.gallery-product .images picture:nth-child(8)
{
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
}
.gallery-product .images picture:nth-child(9)
{
    grid-column-start: 4;
    grid-column-end: 6;
    grid-row-start: 2;
    grid-row-end: 3;
}
.gallery-product .images picture:nth-child(10)
{
    grid-column-start: 6;
    grid-column-end: 8;
    grid-row-start: 2;
    grid-row-end: 3;
}
.gallery-product .images picture:nth-child(11)
{
    grid-column-start: 8;
    grid-column-end: 10;
    grid-row-start: 2;
    grid-row-end: 3;
}
.gallery-product .images picture:nth-child(12)
{
    grid-column-start: 10;
    grid-column-end: 12;
    grid-row-start: 2;
    grid-row-end: 3;
}
.gallery-product .images picture:nth-child(13)
{
    grid-column-start: 12;
    grid-column-end: 14;
    grid-row-start: 2;
    grid-row-end: 3;
}
.gallery-product--decoration
{
    position: relative;

    padding: 125px 15px 70px;
}
.gallery-product--decoration:before
{
    font-family: HF;
    font-size: 38px;
    font-weight: 400;
    line-height: 1; 

    position: absolute;
    z-index: 5;
    top: 78px;
    right: 0;
    left: 0;

    display: block;

    width: 210px;
    margin: 0 auto;
    padding: 0;

    content: '#nanoil';
    text-align: center;

    color: #d4c09b;
    background-color: #fff;
}
.gallery-product--decoration:after
{
    position: absolute;
    z-index: 3;
    top: 98px;
    right: 30px;
    bottom: 85px; 
    left: 30px;

    display: block;

    content: '';

    border: 2px solid #d4c09b;
}

@media (max-width: 767px)
{
    .gallery-product
    {
        margin-top: -10px;
    }
    .gallery-product .images
    {
        display: grid;

        grid-template-columns: repeat(11, auto);
        grid-template-rows: repeat(3, auto);
        grid-row-gap: 3px;
    }
    .gallery-product .images picture
    {
        max-width: 100%;
        padding: 0 1px;
    }
    .gallery-product .images picture:nth-child(1)
    {
        padding-left: 1px;
    }
    .gallery-product .images picture:nth-child(5)
    {
        margin-right: 2px; 
        padding-right: 1px;
        padding-left: 0;
    }
    .gallery-product .images picture:nth-child(6)
    {
        margin-right: 1px; 
        padding-right: 1px;
        padding-left: 0;
    }
    .gallery-product .images picture:nth-child(7)
    {
        margin-right: 1px;
        margin-left: 1px;
        padding-right: 0;
        padding-left: 0;
    }
    .gallery-product .images picture:nth-child(8)
    {
        margin-left: 1px; 
        padding-right: 0;
        padding-left: 1px;
    }
    .gallery-product .images picture:nth-child(9)
    {
        padding-right: 0; 
        padding-left: 2px;
    }
    .gallery-product .images picture:nth-child(1)
    {
        grid-column-start: 2;
        grid-column-end: 4;
        grid-row-start: 1;
        grid-row-end: 2;
    }
    .gallery-product .images picture:nth-child(2)
    {
        grid-column-start: 4;
        grid-column-end: 6;
        grid-row-start: 1;
        grid-row-end: 2;
    }
    .gallery-product .images picture:nth-child(3)
    {
        grid-column-start: 6;
        grid-column-end: 8;
        grid-row-start: 1;
        grid-row-end: 2;
    }
    .gallery-product .images picture:nth-child(4)
    {
        grid-column-start: 8;
        grid-column-end: 10;
        grid-row-start: 1;
        grid-row-end: 2;
    }
    .gallery-product .images picture:nth-child(5)
    {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 3;
    }
    .gallery-product .images picture:nth-child(6)
    {
        grid-column-start: 3;
        grid-column-end: 5;
        grid-row-start: 2;
        grid-row-end: 3;
    }
    .gallery-product .images picture:nth-child(7)
    {
        grid-column-start: 5;
        grid-column-end: 7;
        grid-row-start: 2;
        grid-row-end: 3;
    }
    .gallery-product .images picture:nth-child(8)
    {
        grid-column-start: 7;
        grid-column-end: 9;
        grid-row-start: 2;
        grid-row-end: 3;
    }
    .gallery-product .images picture:nth-child(9)
    {
        grid-column-start: 9;
        grid-column-end: 11;
        grid-row-start: 2;
        grid-row-end: 3;
    }
    .gallery-product .images picture:nth-child(10)
    {
        grid-column-start: 2;
        grid-column-end: 4;
        grid-row-start: 3;
        grid-row-end: 4;
    }
    .gallery-product .images picture:nth-child(11)
    {
        grid-column-start: 4;
        grid-column-end: 6;
        grid-row-start: 3;
        grid-row-end: 4;
    }
    .gallery-product .images picture:nth-child(12)
    {
        grid-column-start: 6;
        grid-column-end: 8;
        grid-row-start: 3;
        grid-row-end: 4;
    }
    .gallery-product .images picture:nth-child(13)
    {
        grid-column-start: 8;
        grid-column-end: 10;
        grid-row-start: 3;
        grid-row-end: 4;
    }
    .gallery-product--decoration
    {
        padding: 85px 15px 70px;
    }
    .gallery-product--decoration:before
    {
        font-size: 32px;

        top: 48px;

        width: 200px;
    }
    .gallery-product--decoration:after
    {
        top: 65px;
    }
}

@media (max-width: 575px)
{
    .gallery-product--decoration
    {
        padding: 55px 0 40px;
    }
    .gallery-product--decoration .images
    {
        grid-row-gap: 2px;
    }
    .gallery-product--decoration .images picture
    {
        padding: 0;
    }
    .gallery-product--decoration:before
    {
        font-size: 24px;

        top: 25px; 

        width: 140px;
    }
    .gallery-product--decoration:after
    {
        top: 38px;
        right: 5px;
        bottom: 45px;
        left: 5px;

        border: 1px solid #d4c09b;
    }
}

.commodity
{
    margin-bottom: 25px;
}
.commodity__slider
{
    position: relative;

    margin: 0 auto;
}
.commodity__slider:before
{
    position: absolute;
    top: 25%;
    left: 0;

    display: block;

    width: 100%;
    height: 25%;

    content: '';

    border: 1px #d4c09b solid;
}
.commodity__slider .slick-arrow
{
    z-index: 3;
}
.commodity__slider-items
{
    position: relative; 

    padding: 0 5%;
}
.commodity__slider-items button
{
    font-size: 2rem;

    position: absolute;
    top: 30%;

    -webkit-transition: .4s;
            transition: .4s; 

    color: #d4c09b;
    border: 0;
    outline: none;
    background-color: inherit;
}
.commodity__slider-items button:active,
.commodity__slider-items button:focus
{
    outline: none;
}
.commodity__slider-items button:hover
{
    -webkit-transition: .4s;
            transition: .4s;

    color: #606060;
}
.commodity__slider-items .slick-prev
{
    left: 5px;
}
.commodity__slider-items .slick-next
{
    right: 5px;
}
.commodity__item
{
    position: relative;
    z-index: 2;

    display: inline-block;
}
.commodity__item a
{
    outline: none;
}
.commodity__item a:active,
.commodity__item a:focus
{
    outline: none;
}
.commodity__item img
{
    display: block;

    max-width: 80%; 
    margin: 0 auto;
}
.commodity__item__title a
{
    font-size: 1rem;
    font-weight: 400; 
    line-height: 18px;

    display: block;

    padding: 0 7px;

    text-align: center;
    text-transform: uppercase;

    color: #000;
}

@media (max-width: 1199px)
{
    .commodity__item
    {
        margin-top: 40px;
    }
    .commodity__item__title
    {
        font-size: 1.2rem;
    }
    .commodity__item__title a
    {
        font-size: 14px;
    }
    .commodity__slider-items button
    {
        top: 40%;
    }
    .commodity__slider:before
    {
        top: 35%;
    }
}

@media (max-width: 991px)
{
    .commodity__title
    {
        position: relative; 
        z-index: 0;

        background-color: #d4c09b;
    }
    .commodity__item
    {
        margin-top: 30px;
    }
    .commodity__item__title
    {
        font-size: 1.2rem;
    }
    .commodity__slider
    {
        margin-top: -70px;
    }
    .commodity .section__title
    {
        font-size: 1.5rem;

        padding: 30px 0;
    }
}

@media (max-width: 768px)
{
    .commodity__item
    {
        margin-top: 40px;
    }
}

@media (max-width: 575px)
{
    .commodity__slider:before
    {
        top: 40%;
    }
    .commodity__slider-items .slick-arrow
    {
        height: 25%;
    }
    .commodity__slider-items .slick-next
    {
        right: 0;
    }
    .commodity__slider-items .slick-prev
    {
        left: 0;
    }
}

.opinions,
.opinions--custom
{
    padding: 60px 0;
}
.opinions__container,
.opinions--custom__container
{
    position: relative;
}
.opinions__container p,
.opinions--custom__container p
{
    font-size: 1.25rem; 
    font-style: italic;
}
.opinions__slider,
.opinions--custom__slider
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.opinions__item,
.opinions--custom__item
{
    min-height: 150px;
}
.opinions__item p,
.opinions--custom__item p
{
    cursor: -webkit-grab;
    cursor:         grab;
}
.opinions__item p:active,
.opinions--custom__item p:active
{
    cursor: -webkit-grabbing;
    cursor:         grabbing;
}
.opinions__item:before,
.opinions--custom__item:before
{
    font-family: 'Font Awesome 5 Free';
    font-size: 5rem;
    font-weight: 700;

    position: absolute;
    z-index: -1; 
    top: -15px;
    right: 60px;

    content: '\f10e';

    color: #f8f8f8;
}
.opinions__item:active,
.opinions--custom__item:active
{
    cursor: -webkit-grabbing;
    cursor:         grabbing;
}
.opinions__item:focus,
.opinions--custom__item:focus
{
    outline: none;
}
.opinions p.author,
.opinions--custom p.author
{
    font-weight: 700; 
    font-style: normal;

    color: #d4c09b;
}
.opinions p.author:before,
.opinions--custom p.author:before
{
    display: block;

    width: 50%;
    height: 3px;

    content: '';

    background-color: #d4c09b;
}
.opinions .slick-arrow,
.opinions--custom .slick-arrow
{
    font-size: 2rem;

    position: relative; 

    margin-top: 30px;

    cursor: pointer;
    -webkit-transition: .8s;
            transition: .8s;

    color: #d4c09b;
    border: none;
    background: inherit;
}
.opinions .slick-arrow:hover,
.opinions--custom .slick-arrow:hover
{
    -webkit-transition: .4s;
            transition: .4s;
    -webkit-transform: scale(1.5);
            transform: scale(1.5); 

    color: #606060;
}
.opinions .slick-arrow:focus,
.opinions--custom .slick-arrow:focus
{
    outline: none;
}
.opinions .slick-prev,
.opinions--custom .slick-prev
{
    padding-left: 0;
}
.opinions .slick-next,
.opinions--custom .slick-next
{
    padding-right: 0;
}
.opinions .slider__dots,
.opinions--custom .slider__dots
{
    position: absolute;
    bottom: 10px; 

    width: 100%;
}
.opinions .slider__dots .slick-dots,
.opinions--custom .slider__dots .slick-dots
{
    width: -webkit-max-content;
    width:    -moz-max-content;
    width:         max-content; 
    margin: auto;
    padding: 0;

    list-style: none;
}
.opinions .slider__dots .slick-dots li,
.opinions--custom .slider__dots .slick-dots li
{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    margin: 0 auto;
    padding: 0 5px;
}
.opinions .slider__dots .slick-dots li button,
.opinions--custom .slider__dots .slick-dots li button
{
    font-size: 0;

    width: 10px;
    height: 10px;
    padding: 0; 

    border: none;
    border-radius: 50%;
    background-color: inherit;
    background-color: #d4c09b;
}
.opinions .slider__dots .slick-dots li button:focus,
.opinions--custom .slider__dots .slick-dots li button:focus
{
    outline: 0;
}
.opinions .slider__dots .slick-dots li.slick-active button,
.opinions--custom .slider__dots .slick-dots li.slick-active button
{
    background-color: #606060;
}

.opinions__container p
{
    margin-bottom: 0; 
    padding: 25px 0;
}

.opinions__container p.author
{
    padding: 0 0 25px;
}

.opinions__item
{
    padding: 0 40px;
}

.opinions .slick-arrow
{
    position: absolute;
    z-index: 1; 
    top: 50%;

    margin-top: 0;

    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.opinions .slick-arrow:hover
{
    -webkit-transform: translateY(-50%) scale(1.5);
            transform: translateY(-50%) scale(1.5);
}

.opinions .slick-prev
{
    left: 0;
}

.opinions .slick-next
{
    right: 0;
}

.opinions--custom
{
    position: relative; 

    padding: 0;

    background-color: #eee;
}
.opinions--custom__navigation
{
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;

    display: block;

    height: 40px;
    margin: auto; 

    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.opinions--custom .slick-prev
{
    left: 0;
}
.opinions--custom .slick-next
{
    right: 0;
}
.opinions--custom .slick-arrow
{
    position: absolute;

    margin-top: initial;
    padding: 0;
}
.opinions--custom .slick-arrow:hover
{
    -webkit-transform: scale(1);
            transform: scale(1);
}
.opinions--custom .slick-arrow:hover .arrow-left:before,
.opinions--custom .slick-arrow:hover .arrow-left:after,
.opinions--custom .slick-arrow:hover .arrow-right:before,
.opinions--custom .slick-arrow:hover .arrow-right:after
{
    background: #606060;
}
.opinions--custom .slick-arrow i
{
    display: block;

    width: 20px;
    height: 40px;
}
.opinions--custom .slick-arrow .arrow-left:before,
.opinions--custom .slick-arrow .arrow-left:after
{
    position: absolute;
    left: -2px;

    display: block;

    width: 25px;
    height: 2px;

    content: '';
    -webkit-transition: all 300ms ease;
            transition: all 300ms ease; 

    background: #c9c9c9;
}
.opinions--custom .slick-arrow .arrow-left:before
{
    top: 10px;

    -webkit-transform: rotateZ(-47deg);
            transform: rotateZ(-47deg);
}
.opinions--custom .slick-arrow .arrow-left:after
{
    bottom: 10px;

    -webkit-transform: rotateZ(47deg);
            transform: rotateZ(47deg);
}
.opinions--custom .slick-arrow .arrow-right:before,
.opinions--custom .slick-arrow .arrow-right:after
{
    position: absolute;
    left: -2px;

    display: block;

    width: 25px;
    height: 2px;

    content: '';
    -webkit-transition: all 300ms ease;
            transition: all 300ms ease; 

    background: #c9c9c9;
}
.opinions--custom .slick-arrow .arrow-right:before
{
    top: 10px;

    -webkit-transform: rotateZ(47deg);
            transform: rotateZ(47deg);
}
.opinions--custom .slick-arrow .arrow-right:after
{
    bottom: 10px;

    -webkit-transform: rotateZ(-47deg);
            transform: rotateZ(-47deg);
}
.opinions--custom .opinions__item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    padding: 40px 0; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.opinions--custom .opinions__item:before
{
    content: none !important;
}
.opinions--custom .author
{
    font-size: 1rem;
    font-weight: 300 !important;
    font-weight: Lato;

    text-align: right;

    color: #585559 !important;
}
.opinions--custom .author:before
{
    content: none !important;
}
.opinions--custom .opinions__slider--custom
{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;

    width: 90%; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1199px)
{
    .opinions--custom .opinions__slider--custom
    {
        width: initial;
    }
    .opinions--custom__navigation
    {
        right: 0; 
        left: 0;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px)
{
    .opinions--custom .opinions__item
    {
        padding: 40px 50px;
    }
}

@media (max-width: 991px)
{
    .opinions
    {
        padding: 30px 0 60px;
    }
    .opinions__item
    {
        padding: 0;
    }
    .opinions .slick-arrow
    {
        position: absolute;
        z-index: 1;
        top: 100%;

        margin: 0;

        -webkit-transform: translateY(calc(-100% + 45px));
                transform: translateY(calc(-100% + 45px));
    }
    .opinions .slick-arrow:hover
    {
        -webkit-transform: scale(1.5) translateY(calc(-100% + 45px));
                transform: scale(1.5) translateY(calc(-100% + 45px));
    }
    .opinions .slick-prev
    {
        left: 0;
    }
    .opinions .slick-next
    {
        right: 0;
    }
    .opinions .slider__dots
    {
        position: absolute;
        top: 100%;
        left: 50%;

        width: 50%;
        max-width: 50%;

        -webkit-transform: translate(-50%, -100%);
                transform: translate(-50%, -100%);
    }
    .opinions--custom
    {
        padding-bottom: 0;
    }
    .opinions--custom .opinions__item
    {
        padding: 25px 0 55px;
    }
    .opinions--custom__navigation
    {
        top: initial;
        bottom: 0;

        width: 7vw;
    }
}

@media (max-width: 767px)
{
    .opinions--custom .opinions__item
    {
        padding: 10px 0 0 0 !important;
    }
    .opinions--custom__navigation
    {
        position: relative;

        width: 8vw;
    }
}

@media (max-width: 575px)
{
    .opinions__container p
    {
        font-size: initial;
    }
    .opinions__item
    {
        min-height: initial;
    }
    .opinions--custom__navigation
    {
        width: 12vw;
    }
    .opinions--custom .opinions__container p
    {
        font-size: 1.25rem;
        line-height: 1.2;
    }
}

@media (max-width: 420px)
{
    .opinions__item
    {
        padding: 15px 0;
    }
    .opinions--custom__navigation
    {
        width: 14vw;
    }
    .opinions--custom .slick-arrow
    {
        position: absolute;

        margin: 0;
    }
}

.h-opinion
{
    font-family: Playfair Display;
    font-size: 32px;
    line-height: 1.2; 

    padding-right: 95px;

    color: #fff;
}
.h-opinion__row
{
    width: 75%;
}
.h-opinion__content
{
    margin-bottom: 10px;
}
.h-opinion__author
{
    font-size: .75em;
}
.h-opinion__author:before
{
    display: inline;

    padding-right: 8px; 

    content: '—';
}
.h-opinion--small
{
    font-size: 36px;

    padding-top: 30px;
    padding-right: 0 !important;
    padding-left: 40px;

    color: #606060;
    background-color: #fff;
}
.h-opinion--small .h-opinion__row
{
    width: 100%;
}

@media (max-width: 1199.98px)
{
    .h-opinion
    {
        font-size: 28px;

        padding-right: 110px;
    }
}

@media (max-width: 991.98px)
{
    .h-opinion
    {
        font-size: 24px;

        margin-bottom: 30px; 
        padding-right: unset;

        color: #606060;
    }
    .h-opinion__row
    {
        width: unset;
    }
    .h-opinion:after
    {
        display: block;

        width: 300px;
        max-width: 95%;
        height: 4px;
        margin: 30px auto 0;

        content: '';

        background-color: #d4c09b;
    }
    .h-opinion--small
    {
        font-size: 28px; 

        position: relative;

        margin: 0;
        padding: 5px 0 8px;
        padding-left: 0;
    }
    .h-opinion--small::after
    {
        position: absolute;
        left: -15px;

        width: 100vw;
        max-width: unset;
        height: 1px;
        margin-top: 5px; 

        background-color: #000;
    }
}

@media (max-width: 767.98px)
{
    .h-opinion
    {
        margin-bottom: 30px;
    }
    .h-opinion__content
    {
        margin-bottom: 5px;
    }
    .h-opinion--small
    {
        font-size: 24px;
    }
}

@media (max-width: 575.98px)
{
    .h-opinion--small
    {
        font-size: 20px;
    }
}

.presentation
{
    position: relative;
    z-index: 2;
    top: 0;

    margin-bottom: 20px;
}
.presentation__change
{
    position: relative;
    top: 30px;

    margin-bottom: 150px;
    padding-top: 20px;
}
.presentation__change h2,
.presentation__change h3
{
    font-family: Lato;
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.2;
}
.presentation__change h2 .thick,
.presentation__change h3 .thick
{
    font-weight: 900;
}
.presentation__change .change__right h2,
.presentation__change .change__right h3
{
    position: relative;

    padding: 20px;

    text-align: center;

    color: #fff;
    background-color: #585559;
}
.presentation__change .change__right h2:before,
.presentation__change .change__right h3:before
{
    position: absolute;
    z-index: -1;
    top: calc(-5px);
    right: 0;

    display: block;

    width: 65%;
    height: 5px;

    content: '';

    background-color: #d4c09b;
}
.presentation__change .change__right .more
{
    font-family: Lato;
    font-weight: 300;
    line-height: 1.2;

    position: relative;

    display: block;

    cursor: pointer;
}
.presentation__change .change__right span.more
{
    font-size: 1.75rem;

    top: 10px;
    right: 30px;

    width: -webkit-max-content;
    width:    -moz-max-content;
    width:         max-content;
    margin-left: auto;

    text-align: right;
}
.presentation__change .change__right span.more:after
{
    position: relative;

    display: inline-block;

    margin-left: 4px;

    content: '>';
    -webkit-transform: scaleY(1.5);
            transform: scaleY(1.5);
}
.presentation__change:before
{
    position: absolute;
    z-index: -1;
    top: -55%;
    right: 40%;
    bottom: -10%;
    left: -100%;

    display: block;

    content: '';
    -webkit-transform: skewY(2.5deg);
            transform: skewY(2.5deg);

    background-color: #eee;
}
.presentation__change:after
{
    position: relative;
    top: -5px;
    left: 15px;

    display: block;

    width: 65%;
    height: 5px;

    content: '';

    background-color: #d4c09b;
}
.presentation__love-col
{
    overflow: hidden;

    height: -webkit-max-content;
    height:    -moz-max-content;
    height:         max-content;
}
.presentation__love .love__img
{
    display: grid;

    width: -webkit-max-content;
    width:    -moz-max-content;
    width:         max-content;
    max-width: 100%;
    margin: auto;

    -webkit-transform: skewY(2.5deg);
            transform: skewY(2.5deg);

    grid-template-columns: 1fr 1fr;
}
.presentation__love .love__img__elem
{
    margin: 2.5px 0;
}
.presentation__love .love__img__elem:nth-child(odd)
{
    margin-right: 2.5px;
}
.presentation__love .love__img__elem:nth-child(even)
{
    margin-left: 2.5px;
}
.presentation__love .love__img__elem img
{
    width: 100%;
}
.presentation__love .love__hashtag
{
    position: relative;

    display: grid;

    width: -webkit-max-content;
    width:    -moz-max-content;
    width:         max-content;
    max-width: calc(100% - 60px);
    margin: auto;
    padding: 30px 0;

    grid-template-columns: 1fr;
    grid-template-rows: 2;
}
.presentation__love .love__hashtag .hashtag-text
{
    width: -webkit-max-content;
    width:    -moz-max-content;
    width:         max-content;
}
.presentation__love .love__hashtag .hashtag-text h4
{
    font-family: HF;
    font-weight: 300;

    width: -webkit-max-content;
    width:    -moz-max-content;
    width:         max-content;
}
.presentation__love .love__hashtag .love__nanoil
{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    width: 100%;

    color: #585559;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.presentation__love .love__hashtag .love__nanoil span
{
    font-family: HF;
    font-size: 4rem;
    font-weight: 300;
    line-height: 1rem;

    width: 20%;

    -webkit-transform: translateY(4px);
            transform: translateY(4px);
}
.presentation__love .love__hashtag .love__nanoil img
{
    width: 80%;
}
.presentation__love .love__hashtag:before
{
    position: absolute;
    top: -130px;
    bottom: 0;
    left: -30px;

    display: block;

    width: 3px;

    content: '';

    background: -webkit-gradient(linear, left top, left bottom, from(rgba(212, 192, 155, 0)), color-stop(65%, #d4c09b), to(#d4c09b));
    background: linear-gradient(to bottom, rgba(212, 192, 155, 0) 0%, #d4c09b 65%, #d4c09b 100%);
}
.presentation__love .love__hashtag:after
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: -30px;

    display: block;

    height: 3px;

    content: '';

    background: -webkit-gradient(linear, right top, left top, from(rgba(212, 192, 155, 0)), color-stop(65%, #d4c09b), to(#d4c09b));
    background: linear-gradient(to left, rgba(212, 192, 155, 0) 0%, #d4c09b 65%, #d4c09b 100%);
}
.presentation__love .love__text
{
    padding-top: 20px;
}
.presentation__love .love__text h2
{
    font-family: Lato;
    font-size: 2.75rem;
    font-weight: 300;
    line-height: 1;

    color: #606060;
}
.presentation__love .love__text h3
{
    font-family: Lato;
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.2;

    color: #585559;
}

@media (max-width: 1199px)
{
    .presentation__love .love__hashtag:before,
    .presentation__love .love__hashtag:after
    {
        left: -20px;
    }
}

@media (max-width: 991px)
{
    .presentation__change
    {
        top: 0;

        margin-bottom: 50px;
    }
    .presentation__change h2,
    .presentation__change h3,
    .presentation__change span.more
    {
        font-size: 1.25rem;
    }
    .presentation__change:before
    {
        top: -50%;
        bottom: -5%;
    }
    .presentation__love .love__text
    {
        margin-top: 0;
    }
    .presentation__love .love__text h2
    {
        font-size: 1.5rem;
    }
    .presentation__love .love__text h3
    {
        font-size: 1.25rem;
    }
    .presentation__love .love__hashtag:before,
    .presentation__love .love__hashtag:after
    {
        left: -20px;
    }
    .presentation__love .love__hashtag .hashtag-text h4
    {
        font-size: 1.25rem;
    }
    .presentation__love .love__hashtag .love__nanoil span
    {
        font-size: 3.25rem;

        width: 20%;

        -webkit-transform: translateY(2px);
                transform: translateY(2px);
    }
    .presentation__love .love__hashtag .love__nanoil img
    {
        width: calc(80% + 10px);
    }
}

@media (max-width: 767px)
{
    .presentation__change h4
    {
        font-size: 1.1rem;
    }
    .presentation__change:before
    {
        top: -15%;
        bottom: 10%;
    }
    .presentation .change__left h2
    {
        font-size: 1.1rem;
    }
    .presentation .change__right
    {
        margin: auto;
    }
    .presentation .change__right h3
    {
        padding: 10px 0;
    }
    .presentation .change__right .more
    {
        font-size: 1.1rem;
    }
    .presentation .love__text
    {
        margin-top: 20px;
    }
    .presentation .love__text h2
    {
        font-size: 2rem;
    }
    .presentation .love__text h3
    {
        font-size: 1.5rem;
    }
    .presentation__love .love__hashtag
    {
        position: relative;
    }
    .presentation__love .love__hashtag .hashtag-text
    {
        width: 295px;
    }
    .presentation__love .love__hashtag .love__nanoil
    {
        width: 295px;
    }
    .presentation__love .love__hashtag:before
    {
        top: -130px;
        left: -50px;
    }
    .presentation__love .love__hashtag:after
    {
        left: -50px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px)
{
    .presentation__love .love__hashtag .hashtag-text h4
    {
        font-size: 22px;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px)
{
    .presentation__change:before
    {
        top: -40px;
    }
    .presentation__change:after
    {
        content: none;
    }
    .presentation .change__right
    {
        padding-left: 0;
    }
    .presentation .change__right .more,
    .presentation .change__right span.more
    {
        font-size: 1.1rem;
    }
    .presentation .change__right span.more
    {
        top: 0;
        right: 0;
    }
}

@media (max-width: 575px)
{
    .love__container
    {
        position: relative;

        width: -webkit-max-content;
        width:    -moz-max-content;
        width:         max-content;
        max-width: 100%;
        margin: auto;
    }
    .love__container:after
    {
        display: block;

        width: 100%;
        height: 3px;

        content: '';

        background-color: #d4c09b;
    }
    .presentation__change
    {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .presentation__change .change__right
    {
        margin-top: 10px;
    }
    .presentation__change .change__right span.more
    {
        font-size: 1.1rem;

        top: 5px;
        right: 0;
    }
    .presentation__change .change__right h3.more
    {
        margin: 0;
    }
    .presentation__change:before
    {
        top: -20%;
        right: 0;
        bottom: 5%;
    }
    .presentation__change:after
    {
        content: none;
    }
    .presentation__love .love__hashtag .hashtag-text
    {
        width: 235px;
    }
    .presentation__love .love__hashtag .hashtag-text h4
    {
        font-size: 1rem;
    }
    .presentation__love .love__hashtag .love__nanoil
    {
        width: 235px;
    }
    .presentation__love .love__hashtag .love__nanoil span
    {
        font-size: 2.75rem;

        width: 15%;
    }
    .presentation__love .love__hashtag .love__nanoil img
    {
        width: 85%;
        padding-left: 5px;
    }
    .presentation__love .love__hashtag:before
    {
        content: none;
    }
    .presentation__love .love__hashtag:after
    {
        content: none;
    }
    .presentation__love .love__text
    {
        margin-top: 20px;
    }
    .presentation__love .love__text h2
    {
        font-size: 2rem;
    }
    .presentation__love .love__text h3
    {
        font-size: 1.5rem;
    }
}

@media (max-width: 440px)
{
    .presentation__change
    {
        padding-top: 0;
    }
}

.wmn-btl
{
    position: relative;

    background-image: url('/../assets/img/baner.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.wmn-btl__block
{
    width: 90%;
    padding: 15% 10% 10% 0;
}
.wmn-btl__brdr
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 888px;
    min-height: 325px;
    padding: 10% 250px 10% 70px;

    border-right: 3px #d4c09b solid;
    border-left: 3px #d4c09b solid;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.wmn-btl__brdr:before
{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;

    display: block;

    height: 3px;

    content: '';

    background: -webkit-gradient(linear, left top, right top, from(#d4c09b), color-stop(65%, #d4c09b), color-stop(76%, rgba(212, 192, 155, 0)), color-stop(83%, rgba(212, 192, 155, .01)), color-stop(90%, #d4c09b), to(#d4c09b));
    background: linear-gradient(to right, #d4c09b 0%, #d4c09b 65%, rgba(212, 192, 155, 0) 76%, rgba(212, 192, 155, .01) 83%, #d4c09b 90%, #d4c09b 100%);
}
.wmn-btl__brdr:after
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    height: 3px;

    content: '';

    background: -webkit-gradient(linear, left top, right top, from(#d4c09b), color-stop(50%, #d4c09b), color-stop(67%, rgba(212, 192, 155, 0)), color-stop(89%, rgba(212, 192, 155, .01)), color-stop(95%, #d4c09b), to(#d4c09b));
    background: linear-gradient(to right, #d4c09b 0%, #d4c09b 50%, rgba(212, 192, 155, 0) 67%, rgba(212, 192, 155, .01) 89%, #d4c09b 95%, #d4c09b 100%);
}
.wmn-btl h3,
.wmn-btl h4
{
    font-family: Lato;
    font-size: 2rem;
    font-weight: 300;

    display: block;

    text-transform: uppercase;
}

@media (max-width: 1199.98px)
{
    .wmn-btl__brdr
    {
        width: 760px;
        min-height: 295px;
        padding: 15px 250px 15px 50px;
    }
    .wmn-btl__brdr:before
    {
        background: -webkit-gradient(linear, left top, right top, from(#d4c09b), color-stop(60%, #d4c09b), color-stop(75%, rgba(212, 192, 155, 0)), color-stop(83%, rgba(212, 192, 155, .01)), color-stop(95%, #d4c09b), to(#d4c09b));
        background: linear-gradient(to right, #d4c09b 0%, #d4c09b 60%, rgba(212, 192, 155, 0) 75%, rgba(212, 192, 155, .01) 83%, #d4c09b 95%, #d4c09b 100%);
    }
    .wmn-btl__brdr:after
    {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;

        display: block;

        height: 3px;

        content: '';

        background: -webkit-gradient(linear, left top, right top, from(#d4c09b), color-stop(50%, #d4c09b), color-stop(65%, rgba(212, 192, 155, 0)), color-stop(87%, rgba(212, 192, 155, .01)), color-stop(99%, #d4c09b), to(#d4c09b));
        background: linear-gradient(to right, #d4c09b 0%, #d4c09b 50%, rgba(212, 192, 155, 0) 65%, rgba(212, 192, 155, .01) 87%, #d4c09b 99%, #d4c09b 100%);
    }
}

@media (max-width: 991.98px)
{
    .wmn-btl
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        padding: 110px 0 100px;

        background-position: center right 49%;
        background-size: cover;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .wmn-btl h3,
    .wmn-btl h4
    {
        font-size: 1.3rem;
        line-height: 1;

        margin-bottom: 2px;
    }
    .wmn-btl__block
    {
        width: -webkit-max-content;
        width:    -moz-max-content;
        width:         max-content;
        padding: initial;
    }
    .wmn-btl__brdr
    {
        width: initial;
        width: 530px;
        height: initial;
        min-height: 210px;
        padding: 30px;
        padding-right: 140px;
        padding-left: initial;
        padding-left: 20px;
    }
    .wmn-btl__brdr:before
    {
        background: -webkit-gradient(linear, left top, right top, from(#d4c09b), color-stop(60%, #d4c09b), color-stop(80%, rgba(212, 192, 155, 0)), color-stop(86%, rgba(212, 192, 155, .01)), color-stop(99%, #d4c09b), to(#d4c09b));
        background: linear-gradient(to right, #d4c09b 0%, #d4c09b 60%, rgba(212, 192, 155, 0) 80%, rgba(212, 192, 155, .01) 86%, #d4c09b 99%, #d4c09b 100%);
    }
    .wmn-btl__brdr:after
    {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;

        display: block;

        height: 3px;

        content: '';

        background: -webkit-gradient(linear, left top, right top, from(#d4c09b), color-stop(50%, #d4c09b), color-stop(70%, rgba(212, 192, 155, 0)), color-stop(93%, rgba(212, 192, 155, .01)), color-stop(98%, #d4c09b), to(#d4c09b));
        background: linear-gradient(to right, #d4c09b 0%, #d4c09b 50%, rgba(212, 192, 155, 0) 70%, rgba(212, 192, 155, .01) 93%, #d4c09b 98%, #d4c09b 100%);
    }
}

@media (max-width: 767.98px)
{
    .wmn-btl
    {
        display: block;

        min-height: 280px;
        padding: 0;

        background-color: #f6f5f3;
        background-image: url('/../assets/img/woman-bottle-sm-bg.jpg');
        background-position: bottom right;
        background-size: auto;
    }
    .wmn-btl__block
    {
        width: auto;
        padding: 0;
    }
    .wmn-btl__brdr
    {
        position: relative;
        z-index: 2;

        width: calc(100% - 245px);
        height: auto;
        min-height: auto;
        margin-top: 50px;
        margin-bottom: 90px;
        padding: 0;

        border: none;
    }
    .wmn-btl__brdr h3,
    .wmn-btl__brdr h4
    {
        font-size: 26px;

        padding-bottom: 10px;
    }
    .wmn-btl__brdr:before
    {
        width: auto;
        height: auto;

        content: none;
    }
    .wmn-btl__brdr:after
    {
        bottom: -10px;
        left: -200px;

        background: -webkit-gradient(linear, left top, right top, from(#d4c09b), color-stop(50%, #d4c09b), to(rgba(212, 192, 155, 0)));
        background: linear-gradient(to right, #d4c09b 0%, #d4c09b 50%, rgba(212, 192, 155, 0) 100%);
    }
}

@media (max-width: 575.98px)
{
    .wmn-btl
    {
        padding-top: 0;

        background-position-x: 100%;
        background-position-y: bottom;
    }
    .wmn-btl__brdr
    {
        width: calc(50% - 15px);
        margin-top: 50px;
    }
    .wmn-btl__brdr h4
    {
        font-size: 26px;
    }
}

@media (max-width: 499px)
{
    .wmn-btl
    {
        padding: 0;
    }
    .wmn-btl__brdr
    {
        width: 50%;
        margin-top: 20px;
        margin-bottom: 170px;
    }
    .wmn-btl__brdr h4
    {
        font-size: 1.25rem;
    }
}

@media (max-width: 399px)
{
    .wmn-btl
    {
        min-height: 280px;
        padding: 0;

        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial;
    }
    .wmn-btl__brdr
    {
        position: relative;

        display: block;

        width: 100%;
        margin-top: 20px;
        margin-bottom: 265px;
    }
    .wmn-btl__brdr h3,
    .wmn-btl__brdr h4
    {
        font-size: 1.25rem;

        padding-bottom: 6px;
    }
    .wmn-btl__brdr:after
    {
        z-index: 0;
        bottom: -15px;
        left: -100%;

        width: 160%;
    }
}

.why__bg
{
    background-color: #f6f5f3;
}

.why__img,
.why__text
{
    padding: 30px 0 20px;
}

.why img
{
    margin: auto;
    margin-top: 20px;
}

.why h2
{
    font-family: Lato;
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1;

    margin-top: 30px;

    color: #606060;
}

.why .underline-lg
{
    position: relative;
}
.why .underline-lg:after
{
    display: block;

    width: 60%;
    height: 3px;

    content: '';

    background-color: #d4c09b;
}

.why .underline:after
{
    display: block;

    width: 60%;
    height: 3px;

    content: '';
}

.why .p-underline:after
{
    display: block;

    width: 75px;
    height: 2px;
    margin: 15px 0;

    content: '';

    background-color: #d4c09b;
}

@media (max-width: 991px)
{
    .why__img,
    .why__text
    {
        padding: 0;
    }
    .why__text ul
    {
        margin-bottom: 25px;
    }
    .why__img
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .why__img img
    {
        max-width: 330px;
    }
    .why h2
    {
        margin-top: 15px;
    }
    .why .underline-lg:after
    {
        content: none;
    }
    .why .underline:after
    {
        position: absolute;
        bottom: 0;
        left: calc(0 + 15px);

        width: 60%;
        height: 4px;

        content: '';

        background-color: #d4c09b;
    }
}

@media (max-width: 767px)
{
    .why__img
    {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .why__img img
    {
        display: block;

        width: 350px;
        height: auto;
    }
    .why h2
    {
        font-size: 2rem;
    }
}

@media (max-width: 575px)
{
    .why__bg
    {
        background-color: #f6f5f3;
    }
    .why__img
    {
        padding: 10px 0;
    }
    .why__img img
    {
        width: 250px;
    }
    .why__text
    {
        padding: 0;
    }
    .why h2
    {
        font-size: 1.5rem;

        margin-top: 15px;

        color: #606060;
    }
    .why ul
    {
        padding-left: 15px;
    }
    .why .p-underline:after
    {
        margin: 10px 0;
    }
}

@media (max-width: 350px)
{
    .why__img img
    {
        max-width: 90%;
    }
}

.products-section
{
    position: relative;

    padding: 80px 0 100px;

    background-color: #fff;
}
.products-section .add-to-cart
{
    font-size: .8rem;

    position: relative;
    z-index: 5;

    display: block;

    width: -webkit-max-content;
    width:    -moz-max-content;
    width:         max-content;
    max-width: 90%;
    margin: 0 auto;
    padding: 4px 7px 6px;

    -webkit-transition: .4s;
            transition: .4s;
    text-transform: uppercase;

    color: #fff;
    border: none;
    background-color: #ff7e00;
}
.products-section .add-to-cart:before
{
    font-family: Lato, Helvetica Neue LT Pro, Verdana, sans-serif;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1;

    margin: 0 8px 0 0 !important;
    padding: 0 8px 0 0 !important;

    content: attr(data-price-before);

    color: #fff;
    border-right: 1px solid #eaeaea;
}
.products-section .add-to-cart:hover
{
    background-color: #585559;
}
.products-section:before
{
    position: absolute;
    z-index: 0;
    top: 25%;
    bottom: 15%;

    display: block;

    width: 100%;

    content: '';
    -webkit-transform: skewY(2.5deg);
            transform: skewY(2.5deg);

    background: #eee;
}
.products-section h2
{
    font-family: Lato;
    font-size: 2.5rem;
    font-weight: 300;

    margin-bottom: 50px;

    color: #585559;
}
.products-section h2 .category-title
{
    font-family: Lato;
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.1;

    padding-top: 50px;
}
.products-section h2 span
{
    font-weight: 700;

    display: block;
}
.products-section .grid
{
    position: relative;
    z-index: 3;
}
.products-section .grid__desc
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    height: 50%; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.products-section .grid .grid__container
{
    display: grid;

    border-left: 5px solid #d4c09b;
    -webkit-box-shadow: 15px 15px 80px -20px rgba(0, 0, 0, .2);
            box-shadow: 15px 15px 80px -20px rgba(0, 0, 0, .2);

    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 0 0;
    grid-template-areas: '. . .'
    '. . .'
    '. . .';
}
.products-section .grid .grid__container .grid__elem
{
    position: relative;
    z-index: 3;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    padding-bottom: 20px;

    -webkit-transition: .3s;
            transition: .3s;

    background-color: #fff;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.products-section .grid .grid__container .grid__elem .grid__link
{
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;
}
.products-section .grid .grid__container .grid__elem:hover
{
    z-index: 4;

    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
}
.products-section .grid .grid__container .grid__elem:nth-child(2n):after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    content: '';

    -webkit-box-shadow: inset 0 0 200px 0 rgba(70, 40, 0, .07);
            box-shadow: inset 0 0 200px 0 rgba(70, 40, 0, .07);
}
.products-section .grid .grid__container .grid__elem img
{
    display: block;

    width: 50%;
    max-width: 100%;
    margin: 5px auto;
}
.products-section .grid .grid__container .grid__elem h3,
.products-section .grid .grid__container .grid__elem h4
{
    font-family: Lato;
    font-size: 1.5rem;
    font-weight: 300;

    margin: 10px 0;
    padding: 0 15px;

    text-align: center;
}
.products-section .grid .grid__container .grid__elem .more
{
    margin-top: auto;
}
.products-section .grid .grid__container .grid__elem .more a
{
    font-size: 1rem;

    position: relative;
    z-index: 5;

    display: block;

    width: -webkit-max-content;
    width:    -moz-max-content;
    width:         max-content;
    margin: auto;
    padding: 10px 20px 7px;

    -webkit-transition: .3s;
            transition: .3s;
    text-transform: uppercase;

    color: #000;
    border: 2px solid #d4c09b;
    background-color: transparent;
}
.products-section .grid .grid__container .grid__elem .more a:hover
{
    background-color: #d4c09b;
}

.category-nav
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    margin-bottom: 50px;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.category-nav:before
{
    position: absolute;
    z-index: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    height: 1px;

    content: '';

    background-color: #ddd;
}
.category-nav a
{
    font-family: Lato;
    font-size: 1.5rem;
    font-weight: 300;

    position: relative;
    z-index: 1;

    display: block;

    margin: 10px;
    padding: 10px 25px;

    -webkit-transition: .4s;
            transition: .4s;

    background-color: #ddd;
}
.category-nav a:hover
{
    color: #fff;
    background-color: #585559;
}
.category-nav .active
{
    cursor: default;

    color: #fff;
    background-color: #585559;
}

@media (max-width: 991px)
{
    .products-section .grid .grid__container .grid__elem h3,
    .products-section .grid .grid__container .grid__elem h4
    {
        font-size: 1.25rem;

        margin: 0;
        margin-bottom: 7px;
        padding: 0 5px;
    }
    .products-section .grid .grid__container .grid__elem .more a
    {
        padding: 7px 15px 4px;
    }
}

@media (max-width: 767px)
{
    .products-section .add-to-cart
    {
        font-size: .7rem;
    }
    .products-section .add-to-cart:before
    {
        font-size: .7rem;
    }
    .products-section h2
    {
        font-size: 2rem;
    }
    .products-section .grid .grid__container .grid__elem
    {
        padding: 10px;
    }
    .products-section .grid .grid__container .grid__elem h3,
    .products-section .grid .grid__container .grid__elem h4
    {
        font-size: .85rem;

        padding: 0;
    }
    .products-section .grid .grid__container .grid__elem .more a
    {
        font-size: .7rem;

        padding: 6px 10px 4px;
    }
    .products-section:before
    {
        top: 35%;
    }
}

@media (max-width: 575px)
{
    .products-section
    {
        padding: 40px 0 50px;
    }
    .products-section:before
    {
        top: 15%;
        bottom: 10%;
    }
    .products-section .category-nav
    {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .products-section .category-nav:before
    {
        content: none;
    }
    .products-section .category-nav a
    {
        width: 100%;
        margin: 0;

        border-bottom: 1px solid #fff;
    }
    .products-section .add-to-cart
    {
        font-size: 1rem;
    }
    .products-section .add-to-cart:before
    {
        font-size: 1rem;
    }
    .products-section h2
    {
        font-size: 2rem;
    }
    .products-section .grid__desc
    {
        width: calc(60% - 40px);
    }
    .products-section .grid__image
    {
        width: 140px;
        max-width: 40%;
        margin-right: 40px;
    }
    .products-section .grid .grid__container
    {
        border: none;

        grid-template-columns: 1fr;
        grid-template-rows: repeat(9, 1fr);
        grid-template-areas: none;
    }
    .products-section .grid .grid__container .grid__elem
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: row;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .products-section .grid .grid__container .grid__elem img
    {
        width: initial;
        max-width: 100%;
    }
    .products-section .grid .grid__container .grid__elem h3,
    .products-section .grid .grid__container .grid__elem h4
    {
        font-size: 1rem;

        text-align: left;
        text-transform: uppercase;
    }
    .products-section .grid .grid__container .grid__elem .more
    {
        width: -webkit-max-content;
        width:    -moz-max-content;
        width:         max-content;
    }
    .products-section .grid .grid__container .grid__elem .more a
    {
        font-size: 1rem;

        padding: 4px 20px 2px;
    }
}

@media (max-width: 420px)
{
    .products-section .grid__image
    {
        width: 100%;
        margin: 0 auto;
    }
    .products-section .grid__desc
    {
        width: 100%;
        height: auto;

        text-align: center;
    }
    .products-section .grid .grid__container .grid__elem h3,
    .products-section .grid .grid__container .grid__elem h4
    {
        margin-bottom: 7px;
        padding: 0 10px;

        text-align: center;
    }
    .products-section .grid .grid__container .grid__elem .more
    {
        width: -webkit-max-content;
        width:    -moz-max-content;
        width:         max-content;
        margin: 0 auto;
    }
}

.effect
{
    margin-bottom: 50px;
    padding: 30px 0 0;

    background-color: #e9e9e9;
    background-image: url('/../assets/img/woman3.jpg');
    background-repeat: no-repeat;
    background-position-x: calc(50% - 400px);
    background-position-y: 100%;
    background-size: calc(min(650px, 50%)) auto;
}
.effect .title
{
    font-size: 44px;
    font-weight: 300;
    line-height: 1.2;

    margin-bottom: 15px;
    padding: 0;

    color: #585559;
}
.effect__text
{
    padding-top: 30px;
    padding-bottom: 30px;
}
.effect .bg-black
{
    padding: 40px 0;
}
.effect .bg-white
{
    padding: 40px 0 0;
}
.effect__list
{
    padding: 0;

    list-style: none;
}
.effect__list__desc
{
    position: relative;

    margin-left: 25px;
}
.effect__list__desc p
{
    margin-bottom: 0;
}
.effect__list li
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 20px 0;
}
.effect__list li h3
{
    font-size: 34px;
    font-weight: 300;
    line-height: 22px;

    margin-top: 15px;
    margin-bottom: 0;
    margin-bottom: 0;
    padding: 0;

    color: #606060;
}
.effect h1,
.effect h2,
.effect h3,
.effect h3,
.effect h5,
.effect h6
{
    font-family: Lato;
}
.effect h1 span,
.effect h2 span,
.effect h3 span,
.effect h3 span,
.effect h5 span,
.effect h6 span
{
    display: block;
}
.effect h2,
.effect h3
{
    font-weight: 400;

    padding: 10px 0;
}
.effect h2.border-gold,
.effect h3.border-gold
{
    font-size: 27px;

    border: 2px solid #d4c09b;
}
.effect .border-gold
{
    padding: 10px;
}
.effect h2
{
    font-size: 1.75rem;
}
.effect h3
{
    font-size: 1.5rem;
}

@media (max-width: 1399px)
{
    .effect
    {
        background-position-x: calc(50% - 295px);
        background-position-y: calc(100% - 250px);
        background-size: calc(min(450px, 50%)) auto;
    }
}

@media (max-width: 991px)
{
    .effect
    {
        background-image: none;
    }
    .effect__text h2,
    .effect__text h3
    {
        font-size: 44px;

        width: 100%;
    }
}

@media (max-width: 767px)
{
    .effect__text
    {
        margin: 0 auto;
        padding: 0 0 30px;
    }
    .effect__list li .effect__list__icon
    {
        text-align: left;
    }
    .effect__list li .effect__list__desc
    {
        margin-left: 10px;
    }
    .effect .title
    {
        font-size: 2rem;
    }
    .effect h2
    {
        font-size: 1.25rem;
    }
    .effect h3.border-gold
    {
        font-size: 1.25rem;
    }
}

@media (max-width: 575px)
{
    .effect h2
    {
        font-size: 2rem;
    }
    .effect__text
    {
        margin: 0 auto;
        padding: 0 0 30px;
    }
    .effect__text h2
    {
        font-size: 2rem;

        width: 100%;
    }
    .effect h2,
    .effect h3
    {
        font-size: 1.1rem;
    }
    .effect .line
    {
        padding: 10px 0;
    }
    .effect__list li .effect__list__icon
    {
        min-width: 80px;

        text-align: left;
    }
    .effect__list li .effect__list__desc
    {
        top: 0;
    }
    .effect__list li .effect__list__desc h3
    {
        font-size: 1.25rem;
    }
}