html, body {
    width: 100% !important;
    overflow-x: hidden;
}
.a_none_style{
    text-decoration: none;
}
/*********************
TYPOGRAPHY #F18426 #E98025
*********************/
@font-face {
    font-family: 'Nunito Black';
    src: url("fonts/Nunito-Black.ttf"); 
}
@font-face {
    font-family: 'Nunito Bold';
    src: url("fonts/Nunito-Bold.ttf"); 
}
@font-face {
    font-family: 'Nunito ExtraBold';
    src: url("fonts/Nunito-ExtraBold.ttf"); 
}
@font-face {
    font-family: 'Nunito Light';
    src: url("fonts/NunitoSans-Light.ttf"); 
}
@font-face {
    font-family: 'Nunito Regular';
    src: url("fonts/NunitoSans-Regular.ttf"); 
}
@font-face {
    font-family: 'Nunito SemiBold';
    src: url("fonts/NunitoSans-SemiBold.ttf"); 
}
.black{
    font-family: 'Nunito Black';
}
.bold{
    font-family: 'Nunito Bold';
}
.extrabold{
    font-family: 'Nunito ExtraBold';
}
.ligth{
    font-family: 'Nunito Light';
}
.regular{
    font-family: 'Nunito Regular';
}
.semibold{
    font-family: 'Nunito SemiBold';
}
.fz-16{
    font-size: 12px !important;
}
.fz-18{
    font-size: 13px !important;
}
.fz-22{
    font-size: 14px !important;
}
.fz-24{
    font-size: 18px !important;
}
.fz-nav{
    font-size: 20px !important;
}
.fz-25{
    font-size: 23px !important;
}
.fz-30{
    font-size: 30px !important;
} 
.fz-32{
    font-size: 32px !important;
}
.fz-40{
    font-size: 35px !important;
}
.fz-60{
    font-size: 45px !important;
}
.txt-naranja{
    color: #0A2C3D;
}
.txt-gris{
    color: #5C727D;
}
.txt-verde{
    color: #129021;
}
/*********************
INDEX
*********************/
.bg-index{
    background-image: url('../img/bg-index.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 20vh;
    color: #FFFFFF;
}
.icono-carrito-menu{
    width: 18px;
}
.logo-menu{
    width: 220px;
}
.heart-menu{
    font-size: 18px;
    color: #FFFFFF;
}
.navbar-light{
    font-family: 'Nunito SemiBold';
}
.sesion-btn{
    padding: 0;
}
.btn-sesion{
    background-color: #0A2C3D;
    border-color: #0A2C3D;
    font-family: 'Nunito Regular';
    border-radius: 2px;
}
.btn-sesion:hover{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Regular';
    border-radius: 2px;
    color: #FFFFFF;
    border: 1px solid #0A2C3D;
}
.btn-sesion:focus{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Regular';
    border-radius: 2px;
    color: #FFFFFF;
    border: 1px solid #0A2C3D;
}
.navbar-expand-lg .navbar-nav .nav-link{
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}
.hr-menu{
    color: #F0F0F0;
}
.icono-silla{
    width: 180px;
}
.btn-catalogo{
    background-color: #0A2C3D;
    border-color: #0A2C3D;
    font-family: 'Nunito Regular';
    border-radius: 2px;
    width: 200px;
}
.btn-catalogo:hover{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Regular';
    border-radius: 2px;
    color: #FFFFFF;
    width: 200px;
    border: 1px solid #0A2C3D;
}
.btn-catalogo:focus{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Regular';
    border-radius: 2px;
    color: #FFFFFF;
    width: 200px;
    border: 1px solid #0A2C3D;
}
.txt-index{
    padding-top: 10rem;
}
.bg-ortopedic{
    background-image: url('../../img/new/orthopedic.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 80vh;
    color: #FFFFFF;
}
.bg-clean{
    background-image: url('../../img/new/clean.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 80vh;
    color: #FFFFFF;
}
/**************************
COMERCIALIZACIÓN DE SILLAS
***************************/
.txt-comercializacion{
    margin-top: 7rem;
}
.txt-comercializacion p{
    color: #464748;
    line-height: 25px;
}
.icono-comercializacion{
    float: left;
    width: 55px;
    margin-right: 0.5rem;
}
/**************************
NUESTROS PRODUCTOS
***************************/
.bg-gris{
   background-color: #F0F0F0;
}
.icono-nuestros-prod{
    float: left;
    width: 80px;
}
.txt-nuestros-prod-index p{
    line-height: 25px;
}
/**************************
NUEVOS PRODUCTOS
***************************/
.card-prod{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.prod-card{
    height: 250px;
    width: 100%;
}
.icono-prod{
    background-color: #EDEDED;
    color: #000000;
    border-radius: 6px;
    text-align: center;
    width: 35px;
    height: 35px;
    align-items: center;
    margin-right: 0.5rem;
    justify-content: center;
}
.icono-prod i{
    margin-top: 0.6rem;
}
.flechas-prod{
    margin-left: 0.09rem;
}
.heart-prod {
    font-size: 18px;
    color: #000000;
    margin-left: 0.5rem;
}
.icono-carrito-prod{
    width: 18px;
    margin-top: 0.5rem;
}
.hr-card{
    color: #DEDEDE;
}
/**************************
NUESTRAS CATEGORÍAS
***************************/
.bg-categorias{
    background-image: url('../img/bg-categorias.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
}
.categoria{
    background-color: #FFFFFF;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    height: 630px;
}
.margen-categorias{
    padding-top: 2.5rem;
}
.img-categoria-index{
    position: relative;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.icono-categoria-index{
    position: absolute;
    width: 80px;
    left: 38%;
    bottom: -12%;
}
.desc-categoria-index{
    text-align: center;
    margin-top: 3rem;
}
.desc-categoria-index p{
    line-height: 20px;
}
.categoria:hover{
    border-bottom: 2px solid #0A2C3D;
    transform: scale(1.1);
}
.categoria img{
    border-radius: 20px;
}
.categoria a:hover{
    color: #0A2C3D;
}
/**************************
SERVICIOS
***************************/
.icono-servicios{
    width: 80px;
}
/**************************
PRODUCTOS DE ALTA CALIDAD
***************************/
.prod-calidad-bco{
    background-color: #FFFFFF;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    color: #5C727D;
    border-radius: 5px;
    text-align: start;
}
.prod-calidad-bco p{
    line-height: 20px;
}
.prod-calidad-nara{
    background-color: #0A2C3D;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    color: #FFFFFF;
    border-radius: 5px;
    text-align: start;
}
.prod-calidad-nara p{
    line-height: 20px;
}
.circulo-bco{
    background-color: #FFFFFF;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-left: 2rem;
    margin-top: 0.5rem;
}
.icono-prod-calidad{
    width: 44px;
    margin-top: 0.5rem;
}
.icono-prod-calidad-2{
    width: 44px;
    margin-top: 0.5rem;
}
.icono-prod-calidad-3{
    width: 29px;
    margin-top: 0.8rem;
}
.txt-prod-calidad p{
    line-height: 25px;
}
/**************************
ASESORAMIENTO Y ORIENTACIÓN
***************************/
.bg-asesoramiento{
    background-image: url('../img/bg-asesoramiento.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 60vh;
    color: #FFFFFF;
}
.txt-asesoramiento{
    margin-top: 10rem;
}
.txt-asesoramiento p{
    line-height: 25px;
}
/**************************
CONTACTÁNOS
***************************/
.bg-black{
    background-color: #29292B;
    color: #FFFFFF;
}
.icono-cel-contactanos{
    width: 10px;
}
.txt-contactanos{
    margin-top: 3rem;
}
.txt-contactanos p{
    line-height: 20px;
}
.btn-enviar{
    background-color: #0A2C3D;
    border-color: #0A2C3D;
    border-radius: 3px;
    width: 150px;
    font-family: 'Nunito Regular';
}
.btn-enviar:hover{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Regular';
    border-radius: 2px;
    color: #FFFFFF;
    width: 150px;
    border: 1px solid #0A2C3D;
}
.btn-enviar:focus{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Regular';
    border-radius: 2px;
    color: #FFFFFF;
    width: 150px;
    border: 1px solid #0A2C3D;
}
.form-contactanos {
    margin-top: 2rem;
}
.form-contactanos input{
    border-radius: 2px;
    border: 0.5px solid #FFFFFF;
    background: transparent;
    color: #FFFFFF;
    font-family: 'Nunito Regular';
}
.form-contactanos input:focus{
    border-radius: 2px;
    border: 0.5px solid #FFFFFF;
    background: transparent;
    color: #FFFFFF;
    font-family: 'Nunito Regular';
}
.form-contactanos textarea{
    border-radius: 2px;
    border: 0.5px solid #FFFFFF;
    background: transparent;
    color: #FFFFFF;
    font-family: 'Nunito Regular';
    height: 200px;
}
.form-contactanos textarea:focus{
    border-radius: 2px;
    border: 0.5px solid #FFFFFF;
    background: transparent;
    color: #FFFFFF;
    font-family: 'Nunito Regular';
    height: 200px;
}
.form-contactanos input::placeholder{
    color: #FFFFFF;
    font-family: 'Nunito Regular';
}
.form-contactanos textarea::placeholder{
    color: #FFFFFF;
    font-family: 'Nunito Regular';
}
/**************************
FOOTER
***************************/
.bg-call-footer{
    background-color: #0A2C3D;
    text-align: center;
    color: #FFFFFF;
}
.footer{
    position: relative;
}
.banda-footer{
    position: absolute;
    width: 100%;
    left: 0;
    top: -15%;
}
.btn-banda{
    background-color: #FFFFFF;
    color: #0A2C3D;
    border-radius: 0;
    width: 180px;
    border-color: #FFFFFF;
}
.btn-banda:hover{
    background-color: #FFFFFF;
    color: #0A2C3D;
    border-radius: 0;
    width: 180px;
    border-color: #FFFFFF;
    border: 1px solid #0A2C3D;
}
.btn-banda:focus{
    background-color: #FFFFFF;
    color: #0A2C3D;
    border-radius: 0;
    width: 180px;
    border-color: #FFFFFF;
    border: 1px solid #0A2C3D;
}
.bg-black-footer{
    background-color: #F0F0F0;
    color: #000000;
}
.bg-black-footer p{
    line-height: 22px;
}
.icon-footer{
    width: 45px;
    margin-bottom: 1rem;
}
.logo-footer{
    width: 170px;
}
.btn-Subscribir{
    background-color: #0A2C3D;
    border-color: #0A2C3D;
    border-radius: 3px;
    width: 100px;
    font-family: 'Nunito Regular';
}
.btn-Subscribir:hover{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Regular';
    border-radius: 3px;
    color: #FFFFFF;
    width: 100px;
    border: 1px solid #0A2C3D;
}
.btn-Subscribir:focus{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Regular';
    border-radius: 3px;
    color: #FFFFFF;
    width: 100px;
    border: 1px solid #0A2C3D;
}
.subscribir{
    background-color: #FFFFFF;
    font-family: 'Nunito Regular';
}
.form-Subscribir input{
    border: none;
    color: #000000;
    font-family: 'Nunito Regular';
}
.form-Subscribir input::placeholder{
    font-size: 12px;
    font-family: 'Nunito Regular';
}
.bg-gris-footer{
    background-color: #202020;
    color: #FFFFFF;
}
.icono-visa{
    width: 45px;
}
.icono-master{
    width: 90px;
}
.icono-maestro{
    width: 75px;
}
.icono-american{
    width: 60px;
}
.icono-paypal{
    width: 60px;
}
.icono-secure{
    width: 80px;
}
.icono-ssl{
    width: 50px;
}
.fa-facebook-f{
    font-size: 25px;
}
.fa-instagram{
    font-size: 23px;
}
.fa-youtube{
    font-size: 20px;
}
.fa-tiktok{
    font-size: 20px;
}
/**************************
MENÚ BLANCO
***************************/
.bg-banda-azul{
    background-color: #0A2C3D;
}
.heart-menu-2{
    font-size: 18px;
    margin-top: 0.5rem;
    margin-left: 0.5rem;
}
.cuadro-menu{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    width: 35px;
    height: 35px;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.usuario-menu-2{
    margin-top: 0.6rem;
    font-size: 16px;
}
.cuadro-menu img{
    margin-top: 0.5rem;
}
.actions-menu{
    padding: 0;
}
/**************************
CATÁLOGO
***************************/
.bg-catalogo{
    background-image: url('../../img/new/orthopedic-catalogo.jpg');
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 30vh;
    color: #FFFFFF;
}
.bg-catalogo2{
    background-image: url('../../img/new/clean-catalogo.jpg');
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 30vh;
    color: #FFFFFF;
}
.txt-catalogo{
    margin-top: 7rem;
    margin-left: 1rem;
    color: #ffff !important;
    font-family: 'Nunito Regular';
}
.txt-catalogo-b{
    margin-top: 7rem;
    margin-left: 1rem;
    color: #ffff !important;
    font-family: 'Nunito Regular';
}
.select-page{
    border-radius: 0;
    color: #9C9FB7;
    border: 1px solid #9C9FB7;
    width: 100%;
    padding: 0.15rem 0.25rem 0.15rem 0.75rem;
    font-size: 14px;
    font-family: 'Nunito Regular';
}
.select-order{
    border-radius: 0;
    color: #9C9FB7;
    border: 1px solid #9C9FB7;
    width: 100%;
    font-size: 14px;
    padding: 0.15rem 1.75rem 0.15rem 0.75rem;
    font-family: 'Nunito Regular';
}
.select-filtros{
    font-family: 'Nunito Regular';
}

.botones-prod{
    display: flex;
    justify-content: end;
}
/******************************
CHECK DE FILTROS
*******************************/
.form-check-input:checked{
    background-color: #0A2C3D;
    border-color: #0A2C3D;
}
.form-check-input:focus{
    border-color: #0A2C3D;
    box-shadow:  0 0 0 0.25rem rgba(10, 44, 61, 0.25);
}
.form-check-input[type=radio]{
    border-radius: 0;
}
.accordion-button:not(.collapsed){
    color: #0A2C3D;
    background: rgba(10, 44, 61, 0.25);
}
.accordion-button:focus{
    border-color: #0A2C3D;
    box-shadow:  0 0 0 0.25rem rgba(10, 44, 61, 0.25);
}
.hr-filtros{
    opacity: 0.2;
    background-color: #707070;
}
.div-filtros{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.btn-filtros{
    background-color: #0A2C3D;
    border-color: #0A2C3D;
    font-family: 'Nunito Light';
    border-radius: 2px;
    font-size: 18px;
    width: 200px;
}
.btn-filtros:hover{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Light';
    border-radius: 2px;
    color: #FFFFFF;
    width: 200px;
    border: 1px solid #0A2C3D;
}
.btn-filtros:focus{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Light';
    border-radius: 2px;
    color: #FFFFFF;
    width: 200px;
    border: 1px solid #0A2C3D;
}
/******************************
RANGE DE FILTROS WEB
*******************************/
.rango-precio{
    position: relative;
    height: 65px;
}
.range-price{
    position: absolute;
    z-index: 2;
    margin-bottom: 2rem;
}
#rangeValue {
    margin-top: -13px;
    position: relative;
    display: block;
    text-align: center;
    margin-right: 100px;
    color: #999;
}
.range {
    width: 300px;
    height: 15px;
    -webkit-appearance: none;
    background: rgba(240, 242, 255, 0.9);
    outline: none;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: inset 0 0 5px rgba(255, 255, 255, 1);
}
.range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #0A2C3D;
    cursor: pointer;
    border: 4px solid #fff;
    box-shadow: -407px 0 0 400px #0A2C3D;
}
/******************************
RANGE DE FILTROS CELULAR
*******************************/
.rango-precioPhone{
    position: relative;
    height: 65px;
}
.range-pricePhone{
    position: absolute;
    z-index: 2;
    left: 0;
    margin-bottom: 2rem;
}
#rangeValuePhone {
    margin-top: -14px;
    position: relative;
    display: block;
    text-align: center;
    margin-right: 40px;
    color: #999;
}
.rangePhone {
    width: 250px;
    height: 15px;
    -webkit-appearance: none;
    background: rgba(255, 242, 240, 0.9);
    outline: none;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: inset 0 0 5px rgba(255, 255, 255, 1);
}
.rangePhone::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #0A2C3D;
    cursor: pointer;
    border: 4px solid #fff;
    box-shadow: -407px 0 0 400px #0A2C3D;
}
/******************************
INPUT BUSCAR CON EFECTO HOVER
*******************************/
.box{
    margin: 0 0 10px 402px;
    width: 300px;
    height: 50px;
    font-family: 'Nunito Regular';
}  
.container-2{
    width: 300px;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
}  
.container-2 input#search{
    width: 50px;
    height: 50px;
    background: #F5F5F8;
    border: none;
    font-size: 10pt;
    float: right;
    color: #262626;
    padding-left: 35px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #000000;   
    -webkit-transition: width .55s ease;
    -moz-transition: width .55s ease;
    -ms-transition: width .55s ease;
    -o-transition: width .55s ease;
    transition: width .55s ease;
}  
.container-2 input#search::-webkit-input-placeholder {
    color: #65737e;
}   
.container-2 input#search:-moz-placeholder { /* Firefox 18- */
    color: #65737e;  
}   
.container-2 input#search::-moz-placeholder {  /* Firefox 19+ */
    color: #65737e;  
}   
.container-2 input#search:-ms-input-placeholder {  
    color: #65737e;  
}  
.container-2 .icon{
    position: absolute;
    top: 50%;
    margin-right: 17px;
    margin-top: 14px;
    z-index: 1;
    color: #4f5b66;
    right: 0;
}  
.container-2 input#search:focus, .container-2 input#search:active{
    outline:none;
    width: 300px;
}   
.container-2:hover input#search{
  width: 300px;
}   
.container-2:hover .icon{
    color: #93a2ad;
}
/******************************
PAGINACIÓN
*******************************/
.page-link{
    background-color: transparent;
    color: #6D708D;
    border-radius: 50%;
    margin: 0 0.5rem 0 0.5rem;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    font-family: 'Nunito Regular';
}
.page-item .page-link{
    padding: 0.55rem 0.75rem;
}
.page-item.active .page-link{
    background-color: #0A2C3D;
    color: #FFFFFF;
    border-color: #0A2C3D;
    padding: 0.55rem 0.75rem;
    font-family: 'Nunito Regular';
}
.page-item:last-child .page-link{
    border-radius: 50%;
    border: none;
    color: #0A2C3D;
    box-shadow: none;
    font-family: 'Nunito Regular';
}
.page-item:first-child .page-link{
    border-radius: 50%;
    border: none;
    box-shadow: none;
    font-family: 'Nunito Regular';
}
/******************************
FILTROS CELULAR
*******************************/
.btn-filtro-cel{
    border: 1px solid #0A2C3D;
    width: 120px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    font-family: 'Raleway Medium';
    color: #6F6F6F;
    font-family: 'Nunito Regular';
}
.content-filtros{
    width: 80%;
    background-color: #fff;
    font-family: 'Montserrat Regular';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: none;
    border-right: 2px solid #0A2C3D;
    border-bottom: 2px solid #0A2C3D;
    font-family: 'Nunito Regular';
}
.btn-muestra-filtros{
    background-color: #0A2C3D;
    border-color: #0A2C3D;
    font-family: 'Nunito Regular';
    border-radius: 2px;
    font-size: 18px;
    width: 220px;
    text-align: center;
}
.btn-muestra-filtros:hover{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Regular';
    border-radius: 2px;
    color: #FFFFFF;
    width: 220px;
    border: 1px solid #0A2C3D;
}
.btn-muestra-filtros:focus{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Regular';
    border-radius: 2px;
    color: #FFFFFF;
    width: 220px;
    border: 1px solid #0A2C3D;
}
.btn-clean{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Regular';
    border-radius: 2px;
    color: #FFFFFF;
    width: 200px;
}
.btn-clean:hover{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Regular';
    border-radius: 2px;
    color: #FFFFFF;
    width: 200px;
    border: 1px solid #0A2C3D;
}
.btn-clean:focus{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Regular';
    border-radius: 2px;
    color: #FFFFFF;
    width: 200px;
    border: 1px solid #0A2C3D;
}
/******************************
DETALLE DE PRODUCTO
*******************************/
.bg-detalleProd{
    background-image: url('../img/bg-detalle-prod.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 17vh;
    color: #FFFFFF;
}
.hr-detalle-prod{
    opacity: 0.9;
    border: 0.5px solid #CBCBCB;
}
.franja-desc{
    border-left: 3px solid #0A2C3D;
}
.side-picture{
    cursor: pointer;
}
.side-picture.active img{
    border: 1px solid #0A2C3D;
}
/******************************
FORM DE CANTIDAD
*******************************/
.form-cantidad{
    width: 200px;
}
.plus-minus .btn {
	height: auto
}
.plus-minus .btn-number {
	border: 1px solid #e8e8e8;
	padding: 5px 15px;
}
.plus-minus .btn-number i {
	font-size: 10px;
}
.plus-minus .input-group-btn:first-child>.btn {
	margin-right: 0;
	border-radius: 10px 0 0 10px;
	background-color: #0A2C3D;
	color: #fff;
}
.plus-minus .input-group-btn:last-child>.btn {
	margin-left: 0;
	border-radius: 0 10px 10px 0;
	background-color: #0A2C3D;
	color: #fff;
}
.plus-minus input {
	border: 1px solid #e8e8e8;
	color: #262626;
	height: 32px;
	padding-top: 5px;
	text-align: center;
	background: #fff;
	border-right: 0;
	border-left: 0;
}
.plus-minus input:focus {
	border-color: #e8e8e8;
}
.plus-minus input[type=number] {
	-moz-appearance: textfield;
}
.plus-minus input::-webkit-inner-spin-button, .plus-minus input::-webkit-outer-spin-button {
	-webkit-appearance:none;
}
/******************************
CARACTERISTICAS 
*******************************/
.caracteristicas-prod{
    background-color: #F7F7F7;
    color: #5C727D;
}
.caract-izq{
    border-right: 0.5px solid #7B7B7B;
    margin-left: 2rem;
}
/***********************************
BOTÓN DE CARRITO DE COMPRA ANIMADO
***********************************/
.add-to-cart {
    --color: #fff;
    --icon: var(--color);
    --cart: #fff;
    --dots: #fff;
    --background: #0A2C3D;
    --shadow: rgba(0, 9, 61, 0.16);
    cursor: pointer;
    position: relative;
    outline: none;
    border: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    font-size: 16px;
    border-radius: 10px;
    padding: 12px 32px;
    font-weight: 500;
    line-height: 20px;
    transform: scale(var(--s, 0.97));
    box-shadow: 0 var(--s-y, 4px) var(--s-b, 12px) var(--shadow);
    color: var(--color);
    background: var(--background);
    transition: transform 0.3s, box-shadow 0.3s;
    font-family: 'Nunito Regular';
}
.add-to-cart .default {
    padding-left: 16px;
    position: relative;
    opacity: var(--o, 1);
    transform: scale(var(--s, 1));
    transition: transform 0.3s, opacity 0.3s;
    transition-delay: var(--d, 0.3s);
}
.add-to-cart .default:before, .add-to-cart .default:after {
    content: "";
    width: 2px;
    height: 12px;
    left: 0;
    top: 4px;
    border-radius: 1px;
    background: var(--icon);
    position: absolute;
    transform: rotate(var(--r, 0deg));
    transition: transform 0.25s;
}
.add-to-cart .default:after {
    --r: 90deg;
}
.add-to-cart .success {
    opacity: var(--o, 0);
    transform: translate(-50%, var(--y, 12px));
    position: absolute;
    top: 12px;
    left: 50%;
    transition: opacity 0.3s, transform 0.3s;
    transition-delay: var(--d, 0s);
}
.add-to-cart .dots {
    width: 4px;
    height: 4px;
    top: 20px;
    left: 50%;
    margin-left: -12px;
    border-radius: 2px;
    position: absolute;
    transform-origin: 10px 50%;
    background: var(--dots);
    box-shadow: 5px 0 0 var(--dots), 10px 0 0 var(--dots);
    opacity: var(--o, 0);
    transform: scale(var(--s, 0.4));
    transition: opacity 0.3s, transform 0.3s;
    transition-delay: var(--d, 0s);
}
.add-to-cart .cart {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    border-radius: inherit;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.add-to-cart .cart:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 16px;
    background: var(--background);
    top: 17px;
    right: 100%;
    z-index: 1;
    margin-right: -20px;
    transform: translateX(-18px) rotate(-16deg);
}
.add-to-cart .cart > div {
    top: 13px;
    right: 100%;
    transform: translateX(-18px) rotate(-16deg);
    position: absolute;
    z-index: 2;
    transform-origin: 1px 21px;
}
.add-to-cart .cart > div:before, .add-to-cart .cart > div:after {
    content: "";
    position: absolute;
    top: var(--t, 4px);
    left: var(--l, 0);
    height: 2px;
    width: var(--w, 18px);
    background: var(--cart);
    border-radius: 1px;
}
.add-to-cart .cart > div:after {
    --w: 16px;
    --t: 14px;
    --l: 1px;
}
.add-to-cart .cart > div > div {
    width: 2px;
    height: var(--h, 15px);
    border-radius: 1px;
    transform: rotate(var(--r, -8deg));
    background: var(--cart);
    position: relative;
}
.add-to-cart .cart > div > div:before, .add-to-cart .cart > div > div:after {
    content: "";
    position: absolute;
    background: inherit;
}
.add-to-cart .cart > div > div:after {
    width: 4px;
    height: 4px;
    border-radius: 2px;
    bottom: var(--b, -6px);
    left: var(--l, 0);
}
.add-to-cart .cart > div > div:first-child:before {
    border-radius: inherit;
    top: 0;
    right: 0;
    height: 2px;
    width: 6px;
    transform-origin: 5px 1px;
    transform: rotate(16deg);
}
.add-to-cart .cart > div > div:last-child {
    --h: 12px;
    --r: 8deg;
    position: absolute;
    left: 16px;
    bottom: -1px;
}
.add-to-cart .cart > div > div:last-child:after {
    --l: -2px;
    --b: -5px;
}
.add-to-cart.added .default {
    --o: 0;
    --s: .8;
    --d: 0s;
}
.add-to-cart.added .default:before {
    --r: -180deg;
}
.add-to-cart.added .default:after {
    --r: -90deg;
}
.add-to-cart.added .dots {
    --o: 1;
    --s: 1;
    --d: .3s;
    -webkit-animation: dots 2s linear forwards;
    animation: dots 2s linear forwards;
}
.add-to-cart.added .success {
    --o: 1;
    --y: 0;
    --d: 1.8s;
}
.add-to-cart.added .cart:before, .add-to-cart.added .cart > div {
    -webkit-animation: cart 2s forwards;
    animation: cart 2s forwards;
}
.add-to-cart:not(.added):hover {
    --s: 1;
    --s-y: 8px;
    --s-b: 20px;
}
.add-to-cart:not(.added):active {
    --s: .94;
    --s-y: 2px;
    --s-b: 6px;
}
@-webkit-keyframes cart {
    41%, 49%, 57%, 60% {
      transform: translateX(72px) rotate(0deg);
    }
    40%, 47%, 54% {
      transform: translateX(72px) rotate(0deg) translateY(1px);
    }
    100% {
      transform: translateX(180px) rotate(-16deg);
    }
} 
@keyframes cart {
    41%, 49%, 57%, 60% {
      transform: translateX(92px) rotate(0deg);
    }
    40%, 47%, 54% {
      transform: translateX(92px) rotate(0deg) translateY(1px);
    }
    100% {
      transform: translateX(220px) rotate(-16deg);
    }
}
@-webkit-keyframes dots {
    5% {
      transform: translateY(0);
    }
    25% {
      transform: translateY(-20px) rotate(-32deg);
      box-shadow: 5px 0 0 var(--dots), 10px 0 0 var(--dots);
    }
    31% {
      box-shadow: 5px -4px 0 var(--dots), 10px -8px 0 var(--dots);
    }
    32%, 50% {
      transform: translateY(0) rotate(0deg);
      opacity: 1;
    }
    45%, 100% {
      box-shadow: 5px 0 0 var(--dots), 10px 0 0 var(--dots);
    }
    51%, 100% {
      opacity: 0;
    }
}
@keyframes dots {
    5% {
      transform: translateY(0);
    }
    25% {
      transform: translateY(-20px) rotate(-32deg);
      box-shadow: 5px 0 0 var(--dots), 10px 0 0 var(--dots);
    }
    31% {
      box-shadow: 5px -4px 0 var(--dots), 10px -8px 0 var(--dots);
    }
    32%, 50% {
      transform: translateY(0) rotate(0deg);
      opacity: 1;
    }
    45%, 100% {
      box-shadow: 5px 0 0 var(--dots), 10px 0 0 var(--dots);
    }
    51%, 100% {
      opacity: 0;
    }
}
/******************************
BOTÓN DE CARRITO DE COMPRA
*******************************/
.img-carrito{
    border: 2px solid #0A2C3D;
}
.form-carrito{
    width: 100px;
}
.plus-minus-2 input {
	border: none;
	color: #262626;
	height: 32px;
	padding-top: 8px;
	text-align: center;
	background: #fff;
	border-right: 0;
	border-left: 0;
    font-size: 14px;
}
.plus-minus-2 input:focus {
	border-color: #e8e8e8;
}
.plus-minus-2 input[type=number] {
	-moz-appearance: textfield;
}
.plus-minus-2 input::-webkit-inner-spin-button, .plus-minus-2 input::-webkit-outer-spin-button {
	-webkit-appearance:none;
}
/******************************
CARRITO DE COMPRA
*******************************/
.btn-codigo{
    background-color: #0A2C3D;
    border-color: #0A2C3D;
    color: #FFFFFF;
    font-family: 'Nunito Regular';
    width: 150px;
}
.btn-codigo:hover{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Regular';
    border-radius: 2px;
    color: #FFFFFF;
    border: 1px solid #0A2C3D;
    width: 150px;
}
.btn-codigo:focus{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Regular';
    border-radius: 2px;
    color: #FFFFFF;
    border: 1px solid #0A2C3D;
    width: 150px;
}
.form-codigo{
    border-color: #0A2C3D;
    font-family: 'Nunito Regular';
}
.form-codigo::placeholder{
    text-align: center;
}
/******************************
CHECKOUT
*******************************/
.form-checkout{
    font-family: 'Nunito Regular';
    font-size: 14px;
}
.form-checkout input{
    border: 0.8px solid #ced4da;
    border-radius: 0;
    font-family: 'Nunito Regular';
    font-size: 14px;
}
.form-checkout textarea{
    border: 0.8px solid #ced4da;
    border-radius: 0;
    font-family: 'Nunito Regular';
    font-size: 14px;
}
.border-title{
    border-bottom: 1px solid #e7eaf3 !important;
}
.border-color-1 {
    border-color: #dddddd !important;
}
.section-title {
    position: relative;
}
.section-title::after {
    content: ' ';
    height: 2px;
    width: 120px;
    display: block;
    background-color: #0A2C3D;
    position: absolute;
    bottom: -1px;
    left: 0;
}  
.section-title__sm::after {
    width: 84px;
}  
.section-title__full::after {
    width: 100%;
}
.bg-chechkout{
    background-color: #F4F4F4;
    border-radius: 10px;
}
.hr-checkout{
    border: 1px solid #C4BBBB;
}
.btn-pagar{
    background-color: #0A2C3D;
    border-color: #0A2C3D;
    width: 180px;
    border-radius: 2px;
    font-family: 'Nunito Regular';
}
.btn-pagar:hover{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Light';
    border-radius: 2px;
    color: #FFFFFF;
    width: 180px;
    border: 1px solid #0A2C3D;
}
.btn-pagar:focus{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Light';
    border-radius: 2px;
    color: #FFFFFF;
    width: 180px;
    border: 1px solid #0A2C3D;
}
.icono-check1{
    width: 60px;
    margin-right: 15px;
}
.icono-check2{
    width: 33px;
    margin-right: 15px;
}
.icono-check3{
    width: 33px;
    margin-right: 15px;
}
.icono-check4{
    width: 60px;
}
.icono-check5{
    margin-left: 8px;
    width: 60px;
}
/******************************
COMPRA REALIZADA
*******************************/
.bg-compra{
    background-image: url('../img/bg-compra.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    color: #FFFFFF;
}
.txt-mensaje{
    margin-top: 14rem;
}
.logo-mensaje{
    margin-bottom: 2rem;
}
.btn-mensaje{
    background-color: #0A2C3D;
    border-color: #0A2C3D;
    width: 220px;
    border-radius: 2px;
    font-family: 'Nunito Regular';
}
.btn-mensaje:hover{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Light';
    border-radius: 2px;
    color: #FFFFFF;
    width: 220px;
    border: 1px solid #0A2C3D;
}
.btn-mensaje:focus{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Light';
    border-radius: 2px;
    color: #FFFFFF;
    width: 220px;
    border: 1px solid #0A2C3D;
}
/******************************
PAGO CON TARJETA
*******************************/
.icono-pago1{
    width: 60px;
    margin-right: 1rem;
}
.icono-pago2{
    width: 40px;
    margin-right: 1rem;
}
.icono-pago3{
    width: 40px;
    margin-right: 1rem;
}
.icono-pago4{
    width: 80px;
}
.form-pago{
    font-family: 'Nunito Regular';
    font-size: 14px;
}
.form-pago input{
    border: 0.8px solid #ced4da;
    border-radius: 0;
    font-family: 'Nunito Regular';
    font-size: 14px;
}
.form-pago::placeholder{
    font-family: 'Nunito Regular';
    font-size: 14px;
}
.icono-ssl-pago{
    width: 60px;
}
.icono-secure-pago{
    width: 100px;
}
/******************************
CONFIRMACIÓN DE PAGO
*******************************/
.bg-alerta{
    background-color: #FFEBEB;
    width: 100%;
    color: #BA3D3D;
}
.btn-confirmacion{
    background-color: #0A2C3D;
    border-color: #0A2C3D;
    border-radius: 2px;
    width: 200px;
    font-family: 'Nunito Regular';
}
.btn-confirmacion:hover{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Light';
    border-radius: 2px;
    color: #FFFFFF;
    width: 200px;
    border: 1px solid #0A2C3D;
}
.btn-confirmacion:focus{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Light';
    border-radius: 2px;
    color: #FFFFFF;
    width: 200px;
    border: 1px solid #0A2C3D;
}
.datos-entrega{
    margin-bottom: 3rem;
}
.icono-visa-conf{
    width: 80px;
}
.prod-pedido{
    text-align: start;
    align-items: start;
}
.prod-pedido img{
    border: 1px solid #707070;
}
/******************************
CONFIRMACIÓN DE PAGO
*******************************/
.form-login{
    font-family: 'Nunito Regular';
}
.form-login input{
    border: 0.8px solid #ced4da;
    border-radius: 0;
    font-family: 'Nunito Regular';
    font-size: 14px;
}
.btn-login{
    background-color: #0A2C3D;
    border-color: #0A2C3D;
    border-radius: 2px;
    width: 200px;
    font-family: 'Nunito Regular';
}
.btn-login:hover{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Regular';
    border-radius: 2px;
    color: #FFFFFF;
    width: 200px;
    border: 1px solid #0A2C3D;
}
.btn-login:focus{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Regular';
    border-radius: 2px;
    color: #FFFFFF;
    width: 200px;
    border: 1px solid #0A2C3D;
}
.btn-facebook{
    background-color: #415A91;
    border-color: #415A91;
    border-radius: 30px;
    width: 250px;
    font-family: 'Nunito Regular';
}
.btn-facebook:hover{
    background-color: #415A91;
    border-color: #415A91;
    border-radius: 30px;
    width: 250px;
    font-family: 'Nunito Regular';
}
.btn-facebook:focus{
    background-color: #415A91;
    border-color: #415A91;
    border-radius: 30px;
    width: 250px;
    font-family: 'Nunito Regular';
}
.btn-facebook i{
    font-size: 15px;
    margin-right: 0.5rem;
}
.btn-google{
    background-color: #5489E9;
    border-color: #5489E9;
    border-radius: 30px;
    width: 250px;
    font-family: 'Nunito Regular';
}
.btn-google:hover{
    background-color: #5489E9;
    border-color: #5489E9;
    border-radius: 30px;
    width: 250px;
    font-family: 'Nunito Regular';
}
.btn-google:focus{
    background-color: #5489E9;
    border-color: #5489E9;
    border-radius: 30px;
    width: 250px;
    font-family: 'Nunito Regular';
}
.btn-google i{
    margin-right: 0.5rem;
}
/*********************
MODAL CONTRASEÑA
*********************/
.modal-contrasena{
    background-color: #0A2C3D;
    width: 100%;
}
.logo-modal{
    width: 150px;
}
.btn-close{
    background: none;
    color: #FFFFFF;
    opacity: 1;
    font-size: 24px;
}
.btn-close2{
    color: #000000 !important;
}
.form-modal input{
    border: 0.8px solid #ced4da;
    border-radius: 0;
    font-family: 'Nunito Regular';
    font-size: 14px;
}
.btn-modal{
    background-color: #0A2C3D;
    border-color: #0A2C3D;
    border-radius: 2px;
    width: 200px;
    font-family: 'Nunito Regular';
}
.btn-modal:hover{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Light';
    border-radius: 2px;
    color: #FFFFFF;
    width: 200px;
    border: 1px solid #0A2C3D;
}
.btn-modal:focus{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Light';
    border-radius: 2px;
    color: #FFFFFF;
    width: 200px;
    border: 1px solid #0A2C3D;
}
.modal-contra{
    border-radius: 1rem;
    border: none;
}
/*********************
REGISTRO
*********************/
.form-registro{
    text-align: center;
    font-family: 'Nunito Regular';
}
.form-registro input{
    border: 0.8px solid #ced4da;
    border-radius: 0;
    font-family: 'Nunito Regular';
    font-size: 14px;
}
.bordes-registro{
    border: 1px solid #707070;
}
.btn-registrar{
    background-color: #0A2C3D;
    border-color: #0A2C3D;
    border-radius: 2px;
    width: 240px;
    font-family: 'Nunito Regular';
}
.btn-registrar:hover{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Light';
    border-radius: 2px;
    color: #FFFFFF;
    width: 240px;
}
.btn-registrar:focus{
    background-color: #086898;
    border-color: #086898;
    font-family: 'Nunito Light';
    border-radius: 2px;
    color: #FFFFFF;
    width: 240px;
    border: 1px solid #0A2C3D;
}
/*********************
CAPTCHA
*********************/
.captcha{
    font-family: 'Nunito Regular';
}  
.captcha input{
    border:  1px solid #ccc;
}
.btn-primary.disabled, .btn-primary:disabled{
    background-color: #0A2C3D;
    border-color: #0A2C3D;
}
.navbar-light .navbar-toggler{
    border: none;
}
.navbar-light .navbar-toggler-icon{
    background-image: none;
}
.fa-bars{
    font-size: 1.5rem;
}
/*********************
RESPONSIVO
**********************/
@media only screen and (min-width:320px) and (max-width: 479px){
    .bg-index{
        height: 120vh;
    }
    .bg-catalogo{
        height: 40vh;
    }
    .botones-prod{
        display: flex;
        justify-content: center;
    }
}
@media only screen and (min-width:480px) and (max-width: 767px){

}
@media only screen and (min-width:768px) and (max-width: 1023px){

}
@media only screen and (min-width:1024px) and (max-width: 1200px){

}
@media only screen and (min-width: 1600px) and (max-width: 2200px){

}