/*

Archivo con dependencia de variable encontradas en el masterweb

*/

@font-face {
    font-family: Roboto-Light;
    src: url('../fonts/Roboto-Light.ttf');
}

@font-face {
    font-family: Roboto-Regular;
    src: url('../fonts/Roboto-Regular.ttf');
}

@font-face {
    font-family: Roboto-Bold;
    src: url('../fonts/Roboto-Bold.ttf');
}

@font-face {
    font-family: Roboto-Thin;
    src: url('../fonts/Roboto-Thin.ttf');
}

a,
a:hover {
    color: #000;
}

.header-div {
    position: absolute;
    z-index: 2;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(70, 69, 69, 0.7063200280112045) 34%);
}

.text-currenttime {
    color: #FFF;
    font-size: 12px;
}

.title-secundario {
    font-family: 'Roboto-Bold';
    font-size: 40px;
}

.cerrar-flotante-wssp {
    position: fixed;
    right: 23px;
    color: white;
    font-family: 'Roboto-Bold';
    font-size: 14px;
    bottom: 106px;
    z-index: 9999;
}

.cerrar-flotante-wssp:hover {
    cursor: pointer;
}

.centerfull {
    display: flex;
    align-items: center;
    justify-content: center;
}

.centervertical {
    display: flex;
    align-items: center;
}

.pointer {
    cursor: pointer;
}

.div-login {
    padding: 0px 15px;
    color: #FFF;
    font-size: 14px;
    cursor: pointer;
}

.btn-close {
    border: 0px;
    background: transparent;
    border-radius: 20px;
    cursor: pointer;
}

.menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    height: 100%;
    font-family: Roboto-Regular;
}

.main-menu {
    width: 100%;
    list-style-type: none;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.main-menu>li:hover {
    border-color: var(--color-terciario);
}

.main-menu>li {
    display: block;
    position: relative;
    padding: 0px 10px;
    border-radius: 0px;
    border-bottom: 3px solid transparent;
}

.main-menu li a>span {
    padding-left: 10px;
    color: white;
}

.main-menu>li a {
    color: #FFF;
    font-family: 'Roboto-Regular';
    font-size: 15px;
}

.sub-menu {
    margin-top: 3px;
    list-style-type: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 100%;
    min-width: 178px;
    width: 270px;
    max-width: 270px;
    border-radius: 0px;
    font-size: 13px;
    background-color: var(--color-secundario);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    padding: 10px;
    /* box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.2); */
    visibility: hidden;
    opacity: 0;
}

.sub-menu li {
    position: relative;
    background-color: transparent;
    border-radius: 0px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    border-bottom: 2px solid transparent;
}

.main-menu>li>.sub-menu {
    top: 100%;
    left: 0;
}

.sub-menu a {
    font-family: Roboto-Regular;
    font-size: 14px;
    line-height: 1.5;
    color: #FFF;
    display: block;
    padding: 3px 0px;
    width: 100%;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
}

.icono-menu-clase {
    position: relative;
    margin-top: 3px;
    padding-left: 5px;
}

.sub-menu .icono-menu-clase {
    position: absolute;
    margin-top: 3px;
    right: 15px;
}


/*---------------------------------------------*/

.main-menu>li:hover>a {
    text-decoration: none;
    color: #FFF;
}

.main-menu>li:hover>a span {
    text-decoration: none;
    color: white;
}

.main-menu>li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    background-color: var(--color-terciario);
    color: #FFF;
}

@media (max-width: 575px) {
    .main-menu>li:hover>.sub-menu {
        visibility: visible;
        opacity: 1;
        background-color: var(--color-secundario);
        ;
        color: var(--color-secundario);
    }
}

@media (max-width: 575px) {
    .icono-menu-clase {
        display: none;
    }
}

.main-menu li>.sub-menu a {
    color: #FFF;
    font-size: 14px;
}

.main-menu li>.sub-menu a:hover {
    color: #FFF;
}

.sub-menu li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
}

.sub-menu li:hover {
    border-color: #FFF;
}

.sub-menu>li:hover>a {
    color: #FFF;
    text-decoration: none;
}

.icon-header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
}

.pre-footer .redes {
    justify-content: center;
    padding: 0;
}

.pre-footer .col-md-6 h1 {
    justify-content: center;
}

.pre-footer .col-md-6 p {
    text-align: center;
}

.div-search {
    display: flex;
    align-items: center;
}

.input-group .input-buscar {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.header-div .input-group .input-group-text {
    border-radius: 0px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #b1b1b1a8;
    border: none;
    color: #FFF;
    cursor: pointer;
}

.header-div .input-group .input-group-text:hover {
    background-color: #FFF;
    color: #000;
}

.input-buscar {
    border: none;
    font-size: 14px;
    background: #b1b1b1a8;
    height: 30px;
    padding: 3px 15px;
    color: #FFF;
}

.input-buscar::placeholder,
.input-buscar::focus {
    color: #FFF !important;
    background: #b1b1b1a8;
}

.div-redes {
    display: flex;
    float: right;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.div-redes .item-redes {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    border: 1px solid #FFF;
    border-radius: 20px;
    margin: 0px 4px;
    cursor: pointer;
}

.div-redes .item-redes:hover {
    background-color: var(--color-terciario);
}

.div-redes .item-redes a {
    color: #FFF;
}

.fixed-ws {
    position: fixed;
    right: 5px;
    bottom: 5px;
    z-index: 2;
}

.fixed-ws .dropdown-menu {
    border-radius: 30px;
    padding: 20px 35px;
}

.fixed-ws img {
    width: 35px;
}

.fixed-ws .text-color-tit {
    color: var(--color-secundario);
}

.fixed-ws .title-chat {
    font-size: 18px;
}

.fixed-ws .cerrrarchat {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    font-weight: bold;
}

.fixed-ws .icon-list {
    position: absolute;
    top: 10px;
}

.fixed-ws .intro {
    line-height: 1;
    font-size: 12px;
}

.fixed-ws .hvr-sweep-to-right {
    background-color: #CCC;
    margin: 5px 0px;
    border-radius: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: 'Roboto-Bold';
    text-decoration: none;
}

.fixed-ws .hvr-sweep-to-right:before {
    background-color: var(--color-terciario);
    border-radius: 7px;
}

.fixed-ws .dropdown-toggle::after {
    margin-left: 20px;
}

.div-whatsapp,
.div-whatsapp:active,
.div-whatsapp:link,
.div-whatsapp:visited {
    background-color: var(--color-secundario);
    padding: 5px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    border-radius: 10px;
    font-family: Roboto-Regular;
    text-decoration: none;
    font-size: 15px;
    cursor: pointer;
}

.div-whatsapp:hover {
    color: #FFF;
    background-color: var(--color-terciario);
    text-decoration: none;
}

.div-whatsapp .ws-icon {
    font-size: 25px;
    margin-right: 10px;
}

.div-whatsapp .ws-online {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    background-color: #40FF00;
    margin: 0px 5px;
    top: 4px;
    right: 0px;
}

.div-cart {
    border-right: 1px solid #D2D2D2;
}

.div-cart,
.div-account {
    width: 34px;
    text-align: center;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #8C2889;
    height: 40px;
    padding: 0px 30px 0px 30px;
}

.lnr {
    position: relative;
    z-index: 1;
    background-color: var(--color-secundario);
    color: #FFF;
    font-size: 20px;
    border-radius: 20px;
    cursor: pointer;
    padding: 5px;
}

.lnr:hover {
    background-color: var(--color-terciario);
}

.slider-slick .slider-prev,
.slider-slick .slider-next {
    font-size: 50px;
    z-index: 1;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: #FFF;
}

.slick-novedades .slider-next {
    font-size: 25px;
    z-index: 1;
    position: absolute;
    top: 40%;
    left: 100%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: #000;
    border-radius: 50%;
    border: 1px solid #000;
    padding: 10px;
}

.slick-novedades .slider-prev {
    font-size: 25px;
    z-index: 1;
    position: absolute;
    top: 40%;
    right: 100%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: #000;
    border-radius: 50%;
    border: 1px solid #000;
    padding: 10px;
}

.slick-mas-vendidos .slider-prev {
    font-size: 25px;
    z-index: 1;
    position: absolute;
    top: 40%;
    right: 100%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: #fff;
    border-radius: 50%;
    border: 1px solid #fff;
    padding: 10px;
}

.slick-mas-vendidos .slider-next {
    font-size: 25px;
    z-index: 1;
    position: absolute;
    top: 40%;
    left: 100%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: #fff;
    border-radius: 50%;
    border: 1px solid #fff;
    padding: 10px;
}

.slider-slick .slider-prev {
    left: 10px;
}

.slider-slick .slider-next {
    right: 10px;
}

.slider-inner img {
    width: 100%;
}

.slick-dots {
    bottom: 160px;
}

.slick-dots li button:before {
    font-size: 15px;
}

.slick-dots li.slick-active button:before {
    color: #FFF;
}

.slick-dots li {
    width: 11px;
}

.div-texto-slider {
    position: absolute;
    z-index: 1;
    width: 70%;
    height: 50%;
    top: 50%;
    transform: translate(0, -50%);
    left: 15%;
    text-align: center;
}


/*.slider-infor {

    border: 1px solid #FFF;

    padding: 15px;

    margin-bottom: 10px;

}*/

.slider-title {
    font-family: Roboto-Regular;
    font-size: 23px;
    color: #FFF;
    line-height: 1;
    margin: 10px 0px 20px;
    text-transform: uppercase;
}

.slider-subtitle {
    font-family: Roboto-Bold;
    font-size: 39px;
    color: #FFF;
    line-height: 1;
    margin: 20px 0px;
    text-transform: uppercase;
}

.slider-intro {
    font-family: Roboto-Light;
    font-size: 78px;
    color: #FFF;
    line-height: 1;
    margin: 15px 0px 5px;
    text-transform: uppercase;
}

.btn-slider {
    padding: 5px 15px;
    width: 100%;
    background-color: var(--color-secundario);
    color: #FFF;
    font-family: Roboto-Regular;
    font-size: 25px;
    line-height: 1;
    text-align: center;
    border: 1px solid var(--color-secundario);
    border-radius: 0px;
}


/*home*/

.top-body {
    position: relative;
    margin-top: 20px;
    padding-top: 25px;
    background-color: #FFF;
}

.contenedor-seccion-informacion-inicial-home {
    border: solid 2px #D2D2D2;
}

.contenedor-seccion-informacion-inicial-home-horario {
    text-align: right;
    padding-right: 0px;
}

.contenedor-seccion-informacion-inicial-home-horario span {
    padding: 0px 60px 0px 5px;
    border-right: 1px solid #858585;
}

.contenedor-seccion-informacion-inicial-home-horario img {
    width: 10%;
}

.contenedor-seccion-informacion-inicial-home-envio {
    text-align: left;
    padding-left: 60px;
}

.contenedor-seccion-informacion-inicial-home-envio img {
    width: 10%;
}


/*//////////////////////////////////////////////////////////////////

[ Header cart ]*/

.s-full {
    width: 100%;
    height: 100%;
}

.w-full {
    width: 100%;
}

.flex-w {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-sb {
    justify-content: space-between;
}

.flex-sb-m {
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    min-height: 240px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-slide {
    outline: none !important;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.pos-relative {
    position: relative;
}

.wrap-pic-s,
.wrap-pic-max-s,
.wrap-pic-w,
.wrap-pic-max-w,
.wrap-pic-h,
.wrap-pic-max-h {
    display: block;
}

.wrap-pic-w {
    border: 1px solid #CCC;
}

.wrap-pic-w img {
    width: 100%;
}

.slick-slide img {
    display: block;
}

.how-pos1 {
    position: absolute;
    top: 10px;
    right: 10px;
}

.bor0 {
    border-radius: 50%;
}

.bg0 {
    background-color: #fff;
}

.size-108 {
    width: 40px;
    height: 40px;
}

.cl10 {
    color: #1d1d1d;
}

.wrap-header-cart,
.wrap-header-usuario {
    position: fixed;
    z-index: 2;
    width: 100%;
    height: 100vh;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.0);
    visibility: hidden;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.header-cart,
.div-content-usuario {
    position: fixed;
    z-index: 1;
    width: 390px;
    max-width: calc(100% - 30px);
    height: 100vh;
    top: 0;
    right: -400px;
    background-color: #fff;
    padding: 30px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.34;
    transition: all 0.4s;
    box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.18);
    -o-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.18);
    -ms-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.18);
}

.header-cart::after,
.div-content-usuario::after {
    content: "";
    display: block;
    width: 100%;
    height: 9%;
    min-height: 30px;
}

.show-header-cart,
.show-header-usuario {
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.6);
}

.show-header-cart .header-cart,
.show-header-usuario .div-content-usuario {
    right: 0;
}


/*---------------------------------------------*/

.header-cart-title,
.header-usuario-title {
    width: 100%;
    max-width: 100%;
    font-size: 25px;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 20px;
}

.header-usuario-title-cuenta {
    width: 100%;
    max-width: 100%;
    font-size: 20px;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 20px;
    text-transform: inherit;
}

.hover-tr:hover {
    background-color: #f5f5f5;
}

.hover-tr table,
.hover-tr table tr {
    background-color: transparent !important;
    font-size: 13px;
}

.bg-planchas {
    background-color: #f60;
    color: #FFF;
    padding: 5px;
}

.header-cart-content {
    flex-grow: 1;
    overflow: auto;
    align-content: space-between;
    height: 100%;
    margin-bottom: 20px;
}

.header-cart-wrapitem {
    flex-grow: 1;
    height: 68%;
    padding: 15px 0px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.body-usuario ul {
    padding: 0px;
    list-style: none;
    margin: 0px;
}

.body-usuario ul li .list-group-item {
    padding: 5px 10px;
    margin: 3px 0px;
    border: none;
}

.body-usuario ul li .list-group-item:hover {
    background-color: var(--color-secundario);
    color: #FFF;
}

.body-usuario label {
    margin: 0px;
    font-family: Roboto-Light;
    font-size: 14px;
}

.btn-user {
    background-color: var(--color-secundario);
    color: #FFF;
    font-size: 14px;
    text-transform: uppercase;
    font-family: Roboto-Regular;
    width: 100%;
    border-radius: 0px;
    border: 1px solid var(--color-secundario);
    margin-top: 5px;
}

.btn-user:hover {
    background-color: #FFF;
    color: var(--color-secundario);
}

.recordar-clave {
    margin-bottom: 15px;
    margin-top: 10px;
    color: var(--color-secundario);
    font-size: 14px;
    font-family: Roboto-Light;
}


/*---------------------------------------------*/

.header-cart-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    list-style-type: none;
}

.header-cart-item-img {
    width: 60px;
    position: relative;
    margin-right: 20px;
    cursor: pointer;
}

.header-cart-item-img img {
    width: 100%;
}


/*---------------------------------------------*/

.header-cart-item-txt {
    width: calc(100% - 110px);
}

.header-cart-item-name {
    display: block;
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #555;
    line-height: 1.3;
}

.header-cart-item-info {
    display: block;
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #888;
    line-height: 1.5;
}

.header-cart-item-delete {
    width: 30px;
    position: relative;
    cursor: pointer;
    text-align: center;
}

.btn-delete-cart {
    background-color: transparent;
    border: none;
    width: 100%;
    height: 100%;
    text-align: center;
    cursor: pointer;
    padding: 15px 3px;
}

.btn-delete-cart:hover {
    color: var(--color-secundario);
}

.header-cart-total {
    font-family: Roboto-Regular;
    font-size: 20px;
    color: #222;
    line-height: 1.3;
    text-align: center;
}

.mtext-103 {
    font-family: Roboto-Bold;
    font-size: 18px;
    line-height: 1.333333;
    text-transform: uppercase;
}

.header-cart-buttons {
    text-align: center;
    margin-top: 20px;
}

.btn-carrito-det {
    background-color: var(--color-secundario);
    font-family: Roboto-Regular;
    color: #FFF;
    border-radius: 0px;
}

.size-lineas {
    width: calc(100% / 2);
    padding: 10px;
}

.block-linea {
    display: block;
    position: relative;
    border: 4px solid #882985;
}

.block-linea img {
    width: 100%;
    vertical-align: middle;
    border-style: none;
}

.block-linea-txt {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    padding: 20px;
    z-index: 1;
    text-decoration: none;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.block-linea-txt:hover {
    text-decoration: none;
}

.block-linea-info {
    display: none;
    text-decoration: none;
    color: #FFF;
    font-family: Roboto-Bold;
    text-transform: uppercase;
    font-size: 49px;
    text-align: center;
    line-height: normal;
}

.block-linea-txt:hover .div-hover,
.block-linea-txt:hover .block-linea-info {
    display: block;
}

.block-linea-txt .div-hover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-color: var(--color-secundario);*/
    background-color: rgba(0, 0, 0, 0.30);
    opacity: 0.7;
    z-index: -1;
}

.btn-linea {
    background: #8C2889;
    color: #ffffff;
    font-size: 25px;
    border: solid 1px white;
    font-family: 'Roboto-Regular';
    text-align: center;
    padding: 5px;
    width: 50%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    margin: auto;
}

@media (max-width: 575px) {
    .btn-linea {
        font-size: 8px;
    }

    .block-linea-info {
        font-size: 12px;
    }
}

.btn-linea:hover {
    background: #8C2889;
    color: #ffffff;
}

.title-sec {
    text-align: center;
    font-family: Roboto-Light;
    font-size: 40px;
}

.title-sec .text-color-tit,
.footer-tit .text-color-tit {
    color: #000;
    font-family: Roboto-Bold;
}

.back-line {
    width: 98%;
    background-color: var(--color-secundario);
    height: 2px;
    position: absolute;
    top: 30%;
}

.w-small .ih-item.square {
    height: 200px;
    margin-bottom: 10px;
}

.w-big .ih-item.square {
    height: 410px;
    margin-bottom: 10px;
}

.text-sec-ini {
    font-family: Roboto-Light;
    font-size: 40px;
}

.text-sec {
    font-family: Roboto-Light;
    font-size: 16px;
}

.text-sec strong {
    font-family: Roboto-Bold;
}

.slick-servicios .slick-dots {
    bottom: -25px;
}


.slick-servicios .slick-dots li button:before {
    color: #797979;
}

.slick-servicios .slick-dots li.slick-active button:before {
    color: var(--color-terciario);
}

.a-servicio,
a-servicio:hover,
a-servicio:active,
a-servicio:visited,
a-servicio:focus {
    text-decoration: none !important;
}

.servicio-min-h {
    min-height: 50px;
}

.card-title-servicio {
    font-weight: initial;
    font-family: Roboto-Light;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    font-size: 18px;
}

.hover-servicio:hover {
    background-color: var(--color-terciario);
    color: #FFF;
}

.btn-slick {
    border: 2px solid #FFF;
    border-radius: 20px;
    padding: 0px 20px;
    color: #FFF;
    background-color: var(--color-secundario);
}

.btn-slick:hover {
    background-color: #FFF;
    color: #de7a00;
}

.ih-item.square.effect13 a:hover .nombre-servicio {
    display: none;
}

.div-noticias {
    background-color: #ECECEC;
}

.div-titulo-noticia {
    z-index: 1;
}

.div-border-noticias {
    width: 100%;
    height: 5px;
    background: #A9A9A9;
}

.title-blog {
    font-family: Roboto-Bold;
    font-size: 18px;
    text-transform: uppercase;
}

.subtitle-blog {
    font-family: Roboto-Regular;
    font-size: 25px;
}

.text-blog {
    font-family: Roboto-Light;
    font-size: 15px;
}

.link-blog {
    font-family: Roboto-Light;
    font-size: 14px;
}

.rounded-img {
    border-radius: 15px;
}

.slick-galeria {
    min-height: inherit !important;
}

.slick-galeria .lnr-chevron-left {
    position: absolute;
    top: 35%;
    left: -10px;
}

.slick-galeria .lnr-chevron-right {
    position: absolute;
    top: 35%;
    right: -10px;
}

.slick-galeria .slick-dots {
    position: relative;
    bottom: 6px;
}

.slick-galeria .slick-dots li.slick-active button:before {
    color: var(--color-terciario);
}

.bg-secundary {
    background-color: var(--color-secundario);
}

.bg-terciario {
    background-color: var(--color-terciario);
}

.icon-noticias {
    position: absolute;
    margin-left: -10px;
    margin-bottom: 5px;
    width: 120px;
    bottom: 0px;
    left: 15px;
}

.title-noticia {
    font-family: Roboto-Regular;
    font-weight: lighter;
    font-size: 45px;
    text-align: center;
}

.title-noticia b {
    font-family: Roboto-Bold;
}

.border-blog-img {
    border-radius: 15px;
    padding: 10px 0px;
}

.border-blog-l {
    border-left: 6px solid var(--color-terciario);
    border-bottom: 1px solid var(--color-terciario);
    border-radius: 6px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-top: 15px;
}

.border-blog-r {
    border-right: 6px solid var(--color-secundario);
    border-bottom: 1px solid var(--color-secundario);
    border-radius: 6px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-top: 15px;
}

.border-noticia {
    height: 10px;
    background-color: #A9A9A9;
    width: 100%;
    position: absolute;
    left: 0;
    margin-top: -10px;
}

.border-seccion {
    height: 10px;
    background-color: #A9A9A9;
    width: 100%;
    position: relative;
    left: 0;
    margin-top: -10px;
}

.w-noticia {
    height: 250px;
}

.height-full {
    height: 100%;
}

.div-car-ser:hover .display-car-ser-none {
    visibility: hidden;
}

.div-car-ser:hover .display-ser-car-block,
.div-car-ser:hover .nom2-car-ser {
    display: block;
}

.div-car-ser img {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.div-car-ser {
    background-color: #f5f5f5;
    width: 100%;
    position: relative;
}

.cont-name-ser {
    height: 100px;
    text-align: center;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    color: #FFF;
}

.img-convenio {
    max-height: 263px;
    border: 1px solid #CCC;
    border-bottom: 1px solid var(--color-terciario);
    border-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.display-ser-car-block {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    text-align: center;
    border-radius: 7px;
    height: 100%;
    color: #FFF;
    cursor: pointer;
}

.nom2-car-ser {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 1;
    color: #FFF;
}

.div-car-ser .title-convenio {
    font-family: 'Roboto-Bold';
    text-transform: uppercase;
    text-align: center;
    position: relative;
    width: 100%;
    margin-bottom: 5px;
    line-height: 1;
}

.div-car-ser .badge {
    font-family: 'Roboto-Light';
    background-color: var(--color-secundario);
    padding: 3px 15px;
    border-radius: 20px;
    font-weight: initial;
}

.titulo-1 {
    color: var(--color-secundario);
    font-size: 45px;
    line-height: 1;
    font-family: 'Roboto-Regular';
    font-weight: bold;
    z-index: 1;
}

.titulo-2 {
    font-size: 45px;
    line-height: 1;
    font-family: 'Roboto-Light';
    z-index: 1;
}

.div-cursos:hover .display-car-ser-none {
    visibility: hidden;
}

.div-cursos:hover .display-ser-car-block,
.div-cursos:hover .nom2-car-ser {
    display: block;
}

.div-cursos img {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.div-cursos .img-convenio {
    max-height: 263px;
    border: 1px solid #CCC;
    border-bottom: 1px solid var(--color-secundario);
    border-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.div-cursos {
    background-color: #f5f5f5;
    width: 100%;
    position: relative;
}

.div-cursos .title-convenio {
    font-family: 'Roboto-Bold';
    text-transform: uppercase;
    text-align: center;
    position: relative;
    width: 100%;
    margin-bottom: 5px;
    line-height: 1;
}

.div-cursos .badge {
    font-family: 'Roboto-Light';
    background-color: var(--color-terciario);
    padding: 3px 15px;
    border-radius: 20px;
    font-weight: initial;
}

.title-valor {
    text-align: center;
    font-family: 'Roboto-Bold';
    font-size: 30px;
    margin-bottom: 0px;
    line-height: 1;
}

.btn-curso-reg {
    background-color: var(--color-secundario);
    color: #FFF;
    font-family: Roboto-Light;
    border: none;
    padding: 5px 15px;
    cursor: pointer;
}

.btn-curso-reg:hover {
    background-color: var(--color-terciario);
}

.btn-curso-ins {
    background-color: var(--color-terciario);
    color: #FFF;
    font-family: Roboto-Light;
    border: none;
    padding: 5px 15px;
    cursor: pointer;
}

.btn-curso-ins:hover {
    background-color: var(--color-secundario);
}

/****** Productos ******/

.item-pro {
    padding: 15px;
    position: relative;
}

.item-pro-img {
    display: block;
    position: relative;
    overflow: hidden;
    border: 1px solid #CCC;
    padding: 3px;
}

.item-pro-img img {
    width: 100%;
    -webkit-transition: transform 0.9s ease;
    -o-transition: transform 0.9s ease;
    -moz-transition: transform 0.9s ease;
    transition: transform 0.9s ease;
}

.item-pro-img:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.item-pro-div-btn {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    display: none;
    align-content: center;
    justify-content: center;
    margin-top: -21px;
    z-index: 1;
}

.item-pro:hover .item-pro-div-btn {
    display: flex;
}

.item-pro:hover .item-pro-div-opt {
    display: block;
}

.opciones-producto-detalle .item-pro-default {
    width: 35%;
    background: transparent;
    color: #333;
    text-align: center;
    border: 1px solid var(--color-secundario);
    font-size: 13px;
}

.item-pro-default {
    width: 70%;
    background: transparent;
    color: #FFF;
    text-align: center;
    border: 1px solid #FFF;
    font-size: 13px;
}

.item-pro-default option {
    background-color: var(--color-secundarioOpacity);
    color: #FFF;
}

.btn-item-pro,
.btn-pro-det {
    background-color: var(--color-secundario);
    color: #FFF;
    font-family: Roboto-Regular;
    font-family: 16px;
    text-transform: uppercase;
    padding: 5px 30px;
    border: 1px solid var(--color-secundario);
    margin: 3px;
    cursor: pointer;
}

.btn-item-pro-icon {
    background-color: var(--color-secundario);
    color: #FFF;
    font-family: Roboto-Regular;
    font-family: 16px;
    text-transform: uppercase;
    padding: 5px 15px;
    border: 1px solid var(--color-secundario);
    margin: 3px;
    cursor: pointer;
}

.btn-item-pro:hover,
.btn-item-pro-icon:hover,
.btn-pro-det:hover {
    background-color: #FFF;
    color: var(--color-secundario);
}

.btn-pro-det {
    margin-left: 100px;
}

.item-pro-div-ofe {
    position: absolute;
    top: 30px;
    left: 5px;
    padding: 0px 15px;
    background-color: #882985;
    font-size: 14px;
    color: #FFF;
}

.item-pro-div-agotado {
    position: absolute;
    top: 30px;
    right: 5px;
    padding: 0px 15px;
    background-color: #dc3545;
    font-size: 14px;
    color: #FFF;
}

.btn-agotado,
.btn-agotado:hover {
    background-color: #545b62;
    border-color: #545b62;
    color: #FFF;
}

.item-pro-info .nombre-pro {
    height: 50px;
    overflow: auto;
    line-height: 1;
}

.item-pro-div-opt {
    display: none;
    position: absolute;
    left: 50%;
    /*top: 50%;
    transform: translate(-50%, -55%);*/
    bottom: 10%;
    transform: translate(-50%, 0);
    width: 90%;
    margin: 0 auto;
    padding: 6px 15px;
    color: #FFF;
    text-align: center;
    max-height: 85%;
    overflow: auto;
    background-color: var(--color-secundarioOpacity);
}

.reverse-opt {
    display: block;
    position: absolute;
    left: 15px;
    cursor: pointer;
    margin-bottom: -2px;
}

.reverse-opt:hover i {
    animation: 1.3s spin linear infinite;
}

.opciones-producto-detalle .item-pro-div-opt {
    display: block;
    position: relative;
    margin: 0;
    left: inherit;
    bottom: inherit;
    transform: inherit;
    padding: 0px;
    width: 100%;
    text-align: left;
    background: none;
}

.back-opacity-opt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #882985;
    opacity: 0.8;
}

.item-pro-size {
    padding: 3px;
    display: inline-flex;
    position: relative;
}

.item-pro-size label {
    position: relative;
    border: 1px solid #FFF;
    border-radius: 20px;
    color: #FFF;
    margin: 0;
    font-size: 12px;
    cursor: pointer;
    padding: 2px 5px;
    float: left;
    min-width: 30px;
}

.list-option label {
    position: relative;
    min-width: 30px;
    border: 1px solid var(--color-secundario);
    border-radius: 20px;
    color: var(--color-secundario);
    margin: 0;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    padding: 2px 5px;
}

.item-pro-size:hover label {
    border: 1px solid var(--color-secundario);
    color: var(--color-secundario);
    background-color: #FFF;
}

.list-option label:hover {
    border: 1px solid var(--color-secundario);
    color: #FFF;
    background-color: var(--color-secundario);
}

.select-item-pro-opt {
    text-align: center;
    font-size: 13px;
    padding: 1px 7px;
    width: 80%;
    background: transparent;
    border: 1px solid #FFF;
    color: #FFF;
    border-radius: 20px;
    text-align-last: center;
}

.select-item-pro-opt option {
    color: #FFF;
    background-color: var(--color-secundario);
}

.item-pro-size:hover .disabled {
    border: 1px solid #FFF;
    color: #FFF;
    background-color: transparent;
}

.item-pro-size .disabled .div-disabled,
.item-pro-color .disabled .div-disabled {
    display: block;
}

.item-pro-color {
    width: calc(100% / 7);
    display: flex;
    align-content: center;
    justify-content: center;
    padding: 3px;
}

.list-color,
.list-option {
    padding: 3px;
    display: flex;
}

.list-color .div-color {
    width: 40px;
    display: block;
    padding: 3px;
}

.list-option .div-color {
    display: inline-flex;
    padding: 3px;
}

.list-color .cont-color-div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
}

.list-color .cont-color-div span {
    padding-right: 5px;
    font-size: 13px;
    line-height: 0;
}

.item-pro-color label,
.list-color div label {
    position: relative;
    width: 100%;
    height: 20px;
    border: 1px solid #FFF;
    border-radius: 20px;
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.item-pro-color label i,
.list-color div label i {
    display: none;
    color: white;
    mix-blend-mode: difference;
}

.item-pro-color:hover i,
.list-color div:hover label i {
    display: block;
}

.list-color .active i,
.item-pro-color .active i {
    display: block;
}

.item-pro-size .active {
    background-color: #FFF;
    color: var(--color-secundario);
}

.list-option .active {
    background-color: var(--color-secundario);
    color: #FFF;
}

.div-disabled {
    display: none;
    width: 110%;
    height: 2px;
    background-color: red;
    position: absolute;
    top: 50%;
    transform: rotate(-45deg);
}

.opciones-producto-detalle .item-pro-size .active {
    background-color: var(--color-secundario);
    color: #FFF;
}

.item-pro-size label input,
.item-pro-color label input,
.list-color div label input,
.list-option div label input {
    position: absolute;
    visibility: hidden;
}

.opciones-producto-detalle .item-pro-opt,
.pro-det-cant {
    display: flex;
    align-items: center;
}

.opciones-producto-detalle .item-pro-opt .flex-w {
    display: block;
}

.opciones-producto-detalle .item-pro-opt .item-pro-color {
    width: 35px;
    float: left;
}

.opciones-producto-detalle .item-pro-opt .item-pro-color label {
    height: 22px;
}

.opciones-producto-detalle .item-pro-size {
    width: auto;
    float: left;
}

.opciones-producto-detalle .item-pro-size label {
    border: 1px solid var(--color-secundario);
    color: var(--color-secundario);
    background-color: #FFF;
    text-align: center;
}

.opciones-producto-detalle .item-pro-size:hover label {
    color: #FFF;
    background-color: var(--color-secundario);
}

.btn-item-pro-opt-icon {
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    cursor: pointer;
    background-color: #FFF;
    color: #333;
    font-size: 12px;
    padding: 0px 5px;
}

.btn-item-pro-opt-icon:hover {
    border: 1px solid #FFF;
    cursor: pointer;
    background-color: var(--color-secundario);
    color: #FFF;
}

.btn-pro-det-opt-icon {
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-secundario);
    cursor: pointer;
    background-color: var(--color-secundario);
    color: #FFF;
    font-size: 12px;
    padding: 0px 10px;
}

.btn-pro-det-opt-icon:hover {
    cursor: pointer;
    background-color: #FFF;
    color: var(--color-secundario);
}

.input-cant {
    width: 50px;
    height: 25px;
    padding: 3px;
    text-align: center;
    border: 1px solid transparent;
    font-size: 13px;
    -moz-appearance: textfield;
}

.opciones-producto-detalle .input-cant {
    width: 70px;
    height: 35px;
    text-align: center;
    border: 1px solid var(--color-secundario);
}

.input-cant::-webkit-outer-spin-button,
.input-cant::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.btn-item-pro-conf {
    background-color: #FFF;
    color: var(--color-secundario);
    font-family: Roboto-Regular;
    font-family: 16px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    border: 1px solid var(--color-secundario);
    cursor: pointer;
}

.btn-item-pro-conf:hover {
    background-color: var(--color-secundario);
    color: #FFF;
    border: 1px solid #FFF;
}

.item-pro-info {
    margin-top: 19px;
    text-align: center;
    font-family: Roboto-Regular;
}

.item-pro-price {
    display: flex;
    align-items: center;
    justify-content: center;
}

.price-old {
    text-decoration: line-through;
    margin-right: 15px;
    color: #868686;
}

.div-sub-banner {
    border-top: 1px solid #808080;
    margin-top: 40px;
    padding-top: 40px;
    margin-bottom: 40px;
}

.item-sub-banner {
    font-family: Roboto-Light;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    font-size: 14px;
}

.item-sub-banner div {
    margin-left: 15px;
}

.sub-nav {
    margin: 0px;
    display: flex;
    padding: 0px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.item-sub-nav {
    font-family: Roboto-Light;
    color: #888;
    text-decoration: none;
    list-style: none;
}

.item-sub-nav a,
.item-sub-nav a:active,
.item-sub-nav a:link {
    color: #888;
}

.item-sub-nav a:hover {
    color: var(--color-secundario);
}

.item-sub-nav i {
    margin: 0px 10px;
}

.div-cont-fil:last-child {
    margin-bottom: 0px;
}

.item-fil {
    margin-bottom: 20px;
}

.item-fil-tit {
    font-size: 15px;
    text-transform: uppercase;
    font-family: Roboto-Regular;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
    margin-top: 0px;
    z-index: 0;
    border-bottom: 2px solid #e8e8e8;
}

.list-categories {
    padding: 0px;
}

.list-categories li {
    list-style-type: none;
    font-size: 15px;
    font-family: 'Roboto-Light';
}

.list-categories li label {
    cursor: pointer;
    margin: 0px;
    margin-left: 5px;
}

.list-categories li label:hover {
    text-decoration: underline;
}

.catalogo-enc {
    padding: 15px;
    background-color: var(--color-secundario);
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #FFF;
}

.catalogo-enc select {
    padding: 2px 10px;
    margin-left: 10px;
    font-size: 13px;
    border: 1px solid #FFF;
}

.list-products {
    margin: 0px -15px;
    display: flex;
    align-items: center;
}

.product-grid .item-pro {
    width: calc(100% / 3);
}

.nav-pills li {
    width: 100%;
    margin: 3px 0px;
}

.nav-pills li a,
.nav-pills li a:active,
.nav-pills li a:visited,
.nav-pills li a:link {
    color: #333;
}

.nav-pills li a:hover,
.nav-pills .active a,
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #FFF !important;
    background-color: var(--color-secundario) !important;
}

.item-resumen {
    display: flex;
    align-content: center;
    padding: 10px 0px;
    border-bottom: 1px solid #CCC;
}

.img-resumen {
    width: 80px;
    margin: 0px 15px;
}

.item-resumen-nombre {
    width: 100%;
    font-family: Roboto-Light;
    font-size: 14px;
    padding: 0px 15px;
    display: flex;
    align-items: center;
}

.item-resumen-nombre a {
    font-family: Roboto-Regular;
    font-size: 20px;
}

.quantity {
    margin: 0px 15px;
}

.quantity .control {
    display: flex;
    align-content: center;
    justify-content: center;
    margin-right: 10px;
}

.resumen-precio {
    width: 35%;
    font-family: Roboto-Light;
    margin: 0px 0px 0px 15px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    font-size: 14px;
}

.resumen-precio-old {
    text-decoration: line-through;
    color: #868686;
    font-size: 13px;
}

.btn-icon-remove {
    border: 1px solid transparent;
    background-color: transparent;
    cursor: pointer;
    color: #333;
}

.btn-icon-remove:hover {
    border: 1px solid var(--color-secundario);
    background-color: var(--color-secundario);
    color: #FFF;
}

.btn-resumen-cant {
    background-color: #FFF;
    border: 1px solid #CCC;
    color: #333;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.btn-resumen-cant:hover {
    background-color: var(--color-secundario);
    border: 1px solid var(--color-secundario);
    color: #FFF;
}

.input-resumen-cant {
    width: 80px;
    height: 30px;
    padding: 3px;
    text-align: center;
    border: 1px solid #CCC;
    font-size: 13px;
    -moz-appearance: textfield;
    font-family: Roboto-Light;
}

.input-resumen-cant::-webkit-outer-spin-button,
.input-resumen-cant::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.resumen-totales {
    text-align: right;
    font-family: Roboto-Light;
    font-size: 20px;
}

.btn-icon {
    background-color: var(--color-secundario);
    color: #FFF;
    border: 1px solid var(--color-secundario);
}

.btn-icon:hover {
    background-color: #FFF;
    color: var(--color-secundario);
}

.input-bono {
    font-family: Roboto-Light;
    text-align: center;
    width: 100%;
    font-size: 14px;
    height: 30px;
}

.btn-catalogo {
    background-color: var(--color-secundario);
    font-family: Roboto-Regular;
    color: #FFF;
    border-radius: 0px;
}

.btn-catalogo:hover {
    background-color: #FFF;
    border-color: var(--color-secundario);
    color: var(--color-secundario);
}

.btn-catalogo-default {
    background-color: #333;
    font-family: Roboto-Regular;
    color: #FFF;
    border-radius: 0px;
}

.btn-catalogo-default:hover {
    background-color: var(--color-secundario);
    color: #FFF;
}

.slick-novedades .slick-dots {
    position: relative;
    bottom: inherit;
    margin-bottom: 15px;
}

.slick-novedades .slick-dots li.slick-active button:before {
    color: #333;
}

.slick-mas-vendidos .slick-dots {
    position: relative;
    bottom: inherit;
    margin-bottom: 15px;
}

.slick-mas-vendidos .slick-dots li.slick-active button:before {
    color: #333;
}

.error-formulario-checkout {
    color: red;
    font-size: 12px;
    display: none;
    font-family: Roboto-Light;
}

.checkout-form {
    display: inline-block;
    padding: 25px;
    border: 1px solid #f3f3f3;
    margin-bottom: 25px;
    width: 100%;
    border-radius: 0px;
    font-family: Roboto-Light;
}

.checkout-title {
    font-family: Roboto-Bold;
    font-size: 23px;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.bootstrap-select>.dropdown-toggle {
    border-radius: 0.25rem;
    padding: .375rem .75rem;
    background-color: #FFF;
    font-size: 1rem;
    line-height: 1.5;
    height: calc(2.25rem + 2px);
    border: 1px solid #ced4da;
}

.bootstrap-select>.dropdown-menu li {
    font-size: 13px;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #FFF;
    text-decoration: none;
    background-color: var(--color-secundario);
}

.list-product-order {
    padding: 0px;
}

.order-total {
    font-size: 18px;
}

.btn-primary {
    background-color: var(--color-secundario);
    border-color: var(--color-secundario);
    font-family: Roboto-Regular;
    color: #FFF;
    border-radius: 0px;
    margin-top: 15px;
    float: right;
}

.btn-primary:hover {
    background-color: #FFF;
    border-color: var(--color-secundario);
    color: var(--color-secundario);
}

.div-fomasecc {
    margin: 60px 0px;
}

.div-fomasecc .padding-back {
    padding-left: 100px;
}

.div-fomasecc .img-back {
    position: absolute;
    top: -40px;
    left: -60px;
    width: 230px;
    z-index: -1;
}

.footer {
    width: 100%;
    border-top: 5px solid #CCC;
    padding: 30px 0px 0px 0px;
    background-color: #FFF;
    font-size: 14px;
}

.footer .div-redes {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.footer .div-redes .item-redes {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    border: 1px solid #4a4a4a;
    background-color: #4a4a4a;
    border-radius: 20px;
    margin-bottom: 5px;
    cursor: pointer;
    margin: 5px;
}

.footer .div-redes .item-redes a {
    color: #FFF;
}

.footer .div-redes .item-redes:hover a {
    color: #FFF;
}

.footer .div-redes .item-redes:hover {
    border: 1px solid var(--color-terciario);
    background-color: var(--color-terciario);
}

.img-footer {
    position: absolute;
    top: -57px;
    max-width: 370px;
    right: -15px;
}

.img-logo-footer {
    width: 80%;
}

.img-ubi {
    width: 60px;
}

.btn-newsletter {
    font-family: Roboto-Regular;
    color: #FFF;
    background-color: #333333;
    margin-top: 15px;
}

.btn-newsletter:hover {
    background-color: var(--color-secundario);
    border: 2px solid var(--color-primario);
}

.footer-tit {
    font-family: Roboto-Regular;
    font-size: 25px;
    margin-bottom: 20px;
}

.width-full {
    width: 100%;
}

.div-menu-foot {
    width: 100%;
    text-align: center;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.div-menu-foot li {
    font-family: Roboto-Regular;
    font-size: 18px;
}

.div-menu-foot li a {
    font-family: Roboto-Regular;
    font-size: 16px;
    color: #FFF;
    text-decoration: none;
}

.derechos {
    font-family: Roboto-Regular;
    font-size: 12px;
    background-color: #4a4a4a;
    color: #FFF;
    padding: 20px 0px;
    margin-top: 20px;
}

.derechos p small a {
    font-size: 11px;
    color: #FFF;
    text-decoration: none;
}

.slicknav_menu {
    *zoom: 1;
    font-size: 16px;
    background: #4c4c4c;
    padding: 5px;
}

.slicknav_menu,
.slicknav_menu * {
    box-sizing: border-box;
}

.slicknav_menu:after,
.slicknav_menu:before {
    content: " ";
    display: table;
}

.canvas__open {
    display: none;
}

.offcanvas-menu-wrapper {
    display: none;
}


/*//////////////////////////////////////////////////////////////////

[ Slick3 ]*/

.wrap-slick3 {
    position: relative;
}


/*---------------------------------------------*/

.wrap-slick3-arrows {
    position: absolute;
    z-index: 100;
    width: 83.333333%;
    right: 0;
    top: calc(50% - 20px);
}

.arrow-slick3 {
    font-size: 25px;
    color: #fff;
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    background-color: var(--color-secundario);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    border: 1px solid var(--color-secundario);
}

.arrow-slick3:hover {
    background-color: #FFF;
    color: var(--color-secundario);
}

.prev-slick3 {
    left: 0px;
}

.next-slick3 {
    right: 0px;
}

.lnr-chevron-left {
    top: 50%;
    left: -10px;
}

.lnr-chevron-right {
    position: absolute;
    top: 50%;
    right: 5px;
}

.referencia-producto-detalle {
    margin-top: 10px;
}

.precioDetalle {
    position: relative;
    display: block;
    font-size: 20px;
    font-family: Roboto-Light;
    margin-top: 20px;
}

.precioDetalle .producto-price-old {
    color: #888;
    text-decoration: line-through;
    margin-right: 15px;
}


/*---------------------------------------------*/

.wrap-slick3-dots {
    width: 11.111111%;
}

.slick3 {
    width: 83.333333%;
}

.slick3-dots {
    position: relative;
    max-height: 360px;
    overflow: auto;
}

.slick3-dots li {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 8px;
    border: 1px solid #CCC;
}

.slick3-dots li img {
    width: 100%;
}

.slick3-dot-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    border: 2px solid transparent;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.slick3-dot-overlay:hover {
    border-color: #ccc;
}

.slick3-dots .slick-active .slick3-dot-overlay {
    border-color: #ccc;
}

.item-slick3 {
    padding-right: 1px;
}


/*//////////////////////////////////////////////////////////////////

[ RS Magnific-Popup ]*/

.mfp-bg {
    z-index: 10000;
    background-color: #000;
    opacity: 0.9;
}

.mfp-wrap {
    z-index: 10000;
}

.mfp-arrow:after,
.mfp-arrow:before {
    display: none;
}

.mfp-arrow {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

button.mfp-arrow-right {
    background-image: url(../images/icons/icon-next.png);
    background-position: center center;
    background-repeat: no-repeat;
}

button.mfp-arrow-left {
    background-image: url(../images/icons/icon-prev.png);
    background-position: center center;
    background-repeat: no-repeat;
}

button.mfp-close {
    width: 75px !important;
    height: 58px !important;
    line-height: 44px;
    position: fixed;
    right: 0;
    top: 0;
    color: transparent !important;
    background-image: url(../images/icons/icon-close.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer !important;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.slick-dotted.slick-slider {
    margin-bottom: 0px;
    /*border-top: 6px solid #8C2889 ;*/
}

.tit-opt {
    width: 100px;
    min-width: 100px;
    font-family: Roboto-Light;
    font-size: 15px;
    color: #333;
}

.div-compartir {
    display: flex;
    align-content: center;
}

.twitter-like {
    margin-left: 5px;
    position: relative;
    top: 4px;
}

.modal-backdrop {
    z-index: 998;
}

.modal {
    z-index: 999;
}

.modal-xl {
    max-width: 1000px;
}

.price-slider {
    padding: 10px 5px;
}

.logo {
    display: flex;
    justify-content: start;
    align-items: center;
    padding-top: 0px;
    margin: 0;
    width: 100%;
}

.logo img {
    width: 80%;
}

.titulo-producto-detalle {
    line-height: 0.8;
}

.titulo-producto-detalle small {
    font-size: 18px;
    color: #888;
}

.text-decoration-none a,
.text-decoration-none a:hover,
.text-decoration-none a:active,
.text-decoration-none a:visited,
.text-decoration-none a:focus {
    text-decoration: none !important;
}

.div-bar {
    position: absolute;
    width: 100%;
    bottom: 0;
    bottom: -4px;
    box-shadow: 0px 10px 8px 0px #CCC;
}

.item-bar {
    padding: 12px 30px;
    background-color: var(--color-terciario);
    border-radius: 0px;
    color: #FFF;
    text-decoration: none;
    border: none;
    cursor: pointer;
    height: 100%;
}

.bar-first {
    border-top-left-radius: 25px;
}

.bar-last {
    border-top-right-radius: 25px;
}

.item-bar:hover {
    background-color: var(--color-secundario);
    color: #FFF;
    text-decoration: none;
}

.item-bar-div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.item-bar-titulo {
    font-family: Roboto-Regular;
    font-size: 20px;
    line-height: 1.3;
    width: 100%;
}

.div-slick-servicios .servicio-img {
    background-color: var(--color-terciario);
    border-radius: 25px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.div-slick-servicios .nombre-servicio {
    font-family: Roboto-Light;
    font-size: 18px;
    text-align: center;
    line-height: 1.3;
    text-decoration: none;
}

.svg-tiktok,
.svg-tiktok-foot {
    filter: invert(1);
    width: 14px;
    height: auto;
}

.svg-tiktok-foot:hover {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
    width: 14px;
    height: auto;
}

.convenios-lista {
    padding-bottom: 20px;
}

.carousel-caption-tit {
    text-align: left;
    background-color: var(--color-terciario);
    color: #FFF;
    font-weight: bold;
}

.carousel-caption-tit-fecha {
    font-size: 11px;
}

.carousel-caption-lin {
    background-color: #00A651;
    height: 2px;
    margin-bottom: 5px;
}

.carousel-caption-fot {
    padding-left: 10px;
}

.carousel-caption-des {
    text-align: left;
    padding: 0;
}


/*---------------------------------------------*/

@media (max-width: 575px) {
    .footer {
        padding: 20px 0px;
    }

    .pro-det-div-btn {
        text-align: center;
    }

    .sub-nav {
        display: block;
    }

    .slider-slick .lnr {
        display: none;
    }

    .slick-servicios .slick-dots {
        position: relative;
        bottom: 0px;
    }

    .footer .div-redes {
        position: relative;
        width: 100%;
        top: 0;
        right: initial;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 15px;
    }

    .header .div-siguenos {
        justify-content: center;
        margin-bottom: 15px;
    }

    .item-sub-nav {
        float: left;
        font-size: 12px
    }

    .product-grid .item-pro {
        width: calc(100% / 2);
    }

    .slicknav_nav .slicknav_arrow {
        display: inline-block;
        color: #000;
    }

    .slicknav_nav .slicknav_item a,
    .slicknav_nav .slicknav_parent-link a {
        padding: 0;
        margin: 0;
        background: none;
    }

    .main-menu>li a {
        text-transform: uppercase;
        font-family: 'Roboto-Regular';
        font-size: 15px;
        color: white !important;
        padding-left: 10px;
    }

    .main-menu li a>span {
        display: none;
    }

    .input-cant {
        width: 50px;
        height: 25px;
        padding: 3px;
        text-align: center;
        border: 1px solid transparent;
        font-size: 13px;
        -moz-appearance: textfield;
    }

    .header-cart {
        padding: 30px;
    }

    .header-cart-title {
        padding-bottom: 35px;
    }

    .div-top-header-txt {
        text-align: center;
        font-size: 12px;
    }

    .div-top-header-txt img {
        width: 30px;
    }

    .header-div .div-redes {
        display: none;
    }

    .logo {
        width: 80%;
        height: auto;
        padding: 10px 0px;
    }

    .logo img {
        width: 60%;
        image-rendering: -webkit-optimize-contrast;
    }

    .slider-slick .slick-dots {
        bottom: 5px;
    }

    .menu {
        display: none;
    }

    .icon-header {
        display: flex;
        align-items: center;
        justify-content: start;
        padding: 0;
    }

    .div-texto-slider {
        width: 70%;
        left: 15%;
        height: 75%;
    }

    .slider-infor {
        padding: 7px;
        margin-bottom: 4px;
        font-family: 'Roboto-Regular';
        font-size: 24px;
    }

    .slider-title {
        font-size: 12px;
        margin: 0px 0px 0px;
    }

    .slider-subtitle {
        font-size: 18px;
        margin: 0px;
    }

    .slider-intro {
        font-size: 25px;
        margin: 0px;
    }

    .parentesis-izquierdo {
        height: 85px !important;
        width: 15%;
        position: absolute;
    }

    .parentesis-derecho {
        height: 85px !important;
        width: 15%;
        position: absolute;
        top: 0;
        left: 85%;
    }

    .btn-slider {
        font-size: 12px;
    }

    .size-lineas {
        width: calc(100% / 2);
        padding: 4px;
    }

    .title-sec {
        font-size: 25px;
    }

    .title-secundario {
        text-transform: uppercase;
        font-family: 'Roboto-Bold';
        font-size: 40px;
    }

    .item-sub-banner {
        display: block;
        width: 50%;
        text-align: center;
        padding: 5px;
    }

    .footer .div-siguenos {
        justify-content: center;
        margin-bottom: 15px;
    }

    .div-newsletter {
        text-align: center;
        margin-bottom: 15px;
    }

    .footer-tit {
        text-align: center;
        font-size: 20px;
    }

    .div-menu-foot {
        text-align: center;
    }

    .item-pro-color {
        width: calc(100% / 4);
    }

    .item-pro-size {
        width: calc(100% / 3);
    }

    .btn-item-pro,
    .btn-item-pro-icon {
        height: 25px;
        font-size: 12px;
        padding: 3px 15px;
    }

    .item-pro-info {
        margin-top: 13px;
    }

    .item-pro-price,
    .item-pro-info {
        font-size: 13px;
    }

    .slick-noticias .slider-prev,
    .slick-noticias .slider-next {
        display: none !important;
    }

    .slick-mas-vendidos .slider-prev,
    .slick-mas-vendidos .slider-next {
        display: none !important;
    }

    .slick-novedades .slider-prev,
    .slick-novedades .slider-next {
        display: none !important;
    }

    .div-volver {
        margin-bottom: 10px;
    }

    .no-padding-movil {
        padding: 0px !important;
    }

    .titulo-producto-detalle {
        font-size: 30px;
        margin-top: 20px;
        text-align: center;
    }

    .btn-pro-det {
        margin: 10px 0px;
        /*width: 100%;*/
    }

    .info1-movil {
        text-align: center;
    }

    .div-compartir {
        justify-content: center;
    }

    .tit-opt {
        width: auto;
        margin-right: 15px;
    }

    .opciones-producto-detalle .item-pro-opt,
    .opciones-producto-detalle .pro-det-cant {
        justify-content: center;
    }

    .div-tab-movil {
        margin: 0px !important;
        padding: 10px 0px !important;
    }

    .sec-product-detail {
        padding-bottom: 20px !important;
    }

    .item-pro-div-opt,
    .item-pro-div-btn {
        display: none;
        visibility: hidden;
    }

    .opciones-producto-detalle .item-pro-div-opt,
    .opciones-producto-detalle .item-pro-div-btn {
        visibility: visible;
    }

    .product-grid .item-pro {
        width: calc(100% / 2);
    }

    .header-div {
        position: relative;
        background: #DE7A00;
    }

    .ih-item.square .info {
        padding: 0px;
    }

    .slick-slider {
        min-height: initial;
    }

    .text-sec-ini {
        font-size: 25px;
    }

    .text-sec-ini span {
        font-size: 20px !important;
    }

    .div-slick-servicios {
        margin-top: 20px;
    }

    .div-slick-servicios .nombre-servicio {
        font-size: 16px;
    }

    .div-slick-servicios .servicio-img img {
        width: 80%;
    }

    .slick-noticias .text-introduccion {
        font-size: 14px;
    }

    .slick-noticias .link-noticia {
        font-size: 14px;
    }

    .slick-noticias .slick-dots {
        position: relative;
        bottom: 0px;
    }

    .div-fomasecc .img-back {
        display: none;
    }

    .div-fomasecc .padding-back {
        padding-left: inherit;
    }

    .top-body {
        margin-top: 0px;
        padding-top: 15px;
        border-radius: 0px;
    }

    .titulo-1,
    .titulo-2 {
        text-align: center;
        font-size: 20px;
    }

    .div-fomasecc {
        margin: 25px 0px;
    }

    .slick-noticias {
        padding-top: 20px;
        margin-bottom: 20px;
    }

    .div-noticias {
        margin-top: 0px;
    }

    .title-noticia {
        margin-top: 0px;
        font-size: 25px;
    }

    .icon-noticias {
        display: none;
    }

    .img-footer {
        display: none;
    }

    .img-logo-footer {
        width: 60%;
        margin: 0 auto;
    }

    .center-footeer {
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .offcanvas-menu-overlay {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.7);
        content: "";
        z-index: 98;
        -webkit-transition: all, 0.5s;
        -o-transition: all, 0.5s;
        transition: all, 0.5s;
        visibility: hidden;
    }

    .offcanvas-menu-overlay.active {
        visibility: visible;
    }

    .offcanvas-menu-wrapper {
        display: block;
        position: fixed;
        top: 0px;
        left: -270px;
        width: 270px;
        height: 100%;
        background: #fff;
        padding: 70px 20px 30px 30px;
        display: block;
        z-index: 99;
        overflow-y: auto;
        -webkit-transition: all, 0.5s;
        -o-transition: all, 0.5s;
        transition: all, 0.5s;
        opacity: 0;
    }

    .offcanvas-menu-wrapper.active {
        opacity: 1;
        left: 0;
        background: var(--color-secundario);
    }

    .offcanvas__close {
        position: absolute;
        width: 40px;
        height: 40px;
        right: 30px;
        top: 25px;
        border: 1px solid #ddd;
        border-radius: 50%;
        font-size: 26px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .slicknav_menu {
        background: transparent;
        padding: 0;
        margin-bottom: 20px;
    }

    .slicknav_btn {
        display: none;
    }

    .slicknav_nav {
        display: block !important;
    }

    .slicknav_nav ul {
        margin: 0;
    }

    .slicknav_nav .slicknav_row:hover {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        background: var(--color-secundario);
    }

    .slicknav_nav .slicknav_row,
    .slicknav_nav a {
        /*padding: 7px 0;*/
        margin: 0;
        /*color: #333 !important;*/
        font-size: 15px;
        font-family: Roboto-Light;
    }

    /*@media only screen and (max-width: 767px)
        .slicknav_nav .slicknav_row, .slicknav_nav a {
            padding: 7px 0;
            margin: 0;
            color: #333;
            font-size: 15px;
            font-family: Roboto-Light;
        }
    }*/
    .main-menu>li {
        padding: 0px;
    }

    .main-menu>li>.sub-menu {
        top: inherit;
        left: inherit;
        position: relative;
        color: #333;
        background: inherit;
        box-shadow: none;
        visibility: visible;
        opacity: 1;
    }

    .div-login {
        padding: 0px;
    }

    .text-currenttime {
        padding: 0px;
    }

    .xpad-mov {
        padding: 0px;
    }

    .div-redes {
        position: absolute;
        right: 15px;
        top: 95px;
        display: inline-flex;
        z-index: 1;
    }

    .div-redes .item-redes {
        margin-left: 5px;
    }

    .input-buscar {
        width: 100%;
        height: 30px;
    }

    .canvas__open {
        display: block;
        position: absolute;
        right: 0px;
        width: 45px;
        text-align: center;
        font-size: 20px;
        color: #FFF;
    }


    .item-bar {
        font-family: 'Roboto-Light';
        padding: 4px 10px;
        text-align: center;
        background-color: var(--color-terciario);
        border-radius: 10px;
        color: #FFF;
        font-size: 17px;
        text-decoration: none;
        border: none;
        cursor: pointer;
        margin-bottom: 10px;
    }

    .text-sec,
    .text-sec-ini {
        z-index: 0;
    }

    .back-line {
        display: none;
    }

    .offcanvas__logo {
        text-align: center;
        display: flex;
        justify-content: center;
        padding-top: 18px;
        margin-bottom: 18px;
        background-color: var(--color-secundario);
    }

    .offcanvas__logo .logo img {
        width: 150px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
}


/*//////////////////////////////////////////////////////////////////

/*[Novedades]*/

.novedades .title-secundario {
    text-transform: uppercase;
    font-family: 'Roboto-Bold';
    font-size: 40px;
}


/*//////////////////////////////////////////////////////////////////

[Mas vendidos]*/

.mas-vendidos {
    background-color: var(--color-secundario);
    background-image: url(../images/fondo.png);
    background-size: 100%;
    border-bottom: 4px solid gray;
    margin-bottom: 29px;
}

.mas-vendidos .title-secundario-top {
    font-family: 'Roboto-Bold';
    font-size: 40px;
    color: white;
    margin-top: 30px;
    text-transform: uppercase;
}


/* //////////////////////////////////////////////////////////////////

[ Noticias]*/


/*.moorabi-blog{

    float: left;

}*/

.titulo-seccion {
    font-family: Roboto-Bold;
    text-transform: uppercase;
}

.linea-titulo {
    background-color: var(--color-secundario);
    width: 527px;
    height: 5px;
}

.fecha {
    font-family: 'Roboto-Light';
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-intro-noticia {
    font-family: 'Roboto-Light';
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.seguir-leyendo {
    color: #882985;
    font-family: 'Roboto-Bold';
    font-size: 18px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-transform: uppercase;
}

.seguir-leyendo span {
    margin-left: 10px;
}

.intro {
    font-family: 'Roboto-Light';
    font-size: 18px;
}


/*.parentesis-izquierdo{

    border-left: 1px solid white;

    border-top: 1px solid white;

    border-bottom: 1px solid white;

    height: 239px;

    width: 15%;

    position: absolute;

}



.parentesis-derecho{

    border-right: 1px solid white;

    border-top: 1px solid white;

    border-bottom: 1px solid white;

    height: 239px;

    width: 15%;

    position: absolute;

    top: 0;

    left: 85%;

}*/

.noticias .title-sec-deco {
    position: relative;
    width: 40%;
    height: 4px;
    border-radius: 2px;
    background-color: var(--color-secundario);
    margin: 0;
    margin-bottom: 20px;
}

.noticias .title-secundario {
    text-align: left;
    text-transform: uppercase;
    font-family: 'Roboto-Bold';
    font-size: 40px;
    margin-top: 80px;
}

.border-title-noticia {
    border-bottom: 3px solid var(--color-terciario);
}

.slick-noticias .nombre-servicio {
    font-size: 18px;
    font-family: Roboto-Bold;
}

.slick-noticias .text-introduccion {
    font-size: 12px;
    font-family: Roboto-Light;
}

.slick-noticias p {
    margin: 0;
}

.slick-noticias .link-noticia {
    font-size: 12px;
    font-family: Roboto-Bold;
}

.slick-noticias .lnr {
    background-color: var(--color-terciario);
}

.slick-noticias .lnr:hover {
    background-color: var(--color-secundario);
}

.slick-noticias .lnr-chevron-left {
    position: absolute;
    top: 44%;
    left: 30px;
}

.slick-noticias .lnr-chevron-right {
    position: absolute;
    top: 44%;
    right: -15px;
}

.slick-noticias .slick-dots {
    bottom: 17px;
}

.slick-noticias .slick-dots li.slick-active button:before {
    color: var(--color-secundario);
}

.ih-item.square.effect13 {
    /* max-height: 200px; */
}

.slick-noticias .ih-item.square .info {
    height: 100%;
    top: 0px;
}

.slick-noticias .ih-item.square.effect13 .info p {
    padding: 0px;
    color: #FFF;
}

.breadcrumb {
    background: none;
}

.subir {
    top: 250px;
    left: 1298px;
    display: none;
}

.user-logged {
    background: white;
    color: var(--color-secundario);
    border-radius: 50px;
    width: 100%;
    padding: 5px;
}

.slick-novedades .slick-dots li.slick-active button:before {
    color: #802780;
}

.slick-mas-vendidos .slick-dots li.slick-active button:before {
    color: #fff;
}

.badge-primary {
    background: var(--color-secundario);
}

.error-input-name-newsletter,
.error-input-newsletter,
.error-input-acepta-terminos {
    display: none;
    width: 100%;
}

#cajacookies {
    background-color: var(--color-secundario);
    color: #fff;
    padding: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    position: fixed;
    /*bottom: 10px;*/
    width: 100%;
    z-index: 999;
    display: none;
}

#cajacookies button {
    background: #802780;
    border: 1px solid var(--color-secundario);
    color: white;
    padding: 5px 5px;
    cursor: pointer;
}

.contenedor-novedades-background {
    background: #e9d4e8;
}

.swal2-popup .swal2-styled.swal2-confirm {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #882985 !important;
    color: white;
    font-size: 1.0625em;
}

.hvr-underline-from-center:before {
    background: white !important;
    height: 2px !important;
}

.eliminar-padding-izquierda-div {
    padding-left: 0px;
}

.eliminar-padding-derecha-div {
    padding-right: 5px;
}