/*FONTS*/
@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/MyriadPro-Regular.woff') format('woff'),
        url('fonts/MyriadPro-Regular.otf') format('opentype'),
        url('fonts/MyriadPro-Regular.eot') format('embedded-opentype'),
        url('fonts/MyriadPro-Regular.svg') format('svg'),
        url('fonts/MyriadPro-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Arial Rounded MT Bold';
    src: url('fonts/ArialRoundedMTBold.woff') format('woff'),
        url('fonts/ArialRoundedMTBold.otf') format('opentype'),
        url('fonts/ARLRDBD.TTF.eot') format('embedded-opentype'),
        url('fonts/ArialRoundedMTBold.svg') format('svg'),
        url('fonts/ARLRDBD.TTF.eot') format('truetype');
}

html, body, header, section, footer, div, span, table, thead, tbody, tr, td, th, img, label, input, select, textarea, p, h1, h2, h3, h4, h5, h6, form, ul, ol, li, a {margin: 0; padding: 0;}
html, body {width: 100%; height: 100%; min-width: 100%; min-height: 100%; overflow-x: hidden}
*{transition: padding 0.3s ease-in-out, max-height 0.3s ease-in-out, max-width 0.3s ease-in-out, height 0.3s ease-in-out, width 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out, margin 0.3s ease-in-out, border 0.3s ease-in-out, opacity 0.3s ease-in-out, top 0.3s ease-in-out, left 0.3s ease-in-out, stroke-dasharray 1s ease-out, transform 0.3s ease-in-out;
    -webkit-transition: padding 0.3s ease-in-out, max-height 0.3s ease-in-out, max-width 0.3s ease-in-out, height 0.3s ease-in-out, width 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out, margin 0.3s ease-in-out, border 0.3s ease-in-out, opacity 0.3s ease-in-out, top 0.3s ease-in-out, left 0.3s ease-in-out, stroke-dasharray 1s ease-out, transform 0.3s ease-in-out;
    -moz-transition: padding 0.3s ease-in-out, max-height 0.3s ease-in-out, max-width 0.3s ease-in-out, height 0.3s ease-in-out, width 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out, margin 0.3s ease-in-out, border 0.3s ease-in-out, opacity 0.3s ease-in-out, top 0.3s ease-in-out, left 0.3s ease-in-out, stroke-dasharray 1s ease-out, transform 0.3s ease-in-out;
    -o-transition: padding 0.3s ease-in-out, max-height 0.3s ease-in-out, max-width 0.3s ease-in-out, height 0.3s ease-in-out, width 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out, margin 0.3s ease-in-out, border 0.3s ease-in-out, opacity 0.3s ease-in-out, top 0.3s ease-in-out, left 0.3s ease-in-out, stroke-dasharray 1s ease-out, transform 0.3s ease-in-out;}
body, label, p, h1, h2, h3, h4, h5, h6, input, select, textarea, a, th {font-size: 1em; font-family: 'Arial Rounded MT Bold'; font-weight: normal; text-decoration: none;}
body{position: relative;}
input:focus, textarea{outline: none;}

/* TOOLS */
.full-width {width: 100%;}
.mobile-only {display: block;}
.desktop-only { display: none;}
.relative {position: relative;}
.clear-after::after {content: ''; clear: both; display: block;}

/*TEXTO*/
.italic {font-style: italic;}
.blue {color: rgb(0, 162, 196);}

/* LAYOUT */

.menu {width: 100%; height: 76px; top: 0; left: 0; overflow: hidden; z-index: 2; border-bottom: 1px solid #e8e6e6;}
.menu.active {/*height: auto; */ height: 367px;}
.menu header {height: 76px; display: block; position: relative;}
.menu header .iso {height: 44px; display: block; position: absolute; left: 25px; top: 14px;}
.menu header .ic-menu {width: 30px; height: 30px; display: block; position: absolute; right: 25px; top: 23px; cursor: pointer;}
.menu .menu-list {height: calc(100% - 76px); padding: 0; }
.menu .menu-list li {display: block; border-top: 1px solid #e8e6e6;}
.menu .menu-list li:hover a {color: rgb(239, 9, 10) !important;}
.menu .menu-list li > a {font-family: 'Arial Rounded MT Bold'; /*padding: 20px 40px; */ border-radius: 40px; position: relative; display: block; color: rgb(155, 155, 155); font-size: 0.95em; cursor: pointer; text-transform: none; padding: 20px 30px;}
.menu .menu-list li > a.active {color: rgb(239, 9, 10);}
.menu .menu-list li > a br {display: none;}

/*ICONS */

.ic-menu {background: transparent url('../Images/Icons/ic_menu.svg') center no-repeat; background-size: contain;}
.ic-facebook {background: transparent url('../Images/Icons/facebook.svg') center no-repeat; background-size: contain; height: 25px; width: 25px;}
.ic-linkedin {background: transparent url('../Images/Icons/linkedin.svg') center no-repeat; background-size: contain; height: 25px; width: 25px;}
.ic-emoji {background: transparent url('../Images/Icons/sonreir.svg') center no-repeat; background-size: contain; height: 10px; width: 15px; float: left;}

/*Hero & Slider */
.hero {width: 100%; height: 200px; position: relative;}
.hero .carousel {height: inherit;}
.hero .carousel .slide-block {height: 200px; position: relative; background-repeat: no-repeat;}
.hero .carousel .slide-block .content {width: 100%; height: 100%; position: relative;}
.hero .carousel .slide-block .content p {padding-right: 7%; display: flex; flex-direction: column; align-items: flex-end; font-size: 1em; text-align: right; color: #00A2C4}
.hero .carousel .slide-block .content .banner-title {display: block;}
.hero .carousel .slide-block .content .four-tittle {font-size: 0.8em;}
.hero .carousel .slide-block .content .fifth-tittle {font-size: 0.8em;}
.hero .carousel .slide-block .content .link {margin: 20px 0 0 0; padding: 5px 8px; display: block; border-radius: 20px; color: rgb(239, 2, 3) !important; cursor: pointer; background-color: white; font-size: 0.75em;}
.hero .carousel .slick-dots { bottom: 5px;}

.hero .carousel .slide-block.taza {background-size: cover; background-position: 10% 100%;}
.hero .carousel .slide-block.taza .content {background: linear-gradient(250deg, #fff 10%, transparent 50%);}
.hero .carousel .slide-block.taza .content p {padding-top: 30px;}
.hero .carousel .slide-block.taza .content .banner-title {max-width: 120px;}

.hero .carousel .slide-block.casa {background-size: cover; background-position: 0;}
.hero .carousel .slide-block.casa .content {background: linear-gradient(195deg,#fff 30%, transparent 65%);}
.hero .carousel .slide-block.casa .content p {padding-top: 30px;}
.hero .carousel .slide-block.casa .content .banner-title {max-width: 200px;}


.hero .carousel .slide-block.mascarilla {background-size: cover; background-position: 25%;}     
.hero .carousel .slide-block.mascarilla .content {background: linear-gradient(275deg, #fff 30%, transparent 60%);}
.hero .carousel .slide-block.mascarilla .content p {padding-top: 30px;}
.hero .carousel .slide-block.mascarilla .content .banner-title {max-width: 150px; font-size: 0.85em;}

.hero .carousel .slide-block.ladron {background-size: cover; background-position: 50%;} 
.hero .carousel .slide-block.ladron .content {background: linear-gradient(270deg, #fff 40%, transparent 80%);}
.hero .carousel .slide-block.ladron .content p {padding-top: 30px;}
.hero .carousel .slide-block.ladron .content .banner-title {max-width: 180px;}

.hero .carousel .slide-block.construccion {background-size: 150%; background-position: 95% 95%;;}
.hero .carousel .slide-block.construccion .content {background: linear-gradient(270deg, #fff 25%, transparent 90%);}
.hero .carousel .slide-block.construccion .content p {padding-top: 30px;}
.hero .carousel .slide-block.construccion .content .banner-title {max-width: 200px;}

@media (min-width: 750px) {
    .hero {height: 300px;}
    .hero .carousel .slide-block {height: 300px;}
    .hero .carousel .slide-block .content p {font-size: 1.5em;}

    .hero .carousel .slide-block.taza {background-size: 75%; background-position: 0% 80%;}
    .hero .carousel .slide-block.taza .content {background: linear-gradient(250deg, #fff 35%, transparent 65%);}
    .hero .carousel .slide-block.taza .content p {padding-top: 50px;}
	.hero .carousel .slide-block.taza .content .banner-title {max-width: 300px;}

    .hero .carousel .slide-block.casa {background-size: 85%; background-position: left center}
    .hero .carousel .slide-block.casa .content {background: linear-gradient(-130deg, #fbfaf9 25%, transparent 60%);}
    .hero .carousel .slide-block.casa .content p {padding-top: 60px;}

    .hero .carousel .slide-block.mascarilla {background-size: cover; background-position: center center}
    .hero .carousel .slide-block.mascarilla .content {background: linear-gradient(-110deg, #fbfaf9 30%, transparent 60%);}
    .hero .carousel .slide-block.mascarilla .content p {padding-top: 60px;}
	.hero .carousel .slide-block.mascarilla .content .banner-title {max-width: 300px;}
    
    .hero .carousel .slide-block.ladron {background-size: 65%; background-position: left top;}
    .hero .carousel .slide-block.ladron .content {background: linear-gradient(-100deg, #fbfaf9 40%, transparent 65%);}
    .hero .carousel .slide-block.ladron .content .banner-title {max-width: 200px;}

    .hero .carousel .slide-block.construccion {background-size: 150%; background-position: 110% 75%;}
    .hero .carousel .slide-block.construccion .content {background: linear-gradient(-130deg, #fbfaf9 35%, transparent 65%);}
}
@media (min-width: 450px) {
    .hero .carousel .slide-block.construccion {background-size: 120%; background-position: 140% 75%;}
}

.hero .slider-hero ul {height: 200px; overflow: hidden; background: #f2f2f2; border: 1px solid #fff;}
.hero .slider-hero ul li .sombra{box-shadow: inset 0px -13px 20px 1px #Fff;}
.hero .slider-hero .slide-hero {background-size: cover;background-position: center; display: block;background-repeat: no-repeat;}


.hero .slider-hero ul li.taza .slide-hero {background-size: cover; background-position: 10% 100%;}
.hero .slider-hero ul li.taza .slide-hero p {background: linear-gradient(250deg, #fff 10%, transparent 50%);}

@media (min-width: 40em) {
.hero .slider-hero ul {height: 550px;}
.hero .slider-hero .slide-hero p {font-size: 2em; float: right; padding-right: 12%; padding-top: 70px; text-align: right; color: rgb(0, 162, 196); height: 480px; /* background: linear-gradient(-110deg, #fbfaf9 25%, transparent 70%); */ background: linear-gradient(-150deg, #fbfaf9 30%, transparent 50%); width: 100%;}
.hero .slider-hero ul li.ladron .slide-hero p {height: 450px;}
}

.caja-mobile {background-color: #fff;height: 120px; width: 100%; position: relative; width: 100%;}
.caja-mobile div {position: absolute; width: 100%; /*box-shadow: 0px -20px 20px 20px #fff; */}

.linear { height: 15px; width: 100%; position: relative; z-index: 2;}
.linear .linea { height: 15px; position: absolute; width: 100%; background-color: rgb(239, 2, 3); z-index: 3;}
.linear .contenedor { position: absolute; width: 300px; height: 190px; background-color: transparent; top: -110px; left: calc(50% - 140px);}
.linear .contenedor h2 {color: rgb(0, 162, 196); text-align: center; font-size: 1.2em;}
.linear .contenedor .caja {background-color: transparent;height: 170px; width: 120px; display: flex; width: 100%;z-index: 8;} 
.linear .contenedor .caja .personas, .linear .contenedor .caja .empresas {height: 140px; width: 130px; background-color: #fff; margin: 0 auto; margin-top: 20px; border-radius: 0 0 12px 12px; text-align: center; position: relative; margin-left: 12px; margin-right: 12px; z-index: 3;}
.linear .contenedor .caja div div {position: absolute; top: 0; width: 100%; background-color: rgb(0, 162, 196); height: 35px;}
.linear .contenedor .caja div a{text-align: center; color: #fff; line-height: 35px; font-size: 0.85em;}
.linear .contenedor .caja div img {width: 50%; height: 80px; margin-top: 45px; cursor: pointer;} 
.linear .contenedor .caja .esquina{height: 80px; width: 40px; background: rgb(0, 136, 155); transform: rotate(16deg); position: absolute;top: 47px; left: 0; z-index: 0;}
.linear .contenedor .caja .esquina2{ height: 80px; width: 40px;background: rgb(0, 136, 155); transform: rotate(16deg);position: absolute; top: 47px; z-index: 0; right: 106px;}
.empresas {margin-right: 0 !important;}

.container-img {padding: 80px 0 20px 0; display: flex; flex-direction: column; align-items: center;}
.container-img img {margin-top: 50px; height: 170px; margin-left: -50px;}
.container-img .oficinista.mobile-only {width: 50%; height: auto; max-width: 260px; margin: 0 55px 0 0;}
.container-img .parrafo {width: 80%; height: auto; max-width: 375px; margin: 8px auto 0 auto; background-color: #fff; border-radius: 12px; position: relative;}
.container-img .parrafo p {color: rgb(93, 93, 93); padding: 20px; text-align: center; font-size: 0.8em;}
.container-img .curva-mobile {position: absolute; right: 4%; top: -100px;}
.container-img .curva-mobile img {height: 60px;}

@media (max-width: 300px){
    .container-img .oficinista.mobile-only {min-width: 150px; margin: 0 auto;}
    .container-img .parrafo {width: 80%; max-width: 375px; margin: 10px auto 0 auto;}
    .container-img .parrafo p {padding: 15px; font-size: 0.7em;}
    .container-img .curva-mobile {display: none !important;}
}


.container-empresas {height: 150px;width: 100%;}
.container-empresas h2{color: rgb(0, 132, 157); margin-top: 30px; text-align: center; font-size: 1.1em;}
.container-empresas .empresas {display: flex; width: 100%; justify-content: center; vertical-align: middle; align-items: center; height: 120px;} 
.container-empresas .empresas img {/*width: 45px;*/ height: 60px; margin-left: 5px; margin-right: 5px; width: 12%;}

.contenedor-alcance {background-color: rgb(223, 243, 243); padding: 35px;}
.contenedor-alcance .mision {margin-bottom: 40px;}
.contenedor-alcance h3 {color: rgb(49, 54, 99); font-size: 1.13em;}
.contenedor-alcance p {color: rgb(44, 170, 203); font-size: 0.85em; text-align: justify;}

.contenedor-pregunta {padding: 35px; background-color: rgb(51, 172, 206);}
.contenedor-pregunta h3 {color: rgb(98, 247, 247); margin-bottom: 10px; font-size: 1.2em;}
.contenedor-pregunta p {color: #fff; text-align: justify; font-size: 0.85em;}

.contenedor-valores {background-color: rgb(223, 243, 243); padding-top: 35px; padding-left: 35px; padding-right: 35px;}
.contenedor-valores h3 { font-size: 1.2em; color: rgb(0, 162, 196);}
.contenedor-valores img{width: 100%; display: block;}

/* PERSONAS Y EMPRESAS*/
.bg-personas {background-image: url('../Images/Icons/fondo-personas2.svg'); background-repeat: no-repeat; background-position: center; background-size: cover;}
.bg-empresas {background-image: url('../Images/Icons/fondo-empresas.svg'); background-repeat: no-repeat; background-position: center; background-size: cover;}
.portada {height: 350px; width: 100%; background-color: rgb(223, 243, 243); position: relative;}
.portada .titulo {position: absolute; top: 20px; left: 0;}
.portada .titulo img{width: 200px;}
.portada .titulo .texto {position: absolute; top: 5px; left: 30px}
.portada .titulo .texto h2{color: #fff; font-size: 1em;}
.portada .parrafo {position: absolute; width: 100%; height: 150px; bottom: 0;}
.portada .parrafo h1{color: rgb(0, 162, 196); font-size: 1.4em; text-align: center;}

.portada .parrafo2 {position: absolute; width: 100%; height: 260px; bottom: 0;}
.portada .parrafo2 .contenido {width: 150px; margin: 0 auto;}
.portada .parrafo2 h1{color: rgb(0, 162, 196); font-size: 1.4em; text-align: right; margin-bottom: 15px;}
.portada .parrafo2 .btn {text-align: center; position: relative; cursor: pointer;}
.portada .parrafo2 .btn img {height: 25px;}
.portada .parrafo2 .btn .boton {position: absolute; width: 100%; top: 2px}
.portada .parrafo2 .btn .boton a{color: #fff; font-size: 0.95em;}
.portada .parrafo2 .btn a {padding: 10px; background-color: red; border-radius: 20px; padding: 3px 12px 3px 12px; color: #fff; font-size: 0.7em;}
.portada .parrafo2 .btn a:hover {opacity: 50%;}

.container-seguros {height: auto; padding-left: 15px; padding-right: 15px; padding-bottom: 20px; padding-top: 20px;}
.container-seguros .contenedor {background-color: #fff; border-radius: 25px;}
.container-seguros .contenedor .parrafo{ padding: 20px;}
.container-seguros .contenedor .cabecera {padding: 20px; border-radius: 25px; position: relative;}
.container-seguros .contenedor .cabecera div {position: absolute; right: 20px; top: 10px;}
.container-seguros .contenedor .cabecera img{ height: 40px; width: 60px;}
.container-seguros .contenedor .cabecera h3{color: #fff; padding-right: 60px; font-size: 0.9em;}
.container-seguros .contenedor .parrafo h3 {display: none;}
.container-seguros .contenedor .parrafo p{font-size: 0.85em; color: rgb(93, 93, 93); text-align: justify;}

.salud {background-color: rgb(221, 243, 243);}
.salud-cabecera {background-color: rgb(252, 202, 61);}
.azul {color: rgb(0, 132, 157) !important;}
.auto {background-color: rgb(179, 232, 247);}
.auto-cabecera { background-color:rgb(0, 163, 177)}
.soat {background-color: rgb(179, 203, 218);}
.soat-cabecera {background-color: rgb(0, 82, 132);}
.hogar {background-color:  rgb(227, 181, 196);}
.hogar-cabecera {background-color: rgb(159, 77, 77);}
.universitario {background-color: rgb(255, 199, 204);}
.universitario-cabecera {background-color: rgb(254, 190, 0);}
.vida {background-color: rgb(255, 222, 185);}
.vida-cabecera {background-color: rgb(100, 215, 210);}

.patrimonial {background-color: rgb(207, 209, 210);}
.accidente {background-color: rgb(179,218, 232);}
.accidente-cabecera {background-color: rgb(255, 182, 136);}
.montaje-cabecera { background-color: rgb(130, 159, 95);}
.corazon-cabecera {background-color: rgb(255, 138, 138);}
.eps-cabecera {background-color: rgb(255, 155, 71);}
.casco-cabecera{background-color: rgb(225, 225, 225);}
.tractor-cabecera {background-color: rgb(255, 233, 203);}

/* SABÍAS QUE*/

.sabias {height: auto; width: 100%; background-color: rgb(223, 243, 243); padding-top: 20px; padding-bottom: 40px;}
.sabias .titulo2 {position: relative; width: 200px; margin-bottom: 20px;}
.sabias .titulo2 img{width: 200px;}
.sabias .titulo2 .texto {position: absolute; top: 50%; left: 80%; transform: translate(-53%, -60%); width: 100%;}
.sabias .titulo2 .texto h2{color: #fff; font-size: 1em;}
.sabias .noticia {background-color: #fff; height: auto; margin-left: 10px; margin-right: 10px; margin-top: 20px;}
.sabias .noticia .contenedor {padding: 15px;}
.sabias .noticia .contenedor h2 {color: rgb(0, 162, 196); text-align: left;}
.sabias .noticia .contenedor .img {margin: 0 auto; text-align: center;}
.sabias .noticia .contenedor img {/*height: 200px; */ width: 100%; margin-top: 20px; margin-bottom: 20px; max-width: 500px;}
.sabias .noticia .contenedor p, .sabias .noticia .contenedor li {font-size: 0.9em; color: rgb(93, 93, 93); text-align: justify;}
.sabias .noticia .contenedor ul {margin-left: 25px; margin-top: 15px;}
.sabias .noticia .contenedor > ul {font-size: 0.9em;}
.sabias .noticia .contenedor li {font-size: 1em;}
.sabias .noticia .contenedor li {color: rgb(93, 93, 93); margin-top: 8px; text-align: justify;}
.sabias .noticia .contenedor h3 {margin: 15px 0 10px 0; color: rgb(0, 162, 196); font-size: 0.97em;}
.sabias .noticia .contenedor .cabecera {width: 100%; height: 30px; background-color: rgb(58, 37, 130); margin-top: 20px; margin-bottom: 20px;}
.sabias .noticia .contenedor .cabecera h3{ color: #fff; line-height: 30px; padding-left: 10px;}
.sabias .noticia .contenedor .noticias {width: 100%; height: auto; display: flex; flex-wrap: wrap;}
.sabias .noticia .contenedor .noticias .bloque {width: 50%; height: 100%; padding: 5px 0; margin-bottom: 15px;}
.sabias .noticia .contenedor .noticias img { margin-bottom: 0; margin-top: 0; width: 95%;  margin: 0 auto; display: flex; cursor: pointer;}
.sabias .noticia .contenedor .noticias .subtitulo {width: 95%; margin: 0 auto; height: auto; cursor: pointer; font-size: 0.65em; color: #000;} 

/* CONTACTANOS*/

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: rgb(155, 155, 155); font-weight: 400; font-size: 0.95em;}
.sabias .forms .left {width: 100%; height: 550px; margin-top: 40px;}
.sabias .forms .right {width: 100%; height: 350px; margin-top: 40px;}
.sabias .forms .left .contenedor, .sabias .forms .right .contenedor {margin-top: 50px; width: 70%; margin: 0 auto;}
.sabias .forms .left .contenedor input, .sabias .forms .left .contenedor textarea  {display: block; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; border-radius: 8px; border: none; color: #000; width: 100%; height: 40px; padding-left: 10px; padding-right: 10px; width: calc(100% - 20px);}
.sabias .forms .right .contenedor input, .sabias .forms .right .contenedor textarea  {display: block; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; border-radius: 8px; border: none; color: #000; width: 100%; height: 40px; padding-left: 10px; padding-right: 10px; width: calc(100% - 20px);}
.sabias .forms .left .contenedor textarea {height: 100px; resize: none;}
.sabias .forms .left .contenedor .botones {margin: 0 auto; margin-top: 20px; display: flex; justify-content: center; align-items: center;}
.sabias .forms .right .contenedor .botones {margin: 0 auto; margin-top: 20px; display: flex; justify-content: center; align-items: center;}
.submit {text-align: center; height: 50px; line-height: 50px; background-color: rgb(255, 70, 86); width: 30%; border-radius: 7px; color: #fff; font-size: 1em; cursor: pointer;}
.submit:hover { opacity: 50%;}
.sabias .forms h2 {color: rgb(0 , 82, 132); text-align: center; font-size: 1.5em; margin-bottom: 30px;}

.bg-contactanos {background: linear-gradient(185deg, #CBF4F3 58%, #DFF3F3 10%);}
.asset {text-align: center; margin-top: -20px;}
.asset img{ height: 50px;}
.asset .desktop {display: none;} 
.required {border: 1px solid rgba(240, 94, 101, 0.7) !important; box-shadow: 0 0 2px 0 #f05e65;}
.error, .error2{color: #f05e65; display: none;}
.error.active, .error2.active {display: inline-block;}
.disabled {opacity: 0.5; pointer-events: none;}

 /*  FOOTER */

.footer {padding: 30px 0px;}
.footer .social {text-align: center; justify-content: center; align-content: center; display: flex;}
.footer .social .center {width: 60px;}
.footer .social .fb {float: left; cursor: pointer;}
.footer .social .lk {float: right; cursor: pointer;}
.footer .emoji {text-align: center; justify-content: center; align-content: center; display: flex; margin-top: 15px;}
.footer p {text-align: center; margin-top: 10px; font-size: 0.9em;}



.centered {
    max-width: 1900px;
    margin: 0 auto;
}
.bg-oficinista {background-color: rgb(167, 215, 216);}
.bg-mision {    background-color: rgb(223, 243, 243);}
.bg-porque {background-color: rgb(51, 172, 206);}
.bg-red {background-color: rgb(239, 2, 3);}
.bg-nubes {background-color: rgb(228, 242, 242);}


 .g-recaptcha {
    max-width: 80% !important;
    overflow: hidden !important;
    /* max-height: 50px !important; */
    line-height: 50px !important;
    /* margin-right: 5% !important; */
    /* border: 2px solid #ccc !important; */
    border-radius: 7px !important;
    transform: scale(0.8);
    margin-left: -20px;
}

.grecaptcha-badge { visibility: hidden; }
.g-recaptcha .g-recaptcha div {height: 50px !important;}
/* .g-recaptcha iframe {height: 50px !important; width: 100% !important;} */
.g-recaptcha .recaptcha-checkbox-border {border-radius: 7px !important;}
.g-recaptcha .rc-anchor-normal .rc-anchor-content {height: 50px !important; width: auto !important;}
.g-recaptcha .rc-anchor-normal-footer { display: none !important;}
.g-recaptcha .rc-anchor-normal .rc-anchor-checkbox-label {width: auto !important; color: rgb(155, 155, 155);}

.rc-anchor-normal .rc-anchor-checkbox-label {width: 80px !important;}