/* ===============================
   VARIABLES
================================ */
:root {
  --color-main: #ffbe24;
  --color-secondary: #0a2e57;
  --color-black: #081827;
  --color-white: #ffffff;
  --color-gray: #fafafd;
  --radius-main: 50px;
  --transition-main: all .3s ease;
}

/* ===============================
   RESET TIPOGRÁFICO
================================ */
html, body {
  font-family: 'Montserrat', sans-serif!important;
  scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Raleway', sans-serif!important;
}

body {
    background-color: var(--color-gray);
    position: relative;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    opacity: .03;
    z-index: 9999;
    background-image:
        radial-gradient(circle at 20% 20%, #000 1px, transparent 1px),
        radial-gradient(circle at 80% 40%, #000 1px, transparent 1px),
        radial-gradient(circle at 40% 80%, #000 1px, transparent 1px),
        radial-gradient(circle at 60% 60%, #000 1px, transparent 1px);
    background-size: 180px 180px;
}

/* ===============================
   LOADER
================================ */

#loader .dot, .lds-roller div:after, .lds-fs div, .lds-ellipsis div {
  background: var(--color-main)!important;
}
#loader-wrapper {
    background: background: var(--color-white)!important;
}
.btn-cat-fixed {
    background: background: var(--color-main)!important;
}

/* ===============================
   BOTONES
================================ */
.btn, 
button,
a[class*="btn"] {
  border-radius: var(--radius-main)!important;
  transition: var(--transition-main)!important;
}

.btn:hover {
  background: var(--color-main)!important;
  color: var(--color-white)!important;
}

.btn.primary {
  color: var(--color-black) !important;
  border: 1px solid var(--color-black) !important;
  border-radius: 25px !important;
  padding:10px 25px!important;
  text-align: center !important;
  background: transparent !important;
}

.btn.primary:hover,
.btn.primary:active,
.btn.primary:focus {
  color: var(--color-black) !important;
  border: 1px solid var(--color-main) !important;
  background: var(--color-main)!important;
  border-radius: 25px !important;
  padding:10px 25px!important;
  text-align: center !important;
}


.btn.secondary {
  color: var(--color-white) !important;
  border: 1px solid var(--color-white) !important;
  border-radius: 25px !important;
  padding:10px 25px!important;
  text-align: center !important;
  background: transparent !important;
}

.btn.secondary:hover,
.btn.secondary:active,
.btn.secondary:focus {
  color: var(--color-black) !important;
  border: 1px solid var(--color-main) !important;
  background: var(--color-main)!important;
  border-radius: 25px !important;
  padding:10px 25px!important;
  text-align: center !important;
}

/* ===============================
   GENERALES
================================ */

#tt-pageContent > .container-indent0:not(.nomargin):not([class^="tt-offset"]) {
    margin-top: 0px!important;
}

#tt-pageContent > .container-indent:not(.nomargin):not([class^="tt-offset"]) {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    padding-top: 50px!important;
    padding-bottom: 50px!important;
}

.tt-breadcrumb {
  display: none!important;
}

/* ===============================
   MEGAMENÚ
================================ */

.tt-desctop-menu:not(.tt-hover-02) li.dropdown > a {
  color: var(--color-black) !important;
    border: 1px solid transparent!important;
    border-radius: 25px!important;
    padding-top: 5px!important;
    margin: 10px!important;
    text-align: center!important;
    padding-right: 15px !important;
    padding-bottom: 5px!important;
    padding-left: 15px!important;
}

.tt-desctop-menu:not(.tt-hover-02) li.dropdown > a:hover,
.tt-desctop-menu:not(.tt-hover-02) li.dropdown > a:active,
.tt-desctop-menu:not(.tt-hover-02) li.dropdown > a:focus {
  color: var(--color-black) !important;
    border: 1px solid var(--color-black) !important;
    border-radius: 25px!important;
    padding-top: 5px!important;
    margin: 10px!important;
    text-align: center!important;
    padding-right: 15px !important;
    padding-bottom: 5px!important;
    padding-left: 15px!important;
}

#supermenuProductos .supermenu-categories {
    background: var(--color-black);!important;
}
.supermenu-subcategories h3 a, 
.supermenu-subcategories h3 a:hover,
.supermenu-subcategories h3 a:active,
.supermenu-subcategories h3 a:focus,
.subcategory-item a,
.subcategory-item a:hover,
.subcategory-item a:active, 
.subcategory-item a:focus {
    color: var(--color-main)!important;
}

.supermenu-subcategories h3 {
    border-bottom: 2px solid var(--color-main)!important;
}

.my-services .row > div:last-child .service-item {
  border-right: none !important;
}


/* ===============================
   HEADER
================================ */

.tt-mobile-header .tt-logo-container .tt-logo img, .tt-logo img {
    max-height: 45px!important;
    position: relative;
    top: 1px;
}

.tt-logo-2 img {
    max-height: 40px!important;
    top: 3px!important;
}

header .tt-cart .tt-dropdown-toggle .tt-badge-cart {
  background: var(--color-main)!important;
}

.tt-cesta-nro {
  background: var(--color-main)!important;
}

.tt-cesta {
  background: var(--color-black)!important;
}

.tt-header-bg,
.stuck.tt-stuck-nav,
header .tt-mobile-header {
  background: var(--color-white)!important;
}

.tt-desctop-menu nav > ul > li > a {
  color: var(--color-white)!important;
}

.tt-desctop-menu nav > ul > li > a:hover {
  color: var(--color-main)!important;
}

header .tt-dropdown-obj .tt-dropdown-toggle, header .tt-dropdown-obj .tt-dropdown-mic, .tt-menu-toggle i {
  color: var(--color-main)!important;
}

/* ===============================
   SLIDER
================================ */

.hephaistos .tp-bullet:hover, .hephaistos .tp-bullet.selected {
  background: var(--color-main)!important;
}

.hephaistos .tp-bullet {
  background: var(--color-white)!important;
}

.f-slider-2 {
        font-size: 26px!important;
        line-height: 55px;
    }

.f-slider-1 {
        font-size: 65px!important;
        line-height: 75px;
    }

/* mobile */
@media (max-width: 768px) {  
  .f-slider-2 {
      font-size: 12px!important;
      line-height: 1.2!important;
  }
  .f-slider-1 {
      font-size: 30px!important;
      line-height: 1.2!important;
  }
  .tp-caption1-wd-4 a {
    padding: 14px 10px 12px!important;
  }

  #rev_slider_1_forcefullwidth,
    #rev_slider_1_forcefullwidth .rev_slider_wrapper,
    #rev_slider_1,
    #rev_slider_1 .tp-revslider-mainul,
    #rev_slider_1 .tp-revslider-slidesli,
    #rev_slider_1 .slotholder,
    #rev_slider_1 .tp-bgimg,
    .tp-fullwidth-forcer {
      height: 45vh!important;
  }
}



/* ===============================
   TITULOS
================================ */
.tt-block-title .tt-title {
  color: var(--color-main)!important;
}

/* ===============================
   PRODUCTOS
================================ */
.tt-product {
  background: var(--color-white)!important;
  border-radius: 12px!important;
  transition: var(--transition-main)!important;
}

.tt-product:hover {
  transform: translateY(-5px);
}

.tt-product:not(.tt-view) .tt-image-box .tt-label-location .tt-label-our-fatured {
    background: var(--color-main)!important;
    color: #ffffff;
    padding: 10px 15px !important;
    border-radius: 50px !important;
}

.tt-product .tt-image-box {
  background: var(--color-white)!important;
  border-radius: 10px!important;
  overflow: hidden;
}

.tt-product img {
  transition: var(--transition-main);
}

.tt-product:hover img {
  transform: scale(1.05);
}

.tt-product .tt-price {
  color: var(--color-black)!important;
  font-weight: 600!important;
}

.tt-product .tt-btn-addtocart {
  background: var(--color-main)!important;
  color: var(--color-white)!important;
}

.t-decimal:after {
    border-bottom: 1px solid var(--color-main)!important;
}

.tt-cuotas {
  color: var(--color-main)!important;
}

.tt-product:not(.tt-view) .tt-image-box .tt-btn-compare {
  background: var(--color-main)!important;
  color: var(--color-white)!important;
}

.tt-product:not(.tt-view) .tt-image-box .tt-label-location {
  top: 6px!important;
}

.leftColumn .tt-list-row li a.active:hover,
.leftColumn .tt-list-row li a.active:active,
.leftColumn .tt-list-row li a.active:focus {
  color: var(--color-main)!important;
}

.leftColumn .tt-list-row li a, .rightColumn .tt-list-row li a:hover,
.leftColumn .tt-list-row li a, .rightColumn .tt-list-row li a:active,
.leftColumn .tt-list-row li a, .rightColumn .tt-list-row li a:focus {
  color: var(--color-main)!important;
}

.tt-collapse .tt-collapse-title:hover span,
.tt-collapse .tt-collapse-title:acitve span,
.tt-collapse .tt-collapse-title:focus span{
  color: var(--color-main)!important;
}

.tt-product:not(.tt-view) .tt-description .tt-add-info li a:hover,
.tt-product:not(.tt-view) .tt-description .tt-add-info li a:active,
.tt-product:not(.tt-view) .tt-description .tt-add-info li a:focus {
  color: var(--color-main)!important;
}

.tt-product:not(.tt-view) .tt-description .tt-title a:hover,
.tt-product:not(.tt-view) .tt-description .tt-title a:active,
.tt-product:not(.tt-view) .tt-description .tt-title a:focus {
  color: var(--color-main)!important;
}

/* ===============================
   LABELS
================================ */
.tt-label-new {
  background: var(--color-black)!important;
  color: var(--color-white)!important;
  border-radius: 20px!important;
  padding: 9px !important;
}

/* ===============================
   LISTADOS
================================ */

.leftColumn .tt-list-row li a, .rightColumn .tt-list-row li a {
  text-transform: uppercase!important;
}
.tt-btn-col-close a:hover, .leftColumn .tt-list-row li a.active, .tt-filters-options .tt-btn-toggle a, .tt-filters-options .tt-btn-toggle a:before, .tt-filters-options .tt-btn-toggle a {
  color: var(--color-main)!important;
}
.btn-link {
  text-transform: uppercase!important;
}


/* ===============================
   FICHA
================================ */

.tt-label-our-fatured {
  background: var(--color-main) !important;    
}

.tt-product-single-info .tt-label [class^="tt-label"] {
  background: var(--color-main) !important;
    color: #ffffff !important;
    padding: 9px !important;
    border-radius: 50px !important;
}

.contact-form .btn {
  border-radius: 0px!important; 
}

.wrapper-social-icon {
    margin-top: 0px!important; 
}

.wrapper-social-icon {
  background: var(--color-main)!important;
}

.compartiren {
  color: var(--color-white)!important;
}

ul.tt-social-icon.justify-content-center li a {
   color: var(--color-white)!important;
}



/* ===============================
   PREGUNTAS Y RESPUESTAS
================================ */

.ia-preguntas-strip {
    background: var(--color-black)!important;
}
.ia-preguntas-title {
  color: var(--color-white)!important;
}
#ia-pregunta-btn {
    background: var(--color-main)!important;
    border: 1px solid var(--color-main)!important;
    color: #fff !important;
    border-radius: 0px!important;    
}


/* ===============================
   ENVIOS
================================ */

.tt-services-block .tt-col-icon {
  color: var(--color-main)!important;
}



/* ===============================
   FOOTER
================================ */

footer .tt-color-scheme-01 .tt-list li a, footer .tt-color-scheme-01 .tt-social-icon li a, 
footer .tt-color-scheme-01 .tt-mobile-collapse .tt-collapse-content .tt-list li a, 
footer .tt-color-scheme-01 .tt-collapse-content, 
footer .tt-color-scheme-01 .tt-collapse-content a:hover {
  color: var(--color-main)!important;
}

footer .tt-color-scheme-01 {
  background: rgba(10, 46, 87, 0.92)!important;
  color: var(--color-white)!important;
}

footer .tt-color-scheme-02,
footer .tt-color-scheme-03 {
  background: var(--color-main)!important;
}

footer .tt-mobile-collapse .tt-collapse-title, footer .tt-mobile-collapse .tt-collapse-title:before {
  color: var(--color-white)!important;
}

footer .fc-pie-micuenta {
  display: none!important;
}


/* ===============================
   Banner inicio
================================ */

.vr-nosotros {
    padding: 80px 0;
    background: #ffffff;
}

.vr-nosotros-content h2 {
    font-family: 'Raleway', sans-serif;
    font-size: clamp(2.5rem, 5vw, 4.5rem);
    font-weight: 300;
    color: var(--color-secondary);
    margin-bottom: 20px;
}

.vr-nosotros-content p {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--color-black);
    margin-bottom: 20px;
}

.vr-nosotros-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: var(--radius-main);
}

@media (max-width: 991px) {

    .vr-nosotros {
        padding: 70px 0;
        text-align: center;
    }

    .vr-nosotros-content {
        margin-bottom: 20px;
    }

}

.vr-que-hacemos {
    padding: 100px 0;
    background: rgba(10, 46, 87, 0.92);
    backdrop-filter: blur(2px);
}

.vr-que-hacemos-content h2 {
    font-family: 'Raleway', sans-serif;
    font-size: clamp(2.5rem, 5vw, 4.5rem);
    font-weight: 300;
    color: var(--color-white);
    margin-bottom: 25px;
}

.vr-que-hacemos-content p,
.vr-que-hacemos-content li {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--color-white);
    text-align: left;
}

.vr-que-hacemos-content ul {
    margin: 0 0 25px;
    padding-left: 20px;
}

.vr-que-hacemos-content li {
    margin-bottom: 12px;
}

.vr-que-hacemos-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: var(--radius-main);
}

@media (max-width: 991px) {

    .vr-que-hacemos {
        padding: 70px 0;
        text-align: center;
    }

    .vr-que-hacemos-content ul {
        text-align: left;
    }

}


/* ===============================
   ORIGINAL
================================ */

.tt-header-holder .tt-obj-logo:not(.obj-move-right):not(.obj-aligment-center) .tt-logo {margin-right: 20px;}
.prop-c1 .select2 .selection .select2-selection, .prop-c1 .form-group input, .prop-c1dh .form-group input, .prop-avanzada .btn-lista {-webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
.prop-c2 .select2 .selection .select2-selection {border-radius: 0px!important;}
.prop-c1 .select2 .selection .select2-selection, .prop-c2 .select2 .selection .select2-selection {border-right: 0px; min-width: 100%; width: 100%}
.prop-c1 .select2, .prop-c2 .select2, .prop-c3 .select2 {min-width: 100%!important; width: 100%!important}
@media (min-width: 1025px) {
  .prop-c2  {padding-left: 0px; padding-right: 0px}
  .prop-c1, .prop-c1dh {padding-right: 0px}
  .prop-btn, .prop-c3, .prop-c3dh {padding-left: 0px}
  .form-busqueda .row.mb-2 {margin-top: 1rem!important}
  .tt-collapse-block .prop-avanzada.active .tt-collapse-title {bottom: 0px;}
  .prop-title {margin:0 0 15px; color:#fff!important}
  .prop-ambientes .tt-options-swatch.options-middle li a {min-width: 32px; min-height: 40px;}
}
@media (max-width: 1024px) {
.prop-ambientes .tt-options-swatch.options-middle li a {min-width: 32px; min-height: 30px;}
.prop-title {margin:0 0 10px; color:#fff!important}
.prop-c1dh {padding-right: 0px}
.prop-c3dh {padding-left: 0px}
.prop-fnd img {height: calc(100vh - 100px)}
.prop-tmobile {margin-top: 10px;}
.form-busqueda .form-group {margin-bottom: 10px;}
.form-busqueda .row.mb-2 {margin-top: 0.5rem!important}
.prop-label-mobile {display: none}
.btn-avanzada {margin-top: 1rem!important}
.tt-collapse-block .prop-avanzada.active .tt-collapse-title {bottom: -10px;}
}
@media (max-width: 900px) {
.prop-fnd .tt-description .tt-title-small {
    font-size: 20px;
    line-height: 20px;
}
}

.prop-c1 .form-group input, .prop-c1dh .form-group input {border-right: 1px solid #aaa}
.prop-btn a, .prop-c3 .form-group input, .prop-c3dh .form-group input, .prop-avanzada .btn-mapa {-webkit-border-top-left-radius: 0px;-webkit-border-bottom-left-radius: 0px;-moz-border-radius-topleft: 0px;-moz-border-radius-bottomleft: 0px;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.prop-btn a i {font-size: 14px; position: relative; top: -1px;}
.prop-wrapper {background: rgba(0, 0, 0, 0.65)!important; padding:20px!important}
.prop-ambientes ul.tt-options-swatch li {margin: 10px 5px 0!important}
.prop-c-label {color: #eeeeee}
.prop-avanzada .tt-collapse-title {color: #eeeeee!important; padding-top: 17px!important; padding-bottom: 0px!important;}
.prop-avanzada .tt-collapse-title:hover {color: #ffffff!important}
.tt-collapse-block .prop-avanzada.active .tt-collapse-title {color: #eee; padding-bottom: 15px; position: absolute; width: calc(100% - 20px);}
.prop-avanzada .btn-group {position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle;}
.prop-avanzada .btn-group input{display: none}
.prop-avanzada label.w-50.btn.btn-secondary {background: #787878; border: 2px solid #fff;}
.prop-avanzada label.w-50.btn.btn-secondary.active {background: #fff; border: 2px solid #fff; color: #151514}


.tt-btn-col-close a:hover, .leftColumn .tt-list-row li a.active, .tt-filters-options .tt-btn-toggle a, .tt-filters-options .tt-btn-toggle a:before, .tt-filters-options .tt-btn-toggle a {color:#ffbe24}
.tt-breadcrumb ul li a,.tt-breadcrumb ul li {text-transform: uppercase;}
.t-decimal:after {border-bottom: 1px solid #ffbe24}
.tt-product:not(.tt-view).thumbprod-center .tt-description .tt-price {zoom: 2; color: #ffbe24!important;}

ul.tt-social-icon.justify-content-center li a {color:#ffbe24}
ul.tt-social-icon.justify-content-center li a:hover {color:#5b99fe}
@media (min-width: 790px) {
  h1:not(.tt-title-subpages):not([class^="tt-title"]):not([class^="tt-collapse"]):not([class^="tt-aside"]) {color:#fff}
}
/* alerta no compra*/
.t-alert{background: red; color: #fff; padding: 10px 50px 10px 15px;}
#t-alert-cerrar{position: absolute; top: 8px; right: 8px; color: inherit; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}
.t-cerrar{font-size: 22px;}
/* alerta no compra*/
/* barras laterales*/
@media (max-width: 1024px) {
  header .tt-cart .tt-dropdown-menu .tt-cart-layout .tt-cart-content .tt-cart-btn .tt-item {margin-top: 10px!important;}
  header .tt-cart .tt-dropdown-menu .tt-cart-layout .tt-cart-content .tt-cart-total-row {margin-top: 20px; padding-top: 14px;}
}
#carrito-canastita {overflow-x: hidden; max-height: 250px; padding-right: 15px;}
body::-webkit-scrollbar, #carrito-canastita::-webkit-scrollbar {background-color:#fff; width:16px}
body::-webkit-scrollbar-track, #carrito-canastita::-webkit-scrollbar-track {background-color:#fff}
body::-webkit-scrollbar-thumb, #carrito-canastita::-webkit-scrollbar-thumb {background-color:#babac0; border-radius:16px; border:4px solid #fff}
body::-webkit-scrollbar-button, #carrito-canastita::-webkit-scrollbar-button {display:none}
/* barras laterales*/
/*base*/
.precios-comparar {
  width: 100%;
  text-align: center;
  display: block!important;
}
.tt-compare-table .tt-item .tt-image-box .tt-img img {
    margin: 0 auto;
}
@media (min-width: 790px){
  .tt-shopcart-col .form-control {
      height: 244px;
  }
}
#sucursales .tt-blog-masonry .tt-post-content span b {font-weight: 900}
#sucursales .tt-blog-masonry .tt-post-content {margin-left: 70px; margin-right: 70px;}
.tt-description-wrapper{background: rgba(40, 121, 254, .75); padding: 6px; border-radius: 4px;}
.tt-description .tt-obj-bottom {background: rgba(40, 121, 254, .75); width: calc(100% - 58px); margin-left: -6px; padding: 6px 6px 4px;border-radius: 4px;}
.tt-promo-02 .tt-description .tt-obj-bottom {bottom: 20px}
.tt-base-color {
    color: #ffbe24!important;
}
.modal-newsletter .modal-backdrop.show {
    -moz-opacity: 0.93!important;
    -khtml-opacity: 0.93!important;
    -webkit-opacity: 0.93!important;
    opacity: 0.93!important;
}
.color-2{color:#28c1fe!important}
.logo-splash{width: 100%!important}

.tt-promo-fixed .tt-description a {
    line-height: 15px!important;
    padding-top: 5px!important;
}
footer .tt-logo-alignment {
    top: 3px!important;
}
@media (min-width: 790px){
  footer .tt-color-scheme-01 .tt-collapse-title {
      line-height: 16px;
  }
}
.tt-wishlist-box .tt-wishlist-list .tt-item .tt-col-description .tt-description .tt-price .new-price, .tt-compare-table .tt-item .tt-image-box .tt-price .new-price, .precio-oferta, .tt-product:not(.tt-view) .tt-description .tt-price .new-price, .tt-product-design02:not(.tt-view) .tt-description .tt-price .new-price {
    color: #ffbe24!important;
}
.tt-wishlist-box .tt-wishlist-list .tt-item .tt-col-description .tt-description .tt-price .old-price, .tt-compare-table .tt-item .tt-image-box .tt-price .old-price, .tt-product-single-info .tt-price .old-price, .precio-ant, .tt-product:not(.tt-view) .tt-description .tt-price .old-price {
    color: #dcdcdc!important;
    text-decoration: line-through;
}
.mw-80{max-width: 80px}
.tt-logo-2 img {height: auto; max-height: 15px; top: -2px; position: relative; padding-right: 15px;}
.tt-desctop-menu .tt-logo-2 img{width: auto!important; display: none}
.tt-desctop-menu nav > ul > li.dropdown > a {font-size: 12px}
@media (min-width: 1025px) and (max-width: 1229px) {
  .tt-desctop-menu nav > ul > li.dropdown > a {font-size: 11px; padding: 17px 7px 16px;}
}
.tt-stuck-parent-menu .tt-desctop-menu .tt-logo-2 img {display: block}
.tt-mobile-header .tt-logo-container .tt-logo img, .tt-logo img {max-height: 15px; position: relative; top: 1px}
.tt-label-gratis {background: #28a745; color: #ffffff; padding: 2px 6px; border-radius: 4px;}
#steps-uid-0 .actions ul li.disabled:nth-child(1) {display: none;}
footer .tt-box-copyright a img.loading {max-height: 51px}