/*
CTC Separate Stylesheet
Updated: 2020-11-03 15:03:58
*/

/*-- MIGAS DE PAN --*/

#breadcrumbs {
    width: 90% !important;
    max-width: 1020px;
    position: relative;
    z-index: 1;
    background: rgba(255,255,255,0.8) !important;
    border-radius: 3px;
    margin: auto;
    margin-top: 15px;
		margin-bottom: 15px;
    margin-bottom: -20px;
    padding: 10px;
    font-size: 14px;
    line-height: 1.3em;
    color: #000;
}
/** Oculta las migas de pan en la home **/
.home #breadcrumbs {
		display: none;
}
		/** Oculta las migas de pan en la pagina proyectos **/
.page-id-524 #breadcrumbs {
    display: none;
}
/** Menus **/

.header-menu {
    width:100%;
    height:50%;
		opacity:0.1;
	}
.dracomenublack {
		opacity:0.1;
}
.headermenu {
		opacity:0.1;
}
.topmenu {
		opacity:10%;
}
.menu-menu-4 {
		opacity:50%;
}
/** Paginas Inicio Movil vertical **/
@media screen and (orientation:portrait){
.page-id-540 .header{
  position:relative;
  overflow:visible;
  display:-webkit-flex;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  align-items: -webkit-flex-start;
  align-content: -webkit-flex-start;
  height: 70%;
  height: 70vh;
  max-height: 100%;
  min-height:40%;
  min-width:100%;
		color:#eee;}
}
@media screen and (orientation:portrait){
  .page-id-540 .header::after{
  content:"";
  width:100%;
  height:70%;
  position:absolute;
  bottom:0;
  left:0;
  z-index:-1;
			background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(27,32,48,1) 100%);}
}

@media screen and (orientation:portrait){
  .page-id-540 .image-draco-header{
 	width:100%;
  height:80%;
		}
	}

@media screen and (orientation:portrait){
  .page-id-540 .image-draco-header{
 	width:100%;
  height:80%;
		}
	}
@media screen and (orientation:portrait){
.page-id-540 .header{
  position:relative;
  overflow:visible;
  display:-webkit-flex;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  align-items: -webkit-flex-start;
  align-content: -webkit-flex-start;
  height: 70%;
  height: 70vh;
  max-height: 100%;
  min-height:40%;
  min-width:100%;
		color:#eee;}
}
@media screen and (orientation:portrait){
  .page-id-540 .header::after{
  content:"";
  width:100%;
  height:70%;
  position:absolute;
  bottom:0;
  left:0;
  z-index:-1;
			background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(27,32,48,1) 100%);}
}

/** Paginas Proyectos **/

.page-id-524 .header {
    width:100%;
    height:70%;
 }
.page-id-524 .image-draco-header {
    width:100%;
    height:30%;
}

/** Paginas Proyectos Movil Horozontal **/

@media screen and (orientation:landscape){
.page-id-524 .header{
  position:relative;
  overflow:visible;
  display:-webkit-flex;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  align-items: -webkit-flex-start;
  align-content: -webkit-flex-start;
  height: 40%;
  height: 40vh;
  max-height: 100%;
  min-height:40%;
  min-width:100%;
		color:#eee;}
}
@media screen and (orientation:landscape){
  .page-id-524 .header::after{
  content:"";
  width:100%;
  height:40%;
  position:absolute;
  bottom:0;
  left:0;
  z-index:-1;
			background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(27,32,48,1) 100%);}
}

@media screen and (orientation:landscape){
  .page-id-524 .image-draco-header{
 	width:100%;
  height:50%;
		}
	}

@media screen and (orientation:landscape){
  .page-id-524 .image-draco-header{
 	width:100%;
  height:50%;
		}
	}
@media screen and (orientation:landscape){
.page-id-524 .header{
  position:relative;
  overflow:visible;
  display:-webkit-flex;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  align-items: -webkit-flex-start;
  align-content: -webkit-flex-start;
  height: 40%;
  height: 40vh;
  max-height: 100%;
  min-height:40%;
  min-width:100%;
		color:#eee;}
}
@media screen and (orientation:landscape){
  .page-id-524 .header::after{
  content:"";
  width:100%;
  height:40%;
  position:absolute;
  bottom:0;
  left:0;
  z-index:-1;
			background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(27,32,48,1) 100%);}
}
/** Paginas contacto **/

.page-id-801 .header {
    width:100%;
    height:70%;
 }
.page-id-801 .image-draco-header {
    width:100%;
    height:70%;
}
/** Paginas Contactos Movil Horozontal **/
@media screen and (orientation:landscape){
.page-id-801 .header{
  position:relative;
  overflow:visible;
  display:-webkit-flex;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  align-items: -webkit-flex-start;
  align-content: -webkit-flex-start;
  height: 60%;
  height: 70vh;
  max-height: 100%;
  min-height:40%;
  min-width:100%;
		color:#eee;}
}
@media screen and (orientation:landscape){
  .page-id-801 .header::after{
  content:"";
  width:100%;
  height:60%;
  position:absolute;
  bottom:0;
  left:0;
  z-index:-1;
			background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(27,32,48,1) 100%);}
}

@media screen and (orientation:landscape){
  .page-id-801 .image-draco-header{
 	width:100%;
  height:70%;
		}
	}

@media screen and (orientation:landscape){
  .page-id-801 .image-draco-header{
 	width:100%;
  height:80%;
		}
	}
@media screen and (orientation:landscape){
.page-id-801 .header{
  position:relative;
  overflow:visible;
  display:-webkit-flex;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  align-items: -webkit-flex-start;
  align-content: -webkit-flex-start;
  height: 80%;
  height: 70vh;
  max-height: 100%;
  min-height:60%;
  min-width:100%;
		color:#eee;}
}
@media screen and (orientation:landscape){
  .page-id-801 .header::after{
  content:"";
  width:100%;
  height:40%;
  position:absolute;
  bottom:0;
  left:0;
  z-index:-1;
			background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(27,32,48,1) 100%);}
}
/** Paginas Contactos Movil vertical **/
@media screen and (orientation:portrait){
.page-id-801 .header{
  position:relative;
  overflow:visible;
  display:-webkit-flex;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  align-items: -webkit-flex-start;
  align-content: -webkit-flex-start;
  height: 70%;
  height: 70vh;
  max-height: 100%;
  min-height:40%;
  min-width:100%;
		color:#eee;}
}
@media screen and (orientation:portrait){
  .page-id-801 .header::after{
  content:"";
  width:100%;
  height:70%;
  position:absolute;
  bottom:0;
  left:0;
  z-index:-1;
			background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(27,32,48,1) 100%);}
}

@media screen and (orientation:portrait){
  .page-id-801 .image-draco-header{
 	width:100%;
  height:70%;
		}
	}

@media screen and (orientation:portrait){
  .page-id-801 .image-draco-header{
 	width:100%;
  height:70%;
		}
	}
@media screen and (orientation:portrait){
.page-id-801 .header{
  position:relative;
  overflow:visible;
  display:-webkit-flex;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  align-items: -webkit-flex-start;
  align-content: -webkit-flex-start;
  height: 60%;
  height: 60vh;
  max-height: 100%;
  min-height:40%;
  min-width:100%;
		color:#eee;}
}
@media screen and (orientation:portrait){
  .page-id-801 .header::after{
  content:"";
  width:100%;
  height:60%;
  position:absolute;
  bottom:0;
  left:0;
  z-index:-1;
			background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(27,32,48,1) 100%);}
}
/** Post **/
.single-post .header {
		display: none;
}

.single-post .nav-links {
		display: none;
}
.single-post .entry-header {			display: none;
}

/** texto pagina proyectos **/
h2 .page-id-524 {
		margin-top: 15px;
		margin-bottom: 15px;}

/*-----------------------------
Diseño responsivo y ajustable y 
con un ancho del 100% 
para el plugin Contact Form 7 
-------------------------------*/

div.wpcf7 .wpcf7-form-control {
  max-width: 100%;
}

.wpcf7 select {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 0;
    padding: 4px;
    text-indent: 0px;
    width: 100%;
    z-index: 100;
}


.wpcf7-text {
  width: 95%;
}

.wpcf7-textarea {
  width: 95%;
}

.wpcf7 { 
  background-color: #f5f5f5;   /* Color de fondo */
  border: 2px solid #eee;      /* borde para el formulario */
  padding:20px 20px 20px 20px;
  -webkit-border-radius: 4px;  /* bordes redondeados */
  -moz-border-radius: 4px; 
  border-radius: 4px; 
}
.wpcf7-submit{
width: 100%;
alignment-adjust: absolute;
background-color:black!important;
color:white!important;
border:none;
padding:20px;
}