/*

GERAL

*/

body {

    padding-top: 111px;

}

/*
Embed
*/

.embed-container {
    position: relative;
    max-width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/*

WIDGETS

*/

/*

One input

*/

.one_input {

    position: relative;

}

.one_input_field {

    width: 100%;

    height: 50px;

    padding: 10px 15px;

    border: none;

    -webkit-border-radius: 7px 9px 9px 7px;

    -moz-border-radius: 7px 9px 9px 7px;

    border-radius: 7px 9px 9px 7px;

    outline: none;

}

.one_input_button {

    -webkit-display: -webkit-box;

    -webkit-display: -webkit-flex;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -webkit-box-pack: center;

    -moz-justify-content: center;

    -moz-flex-pack: center;

    -ms-justify-content: center;

    -ms-flex-pack: center;

    -o-justify-content: center;

    justify-content: center;

    -webkit-align-items: center;

    -webkit-box-align: center;

    -moz-align-items: center;

    -ms-align-items: center;

    -ms-flex-align: center;

    -o-align-items: center;

    align-items: center;

    height: 100%;

    position: absolute;

    top: 0;

    right: 0;

    font-size: 1.125em;

    color: #ffffff;

    padding: 0 20px;

    background-color: #3c1d49;

    border: none;

    -webkit-border-radius: 0 5px 5px 0;

    -moz-border-radius: 0 5px 5px 0;

    -ms-border-radius: 0 5px 5px 0;

    -o-border-radius: 0 5px 5px 0;

    border-radius: 0 7px 7px 0;

    -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;

    -moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;

    -ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;

    -o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;

    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;

    outline: none;

}

.one_input_button:hover {

    cursor: pointer;

    background-color: #523160;

}

/* realtime search */

.realtime_search {

    display: none;

    width: 100%;

    position: absolute;

    margin-top: 10px;

    padding: 10px 5px 10px 10px;

    background-color: #ffffff;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

    -webkit-box-shadow: 0 2px 4px 0 rgba(216, 216, 216, 0.5);

    -moz-box-shadow: 0 2px 4px 0 rgba(216, 216, 216, 0.5);

    -ms-box-shadow: 0 2px 4px 0 rgba(216, 216, 216, 0.5);

    -o-box-shadow: 0 2px 4px 0 rgba(216, 216, 216, 0.5);

    box-shadow: 0 2px 4px 0 rgba(216, 216, 216, 0.5);

    z-index: 9999999999;

}

.realtime_search ul {

    max-height: 300px;

    overflow-y: auto;

}

.realtime_search ul::-webkit-scrollbar {

    width: 7px;

    background-color: #ffffff;

}

.realtime_search ul::-webkit-scrollbar-thumb {

    background-color: transparent;

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);

    -ms-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);

    -o-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);

    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

}

.realtime_search li a {

    -webkit-display: -webkit-box;

    -webkit-display: -webkit-flex;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    align-items: flex-start;

    text-decoration: none;

    padding: 10px;

    -webkit-transition: background-color 0.2s ease-in-out;

    -moz-transition: background-color 0.2s ease-in-out;

    -ms-transition: background-color 0.2s ease-in-out;

    -o-transition: background-color 0.2s ease-in-out;

    transition: background-color 0.2s ease-in-out;

}

.realtime_search li a:hover {

    background-color: #f6f6f6;

}

.realtime_search li a img {

    width: 50px;

    margin-right: 20px;

}

.realtime_search li a p {

    font-size: 0.9em;

    color: #000000;

    font-weight: 600;

}

.realtime_search li a p .old_price {

    font-size: 0.75em;

    text-decoration: line-through;

}

.realtime_search li a p .new_price {

    color: #3c1d49;

    font-weight: bold;

}

/*

Dropdown

*/

.dropdown {

    width: 220px;

    position: relative;

    background-color: #8939AB;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

}

.dropdown__label {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    position: relative;

    font-size: 15px;

    color: #ffffff;

    font-weight: 500;

    line-height: 2;

    letter-spacing: 1px;

    text-align: center;

    padding: 10px 0;

    border: none;

    -webkit-transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -o-transition: all 200ms linear;

    transition: all 200ms linear;

    cursor: pointer;

}

.dropdown__icon {

    margin-left: 10px;

    -webkit-transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -o-transition: all 200ms linear;

    transition: all 200ms linear;

}

.dropdown:hover .dropdown__icon {

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(-180deg);

}

.dropdown__menu {

    display: block;

    width: 220px;

    position: absolute;

    top: 70px;

    left: 0;

    padding: 5px;

    background-color: #3c1d49;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    pointer-events: none;

    -webkit-transform: translateY(20px);

    -moz-transform: translateY(20px);

    -ms-transform: translateY(20px);

    -o-transform: translateY(20px);

    transform: translateY(20px);

    -webkit-transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -o-transition: all 200ms linear;

    transition: all 200ms linear;

    opacity: 0;

    z-index: 2;

}

.dropdown:hover .dropdown__menu {

    opacity: 1;

    pointer-events: auto;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}

.dropdown__menu:before {

    display: block;

    content: '';

    width: 100%;

    height: 20px;

    position: absolute;

    top: -20px;

    left: 0;

    z-index: 1;

}

.dropdown__menu:after {

    display: block;

    content: '';

    width: 0;

    height: 0;

    position: absolute;

    top: -7px;

    left: 30px;

    border-left: 8px solid transparent;

    border-right: 8px solid transparent;

    border-bottom: 8px solid #3c1d49;

    -webkit-transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -o-transition: all 200ms linear;

    transition: all 200ms linear;

    z-index: 2;

}

.dropdown__link {

    display: flex;

    align-items: center;

    justify-content: space-between;

    position: relative;

    font-size: 15px;

    color: #ffffff;

    font-weight: 500;

    text-decoration: none;

    text-align: left;

    padding: 8px 10px;

    margin: 2px 0;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    -webkit-transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -o-transition: all 200ms linear;

    transition: all 200ms linear;

}

.dropdown__link:hover {

    color: #ffffff;

    background-color: #8939Ab;

}

/*

HEADER

*/

/* header mobile */

.header_mobile {

    position: fixed;

    top: 0;

    right: 0;

    left: 0;

    background-color: #3c1d49;

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

    -webkit-transition: top 0.4s ease-in-out;

    -moz-transition: top 0.4s ease-in-out;

    -o-transition: top 0.4s ease-in-out;

    transition: top 0.4s ease-in-out;

    z-index: 999999;

}

.header_mobile .content {

    padding: 10px 0;

}

/* header mobile => logo */

.header_mobile_logo {

    width: 35%;

    text-align: center;

}

.header_mobile_logo img {

    height: 30px;

}

/* header mobile => nav */

.header_mobile_nav {

    width: 65%;

    text-align: center;

}

/* header => mobile => wrap */

.header_mobile_wrap {

    -webkit-display: -webkit-box;

    -webkit-display: -webkit-flex;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -webkit-box-align: center;

    -moz-align-items: center;

    -ms-align-items: center;

    -ms-flex-align: center;

    -o-align-items: center;

    align-items: center;

}

.header_mobile_nav .content {

    padding: 0;

}

.header_mobile_nav ul li {

    display: inline-block;

}

.header_mobile_nav ul li a {
    display: block;
    position: relative;
    padding: 10px 12px;
}

.header_mobile_nav ul li a .wishlist_count,
.header_mobile_nav ul li a .cart_count {
    display: none;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 0.8em;
    color: #3c1d49;
    font-weight: bold;
    background-color: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.header_mobile_nav ul li a .wishlist_count.is-active,
.header_mobile_nav ul li a .cart_count.active {
    display: flex;
    justify-content: center;
    align-items: center;
}

.header_mobile_nav ul li a i {

    font-size: 1.5625em;

    color: #ffffff;

}

/* header mobile => search */

.header_mobile_search {

    background-color: #3c1d49;

}

.header_mobile_search .container {

    max-width: 100%;

}

.header_mobile_search form input {

    height: 35px;

    border: none;

}

.header_mobile_search form button {

    height: 35px;

    background-color: #ffffff;

    color: #3c1d49;

    border: none;

    padding: 0 10px;

}

.header_mobile_search form button:hover {

    background-color: #f1f1f1;

}

.header_mobile_search .realtime_search {

    background-color: #3c1d49;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;

    -webkit-box-shadow: 0 3px 4px 0 rgba(216, 216, 216, 0.5);

    -moz-box-shadow: 0 3px 4px 0 rgba(216, 216, 216, 0.5);

    -ms-box-shadow: 0 3px 4px 0 rgba(216, 216, 216, 0.5);

    -o-box-shadow: 0 3px 4px 0 rgba(216, 216, 216, 0.5);

    box-shadow: 0 3px 4px 0 rgba(216, 216, 216, 0.5);

}

.header_mobile_search .realtime_search ul {

    background-color: #ffffff;

}

/* header mobile => categories */

.header_mobile_categories {

    display: none;

    height: 100vh;

    background-color: #3c1d49cc;

}

.header_mobile_categories .container {

    max-width: 100%;

}

.header_mobile_categories_ul {

    max-height: 350px;

    overflow-y: auto;

    background-color: #ffffff;

    border: 5px solid #e9e9e9;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px;

}

.header_mobile_categories_ul::-webkit-scrollbar {

    width: 8px;

    background-color: #ffffff;

}

.header_mobile_categories_ul::-webkit-scrollbar-thumb {

    background-color: #3c1d49;

    border-right: 2px solid #ffffff;

    border-left: 2px solid #ffffff;

}

.header_mobile_categories_ul li > div {

    position: relative;

    font-size: 0.9em;

    color: #555555;

    font-weight: 600;

    background-color: #fafafa;

    margin-bottom: 1px;

    border: 1px solid #d9d9d9;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

}

.header_mobile_categories_ul li > div div {

    -webkit-display: -webkit-box;

    -webkit-display: -webkit-flex;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: center;

    -webkit-box-pack: center;

    -moz-justify-content: center;

    -moz-flex-pack: center;

    -ms-justify-content: center;

    -ms-flex-pack: center;

    -o-justify-content: center;

    justify-content: center;

    -webkit-align-items: center;

    -webkit-box-align: center;

    -moz-align-items: center;

    -ms-align-items: center;

    -ms-flex-align: center;

    -o-align-items: center;

    align-items: center;

    width: 50px;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    padding: 10px;

    background-color: #e9e9e9;

    cursor: pointer;

}

.header_mobile_categories_ul li > div div i {

    font-size: 1.2em;

    color: #999999;

    font-weight: bold;

    -webkit-transition: transform 0.3s ease-in-out;

    -moz-transition: transform 0.3s ease-in-out;

    -ms-transition: transform 0.3s ease-in-out;

    -o-transition: transform 0.3s ease-in-out;

    transition: transform 0.3s ease-in-out;

}

.header_mobile_categories_ul li > div div i.active {

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg);

}

.header_mobile_categories_ul li > div a {

    display: block;

    font-size: 0.8em;

    color: #303030;

    font-weight: bold;

    text-transform: uppercase;

    text-decoration: none;

    padding: 15px 15px 15px 70px;

}

.header_mobile_categories_ul li ul {

    display: none;

    padding-left: 40px;

}

/* header desktop */

.header_desktop {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background-color: #ffffff;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    z-index: 999999;
}

/* header desktop => logo */

.header_desktop_logo {

    flex-basis: 25%;

}

.header_desktop_logo a {

    display: flex;

    align-items: center;

}

.header_desktop_logo a span {

    position: absolute;

    top: -9999px;

    left: -9999px;

    text-indent: -9999px;

}

.header_desktop_logo a img {

    height: 60px;

    margin-right: 15px;

}

.header_desktop_logo p {

    font-size: 0.875em;

    color: #666666;

}

/* header desktop => search */

.header_desktop_search {

    flex-basis: 45%;

    position: relative;

    -webkit-border-radius: 7px 9px 9px 7px;

    -moz-border-radius: 7px 9px 9px 7px;

    border-radius: 7px 9px 9px 7px;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

}

.header_desktop_search input {

    border: 1px solid #d1d1d1;

}

/* header desktop => buttons */

.header_desktop_buttons {

    flex-basis: 30%;

    display: flex;

    justify-content: flex-end;

    padding-left: 40px;

}

.header_desktop_buttons_account {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

    width: 100px;

    position: relative;

    font-size: 0.875em;

    color: #3c1d49;

    padding: 10px 0;

    margin-right: 15px;

}

.header_desktop_buttons_account:hover {

    color: #8939ab;

}

.header_desktop_buttons_account.active {

    width: 150px;

}

.header_desktop_buttons_account i {

    height: 40px;

    font-size: 2.5em;

}

.header_desktop_buttons_account.active i {

    margin-right: 10px;

}

.header_desktop_buttons_account_legend {

    flex-basis: 100%;

    font-size: 12px;

    color: #3c1d49;

    text-align: center;

}

.header_desktop_buttons_account:hover .header_desktop_buttons_account_legend {

    color: #8939ab;

}

.header_desktop_buttons_cart {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    width: 100px;

    position: relative;

    padding: 10px 0;

}

.header_desktop_buttons_cart.is-online {
    width: 80px;
}

.header_desktop_buttons_cart i {

    height: 40px;

    font-size: 2.2em;

    color: #3c1d49;

    -webkit-transition: color 0.2s ease-in-out;

    -moz-transition: color 0.2s ease-in-out;

    -o-transition: color 0.2s ease-in-out;

    transition: color 0.2s ease-in-out;

}

.header_desktop_buttons_cart:hover i {

    color: #8939ab;

}

.header_desktop_buttons_cart_legend {

    flex-basis: 100%;

    font-size: 12px;

    color: #3c1d49;

    text-align: center;

}

.header_desktop_buttons_cart:hover .header_desktop_buttons_cart_legend {

    color: #8939ab;

}

.header_desktop_buttons_cart .wishlist_count,
.header_desktop_buttons_cart .cart_count {
    display: none;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    right: 20px;
    font-size: 0.8em;
    color: #ffffff;
    font-weight: bold;
    background-color: #3c1d49;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.header_desktop_buttons_cart:hover .wishlist_count,
.header_desktop_buttons_cart:hover .cart_count {
    background-color: #8939ab;
}

.header_desktop_buttons_cart .wishlist_count.is-active,
.header_desktop_buttons_cart .cart_count.active {

    display: flex;

    justify-content: center;

    align-items: center;

}

/* icons social */
.header_desktop_buttons_social {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 40px;
    position: relative;
}

.header_desktop_buttons_social--facebook {
    margin-left: 30px;
}

.header_desktop_buttons_social i {
    font-size: 1.5em;
    color: #3c1d49;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

.header_desktop_buttons_social:hover i {
    color: #8939ab;
}

/* 350px */
@media (max-width: 21.875em) {
    .header_mobile_nav {
        padding-left: 0;
    }
}

/*

Categories

*/

.categories {

    background-color: #3c1d49;

}

.categories__menu {

    display: flex;

}

.categories__item {

    flex-grow: 1;

    position: relative;

}

.categories__link {

    display: flex;

    flex-direction: column;

    align-items: center;

    /*font-size: 0.7em;*/ /* COM LABELS*/
    font-size: 0.875em; /* SEM LABELS */

    color: #eeeeee;

    font-weight: bold;

    text-transform: uppercase;

    text-decoration: none;

    padding: 14px 0;

    -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;

    -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;

    -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;

    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;

}

.categories__item:hover,
.categories__link:hover {

    color: #eeeeee;

    background-color: #8939Ab;

}

.categories__action a {

    color: #ffffff;

    padding: 5px 20px;

    background-color: #81cc4c;

    border: 2px solid #81cc4c;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}

.categories__action a:hover {

    color: #81cc4c;

    background-color: #ffffff;

}

.categories__legend {

    font-size: 0.8em;

    font-weight: bold;

    padding: 0 10px;

    margin-bottom: 5px;

    background-color: #8939Ab;

    border-radius: 3px;

}

.categories__arrow {

    margin-right: 10px;

}

/* submenu */

.categories__submenu {

    display: none;

    width: 250px;

    position: absolute;

    /*top: 77px;*/ /* COM LABELS */
    top: 50px; /* SEM LABELS */

    background-color: #ffffff;

    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16);

    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16);

    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16);

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    z-index: 10;

}

.categories__item:nth-child(1) .categories__submenu,
.categories__item:nth-child(2) .categories__submenu {

    left: 0;

}

.categories__item:nth-child(3) .categories__submenu,
.categories__item:nth-child(4) .categories__submenu {

    right: 0;

}

.categories__subitem {

    flex-basis: 25%;

}

.categories__subitem:not(:last-child) {

    border-bottom: 1px solid #eeeeee;

}

.categories__subitem:hover .categories__ultramenu {

    display: block;

}

.categories__sublink {

    display: flex;

    justify-content: space-between;

    align-items: center;

    font-size: 0.875em;

    color: #646464 !important;

    padding: 15px 20px;

    -webkit-transition: background-color 0.2s ease-in-out;

    -moz-transition: background-color 0.2s ease-in-out;

    -o-transition: background-color 0.2s ease-in-out;

    transition: background-color 0.2s ease-in-out;

    cursor: pointer;

}

.categories__sublink:hover {

    color: #444444;

    background-color: #f9f9f9;

}

.categories__item:nth-child(3) .categories__sublink,
.categories__item:nth-child(4) .categories__sublink {

    flex-direction: row-reverse;

}

.categories__subarrow {

    width: 15px;

}

.categories__item:nth-child(1) .categories__subarrow,
.categories__item:nth-child(2) .categories__subarrow {

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    transform: rotate(-90deg);

}

.categories__item:nth-child(3) .categories__subarrow,
.categories__item:nth-child(4) .categories__subarrow {

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg);

}

/* ultramenu */

.categories__ultramenu {

    display: none;

    width: 250px;
    
    overflow: auto;

    position: absolute;

    top: 0;

    background-color: #ffffff;

    border-right: 3px solid #ffffff;

    border-left: 1px solid #eeeeee;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    z-index: 10;

}

.categories__item:nth-child(1) .categories__ultramenu,
.categories__item:nth-child(2) .categories__ultramenu {

    right: -250px;

}

.categories__item:nth-child(3) .categories__ultramenu,
.categories__item:nth-child(4) .categories__ultramenu {

    left: -250px;

}

.categories__ultramenu::-webkit-scrollbar {

    width: 7px;

    background-color: #ffffff;

}

.categories__ultramenu::-webkit-scrollbar-thumb {

    background-color: transparent;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);

    -o-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);

    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);

}

.categories__ultraitem:not(:last-child) {

    border-bottom: 1px solid #eeeeee;

}

.categories__ultralink {

    display: flex;

    align-items: center;

    font-size: 0.875em;

    color: #646464 !important;

    padding: 15px 20px;

    -webkit-transition: background-color 0.2s ease-in-out;

    -moz-transition: background-color 0.2s ease-in-out;

    -o-transition: background-color 0.2s ease-in-out;

    transition: background-color 0.2s ease-in-out;

}

.categories__ultralink:hover {

    color: #444444;

    background-color: #f9f9f9;

}

/*

Force Login

*/

.force_login {

    display: none;

    width: 100vw;

    height: 100vh;

    position: fixed;

    top: 0;

    left: 0;

    background-color: rgba(0, 0, 0, 0.5);

    z-index: 99999999;

}

.force_login_content {

    display: none;

    width: 550px;

    max-width: 90%;

    text-align: center;

    padding: 30px;

    margin-top: -500px;

    background-color: #ffffff;

    overflow: hidden;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    -webkit-transition: margin-top 0.2s ease-in-out;

    -moz-transition: margin-top 0.2s ease-in-out;

    -o-transition: margin-top 0.2s ease-in-out;

    transition: margin-top 0.2s ease-in-out;

}

.force_login.is-error .force_login_content {
    background-color: #dc3545;
}

.force_login_icon {

    width: 100%;

    font-size: 3em;

    color: #3c1d49;

    margin-bottom: 50px;

}

.force_login.is-error .force_login_icon {
    color: #eeeeee;
}

.force_login_content_message {

    font-size: 2em;

    font-weight: bold;

    color: #28a745;

}

.force_login.is-error .force_login_content_message {
    color: #eeeeee;
}

.force_login_content_message_description {
    display: block;
    font-size: 1rem;
    color: #666666;
    font-weight: normal;
    margin-top: 20px;
}

.force_login.is-error .force_login_content_message_description {
    color: #eeeeee;
}

.force_login_content_button {

    display: inline-block;

    font-size: 0.8em;

    font-weight: 600;

    color: #ffffff;

    text-transform: uppercase;

    text-decoration: none;

    padding: 10px 40px;

    margin: 50px auto 0 auto;

    background-color: #3c1d49;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    -webkit-transition: background-color 0.2s ease-in-out;

    -moz-transition: background-color 0.2s ease-in-out;

    -o-transition: background-color 0.2s ease-in-out;

    transition: background-color 0.2s ease-in-out;

    cursor: pointer;

}

.force_login_content_button:hover {

    background-color: #3c1d49;

}

/*

CAROUSEL

*/

.slide {

    margin-bottom: 25px;

}

/*

Banners

*/

.banners {

}

.banners__headline {

    font-size: 0;

}

.banners__flex {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: flex-start;

}

.banners__item {

    flex-basis: 100%;

    position: relative;

    line-height: 0;

    margin-top: 25px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    -webkit-transition: transform 0.1s ease-in-out;

    -moz-transition: transform 0.1s ease-in-out;

    -o-transition: transform 0.1s ease-in-out;

    transition: transform 0.1s ease-in-out;

    cursor: pointer;

    overflow: hidden;

}

.banners__item:hover {

    -webkit-transform: scale(1.01);

    -moz-transform: scale(1.01);

    -ms-transform: scale(1.01);

    -o-transform: scale(1.01);

    transform: scale(1.01);

}

.banners__modal {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-color: rgba(60, 29, 73, 0.5);

}

.banners__title {

    font-size: 2.2em;

    color: #ffffff;

    text-align: center;

    font-weight: bold;

    text-transform: uppercase;

    padding: 0 80px;

}

.banners__cover {

    width: 100%;

}

@media (min-width: 768px) {

    .banners__item--2,
    .banners__item--3,
    .banners__item--4 {

        flex-basis: calc(50% - 20px);

    }

}

@media (min-width: 1200px) {

    .banners__item--2 {

        flex-basis: calc(50% - 15px);

    }

    .banners__item--3 {

        flex-basis: calc(100% / 3 - 20px);

    }

    .banners__item--4 {

        flex-basis: calc(100% / 4 - 20px);

    }

}

/*

Featured

*/

.featured {

    padding: 40px 0 0 0;

}

.featured__header {

    position: relative;

    margin-bottom: 50px;

}

.featured__header:after {

    content: '';

    position: absolute;

    bottom: -20px;

    left: 0;

    width: 200px;

    height: 6px;

    background-color: #eeeeee;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

}

.featured__headline {

    font-size: 1.4em;

    color: #3c1d49;

    font-weight: bold;

    text-transform: uppercase;

    margin-bottom: 5px;

}

.featured__description {

    font-size: 1.2em;

    color: #3c1d49;

    font-weight: 300;

}

.featured__header .dropdown {

    margin-top: 30px;

}

.featured__spacing--row {

    margin-bottom: 30px;

}

.featured__spacing--top {

    border-top: 10px solid transparent;

}

.featured__spacing--bottom {

    border-bottom: 10px solid transparent;

}

/* 550px */

@media (min-width: 34.375em) {

    .featured__header {

        display: flex;

        justify-content: space-between;

        align-items: center;

    }

    .featured__header .dropdown {

        margin-top: 0;

    }

}

/* 767px */

@media (max-width: 47.9375em) {

    .featured__spacing--row {

        margin-bottom: 200px;

    }

    .featured__spacing--top {

        border-top: none;

    }

    .featured__spacing--bottom {

        border-bottom: none;

    }

}

/*

Products

*/

.products {

    padding: 40px 0;

}

.products__header {

    position: relative;

    margin-bottom: 50px;

}

.products__header:after {

    content: '';

    position: absolute;

    bottom: -20px;

    left: 0;

    width: 200px;

    height: 6px;

    background-color: #eeeeee;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

}

.products__headline {

    font-size: 1.4em;

    color: #3c1d49;

    font-weight: bold;

    text-transform: uppercase;

    margin-bottom: 5px;

}

.products__description {

    font-size: 1.2em;

    color: #3c1d49;

    font-weight: 300;

    margin-bottom: 20px;

}

.products__more {

    display: inline-block;

    font-size: 1em;

    color: #8939Ab;

    font-weight: bold;

}

.products__item {

    margin-bottom: 20px;

    border: 1px solid #3c1d49;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);

    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);

    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);

}

.products__image {
    position: relative;
    overflow: hidden;
}

.products__wrap {
    display: block;
    position: relative;
    margin-bottom: 15px;
}

.products__cover {
    display: block;
    width: 100%;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.products__rating {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 0.8em;
    color: #ffffff;
    padding: 5px 20px;
    background-color: #8939AB;
    border-radius: 5px;
}

.products__star {
    font-size: 1em;
    color: #fed384;
    margin-right: 5px;
}

/* wishlist */
.products__wishlist {
    width: 60px;
    height: 60px;
    position: absolute;
    right: -60px;
    bottom: 230px;
    -webkit-transition: right 0.3s ease-in-out;
    -moz-transition: right 0.3s ease-in-out;
    -o-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
}

.products__item:hover .products__wishlist {
    right: 0;
}

.products__heart {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 0.8125em;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #111111;
    -webkit-border-radius: 3px 0 0 0;
    -moz-border-radius: 3px 0 0 0;
    border-radius: 3px 0 0 0;
    -webkit-transition: background-color 0.3s ease-in-out, border-top-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out, border-top-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out, border-top-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out, border-top-color 0.3s ease-in-out;
}

.products__heart.is-active,
.products__heart:hover {
    background-color: #8939ab;
}

.products__icon--heart {
    font-size: 1.5em;
    color: #ffffff;
}

/* purchase */
.products__purchase {
    width: 60px;
    height: 60px;
    position: absolute;
    right: -60px;
    bottom: 170px;
    -webkit-transition: right 0.5s ease-in-out;
    -moz-transition: right 0.5s ease-in-out;
    -o-transition: right 0.5s ease-in-out;
    transition: right 0.5s ease-in-out;
}

.products__item:hover .products__purchase {
    right: 0;
}

.products__bag {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 0.8125em;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #111111;
    border-top: 1px solid #000000;
    -webkit-border-radius: 0 0 0 3px;
    -moz-border-radius: 0 0 0 3px;
    border-radius: 0 0 0 3px;
    -webkit-transition: background-color 0.3s ease-in-out, border-top-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out, border-top-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out, border-top-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out, border-top-color 0.3s ease-in-out;
}

.products__bag:hover {
    background-color: #8939ab;
    border-top-color: #3c1d49;
}

.products__icon--bag {
    color: #ffffff;
    font-size: 1.5em;
}

.products__title {

    font-size: 1em;

    color: #666666;

    line-height: 20px;

    padding: 0 15px;

    margin-bottom: 10px;

    margin-top: 20px;

}

.products__title:hover {

    color: #8939Ab;

}

.products__price {

    color: #3c1d49;

    padding: 0 15px;

    font-weight: 500;

    margin-bottom: 5px;

}

.products__price:hover {

    color: #8939Ab;

}

.products__price--old {

    font-size: 0.875em;

    color: #444444;

    text-decoration: line-through;

    margin-right: 5px;

}

.products__installments {

    font-size: 0.75em;

    color: #888888;

    line-height: 18px;

    padding: 15px;

}

.products__transfer {

    line-height: 18px;

    padding: 0 15px;

    margin-bottom: 10px;

}

.products__discount {

    font-size: 0.875em;

    color: #219a68;

    font-weight: bold;

}

.products__via {

    font-size: 0.75em;

    color: #888888;

}

.products__price--transfer {

    color: #3c1d49;

    font-weight: bold;

}

.products__categories {

    padding: 0 15px;

}

.products__category {

    font-size: 0.875em;

    color: #666666;

    -webkit-transition: color 0.2s ease-in-out;

    -moz-transition: color 0.2s ease-in-out;

    -o-transition: color 0.2s ease-in-out;

    transition: color 0.2s ease-in-out;

}

.products__category:hover {

    color: #3c1d49;

}

.products__link {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    font-size: 0.875em;

    color: #ffffff;

    font-weight: bold;

    padding: 12px 0;

    margin-top: 20px;

    background-color: #3c1d49;

    -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;

    -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;

    -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;

    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;

}

.products__link:hover {

    color: #ffffff;

    background-color: #8939Ab;

}

.products__icon {

    margin-right: 10px;

}

.products .owl-nav {

    width: 100%;

    position: absolute;

    top: 45%;

}

.products .owl-nav .owl-prev,
.products .owl-nav .owl-next {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 45px;

    height: 45px;

    position: absolute;

    font-size: 2em;

    color: #f8f8f8;

    background-color: #8939AB;

    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);

    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);

    -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;

    -moz-transition: background-color 0.2s ease-out, color 0.2s ease-out;

    -o-transition: background-color 0.2s ease-out, color 0.2s ease-out;

    transition: background-color 0.2s ease-out, color 0.2s ease-out;

}

.products .owl-nav .owl-prev {

    left: 0;

}

.products .owl-nav .owl-next {

    right: 0;

}

.products .owl-nav .owl-prev:hover,
.products .owl-nav .owl-next:hover {

    background-color: #3c1d49;

    color: #ffffff;

}

.product-section .dropdown-option {
    position: relative;
    display: inline-block;
    margin-left: auto;
}

.product-section .dropdown-option .dropdown-content-option {
    display: none;
    position: absolute;
    right: 0;
    z-index: 999;
}

.product-section .dropdown-option:hover .dropdown-content-option {
    display: block;
}

.product-section .dropdown-option .dropdown-content-option ul {
    background-color: #f9f9f9;
    min-width: 235px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    margin-top: 15px;
}

.product-section .dropdown-option .dropdown-content-option li a {
    color: #3c1d49;
    font-weight: 400;
    font-size: 15px;
    font-style: none;
    text-decoration: none;
}

/* 550px */

@media (min-width: 34.375em) {

    .products__header {

        display: flex;

        justify-content: space-between;

        align-items: flex-end;

    }

    .products__description {

        margin-bottom: 0;

    }

    .products__wishlist {
        /*bottom: 160px;*/
        bottom: 180px;
    }

    .products__purchase {
        /*bottom: 100px;*/
        bottom: 120px;
    }

    .products .owl-nav {

        top: 35%;

    }

}

/* 600px */

@media (min-width: 37.5em) {

    .products__flex {

        display: flex;

        flex-wrap: wrap;

    }

}

/* 850px */

@media (min-width: 53.125em) {

    .products__more {

        line-height: 10px;

    }

    .products .owl-nav {

        display: flex;

        justify-content: space-between;

        right: 0;

    }

    .products .owl-nav .owl-prev,
    .products .owl-nav .owl-next {

        flex-basis: 60px;

        height: 50px;

        position: initial;

        font-size: 1.875em;

    }

}

/* 600px - 899px */

@media (min-width: 37.5em) and (max-width: 56.1875em) {

    .products__flex .products__item {

        flex-basis: 48%;

    }

    .products__flex .products__item:not(:nth-child(2n+0)) {

        margin-right: 4%;

    }

}

/* 900px - 1199px */

@media (min-width: 56.25em) and (max-width: 74.9375em) {

    .products__flex .products__item {

        flex-basis: 32%;

    }

    .products__flex .products__item:not(:nth-child(3n+0)) {

        margin-right: 2%;

    }

}

/* 1200px - 1499px */

/*@media (min-width: 75em) and (max-width: 93.6875em) {

    .products__flex .products__item {

        flex-basis: 23.5%;

    }

    .products__flex .products__item:not(:nth-child(4n+0)) {

        margin-right: 2%;

    }

}*/

@media (min-width: 75em) {

    .products__flex .products__item {

        flex-basis: 23.5%;

    }

    .products__flex .products__item:not(:nth-child(4n+0)) {

        margin-right: 2%;

    }

    .products__wishlist {
        bottom: 160px;
    }

    .products__purchase {
        bottom: 100px;
    }

}

/* 1500px */

/*@media (min-width: 93.75em) {

    .products__flex .products__item {

        flex-basis: 18.4%;

    }

    .products__flex .products__item:not(:nth-child(5n+0)) {

        margin-right: 2%;

    }

}*/

/*
Product
*/

.product__transfer {
    display: block;
    font-size: 1.1em;
    line-height: 1.5em;
    margin: 0 0 20px 0;
}

.product__transfer .product-promo span {
    font-size: 1.625em;
}

.product__transfer > p span {
    display: block;
    margin-bottom: 10px;
}

/*
Videos
*/

.videos {
    padding: 100px 0;
    background-color: #3c1d49;
}

.videos {
    padding: 75px 0;
    background-color: #3c1d49;
}

.videos__header {
    position: relative;
    margin-bottom: 50px;
}

.videos__header:after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 200px;
    height: 6px;
    background-color: #eeeeee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.videos__headline {
    font-size: 1.4em;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.videos__description {
    font-size: 1.2em;
    color: #ffffff;
    font-weight: 300;
}

.videos__main {
    flex-basis: calc(60% - 10px);
    position: relative;
    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
}

.videos__poster {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.videos__gallery {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-basis: calc(40% - 10px);
}

.videos__item {
    flex-basis: calc(50% - 10px);
    cursor: pointer;
}

.videos__thumb {
    border: 5px solid transparent;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity: 0.6;
}

.videos__item.is-active .videos__thumb {
    border-color: #8839aa;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    opacity: 1;
}

.videos__play {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 4em;
    color: #eeeeee;
    margin-top: -25px;
    margin-left: -25px;
}

.videos__button {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    flex-basis: 100%;
    font-size: 1.2em;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: 25px 0;
    margin-top: 25px;
    background-color: #8839aa;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.videos__button:hover {
    color: #8839aa;
    background-color: #ffffff;
}

/* 700px */
@media (min-width: 43.75em) {
    .videos__item {
        flex-basis: calc(25% - 10px);
    }
}

/* 768px */
@media (min-width: 48em) {
    .videos__headline {
        font-size: 1.6em;
    }
}

/* 992px */
@media (min-width: 62em) {
    .videos__flex {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .videos__main {
        margin-bottom: 0;
    }

    .videos__item {
        flex-basis: calc(50% - 10px);
    }
}

/*

Likes

*/

.likes {

    padding: 40px 0;

    margin-top: 40px;

    background: #3c1d49;

}

/*

Articles

*/

.articles {

    padding: 40px 0;

}

@media (min-width: 767px) {

    .articles {

        padding: 80px 0;

    }

}

.articles__header {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    position: relative;

    margin-bottom: 50px;

}

.articles__header:after {

    content: '';

    position: absolute;

    bottom: -20px;

    left: 0;

    width: 200px;

    height: 6px;

    background-color: #eeeeee;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

}

.articles__headline {

    font-size: 1.4em;

    color: #3c1d49;

    font-weight: bold;

    text-transform: uppercase;

    margin-bottom: 5px;

}

.articles__description {

    font-size: 1.2em;

    color: #3c1d49;

    font-weight: 300;

}

.articles__more {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 140px;

    font-size: 0.875em;

    color: #ffffff;

    font-weight: bold;

    padding: 12px 24px;

    background-color: #3c1d49;

    border: 1px solid #3c1d49;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;

    -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;

    -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;

    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;

}

.articles__more:hover {

    color: #3c1d49;

    background-color: transparent;

}

@media (max-width: 43.75em) {
    .articles__header {

        flex-direction: column;

    }

    .articles__more {

        margin-top: 20px;

    }
}

/*

Partners

*/

.partners {

    padding: 70px 0;

}

.partners__header {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    position: relative;

    margin-bottom: 50px;

}

.partners__header:after {

    content: '';

    position: absolute;

    bottom: -20px;

    left: 0;

    width: 200px;

    height: 6px;

    background-color: #eeeeee;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

}

.partners__headline {

    font-size: 1.4em;

    color: #3c1d49;

    font-weight: bold;

    text-transform: uppercase;

    margin-bottom: 5px;

}

.partners__description {

    font-size: 1.2em;

    color: #3c1d49;

    font-weight: 300;

}

.partners__more {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 210px;

    font-size: 0.875em;

    color: #ffffff;

    font-weight: bold;

    padding: 12px 24px;

    background-color: #3c1d49;

    border: 1px solid #3c1d49;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;

    -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;

    -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;

    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;

}

.partners__more:hover {

    color: #3c1d49;

    background-color: transparent;

}

@media (max-width: 50em) {
    .partners__header {

        flex-direction: column;

    }

    .partners__more {

        margin-top: 20px;

    }
}

/*

Instagram

*/

/*700px*/

@media (min-width: 43.75em) {

    .insta-artsiber {

        height: 250px;

    }

}

/*900px*/

@media (min-width: 56.25em) {

    .insta-artsiber {

        height: 300px;

    }

}

/*1200px*/

@media (min-width: 75em) {

    .insta-artsiber {

        height: 350px;

    }

}

/*

NEWSLETTER

*/

.alert_newsletter {

    text-align: right;

    padding: 0 5px;

    margin-top: 5px;

    overflow-x: hidden;

}

.alert_newsletter_content {

    display: inline-block;

    width: 300px;

    max-width: 100%;

    font-size: 0.8em;

    color: #ffffff;

    font-weight: 600;

    text-align: center;

    padding: 5px;

    margin-right: -310px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -ms-border-radius: 2px;

    -o-border-radius: 2px;

    border-radius: 2px;

    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);

    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);

    -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);

    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);

    cursor: default;

}

.alert_newsletter_content.success {

    background-color: #36ba9b;

}

.alert_newsletter_content.error {

    background-color: #f45563;

}

/*

TRACKING

*/

.tracking {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    padding: 100px 0;

}

.tracking h1 {

    font-size: 1.5em;

    color: #3c1d49;

    font-weight: bold;

    margin-bottom: 10px;

}

.tracking p {

    margin-bottom: 10px;

}

.tracking form {

    margin-bottom: 50px;

}

.tracking input {

    font-size: 1.3em;

    color: #6673d8;

    font-weight: bold;

    text-align: center;

    background: transparent;

    border: none;

    pointer-events: none;

}

.tracking i {

    font-size: 2em;

    opacity: 0.5;

}

/*

MEDIA QUERIES

*/

/*992px*/

@media (min-width: 62em) {
    /*

    HEADER

    */
    /* header => mobile */
    .header_mobile {

        display: none;

    }

    /* header => desktop */
    .header_desktop {

        display: block;

    }

}

@media (max-width: 414px) {

    .banners__title {

        font-size: 1.8em;

    }

}

@media (min-width: 1000px) {

    .banners__title {

        font-size: 2.5em;

    }

}

/*
Product
*/

.product-rating {
    margin: 10px 0 0 0;
}

.product-rating li {
    display: inline-block;
    font-size: 1em;
    color: #fed384;
    margin-right: 3px;
}

/* actions wishlist */
.actions_wishlist {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #ffffff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    z-index: 998;
}

.actions_wishlist a {
    font-size: 25px;
    color: #3c1d49 !important;
    text-shadow: 0 0 3px #ffffff;
    cursor: pointer;
}

.actions_wishlist a:hover,
.actions_wishlist a.is-active {
    color: #8939ab !important;
}

/*
Rating
*/

.rating {
    margin: 50px 0 100px 0;
}

.rating__flex {
    display: flex;
    align-items: center;
    margin-top: 75px;
}

.rating__score {
    padding-top: 15px;
    margin-right: 20px;
    text-align: center;
}

.rating__total {
    font-size: 3em;
    font-weight: bold;
    margin-bottom: 20px;
}

.rating__star--score {
    color: #faac1d;
}

.rating__description {
    color: #666666;
    margin-top: 10px;
}

.rating__item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.rating__percent {
    width: 40px;
    font-size: 0.875em;
    font-weight: bold;
    text-align: right;
    margin-right: 8px;
}

.rating__bar {
    width: 60px;
    height: 5px;
    margin-right: 10px;
    background-color: #eeeeee;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
}

.rating__progress {
    height: 100%;
    background-color: #3c1d49;
}

.rating__star--percent {
    color: #faac1d;
    margin: 0 5px;
}

/* 768px */
@media (min-width: 48em) {
    .rating__score {
        margin-right: 30px;
    }

    .rating__total {
        font-size: 5em;
        margin-bottom: 30px;
    }

    .rating__bar {
        width: 100px;
    }
}

/*
Not Found
*/

.not-found {
    text-align: center;
    padding: 200px 0;
}

.not-found__icon {
    font-size: 4.6875em;
    color: #3c1d49;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    -ms-text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    -o-text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}

.not-found__description {
    display: block;
    font-size: 1em;
    color: #3c1d49;
    font-weight: 300;
    margin-top: 20px;
}

/*
Covid
*/

.covid {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 99999999;
}

.covid__flex {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.covid__content {
    width: 800px;
    max-width: 85%;
    position: relative;
    padding: 50px 30px;
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.covid__cover {
    display: none;
}

.covid__title {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 15px;
}

.covid__headline {
    font-size: 0.875em;
    font-weight: bold;
    margin-bottom: 20px;
}

.covid__message {
    font-weight: normal;
    color: #4f4f4f;
    line-height: 1.5;
    margin-bottom: 20px;
}

.covid__list {
    list-style-type: circle;
}

.covid__item {
    font-size: 0.875em;
    color: #4f4f4f;
}

.covid__item:not(:last-child) {
    margin-bottom: 15px;
}

.covid__link {
    font-size: 1em;
    color: #999999;
    text-decoration: underline;
}

.covid__link:hover {
    color: #ffffff;
    text-decoration: underline;
}

.covid__button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 1em;
    font-weight: bold;
    color: #eeeeee;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    padding: 15px 0;
    background-color: #8939ab;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    cursor: pointer;
}

.covid__button:hover {
    color: #8939ab;
    background-color: #eeeeee;
}

/* 768px */
@media (min-width: 48em) {
    .covid__wrap {
        display: flex;
        justify-content: space-between;
        margin-bottom: 50px;
    }

    .covid__content {
        max-width: 90%;
        padding: 50px 30px 30px 10px;
    }

    .covid__cover {
        display: initial;
        flex-basis: 50%;
        padding-right: 40px;
    }

    .covid__description {
        flex-basis: 50%;
    }
}

/*
Cookie
*/

.cookie {
    display: none;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 40px;
    overflow: hidden;
    background-color: #eeeeee;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    z-index: 999;
}

.cookie__message {
    font-size: 1em;
    font-weight: normal;
    color: #77777a;
    line-height: 1.5;
    margin-bottom: 20px;
}

.cookie__link {
    color: inherit;
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

.cookie__link:hover {
    color: #8839aa;
    text-decoration: underline;
}

.cookie__button {
    display: block;
    width: 200px;
    font-size: 0.8em;
    font-weight: 600;
    color: #eeeeee;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    padding: 15px 0;
    background-color: #8839aa;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    outline: none;
    cursor: pointer;
}

.cookie__button:hover {
    background-color: #3c1d49;
}

/* 992px */
@media (min-width: 62em) {
    .cookie__flex {
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
    }

    .cookie__message {
        flex-basis: calc(100% - 250px);
        margin-bottom: 0;
    }
}

/*
Coupon
*/

.coupon {
    width: 450px;
    max-width: 95%;
    position: fixed;
    bottom: 100px;
    right: -460px;
    padding: 5px;
    overflow: hidden;
    background-color: #3c1d49;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    z-index: 99999999;
}

.coupon__title {
    font-size: 1.2em;
    color: #3c1d49;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    padding: 20px 10px;
    background-color: #ffffff;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.coupon__content {
    padding: 10px;
}

.coupon__seal {
    display: flex;
    margin-bottom: 20px;
}

.coupon__code {
    flex-grow: 1;
    font-size: 1.3em;
    color: #ffffff;
    font-weight: 300;
    text-align: center;
    padding: 20px;
    background-color: #1bd2b1;
    border-right: 3px dotted #ffffff;
}

.coupon__discount {
    font-size: 2em;
    color: #ffffff;
    text-align: center;
    padding: 20px;
    background-color: #000000;
    border-left: 3px dotted #ffffff;
}

.coupon__button {
    display: block;
    width: 100%;
    font-size: 0.8em;
    font-weight: bold;
    color: #eeeeee;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    padding: 15px;
    margin-bottom: 10px;
    background-color: #8939ab;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    outline: none;
    cursor: pointer;
}

.coupon__button:hover,
.coupon__button.is-activated {
    color: #8939ab;
    background-color: #eeeeee;
}

.coupon__loading {
    display: none;
}

.coupon__close {
    font-size: 0.75em;
    color: #8939ab;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    cursor: pointer;
}

.coupon__close:hover {
    color: #a250c4;
}

/* 768px */
@media (min-width: 48em) {
    .coupon__content {
        padding: 40px;
    }
}

/* 992px */
@media (min-width: 62em) {
    .coupon__code {
        font-size: 2em;
    }
}

/*
Whatsapp
*/

.whatsapp {
    width: 380px;
    max-width: calc(100% - 40px);
    position: fixed;
    right: 20px;
    bottom: 90px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    z-index: 999999999;
}

.whatsapp__content {
    display: none;
    max-height: calc(100vh - 160px);
    background-color: #ffffff;
    overflow: auto;
}

.whatsapp__content::-webkit-scrollbar {
    width: 7px;
    background-color: rgba(36, 211, 102, 0.7);
}

.whatsapp__content::-webkit-scrollbar-thumb {
    background-color: transparent;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
}

.whatsapp__header {
    padding: 30px 30px 100px 30px;
    background: url(../img/whatsapp/tema.png) 0 0 / 80% repeat, linear-gradient(135deg, rgb(137, 57, 171) 0%, rgba(60, 29, 73, 0.8) 100%);
}

.whatsapp__header--wait {
    background: url(../img/whatsapp/tema.png) 0 0 / 80% repeat, linear-gradient(135deg, rgb(205, 183, 71) 0%, rgb(183, 158, 7) 100%);
}

.whatsapp__logo {
    width: 40px;
    margin-bottom: 20px;
}

.whatsapp__header.is-scroll .whatsapp__logo {
    opacity: 0.7;
}

.whatsapp__title {
    font-size: 2em;
    color: #ffffff;
    font-weight: 500;
    text-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.08);
    margin-bottom: 10px;
}

.whatsapp__header.is-scroll .whatsapp__title {
    opacity: 0.7;
}

.whatsapp__description {
    font-size: 1em;
    color: #ffffff;
    text-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.08);
}

.whatsapp__header.is-scroll .whatsapp__description {
    opacity: 0.7;
}

.whatsapp__contact {
    width: 90%;
    padding: 15px;
    margin: 15px auto;
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.whatsapp__contact--float {
    margin-top: -60px;
}

.whatsapp__wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 20px;
}

.whatsapp__avatar {
    width: 50px;
    margin-right: 15px;
    border: 4px solid #24d366;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.whatsapp__name {
    font-size: 1.1em;
    color: #333333;
    font-weight: 500;
}

.whatsapp__legend {
    font-size: 0.875em;
    color: #666666;
}

.whatsapp__link {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 0.875em;
    color: #ffffff;
    text-decoration: none;
    padding: 10px 0;
    background-color: #24d366;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.whatsapp__icon--link {
    width: 20px;
    margin-right: 10px;
}

.whatsapp__button {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 180px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    font-size: 0.875em;
    color: #ffffff;
    text-decoration: none;
    padding: 10px 0;
    background-color: #24d366;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -webkit-transition: width 0.2s ease-in-out, height 0.2s ease-in-out, border-radius 0.2s ease-in-out;
    -moz-transition: width 0.2s ease-in-out, height 0.2s ease-in-out, border-radius 0.2s ease-in-out;
    -o-transition: width 0.2s ease-in-out, height 0.2s ease-in-out, border-radius 0.2s ease-in-out;
    transition: width 0.2s ease-in-out, height 0.2s ease-in-out, border-radius 0.2s ease-in-out;
}

.whatsapp__button.is-active {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 25%;
    -moz-border-radius: 25%;
    border-radius: 50%;
}

.whatsapp__icon--button {
    width: 30px;
    margin-right: 10px;
}

.whatsapp__button.is-active .whatsapp__icon--button {
    margin-right: 0;
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.5s ease-in-out;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.whatsapp__hidden {
    color: #ffffff;
}

.whatsapp__label {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.whatsapp__field {
    display: block;
    width: 100%;
    color: #444444;
    font-weight: 500;
    padding: 10px;
    background-color: #f1f1f1;
    border: none;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    outline: none;
}

.whatsapp__field::-webkit-input-placeholder {
    color: #cccccc;
}

.whatsapp__field::-moz-placeholder {
    color: #cccccc;
}

.whatsapp__field:-ms-input-placeholder {
    color: #cccccc;
}

.whatsapp__field:-moz-placeholder {
    color: #cccccc;
}

.whatsapp__send {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 50px;
    background-color: #24d366;
    border: none;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    outline: none;
    cursor: pointer;
}

.whatsapp__icon--send {
    width: 15px;
}

/* 768px */
@media (max-width: 48em) {
    .whatsapp {
        right: 10px;
        bottom: 80px;
    }

    .whatsapp__button {
        width: 60px;
        height: 60px;
        right: 10px;
        bottom: 10px;
        -webkit-border-radius: 25%;
        -moz-border-radius: 25%;
        border-radius: 50%;
    }

    .whatsapp__icon--button {
        margin-right: 0;
    }

    .whatsapp__hidden {
        display: none;
    }
}

/*
Thumb
*/


.thumb {
    position: relative;
    margin-bottom: 50px;
}

.thumbnails {
    width: calc(100% - 110px);
    margin: 0 auto;
    z-index: 9;
}

.swiper-slide.thumb-slide {
    padding-bottom: 0;
}

.swiper-slide.thumb-slide img {
    border: 3px solid transparent;
}

.swiper-slide.thumb-slide img.is-active {
    border-color: #3c1d49;
}

.thumb-navs {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    margin: -25px 0 0 0;
}

/* 768px */
@media (min-width: 48em) {
    .thumb {
        margin-bottom: 0;
    }
}

/*
Tabs
*/

.tabs {
    padding: 70px 0 20px 0;
}

.tabs__list {
    display: flex;
    justify-content: center;
    padding: 10px;
    margin-bottom: 30px;
    background-color: #f9f9f9;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
}

.tabs__item {
    flex-grow: 1;
    margin: 0 3px;
}

.tabs__link {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.8125em;
    color: #3c1d49;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 0;
    background-color: transparent;
    border: 1px solid #3c1d49;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.tabs__link.is-active {
    color: #eeeeee;
    background-color: #3c1d49;
}

.tabs__section {
    display: none;
}

.tabs__section.is-active {
    display: initial;
}

/* 500px */
@media (min-width: 31.25em) {
    .tabs__item {
        flex-grow: initial;
    }

    .tabs__link {
        padding: 10px 20px;
    }
}

/* 768px */
@media (min-width: 48em) {
    .tabs__link {
        padding: 15px 40px;
    }
}

/*

*/

.product__alert {
    display: inline-flex;
    align-items: center;
    font-size: 0.875em;
    color: #eeeeee;
    font-weight: bold;
    padding: 4px 20px 4px 4px;
    margin-bottom: 30px;
    background-color: #3c1d49;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
}

.product__alert--float {
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 0.8em;
    z-index: 99;
}

.product__icon--alert {
    color: #3c1d49;
    padding: 10px;
    margin-right: 10px;
    background-color: #eeeeee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-animation: flash 2s ease infinite !important;
    -moz-animation: flash 2s ease infinite !important;
    animation: flash 2s ease infinite !important;
}

/*
Share
*/

.social-news {
    display: block;
    margin-bottom: 20px;
}

.social-news .sub-blog-social-content {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin-top: 10px;
}

.social-news .sub-blog-social-content a {
    flex-basis: calc(100% / 3 - 5px);
    text-align: center;
    font-size: 0.875em;
    padding: 5px 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

/* 1200px */
@media (min-width: 75em) {
    .social-news .sub-blog-social-content a {
        flex-basis: calc(100% / 3 - 10px);
        padding: 5px 0;
    }
}

.products .owl-item{
    padding: 0 5px;
}

.comments > form label span, .comments_single label span{
    font-size: 1em;
}

/*
Swiper
*/

.swiper-part {
    position: relative;
}

.button-club-prev,
.button-club-next {
    display: flex;
    align-items: center;
    height: 100%;
    top: 0;
    margin-top: 0;
}

.button-club-prev {
    left: 0;
}

.button-club-next {
    right: 20px;
}

/* 768px */
@media (min-width: 48em) {
    .button-club-prev {
        left: 10px;
    }
}

/* 1200px */
@media (min-width: 75em) {
    .button-club-prev {
        left: 20px;
    }

    .button-club-next {
        right: 30px;
    }
}