/*
	Theme Name:		IDOM THEME 2018 2.0
	Theme URI:		https://www.idom.com/
	Author:			IDOM Team of Programmers
	Author URI:		https://www.idom.com/personas/
	Description:	Tema espec&iacute;fico para la web de IDOM
	Version:		2.0
	License:		GNU General Public License v2 or later
	License URI:	https://www.gnu.org/licenses/gpl-2.0.html
	Text Domain:	IDOM

	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.
*/

	/* RESET CSS */
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, 
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		b, u, i, center,
		dl, dt, dd,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td,
		article, aside, canvas, details, embed, 
		figure, figcaption, footer, header, hgroup, 
		menu, nav, output, ruby, section, summary,
		time, mark, audio, video {
			margin: 0;
			padding: 0;
			border: 0;
			font: inherit;
			font-size:100%;
			vertical-align: baseline;

		}

		/* HTML5 display-role reset for older browsers */
			article, aside, details, figcaption, figure, 
			footer, header, hgroup, menu, nav, section {
				display: block;
			}
			blockquote, q {
				quotes: none;
			}
			blockquote:before, blockquote:after,
			q:before, q:after {
				content: '';
				content: none;
			}
			table {
				border-collapse: collapse;
				border-spacing: 0;
			}

	/* GENERAL */
		* {
			outline: none;
		}
		html {
			overflow-x:hidden;
		}
		html, body {
			height: 100%;
			position: relative;
			font-family: 'Roboto', sans-serif;
			font-size: 1rem;
			font-weight:300;
			line-height:1.6rem;
			color:#000000;
		}
		body {
			/*display: none;*/
		}
		em {
			font-style: italic;
		}
		sub {
		    vertical-align: sub !important;
		    font-size: smaller !important;
		}
.nicescroll-cursors	{
					-webkit-transition: all 0.1s linear;
					 -moz-transition: all 0.1s linear;
					  -ms-transition: all 0.1s linear;
					   -o-transition: all 0.1s linear;
						transition: all 0.1s linear;

}

.nicescroll-cursors:hover,
.nicescroll-cursors:active	{
	width: 16px !important;
}
		article {
			min-height: 84%;
			height: auto !important;
			height: 100%;
			position: relative;
			top:0;
			overflow:hidden;
		}
				blockquote { font-weight:500; border-left:5px solid #3eb7de; color:#777777; padding:0.5rem 1rem; margin:1rem 0 1rem 0; width:50%; }
				blockquote, blockquote p { font-size: 1.2rem; }
				blockquote p { padding:0; margin:0; border:none; }

		
		.clear {
			clear: both;
		}
		
		a {
			text-decoration: none;
			color:#10069F;
		}
		
		span.mas,
		a.mas,
		a.vermas,
		a.vertodos {
			background:url("images/arrow-link-blue.png") no-repeat right center;
			padding-right:35px;
			text-decoration: none;
			color:#000000;
			font-weight: 400;
		}
		a.mas.plus { margin-right: 2rem;}
		a.vermas,
		a.vertodos {
			background:url("images/arrow-link-blue.png") no-repeat 98% 50%;
			padding-right:35px;
			text-decoration: none;
			color:#000000;
			font-weight: 400;
		}

		a:hover {
			color: #3eb7de;
		}
		
		a.boton  {
			font-size:1rem!important;
			text-align: center;
			padding: 1rem 3rem!important;
			border-radius: 50px !important;
			position: relative;
			margin: 0 auto;
			background-repeat: no-repeat !important;
			background-color:#3eb7de;
			color:#ffffff;
					cursor: pointer;
					position: relative;

					-webkit-transition: all 0.3s linear;
					 -moz-transition: all 0.3s linear;
					  -ms-transition: all 0.3s linear;
					   -o-transition: all 0.3s linear;
						transition: all 0.3s linear;
		}
		.btnLoad { 
			width: 15rem;
			margin: 2em auto 2rem;
			padding: 1rem 1rem!important;
			border-radius: 50px !important;
			position: relative;
			background-repeat: no-repeat !important;
			background-color:#3eb7de;
			color:#ffffff;
			text-align:center;
					cursor: pointer;
					
					}
		.boton,
		.btnBorrar,
		.btnFilter,
		.btnLoad { 
	
				-webkit-transition: background-color 0.6s, top 0.6s;
				 -moz-transition: background-color 0.6s, top 0.6s;
				  -ms-transition: background-color 0.6s, top 0.6s;
				   -o-transition: background-color 0.6s, top 0.6s;
					transition: background-color 0.6s, top 0.6s;
		}

		.boton:hover,
		.btnBorrar:hover,
		.btnFilter:hover,
		.btnLoad:hover { background-color:#10069F;}
		.btnBorrar.loading,
		.btnFilter.loading,
		.btnLoad.loading {
			background-color:#cccccc!important;
		}
		.btnBorrar.loading::after,
		.btnFilter.loading::after,
		.btnLoad.loading::after {
			content: " ...";
 }
 
 
 
		.botonTop {
			position: fixed;
			opacity: 0;
			bottom: -1.5rem;
			right: 2.5rem;
			width: 24px;
			height: 24px;
			background-image: url(images/topUp.png);
			background-repeat: no-repeat;
			background-size: 100%;
			cursor: pointer;
			z-index:99999;

			-webkit-transition: all 0.5s linear;
			 -moz-transition: all 0.5s linear;
			  -ms-transition: all 0.5s linear;
			   -o-transition: all 0.5s linear;
				transition: all 0.5s linear;
		}
		.botonTop.active {
			bottom: 1rem;
			opacity: 1;
		}
		
		
		
		h1 { font-size:3.3rem; line-height:3.6rem; padding: 0px 0px 0px; margin-left:-4px; }
		.tituloimg { margin-top:-130px; }
		.tituloimg h1 {  background-color:#ffffff; font-size:3.3rem; line-height:3.6rem; padding: 10px 45px 0px 15px; margin-left:-20px; }

.menu-mercados ul {
	list-style:none;
display: none;
position:absolute;
width:100%!important;
left:-1.5rem; 
bottom:-75px;
margin:0;
padding:1rem;
}
.menu-mercados ul li {
	display:inline-block;
	margin:0;
	padding:0;
}
.menu-mercados ul li a {
	display: block;
	padding: 0rem 0.5rem; 
	border-radius: 0.2rem; 
	background-color:rgba(255,255,255,0.7); margin:0.2rem 0.1rem;
	color:#000000;
	font-weight:400;
	font-size:0.9rem;

}
.menu-mercados ul li a:hover {
	background-color:rgba(255,255,255,1);

}

.menu-mercados.active ul {
	display: inline-block;
}
.menu-sandwich1,
.menu-close1 { position:absolute; right: 1rem; top: 1.5rem; }
.menu-sandwich1 .svg path { fill: #3eb7de;  }
.menu-close1 .svg path { fill: #3eb7de;  }
		
		h1.secundario,
		h2 { font-size: 2rem; color:#3eb7de; line-height:2.2rem; padding:0 0 1rem 0; margin:0px; float:none; }
		h2.secundario {font-size: 1.4rem; line-height:1.8rem; padding-top:20px; color:#000000;  }
		h3 { font-size: 1.6rem; line-height:1.8rem;  }
		h4 { font-size: 1.4rem; line-height:1.6rem; }
		h5 { font-size: 1.1rem; line-height:1.4rem; font-weight:400; }
		h6 { font-size: 1rem; line-height:1.2rem; color:#3eb7de; }
		p { font-size: 1rem; }
		h2, h3, h4, h5, h6, p { padding-bottom:0.5rem; }
		
		.bold,
		strong {
			font-weight: 700;
		}

		.stats-block { border-left: 1px dotted #000000; }
		.stats-desc { margin:0px!important; padding: 0px 0px 25px 0px!important;}
		.stats-number { font-size: 4rem!important; line-height:3rem !important; color: #3eb7de!important; font-weight: 300!important; }
		.stats-text { font-size: 1.6rem!important; margin-top:15px!important;}
		
		.cajaContenedor .wpb_column { border:1rem solid #ffffff;  }
		.cajaContenedor .vc_column-inner { border:1px solid #f3f3f3; background-color:#f3f3f3; }
		
		.caja {  border-left: 1px dotted #000000; padding:1rem 1rem 1.5rem 1rem; margin-left:1rem; margin-bottom:1rem;}
		.caja .wpb_wrapper { }
		
		.somosTit *{ margin-bottom:0!important; padding-bottom:0!important; }
		
		ul.flecha, ul.flecha ul { list-style:none!important; padding:0!important; margin:0!important; }
		ul.flecha li { 
			background:url("images/arrow-blue.png") no-repeat 0 1px;
			padding-left:25px;
		}
		ul.flecha h5 { padding:0px; }
		ul.flecha a { font-weight:500; color:#000000; }
		ul.flecha .upper { text-transform:uppercase; font-weight:300; }
		
		.flecha.flechablanca li { 
			background:url("images/arrow-white.png") no-repeat 0 1px!important;
			padding-left:25px;
		}
		ul.breadcrumb { list-style:none; padding:0; margin:0 0 1rem 0; }
		ul.breadcrumb li a { font-size:0.9rem; }
		ul.breadcrumb li a.opciones{ color:#777777!important; border-right: 1px dotted #000000; padding: 0 0.3rem 0 0rem; margin: 0 0rem 0 0rem;}
		ul.breadcrumb li a.current{ color:#3eb7de!important;}
		ul.breadcrumb li a.opciones:hover { color:#3eb7de!important; }

		ul.submenu { list-style:none;  padding:0; margin:0; padding-top:15px; }
		ul.submenu li { display: inline-block; border-left: 1px dotted #000000; padding: 0.5rem 0.5rem 0rem 0.5rem; margin-bottom:0.5rem; }
		ul.submenu a { color:#000000; font-weight:500!important; cursor:pointer; }
		ul.submenu a:hover { color:#3eb7de; }
		ul.submenu .active,
		ul.submenu .active a { color:#3eb7de; font-weight:500!important; }





/* CLASES */
	/* LOAD RESULTS */
    .main-preloader {
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 99999999999999;
      background-color: #ffffff;
    }
    .main-preloader .main-preloader-inner {
      position: absolute;
      top: 0;
	  bottom:0;
      width: 100%;
    }
	.main-preloader-inner .logo { position:absolute; width:35%; right:2rem; bottom:2rem; }			
    .main-preloader .preloader-percentage {
      position: absolute;
	  bottom:2rem;
	  left:2rem;
	  right: 2rem; 
      color: #eeeeee;
      margin: 0;
    }
    .main-preloader .preloader-percentage span {
      display: inline-block;
      float: center;
    }
    .main-preloader .preloader-percentage-text {
      font-size: 150px;
    }
    .main-preloader .percentage {
      font-size: 50px;
    }

	.main-preloader .preloader-bar-outer .preloader-bar {
      position: absolute;
	  top:0;
	  bottom:0;
	  width:0px;
	  background-color: #3eb7de;	
	}

	/* HEADER */
		header * { line-height:1rem!important; }
		header {
			position: absolute;
			width: 100%;
			z-index: 9999;
			background-color:transparent;
			padding:1rem 0!important;
				-webkit-transition: background-color 0.6s, top 0.6s;
				 -moz-transition: background-color 0.6s, top 0.6s;
				  -ms-transition: background-color 0.6s, top 0.6s;
				   -o-transition: background-color 0.6s, top 0.6s;
					transition: background-color 0.6s, top 0.6s;
			}			
		header.active,
		header:hover {
			z-index: 99999;
			background-color: rgba( 255, 255, 255, 0.8 ) ;
		}
		header .wrapperPage {
			margin:0 2.5rem;
			position: relative;
		}
		header nav.principal,
		header .wIcons,
		header .wLanguage {
			float:left;
		}
		header .wIcons,
		header .wLanguage {
			margin:0 0 0 1rem!important;
		}

		header nav.principal *,
		header .wIcons *,
		header .wLanguage * {
			margin:0!important;
			padding:0!important;
		}
		header nav.principal ul li,
		header .wLanguage ul li {
			display: inline-block;
		}
		header nav.principal ul li {
			padding-right: 2rem!important;
		}
		header nav.principal ul li.current-menu-item a
		{
			color:#ffffff; 
			border-bottom:1px solid #ffffff;
		}
		
		header .wLanguage {
			border: none!important;
		}
		header .wLanguage ul li {
			padding-right: 0.5rem!important;
		}
		header .wLanguage a span,
		header .wLanguage a img {
			display: none !important;
		}
		header .wLanguage .wpml-ls-item-es a:after {
			content: "ES";
		}
		header .wLanguage .wpml-ls-item-en a:after {
			content: "EN";
		}
		header .wLanguage .wpml-ls-current-language a {
			font-weight: 500;
		}
		header .lupaSearch,
		header .menu-sandwich,
		header .menu-close {
			cursor: pointer;
		}
		header .menu-sandwich,
		header .menu-close {
			display:none;
		}
		header .logo .svg path,
		header .menu-sandwich .svg path,
		header .menu-close .svg path,
		header .lupaSearch .svg path {
			fill: #fff;
			-webkit-transition: fill 0.6s;
			 -moz-transition: fill 0.6s;
			  -ms-transition: fill 0.6s;
			   -o-transition: fill 0.6s;
				transition: fill 0.6s;
		}
		header nav.principal a,
		header .wLanguage a {
			color: #ffffff;
			font-weight: 300;
			font-size: 1rem;
			line-height:2rem!important;
			-webkit-transition: all 0.6s;
			 -moz-transition: all 0.6s;
			  -ms-transition: all 0.6s;
			   -o-transition: all 0.6s;
				transition: all 0.6s;
		}
		
		header.hidden {
			position: fixed;
			top: -4.5rem;
		}
		header.visible {
			position: fixed;
			top: 0;
			z-index: 99999;
			background-color: rgba( 255, 255, 255, 0.8 ) ;
		}
		header.active nav.principal ul li.current-menu-item a,
		header:hover nav.principal ul li.current-menu-item a,
		header.visible nav.principal ul li.current-menu-item a
		{
			color:#10069F!important; 
			border-bottom:1px solid #10069F!important;
		}

		header.active .logo .svg path,
		header:hover .logo .svg path,
		header.visible .logo .svg path,
		header.active .menu-sandwich .svg path,
		header:hover .menu-sandwich .svg path,
		header.visible .menu-sandwich .svg path,
		header.active .menu-close .svg path,
		header:hover .menu-close .svg path,
		header.visible .menu-close .svg path,
		header.active .lupaSearch .svg path,
		header:hover .lupaSearch .svg path,
		header.visible .lupaSearch .svg path {
			fill: #10069F;
		}		
		header.active nav.principal a,
		header:hover nav.principal a,
		header.visible nav.principal a,
		header.active .wLanguage a,
		header:hover .wLanguage a,
		header.visible .wLanguage a {
			color: #444444;
		}		

				
		header nav.principal li.current > a,
		header nav.principal li.active > a,
		header nav.principal li > a:hover {
			color: #3eb7de!important;
		}


	

		.fullHeader {
			background-position:center center;
			background-size:cover;
			background-repeat:no-repeat;
			background-color:#f5f5f5;
			width:100%;
			min-width:100%;
			height:600px;
			position:relative;
		}
		.fullHeaderTop {
			background-position:center center;
			background-size:cover;
			background-repeat:no-repeat;
		}

		.fullHeaderSub {
			background-color: transparent;
			width:100%;
			min-width:100%;
			height: 4.5rem;
			position:relative;
		}
		#quienes-somos .fullHeader ,
		#about .fullHeader {
			background-position:center bottom;
		}
		.contenido { padding: 3rem 2.5rem!important; }
		#actividad {}
		#activity h1,
		#expertise h1,
		#actividad h1 {margin-top:4rem; font-size:2rem; color:#ffffff;  }


		
		.menuactividad ul { display:flex;flex-wrap: wrap; }
		.menuactividad  ul { list-style:none!important; padding:0!important;  }
		.menuactividad  ul li{ flex: 1 0 14.28%; overflow:hidden; padding:0; margin-bottom:3rem; }
		.menuactividad  ul li a { display:block; color:rgba(62,183,222,0.9); font-size:1.1rem; font-weight:400; border: 1px dotted #ffffff; border-width:1px 0px 0px 1px; padding:2rem 2rem 0rem 2rem; }
		.menuactividad  ul li a:hover { color:#ffffff; }
		
		.menuactividad  ul ul { margin:0.5rem 0rem 0rem 1rem; display: list-item; }	
		.menuactividad  ul ul li{ 	padding:0 0 0 1rem; margin:0rem; display: list-item; background:url("images/arrow-actividad.png") no-repeat 0 2px; font-size:1rem; font-weight:300;}
		.menuactividad  ul ul li a { color:#ffffff; font-size:1rem; font-weight:300;padding:0 1rem 0 0; border:none; min-height:auto; }
		.menuactividad  ul ul li a:hover { color:#3eb7de;  }

		.menuactividad .menu-item-43943, .menuactividad .menu-item-43944, .menuactividad .menu-item-43946, .menuactividad .menu-item-43945 {
			flex-basis: 100%;
			height: 0;
		}

		@media (max-width: 1500px) {
		.menuactividad  ul li{ flex: 1 0 20%; }
		}
		@media (max-width: 1200px) {
		.menuactividad  ul li{ flex: 1 0 25%;  }
		}
		@media (max-width: 900px) {
		.menuactividad  ul li{ flex: 1 0 50%;  }
		}
		@media (max-width: 600px) {
		.menuactividad  ul li{ flex: 1 0 100%;  }
		}


	/* SEARCH */
	
		.paginaSearch {
			z-index: 999999999999;
			position: fixed;
			visibility: hidden;
			opacity: 0;
			background-color: #ffffff;
			height: 100%;
			padding: 1rem 2.5rem;
			top: 0;
			left: 0;
			right:0;

			-webkit-transition: all 0.3s linear;
			 -moz-transition: all 0.3s linear;
			  -ms-transition: all 0.3s linear;
			   -o-transition: all 0.3s linear;
				transition: all 0.3s linear;
		}
		.paginaSearch.active {
			opacity: 1;
			visibility: visible;
		}
		.paginaSearch .logo {
			margin-top:0;
		}
		.paginaSearch .svg {
			cursor: pointer;
		}
		.paginaSearch .loading {
			display:none;
		}

		.paginaSearch .cerrarSearch {
			position: absolute;
			top: 1.3rem;
			right: 2rem;
			width: 32px;
			height: 32px;
			cursor: pointer;
		}
		.paginaSearch .cerrarSearch:before,
		.paginaSearch .cerrarSearch:after {
			content: '';
			position: absolute;
			top: 15px;
			height: 1px;
			width: 100%;
			background: #000;

			-webkit-transform: rotate(0deg);
			 -moz-transform: rotate(0deg);
			  -ms-transform: rotate(0deg);
			   -o-transform: rotate(0deg);
				transform: rotate(0deg);

			-webkit-transition: all 0.3s linear;
			 -moz-transition: all 0.3s linear;
			  -ms-transition: all 0.3s linear;
			   -o-transition: all 0.3s linear;
				transition: all 0.3s linear;
		}
		.paginaSearch .cerrarSearch:before {
			-webkit-transform: rotate(45deg);
			 -moz-transform: rotate(45deg);
			  -ms-transform: rotate(45deg);
			   -o-transform: rotate(45deg);
				transform: rotate(45deg);
		}
		.paginaSearch .cerrarSearch:after {
			-webkit-transform: rotate(-45deg);
			 -moz-transform: rotate(-45deg);
			  -ms-transform: rotate(-45deg);
			   -o-transform: rotate(-45deg);
				transform: rotate(-45deg);
		}
		.paginaSearch form {
			padding: 5rem 0 0;
			position: relative;
		}
		.paginaSearch input[type=text] {
			border: none;
			border-bottom: 1px dotted #000000;
			border-left: 1px dotted #000000;
			padding: 0.5rem;
			width: 50%;
			font-size: 2rem
		}
		.paginaSearch input[type=text]::placeholder {
			color: #d8d8d8;
		}
		.paginaSearch .resultadosSearch {
			padding: 5rem 0 5rem;
			position: relative;
		}
		.paginaSearch h4  {
			padding: 1rem 0;
			font-size:1.2rem;
			line-height: 1.5rem;
			border-top:1px solid #eeeeee;
			position: relative;
		}
		.paginaSearch h4 ul  {
			float:right;
		}
		.paginaSearch h4 li {
			display:inline-block;
			padding:0;
		}
		.paginaSearch h4 li a {
			background-color:#3eb7de; color:#ffffff; border-radius:3px; padding:0.3rem 0.4rem; font-size:0.9rem; font-weight:400; margin-right:5px;
		}
		.paginaSearch h4 li a:hover { background-color:#10069F; color:#ffffff; }


		.paginaSearch .proyectosSearch,
		.paginaSearch .noticiasSearch,
		.paginaSearch .publicacionesSearch,
		.paginaSearch .oficinasSearch,
		.paginaSearch .videosSearch,		
		.paginaSearch .mensajeSearch {
			display: none;
			padding: 3rem 0 1rem;
		}
		.paginaSearch .oficinasSearch .col,
		.paginaSearch .videosSearch .col {
			width:30%; margin-right:3.33%; float:left;
		}


	/* FOOTER */
		footer { padding: 4rem 2.5rem 3rem 2.5rem!important; margin:0!important; background-color:#333; color:#ffffff;}
		footer a { color:#ffffff; }
		footer .wpb_wrapper {}
		footer .f_private,
		footer .f_social { }
		footer .f_social li {
			display: inline-block;
			padding-left: 0.5rem;
		}
		footer .f_social li:nth-child(1) {
		}
		footer .f_social li a {
			width: 1.8rem;
			height: 1.8rem;
			background-repeat: no-repeat;
			background-size: 100% 100%;
			display: block;

			-webkit-transition: all 0.15s linear 0s;
			 -o-transition: all 0.15s linear 0s;
			  transition: all 0.15s linear 0s;
		}
		footer .f_social .facebook {
			background-image: url('images/facebook.png');
		}
		footer .f_social .twitter {
			background-image: url('images/twitter.png');
		}
		footer .f_social .linkedin {
			background-image: url('images/linkedin.png');
		}
		footer .f_social .youtube {
			background-image: url('images/youtube.png');
		}
		footer .center * { text-align:center;}
		footer .right * { text-align:right;}



			/* FRONT-PAGE */
				.homeVideo {
					height: 80vh;
					position: relative;
				}
				.homeVideo video {
					position: absolute;
					z-index: 1;
					width: 100%;
					height: 100%;
					top: 0;
					left: 0;

					object-fit: cover;
				}
				.homeVideo .pieVideo {
				}
				.homeVideo .pieVideo .goDown {
					position: absolute;
					z-index: 2;
					display:block;
					background-image: url(images/downFlecha.png);
					background-repeat:no-repeat;
					height: 1.8rem;
					width: 2rem;
					cursor: pointer;
					bottom: 2rem;
					margin: 0 49%;
				}

				.homeBoletinTecnologico {
					width: 100%;
					height: 35rem;
					position: relative;
					z-index: 3;
					overflow: hidden;
				}
				.homeBoletinTecnologico .swiper-container {
					height: 100%;
					width: 100%;
				}
				.homeBoletinTecnologico .swiper-container .swiper-image {
					width: 100%;
					height: 100%;
				}
				.homeBoletinTecnologico .swiper-container .swiper-image-inner {
					background-size: cover;
					background-position: center center;
					width: 100%;
					height: 100%;
				}
				.homeBoletinTecnologico .swiper-container .swiper-content {
					position: absolute;
					padding: 2.5rem;
					z-index: 5;
					width: 30%;
					height:100%;
					opacity: 0;
					background-color: rgba( 0, 0, 0, 0.4 );
					transform: translateX(-100%);
				}
				.homeBoletinTecnologico .swiper-container .swiper-slide-active .swiper-content {
					opacity: 1;
					transition: all .5s cubic-bezier( 0, 0.2, 0.5, 1 ) 1s;
					transform: translateX( 0% );
				}
				.homeBoletinTecnologico .swiper-container .swiper-content h2 {
					line-height:2rem;
					margin-bottom:1rem;
					margin-top:2rem;
					color:#ffffff;
					font-weight:500;
					line-height:2.4rem;
				}
				.homeBoletinTecnologico .swiper-container .swiper-content h3 {
					color:#ffffff;
					margin-bottom:3rem;
				}
				.homeBoletinTecnologico .swiper-container .swiper-content h2,
				.homeBoletinTecnologico .swiper-container .swiper-content h3,
				.homeBoletinTecnologico .swiper-container .swiper-content p,
				.homeBoletinTecnologico .swiper-container .swiper-content a {
					opacity: 0;
				}
				.homeBoletinTecnologico .swiper-container .swiper-slide-active .swiper-content h2,
				.homeBoletinTecnologico .swiper-container .swiper-slide-active .swiper-content h3,
				.homeBoletinTecnologico .swiper-container .swiper-slide-active .swiper-content p,
				.homeBoletinTecnologico .swiper-container .swiper-slide-active .swiper-content a {
					opacity: 1;
					transition: all 0.4s cubic-bezier( 0, 0.2, 0.5, 1 ) 2s;
				}
				/* SWIPER CSS */
				.homeUnete {
					background-repeat: no-repeat;
					background-size: cover;
					background-position: center center;
					padding-bottom:15rem;
				}

				.homeUnete .wpb_wrapper {
					padding:2.5rem;
					max-width: 50%
				}
				.homeUnete .wpb_wrapper *{
					color:#ffffff;
					text-align:left;
				}
				.homeUnete .wpb_wrapper h2{
					color:#ffffff;
					font-size:2.5rem;
					line-height:3rem;
					font-weight:500;
					text-align:left;
					margin-bottom:2rem;
				}

			/* MERCADOS */
			
				.mercados .persona { float:right; width:200px; margin:0 0.5rem 2rem 0rem; text-align:left; }
					.mercados.padre .swiper-slide {
						width: 90%;
						/*padding-bottom: 6.5rem;*/
					}
					.mercados.padre .contentDestacado {
						padding:1rem 2.5rem 0rem 10rem;
						max-width:70%;
					}
					.mercados.padre .contentDestacado h2 {
						padding:1rem 0rem 0rem 0rem;
						font-size:1.5rem; font-weight:400; line-height:1.6rem!important;
					}
					.mercados.padre .contentDestacado h2 a{
					color:#000000;
					}
					.mercados.padre .contentDestacado h2 span {
					color:#3eb7de;font-size:1rem; text-transform: uppercase;
					}
					.mercados.padre .imgDestacado {
						background-size:cover; height: 35rem; width:100%; cursor:grab; 
						}

					.mercados.padre .contentDestacado > * {
						opacity: 0;
						transition-delay: 0s !important;

						/*transition: all 0.4s ease-out 0.8s;*/
					}
					.mercados.padre  .swiper-slide-active .contentDestacado > * {
						opacity: 1;
						transition-delay: 0.4s !important;
						/*left: 0rem;*/
					}
					


.ultimasPublicaciones  {margin-bottom:6rem;
    }
.premios .navigation,
.publicaciones .navigation,
.videos .navigation {
	border-top:1px solid #eeeeee;
	position:relative;
  bottom: -0.5rem;
  display: flex;
  flex-direction: row;
   justify-content: flex-end;
    }
.premios .swiper-button-prev,
.premios .swiper-button-next,
.publicaciones .swiper-button-prev,
.publicaciones .swiper-button-next,
.videos .swiper-button-prev,
.videos .swiper-button-next {
  position: static;
  width: 2rem;
  height: 2rem;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color:#f3f3f3;
  color: #000000;
  font-size: 10px!important;
  margin-top:0;
}
.premios .swiper-button-next,
.premios .swiper-container-rtl .swiper-button-prev,
.publicaciones .swiper-button-next,
.publicaciones .swiper-container-rtl .swiper-button-prev,
.videos .swiper-button-next,
.videos .swiper-container-rtl .swiper-button-prev {
  right: 0rem;
}
.premios .swiper-button-prev.swiper-button-disabled,
.premios .swiper-button-next.swiper-button-disabled,
.publicaciones .swiper-button-prev.swiper-button-disabled,
.publicaciones .swiper-button-next.swiper-button-disabled,
.videos .swiper-button-prev.swiper-button-disabled,
.videos .swiper-button-next.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}


.premios .swiper-container,
.publicaciones .swiper-container,
.videos .swiper-container {
      width: 100%;
      height: 100%;
	  padding:1rem 0 3rem;
    }

.publicaciones .swiper-slide {
    }
	
.publicaciones .publicacion { padding:0px 0px 50px 0px!important; position:relative; }

.publicaciones .publicaciones { }
.publicaciones .publicaciones.active { }
	
	
				.mercados .mServicios {
					margin-bottom: 2rem;					
				}
				.mercados .mServicios nav {
					margin-bottom: 1.5rem;
					padding-bottom: 1rem;
					border-bottom: 1px dotted #000000;
				}
				.mercados .mServicios nav ul {
					margin:0; padding:0;
				}
				.mercados .mServicios nav ul li {
					display: inline-block;
					margin-right: 2rem;
					cursor: pointer;
					position: relative;
				}
				.mercados .mServicios nav ul li {
					display: inline-block;
					margin-right: 1.5rem;
					cursor: pointer;
					position: relative;
				}
				.mercados .mServicios nav ul li:nth-child(1) {
				}
				.mercados .mServicios nav ul li.activo {
					color: #3eb7de;
					font-weight:500;
				}
				.mercados .mServicios div.nuclear {
					display: none;
					width: 100%;
				}
				.mercados .mServicios div.nuclear h3 {
					display: none;
				}
				.mercados .mServicios div.nuclear.activo {
					display: block;
				}
				.mercados .mServicios div.nuclear ul li {
					display: flex;
				}
				.mercados .mServicios div.nuclear ul li:before {
					content: '-';
					padding-right: 0.3rem;
				}


			/* PROYECTOS */



				.proyectos .proyecto {
				}
				.proyectos .proyecto .vc_column-inner	{
					background-size:cover;
					background-position:center center;
					margin:0px; padding:0px;
					height: 0;
					width:100%;
					padding-bottom: 56%;
					background-color:#eeeeee;
				}
				.proyectos .proyecto .info {
				background-color: rgba(0,0,0,0.3); position:absolute; top:0; bottom:0; right:0; width:34%; padding:3rem 3% 2rem 3%; 
				-webkit-transition: all 0.25s linear 0s;
				 -o-transition: all 0.25s linear 0s;
				  transition: all 0.25s linear 0s;

				}
				.proyectos .proyecto:hover .info {
				background-color: rgba(0,0,0,0.6);  
				padding-right:63%;
				}
				.proyectos .proyecto h2 {
					font-size:1.3rem;
					color:#ffffff;
					line-height: 1.5rem;
					padding-bottom:1rem
				}
				.proyectos .proyecto p {
					color:#ffffff;

				}

				.proyectos .proyecto p.pais {
					color: #3eb7de; text-transform:uppercase;  font-size:0.9rem;
				}
				.proyectos .proyecto ul.cats {
					position:absolute; bottom:1rem; 
				}
				.proyectos .proyecto ul.cats li {
					text-transform:uppercase; font-size:0.85rem; color:#ffffff; padding:0;
				}

			/* SINGLE PROYECTO */
			.compartirProyecto {
					border: 1px dotted #000000;
					border-width: 1px 0px;
					margin-bottom: 2rem;
					padding-top: 1.5rem;
				}
				.compartirProyecto ul {
					padding:0; margin:0 0 1rem 0!important;
				}
				.compartirProyecto ul li {
					display: inline-block;
					padding-left: 0.3rem;
				}
				.compartirProyecto ul li:nth-child(1) {
					padding-left: 0;
				}
				.compartirProyecto ul li svg:hover {
					cursor: pointer;
				}
				.compartirProyecto ul li svg:hover path {
					fill: #fff;

					webkit-transition: all 0.5s;
					 -moz-transition: all 0.5s;
					  -ms-transition: all 0.5s;
					   -o-transition: all 0.5s;
						transition: all 0.5s;
				}
				.compartirProyecto ul li svg:hover circle {
					fill: #4166ef;
					stroke: #4166ef;

					webkit-transition: all 0.5s;
					 -moz-transition: all 0.5s;
					  -ms-transition: all 0.5s;
					   -o-transition: all 0.5s;
						transition: all 0.5s;
				}
				
				p.pais {
				 text-transform:uppercase;  font-size:0.9rem; font-weight:500;
				}

				.galeriaProyecto {
					width: 100%;
					height: 40rem;
					padding-top:2rem!important;
				}
			.galeriaProyecto .swiper-slide {
			  height: 100%!important;
			  list-style:none;
			}
	
				.galeriaProyecto ul li {
					width: auto;
				}
				.galeriaProyecto ul li img {
					height: 100%;

				}
				.galeriaProyecto ul li.videosProyecto {
				}
				.galeriaProyecto ul li iframe,
				.galeriaProyecto ul li video {
					--video--width: 960;
					--video--height: 540;
					--video--wrapper: 642.4px;
					border:1px solid #cccccc;
					height: 98%;
					width: calc( var(--video--width) / var(--video--height) * 620px );
				}
				.galeriaProyecto .swiper-pagination { top :0px!important; height:2rem!important; padding-left:2.5rem; text-align:left!important; }


			/* MEDIA */
				.noticias ,
				.videos ,
				.publicaciones { }
				
				.noticia .vc_column-inner,
				.film .vc_column-inner { margin:0px 15px 4rem 15px!important; padding:0px 0px 50px 0px!important; position:relative; }

				.film .vc_column-inner {  padding:0px 0px 0px 0px!important; }
				
				.noticia img,
				.publicacion img { width: 100%; }
				
				.noticia .fecha { padding-bottom:5px; }
				.noticia h2 { font-size:1.2rem; line-height:1.6rem; }
				.noticia h2 a { color: #3eb7de; }
				.nProyecto { border-top:1px dotted #000000; margin-top:1rem; padding-top: 1rem;}
				.nProyecto img { width:100%!important; height:auto!important; }
				.nAnexos, .nContacto, .nPie { border-bottom:1px dotted #000000; margin-bottom:1rem; padding-bottom: 1rem;}
				
				.publicacion .tit { text-transform: uppercase; }
				.noticia .pie,
				.film .pie,
				.publicacion .pie { position:absolute; bottom:0; width:100%;  }
				
				.noticia .cats,
				.publicacion .cats { border-top:1px dotted #000000; padding-top:10px; color:#333333; }

				.film iframe { width:100%; height:250px; }
				
				.descarga { background-color:#3eb7de; color:#ffffff; border-radius:3px; padding:0.1rem 0.2rem 0 0.2rem; font-size:0.8rem; font-weight:400; margin:0 5px 5px 0; line-height:auto;}
				.descarga:hover { background-color:#10069F; color:#ffffff; }

				.pFiltro {
				}
				

				.pFiltro .pFiltroContent .pResultados {
					display:block;
					margin-top:1rem;
					float:left;
				}
				.pFiltro .pResultados div span {
					padding: 0.1rem 2rem 0.1rem 0.5rem;
					margin: 0 1rem 0.5rem 0;
					border: 1px solid #cccccc;
					border-radius: 3px;
					display: inline-block;
					position:relative;
					font-size:0.9rem;
				}
				.pFiltro .pResultados div span i {
						width: 14px;
						height: 14px;
						background-image: url(images/close.svg);
						background-position:center center;
						position: absolute;
						top:7px;
						right: 8px;
						cursor: pointer;
					}
				
				
				.pFiltroBtn {
					padding: 0;
					padding-bottom:1rem;
					display:none;
				}
				.pFiltroBtn .abrirFilter,
				.pFiltroBtn .cerrarFilter {
					float:right;
					cursor: pointer;
					padding: 0.5rem 3rem 0.5rem 0;
					background-image: url(images/filter.svg);
					background-position: right center;
					background-repeat:no-repeat;
				}
				.pFiltro .abrirFilter { display:block; }
				.pFiltro .cerrarFilter { display:none; }

				.pFiltro.active .abrirFilter { display:none; }
				.pFiltro.active .cerrarFilter { display:block; }
				
				.pFiltro div.pFiltroContent {
					position: relative;
					width: 100%;
					overflow: hidden;
				}
				.pFiltro h3 {
					display:none;
				}
				.pFiltro div ul li {
					position:relative;
					 padding: 0.4rem 0.4rem 0rem 0.4rem;
					border-left: 1px solid #000000;
					font-weight:300;
 				}
				.pFiltro div ul li span {
					cursor: pointer;
				}

				.pFiltro div ul li.active {
					background-image: url(images/check.svg);
					background-size: 18px 18px;
					background-position:right center;
					background-repeat:no-repeat;
					font-weight:300!important;
					color:#10069F;
					 padding: 0.4rem 1.4rem 0rem 0.4rem;
				}
				.pFiltro div ul li.marcado {
					color:#10069F;
					border-left: 2px solid #10069F;
					font-weight:300!important;
				}
				.pFiltro div ul li.current {
					font-weight:700!important;
					color:#10069F;
				}
				.pFiltro .filtrarBtn {
					display: inline-block;
					float:right;
					margin-top:1rem;

				}
				
		.btnBorrar,
		.btnFilter { 
			padding: 0.1rem 0.5rem 0.1rem 0.5rem;
			margin: 0 0 0.3rem 1rem;
			border: 1px solid #3eb7de;
			border-radius: 3px;
			display: inline-block;
			position:relative;
			font-size:0.9rem;
			background-color:#3eb7de;
			color:#ffffff;
			text-align:center;
			cursor: pointer;				
		}
		.btnBorrar { 
			background-color:#444444;
					border: 1px solid #444444;
		}

				/*  FILTRO */
				.proyectos .pFiltro .hidden {
					display: none;
				}
					.proyectos .pFiltro div ul {
						-webkit-transition: all 0.3s linear;
						 -moz-transition: all 0.3s linear;
						  -ms-transition: all 0.3s linear;
						   -o-transition: all 0.3s linear;
							transition: all 0.3s linear;
					}
					.proyectos .pFiltro ul[data-filtro="sector"],
					.proyectos .pFiltro ul[data-filtro="producto"],
					.proyectos .pFiltro ul[data-filtro="subproducto"],
					.proyectos .pFiltro ul[data-filtro="subsubproducto"] {
						border-bottom: 1px solid #eeeeee;
						padding-bottom:0.5rem;
					}
					.proyectos .pFiltro ul[data-filtro="producto"],
					.proyectos .pFiltro ul[data-filtro="subproducto"],
					.proyectos .pFiltro ul[data-filtro="subsubproducto"] {
						display: none;
					}
					.proyectos .pFiltro ul[data-filtro="sector"] li i,
					.proyectos .pFiltro ul[data-filtro="producto"] li i,
					.proyectos .pFiltro ul[data-filtro="subproducto"] li i,
					.proyectos .pFiltro ul[data-filtro="subsubproducto"] li i {
						display: block;
						position:absolute;
						right:0px;
						bottom:5px;
						width:15px;
						height:15px;
						line-height:15px;
						border-radius: 3px;
						border: 1px solid #3eb7de;
						color:#3eb7de;
						font-weight:300;
						text-align:center;
						cursor:pointer;
						-webkit-transition: all 0.3s linear;
						 -moz-transition: all 0.3s linear;
						  -ms-transition: all 0.3s linear;
						   -o-transition: all 0.3s linear;
							transition: all 0.3s linear;
					}
					.proyectos .pFiltro ul[data-filtro="sector"] li i:hover,
					.proyectos .pFiltro ul[data-filtro="producto"] li i:hover,
					.proyectos .pFiltro ul[data-filtro="subproducto"] li i:hover,
					.proyectos .pFiltro ul[data-filtro="subsubproducto"] li i:hover {
	
						background-color:#3eb7de;
						color:#ffffff;
						font-weight:300;
						text-align:center;
						cursor:pointer;
					}

					.proyectos .pFiltro ul[data-filtro="sector"],
					.proyectos .pFiltro ul[data-filtro="producto"].active,
					.proyectos .pFiltro ul[data-filtro="subproducto"].active,
					.proyectos .pFiltro ul[data-filtro="subsubproducto"].active {
						display: list-item;
					}

			/* SINGLE NOTICIA */
			.nNavigation {
					margin: 5px 0 0rem;
					padding:3rem;
					background-color: #f9f9f9;
				}
			.nNavigation .left { float: left; }
			.nNavigation .right { float: right; }

			/* OFICINAS */
	
				ul.oficinapais {
				}
				ul.oficinapais li {
					cursor: pointer;
				}
				ul.oficinapais li.active {
				}
				.oficinas  input.searchOficina {
					margin-top:15px;
					padding: 0.5rem 1rem;
					border-radius: 50px;
					border: 0px;
					background-color: #eeeeee;
					color:#6c6c77;
					font-size:1rem;
					font-weight:200;
					/*text-align: center;*/
					background-image: url(images/lupa.svg);
					background-repeat: no-repeat;
					/*background-position: 8px 50%;*/
					background-position: 94% 50%;
					float:right!important; 
					
				}
				
				.oficinas .oficina h2 {
					font-size: 1.2rem;
					padding-bottom: 0rem;
				}

				.oficinas .oficina img {
					width:100%;
					max-width:200px;
					-webkit-filter: grayscale(100%);
					-moz-filter: grayscale(100%);
					-ms-filter: grayscale(100%);
					-o-filter: grayscale(100%);
					filter: grayscale(100%); 
				}
				.oficinas .oficina .oficina-gps {
				width:15px!important; border:1px solid #cc00cc; margin-left: 0.5rem; opacity:50%; vertical-align: text-top;
				}
				.oficinas .oficina .oficina-gps:hover {
				opacity:100%;	
				}
				.oficinas .oficina.hidden {
					display:none;
				}

				.oficinas  .generalOficina {
					width: 50%;
					opacity: 0;
					display: none;

					webkit-transition: opacity 0.2s;
					 -moz-transition: opacity 0.2s;
					  -ms-transition: opacity 0.2s;
					   -o-transition: opacity 0.2s;
						transition: opacity 0.2s;
				}
				.oficinas .generalOficina.active {
					display: block;
					opacity: 1;
				}


			/* QUIENES SOMOS */
				.directivo ul:hover, .directivo figure:hover {
				cursor: pointer!important;
				}
				.quienesSomos {
					background-image: url("images/fondo.jpg");
					background-repeat: repeat-x;
					background-position: 0px 20px;
				}

				.quienesSomos li {
				cursor: pointer;
				}
				.quienesSomos ul {
				margin: 0 0 0 5rem!important;
				}
				.quienesSomos figure {
					padding:1rem 0;
					overflow: hidden;
					cursor: pointer;
					width: 100%;
					text-align: center;
					/*background-image: url("images/quienes-fondo.jpg");
					background-repeat: repeat-x;
					border: 1px dotted #666666;
					border-width:0 0 1px 1px;*/
					
				}
				.quienesSomos figure img {
					transition: transform 1s ease-out;
					width: 310px!important;
					
				}
				.quienesSomos figure:hover img {
					-webkit-transform: scale(1.05);
					 transform: scale(1.05);
				}

.quienes, .quienes-num { margin: 0 auto; max-width:1280px!important; }
.persona .vc_column-inner { padding:0!important; margin:0!important; }
.persona .wpb_single_image { padding:0!important; margin:0!important; }
.persona .quienes-desc { position: absolute; top:0; bottom:-2.2rem; right:0; left: 0; background-color: rgba(0,0,0,0.8); color:#ffffff!important; padding:2rem; opacity:0;  transition: opacity 0.5s;}
.persona .quienes-desc ul { margin-top: 300px; transition: all 0.5s;}
.persona .quienes-desc:hover { opacity:1; }
.quienes-txt { padding:1rem!important; }
.persona .quienes-desc:hover ul { margin-top: 0px; transition: all 0.5s;}

h2.somos{ margin-left:-0.5rem; margin-top:1rem }
@media (max-width: 1400px) {
h2.somos{ font-size: 1.9rem;   line-height:2rem; padding:0; }
}
@media (max-width: 1100px) {
.quienes { margin: 0 0rem; }
}

				.overlayQS {
					z-index: 999999999999;
					overflow: hidden;
					background-color: #fff;
					width: 100%;
					height: 0;
					position: fixed;
					bottom: 0;
					left: 0;

					-webkit-transition: all 0.5s linear 0.3s;
					 -moz-transition: all 0.5s linear 0.3s;
					  -ms-transition: all 0.5s linear 0.3s;
					   -o-transition: all 0.5s linear 0.3s;
						transition: all 0.5s linear 0.3s;
				}
				 .overlayQS.active {
					height: 100vh;
				}
				 .overlayQS .wrapperContent {
					/* margin: 14.75rem 0 0 14.11458%; */
					width:100%;
					position: absolute;
				}
				 .overlayQS .wrapperContent .contentDirector {
					padding: 5rem 10rem;
				}
			
				.overlayQS .contentDirector  {
					position: relative;
					opacity: 0;
					top: 2rem;

					-webkit-transition: all 0.3s linear 0.1s;
					 -moz-transition: all 0.3s linear 0.1s;
					  -ms-transition: all 0.3s linear 0.1s;
					   -o-transition: all 0.3s linear 0.1s;
						transition: all 0.3s linear 0.1s;
				}
				.overlayQS .contentDirector.active  {
					opacity: 1;
					top: 0;
				}
				.overlayQS .contentDirector .imgDirector {
					position:relative;
					text-align:right!important; 
				}				
				.overlayQS .contentDirector img {
					position:fixed;
					right:50%;
					max-width:100%!important;
					height:auto;
				}				
				.overlayQS .contentDirector h2 {
					font-size:4rem;
					line-height:4rem;
					font-weight:300;
					color:#aaaaaa;
					margin-bottom:1rem;
				}				
				.overlayQS .contentDirector h5 {
					font-size:1.1rem;
				}				
				.overlayQS .contentDirector h5 strong {
					text-transform: uppercase;
				}				
				.overlayQS .contentDirector h6 {
					font-weight:500;
					margin-top:1rem;
				}				

				/* CERRAR */
					 .overlayQS .cerrarQS {
						position: absolute;
						top: 2rem;
						right: 3rem;
						opacity: 0;
					}
					 .overlayQS .cerrarQS a {
						width: 24px;
						height: 24px;
						position: absolute;
						top: -11px;
						left: 0;
						cursor: pointer;
					}
					 .overlayQS .cerrarQS a:before,
					 .overlayQS .cerrarQS a:after {
						content: '';
						position: absolute;
						top: 11px;
						height: 2px;
						width: 100%;
						background: #3a3a48;

						-webkit-transform: rotate(0deg);
						 -moz-transform: rotate(0deg);
						  -ms-transform: rotate(0deg);
						   -o-transform: rotate(0deg);
							transform: rotate(0deg);

						-webkit-transition: all 0.3s linear;
						 -moz-transition: all 0.3s linear;
						  -ms-transition: all 0.3s linear;
						   -o-transition: all 0.3s linear;
							transition: all 0.3s linear;
					}
					.overlayQS .cerrarQS.active {
						opacity: 1;
						z-index:10000000;
						        
					}
					.overlayQS .cerrarQS.active a:before {
						-webkit-transform: rotate(45deg);
						 -moz-transform: rotate(45deg);
						  -ms-transform: rotate(45deg);
						   -o-transform: rotate(45deg);
							transform: rotate(45deg);
					}
					.overlayQS .cerrarQS.active a:after {
						-webkit-transform: rotate(-45deg);
						 -moz-transform: rotate(-45deg);
						  -ms-transform: rotate(-45deg);
						   -o-transform: rotate(-45deg);
							transform: rotate(-45deg);
					}

		@media (min-width: 1024px) {

			/* ANIMACION */

.actividadAnimacion,.wpb_actividadAnimacion{
	-webkit-animation:wpb_actividadAnimacion 4s 1 cubic-bezier(0,0,0.58,1);
	-o-animation:wpb_actividadAnimacion 4s 1 cubic-bezier(0,0,0.58,1);
	animation:wpb_actividadAnimacion 4s 1 cubic-bezier(0,0,0.58,1);
		

}

@-webkit-keyframes wpb_actividadAnimacion{
	0%{opacity:0;}
	50%{opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes wpb_actividadAnimacion{
	0%{opacity:0;}
	50%{opacity:0;}
	100%{opacity:1;}
	}
@-o-keyframes wpb_actividadAnimacion{
	0%{opacity:0;}
	50%{opacity:0;}
	100%{opacity:1;}
	}
@keyframes wpb_actividadAnimacion{
	0%{opacity:0;}
	50%{opacity:0;}
	100%{opacity:1;}
	}


.actividadAnimacionfondoAzul,.wpb_actividadAnimacionfondoAzul{
	-webkit-animation:wpb_actividadAnimacionfondoAzul 6s 1 cubic-bezier(0,0,0.58,1);
	-o-animation:wpb_actividadAnimacionfondoAzul 6s 1 cubic-bezier(0,0,0.58,1);
	animation:wpb_actividadAnimacionfondoAzul 6s 1 cubic-bezier(0,0,0.58,1);
			height:100%;
			width:100%;
			position:absolute;
			top:0;
		background-color:rgba(16,6,159,0.8);
}

@-webkit-keyframes wpb_actividadAnimacionfondoAzul{
	0%{opacity:1; margin-top:-100%}
	20%{opacity:1; margin-top:-100%}
	50%{opacity:1; margin-top:0%}
	100%{opacity:1;}
}
@-moz-keyframes wpb_actividadAnimacionfondoAzul{
	0%{opacity:1; margin-top:-100%}
	20%{opacity:1; margin-top:-100%}
	50%{opacity:1; margin-top:0%}
	100%{opacity:1; margin-top:0%}
	}
@-o-keyframes wpb_actividadAnimacionfondoAzul{
	0%{opacity:1;  margin-top:-100%}
	20%{opacity:1; margin-top:-100%}
	50%{opacity:1; margin-top:0%}
	100%{opacity:1; margin-top:0%}
	}
@keyframes wpb_actividadAnimacionfondoAzul{
	0%{opacity:1; margin-top:-100%}
	20%{opacity:1; margin-top:-100%}
	50%{opacity:1; margin-top:0%}
	100%{opacity:1; margin-top:0%}
	}

}

/*  RESPONSIVE */
		@media (max-width: 1024px) {

		header {
			position: fixed!important;
			top: 0!important;
			z-index: 99999;
			background-color: #10069F!important ;
			color:#ffffff!important;
		}

		header *{
			color:#ffffff!important;
			fill: #ffffff!important;
		}
		header a:hover{
			color:#3eb7de!important;
		}
		header .svg:hover path{
			fill: #3eb7de!important;
		}

		header nav.principal { 
		display:none;
		}
		header nav.principal ul { 
		background-color: #10069F;
		position:fixed; top:4rem; left:0;
		width:100%;
		height:100%;
		z-index:1000000000000!important;
		}

		header nav.principal li { 
		display: list-item!important;
		width:100%!important;
		padding: 0.5rem 2.5rem!important;
		border-top:1px solid #ffffff;
		}

		header .menu-sandwich { display: inline; }
		header .lupaSearch { margin-right:1rem!important; }
		
				
		header nav.principal li.current > a,
		header nav.principal li.active > a,
		header nav.principal li > a:hover {
			color: #ffffff!important;
			font-weight:500;
		}

		h1 { font-size:2rem; line-height:2.4rem; padding: 0px 0px 0px; }
		.tituloimg { margin-top:-110px; }
		.tituloimg h1 {  background-color:#ffffff; font-size:2rem; line-height:2.4rem; padding: 10px 45px 0px 15px; margin-left:-20px; }

.menu-mercados ul {
bottom:-3rem;
}
.menu-mercados ul li {
	display:inline-block;
	margin:0;
	padding:0;
}

.menu-sandwich1,
.menu-close1 { position:absolute; right: 1rem; top: 0.75rem; }
.menu-sandwich1 .svg path { fill: #3eb7de;  }
.menu-close1 .svg path { fill: #3eb7de;  }
		
		h1.secundario,
		h2 { font-size: 1.6rem; color:#3eb7de; line-height:1.8rem;  margin:0px; float:none; }
		h2.secundario {font-size: 1.4rem; line-height:1.6rem; padding-top:1rem; color:#000000;  }
		h3 { font-size: 1.4rem; line-height:1.6rem;  }
		h4 { font-size: 1.2rem; line-height:1.4rem; }

				.quienesSomos {
					background-image: none;
				}
				.quienesSomos .vc_column-inner {
					background-image: url("images/fondo.jpg");
					background-repeat: repeat-x;
					background-position: 0px 20px;
				}

		.homeUnete .wpb_wrapper { padding:2.5rem; max-width: 80% }
		.homeUnete .wpb_wrapper h2{
			font-size:2rem;
			line-height:2.5rem;
		}

					.mercados.padre .contentDestacado {
						padding:1rem 1rem 1rem 12rem;
						max-width:100%;
					}

					.homeBoletinTecnologico ,
					.mercados.padre .imgDestacado {
						height: 25rem;
						}
				.homeBoletinTecnologico .swiper-container .swiper-content {
					width: 50%;
				}

				.proyectos .proyecto .info {
					width:90%; padding:3rem 5% 2rem 5%; 
				padding-bottom:0;

		}
				.proyectos .proyecto:hover .info {
						padding-right:5%;
				}

				.proyectos .proyecto ul.cats li {
					display: inline;  padding:0 0.5rem; border-left: 1px solid #ffffff;
				}

				.galeriaProyecto { height: 25rem;  }

				.overlayQS .wrapperContent .contentDirector {
					padding: 5rem 2rem;
				}
				.overlayQS .contentDirector .imgDirector {
					text-align:left!important; 
				}		
								.overlayQS .contentDirector img {
					position: static;
					max-width:100%!important;
					height:auto;
				}				
		
		.menu-menu-principal-container  ul li a:hover { color:#10069F; }
		.actividadAnimacion { background-color:#10069F; }

		}
				@media (max-width: 800px) {
		.fullHeader {
			height:300px;
		}
		.tituloimg { margin-top:-90px; }
		.tituloimg h1 {  background-color:#ffffff; font-size:2rem; line-height:2.4rem; padding: 10px 45px 0px 15px; margin-left:-20px; }

.menu-mercados ul {
	list-style:none;
display: none;
position:relative;
width:100%!important;
left:0rem; 
bottom:0px;
margin:0 0 0 -5px;
padding:0rem;
}
.menu-mercados ul li a{ background-color:#f5f5f5; }
				.mercados .persona { float:left; width:200px; margin:0 0.5rem 2rem 0rem; text-align:left; }

		.main-preloader .preloader-percentage-text {
		  font-size: 70px;
		}

		.botonTop {
			right: 1.5rem;
		}
		header .wrapperPage {
			margin:0 1.5rem;
		}

		.contenido { padding: 2rem 1.5rem!important; }

		.paginaSearch {
			padding: 1.5rem 1.5rem;
		}

		footer { padding: 2rem 1.5rem 2rem 1.5rem!important; }
					.homeBoletinTecnologico ,
					.mercados.padre .imgDestacado {
						height: 20rem;
						}
.swiper-button-prev,
.swiper-button-next {
	top:21rem;
  width: 3rem;
  height: 3rem;
  left: 1rem;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  left: 4rem;
}
					.mercados.padre .contentDestacado {
						padding:1rem 1rem 1rem 8rem;
						max-width:100%;
					}

				.homeBoletinTecnologico .swiper-container .swiper-content {
					padding: 1.5rem;
					right:0;
					left:0;
					width: auto;
				}
				.homeBoletinTecnologico .swiper-container .swiper-content h2 {
				 padding:0;
				 margin:0 0 1rem 0;	
				}
				.homeBoletinTecnologico .swiper-container .swiper-content h3 {
				 padding:0;
				 margin:0 0 2rem 0;	
				}
				.homeUnete .wpb_wrapper {
					padding:1.5rem;
				}
									
	.galeriaProyecto { height: 15rem;  }
	.galeriaProyecto .swiper-pagination { padding-left:1.5rem;  }
			.nNavigation .left { float: none; width:100%; text-align:center; }
			.nNavigation .right {float: none; width:100%; text-align:center; }


		footer .center * { text-align:left;}
		footer .right * { text-align:left;}
		footer .f_social { margin-left:0; padding-left:0;}
		footer .f_social li {
			padding-right: 0.5rem;
			padding-left: 0rem;
			margin-top:1rem;
		}
				.pFiltro {
					margin-top:-1rem;
					padding: 2rem 0 0rem;
					position: relative;
				}
					.pFiltro div.pFiltroContent {
						display:none;
					}

					.pFiltro.active div.pFiltroContent {
						display:block;
					}
			
				.pFiltroBtn {
					display:inline-block;
					float:none;
					margin-top:0rem;
					padding: 0;
					position: relative;
				}
				.pFiltroBtn .abrirFilter,
				.pFiltroBtn .cerrarFilter {
					float:left;
					cursor: pointer;
					position: relative;
					width:auto;

					padding: 0.5rem 3rem 0.5rem 0;
							background-image: url(images/filter.svg);
							background-position: right center;
							background-repeat:no-repeat;
				}

		}




.appear,.wpb_appear{-webkit-animation:wpb_appear .7s 1 cubic-bezier(0,0,0.58,1);-o-animation:wpb_appear .7s 1 cubic-bezier(0,0,0.58,1);animation:wpb_appear .7s 1 cubic-bezier(0,0,0.58,1);-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}

@-webkit-keyframes wpb_appear{0%{-webkit-transform:scale(1);opacity:.1}100%{-webkit-transform:scale(1);opacity:1}}@-moz-keyframes wpb_appear{0%{-moz-transform:scale(1);opacity:.1}100%{-moz-transform:scale(1);opacity:1}}@-o-keyframes wpb_appear{0%{-o-transform:scale(1);opacity:.1}100%{-o-transform:scale(1);opacity:1}}@keyframes wpb_appear{0%{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:.1}100%{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}}


/* POST IT */
	.postits {
		position: absolute;
		top: -5rem;
		right: 68%;
		transform: rotate(8deg);
		z-index: 1;
	}
	.postit {
		line-height: 1.2;
		text-align: center;
		width: 260px;
		margin: 25px;
		min-height: 180px;
		max-height: 180px;
		padding-top: 20px;
		position: relative;
		/*border: 1px solid #E8E8E8;*/
		border-top: 40px solid #f68920 /* AMARILLO #fdfd86 */ /* AZUL #d1efef */;
		/*font-family: 'Reenie Beanie';*/
		font-family: 'Tekton Pro';
		font-size: 23px; /* AMARILLO 26px */
		border-bottom-right-radius: 60px 5px;
		display:inline-block;
		background: #f89a1c; /* AMARILLO #ffff88 */ /* AZUL #cdecee */ /* Old browsers */
		background: -moz-linear-gradient( -45deg, #f89a1c 81%, #f89a1c 82%, #f89a1c 82%, #ffbd11 100% ); /* FF3.6+ */ /* AMARILLO #ffffc6 */ /* AZUL #d7f1f2 */
		background: -webkit-gradient( linear, left top, right bottom, color-stop( 81%, #f89a1c ), color-stop( 82% ,#f89a1c ), color-stop( 82%, #f89a1c ), color-stop( 100%, #d7f1f2 ) ); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient( -45deg, #f89a1c 81%,#f89a1c 82%,#f89a1c 82%,#ffbd11 100% ); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient( -45deg, #f89a1c 81%,#f89a1c 82%,#f89a1c 82%,#ffbd11 100% ); /* Opera 11.10+ */
		background: -ms-linear-gradient( -45deg, #f89a1c 81%,#f89a1c 82%,#f89a1c 82%,#ffbd11 100% ); /* IE10+ */
		background: linear-gradient( 135deg, #f89a1c 81%,#f89a1c 82%,#f89a1c 82%,#ffbd11 100% ); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f89a1c', endColorstr='#ffbd11', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		box-shadow: -18px -14px 12px rgba( 0, 0, 0, 0.40 );
	}
	.postit:after {
		content: "";
		position: absolute;
		z-index: -1;
		right: -0px;
		bottom: 6px;
		width: 200px;
		height: 25px;
		background: rgba(0, 0, 0, 0.2);
		box-shadow: 2px 15px 5px rgba(0, 0, 0, 0.40);
		-moz-transform: matrix(-1, -0.1, 0, 1, 0, 0);
		-webkit-transform: matrix(-1, -0.1, 0, 1, 0, 0);
		-o-transform: matrix(-1, -0.1, 0, 1, 0, 0);
		-ms-transform: matrix(-1, -0.1, 0, 1, 0, 0);
		transform: matrix(-1, -0.1, 0, 1, 0, 0);
	}
	.postit a {
		font-weight: 600;
	}
	.postit a:hover {
		color: rgb( 15, 0, 214 );
	}
	.postit p {
		font-size: 1.6rem;
	}
	.postit p:nth-child(1) {
		width: 94%;
		margin: 0 auto;
	}
	.postit p span {
		font-weight: bold;
	}
	.amarillo {
		border-top: 40px solid #fdfd86;
		background: #ffff88; /* Old browsers */
		background: -moz-linear-gradient( -45deg, #ffff88 81%, #ffff88 82%, #ffff88 82%, #ffffc6 100% ); /* FF3.6+ */
		background: -webkit-gradient( linear, left top, right bottom, color-stop( 81%, #ffff88 ), color-stop( 82% ,#ffff88 ), color-stop( 82%, #ffff88 ), color-stop( 100%, #ffffc6 ) ); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient( -45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100% ); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient( -45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100% ); /* Opera 11.10+ */
		background: -ms-linear-gradient( -45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100% ); /* IE10+ */
		background: linear-gradient( 135deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100% ); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff88', endColorstr='#ffffc6', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.azul {
		border-top: 40px solid #d1efef;
		background: #cdecee; /* Old browsers */
		background: -moz-linear-gradient( -45deg, #cdecee 81%, #cdecee 82%, #cdecee 82%, #d7f1f2 100% ); /* FF3.6+ */
		background: -webkit-gradient( linear, left top, right bottom, color-stop( 81%, #cdecee ), color-stop( 82% ,#cdecee ), color-stop( 82%, #cdecee ), color-stop( 100%, #d7f1f2 ) ); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient( -45deg, #cdecee 81%,#cdecee 82%,#cdecee 82%,#d7f1f2 100% ); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient( -45deg, #cdecee 81%,#cdecee 82%,#cdecee 82%,#d7f1f2 100% ); /* Opera 11.10+ */
		background: -ms-linear-gradient( -45deg, #cdecee 81%,#cdecee 82%,#cdecee 82%,#d7f1f2 100% ); /* IE10+ */
		background: linear-gradient( 135deg, #cdecee 81%,#cdecee 82%,#cdecee 82%,#d7f1f2 100% ); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdecee', endColorstr='#d7f1f2', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.naranja {
		border-top: 40px solid #f68920;
		background: #f89a1c; /* Old browsers */
		background: -moz-linear-gradient( -45deg, #f89a1c 81%, #f89a1c 82%, #f89a1c 82%, #ffbd11 100% ); /* FF3.6+ */
		background: -webkit-gradient( linear, left top, right bottom, color-stop( 81%, #f89a1c ), color-stop( 82% ,#f89a1c ), color-stop( 82%, #f89a1c ), color-stop( 100%, #d7f1f2 ) ); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient( -45deg, #f89a1c 81%,#f89a1c 82%,#f89a1c 82%,#ffbd11 100% ); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient( -45deg, #f89a1c 81%,#f89a1c 82%,#f89a1c 82%,#ffbd11 100% ); /* Opera 11.10+ */
		background: -ms-linear-gradient( -45deg, #f89a1c 81%,#f89a1c 82%,#f89a1c 82%,#ffbd11 100% ); /* IE10+ */
		background: linear-gradient( 135deg, #f89a1c 81%,#f89a1c 82%,#f89a1c 82%,#ffbd11 100% ); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f89a1c', endColorstr='#ffbd11', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}

	@media (max-width: 768px) {
		.postits {
			right: 10%;
		}
	}