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

aside
{
    margin-bottom: 10px;
}

.search
{
    margin: 50px 0 0 0;
    padding-bottom: 15px;
}
.search__container
{
    position: relative;
}
.search__input
{
    width: 100%;
    margin-bottom: 0;
    padding: 1px 60px 1px 10px;

    border: 2px solid #eee; 
    background: #fff;
}
.search__input[type='text']
{
    font-family: Lato;
    font-size: 1rem;
    font-weight: 400;
    line-height: 50px;

    width: 100%;
    height: 50px;

    text-transform: none !important; 

    color: #000;
}
.search__button
{
    font-family: 'Font Awesome 5 Free';
    font-size: 28px;
    font-weight: 900;
    line-height: 1;

    position: absolute;
    right: 0;

    width: 50px;
    height: 50px;

    color: #828282;
    border: none;
    outline: none; 
    background: none;
}
.search__button:hover,
.search__button:active,
.search__button:focus
{
    outline: none;
}
.search__button:before
{
    content: '\f002';
}

.module
{
    margin: 50px 0 0 0;
    padding: 2em; 

    border: 2px solid #eee;
    background: #fff;
}
.module-products
{
    padding: 1rem;
}
.module p
{
    font-size: 15px;
    line-height: 19px;
}
.module h4
{
    font-size: 17px;
    font-weight: 400;
    line-height: 1;

    color: #000;
}
.module h4:after
{
    display: block;

    width: 50%;
    height: 3px;
    margin: 15px 0; 

    content: '';

    background-color: #d4c09b;
}
.module ul
{
    margin: 0;
    padding: 0; 

    list-style-type: none;
}
.module ul li
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.module .categories .category
{
    position: relative;
}
.module .categories .category:after
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 1px;

    content: '';

    background: -webkit-gradient(linear, left top, right top, from(#eaeaea), color-stop(50%, #eaeaea), color-stop(90%, rgba(234, 234, 234, 0)), to(rgba(234, 234, 234, 0)));
    background: linear-gradient(to right, #eaeaea 0%, #eaeaea 50%, rgba(234, 234, 234, 0) 90%, rgba(234, 234, 234, 0) 100%);
}
.module .categories .category:last-child:after
{
    content: none;
}
.module .categories .category a
{
    font-family: Lato;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;

    position: relative;

    display: block;

    width: 100%; 
    padding: 5px 0;
    padding: 15px 52px 15px 0;

    text-decoration: none;
    text-transform: uppercase;

    color: #000;
}
.module .categories .category a span
{
    font-size: 14px; 
    line-height: 40px;

    position: absolute;
    top: 4px;
    right: 0;

    float: right;

    width: 40px;
    height: 40px;

    text-align: center;

    border-radius: 50%;
    background: #eaeaea;
}
.module .categories .category.active a
{
    color: #ff7e00; 
    background: none;
}
.module .categories .category.active a span
{
    color: #fff; 
    background: #ff7e00;
}
.module .recents .recent
{
    position: relative;

    margin: 20px 0;
}
.module .recents .recent:last-child:before
{
    content: none;
}
.module .recents .recent:before
{
    position: absolute;
    right: 0;
    bottom: -10px;

    display: block;

    width: calc(75% - 6px);
    height: 1px;

    content: '';

    background: -webkit-gradient(linear, left top, right top, from(#eaeaea), color-stop(50%, #eaeaea), color-stop(90%, rgba(234, 234, 234, 0)), to(rgba(234, 234, 234, 0)));
    background: linear-gradient(to right, #eaeaea 0%, #eaeaea 50%, rgba(234, 234, 234, 0) 90%, rgba(234, 234, 234, 0) 100%);
}
.module .recents .recent__img
{
    width: 25%;
    max-width: 25%;
    height: 100%;
    height: -webkit-max-content;
    height:    -moz-max-content;
    height:         max-content; 
    margin-right: 6px;
}
.module .recents .recent p
{
    margin: 0;
    padding-top: 5px;
}
.module .recents .recent p a
{
    font-weight: 400;

    color: #000;
}
.module .recents .recent p a:hover
{
    color: #ff7e00;
}
.module .items .item
{
    min-height: 125px;
    padding-top: 15px; 

    -webkit-box-shadow: 0 20px 50px -55px rgba(0, 0, 0, .5);
            box-shadow: 0 20px 50px -55px rgba(0, 0, 0, .5);
}
.module .items .item:last-child
{
    -webkit-box-shadow: none;
            box-shadow: none;
}
.module .items .item .thumbnail
{
    min-width: 80px; 
    max-width: 30%;
}
.module .items .item .thumbnail img
{
    width: 80px;
    height: 86.4px;
}
.module .items .item h5
{
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;

    margin-bottom: 10px; 
    padding: 3px 0 3px 16px;

    text-transform: uppercase;

    color: #585559;
    border-left: 4px solid #585559;
}
.module .items .item .price-before
{
    position: relative;
}
.module .items .item button
{
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
    line-height: 110%; 

    display: block;

    margin: 0 0 20px 20px;
    padding: 5px 10px !important;

    cursor: pointer;
    -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
    text-transform: uppercase;

    color: #585559;
    border: 1px solid #585559;
    background-color: transparent;
}
.module .items .item button:hover
{
    color: #fff;
    background-color: #585559;
}
.module .items .item button:hover:before
{
    color: #fff;
}
.module .items .item button:before
{
    font-family: Lato;
    font-weight: 700;

    display: block;

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

    content: attr(data-price-before);
    -webkit-transition: all 300ms ease;
            transition: all 300ms ease;

    color: #707070;
    border: none;
}
.module .items .item.out-of-stock h5
{
    color: #aeaeae;
    border-color: #aeaeae;
}
.module .items .item.out-of-stock button
{
    cursor: default; 

    color: #aeaeae;
    border-color: #aeaeae;
}
.module .items .item.out-of-stock button:hover
{
    background-color: #fff;
}
.module .items .item.out-of-stock button:before
{
    color: #aeaeae;
}
.module .tags .tag
{
    font-family: Lato;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;

    display: inline-block;

    margin: 7px 3px 0 0;
    padding: 5px 6px;

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

    color: #fff;
    background: #585559;
}
.module .tags .tag:hover
{
    color: #fff; 
    background: #000;
}

@media (max-width: 1199px)
{
    .module
    {
        padding: 1rem;
    }
    .module .items .item .content h5
    {
        font-size: 14px;

        padding: 3px 0 3px 6px;
    }
    .module .items .item .content button
    {
        margin: 0 0 20px 10px;
    }
}

@media (max-width: 991px)
{
    .module
    {
        padding: 1rem;
    }
    .module .items .item
    {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .module .items .item .thumbnail
    {
        margin: 0 auto;
    }
    .module .items .item .content
    {
        width: 80%; 
        margin-top: 5px;
    }
    .module .items .item .content h5
    {
        padding: 0;
        padding-top: 5px; 

        text-align: center;

        border-left: 0;
    }
    .module .items .item .content button
    {
        font-size: 12px; 
        line-height: 105%;

        margin: 0 auto 10px;
    }
    .module .recents .recent p
    {
        padding-top: 0;
    }
}

@media (max-width: 767px)
{
    .module
    {
        padding: 1rem;
    }
    .module hr.gold
    {
        margin-left: 0;
    }
    .module .recents .recent__img
    {
        display: none;
    }
    .module .recents .recent:before
    {
        right: unset; 
        left: 0;

        width: 100%;
    }
    .module .items .item
    {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    .module .items .item .thumbnail
    {
        margin: initial;
    }
    .module .items .item .content
    {
        width: initial;
    }
    .module .items .item .content h5
    {
        font-size: 16px; 

        padding: 3px 0 3px 16px;

        text-align: initial;

        border-top: 0;
        border-left: 3px #585559 solid;
    }
    .module .items .item .content button
    {
        margin: initial;
        margin-left: 16px;
    }
    .search
    {
        margin-top: 20px;
    }
}

@media (max-width: 575px)
{
    .module .items .item .content h5
    {
        font-size: 14px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px)
{
    .module.module-products
    {
        padding: 0;
    }
    .module.module-products .items .item
    {
        margin-bottom: 20px; 
        padding: 0 .5rem;
    }
    .module.module-products .items .item:last-child
    {
        margin-bottom: 0;
    }
    .module .recents .recent__img
    {
        width: 25%;
    }
    .module .recents .recent__img img
    {
        width: 100%;
    }
    .module .recents .recent p
    {
        display: block;

        width: 75%;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px)
{
    aside
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    aside .module
    {
        display: block; 

        width: calc(50% - 5px);
        margin: 10px 10px 0 0;
    }
    aside .module .tags
    {
        height: -webkit-max-content;
        height:    -moz-max-content;
        height:         max-content;
    }
    aside .module .items .item .content h5
    {
        font-size: 12px;
    }
}

@media (max-width: 575px)
{
    aside .module
    {
        margin-top: 10px;
    }
}

@media screen and (min-width: 768px)
{
    .module .recents .recent p
    {
        display: block;

        width: 75%;
    }
}

img
{
    max-width: 100%;
}

.blog__post
{
    display: grid;

    margin: 50px 0 65px;

    grid-template-columns: 245px repeat(2, auto);
    grid-template-rows: repeat(4, auto);
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
}
.blog__post .title
{
    font-family: Lato;
    font-size: 28px;
    font-weight: 300;
    line-height: 2rem;

    margin-bottom: 0;
    padding-bottom: 15px;

    color: #585559;

    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
}
.blog__post .img__link
{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 4;
}
.blog__post .img__link img
{
    max-width: 100%;
    height: auto;
    max-height: 170px;
    padding: .5rem;

    border: 1px #eee solid;
}
.blog__post p
{
    font-size: 15px;
    font-weight: 400;
    font-stretch: 100%;
    line-height: 1.5;

    margin-top: 0;

    text-align: justify;

    color: #606060;

    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
}
.blog__post__more
{
    margin: auto 0;

    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 4;
}
.blog__post__more a
{
    font-size: 15px;
    line-height: 1;

    display: inline-block;

    padding: 10px 15px 10px 15px;

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

    border: 2px solid #222;
}
.blog__post__more a:hover
{
    color: #fff;
    background-color: #222;
}

.blog__post.last
{
    margin: 50px 0 10px;
}

.blog .posts-pagination
{
    margin: 20px 0;
}
.blog .posts-pagination .page
{
    font-family: Lato;
    font-size: 15px;
    font-weight: 400;
    line-height: 19px;

    display: inline-block;

    padding: 7px;

    text-decoration: none;

    color: #ff7e00;
}
.blog .posts-pagination .page.active
{
    color: #fff;
    background: #585559;
}

@media (min-width: 1200px)
{
    .blog__post p
    {
        width: 90%;
    }
}

@media (max-width: 991px)
{
    .blog__post
    {
        display: grid;

        grid-template-columns: 150px repeat(2, 1fr);
        grid-template-rows: repeat(3, -webkit-max-content);
        grid-template-rows: repeat(3, max-content);
    }
}

@media (max-width: 767px)
{
    .blog__post
    {
        grid-template-columns: repeat(4, auto);
        grid-template-rows: repeat(4, -webkit-max-content);
        grid-template-rows: repeat(4, max-content);
    }
    .blog__post .title
    {
        text-align: left;

        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 1;
        grid-row-end: 2;
    }
    .blog__post .img__link
    {
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 2;
        grid-row-end: 3;
    }
    .blog__post .img__link img
    {
        display: block;

        max-width: 100%;
        max-height: initial;
        margin: 0 auto;
    }
    .blog__post__more
    {
        margin: 0;

        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 4;
        grid-row-end: 5;
    }
    .blog__post__more a
    {
        display: block;

        width: -webkit-max-content;
        width:    -moz-max-content;
        width:         max-content;
        min-width: 180px;
        margin: 0 auto;

        text-align: center;
    }
    .blog .title
    {
        text-align: left;
    }
    .blog p
    {
        margin: 10px 0 10px;

        grid-column-start: 1;
        grid-row-start: 3;
        grid-row-end: 4;
        grid-column-end: 5;
    }
    .blog .posts-pagination .page
    {
        padding: 5px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px)
{
    .blog__post .img__link
    {
        margin-bottom: 10px;

        text-align: center;

        grid-column-end: 4;
        grid-row-end: 3;
    }
    .blog__post p
    {
        grid-column-start: 1;
        grid-row-start: 3;
        grid-row-end: 4;
    }
    .blog__post__more
    {
        grid-column-start: 1;
        grid-row-start: 4;
        grid-row-end: 5;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px)
{
    .blog__post .img__link
    {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 4;
    }
    .blog__post .img__link img
    {
        display: inline;
    }
    .blog__post__more
    {
        margin: 0;

        grid-column-start: 3;
        grid-column-end: 5;
        grid-row-start: 3;
        grid-row-end: 4;
    }
    .blog__post__more a
    {
        margin: 0;
    }
    .blog__post p
    {
        margin: 10px 0 10px;

        grid-column-start: 3;
        grid-column-end: 5;
        grid-row-start: 2;
        grid-row-end: 3;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px)
{
    .blog__post p
    {
        font-size: 13px;

        text-align: left;
    }
    .blog__post .img__link img
    {
        width: 100%;
        max-width: 100%;
        max-height: unset;
    }
    .blog__post__more a
    {
        margin: unset;
    }
}

@media (max-width: 575px)
{
    .blog__post p
    {
        font-size: 13px;

        text-align: left;
    }
    .blog__post .img__link img
    {
        width: 100%;
        max-width: 100%;
        max-height: unset;
    }
    .blog__post__more a
    {
        margin: unset;
    }
    .blog .title
    {
        text-align: center;
    }
}