/*
Theme Name: Construgen
Theme URI: https://oceanwp.org/
Template: oceanwp
Author: Movemos Marcas
Author URI: https://oceanwp.org/about-me/
Description: OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful &amp; professional design. Very fast, responsive, RTL &amp; translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet &amp; mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor &amp; WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it's the only theme you will ever need: https://oceanwp.org/demos/
Tags: two-columns,right-sidebar,footer-widgets,blog,news,custom-background,custom-menu,post-formats,rtl-language-support,sticky-post,editor-style,threaded-comments,translation-ready,buddypress,custom-colors,featured-images,full-width-template,theme-options,e-commerce,block-styles,wide-blocks,accessibility-ready
Version: 3.0.3.1628877099
Updated: 2021-08-13 12:51:39

*/

html {
  font-size: 62.5%;
  /*Remes 10px = 1rem*/
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: none;
}

p {
  font-size: 16px;
}
::placeholder {
  color: #000;
}
.wpcf7 form.sent .wpcf7-response-output {
    color: #fff;
}
/*--********************************-*/
/*--------------UTILIDAD---------*/
.flex {
  display: flex;
}
.flex-form {
  display: flex;
  gap: 5%;
  margin-bottom: 3%;
}
.btn1 {
  color: #fff;
  padding: 16px 55px;
  border-radius: 30px;
  font-weight: bold;
  background: #ffc200;
}
.titulo-seccion p {
  font-size: 18px;
  padding: 0 19%;
}
.btn1:hover {
  background: #333333;
  color: #fff;
}
.btn2 {
  color: #fff;
  padding: 16px 55px;
  border-radius: 30px;
  font-weight: bold;
  background: #0cc69a;
}

.btn2:hover {
  background: #333333;
  color: #fff;
}
.contactanos-izq img {
    max-width: 400px;
}

.titulo-seccion {
  text-align: center;
}
.titulo-seccion h2 {
  font-size: 50px;
  font-weight: 900;
  color: #0cc69a;
  position: relative;
  display: inline-block;
}
.titulo-seccion h2:before {
  content: "";
  position: absolute;
  background: #333333;
  bottom: 0;
  left: 44%;
  width: 71px;
  height: 4px;
}
.titulo-seccion h2 span {
  color: #333333;
}
/*---------------HEADER-----------*/

header.page-header.background-image-page-header {
  filter: grayscale(1);
}
.site-header2 {
  position: fixed !important;
  top: 0;
  background: #333333 !important;
}

.single-proyectos .site-header2 {
  position: fixed !important;
  top: 0;
  background: #fff !important;
}

.site-header2 div#site-header-inner::before {
  display: none;
}

div#site-header-inner {
  position: relative;
}

div#site-header-inner::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  bottom: 25px;
  left: 0;
}
.sl-overlay {
    z-index: 9999;
}

#site-navigation-wrap .dropdown-menu > li {
  padding-top: 25px;
}

.content-top-bar {
  width: 100%;
  display: flex;
  align-items: center;
}

.top-bar-right {
  width: 75%;
}

.content-top-bar p {
  margin: 0;
  font-size: 14px;
  margin-left: 8%;
  position: relative;
}

p.tel-top-bar::before {
  content: url(../Construgen/assets/img/telefono.svg);
  position: absolute;
  width: 20px;
  left: -30px;
  top: 2px;
}

p.mensaje-top-bar::before {
  content: url(../Construgen/assets/img/mensaje.svg);
  position: absolute;
  width: 27px;
  left: -38px;
  top: 3px;
}

p.ubicacion-top-bar::before {
  content: url(../Construgen/assets/img/ubicacion.svg);
  position: absolute;
  width: 25px;
  left: -34px;
  top: -3px;
}

a.btn-top-bar {
  background: #0cc69a;
  font-weight: bold;
  padding: 3px 17px;
  border-radius: 30px;
  margin-left: 3%;
}

a.btn-top-bar:hover {
  background: #ffc200;
  color: #fff !important;
}

/*--********************************-*/
/*--*********FOOTER MAIN************-*/
.content-footer-principal {
  display: flex;
  justify-content: space-between;
}
section#footer-principal {
  background: #333333;
  padding: 2% 0;
}
.contenedor-pie {
  display: flex;
  justify-content: space-between;
}
.content-footer-principal h2 {
  color: #fff;
}
.footer-navegacion a {
  color: #fff;
  display: block;
  position: relative;
}
.footer-navegacion a::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: #0cc69a;
  left: -31px;
  top: 3px;
  border-radius: 50%;
}
/* .footer-logo-redes {
    width: 25%;
}
.footer-navegacion {
    width: 35%;
}
.footer-proyectos-destacados {
    width: 35%;
} */
.img-destacada {
  min-height: 80px;
  background-position: center;
  background-size: cover;
  width: 110px;
  max-width: 90px;
}
a.destacado-footer p {
  color: #fff;
  line-height: normal;
}
.links-footer {
  padding-left: 16%;
}
a.destacado-footer:hover p {
  color: #0cc69a;
}
.footer-navegacion {
  width: 12%;
}
.destacado-footer {
  display: flex;
  gap: 10%;
  margin-bottom: 10%;
  align-items: center;
}
.destacado-footer span {
  font-weight: bold;
  display: block;
}
.footer-navegacion a:hover {
  color: #0cc69a;
}
.content-general-footer p {
  font-weight: 300;
}
.content-general-footer h4 {
  font-weight: bold;
  margin: 0;
  color: #fff;
}
.content-general-footer p {
  margin: 0;
  min-height: 30px;
}
.content-general-footer {
  padding-left: 20%;
}
.content-footer1,
.content-footer2,
.content-footer3 {
  position: relative;
}
.content-footer1::before {
  content: url(../Construgen/assets/img/telefono.svg);
  position: absolute;
  width: 50px;
  left: 0;
  top: 0;
}
.content-footer2::before {
  content: url(../Construgen/assets/img/mensaje.svg);
  position: absolute;
  width: 50px;
  left: 50px;
  top: 7px;
}
.content-footer3::before {
  content: url(../Construgen/assets/img/ubicacion.svg);
  position: absolute;
  width: 50px;
  left: 90px;
  top: 0;
}
.content-footer2 {
  padding-left: 15%;
  position: relative;
}
.content-footer1::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 84px;
  background: #fff;
  right: 0;
  top: 0;
}
.content-footer2::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 84px;
  background: #fff;
  right: -55px;
  top: 0;
}
.content-footer3 {
  padding-left: 27%;
}
.content-footer3 p {
  line-height: normal;
}
div#footer-bottom-inner {
  position: relative;
}

div#footer-bottom-inner:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #fff;
  top: -37px;
}
.redes-footer a {
  position: relative;
}
.redes-footer a:nth-child(1)::before {
  content: url(../Construgen/assets/img/insta-footer.svg);
  position: absolute;
  width: 45px;
  left: 0rem;
  top: 26px;
}
.redes-footer a:nth-child(2)::before {
  content: url(../Construgen/assets/img/wpp-footer.svg);
  position: absolute;
  width: 45px;
  left: 10rem;
  top: 26px;
}
.redes-footer a:nth-child(3)::before {
  content: url(../Construgen/assets/img/face-footer.svg);
  position: absolute;
  width: 45px;
  right: -25rem;
  top: 26px;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*==================DOTS AND ARROWS==================*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 40%;
  display: block;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: #ffc200;
  border-radius: 50%;
  height: 60px;
  padding: 0px 10px;
  width: 60px;
}

.slick-next {
  right: 125px;
}

.slick-prev {
  left: 125px;
}

.slick-prev::before {
  content: url(../Construgen/assets/img/flecha-izq.svg);
}

.slick-next::before {
  content: url(../Construgen/assets/img/flecha-dere.svg);
}

.slick-prev:hover,
.slick-next:hover {
  background: #0cc69a;
}

.slick-prev:before,
.slick-next:before {
  font-family: inherit;
  font-size: 40px;
  line-height: 0.3;
  opacity: 1;
  color: #000;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  background-color: transparent;
  color: #fff;
}

.slick-dots {
  position: absolute;
  bottom: 30px;
}

.slick-dots li.slick-active button:before {
  background: #333333 !important;
}
.slick-dots li button:before {
  background: #0cc69a !important;
  opacity: 1 !important;
  content: "" !important;
  width: 25px !important;
  height: 12px !important;
}

/*--********************************-*/
/*--------------PROYECTOS---------*/
/*--********************************-*/
.control-proyecto {
  width: 33%;
}
.img-proyecto {
  width: 100%;
  min-height: 350px;
  background-position: center;
  background-size: cover;
  position: relative;
}
span.categoria-proyecto {
  color: #fff;
  padding: 7px 13px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 45px;
  display: block;
  width: 50%;
  font-weight: 900;
}
.construccion {
    background: #ffc200;
}

.realizado{
 background: #0cc599;
}
.preventa{
 background: #333333;
}
.lanzamiento{
 background: #c3c3c3;
}
.texto-up-proyecto {
  padding-left: 20px;
  padding-top: 15px;
}
.texto-up-proyecto h3 {
  font-size: 21px;
  font-weight: 900;
  margin: 0;
}
.texto-up-proyecto h4 {
  font-weight: 400;
}
.caracteristicas-proyectos {
  display: flex;
  justify-content: space-between;
}
.caracteristicas-proyectos span {
  display: block;
  line-height: normal;
  color: #0cc69a;
  font-weight: 900;
  font-size: 18px;
}
.caracteristicas-proyectos p {
  text-align: center;
}
p.habitacion {
  position: relative;
}
p.habitacion::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 30px;
  left: -40px;
  top: 9px;
  background: #333333;
}
p.habitacion::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 30px;
  right: -40px;
  top: 9px;
  background: #333333;
}
.texto-down-proyecto {
  display: flex;
  min-height: 60px;
}
.texto-down-proyecto p {
  background: #f2f2f2;
  margin: 0;
  width: 60%;
  padding: 6px 0;
  padding-left: 11%;
}
.texto-down-proyecto a {
  background: #0cc69a;
  margin: 0;
  width: 100%;
}
.texto-down-proyecto p span {
  display: block;
  line-height: 10px;
  font-weight: 900;
  font-size: 18px;
}
.texto-down-proyecto a {
  background: #0cc69a;
  margin: 0;
  width: 100%;
  text-align: center;
  font-weight: 900;
  color: #fff;
  padding: 0 6%;
  padding-top: 4%;
}
.texto-down-proyecto a:hover {
  background: #333333;
}

div#resultados-proyectos{
display: flex;
gap: 2%;
margin-top: 7%;
}

/*--********************************-*/
/*-------------CIFRAS---------*/

.control-cifras {
  position: relative;
  min-height: 400px;
  justify-content: space-between;
  align-items: center;
  padding-top: 17%;
}
.control-cifras h3 {
  color: #fff;
  font-weight: 900;
  font-size: 48px;
  margin: 0;
      text-align: center;
}
.control-cifras p {
  color: #fff;
  text-align: center;
}
.content-25anos .control-cifras p {
  color: #333333;
}
.content-25anos .control-cifras h3 {
  color: #333333;
}
.content-cifras {
  position: relative;
  min-height: 150px;
}
.content-cifras:nth-child(1)::before {
  content: url(../Construgen/assets/img/icono1.svg);
  position: absolute;
  width: 16rem;
  left: -16%;
  top: -16rem;
}
.content-cifras:nth-child(2)::before {
  content: url(../Construgen/assets/img/icono2.svg);
  position: absolute;
  width: 16rem;
  left: -4rem;
  top: -16rem;
}
.content-cifras:nth-child(3)::before {
  content: url(../Construgen/assets/img/icono3.svg);
  position: absolute;
  width: 16rem;
      left: 4rem;
  top: -16rem;
}
.content-cifras:nth-child(4)::before {
  content: url(../Construgen/assets/img/icono4.svg);
  position: absolute;
  width: 16rem;
 left: -2rem;
  top: -16rem;
}
.content-25anos .content-cifras:nth-child(1)::before {
  content: url(../Construgen/assets/img/icono1_negro.svg);
  position: absolute;
  width: 16rem;
  left: -16%;
  top: -16rem;
}
.content-25anos .content-cifras:nth-child(2)::before {
  content: url(../Construgen/assets/img/icono2_negro.svg);
  position: absolute;
  width: 16rem;
  left: -4rem;
  top: -16rem;
}
.content-25anos .content-cifras:nth-child(3)::before {
  content: url(../Construgen/assets/img/icono3_negro.svg);
  position: absolute;
  width: 16rem;
 
  top: -16rem;
}
.content-25anos .content-cifras:nth-child(4)::before {
  content: url(../Construgen/assets/img/icono4_negro.svg);
  position: absolute;
  width: 16rem;
  top: -16rem;
}

/*--********************************-*/
/*--------------CONTACTANOS TRASNVERSAL---------*/
section#contactanos-transversal {
  width: 100%;
  position: relative;
background-position: center 18%;
  background-size: cover;
  padding: 3% 0;
  padding-top: 5%;
	
}
section#contactanos-transversal::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  left: 0;
  top: 0;
  opacity: 0.8;
}
.content-contactanos-transversal {
  position: relative;
}
.contactanos-izq-transversal {
  width: 50%;
}
.contactanos-dere-transversal {
  width: 50%;
}
.contactanos-izq-transversal h2 {
  font-size: 40px;
  color: #000;
  font-weight: 900;
  margin-bottom: 6%;
}
.info-contactanos-transversal p {
  font-size: 21px;
  line-height: normal;
  margin-bottom: 10%;
  position: relative;
}
.info-contactanos-transversal p:nth-child(1)::before {
  content: url(../Construgen/assets/img/ubicacion-ama.svg);
  position: absolute;
  width: 42px;
  left: -62px;
  top: -4px;
}
.info-contactanos-transversal p:nth-child(2)::before {
  content: url(../Construgen/assets/img/mensaje-ama.svg);
  position: absolute;
  width: 42px;
  left: -62px;
  top: -4px;
}
.info-contactanos-transversal p:nth-child(3)::before {
  content: url(../Construgen/assets/img/telefono-ama.svg);
  position: absolute;
  width: 42px;
  left: -62px;
  top: -4px;
}

.info-contactanos-transversal {
  padding-left: 10%;
}
form input[type="text"],
form input[type="password"],
form input[type="email"],
form input[type="url"],
form input[type="date"],
form input[type="month"],
form input[type="time"],
form input[type="datetime"],
form input[type="datetime-local"],
form input[type="week"],
form input[type="number"],
form input[type="search"],
form input[type="tel"],
form input[type="color"],
form select,
form textarea {
  display: inline-block;
  min-height: 50px;
  width: 100%;
  font-size: 14px;
  line-height: 1;
  padding: 6px 12px;
  vertical-align: middle;
  background-color: #fff;
  color: #333;
  border: none;
}
form input[type="number"] {
  padding: 0 0 0 8px;
  max-width: 100%;
}
.content-form-contactanos label {
  display: block;
  width: 100%;
}
.btn-enviar input {
  background: #ffc200;
  padding: 13px 41px;
  text-transform: inherit;
  letter-spacing: 0;
  font-size: 17px;
  border-radius: 20px;
}
/*--********************************-*/
/*--------------NUESTORS CLIENTES---------*/
section#clientes-home {
  padding: 4% 0;
  background: #f4f4f4;
  position: relative;
  min-height: 550px;
}

.content-img-mapa {
  position: absolute;
  top: 27%;
  left: 32%;
}

.content-clientes-home {
  text-align: center;
  position: relative;
  z-index: 1;
}

.img-clientes {
  min-height: 120px;
  width: 75%;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  margin: 0 auto;
}

.content-img-clientes {
  width: 30%;
	display:none;
}

.text-clientes {
width: 90%;
    text-align: initial;
    margin: 0 auto;
}
.text-clientes p {
  font-style: italic;
  line-height: normal;
}

.content-clientes {
  background: #fff;
  margin: 0 6%;
  padding: 6% 3%;
  position: relative;
  padding-bottom: 14%;
  -webkit-box-shadow: 0px 4px 14px -6px #000000;
  box-shadow: 0px 4px 14px -6px #000000;
}
.content-clientes::before {
  content: url(../Construgen/assets/img/comillas.svg);
  position: absolute;
  width: 60px;
  right: 6%;
  bottom: 9px;
}
.wa__btn_popup_txt {
  display: none;
}
.item-slider {
  padding: 1% 0;
}
/*--********************************-*/
/*-------------POPUP---------*/


.up-popup-exito-izq {
  width: 60%;
  padding: 0 5%;
  padding-top: 2%;
	    padding-bottom: 4%;
}
.up-popup-exito-dere {
  width: 50%;
  background-position: center;
  background-size: cover;
}
.up-popup-exito-izq h2 {
  font-size: 41px;
  font-weight: 900;
  line-height: normal;
  position: relative;
}
.up-popup-exito-izq h2:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 92%;
  background: #ffc200;
  left: -20px;
  top: 5px;
}
.content-text-exitos h5 {
  margin: 0;
  font-size: 25px;
}
.content-text-exitos p {
  font-weight: 300;
}

ul.logos-popup {
    list-style: none;
    display: flex;
    gap: 2%;
}
ul.logos-popup li img {
    max-width: 150px!important;
}
.content-text-exitos {
  padding-left: 15%;
  position: relative;
}
.content-text-exitos:nth-child(2)::before {
  content: url(https://movemos.tk/Construgen/wp-content/uploads/2021/10/exito_icono1.svg);
}
.content-text-exitos:nth-child(3)::before {
  content: url(https://movemos.tk/Construgen/wp-content/uploads/2021/10/exito_icono2.svg);
}
.content-text-exitos:nth-child(4)::before {
  content: url(https://movemos.tk/Construgen/wp-content/uploads/2021/10/exito_icono3.svg);
}
.content-text-exitos::before {
  position: absolute;
     width: 100px;
    left: -39px;
    top: -4px;
}
.content-down-popup-exito {
  padding: 0 5%;
  padding-bottom: 2%;
}
.titulo-popup-participantes {
  text-align: center;
  padding: 4% 0;
	padding-bottom: 10px;
}
.titulo-popup-participantes h3 {
  font-weight: 900;
  display: inline-block;
  position: relative;
}
.titulo-popup-participantes h3::before {
  content: "";
  position: absolute;
  width: 75px;
  height: 6px;
  left: 35%;
  bottom: -11px;
  background: #ffc200;
}
.content-slider-popup .slick-next {
  right: -52px;
}
.content-slider-popup .slick-prev {
  left: -85px;
}

.content-area {
  float: inherit;
  position: relative;
  width: 100%;
  padding-right: 0;
  border: none !important;
}
/*--********************************-*/
/*--------------FILTRO---------*/
.searchandfilter ul {
    display: flex;
    justify-content: center;
    gap: 5%;
    padding: 3% 0;
      
}

.content-filtro-general {
    width: 75%;
    -webkit-box-shadow: 0px 3px 10px -5px #000000;
    box-shadow: 0px 3px 10px -5px #000000;
    background: #f2f2f2;
    margin: 0 auto;
        padding-bottom: 1%;
}
.content-filtro-general h3 {
    color: #0cc69a;
    text-align: center;
    margin: 0;
    padding-top: 3%;
    font-size: 26px;
    font-weight: 900;
}
section#filtro {
    margin-top: -7%;
    position: relative;
}
li.sf-field-submit {
    padding-top: 4%!important;
}
li.sf-field-submit input {
    background: #0cc69a;
    letter-spacing: 0;
    font-size: 14px;
    padding: 23px 18px;
}
.searchandfilter li h4 {
    color: #333333;
    font-weight: 400;
}
.searchandfilter ul select {
    background: transparent;
    border: 1px solid #c7c9c8;
}


.popup-2 .up-popup-exito-izq {
    background: #333333;
}
.popup-2 .up-popup-exito-izq h2 {
    color: #fff;
}

.popup-2  label.numero, .popup-2 label.email {
    width: 50%;
}
.popup-2 .content-down-popup-exito {
   padding: 0 5%;
   padding-bottom: 2%;
   background: #333333;
   display: flex;
       padding-top: 5%;
}
.content-down-popup-interna a {
    color: #fff;
    background: #ffc200;
    font-weight: bold;
    text-align: center;
    padding: 9px 0;
    border-radius: 22px;
    position: relative;
    top: -14px;
}
.content-down-popup-interna a:hover{
	  background: #0cc69a;
}


.content-down-popup-interna {
    width: 33%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.content-down-popup-interna::before{
  position: absolute;
  width: 16%;
  left: 0;
  top: 0;
}
.content-down-popup-interna h4 {
    color: #fff;
}
.content-down-popup-interna p {
    color: #fff;
    font-weight: 400;
}
.content-down-popup-interna:nth-child(1){
   padding-left: 7%;
}
.content-down-popup-interna:nth-child(1)::before{
   content: url(../Construgen/assets/img/telefono.svg);

   top: 2rem;
}

.content-down-popup-interna:nth-child(2){
   padding-left: 8%;
}
.content-down-popup-interna:nth-child(2)::before{
   content: url(../Construgen/assets/img/ubicacion.svg);
}
.content-down-popup-interna:nth-child(3){
        padding-left: 20%;
}
.content-down-popup-interna:nth-child(3)::before{
   content: url(../Construgen/assets/img/wpp-blanco.svg);
   left: 11rem;
   top: 1rem;
}
.content-down-popup-interna a {
    color: #fff;
}

/*--********************************-*/
/*--------------BLOG---------*/
.blog .content-area, .single-format-standard .content-area {
  float: left;
  position: relative;
  width: 65%;
  padding-right: 0;
  border: none !important;
}
.content-img-single {
  width: 100%;
  min-height: 250px;
  background-position: center 25%;
  background-size: cover;
  display: block;
}
#block-10 .cat-item a {
  color: #333333;
}
#block-10 h4, h2.widgettitle {
  border: 0px;
  padding: 0;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  text-transform: none;
  color: #0cc69a;
  position: relative;
}
.content-proyectos-sidebar {
    margin-bottom: 10%;
}
span.page-numbers.current {
    background: #0cc69a;
}
.img-sidebar-proyect{
    width: 100%;
    min-height: 250px;
    background-position: center;
    background-size: cover;
    position: relative;
}
.archive .content-area {
    float: left;
    position: relative;
    width: 70%;
    padding-right: 0;
    border: none !important;
}
#block-10 h4:before, #block-10 h4:after, h2.widgettitle:before, h2.widgettitle:after {
  content: "";
  position: absolute;
  width: 50px;
  height: 1px;
  background: #b5b5b5;
  top: 50%;
  left: 0;
}
h2.widgettitle:after{
  visibility: visible;
  left: inherit;
  right: 0;
}
#block-10 h4:after {
  visibility: visible;
  left: inherit;
  right: 0;
}
#block-10 .cat-item {
  display: inline-block;
  border: 1px solid;
  border-radius: 10px;
  margin-bottom: 3%;
  padding: 6px 13px;
  border-color: #333333 !important;
}
#block-10 .cat-item:hover{
    
    background: #333333;
    
}
#block-10 .cat-item:hover a{
    color: #fff;
}
#related-posts .span_1_of_3 {
  width: 50%;
}
div#blog-entries {
  display: flex;
  flex-flow: wrap;
  gap: 2%;
}
.blog-entry.large-entry .thumbnail {
    margin-bottom: 0;
}
.blog-entry.large-entry {
    padding-bottom: 0px;
}
a.content-img-blog {
  min-height: 200px;
  background-position: center;
  background-size: cover;
  position: relative;
  display: block;
}
div#blog-entries .control-text {
  margin-top: -7px;
}
span.date {
  background: #333333;
  color: #fff;
  padding: 7px 22px;
  letter-spacing: 2px;
  border-radius: 0 0 30px 0;
}
.control-text h4, .control-text p {
  padding: 0 15px;
  line-height: 25px;
  margin: 0;
}
.control-text h4 {
  padding-top: 5%;
  padding-bottom: 5px;
}
.control-text p {
  padding-bottom: 20px;
}
.blog-entry.post .thumbnail a {
  display: inline-block;
  position: relative;
  width: 100%;
}
.control-text a {
  text-transform: uppercase;
  font-size: 16px;
  color: #fff;
  background: #0cc69a;
  text-align: center;
  padding: 7px 0;
  display: block;
}
div#blog-entries article {
  width: 46%;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.single .control-text {
    text-align: initial;
}
.content-proyectos-sidebar .texto-down-proyecto {
    display: flex;
    min-height: 50px;
}
/*--********************************-*/
/*--------------RESPONSIVE---------*/
/*--********************************-*/
/*--********************************-*/

@media (max-width: 1550px) {
  .content-down-popup-interna:nth-child(2) {
      padding-left: 6%;
  }
  .content-down-popup-interna:nth-child(2)::before {
      left: -2rem;
  }
  .content-down-popup-interna:nth-child(1)::before {
        top: 2rem;
  }
  .content-down-popup-interna:nth-child(3) {
      padding-left: 18%;
  }
  .content-down-popup-interna:nth-child(3)::before {
      left: 11rem;
      top: 1rem;
  }
}

@media (max-width: 1440px) {
}

@media (max-width: 1366px) {
}

@media (max-width: 1280px) {
	.blog .content-area, .single-format-standard .content-area {
   
    width: 70%;¡
}
}

@media (max-width: 1024px) {
}

@media (max-width: 800px) {
  .content-footer-principal {
    flex-direction: column;
        padding-top: 8%;
  }
  .footer-navegacion {
    width: 100%;
    margin-top: 16%;
  }
  .links-footer {
    padding-left: 4%;
  }
  .footer-proyectos-destacados {
    margin-top: 5%;
  }
  .destacado-footer {
    display: flex;
    gap: 3%;
    margin-bottom: 3%;
  }
  .content-footer1::before {
    width: 52px;
    left: -20px;
    top: 0;
  }
  .content-footer2::before {
    width: 50px;
    left: -1px;
    top: 7px;
  }
  .content-footer3::before {
    width: 44px;
    left: 27px;
    top: 0;
  }
  .content-footer2::after {
    right: -37px;
    top: 0;
  }
  span.oceanwp-text {
    display: none;
  }
  .fa-bars:before {
    content: "\f0c9";
    font-size: 25px;
  }
  p.ubicacion-top-bar {
    display: none;
  }
  .content-top-bar p {
    margin-left: 12%;
  }
  div#site-header-inner::before {
    bottom: 0px;
    left: 0;
  }
  .searchandfilter ul {
      flex-flow: wrap;
  }
  .up-popup-exito-dere {
      display: none;
  }
  
  .popup-2 .up-popup-exito-izq {
      width: 100%;
  }

  .up-popup-exito-izq {
      width: 100%;
      padding: 0 10%;
      padding-top: 5%;
  }
  .popup-2 .content-down-popup-exito {
      flex-flow: wrap;
  }
  .content-down-popup-interna:nth-child(3)::before {
      left: 6rem;
      top: 3rem;
  }
  .content-text-exitos::before {
      width: 68px;
      left: -29px;
      top: 10px;
  }
  .pum-container.pum-responsive img {
      margin: 0 auto;
  }
}

@media (max-width: 500px) {
  p.mensaje-top-bar {
    display: none;
  }
  .blog .content-area, .single-format-standard .content-area {
    float: left;
    position: relative;
    width: 100%;
    padding-right: 0;
    border: none !important;
}
	ul.logos-popup {
    flex-direction: column;
    align-items: center;
}
	section#filtro {
    margin-top: 6%;
    position: relative;
}
ul.logos-popup li img {
    max-width: 100%!important;
}
  .control-cifras {
    flex-direction: column;
    padding-top: 50%;
  }
  .content-cifras {
    padding-bottom: 45%;
  }
  .content-cifras:nth-child(4) {
    padding-bottom: 5%;
  }
  .titulo-seccion h2 {
      font-size: 35px;
      font-weight: 900;
  }
 .content-clientes {
     flex-direction: column;
         padding: 6% 7%;
 }
 .content-img-clientes {
     width: 60%;
 }
 .img-clientes {
     margin: 0;
 }
 .text-clientes {
     width: 100%;
     text-align: initial;
     padding-top: 5%;
 }
 .footer-navegacion {
     width: 100%;
     margin-top: 26%;
 }
 .links-footer {
     padding-left: 8%;
 }
 .content-footer1::after{
   display: none;
 }
 .content-footer2::after{
   display: none;
 }
 .content-general-footer {
     padding-left: 12%;
 }
 .content-footer2 {
     padding-left: 0%;
     position: relative;
 }
 .content-footer3 {
     padding-left: 0%;
     position: relative;
 }
 .content-footer1::before {
     width: 40px;
     left: -16px;
     top: 0;
 }
 .content-footer2::before {
     width: 43px;
     left: -15px;
     top: 7px;
 }
 .content-footer3::before {
     width: 40px;
     left: -14px;
     top: 0;
 }
 .contenedor-pie {
     flex-direction: column-reverse;
 }
 .content-filtro-general {
     width: 100%;
 }
 .searchandfilter ul {
     justify-content: flex-start;
 }
 .top-bar-right {
     width: 100%;
 }
 .content-top-bar {
     justify-content: end;
 }
 h1.page-header-title.clr {
     font-size: 40px!important;
 }
 div#site-header-inner::before {
     display: none;
 }
 .content-contactanos-transversal {
     flex-direction: column;
 }
 .contactanos-izq-transversal {
     width: 100%;
 }
 .contactanos-dere-transversal {
     width: 100%;
 }
 .info-contactanos-transversal {
     padding-left: 17%;
 }
 .content-down-popup-interna:nth-child(1) {
     padding-left: 0;
 }
 .content-down-popup-interna:nth-child(2) {
     padding-left: 0;
 }
 .content-down-popup-interna:nth-child(3) {
     padding-left: 0;
 }
 .content-down-popup-interna {
     width: 100%;
     padding-left: 22%!important;
     margin-bottom: 5%;
 }
 .content-down-popup-interna::before {
     width: 13%;
 }
 .content-down-popup-interna:nth-child(1)::before {
     top: 1rem;
     left: 1rem;
 }
 .content-down-popup-interna:nth-child(2)::before {
     left: 1rem;
 }
 .content-down-popup-interna:nth-child(3)::before {
     left: 1rem;
     top: -2rem;
 }
 .contactanos-izq-transversal h2 {
     font-size: 35px;
 }
	.background-image-page-header {
    min-height: 350px;
}
}

@media (max-width: 375px) {
}
