@font-face {
     font-family: 'Gelion';
     src: url('../css/Gelion-Medium.eot');
     src: url('../css/Gelion-Medium.eot?iefix') format('eot'),
         url('../css/Gelion-Medium.woff') format('woff'),
         url('../css/Gelion-Medium.ttf') format('truetype'),
         url('../css/Gelion-Medium.svg#webfont90E2uSjN') format('svg');
     font-weight: normal;
     font-style: normal;
 }
 @font-face {
  font-family: "Gotham-Black";
  src: url('../css/Gotham-Black.otf');
 }
 @font-face {
  font-family: "Gotham-Bold";
  src: url('../css/Gotham-Bold.otf');
 }
 @font-face {
  font-family: "Gotham-Book";
  src: url('../css/Gotham-Book.otf');
 }
 p {
     font-family: "Gelion";
     margin: 0px;
 }

 #landingExtraGarantia {
     width: 100%;
     height: 100%;
     position: relative;
 }

 #primerContenedor {
     height: 200px;
 }

 .logo {
     height: 157px;
     width: 306px;
     display: block;
     margin: 0 auto;

 }

 /*.logo img {
     width: 100%;
 }*/

 /*2 Content*/

 #segundoContenedor {
/*     background-color: #ffc612;*/
    background-color: #E2E2E2;
     height: 350px
 }

 #segundoContenedor>.container {
     height: 100%;
 }

 #segundoContenedor>.container>.row {
     height: 100%;
     position: relative;
 }

 #segundoContenedor .img-extragarantia {
     margin-top: 20px;
 }
 #segundoContenedor .img-extragarantia h2.title{
    font-size: 50px;
    color:#C4217E;
    font-family: 'Gotham-Black';
    margin-left: 25%;
 }
 .row.primera-fila{
    margin-left: 22%;
    width: 100%;
 }
 .row.segunda-fila{
    margin-left: 22%;
    width: 100%;
 }
 .btn2 {
     width: 100%;
     height: 35px;
     display: block;
     font-size: 1.1em;
     background-color: #552B80;
     color: #ffffff;
     font-family: 'Gotham-Bold';
     border-radius: 5px;
     text-align: center;
     line-height: 35px;
 }

 .imgRamiro {
     position: absolute;
     /* top: -199px;*/
     right: 100px;
     bottom: 0px;
 }

 .icn-scroll {
     position: absolute;
     bottom: 15px;
     right: 50%;
     left: 50%;
     width: 50px;
     height: 112px;
     transform: translate(-50%);
 }

 /*3er contenedor*/
 #tercerContenedor {
/*     background-color: #593f92;*/
    background-color: #C4217E;
     height: 230px;
 }

 #tercerContenedor .extra-gara {
     font-size: 40px;
     font-weight: 700;
 }

 #tercerContenedor .extra-gara p {
/*     color: #ffc612;*/
    color: #fff;
     line-height: normal;
 }

 #tercerContenedor .extra-gara p>span {
     color: #ffffff;
 }

 #tercerContenedor .extra-gara-parrafo {
     font-size: 18px;
     color: #ffffff;
 }

 #tercerContenedor .container,
 #tercerContenedor .row {
     height: 100%;
     display: flex;
     align-items: center;
 }

 /*4to contenedor*/

 #cuartoContenedor .icon-mas {
     width: 17px;
     height: 17px;
/*     background: url('../img/2/icono_mas.png');*/
    background: url('../img/2/mas_morado.png');
     display: inline-block;
     margin-right: 6px;
 }

 #cuartoContenedor .row p {
     text-align: justify;
     font-size: 16px;
/*     color: #593f92;*/
    color: #000;
    font-family: 'Gotham-Bold';
    margin: 10px 0px;
 }

 #cuartoContenedor .parte1 {
     margin-top: 40px;
 }

 #cuartoContenedor .grafica {
     height: 200px;
     display: table-cell;
     vertical-align: middle;
 }

 #cuartoContenedor .cobertura-fondo,
 #cuartoContenedor .cobertura-fondo-v2 {
     width: 431px;
     height: 150px;
/*     background: url('../img/2/cuadro_corazon.png');*/
     background: url('../img/zona2/box_gris_1.png');
     font-size: 18px;
     margin: 0 auto;
     margin-top: 20px;
     margin-bottom: 60px;
     background-size: contain;
     background-repeat: round;
 }

 #cuartoContenedor .cobertura-fondo p {
     padding: 35px 35px 0px 35px;
 }

 #cuartoContenedor .cobertura-fondo-v2 p {
     padding: 35px 35px 0px 35px;
 }

 #cuartoContenedor .legal-numero1 {
     margin-bottom: 50px;
 }

 #cuartoContenedor .legal-numero1 p {
     font-size: 12px;
     color: #000000;
     text-align: center !important;
 }

 /*5to Contenedor*/
 #quintoContenedor {
     background-color: #552B80;
 }

 #quintoContenedor .container .row>div {
     margin-top: 40px;

 }

 #quintoContenedor .contenedor-corazon {
     width: 89%;
     height: 150px;
     background: url('../img/zona3/box_morado.png');
     margin: 0 auto;
     margin-bottom: 30px;
     background-size: contain;
     background-repeat: round;
 }

 #quintoContenedor .contenedor-corazon p {
     font-size: 16px;
     text-align: justify;
     font-weight: 700;
     padding: 25px 35px 0px 35px;
     color: #000;
 }

 #quintoContenedor .contenedor-corazon>p.amarilllo-color {
     color: #000;
     font-size: 18px;
     font-weight: 700;
     padding: 40px 40px 0px 40px;
 }

 #quintoContenedor .contenedor-corazon p span {
     color: #000;
     font-weight: 700
 }

 #quintoContenedor .v2 {
     margin-top: 89px
 }

 #quintoContenedor .v2 p {
     padding: 40px 35px 0px 35px;
 }

 /*6to Contenedor*/



 /*.contenedorRamiro {
     height: 160px;
     width: 100%;
     border: 1px solid #593f92;
     margin-top: 40px;
     border-radius: 10px;
     display: flex;
     align-items: center;
     padding-left: 15px;
     padding-right: 10px;
 }*/
    .contenedorRamiro{
     width: 250px;
     height: 150px;
     background: url('../img/zona4/box_gris.png');
     margin: 0 auto;
     margin-bottom: -15px;
     background-size: contain;
     background-repeat: no-repeat;
    }
 .contenedorRamiro span {
     font-size: 13px;
     color: #000;
     font-family: 'Gotham-Bold';
     padding: 15px 20px 0px 30px;
     /* width: 100%; */
     display: block;
 }
 div#sextoContenedor .grafica{
    margin-left: 5%;
 }
 img.mobchica{
    width: 85%;
 }
     span.textillo {
        padding: 0 !important;
        margin: -18px 0px 0px 30px;
        font-family: 'Gelion';
    }
    .contenedorRamiro.c2 span{
       padding: 30px 20px 0px 30px;
    }
    .contenedorRamiro.c3 span{
       padding: 20px 30px 0px 30px;
    }
    .contenedorRamiro.c4 span{
       padding: 45px 25px 0px 45px;
    }
    .contenedorRamiro.c5 span{
       padding: 45px 25px 0px 45px;
    }
    .contenedorRamiro.c6 span{
       padding: 45px 25px 0px 75px;
    }
    .contenedorRamiro i.hidden-xs{
     padding: 0;
     margin: -15px 30px 0px 26px;
     color: #000;
     font-size: 10px;
     display: block;
    }
 .contenedorRamiro p {
     color: #593f92;
 }

 #sextoContenedor .container .row>div {
     margin-top: 40px;
 }

 /*7mo Contenedor*/
 #septimoContenedor .container .row>div {
     /* margin-top: 40px;*/
 }
 span.icon-mas.zona5{
    width: 7%;
    height: 30px;
    background: url(../img/zona5/mas_zona5.png);
    background-repeat: no-repeat;
    display: flex;    
    margin-right: 6px;
 }
 .zona5.opciones div.linea-pide{
    width: 100%;
    color: #fff;
    font-family: 'Gotham-Bold';
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
 }
 p.ext-g{
    width: 100%;
    font-size: 16px;
 }
 .zona5.opciones{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    /* align-content: center; */
    align-items: flex-start;
    justify-content: center;
 }
 #septimoContenedor {
     background-color: #552B80;
 }


 #septimoContenedor .atencion-cliente .titulo {
     font-size: 40px;
     color: #ffffff;
     font-weight: bold;
 }

 #septimoContenedor .atencion-cliente .titulo>span {
     color: #ffc612;
 }

 #septimoContenedor .atencion-cliente .contenido {
     font-size: 15px;
     color: #ffffff;
 }

 hr {
     border-color: #ffc612;
 }

 .icon-list {
     width: calc(100% / 7);
     float: left;
     text-align: center;
 }

 .icon-list .numero {
     display: block;
     width: 20px;
     height: 20px;
     margin: 0 auto;
     text-align: center;
     border-radius: 10px;
     background-color: #fff;
 }

 .icon-list .text {
     font-size: 10px;
     display: block;
     color: #ffffff;
     padding: 2px;
 }

 #septimoContenedor #primer-content {
     margin-top: 40px;
 }

 #septimoContenedor #segundo-content {
/*     background-color: #ffc612;*/
    position: relative;
    
 }
 
 #septimoContenedor .anexoprincipal {
     font-size: 40px;
     margin-top: 40px;
     font-weight: 700;
     color: #593f92;
 }

 #septimoContenedor #negro_hr {
     border: 1px solid #C4217E;
     margin: 0px;
     margin-top: 1%;
     width: 87%;
 }

 .anexo_descarga {
    /* margin-top: 20px; */
    margin-top: 5px;
     /* margin-bottom: 50px; */
      margin-bottom: 5px;
     margin-right: 30%;
 }

 .anexo_descarga .subtitulo {
     font-size: 25px;
     font-family: 'Gotham-Bold';
     font-weight: 700;
     color: #552B80;
     margin-right: 20%;
 }

 .anexo_descarga p {
     margin-top: 0px;
     margin-bottom: 20px;
     color: #552B80;
     font-size: 18px;

 }

 .anexo_descarga button {
     width: 150px;
     height: 40px;
     border-radius: 10px;
     border: 1px solid #C4217E;
     background-color: #C4217E;
     color: #ffffff;
     font-family: 'Gotham-Bold';
 }

 .sector-right {
     padding-left: 50px;
     position: relative;
    z-index: 3;
    width: 100%;
    text-align: center;
 }
 img.zona6.titulo6 {
    margin-top: 12%;
    margin-right: 50%;
 }
 .image.zona5{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
 }
 .col-lg-8{
    width: 100%;
    height: 100%;
 }
    .col-lg-8.image.zona5 img{
        width: 100%;
       /* height: 100%; */
        height: 100%; 
    }
 /*mobile*/
@media (max-width: 768px) {
    .logo{

    }
    .logo img{
        width: 70%;
        margin-top: 20px;
    }
    #segundoContenedor .img-extragarantia h2.title{
        font-size: 25px;
        margin-left: 0;
        position: relative;
        top: 20px;
    }
    .row.primera-fila{
        margin-left: 0;
    }
    .row.segunda-fila{
        margin-left: 0;
    }
    .menucillo{
        width: 44%;
        margin: 8px -25px;
        position: relative;
        z-index: 7;
    }
    span.btn2.mx-auto{
        font-size: 12px;
    }
    .row.mob{
        margin-top: -6px !important;   
          } 
}

 @media (max-width: 768px) {

     /*Segundo Contenedor*/

     .imgRamiro {
    top: -104vw;
    left: -16px;
    right: -10px;
    margin-left: 9%;
    z-index: 5;
     }

     .imgRamiro img {
         width: 71% !important;
        margin-left: 27vw;
     }

     /*Tercer*/
     #tercerContenedor .extra-gara {
         font-size: 24px;
     }

     #tercerContenedor .extra-gara-parrafo {
         font-size: 15px;
     }

     /* Cuarto*/
     #cuartoContenedor .row p {
         font-size: 2.6vw;
         margin-bottom: 20px;
         line-height: 18px;
     }
     #cuartoContenedor .cobertura-fondo p{
        padding: 18px 27px 0px 25px;
     }
     #cuartoContenedor .cobertura-fondo-v2 p{
        padding: 15px 27px 0px 25px; 
     }
     #cuartoContenedor .cobertura-fondo, #cuartoContenedor .cobertura-fondo-v2{
        height: 95px;
        margin-top: 5px;
     }
     #cuartoContenedor .icon-mas{
        background-repeat: no-repeat;
        margin-bottom: -5px;

     }

     #cuartoContenedor .cobertura-fondo,
     #cuartoContenedor .cobertura-fondo-v2 {
         width: 100%;
         background-size: contain;
         background-repeat: no-repeat;
         margin-bottom: 15px;
     }

     /*Quinto*/
     #quintoContenedor .contenedor-corazon {
         width: 100%;
         background-size: contain;
         background-repeat: no-repeat;
     }

     #quintoContenedor .contenedor-corazon>p.amarilllo-color {
         font-size: 3vw;
         padding: 22px 25px 0px 25px !important;
     }

     #quintoContenedor .contenedor-corazon {
         height: 95px;
     }
    #quintoContenedor .contenedor-corazon  {
         margin-bottom: 12px;  
    }
     #quintoContenedor .contenedor-corazon p {
         font-size: 2.9vw;
         padding: 14px 30px 0px 20px;
     }
     #quintoContenedor .v2 p{
        padding: 20px 20px 0px 20px !important;
     }
     img.mobchica{
        width: 80% !important;
        text-align: center;
        margin-top: -8%;
     }
     .grafica{
        text-align: center;
     }
     /*Sexto*/
     .contenedorRamiro span {
         font-size: 2.4vw;
     }
     #sextoContenedor .container .row>div{
        padding: 0;
     }
     .contenedorRamiro{
        width: 115%;
        height: 95px;
        margin-bottom: -10px;
     }
     .contenedorRamiro span{
        padding: 14px 20px 0px 20px;
     }
     .contenedorRamiro.c2 span{
        padding: 13px 20px 0px 25px;
     }
     .contenedorRamiro.c3 span{
        padding: 14px 15px 0px 15px;
     }
     .contenedorRamiro.c4 span{
        padding: 23px 25px 0px 20px;
        text-align: center; 
     }
     .contenedorRamiro.c5 span{
        padding: 25px 25px 0px 24px;
        text-align: center;
     }
     .contenedorRamiro.c6 span{
        padding: 30px 20px 0px 20px;
        text-align: center;
     }
     span.textillo{
        margin: -18px 0px 0px 24px;
     }
     /*Graficas*/

     .detalle-graf {
         text-align: center;
     }

     .detalle-graf .titulo1 {
         margin-top: 10px;
     }

     .detalle-graf img {
         margin-bottom: 15px;
     }

     .titulo1 {
         max-width: 420px;
     }

     .ramiro_cont {
         max-width: 441px;
     }

     .cuadro1 {
         max-width: 459px;
     }

     /*Ultimo*/
     .icon-list {
         width: calc(100% / 3);
         height: 130px;
     }

     #septimoContenedor #segundo-content {
         border-radius: 50px 0 0 0;
     }
     .atencion-cliente {

     }
     span.icon-mas.zona5{
        width: 10%;
        background-size: 60% 60%;
        background-position: center;
     }
     .image.zona5 img{
        width: 100%;

     }
     .col-lg-8.image.zona5 img{
        width: 100%;
       /* height: 100%; */
        height: 95%; 
    }
    #septimoContenedor #negro_hr{
        width: 94%;
    }
 }

 @media (max-width: 480px) {
     #segundoContenedor {
         height: auto;
     }

     #tercerContenedor {
         height: auto;
     }

     #tercerContenedor .extra-gara {
         margin-top: 10px;
         margin-bottom: 10px;
         text-align: center;
         font-size: 20px;
     }

     #tercerContenedor .extra-gara-parrafo {
         font-size: 14px;
         margin-bottom: 15px;
     }

     #tercerContenedor .container,
     #tercerContenedor .row {
         display: block;
     }

     #quintoContenedor .container .row>div {
         margin-top: 0px;
     }

     #quintoContenedor .v2 {
         margin-top: 0px;
     }

     .icon-list {
         width: calc(100% / 2);
         height: 150px;
     }

     #septimoContenedor .atencion-cliente .titulo {
         font-size: 30px;
     }

     #septimoContenedor .atencion-cliente .contenido {
         font-size: 14px;
     }

     #septimoContenedor .anexoprincipal {
         font-size: 30px;
     }

     .anexo_descarga .subtitulo {
         font-size: 5.2vw;
         right: 20px;
         position: relative;
     }

     .anexo_descarga p {
         font-size: 3vw;
         position: relative;
         right: 15px;
         text-align: left;
     }

     .anexo_descarga {
         margin-top: 20px;
         margin-bottom: 35px;
         margin-left: -10px;
         padding: 15px;
     }
     .anexo_descarga button{
        width: 109px !important;
        height: 35px;
        font-size: 9px;
        right: 15px;
        position: relative;
     }
     .anexo_descarga{
        margin-right: 0%;
     }

 }

 @media (max-width: 376px) {
    .logo{
        width: 180px;
    }
    #primerContenedor {
        height: 115px;
    }
     #quintoContenedor .contenedor-corazon p {
         font-size: 2.7vw;
         padding: 14px 20px 0px 20px !important;
     }

     /*#quintoContenedor .contenedor-corazon {
         border: 1px solid #fff;
         border-radius: 10px;
         padding: 10px;
         background: none;
         height: 120px;
     }*/
     #quintoContenedor .contenedor-corazon>p.amarilllo-color{
        padding: 0px;
     }
     #quintoContenedor .contenedor-corazon p{
        padding: 0px;
     }
     #indiceee{
        padding: 0px;
     }
     .contenedorRamiro{
        padding: 0 5px;
     }
     .anexo_descarga button{
        width: 170px;
     }
     .icon-listFinal{

     }
 }