/*!
Theme Name: Creativedog | Timber Theme
Author: Creativedog Agency
Author URI: http://creativedog.agency
Description: Creativedog is a very professional yet casual agency. We provide consultancy services for web development and design within a digital marketing context. Innovation, expertise, and personalized advisory services are the key elements that make the difference when providing cutting edge solutions.
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: creativedog_timber_theme
Tags: Custom web development with love by Creativedog.

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
#container-slider
{
    position: relative;
    display: block;
    width: 100%;
}
#slider {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    min-height: 500px;
}
#slider2 {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    min-height: 500px;
	border-radius:20px;
	border:1px solid #03294f;
}
#slider li {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute !important;
    top: 0 !important;
    right: 15px !important;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    z-index: -1;
    opacity: 1; 
/*     -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; */

}
#slider2 li {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute !important;
    top: 0 !important;
    right: 15px !important;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    z-index: -1;
    opacity: 1; 


}


#container-slider .arrowPrev, #container-slider .arrowNext{
    font-size: 30pt;
    color: rgba(204, 204, 204, 0.65);
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50px;
    z-index: 2; 
}
#container-slider .arrowNext {
    left: initial;
    right: 50px !important;
}
.content_slider{
    padding: 15px 30px;
    color: #FFF;
    width: 100%;
    height: 100%;
}
.content_slider div{
    text-align: center;
}
.content_slider h2{
    font-family: 'arial';
    font-size: 30pt;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.content_slider p {
    font-size: 15pt;
    font-family: 'arial';
    color: #FFF;
    margin-bottom: 20px;
}
#slider li .content_slider{
    background: rgba(0, 0, 0, 0.50);
    padding: 10px 125px;
}
#slider2 li .content_slider{
    background: rgba(0, 0, 0, 0.50);
    padding: 10px 125px;
}
.content_slider{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btnSlider{
    color: #FFF;
    font-size: 15pt;
    font-family: 'arial';
    letter-spacing: 1px;
    padding: 10px 50px;
    border: 1px solid #CCC;
    background: rgba(13, 13, 13, 0.55);
    border-radius: 31px;
    text-decoration: none;
    transition: .5s all;
}
.btnSlider:hover{
    background: #111;
    border: 1px solid #111;
}
.listslider {
    position: absolute;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    left: 50%;
    bottom: 12%;
    list-style: none;
    z-index: 2;
    transform: translateX(-50%);
}
.listslider li {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    cursor: pointer;
    margin: 0 5px;
}
.listslider li a {
    background: #cd651e;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: block;
}
.item-select-slid {
    background: #fdec1e !important;
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInRight {
  0% {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }
  @keyframes slideInRight {
  0% {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  } 



       .slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideOutLeft {
  0% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  100% {
  visibility: hidden;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  }
  }
  @keyframes slideOutLeft {
  0% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  100% {
  visibility: hidden;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  }
  } 

@media screen and (max-width: 460px){
	.content_slider h2 {
	    font-size: 15pt !important;
	}
	.content_slider p {
	    font-size: 12pt !important;
	}
	#container-slider .arrowPrev, #container-slider .arrowNext{
		font-size: 20pt;
	}
	#container-slider .arrowPrev{
		left: 15px;
	}
	#container-slider .arrowNext{
		right: 15px !important;
	}
	#slider{
		height: 400px;
		min-height: 400px;
	}
	#slider li .content_slider{
		padding: 10px 35px;
	}
	
	#slider2{
	height: 400px;
	min-height: 400px;
	border: none;
	}
	#slider2 li .content_slider{
		padding: 10px 35px;
	}
	.btnSlider{
		padding: 10px 30px;
    	font-size: 10pt;
	}
/* 
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
} */
}

 #newbg {
   background-image: url("assets/images/image2.png");background-repeat:no-repeat;    max-width: 1060px;
    width: 1060px;
    margin-left: 16px;
  }

@media only screen and (max-width: 450px) {
	.padL30{
padding-left:10px
}
		.projects2{
	margin-top:520px!important;
}
	.listslider{
	top: 78vh;
	}
	.dispnone{
		display:none;
	}
	.slideImage{
	width:88vw;
   margin-top: calc(100vw - 36px);
	}
	#slider li{
	right: 15px !important;
		width:91vw!important;
	}
		#slider2 li{
	right: 15px !important;
		width:91vw!important;
	}
  #newbg {
   background-image: url("assets/images/fondo_peq.png");background-repeat:no-repeat;width: 100vw;background-size:contain;margin-left: -30px;
	 /* height:689px*/ height:100vh
  }
}
.texto-proyectos .row {
    padding-top: 80px!important;
}
.texto-proyectos .col-12.col-lg-12 {
    padding-left: 0px;
   }
@media only screen and (min-width: 450px)  {
.dispnone{
		display:none;
	}
	.padL30{
padding-left:30px
}
.projects2 {
    margin-top: 50px!important;
}
}
@media only screen and (max-width: 450px)  {
	.projects2 {
    margin-top: 20px!important;
}
      .texto-proyectos .text-block p{
      margin-top:0rem!important;}
}


@media only screen and (max-width: 406px)  {
	.projects2 {
    margin-top: 20px!important;
}
.mb-5.text-block p {
    font-size: 0.9rem!important;
}
.projects-single-info{
margin-top:75px!important;
}
}

@media  (min-width: 1201px) and (max-width: 1700px){
.projects2 {
    margin-top: -130px!important;
    /*margin-top: 100px!important;*/
}
.texto-proyectos .row {
    padding-top: 75px!important;
}
}
 @media (min-width: 992px) and (max-width: 1200px) {
    .projects2 {
      margin-top: 15px !important;
      /*margin-top: 290px !important;*/ } 
.texto-proyectos .row {
    padding-top: 25px!important;
}
      }

 @media (min-width: 1700px) {
    .projects2 {
      /*margin-top: 35px !important;*/
      margin-top:-100px !important} 
      .texto-proyectos .row {
    padding-top: 80px!important;
}
      }

 @media (min-width: 600px) and (max-width:991px) {
       .texto-proyectos .mb-5.text-block {
    padding-left: 4rem;
    padding-right: 4rem;
}
       .texto-proyectos .text-block p{
      margin-top:1rem!important;}
    .projects2 {
      margin-top: 25px !important;
      /*margin-top: 260px !important;*/
     } }th:991px) {
    .projects2 {
      margin-top: 260px !important; }


      }

/*Estilos nuevos*/
  strong {
    font-weight: bold!important;
    font-family: 'Gotham-Bold'!important;
  }
  section.services.container-custom {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .col-12.col-lg-12.p-2.bloq_ultimo {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
  }

  .clusters{
    padding: 1rem 0 1rem 0;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(204,204,204,1);
    -moz-box-shadow: 0px 0px 30px 0px rgba(204,204,204,1);
    box-shadow: 0px 0px 30px 0px rgba(204,204,204,1);
	  padding: 2rem 1rem 1rem 1rem;
    margin-left: 3rem;
  }
  .clusters:last-child{
    margin-right: 0rem;
  }
a.enlace-clusters{
	padding:1rem;
	display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: center;
}
a.enlace-clusters:hover{
  text-decoration: none!important;
}

a.enlace-clusters h3{
  color: #212529!important;
}

.enlace-clusters{
	padding:1rem;
	display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.enlace-clusters h3{
  color: #212529!important;
}

/*Acordeon*/
.accordion {
  max-width: 100%;
  width: 100%;
  margin: 0px auto;
  color: black;
  background-color: white;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.accordion .container {
  position: relative;
}

.accordion .label {
  position: relative;
  padding: 10px 0;
  font-size: 30px;
  color: black;
  cursor: pointer;
  border-top: 1px solid;
  padding-left: 1rem;
}

.accordion .label:last-child{
  border-bottom: 1px solid;
}

.accordion .label::before {
  content: '+';
  color: black;
  position: absolute;
  top: 50%;
  right: -5px;
  font-size: 30px;
  transform: translateY(-50%);
}

.accordion .content {
  position: relative;
  background: white;
  height: 0;
  text-align: left;
  width: 100%;
  overflow: hidden;
  transition: 0.5s;
  padding-left: 2rem;
}

.accordion h3.text-grey {
  font-size: 1rem!important;
  line-height: 1.5rem;
}

.accordion .container.active .content {
  height: auto;
}

.accordion .container.active .label::before {
  content: '-';
  font-size: 30px;
}
.row_video{
justify-content: center;
}

.accordion .container p{
    margin-bottom: 2rem;
}

.accordion .container p.text-grey {
    margin-bottom: 0px;
}

strong {
    font-weight: bold!important;
}

.card-how-to-help{
    justify-content: flex-start!important;
}

.navbar-nav li:hover > ul.dropdown-menu {
  display: block;
}
.dropdown-menu{
  background-color: #fff !important;
 }
 
.dropdown-submenu {
  position:relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top:-6px;
}
.dropdown-item:hover{
	color:#fff!important;
}

.dropdown-item:hover, .dropdown-item:focus{
	background-color: #001b35!important;
}

/*Estilos patentes detalle*/
.single-fi_patente .breadcumbs-container {
    background-color: rgba(0, 27, 53, 0.2);
}

/*Estilos para cabecera cookies y privacidad*/
.page-id-578 .bk-transparent,
.page-id-580 .bk-transparent,
.page-id-3  .bk-transparent,
.privacy-policy .bk-transparent{
    background-color: #03294F !important;
}
.page-id-578 h1,
.page-id-580 h1,
.page-id-3 h1,
.privacy-policy h1{
    margin-top: 6rem;
}

/*Posicion check formulario servicios*/
span.fs-10.margen-form {
    top: 4px;
    position: absolute;
}
span.margen-form.form-white {
    font-size: 0.8rem;
    margin-left: 0.5rem;
    margin-top: -0.2rem;
    color: #fff;
}
span.margen-form.form-white a{
	color: #fff!important;
    font-weight:bold;
}

.modal-body span.margen-form.form-white,
.modal-body span.margen-form.form-white a{
color: #000!important;
font-weight:bold;
}

.modal-body .col-12.col-lg-12.d-flex.mb-3 {
    position: absolute;
    top: 100px;
    left: 0px;
}
.modal-body .col-12.col-lg-3.d-flex.flex-column.mt-3.mt-lg-0{
	padding-top: 2rem;
}

.resenas-carousel img.d-inline {
    width: 90%;
}
/*Eliminar enlace guardar preferencias en banner de cookies*/
a.cmplz-link.cmplz-manage-third-parties.cookie-statement {
    display: none;
}

/*Modificaciones margenes en servicios y patentes*/
.single-fi_service .heading-1{
	margin-bottom:2rem;
}

.heading-3 {
    margin-top: 2rem;
    
}
/*.texto-proyectos .row {
    padding-top: 80px!important;
}*/
 .texto-proyectos .text-block p{
 	color:white!important;
 }
 
 .hero-projects .row{
 	padding-top:100px;
 }
@media screen and (min-width: 1400px){
}

@media screen and (max-width: 992px) {
  .col-12.col-lg-12.p-2.bloq_ultimo {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
  }

  .clusters{
    margin-left: 1rem;
  }
  .dropdown-menu{
 	 display:none!important;
  }
  .dropdown-toggle::after{
  	 display:none!important;
  }
  
  .texto-proyectos .row {
    padding-top: 0px!important;
}

  .single-fi_project nav.navbar.header-general.fixed-top.navbar-expand-lg.navbar-dark.bk-transparent.px-0.px-lg-4 {
    background-color: #03294F !important;
  }
}

@media screen and (max-width: 765px){
	section.projects2.container {
    	margin-top: -6rem!important;
	}
}

@media screen and (max-width: 600px) {
  .clusters{
    margin-left: 0rem;
  }
	.hero-projects .texto-proyectos .row {
    padding-top: 30px!important;
}
		section.projects2.container {
    	margin-top: -11rem!important;
	}

	.page-id-133 .hero-projects{
		background-position: -55rem!important;
	}
	

}

/*Ajustes para pagina principal proyectos*/
.hero-projects .row {
    padding-top: 100px!important;
}

.hero-projects{
	height:700px!important;
}

/*CSS Video proyectos*/
.delimitador{
    /*top: 0%;
    width: 100%;
    padding: 0;
    z-index: 5;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-40%);*/
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(0%);
    padding-bottom: 23.25%;
    overflow: hidden;
}

/*.video-proyectos{
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 2;
}*/

    
.video-proyectos video {
    /*width: 100%!important;
    height: auto;
    visibility: visible;
    position: static;*/
    width: 100%!important;
    height: 37rem;
    object-fit: cover;
    object-position: 25% 20%;
}

.hero-projects{
	    background: url(https://lafabricadeinventos.com/wp-content/themes/creativedog-timber-theme-v2/assets/images/hero/hero-projects-2.svg) no-repeat top center!important;
}

.delimitador{
	margin-bottom: -30rem;
}

.single-fi_empresa .bk-transparent,
.single-fi_inversiones .bk-transparent{
	background-color: rgba(3, 41, 79, 0.5) !important;
}

/*Estilos de bloques*/
a.enlace_bloques {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  padding: 2rem;
}

.enlace_bloques {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  padding: 2rem;
}

.icono_bloques {
  margin-bottom: 1rem;
}

.icono_bloques img {
  width: 6rem;
  height: 6rem;
}

.texto_bloques,
.titulo_bloques{
  color: #fff;
}

.bloque_colores a:hover{
  text-decoration: none;
}

/*Bloque de carrusel y texto*/
.col-xl-4.texto-proy {
    margin-left: 3rem;
	padding-top: 4rem;
}

.texto-proy a{
	    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    border-radius: 8px;
    border: none;
    padding: 15px 25px;
    display: block;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: #007cbf;
    color: white;
    transition: all 0.2s ease-in-out;
	margin-top:1rem;
	max-width: 10rem;
    width: 100%;
}

.texto-proy a:hover{
	    background-color: white;
    color: #007cbf;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	text-decoration:none;
}

/*Bloque de cajas de colores*/
.bloque_colores .col-sm-12 {
    margin-bottom: 2rem;
}

.texto_bloq_colores {
    text-align: center;
}

/*Bloque de botones*/
.bloque-botones a {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    border-radius: 8px;
    border: none;
    padding: 15px 25px;
    display: block;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: #007cbf;
    color: white;
    transition: all 0.2s ease-in-out;
    margin-top: 1rem;
}

.bloque-botones a:hover{
	    background-color: white;
    color: #fff!important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	text-decoration:none;
}

.row.bloque-botones {
    margin-bottom: 3rem;
}

.boton_proy{
	margin:0px auto;
}

/*Bloques botones CTA*/
.botones-cta{
  margin-top:3rem;
}
/*Formulario para datos CTA*/
span.wpcf7-form-control-wrap.dato-boton {
    display: none;
}

#boton{
	margin:0px auto;
}

/*Estilo para la cabecera cuando se está logueado*/
.admin-bar .navbar {
    padding-top: 4rem;
}

/*Ajustes de carrusel + texto*/
.carrusel-proy,
.carrusel-proy-vertical{
    margin: 0px auto;
}

.texto-proy {
    margin-left: 3rem;
    padding-top: 4rem;
    margin: 0px auto;
    text-align: center!important;
}

.texto-proy a{
    margin: 1rem auto;
}

.texto-proy{
	padding-top:0px!important;
}

.project-carousel .carousel-item, .project-carousel-proy .carousel-item{
	    height: 100%!important;
}

.project-blog-info .col-12 {
    margin-bottom: 0px!important;
    margin-top: 0px!important;
}

.botonera a:after {
    content: '\f56d';
    font-family: 'Font Awesome 5 Free';
    margin-left: 0.5rem;
    font-weight: bold;
}
/*Bloque vídeos*/
.videos_bloq {
    margin: 0px auto!important;
}

/*Bloque textro introductorio*/
.row.bloque-texto-intro {
    margin-top: 4rem;
}

.navbar-nav .dropdown-menu{
	margin-top: -0.5rem;
}




/*Navegador de idiomas*/
#gt_float_wrapper{
	right: 270px!important;
}

/*.auto_translate_minimalist.wpat_min_style_flags.wpat_min_txt_display_name.wpat_min_txt_underline{
	display:none;
}

.skiptranslate {
  display: none;
}*/
@media screen and (max-width: 1800px) {
	.delimitador{
		margin-bottom:-25rem;
	}
}


@media screen and (max-width: 1300px) {
	.delimitador{
		margin-bottom:-20rem;
	}
}

@media screen and (max-width: 992px) {
.hero-projects .row{
	padding-top: 50px !important;
}
		.delimitador{
		margin-bottom:-15rem;
    margin-top: 5rem;
	}
}
@media screen and (max-width: 600px) {
	.hero-projects .row{
		padding-top: 150px !important;
	}
	/*	.delimitador{
		margin-bottom:-10rem;
	    /*transform: translateY(14%);
      transform: translateY(0%);
	}*/

  .delimitador{
    top: 0%;
    width: 100%;
    padding: 0;
    z-index: 5;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-40%);
    margin-bottom:-10rem;
    margin-top: 10rem;
}

.video-proyectos{
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

    
.video-proyectos video {
    width: 100%!important;
    height: auto;
    visibility: visible;
    position: static;
	}
}

@media screen and (max-width: 599px) {
.delimitador {
    margin-bottom: -10rem;
}
}

@media screen and (max-width: 475px) {
		.delimitador{
		margin-bottom:-10rem;
	}	
}