html, body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    background-color: #fff;
    color: #777;
    overflow-x: hidden !important;
}

body {
    padding-bottom: 0px !important;
}

@font-face {
    font-family: 'Futura';
    src: url('../fonts/FuturaPTMedium.woff2') format('woff2'), url('../fonts/FuturaPTMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

a {
    color: #585858;
    text-decoration: none;
    background-color: transparent;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

/* barra lateral galeria*/
.a-li {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

@media (min-width: 768px) {
        .collection-collapse-block-content .collection .col .link-section ul {
            margin-bottom: 3rem;
    }
}

@media (max-width: 767px) {
        .col-sm-3.collection-filter-side.category-page-side   {
            display: none;
    }
}




.offer-banner .banner-contain h5 {
    font-size: 18px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.05em;
    font-weight: 400;
    margin-top: 25px
}

.media-banner .media-banner-box .media .media-body .media-contant p {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    margin-bottom: 0
}

.top-header {
    /*display: none;*/
    background-color: #d1df8a;
    z-index: 99;
    height: 35px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 0px !important;
}

    .top-header .top-header-left {
        height: 35px !important;
        justify-content: center;
        background-color: #d1df8a;
    }

        .top-header .top-header-left .shpping-order h6 {
            color: #ffffff;
            padding: 16px;
            font-family: 'Roboto', sans-serif;
            font-weight: 600;
            letter-spacing: 0.05em;
            color: #30527F;
            text-align: center;
            font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
        }



        .top-header .top-header-left .app-link h6 {
            font-size: 13px;
            color: #fff;
            text-transform: capitalize;
            font-family: 'Roboto', sans-serif;
        }

    .top-header .top-header-right .top-menu-block ul li a {
        color: #fff;
        text-transform: capitalize;
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 1px;
        height: 100%
    }

.layout-header3 .main-menu .menu-right .icon-block ul li .cart-item {
    display: inline-block;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.5px
}

.layout-header4 .icon-block ul li a i .cart-icon {
    display: inline-block;
    color: #8d8d8d;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.5px
}

/* seccion empleos */
.bg-light .empleos {
    height: 250px;
    padding-top: 50px;
    background-color: rgb(235, 238, 242) !important;
}

.col-lg-5.col-empleos {
    margin: 0 auto !important;
}

@media (min-width: 1200px) {
    .col-lg-5.col-empleos {
        max-width: 41% !important;
    }
}



@media (min-width: 1200px) {
    .img-slide-mobile {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    .img-slide-pc {
        display: none !important;
    }

    .slider-banner-contain {
        justify-content: center !important;
    }
}

/* FORM CONTACTO*/

#colegio::placeholder, #nombre::placeholder, #apellido::placeholder, #telefono::placeholder, #provincia::placeholder, #email::placeholder, #mensaje::placeholder {
    color: #30527F;
    font-weight: 700;
}

label[for="nombre"], label[for="apellido"], label[for="telefono"], label[for="email"], label[for="Provincia (*)"], label[for="mensaje"], label[for="Whatsapp (*)"], label[for="Colegio/Institución (*)"] {
    color: #30527F;
    font-weight: 700;
}

p.campos-obligatorios {
    color: #30527F;
}


img.img-icono-contacto {
    max-width: 50%;
}

.text-mensaje-contacto {
    border: 2px solid #30527F;
}

@media (min-width: 1200px) {
    .col-border-contacto {
        border-right: 3px dotted #30527F;
        max-width: 1%;
    }
}

@media (max-width: 1199px) {
    .col-border-contacto {
        display: none;
    }
}

.col-datos-contacto {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: flex;
}

.col-iconos-contacto {
    text-align: center;
}

.datos-contacto-card {
    padding: 10px 0px;
}

@media (max-width: 1199px) {
    .datos-contacto-card {
        padding: 0px 0px 10px 0px !important;
    }

    .iconos-contacto {
        padding: 20px !important;
    }
}

@media (min-width: 1200px) {
    .col-datos-contacto {
        margin-right: -200px;
    }

    .col-form-contacto {
        margin-left: -200px;
    }
}

@media (max-width: 577px) {
    .col-form-contacto {
        padding: 20px 20px 40px 20px;
    }
}

@media (min-width: 578px) and (max-width: 1199px) {
    .col-form-contacto {
        padding: 50px;
    }
}

/* DESPLEGABLE CHICOS B2B */
@media (min-width: 1401px) {
    .pixelstrap.sm-horizontal .full-mega-menu {
        top: 75px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .pixelstrap.sm-horizontal .full-mega-menu {
        top: 40px !important;
    }
}

@media (min-width: 1200px) {
    /*.pixelstrap .full-mega-menu {
        width: 20vw !important;
    }*/
    .pixelstrap .full-mega-menu .mega-box {
        padding: 10px 300px 0px 0px !important;
    }

    .pixelstrap .full-mega-menu, .pixelstrap .clothing-menu {
        padding: 10px 0px 20px 5px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1300px) {
    .pixelstrap.sm-horizontal .full-mega-menu {
        left: 37% !important;
    }
}

@media (min-width: 1301px) and (max-width: 1499px) {
    .pixelstrap.sm-horizontal .full-mega-menu {
        left: 33% !important;
    }
}

@media (min-width: 1500px) and (max-width: 1600px) {
    .pixelstrap.sm-horizontal .full-mega-menu {
        left: 40% !important;
    }
}

@media (min-width: 1601px) and (max-width: 1700px) {
    .pixelstrap.sm-horizontal .full-mega-menu {
        left: 58% !important;
    }
}

@media (min-width: 1701px) and (max-width: 1849px) {
    .pixelstrap.sm-horizontal .full-mega-menu {
        left: 46% !important;
    }
}

@media (min-width: 1850px) and (max-width: 2099px) {
    .pixelstrap.sm-horizontal .full-mega-menu {
        left: 50% !important;
    }
}

@media (min-width: 2100px) {
    .pixelstrap.sm-horizontal .full-mega-menu {
        left: 55% !important;
    }
}

@media (max-width: 1199px) {
    .pixelstrap li ul li a {
        text-transform: uppercase;
    }
}

/* HEADER NUEVO CHICOS B2B*/
@media (min-width: 1200px) {
    .layout-header2.header2-mobile, .ayuda-icon-header, .col-trigger-cel {
        display: none;
    }
    /* para visualizar menu desplegable:*/
    .layout-header2.header2-pc {
        overflow: visible !important;
    }

    .pixelstrap.sm-horizontal .mega {
        margin-right: 40px !important;
    }

    .header-seccion-iconos {
        align-items: flex-end !important;
        flex-wrap: nowrap;
    }

    .layout-header2 .main-menu-block .cart-block {
        margin-left: 20px !important;
    }

    .buscador-header {
        padding-right: 25px;
    }

    a.link-visitado {
        color: #c4d280 !important;
    }

    .col-iconos-header {
        padding-left: 0px !important;
    }

    .category-header-2 .navbar-menu .category-left .icon-block {
        display: none !important;
    }

    .category-header-2 .custom-container {
        width: unset !important;
    }

    img.img-iconos-header {
        height: 30px;
    }
}

@media (max-width: 577px) {
    img.img-iconos-header {
        height: 23px !important;
    }
}

@media (min-width: 578px) and (max-width: 1199px) {
    img.img-iconos-header {
        height: 31px !important;
    }
}

@media (max-width: 1199px) {
    .pixelstrap a, .pixelstrap a:hover, .pixelstrap a:active {
        color: #30527F !important;
    }

    .search-icon-header {
        display: none;
    }

    .layout-header2 .main-menu-block .logo-block {
        position: relative !important;
    }

    .layout-header2 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .col-desplegable {
        max-width: 0% !important;
        z-index: 99;
    }

    .toggle-nav i {
        right: 0 !important;
    }

    .col-logo-header {
        justify-content: center;
    }

    .sm-horizontal .mobile-back {
        color: #30527F !important;
    }
}

@media (max-width: 420px) {
    .col-iconos-header {
        margin-top: -30px;
        padding-right: 60px;
    }

    .col-logo-header {
        margin-left: 13.666667%;
    }
}


@media (min-width: 421px) and (max-width: 577px) {
    .col-iconos-header {
        margin-top: -18px;
    }

    .col-logo-header {
        margin-left: 15.666667%;
    }
}

@media (min-width: 578px) and (max-width: 1199px) {
    .col-logo-header {
        margin-left: 16%;
    }
}



.search-overlay > div .overlay-content input {
    text-transform: uppercase;
    font-family: 'Futura';
    color: #000 !important;
    font-size: 1.2rem;
}



/* seccion nosotros video  / seccion servicios*/

@media (max-width: 577px) {
    .col-nosotros-video {
        height: 20rem;
        padding-bottom: 2rem;
    }
}

@media (min-width: 578px) and (max-width: 1199px) {
    .col-nosotros-video {
        height: 30rem;
        padding-bottom: 2rem;
    }
}

@media (max-width:1199px) {
    .col-nosotros-video {
        height: 20rem;
        padding-bottom: 2rem;
    }

    .col-servicios-img {
        padding: 2rem 0 0 0 !important
    }
}

@media (min-width:1200px) and (max-width:1390px) {
    .img-fluid.img-servicios {
        height: 61rem !important;
        object-fit: cover !important;
    }

    .img-fluid.img-servicios-2 {
        height: 65rem !important;
        object-fit: cover !important;
    }
}

@media (max-width:780px) {
    .img-fluid.img-servicios {
        max-width: 110% !important;
    }
}

/*seccion años institucional*/
.titulos-1982 {
    font-size: 9rem;
    font-weight: 500 !important;
    font-family: 'Futura' !important;
    color: #235383;
    letter-spacing: -0.4rem;
}

.fechas-1982 {
    font-size: 1.8rem;
    font-weight: 500 !important;
    font-family: 'Futura' !important;
    color: #235383;
    line-height: 1.3rem;
}

.fila-tres-fechas-1982 {
    margin-top: 3rem;
}

.col-completa-1982 {
    border-right: 3px dotted #30527F;
}

.col-completa-1982-last {
    border-right: none !important;
}

@media (min-width:1200px) {
    .col-completa-1982 {
        justify-content: center;
        display: flex;
    }

    .col-fechas-1982 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        margin-top: 1rem;
    }

    .col-fechas-1982-mobile {
        display: none;
    }
}

@media (max-width:1199px) {
    .col-fechas-1982 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .col-fechas-1982-pc {
        display: none !important;
    }

    .fila-fechas-1982 {
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width:577px) {
    .col-fechas-1982 {
        display: flex;
    }

    .titulos-1982 {
        font-size: 3.5rem;
    }

    .fechas-1982 {
        font-size: 1rem;
    }

    .fechas-1982 {
        margin-bottom: 0 !important;
    }
}

@media (min-width:578px) and (max-width:1199px) {
    .titulos-1982 {
        font-size: 5rem;
    }
}

/* carrito en header mobile*/
@media (min-width:1200px) {
    .cart.header-icono-carrito-top-mobiles {
        display: none;
    }

    .layout-header2 .main-menu-block .cart-block .mobile-ask {
        display: none !important;
    }
}

.layout-header2 .main-menu-block .cart-block .mobile-ask {
    position: fixed !important;
    bottom: 14px !important;
    right: 47% !important;
    top: unset !important;
    color: #fff !important;
    z-index: 9 !important;
    line-height: 0.8;
}

.layout-header2 .main-menu-block .cart-block .cart .cart-product-mobiles {
    background-color: #D1DF8A;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-size: 11px;
    position: absolute;
    top: -20px;
    right: -7px;
}

@media (max-width:1199px) {
    .layout-header2 .main-menu-block .cart-block .mobile-cart {
        display: none;
    }

    .layout-header2 .main-menu-block .cart-block .mobile-ask i {
        color: #fff;
    }

    .layout-header2 .main-menu-block .cart-block .cart i {
        font-size: 1.8rem;
    }

    .header-icono-carrito-top-mobiles ul {
        margin-bottom: 0 !important;
    }
}




@media (min-width: 600px) and (max-width: 1199px) {
    .col-lg-5.col-empleos {
        max-width: 70% !important;
    }
}

.empleos-back {
    border-top: 10px solid #32537d;
    border-radius: 8px;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    left: -1px;
    position: absolute;
    top: -1px;
    width: calc(100% + 2px);
    background-color: #fff;
    color: rgba(255, 255, 255, 1);
    padding: 5px 15px;
}

#gform {
    margin-bottom: -50px;
}


/* fin seccion empleos */

/* vista checkout y eshop container: */

@media (max-width: 1470px) {
    .custom-container.container-secciones-clientes {
        width: unset !important;
    }
}

/*eshop container*/
.eshop-container {
    background-color: #fff;
}

@media (min-width: 1200px) {
    .eshop-container {
        margin: 30px 100px 30px !important;
        padding: 20px 30px;
    }

        .eshop-container.eshop-articulos {
            padding: 20px 50px !important;
        }
}

@media (min-width: 578px) and (max-width: 1199px) {
    .eshop-container {
        margin: 20px 50px 20px !important;
        padding: 20px 0px;
    }
}
/*fin eshop container*/



.secciones-clientes {
    padding: 10px 0px !important;
}

.custom-container.container-secciones-clientes {
    padding: 0px !important;
}

@media (max-width: 577px) {
    .custom-container.container-secciones-clientes {
        padding: 15px 10px !important;
    }

    .contact-page .btn {
        margin-top: 20px !important;
        margin-bottom: 40px !important;
    }
}

@media (max-width: 1199px) {
    .secciones-clientes {
        padding: 0px 20px !important;
    }
}

h2.titulos-clientes {
    font-weight: 800;
    color: #000;
    margin-bottom: 20px;
    font-size: calc(28px + (36 - 20) * ((100vw - 320px) / (1920 - 320)));
}

    h2.titulos-clientes:after {
        content: ' ';
        display: block;
        height: 1px;
        width: 100%;
        margin: 10px 0px;
        background-color: #f0f0f2;
    }

@media (max-width: 1199px) {
    h2.titulos-clientes {
        text-align: center;
    }

    .category-header-2.menu-en-header {
        display: none;
    }
}

.category-header-2.menu-en-header {
    background-color: unset;
    border-top: none;
}

@media (min-width: 1300px) {
    .category-header-2.menu-en-header {
        margin-left: 40px;
    }
}

.col-boton-checkout-comprar {
    display: flex;
    flex-direction: column;
}

@media (min-width: 1200px) {
    .col-boton-checkout-comprar {
        align-items: flex-end;
    }
}

@media (max-width: 1199px) {
    .col-boton-checkout-comprar {
        align-items: start;
    }
}

/* fin vista checkout y eshop container*/

/*SECTION CINCO CATEGORIAS*/

.fila-cinco-categorias {
    display: flex;
    justify-content: space-between;
}

.wrapper-categorias {
    background-color: #fff;
}

.wrapper-imagentexto-categorias {
    display: flex;
    justify-content: center;
    padding: 40px 10px;
}

.wrapper-imagen-categorias {
    padding: 0px 20px;
}

    .wrapper-imagen-categorias .img-fluid-ovr {
        max-width: 100% !important;
    }

@media (max-width: 577px) {
    .wrapper-imagen-categorias .img-fluid-ovr {
        max-width: 85% !important;
    }

    .wrapper-txt-img-categorias {
        text-align: center;
    }
}

.wrapper-btn-categorias {
    display: flex;
    justify-content: center;
}

    .wrapper-btn-categorias a.btn.btn-rounded {
        background-color: #ff2e8c;
        border-radius: 20px;
        margin-bottom: 20px;
        padding: 10px 0px !important;
        text-transform: uppercase;
        font-size: 15px;
        width: 90%;
        text-align: center;
    }

        .wrapper-btn-categorias a.btn.btn-rounded:hover {
            background-color: #7931aa !important;
        }


.wrapper-txt-img-categorias .m-contact .chicos-texto a, .wrapper-txt-img-categorias .m-contact .chicos-texto3 a {
    font-size: 15px !important;
}

@media (min-width: 992px) and (max-width: 1599px) {
    .wrapper-txt-img-categorias .m-contact .chicos-texto a, .wrapper-txt-img-categorias .m-contact .chicos-texto3 a {
        font-size: 13px !important;
    }
}

.wrapper-txt-img-categorias .chicos-texto, .wrapper-txt-img-categorias .chicos-texto3 {
    font-size: 17px !important;
    line-height: 1.6em;
}

@media (min-width: 1200px) {

    .container-cinco-categorias {
        padding: 50px;
    }

    .col-xl-2.wrapper-categorias {
        max-width: 20% !important;
    }

    .col-xl-3.wrapper-categorias {
        max-width: 24% !important;
    }
}

@media (max-width: 1199px) {
    .fila-cinco-categorias {
        padding: 0 45px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .wrapper-categorias.tablet-center {
        margin: 40px auto !important;
    }

    .margin-tablets {
        margin: 40px 0 !important;
    }

    .col-md-6.wrapper-categorias {
        max-width: 48% !important;
    }
}


@media (max-width: 767px) {
    .wrapper-categorias {
        margin-bottom: 40px;
    }

    .fila-cinco-categorias {
        padding: 0 45px;
    }
}

.avellaneda-back {
    background-color: #d4e191;
}

.grilli-back {
    background-color: #e2dcd3;
}

.nieves-back {
    background-color: #92d4da;
}

.south-back {
    background-color: #8d6a8e;
}

.limerick-back {
    background-color: #EB887D;
}


.ecclestonlanus-back {
    background-color: #B44B3D;
}


.ecclestontemperley-back {
    background-color: #32537d;
}


/*FIN SECTION CINCO CATEGORIAS*/
/* vista aelegir usuario */
.title3 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
    color: #000;
}

.selector-usuario .editor-label {
    font-weight: 500;
    color: #000;
}

.selector-usuario .dropdown-menu .inner.show span {
    font-family: 'Roboto', sans-serif;
    font-weight: 500 !important;
}

.filter-option-inner-inner {
    color: #000;
    font-weight: 500;
}

/* fin vista aelegir usuario */




/* grilla colores arriba */

.product-right .table thead th {
    border-bottom: none !important;
}

.product-right .table th {
    border-top: none !important;
}

.grilla-campo-fondo-numeros-talles {
    background-color: #f0f0f0;
    border-radius: 15px;
}

span.txt-campo-color-descripcion {
    margin-left: 40px;
    top: 3px;
    position: relative;
}

.fila-autocompletar-grilla {
    background-color: #fff;
}

.fila-autocompletar-grilla, .fila-autocompletar-iconos-grilla {
    background-color: #fff;
}

    .fila-autocompletar-iconos-grilla td {
        border-top: none !important;
    }


.detalles-art td, .detalles-art th {
    vertical-align: middle !important;
    font-weight: 600;
}


.grilla-campo-fondo-numeros-talles tr {
    border-radius: 15px;
}

.color-variant li {
    border-radius: 50% !important;
}

@media (min-width: 1200px) {
    table#example.detalles-art.table.form-grid {
        width: 50rem !important;
    }

    input#CantidadPedida.form-control-grilla.txtCantidad.colorBo, input#autocompletarBo.form-control-grilla.autocompletar.colorBo {
        width: 45% !important;
    }
}

@media (min-width: 578px) and (max-width: 1199px) {
    .col-detalle-producto {
        padding-left: 50px;
        padding-right: 50px;
    }
}


/* fin grilla colores arriba */


@media (max-width: 577px) {
    .product-right .color-variant li {
        height: 0px;
        width: unset;
        border: none;
    }

    span.txt-campo-color-descripcion {
        margin-left: 0px !important;
        top: 0 !important;
        line-height: 0.1em;
    }

    .grilla-title-autocompletar {
        font-size: 12px !important;
    }
}

@media (min-width: 578px) {
    span.txt-campo-color-descripcion {
        text-wrap: nowrap;
    }

    .grilla-campo-fondo-numeros-talles li {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .grilla-input-autocompletar input, .grilla-campo-input-insert-talles input, input.bg-secondary {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}



/* cambios tablas productos - vista carrito */

.custom-container.carrito-completo {
    width: unset !important;
}

@media (max-width: 577px) {
    .custom-container.carrito-completo {
        padding: 40px 20px !important;
    }
}

@media (min-width: 1200px) {
    .custom-container.carrito-completo {
        padding: 20px 0px !important;
    }
    /*bajo el ancho de las columnas para que entre en el e-shop container*/
    .cart-section tbody tr td, .wishlist-section tbody tr td {
        min-width: 5vw !important;
    }
}

.table-pedidos .qty-box .input-group button {
    padding-top: 11px;
}

.cart-section tbody tr td h2, .wishlist-section tbody tr td h2 {
    font-weight: 800 !important;
}

.cart-section.section-big-py-space {
    padding: 0px !important;
}

.secciones-clientes {
    padding: 10px 0px !important;
}

h2.titulos-clientes {
    font-weight: 800;
    color: #000;
    margin-bottom: 20px;
    font-size: calc(28px + (36 - 20) * ((100vw - 320px) / (1920 - 320)));
}

    h2.titulos-clientes:after {
        content: ' ';
        display: block;
        height: 1px;
        width: 100%;
        margin: 10px 0px;
        background-color: #f0f0f2;
    }

@media (max-width: 1199px) {
    h2.titulos-clientes {
        text-align: center;
    }
}


.carrito-totales.list-group {
    background-color: #fff !important;
    border: 1px solid #e5e5e5 !important;
    margin-top: 30px;
}

.botonera-cupones.list-group {
    background-color: #fff !important;
    border: 1px solid #e5e5e5 !important;
    margin-top: 30px;
}

/* igualo altura cajas totales y cuponera*/
@media (min-width: 1200px) {
    .botonera-cupones {
        height: fit-content !important;
    }

    .carrito-totales.list-group {
        height: fit-content !important;
    }

    /*margin button boton finalizar*/
    .finalizar-compra .btn-rounded {
        margin-top: 25px !important;
    }

    .product-order .final-total h3 {
        border-bottom: 1px solid #e5e5e5 !important;
        padding-bottom: 10px !important;
    }
}

.cuponera-nuevo-cupon.form-control {
    border: 1px solid #e5e5e5 !important;
}

@media (min-width: 578px) {
    .cart-section .cart-table thead th, .wishlist-section .cart-table thead th {
        border-bottom-width: 2px !important;
        border-color: #000 !important;
        padding: 1.75rem 0.75rem 0.75rem 0.75rem !important;
    }

    /*borde debajo de descripciones*/
    .cart-section tbody tr td, .wishlist-section tbody tr td {
        border-bottom: 0.8px solid #e5e5e5 !important;
    }
}

@media (max-width: 1199px) {

    /*btn agregar al carrito*/
    .product-right .product-buttons a:last-child {
        margin-left: 0px !important;
    }

    .cart-section .cart-table thead th, .wishlist-section .cart-table thead th {
        border-bottom-width: 0px !important;
        border-color: #000 !important;
        padding: 0px !important;
    }

    .table-pedidos {
        border: 0.8px solid #e5e5e5 !important;
    }

    .cart-section.section-big-py-space {
        padding: 0px 20px !important;
    }

    .secciones-clientes {
        padding: 0px 20px !important;
    }

    h2.descripcion-carrito {
        font-size: 16px !important;
    }

    .precios-tabla-carrito-mobile h2 {
        font-size: 20px !important;
    }

    /*borde abajo de delete icon*/
    .fila-eliminar-tabla-carrito-mobile {
        border-bottom: 0.8px solid #e5e5e5 !important;
    }

    .col-eliminar-tabla-carrito-mobile {
        padding: 20px 0;
    }

    /*imagen cel*/
    .cart-section tbody tr td a img, .cart-section tbody tr td p img, .wishlist-section tbody tr td a img, .wishlist-section tbody tr td p img {
        border: 2px solid #eee;
        margin-top: 30px;
    }

    .btn-rounded.seguir-comprando {
        margin: 20px 0;
    }

    /*td una columna para mobiles*/
    .cart-section tbody tr td {
        display: inline-block !important;
        width: 100% !important;
    }

    .cart-section tbody tr td, .wishlist-section tbody tr td {
        border-bottom: none !important;
        padding: 0 !important;
    }

    .finalizar-compra {
        text-align: center !important;
    }

    .agregar-cupones {
        justify-content: center;
    }

    .carrito-totales.list-group {
        margin-top: 30px !important;
        margin-bottom: 35px !important;
    }

    .botonera-cupones.list-group {
        margin-top: 0px !important;
        margin-bottom: 35px !important;
    }

    /*fix titulos visibiles en 768-1199px*/
    .cart-section tbody tr td .mobile-cart-content {
        display: flex !important;
    }
}

/*fix cols las hago responsive desde css:*/
@media (min-width: 768px) and (max-width: 1199px) {
    .carrito-totales.col-md-6 {
    }

    .botonera-cupones.col-md-4 {
        margin-top: 20px !important;
    }
}

h2.descripcion-carrito {
    font-weight: 600 !important;
}

/* fix popup carrito en tablets*/
@media (max-width: 1199px) {
    .add_to_cart.right.open-side {
        width: 85vw !important;
    }

    .add_to_cart.right .cart-inner {
        width: 85vw !important;
    }
}
/* fin fix popup carrito en tablets*/

/* fin cambios tablas productos - carrito */




/** BOTÓN PARA VOLVER ARRIBA **/
.tap-top {
    color: #fff;
    background: #244064;
    width: 45px;
    height: 45px;
    right: 23px;
}

    .tap-top.top-cls {
        bottom: 130px
    }

    .tap-top:hover i {
        -webkit-animation: fadeInUp 500ms ease-in-out;
        animation: fadeInUp 500ms ease-in-out
    }

@media (max-width: 1199px) {
    .tap-top {
        bottom: 145px !important;
    }
}

/** NAV SUPERIOR **/

.layout-header2 {
    justify-content: space-between;
    background-color: #30527F;
    padding-top: 20px;
    max-width: 100% !important;
    padding-bottom: 20px;
}

    .layout-header2 .main-menu-block {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        -ms-flex-align: center;
        align-items: center;
        z-index: 9;
        align-items: center;
        justify-content: space-between;
        margin-top: 5px;
    }

        .layout-header2 .main-menu-block .logo-block {
            margin-right: 0px;
        }

@media (max-width: 1199px) {
    .tap-top {
        bottom: 145px !important;
    }

    .layout-header2 .main-menu-block {
        justify-content: space-around !important;
    }
}

.search {
    width: 513px;
    color: #A0A0A0;
}

/**ICONOS**/

.color-iconos {
    color: #fff !important;
}

.layout-header2 .main-menu-block .cart-block {
    margin-left: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .layout-header2 .main-menu-block .cart-block .cart {
        position: relative;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

        /* ICONO CARRITO*/
        .layout-header2 .main-menu-block .cart-block .cart .cart-product {
            background-color: #D1DF8A;
            color: #30527F;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin: 0 auto;
            font-size: 11px;
            position: absolute;
            top: -20px;
            right: -7px;
        }

        .layout-header2 .main-menu-block .cart-block .cart:hover .cart-product {
            -webkit-animation: rotateInDownRight 700ms ease-in-out;
            animation: rotateInDownRight 700ms ease-in-out
        }

    .layout-header2 .main-menu-block .cart-block .cart-item {
        margin-left: 15px
    }

        .layout-header2 .main-menu-block .cart-block .cart-item h5 {
            color: #444;
            text-transform: uppercase;
            letter-spacing: 0.03em
        }


/**ICONOS**/
/** FIN NAV SUPERIOR **/

/** MEDIA MOBILE **/

@media (max-width: 577px) {
    .toggle-nav {
        left: 0%;
    }
}

@media (max-width: 767px) {
    .col-instituciones {
        margin-top: 35px;
    }
}

@media (max-width: 1199px) {
    .sm-horizontal {
        background-color: #8dd1d8;
    }

    .mobile-fix-option {
        background-color: #30527F !important;
    }

    .layout-header2 .main-menu-block .cart-block .cart .cart-product {
        display: none;
    }
}

/** FIN MEDIA MOBILE **/
/** NAVBAR MENU CATEGORIAS**/
.category-header-2 {
    background-color: none;
}

    .category-header-2 .navbar-menu {
        display: flex;
        -webkit-box-pack: justify;
        position: relative;
        z-index: 9;
        justify-content: flex-end;
    }

        .category-header-2 .navbar-menu .category-left {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

            .category-header-2 .navbar-menu .category-left .nav-block {
                min-width: 255px
            }

                .category-header-2 .navbar-menu .category-left .nav-block .nav-left {
                    position: absolute;
                    width: 255px;
                    z-index: 1;
                    overflow: hidden
                }

                    .category-header-2 .navbar-menu .category-left .nav-block .nav-left .navbar {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        background-color: #000;
                        padding: 28px 0
                    }

                        .category-header-2 .navbar-menu .category-left .nav-block .nav-left .navbar h5 {
                            text-transform: uppercase;
                            font-size: 14px;
                            letter-spacing: 1px;
                            margin-left: 16px
                        }

                    .category-header-2 .navbar-menu .category-left .nav-block .nav-left .navbar-toggler {
                        width: 17px;
                        height: 17px;
                        padding: 0;
                        background-color: #fff;
                        color: #2D2D2D;
                        border-radius: 50%;
                        font-size: 12px;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center
                    }

                    .category-header-2 .navbar-menu .category-left .nav-block .nav-left .nav-cat {
                        padding: 20px;
                        margin-top: 15px;
                        background-color: #fff
                    }

                        .category-header-2 .navbar-menu .category-left .nav-block .nav-left .nav-cat li {
                            display: block;
                            padding-bottom: 10px
                        }

                            .category-header-2 .navbar-menu .category-left .nav-block .nav-left .nav-cat li a {
                                color: #444;
                                font-size: 14px;
                                text-transform: capitalize;
                                letter-spacing: 0.03em
                            }

                            .category-header-2 .navbar-menu .category-left .nav-block .nav-left .nav-cat li img {
                                margin-right: 10px;
                                border: 2px solid #f0f0f0;
                                border-radius: 50%;
                                padding: 3px;
                                -webkit-transition: all 0.5s ease;
                                transition: all 0.5s ease
                            }

                            .category-header-2 .navbar-menu .category-left .nav-block .nav-left .nav-cat li:hover > a {
                                color: #d1df8a
                            }

                            .category-header-2 .navbar-menu .category-left .nav-block .nav-left .nav-cat li:hover > img {
                                border: 2px solid #d1df8a
                            }

                            .category-header-2 .navbar-menu .category-left .nav-block .nav-left .nav-cat li .mor-slide-click {
                                color: #2D2D2D;
                                font-size: 16px;
                                font-weight: 700;
                                text-transform: capitalize;
                                display: block;
                                width: 100%;
                                margin-top: 10px;
                                letter-spacing: 0.5px
                            }

                                .category-header-2 .navbar-menu .category-left .nav-block .nav-left .nav-cat li .mor-slide-click i {
                                    font-size: 20px;
                                    float: right
                                }

            .category-header-2 .navbar-menu .category-left .menu-block {
                margin-left: 0px
            }

                .category-header-2 .navbar-menu .category-left .menu-block .pixelstrap li .label-nav {
                    background-color: #2D2D2D;
                    top: 7px
                }

                    .category-header-2 .navbar-menu .category-left .menu-block .pixelstrap li .label-nav:before {
                        border-top: 5px solid #2D2D2D
                    }

                .category-header-2 .navbar-menu .category-left .menu-block .pixelstrap .dark-menu-item {
                    padding-top: 25px;
                    padding-bottom: 25px;
                    color: white
                }

            .category-header-2 .navbar-menu .category-left .icon-block {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                height: 100%;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -ms-flex-item-align: center;
                align-self: center;
                margin-left: 10px
            }

                .category-header-2 .navbar-menu .category-left .icon-block ul li i {
                    color: #fff;
                    /*font-size: 18px !important;*/
                }

                .category-header-2 .navbar-menu .category-left .icon-block ul li .cart-item {
                    display: inline-block;
                    color: #2D2D2D;
                    font-weight: 700;
                    text-transform: uppercase;
                    font-family: 'Roboto', sans-serif;
                    letter-spacing: 0.5px
                }

                    .category-header-2 .navbar-menu .category-left .icon-block ul li .cart-item span {
                        display: block;
                        color: #fff;
                        margin-top: 3px
                    }

                .category-header-2 .navbar-menu .category-left .icon-block ul .mobile-user {
                    padding-right: 20px
                }

                .category-header-2 .navbar-menu .category-left .icon-block ul .mobile-wishlist a i {
                    margin-right: 8px
                }

        .category-header-2 .navbar-menu .category-right {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .category-header-2 .navbar-menu .category-right .gift-block {
                background-color: #566;
                padding: 17px 28px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                color: #fff;
                width: 255px;
                border: 0
            }

                .category-header-2 .navbar-menu .category-right .gift-block .grif-icon i {
                    font-size: 35px
                }

                .category-header-2 .navbar-menu .category-right .gift-block .gift-offer {
                    margin-left: 10px
                }

                    .category-header-2 .navbar-menu .category-right .gift-block .gift-offer p {
                        text-transform: uppercase;
                        line-height: 1
                    }

                    .category-header-2 .navbar-menu .category-right .gift-block .gift-offer span {
                        font-size: 20px;
                        text-transform: capitalize;
                        font-weight: 700;
                        line-height: 1.2
                    }

            .category-header-2 .navbar-menu .category-right .contact-block {
                padding: 20px 28px;
                margin-left: 18px;
                -ms-flex-item-align: center;
                align-self: center;
                background-color: #000
            }

                .category-header-2 .navbar-menu .category-right .contact-block i {
                    font-size: 28px;
                    color: #fff
                }

                .category-header-2 .navbar-menu .category-right .contact-block span {
                    font-size: 14px;
                    color: #fff;
                    margin-left: 15px;
                    text-transform: uppercase;
                    letter-spacing: 1px
                }

                    .category-header-2 .navbar-menu .category-right .contact-block span span {
                        font-size: 20px;
                        font-weight: 600
                    }


/* SLIDER PRINCIPAL*/
.slider-banner-contain {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
}

@media (min-width: 1200px) {
    .slider-banner-contain a.btn.btn-rounded {
        font-size: 1.5rem !important;
    }
}

@media (max-width: 1199px) {
    .slider-banner-contain {
        align-items: flex-start !important;
    }

        .slider-banner-contain a.btn.btn-rounded {
            margin-top: 20px !important;
            color: #fff !important;
            padding: 10px 25px !important;
            margin: 0 auto;
            display: flex;
            text-align: center;
            justify-content: center;
            width: fit-content;
        }
}

@media (max-width: 577px) {
    .slider-banner-contain {
        padding: 30px 20px;
    }

        .slider-banner-contain a.btn.btn-rounded {
            font-size: 13px !important;
        }

        .slider-banner-contain h1 {
            font-size: 2rem !important;
            line-height: 2.2rem;
        }

        .slider-banner-contain h2 {
            font-size: 1.1rem !important;
            width: 90%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 0.8rem;
        }
}

@media (max-width: 1199px) {
    .slider-banner-contain h1, .slider-banner-contain h2 {
        text-align: center !important;
    }
}

@media (min-width: 578px) and (max-width: 1199px) {
    .slider-banner-contain {
        padding: 50px;
        justify-content: center !important;
    }

        .slider-banner-contain h1 {
            font-size: 5rem !important;
            line-height: 5.3rem;
        }

        .slider-banner-contain h2 {
            font-size: 2.2rem !important;
            width: 65%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 0.8rem;
        }
}

@media (min-width: 1200px) {
    .slider-banner-contain {
        padding: 0px 100px;
    }

        .slider-banner-contain h1 {
            line-height: 4rem;
        }

        .slider-banner-contain h2 {
            width: 55%;
            margin-top: 1rem;
        }
}

.slider-banner-contain a.btn.btn-rounded {
    margin-top: 35px;
    background-color: #235383 !important;
    border-radius: 20px;
    color: #fff !important;
    font-weight: 500 !important;
    font-family: 'Futura' !important;
    box-shadow: none !important;
}

@media (min-width: 578px) and (max-width: 1199px) {
    .slider-banner-contain a.btn.btn-rounded {
        font-size: 15px !important;
    }
}

.slider-banner-contain a.btn.btn-rounded:hover {
    background-color: #000 !important;
    border: 0px !important;
    color: #FFF !important;
    cursor: pointer;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.slider-banner-contain h1 {
    color: #30527F;
    font-weight: 500;
    letter-spacing: normal;
    font-size: 3.8rem;
    font-family: Futura;
}

.slider-banner-contain h2 {
    color: #30527F;
    font-weight: 600;
    letter-spacing: normal;
    font-size: 1.5rem;
}

.carousel-indicators .active {
    display: none !important;
}

.slider-banner-contain .btn-rounded {
    text-transform: uppercase;
}


.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23235383' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
    margin-right: 60%;
    display: none !important;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23235383' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
    margin-left: 60%;
    display: none !important;
}

.carousel-control-prev-icon {
    background-color: unset !important;
}

.carousel-control-next, .carousel-control-prev {
    opacity: 0.8 !important;
}

@media (min-width: 1200px) {
    .carousel-control-next, .carousel-control-prev {
        top: 40px;
    }
}

@media (min-width: 578px) {
    .carousel-control-next, .carousel-control-prev {
        width: 14% !important;
        color: aquamarine;
    }
}

@media (max-width: 577px) {
    .carousel-control-next, .carousel-control-prev {
        width: 25% !important;
    }
}

/* TITULOS MENU CATEGORIAS*/
.pixelstrap a, .pixelstrap a:hover, .pixelstrap a:active {
    padding-right: 34px;
    font-family: 'Futura';
    color: #fff;
    font-size: 1rem !important;
    font-weight: 500;
    line-height: 23px;
    text-decoration: none;
    padding-top: 1px;
    padding-bottom: 1px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    margin-left: 5px;
}

@media (min-width: 1200px) and (max-width: 1215px) {
    .pixelstrap a, .pixelstrap a:hover, .pixelstrap a:active {
        font-size: 0.7rem !important;
    }
}

@media (min-width: 1216px) and (max-width: 1290px) {
    .pixelstrap a, .pixelstrap a:hover, .pixelstrap a:active {
        font-size: 0.8rem !important;
    }
}

@media (min-width: 1291px) and (max-width: 1370px) {
    .pixelstrap a, .pixelstrap a:hover, .pixelstrap a:active {
        font-size: 0.9rem !important;
    }
}

@media (min-width: 1200px) {
    .pixelstrap a {
        color: #FFF;
        padding-right: 20px !important;
    }

        .pixelstrap a:hover {
            color: #E8E8E8;
            padding-right: 20px !important;
        }

    a.link-shops {
        padding-right: 20px !important;
    }

    a.link-servicios {
        padding-left: 10px !important;
    }

    .pixelstrap.sm-horizontal .mega {
        margin-right: 0px !important;
    }

    .pixelstrap a, .pixelstrap a:hover, .pixelstrap a:active {
        margin-left: 15px !important;
    }

        .pixelstrap a .sub-arrow {
            right: 0px !important;
        }



    a.link-not-last:before {
        content: ' ';
        display: inline-block;
        height: 15px;
        width: 2px;
        position: absolute;
        margin: 3px 10px 0 -15px;
        background-color: #fff;
    }

    .input-group-prepend {
        display: none;
    }

    .serch-style-bg {
        background-color: #30527F !important;
        border: 1px solid #FFF;
    }

        .serch-style-bg .search {
            color: #fff !important;
        }

        .serch-style-bg .form-control {
            color: #fff !important;
            text-transform: uppercase;
            font-family: 'Futura';
        }

            .serch-style-bg .form-control::placeholder {
                color: #fff !important;
            }

        .serch-style-bg .search-button-ovr {
            background-color: #30527F !important;
        }

        .serch-style-bg .form-ovr {
            background-color: #30527F !important;
        }
}


.search-overlay > div .overlay-content input::placeholder {
    font-family: 'Futura' !important;
    font-weight: 500;
    text-transform: uppercase;
    color: #000;
}

.search-overlay > div .overlay-content button {
    top: 0px;
}

/* SECCIÓN CIRCULOS CON CATEGORIAS*/

/* CARRUSEL CHICOS B2B*/
.carrusel-chicosb2b .category-contain.slick-slide {
    margin-bottom: 15px !important;
}

.carrusel-chicosb2b .category-contain a {
    cursor: default !important;
}

.col-carrusel-chicosb2b {
    padding: 0 !important;
}

    .col-carrusel-chicosb2b .product-4 .slick-next, .col-carrusel-chicosb2b .product-4 .slick-prev {
        display: none !important;
    }

@media (min-width: 1200px) {
    .carrusel-chicosb2b-slick {
        /*width: 160%;*/
        margin-left: -5px;
    }
}

@media (min-width: 421px) {
    .carrusel-chicosb2b .category-contain.slick-slide .img-wrapper.slider-img img {
        border-right: 3px solid #fff;
    }
}

.rounded-category {
    padding: 50px 0 40px
}

@media (max-width: 577px) {
    .rounded-category {
        padding: 0px 0 40px !important;
    }
}

@media (max-width: 767px) {
    .carrusel-chicosb2b .slick-list {
        margin-left: 0 !important;
    }

    .container-carrusel-chicosb2b {
        padding-right: 0 !important;
    }
}

.rounded-category.rounded-category-inverse {
    background-color: #2D2D2D
}

    .rounded-category.rounded-category-inverse .category-contain:hover .img-wrapper {
        border: 1px solid #2D2D2D
    }

    .rounded-category.rounded-category-inverse .category-contain:hover .btn-rounded {
        background-color: #2D2D2D
    }

.rounded-category .category-contain {
    text-align: center
}

    .rounded-category .category-contain .img-wrapper {
        border: 0px solid #fff;
        padding: 5px;
        border-radius: 50%;
        margin: 0 auto;
        -webkit-transition: 0.5s ease;
        transition: 0.5s ease
    }

        .rounded-category .category-contain .img-wrapper img {
            border-radius: 0;
        }

    .rounded-category .category-contain .btn-rounded {
        padding: 10px 25px;
        max-width: 18ch;
        font-size: 12px;
        line-height: 1.5em;
        display: inline-block;
        margin-top: 15px;
        background-color: transparent;
        text-transform: uppercase;
        box-shadow: none !important;
    }

    .rounded-category .category-contain:hover .img-wrapper {
        border: 0px solid #2D2D2D
    }

    .rounded-category .category-contain:hover .btn-rounded {
    }

.rounded-category.vagitable-category .category-contain .img-wrapper {
    background-color: #e7e7e9;
    padding: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)))
}



/** SECTIONS**/



@media (max-width: 1920px) {
    .section-pt-space {
        padding-top: 50px !important;
    }
}

/** FIN SECTIONS**/
/** FOOTER **/

li.direcciones-footer {
    margin-left: 30px;
    margin-top: -12px;
}

    li.direcciones-footer.last {
        margin-top: 3px !important;
    }

.footer-contant .contact-list li {
    padding-left: 0 !important;
}

.sinlink {
    cursor: default;
}

a.sinlink-footer:hover {
    color: #fff !important;
}

@media (min-width: 1200px) {
    .btn-whatsapp-mobiles {
        display: none;
    }

    /*.col-logo-footer {
        height: 100px;
    }

    .col-redes {
        margin-left: -85px;
    }*/

    .sosiyal img {
        max-width: 100%;
    }

    .sosiyal li {
        width: 44px !important;
        height: 15px !important;
        margin-right: 0px !important;
    }

    .footer-2 div.container {
        max-width: none !important;
        display: flex;
        justify-content: center;
        padding: 0px 70px;
    }

    .col-pickups {
        margin-left: -29px;
    }

    .boton-whatsapp img {
        transition: 0.5s ease;
    }

        .boton-whatsapp img:hover {
            transform: scale(1.05);
        }
}

@media (min-width: 1200px) and (max-width: 1450px) {
    /*.footer-logo img {
        max-width: 120%;
    }*/

    .footer-2 .footer-main-contian .footer-left {
        padding-top: 60px;
    }

    .col-hablemos {
        margin-left: -20px;
    }

    .col-pickups {
        margin-left: 0px;
    }

    .col-shop {
        margin-left: 25px;
    }

    .footer-contant ul li {
        font-size: 12px !important;
    }
}

@media (min-width: 1451px) {
    .sosiyal-block {
        margin-top: 45px !important;
    }

    .footer-2 .footer-main-contian .footer-left {
        padding-top: 70px;
    }

    .footer-logo img {
        max-width: 100%;
    }

    .col-shop {
        margin-left: 30px;
    }

    .col-hablemos {
        margin-left: -30px;
    }

    .col-pickups {
        margin-left: 0px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .col-shop, col-redes {
        margin-top: 30px;
    }

    .col-te-ayudamos {
        padding-left: 50px;
    }
}

@media (max-width: 1199px) {
    /*.btn-whatsapp-pcs, .boton-whatsapp-container {
        display: none;
    }*/
}

.mail-footer img {
    max-width: 14%;
    margin-left: -10px;
    margin-right: 4px;
    margin-top: -4px;
}

.whatsapp-footer img {
    max-width: 14%;
    margin-left: -10px;
    margin-top: -4px;
}

.icono-footer img {
    max-width: 14%;
    margin-left: -10px;
    margin-top: -4px;
}

@media (max-width: 767px) {
    .sosiyal {
        justify-content: flex-start !important;
    }

    .sosiyal-block {
        margin-left: 0px !important;
    }
}

.footer-2 {
    overflow-y: hidden;
    background-color: #30527F;
    padding: 80px 0 0 0;
}

@media (max-width: 577px) {
    .footer-2 {
        padding: 15px 0 0 0 !important;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .footer-title h5 {
        font-size: 13px !important;
    }
}

.footer-2 .footer-main-contian .footer-left .footer-logo img {
    width: 100px;
}

@media (min-width: 1401px) {
    .footer-title h5 {
        font-size: 15px !important;
    }
}

.footer-title h5 {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    text-transform: uppercase;
    color: #fff;
    font-family: 'Roboto', sans-serif;
}

.footer-2 .footer-main-contian .footer-right .account-right .footer-box .footer-title:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 77px;
    height: 4px;
    background-color: #d1db8b;
}

@media (max-width: 767px) {
    .footer-2 .footer-main-contian .footer-right .account-right .footer-box .footer-title:before {
        display: none !important;
    }

    .footer-2 .footer-main-contian .footer-right .account-right .footer-box .footer-title {
        border-bottom: 2px dotted #7895b2 !important;
    }
}

.footer-contant ul li a {
    color: #fff;
}

    .footer-contant ul li a:hover {
        color: #dddddd;
    }

.sosiyal li a i {
    color: #264165;
}

.footer-2 .sub-footer {
    background-color: #28456b;
}

.footer-2 .footer-main-contian .footer-left .footer-detail p {
    padding: 40px 0;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
    line-height: 1.8;
    color: #fff
}



@media (min-width: 578px) {
    .sub-footer .container .sub-footer-copyright {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .footer-2 .sub-footer .sub-footer-contain p {
        text-align: left !important;
        margin-left: 15px;
    }
}

@media (min-width: 578px) and (max-width:1199px) {
    .sub-footer .container {
        padding: 10px 50px 53px 50px !important;
    }
}

@media (min-width: 1200px) {
    .sub-footer {
        margin-bottom: -21px;
    }
}

.sub-footer .container {
    margin-bottom: 20px;
}


@media (max-width: 577px) {

    .sub-footer {
        margin-bottom: 24px;
    }

        .sub-footer .container .sub-footer-copyright {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .sub-footer .container {
            padding: 20px !important;
        }

        .sub-footer .sub-footer-contain2 {
            padding: 10px 0 !important;
        }

    .footer-2 .sub-footer .sub-footer-contain {
        padding: 0px !important;
    }

    .footer-2 .footer-main-contian {
        padding: 40px 20px 0px 20px !important;
    }

        .footer-2 .footer-main-contian .footer-right .account-right {
            padding: 15px 0 0px 0 !important;
        }

            .footer-2 .footer-main-contian .footer-right .account-right .footer-box .footer-title {
                padding-top: 10px !important;
            }

            .footer-2 .footer-main-contian .footer-right .account-right .footer-box .footer-contant {
                margin-top: 25px !important;
            }
}

.footer-2 .sub-footer .sub-footer-contain p {
    font-size: calc(10px + (14 - 13) * ((100vw - 320px) / (1920 - 320))) !important;
    font-weight: 600 !important;
    font-family: 'Roboto', sans-serif;
}




/** FIN FOOTER**/

/*  SECCIÓN PRODUCTOS */

.breadcrumb-main .breadcrumb-contain ul li i {
    color: #30527F;
    font-size: 24px;
    font-weight: 700
}

.collection-product-wrapper .product-top-filter .product-filter-content .collection-view ul li, .collection-product-wrapper .product-top-filter .popup-filter .collection-view ul li {
    height: 100%;
    vertical-align: middle;
    cursor: pointer;
    color: #F28F7D !important;
}

.filter-main-btn span {
    font-size: calc( 16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
    background-color: #D1DF8A;
    padding: 5px 20px;
    color: #fff;
    border-radius: 30px
}

@media (max-width: 767px) {
    .product-top-filter .col-md-8 {
        width: 40% !important;
    }

    .product-top-filter .col-md-4 {
        width: 60% !important;
        display: flex !important;
        justify-content: flex-end !important;
        padding-right: 20px !important;
    }
}

/*VISTA PRODUCTOS*/

@media (max-width: 756px) {
    .product .product-box .product-detail.detail-center .detail-title .detail-right {
        width: 85% !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    .product .product-box .product-detail.detail-center .detail-title {
        width: 100% !important;
    }

    .product .product-box .product-detail .detail-title .detail-left .price-title {
        font-size: 14px !important;
    }

    .product .product-box .product-detail .detail-title .detail-left {
        height: unset !important;
    }
}

@media (max-width: 756px) {
    .product .product-box .product-detail.detail-center .detail-title .detail-right .price {
        font-size: 13px !important;
        margin-left: 0px !important;
    }
}

.btn-vista-rapida {
    background-color: #30527F;
    background-image: none;
    border-color: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 800;
    color: #FFF;
    border-radius: 15px;
    z-index: 5;
    opacity: 0;
    float: initial;
    filter: drop-shadow(0px 2px 4px grey);
    transition: 0.5s ease;
    position: absolute;
    left: 0;
    width: 80% !important;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    max-height: 2.5em;
    margin-top: -5vh;
}

@media (min-width:757px) {
    .product .product-box .product-detail .detail-title .detail-left .price-title {
        font-size: 17px !important;
    }
}

.product .product-box .product-detail .detail-title .detail-left .price-title {
    color: #585858;
    font-weight: 600 !important;
    line-height: 22px;
    margin-bottom: 0;
    font-family: 'Roboto', sans-serif;
}


.product .product-box .product-detail .detail-title .detail-right .sugerencia-venta-price {
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
    color: #5a5959;
    font-weight: 300;
}

.product .product-box .product-detail.detail-center .detail-title .detail-right .price {
    font-size: 17px;
    color: #30527F;
}

.product-right h2 {
    margin-bottom: 0px;
    font-size: 2em;
    line-height: 1.2em;
    color: #30527F;
    letter-spacing: 1px;
    font-family: 'Roboto' sans-serif;
}

.product-right h3 {
    font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1920 - 320)));
    color: #F28F7D;
    margin-bottom: 15px
}


.product-right .product-title {
    color: #30527F;
    text-transform: capitalize;
    margin-bottom: 0;
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    font-family: Roboto, sans-serif;
    font-weight: 700;
    margin-top: 20px;
}

.precio-grilla {
    color: #2D2D2D;
    font-size: calc(24px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
}


.product .product-box .product-detail.detail-center {
    border-color: #D1DF8A;
}

.product .product-box .product-imgbox .out-label1 {
    display: none;
}

/** FIN PRODUCTOS**/


/** OPCIONES DE BOTONES **/
button:focus {
    outline: none
}

button {
    cursor: pointer
}

.btn-rounded {
    font-size: 13px;
    padding: 12px 50px;
    font-weight: 700;
    color: #fff !important;
    background-color: #30527F;
    border-radius: 25px;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 1;
    display: inline-block;
    box-shadow: 0 8px 6px -6px black;
    border-radius: 43px !important;
}

    .btn-rounded.btn-contacto {
        font-family: 'Futura' !important;
        text-transform: uppercase;
        box-shadow: none !important;
    }

    .btn-rounded.btn-servicios {
        box-shadow: none !important;
        max-width: fit-content !important;
        font-size: 1.3rem !important;
        font-family: 'Futura' !important;
        font-weight: 500 !important;
        letter-spacing: 0.1rem !important;
        padding: 12px 30px;
    }

@media (max-width: 577px) {
    .btn-rounded.btn-servicios {
        font-size: 1rem !important;
    }
}

.btn-rounded.btn-outline {
    background-color: #fff;
    border: 2px solid #000000;
    color: #444 !important
}

    .btn-rounded.btn-outline:hover {
        background-color: #2D2D2D;
        color: #fff !important
    }

.btn-rounded:hover {
    background-color: #d1df8a !important;
    color: #fff !important;
}

.button5 {
    border-radius: 50%;
}

.btn-2 {
    background-color: #1a1a1a;
    border: none;
    color: white;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
}

    .btn-2:hover {
        background-color: #2D2D2D;
    }


.btn-white {
    font-size: 14px;
    padding: 16px 45px;
    font-weight: 700;
    color: #444 !important;
    background-color: #fff;
    border-radius: 25px;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    line-height: 1;
    letter-spacing: 0.05em
}

    .btn-white.btn-outline {
        background-color: transparent;
        border: 1px solid #2D2D2D
    }

        .btn-white.btn-outline:hover {
            background-color: #2D2D2D
        }

    .btn-white:hover {
        background-color: #000;
        color: #fff !important
    }

.btn-normal {
    font-size: 14px;
    padding: 18px 45px;
    font-weight: 700;
    color: #fff !important;
    background-color: #2D2D2D;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    line-height: 1;
    border-radius: 0;
    letter-spacing: 0.05em
}

    .btn-normal.btn-outline {
        background-color: #fff;
        border: 2px solid #2D2D2D;
        color: #444 !important
    }

        .btn-normal.btn-outline:hover {
            background-color: #2D2D2D;
            color: #fff !important
        }

    .btn-normal:hover {
        background-color: #000
    }

.btn-comprar-checkout {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    left: 10%;
    margin-top: -10%;
}

.btn-block-vgo {
    width: 69%;
    margin-bottom: 20px;
    margin-left: 260px;
    background-color: #263d5f;
    font-size: 12px;
    padding: 8px 20px;
}

.btn-block-vgo-ant {
    width: 69%;
    margin-bottom: 20px;
    margin-left: 450px;
    background-color: #263d5f;
    font-size: 12px;
    padding: 8px 20px;
}


.buttons {
    display: flex;
    flex-flow: column;
}

.btn-rounded-sec {
    font-size: 13px;
    padding: 9px 50px;
    font-weight: 700;
    color: #fff !important;
    background-color: #8DD1D8;
    border-radius: 25px;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 1;
    display: inline-block;
    letter-spacing: 0.05em;
    box-shadow: 0 8px 6px -6px black;
    border-radius: 43px !important;
    width: 100%;
}

.btn-rounded-pri {
    font-size: 13px;
    padding: 9px 50px;
    font-weight: 700;
    color: #fff !important;
    background-color: #2D2D2D;
    border-radius: 25px;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 1;
    display: inline-block;
    letter-spacing: 0.05em;
    box-shadow: 0 8px 6px -6px black;
    border-radius: 43px !important;
}

    .btn-rounded-pri:hover {
        background-color: #000;
    }

.btn-rounded-sec:hover {
    background-color: #30527F;
}


.btn-2 {
    background-color: #1a1a1a !important;
    border-radius: 50% !important;
    color: white !important;
    padding: 20px !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-size: 16px !important;
    margin: 4px 2px !important;
}

    .btn-2:hover {
        background-color: #2D2D2D;
    }

.button-ok {
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    text-transform: capitalize;
    width: 100%;
    padding: 5px 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
    background-color: black !important;
    color: #ffff;
    text-align: center;
    justify-content: center;
    margin-top: 8px;
    border: 0px;
    border-radius: 20px;
}

    .button-ok:hover {
        background-color: #2d2d2d !important;
    }

.btn-outline-dark:hover {
    color: #fff;
    background-color: #F28F7D !important;
    border-color: transparent !important;
}

.btn-color-bg {
    background-color: #2D2D2D !important;
}


.btn-color-bg-w {
    background-color: #FFFFFF !important;
    color: #262626 !important;
}


.btnmargin {
    margin-top: 30px !important;
}

.btn-slide {
    font-size: 13px;
    padding: 12px 50px;
    font-weight: 700;
    color: #A0A0A0 !important;
    background-color: #fff;
    border-radius: 25px;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 1;
    display: inline-block;
    border-radius: 50px;
    border: 5px solid #2D2D2D;
}

    .btn-slide:hover {
        border: 5px solid #cecece;
    }

.btn-peq {
    width: 35% !important;
    margin-left: 33% !important;
    padding: 3px !important;
    font-size: 13px;
    font-weight: 700;
    color: #fff !important;
    background-color: #2D2D2D;
    border-radius: 25px;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 1;
    display: inline-block;
    letter-spacing: 0.05em;
    box-shadow: 0 8px 6px -6px black;
    border-radius: 43px !important;
    outline: none;
}


.btn-circle {
    padding: 10px !important;
    font-size: 13px;
    font-weight: 700;
    color: #fff !important;
    background-color: #2D2D2D;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 1;
    display: inline-block;
    letter-spacing: 0.05em;
    box-shadow: 0 8px 6px -6px black;
    border-radius: 50px !important;
    outline: none;
}

.btn-dmc-volver {
    padding: 12px 25px;
    border-radius: 10px;
    margin-bottom: 0;
    margin-left: 10px;
    outline: none;
}

.btn {
    outline: none;
    text-decoration: none;
}

.btn-comprar-checkout {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    left: 0%;
    margin-top: 20px;
}

.boton-search-categories {
    padding-left: 4px;
    max-width: 194px;
    background-color: #D1DF8A !important;
    border-style: hidden;
    color: #30527F;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    border-radius: 40px;
    position: relative;
    left: 0px;
    outline: 0;
    z-index: 3;
}

/** FIN DE BOTONES **/


/*MENU OPCIONES LATERAL*/

.account-bar .theme-form .forget-class a {
    color: #2D2D2D;
    text-transform: capitalize;
    margin-top: 10px;
}


    .account-bar .theme-form .forget-class a:hover {
        color: #cecece;
        text-transform: capitalize;
        margin-top: 10px;
    }


/** MOBILE **/

.toggle-nav i {
}

/* EXTRAS */
.ml-14 {
    margin-left: 14px;
}

.fav-white {
    color: #fff
}

.deal-banner2 {
    background-color: #D5EFF0;
    margin-top: 0px !important;
    padding: 0;
}

    .deal-banner2.identidad-colegio {
        background-color: #ebf0d9 !important;
    }

    .deal-banner2.deal-banner-pilares {
        background-color: #EDF2D7 !important;
    }


.chicos-valores {
    font-family: 'Warung Kopi', sans-serif;
    font-size: 1.5em;
    color: #264165;
}

.chicos {
    font-family: 'Futura';
    font-size: 2rem;
    font-weight: 500;
    color: #235383;
}

.deal-banner2 h6, .chicos-texto.txt-inst {
    text-transform: uppercase;
}

.chicos-texto.txt-inst {
    font-family: 'Futura';
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.3rem;
    color: #235383;
}

@media (max-width: 577px) {
    .chicos-texto.txt-inst {
        font-size: 1.3rem !important;
        line-height: 1.8rem;
    }

    p.pilares-textos {
        font-size: 1.1rem !important;
        line-height: 1.6rem !important;
    }
}

p.pilares-textos {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    font-size: 1.3rem;
    color: #30527F;
}

p.identidad-textos {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 1.9rem;
    letter-spacing: normal;
    font-size: 1.3rem;
    color: #30527F;
}

p.contacto-textos {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 1.9rem;
    letter-spacing: normal;
    font-size: 1.3rem;
    color: #30527F;
}

.contacto-textos a {
    color: #30527F !important
}

@media (min-width: 1200px) {
    p.pilares-textos {
        padding: 18px;
    }
}


.row.iconos-home {
    justify-content: center;
}

@media (max-width: 577px) {
    .row.iconos-home {
        justify-content: space-evenly !important;
    }

        .row.iconos-home .img-fluid {
            max-width: 75% !important;
        }

        .row.iconos-home.iconos-pilares .img-fluid {
            max-width: 30% !important;
        }

        .row.iconos-home .img-identidad-5 {
            max-width: 30% !important;
        }

    p.text-recorda {
        margin-bottom: 25px;
    }
}

@media (min-width: 1200px) {
    .col-uniformes-br {
        border-right: 3px dotted #30527F;
    }

    .deal-banner2 .custom-container, .chicos-institucional .custom-container, .col-video-texto, .bg-contacto .custom-container, .bg-faq .custom-container {
        padding: 80px 80px 80px 80px !important;
    }

    .deal-banner2.identidad-colegio .custom-container {
        padding: 80px 50px 80px 50px !important;
    }

    .col-pilares {
        padding-left: 45px !important;
        padding-right: 45px !important;
    }

    .col-uniformes-br-xs-hz-pilares {
        display: none;
    }
}

@media (min-width: 1200px) {
    .col-uniformes-br-vertical, .col-uniformes-divider {
        display: none;
    }

    .col-identidad {
        flex: 0 0 19% !important;
        max-width: 19% !important;
    }

    .identidad-card {
        padding: 0px 15px;
    }

        .identidad-card img {
            max-width: 50% !important;
        }
}

.identidad-card img {
    margin-bottom: 15px;
}

@media (max-width: 1199px) {
    .mobile-col {
        margin: 0px !important;
    }

    .col-uniformes-br-xs {
        border-right: 3px dotted #30527F;
        /*padding: 0; 
        max-width:0.5%;
        height: 120px;
        margin-top:18px;*/
    }

    .col-uniformes-br-vertical {
        border-right: 3px dotted #30527F;
        max-width: 0%;
        padding: 0;
    }

    .col-uniformes-br-xs-hz {
        border-top: 3px dotted #30527F;
        margin: 40px 0px 30px 0px;
        max-width: 85%;
    }

    .col-uniformes-last-2 {
        margin-top: 30px !important;
    }
}

@media (min-width: 1200px) {
    .col-servicios-texto {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

@media (max-width: 577px) {
    .chicos {
        font-size: 1.5rem !important;
        padding: 10px;
    }

    .deal-banner2 .custom-container, .chicos-institucional .custom-container, .bg-video .custom-container, .col-servicios-texto, .bg-faq .custom-container {
        padding: 40px 20px;
    }

    .identidad-card {
        padding: 0px 15px;
    }

    p.identidad-textos {
        line-height: 1.5rem;
        font-size: 1.1rem;
    }

    p.contacto-textos {
        line-height: 1.5rem;
        font-size: 1.1rem;
    }

    .identidad-card img {
        max-width: 50% !important;
    }
}

p.contacto-textos.horarios-textos {
    white-space: pre-line;
}

@media (max-width: 1199px) {
    .col-uniformes-br-xs-hz-pilares {
        border-top: 3px dotted #30527F;
        margin: 25px 0px 25px 0px;
        max-width: 80%;
    }

    p.pilares-textos {
        padding: 10px 0px;
    }
}

@media (min-width: 578px) and (max-width: 1199px) {
    .chicos {
        font-size: 2rem !important;
        padding: 20px;
    }

    .deal-banner2 .custom-container, .chicos-institucional .custom-container, .bg-video .custom-container, .col-servicios-texto, .bg-faq .custom-container {
        padding: 50px;
    }

    .identidad-card {
        padding: 0px 80px;
    }
}

.chicos-institucional {
    background-color: #F2EFED;
}

.chicos2 {
    font-family: 'Warung Kopi', sans-serif;
    font-size: 1.5em;
    font-weight: 900;
    color: #264165;
}

.chicos-titulo {
    font-family: 'Roboto', sans-serif;
    font-size: 25px !important;
    color: #264165;
    margin-bottom: 40px;
}

.chicos-texto {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #235383;
    letter-spacing: 0.03rem;
}

.m-contact .chicos-texto a {
    color: #264165;
    text-decoration: none;
    background-color: transparent;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
}

.chicos-texto2 {
    font-family: 'Roboto', sans-serif;
    font-size: 1.3rem;
    line-height: 2.2rem;
    color: #264165;
}

.chicos-texto3 {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #264165;
}

.m-contact .chicos-texto3 a {
    color: #e2dcd3;
    text-decoration: none;
    background-color: transparent;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
}

.breadcrumb-main .breadcrumb-contain ul li a {
    color: #4D4D4D;
    font-size: 16px;
    text-transform: capitalize !important;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
}


@media (min-width: 1200px) {

    /* tamaños iconos header pc*/
    .layout-header2 .main-menu-block .cart-block .cart i {
        font-size: 29px;
    }

    .pixelstrap .sm-nowrap > li > a, .pixelstrap .sm-nowrap > li > :not(ul) a {
        /* text-transform: uppercase; */
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        white-space: normal;
        font-weight: 700 !important;
        text-transform: uppercase;
        font-size: 14px !important;
        margin-bottom: 10px !important;
        color: #30527F !important;
    }
}

@media (min-width: 1681px) {
    .container-chicos {
        max-width: 70vw;
        display: block;
    }
}

@media (max-width: 360px) {
    .container {
        max-width: 99vw !important;
    }
}

@media (min-width: 1600px) {
    .collection-banner .collection-banner-main .collection-img {
        height: 350px;
    }
}

@media (min-width: 768px) and (max-width: 1500px) {
    .collection-banner .collection-banner-main .collection-img {
        height: 300px !important;
    }
}



.section-py-space {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding: 0px 0px !important;
}

.mt-150 {
    margin-top: 50px !important;
}

.pixelstrap a .sub-arrow {
    position: absolute;
    top: 56%;
    margin-top: -20px;
    left: auto;
    right: 14px;
    width: 34px;
    height: 34px;
    overflow: hidden;
    font: bold 16 px /34 px monospace !important;
    text-align: center;
    text-shadow: none;
    border-radius: 4px;
    margin-right: -1px;
}

.mt-1500 {
    margin-top: 150px;
    padding-top: 10px;
    height: 450px;
}

.bg-marcas {
    /*background-image: url(../../Images/Banners/background_marca.jpg);*/
    background-color: #d1db8b;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer-2 .sub-footer {
    overflow: hidden;
    /* background-color: #A0A0A0; */
}


.boton-whatsapp {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 8;
    color: white;
    background-color: unset !important;
    box-shadow: none !important;
    border-radius: 50%;
}



.boton-whatsapp-container {
    position: fixed;
    bottom: 20px;
    right: 50px;
    z-index: 8;
    background-color: #D1DF8A;
    box-shadow: 0px 0px 8px #9f9f9f;
    border-radius: 25px;
    padding: 5px;
}

.boton-whatsapp-fondo {
    /*border: 2px dotted #30527F;*/
    border-radius: 25px;
}

.boton-whatsapp-txt {
    color: #30527F;
    padding: 5px 40px 5px 20px;
    font-family: 'Roboto',sans-serif;
    font-weight: 500;
    font-size: 1.3rem;
}

.boton-whatsapp-img-pc img {
    position: fixed;
    bottom: 12px;
    right: 10px;
    transform: scale(1.3);
    z-index: 8;
}


.section-mb-space {
    margin-bottom: 0px !important;
}

.m-00 {
    padding-top: 20px;
}

.p-80 {
    padding-top: 80px
}

.space-around {
    justify-content: center;
}

.mt-110 {
    margin-top: 110px;
}

@media (min-width: 578px) {
    .mobiles-datachicos {
        display: none;
    }
}

@media (max-width: 577px) {
    .mt-110 {
        margin-top: 50px !important;
    }

    .pc-datachicos {
        display: none;
    }

    .col-datachicos-mobiles {
        display: flex;
    }

    .img-datachicos-mobiles {
        margin: 0 auto;
        max-width: 70% !important;
        padding: 40px 0px;
    }
}

.mb-datachicos {
    margin-bottom: 50px;
}

.footer-2 .footer-main-contian .footer-right {
    padding-top: 25px;
    padding-left: 0px !important;
}

.cuadrado1 {
    border-top-width: 20px !important;
    border-bottom-width: 20px !important;
    padding-top: 50px !important;
    padding-right: 50px !important;
    padding-bottom: 50px !important;
    padding-left: 50px !important;
    background-color: #52bbce !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    font-size: 20px;
    color: #ffffff;
    line-height: 23px;
    text-align: center;
}


.cuadrado2 {
    font-size: 20px;
    color: #ffffff;
    line-height: 23px;
    text-align: center;
    border-top-width: 20px !important;
    border-bottom-width: 2px !important;
    padding-top: 50px !important;
    padding-right: 50px !important;
    padding-bottom: 50px !important;
    padding-left: 50px !important;
    background-color: #f48268 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}


.bg-grey {
    background-color: #E0DBD4;
    margin-top: 100px;
    padding: 75px 0;
}

.bg-grey2 {
    background-color: #E0DBD4;
    padding: 75px 0;
}

.bg-greenc {
    background-color: #d1df8a;
    margin-top: 100px;
    padding: 75px 0;
}

.pr-1, .px-1 {
    padding-right: 3.25rem !important;
    padding-right: 3.25rem !important;
}

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 40%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
}

.slick-prev {
    left: 25px;
}

.footer-2 .footer-main-contian {
    padding-bottom: 80px;
}

.sosiyal-block {
    margin-top: 30px;
    margin-left: 10px;
    width: 300px;
}

.max-100 {
    width: 100% !important;
}

.deal-banner3 {
    margin-top: 0px !important;
    padding: 75px 0;
}

.deal-banner4 {
    background-color: #d2ccc2;
    margin-top: 0px !important;
    padding: 140px 0px 85px;
}

.btn-rounded2 {
    font-size: 13px;
    padding: 12px 145px;
    font-weight: 700;
    color: #fff !important;
    border-radius: 25px;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 1;
    display: inline-block;
    box-shadow: 0 8px 6px -6px black;
    margin-top: 20px
}

.colorc1 {
    background-color: #00a388;
}

.colorc2 {
    background-color: #fd8367;
}

.colorc3 {
    background-color: #11abc0;
}

.btn-rounded2:hover {
    background-color: #30527F !important;
    color: #fff !important;
}

@media (max-width: 577px) {
    .layout-header2 .main-menu-block .logo-block {
        margin-right: 0px !important;
        /* width: 100%; */
        text-align: center;
    }

    .logo-block .img-fluid-ovr {
        max-width: 75% !important;
    }

    .deal-banner4 {
        padding: 40px 0px !important;
    }

    .chicos-titulo2 {
        font-size: 1.6rem !important;
    }
}

.chicos-titulo2 {
    font-family: 'Futura';
    font-size: 1.8rem !important;
    color: #264165;
    margin-bottom: 2rem;
    text-transform: uppercase;
    font-weight: 900;
}

a.faq-link {
    text-decoration: underline;
}

.chicos-titulo3 {
    font-family: 'Warung Kopi',sans-serif;
    font-size: 3em;
    color: #264165;
    margin-bottom: 40px;
    font-weight: 900;
}

.chicos-titulo4 {
    font-family: 'Roboto',sans-serif;
    font-size: 20px;
    color: #264165;
    margin-bottom: 40px;
    font-weight: 900;
}

.chicos-valores2 {
    font-family: 'Futura';
    font-size: 1.4em;
    font-weight: 500;
    color: #235383;
}


@media (max-width: 376px) {
    .chicos-valores2 {
        font-size: 0.8rem !important;
    }
}

@media (min-width: 377px) and (max-width: 404px) {
    .chicos-valores2 {
        font-size: 0.9rem !important;
    }
}

@media (min-width: 405px) and (max-width: 577px) {
    .chicos-valores2 {
        font-size: 1rem !important;
    }
}

@media (min-width: 578px) and (max-width: 700px) {
    .chicos-valores2 {
        font-size: 1.2rem !important;
    }
}

.chicos-valores3 {
    font-family: 'Futura';
    font-size: 1.5rem;
    font-weight: 500;
    color: #235383;
}

.iconos-home {
    padding-top: 50px;
}

@media (max-width: 577px) {
    .iconos-home {
        padding-top: 0px !important;
    }
}

.bg-grey3 {
    background-color: #d1cbc2
}

.bg-green2 {
    background-image: url(../../Images/Banners/background/nosotros.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-green3 {
    background-image: url(../../Images/Banners/background/nosotros2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-green4 {
    background-image: url(../../Images/Banners/background/nosotros3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.izquierda {
    float: left;
}


.center {
    align-items: center;
}

.fabrica {
    margin-bottom: 30px;
    text-align: center;
}

.margin-c {
    margin-top: 100px;
    margin-bottom: 100px;
}

.padding-c {
    margin-top: 50px;
    padding-bottom: 100px;
}

input, textarea {
    border-radius: 20px;
    padding: 8px;
    border-style: solid;
    border-color: #30527F;
}

textarea {
    max-width: 1000px;
}

.justify-center {
    justify-content: center;
}

.bg-blue {
    background-color: #30527F;
}

.contacto {
    font-family: Roboto,sans-serif;
    color: #fff;
    font-size: 1.2em;
}

.margin {
    margin-top: 10px;
    padding: 20px;
}

.bg-celeste {
    background-image: url(../../Images/Banners/background/colegiales.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mtb-80 {
    margin-top: 80px;
    margin-bottom: 80px;
}

.pixelstrap.sm-horizontal .mega.product > div {
    border: 1px solid #d1df8a !important
}

.pixelstrap .full-mega-menu a h6, .pixelstrap .clothing-menu a h6 {
    font-size: 14px;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-weight: 400;
    text-transform: capitalize;
    color: #d1df8a !important;
}

.mega-box .link-section .demo .new {
    position: absolute;
    top: -8px;
    right: 0px;
    color: white;
    background-color: #d1df8a !important;
    padding: 2px 7px;
    text-transform: uppercase;
    font-size: 9px;
    line-height: 1.3
}

::selection {
    background-color: #d1df8a;
    color: #000;
}


.pixelstrap ul {
    /*        padding: 15px 0px 15px 0px;
*/ background: #fff;
    border: 5px solid #d1df8a;
}

    .pixelstrap ul ul {
        background: white;
        border: 5px solid #d1df8a;
    }


    .pixelstrap ul a:before {
        bottom: -5px;
        height: 5px;
        width: 0;
        background-color: #d1df8a !important;
        -webkit-transition: 0.5s ease;
        transition: 0.5s ease;
        opacity: 0.80
    }

    .pixelstrap ul a, .pixelstrap ul a:hover, .pixelstrap ul a:focus, .pixelstrap ul a:active, .pixelstrap ul a.highlighted {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        white-space: nowrap;
        font-weight: 700 !important;
        text-transform: uppercase;
        font-size: 12px !important;
        margin-bottom: 10px !important;
        padding: 0;
        color: #2D2D2D !important;
    }

.product .product-box .product-detail.detail-center .detail-title .detail-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    justify-content: left; /*space-between;*/
    width: 89%;
    position: absolute;
    top: 55%;
    padding: 5px 0 5px 0;
    margin-bottom: 5px;
    font-size: 23px;
    flex-wrap: wrap;
}

.product-right .size-box ul li {
    height: 35px;
    border-radius: 10px;
    margin-right: 10px;
    cursor: pointer;
    border: 1px solid #8dd1d8;
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
    margin-top: 5px;
}

    .product-right .size-box ul li:hover {
        height: 35px;
        border-radius: 10px;
        margin-right: 10px;
        cursor: pointer;
        border: 1px solid #8dd1d8;
        text-align: center;
        padding-right: 5px;
        padding-left: 5px;
        margin-top: 5px;
    }

.qty-box .input-group .form-control {
    color: #FFFFFF;
    text-align: center;
    width: 60px;
    height: 33px;
    border-radius: 30px;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    background-color: #d1df8a;
    margin-top: 18px;
}

.qty-box .input-group button {
    background-color: transparent;
    border: 0;
    color: #d1df8a;
    cursor: pointer;
    padding-top: 21px;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    border-bottom: none !important;
}

    .qty-box .input-group button i {
        font-weight: 900;
        color: #d1df8a
    }

.tab-product .nav-material.nav-tabs .nav-link.active, .product-full-tab .nav-material.nav-tabs .nav-link.active {
    color: #d1df8a
}

.tab-product .nav-material.nav-tabs .nav-item .material-border, .product-full-tab .nav-material.nav-tabs .nav-item .material-border {
    border-bottom: 2px solid #d1df8a;
    opacity: 0
}

#lblSubTotalPrecio {
    font-size: 18px;
    font-family: Roboto, sans-serif;
}

.calculadora-talles-switch {
    color: #30527F;
    font-weight: 100;
}


    .calculadora-talles-switch:hover {
        color: #d1df8a;
    }

.mt-20 {
    margin-top: 20px;
}

#colorSeleccionado {
    font-weight: 100;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    margin-left: 20px;
}

.calculadora-btn {
    border-color: #8dd1d8;
    border-style: solid;
    padding: 5px;
    margin-bottom: 5px;
}

.calcular {
    height: fit-content;
    width: 90px;
    border-style: solid;
    border-color: #8dd1d8;
    background-color: #8dd1d8;
    color: #fff;
}

.max-80 {
    width: 80px;
    height: auto;
}

.bg-arena {
    background-color: #E0DBD4;
    padding: 120px 0;
}

.bg-video {
    background-color: #f0edea !important;
}

.bg-servicios-1, .bg-contacto {
    background-color: #cfedf0 !important;
}

.bg-servicios-2, .bg-faq {
    background-color: #eaefd8 !important;
}

.img-noborder {
    display: block;
    vertical-align: bottom;
    line-height: 0;
}

.mt-25 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-120 {
    margin-top: 120px;
    margin-bottom: 120px;
}


.sosiyal li {
    width: 54px;
    height: 35px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
    background-color: unset;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.margin-50 {
    margin: 50px
}

.bg-arena2 {
    background-color: #E0DBD4;
    padding: 140px 0;
}

.chicos-form {
    border-style: solid;
    width: 350px;
}

.space-evenly {
    justify-content: space-evenly;
}

.color-azul {
    color: #30527F !important
}

.color-verde {
    color: #d1df8a !important
}

.add_to_cart .cart-inner .cart_media li .media .media-body h4 {
    color: #30527F;
}

    .add_to_cart .cart-inner .cart_media li .media .media-body h4 span {
        color: #F28F7D;
        font-size: 20px;
    }

.add_to_cart .cart-inner .cart_media li .total h5 {
    text-transform: capitalize;
    margin-bottom: 0;
    color: #F28F7D
}

.btn-rounded-sec2 {
    font-size: 13px;
    padding: 9px 50px;
    font-weight: 700;
    color: #fff !important;
    background-color: #F28F7D;
    border-radius: 25px;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 1;
    display: inline-block;
    letter-spacing: 0.05em;
    box-shadow: 0 8px 6px -6px black;
    border-radius: 43px !important;
    width: 100%;
}


.btn-rounded-pri2 {
    font-size: 13px;
    padding: 9px 50px;
    font-weight: 700;
    color: #fff !important;
    background-color: #d1df8a;
    border-radius: 25px;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 1;
    display: inline-block;
    letter-spacing: 0.05em;
    box-shadow: 0 8px 6px -6px black;
    border-radius: 43px !important;
}


.btn-rounded-sec2:hover {
    background-color: #30527F;
}


.btn-rounded-pri2:hover {
    background-color: #30527F;
}

.subtotal-carrito {
    display: flex;
    background: #eeeeee;
    color: #000;
    font-size: 17px;
    border-radius: 5px;
    flex-direction: column;
    align-items: baseline;
    padding: 11px 20px 8px 20px;
    border-bottom: solid 12px #8dd1d8;
    box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgb(0 0 0 / 0%), 0 100px 80px rgba(0, 0, 0, 0);
    width: 100%;
    justify-content: center;
    font-weight: 500;
    position: sticky;
}

.cart-section .botonera-flex {
    flex-direction: column;
    align-items: baseline;
    margin-right: 45px;
    padding: 11px 20px 8px 20px;
    border-bottom: solid 12px #8dd1d8;
    box-shadow: 0 2.8px 2.2px rgb(0 0 0 / 3%), 0 6.7px 5.3px rgb(0 0 0 / 5%), 0 12.5px 10px rgb(0 0 0 / 6%), 0 22.3px 17.9px rgb(0 0 0 / 7%), 0 41.8px 33.4px rgb(0 0 0 / 0%), 0 100px 80px rgb(0 0 0 / 0%);
}

.contact-page .theme-form {
    padding: 30px;
    background-color: #f0f0f0;
    box-shadow: 0 2.8px 2.2px rgb(0 0 0 / 3%) !important;
    border-radius: 5px;
}

.checkout-page .checkout-form input[type="text"], .checkout-page .checkout-form input[type="email"], .checkout-page .checkout-form input[type="password"], .checkout-page .checkout-form input[type="tel"], .checkout-page .checkout-form input[type="number"], .checkout-page .checkout-form input[type="url"] {
    width: 100%;
    padding: 0 22px;
    height: 45px;
    border: 1px solid #dddddd4f;
    box-shadow: none;
    border-radius: 5px;
}

.theme-form-obs {
    padding: 30px;
    background-color: #f0f0f0;
    box-shadow: 0 2.8px 2.2px rgb(0 0 0 / 3%) !important;
    border-radius: 5px;
}

.observaciones-checkout {
    width: 100% !important;
    padding: 0 22px !important;
    height: 170px !important;
    background: #fff !important;
    border: 1px solid #dddddd4f !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    font-size: 12px;
}

.checkout-page .checkout-form select, .checkout-page .checkout-form textarea {
    width: 100%;
    padding: 0 22px;
    height: 45px;
    background: #fff;
    border: 1px solid #dddddd4f;
    border-radius: 5px;
    box-shadow: none !important;
}

.list-group {
    box-shadow: 0 2.8px 2.2px rgb(0 0 0 / 3%) !important;
}

.in-chicos {
    width: 350px;
}

@media (max-width: 1199px) {
    .product-box-height4 {
        height: 28vh !important
    }
}

@media (min-width: 1200px) {
    .product-box-height4 {
        height: 36vh !important
    }

    .product-box-height3 {
        height: 40vh !important
    }
}


@media (min-width: 992px) and (max-width: 1350px) {
    .product-box-height6 {
        height: 30vh !important
    }
}

@media (min-width: 1351px) and (max-width: 1800px) {
    .product-box-height6 {
        height: 34vh !important
    }
}

@media (min-width: 992px) and (max-width: 1095px) {
    .product .product-box .product-detail.detail-center {
        padding-bottom: 170px !important;
    }
}

@media (min-width: 1096px) and (max-width: 1300px) {
    .product .product-box .product-detail.detail-center {
        padding-bottom: 165px !important;
    }
}

@media (min-width: 1301px) and (max-width: 1800px) {
    .product .product-box .product-detail.detail-center {
        padding-bottom: 95px !important;
    }
}

@media (min-width: 1920px) {
    .product-box-height6 .btn-outline-dark {
        margin-top: unset !important;
        top: 80% !important;
    }
}


.product-box-height6, .product-box-height4, .product-box-height3 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.product .product-box .product-detail.detail-center .detail-title .detail-left {
    height: auto;
}

.dataf {
    margin-left: 0px;
    margin-top: 45px;
}

.collection-product-wrapper .product-wrapper-grid .product-box {
    margin-top: 10px;
    padding: 60px;
    border: 1px;
    height: auto !important;
    max-width: inherit;
}

@media (max-width: 577px) {
    .margin-100 {
        margin-top: 45px !important;
        margin-bottom: 45px !important;
    }
}

.margin-100 {
    margin-top: 100px;
    margin-bottom: 100px
}


.contacto-column {
    flex-flow: wrap column;
    justify-content: space-around;
    align-content: center;
}

.container-contacto {
    display: block;
}

.justify-space-even {
    justify-content: space-evenly;
}


.avellaneda {
    background-color: #e2dcd3;
    width: 480px;
    padding: 25px;
}

.grilli {
    background-color: #d4e191;
    width: 480px;
    padding: 25px;
}

.south {
    background-color: #8d6a8e;
    width: 480px;
    padding: 25px;
}

.lasnieves {
    background-color: #92d4da;
    width: 480px;
    padding: 25px;
}

.m-contact {
    margin: 2px;
    padding-left: 0px;
    padding-right: 0px;
}

.colors {
    color: #e2dcd3;
}

.chicos-texto-nos {
    font-family: 'Roboto', sans-serif;
    font-size: 26px;
    color: #264165;
}

.chicos-w {
    width: 80%;
}




/*
    ** CORRECCIONES DEL MOBILE
*/

.video {
    width: 100%;
    height: 100%;
}

@media (min-width: 1200px) {
    .chicos-texto-nos {
        font-size: 20px !important;
    }

    .section-img-empresa {
        padding: 50px;
    }

    .col-img-empresa img {
        width: 90%;
    }

    .col-img-equipo {
        padding: 0px 30px;
    }

    .section-img-nosotros {
        padding: 70px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .col-img-equipo {
        text-align: center;
        padding: 0px 25px;
    }

    .col-img-equipo-row2 {
        margin-top: 80px;
    }

    .chicos-texto-nos {
        font-size: 17px !important;
    }

    .section-img-empresa {
        padding: 100px 50px;
    }

    .bg-arena {
        padding: 100px 0 !important;
    }

    span.chicos2 {
        line-height: 1em;
    }

    .section-img-nosotros {
        padding: 30px 50px;
    }
}

@media (min-width: 1600px) {
    .container.container-img-equipo {
        max-width: 1450px !important;
    }
}

@media (max-width: 767px) {
    .col-img-equipo {
        text-align: center;
        margin-top: 40px;
    }
}


@media (max-width: 577px) {

    .mobile-fix-option {
        height: 45px !important;
    }


    .top-header .top-header-left {
        height: 5px !important;
    }

    .pixelstrap ul {
        background: #fff;
        border: 0px !important;
    }


    .mobile-menu-drop {
        display: contents !important;
        flex-wrap: nowrap;
        flex-direction: column;
        align-items: stretch;
    }


    .pixelstrap a, .pixelstrap a:hover, .pixelstrap a:active {
        font-size: 20px !important;
    }



    .m-contact {
        margin: 0px !important;
    }

    .south {
        padding: 2px;
    }

    .chicos-w {
        width: 100%;
    }

    .chicos-texto-nos {
        font-size: 17px;
        margin: 20px;
    }

    .margin-c {
        margin: 30px;
    }


    .chicos {
        margin: 10px;
    }

    .col-img-empresa {
        padding: 40px 35px 10px 35px;
    }

    .bg-green2, .bg-green3 {
        padding: 30px 0px;
    }

    span.propia-tienda {
        font-size: 17px;
    }

    .hablemos-button {
        max-width: 90%;
    }

    .section-img-nosotros {
        padding: 10px 30px 30px 30px;
    }

    .img-nosotros {
        margin-top: 30px;
    }

    .col-img-equipo {
        margin-top: 30px;
        padding: 0px 25px;
        text-align: center;
    }

        .col-img-equipo img {
            width: 65%;
        }

    .bg-green4 h6.chicos {
        margin: 0 !important;
        padding: 30px 20px 0px 20px;
    }

    .sosiyal-block {
        display: flex;
        justify-content: space-between;
    }

    .dataf {
        margin-left: 10px;
        margin-top: 0px !important;
    }

    .sosiyal.redes img {
        /*width: 80% !important;*/
    }

    .sosiyal-block {
        margin-top: 13px !important;
        width: unset;
    }

    .sosiyal.data img {
        transform: scale(0.7) !important;
    }

    .sosiyal.data {
        width: 50%;
        justify-content: flex-end !important;
    }

    .sosiyal.redes {
        /*width: 50% !important;*/
        margin: 0 auto;
    }

    .sosiyal li {
        width: unset !important;
        height: unset !important;
        margin-right: 3px !important;
    }

    .col-redes {
        padding-right: 0 !important;
    }

    span.chicos2 {
        line-height: 1em;
    }

    .mtb-80 {
        margin-top: 80px;
        margin-bottom: 80px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .product .product-box .product-detail.detail-center .detail-title .detail-right {
        width: 89%;
        position: center;
        top: 85%;
    }

    .product-right {
        align-items: center;
    }

    .cart-section.order-history tbody tr td:last-child {
        display: inline-block;
    }

    .cart-section tbody tr td {
        min-width: 94px;
    }

    .float {
        position: fixed;
        width: 203px;
        height: 47px;
        bottom: 56px;
        right: 91px;
        background-color: #d1df8a !important;
        color: #FFF;
        border-radius: 53px;
        text-align: center;
        box-shadow: 2px 2px 3px #999;
        font-size: 20px;
        padding-top: 8px;
        box-shadow: 0 8px 6px -6px black;
    }

    .ms-options-wrap > button:focus, .ms-options-wrap > button {
        position: relative;
        width: 50%;
        text-align: left;
        border: 1px solid #aaa;
        background-color: #fff;
        padding: 8px 20px 9px 14px;
        margin-top: 17px;
        font-size: 13px;
        color: #aaa;
        outline-offset: -2px;
        white-space: nowrap;
        border-radius: 20px;
    }

    .CargaMasiva_filter {
        margin-bottom: 20px
    }

    .slick-initialized .slick-slide {
        display: inline-block;
    }

    .bg-arena {
        padding: 40px 0;
    }

    .deal-banner2 {
        padding: 0;
    }

    .deal-banner3 {
        margin-top: 0px !important;
        padding: 40px 0;
    }

    .alert {
        border-radius: 0;
        width: 80%;
    }

    .alert-error {
        background-color: #ffffff !important;
        border-radius: 0;
        color: #ff0000 !important;
    }

    .alert span {
        color: #5cb85c
    }

    .alert .progress {
        margin-top: 5px;
        height: 10px;
        right: 5px !important;
    }

    .alert .progress-bar {
        background-color: #5cb85c;
        height: 10px;
        margin-top: 5px;
        height: 10px;
        right: 5px !important;
    }

    .mt-120 {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}


@media (max-width: 767px) {
    .footer-2 .footer-main-contian .footer-right .account-right .footer-box .footer-title .according-menu:before {
        content: "\f107";
        position: absolute;
        right: 0px;
        top: 5px;
        color: #fff;
        font-size: 20px;
    }
}


.CargaMasiva .CargaMasiva_filter #frmFiltrar #btnFiltrar {
    background: #d1df8a;
    color: #fff;
    font-weight: 700;
    padding: 6px 10px;
    box-shadow: none;
    border: 0;
    border-radius: 20px;
    margin-right: 10px;
}

/*Compra Express*/
.float {
    bottom: 100px;
}

.chicos-a {
    color: #264165
}

.chicos-a-white {
    color: #fff
}

.solicitud-notificacion-stock {
    border: 1px #F28F7D solid;
    color: #F28F7D;
    border-radius: 10px;
    width: fit-content;
}

.notificacion-stock-combo {
    color: #30527F;
    border-color: #30527F;
}

.notificacion-stock-boton {
    background-color: #30527F;
}

/* 2025 new design */

.text-blue {
    color: #235383;
}

textarea {
    max-width: 100%;
}

p {
    font-size: 18px !important;
    line-height: 1.5 !important;
}

a {
    font-weight: normal;
}

.sosiyal-block {
    width: auto !important;
}

.row.iconos-home {
    justify-content: center;
}

.footer-contant {
    margin-top: 30px !important;
}


.sosiyal-block {
    margin-left: 0;
}


.footer-2 .footer-main-contian {
    padding-bottom: 80px;
}

    .footer-2 .footer-main-contian .footer-left {
        padding: 0;
    }

        .footer-2 .footer-main-contian .footer-left .footer-logo img {
            width: initial;
        }

.footer-contant ul li {
    letter-spacing: normal;
    margin-bottom: 8px;
}

.footer-logo {
    max-width: 70%;
    margin: 0 auto;
}

.dataf {
    margin: initial !important;
    max-width: 40px;
    position: absolute;
    bottom: 10px;
}

.titulos-1982 {
    font-size: 6rem;
    font-weight: 300 !important;
    font-family: 'Futura' !important;
    color: #235383;
    letter-spacing: -0.4rem;
}

.bg-servicios-2, .bg-faq {
    background-color: #eaefd8 !important;
}

.faq {
    margin-bottom: 50px;
}

.important {
    background: #ebefd9;
    padding: 25px 30px;
    border-radius: 10px;
    border: solid 2px #30527F;
    font-weight: 400;
    font-size: 18px;
}

.vertical-list {
    padding-left: 15px;
    margin-bottom: 0;
    font-size: 18px;
}

    .vertical-list li {
        display: list-item;
        margin-bottom: 10px;
    }

.faq-box {
    background: #e2e3db;
    padding: 25px 30px;
    border-radius: 20px;
    border: solid 2px #30527F;
}

    .faq-box h1 {
        text-align: center;
        font-size: 2.5rem !important;
        font-family: 'Futura';
        color: #264165;
        margin-bottom: 2rem;
        text-transform: uppercase;
        font-weight: 900;
    }

.faq h4 {
    font-size: 1.3rem !important;
    color: #264165;
    margin-bottom: 2rem;
    text-transform: uppercase;
    font-weight: 8 00;
    text-decoration: underline;
}

.faq-box h5 {
    font-family: 'Futura';
    color: #264165;
    font-size: 1.5rem;
}

.faq p {
    font-family: 'Roboto', sans-serif;
    font-size: 1.3rem;
    line-height: 2.2rem;
    color: #264165;
    margin-bottom: 25px;
}

.important h4 {
    font-size: 1rem !important;
}

.text-blue {
    color: #264165;
}

.list-decimal {
    list-style: decimal !important;
}

.boton-whatsapp {
    position: fixed;
    bottom: 15px;
    right: 10px;
    z-index: 8;
    color: white;
    background-color: unset !important;
    box-shadow: none !important;
    border-radius: 50%;
    filter: drop-shadow(0px 2px 2px #c5c5c5);
}

    .boton-whatsapp span {
        background: #c8d388;
        color: #235383;
        border-radius: 20px 0 0 20px;
        padding: 8px 20px 8px 15px;
        position: relative;
        right: -25px;
        top: 5px;
    }


@media (min-width: 577px) {
    .footer-2 .footer-main-contian {
        padding: 40px 0px;
    }
}

@media (max-width: 991px) {
    .footer-logo {
        margin-bottom: 50px !important;
    }

    .footer-2 .footer-main-contian .footer-left .footer-logo img {
        width: 150px;
    }
}

@media (min-width: 1200px) {
    .sosiyal li {
        width: 36px !important;
        height: initial !important;
        margin: 3px !important;
    }

    .footer-2 div.container {
        max-width: none !important;
        display: flex;
        justify-content: center;
        padding: 0px 50px;
    }
}



.grecaptcha-badge {
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    left: 10px !important;
    opacity: .8;
}

    .grecaptcha-badge:hover {
        width: 256px !important;
        opacity: 1;
    }

@media (max-width: 1199px) {
    .grecaptcha-badge {
        bottom: 60px !important;
    }
}

@media (max-width: 767px) {
    .dataf {
        position: relative !important;
        margin: 20px auto 0 !important;
        display: block;
    }

    .titulos-1982 {
        font-size: 2.5rem;
    }
}

.sosiyal li:hover {
    background-color: transparent !important;
}


.filter-btn {
    background-color: #30527F !important;
}

.product-page-filter select:hover {
    background: #c8d388 !important;
    color: #235383 !important;
}

.btn-contacto:hover {
    background: #c8d388 !important;
    color: #235383 !important;
}

.btn-vista-rapida:hover {
    background: #c8d388 !important;
    color: #235383 !important;
}

.filter-main-btn span:hover {
    background: #c8d388 !important;
    color: #235383 !important;
}

.product-page-filter select {
    background-color: #30527F !important;
    padding: 10px 15px !important;
    border-radius: 30px !important;
    color: white !important;
}

.product .product-box {
    margin-top: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
    border: solid 2px #32537d !important;
    border-radius: 10px !important;
    max-width: initial;
    transition: all ease-in-out 300ms !important;
    overflow: hidden !important;
    text-align: center;
    padding-bottom: 15px !important;
}

.addtocart_count {
    margin-bottom: 30px;
}

.product .product-box .product-detail.detail-center {
    border-color: #32537d;
}

.btn-rounded:hover {
    background: #c8d388 !important;
    color: #235383 !important;
}

.pixelstrap .sm-nowrap > li > a, .pixelstrap .sm-nowrap > li > :not(ul) h5 a {
    font-weight: 700 !important;
    text-transform: uppercase;
}

.pixelstrap .sm-nowrap > li > a, .pixelstrap .sm-nowrap > li > :not(ul) a {
    font-weight: 400 !important;
    text-transform: none;
}

.pixelstrap .full-mega-menu {
    width: initial !important;
}

@media (min-width: 1200px) {
    .pixelstrap .full-mega-menu .mega-box {
        padding: 0 !important;
        display: contents !important;
    }

    .pixelstrap ul a:hover:before,
    .pixelstrap ul a:hover:hover:before,
    .pixelstrap ul a:focus:hover:before,
    .pixelstrap ul a:active:hover:before,
    .pixelstrap ul a.highlighted:hover:before {
        height: 3px;
    }
}

.link-section {
    width: 100%;
}

.pixelstrap .full-mega-menu .mega-box .link-section ul li a:hover, .pixelstrap .full-mega-menu .mega-box .link-section ul li a:focus {
    padding-top: 0;
    padding-bottom: 0;
}

.rounded-xl {
    border-radius: 20px;
}

.title-video {
    text-decoration: none !important;
    padding: 15px 10px 0;
    line-height: 25px;
    text-transform: none !important;
    font-weight: 500 !important;
}

.modal-content-cuidados {
    border: none !important;
    border-radius: 15px;
    overflow: hidden;
}

.yt-thumb {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    cursor: pointer;
    border-radius: 1rem;
}

    .yt-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.yt-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 68px;
    height: 48px;
    border-radius: 14px;
    background: rgba(0, 0, 0, .6);
    display: grid;
    place-items: center;
    transition: transform .15s ease, opacity .15s ease;
}

    .yt-play::before {
        content: "";
        border-style: solid;
        border-width: 10px 0 10px 16px;
        border-color: transparent transparent transparent white;
        margin-left: 3px;
    }

.yt-thumb:hover .yt-play {
    transform: translate(-50%, -50%) scale(1.06);
    opacity: .9;
}

#ytModal iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 0;
    display: block;
}

.badget-list li a {
    margin: 10px 5px;
    border-radius: 50px;
    padding: 5px 15px;
    background: #30527F;
    color: white;
    font-size: 16px;
    display: block;
    transition: all 0.2s ease-in-out;
}

.faq h4 i {
    opacity: .95;
    margin-left: 2px;
}

.badget-list li a:hover {
    background: #c8d388;
    color: #235383 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
    transform: translateY(-1px);
}

/* 1. Hacemos que el contenedor del video mantenga la proporción 16:9 */
.theme-modal#exampleModal .modal-home {
    position: relative;
    padding-bottom: 56.25%; /* Relación de aspecto 16:9 */
    height: 0;
    overflow: hidden;
    width: 100%;
    border-radius: 8px; /* Opcional: bordes redondeados para el video */
}

    /* 2. El iframe ocupa todo el espacio del contenedor padre */
    .theme-modal#exampleModal .modal-home iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

/* 3. Limpiamos fondos para que el modal parezca invisible y el video resalte */
.theme-modal#exampleModal .modal-content,
.theme-modal#exampleModal .modal-body,
.theme-modal#exampleModal .modal-bg {
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    border: none !important;
}

/* 4. Aseguramos que el botón de cerrar (si agregas uno) sea visible sobre el video */
.theme-modal#exampleModal .close {
    position: absolute;
    /*right: -20px;
    top: -20px;*/
    z-index: 10;
    color: #fff;
    opacity: 1;
}



/* Marquesina */

.contenedor-marquesina {
    width: 100%;
    overflow: hidden;    
}

.marquesina-track {
    display: flex;
    width: max-content;
    animation: marquee 40s linear infinite; /* más lento */
}

.grupo {
    display: flex;
    gap: 200px;
    white-space: nowrap;
    padding-right: 200px;
}

    .grupo span {
        flex-shrink: 0;
        color: #30527F;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        letter-spacing: .05em;
        text-transform: uppercase;
        padding: 7px 0;
    }

@keyframes marquee {
    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0);
    }
}

.contenedor-marquesina:hover .marquesina-track {
    animation-play-state: paused;
}

/* El nombre del producto en la ficha es el h1 de la página: se ve igual que el h2 que tenía */
.product-right h1 {
    font-weight: 400;
    font-size: calc(20px + (36 - 20) * ((100vw - 320px) / (1920 - 320)));
}

@media (max-width: 1199px) {
    .product-right h1 {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    .product-right h1 {
        margin-top: 15px;
    }
}