@charset "UTF-8";
/* ************************************************************** */
/* Funciones globales */
/* ************************************************************** */
/* Calcula el tamaño de los hx */
/* usa: @include encabezados(#222222,2em,0.1em);*/
/* toma como valores por defecto 1.9 em y 0.2 em */
/* ************************************************************** */
/* Colores */
/* ************************************************************** */
/* Conjunto principal de colores */
/* Conjunto secundario de colores */
/* Conjunto terciario de colores */
/* Color textos generales */
/* Color enlaces */
a {
  color: #F5C518 !important; }

.module-buttons-item > a {
  color: #000000 !important;
  font-size: 18px !important; }

.module-buttons-item:hover > a {
  color: #ffffff !important; }

#servicios a {
  color: #000000 !important; }

.accordion-title > a {
  color: #3e3e3e !important; }

/* Color p (páárrafos) */
body {
  color: #3e3e3e !important; }

/* ************************************************************** */
/* Fondos Contrastados */
/* ************************************************************** */
/*************** body**************/
.page-title {
  text-align: center !important; }

/* Header, footer, etc.*/
#slide-cart, .header-minbar .sidemenu, .header-leftpane #headerwrap, .header-rightpane #headerwrap, .header-slide-out #headerwrap, .header-slide-out .sidemenu, #headerwrap, #footerwrap {
  background-color: #ffffff !important;
  color: #000000 !important; }

#slide-cart a, #headerwrap a {
  color: rgba(16, 51, 58, 0.101961) !important; }

/* Color del sub menú */
#headerwrap ul.sub-menu a {
  color: #3e3e3e; }

#headerwrap ul.sub-menu a:hover {
  background-color: #F5C518; }

#content {
  width: 71%;
  padding: 0 !important; }

/* #headerwrap #main-nav #content #footer*/
#main-nav a {
  color: white; }

.navbar-wrapper {
  padding-top: 1.5%; }

/* color en el menú de la página en la que te encuentras*/
#main-nav .current_page_item > a, #main-nav .current-menu-item > a {
  color: #000000; }

/* ************************************************************** */
/* Header */
/* ************************************************************** */
/* Efecto hover header link en movimiento */
.header-horizontal #main-nav > li:hover > a:after, .header-horizontal #main-nav .current_page_item > a:after, .header-horizontal #main-nav .current-menu-item > a:after {
  border-color: #F5C518;
  width: 100%; }

#headerwrap a {
  color: #000000 !important; }

#site-logo a {
  color: inherit; }

#header {
  padding: .2em; }

/* color de fondo si existe widget del header */
.header-widget-full {
  background-color: #F5C518 !important; }

/* ************************************************************** */
/* BOTONES */
/* ************************************************************** */
/* Estilo Botones */
input[type=reset], input[type=submit], button, #respond #cancel-comment-reply-link, .commentlist .comment-reply-link {
  background-color: #F5C518 !important;
  color: #000000 !important;
  border-radius: 0px !important;
  padding: 0.25rem 2rem;
  font-size: 18px !important;
  text-transform: capitalize !important; }

/* Estilo Hover Botones */
input[type=reset]:hover, input[type=submit]:hover, button #respond #cancel-comment-reply-link, .commentlist .comment-reply-link, button:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-radius: 0px !important; }

/* ocultar y mostrar los botones en funcion del dispositivo*/
@media screen and (min-width: 500px) {
  .desktop {
    display: inline; }
  .movil {
    display: none; } }

@media screen and (max-width: 499px) {
  .desktop {
    display: none; }
  .movil {
    display: inline; } }

.module-buttons-item > a:hover {
  background-color: #000000 !important; }

/* ************************************************************** */
/* Contact Form 7 (Formularios de contacto)*/
/* ************************************************************** */
/* Poner los checkboxes en distintas líneas (nota para mi: cambiar a display block si hay otro checkbox - debó probar) */
span.wpcf7-list-item {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0; }

/* ancho máximo de cajas del formulario de contacto */
input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=tel], input[type=select] {
  width: 100% !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  border-top: 0 !important;
  border-bottom: 1px solid #000000 !important;
  border-left: 0 !important;
  border-right: 0 !important; }

/* disminuye la caja de mensaje del formulario de contacto */
textarea {
  min-height: 0;
  height: 2em !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  border-top: 0 !important;
  border-bottom: 1px solid #000000 !important;
  border-left: 0 !important;
  border-right: 0 !important; }

select {
  width: 100% !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  border-top: 0 !important;
  border-bottom: 1px solid #000000 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  padding: 0.6em 0 !important;
  font-family: inherit !important;
  font-size: inherit !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-left: 0.5em !important;
  font-family: inherit !important;
  font-size: inherit !important;
  color: #6b6b6b !important; }

select option {
  color: #000000 !important; }

/* tamaño texto aceptación de politicas */
[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
  font-size: 13px; }

/* Color links Políticas de privacidad */
.envio-privacidad-formulario a {
  color: #3e3e3e; }

/* disminuye el margen del contenido legal sobre protección de datos del formulario de contacto */
.contact-form-rgpd li {
  margin: 0;
  padding: 0; }

/* Suma de la garantía invisible */
.suma {
  display: none; }

h2.garantia {
  font-size: 150%; }

/* Formulario a dos columnas*/
.header-horizontal #main-nav > li > a:after {
  content: '';
  display: block;
  width: 0;
  border-bottom: 3px solid transparent;
  position: absolute;
  bottom: 0;
  left: -1px;
  -webkit-transition: border .3s ease-in-out,width .3s ease-in-out;
  transition: border .3s ease-in-out,width .3s ease-in-out; }

#responsive-form {
  /*	max-width:600px; -- cambiar esto para conseguir el ancho de la forma deseada --*/
  margin: 0 auto;
  width: 100%; }

.form-row {
  width: 100%; }

.column-half, .column-full {
  float: left;
  position: relative;
  padding: 0.65rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) {
  .column-half {
    width: 50%; } }

/* ************************************************************** */
/* Footer */
/* ************************************************************** */
/* Color links legales footer */
#footerwrap a {
  color: #3e3e3e; }

#footerwrap a:hover {
  color: #F5C518; }

#footer-logo a {
  color: #ffffff; }

#footerwrap .back-top a:before, #pagewrap .back-top.back-top-float {
  background-color: #000000;
  color: #ffffff; }

/* ************************************************************** */
/* OTROS */
/* ************************************************************** */
/* Color links admin bar de WordPress */
#wpadminbar a {
  color: white !important; }

/* ************************************************************** */
/* Blog Color Titulo Entradas Hover */
/* ************************************************************** */
/*Blog titulo entradas*/
.post-title a:hover {
  color: #F5C518 !important; }

/************RESPONSIVE*********/
#menu-icon {
  margin-top: 1em !important; }

@media only screen and (max-width: 600px) {
  h1 {
    font-size: 1.5em; }
  h2 {
    font-size: 1.2em; } }

/* Arreglo del menú desplegable en móvil */
#main-nav li.toggle-on > .sub-menu {
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
  position: static !important;
  padding-left: 3px; }

/* Arreglo soluciona un error que hace que desaparezca el logo al hacer scroll */
.fixed-header .header-bar {
  display: block !important; }

/* Arreglo que quita el nombre de las imagenes en la vista de galería */
.mfp-title {
  display: none; }

/* ************************************************************** */
/* Cambios adicionales a la plantilla */
/* ************************************************************** */
/* RECUERDA INDICAR COMO MENCIÓN CADA CAMBIO QUE INCLUYAS Y QUE ASÍ LO PUEDA ENTENDER TU COMPAÑER@*/
div#site-description {
  display: none; }

/*Acordeon icono*/
.accordion-icon, .accordion-active-icon {
  color: #F5C518 !important; }

/*GALERIA FOTOS PROYECTOS*/
.page-id-33 .module-gallery.layout-slider {
  overflow: hidden;
  position: relative; }

.page-id-33 .module-gallery.layout-slider .tf_swiper-slide {
  max-height: 400px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.page-id-33 .module-gallery.layout-slider .slide-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block; }

.page-id-33 .tf_carousel_nav_wrap {
  position: relative;
  z-index: 10;
  margin-top: 10px; }

.carousel-pager a {
  color: grey !important; }

@media only screen and (max-width: 600px) {
  .page-id-33 .module-gallery.layout-slider .tf_swiper-slide {
    max-height: 200px; }
  .carousel-pager a {
    height: 5px !important;
    width: 5px !important; } }

/*GALERIA PROYECTOS HOME*/
.altura1 {
  height: 400px;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.altura2 {
  height: 550px;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.altura3 {
  height: 700px;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

@media only screen and (max-width: 1440px) {
  .altura1 {
    height: 300px;
    width: 100%; }
  .altura2 {
    height: 450px;
    width: 100%; }
  .altura3 {
    height: 600px;
    width: 100%; } }

.galeria-desactivada-home a {
  pointer-events: none !important;
  cursor: default !important; }

@media only screen and (max-width: 1000px) {
  .altura1 {
    height: 200px;
    width: 100%; }
  .altura2 {
    height: 300px;
    width: 100%; }
  .altura3 {
    height: 400px;
    width: 100%; } }

@media only screen and (max-width: 798px) {
  .altura1 {
    height: 100px;
    width: 100%; }
  .altura2 {
    height: 150px;
    width: 100%; }
  .altura3 {
    height: 200px;
    width: 100%; }
  .botonServicios a {
    font-size: 14px !important; } }

.botonServicios a {
  font-size: 16px !important; }

#servicios a:hover {
  color: #ffffff !important; }

#footer a {
  color: #000000 !important; }

#footer a:hover {
  color: #F5C518 !important; }

/**/
@media only screen and (max-width: 798px) {
  .hero-logo {
    width: 200px;
    height: auto; } }