@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&display=swap');
@font-face {
font-family: 'Lato-Light'; src: url("../fonts/Lato/Lato-Light.ttf") format('truetype');
} @font-face {
font-family: 'Lato-Regular'; src: url("../fonts/Lato/Lato-Regular.ttf") format('truetype');
} @font-face {
font-family: 'Lato-Bold'; src: url("../fonts/Lato/Lato-Bold.ttf") format('truetype');
} * {
font-family: "Lato-Regular";
} body {
overflow-x: hidden;
} .menu_selected {
background-color: #3367AA;
} .content-navbar {
background: #004299; position: fixed; padding: 12px 0; z-index: 99; transition: 0.3s;
} .content-navbar.scrolled {
padding: 0;
} .content-navbar.scrolled .navbar-brand img {
height: 25px;
} .navbar-brand img {
height: 35px;
transition: 0.3s;
} .nav-item {
display: flex; justify-content: center; align-items: center;
} .nav-item a {
color: white; font-size: 11px; transition: 0.3s; vertical-align: top; 
line-height: 15px;
} .nav-item a:hover {
font-size: 13px;
font-family: "Lato-Bold";
} .navbar-nav {
width: 100%;
} .navbar-nav .nav-item {
width: 16.66666666666667%; text-align: center;
} .bg-home {
background: url("../img/BANNET-TOP.jpg") center center no-repeat; background-position: center center; padding: 230px 0 160px 0; background-size: cover;
} h1 {
text-align: center; color: white; font-size: 40px; 
} .parent_slider {
-webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.36); -moz-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.36); box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.36); border-radius: 60px; 
} .slide-home {
width: 96%; margin: 0 2%;
} .slide-home .slick-initialized .slick-slide {
height: auto;
} .slide-home .slick-prev:before, .slide-home .slick-next:before {
content: "";
} .slide-home .slick-prev {
background: url("../img/left-row.png") center center no-repeat; background-size: cover;
} .slick-next {
right: 1px;
} .slick-prev {
left: 1px;
} .slide-home .slick-next {
background: url("../img/right-row.png") center center no-repeat; background-size: cover;
} .slide-home .slick-prev, .slide-home .slick-next {
height: 35px; width: 35px;
} .slide-home .slick-list .slick-slide p {
margin: 0 35px;
} .slick-slide:focus {
outline: none;
} .slide-home {
font-size: 18px; color: #3d3d3d;
font-family: "Lato-Light";
padding: 35px 0; 
} .services {
padding: 80px 0px 0px 0px;
} .services .top_image {
width: 120px;
} .services .square {
text-align: center;
width: 100%;
} .services .square img {
width: 100%; display: inline-block;
} .services .square {
max-width: 140px; display: inline-block;
} .services .square.bg-green-1 {
background: url("../img/bg-green-1.png") center center no-repeat; background-size: contain;
} .services .square.bg-green-2 {
background: url("../img/bg-green-2.png") center center no-repeat; background-size: contain;
} .services .content_parent_square .subtitle_square {
color: #3d3d3d; font-size: 18px; line-height: 24px; margin-top: 15px; margin-bottom: 0; font-family: 'Lato-Bold';
} .services .content_parent_square {
width: 70%; margin: 0 auto; margin-bottom: 65px;
} .especialistas {
background: url("../img/especialistas.jpg") bottom center no-repeat; background-size: cover; padding: 85px 0 90px 0;
} .title_section_1 {
font-family: 'Lato-Bold'; color: white; font-size: 40px; margin: 0; margin-bottom: 20px;
} .especialistas p {
color: white; font-size: 18px; margin: 0;
} .title_section_2 img {
width: 120px;
} .title_section_2 h2 {
font-family: 'Lato-Bold';
color: #3c3c3e; font-size: 40px; margin: 0;
} .nuestros_servicios {
padding: 80px 0;
} .nuestros_servicios .parent_section {
text-align: center; width: 70%; margin: 0 15%; margin-top: 60px;
} .nuestros_servicios .parent_section img {
width: 70px; margin: 0 auto; display: inline;
} .nuestros_servicios .parent_section .subtitle {
color: #3d3d3d; font-size: 20px; line-height: 24px; margin-top: 10px; margin-bottom: 0; font-family: 'Lato-Bold';
} .nuestros_servicios .parent_section .description {
color: #3d3d3d; font-size: 16px; line-height: 22px; margin-top: 3px; margin-bottom: 0;
} .blog {
background: url("../img/blog.jpg") center center no-repeat; background-size: cover; background-position-y: 25%; padding: 55px 0 50px 0;
} .especialistas p, .blog p {
font-size: 18px;
} .entradas_blog .content_blog {
display: inline-block; width: 100%; margin-bottom: 40px;
} .entradas_blog .content_blog h3 {
color: #000;
} .entradas_blog .content_blog a {
text-decoration: none;
} .entradas_blog .content_blog .photo {
display: inline-block; background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; width: 100%; border-radius: 10px 10px 0 0;
} .entradas_blog .content_blog .photo:after {
content: ""; display: block; padding-bottom: 70%;
} .entradas_blog .content_blog .bottom_information {
border: 2px solid #9fc53c; border-top: 0; border-radius: 0 0 10px 10px;padding: 15px 20px 15px 20px;min-height: 214px;
} .entradas_blog .content_blog .bottom_information a {
color: #797979;font-size: 14px;margin-top: 5px;display: inline-block;
} .entradas_blog .content_blog .bottom_information h3 {
font-size: 16px;margin: 0;font-family: 'Lato-Bold';margin-bottom: 10px;
} .entradas_blog .content_blog .bottom_information p {
font-size: 16px;margin: 0;line-height: 23px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;
} .entradas_blog .content_blog .bottom_information hr {
border: 1px solid #9fc53c;
} .entradas_blog .content_blog .bottom_information .footer_content_blog p {
font-size: 12px;display: inline-block;
} .entradas_blog .content_blog .bottom_information .footer_content_blog img {
height: 14px;margin-left: 5px;
} .entradas_blog .border-bottom {
border: 1px solid #9fc53c;} .entradas_blog {padding: 80px 0 0px 0;border-bottom: 1px solid #9fc53c;
} .preguntas_frecuentes {
padding: 80px 0;
} .preguntas_frecuentes .question_row .question {
border: 1px solid #9fc53c;padding: 10px;text-align: center;font-family: 'Lato-Bold';font-size: 18px;cursor: pointer;
} .preguntas_frecuentes .question_row .question.plus_icon {
background: url("../img/plus-icon.png") right center no-repeat;background-size: 15px;background-position-x: 99%;
} .preguntas_frecuentes .question_row .question.less_icon {
background: url("../img/less-icon.png") right center no-repeat;background-size: 15px;background-position-x: 99%;
} .preguntas_frecuentes .question_row .description {
font-size: 18px;display: none;
} .interesado_soluciones {
background: url("../img/interesado-soluciones-ambientales.jpg") center center no-repeat;background-size: cover;background-position-y: 45%;padding: 75px 0 75px 0;
} .interesado_soluciones a {
color: white;border: 1px solid white;padding: 10px 20px;border-radius: 30px;font-size: 18px;transition: 0.3s;display: inline-block;
} .interesado_soluciones a:hover {
color: #3c3c3e;background: white;text-decoration: none;
} footer {
background: #014691;
} footer .footer_address {
padding: 50px 0;
} footer .logo {
height: 35px;
} footer .social-icons a {
margin: 0 10px;
} footer .social-icons a img {
width: 20px;
transition: 0.3s;
} footer .social-icons a img:hover {
transform: scale(1.2);
} footer .state {
margin: 0;color: white;font-family: 'Lato-Bold';text-transform: uppercase;font-size: 18px;margin-left: 30px;
} footer .location {
background: url("../img/location.png") left top no-repeat;background-size: 15px;padding-left: 30px;background-position-y: 5px;background-position-x: 5px;margin-top: 15px;display: inline-block;padding-right: 30px;
} footer .location p {
margin: 0;color: white;font-size: 12px;line-height: 18px;
} footer .phone {
background: url("../img/phone.png") left top no-repeat;background-size: 15px;padding-left: 30px;background-position-y: 2px;background-position-x: 5px;margin: 0;color: white;font-size: 14px;line-height: 18px;margin-top: 15px;display: inline-block;font-family: 'Lato-Bold';padding-right: 30px;
} footer .phone:hover {
text-decoration: none;
} footer .email {
background: url("../img/mail.png") left top no-repeat;background-size: 15px;padding-left: 30px;background-position-y: 2px;background-position-x: 5px;margin: 0;color: white;font-size: 14px;line-height: 18px;margin-top: 15px;display: inline-block;padding-right: 30px;
} footer .email:hover {
text-decoration: none;
} .subfooter_copy p, .subfooter_copy a {
color: white;font-size: 14px;margin: 0;display: inline-block;
} .subfooter_metodika {
padding: 10px 0;
} .subfooter_metodika p {
color: white;font-size: 14px;margin: 0;display: inline-block;
} .subfooter_metodika a {
color: white;font-size: 14px;margin: 0;display: inline-block;
} .bg-quienes-somos {
background: url("../img/city.png") center center no-repeat;background-position: center center;padding: 230px 0 160px 0;background-size: cover;
} .bg-quienes-somos h1 {
font-size: 40px;color: white;font-family: 'Lato-Bold';
} .conoce_sobre_nosotros {
padding: 80px 0;
} .conoce_sobre_nosotros h2 {
font-family: 'Lato-Bold';color: #3c3c3e;font-size: 40px;margin: 0;margin-bottom: 20px;background: url("../img/nosotros/hoja.png") top left no-repeat;line-height: 36px;display: inline-block;background-size: 110px;padding-left: 50px;padding-top: 70px;
} .conoce_sobre_nosotros .description {
font-size: 18px;
} .conoce_sobre_nosotros .parent_section {
text-align: center;width: 70%;margin: 0 15%;margin-top: 60px;color: #3c3c3e;
} .conoce_sobre_nosotros .parent_section img {
width: 70px;margin: 0 auto;display: inline;
} .conoce_sobre_nosotros .parent_section .subtitle {
color: #3d3d3d;font-size: 20px;line-height: 24px;margin-top: 10px;margin-bottom: 0;
font-family: 'Lato-Bold';
} .somos_expertos {
background: url("../img/nosotros/somos-expertos-en-consultoria-ambiental.png") center center no-repeat;background-size: cover;background-position-y: 45%;padding: 75px 0 75px 0;
} .somos_expertos a {
color: white;border: 1px solid white;padding: 10px 20px;border-radius: 30px;font-size: 18px;transition: 0.3s;display: inline-block;
} .somos_expertos a:hover {
color: #3c3c3e;background: white;text-decoration: none;
} .como_lo_hacemos h2 {
font-family: 'Lato-Bold';color: #3c3c3e;font-size: 40px;margin: 0;margin-bottom: 20px;background: url("../img/nosotros/hoja2.png") top right no-repeat;line-height: 36px;display: inline-block;background-size: 110px;padding-right: 60px;padding-top: 70px;
} .como_lo_hacemos {
padding: 80px 0;
} .como_lo_hacemos .parent_section {
text-align: center;width: 70%;margin: 0 15%;margin-top: 60px;
} .como_lo_hacemos .parent_section img {
width: 70px;margin: 0 auto;display: inline;
} .como_lo_hacemos .parent_section .subtitle {
color: #3d3d3d;font-size: 20px;line-height: 24px;margin-top: 10px;margin-bottom: 0;
font-family: 'Lato-Bold';
} .como_lo_hacemos .parent_section .description {
color: #3d3d3d;font-size: 16px;line-height: 22px;margin-top: 3px;margin-bottom: 0;
} .nuestros_servicios_nosotros {
background: #a0c63b;padding: 80px 0;
} .nuestros_servicios_nosotros h2 {
font-family: 'Lato-Bold';color: white;font-size: 40px;margin: 0;margin-bottom: 20px;
} .nuestros_servicios_nosotros .description {
font-size: 18px;color: white;
} .nuestros_servicios_nosotros .section_content img {
width: 100%;
} .nuestros_servicios_nosotros .section_content h3 {
font-family: 'Lato-Bold';color: white;font-size: 25px;margin: 0;margin-bottom: 10px;margin-top: 25px;
} .nuestros_servicios_nosotros .section_content p {
font-size: 18px;color: white;
} .nuestros_valores {
padding: 80px 0;
} .nuestros_valores h2 {
font-family: 'Lato-Bold';color: #3c3c3e;font-size: 40px;margin: 0;margin-bottom: 20px;
} .nuestros_valores .image-title {
width: 110px;display: inline-block;
} .nuestros_valores .description {
font-size: 18px;
} .nuestros_valores .parent_section {
text-align: center;width: 100%;margin: 0 15%;margin-top: 60px;color: #3c3c3e;
} .nuestros_valores .parent_section img {
max-height: 60px;margin: 0 auto;  display: inline;
} .nuestros_valores .parent_section .subtitle {
color: #3d3d3d;font-size: 20px;line-height: 24px;margin-top: 10px;margin-bottom: 0;font-family: 'Lato-Bold';
} .contactanos {
background: #a0c63b;padding: 80px 0;
} .contactanos h2 {
font-family: 'Lato-Bold';color: white;font-size: 40px;margin: 0;margin-bottom: 20px;
} .contactanos .form-input {
width: 100%;display: inline-block;margin-bottom: 25px;
} .contactanos .form-input label {
width: 100%;display: inline-block;margin: 0;color: white;font-size: 16px;font-family: 'Lato-Regular';
} .contactanos .form-input input, .contactanos .form-input textarea {
width: 100%;display: inline-block;margin: 0;background: transparent;border: 0;border-bottom: 2px solid white;outline: none;color: white;padding: 0px 5px;font-family: 'Lato-Light';resize: none;
} .contactanos button {
color: white;padding: 8px 30px;border-radius: 30px;font-size: 16px;transition: 0.3s;outline: none;background: #014691;border: 0;display: inline-block;
} .contactanos button:hover {
transform: scale(1.1);} .bg-contactanos {background: url("../img/city.png") center center no-repeat;background-position: center center;padding: 230px 0 160px 0;background-size: cover;
} .contactanos #service { 
  width: 100%; background-color: transparent; border: 0px; border-bottom: 2px solid #fff; color: #fff; padding-bottom: 10px; -moz-appearance: none; -webkit-appearance: none; background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-chevron-down" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" /></svg>'); background-repeat: no-repeat; background-position-y: 50%; background-position-x: right; 
} .bg-contactanos h1 {
font-size: 40px;color: white;font-family: 'Lato-Bold';
} .contacto {
padding: 80px 0;
} .contacto .image-title {
width: 110px;display: inline-block;
} .contacto h2 {
font-family: 'Lato-Bold';
color: #3c3c3e;font-size: 40px;margin: 0;margin-bottom: 20px;
} .contacto .bg-green-contact {
background: #f4fae0;width: 100%;padding: 80px 50px;background: url("../img/contacto/green-line.png") left center no-repeat #f4fae0;background-size: 60px;background-position-y: 70%;
} .contacto .bg-green-contact .form-input {
margin-bottom: 30px;
} .contacto .bg-green-contact input, .contacto .bg-green-contact textarea {
width: 100%;display: inline-block;margin: 0;background: transparent;border: 0;border-bottom: 1px solid #3c3c3e;outline: none;color: #3c3c3e;padding: 2px 3px;font-family: 'Lato-Light';resize: none;
} .contacto .bg-green-contact button {
color: white;padding: 8px 40px 8px 30px;border-radius: 30px;font-size: 16px;transition: 0.3s;outline: none;border: 0;background: url("../img/contacto/enviar.png") right center no-repeat #a0c63b;background-size: 18px;background-position-x: 85%;
} .contacto .bg-green-contact button:hover {
transform: scale(1.1);
} .contacto .bg-green-contact .right-side-form img {
width: 110px;display: inline-block;margin-bottom: 20px;
} .contacto .bg-green-contact .right-side-form p {
font-family: 'Lato-Bold';color: #3c3c3e;font-size: 34px;margin: 0;line-height: 33px;
} .contacto #service { 
  width: 100%; background-color: transparent; border: 0px; border-bottom: 1px solid #3c3c3e; color: #6c757d; padding-bottom: 10px; -moz-appearance: none; -webkit-appearance: none; background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-chevron-down" fill="3c3c3e" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" /></svg>'); background-repeat: no-repeat; background-position-y: 50%; background-position-x: right; 
} .enfocado_soluciones {
background: url(../img/contacto/banner-bottom.png) center center no-repeat;background-size: cover;background-position-y: 45%;padding: 75px 0 75px 0;
} .enfocado_soluciones .title_section_1 {
margin: 0;
} .guiamos_cada_tramite {
background: url(../img/guiamos-tramite/guiamos-tramite.png) center center no-repeat;background-position: center center;padding: 240px 0 150px 0;background-size: cover;overflow: hidden;
} .guiamos_cada_tramite h1 {
font-family: 'Lato-Bold';color: white;font-size: 40px;margin: 0;margin-bottom: 0px;
} .guiamos_cada_tramite p {
color: white;font-size: 18px;margin: 0;
} .guiamos_cada_tramite a {
color: white;border: 1px solid white;padding: 10px 20px;border-radius: 30px;font-size: 18px;transition: 0.3s;display: inline-block;
} .guiamos_cada_tramite a:hover {
color: #3c3c3e;background: white;text-decoration: none;
} .impacto_ambiental {
padding: 80px 0;
} .impacto_ambiental img {
width: 110px;display: inline-block;
} .impacto_ambiental h2 {
font-family: 'Lato-Bold';color: #3c3c3e;font-size: 40px;margin: 0;margin-bottom: 20px;
} .impacto_ambiental p {
font-size: 18px;
} .impacto_ambiental .content_square {
-webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.36);-moz-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.36);box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.36);border-radius: 15px;padding: 50px 60px 30px 60px;margin-top: 20px;
} .impacto_ambiental .content_square2 {
-webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.36);-moz-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.36);box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.36);border-radius: 15px;padding: 50px 60px 30px 60px;margin-top: 20px;min-height: 601px;
} .impacto_ambiental .content_square img, .impacto_ambiental .content_square2 img {
width: 80px;display: inline-block;margin-bottom: 20px;
} .impacto_ambiental .content_square h3, .impacto_ambiental .content_square2 h3 {
font-family: 'Lato-Bold';color: #3c3c3e;font-size: 18px;margin: 0;margin-bottom: 10px;
} .impacto_ambiental .content_square p, .impacto_ambiental .content_square2 p {
font-size: 18px;text-align: left;
} .prevencion_contaminacion img {
width: 80px;display: inline-block;margin-bottom: 20px;
} .prevencion_contaminacion h3 {
font-family: 'Lato-Bold';color: #3c3c3e;font-size: 18px;margin: 0;margin-bottom: 10px;color: white;
} .prevencion_contaminacion p {
font-size: 18px;text-align: left;color: white;margin: 0;
} .prevencion_contaminacion .bg-blue {
background: #014691;
} .prevencion_contaminacion .bg-green {
background: #a0c63b;
} .prevencion_contaminacion .square_section {
padding: 50px 0;
} .gestion_residuos {
padding: 80px 0;
} .gestion_residuos img {
width: 110px;display: inline-block;
} .gestion_residuos h2 {
font-family: 'Lato-Bold';color: #3c3c3e;font-size: 40px;margin: 0;margin-bottom: 20px;
} .gestion_residuos .content-residuos img {
width: 100%;
} .gestion_residuos .content-residuos {
margin-top: 30px;
} .gestion_residuos .content-residuos .content-description {
border: 2px solid #9fc53c;padding: 300px 30px 50px 30px;margin-top: -265px;border-radius: 0 0 15px 15px;min-height: 704px;
} .gestion_residuos .content-residuos .content-description h3 {
font-family: 'Lato-Bold';color: #3c3c3e;font-size: 18px;margin: 0;margin-bottom: 10px;text-align: center;
} .gestion_residuos .content-residuos .content-description p {
font-size: 18px;text-align: left;color: #3c3c3e;margin: 0;
} .cambio_suelo {
padding: 80px 0;
} .cambio_suelo .cambio_suelo_content {
border: 2px solid #9fc53c;border-radius: 40px;margin-top: 50px;
} .cambio_suelo .cambio_suelo_content .green-section {
background: #9fc53c;height: 100%;text-align: center;
} .cambio_suelo .cambio_suelo_content .green-section img {
width: 80px;display: inline-block;margin-bottom: 20px;
} .cambio_suelo .cambio_suelo_content h3 {
font-family: 'Lato-Bold';color: #3c3c3e;font-size: 18px;margin: 0;margin-bottom: 10px;text-align: center;text-align: left;
} .cambio_suelo .cambio_suelo_content p {
font-size: 18px;text-align: left;color: #3c3c3e;margin: 0;
} .cambio_suelo .cambio_suelo_content .content_section.left {
padding: 30px 45px 30px 15px;
} .cambio_suelo .cambio_suelo_content .content_section.right {
padding: 30px 30px 30px 45px;
} .cambio_suelo .cambio_suelo_content .bg-1 {
background: url(../img/guiamos-tramite/estudio-tecnico-justificativo-para-la-solicitud-de-autorizacion-de-cambios-de-so-de-suelo-en-terrenos-forestales.png) center center no-repeat #9fc53c;background-size: 50%;border-radius: 30px 30px 0 30px;
} .cambio_suelo .fly-left {
padding-left: 95px;padding-right: 95px;background: url(../img/guiamos-tramite/fly-left.png) left center no-repeat;background-size: 100px;background-position-y: 40px;
} .cambio_suelo .fly-right {
padding-right: 95px;padding-left: 95px;background: url(../img/guiamos-tramite/fly-right.png) right center no-repeat;background-size: 100px;background-position-y: 40px;
} .cambio_suelo .cambio_suelo_content .bg-2 {
background: url(../img/guiamos-tramite/programa-de-rescate-de-flora-y-fauna.png) center center no-repeat #9fc53c;background-size: 50%;border-radius: 30px 30px 30px 0;
} .cambio_suelo .cambio_suelo_content .bg-3 {
background: url(../img/guiamos-tramite/programa-de-reforestacion.png) center center no-repeat #9fc53c;background-size: 50%;border-radius: 30px 30px 0 30px;
} .cambio_suelo .cambio_suelo_content .bg-4 {
background: url(../img/guiamos-tramite/seguimiento-al-cumplimiento-de-la-resolucion-en-materia-de-cambio-de-uso-de-suelo.png) center center no-repeat #9fc53c;background-size: 50%;border-radius: 30px 30px 30px 0;
} .mejor_aliado {
background: url(../img/guiamos-tramite/somos-tu-mejor-aliado-en-consultoria-ambiental.png) center center no-repeat;background-size: cover;background-position-y: 45%;padding: 75px 0 75px 0;
} .mejor_aliado .title_section_1 {
margin: 0;
} .areas_especialidad {
padding: 80px 0;
} .areas_especialidad .icon_title {
width: 80px;display: inline-block;margin-bottom: 20px;
} .areas_especialidad .big_image {
width: 80%;
} .areas_especialidad h3 {
font-family: 'Lato-Bold';color: #3c3c3e;font-size: 18px;margin: 0;margin-bottom: 10px;
} .areas_especialidad p {
font-size: 18px;line-height: 22px;color: #3c3c3e;margin: 0;margin-bottom: 7px;
} .sector-hidrocarburos-banner {
background: url(../img/sector-hidrocarburos/sector-hidrocarburos.jpg) center center no-repeat;background-position: center center;padding: 230px 0 160px 0;background-size: cover;background-position-y: 30%;
} .sector-hidrocarburos-banner h1 {
font-size: 40px;color: white;font-family: 'Lato-Bold';text-align: center;
} .tramite_asea {
padding: 80px 0;
} .tramite_asea .bg-green {
background: #a0c63b;min-height: 420px;
} .tramite_asea .bg-green h3 {
color: #0156b0;
} .tramite_asea .bg-green p {
color: #3b3d3c;
text-align: center;
} .tramite_asea .bg-green a {
color: #0156b0;
} .tramite_asea .bg-blue {
background: #0156b0;min-height: 420px;
} .tramite_asea .bg-blue h3 {
color: #a0c63b;
} .tramite_asea .bg-blue p {
color: white;text-align: center;
} .tramite_asea .bg-blue a {
color: white;border-color: #a0c63b !important;
} .min-height-840px {
min-height: 840px !important;
} .tramite_asea .bg-yellow {
background: #e1f8a6;min-height: 420px;
} .tramite_asea .bg-yellow h3 {
color: #3b3d3c;
} .tramite_asea .bg-yellow p {
color: #3b3d3c;
} .tramite_asea .bg-yellow a {
color: #3b3d3c;
border-color: #a0c63b !important;
} .tramite_asea .square_section {
padding: 70px 5%;
} .tramite_asea .square_section img {
height: 55px;display: block;margin: 0 auto;
} .tramite_asea .square_section h3 {
font-size: 19px;text-align: center;margin: 9px 0 10px 0;
} .tramite_asea .square_section p {
font-size: 16px;margin: 0;line-height: 20px;margin-bottom: 10px !important;
} .tramite_asea .square_section a, .tramite_asea .square_section a:hover {
border: 2px solid;padding: 5px 20px;border-radius: 100px;text-decoration: none;margin: 0 auto;display: block;width: fit-content;margin-top: 30px;font-family: 'Lato-Bold';
} .full-height-padding {
padding: 160px 5% !important;
} .tramites-sener {
padding: 0px 0 80px 0;
} .tramites-sener .content_blog {
display: inline-block;width: 100%;margin-bottom: 20px;
} .tramites-sener .content_blog .photo {
display: inline-block;background-position: center center !important;background-size: cover !important;background-repeat: no-repeat !important;width: 100%;border-radius: 10px 10px 0 0;
} .tramites-sener .content_blog .photo:after {
content: "";display: block;padding-bottom: 70%;
} .tramites-sener .content_blog .bottom_information {
border: 2px solid #014693;border-top: 0;border-radius: 0 0 10px 10px;padding: 15px 20px 15px 20px;
} .tramites-sener .content_blog .bottom_information h3 {
font-size: 18px;margin: 0;font-family: 'Lato-Bold';margin-bottom: 10px;text-align: center;
} .tramites-sener .content_blog .bottom_information p {
font-size: 16px;margin: 0;line-height: 23px;
} .tramites-sener .content_blog .bottom_information hr {
border: 1px solid #014693;
} .tramite_cre {
padding: 0px 0 0px 0;
} .tramite_cre .title_content .image_title {
width: 100%;max-width: 50px;
} .tramite_cre .title_content .title_description {
color: #9ec838;font-family: 'Lato-Bold';font-size: 18px;margin: 0;
} .tramite_cre .title_content .content_points {
margin-top: 10px;margin-bottom: 30px;
} .tramite_cre .title_content .description_point {
font-size: 17px;margin: 0;padding-left: 38px;background: url(../img/sector-hidrocarburos/leaf.png) left center no-repeat;background-size: 28px;background-position-x: 5px;margin-bottom: 10px;
} .navbar-toggler {
background: white;
} .navbar-toggler-icon img {
height: 34px;opacity: 0.8;padding: 3px 0 6px 0;
} .aviso_privacidad {
padding-top: 130px;
} .name_input {
background: url(../img/contacto/nombre.png) right center no-repeat;background-size: 18px;background-position-x: 98%;
} .email_input {
background: url(../img/contacto/correo.png) right center no-repeat;background-size: 18px;background-position-x: 98%;
} .phone_input {
background: url(../img/contacto/telefono.png) right center no-repeat;background-size: 18px;background-position-x: 98%;
} .message_input {
background: url(../img/contacto/mensaje.png) right top no-repeat;background-size: 18px;background-position-x: 98%;
} .contacto_social a {
margin: 0 10px;display: inline-block;
} .contacto_social a img {
width: 20px;transition: 0.3s;
} .bg-blog {
background: url("../img/city.png") center center no-repeat;background-position: center center;padding: 230px 0 160px 0;background-size: cover;
} .bg-blog h1 {
font-size: 40px;color: white;font-family: 'Lato-Bold';
} .bg-blog p {
font-size: 22px;color: white;
} .bg-top-blog {
background-position: center center !important;padding: 180px 0 100px 0 !important;background-size: cover !important;
} .contenido_blog {
padding: 120px 0 50px 0;
} .contenido_blog h1 {
font-size: 25px;font-family: 'Lato-Bold';margin-bottom: 20px; color: #212529;
} .contenido_blog p {
font-size: 17px;margin: 0;margin-bottom: 10px;margin-top: 10px;
} .reciente_post {
background: #e6e6e6;width: 100%;padding: 5%;
} .reciente_post .title {
font-size: 18px;color: #004299;font-family: Lato-Bold;margin-bottom: 5px;
} .reciente_post a, .reciente_post a:hover {
display: inline-block;color: #4e4e4e;font-size: 17px;margin-bottom: 11px;
} 

@media only screen and (max-width: 414px) and (orientation: portrait) {
.navbar-nav .nav-item {
width: 100%;
} .services {
padding: 40px 0;
} .services .top_image {
width: 80px;
} .services .content_parent_square {
margin-bottom: 35px;
} .especialistas {
padding: 35px 0 40px 0;
} .title_section_2 img, .nuestros_valores .image-title, .nuestros-clientes .image-title {
width: 80px;
} .title_section_2 h2 {
font-size: 30px;
} .nuestros_servicios {
padding: 40px 0;
} .entradas_blog {
padding: 50px 0 50px 0;
} .entradas_blog .content_blog {
margin-bottom: 30px;
} .preguntas_frecuentes {
padding: 40px 0;
} .title_section_1, .nuestros_valores h2 {
font-size: 30px;
} .interesado_soluciones {
padding: 35px 0 35px 0;
} footer .logo {
margin-bottom: 20px;
} footer .state {
margin-left: 10px;
} .conoce_sobre_nosotros h2 {
font-size: 30px;line-height: 26px;background-size: 70px;padding-left: 30px;padding-top: 40px;
} .conoce_sobre_nosotros,.como_lo_hacemos,.nuestros_servicios_nosotros,.nuestros_valores,.contactanos,.impacto_ambiental,.gestion_residuos,.cambio_suelo,.areas_especialidad,.tramite_asea,.contacto, .sasisopa {
padding: 40px 0;
} .como_lo_hacemos h2 {
font-size: 30px;line-height: 26px;background-size: 70px;padding-right: 30px;padding-top: 40px;
} .como_lo_hacemos .parent_section {
width: 100%;margin: 0;margin-top: 30px;
} .nuestros_servicios_nosotros .section_content img {
width: 60%;margin: 0 20%;
} .impacto_ambiental .content_square {
padding: 30px 10px 20px 10px;
} .cambio_suelo .fly-left, .cambio_suelo .fly-right {
background: none;padding: 0;
} .cambio_suelo .cambio_suelo_content {
margin-top: 20px;
} .cambio_suelo .cambio_suelo_content .content_section.right {
padding: 20px 20px 20px 20px;
} .full-height-padding,
.tramite_asea .square_section {
padding: 40px 5% !important;
} .min-height-840px {
min-height: auto !important;
} .tramite_asea .bg-blue,.tramite_asea .bg-green,.tramite_asea .bg-yellow {
min-height: auto;
} .tramites-sener {
padding: 0px 0 40px 0;
} .tramite_cre .title_content .title_description {
margin-top: 10px;
} .contacto .bg-green-contact .right-side-form img {
display: none;
} .contacto .bg-green-contact {
padding: 30px 20px;
} .contacto_social a {
margin-top: 20px;
}
} #slider-clientes {
  display: flex;  
} #slider-clientes .slick-slide {
height: 150px;display: flex;justify-content: center;align-items: center;
} #slider-clientes .arrow_custom_left {
background-image: url('/assets/img/left-arrow.png');background-repeat: no-repeat;background-position: 50%;background-size: contain;width: 20%;height: auto;cursor: pointer;
} #slider-clientes .arrow_custom_right {
background-image: url('/assets/img/right-arrow.png');background-repeat: no-repeat;background-position: 50%;background-size: contain;width: 20%;height: auto;cursor: pointer;
} @media only screen and (min-width: 415px) and (max-width: 780px)  and (orientation: portrait) {
}


#cv_btn {
  background-color: #a0c63b;
  color: #fff;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}


/*------------------------
|       SASIPOSA         |
|------------------------|*/
.sasisopa-main * {
  font-family: 'Quicksand', sans-serif!important;
}

.sasisopa {
  padding: 80px 0;
  background-color: #F7F7F7;
  position: relative;
}
.sasisopa::after {
  content: '';
  position: absolute;
  bottom: 0;
  background-color: #ffffff;
  height: 200px;
  width: 100%;
}

.sasisopa .card-form {
  background-color: #ffffff;
  margin-top: 50px;
  padding: 60px 50px;
  box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
  position: relative;
  z-index: 5;
}

.sasisopa .img-icono{
  height: 90px;
  margin-bottom: 28px;
}

.sasisopa .image-title {
  width: 55px;
  display: inline-block;
}

.sasisopa h2 {
  font-family: 'Lato-Bold';
  color: #3c3c3e;
  font-size: 40px;
  margin: 0;
  margin-bottom: 20px;
}

.sasisopa .description {
  font-size: 16px;
  margin: 1rem 0;
  text-align: center;
}

.sasisopa .description span{
  font-weight: bold;
}

.sasisopa .form-p-tramite,
.sasisopa .form-p-contactanos {
  font-family: 'Lato-Bold';
  color: #3c3c3e;
  font-size: 34px;
  margin: 0;
  line-height: 33px;
  letter-spacing: 2;
  font-weight: bold;
  position: relative;
}

.sasisopa .form-p-contactanos {
  padding-bottom: 24px;
}

.sasisopa .form-p-contactanos::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100px;
  background-color: #a0c63b;
}

.sasisopa .form-p-contactanos{
  color: #a0c63b;
}

.sasisopa .bg-blue-contact .form-input {
  margin-bottom: 30px;
}

.sasisopa .bg-blue-contact input,
.sasisopa .bg-blue-contact textarea {
  width: 100%;
  display: inline-block;
  margin: 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #3c3c3e;
  outline: none;
  color: #3c3c3e;
  padding: 2px 3px;
  font-family: 'Lato-Light';
  resize: none;
}

.sasisopa .bg-blue-contact button {
  color: white;
  padding: 5px 50px 5px 40px;
  border-radius: 30px;
  font-size: 16px;
  transition: 0.3s;
  outline: none;
  border: 0;
  background: url("../img/contacto/enviar.png") right center no-repeat #004299;
  background-size: 18px;
  background-position-x: 85%;
  text-transform: uppercase;
}

.sasisopa .bg-green-contact button:hover {
  transform: scale(1.1);
}

.sasisopa .bg-green-contact .right-side-form img {
  width: 110px;
  display: inline-block;
  margin-bottom: 20px;
}

.sasisopa #service {
    width: 100%;
    background-color: transparent;
    border: 0px;
    border: 1px solid #3c3c3e;
    color: #6c757d;
    padding-bottom: 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-chevron-down" fill="3c3c3e" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" /></svg>');
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-position-x: 98%;
    border-radius: 5px;
    padding: 5px 24px;
}

.sasisopa-banner {
  background: url("../img/sasisopa/banner.png") center center no-repeat;
  background-position: center center;
  padding: 230px 0 160px 0;
  background-size: cover;
  position: relative;
}

.sasisopa-titulo-top {
  width: 100%;
  position: absolute;
  top: 86px;
  background-color: rgba(0, 66, 153, 0.30);
  }

.sasisopa-titulo-top p {
  color: #ffffff;
  margin: 0;
  padding: 16px 0;
  font-weight: bold;
  font-size: 1.25rem;
  letter-spacing: 1.2;
}

.sasisopa-titulo-top span {
  color: #a0c63b;
}

.sasisopa-banner h1{
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 1.5;
  padding: 0 15px;
  margin-bottom: 24px;
}

.sasisopa-banner h1 span{
  color: #a0c63b;
}

.sasisopa-banner 
.sasisopa-subtitulo {
  color: #ffffff;
  font-family: 'Lato-Light';
}

.sasisopa .contacto .image-title{
  width: 55px;
  display: inline-block;
}

.sasisopa-banner-footer {
  background: url(../img/sasisopa/banner-bottom.png) center center no-repeat;
  background-size: cover;
  background-position-y: 45%;
  padding: 75px 0 75px 0;
}

.sasisopa-banner-footer .title_section_1 {
  margin: 0;
}

.sasisopa-a-footer {
  background-color: #a0c63b!important;
  text-transform: uppercase;
  padding: 8px 30px!important;
  margin-top: 24px!important;
  display: inline-block;
}

/*--sasisopa-beneficios--*/
.sasisopa-beneficios {
  background-color: #F1FAE0;
  padding: 50px 0;
}

.sasisopa-beneficios h2,
.sasisopa-preguntas-frecuentes h2,
.sasisopa-ayuda h2 {
  font-weight: bold;
  letter-spacing: 1.5;
  margin-bottom: 50px;
  color: #3c3c3e;
}

.sasisopa-beneficios .square-icon {
  height: 90px;
  margin: 0 auto;
}
.sasisopa-beneficios .content_parent_square .subtitle_square {
  color: #3d3d3d;
  font-size: 18px;
  line-height: 24px;
  margin-top: 15px;
  margin-bottom: 0;
  font-weight: 500;
}

.sasisopa-beneficios .content_parent_square {
  width: 70%;
  margin: 0 auto;
  margin-bottom: 65px;
}

.sasisopa-banner-middle {
  background: url("../img/sasisopa/banner-middle.png") center center no-repeat;
  background-size: cover;
  background-position-y: 45%;
  padding: 75px 0 75px 0;
  position: relative;
}

.sasisopa-banner-middle::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 66, 153, 0.45);
}

.sasisopa-banner-middle  h2 {
  letter-spacing: 1.5;
  font-family: 'lato-regular';
  margin: 0;
}

/*--sasisopa-ayuda*/
.sasisopa-ayuda {
  padding: 50px 0 0;
}

.sasisopa-item-ayuda {
  max-width: 300px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 30px;
}

.sasisopa-item-ayuda img {
  height: 60px;
  margin-bottom: 24px;
}

.sasisopa-item-ayuda p {
  letter-spacing: 1.5;
}

/*--sasisopa-preguntas-frecuentes*/
.sasisopa-preguntas-frecuentes {
  padding: 50px 15px;
}

.sasisopa-preguntas-frecuentes .question_row {
  border: 1px solid #9fc53c;
  margin: 10px 0;
}

.sasisopa-preguntas-frecuentes .question_row .question {
  padding: 10px;
  text-align: left;
  font-family: 'Lato-Bold';
  font-size: 16px;
  cursor: pointer;
  margin: 0;
  font-weight: bold;
}

.sasisopa-preguntas-frecuentes .question_row .question.plus_icon {
  background: url("../img/plus-icon.png") right center no-repeat;
  background-size: 15px;
  background-position-x: 99%;
}

.sasisopa-preguntas-frecuentes .question_row .question.less_icon {
  background: url("../img/less-icon.png") right center no-repeat;
  background-size: 15px;
  background-position-x: 99%;
}

.sasisopa-preguntas-frecuentes .question_row .description {
  font-size: 18px;
  display: none;
  padding: 10px;
}

/* sasisopa-cards */

.sasisopa-cards-wrapper {
  padding-bottom: 50px;
}

.sasisopa-card  {
  max-width: 300px;
  margin: 0 auto 28px;
}

.sasisopa-card img {
  width: 100%;
  height: auto;
}

.sasisopa-card-info {
  text-align: center;
  border: 2px solid #004299;
  border-top: none;
  padding: 20px;
  border-radius: 0 0 5px 5px;
  min-height: 330px;
}

.sasisopa-card-info h2 {
  font-weight: bold;
  letter-spacing: 1.5;
  font-size: 1.25rem;
}

.sasisopa-card-info a,
.sasisopa-banner-footer a {
  color: white;
  padding: 5px 40px;
  border-radius: 30px;
  transition: 0.3s;
  outline: none;
  border: 0;
  background-color: #004299;
  font-size: 1rem;
  text-decoration: none;
  font-weight: 500;
}

.sasisopa-card-info a.icono img{
  width: 15%!important;
}

.sasisopa-card-info a.icono{
  padding: 6px 20px!important;
}

/* GESTION DE RESIDUOS */
  @media (max-width: 575.98px) {
    #gestion-de-residuos h1 {
      font-size: 40px !important;
    } #gestion-de-residuos h2 {
      font-size: 30px !important;
    }
  } @media (min-width: 575.98px) and (max-width: 767.98px) {
    #gestion-de-residuos h1 {
      font-size: 40px !important;
    } #gestion-de-residuos h2 {
      font-size: 30px !important;
    }
  } @media (min-width: 767.98px) and (max-width: 991.98px) {
    #gestion-de-residuos h1 {
      font-size: 40px !important;
    } #gestion-de-residuos h2 {
      font-size: 30px !important;
    }
  } @media (min-width: 991.98px) and (max-width: 1199.98px) { 
  } @media ( min-width: 1200px ) {
  }

  #gestion-de-residuos * {
    font-family: 'Quicksand', sans-serif!important;
  } #gestion-de-residuos .white {
    color:  #ffffff;
  } #gestion-de-residuos .green {
    color:  #9fc63b;
  } #gestion-de-residuos .btn-green {
    background-color: #9fc63b;
    color: #fff !important;
    text-decoration: none;
    padding: 8px 40px;
    border: 0px;
    border-radius: 100px;
  } #gestion-de-residuos .btn-trans {
    background-color: #9fc63b;
    color: #fff !important;
    text-decoration: none;
    padding: 8px 40px;
    border: 1px solid #fff;
    border-radius: 100px;
  }

  #gestion-de-residuos .bg-gestion-residuos {
    background: url("../img/gestion-residuos/bannr_principal.webp") center center no-repeat;background-position: center center;padding: 230px 0 160px 0;background-size: cover;
  } #nuestros-objetivos .line-border {
    border-left: 1px solid #004691;
    border-bottom: 1px solid #004691;
    border-right: 1px solid #004691;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  } #gestion-de-residuos h1 {
    font-size: 70px;
  } #gestion-de-residuos h2 {
    font-size: 40px;
  }

  #nuestros-objetivos .title {
    font-size: 24px;
    padding-top: 20px;
  } #nuestros-objetivos .desc {
    font-size: 16px;
    padding: 20px;
  }

  #promesa-servicio {
    background: url("../img/gestion-residuos/Fondo_banner_soluciones.webp") center center no-repeat;background-position: center center;padding: 80px 0 50px 0;background-size: cover;
  }

  #nuestros-servicios li {
    font-size: 20px;
  }

  #ventajas-competitivas {
    background-color: #9fc63b;
  } #ventajas-competitivas li {
    font-size: 20px;
    color: #fff;
  }

  #callToAction {
    background: url("../img/gestion-residuos/Fondo_banner_aliado.webp") center center no-repeat;background-position: center center;padding: 80px 0 50px 0;background-size: cover;
  }

  #contacto form {
    background-color: #f2fae0;
    background-image: url(../img/contacto/green-line.png);
    background-position: left 350px;
    background-repeat: no-repeat; 
    color: #f4fae0;
    background-size: 10%
  } #contacto form h2 {
    color: #3c3c3d;
  } #contacto form input, #contacto form textarea {
    margin: 10px 0px;
    background-color: transparent;
    border: 0px;
    border-bottom: 1px solid #3c3c3d;
    border-radius: 0px;
  } #contacto form #name {
    background-image: url('../img/gestion-residuos/nombre.webp');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 100%
  } #contacto form #email {
    background-image: url('../img/gestion-residuos/correo.webp');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 100%
  } #contacto form #phone {
    background-image: url('../img/gestion-residuos/telefono.webp');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 100%
  } #contacto form #message {
    background-image: url('../img/gestion-residuos/mensaje.webp');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 100%
  } #contacto button img {
    max-height: 16px;
    margin-left: 10px;
  }
/* GESTION DE RESIDUOS */

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

  .sasisopa {
    padding: 100px 0;
  }
  
  .sasisopa-titulo-top {
    top: 104px;
  }

  .sasisopa-beneficios,
  .sasisopa-preguntas-frecuentes,
  .sasisopa-ayuda {
    padding: 80px 0;
  }

  .sasisopa-ayuda {
    padding-bottom: 0;
  }

  .sasisopa-beneficios h2,
  .sasisopa-ayuda h2 {
    margin-bottom: 80px;
  }

  .sasisopa-item-ayuda {
    margin-bottom: 50px;
  }

  .sasisopa-preguntas-frecuentes .question_row .question {
    font-size: 18px;
  }

  .sasisopa-cards-wrapper {
    padding-bottom: 80px;
  }

  .sasisopa-card-info {
    min-height: 474px;
  }
  
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  .sasisopa-titulo-top {
    top: 86px;
  }

  .sasisopa-banner h1{
    font-size: 3.5rem;
    max-width: 70%;
    margin: 0 auto 24px;
  }

  .sasisopa-card-info {
    min-height: 330px;
  }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  .sasisopa-banner h1{
    max-width: 60%;
  }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
  .sasisopa-banner h1{
    max-width: 50%;
  }
}