/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 14-abr-2021, 10:06:39
    Author     : Jose A. Garcia
*/
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
/**************COLORES******************/
.amarillo {
    color: #f0a400;
}
.rojo {
    color: #D82916;
}
/**************ARREGLOS******************/
/*Cargar iconos*/
.fa-pts {font-family: "FontAwesome"! important;}
.btn i.material-icons{
    font-family: 'Material Icons';
}
/*Color menu cabecera en movil*/
#mobile_bar a{
    color: #fff;
}
/*centrar numeros dentro de los circulos de carrito, favoritos,...*/
.amount_circle {
    line-height: 16px !important;
}
/*************BOTONES****************/
.mobile_device .form-control, .mobile_device .input-group-addon, .mobile_device .input-group-btn > .btn{
    font-size:3vmin;
}
/**************HOME******************/
/*Baners de categorias*/
#easycontent_10 .row:nth-child(odd) .col-lg-8.steasy_column{
    padding-right: 7px;
}
#easycontent_10 .row:nth-child(odd) .col-lg-4.steasy_column{
    padding-left: 7px;
}
#easycontent_10 .row:nth-child(even) .col-lg-8.steasy_column {
    padding-left: 7px;
}
#easycontent_10 .row:nth-child(even) .col-lg-4.steasy_column{
    padding-right: 7px;
}
#easycontent_10 .sttext_banner_1_1 .sttext_banner_text {
    margin-bottom: 0px !important;
}
#easycontent_10 .row .col-lg-3.steasy_column{
    padding:0 7px;
}
#easycontent_10 .row .col-lg-3.steasy_column:first-child{
    padding-left:14px;
}
#easycontent_10 .row .col-lg-3.steasy_column:last-child{
    padding-right:14px;
}
#easycontent_10 .row{
    margin-bottom:14px;
}
.banner-contenedor{
    position: relative;
    display: flex;  
    transition: all 0.4s ease;
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
    text-align: center;
    transition: all 2s ease;
    overflow:hidden;
}
.banner-contenedor-justify-left{
    justify-content:flex-start;
}
.banner-contenedor-justify-right{
    justify-content:flex-end;
}
.banner-contenedor-justify-center{
    justify-content:center;
}
.banner-contenedor p{
    margin-bottom:0px;
}
.banner-contenedor img{
    object-fit:cover;
    width:100vw;    
    -webkit-transition:all 1.9s ease;
    -moz-transition:all 1.9s ease;
    -o-transition:all 1.9s ease;
    -ms-transition:all 1.9s ease;    
}
.banner-contenedor.img-fila-unica img{
    object-fit: fill;
}
.banner-contenedor:hover{
    -moz-filter: grayscale(0%);
    -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);
    
}
.banner-contenedor:hover img {
-webkit-transform:scale(1.15);
-moz-transform:scale(1.15);
-ms-transform:scale(1.15);
-o-transform:scale(1.15);
transform:scale(1.15);
}
.cta {
    background-color: #F07444;
    color: white;  
    transition: .2s ease; 
  }
.cta:hover {
    background-color: #D82916;
    transition: .2s ease;
    }
.banner-boton{
    display: inline-block;
    border-radius: 2px;
    border: none;
    height: calc(2em + 1vw);
    padding: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    width: calc(8em + 1vw);
    line-height:calc(2em + 1vw);
    opacity:.9;
}
.text-banner{
    position: absolute;
    text-shadow: rgb(0, 0, 0) 3px 0px 8px;
    color:white;
}
.text-banner-top{
    margin-top: calc(0.1em + 1vw);
    margin-left: calc(0.1em + 1vw);    
    align-self:flex-start;
}
.text-banner-bottom{
    margin-bottom: calc(0.1em + 1vw);
    margin-right: calc(0.1em + 1vw);    
    align-self:flex-end;
}
.text-banner-top h2, .text-banner-bottom h2{
    font-size: calc(2em + 1vw);
}
.text-banner-top p, .text-banner-bottom p{
    font-size:calc(0.5em + 1vw);
}
.text-banner-top a, .text-banner-bottom a{
    color:white;
}
/**************CABECERA**************/
/*Información teléfono y whatsapp*/
#top_bar_container .block{
    margin-bottom:0px;
}
#top_bar_container .telefonos_cabecera, #top_bar_container .telefonos_cabecera a {
    color: white !important;
}
.movil {
    background-image: url(/img/cms/msj-instantanea.png);
    background-repeat: no-repeat;
    padding-left: 23px;
    display: inline-block;
}
#top_bar_container #multilink_1:before{
    height:0px !important;
}
/*Cabecera móvil logotipo*/
#mobile_bar_center img{    
    width: 50vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
}
/**************FOOTER**************/
#footer-tertiary{
    background-color: #111111 !important;
    color: white !important;
    border-top-width: none !important;
}
#footer-tertiary .title_block_inner{
    color:white;
}
/*¿Necesitas personalización*/
#footer-secondary-container h3{
    font-size:6vmin;
    text-align: center;
    font-family: 'Pacifico', cursive;
    font-weight:400;
    text-shadow: 1px 1px 6px rgba(0,0,0,0.6);
    margin-bottom:3vmin;
}
#footer-secondary-container .btn-presupuesto{
    font-size:2.2vmin;
}
#footer-secondary-container p{
    font-size:3vmin;
}
.anim-text-flow span,
.anim-text-flow-hover:hover span {
  -webkit-animation-name: anim-text-flow-keys;
          animation-name: anim-text-flow-keys;
  -webkit-animation-duration: 50s;
          animation-duration: 50s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes anim-text-flow-keys {
  0% {
    color: #ca5cd6;
  }
  5% {
    color: #d6bc5c;
  }
  10% {
    color: #5cd67e;
  }
  15% {
    color: #5cd6d6;
  }
  20% {
    color: #9b5cd6;
  }
  25% {
    color: #c0d65c;
  }
  30% {
    color: #5cc8d6;
  }
  35% {
    color: #5cd6bc;
  }
  40% {
    color: #d65cab;
  }
  45% {
    color: #5c78d6;
  }
  50% {
    color: #5c6ed6;
  }
  55% {
    color: #d6685c;
  }
  60% {
    color: #d65cd6;
  }
  65% {
    color: #d67c5c;
  }
  70% {
    color: #5c78d6;
  }
  75% {
    color: #5cd6cc;
  }
  80% {
    color: #d65cd6;
  }
  85% {
    color: #5cd685;
  }
  90% {
    color: #d6665c;
  }
  95% {
    color: #5cd689;
  }
  100% {
    color: #665cd6;
  }
}
@keyframes anim-text-flow-keys {
  0% {
    color: #ca5cd6;
  }
  5% {
    color: #d6bc5c;
  }
  10% {
    color: #5cd67e;
  }
  15% {
    color: #5cd6d6;
  }
  20% {
    color: #9b5cd6;
  }
  25% {
    color: #c0d65c;
  }
  30% {
    color: #5cc8d6;
  }
  35% {
    color: #5cd6bc;
  }
  40% {
    color: #d65cab;
  }
  45% {
    color: #5c78d6;
  }
  50% {
    color: #5c6ed6;
  }
  55% {
    color: #d6685c;
  }
  60% {
    color: #d65cd6;
  }
  65% {
    color: #d67c5c;
  }
  70% {
    color: #5c78d6;
  }
  75% {
    color: #5cd6cc;
  }
  80% {
    color: #d65cd6;
  }
  85% {
    color: #5cd685;
  }
  90% {
    color: #d6665c;
  }
  95% {
    color: #5cd689;
  }
  100% {
    color: #665cd6;
  }
}
.anim-text-flow span:nth-of-type(1),
.anim-text-flow-hover:hover span:nth-of-type(1) {
  -webkit-animation-delay: -19.8s;
          animation-delay: -19.8s;
}
.anim-text-flow span:nth-of-type(2),
.anim-text-flow-hover:hover span:nth-of-type(2) {
  -webkit-animation-delay: -19.6s;
          animation-delay: -19.6s;
}
.anim-text-flow span:nth-of-type(3),
.anim-text-flow-hover:hover span:nth-of-type(3) {
  -webkit-animation-delay: -19.4s;
          animation-delay: -19.4s;
}
.anim-text-flow span:nth-of-type(4),
.anim-text-flow-hover:hover span:nth-of-type(4) {
  -webkit-animation-delay: -19.2s;
          animation-delay: -19.2s;
}
.anim-text-flow span:nth-of-type(5),
.anim-text-flow-hover:hover span:nth-of-type(5) {
  -webkit-animation-delay: -19s;
          animation-delay: -19s;
}
.anim-text-flow span:nth-of-type(6),
.anim-text-flow-hover:hover span:nth-of-type(6) {
  -webkit-animation-delay: -18.8s;
          animation-delay: -18.8s;
}
.anim-text-flow span:nth-of-type(7),
.anim-text-flow-hover:hover span:nth-of-type(7) {
  -webkit-animation-delay: -18.6s;
          animation-delay: -18.6s;
}
.anim-text-flow span:nth-of-type(8),
.anim-text-flow-hover:hover span:nth-of-type(8) {
  -webkit-animation-delay: -18.4s;
          animation-delay: -18.4s;
}
.anim-text-flow span:nth-of-type(9),
.anim-text-flow-hover:hover span:nth-of-type(9) {
  -webkit-animation-delay: -18.2s;
          animation-delay: -18.2s;
}
.anim-text-flow span:nth-of-type(10),
.anim-text-flow-hover:hover span:nth-of-type(10) {
  -webkit-animation-delay: -18s;
          animation-delay: -18s;
}
.anim-text-flow span:nth-of-type(11),
.anim-text-flow-hover:hover span:nth-of-type(11) {
  -webkit-animation-delay: -17.8s;
          animation-delay: -17.8s;
}
.anim-text-flow span:nth-of-type(12),
.anim-text-flow-hover:hover span:nth-of-type(12) {
  -webkit-animation-delay: -17.6s;
          animation-delay: -17.6s;
}
.anim-text-flow span:nth-of-type(13),
.anim-text-flow-hover:hover span:nth-of-type(13) {
  -webkit-animation-delay: -17.4s;
          animation-delay: -17.4s;
}
.anim-text-flow span:nth-of-type(14),
.anim-text-flow-hover:hover span:nth-of-type(14) {
  -webkit-animation-delay: -17.2s;
          animation-delay: -17.2s;
}
.anim-text-flow span:nth-of-type(15),
.anim-text-flow-hover:hover span:nth-of-type(15) {
  -webkit-animation-delay: -17s;
          animation-delay: -17s;
}
.anim-text-flow span:nth-of-type(16),
.anim-text-flow-hover:hover span:nth-of-type(16) {
  -webkit-animation-delay: -16.8s;
          animation-delay: -16.8s;
}
.anim-text-flow span:nth-of-type(17),
.anim-text-flow-hover:hover span:nth-of-type(17) {
  -webkit-animation-delay: -16.6s;
          animation-delay: -16.6s;
}
.anim-text-flow span:nth-of-type(18),
.anim-text-flow-hover:hover span:nth-of-type(18) {
  -webkit-animation-delay: -16.4s;
          animation-delay: -16.4s;
}
.anim-text-flow span:nth-of-type(19),
.anim-text-flow-hover:hover span:nth-of-type(19) {
  -webkit-animation-delay: -16.2s;
          animation-delay: -16.2s;
}
.anim-text-flow span:nth-of-type(20),
.anim-text-flow-hover:hover span:nth-of-type(20) {
  -webkit-animation-delay: -16s;
          animation-delay: -16s;
}
.anim-text-flow span:nth-of-type(21),
.anim-text-flow-hover:hover span:nth-of-type(21) {
  -webkit-animation-delay: -15.8s;
          animation-delay: -15.8s;
}
.anim-text-flow span:nth-of-type(22),
.anim-text-flow-hover:hover span:nth-of-type(22) {
  -webkit-animation-delay: -15.6s;
          animation-delay: -15.6s;
}
.anim-text-flow span:nth-of-type(23),
.anim-text-flow-hover:hover span:nth-of-type(23) {
  -webkit-animation-delay: -15.4s;
          animation-delay: -15.4s;
}
.anim-text-flow span:nth-of-type(24),
.anim-text-flow-hover:hover span:nth-of-type(24) {
  -webkit-animation-delay: -15.2s;
          animation-delay: -15.2s;
}
.anim-text-flow span:nth-of-type(25),
.anim-text-flow-hover:hover span:nth-of-type(25) {
  -webkit-animation-delay: -15s;
          animation-delay: -15s;
}
.anim-text-flow span:nth-of-type(26),
.anim-text-flow-hover:hover span:nth-of-type(26) {
  -webkit-animation-delay: -14.8s;
          animation-delay: -14.8s;
}
.anim-text-flow span:nth-of-type(27),
.anim-text-flow-hover:hover span:nth-of-type(27) {
  -webkit-animation-delay: -14.6s;
          animation-delay: -14.6s;
}
.anim-text-flow span:nth-of-type(28),
.anim-text-flow-hover:hover span:nth-of-type(28) {
  -webkit-animation-delay: -14.4s;
          animation-delay: -14.4s;
}
.anim-text-flow span:nth-of-type(29),
.anim-text-flow-hover:hover span:nth-of-type(29) {
  -webkit-animation-delay: -14.2s;
          animation-delay: -14.2s;
}
.anim-text-flow span:nth-of-type(30),
.anim-text-flow-hover:hover span:nth-of-type(30) {
  -webkit-animation-delay: -14s;
          animation-delay: -14s;
}
.anim-text-flow span:nth-of-type(31),
.anim-text-flow-hover:hover span:nth-of-type(31) {
  -webkit-animation-delay: -13.8s;
          animation-delay: -13.8s;
}
.anim-text-flow span:nth-of-type(32),
.anim-text-flow-hover:hover span:nth-of-type(32) {
  -webkit-animation-delay: -13.6s;
          animation-delay: -13.6s;
}
.anim-text-flow span:nth-of-type(33),
.anim-text-flow-hover:hover span:nth-of-type(33) {
  -webkit-animation-delay: -13.4s;
          animation-delay: -13.4s;
}
.anim-text-flow span:nth-of-type(34),
.anim-text-flow-hover:hover span:nth-of-type(34) {
  -webkit-animation-delay: -13.2s;
          animation-delay: -13.2s;
}
.anim-text-flow span:nth-of-type(35),
.anim-text-flow-hover:hover span:nth-of-type(35) {
  -webkit-animation-delay: -13s;
          animation-delay: -13s;
}
.anim-text-flow span:nth-of-type(36),
.anim-text-flow-hover:hover span:nth-of-type(36) {
  -webkit-animation-delay: -12.8s;
          animation-delay: -12.8s;
}
.anim-text-flow span:nth-of-type(37),
.anim-text-flow-hover:hover span:nth-of-type(37) {
  -webkit-animation-delay: -12.6s;
          animation-delay: -12.6s;
}
.anim-text-flow span:nth-of-type(38),
.anim-text-flow-hover:hover span:nth-of-type(38) {
  -webkit-animation-delay: -12.4s;
          animation-delay: -12.4s;
}
.anim-text-flow span:nth-of-type(39),
.anim-text-flow-hover:hover span:nth-of-type(39) {
  -webkit-animation-delay: -12.2s;
          animation-delay: -12.2s;
}
.anim-text-flow span:nth-of-type(40),
.anim-text-flow-hover:hover span:nth-of-type(40) {
  -webkit-animation-delay: -12s;
          animation-delay: -12s;
}
.anim-text-flow span:nth-of-type(41),
.anim-text-flow-hover:hover span:nth-of-type(41) {
  -webkit-animation-delay: -11.8s;
          animation-delay: -11.8s;
}
.anim-text-flow span:nth-of-type(42),
.anim-text-flow-hover:hover span:nth-of-type(42) {
  -webkit-animation-delay: -11.6s;
          animation-delay: -11.6s;
}
.anim-text-flow span:nth-of-type(43),
.anim-text-flow-hover:hover span:nth-of-type(43) {
  -webkit-animation-delay: -11.4s;
          animation-delay: -11.4s;
}
.anim-text-flow span:nth-of-type(44),
.anim-text-flow-hover:hover span:nth-of-type(44) {
  -webkit-animation-delay: -11.2s;
          animation-delay: -11.2s;
}
.anim-text-flow span:nth-of-type(45),
.anim-text-flow-hover:hover span:nth-of-type(45) {
  -webkit-animation-delay: -11s;
          animation-delay: -11s;
}
.anim-text-flow span:nth-of-type(46),
.anim-text-flow-hover:hover span:nth-of-type(46) {
  -webkit-animation-delay: -10.8s;
          animation-delay: -10.8s;
}
.anim-text-flow span:nth-of-type(47),
.anim-text-flow-hover:hover span:nth-of-type(47) {
  -webkit-animation-delay: -10.6s;
          animation-delay: -10.6s;
}
.anim-text-flow span:nth-of-type(48),
.anim-text-flow-hover:hover span:nth-of-type(48) {
  -webkit-animation-delay: -10.4s;
          animation-delay: -10.4s;
}
.anim-text-flow span:nth-of-type(49),
.anim-text-flow-hover:hover span:nth-of-type(49) {
  -webkit-animation-delay: -10.2s;
          animation-delay: -10.2s;
}
.anim-text-flow span:nth-of-type(50),
.anim-text-flow-hover:hover span:nth-of-type(50) {
  -webkit-animation-delay: -10s;
          animation-delay: -10s;
}
.anim-text-flow span:nth-of-type(51),
.anim-text-flow-hover:hover span:nth-of-type(51) {
  -webkit-animation-delay: -9.8s;
          animation-delay: -9.8s;
}
.anim-text-flow span:nth-of-type(52),
.anim-text-flow-hover:hover span:nth-of-type(52) {
  -webkit-animation-delay: -9.6s;
          animation-delay: -9.6s;
}
.anim-text-flow span:nth-of-type(53),
.anim-text-flow-hover:hover span:nth-of-type(53) {
  -webkit-animation-delay: -9.4s;
          animation-delay: -9.4s;
}
.anim-text-flow span:nth-of-type(54),
.anim-text-flow-hover:hover span:nth-of-type(54) {
  -webkit-animation-delay: -9.2s;
          animation-delay: -9.2s;
}
.anim-text-flow span:nth-of-type(55),
.anim-text-flow-hover:hover span:nth-of-type(55) {
  -webkit-animation-delay: -9s;
          animation-delay: -9s;
}
.anim-text-flow span:nth-of-type(56),
.anim-text-flow-hover:hover span:nth-of-type(56) {
  -webkit-animation-delay: -8.8s;
          animation-delay: -8.8s;
}
.anim-text-flow span:nth-of-type(57),
.anim-text-flow-hover:hover span:nth-of-type(57) {
  -webkit-animation-delay: -8.6s;
          animation-delay: -8.6s;
}
.anim-text-flow span:nth-of-type(58),
.anim-text-flow-hover:hover span:nth-of-type(58) {
  -webkit-animation-delay: -8.4s;
          animation-delay: -8.4s;
}
.anim-text-flow span:nth-of-type(59),
.anim-text-flow-hover:hover span:nth-of-type(59) {
  -webkit-animation-delay: -8.2s;
          animation-delay: -8.2s;
}
.anim-text-flow span:nth-of-type(60),
.anim-text-flow-hover:hover span:nth-of-type(60) {
  -webkit-animation-delay: -8s;
          animation-delay: -8s;
}
.anim-text-flow span:nth-of-type(61),
.anim-text-flow-hover:hover span:nth-of-type(61) {
  -webkit-animation-delay: -7.8s;
          animation-delay: -7.8s;
}
.anim-text-flow span:nth-of-type(62),
.anim-text-flow-hover:hover span:nth-of-type(62) {
  -webkit-animation-delay: -7.6s;
          animation-delay: -7.6s;
}
.anim-text-flow span:nth-of-type(63),
.anim-text-flow-hover:hover span:nth-of-type(63) {
  -webkit-animation-delay: -7.4s;
          animation-delay: -7.4s;
}
.anim-text-flow span:nth-of-type(64),
.anim-text-flow-hover:hover span:nth-of-type(64) {
  -webkit-animation-delay: -7.2s;
          animation-delay: -7.2s;
}
.anim-text-flow span:nth-of-type(65),
.anim-text-flow-hover:hover span:nth-of-type(65) {
  -webkit-animation-delay: -7s;
          animation-delay: -7s;
}
.anim-text-flow span:nth-of-type(66),
.anim-text-flow-hover:hover span:nth-of-type(66) {
  -webkit-animation-delay: -6.8s;
          animation-delay: -6.8s;
}
.anim-text-flow span:nth-of-type(67),
.anim-text-flow-hover:hover span:nth-of-type(67) {
  -webkit-animation-delay: -6.6s;
          animation-delay: -6.6s;
}
.anim-text-flow span:nth-of-type(68),
.anim-text-flow-hover:hover span:nth-of-type(68) {
  -webkit-animation-delay: -6.4s;
          animation-delay: -6.4s;
}
.anim-text-flow span:nth-of-type(69),
.anim-text-flow-hover:hover span:nth-of-type(69) {
  -webkit-animation-delay: -6.2s;
          animation-delay: -6.2s;
}
.anim-text-flow span:nth-of-type(70),
.anim-text-flow-hover:hover span:nth-of-type(70) {
  -webkit-animation-delay: -6s;
          animation-delay: -6s;
}
.anim-text-flow span:nth-of-type(71),
.anim-text-flow-hover:hover span:nth-of-type(71) {
  -webkit-animation-delay: -5.8s;
          animation-delay: -5.8s;
}
.anim-text-flow span:nth-of-type(72),
.anim-text-flow-hover:hover span:nth-of-type(72) {
  -webkit-animation-delay: -5.6s;
          animation-delay: -5.6s;
}
.anim-text-flow span:nth-of-type(73),
.anim-text-flow-hover:hover span:nth-of-type(73) {
  -webkit-animation-delay: -5.4s;
          animation-delay: -5.4s;
}
.anim-text-flow span:nth-of-type(74),
.anim-text-flow-hover:hover span:nth-of-type(74) {
  -webkit-animation-delay: -5.2s;
          animation-delay: -5.2s;
}
.anim-text-flow span:nth-of-type(75),
.anim-text-flow-hover:hover span:nth-of-type(75) {
  -webkit-animation-delay: -5s;
          animation-delay: -5s;
}
.anim-text-flow span:nth-of-type(76),
.anim-text-flow-hover:hover span:nth-of-type(76) {
  -webkit-animation-delay: -4.8s;
          animation-delay: -4.8s;
}
.anim-text-flow span:nth-of-type(77),
.anim-text-flow-hover:hover span:nth-of-type(77) {
  -webkit-animation-delay: -4.6s;
          animation-delay: -4.6s;
}
.anim-text-flow span:nth-of-type(78),
.anim-text-flow-hover:hover span:nth-of-type(78) {
  -webkit-animation-delay: -4.4s;
          animation-delay: -4.4s;
}
.anim-text-flow span:nth-of-type(79),
.anim-text-flow-hover:hover span:nth-of-type(79) {
  -webkit-animation-delay: -4.2s;
          animation-delay: -4.2s;
}
.anim-text-flow span:nth-of-type(80),
.anim-text-flow-hover:hover span:nth-of-type(80) {
  -webkit-animation-delay: -4s;
          animation-delay: -4s;
}
.anim-text-flow span:nth-of-type(81),
.anim-text-flow-hover:hover span:nth-of-type(81) {
  -webkit-animation-delay: -3.8s;
          animation-delay: -3.8s;
}
.anim-text-flow span:nth-of-type(82),
.anim-text-flow-hover:hover span:nth-of-type(82) {
  -webkit-animation-delay: -3.6s;
          animation-delay: -3.6s;
}
.anim-text-flow span:nth-of-type(83),
.anim-text-flow-hover:hover span:nth-of-type(83) {
  -webkit-animation-delay: -3.4s;
          animation-delay: -3.4s;
}
.anim-text-flow span:nth-of-type(84),
.anim-text-flow-hover:hover span:nth-of-type(84) {
  -webkit-animation-delay: -3.2s;
          animation-delay: -3.2s;
}
.anim-text-flow span:nth-of-type(85),
.anim-text-flow-hover:hover span:nth-of-type(85) {
  -webkit-animation-delay: -3s;
          animation-delay: -3s;
}
.anim-text-flow span:nth-of-type(86),
.anim-text-flow-hover:hover span:nth-of-type(86) {
  -webkit-animation-delay: -2.8s;
          animation-delay: -2.8s;
}
.anim-text-flow span:nth-of-type(87),
.anim-text-flow-hover:hover span:nth-of-type(87) {
  -webkit-animation-delay: -2.6s;
          animation-delay: -2.6s;
}
.anim-text-flow span:nth-of-type(88),
.anim-text-flow-hover:hover span:nth-of-type(88) {
  -webkit-animation-delay: -2.4s;
          animation-delay: -2.4s;
}
.anim-text-flow span:nth-of-type(89),
.anim-text-flow-hover:hover span:nth-of-type(89) {
  -webkit-animation-delay: -2.2s;
          animation-delay: -2.2s;
}
.anim-text-flow span:nth-of-type(90),
.anim-text-flow-hover:hover span:nth-of-type(90) {
  -webkit-animation-delay: -2s;
          animation-delay: -2s;
}
.anim-text-flow span:nth-of-type(91),
.anim-text-flow-hover:hover span:nth-of-type(91) {
  -webkit-animation-delay: -1.8s;
          animation-delay: -1.8s;
}
.anim-text-flow span:nth-of-type(92),
.anim-text-flow-hover:hover span:nth-of-type(92) {
  -webkit-animation-delay: -1.6s;
          animation-delay: -1.6s;
}
.anim-text-flow span:nth-of-type(93),
.anim-text-flow-hover:hover span:nth-of-type(93) {
  -webkit-animation-delay: -1.4s;
          animation-delay: -1.4s;
}
.anim-text-flow span:nth-of-type(94),
.anim-text-flow-hover:hover span:nth-of-type(94) {
  -webkit-animation-delay: -1.2s;
          animation-delay: -1.2s;
}
.anim-text-flow span:nth-of-type(95),
.anim-text-flow-hover:hover span:nth-of-type(95) {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.anim-text-flow span:nth-of-type(96),
.anim-text-flow-hover:hover span:nth-of-type(96) {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
.anim-text-flow span:nth-of-type(97),
.anim-text-flow-hover:hover span:nth-of-type(97) {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}
.anim-text-flow span:nth-of-type(98),
.anim-text-flow-hover:hover span:nth-of-type(98) {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.anim-text-flow span:nth-of-type(99),
.anim-text-flow-hover:hover span:nth-of-type(99) {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.anim-text-flow span:nth-of-type(100),
.anim-text-flow-hover:hover span:nth-of-type(100) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
/**************PRODUCTO**************/
.dropdown_list .dropdown_list_ul li span{
        cursor: pointer;
    }
/**************PRODUCTO**************/
/*Se hace el contenedor de la imagen de la pagina de producto a 800px de ancho*/
.images-container.pro_number_1, .images-container.pro_number_1 .pro_gallery_thumbs_horizontal {
     max-width: 800px !important;
}
/*Tamaño del precio*/
.product-information .product-prices .price.st_first_price{
    font-size: 6vmin;
    font-weight:bold;
}
.product-information .product-prices .price.st_second_price{
    font-size:3vmin;
}
/*Descuentos por volumen*/
.product-discounts .product-discounts-title{
    padding-top: 2vmin;
}
.product-discounts .table-product-discounts{
    margin-bottom: 3vmin;
}
.pro_extra_info_label {
    background-color: #D82915;
    color: white;
    padding: 4px;
}
/*Tamano descuento*/
.st_second_price_old_price {
    text-decoration: line-through;
    background-color: #D82916;
    padding: 0.3rem;
    color: white !important;
    font-weight: bold;
    margin-right: 0.5rem;
}

/*Quitar el borde al logo de los fabricantes en la pagina de producto*/
.pro_extra_info_content img{
    border: none;
}
/*Referencia en negrita*/
.product-reference .pro_extra_info_content{
    font-weight: 700;
    font-size:2vmin;
}
/*Texto de los H3 en listas*/
#center_column .ajax_block_product h3{
    font-size: 2.3vmin;
}
/*Tab de los productos*/
.accordion_more_info .mobile_tab .mobile_tab_title{
	color:white;
}
.mobile_tab .mobile_tab_title{
	padding: 8px !important;
	background-color:black;
}
.mobile_tab .mobile_tab_title a{
	color:white;
}

/**************CUENTA CLIENTE******************/
/*Menu izquierdo*/
a.cookiegdpr:not([href]):not([tabindex]){
    color: #444;
}
a.cookiegdpr:not([href]):not([tabindex]):hover {
    color:#e54d26;
}
/**************CMS******************/
#cms #center_column h1{
    font-size: 4vmin;
}
#cms #center_column h2{
    font-size: 2.5vmin;
}
#cms #center_column h3{
    font-size: 2.2vmin;
}
#cms #center_column h4{
    font-size: 2vmin;
}
#cms #center_column h5{
    font-size: 1.8vmin;
}
#cms #center_column h6{
    font-size: 1.6vmin;
}
#cms #center_column p{
    font-size: 1.4vmin;
}
/*Pagina contacto*/
#contact h2{
    font-size: 2.5vmin;
}
/**************MODULOS******************/
/*Carrito*/
 #rightbar .amount_circle{
    background:#D82916;
}
#rightbar .amount_circle.lingge{
    background:#777;
}
/*Modulo de hacer conjuntos*/
.st_paa{
    border: 1px solid grey;
}
.st_paa .clearfix{
    margin-bottom: 0px;
}
ul.st_paa_ul{
    padding:10px !important;
}
.st_paa div{
    margin-bottom: .8rem;
}
.st_paa .control-label{
    font-weight:bold;
    font-size: .85rem;
    color:#FFFFFF;
    background-color:grey;
    padding-left:10px;    
}
.st_paa_pro .st_paa_ul li a span:first-of-type:before{
     content: '\A'; white-space: pre;
}
.st_paa_ul li {
    width:48%;
}
/*Modulo comentarios*/
.tag-wrap .form-control{
    max-width: 50% !important;   
}
/*DB Faqs*/
.dbfaqs{
    margin-bottom:3vmin;
}
.dbfaqs .card-body p{
    padding-left:3vmin;
}
/*Color textura en producto*/
.product-variants .texture{
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
/*ask about product free*/
#send_aap_button {
    margin-bottom: 2vmin;
}
/*OnePageCheckOut*/
div#onepagecheckoutps div#onepagecheckoutps_step_two
.delivery-option .delivery_option_title{
    font-weight:bold;
}
div#onepagecheckoutps div#onepagecheckoutps_step_two 
.delivery-option .delivery_option_price{
    color: #D82916;
    font-size: 12px !important;
    font-weight: bold;
}
div#onepagecheckoutps .price{
    font-size: 2.5vmin !important;
}
div#onepagecheckoutps .product-price{
    font-size: 2.3vmin !important;
}
/*Carrito de la cabecera y pie movil*/
.st_shopping_cart.header_item .amount_circle.lingge {
    background-color: #777;
}
/*Productos vistos recientemente*/
.stviewedproducts_container .clearfix:after{
    clear:none;
}

/* Monitores por encima del fullhd*/
@media (min-width:1921px){
    /**************HOME******************/
    /*Baners de categorias*/
    .banner-contenedor img{
        height:833px;
    }
}
/*Monitores hasta FullHD*/
@media (min-width:1025px) and (max-width:1920px){
     /**************HOME******************/
    /*Baners de categorias*/
    .banner-contenedor img{
        height:779px;
    }
    .banner-contenedor.img-fila-unica img{
        height:auto;
    }
}
@media (min-width:769px) and (max-width:1024px){
     /**************HOME******************/
    /*Baners de categorias*/   
    .banner-contenedor img{
        height:500px;
        object-fit: fill;
    }
    /*MODULOS*/
    /*Productos como atributos*/
    .st_paa_ul li {
        width:99%;
    }
}
/*Pantallas de tablet*/
/*Monitores hasta FullHD*/
@media (min-width:480px) and (max-width:768px){
     /**************HOME******************/
    /*Baners de categorias*/
    #easycontent_10 .row:nth-child(odd) .col-lg-8.steasy_column {
    padding-right: 4px !important;
    }
    #easycontent_10 .row:nth-child(odd) .col-lg-4.steasy_column {
        padding-left: 4px !important;
    }
    #easycontent_10 .row:nth-child(even) .col-lg-8.steasy_column {
        padding-left: 4px !important;
    }
    #easycontent_10 .row:nth-child(even) .col-lg-4.steasy_column {
        padding-right: 4px !important;
    }
    #easycontent_10 .sttext_banner_1_1 .sttext_banner_text {
        margin-bottom: 0px !important;
    }
    #easycontent_10 .row{
        margin-bottom:8px;
    }
    .text-banner-top{
        margin-bottom: calc(0.1em + 1vw);
        margin-right: calc(0.1em + 1vw); 
        align-self: flex-end;
    }
    .banner-contenedor img{
        height:310px;
    }
    .text-banner-top h2, .text-banner-bottom h2{
        font-size: calc(1.5em + 1vw);        
    }
    .banner-contenedor-justify-left{
        justify-content:center;
    }
    .banner-contenedor-justify-right{
        justify-content:center;
    }
    /*PRODUCTOS*/
    #send_aap_button{
        width:100%;
    }
    /*PANEL DE USUARIO*/
    .myacount_dashbord_list .list-group-item{
        width:100%;
    }
    /*MODULOS*/
    /*Productos como atributos*/
    .st_paa_ul li {
        width:99%;
    }
}
/*Pantallas Móviles*/
@media (max-width:480px){
    /**************HOME******************/
    /*Baners de categorias*/
     #easycontent_10 .row .col-12.steasy_column {
        padding-right: 15px !important;
        padding-left: 15px !important;
     }
     #easycontent_10 .row .col-6.steasy_column:nth-child(even) {
        padding-right: 15px !important;        
     }
     #easycontent_10 .row .col-6.steasy_column:nth-child(odd) {
        padding-left: 15px !important;        
     }
    #easycontent_10 .row > div:first-child{
        margin-bottom: 15px !important;
    }
    #easycontent_10 .row{
        margin-bottom:15px;
    }
    .banner-contenedor img{
        height:300px;
    }
    .text-banner-top p, .text-banner-bottom p{
        font-size: calc(1em + 1vw);        
    }
    .banner-contenedor-justify-left{
        justify-content:center;
    }
    .banner-contenedor-justify-right{
        justify-content:center;
    }
    .text-banner-top, .text-banner-bottom{         
        align-self: center;
    }
    /*CATEGORIAS*/    
    .tm_gallery_thumbs .swiper-slide {
        height: 60px;
    }
    #center_column .ajax_block_product h3{
        font-size: 3vmin;
    }
    /*PRODUCTOS*/
    #send_aap_button{
        width:100%;
    }
    button.add-to-cart{
        margin-top:4vmin;
        margin-bottom:4vmin;
    }
    .pro_cart_right .flex_box{
        justify-content:space-between;
    }
    /*Tamaño del precio*/
    .product-information .product-prices .price.st_first_price{
        font-size: 9vmin;
    }
    /*Tamaño de la referencia*/
    .product-reference .pro_extra_info_content{
        font-size:4vmin;
    }
    /*PANEL DE USUARIO*/
    .myacount_dashbord_list .list-group-item{
        width:100%;
    }
    /*MODULOS*/
    /*Enviar una consulta*/
    #sendAAPEmail{
        margin-top:4vmin;
        width: 100%;
    }
    
    /*Modulo comentarios*/
    .tag-wrap .form-control{
        max-width: 100% !important;   
    }
    /*Modulo onepagecheckout*/
    div#onepagecheckoutps .price {
        font-size: 3.5vmin !important;
    }
    div#onepagecheckoutps .product-price {
        font-size: 3.5vmin !important;
    }    
    /*Productos como atributos*/
    .st_paa_ul li {
        width:99%;
    }
}
/* Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- */
@media (min-width: 1024px) {   
    
    /*Acotamos el alto de lo thumb de las fotos de los productos*/
    .mar_b10{
        max-height:57px;
    }
    /*Reducimos 1px el ancho de los thumb para que el borde de la última foto se vea*/
    .tm_gallery_thumbs .swiper-slide{
        width:49px !important;
    }
    /*Tamaño del buscador de la cabecera*/
    #st_header .search_widget_block {
        width: 60%;
    }
}
/*Reglas comunes para pantallas de más de 1023x*/
@media (max-width: 1023px){
    /**************HOME******************/
    /*Baners de categorias*/
    .banner-contenedor{    
    -moz-filter: grayscale(0%);
    -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);
    } 
    /*************MODULOS*************/
    /*etiqetas productos*/
    /*etiqueta pack - calidad precio - Premium*/
    .st_sticker_6, .st_sticker_7, .st_sticker_10 {        
        width: 12vmin;
    }
    /*etiqueta pack*/
    .st_sticker_6 {
        bottom: 35px !important;
    }
    /*etiqueta calidad precio - Premium*/
    .st_sticker_7, .st_sticker_10  {
        top: 30px !important;
    }    
    /*etiqueta Outlet*/
    .st_sticker_9{
        width: 20vmin;        
    }
    /**************PRODUCTO************/
    .pro_extra_info {
        margin-bottom: 1rem !important;
    }
}