[style*='--aspect-ratio'] {
    width: 100%;
}

[style*='--aspect-ratio']::before {
    content: '';
    height: 0;
    float: left;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
}

[style*='--aspect-ratio']::after {
    content: '';
    display: block;
    clear: both;
}

/* :class^=['fa-']::before{
    color: red !important;
} */

/* GERAL */
body {
    padding-top: 96px;
}

.content {
    width: 90%;
}

.bg-color-one {
    color: var(--color-background-one) !important;
}

.bg-color-two {
    color: var(--color-background-two) !important;
}

.bg-color-three {
    color: var(--color-background-three) !important;
}

.bg-color-four {
    color: var(--color-background-four) !important;
}

.margin-top-10{margin-top: 10px !important;}
.margin-top-20{margin-top: 20px !important;}
.margin-top-30{margin-top: 30px !important;}
.margin-top-50{margin-top: 50px !important;}

.margin-bottom-10{margin-bottom: 10px !important;}
.margin-bottom-20{margin-bottom: 20px !important;}
.margin-bottom-30{margin-bottom: 30px !important;}
.margin-bottom-50{margin-bottom: 50px !important;}

/* WIDGETS *//* one input */
.one_input {
    position: relative;
}

.one_input_field {
    height: 50px;
    padding: 10px 15px;
    border: 1px solid var(--color-background-four);
    color: var(--color-text-three);
    -webkit-border-radius: 7px 9px 9px 7px;
    -moz-border-radius: 7px 9px 9px 7px;
    border-radius: 7px 9px 9px 7px;
    outline: none;
    font-size: 18px
}

.testimony {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 101;
    display: none;
}

.testimony_content {
    display: block;
    position: relative;
    width: 660px;
    max-width: 90%;
    margin: 3% auto 0 auto;
    background: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.testimony_content h1 {
    font-size: 1.2em;
    font-weight: 300;
    color: #555;
    padding: 20px;
}

.testimony_content h1 b {
    font-weight: bold;
    color: #F47C2A;
}

.testimony_close {
    color: #fff;
    background: #333;
    border: 3px solid #fff;
    padding: 6px 10px;
    position: absolute;
    right: -15px;
    top: -15px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: pointer;
}

.testimony_close:hover {
    background: red;
}

.testimony_content .content_like {
    display: block;
    width: 100%;
    padding: 20px;
}

.testimony_content .box_like {
    display: inline-block;
    width: 50%;
    text-align: center;
    padding: 0;
    vertical-align: top;
}

.testimony_content .box_like p {
    font-weight: 300;
    margin-bottom: 15px;
    color: #555;
}

.lead_take h1 {
    font-size: 0.9em;
    font-weight: 300;
    margin: 10px 0;
}

.lead_take .thumb, .materiais .thumb {
    position: relative;
    padding: 0;
}

.lead_take .false_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 20%;
    cursor: pointer;
}

/*
.lead_take .false_bg:hover {
    background: rgba(0, 0, 0, 0.5) url(../images/btn-play.png) center center no-repeat;
    opacity: 0.7;
    transition-duration: 0.3s;
}
*/

.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: var(--color-text-two);
    padding: 0 20px;
    background-color: var(--color-background-four);
    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: var(--color-background-three);
}

/* 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: 99;
}

.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: #eee;
}

.realtime_search li a img {
    width: 50px;
    margin-right: 20px;
}

.realtime_search li a p {
    font-size: 1.05em;
     color: var(--color-text-four);
    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: var(--color-text-three);
    font-weight: bold;
}

/* heading */
.heading {
    margin-bottom: 40px;
}

.heading h1 {
    position: relative;
    font-size: 1.2em;
    color: #000000;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 20px;
}

.heading h1 span {
    font-weight: bold;
}

/* breadcrumb */
.breadcrumb {
    display: flex;
    margin-bottom: 30px;
}

.breadcrumb li {
    font-size: 0.85em;
    color: #999999;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 10px;
}

.breadcrumb li.active {
    color: #666666;
}

.breadcrumb li a {
    color: inherit;
    text-decoration: none;
}

.breadcrumb li span {
    font-weight: bold;
    margin-left: 10px !important;
}

/* actions wishlist */
.actions_wishlist {
    -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: 50px;
    position: absolute;
    -webkit-transition: right 0.4s ease-in-out;
    -moz-transition: right 0.4s ease-in-out;
    -ms-transition: right 0.4s ease-in-out;
    -o-transition: right 0.4s ease-in-out;
    transition: right 0.4s ease-in-out;
    z-index: 998;
}

.actions_wishlist span {
    font-size: 40px;
    color: #ccc;
    -webkit-text-shadow: 0 0 5px #ff3e3eCC;
    -moz-text-shadow: 0 0 5px #ff3e3eCC;
    -ms-text-shadow: 0 0 5px #ff3e3eCC;
    -o-text-shadow: 0 0 5px #ff3e3eCC;
    text-shadow: 0 0 5px #ff3e3eCC;
    cursor: pointer;
}

.actions_wishlist span.active {
    color: #ff3e3e;
    -webkit-text-shadow: 0 0 2px #ff3e3e;
    -moz-text-shadow: 0 0 2px #ff3e3e;
    -ms-text-shadow: 0 0 2px #ff3e3e;
    -o-text-shadow: 0 0 2px #ff3e3e;
    text-shadow: 0 0 2px #ff3e3e;
}

/* countdown */
.countdown {
    position: relative;
    padding-bottom: 30px;
}

.countdown_wrapper {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 90%;
    position: absolute;
    left: 5%;
    top: -35px;
    padding: 7px;
    background-color: #ff0016;
    border-radius: 3px;
}

.countdown_wrapper div {
    display: flex;
}

.countdown_wrapper div > span {
    font-size: 1em;
    color: #eeeeee;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-align: left;
    line-height: 15px;
    text-transform: uppercase
}

.countdown_wrapper div > span .countdown_legend {
    font-size: 0.65em;
    text-transform: uppercase;
}

/* elevateZoom */
.zoomContainer {
    z-index: 999;
    cursor: zoom-in;
}

/* FORCE LOGIN */
.force_login {
    display: none;
    width: 100vw;
    height: calc(100vh - 96px);
    position: fixed;
    top: 96px;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99999;
}

.force_login_content {
    display: none;
    width: 500px;
    height: 500px;
    max-width: 90%;
    text-align: center;
    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_content img {
    width: 200px;
}

.force_login_content_close {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 15px 20px;
    margin-bottom: 30px;
    background-color: #f9f9f9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.force_login_content_close svg {
    cursor: pointer;
}

.force_login_content_close svg:hover line {
    stroke: var(--color-background-two);
}

.force_login_content_message {
    font-size: 1.2em;
    font-weight: 500;
    color: #31323a;
    padding: 50px 20px;
}

.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: 0 auto;
    background-color: var(--color-background-two);
    -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;
}

.force_login_content_button:hover {
    background-color: var(--color-background-three);
}

/* HEADER */
.header {
    margin: 0
}

/* header mobile */
.header_mobile {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    z-index: 1001;
}

.header_mobile .content {
    padding: 10px 0;
}

/* header mobile => logo */
.header_mobile_logo {
    text-align: left;
    background-color: var(--color-background-one);
}

.header_mobile_logo .content a img{
    width: 150px
}

/* header mobile => nav */
.header_mobile_nav {
    text-align: center;
    background-color: var(--color-background-two);
}

.header_mobile_nav .content {
    padding: 0;
}

.header_mobile_nav ul li {
    display: inline-block;
}

.header_mobile_nav ul li a {
    display: block;
    padding: 10px 14px;
    text-decoration: none;
    color: var(--color-background-one);
}

.header_mobile_nav ul li a.active {
    background-color: var(--color-background-one);
    color: var(--color-background-two);
}

.header_mobile_nav ul li a span {
    position: relative;
    font-size: 1.5625em;

}

.header_mobile_nav ul li a span span {
    display: none;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -5px;
    font-size: 0.5em;
    font-weight: bold;
    line-height: 20px;
    background-color: var(--color-background-three);
    opacity: 0.9;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.9);
    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.9);
    -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.9);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.9);
}

.header_mobile_nav ul li a span span.active {
    display: inline-block;
}

/* header mobile => search */
.header_mobile_search {
   /* position: fixed;
    left: 0;
    top: 0;*/
    width: 100%;
    height: 60vh;
    background-color: var(--color-background-one-opacity);
    z-index: 997;
    padding: 0;
    margin: 0;
    overflow: hidden;
    pointer-events: none;
    display: none;
}

.header_mobile_search.active {
    display: block;
    pointer-events: auto;
}

.header_mobile_search .content {
    width: 100%;
    height: 100%;
    background-color: var(--color-background-one);
    position: relative;
    padding: 20px;
    overflow-y: auto;
}

.header_mobile_search form input {
    height: 35px;
    border: none;
    width: 100%;
}

.header_mobile_search form button {
    height: 35px;
    background-color: #ffffff;
    color: var(--color-background-one);
    border: none;
    padding: 0 10px;
}

.header_mobile_search form button:hover {
    background-color: #f1f1f1;
}

.header_mobile_search .realtime_search {
    background-color: var(--color-background-one);
    -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: var(--color-background-one-opacity);
}

.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;
    margin: 0 !important;
    padding: 0;
}

.header_mobile_categories_ul::-webkit-scrollbar {
    width: 5px;
    background-color:  var(--color-background-four);
}

.header_mobile_categories_ul::-webkit-scrollbar-thumb {
    background-color: var(--color-background-one);
    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:var(--color-background-two);
    cursor: pointer;
}

.header_mobile_categories_ul li > div div span {
    font-size: 1.2em;
    color: var(--color-background-one);
    font-weight: 400;
    -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 span.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.9em;
    color: #303030;
    font-weight: bold;
    letter-spacing: 1px;
    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;
    background-color: var(--color-background-one);
}

/* header desktop => logo */
.header_desktop_logo {
    flex-basis: 25%;
}

.header_desktop_logo a img {/* height: 70px; */}

.header_desktop_logo a span {
    position: absolute;
    top: -9999px;
    left: -9999px;
    text-indent: -9999px;
}

/* header desktop => search */
.header_desktop_search {
    flex-basis: 45%;
    position: relative;
}

/* header desktop => buttons */
.header_desktop_buttons {
    flex-basis: 25%;
    display: flex;
    justify-content: space-between;
    padding-left: 70px;
}

.header_desktop_buttons > a {
    text-decoration: none;
    color: var(--color-background-two);
    font-size: 1.5em;
}

.header_desktop_buttons > a:hover:before {
    color: var(--color-text-two);
    text-shadow: rgba(0, 0, 0, 0.3);
}

.header_desktop_buttons_account,
.header_desktop_buttons_wishlist,
.header_desktop_buttons_cart
{
    flex-basis: 50px;
    position: relative;
    padding: 20px 22px;
    -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_account:hover,
.header_desktop_buttons_wishlist:hover,
.header_desktop_buttons_cart:hover {
    background-color: var(--color-background-three);
    text-shadow: 1px 1px 3px rgba(0,0,0,.15);
}

.header_desktop_buttons_account.active,
.header_desktop_buttons_wishlist.active,
.header_desktop_buttons_cart.active
{
    background-color: var(--color-background-three);
    color: var(--color-text-two);
}
.header_desktop_buttons_account.active:hover,
.header_desktop_buttons_wishlist.active:hover,
.header_desktop_buttons_cart.active:hover
{
    color: var(--color-text-four) !important;
}

.header_desktop_buttons_wishlist span, .header_desktop_buttons_cart span {
    display: none;
    width: 25px;
    height: 25px;
    position: absolute;
    top: -4px;
    right: -4px;
    font-size: 0.700em;
    color: #fff;
    font-weight: bold;
    background-color: var(--color-background-four);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.header_desktop_buttons_wishlist span.active, .header_desktop_buttons_cart span.active {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* header desktop => categories */
.header_desktop_categories {
    background-color: var(--color-background-two);
}

.header_desktop_categories_ul {
    display: flex;
}

.header_desktop_categories_ul > li {
    flex-grow: 1;
}

.header_desktop_categories_ul > li:hover > div {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.header_desktop_categories_ul > li > a {
    display: block;
    font-size: 0.875em;
    color: var(--color-text-four);
    font-weight: bold;
    text-transform: uppercase !important;
    text-decoration: none;
    padding: 14px 0;
    text-align: center;
    transition: all ease .5s;
}

.header_desktop_categories_ul>li>a.active_hover,
.header_desktop_categories_ul > li > a:hover{
    color: var(--color-text-two);
    background-color: var(--color-background-three);
}

/* header desktop => categories => sub categories */
.header_desktop_categories_ul > li > div {
    display: none;
    width: 100%;
    position: absolute;
    left: 0;
    padding: 30px 5%;
    background-color: var(--color-background-three);
    z-index: 9999;
}

.header_desktop_categories_ul > li > div div:first-child {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-basis: calc(100% - 400px);
    padding-right: 50px;
}

.header_desktop_categories_ul > li > div div:last-child {
    flex-basis: 400px;
}

.header_desktop_categories_ul > li > div div:first-child ul {
    padding: 5px;
    /* flex-grow: 1; */
    min-width: 200px;
}

.header_desktop_categories_ul > li > div div:first-child ul li {
    display: block;
}

.header_desktop_categories_ul > li > div div:first-child ul li:first-child {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.header_desktop_categories_ul > li > div div:first-child ul li a {
    display: block;
    font-size: 1.1em;
    color: var(--color-text-two);
    font-weight: 400;
    text-decoration: none;
    padding: 5px;
}

.header_desktop_categories_ul > li > div div:first-child ul li:first-child > a {
    font-size: 1.2em;
    color: var(--color-text-two);
    font-weight: bold;
    text-transform: uppercase;
}

.header_desktop_categories_ul > li > div div:first-child ul li a:hover {
    background-color: var(--color-background-four);
    color: var(--color-text-four);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

/* CAROUSEL */
.carousel {
    overflow: hidden;
}

.carousel .content {
    width: 100%;
    max-width: 100%;
}

.carousel:hover .owl-theme .owl-nav .owl-prev {
    left: 0;
}

.carousel:hover .owl-theme .owl-nav .owl-next {
    right: 0;
}

.carousel .owl-theme .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -30px;
}

.carousel .owl-theme .owl-nav .owl-prev, .carousel .owl-theme .owl-nav .owl-next {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    position: absolute;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 0;
    transition: background-color 0.2s ease-in-out;
}

.carousel .owl-theme .owl-nav .owl-prev {
    left: -60px;
    transition: left 0.2s ease-in-out;
}

.carousel .owl-theme .owl-nav .owl-next {
    right: -60px;
    transition: right 0.2s ease-in-out;
}

.carousel .owl-theme .owl-nav .owl-prev:hover, .carousel .owl-theme .owl-nav .owl-next:hover {
    background-color: rgba(0, 0, 0, 0.9);
}

.carousel .owl-theme .owl-nav .owl-prev i, .carousel .owl-theme .owl-nav .owl-next i {
    font-size: 1.2em;
}

.carousel .owl-theme .owl-dots {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.carousel .owl-theme .owl-dots .owl-dot span {
    margin-top: 0;
    margin-bottom: 0;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3);
}

/*SLIDES TEXT + BUTTONS*/
.slide-text {
    position: absolute;
    top: 90px;
    left: 19%;
    text-transform: uppercase
}

.slide-text h1 {
    color: var(--color-background-one);
    font-size: 2em;
    font-weight: 800;
    padding: 0;
    margin: 0
}

.slide-text p {
    color: var(--color-background-three);
    font-size: 0.875em;
    margin-bottom: 10px;
}

.slide-text .slide-buttons a {
    color: var(--color-text-two);
    background: var(--color-background-two);
    border-radius: 8px !important;
    font-size: 0.785em;
    padding: 10px;
    float: left;
    display: inline-block;
    margin-right: 10px;
    text-decoration: none;
    font-weight: bold;
}

/* QUALITY */
.quality {
    display: none;
    background-color: var(--color-background-one);
}

.quality .content {
    display: flex;
    justify-content: space-around;
    padding: 12px 0;
}

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

.quality_item img {
    width: 26px;
    margin-right: 3px;
}

.quality_item p {
    font-size: 0.95em;
     color: var(--color-text-three);
    font-weight: 00;
    text-transform: uppercase;
}

.quality_item p span {
    font-weight: bold;
}
.quality_item span[class~='fa']{
    color: var(--color-text-four) !important;
    margin-right: 5px;
}

/* OPTIONS */
.options .content {
    padding: 50px;
}

.options .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -40px;
}

.options .owl-nav .owl-prev, .options .owl-nav .owl-next {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    position: absolute;
    color: #cccccc;
    margin: 0;
    border-radius: 0;
}

.options .owl-nav .owl-prev:hover, .options .owl-nav .owl-next:hover {
    color: #999999;
    background-color: #eeeeee;
}

.options .owl-nav .owl-prev {
    left: -50px;
}

.options .owl-nav .owl-next {
    right: -50px;
}

.options .owl-nav .owl-prev i, .options .owl-nav .owl-next i {
    font-size: 1.2em;
}

.options article a {
    display: block;
    text-decoration: none;
    padding: 5px;
    text-align: center;
    opacity: 0.8;
    transition: transform 0.2s ease-in-out;
}

.options article a:hover {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.options article a img {
    margin-bottom: 10px;
    border: 3px solid #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.options article a:hover img {
    border-color: var(--color-background-one);
}

.options article a h2 {
    font-size: 0.7em;
    color: #777777;
    font-weight: bold;
    text-transform: uppercase;
}

/* PRODUCTS */
.products .content {
    padding: 80px 0;
}

/* products => item */
.products_item {
    background-color: var(--color-background-one);
    border: 1px solid var(--color-background-two) ;
    border-radius: 6px !important;
}

.products_item:hover .products_item_image img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

/* products => item => image */
.products_item_image {
    margin-bottom: 10px;
    position: relative;
    min-height: 445px;
    overflow: hidden;
    border-radius: 6px !important;
}

.products_item_image img {
    width: auto !important;
    height: 100%;
    max-width: 445px;
    position: absolute;
    right: -50%;
    left: -50%;
    margin: 0 auto;
    -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* products => item => image => new */
.products_item_image .new_product {
    width: 100px;
    height: 100px;
    line-height: 170px;
    position: absolute;
    top: -55px;
    left: -55px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.products_item_image .new_product p {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    background-color: var(--color-background-two);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.products_item_image .new_product p a {
    font-size: 0.8em;
    color: var(--color-background-one);
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
}

/* products => item => image => wishlist */
.products_item_image .actions_wishlist {
    right: 10px;
    bottom: 10px;
    -webkit-transition: bottom 0.4s ease-in-out;
    -moz-transition: bottom 0.4s ease-in-out;
    -ms-transition: bottom 0.4s ease-in-out;
    -o-transition: bottom 0.4s ease-in-out;
    transition: bottom 0.4s ease-in-out;
}

/* products => item => image => browsing history */
.browsing_history_remove {
    text-align: center;
    margin-bottom: 10px
}

.browsing_history_remove span {
    font-size: 0.8em;
    color: var(--color-text-four);
    font-weight: bold;
    background-color: var(--color-background-four);
    padding: 10px 16px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -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);
    -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -ms-transition: background-color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    cursor: pointer;
}

.browsing_history_remove span:hover {
    color: var(--color-text-two);
    background-color: var(--color-background-two);
}

/* products => item => image => close */
.products_item_image .products_close {
    -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: 30px;
    height: 30px;
    position: absolute;
    top: 6px;
    right: 6px;
    background-color: var(--color-background-four);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -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;
}

.products_item_image .products_close:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    background-color: #ff3e3e;
}

.products_item_image .products_close:hover > span {
    color: #fff;
}

.products_item_image .products_close span {
    font-size: 0.95em;
    color: var(--color-background-one);
    cursor: pointer;
}

/* products => item => image => discount */
.products_item_image .discount_product {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 10px;
    right: 10px; /* border: 2px solid rgb(30 77 163); */
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.browsing_history .products_item_image .discount_product, .wishlist .products_item_image .discount_product, .combo .products_item_image .discount_product {
    left: 10px;
}

.product_image .discount_product p a,
.products_item_image .discount_product p a {
    display: flex;
    font-size: 0.85em;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    background: #c00415;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.15);

}
.product_image .discount_product p a i,
.products_item_image .discount_product p a i {
    font-size: 50px;
    color: #c00415;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-top: -27px;
    margin-left: -25px;
    -webkit-animation-duration: 1500ms;
    -moz-animation-duration: 1500ms;
    -o-animation-duration: 1500ms;
    animation-duration: 1500ms;
}

/* products => item => image => actions */
.products_item_image .action_purchase, .products_item_image .action_view, .products_item_image .action_wishlist {
    width: 60px;
    height: 60px;
    position: absolute;
    right: -60px;
}

.products_item_image .action_purchase {
    bottom: 180px;
    transition: right 0.2s ease-in-out;
}

.products_item_image .action_view {
    bottom: 120px;
    transition: right 0.3s ease-in-out;
}

.products_item_image .action_wishlist {
    bottom: 60px;
    transition: right 0.4s ease-in-out;
}

.products_item:hover .products_item_image .action_purchase, .products_item:hover .products_item_image .action_view, .products_item:hover .products_item_image .action_wishlist {
    right: 0;
    opacity: 1;
}

.products_item_image .action_purchase a,
.products_item_image .action_view a,
.products_item_image .action_wishlist a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 1.1em;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #999;
    transition: background-color 0.3s ease-in-out, border-top-color 0.3s ease-in-out;
}

.products_item_image .action_purchase a {
    border-bottom: 1px solid #888;
}

.products_item_image .action_wishlist a {
    border-top: 1px solid #888;
}

.products_item_image .action_wishlist a.active,
.products_item_image .action_wishlist a.active:hover {
    background-color: #d94452;
    border-top-color: #d94452;
}

.products_item_image .action_purchase > a:hover,
.products_item_image .action_view > a:hover,
.products_item_image .action_wishlist > a:hover {
    color: var(--color-text-two);
    background-color: var(--color-background-two);
}

.products_item_image .action_purchase a i,
.products_item_image .action_view a i,
.products_item_image .action_wishlist a i {
    font-size: 1.8em;
}

/* products => item => title */
.products_item_title {
    padding: 0 15px;
    margin-bottom: 10px;
    line-height: 22px;
}

.products_item_title a {
    font-size: 0.65em;
    line-height: 0.6em;
    color: var(--color-text-three);
    font-weight: bold;
    text-decoration: none;
}

/*products => item => price*/
.products_item_price {
    padding: 0 15px 15px 15px;
}

.products_item_price a {
    font-size: 1.5em;
    color: var(--color-background-two);
    font-weight: bold;
    text-decoration: none;
}

.products_item_price a .old_price {
    color: #bfbfbf;
    text-decoration: line-through;
}

.products_item_price a .installment {
    display: block;
    font-size: 0.8em;
    color: #333333;
    font-weight: 300;
    margin-top: 10px;
}

/* products => carousel */
.products .owl-nav {
    width: 100%;
    position: absolute;
    top: 35%;
}

.products .owl-nav .owl-prev, .products .owl-nav .owl-next {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    position: absolute;
    font-size: 2em;
    color: var(--color-text-two);
    background-color: var(--color-background-two);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -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;
    -ms-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;
    border-radius: 4px 0 0 4px
}

.products .owl-nav .owl-next {
    right: 0;
    border-radius: 0 4px 4px 0;
}

.products .owl-nav .owl-prev:hover, .products .owl-nav .owl-next:hover {
    background-color: var(--color-background-three);
    color: var(--color-text-two);
    -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;
    -ms-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 => paginator*/
.products .paginator {
    margin-top: 40px;
}

.products .paginator a, .products .paginator span {
    font-size: 0.8em;
    color: var(--color-background-one);
    font-weight: bold;
    text-shadow: none;
    background-color: transparent;
    border: 1px solid var(--color-background-one);
}

.products .paginator a:hover, .products .paginator span.active {
    cursor: pointer;
    background-color: transparent;
    color: var(--color-background-three);
    border-color: var(--color-background-three);
}

/* products => modal */
.products_modal {
    -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: 100vw;
    height: calc(100vh - 96px);
    position: fixed;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 998;
}

.products_modal_content {
    display: none;
    width: 90%;
    height: 90%;
    position: relative;
    background-color: #ffffff;
}

.products_modal_content .product {
    max-height: calc(100% - 45px);
    overflow-y: auto;
    border-top: 10px solid #ffffff;
    border-bottom: 10px solid #ffffff;
}

.products_modal_content .product::-webkit-scrollbar {
    width: 5px;
    background-color: #ffffff;
}

.products_modal_content .product::-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;
}

.products_modal_content .product .content {
    width: 95%;
    padding: 0;
}

.products_modal_content_close.modal_pdt_mobile {
    background-color: var(--color-background-one);
    padding: 10px;
    text-align: center;
}

.products_modal_content_close.modal_pdt_mobile span {
    display: inline-block;
    font-size: 0.8em;
    color: var(--color-background-one);
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #ffffff;
    padding: 5px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.products_modal_content_close.modal_pdt_mobile span:hover {
    cursor: pointer;
}

.products_modal_content_close.modal_pdt_desktop {
    display: none;
    -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: 40px;
    height: 40px;
    position: absolute;
    top: -20px;
    left: -20px;
    background-color: var(--color-background-four);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -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;
}

.products_modal_content_close.modal_pdt_desktop:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    cursor: pointer;
}

.products_modal_content_close.modal_pdt_desktop i {
    font-size: 1.1em;
    color: var(--color-text-two);

}

/* BANNERS */
.banners h1 {
    position: absolute;
    top: -9999px;
    left: -9999px;
    text-indent: -9999px;
}

.banners_item {

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -webkit-transition: transform 0.1s ease-in-out;
    -moz-transition: transform 0.1s ease-in-out;
    -ms-transition: transform 0.1s ease-in-out;
    -o-transition: transform 0.1s ease-in-out;
    transition: transform 0.1s ease-in-out;
}

.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_item img {
    width: 100%;
}

/* CATEGORIES */
.categories {
    overflow-x: hidden;
}

.categories .content {
    padding: 50px 0;
}

.categories .heading {
    margin-bottom: 15px;
}

.categories .heading h1 {
    font-size: 1.5em;
    text-align: left;
    text-transform: initial;
    padding-bottom: 10px;
    border-bottom: 1px dotted #dddddd;
}

.categories .heading h1:before {
    display: none;
}

.categories .heading h1 span {
    font-size: 0.9em;
    color: #444444;
    font-weight: 800;
}

/* PRODUCT */
.product .content {
    padding: 30px 0;
}

/* product => images */
.product_image {
    position: relative;
    margin-bottom: 10px;
}

.product_image_focus {
    margin-bottom: 5px;
}

.product_image_focus .zoomImg{
    cursor: zoom-in;
}

.product_image_gallery {
    max-width: 100%;
    max-height: 100%;
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 5px;
}

.product_image_gallery img {
    display: inline-block;
    width: 60px;
    margin-right: 5px;
}

.product_image_gallery img:hover {
    cursor: pointer;
}

.product_image_gallery img:last-child {
    margin-right: 0;
}

.product_image_gallery img.active {
    border: 2px solid var(--color-background-one);
}

/* product => images => wishlist */
.product_image .actions_wishlist {
    top: 10px;
    left: 10px;
    width: auto;
}
.product_image .actions_wishlist .pdt_discount{
    background-color: red; color: #fff; text-shadow: 2px 2px rgba(0,0,0,0.2);
    padding: 8px 12px;
    font-size: 1.5rem;
    border-radius: 10px;
    margin-left: 10px;
    font-weight: bold;
    text-align: justify;
}

/* product => info */
.product_info {
    padding-top: 10px;
}

/* product => info => heading */
.product_info_heading {
    margin-bottom: 10px;
    line-height: 25px;
}

.product_info_heading h1 {
    font-size: 1.2em;
    color: var(--color-text-two);
    font-weight: 700 !important;
}

.product_info_description h2 {
    font-size: 1em;
    color: #333333;
    font-weight: 400;
    margin-bottom: 10px;
}

/* product => info => rating */
.product_info_rating {
    margin-bottom: 20px;
}

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

/* product => info => countdown */
.product_info .countdown {
    max-width: 300px;
    padding-bottom: 0;
    margin-bottom: 20px;
}

.product_info .countdown_wrapper {
    position: initial;
}

/* product => info => price */
.product_info_price {
    margin-bottom: 15px;
}

.product_info_price .old_price {
    font-size: 1.2em;
    color: #333333;
    margin-bottom: 5px;
}

.product_info_price .old_price span:first-child {
    font-weight: 600;
    text-decoration: line-through;
}
.product_info_price .old_price span.pdt_discount {
    background-color: red;
    color: #fff;
    padding: 5px 8px 5px 25px;
    margin-left: 10px;
    border-radius: 20px 6px 6px 20px;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.2), inset 0px 0px 5px rgba(0,0,0,0.2);
}
.product_info_price .old_price span.pdt_discount > i{
    color: #FFFFFF;
    font-size: 0.865em;
    text-shadow: -1px -1px 2px rgba(0,0,0,0.3);
    margin-left: -14px;
}

.product_info_price .price_heading {
    -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;
    line-height: 15px;
    margin-bottom: 8px;
}

.product_info_price .price_heading .by {
    font-size: 1em;
    color: #333333;
    text-transform: uppercase;
    margin-right: 5px;
}

.product_info_price .price_heading .by span {
    font-size: 1.375em;
    color: #333333;
    font-weight: bold;
}

.product_info_price .price_heading .price {
    font-size: 2.2em;
    margin-top: 10px;
    color: #333333;
    font-weight: 800;
}

.product_info_price p.discount {
    font-size: 0.75em;
    color: #333333;
    font-weight: 600;
    text-transform: uppercase;
}

/* product => description */
.product_footer .content {
    padding: 20px 0;
}

.htmlchars a {
    text-decoration: none;
    color: #0e8ad8;
}

.htmlchars a:hover, .htmlchars a:active, .htmlchars a:visited {
    text-decoration: none;
    color: #0e69b7;
}

.product_footer ul, .htmlchars ul {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    background-color: var(--color-background-four);
    padding: 10px;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
    border-radius: 6px;
}

.product_footer ul li, .htmlchars ul li {
    flex-grow: 1;
    margin: 0 3px;
    list-style: none
}

.product_footer ul li a, .htmlchars ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.8125em;
    color: var(--color-text-one);
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    background-color: transparent;
    padding: 10px 0;
    border: 1px solid var(--color-text-one);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    transition: all ease .5s;
}
.product_footer ul li a::before, .htmlchars ul li a::before{
    margin-right: 6px;
}

.product_footer ul li a.wc_active, .htmlchars ul li a.wc_active {
    color: var(--color-text-two);
    background-color: var(--color-background-three);
    border: 1px solid var(--color-background-three);
}

.product_footer .product_footer_description { /*max-height: 100px;*/
    overflow-y: auto;
    padding-right: 10px;
}

.product_footer pre, .htmlchars pre {
    font-size: 1em !important;
    padding: 10px;
    background: #fbf0f0;
    font-family: 'Source Code Pro', serif;
}

.product_footer img, .htmlchars img {
    max-width: 100% !important;
}

.product_footer h3, .htmlchars h3 {
    font-size: 1.4em;
    font-weight: 700;
    margin: 20px 0 10px 0
}

.product_footer h4, .htmlchars h4 {
    font-size: 1.3em;
    font-weight: 500;
    margin: 20px 0 10px 0
}

.product_footer h5, .htmlchars h5 {
    font-size: 1.1em;
    font-weight: 400;
    line-height: 22px;
    padding: 0 0 0 5px;
    margin: 10px 0 0 10px;
}

.product_footer h5:before, .htmlchars h5:before {
    content: '\2713';
    font-size: 1.1em;
    color: #84d884;
    margin-right: 4px;
    font-weight: 600;
}

.product_footer h6, .htmlchars h6 {
    font-size: 1.25em;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    border-left: 2px solid var(--color-background-two);
    width: 100%;
    padding: 50px;
    margin: 0 auto;
    line-height: 30px;
}

.product_footer h6:before, .htmlchars h6:before {
    content: '" ';
    font-family: 'Montserrat';
    color: var(--color-background-two);
    font-size: 1.35em;
    font-weight: 600;
}

.product_footer h6:after, .htmlchars h6:after {
    content: ' "';
    font-family: 'Montserrat';
    color: var(--color-background-two);
    font-size: 1.35em;
    font-weight: 600;
}

.product_footer p, .htmlchars p {
    font-size: 1em !important;
    margin: 15px 0 0 0;
    font-weight: 400;
}

.product_footer iframe, .htmlchars iframe {
    width: 90%;
    height: 83vh;
}

.product_footer_description::-webkit-scrollbar {
    width: 10px;
    background-color: #ffffff;
}

.product_footer_description::-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;
}

.product_footer_description p {
    font-size: 0.875em;
    color: #222222;
    line-height: 25px;
}

.product_footer_description p:not(:last-child), .htmlchars p:not(:last-child) {
    margin-bottom: 10px;
}

.product_footer_description p span {
    display: block;
    color: #111111;
    font-weight: 600;
}

.product_footer_reviews textarea {
    resize: none;
}

.product_footer_reviews select {
    background-size: auto 60%;
}

/* WISHLIST */
.wishlist .content {
    padding: 50px 0;
}

.wishlist .heading {
    margin-bottom: 15px;
}

.wishlist .heading h1 {
    font-size: 1.5em;
    text-align: left;
    text-transform: initial;
    padding-bottom: 10px;
    border-bottom: 1px dotted #dddddd;
}

.wishlist .heading h1:before {
    display: none;
}

.wishlist .heading h1 span {
    font-size: 0.9em;
    color: #444444;
    font-weight: 800;
}

.wishlist .products .products_item .products_item_image .actions_wishlist {
    width: 40px;
    height: 40px;
    top: 5px;
    right: 5px;
    background-color: #f1f1f1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -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;
}

.wishlist .products .products_item .products_item_image .actions_wishlist:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.wishlist .products .products_item .products_item_image .actions_wishlist span {
    font-size: 1.1em;
    color: var(--color-background-one);
}

/* COMBO */
.combo .content {
    padding: 50px 0;
}

/* combo => purchase */
.combo_purchase {
    padding: 10px;
    margin: 10px 0;
    text-align: center;
    background-color: #f9f9f9;
}

.combo_purchase_title {
    font-size: 1.5em;
    color: #555555;
    font-weight: 300;
}

.combo_purchase_title span {
    color: var(--color-color-three);
    font-weight: bold;
}

.combo_purchase_price {
    font-size: 1.5em;
    color: var(--color-color-three);
    font-weight: bold;
}

.combo_purchase_price span {
    font-size: 0.8em;
    color: #555555;
    font-weight: 300;
}

.combo_purchase_button {
    font-size: 0.9em;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 20px;
    background-color: var(--color-background-three-opacity);
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -ms-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
    outline: none;
}

.combo_purchase_button:hover {
    background-color: var(--color-background-three);
    cursor: pointer;
}

.combo_purchase_button i {
    margin-right: 5px;
}

/* combo => restore */
.combo_restore {
    display: none;
    text-align: center;
    margin-bottom: 10px
}

.combo_restore span {
    display: inline-block;
    font-size: 0.7em;
    color: #666666;
    font-weight: bold;
    background-color: #eeeeee;
    padding: 7px 12px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -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);
    -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -ms-transition: background-color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    cursor: pointer;
}

.combo_restore span:hover {
    color: #ffffff;
    background-color: var(--color-background-one);
}

/* combo => auto height */
.combo .auto_height {
    margin-bottom: 20px;
}

/* combo => attributes */
.combo_cart_add {
    padding: 20px 15px;
    background-color: #f9f9f9;
}

.combo_cart_add .color_content {
    margin-bottom: 10px;
}

.combo_cart_add .color_content p {
    font-size: 0.9375em;
    color: #000000;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.combo_cart_add .color_content p span {
    font-weight: bold;
}

.combo_cart_add .color_content.has_relatives a {
    display: inline-block;
    width: 35px;
    height: 35px;
    position: relative;
    text-align: center;
    cursor: pointer;
    -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);
}

.combo_cart_add .color_content.has_relatives a input {
    display: none;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    cursor: pointer;
}

.combo_cart_add .color_content.has_relatives a .selected_color {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.combo_cart_add .color_content.has_relatives a .selected_color i {
    font-size: 1.5em;
    color: #ffffff;
    -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -moz-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -ms-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -o-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.combo_cart_add .color_content.has_relatives a.active .selected_color {
    -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;
}

.combo_cart_add .color_content.no_relatives .boxing_loading {
    display: none;
}

.combo_cart_add .color_content.no_relatives .boxing_loading label {
    display: inline-block;
    width: 35px;
    height: 35px;
    position: relative;
    text-align: center;
    cursor: pointer;
    -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);
}

.combo_cart_add .color_content.no_relatives .boxing_loading label input {
    display: none;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    cursor: pointer;
}

.combo_cart_add .color_content.no_relatives .boxing_loading label .selected_color {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.combo_cart_add .color_content.no_relatives .boxing_loading label .selected_color i {
    font-size: 1.5em;
    color: #ffffff;
    -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -moz-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -ms-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -o-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.combo_cart_add .color_content.no_relatives .boxing_loading label.active .selected_color {
    -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;
}

.combo_cart_add .print_content {
    margin-bottom: 10px;
}

.combo_cart_add .print_content p {
    font-size: 0.9375em;
    color: #000000;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.combo_cart_add .print_content p span {
    font-weight: bold;
}

.combo_cart_add .print_content.has_relatives a {
    display: inline-block;
    width: 35px;
    height: 35px;
    position: relative;
    text-align: center;
    cursor: pointer;
    -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);
}

.combo_cart_add .print_content.has_relatives a input {
    display: none;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    cursor: pointer;
}

.combo_cart_add .print_content.has_relatives a .selected_print {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.combo_cart_add .print_content.has_relatives a .selected_print i {
    font-size: 1.5em;
    color: #ffffff;
    -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -moz-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -ms-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -o-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.combo_cart_add .print_content.has_relatives a.active .selected_print {
    -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;
}

.combo_cart_add .print_content.no_relatives .boxing_loading {
    display: none;
}

.combo_cart_add .print_content.no_relatives .boxing_loading label {
    display: inline-block;
    width: 35px;
    height: 35px;
    position: relative;
    text-align: center;
    cursor: pointer;
    -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);
}

.combo_cart_add .print_content.no_relatives .boxing_loading label input {
    display: none;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    cursor: pointer;
}

.combo_cart_add .print_content.no_relatives .boxing_loading label .selected_print {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.combo_cart_add .print_content.no_relatives .boxing_loading label .selected_print i {
    font-size: 1.5em;
    color: #ffffff;
    -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -moz-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -ms-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -o-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.combo_cart_add .print_content.no_relatives .boxing_loading label.active .selected_print {
    -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;
}

.combo_cart_add .size_content .boxing_loading {
    display: none;
}

.combo_cart_add .size_content .boxing_loading p {
    font-size: 0.9375em;
    color: #000000;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.combo_cart_add .size_content .boxing_loading p span {
    font-weight: bold;
}

.combo_cart_add .size_content .boxing_loading label {
    display: inline-block;
    position: relative;
    color: #333333;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    padding: 5px 15px;
    margin-bottom: 3px;
    border: 1px solid #e6e6e6;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.combo_cart_add .size_content .boxing_loading label.active {
    color: var(--color-text-one);
    background-color: var(--color-background-one);
}

.combo_cart_add .size_content .boxing_loading label input {
    display: none;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    cursor: pointer;
}

.combo_cart_add .size_content .boxing_loading label span {
    display: none;
    -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: 15px;
    height: 15px;
    position: absolute;
    bottom: -7.5px;
    right: 0;
    background-color: var(--color-background-three);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.combo_cart_add .size_content .boxing_loading label span i {
    color: var(--color-text-three);
    font-size: 0.5em;
}

.combo_cart_add .size_content .boxing_loading label.active span {
    -webkit-display: -webkit-box;
    -webkit-display: -webkit-flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.combo_cart_add .size_content .image_loading.invisible {
    display: none;
}

/* PAGES */
.page_content h1 {
    margin-top: 30px;
    color: #222222;
}

/* 404 */
.not_found {
    text-align: center;
    background-color: #f5f5f6;
}

.not_found .content {
    padding: 50px 0 20px 0;
}

.not_found_icon {
    font-size: 4.6875em;
    color: var(--color-background-one);
    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 .content img {
    display: block;
    margin: 0 auto;
}

.not_found .tagline {
    display: block;
    font-size: 1.5em;
    color: var(--color-text-three);
    font-weight: 400;
    margin-bottom: 20px;
}

/* NEWSLETTER */
.alert_newsletter {
    text-align: center;
    padding: 0;
    margin-top: 5px;
    overflow-x: hidden;
}

.alert_newsletter_content {
    display: inline-block;
    width: 300px;
    max-width: 100%;
    font-size: 0.8em;
    color: var(--color-text-three);
    font-weight: 600;
    text-align: center;
    padding: 5px;
    margin-right: -310px;
    background-color: var(--color-background-three);
    -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.error {
    background-color: #f45563;
}

.newsletter {
    background-color: var(--color-background-one);
    text-align: center;
}

.newsletter .content {
    padding: 15px 0;
}

.newsletter h1 {
    position: absolute;
    top: -9999px;
    left: -9999px;
    text-indent: -9999px;
}

.newsletter_title {
    margin-bottom: 15px;
}
.newsletter_title_content {
    margin-top: -8px !important;
    padding: 0;
}
.newsletter_title_content i {
    font-size: 2em;
    color: #ffffff;
    margin-bottom: 10px;
    position: relative;
    top: 10px;
}

.newsletter_title_content p {
    font-size: 0.92em;
    color: #ffffff;
    font-weight: bold;
    line-height: 20px;
}

.newsletter_title_content p span {
    font-size: 0.9em;
    font-weight: normal;
}

.newsletter_area_form form {
    max-width: 500px;
    margin: 0 auto;
}

.newsletter_area_form form input {
    height: 40px;
    border: 1px solid var(--color-background-three-opacity) !important;
}

.newsletter_area_form form button {
    height: 40px;
    border: none;
    background-color:var(--color-background-three);
    color: var(--color-background-one);
    padding: 0 15px;
}

.newsletter_area_form form button:hover {
    background-color: var(--color-background-four);
}

.newsletter_area_form form button > span{
    font-size: 1.6em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.newsletter_area_form form button > span img{
    width: 30px;
    margin-left: 5px;
}

/* FOOTER */
.footer {
    background-color: var(--color-background-four);
}

.footer .content {
    padding: 20px 0;
}

.footer header h1 {
    position: absolute;
    top: -9999px;
    left: -9999px;
    text-indent: -9999px;
}

/* footer => links */
.footer_links {
    height: 220px;
    padding: 0 20px;
    overflow-y: auto;
}

.footer_links::-webkit-scrollbar {
    width: 5px;
    background-color: #ffffff;
}

.footer_links::-webkit-scrollbar-thumb {
    background-color: var(--color-background-one);
}

.footer_links h1 {
    font-size: 1.1em;
    color: var(--color-text-four);
    font-weight: bold;
    margin-bottom: 20px;
}

.footer_links ul li {
    margin: 5px 0;
}

.footer_links ul li a {
    font-size: 0.925em;
    color: var(--color-text-three);
    text-decoration: none;
    transition: all ease .5s;
    cursor: pointer;
}

.footer_links ul li a:hover {
    color: var(--color-text-four);
    text-decoration: underline;
}

/* footer => contact */
.footer_contact_content {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
}

.footer_contact h1 {
    font-size: 1.1em;
    color: var(--color-background-three);
    font-weight: bold;
    margin-bottom: 5px;
}

.footer .footer_contact span {
    font-size: 0.925em;
    color: var(--color-text-four);
    font-weight: bold;
}

.footer_contact_whatsapp a {
    font-size: 1.5em;
    color: var(--color-text-three);
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 10px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.footer_contact_whatsapp a:before {
    font-size: 1.3em;
    color: #25d366;
    margin-right: 10px;
}

.footer_contact_suport {
    margin: 10px 0;
    line-height: 15px;
}

.footer_contact_suport p {
    font-size: 0.925em;
    color: var(--color-text-three);
    font-weight: normal;
}

.footer_contact_suport p a {
    font-size: 1.1em;
    color: var(--color-text-four);
    font-weight: bold;
    text-decoration: none
}

.footer_contact_suport p a span {
    position: relative;
    top: 5px
}

/* footer => about */
.footer_about {
    vertical-align: bottom;
    padding: 0 20px;
}

.footer_about_company {
    margin-bottom: 20px;
}

.footer_about_company a {
    display: inline-block;
    margin-bottom: 20px;
}

.footer_about_company p {
    font-size: 0.8725em;
    color: var(--color-text-three);
    margin-bottom: 10px;
    text-align: justify;
}

.footer_about_company span {
    font-size: 0.8725em;
    color: var(--color-text-three);
    font-weight: bold;
}

/* footer => about => social */
.footer_about_social {
    display: flex;
}

.footer_about_social a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 80px;
    height: 40px;
    text-decoration: none;
    margin-right: 5px;
    background-color: var(--color-background-two);
    -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;
}

.footer_about_social a span {
    font-size: 1.5em;
    color: var(--color-text-two);
}

.footer_about_social a:hover {
    background-color: var(--color-background-three);
     -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;
}

.footer_about_social a:hover span {
    color: var(--color-text-two);
}

/* footer => payments and security */
.footer_payments_and_security_content {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
}

.footer_payments_and_security_content article:not(:last-child) {
    margin-bottom: 20px;
}

.footer_payments_and_security_content h1 {
    font-size: 1em;
    color: var(--color-background-three);
    font-weight: bold;
    margin-bottom: 15px;
}
.footer_payments_and_security_content .security a {
    text-decoration: none;
    margin-right: 5px
}

/* footer => copy */
.footer_copy {
    text-align: center;
    background-color: #ffffff;
    padding-bottom: 80px;
}

.footer_copy p {
    font-size: 0.7em;
    color: #696969;
}

/*
BLOG
 */
section {
    padding: 0;
    height: auto;
    overflow: hidden;
}

.container.blog-breadcrumps {
    background-color: var(--color-background-three);
    line-height: 50px;
}

.container.blog-breadcrumps a {
    color: var(--color-text-two);
    text-decoration: none;
    transition: all .4s
}

.container.blog-breadcrumps a:hover {
    color: var(--color-text-one);
    text-decoration: none
}

.container.blog-breadcrumps header {
    font-size: 1.2em;
}
.container.blog-breadcrumps header > i {
    color: var(--color-background-two);
}

/* BLOG ARTICLES */
.blog-categories .blog-articles {
    display: inline-block;
    width: 70%;
    padding-top: 30px;
    padding-right: 30px;
    float: left;
}

.single_blog .heading {
    margin-bottom: 0px !important;
    text-align: left;
}

.blog-categories .blog-sidebar {
    display: inline-block;
    width: 28%;
    padding-top: 30px
}

.position-relative {
    position: relative !important;
}

.blog-categories .blog-sidebar .search input {
    color: var(--color-text-one);
    border: 1px solid var(--color-background-four);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 0.975em;
}

.blog-categories .blog-sidebar .search input::placeholder {
    color: var(--color-text-four);
}

.blog-categories .blog-sidebar .search button {
    position: absolute;
    top: -2px;
    right: 0;
    z-index: 2;
    background-color: var(--color-background-four);
    color: var(--color-text-two);
    font-size: 1.1em;
    transition: background-color ease-in-out .4s;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
    height: 41px;
    width: 48px
}

.blog-categories .blog-sidebar .search button:hover {
    background-color: var(--color-background-three);
}

.margin-20px-bottom {
    margin-bottom: 20px !important;
}

.text-small {
    font-size: 0.785em !important;
}

.blog-categories .blog-sidebar .panel {
    margin-bottom: 40px;
}

.blog-categories .blog-sidebar .panel .aside-title {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 600;
}

.blog-categories .blog-sidebar .panel .aside-title:after {
    content: "";
    display: inline-block;
    width: 100%;
    background: var(--color-background-two);
    height: 1px;
    top: 50%;
    position: absolute;
}

.blog-categories .blog-sidebar .panel .aside-title span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    color: var(--color-text-one);
}

.blog-categories .blog-sidebar .panel p {
     color: var(--color-text-one);
    font-size: 0.925em;
}

.blog-categories .blog-sidebar .social-icon {
    text-align: center;
}

.blog-categories .blog-sidebar .social-icon ul li {
    display: inline;
}

.blog-categories .blog-sidebar .social-icon ul li a {
    padding: 3px 8px;
    margin: 0 5px;
    color: var(--color-background-two);
    font-size: 1.5em;
}

.blog-categories .blog-sidebar .social-icon ul li a:hover {
    color: var(--color-background-three);
}

.blog-categories .blog-sidebar .list-cats li {
    padding: 10px 2px;
    border-bottom: 1px dashed #cccccc;
}

.blog-categories .blog-sidebar .list-cats a {
    color: var(--color-text-one);
    text-decoration: none;
    font-size: 0.9em;
    padding: 10px 2px;
}

.blog-categories .blog-sidebar .list-cats a:hover {
    color: var(--color-text-four);
}

.blog-categories .blog-sidebar .list-cats a i {
    color: var(--color-background-two);
}

/* latest post */
.latest-post {
    list-style: none;
    padding: 0;
    margin: 0;
}

.latest-post li {
    display: table;
    padding: 15px 0;
    border-bottom: 1px dashed #cccccc
}

.latest-post li:first-child {
    padding-top: 0
}

.latest-post li:last-child {
    border-bottom: none
}

.latest-post li figure {
    width: 30%;
    height: auto;
    display: inline-block;
    float: left;
}

.latest-post li figure:hover {
    border: 2px solid var(--color-background-two)
}

.latest-post li div {
    width: 70%;
    overflow: hidden;
    line-height: normal;
    padding-left: 10px;
    display: inline-block;
}

.latest-post li div a h6 {
    font-size: 0.85em;
    text-transform: uppercase;
    margin-bottom: 4px
}

.latest-post li div a {
    text-decoration: none;
    color: var(--color-text-one) !important;
}

.latest-post li div a:hover {
    color: var(--color-text-four) !important;
}

.latest-post li figure:hover img, .latest-post li figure:focus img {
    transform: none;
}

.width-100 {
    width: 100% !important;
    display: block
}
.single_blog .breadcrumb {
    margin-bottom: 10px;
}
.single_blog .breadcrumb span {
    color: var(--color-background-two)
}

.single_blog .breadcrumb a:hover {
    color: var(--color-background-three) !important;
}

.single_blog .post_wrap .embed-container iframe {
    width: 100%;
    height: auto;
    border: none;
}

.single_blog .post_wrap h2 {
    margin-top: 15px;
    color: var(--color-text-four);
    font-size: 1.2em;
    font-weight: 600;

}

.single_blog .post_wrap .postby {
    margin: 10px 3px
}

.single_blog .post_wrap .postby span {
    color: var(--color-background-two);
    margin-left: 8px !important;
}

.single_blog .post_wrap .postby b {
    font-weight: 400
}

.blog_tags {
    background: #ffffff;
    padding: 10px;
}

.blog_tags a {
    display: inline-block;
    border: 1px solid #cccccc;
    padding: 6px 10px;
    margin: 3px;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--color-text-one);
    transition: ease-in-out .4s;
    border-radius: 6px
}

.blog_tags a:hover {
    background: var(--color-background-three);
    color: #ffffff;
    border-radius: 4px;
}

.single_blog .blog_author {
    padding: 20px;
    color: var(--color-text-one);
    background: #f1f1f1;
    border-radius: 4px
}

.single_blog .blog_author h5{
    font-size: 1em;
    margin-bottom: 5px
}

.single_blog .blog_author div:first-child {
    width: 30%;
    display: inline-block;
}

.single_blog .img-circle {
    border: 2px inset  var(--color-background-two);
    border-radius: 50%;
    max-width: 150px;
}

.single_blog .blog_author div:last-child {
    width: 69%;
    display: inline-block;
}

.single_blog .blog_author p {
    font-size: 0.875em;
    margin-bottom: 20px;
}

.single_blog .blog_author a {
    font-size: 0.75em;
    border: 1px solid var(--color-text-four);
    border-radius: 6px;
    padding: 10px 15px;
    margin-top: 20px !important;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--color-text-one);
    transition: all .4s;
}

.single_blog .blog_author a:hover {
    background-color: var(--color-background-two);
    color: var(--color-text-three);
}

.blog-categories .blog-articles h1 {
    text-align: left !important;
    font-weight: 600;
    font-size: 1.3em;
    color: var(--color-text-three)
}
.blog-categories .blog-articles .title-hidden {
    font-size: 0;
    line-height: 1px;
    color: transparent;
}

.posts_related h5 {
    color: var(--color-background-two);
    text-transform: uppercase;
    font-weight: 600;
}

.blog_post .post_details span {
    font-size: 0.8em;
}

.blog_post .post_details a {
    text-decoration: none;
    color: var(--color-text-one);
}

.blog_post .post_details a:hover {
    text-decoration: none;
    color: var(--color-text-four);
}

.blog_post .post_details .post_title {
    font-size: 1em !important;
    text-transform: uppercase;
    margin: 5px 0;
}

.blog_post .post_details p {
    margin-top: 10px;
    font-size: 0.95em;
    color: #777777;
}

.quality_item span[class~='fa'] {
    color: var(--color-background-two) !important;
    margin-right: 5px;
}

.has-monochromacy {
    -webkit-filter: url(#has-monochromacy);
    -moz-filter: url(#has-monochromacy);
    -ms-filter: url(#has-monochromacy);
    -o-filter: url(#has-monochromacy);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='has-monochromacy'><feColorMatrix type='matrix' values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 1 0'/></filter></svg>#has-monochromacy");
}

/*Hacks CSS*/
_:-ms-lang(x), .products_item_title {
    line-height: 27px;
}

_:-ms-lang(x), .products_item_title a {
    font-size: 0.55em;
    color: #333333;
    line-height: 0;
}
/*#####*/
/* MEDIA QUERIES *//*400px*/


/* Menu fixo no rodapé para telas menores que 600px */
@media (max-width: 960px) {
    /* GERAL */
    body {
        padding-top: 0;
        padding-bottom: 60px;
    }

    body.is-at-top {
        padding-top: 60px;
        padding-bottom: 0;
    }

    /* HEADER */
    .header {
        position: fixed;
        bottom: 0;
        top: auto;
        left: 0;
        right: 0;
        width: 100%;
        margin: 0;
        z-index: 999;
        background-color: var(--color-background-one);
        box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.15);
        height: auto;
    }

    body.is-at-top .header {
        top: 0;
        bottom: auto;
    }

    /* header => mobile */

    .header_mobile {
        position: static;
        top: auto;
        right: auto;
        left: auto;
        box-shadow: none;
        display: block;
        width: 100%;
    }

    .header_mobile_wrap {
        display: block;
        z-index:99;
    }

    .header_mobile_logo {
        display: none !important;
    }

    body.is-at-top .header_mobile_logo {
        display: block !important;
    }

    /* header => mobile => nav */
    .header_mobile_nav {
        position: static !important;
        display: block !important;
        background-color: var(--color-background-two);
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0;
        border-top: 1px solid #e9e9e9;
    }

    .header_mobile_nav .content {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .header_mobile_nav ul {
        width: 100%;
        margin: 0;
        padding: 0;
        display: flex;
        list-style: none;
        height: 60px;
        align-items: center;
    }

    .header_mobile_nav ul li {
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex: 1;
    }

    .header_mobile_nav ul li:last-child {
        border-right: none;
    }

    .header_mobile_nav ul li a {

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        color: var(--color-background-one);
        text-decoration: none;
        font-size: 0.65em;
    }

    .header_mobile_nav ul li a.active {
        background-color: var(--color-background-two);
        color: var(--color-background-one);
    }

    .header_mobile_nav ul li a span {
        font-size: 1.5em;
        margin-bottom: 5px;
    }

    .header_mobile_nav ul li a span.header_mobile_text {
        font-size: 1em;
    }

    .header_mobile_nav ul li a span span {
        display: none;
    }

    .header_mobile_nav ul li a span span.active {
        display: none;
    }

    /* header => mobile => search */
    .header_mobile_search {
        display: none;
    }

    /* header => mobile => categories */
    .header_mobile_categories {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: calc(100% - 60px);
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 998;
        padding: 0;
        margin: 0;
        overflow: hidden;
        display: none !important;
        pointer-events: none;
    }

    .header_mobile_categories[style*="display: block"] {
        display: block !important;
        pointer-events: auto;
    }

    .header_mobile_categories .content {
        position: fixed;
        left: -400px;
        top: 0;
        transition: left 0.5s ease, opacity 0.5s ease;
        opacity: 0;
        padding: 0;
        background-color: #ffffff;
        height: calc(100% - 60px);
        width: 70%;
        overflow-y: auto;
        z-index: 1000;
        pointer-events: auto;
    }


    .header_mobile_categories .content.is-open {
        left: 0;
        opacity: 1;
    }


    .header_mobile_categories_ul {
        max-height: 100%;
        overflow-y: auto;
        background-color: #ffffff;
        border: none;
        border-radius: 0;
        margin: 0 !important;
        /* padding: 40px 0 0; */
    }

    .header_mobile_categories_ul li > div {
        position: relative;
        font-size: 0.85em;
        color: #555555;
        font-weight: 600;
        background-color: #fafafa;
        margin-bottom: 0;
        border: none;
        border-bottom: 1px solid #e9e9e9;
        box-shadow: none;
        padding: 0;
    }

    .header_mobile_categories_ul li > div:hover {
        background-color: #f1f1f1;
    }

    .header_mobile_categories_ul li > div div {
        width: 40px;
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--color-background-two);
    }

    .header_mobile_categories_ul li > div a {
        padding: 15px 10px 15px 50px;
    }

    .header_mobile_categories_ul li > aside {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 20px;
        background-color: var(--color-background-two);
    }
    .header_mobile_categories_ul li > aside div img{
        margin-right: 15px;
        border-radius: 50%;
        border: 1.5px solid var(--color-background-one);

    }
    .header_mobile_categories_ul li > aside div a.user{
        color: var(--color-background-one);
        text-decoration: none;
        font-weight: bold;
        font-size: 0.85em;
        margin-bottom: 4px;
    }
    .header_mobile_categories_ul li > aside .links a{
        color: var(--color-background-one);
        text-decoration: none;
        font-size: 0.75em;
    }

    .header_mobile_categories_ul li > aside .header_mobile_categories_close {
        position: absolute;
        top: 10px;
        right: 10px;
        border: 0;
        background: transparent;
        color: #000;
        font-size: 1.5em;
        cursor: pointer;
        z-index: 2;
    }
      .categories .content {
        padding: 110px 0;
    }
    /* header => desktop */
    .header_desktop {
        display: none !important;
    }

    .product .content {
        padding: 130px 0;
    }

    .products_wrap{
        width: 100%;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    /* CATEGORIES */
    .categories .products .products_item {
        width: 31%;
        margin: 1% 1% 1% 0;
    }
}

@media (max-width: 280px){
    body {
        padding-top: 25px;
    }
    .heading h1{
        font-size: 1.1em !important;
    }
    .breadcrumb{
        font-size: 0.8em
    }

    .carousel .slide-text {
        top: 80px;
        left: 5%
    }

    .carousel h1 {
        font-size: 1.1rem
    }

    /* PRODUCTS */
    .products_wrap {
        width: 85%;
        margin: 0 auto;
    }
    /* CATEGORIES */
    .categories .products .products_item {
        width: 98% !important;
        margin: 1%;
    }


}

@media (max-width: 25em){
    body {
        padding-top: 45px;
    }
    .carousel .slide-text {
        top: 80px;
        left: 5%
    }

    .carousel h1 {
        font-size: 1.1rem
    }

    /* PRODUCTS */
    .products_wrap {
        width: 95%;
        margin: 0 auto;
    }
    /* products => item => title */
    .products_item_title {
        padding: 0 15px;
        margin-bottom: 10px;
        line-height: 22px;
    }

    .products_item_title a {
        font-size: 0.65em;
        line-height: 0.6em;
        color: var(--color-text-three);
        font-weight: bold;
        text-decoration: none;
    }

    /* products => item => title */
    .products_item_title {
        padding: 0 15px;
        margin-bottom: 10px;
        line-height: 22px;
    }

    .products_item_title a {
        font-size: 0.45em;
        line-height: 0.4em;
    }

    .products_item_price a {
        font-size: 1.3em;
    }

    .products_item_price a .installment {
        font-size: 0.7em;
    }

}
@media (min-width: 25em) {
    body {
        padding-top: 55px;
    }


    .carousel .slide-text {
        top: 80px;
        left: 5%
    }

    .carousel h1 {
        font-size: 1.1rem
    }

    /* PRODUCTS */
    .products_wrap {
        width: 85%;
        margin: 0 auto;
    }

}

/*500px 31.25 * 16*/
@media (min-width: 31.25em) {


    .carousel .slide-text {
        top: 10px;
        left: 10%
    }

    .carousel h1 {
        font-size: 1.1rem
    }

    /* PRODUCTS */
    .products_wrap {
        width: 95%;
    }

    /* PRODUCT *//* product => images */
    .product_image {
        display: inline-block;
        width: 48%;
        margin: 1% 1% 2% 0;
        vertical-align: top;
        margin-bottom: 10px;
    }

    /* product => info */
    .product_info {
        display: inline-block;
        width: 49%;
        margin: 1% 0 1% 0;
        vertical-align: top;
    }

    /* product => description */
    .product_footer ul li {
        flex-grow: 0;
    }

    .product_footer ul li a {
        padding: 10px 20px;
    }

     /* CATEGORIES */
    .categories .products .products_item {
        width: 49%;
        margin: 1% 1% 1% 0;
    }
}

@media (max-width: 34em) {

    /* BLOG ARTICLES */
    .blog-categories .blog-articles {
        width: 100%;
        padding-top: 30px;
        padding-right: 0px;
    }

    .blog-categories .blog-sidebar {
        display: inline-block;
        width: 100%;
        padding-top: 30px
    }

    body {
        padding-top: 55px;
    }

    .carousel {
        margin-top: 50px;
    }

    .carousel .slide-text {
        top: 8%;
        left: 8%
    }

    .carousel h1 {
        font-size: 1.2rem
    }
    .categories .content {
        padding: 25px 0;
    }

    /* CATEGORIES */
    .categories .products .products_item {
        width: 47%;
        margin: 1%;
    }

}

/*544px and 768px*/
@media (min-width: 34.001em) and (max-width: 48em) {
    /* BLOG ARTICLES */
    .blog-categories .blog-articles {
        width: 100%;
        padding-top: 30px;
        padding-right: 0px;

    }

    .blog-categories .blog-sidebar {
        display: inline-block;
        width: 100%;
        padding-top: 30px
    }

    .box3 {
        width: 100%
    }

    .carousel {
        margin-top: 50px;
    }

    .carousel .slide-text {
        top: 35px
    }

    .carousel h1 {
        font-size: 1.25rem
    }

    .categories .content {
        padding: 0;
    }

    /* FOOTER *//* footer => links */
    .footer_links article {
        width: 100%;
        margin: 15px 0 15px 0 !important;
    }

    /* footer => contact */
    .footer_contact_whatsapp {
        font-size: 1.3em;
    }

    /* footer => social */
    .footer_about_social a i {
        width: 40px;
        height: 40px;
        font-size: 1.5em !important;
    }
}


/*550px*/
@media (min-width: 34.375em) {

    /* GERAL */
    body {
        padding-top: 0px;
        padding-bottom: 0;
    }

}

/*550px and 849px*/
@media (min-width: 34.375em) and (max-width: 53.0625em) {


    /* BLOG ARTICLES */
    .blog-categories .blog-articles {
        width: 100%;
        padding-top: 30px;
        padding-right: 0px;

    }

    .blog-categories .blog-sidebar {
        display: inline-block;
        width: 100%;
        padding-top: 30px
    }

    /*SLIDES*/
    .carousel {
        margin-top: 72px;
    }

    .carousel .slide-text {
        top: 10%;
        left: 14%
    }

    .carousel .slide-text h1 {
        font-size: 1.3rem
    }

    .carousel .slide-text p {
        font-size: 1rem
    }

    .categories .content {
        padding: 0;
    }

    /* CATEGORIES */
    .categories .products .products_item {
        width: 49%;
        margin: 1% 1% 1% 0;
    }

    .categories .products .products_item:nth-of-type(2n+0) {
        margin-right: 0;
    }

    /* WISHLIST */
    .wishlist .products .products_item {
        width: 49.5%;
        margin: 1% 1% 1% 0;
    }

    .wishlist .products .products_item:nth-of-type(2n+0) {
        margin-right: 0;
    }

    /* COMBO */
    .combo .products .products_item {
        width: 49.5%;
        margin: 1% 1% 1% 0;
    }

    .combo .products .products_item:nth-of-type(2n+0) {
        margin-right: 0;
    }
}

/*850px*/
@media (min-width: 53.125em) {
    /*SLIDES*/
    .carousel {
        margin-top: 72px;
    }

    /* PRODUCTS *//* products => carousel */
    .products .owl-nav {
        display: flex;
        justify-content: space-between;
        width: 125px;
        top: -37px;
        right: 0;
    }

    .products .owl-nav .owl-prev, .products .owl-nav .owl-next {
        flex-basis: 60px;
        height: 30px;
        position: initial;
        font-size: 1.25em;
    }

    /* WISHLIST */
    .wishlist .products .products_item {
        width: 32.6%;
        margin: 1% 1.1% 1% 0;
    }

    .wishlist .products .products_item:nth-of-type(3n+0) {
        margin-right: 0;
    }

    /* COMBO */
    .combo .products .products_item {
        width: 32.6%;
        margin: 1% 1.1% 1% 0;
    }

    .combo .products .products_item:nth-of-type(3n+0) {
        margin-right: 0;
    }

    /* BLOG ARTICLES */
    .blog-categories .blog-articles {
        display: inline-block;
        width: 70%;
        padding-top: 30px;
        padding-right: 30px;
        float: left;
    }

    .single_blog .heading {
        margin-bottom: 25px !important;
        text-align: left;
    }

    .blog-categories .blog-sidebar {
        display: inline-block;
        width: 28%;
        padding-top: 30px
    }
}

/*850px and 991px*/
@media (min-width: 53.125em) and (max-width: 61.9375em) {
    /*SLIDES*/
    .carousel {
        margin-top: 73px;
    }

    .carousel .slide-text {
        top: 20%;
        left: 14%
    }

    .carousel .slide-text h1 {
        font-size: 2rem
    }

    .carousel .slide-text p {
        font-size: 1.3rem
    }

    /* CATEGORIES */
    .categories .products .products_item {
        width: 32%;
        margin: 1% 1% 1% 0;
    }

    .categories .products .products_item:nth-of-type(3n+0) {
        margin-right: 0;
    }
}


/*992px*/
@media (min-width: 62em) {
    /*SLIDES*/
    .carousel {
        margin-top: 0px;
    }

    .carousel .slide-text {
        top: 20%;
        left: 14%
    }

    .carousel .slide-text h1 {
        font-size: 2rem
    }

    .carousel .slide-text p {
        font-size: 1.3rem
    }

    /* GERAL */
    body {
        padding-top: 0;
    }

    /* HEADER *//* header => mobile */
    .header_mobile {
        display: none;
    }

    /* header => desktop */
    .header_desktop {
        display: block;
    }

    /* QUALITY */
    .quality {
        display: block;
    }

    /* NEWSLETTER */
    .newsletter {
        background-image: -webkit-linear-gradient(45deg, var(--color-background-three) 0%, var(--color-background-two) 100%);
        background-image: -moz-linear-gradient(45deg, var(--color-background-three) 0%, var(--color-background-two) 100%);
        background-image: -ms-linear-gradient(45deg, var(--color-background-three) 0%, var(--color-background-two) 100%);
        background-image: -o-linear-gradient(45deg, var(--color-background-three) 0%, var(--color-background-two) 100%);
        background-image: linear-gradient(45deg, var(--color-background-three)0%, var(--color-background-two)100%);
        text-align: initial;
    }

    .newsletter .content {
        padding: 20px 40px;
    }

    .newsletter_title {
        display: inline-block;
        width: 44%;
        margin-bottom: 0;
        vertical-align: top;
    }

    .newsletter_title_content {
        -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-end;
    }

    .newsletter_title_content i {
        font-size: 3em;
        margin-right: 30px;
        margin-bottom: 0;
    }

    .newsletter_title_content p {
        font-size: 1.125em;
    }

    .newsletter_title_content p span {
        font-size: 0.77em;
    }

    .newsletter_area_form {
        display: inline-block;
        width: 55%;
        vertical-align: top;
    }

    .newsletter_area_form form input {
        height: 50px;
        border: 1px solid #d1d1d1;
    }

    .newsletter_area_form form button {
        height: 50px;
        border: 3px solid var(--color-background-three);
        background-color: var(--color-background-three);
        color: #ffffff;
        padding: 14px 20px;
    }

    .newsletter_area_form form button:hover {
        background-color: var(--color-background-two);
        border-color:var(--color-background-two);
        color: #ffffff;
    }

    /* PRODUCTS *//* products => modal */
    .products_modal {
        height: 100vh;
    }

    .products_modal_content .product {
        max-height: 100%;
    }

    .products_modal_content .product::-webkit-scrollbar {
        width: 10px;
    }

    .products_modal_content_close.modal_pdt_mobile {
        display: none;
    }

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

    /* PRODUCT *//* product => info */
    .product_info_heading h1 {
        font-size: 1.5em;
        font-weight: 300;
    }

    /* product => description */
    .product_footer_description {
        max-height: none;
        overflow-y: visible;
        padding-right: 0;
    }

    /* FORCE LOGIN */
    .force_login {
        height: 100vh;
        top: 0;
    }

    /* CATEGORIES */
    .categories .products {
        padding-left: 20px;
    }
    .products_wrap{
        width: 100%;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
    }
     /* CATEGORIES */
    .categories .products .products_item {
        width: 31%;
        margin: 1% 1% 1% 0;
    }
}

/*992px and 1099px*/
@media (min-width: 62em) and (max-width: 68.6875em) {
    /* HEADER */
    .header {
        margin-bottom: 0
    }

    /* CATEGORIES */
    .categories .products .products_item {
        width: 49%;
        margin: 1% 1% 1% 0;
    }

    .categories .products .products_item:nth-of-type(2n+0) {
        margin-right: 0;
    }
}

/*1100px*/
@media (min-width: 68.75em) {
    /* HEADERl */
    .header {
        margin-bottom: 0px
    }

    /* CATEGORIES */
    .categories .products .products_item {
        width: 31%;
        margin: 1% 1% 1% 0;
    }

    .categories .products .products_item:nth-of-type(3n+0) {
        margin-right: 0;
    }

    /* WISHLIST */
    .wishlist .products .products_item {
        width: 24.25% !important;
        margin: 1% 1% 1% 0 !important;
    }

    .wishlist .products .products_item:nth-of-type(4n+0) {
        margin-right: 0 !important;
    }

    /* COMBO */
    .combo .products .products_item {
        width: 24.25% !important;
        margin: 1% 1% 1% 0 !important;
    }

    .combo .products .products_item:nth-of-type(4n+0) {
        margin-right: 0 !important;
    }
}

/*1200px*/
@media (min-width: 75em) {

    .carousel .slide-text {
        top: 20% !important;
        left: 15%
    }

    .carousel h1 {
        font-size: 2.5rem !important;
    }

    .carousel p, .carousel .slide-buttons a {
        font-size: 1.5rem !important;
    }

    /* GERAL */
    .content {
        width: 90%;
    }

    /* PRODUCTS *//* products => modal */
    .products_modal_content .product .content {
        width: 90%;
    }

    /* PRODUCT *//* product => images */
    .product_image {
        width: calc(49% + 75px);
        margin: 1% 1% 1% 0;
    }

    /* product => info */
    .product_info {
        width: calc(49% - 75px);
        margin: 1% 0 1% 0;
    }

    /* product => images */
    .product_image {
        position: relative;
    }

    .product_image_focus {
        margin-bottom: 0;
        padding-right: 110px;
    }

    .product_image_gallery {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0 3px 0 0;
        border-right: 2px solid #ffffff;
        background-color: #ffffff;
    }

    .product_image_gallery img {
        display: block;
        width: 90px;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .product_image_gallery img:last-child {
        margin-bottom: 0;
    }
}

@media (min-width: 2200px) {
    .carousel .slide-text {
        top: 22% !important;
        left: 25%
    }

    .carousel h1 {
        font-size: 4rem !important;
    }

    .carousel p, .carousel .slide-buttons a {
        font-size: 2.5rem !important;
    }
}

.wc_box {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 301;
    display: none;
}

.mdp_variacoes {
    display: none;
}

.mdp_newslleter, .mdp_variacoes, .mdp_curriculo {
    display: none
}

.wc_box_modal {
    margin: auto;
    width: 700px;
    position: relative;
    z-index: 3010;
}

.wc_box_modal_title {
    padding: 20px;
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #0A537D;
    margin-bottom: 20px;
}

.wc_box_modal_content {
    padding: 30px;
    background: #fff;
    border-radius: 6px;
}

.wc_box_modal_close {
    position: absolute;
    right: -8px;
    top: -8px;
    font-size: 0.9em;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.80);
    cursor: pointer;
    z-index: 301000;
    padding: 8px 10px;
    background-color: #b40505;
    border-radius: 50%;
}

.wc_box_modal_close:hover {
    background-color: red;
}

.wc_box_modal_content form input, .wc_box_modal_content form select {
    margin-bottom: 20px;
    padding: 15px;
    font-size: 0.875rem;
}

.wc_modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 3999999;
    display: flex;
}

form.form_survey label {
    font-weight: 400;
    margin-bottom: 20px;
}
form.form_survey select {
    padding: 10px;
    margin-top: 10px;
    border-radius: 4px;
}


.mdp_variacao {
    display: flex;
    z-index: 3999999;
}