:root {
    --main-color: #daac60;
    --brighter-color: #fafafa;
    --bright-color: #e9e9e9;
    --dark-color: #888988;
    --darkter-color: #041f3f;
    --footer-backcolor: #333333;
    --font-family: 'Lato', sans-serif;
    --logo-filter:opacity(1);
    --menu-bordercolor: #adadad;
    --preloader-color-1: var(--main-color);
    --preloader-color-2: var(--footer-backcolor);
--top-background-color: #041f3f8a; /*#041f3f;*/
--header-background-color: #041f3f;
    --logo-max-width: 400px;
    --logo-max-height: 150px;
--logo-reduce-width: 0.8;
    --logo-reduce-height: 0.8;

--background-blink-color:#ffd988;
}

/* filter sub-categories */
#content .row ul:not(.pagination) li {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #dadada;;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 5px 0;
}
#content .row ul:not(.pagination) li a {
/*color: white;
font-weight: bold;*/
text-align: center;
width:100%;
padding: 5px;
}
#content .row ul:not(.pagination) li:hover {
   box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
}
#content .row ul:not(.pagination) li a:hover {
    text-decoration: none;
}


/* menu hamburguer */
.menu-button-container svg {
    fill: white;
}
.menu-mobile-header {
    background-color: var(--darkter-color);
}
.menu-mobile-header svg {
    fill: white;
}
.navbar-collapse.navbar-ex1-collapse {
    border: 0;
}

/* slider */
/*
#common-home .flexslider_container {
margin-top: -184px;
margin-bottom: 80px;
}
*/

/* carrusel de marcas */
.ci_slider {
margin-top: 80px;
margin-bottom: 80px;
}

.btn-info.focus, .btn-info:focus {
    color: #fff;
    background-color: var(--main-color);
    border: 1px solid;
}
.btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: var(--main-color);
    border: 1px solid;
}
.btn-info:hover {
    color: #fff;
    background-color: #eb767b;
    border: 1px solid;
}
/*
.btn_shopping_cart:not([disabled]):not(.disabled) {
    border: 1px solid;
    background-color: var(--main-color);
    color: white;
}
.btn_shopping_cart:not([disabled]):not(.disabled):hover {
    color: white;
    background-color: #c78922;
}
*/
/* SLIDER TEXT */
.flexslider_container .flexslider .slider-text > .slider-text-inner h1.slider-title {
    font-size: 6rem;
    font-weight: 700;
/*    margin-bottom: 500px;*/
    position: absolute;
    top: 100px;
left: 0;
    width: 100%;
/*   animation-name: backInDown;*/
    animation-duration: 1s;
    animation-delay: 0.5s;
filter: drop-shadow(1px 2px 4px black) drop-shadow(1px 2px 4px black);
padding: 0 40px;
}
.flexslider_container .flexslider .slider-text > .slider-text-inner h1.slider-subtitle {
    font-size: 4rem;
    font-weight: 700;
    animation-name: zoomIn;
    animation-delay: 1.5s;
    animation-duration: 1s;
}
@media (max-width: 992px) {
    .flexslider_container .flexslider .slider-text > .slider-text-inner h1.slider-title {
        font-size: 5rem;
    }
    .flexslider_container .flexslider .slider-text > .slider-text-inner h1.slider-subtitle {
        font-size: 3.5rem;
    }   
}
@media (max-width: 768px) {
    .flexslider_container .flexslider .slider-text > .slider-text-inner h1.slider-title {
        font-size: 4rem;
    }
    .flexslider_container .flexslider .slider-text > .slider-text-inner h1.slider-subtitle {
        font-size: 3rem;
    }        
}


/* MAP */
section.map {
    margin: 100px 50px;
    color:var(--darkter-color);
    display: flex;
    justify-content: center;    
}
section.map .row {
    flex: 1;
}
section.map h1 {
    font-size: 5rem;
    font-weight: 700;
    margin: 0 20px 32px 20px;
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-delay: 0;        
}
section.map .google-map {
    height: 400px;
}


/* MENU */
#menu .dropdown-menu {
border-left: 1px solid rgba(0,0,0,.15);
    backdrop-filter: blur( 8.5px );
    -webkit-backdrop-filter: blur( 8.5px );
    background: #ffffff8c;
    box-shadow: 0 8px 32px 0 rgb(31 38 135 / 37%);
}

/* PRELOADER */

.preloader img {
    display:none;
}

.preloader-custom {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
  border-top: 4px solid var(--main-color);
  border-right: 4px solid transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.preloader-custom::after {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border-left: 4px solid var(--darkter-color);
  border-bottom: 4px solid transparent;
  animation: rotation 0.5s linear infinite reverse;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 

 
@media (max-width: 767px) {
    .navbar-collapse {
        min-width: 60%;
    }
}

.flexslider_container .flexslider .slider-text {
    left: 0;
}


@font-face {
    font-family: 'Master Of Break';
    src: url('/image/catalog/fonts/master_of_break.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Imprint MT Shadow';
    src: url('/image/catalog/fonts/imprintmtshadow.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
 }


#collapse-shipping-method .panel-body p:first-of-type::after {
    content: " Por favor, aguarde a que nos contactemos para confirmar stock. Los pedidos se preparan en 24 hs.";
    font-weight: bold;
    display: block;
    margin-top: 10px;
    color: #f91414;
    font-size: 1.5rem;
}

#product-selector-panel .panel-heading .panel-title  img {
filter:none ! important;
padding: 5px 0 ! important
}
#product-selector-panel .panel-heading {
background-color:#041f3f;
}

.marquee-container marquee {
padding: 5px 0 ! important;
}
/* First paint for #categories. Breakpoints match initCarousels() in common.js
   (1 / 2 / 3 / 4 items at 0 / 800 / 1200 / 1600). owl-pending is removed once
   Owl adds owl-loaded, so these rules do not fight Owl's pixel widths. */
#categories.owl-pending {
    --owl-items: 1;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
}
@media (min-width: 800px) {
    #categories.owl-pending {
        --owl-items: 2;
    }
}
@media (min-width: 1200px) {
    #categories.owl-pending {
        --owl-items: 3;
    }
}
@media (min-width: 1600px) {
    #categories.owl-pending {
        --owl-items: 4;
    }
}
#categories.owl-pending > .item,
#categories.owl-pending .owl-item {
    flex: 0 0 calc(100% / var(--owl-items));
    width: calc(100% / var(--owl-items));
    min-width: 0;
    max-width: calc(100% / var(--owl-items));
    float: none;
    box-sizing: border-box;
}
#categories.owl-pending .owl-stage {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    transform: none;
}