/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13-sep-2018, 15:21:17
    Author     : franciscaajunqueras
*/

.content-subfooter {
    background: #1a1a1a !important;
    border-top: 1px solid #303030 !important;
    color: #888 !important;
}

.txt-boleta {
    text-align: left;
    padding: 22px 50px 0 36px;
}

.info-boleta li {
    font-weight: 600;
    color: #add500;
}

.contacto-header {
    margin-top: 8px;
    padding-bottom: 7px;
}

.contacto-header h2 {
    float: right;
    font-size: 15px;
    margin: 0;
    color: #fff;
    padding-left: 15px;
}

.contacto-header h1 {
    float: right;
    margin: 0;
    font-size: 15px;
    color: #fff;
    padding: 0 15px;
    border-right: 1px #fff solid;
}

.contacto-header p {
    float: right;
    margin: 0;
    color: #c5c5c5;
    font-size: 12px;
}

.pregunta {
    margin-top: 15px;
    border-top: 1px #979fa9 solid;
    padding-top: 15px;
}

.titulo-preguntas {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #585757;
}

.triangle-verde {
    float: left;
    display: none;
}

.titulo-preguntas button {
    font-family: 'Lato';
    font-weight: 500;
    text-align: left;
    color: #000;
}

.p-preguntas {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #585757;
    margin-top: 10px;
    margin-left: 20px;
    letter-spacing: .2px;
    line-height: 25px;
    text-align: justify;
    margin-right: 10px;
}

.modal-dialog.modal-beneficios {
    width: 480px !important;
}

.col-md-3.logo {
    padding-top: 0px;
    margin-bottom: 15px;
}

li.side-inscribete.gift-active {
    background: #add500 !important;
}

.accesoclubb a {
    float: left;
    color: #fff !important;
    font-size: 12px;
    padding-left: 10px;
    border-right: 1px #fff solid;
    padding-right: 10px;
    text-transform: uppercase;
}

.logo {
    margin-top: 5px;
}

.barra-accesos {
    padding-bottom: 7px;
}

.header {
    min-height: 77px;
}

.logo {
    margin-top: 15px;
}

.logo img {
    width: 105%;
}

.cb-inscribete a {
    background-color: #add400;
    color: #fff;
    padding: 4px 20px;
    text-align: center;
    font-size: 1.5rem;
}

.cb-inscribete a:hover {
    background-color: #9DC102;
}

.cb-inscribete {
    float: right;
    margin-bottom: 9px;
}



.side-inscribete a {
    font-family: 'Lato';
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
}

.side-inscribete {
    background-color: #AAD500;
    padding: 15px 45px;
    text-align: center;
}

.menu-main{
    margin-top: 0;
}

.header-user {
    height: 52px;
}

.icono-cuenta a {
   background-size: 21px;
}

li.user {
    margin-top: 29px;
}

.cuadroaccesos {
    float: right;
}

.fondocolor {
}

.accesos.form-content-bebe {
    float: left;
}

.form-content-bebe h1 {
    background-color: #fff;
    color: #4c4c4c;
    text-transform: uppercase;
    text-align: right;
    font-weight: 600;
    line-height: 4rem;
    font-size: 3.2rem;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px;
    padding: 10px 33px;
    border-radius: 36px;
    border-left: 9px #add500 solid;
    margin-bottom: 0;
    float: left;
    border-bottom-right-radius: 0;
}

.form-content-bebe p {
    background-color: #fff;
    text-align: right;
    font-size: 2rem;
    padding: 20px 20px;
    float: right;
    font-family: 'lato', sans-serif;
    font-weight: 200;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
    color: #4c4c4c;
    margin-bottom: 0;
}

.form-content-bebe p a {
    color: #4c4c4c;
    font-weight: 400;
    text-decoration: underline;
}

.label-nuevo-concurso {
    position: absolute;
    right: 0;
    background-color: #add500;
    padding: 5px 10px;
    display: inline-block;
    color: #fff;
    z-index: 999;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 10px;
}

.label-concurso {
    position: absolute;
    background: #add500;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 6px 0;
    text-align: center;
    /* width: 85%; */
}

.lineaverde {
    border-top: 3px #AAD500 solid;
    width: 50px;
    float: none;
    margin: 0 auto;
    padding: 12px 0;
}

.carousel-inner>.item>img {
    max-width: 100% !important;
}



.form-content h2 {
    padding: 0 30px;
    font-family: 'Lato';
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 25px;
    margin-top: 5px;
    color: #000;
    text-decoration: underline;
}

/*.form-content h2:hover {
    text-decoration: underline;
}*/

.titulos-segundos {
    font-family: 'Lato', sans-serif;
    text-align: center;
    color: #555;
    background-color: #f0efef;
    padding: 40px 0 20px 0;
}

.titulos-segundos h2 {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 20px;
    letter-spacing: 1px;
    margin-top: 0;
}

.titulos-segundos p {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 300;
}

.carousel-indicators li {
    border: 1px solid #fff!important;
    background-color: #fff;
}

.carousel-indicators li {
    width: 15px;
    height: 15px;
    margin: 9px;
}

.carousel-indicators .active {
    width: 16px;
    height: 16px;
    margin: 9px;
}

.item {
    padding-left: 0;
}

.form-content-bebe .boton-accesos {
    text-align: center;
}

.boton-inscribete {
    background-color: #AAD500;
    width: 40%;
    padding: 5px 20px;
    float: none;
    margin: 0 auto;
    font-family: 'Lato';
    color: #fff;
    letter-spacing: 3px;
    font-size: 2.2rem;
    text-transform: uppercase;
    border-radius: 5px;
    border: 0;
}

.form-bebe {
    position: absolute;
    top: 7.5%;
    padding: 0 60px;
}

.container-img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background: #f5f5f5 !important;
    overflow: hidden;
    padding: 10px;
}

.contacto-tendencias {
    border: 1px #a9a9a9 solid;
    text-align: left;
    float: none;
    margin: 0 auto;
}

.beneficios-bebe-inicio {
    background-color: #f7f7f7
    }
    
    
    
    .programas-bebe-inicio {
        margin-bottom: 40px;
    }
    
  .container-beneficios-adicionales {
    font-family: 'Lato', sans-serif;
    text-align: center;
    color: #555;
    background-color: #f0efef;
    padding: 40px 0 20px 0;
  }
  
  .container-beneficios-adicionales h2 {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 20px;
    letter-spacing: 1px;
    margin-top: 0;
}

.container-beneficios-adicionales p {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 300;
}

.fondo-blanco {
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 15px;
    color: #5b5b5b;
    text-align: center;
    font-family: 'Lato', sans-serif;
    z-index: 1;
    font-size: 14.6px;
    background: #f5f5f5;
}

.borde-banners {
    border-right: 0;
    margin-top: 26px;
    padding: 0 35px;
}
.incio-programa {
    background-color: #f5f5f5;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 35px;
}

.inicio-vivan-bebe {
    background-color: #fff;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 35px;
}

.incio-novedades {
    background-color: rgb(209,232,237,0.35);
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 60px;
}

.titulorazones .circle {
    left: -7%;
    transform: scale(.6) translate(0, -45%);
    position: absolute;
}

.titulorazones {
    margin-left: 0px;
    margin-right: 0px;
    position: relative;
    box-sizing: inherit;
    margin-top: 60px;
    margin-bottom: 40px;
}

.titulorazones h2 {
	text-align: center;
	color: #444444;
	font-family: 'Lato';
	text-transform: uppercase;
	font-size: 2.8rem;
	margin: 0!important;
	padding-top: 0;
	padding-bottom: 15px;
        letter-spacing: 1px;
        font-weight: 600;
        position: relative;
    }
    
    .titulorazones h2 span {
	color: #444444;
        -webkit-text-fill-color: rgba(68, 68, 68, 0);
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #444;
        font-size: 2.8rem;
        font-weight: 900;
        letter-spacing: 0.05em;        
    }
    
    .titulorazones h2 span {
            color: black;
            -webkit-text-fill-color: rgba(68, 68, 68, 0);
            -webkit-text-stroke-width: 1px;
            -webkit-text-stroke-color: #5d5e5f;
            font-size: 2.8rem;
            font-weight: 900;

    }
    
    .titulorazones p {
        font-family: 'Lato', sans-serif;
        font-size: 2.1rem;
        font-weight: 400;
        text-align: center;
        letter-spacing: 1.5px;

    }
/*ESTILO PROGRAMAS*/

.txt-formularioPrograma p {
    font-weight: 300;
    font-size: 1.7rem;
    padding-bottom: 20px;
    text-align: center;
}

.txt-formularioPrograma-final p {
    font-weight: 400;
    font-size: 1.8rem;
    margin-top: 51px;
    text-align: center;
}


.container-beneficios-novios {
    height: auto;
    padding: 232px 0 19px 0;
    width: 100%;
    text-align: center;
    font-size: 35px;
    font-weight: 300;
    background-image: url('../img/img-programas.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #fff;
}

.container-beneficios-novios p {
    font-weight: 300;
    color: #555555;
    font-size: 17px;
    padding: 0;
    line-height: 27px;
}

.container-beneficios-novios h1 {
    font-weight: 400;
    color: #555555;
    font-size: 25px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    margin-top: 0;
}


.montos {
    float: none;
    margin: 0 auto;
}

.programas-fondo {
     background-color: #f0efef;
     height: 248px;
}

.monto-compra p {
    font-weight: 400;
    font-size: 1.7rem;
    padding: 7px 0;
    line-height: 25px;
}

.tramo {
    padding: 0;
}

.tramo-total-1 {
    border: 3px #97CED1 solid;
    margin-bottom: 40px;
    padding: 10px 0;
}

.tramo-total-2 {
    border: 3px #FF8C00 solid;
    margin-bottom: 40px;
    padding: 10px 0;
}

.tramo-total-3 {
    border: 3px #ADD500 solid;
    margin-bottom: 40px;
    padding: 10px 0;
}

.tramo-1 p{
    background-color: #97CED1;
    color: #fff;
    padding: 6px;
    font-size: 2rem;
    margin-bottom: 0;
    text-transform: uppercase;
    text-align: center;
}

.tramo-2 p{
    background-color: #FF8C00;
    color: #fff;
    padding: 6px;
    font-size: 2rem;
    margin-bottom: 0;
    text-transform: uppercase;
     text-align: center;
}

.tramo-3 p{
    background-color: #ADD500;
    color: #fff;
    padding: 6px;
    font-size: 2rem;
    margin-bottom: 0;
    text-transform: uppercase;
    text-align: center;
}

.giftcard-cb {
    text-align: center;
}


.dinero-uno {
    padding: 0 30px;
}

.dinero-dos {
    padding: 0 30px;
}

.dinero-tres {
    padding: 0 30px;
}

.dinero-tres-co {
    padding: 0 30px;
}

.dinero-cuatro {
    padding: 0 30px;
}

.dinero-uno p {
    background-color: #97ced1;
    color: #fff;
    font-size: 2.8rem;
    font-family: 'Lato';
    padding: 10px 0;
    font-weight: 700;
}

.dinero-dos p {
    background-color: #ff8c00;
    color: #fff;
    font-size: 2.8rem;
    font-family: 'Lato';
    padding: 10px 0;
    font-weight: 700;
}

.dinero-tres p{
    background-color: #add500;
    color: #fff;
    font-size: 2.8rem;
    font-family: 'Lato';
    padding: 10px 0;
    font-weight: 700;
}

.dinero-tres-co p{
    background-color: #ffbe00;
    color: #fff;
    font-size: 2.8rem;
    font-family: 'Lato';
    padding: 10px 0;
    font-weight: 700;
}

.dinero-cuatro p{
    background-color: #add500;
    color: #fff;
    font-size: 2.8rem;
    font-family: 'Lato';
    padding: 10px 0;
    font-weight: 700;
}


/*ESTILO PROGRAMAS*/


/*ESTILO BENEFICIOS*/


.col-md-3.beneficios-bebe {
    width: 20%;
    text-align: center;
    padding: 0 12px;
}

.beneficios-bebe img {
    width: 100%;
}

.beneficios-bebe .col-md-12 {
    border: 0.5px #d1d1d1 solid;
}

.col-md-3.beneficios-bebefinal {
    width: 20%;
    text-align: center;
}

.row.img-bene img {
    width: 100%;
}

.beneficio-container {
    margin-top: 30px;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.row.descto-bene img {
    width: 42%;
}

.descto-bene img{
    background: #add500;
    padding: 12px 11px;
}

.txt-bene p {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.4rem;
    margin-bottom: 19px;
    margin-top: 19px;
}

.descto-bene p {
    text-transform: uppercase;
    font-size: 1.3rem;
    padding-top: 10px;
    font-weight: 300;
    margin-top: 5px;
}

/*ESTILO BENEFICIOS*/

/*ESTILO CONSEJOS*/

.pdf-bebe {
    float: none;
    margin: 0 auto;
    background-color: #b1b1b1;
   padding: 4px 9px;
    margin-top: 34px;
}

.pdf-bebe:hover{
    background-color: #969696;
}

.pdf-bebe p {
    font-size: 1.2rem; 
    margin-bottom: 0;
    background-image: url('../img/pdf-cbebe-blanco.svg'); 
    background-size: 30px; 
    padding-left: 30px; 
    height: 34px;
    background-repeat: no-repeat;
    color: #fff;
}

.pdf-bebe-final {
    float: none;
    margin: 0 auto;
    background-color: #b1b1b1;
   padding: 4px 9px;
    margin-top: 34px;
}

.pdf-bebe-final:hover{
    background-color: #969696;
}

.pdf-bebe-final p {
    font-size: 1.2rem; 
    margin-bottom: 0;
    background-image: url('../img/pdf-cbebe-blanco.svg'); 
    background-size: 30px; 
    padding-left: 30px; 
    height: 34px;
    background-repeat: no-repeat;
    color: #fff;
}


.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    max-width: 100% !important;
}

.carousel-control {
    color: #acacac !important;
    top: 164px;
    opacity: 1;
    text-shadow: none;
}

.carousel-control.left {
    background-image: none !important;
}

.carousel-control.right {
    background-image: none !important;
}

#portfoliolist .portfolio {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    width:100%;
    margin: 25px 0px;
    display:none;
    float:left;
    overflow:hidden;
}

.portfolio img {
    max-width:100%;
    position: relative;
    top:0;
    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:         all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    border-radius: 0;
}

.txt-consejos {
    text-align: left;
    padding-top: 60px;
    padding-right: 0;
    padding-left: 0;
}

.txt-consejos.right {
    text-align: right;
    padding-top: 50px;
}

.txt-consejos.right h4{
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: 1.5px;
    padding-right: 30px;
    text-transform: uppercase;
}

.txt-consejos.right p{
    font-size: 1.5rem;
    font-weight: 300;
    padding-right: 30px;
    margin-bottom: 30px;
    text-align: right;
    margin-top: 52px;
}

.txt-consejos.right a{
    text-transform: uppercase;
    color: #808080;
    font-weight: 600;
    font-size: 1.2rem;
    padding-right: 30px;
}

.txt-consejos h4 {
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: 1.5px;
    padding-left: 30px;
}

.txt-consejos p {
    font-size: 1.5rem;
    font-weight: 300;
    padding-left: 30px;
    margin-bottom: 30px;
}

.lineanegra {
    border-bottom: 1px #000 solid;
    width: 150px;
    margin-top: 20px;
    margin-bottom: 15px;
}

.lineanegra.right {
    border-bottom: 1px #000 solid;
    width: 150px;
    margin-top: 20px;
    margin-bottom: 15px;
    float: right; 
}


.txt-consejos a {
    text-transform: uppercase;
    color: #808080;
    font-weight: 600;
    font-size: 1.2rem;
    padding-left: 30px;
}

.txt-consejos-transporte {
    text-align: center;
    padding-top: 10px;
    padding-right: 0;
    padding-left: 0;
}

.txt-consejos-transporte h4 {
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: 1.5px;
    padding-left: 30px;
}

.txt-consejos-transporte p {
    font-size: 1.5rem;
    font-weight: 300;
    padding-left: 30px;
    margin-bottom: 30px;
}

.txt-consejos-transporte a {
    text-transform: uppercase;
    color: #808080;
    font-weight: 600;
    font-size: 1.2rem;
    padding-left: 30px;
}

.txt-consejos-grande {
    position: absolute;
    z-index: 1000;
    text-align: left;
    padding: 50px 0 20px 50px;
}
.lineablanca {
    border-bottom: 1px #fff solid;
    width: 150px;
    margin-top: 20px;
    margin-bottom: 15px;
}

.txt-consejos-blanco {
    position: absolute;
    z-index: 1000;
    text-align: left;
    padding: 50px 0 20px 210px;
}

.txt-consejos-negro {
    position: absolute;
    z-index: 1000;
    text-align: left;
    padding: 50px 0 20px 210px;
}

.txt-consejos-grande h4 {
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: 1.5px;
    padding-left: 30px;
    text-transform: uppercase;
}

.txt-consejos-grande p {
    font-size: 1.5rem;
    font-weight: 300;
    padding-left: 30px;
    margin-bottom: 30px;
}

.txt-consejos-grande a {
    text-transform: uppercase;
    color: #808080;
    font-weight: 600;
    font-size: 1.2rem;
    padding-left: 30px;
}

.txt-consejos-blanco h4 {
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: 1.5px;
    padding-left: 30px;
    color: #fff;
}

.txt-consejos-blanco p {
    font-size: 1.5rem;
    font-weight: 300;
    padding-left: 30px;
    margin-bottom: 30px;
    color: #fff;
}

.txt-consejos-blanco a {
    text-transform: uppercase;
    color: #808080;
    font-weight: 600;
    font-size: 1.2rem;
    padding-left: 30px;
    color: #fff;
}

.txt-consejos-negro h4 {
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: 1.5px;
    padding-left: 30px;
    color: #000;
}

.txt-consejos-negro p {
    font-size: 1.5rem;
    font-weight: 300;
    padding-left: 30px;
    margin-bottom: 30px;
    color: #000;
}

.txt-consejos-negro a {
    text-transform: uppercase;
    color: #808080;
    font-weight: 600;
    font-size: 1.2rem;
    padding-left: 30px;
    color: #000;
}

.col-md-12.txt-consejos {
    text-align: center;
}

.img-consejos img:hover {
    opacity: 0.5;
}

.img-consejos-grande img:hover {
    opacity: 0.5;
}


.img-consejos-silla {
    background-image: url('../img/consejo8.jpg');
    background-repeat: no-repeat;
    display: block;
    height: 330px;
    background-size: cover;
    
}

.img-consejos-silla-mobile {
    background-image: url('../img/consejo-silla-mobile.jpg');
    background-repeat: no-repeat;
    display: block;
    height: 120px;
    background-size: contain;
    
}

.img-consejos-portador-mobile {
    background-image: url('../img/consejo-portabebe-mobile.jpg');
    background-repeat: no-repeat;
    display: block;
    height: 120px;
    background-size: contain;
    
}

.img-consejos-bolso-mobile {
    background-image: url('../img/consejo-bolso-mobile.jpg');
    background-repeat: no-repeat;
    display: block;
    height: 120px;
    background-size: contain;
    
}


.img-consejos-silla:hover {
    background-image: url('../img/consejo8-hover.jpg');
}

.img-consejos-portador {
    background-image: url('../img/consejo-portabebe.jpg');
    background-repeat: no-repeat;
    display: block;
    height: 330px;
    background-size: cover;
    
}

.img-consejos-portador:hover {
    background-image: url('../img/consejo-portabebe-hover.jpg');
}

.img-consejos-bolso {
    background-image: url('../img/consejo-bolso.jpg');
    background-repeat: no-repeat;
    display: block;
    height: 330px;
    background-size: cover;
    
}

.img-consejos-bolso:hover {
    background-image: url('../img/consejo-bolso-hover.jpg');
    
}

/*ESTILO CONSEJOS*/


/*ESTILO INSCRIPCIÓN*/

.frame-felicitaciones .subTituloFinInscripcion {
    font-family: 'Lato';
    font-size: 20px;
    color: #565656;
    font-weight: 400;
}

p.codigo-novioCL {
    margin-top: 53px;
    color: #565656;
}

p.pCL {
    color: #565656 !important;
}

#general_modal_dialog_inscripcion {
    width: 600px;
    padding-top: 100px;
}

#btnAceptar {
    border-radius: 6px;
    font-family: 'Lato';
}

.cnt-inscripcion {
    margin-top: 15px;
    margin-bottom: 50px;
    padding: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.txt-inscripcion {
    text-align: left;
    padding: 22px 50px 0 36px;
    float: right;
}

.form-control {
    border-radius: 0;
    height: 34px;
}

.boton-inscribete {
    margin-top: 25px;
}

.fecha h2 {
    font-family: 'Lato';
    text-transform: uppercase;
    font-size: 2.2rem;
    color: #5c5e61;
    text-align: center;
    margin-bottom: 22px;
}

.datos-papas h2 {
    color: #5c5e61;
    text-align: left;
    font-size: 2rem;
    margin-bottom: 0;
    text-transform: initial;
}

.datos-papas {
    margin: 25px 0;
}
.datos-papas p {
    text-align: left;
    font-size: 1.5rem;
    color: #5c5e61;
}

label {
    color: #5c5e61;
    font-weight: 400;
}

.datos-papa-form {
    padding-bottom: 0;
    padding-left: 40px !important;
    
}

.datos-papa-form h2 {
    margin: 0 auto;
    color: #5c5e61;
    font-size: 2rem;
}

.titulo-inscripcion {
    background: #97989a;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.titulo-inscripcion h1{
    color: #fff;
    font-size: 2.3rem;
    font-weight: 500;
    text-align: center;
    margin: 10px 0;
    letter-spacing: 2px;
}

.datos-bebe h1 {
    color: #343432;
    font-size: 1.8rem;
    border-bottom: 2px #add500 solid;
    padding-bottom: 8px;
    margin: 30px 0;
}

.datos-bebes button h1 {
    color: #343432;
    font-size: 1.8rem;
    border-bottom: 2px #add500 solid;
    padding-bottom: 8px;
    margin: 30px 0;
    margin: 30px 0 0px 0;
}

.condiciones-contrato {
    background: #f4f4f4;
    padding: 1px;
    float: none;
    margin: 0 auto;
}
.caja-contrato {
    text-align: center;
    margin-top: 15px;
}

.boton-inscribete-cb {
    background: #add500;
    color: #fff;
    border: none;
    margin: 25px 0px;
    padding: 7px 0;
    border-radius: 6px;
}

.txt-login h1 {
    font-size: 2.0rem;
    text-align: center;
    margin: 40px 0 27px 0;
    line-height: 30px;
}

.btn-ingresar-form {
    text-align: center;
    margin: 0
}

.row-btn-sesion {
    margin-bottom: 74px;
    margin-top: 30px;
}

.datos-bebe p {
    font-size: 1.5rem;
    font-weight: 600;
}

.datos-bebe {
    text-align: left;
    margin-top: 30px;
    padding: 0;
}


/*ESTILO INSCRIPCION*/


/*ESTILO SITIO PRIVADO*/

    .sugerencia-descuento img {
        width: 110%;;
    }
    
    .sugerencia-uno img {
        width: 100%;
        margin-bottom: 20px;    
        padding-left: 15px;
    }

    .sugerencia-dos img {
        width: 100%;
        margin-bottom: 20px;
    }

    .sugerencia-tres img {
        width: 100%;
        margin-bottom: 12px;
    }

    .sugerencia-cuatro img {
        width: 100%;
        margin-bottom: 12px;
    }
    
    .container.sugerencia-bebe {
        padding-right: 60px;
        padding-left: 60px;
    }

    .contenido-home {
        background-color: #FFF;
        height: 125px;
        margin-bottom: 0;
        border-bottom: 1px #c4c4c4 solid;
        margin-top: 18px;
        margin-right: 35px;
        margin-left: 35px;
    }
    
    .fondo-novios-privado {
        background-image: url(../img/privado/fondo-bebe-privado.svg);
        background-repeat: no-repeat;
        height: 124px;
        background-size: 95%;
        padding: 0;
        margin: 0;
    }
    
    .info-novios-home h3 {
        color: #5d5b58;
    }
    
    .linea-novios-privado {
        width: 46px;
        border-bottom: 3px #adcf19 solid;
        margin-top: 17px;
        margin-bottom: 10px;
    }
    
    .contenido-home p {
        font-family: "Lato";
        color: #5d5b58;
        font-size: 14px;
        font-weight: 300;
    }

    .monto-falabella {
        padding-top: 7px;
        border-right: 1px #c4c4c4 solid;
        height: 125px;
        text-align: center;
        border-left: 1px #c4c4c4 solid;
        border-bottom: 5px #add400 solid;
    }
    
    .contador-home-privado {
        color: #5d5b58;
        font-family: 'Lato';
        font-size: 2.7rem;
        font-weight: 600;
    }

    .contenido-home h1 {
        text-transform: uppercase;
        font-size: 1.1rem;
        font-weight: 400;
        font-family: 'Lato';
        color: #000;
        margin-top: 10px;
        line-height: 1.5rem;
        text-decoration: underline;
    }

    .monto-deptobebe {
        padding-top: 7px;
        border-right: 1px #c4c4c4 solid;
        height: 125px;
        text-align: center;
        border-bottom: 5px #80d0d0 solid;
    }
    
    .monto-deptobebe h1 {
        text-transform: uppercase;
        font-size: 1.2rem;
        font-weight: 400;
        font-family: 'Lato';
        color: #000;
        margin-top: 10px;
        line-height: 1.5rem;
        text-decoration: underline;
    }
    
    .monto-falabella h1 {
        text-transform: uppercase;
        font-size: 1.2rem;
        font-weight: 400;
        font-family: 'Lato';
        color: #000;
        margin-top: 10px;
        line-height: 1.5rem;
        text-decoration: underline;
    }
    
    .modal-menu-privado {
        text-align: left;
        padding-left: 0;
        padding-top: 0;
    }

    .modal-lista {
        padding: 10px 20px;
        border-bottom: 1px #a5a5a5 solid;
        font-family: 'Lato';
        font-size: 1.5rem;
    }

    .modal-lista:hover {
        background-color: #f2f2f2;
    }

    .modal-cerrarsesion {
        background-color: #4d4d4d;
        color: #fff;
        padding: 10px;
        text-align: center;
        text-transform: uppercase;
    }

    .modal-cerrarsesion a {
        color: #fff;
    }
    
    .falta-falabella {
       background: #add500;
        color: #fff;
        margin-bottom: 0;
        margin-top: 3px;
        padding: 3px 0;
    }
    
    .falta-dbebe {
        background: #97ced1;
        color: #fff;
        margin-bottom: 0;
        margin-top: 3px;
        padding: 3px 0;
    }
    
    .falta-falabella p {
        color: #fff;
        font-size: 1.5rem;
        margin-bottom: 0;
    }
    
     .falta-dbebe p {
        color: #fff;
        font-size: 1.5rem;
        margin-bottom: 0;
    }
    
    .resultado-tramo {
        background: #efefed;
    }
    
    .resultado-tramo p {
        color: #282828;
        margin-bottom: 0;
        padding: 5px 0;
        text-transform: uppercase;
    }
    
    .franja-tramo {
        margin-right: 35px;
        margin-left: 35px;
        margin-bottom: 20px;
    }
    
    .aviso-premio {
       border: 1px #c4c4c4 solid;
       margin-right: 35px;
       margin-left: 35px;
       padding: 15px 0;
       margin-bottom: 8px;
    }
    
    .tajeta-premio1 img{
        width: 85%;
    }
    
    .tajeta-premio2 img{
        width: 85%;
    }
    
    .tajeta-premio3 img{
        width: 85%;
    }
    
    .aviso-premio p {
        font-size: 1.7rem;
        color: #5d5b58;
        padding: 10px 0;
        text-align: right;
        margin-bottom: 0;
        padding-left: 30px;
    }
    
    .tabla-compras-titulo {
        background: #a5a5a5;
        padding: 5px 0;
        margin-bottom: 6px;
    }
    
    .tabla-compras-titulo p {
        color: #fff;
        text-align: center;
        margin-bottom: 0;
        /*padding: 6px 0;*/
    }
    
    .tabla-compras-resultados{
        background: #efefed;
        margin-top: 4px;
        margin-bottom: 4px;
        padding: 6px 0;
    }
    
    .tabla-compras-resultados p {
        color: #000;
        text-align: center;
        margin-bottom: 0;
        padding: 6px 0;
        font-weight: 300;
    }
    
     .lista-detalle p {
         text-decoration: underline;
         cursor: pointer;
    }
    
    .lista-falabella {
        padding: 0 40px;
    }
    
    .lista-cbebe {
        padding: 0 40px;
    }
    
    .lista-falabella p {
        background: #add500;
        color: #fff;
        padding: 0;
        font-size: 2rem;
        padding-bottom: 4px;          
    }
    
    .lista-cbebe p {
        background: #80cece;
        color: #fff;
        padding: 0;
        font-size: 2rem;
        padding-bottom: 4px;           
    }
    
    .modal-listadoCompras {
        width: 550px;
    }
    
    .titulo-detalleCompra p {
        color: #000;
        text-align: center;
        padding-top: 12px;
        font-weight: 500;
    }
    
    .detalle-monto p {
        text-align: center;
    }
    
    .detalle-cant p {
        text-align: center;
    }
    
    .total-infoDetalle {
        border-bottom: 1px #c5c5c5 solid;
        padding-bottom: 10px;
    }
    
    #totalFactura {
        text-align: right;
        font-weight: 400;
        color: #000;
    }
    
    .info-premio p{
        font-weight: 300;
        font-size: 1.5rem;
    }
    
    
    .info-premio {
        margin-right: 35px;
        margin-left: 35px;
        text-align: center;
        margin-bottom: 14px;
    }

/*ESTILO SITIO PRIVADO*/


.modal-tde {
    width: 800px !important;
}

@media (min-width: 300px) and (max-width: 375px) {
   .cajas-bene-home {
        padding-top: 30px;
    }
    
    li.user {
    margin-top: 3px;
}
    .info-premio {
        margin-right: 20px;
        margin-left: 20px;
        text-align: justify;
    }
    
    .info-premio p {
        font-weight: 300;
        font-size: 1.3rem;
    }
    
    .container-beneficios-adicionales {
        margin-bottom: 15px;
        background-color: #fff !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .container-beneficios-adicionales h2 {
        font-size: 1.7rem !important;
        border-bottom: 1px #e5e7e7 solid;
        padding: 10px 0;
        margin-bottom: 10px !important;
        background: #fff;
    }
    
    .container-beneficios-adicionales p {
        font-size: 15px;
        padding-right: 10px;
        padding-left: 10px;
    }
    
    .incio-programa {
        padding-bottom: 10px;
    }
    
    .titulorazones {
        margin-top: 45px;
        margin-bottom: 0px;
    }
    
    .titulorazones .circle {
        left: 4%;
        transform: scale(.5) translate(0, -67%);
        position: absolute;
    }
    
    .titulorazones h2 {
        line-height: 26px;
        font-size: 2.3rem !important;
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .titulorazones h2 span {
            font-size: 2.3rem !important;
    }
    
    .titulorazones p {
        font-size: 13px !important;
        padding: 13px !important;
    }
    
    .inicio-vivan-bebe .titulorazones{
            margin-bottom: 15px;
    }

    .minimo-compra p {
        font-size: 13px;
    }
    
    .banner-tendencias h2 {
        font-size: 17px !important;
    }
    
    .txt-consejos h4 {
    font-size: 1.6rem;
    }
    
    .banner-tendencias p {
    font-size: 15px !important;
    padding-right: 15px;
    padding-left: 15px;
}
    
     .txt-inscripcion {
        padding: 0px 10px 24px 10px;

    }

    .cnt-inscripcion {
        margin-top: 0px;
    }
    
    .mapa-cb {
        padding-right: 0 !important;
    }
    
    .titulos-segundos p {
        padding-right: 20px;
        padding-left: 20px;
        font-size: 15px;
    }
    
     .titulos-segundos h2 {
        font-size: 16px;
    }
    
    .container-beneficios-adicionales h2 {
        font-size: 16px;
    }
    
    .titulos-segundos {
        padding: 25px 0 20px 0;
    }
    
    .fondocolor {
        padding-right: 0;
        padding-left: 0 ;
    }
    
    .container-beneficios-adicionales p {
        font-size: 15px;
        margin-bottom: 0px;
        padding-right: 20px;
        padding-left: 20px;
    }
    
    .cb-inscribete a {
        padding: 3px 9px;
        font-size: 1.4rem;
    }
    
    .cb-inscribete {
        padding-right: 7px;
        margin-top: 4px;
    }

    .header {
        min-height: 55px !important;
    }
    
    .logo {
        margin-top: 0 !important;
    }
    
    .logo img {
        margin-left: 35px !important;
            margin-top: 0;
             width: 95%;
    }
    
   .menu-main {
    margin-top: 6px;
    }
    
    .franja-tramo {
        margin-right: 35px;
        margin-left: 35px;
        margin-bottom: 20px;
    }
    
    .titulo-crearcuenta h1 {
        font-size: 1.7rem;
        color: #4c4c4c;
        margin-top: 15px;
        text-align: center;
        text-transform: uppercase;
        font-weight: 600;
    }
    .txto-crearcuenta p {
        font-size: 1.5rem;
        font-weight: 300;
        text-align: center;
        padding: 10px 0;
    }
    .txto-crearcuenta p a{
          font-weight: 600;
          text-decoration: underline;
          color: #4c4c4c;            
      }
    
    .row.fondocolor {
            background: #fff;
            margin-bottom: 0;
            padding-bottom: 10px;
    }
    
        .container-beneficios-novios h1 {
        font-size: 18px;
        margin-bottom: 9px;
    }
    
    .boton-inscribete {
        padding: 7px 9px;
        font-size: 1.8rem;
        width: 100%;
        text-align: center;
        border-radius: 10px;
    }
    
    .boton-accesos {
        padding-top: 11px;
        text-align: center;
        margin-bottom: 20px;
    }

    .container-beneficios-novios {
        background-size: contain;
        padding: 75px 0 19px 0;
        background-position: 50% 0;
    }
    
    .container-beneficios-novios p {
        font-size: 14px;
        padding: 0 29px;
        text-align: justify;
    }
    
    .montos {
        margin-bottom: 16px;
}

    .montos-cb {
        margin-top: 0 !important;
    }
    
     .programas-fondo {
        height: 257px;
    }
    
   
    
    .lineaverde2 {
        padding: 10px 0;
    }
    
     .txt-consejos {
        padding-top: 10px;
        margin-bottom: 15px;
    } 
    
    .aviso-premio.finpremio {
        height: 160px;
        margin-right: 15px;
        margin-left: 15px;
        margin-bottom: 15px;
        margin-top: 123px;
}
    
    .aviso-premio {
      height: 160px;
      margin-right: 15px;
      margin-left: 15px;
      margin-bottom: 8px;
      margin-top: 20px;
    }
    
    .aviso-premio p {
        font-size: 1.4rem;
        color: #5d5b58;
        padding: 0;
        text-align: center;
        margin-bottom: 0;
        padding-left: 0;
    }

    .tajeta-premio1 img {
        width: 60%;
    }
    
    .tajeta-premio2 img {
        width: 60%;
    }

    .tajeta-premio3 img {
        width: 60%;
    }
    
    .fecha h2 {
        margin-top: 0;
        font-size: 1.5rem;
        margin-bottom: 12px;
    }
    .form-inscripcion{
        padding: 5px !important;
        
    }
    
    .datos-papas {
        margin-top: 50px;
    }
    
    .contenido-revisa-titulo {
        font-size: 1.7rem;
    }
    .txt-revisa-correo {
        font-size: 1.6rem;
    }
    
    .beneficio-container {
        margin-top: 0px;
        background: #f0efef;
        padding-top: 30px;
    }
        .titulo-inscripcion h1 {
        color: #fff;
        font-size: 2.3rem;
        font-weight: 500;
        text-align: center;
        margin: 10px 0;
        letter-spacing: 2px;
        margin-top: 0;
        padding: 5px 0;
    }
    .titulo-inscripcion {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .datos-papa-form {
        padding-left: 15px !important;
    }
    
    .caja-contrato {
        text-align: left;
    }
        
    .condiciones-contrato .checkbox {
        margin-bottom: 16px;
    }
    
    .boton-inscribete-cb {
        width: 40% !important;
    }
    #general_modal_dialog_inscripcion {
        width: 360px;
    }
    #btnAceptar {
        width: 100% !important;
    }
}

@media (min-width: 376px) and (max-width: 500px) {
    
    .titulo-inscripcion h1 {
        color: #fff;
        font-size: 2.3rem;
        font-weight: 500;
        text-align: center;
        margin: 10px 0;
        letter-spacing: 2px;
        margin-top: 0;
        padding: 5px 0;
    }
    .titulo-inscripcion {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    
    .datos-papa-form {
        padding-left: 15px !important;
    }
    .caja-contrato {
        text-align: left;
    }
    .condiciones-contrato .checkbox {
        margin-bottom: 16px;
    }
    
    .boton-inscribete-cb {
        width: 40% !important;
    }
    
    .cajas-bene-home {
        padding-top: 30px;
    }

    li.user {
        margin-top: 4px;
    }

    .info-premio {
        margin-right: 20px;
        margin-left: 20px;
        text-align: justify;
    }
    
    .info-premio p {
        font-weight: 300;
        font-size: 1.3rem;
    }
    
    .container-beneficios-adicionales {
        margin-bottom: 15px;
        background-color: #fff !important;
        padding: 0 !important;
    }
    .container-beneficios-adicionales h2 {
        font-size: 16px;
        border-bottom: 1px #e5e7e7 solid;
        padding: 10px 0;
        font-size: 2rem !important;
    }
    
    .container-beneficios-adicionales p {
        font-size: 15px;
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 0px;
    }
    .incio-programa {
        padding-bottom: 10px;
    }
    
    .titulorazones {
        margin-top: 45px;
        margin-bottom: 0px;
    }
    
    .titulorazones .circle {
        left: 4%;
        transform: scale(.5) translate(0, -67%);
        position: absolute;
    }
    
    .titulorazones h2 {
        line-height: 26px;
        font-size: 2.3rem !important;
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .titulorazones h2 span {
            font-size: 2.3rem !important;
    }
    
    .titulorazones p {
        font-size: 13px !important;
        padding: 13px !important;
    }
    
   .inicio-vivan-bebe .titulorazones{
        margin-bottom: 15px;
    }


    
     .cb-inscribete {
        margin-top: 5px;
    }
    
    .boton-inscribete {
        padding: 7px 9px;
        font-size: 1.8rem;
        width: 100%;
        text-align: center;
        border-radius: 10px;
    }
    
    .boton-accesos {
        padding-top: 11px;
        text-align: center;
        margin-bottom: 20px;
    }

    
    .txt-inscripcion {
        padding: 0px 10px 24px 10px;

    }

    .cnt-inscripcion {
        margin-top: 0px;
    }
    
    .mapa-cb {
        padding-right: 0 !important;
    }
    
    .titulos-segundos p {
        padding-right: 20px;
        padding-left: 20px;
        font-size: 15px;
    }
    
    .container-beneficios-adicionales h2 {
        font-size: 19px;
    }
    
    .titulos-segundos {
        padding: 25px 0 20px 0;
    }
    
    .titulos-segundos h2 {
        font-size: 19px;
    }
    
    .txt-consejos {
        padding-top: 10px;
        margin-bottom: 15px;
    }

    .fondocolor {
        padding-right: 0;
        padding-left: 0;
}

    .titulo-crearcuenta h1 {
        font-size: 1.7rem;
        color: #4c4c4c;
        margin-top: 15px;
        text-align: center;
        text-transform: uppercase;
        font-weight: 600;
    }
    
    .txto-crearcuenta p {
        font-size: 1.5rem;
        font-weight: 300;
        text-align: center;
        padding: 10px 0;
    }
    
      .txto-crearcuenta p a{
          font-weight: 600;
          text-decoration: underline;
          color: #4c4c4c;            
      }
    
     .logo {
        margin-top: 0;
        padding-top: 0;
    }
    
    .logo img {
        margin-top: 0;
    }
    
    .header {
        min-height: 58px !important;
    }
    
    .container-beneficios-novios h1 {
        font-size: 18px;
        margin-bottom: 9px;
    }
    
    .container-beneficios-novios {
        background-size: contain;
        padding: 87px 0 19px 0;
        background-position: 50% 0;
    }
    
    .programas-fondo {
        height: 255px;
    }

    .container-beneficios-novios p {
        font-size: 14px;
        padding: 0 29px;
        text-align: justify;
    }
    
    .montos {
        margin-bottom: 16px;
}

    .montos-cb {
        margin-top: 0 !important;
    }
    
     .row.fondocolor {
            background: #ffff;
            margin-bottom: 0;
            padding-bottom: 15px;
    }
    
    .logo img {
        width: 80%;
    }
    
    .aviso-premio.finpremio {
        height: 152px;
        margin-right: 15px;
        margin-left: 15px;
        margin-bottom: 15px;
        margin-top: 125px;
    }
    
     .aviso-premio {
      height: 152px;
      margin-right: 15px;
      margin-left: 15px;
      margin-bottom: 6px;
      margin-top: 20px;
    }
    
    .aviso-premio p {
        font-size: 1.4rem;
        color: #5d5b58;
        padding: 0;
        text-align: center;
        margin-bottom: 0;
        padding-left: 0;
    }
    
    .tajeta-premio1 img {
        width: 60%;
    }
    
    .tajeta-premio2 img {
        width: 60%;
    }

    .tajeta-premio3 img {
        width: 60%;
    }
    .contenido-revisa-titulo {
        font-size: 1.7rem;
    }
    .txt-revisa-correo {
        font-size: 1.6rem;
    }
    
    .beneficio-container {
        margin-top: 0px;
        background: #f0efef;
        padding-top: 30px;
    }
    #general_modal_dialog_inscripcion {
        width: 395px;
    }
    #btnAceptar {
    width: 100% !important;
}
}

@media (min-width: 501px) and (max-width: 768px) {
    .mapa-cb {
        padding-right: 0 !important;
    }
    
    .programas-fondo {
        background-color: #f0efef;
        height: 279px;
    }

    .logo img {
        width: 49%;
        margin-top: 0;
    }
    
      .fondocolor {
        padding-right: 0;
        padding-left: 0;
    }
    

    
    .form-content h1 {
        font-size: 1.6rem;
        padding-top: 18px;
            line-height: 2.2rem;
    }
    
    .lineaverde{
        padding: 10px 0;
    }
    
    .form-content p {
        padding: 0 7px;
        font-size: 13px;
        margin-bottom: 6px;
    }
    
    .boton-accesos {
        padding-right: 0;
        padding-left: 0;
    }
    
    .form {
        top: 6%;
    }
    
    .flag-fondo {
        padding-bottom: 6px;
    }
   
    .montos-cb {
        margin-top: 0;
        margin-bottom: 0 !important;
        padding-right: 0;
        padding-left: 0;
    }
    
    
    .montos {
        padding-right: 10px;
        padding-left: 10px;
    }
    
    .dinero-uno p {
        font-size: 2.5rem;
    }
    
    .dinero-dos p {
        font-size: 2.5rem;
    }
    
    .dinero-tres p {
        font-size: 2.5rem;
    }
    
    .dinero-tres-co p {
        font-size: 2.5rem;
    }
    
    .dinero-cuatro p {
        font-size: 2.5rem;
    }
    
    
    .container-beneficios-novios p {
        padding: 0 90px;
    }
    
    .container-beneficios-novios {
        background-size: contain;
        padding: 187px 0 19px 0;
        background-position: 50% 0;

    }
    
    .img-bene img {
        width: 65% !important;
    }
    
    .txt-consejos {
        padding-top: 5px;
    }
    
    .txt-consejos.right {
        padding-top: 0px;
    }
    
    .txt-consejos-blanco {
        padding: 26px 0 20px 26px;
    }
    
    .txt-consejos-grande {
        padding: 13px 0 20px 13px;

    }
    
    .carousel-control {
        top: 90px;
    }
    
    .form-content-bebe h1 {
        line-height: 2.6rem;
        font-size: 2rem;
        letter-spacing: 1px;
        padding: 4px 20px;
        border-radius: 20px;
    }
    
    .form-bebe {
        top: 5.5%;
    }
    
    .form-content-bebe p {
        font-size: 1.3rem;
        padding: 15px 9px;
        border-bottom-right-radius: 17px;
        border-top-right-radius: 18px;
        border-bottom-left-radius: 18px;
    }
    
    .boton-inscribete {
        padding: 8px 17px;
        letter-spacing: 2px;
        font-size: 1.6rem;
        border-radius: 9px;
    }
    
    .font-size-kiosko {
        font-size: 15px !important;
    }
    
    .fondo-blanco {
        height: 250px;
    }
    
}

    @media (min-width: 768px) and (max-width: 900px){
        .beneficios-bebe {
            margin-bottom: 20px;
        }
        
        #trigger {
            padding: 31px 24px 24px 27px !important;
        }
        
        .container-beneficios-adicionales p {
            padding-right: 25px;
            padding-left: 25px;
        }

        .txt-inscripcion {
            text-align: left;
            padding: 5px 50px 22px 15px;
            float: none;
        }
        
        .img-consejos-silla-mobile {
            height: 208px;
        }
        
        .img-consejos-portador-mobile {
            height: 208px;
        }
        
        .img-consejos-bolso-mobile {
            height: 208px;
        }

        .col-md-3.beneficios-bebe {
            padding: 0 5px;
        }
        
        .txt-bene p {
            font-size: 1.2rem;
        }
        
        .col-sm-4.menu-main {
            padding-top: 23px;
        }
        
        .contenido-home{
            margin-right: 0;
            margin-left: 0;
        }
        .franja-tramo {
            margin-right: 0;
            margin-left: 0;
        }
        
        .tajeta-premio1 img {
            width: 55%;
            margin-left: 0;
        }
        
        .tajeta-premio2 img {
            width: 55%;
            margin-left: 0;
        }
        
        .tajeta-premio3 img {
            width: 55%;
            margin-left: 0;
        }
        
        .tajeta-premio1 {
            margin-left: 0 !important;
        }
        
        .tajeta-premio2 {
            margin-left: 0 !important;
        }
        
        .tajeta-premio3 {
            margin-left: 0 !important;
        }
        
        .aviso-premio p {
           font-size: 1.2rem;
           padding: 0px 0;
           text-align: left;
           margin-bottom: 0;
           padding-left: 0px;
        }
        
        .form {
            top: 5% !important;
        }
        .item img {
            width: 100% !important;
        }
        
       .form-content-bebe h1 {
            line-height: 2.6rem;
            font-size: 2rem;
            letter-spacing: 1px;
            padding: 4px 20px;
            border-radius: 20px;
        }

        .form-bebe {
            top: 5.5%;
        }

        .form-content-bebe p {
            font-size: 1.3rem;
            padding: 15px 9px;
            border-bottom-right-radius: 17px;
            border-top-right-radius: 18px;
            border-bottom-left-radius: 18px;
        }

        .boton-inscribete {
            padding: 8px 17px;
            letter-spacing: 2px;
            font-size: 1.6rem;
            border-radius: 9px;
        }

        .font-size-kiosko {
            font-size: 15px !important;
        }

        .fondo-blanco {
            height: 250px;
        }
        
        .logo img {
            margin: 0px 21px;
            text-align: center;
            display: block;
            margin-left: 48px;
            width: 37%;
            padding-left: 25px;
        }
        .titulo-inscripcion h1 {
            padding: 7px;
            margin-top: 0;
        }
        
        .caja-datos-bebe {
            margin-bottom: 20px;
        }
        .datos-bebe h1 {
            font-size: 1.5rem;
        }
        
        .datos-bebes button h1 {
            font-size: 1.5rem;
        }
        .genero .radio label {
            font-size: 1.5rem;
            margin-bottom: 10px;
             padding-left: 10px;
        }
        .genero .radio label::before {
            width: 21px;
            height: 21px;
        }
        .genero .radio label::after {
            width: 14px;
            height: 14px;
            left: 3px;
            top: 4px;
        }
    }

@media (min-width: 901px) and (max-width: 1025px){
   .form {
       top: 6% !important;
   }
   .item img {
       width: 100% !important;
   }
   form-content {
       height: 315px;
   }
}

     
@media (min-width: 1200px){
    .container {
        width: 1250px;
    }
    .item img {
        width: 100%;
    }
}
    
@media (min-width: 300px) and (max-width: 415px){
    
    .beneficios-bebe {
        margin-bottom: 20px;
    }
    
    .giftcard-cb img {
        width: 50% !important;
    }
    
    .sugerencia-dos{
        padding: 5px;
    }
    
    .monto-compra p {
        font-weight: 300;
        font-size: 1.4rem;
        padding: 0;
        line-height: 25px;
        margin-top: 10px;
    }

    .sugerencia-dos img {
       width: 100%;
       margin-bottom: 0px;
   }

   .fecha-compras p {
       padding: 0;
       font-size: 12px;
   }

   .fecha-compras {
       padding: 0;
   }

   .tabla-compras-resultados p{
       padding: 0;
   }

   .lista-falabella {
       padding: 0 5px;
   }

   .lista-cbebe {
       padding: 0 5px;
   }

   .lista-detalle {
       padding-bottom: 1px;
   }

   .lista-detalle p {
       font-size: 1.2rem;
       text-align: right;
   }

   .tabla-compras-titulo p {
       font-size: 1.1rem;
   }

   .titulo-tablaFlabella {
       border-right: 1px #f1f1f1 solid;
       border-left: 1px #f1f1f1 solid;
   }

   .titulo-tablaFecha {
       padding-left: 8px;
   }

   .lista-falabella p {
       font-size: 1.5rem;
       padding: 4px 0 !important;
   }

   .lista-cbebe p {
       font-size: 1.5rem;
       padding: 4px 0 !important;
   }

   .modal-listadoCompras {
       width: auto;
   }

   .detalle-bannerBoleta {
       padding-top: 2px;
   }

   .detalle-producto {
       padding: 0;
   }

   .info-detalleCompra p {
       font-size: 1.3rem;
   }
       
    .padding-lados {
        padding: 0 20px !important;
        height: 645px;
    }
    #btnAceptar {
    width: 100% !important;
}
}
    
    
#general_modal {
    overflow-y: scroll;
    background-color: rgba(0,0,0,0.5);
}

#general_modal_inscripcion {
   overflow-y: scroll;
   background-color: rgba(0,0,0,0.5);
}
    
.container-beneficios-adicionales h2 {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 20px;
    letter-spacing: 1px;
    margin-top: 0;
}

.container-beneficios-adicionales {
    font-family: 'Lato', sans-serif;
    text-align: center;
    color: #555;
    background-color: #f5f5f5;
    padding: 40px 0 20px 0;
}

#filters li span {
    display: block;
    padding: 5px 15px;
    text-decoration: none;
    color: #5c5e61;
    cursor: pointer;
    font-family: 'Lato', sans-serif;
}

#filters li span.active {
    background: #aad500;
    color: #fff;
    font-family: 'Lato', sans-serif;
}