@import "fonts.css";
@import "theme.css";

/*
    Overrides
 */

:root {
    --container-max-width: 1760px;
    --primary-color: #D61016;
    --secondary-color: #737373;
    --main-bg: #EEEEEE;
    --main-text-color: #000000;
    --altura-header: 126px; /* Valor inicial */
}

/* Buttons */
.border_button1 {
    --this-text-color: #737373;
    --this-border-color: #737373;
    --this-bg-color: transparent;
    --this-text-color-hover: #ffffff;
    --this-border-color-hover: #D61016;
    --this-bg-color-hover: #D61016;
}
.border_button2 {
    --this-text-color: #FFFFFF;
    --this-border-color: #FFFFFF;
    --this-bg-color: transparent;
    --this-text-color-hover: #FFFFFF;
    --this-border-color-hover: #D61016;
    --this-bg-color-hover: #D61016;
}

.primary_button {
    --this-text-color: #ffffff;
    --this-border-color: #D61016;
    --this-bg-color: #D61016;
    --this-text-color-hover: #D61016;
    --this-border-color-hover: #EFEEE9;
    --this-bg-color-hover: #EFEEE9;
}

.product_button {
    --this-text-color: #ffffff;
    --this-border-color: #737373;
    --this-bg-color: #737373;
    --this-text-color-hover: #ffffff;
    --this-border-color-hover: #D61016;
    --this-bg-color-hover: #D61016;
}

.border_button1,
.border_button2,
.primary_button,
.product_button {
    display: inline-block;
    transition: .35s all 0s linear;
    color: var(--this-text-color);
    border-color: var(--this-border-color);
    border-width: 2px;
    border-style: solid;
    background-color: var(--this-bg-color);
    font-family: var(--font-family-special);
    padding: 1em 2.2em;
    font-size: 1rem;
    font-weight: 600;
    /*border-radius: 10px;*/
    min-width: 240px;
    box-sizing: border-box;
    text-align: center;
    text-transform: uppercase;
    outline: none;
}

.border_button1:hover,
.border_button2:hover,
.primary_button:hover,
.product_button:hover,
.border_button1:focus,
.border_button2:focus,
.primary_button:focus,
.product_button:focus {
    cursor: pointer;
    color: var(--this-text-color-hover) !important;
    border-color: var(--this-border-color-hover) !important;
    background-color: var(--this-bg-color-hover) !important;
}

.product_button {
    font-size: 16px;
    font-family: var(--font-family-special);
    text-transform: none;
    border-radius: 0;
    line-height: 1;
    height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
/**/ 

body, html {
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 500; 
    line-height: 1.4;
    color: var(--main-text-color);
}

#wrapper {
    padding: calc(var(--altura-header) + 1.5rem) 0 4rem 0;
    background: var(--main-bg);
    overflow: hidden;
}
#index #wrapper {
    padding: 0;
    background: #ffffff;
}

.container {
    padding: 0 30px;
}

.page-content.page-cms ul,
#custom-text .page-content.page-cms ul,
#custom-text p,
.page-content.page-cms #custom-text ul,
p,.h1,.h2,.h3,.h4 {
    color: var(--main-text-color);
}

a {
    color: var(--main-text-color);
    transition: all 0.2s linear;
}
a:focus, a:hover {
    color: var(--secondary-color);
}



/* HEADER */

#header {
    background: #ffffff;
    color: var(--main-text-color);
    box-shadow: 0 3px 5px -1px rgba(0,0,0,0.1),0 2px 1px -1px rgba(0,0,0,0.05);
    position: fixed;
    top: 0;
    width: 100%;
    transition: .3s;
}
#index #header {
    background: transparent;
    color: #ffffff;
    box-shadow: none;
}
#index #header.sticky {
    background: #ffffff;
    color: var(--main-text-color);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
}

#header .header-top {
    padding: 34px 0;
    width: 100%;
    background: transparent;
}
#header .header-top .row > div {
    display: flex;
    align-items: center;
    justify-content: center;
}
#header .header-top .row > div:first-child {
    justify-content: flex-start;
}
#header .header-top .row > div:last-child {
    justify-content: flex-end;
}

#header .logo {
    max-width: inherit;
    transition: .3s;
}
#index #header .logo,
#index #header.sticky .logo.no-sticky {
    opacity: 0;
}
#index #header .logo.no-sticky,
#index #header.sticky .logo {
    opacity: 1;
}
#header .logo.no-sticky {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 15px;
}

.header-top-right, #search_widget form {
    position: inherit;
}

#search_widget {
    min-width: 100%;
}
header #search_widget {
    min-width: 2.5rem !important;
    margin-bottom: 0 !important;
}
#search_widget form input {
    padding: 12px 20px 12px 40px;
    font-weight: 500;
    font-family: var(--font-family-special);
    border-radius: 10px;
    background: transparent;
    border: 1px solid var(--secondary-color);
}
#search_widget:hover {
    cursor: pointer;
}
#search_widget form i {
    height: 45px;
    display: inline-flex;
    align-items: center;
}

.searchbar-autocomplete {
    position: fixed;
    top: var(--altura-header) !important;
    left: 0 !important;
    width: 100% !important;
    border-radius: 0 !important;
    max-height: calc(85vh - 46px);
    overflow-y: auto;
    padding: 0;
    min-height: inherit !important;
}
.ui-autocomplete.searchbar-autocomplete li a {
    display: flex;
    align-items: center;
}
.ui-autocomplete.searchbar-autocomplete li a .autocomplete-thumbnail {
    height: 50px;
    object-fit: cover;
}
.ui-autocomplete.searchbar-autocomplete li a span {
    font-size: 16px;
    font-weight: 600;
    font-family: var(--font-family);
    display: flex;
    align-items: center;
    text-transform: uppercase;
}

.header-top #search_widget input {
    transition: .35s all 0s ease-in-out;
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 1rem);
    height: 100%;
    z-index: 10000;
    background-color: #ffffff !important;
    color: #000000;
    padding: 12px 30px !important;
    opacity: 0;
    transform: translateX(-100vw);
    font-size: 16px !important;
    font-weight: 500;
    margin: 0 0.5rem;
}
.header-top #search_widget input.shown {
    opacity: 1;
    transform: translateX(0vw);
}
.header-top #search_widget input::placeholder {
    color: #000000;
}

.header-top #search_widget input + .clear {
    transition: .35s all 0s ease-in-out;
    position: absolute !important;
    right: 30px !important;
    top: 50%;
    transform: translate(-100vw, -50%);
    opacity: 0;
    display: inline-flex !important;
    padding: 0;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    color: var(--primary-color);
    z-index: 10001;
}
.header-top #search_widget input.shown + .clear {
    opacity: 1;
    transform: translate(0vw, -50%);
}

#header {
    --icon-size: 2.5rem;
}
#header #_desktop_cart .cart-contain,
#header .user-info a {
    width: var(--icon-size);
    height: var(--icon-size);
    align-items: center;
    justify-content: center;
    display: flex;
}
#header .user-info span,
#header .user-info a.logout {
    display: none;
}

#header #_desktop_cart .cart-contain {
    position: relative;
}
#header .cart-products-count {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 10px;
    background: var(--primary-color);
    border-radius: 10px;
    color: #ffffff;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    font-family: var(--font-family-special);
}

#header #_desktop_cart .cart-contain i,
#header #search_widget form i.search {
    width: var(--icon-size);
    height: var(--icon-size);
    color: transparent;
    background-image: url('../images/icon-search-sticky.png');
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -99999px;
    transition: .3s;
}
#header #_desktop_user_info i {
    display: block !important;
}
#header #_desktop_cart .cart-contain i {
    background-image: url('../images/icon-cart-sticky.png');
}
#header #search_widget form i.search {
    position: inherit !important;
    padding: 0 !important;
}
#index #header #search_widget form i.search {
    background-image: url('../images/icon-search.png');
}
#index #header.sticky #search_widget form i.search {
    background-image: url('../images/icon-search-sticky.png');
}
#index #header #_desktop_cart .cart-contain i {
    background-image: url('../images/icon-cart.png');
}
#index #header.sticky #_desktop_cart .cart-contain i {
    background-image: url('../images/icon-cart-sticky.png');
}


/* CARRITO */

.blockcart.cart-preview.opened .cart-hover-content {
    transform: translateX(0%);
}
.menu-hover-overlay {
    width: 100%;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: rgb(0 0 0 / .5);
    opacity: 0;
    pointer-events: none;
    will-change: opacity;
    transition: opacity 0.2s linear
}
.cart-title {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}
.cart-ajax-close {
    padding: 5px 8px;
}
.menu-hover-close {
    cursor: pointer;
    font-size: 35px;
    color: var(--primary-color);
}
#_desktop_cart .blockcart.cart-preview.opened .menu-hover-overlay,
#_desktop_cart .blockcart.cart-preview.opened {
    opacity: 1;
    pointer-events: initial;
}
#_desktop_cart .blockcart.cart-preview {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    transition: opacity 0.2s linear;
}

.cart-hover-content {
    max-width: 100vw;
    width: 390px;
    background: #ffffff;
    z-index: 12;
    will-change: transform;
    transform: translateX(105%);
    display: flex;
    transition: transform 0.2s linear;
    flex-direction: column;
    color: var(--primary-color);
    text-align: left;
}

#_desktop_cart .cart-preview .cart-ajax-heading {
    font-size: 18px;
    font-weight: 700;
    padding: 5px 15px 5px 0;
    color: var(--primary-color);
    text-transform: uppercase;
}
#_desktop_cart .cart-preview .ht_cart ul {
    max-height: calc(100vh - 167px);
    overflow-y: auto;
    margin-bottom: 0;
    padding: 0 1rem;
}
#_desktop_cart .cart-preview .wk-order-product {
    position: relative;
    display: flex;
    overflow: hidden;
    border-bottom: 1px solid #ECECEC;
    padding: 1rem 0;
}

#_desktop_cart .cart-preview .wk-order-product .checkline-1 { 
    max-width: 40%;
}

.wk-shipping-img,
#_desktop_cart .cart-preview .wk-product-img {
    margin: 0;
    overflow: hidden;
    max-width: 100%;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D0D0D0;
    border-radius: 5px;
}
.wk-product-img {
    width: 80px;
    height: 80px;
}
.wk-product-img img {
    border: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border: 0;
}

#_desktop_cart .cart-preview .wk-order-product .checkline-2 {
    display: flex;
    width: calc(100% - 180px);
    position: relative;
    flex-direction: column;
    padding: 0 0 0 1rem;
    width: 100%;
}
#_desktop_cart .cart-preview .product-name a {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin-bottom: 0.25rem;
}
#_desktop_cart .cart-preview .product-name a span {
    line-height: 1;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    color: #737373;
}

#_desktop_cart .cart-preview span.reference {
    font-size: 13px;
    color: #6f6f6f;
    font-weight: initial;
    line-height: 1;
    text-transform: none;
    margin-bottom: 10px;
    display: block;
}

#_desktop_cart .caract-checkline .product-line-info {
    margin-bottom: 0.5rem;
    line-height: 1;
}
#_desktop_cart .caract-checkline .product-line-info span.label {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    display: block;
    text-align: left;
    margin-bottom: 0;
}
#_desktop_cart .caract-checkline .product-line-info span.value {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

.line-price-qty {
    display: flex;
    align-items: stretch;
    margin-top: auto;
    justify-content: space-between;
}
.product-quantity .qty,
.line-price-qty .wk-product-info.qty {
    flex: 0 0 85px;
    width: 85px;
    height: 30px;
    /*border-radius: 10px;*/
    border: 2px solid #D6D6D6;
    overflow: hidden;
}
.product-quantity .qty {
    flex: 0 0 130px;
    width: 105px;
    height: 50px;
}
.qty > .bootstrap-touchspin {
    width: 100%;
    height: 100%;
}
.qty #quantity_wanted,
.qty #quantity_wanted_cart,
.qty input.wk-qty.form-control {
    border: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    padding: 0 25px;
    text-align: center;
    font-family: var(--font-family-special);
    color: var(--secondary-color) !important;
    background: transparent !important;
    font-size: 0.9rem;
}
.qty #quantity_wanted {
    padding: 0 35px;
    font-size: 1.38rem;
}
.qty button.js-touchspin {
    padding: 0;
    margin: 0;
    border: 0;
    width: 25px;
    height: 100%;
    display: inline-block;
    position: absolute;
    background: transparent;
    position: absolute;
    top: 0;
    cursor: pointer;
    z-index: 9;
    outline: none;
    transition: background-color 0.26s ease;
    min-width: inherit;
}
.product-quantity .qty button.js-touchspin {
    width: 35px;
}
.qty button.js-touchspin i {
    display: none;
}
.qty button.bootstrap-touchspin-up {
    right: 0;
}
.qty button.bootstrap-touchspin-down {
    left: 0;
}
.qty button.js-touchspin:after,
.qty button.js-touchspin:before {
    content: '';
    background: var(--secondary-color);
    height: 2px;
    width: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    backface-visibility: hidden;
}
.qty button.bootstrap-touchspin-up:after {
    width: 2px;
    height: 14px;
}
.qty button.bootstrap-touchspin-down:before {
    width: 14px;
}
.qty button.bootstrap-touchspin-down:after {
    display: none;
}

.bootstrap-touchspin .btn-touchspin:hover {
    background-color: transparent;
}

#_desktop_cart .cart-preview .remove-from-cart {
    color: #d40000 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 8px;
    width: 35px;
}

#_desktop_cart .cart-preview .wk-delete-qty {
    position: absolute;
    right: 10px;
    top: 10px;
}
#_desktop_cart .cart-preview .price-checkline {
    line-height: 1;
    margin-bottom: 0.5rem;    
}
#_desktop_cart .cart-preview .price-checkline span.product-price {
    line-height: 1;
    font-size: 16px;
    font-weight: 700;
    color: #000000;
    font-family: var(--font-family-special);
}

#_desktop_cart .cart-bottom {
    display: flex;
    flex-direction: column;
    margin-top: auto;
    box-shadow: 0px -1px 50px 0px rgba(0, 0, 0, 0.10);
}
#_desktop_cart .cart-preview .cart-summary {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    width: 100%;
}
#_desktop_cart .cart-preview .cart-summary .subtotal-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#_desktop_cart .cart-preview .cart-summary .label {
    font-size: 16px;
    text-align: left;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--main-text-color);
}
#_desktop_cart .cart-preview .cart-summary .value {
    font-size: 1.6rem;
    line-height: 1.5;
    font-family: var(--font-family-special);
    color: var(--main-text-color);
    font-weight: 700;
}
#_desktop_cart .cart-preview .cart-summary .value .tax-shipping-delivery-label {
    font-size: 12px;
    font-weight: 400;
    color: #8E8E8E !important;
}

#_desktop_cart .cart-preview .cart-wishlist-checkout {
    width: 100%;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    min-width: inherit;
    line-height: 1;
    padding: 0.25rem;
    color: #ffffff;
    font-size: 18px;
}

.empty-cart {
    display: flex;
    align-items: center;
    justify-content: center;
}
.empty-cart .cart-ajax-close {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.no-items {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 1.75rem;
    text-align: center;
}
.no-items .material-icons {
    font-size: 50px;
    margin-bottom: 5px;
}

/* MENÚ */

.ets_mm_megamenu_content .ybc-menu-toggle {
    font-size: 0;
    line-height: 1;
    padding: 0 !important;
}

.ets_mm_megamenu_content .ybc-menu-toggle .icon-bar {
    width: 28px;
    margin: 3px 0;
    border-radius: 2px;
    background-color: #000000;
    transition: .3s;
}
#index .ets_mm_megamenu_content .ybc-menu-toggle .icon-bar {
    background-color: #ffffff;
}
#index #header.sticky .ets_mm_megamenu_content .ybc-menu-toggle .icon-bar {
    background-color: #000000;
}
/*.ets_mm_megamenu_content .ybc-menu-toggle .icon-bar:last-child {
    width: 20px;
}*/
.ets_mm_megamenu_content .mm_menus_ul {
    font-size: 1rem;
}

.ets_mm_megamenu {
    background: transparent !important;
    clear: none !important;
    display: inherit !important;
    margin-top: 0 !important;
    padding: 0 !important;
    width: auto !important;
    z-index: 2;
}
.layout_layout1 .ets_mm_megamenu_content,
.ets_mm_megamenu_content .container {
    background: transparent !important;
}
.ets_mm_megamenu_content .container {
    width: 100%;
    max-width: 100%;
    border: none !important;
}

.mm_menu_content_title {
    float: none;
    font-weight: 700;
    padding: 0 1.5rem !important;
    position: relative;
    min-height: 2rem !important;
    display: flex;
    align-items: center;
    text-transform: uppercase;
}
.ets_mm_block_content a {
    line-height: 1.4 !important;
    padding-left: 0.75rem;
    display: block
}
.ets_mm_block_content a:before {
    position: absolute;
    left: 0;
    top: 0;
}

.ets_mm_block > .h4 {
    font-weight: 700;
}
.ets_mm_megamenu .mm_columns_ul {
    text-transform: uppercase;
}

.layout_layout1 .ets_mm_megamenu_content,
.layout_layout1 .mm_menus_li:nth-child(2) {
    border: none !important;
}
.layout_layout1 .mm_menus_li {
    border: none !important;
    position: relative
}
.layout_layout1 .ets_mm_block_content ul li a {
    padding: 0;
}
.layout_layout1 .ets_mm_block_content ul li a:before,
.layout_layout1:not(.click_open_submenu) .mm_menus_li.mm_has_sub:hover > a:after,
body .ets_mm_megamenu:before {
    display: none !important
}
.ets_mm_block_content .ets_mm_categories .has-sub > a:after,
.mm_block_type_category .ets_mm_categories .ets_mm_categories {
    display: none !important;
}

#index #header .layout_layout1:not(.ybc_vertical_menu) .mm_menus_ul.active .mm_menus_li > a {
    color: #000000 !important;
}



/* HOME */

/* Slider Y BANNER */
.wrapper_slider {
    position: relative;
}
.wrapper_slider .cb-carousel {
    max-width: 100%;
}
.wrapper_slider .cb-item-content,
.wrapper_banner .cb-item-content {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 100vh;
}
.wrapper_banner .cb-item-content {
    height: 750px;
    max-height: 100vh;
}
.wrapper_slider .slide_slider_contener .cb-img,
.wrapper_slider .slide_slider_contener .custom-html video,
.wrapper_banner .custom-html video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}
.wrapper_banner .custom-html video {
    height: 100%;
}

.wrapper_slider .slide_slider_contener .custom-html *,
.wrapper_banner .custom-html * {
    color: #ffffff;
}
.wrapper_slider .slide_slider_contener .custom-html,
.wrapper_banner .custom-html {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: left;
    padding: 5rem 3rem;
    background: linear-gradient(105deg, rgba(228, 27, 33, 0.60) 22.49%, rgba(228, 27, 33, 0.00) 103.91%, rgba(228, 27, 33, 0.00) 103.91%);
}
.wrapper_slider .slide_slider_contener.video .custom-html,
.wrapper_banner .custom-html {
    padding: 0;  
    background: #E1E1E1;
}

.wrapper_slider .slide_slider_contener .custom-html .splash_home-video,
.wrapper_slider .slide_slider_contener .custom-html .splash_home-text,
.wrapper_banner .custom-html .splash_home-video,
.wrapper_banner .custom-html .splash_home-text {
    width: 100%;
    height: 100%;
}
.wrapper_slider .slide_slider_contener .custom-html .splash_home-text {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 5rem 3rem;
    background: linear-gradient(105deg, rgba(228, 27, 33, 0.20) 22.49%, rgba(228, 27, 33, 0.00) 103.91%, rgba(228, 27, 33, 0.00) 103.91%);
}
.wrapper_slider .slide_slider_contener.video .custom-html .splash_home-text {
    background: linear-gradient(105deg, rgba(228, 27, 33, 0.60) 22.49%, rgba(228, 27, 33, 0.00) 103.91%, rgba(228, 27, 33, 0.00) 103.91%);
}
.wrapper_banner .custom-html .splash_home-text {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5rem 3rem;
    text-align: center;
}

.wrapper_slider .slide_slider_contener h1,
.wrapper_slider .slide_slider_contener .h1,
.wrapper_banner h1,
.wrapper_banner .h1 {
    font-size: 4rem;
    font-family: var(--font-family);
    margin-bottom: 1rem;
    text-transform: uppercase;
    font-weight: 700;
}
.wrapper_slider .slide_slider_contener .p,
.wrapper_slider .slide_slider_contener p,
.wrapper_banner .p,
.wrapper_banner p {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 3rem;
    text-transform: none;
    font-family: var(--font-family-special);
}
.wrapper_slider .slide_slider_contener .buttons,
.wrapper_banner .buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5rem;
}
.wrapper_banner .buttons {
    justify-content: center;
}

.sw-nav, .n-hover:hover .sw-nav {
    border-radius: 0 !important;
    background: var(--primary-color) !important;
    border: var(--primary-color) !important;
    box-shadow: none !important;
    /*transition: opacity .2s linear;*/
}
.sw-nav.swiper-button-disabled {
    opacity: 0;
    cursor: default;
}
.wrapper_slider .sw-nav.swiper-button-disabled {
    opacity: 0.6;
}
.wrapper_slider .sw-nav.prev {
    left: auto !important;
    right: calc(65% - 50px);    
}
.wrapper_slider .sw-nav.next {
    right: 0 !important;
}

.sw-pgn, .p-hover:hover .sw-pgn {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    padding-bottom: 0.5rem;
}
.sw-pgn-bullet {
    background: transparent;
    border: 1px solid var(--primary-color);
    opacity: 1;
}
.sw-pgn-bullet.active {
    background: var(--primary-color);
}

.wrapper_slider .sw-pgn-bullet {
    border: 1px solid #ffffff;
}
.wrapper_slider .sw-pgn-bullet.active {
    background: #ffffff;
}
/**/

#custom-text {
    padding: 3rem 0 0 0;
    border-radius: 0;
    text-align: center;
    max-width: 1250px;
    margin: 0 auto;
}
#custom-text h1 {
    max-width: 1055px;
    margin-right: auto;
    margin-left: auto;
}
#custom-text h1 strong {
    display: block;
}
#custom-text p {
    text-transform: uppercase;
}

.title_home, .block-title {
    padding: 2rem 0;
}
.title_home .cb-item {
    text-align: left;
}
.title_home h2, .block-title h2 {
    font-size: 1.25rem;
    margin-bottom: 0;
}
.title_home h2 + p {
    margin-top: 0.5rem;
}

/* PRODUCTOS */

.featured-products {
    position: relative;
    text-align: center;
    padding: 4rem 0;
    background: rgba(170, 170, 170, 0.20);
}
.featured-products:before,
.featured-products:after {
    content: '';
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
    background: rgba(170, 170, 170, 0.20);
}
.featured-products:before {
    right: 100%;
}
.featured-products:after {
    left: 100%;
}
.featured-products h2,
.featured-products .h2 {
    margin-bottom: 3rem;
    color: #D61016;
}

.product-miniature {
    margin: 1rem 0;
    padding: 0.5rem;
    box-sizing: border-box;
    transition: .3s;
}
.product-miniature:hover {
    background: rgba(255, 252, 245, 0.01);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); 
}
.product-miniature, .product-miniature .product {
    width: 100%;
    height: 100%;
    flex-direction: column;
}
.products .product-miniature {
    height: auto;
}
.product-miniature .thumbnail-container {
    background: transparent;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

.product-miniature .thumbnail-container:focus .product-description:after,
.product-miniature .thumbnail-container:hover .product-description:after {
    display: none !important;
}

.swiper-products {
    margin: 0 -30px;
    width: calc(100% + 60px);
}
.swiper-products .swiper-wrapper {
    height: auto;
}
.swiper-products .swiper-slide .product {
    width: 100% !important;
    height: 100%;
    padding: 0 1rem !important;
    box-sizing: border-box;
}

.product-miniature .thumbnail-top {
    border: 0;
    background: #ffffff;
}
.product-miniature .thumbnail-top:before {
    content: '';
    padding-bottom: 133.3333%;
    display: block;
}
.product-miniature .thumbnail-container .product-thumbnail {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    height: 100% !important;
    width: 100%;
    overflow: hidden;
}
.product-miniature .thumbnail-container .product-thumbnail img {
    height: 100% !important;
    width: 100% !important;
    object-fit: contain;
    transform: scale(1);
    transition: .3s;
}
.product-miniature:hover .thumbnail-container .product-thumbnail img {
    transform: scale(1.05);
    transform-origin: center center;
}
.product-miniature .product-description {
    width: 100%;
    background: transparent;
    padding: 1.25rem 0.25rem 0.75rem 0.25rem;
    box-sizing: border-box;
}
.product-miniature .product-title {
    margin: 0 0 .25rem 0 !important;
}
.product-miniature .product-title a {
    font-size: 15px;
    text-transform: uppercase;
    color: #737373;
    font-weight: 700;
}
.product-miniature .product-price-and-shipping {
    font-weight: 700;
    color: var(--primary-color);
    font-size: 1.66rem;
    font-family: var(--font-family-special);
}
.product-miniature .product-price-and-shipping .regular-price {
    text-decoration: none;
    color: var(--main-text-color);
    position: relative;
    font-size: 1.2rem;
}
.product-miniature .product-price-and-shipping .regular-price:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #D61016;
    transform: translate(-50%, -50%) rotate(170deg);
    position: absolute;
    top: 50%;
    left: 50%;
}

.product-miniature .thumbnail-container:focus .highlighted-informations,
.product-miniature .thumbnail-container:hover .highlighted-informations {
    top: calc(100% - 45px) !important;
    height: 45px;
}

.product-miniature .highlighted-informations {
    padding: 0 !important;
    display: flex;
    flex-wrap: no-wrap;
    overflow: hidden;
    margin: 0;
    width: 100%;
    background: #ffffff;
    gap: 1px;
}
.product-miniature .highlighted-informations button.product_button,
.product-miniature .highlighted-informations a.product_button {
    width: 50%;
    padding: 0.27rem;
    min-width: inherit;
    position: relative;
}
.product-miniature .highlighted-informations .product-actions {
    width: 50%;
    position: relative;
}
.product-miniature .highlighted-informations .product-actions button,
.product-miniature .highlighted-informations .product-actions a {
    width: 100%;
}

.wishlist-button-add {
    box-shadow: none !important;
    filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.10));
    opacity: 0 !important;
    transition: .3s ease-out !important;
    height: 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    transform: translateX(-38px);
}
.wishlist-button-add i {
    font-size: 20px;
    color: #B7B7B7 !important;
    transition: .3s ease-out;
}
.wishlist-button-add:hover i {
    color: var(--primary-color) !important;
}

.thumbnail-container .boncompare-hook-wrapper {
    bottom: inherit;
    top: 3.265rem;
    right: .635rem;
    z-index: 10;
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 38px;
    width: 38px;
    min-width: 38px;
    padding-top: .1875rem;
    background-color: #fff;
    filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.10));
    border-radius: 50%;
    cursor: pointer;
    transform: translateX(-38px);
    transition: .3s ease-out;
    border: none;
    opacity: 0;
}
.boncompare-hook-wrapper .compare-button {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
}
.boncompare-hook-wrapper .compare-button .boncompare-icon {
    stroke: #B7B7B7;
    transition: .3s ease-out;
}
.boncompare-hook-wrapper .compare-button.active .boncompare-icon,
.boncompare-hook-wrapper:hover .compare-button .boncompare-icon {
    stroke: var(--primary-color);
}
.boncompare-hook-wrapper .compare-button.active .boncompare-icon.round,
.boncompare-hook-wrapper:hover .compare-button.active .boncompare-icon.round {
    fill: var(--primary-color);
}

.product-miniature:hover .wishlist-button-add,
.product-miniature:hover .boncompare-hook-wrapper {
    transform: translateX(0px);
    opacity: 1 !important;
}

.product-miniature * {
    box-sizing: border-box;
}

.product-flags {
    margin-bottom: 0;
    padding: 0.635rem;
    box-sizing: border-box;
}
.product-flags li.product-flag {
    text-transform: uppercase;
    margin: 0 0 0.25rem 0;
    min-width: 130px !important;
    font-size: 14px;
    background: #000000;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-family-special);
}
.product-flags li.product-flag.new {
    background: #313131;
}

.swiper-products .swiper-pagination {
    position: inherit;
    bottom: inherit;
    left: inherit;
    counter-reset: section;
    padding-bottom: 1px;
}
.swiper-products .swiper-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 4px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #D9D9D9;
    border-radius: 0;
    border: 0;
    opacity: 1;
    margin: 0 2px;
}
.swiper-products .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--primary-color);
}

.featured-products .all-product-link {
    color: var(--primary-color);
}

.product-add-to-cart .product-minimal-quantity {
    font-size: 16px;
    color: var(--primary-color);
    font-weight: 400;
    font-family: var(--font-family-special);
}
.product-add-to-cart-btn.blocked,
.custom-add-to-cart.blocked {
    /*font-size: 0 !important;*/
    cursor: not-allowed;
}
.product-add-to-cart-btn.blocked span:first-child,
.custom-add-to-cart.blocked span:first-child {
    visibility: hidden;
}
.cart_loader {
    position: absolute;
    left: calc(50% - 10px);
    top: calc(50% - 10px);
    z-index: 11;
    border-top: 0.2em solid currentcolor;
    border-right: 0.2em solid transparent;
    animation: loader-19 1s linear infinite;
    border-radius: 100%;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    color: inherit;
    vertical-align: middle;
    pointer-events: none;
    font-size: 1rem;
    opacity: 0;
    transition: opacity .2s;
}
.product-add-to-cart-btn.blocked .cart_loader,
.custom-add-to-cart.blocked .cart_loader {
    opacity: 1;
}
@keyframes loader-19 {
    to {
        transform:rotate(360deg)
    }
}

/****/

/* BLOG */

#wbpblogposts {
    text-align: center;
    padding: 4rem 0;
}
#wbpblogposts h2 {
    margin-bottom: 3rem;
}
#wbpblogposts .posts .post {
    flex: 1 1 calc(25% - 1.5rem) !important;
    max-width: calc(25% - 1.5rem) !important;
    margin-bottom: 1.5rem;
    box-shadow: none;
}

#wbpblogposts .posts .post .w-vwrapper {
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
}
#wbpblogposts .posts .post .post-image {
    height: auto;
    background: none;
}
#wbpblogposts .posts .post .post-image img {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100% !important;
    object-fit: cover;
}
#wbpblogposts .posts .post .blend-mode {
    mix-blend-mode: multiply;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(255,0,0,0.80);
    transition-duration: 0.3s;
    transform-origin: 50% 50%;
    transform: scale(1) translate(0%,0%);
    opacity: 0;
}
#wbpblogposts .posts .post .post-link {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transition-duration: 0.3s;
    transform-origin: 50% 50%;
    transform: scale(1) translate(0%,0%);
    opacity: 0;
}
#wbpblogposts .posts .post .post-link a {
    transition-duration: 0.3s;
    transform-origin: 50% 50%;
    transform: scale(1) translate(0%,30%);
    padding: 1em 2.2em;
    min-width: inherit;
}
#wbpblogposts .posts .post:hover .blend-mode,
#wbpblogposts .posts .post:hover .post-link,
#wbpblogposts .posts .post:hover .post-link a {
    transform: scale(1) translate(0%,0%);
    opacity: 1;
}
#wbpblogposts .posts .post-outbound {
    font-size: 1rem;
    color: var(--main-text-color);
    padding: 0;
}
#wbpblogposts .posts .post-outbound .post-title {
    color: var(--main-text-color);
    font-size: 1.38rem;
    padding: 0;
    font-weight: 600;
    white-space: inherit;
    text-overflow: inherit;
}
#wbpblogposts .posts .post-outbound .post-title a:hover {
    color: var(--primary-color);
}


/**/

.btn-link {
    cursor: pointer;
    padding: 0;
    outline: none;
    transition: all 0.2s linear;
}

.collapsible-content-more,
.collapsible-content-less {
    margin: 0;
    padding: 0.5rem 0;
    display: inline-block;
}
/* Cuidado con borrar los botones en el html */
.collapsible-content-more button,
.collapsible-content-less button {
    text-transform: uppercase;
}
.collapsible-content-less {
    display: none;
}
.show_content .collapsible-content-more {
    display: none;
}
.show_content .collapsible-content-less {
    display: inline-block;
}

/**/

/* FOOTER */

.wrapper_kit {    
    margin-top: 2.5rem;
    text-align: center;
}

footer * {
    box-sizing: border-box;
}
footer#footer {
    background: #ffffff;
    color: var(--secondary-color);
}
footer#footer div.row {
    width: calc(100% + 30px);
}

footer .links {
    margin-bottom: 1.5rem;
}
footer .links * {
    font-size: 15px !important;
    line-height: 1.15;
}
footer .links .h3 {
    font-weight: 700;
    font-family: var(--font-family-special);
    font-size: 15px;
    border: 2px solid var(--secondary-color);
    border-radius: 10px;
    color: var(--secondary-color);
    padding: 0.45rem 0.8rem;
    display: inline-block;
}
/*footer .links .row > .wrapper:first-child {
    width: 50%;
}
footer .links .row > .wrapper:first-child ul {
    display: flex;
    flex-wrap: wrap;
}
footer .links .row > .wrapper:first-child ul li {
    width: 50%;
}*/
footer .links ul li {
    margin-bottom: .5rem;
}
footer .links ul li a {
    text-transform: uppercase;
    color: var(--secondary-color);
}
footer .links ul li a:hover {
    color: var(--primary-color);
}

footer .displayFooter, footer .displayFooterBefore {
    display: inline-block;
    width: 100%;
}
footer .wrapper_payment .cb-item,
footer .wrapper_contact .cb-item {
    text-align: left;
}

footer .h2 {
    color: var(--primary-color) !important;
    font-size: 1.38rem !important;
    margin-bottom: 1rem !important;
    padding-top: 0;
    font-weight: 800 !important;
}

#blockEmailSubscription_displayFooter {
    float: none;
}
div.block_newsletter {
    background: transparent;
    font-size: 15px;
    max-width: inherit;
    color: var(--secondary-color);
    border-bottom: 2.5rem !important;
}
div.block_newsletter #block-newsletter-label,
footer .wrapper_contact .cb-item p {
    font-weight: 600;
    font-size: 15px;
    line-height: 1.15;
    color: var(--secondary-color);
    padding-top: 0;
    font-family: var(--font-family);
}
div.block_newsletter form .form-group {
    border: 1px solid var(--secondary-color);
    border-radius: 10px;
}
div.block_newsletter form input[type="email"] {
    background: transparent;
    border: 0;
    font-weight: 500;
    color: var(--secondary-color);
    font-family: var(--font-family-special);
}
div.block_newsletter form input[type="email"]:focus {
    padding: 11px;
}
div.block_newsletter form input[type="email"]::placeholder {
    color: var(--secondary-color);
    opacity: 0.85;
}
div.block_newsletter form .row .col-xs-12:first-of-type .border_button1:first-of-type {
    margin-left: 0 !important;
}
div.block_newsletter form .border_button1 {
    padding: 0.25rem 1.5rem;
    min-width: inherit;
    margin: -1px;
    font-size: 15px !important;
    height: 44px;
    border-radius: 10px;
}
div.block_newsletter form .row .col-xs-12:last-of-type p {
    color: var(--secondary-color);
    font-size: 14px;
    font-weight: 400;
    /*font-family: var(--font-family-special);*/
}

footer .wrapper_contact .cb-item p a {
    color: var(--secondary-color);
}
footer .wrapper_contact .cb-item p a:hover {
    color: var(--primary-color);
}


footer .wrapper_contact .footer_social {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
}
footer .wrapper_contact .footer_social ul {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 0;
}
footer .wrapper_contact .footer_social ul li {
    margin-bottom: 0;
}
footer .wrapper_contact .footer_social ul li a svg path {
    transition: .3s;
}
footer .wrapper_contact .footer_social ul li a:hover svg path {
    fill: #ffffff;
}
footer .wrapper_contact .footer_social ul li a:hover svg path:first-child {
    fill: var(--primary-color);
}


footer .footer-after {
    border-top: 1px solid #D9D9D9;
    padding: 1rem 0;
    margin-top: 2.5rem;
}
footer .footer_bottom {
    display: flex;
    justify-content: space-between;
}
footer .footer_bottom p {
    font-size: 15px;
    color: var(--secondary-color);
    margin-bottom: 0;
    font-weight: 600;
}


/* GENERAL */

h1 {
    font-size: 3rem;
    color: var(--main-text-color);
}

#wrapper .breadcrumb {
    padding: 0 0 1.5rem 0;
    margin-bottom: 0;
    font-family: var(--font-family-special);
    text-transform: uppercase;
    font-weight: 500;
}
#wrapper .breadcrumb li:after {
    color: var(--secondary-color);
    content: ">";
}
#wrapper .breadcrumb li a {
    color: var(--secondary-color);
}

#wrapper .breadcrumb li a:hover,
#wrapper .breadcrumb li:last-child {
    color: var(--primary-color);
}

#js-product-list-header,
.title_content {
    padding-top: 1.5rem;
    text-align: center;
    margin-bottom: 2.5rem;
}

#main .page-content, #main .page-footer {
    margin-bottom: 0;
}

#content-before .page-header,
#main .page-header {
    padding-top: 1.5rem;
    text-align: center;
    margin-bottom: 4rem;
}

.modal-content {
    border: 0;
    text-align: center;
    color: var(--main-text-color);
    font-size: 1rem;
    border-radius: 10px;
    overflow: hidden;
}
.modal-header .modal-title,
#boncompare-popup .compare-header .title {
    line-height: 1.6 !important;
    font-size: 1.375rem !important;
    color: var(--main-text-color) !important;
    font-weight: 700 !important;
}
.modal-text {
    font-family: var(--font-family-special);
    font-size: 1rem !important;
    color: var(--main-text-color) !important;
}
.modal-footer {
    border-top: 1px solid var(--primary-color);
    text-align: center;
    gap: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-footer .btn {
    text-transform: uppercase !important;
}
.modal-footer #popupCancel {
    border: 0;
    padding: 0;
    background: transparent !important;
    color: var(--primary-color) !important;
    min-width: inherit;
}

#boncompare-popup .compare-header {
    padding: 15px;
    background: transparent;
    border: 0;
    color: var(--main-text-color);
}
#boncompare-popup .popup-close {
    font-weight: 400;
    color: #7a7a7a;
    font-size: 2.25rem;
    cursor: pointer;
    position: relative;
    z-index: 1;
}
#boncompare-popup .compare-button-delete {
    font-weight: 400;
}
#boncompare-popup .compare-summary-product-price .price,
#boncompare-popup .compare-summary-product-price .price.has-discount {
    font-size: 18px;
    color: var(--primary-color);
    font-family: var(--font-family-special);
    font-weight: 700;
}
#boncompare-popup .div-table-col h5, #boncompare-popup .div-table-col p {
    /*color: var(--main-text-color);*/
    font-family: var(--font-family-special);
    font-weight: 700;
}
#boncompare-popup .no-compare h6 {
    text-transform: none;
    font-weight: 500;
    color: var(--main-text-color);
}

.about-us.row {
    margin-bottom: 3rem;
}


/* CATEGORÍA */

.block-categories, .contact-rich {
    padding: 1.563rem 1.25rem;
    margin-bottom: 1.563rem;
    background: #dededd;
    /*border-radius: 20px;*/
}
.block-categories .category-top-menu li a, .contact-rich {
    font-size: 1.1rem;
    font-weight: 700;
}
.block-categories .category-top-menu .category-sub-menu li a {
    font-size: 0.9rem;
    font-weight: 400;
    padding: .5rem 0;
    margin: 0;
    border-bottom: 1px solid #CACACA;
    padding-right: 2.5em;
}
.block-categories .category-top-menu .category-sub-menu li a:hover {
    color: var(--primary-color);
}
.block-categories .collapse-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5em;
    height: 2.25em;
}
.block-categories .category-top-menu .category-sub-menu .category-sub-menu {
    margin-top: 0;
}
.block-categories .category-top-menu .category-sub-menu .category-sub-link {
    font-size: 0.85rem;
    padding-left: 1.5em;
    display: block;
}
.block-categories .category-top-menu .category-sub-menu .collapse-icons {
    height: 2.1em;
}
.block-categories .category-sub-menu li[data-depth="1"] {
    margin-bottom: 0;
}
.block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"]):before {
    display: none;
}
.block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"]) a {
    padding-left: 3em;
}

#search_filters, #search_filters_brands, #search_filters_suppliers {
    padding: 1.563rem 1.25rem;
    margin-bottom: 1.563rem;
    background: #dededd;
}
#search_filters > .h6, #search_filters_brands > .h6, #search_filters_suppliers > .h6 {
    font-size: 1.1rem;
    font-weight: 700;
}
#search_filters .facet .facet-title, #search_filters_brands .facet .facet-title, #search_filters_suppliers .facet .facet-title {
    font-weight: 600;
}

#search_filters .facet .facet-label .custom-checkbox, #search_filters .facet .facet-label .custom-radio {
    top: -5px;
}
#search_filters .facet .facet-label a, #search_filters_brands .facet .facet-label a, #search_filters_suppliers .facet .facet-label a {
    font-weight: 400;
}
#search_filters .facet .facet-label a:hover, #search_filters_brands .facet .facet-label a:hover, #search_filters_suppliers .facet .facet-label a:hover {
    color: var(--primary-color);
}

.active_filters .active-filter-title {
    font-weight: 500;
}

.block-category h1 {
    font-size: 3rem;
}

body#category #content-wrapper {
    display: block !important;
}
body#category #footer {
    display: block !important;
}

body#category .card-block {
    background: transparent;
    padding: 0;
    margin-bottom: 1.5rem;
    border: 0;
}

.block-category .block-category-inner {
    display: block;
}

/*body#category #category-description {
    overflow: hidden;
    -webkit-mask-image: linear-gradient(black 60%,transparent);
    height: 105px;
}*/
body#category #category-description h2,
body#category #category-description h3,
body#category #category-description h4,
body#category #category-description h5,
body#category #category-description h6 {
    padding-top: 1.5rem;
}
body#category #category-description p img {
    margin-bottom: 1em;
}


/* Subcategorías */

body#category #subcategories {
    overflow: hidden;
}
body#category #subcategories-list {
    overflow: visible;
    padding: 0 0.5rem;
}
body#category #subcategories-list .sw-nav {
    margin-top: 0;
    top: calc(-40px - 0.75rem);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
body#category #subcategories-list .sw-nav:before {
    margin-top: 0;
}
body#category #subcategories-list .sw-nav.prev {
    left: initial;
    right: calc(45px + 0.5rem);
}
body#category #subcategories-list .sw-nav.next {
    right: 0;
}
#subcategories .subcategory-heading {
    font-size: 1.46rem;
    line-height: 1.2;
    padding-top: 0.5rem;
}
#subcategories .subcategories-list > div {
    text-align: left;
    min-width: inherit;
    width: calc(100% / 5 - 20px);
}
#subcategories .subcategories-list > div .subcategory-name,
#subcategories .subcategories-list > div .subcategory-name h2 {
    text-align: center;
    margin-bottom: 0;
}
#subcategories .subcategories-list > div .subcategory-name h2 {
    padding: 0 0.5rem;
    font-size: 15px;
    text-transform: uppercase;
    color: #737373;
    font-weight: 700;
    transition: .3s;
}

#subcategories .subcategories-list > div:hover .subcategory-name h2 {
    color: var(--primary-color);
}
#subcategories .subcategories-list > div .subcategory-image {
    position: relative;
    padding: 0;
    margin-bottom: 0.5rem;
    padding: 0.5rem;
    overflow: hidden;
    box-shadow: none;
    transition: .3s;
}
#subcategories .subcategories-list > div:hover .subcategory-image {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}
#subcategories .subcategories-list > div .subcategory-image a {
    display: block;
    padding: 0 !important;
    border: 0 !important;
    height: 170px;
    background-color: #ffffff;
    overflow: hidden;
}
#subcategories .subcategories-list > div .subcategory-image a img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: .3s;
}
#subcategories .subcategories-list > div:hover .subcategory-image a img {
  transform: scale(1.05);
  transform-origin: center center;
}


/*#subcategories #subcategories-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}
#subcategories #subcategories-list > div .subcategory-name,
#subcategories #subcategories-list > div .subcategory-name h2 {
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 1.2;
    color: #737373;
    display: inline-block;
    transition: .3s;
}
#subcategories #subcategories-list > div .subcategory-name {
    border: 1px solid var(--primary-color);
    padding: 12px;
}
#subcategories #subcategories-list > div .subcategory-name:hover {
    background: var(--primary-color);
    color: #ffffff;
}
#subcategories #subcategories-list > div .subcategory-name:hover h2 {
    color: #ffffff;
}*/

/**/

/*.pagination {
    font-family: var(--font-family-special);
}*/
.pagination .page-list {
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}
.pagination .page-list li {
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #ffffff;
    overflow: hidden;
    transition: .3s;
    text-align: center;
}
.pagination .page-list li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0 !important;
    font-size: 0.9rem;
    transition: .3s;
}
.pagination .page-list li:hover,
.pagination .page-list li.current {
    background: var(--primary-color);
}
.pagination .page-list li:hover a,
.pagination .page-list li.current a,
.pagination .page-list li:hover span {
    color: #ffffff;
}

.products-selection p {
    font-weight: 600;
    border-bottom: 0 !important;
}

.infinitescroll-bottom-message {
    padding: 0;
    color: var(--main-text-color) !important;
    background-color: transparent !important;
    border: 0 !important;
    margin-bottom: 3rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.infinitescroll-bottom-message a {
    padding: 0.65rem 1rem;
    color: #ffffff !important;
    background-color: var(--primary-color) !important;
    display: inline-block;
    font-size: 1rem;
    min-width: 240px;
    box-sizing: border-box;
    text-align: center;
    outline: none;
    border-color: var(--primary-color);
    border-width: 1px;
    border-style: solid;
    transition: .35s all 0s linear;
    margin-top: 1rem;
    text-transform: uppercase;
}
.infinitescroll-bottom-message a:hover {
    cursor: pointer;
    color: #ffffff !important;
    border-color: var(--secondary-color) !important;
    background-color: var(--secondary-color) !important;
}
.infinitescroll-bottom-message a i {
    display: none !important;
}

/* Ordenar */
.products-selection .sort-by {
    text-transform: uppercase;
    font-weight: 700;
}

.brands-sort .select-title, .products-sort-order .select-title, .suppliers-sort .select-title {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--secondary-color);
    border-radius: 0 !important;
    font-family: var(--font-family-special);
}
.brands-sort .select-list, .products-sort-order .select-list, .suppliers-sort .select-list {
    padding: .4rem .8rem;
    font-family: var(--font-family-special);
}
.dropdown-menu {
    font-size: 16px;
    padding: 0;
}


/* PRODUCTO */

#product .product-container {
    padding-bottom: 4rem;
}

#product #content {
    max-width: 780px;
    margin: 0;
}
#product .product-cover:before {
  content: '';
  padding-bottom: 70%;
  display: block;
}
#product .product-cover {
    overflow: hidden;
    position: relative;
    background: #ffffff;
    margin-bottom: 0;
}
#product .product-cover img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.product-cover .layer {
    /*background: rgba(0, 88, 1, 0.75);*/
    transition: .3s;
}
.images-container .product-images {
    margin: 0 -.312rem;
}
.images-container .product-images > li.thumb-container {
  display: inline-block;
  width: 20%;
  padding: .625rem .312rem;
  box-sizing: border-box;
}
.images-container .product-images > li.thumb-container picture {
    margin: 0 !important;
    display: block;
    width: 100%;
    max-width: 100%;
}
.images-container .product-images > li.thumb-container .thumb {
    border: 1px solid #eee;
    transition: .3s linear border;
    margin: 0 !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*.images-container .product-images > li.thumb-container .thumb.selected, .product-images > li.thumb-container .thumb:hover {
    border: var(--primary-color) 1px solid;
}*/

.product-container .product-info {
    padding: 3rem;
    box-sizing: border-box;
}
.product-container .title-product {
    font-size: 2.2rem;
    color: #000000;
    max-width: 620px;
    margin-bottom: 0.5rem;
    line-height: 1.2;
}
.product-container span.reference {
    font-family: var(--font-family-special);
    color: var(--secondary-color);
    line-height: 1;
    margin-bottom: 1.5rem;
    display: block;
    font-weight: 500;
}

.product-prices {
    margin-top: 0;
    margin-bottom: 1rem;
}
.product-prices > div {
    margin-bottom: 0;
}
.product-prices .current-price-value {
    font-family: var(--font-family-special);
    font-weight: 700;
    color: #000000;
    text-align: left;
    font-size: 2.88rem;
}

.product-prices .product-quantities {
    font-family: var(--font-family-special);
    font-weight: 400;
    font-size: 16px;
    color: #000000;
}
.product-prices .product-quantities span {
    font-size: 1rem;
    color: #539500;
}

.product-discount, .tax-shipping-delivery-label {
    display: inline-block;
    color: #000000 !important;
    font-family: var(--font-family-special);
    font-weight: 400;
}
.product-discount {
    display: block;
}
.product-discount .regular-price {
    font-size: 1.8rem;
    text-decoration: none;
    color: var(--secondary-color);
    position: relative;
    font-weight: 600;
}
.product-discount .regular-price:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #D61016;
    transform: translate(-50%, -50%) rotate(170deg);
    position: absolute;
    top: 50%;
    left: 50%;
}
.has-discount .discount {
    background: var(--primary-color);
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.product-information .product-description,
.product-information .product-description p {
    font-size: 16px;
    /*font-family: var(--font-family-special);*/
    font-weight: 400;
    color: #555555;
}

.product-variants .control-label {
    font-size: 16px;
    font-family: var(--font-family-special);
    color: #000000;
}
select.form-control:not([size]):not([multiple]) {
    height: auto;
}
.product-variants > .product-variants-item .color {
    border-radius: 50%;
}

#product-availability {
    display: flex;
    align-items: center;
    font-weight: 500;
}
#product-availability .product-last-items, #product-availability .product-unavailable {
    color: #ff1616;
    margin-bottom: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#blockcart-modal, #product-description-short {
    font-family: var(--font-family-special);
}
/*.modal-body figure {
    border-radius: 10px;
    border: 1px solid #eee;
    background-color: #ffffff;
    overflow: hidden;
}*/

.modal-body {
    background: #ffffff;
}
#product-modal .modal-content .modal-body .product-cover-modal, .product-cover img {
    max-width: 100%;
    object-fit: contain;
}
/*#product-modal .modal-content .modal-body .product-cover-modal  {
    height: 350px;
}*/
#product-modal .modal-dialog {
    max-width: 990px;
}

.product-actions .qty {
    margin-bottom: 0;
}
.product-actions button {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}
.product-actions .add {
    flex: 0 0 240px;
    margin-bottom: 0;
}
.product-actions .add-to-cart {
    height: 3.1rem;
    padding-top: 1rem;
}
.product-actions button.wishlist-button-add {
    flex: 0 0 55px;
    height: 55px !important;
    width: 55px !important;
    min-width: 55px !important;
    transform: none !important;
    opacity: 1 !important;
}
.product-actions button.wishlist-button-add i {
    font-size: 23px;
}

.product-add-to-cart .product-quantity {
    align-items: center;
}

.product-additional-info {
    display: flex;
    align-items: flex-end;
}
.product-additional-info .social-sharing {
    display: block;
}
.product-additional-info .social-sharing span {
    display: block;
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 1rem;
}
.product-additional-info .social-sharing li {
    margin-right: .5rem;
    margin-left: 0;
}
.product-additional-info .social-sharing .facebook {
    background-image: url(../images/fb.svg) !important;
}
.product-additional-info .social-sharing .twitter {
    background-image: url(../images/tw.svg) !important;
    background-size: 20px 20px;
    background-position: center;
}
.product-additional-info .social-sharing .pinterest {
    background-image: url(../images/pint.svg) !important;
}
.product-additional-info .social-sharing li:before {
    display: none !important;
}

.accordion {
    margin: 2rem -15px 0 -15px;
    width: calc(100% + 30px);
    border-bottom: 1px solid #000000;
}

.ui-accordion .ui-accordion-header {
    background: transparent;
    border: 0;
    padding: 1em 15px;
    margin-top: 0px;
    border-radius: 0;
    border-top: 1px solid #000000;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: inherit;
    right: 15px;
    margin-top: 0;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url('../images/icon-plus.png') no-repeat center center;
    transition: .3s;
}
.ui-accordion .ui-accordion-header-active .ui-accordion-header-icon {
    transform: translateY(-50%) rotate(45deg);
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #818181;
    font-weight: 700;
    font-size: 1.22rem;
    font-family: var(--font-family-special) !important;
}
.ui-state-default.ui-state-active a {
    color: var(--primary-color);
}
.ui-accordion .ui-accordion-content,
.ui-accordion #product-details {
    border: 0;
    border-radius: 0;
    padding: 1em 15px;
    color: #555555;
    /*height: auto !important;*/
    opacity: 1;
    font-size: 0.9rem;
    font-family: var(--font-family);
    font-weight: 400;
    background: transparent !important;
}
.ui-accordion .ui-accordion-content p,
.ui-accordion .ui-accordion-content ul,
.ui-accordion .ui-accordion-content span,
.ui-accordion .ui-accordion-content a,
.ui-accordion #product-details p,
.ui-accordion #product-details ul,
.ui-accordion #product-details span,
.ui-accordion #product-details a {
    color: #555555 !important;
    font-family: var(--font-family) !important;
    font-size: 0.9rem !important;
    font-weight: 400;
}
.ui-accordion #product-details label {
    font-family: var(--font-family) !important;
    font-size: 0.9rem !important;
}

.ui-accordion .attachment .h4 {
    margin-bottom: 0.5rem;
}
.ui-accordion .attachment > a {
    padding: 8px 12px;
    display: inline-block;
    background: var(--primary-color);
    color: #ffffff !important;
    font-weight: 400 !important;
    margin-bottom: 1rem;
}
.ui-accordion .attachment > a:hover {
    background: #D61016;
}

.product-features > dl.data-sheet dd.value, .product-features > dl.data-sheet dt.name {
    text-transform: none;
    font-size: 1rem;
    font-family: var(--font-family-special);
}
.product-features {
    margin: 0 !important;
}
.product-features .h6 {
    margin: 0.5rem 0;
}


.page-content.page-cms {
    padding: 0;
}

#revws-portal-product-reviews {
    text-align: center;
}

/* CATÁLOGO */

#category-tree-parent {
    margin-bottom: 3rem;
}
#category-tree-parent h1 {
    text-align: center;
    margin-bottom: 3rem;
    padding-top: 1.5rem;
}

#category-tree-list h2 {
    text-align: center;
    margin-bottom: 3rem;
}

.category-tree-row {
    display: flex;
    flex-wrap: wrap;
}
.category-tree-item .w-vwrapper {
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
}
.category-tree-item .category-tree-item-image {
    width: 100%;
    height: auto !important;
    position: relative;
    background: none;
}
.category-tree-item .category-tree-item-image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.category-tree-item .blend-mode {
    mix-blend-mode: multiply;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(255,0,0,0.80);
    transition-duration: 0.3s;
    transform-origin: 50% 50%;
    transform: scale(1) translate(0%,0%);
    opacity: 0;
}
.category-tree-item .category-tree-item-link {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transition-duration: 0.3s;
    transform-origin: 50% 50%;
    transform: scale(1) translate(0%,0%);
    opacity: 0;
}
.category-tree-item .category-tree-item-link a {
    transition-duration: 0.3s;
    transform-origin: 50% 50%;
    transform: scale(1) translate(0%,30%);
    padding: 1em 2.2em;
    min-width: inherit;
}
.category-tree-item:hover .blend-mode,
.category-tree-item:hover .category-tree-item-link,
.category-tree-item:hover .category-tree-item-link a {
    transform: scale(1) translate(0%,0%);
    opacity: 1;
}
.category-tree-item .category-tree-item-name {
    color: var(--main-text-color);
    font-size: 1.18rem;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    text-align: center;
}
.category-tree-item .category-tree-item-name a {
    display: inline;
}
.category-tree-item .category-tree-item-name a:hover {
    color: var(--primary-color);
}

#category-tree-back {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5rem;
}
#category-tree-back a {
    min-width: 220px;
}
#category-tree-back a.btn-primary:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

#category-tree-parent p {
    font-size: 1rem;
    line-height: 1.4;
    color: #555555;
    font-weight: 400;
}

/* PROVEEDORES */

#providers * {
    box-sizing: border-box;
}
#providers .flex-row {
    display: flex;
    flex-wrap: wrap;
}
#providers .flex-row .provider {
    margin-bottom: 1.5rem;
}
#providers .flex-row .provider .logo-provider {
    background: #ffffff;
    height: 100%;
    text-align: center;
    padding: 1rem;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
}
#providers .flex-row .provider .logo-provider .img-provider {
    width: 100%;
    height: 205px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}
#providers .flex-row .provider .logo-provider .img-provider img {
    max-width: 100%;
    object-fit: contain;
    width: 100%;
    height: 100%;
}


/* CHECKOUT */

#checkout #content-wrapper {
    padding-top: 1.5rem;
}

body#checkout section.checkout-step {
    padding: 1.25rem 1.25rem 0 1.25rem;
}
body#checkout section.checkout-step .content {
    padding: 0 0.5rem;
}


/* CONTACTO */


body#contact .card-block,
body#module-solbyteprestashopcontact-display .card-block,
div.contact .card-block {
    padding: 0rem  !important;
}

body#contact .card,
body#module-solbyteprestashopcontact-display .card,
div.contact .card {
    background: transparent;
}

body#contact form .row > div,
body#module-solbyteprestashopcontact-display form .row > div, 
div.contact form .row > div {
    margin-top: 1rem;
}

body#contact input.wpcf7-submit,
body#module-solbyteprestashopcontact-display input.wpcf7-submit,
div.contact input.wpcf7-submit {
    text-transform: capitalize;
}

body#contact input.wpcf7-submit,
body#contact span.button_choosefile,
body#module-solbyteprestashopcontact-display input.wpcf7-submit,
body#module-solbyteprestashopcontact-display span.button_choosefile,
div.contact input.wpcf7-submit,
div.contact span.button_choosefile,
.btn-form input {
    background: var(--primary-color) !important;
    display: inline-block;
    transition: .35s all 0s linear;
    padding: 0.6rem 1rem;
    font-size: 1rem;
    font-weight: 600;
    min-width: 185px;
    box-sizing: border-box;
    text-align: center;
    outline: none;
    text-transform: uppercase;
    color: #ffffff !important;
    border: 1px solid var(--primary-color) !important;
}
body#contact input.wpcf7-submit:hover,
body#contact span.button_choosefile:hover,
body#module-solbyteprestashopcontact-display input.wpcf7-submit:hover,
body#module-solbyteprestashopcontact-display span.button_choosefile:hover,
div.contact input.wpcf7-submit:hover,
div.contact span.button_choosefile:hover,
.btn-form input:hover {
    background: var(--secondary-color) !important;
    border: 1px solid var(--secondary-color) !important;
}
body#contact span.button_choosefile,
body#module-solbyteprestashopcontact-display span.button_choosefile,
div.contact span.button_choosefile {
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

span.wpcf7-not-valid-tip {
    font-size: 14px;
}

.product-comment-modal .btn-comment, .product-comment-modal .btn-comment-inverse {
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 400;
}
.product-comment-modal label.form-label {
    font-size: .875rem;
    font-weight: 500;
}

.accept-form p {
    font-size: 0.9rem
}
.wpcf7-form-control-wrap.legal label {
    text-transform: none;
}

.contact-rich {
    text-transform: uppercase;
}
.contact-rich .block {
    font-weight: 400;
    font-size: 0.9rem;
    margin-top: 0.5rem;
    text-transform: none;
}
.contact-rich .block:first-child {
    margin-top: 1.5rem;
}
.contact-rich .block .data:first-child {
    font-weight: 600;
}


/* LOGIN */

body#authentication div#content,
body#registration div#content {
    background: #ffffff;
    padding: 0px;
}

body#authentication div#content section.login-form,
body#registration div#content section.register-form {
    padding: 2rem;
}

body#authentication div#content hr {
    display: none;
}

body#authentication .no-account {
    background: var(--primary-color);
    padding: 1rem;
}

body#authentication .no-account a {
    color: white;
    font-family: var(--font-family-special);
}

body#authentication h1,
body#registration h1,
body#pagenotfound h1 {
    text-align: center;
}

/*.page-customer-account #content,
.form-control-comment {
    font-family: var(--font-family-special);
}*/

.form-control-comment {
    font-weight: 300;
    font-size: 0.8rem;
}


.form-group {
    margin-bottom: 0.25rem;
}
form .form-group .form-control-label {
    width: 100%;
    text-align: left;
    padding-top: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.9rem;
    line-height: 1.15;
}
form .form-group .js-input-column {
    width: 100%;
}

.login-form {
    margin-top: 0;
}

.forgotten-password {
    max-width: 640px;
    margin: 0 auto;
    padding: 2rem;
    background: #ffffff;
    border: 1px solid var(--primary-color);
}
.forgotten-password .form-fields .center-email-fields {
    flex-direction: column;
}
.forgotten-password .form-fields .center-email-fields button {
    width: 100%;
    height: auto;
}

.register-form a {
    text-decoration: underline;
}

/* MI CUENTA */

.page-my-account #content .links * {
    box-sizing: border-box;
    transition: .3s;
}
.page-my-account #content .links {
    gap: 1.5rem;
    justify-content: center;
}
.page-my-account #content .links > a {
    width: calc(33.33% - 1.5rem);
    border: 1px solid #000;
    margin: 0;
    font-weight: 500;
    color: var(--primary-color);
}
.page-my-account #content .links > a:hover {
    color: var(--secondary-color);
}
.page-my-account #content .links a i {
    color: var(--primary-color) !important;
}

#module-psgdpr-gdpr h2 {
    font-size: 1.4rem;
}

.page-addresses .address .address-body h4, .page-order-detail .addresses h4, .page-order-detail h3 {
    font-weight: 500;
}

/* CMS */

#cms #main {
    max-width: 1250px;
    margin: 0 auto;
}
#cms #main a {
    text-decoration: underline;
}

/**/

.close_menu {
    background-color: var(--primary-color) !important;
}
.close_menu .pull-left {
    display: none !important;
}
.close_menu .pull-right {
    text-indent: -9999px;
}
.close_menu .pull-right .mm_menus_back_icon {
    position: absolute;
    right: 12px;
    top: 17px;
}

.ets_mm_megamenu .arrow {
    top: 4px !important;
}
.ets_mm_megamenu .has-sub .arrow {
    display: none !important;
}


.custom_choosefile {
    overflow: hidden;
}
.wpcf7 label {
    text-transform: uppercase;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
}
div.wpcf7 input[type="file"] {
    padding: .5rem 1rem;
}
.form-control {
    font-size: 16px;
    padding: .7rem 1rem;
    font-family: var(--font-family-special);
    color: var(--secondary-color) !important;
    background: transparent !important;
    outline: 0 !important;
    border-radius: 10px;
    border: 1px solid var(--secondary-color);
}
.form-control:focus {
    border-color: var(--main-text-color) !important;
    outline: 0 !important;
}
.input-group.focus {
    outline: 0 !important;
}
.input-group .input-group-btn > .btn[data-action="show-password"] {
    background: #D61016;
    min-width: inherit;
    font-size: 0.75rem;
    font-weight: 700;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}












/* - RESPONSIVE - */

@media (min-width: 768px) {

    .ets_mm_megamenu.sticky_enabled.scroll_heading {
        position: static !important;
    }
    .layout_layout1:not(.ybc_vertical_menu):not(.click_open_submenu) .mm_menus_li > a:before,
    .layout_layout1:not(.ybc_vertical_menu).click_open_submenu .mm_menus_li.open_li > a:before,
    .layout_layout1.ybc_vertical_menu:hover .ybc-menu-vertical-button:before,
    .layout_layout1:hover .ybc-menu-vertical-button .ybc-menu-button-toggle_icon_default .icon-bar,
    .ybc-menu-vertical-button.layout_layout1:hover,
    .layout_layout1 .mm_menus_li:hover,
    .layout_layout1:not(.ybc_vertical_menu):not(.click_open_submenu) .mm_menus_li:hover > a,
    .layout_layout1:not(.ybc_vertical_menu).click_open_submenu .mm_menus_li.open_li > a,
    .layout_layout1:not(.ybc_vertical_menu) .mm_menus_li.menu_hover > a,
    .ets_mm_megamenu.layout_layout1.ybc_vertical_menu:hover,
    #header .layout_layout1:not(.ybc_vertical_menu):not(.click_open_submenu) .mm_menus_li:hover > a,
    #header .layout_layout1:not(.ybc_vertical_menu).click_open_submenu .mm_menus_li.open_li > a,
    #header .layout_layout1:not(.ybc_vertical_menu) .mm_menus_li.menu_hover > a,
    .ets_mm_megamenu.layout_layout1.ybc_vertical_menu:hover {
        background: transparent !important;
        border-color: transparent !important
    }

    #header .layout_layout1:not(.ybc_vertical_menu) .mm_menus_li > a,
    #index #header.sticky .layout_layout1:not(.ybc_vertical_menu) .mm_menus_li > a {
        color: #000000 !important;
    }
    #index #header .layout_layout1:not(.ybc_vertical_menu) .mm_menus_li > a,
    #index #header .layout_layout1:not(.ybc_vertical_menu) .mm_menus_li > a:hover {
        color: #ffffff !important;
    }
    #header .layout_layout1:not(.ybc_vertical_menu) .mm_menus_li > a:hover,
    #index #header.sticky .layout_layout1:not(.ybc_vertical_menu) .mm_menus_li > a:hover {
        color: #D61016 !important;
    }
}

@media only screen and (max-width: 1600px) {
    .mm_menus_ul .mm_menu_content_title {
        font-size: 16px !important;
    }
}
@media only screen and (max-width: 1475px) {
    .mm_menus_ul .mm_menu_content_title {
        padding: 0 1rem !important;
    }
}

@media only screen and (max-width: 1665px) {
    #js-product-list .products .product {
        width: 33.33%;
    }
}
@media only screen and (max-width: 1230px) {
    #js-product-list .products .product {
        width: 50%;
    }
}
@media only screen and (max-width: 650px) {
    #js-product-list .products .product {
        width: 100%;
    }
}


@media only screen and (max-width: 1530px) {

    .wrapper_slider .slide_slider_contener h2,
    .wrapper_slider .slide_slider_contener .h2 {
        font-size: 4.5vw;
    }
    .wrapper_slider .slide_slider_contener .p,
    .wrapper_slider .slide_slider_contener p {
        font-size: 1.5vw;
    }

}


@media only screen and (max-width: 1199px) {
    .layout_layout1.ets_mm_megamenu .mm_columns_ul,
    .ets_mm_megamenu .mm_columns_ul {
        background-color: #FFFFFF !important;
        margin-top: 0 !important;
    }
    .transition_fadeInUp:not(.click_open_submenu) li:hover .mm_columns_ul,
    .transition_fade:not(.click_open_submenu) .mm_menus_li.mm_has_sub:hover .mm_columns_ul,
    .transition_fade.click_open_submenu .mm_menus_li.mm_has_sub .mm_columns_ul.open {        
        animation: none;
    }
}


@media only screen and (max-width: 991px) {

    body, html {
        font-size: 14px;
    }

    .h1, h1, .block-category h1 {
        font-size: 2.6rem;
    }
    .h2, h2 {
      font-size: 2rem;
    }

    .container {
        padding: 0 15px;
    }

    #header #_desktop_cart, #header #search_widget {
        margin-left: 0.5rem;
    }

    .wrapper_slider .slide_slider_contener h1,
    .wrapper_slider .slide_slider_contener .h1,
    .wrapper_banner h1,
    .wrapper_banner .h1 {
        font-size: 3rem;
    }
    .wrapper_slider .slide_slider_contener .p,
    .wrapper_slider .slide_slider_contener p {
        font-size: 1.12rem;
    }
    .wrapper_slider .slide_slider_contener .custom-html .splash_home-text {
        padding: 4rem 1.5rem;
    }

    .wrapper_slider .slide_slider_contener .cb-img,
    .wrapper_slider .slide_slider_contener .custom-html video,
    .wrapper_banner .custom-html video,
    .wrapper_slider .cb-item-content,
    .wrapper_banner .cb-item-content {
        height: 65vh;
    }

    .products.swiper-products {
        padding: 0 1.5rem !important;
    }
    .featured-products h2, .featured-products .h2 {
        margin-bottom: 1rem;
    }

    #wbpblogposts .posts .post {
        flex: 1 1 calc(50% - 1.5rem) !important;
        max-width: calc(50% - 1.5rem) !important;
    }

    .border_button1, .border_button2, .primary_button, .product_button {
        min-width: 210px;
    }

    .product-quantity {
        flex-wrap: wrap;
    }
    .product-quantity .qty {
        height: 44px;
        flex: 0 0 calc(100% - 55px - 1.25rem);
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
    .product-actions .add {
        flex: 0 0 calc(100% - 55px - 1.25rem);
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
    .product-actions .add-to-cart {
        width: 100%;
    }

    .ui-accordion .ui-accordion-content, .ui-accordion #product-details {
        font-size: 1rem;
    }

    .footer-container {
        padding-top: 0;
    }
    .displayFooterBefore {
        margin-bottom: 2.5rem;
    }
    footer .row-reverse {
        display: flex;
        flex-direction: column-reverse;
    }

}

@media only screen and (max-width: 767px) {


    #wrapper {
        padding: calc(75px + 1.5rem) 0 2rem 0;
    }

    .searchbar-autocomplete {
        top: 75px !important;
    }

    .featured-products {
        padding: 1.75rem 0;
    }

    .header-top-right {
        width: 100%;
    }
    .ybc-menu-toggle {
        padding: 8px 0 4px 0;
    }

    .header-top #search_widget input {
        padding: 12px 22px !important;
    }
    .header-top #search_widget input + .clear {
        right: 22px !important;
    }

    #header .header-top {
        padding: 12px 0;
    }

    #header .logo {
        width: 130px;
    }

    #product #content {
        max-width: calc(100% + 30px);
        margin: 0 -15px;
    }
    #main .images-container .js-qv-mask {
        display: none;
    }
    .product-container .title-product {
        font-size: 2rem;
    }
    .product-container .product-info {
        padding: 2rem 0;
    }
    /*.product-container .col-md-6:last-child {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        background: #ffffff;
        margin-top: -10px;
        overflow: hidden;
    }


    #mobile-shop {
        display: block;
    }
    .product-information .product-actions {
        box-shadow: 0 0 5px 0 rgba(0,0,0,.22);
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        opacity: 0;
        transform: translateY(100%);
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #fff;
        padding: 0.5rem 1.5rem;
        z-index: 9;
        transition: .3s;
    }

    .product-information .product-actions.open {
        opacity: 1;
        transform: translateY(0%);
    }*/

    #subcategories .subcategory-heading {
        font-size: 1.26rem;
        padding-right: 100px;
        padding-top: 1rem;
    }

    body#category #wrapper .container > .row, 
    body#contact #wrapper .container > .row, 
    body#module-solbyteprestashopcontact-display #wrapper .container > .row {
        display: flex;
        flex-direction: column-reverse;
    }

    #product #content {
        margin-bottom: 2rem;
    }

    .about-us.row-reverse {
        display: flex;
        flex-direction: column-reverse;
    }

    body#category #products .up {
        display: none !important;
    }

    footer .links .h3, footer .links ul li {
        margin-bottom: 0;
    }
    footer .links .navbar-toggler {
        height: 2.5em;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    footer .footer_bottom {
        flex-direction: column;
    }


}


@media only screen and (max-width: 580px) {

    .wrapper_slider .slide_slider_contener h1,
    .wrapper_slider .slide_slider_contener .h1,
    .wrapper_banner h1,
    .wrapper_banner .h1 {
        font-size: 2.5rem;
    }
    .wrapper_slider .slide_slider_contener .p,
    .wrapper_slider .slide_slider_contener p {
        font-size: 1rem;
    }
    .wrapper_slider .slide_slider_contener .p br,
    .wrapper_slider .slide_slider_contener p br {
        display: none;
    }

    .images-container .product-images > li.thumb-container {
        width: 33.33%;
    }


    #wbpblogposts .posts .post {
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }


}

@media only screen and (max-width: 430px) {
    .products.swiper-products {
        padding: 0;
    }
    .products.swiper-products:before, .products.swiper-products:after {
        background: transparent;
    }
    .sw-nav.prev, .n-hover:hover .sw-nav.prev {
        left: 0;
    }
    .sw-nav.next, .n-hover:hover .sw-nav.next {
        right: 0;
    }
    .images-container .product-images > li.thumb-container picture {
        width: 65px;
        height: 65px;
    }
}