/*=========================
  IMÁGENES HEADER PORTADA
=========================*/


.cb-slideshow, .cb-slideshow:after {position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; overflow: hidden;}
.cb-slideshow:after {content: ''; background: transparent url(../images/pattern_black.png) repeat top left;} /*oscuro sobre foto y rayitas*/

*::-ms-backdrop, .cb-slideshow:after{ background: url(../images/1.jpg);background-size: cover; } /*Hack IE11 */

.cb-slideshow li span {width: 100%; height: 100vh; position: absolute; top: 0px; left: 0px; color: transparent; background-size: cover; background-position: 50% 50%; background-repeat: none; opacity: 0; z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 18s linear infinite 0s;
    -moz-animation: imageAnimation 18s linear infinite 0s;
    -o-animation: imageAnimation 18s linear infinite 0s;
    -ms-animation: imageAnimation 18s linear infinite 0s;
    animation: imageAnimation 18s linear infinite 0s;
}

.cb-slideshow li:nth-child(1) span[class~="fondo"] { background-image: url(../images/1.jpg)}
.cb-slideshow li:nth-child(2) span[class~="fondo"] {background-image: url(../images/2.jpg); -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s;}
.cb-slideshow li:nth-child(3) span[class~="fondo"] {background-image: url(../images/3.jpg); -webkit-animation-delay: 12s; -moz-animation-delay: 12s; -o-animation-delay: 12s; -ms-animation-delay: 12s; animation-delay: 12s;}


/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	25% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	50% {
	    opacity: 0;
	    -webkit-transform: scale(1.1);
	}
	100% { opacity: 0 }
}




/*===========================
  IMÁGENES HEADER SECCIONES
===========================*/

.flex-min-height-box {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; position: relative; background:#1d1d1d url(../images/pattern_black.png) repeat;}/*contenedor qtile.jpg*/
.page-head-bg {width: 100%;}
.page-head-bg, .page-head-bg:after {position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 0;}/*fondo mitad*/
.page-head-bg:after {content: ''; background: transparent url(../images/pattern_black.png) repeat; width:100%} /*oscuro sobre foto y rayitas*/

.flex-min-height-inner {width: 100%; height: 100%; min-height: 60vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index:1;}/*altura*/

.margin-mitad {margin-left: 50%;}
.margin-40 {margin-left: 40px;}

@media only screen and (max-width: 991px) {
	.page-head-bg {width: 100%;}
	.margin-mitad, .margin-40 {margin-left: 0; text-align:center}
}