/* @font-face kit by Fonts2u (https://fonts2u.com) */ 
@font-face {font-family:"Wozcott";src:url("fonts/Wozcott.eot?") format("eot"),url("fonts/Wozcott.woff") format("woff"),url("fonts/Wozcott.ttf") format("truetype"),url("fonts/Wozcott.svg#Wozcott") format("svg");font-weight:normal;font-style:normal;}

body{
	       font-family:arial;
        	font-size:12px;
	   }
	   select{
	   	width:200px;
	   }
	   td{
	   	padding:5px;
	   }
        .dinamic_text{
        	width:200px !important;
        }
        tr.tr_dinamic > td:nth-child(1){
        	width:10px !important;
        }
        tr.tr_dinamic > td:nth-child(2){
        	width:30px !important;
        }
        tr.tr_dinamic > td:nth-child(3){
        	width:30px !important;
        }
        tr.tr_dinamic > td:nth-child(4){
        	width:30px !important;
        }
@media screen and (max-width:440px) {
            select{
                width:60px;
            }
	        /*
            table {
            }
                width: 320px;
            
            table tr td {
                width: 60px;
                word-wrap: break-word;
            }
            
            table tr td {
                display: inline-block;
                margin-top: 2px;
            }
            */
            table.table_dinamic tr.tr_dinamic td.td_dinamic {
                width: 76px;
                word-wrap: break-word;
            }
            
            table.table_dinamic tr.tr_dinamic td.td_dinamic {
                display: inline-block;
                /*margin-top: 2px;*/
            }
            tr.tr_dinamic{
            	padding-top: 10px;
            	padding-bottom:16px;
            	display: inline-block;
            }
            tr.tr_dinamic:nth-child(0){
            	padding-top:0px;
            	padding-bottom:0px;
            	display: inline-block;
            }
            tr.tr_dinamic:nth-child(1){
            	padding-top:0px;
            	padding-bottom:0px;
            	margin:0;
            	display: inline-block;
            }
            tr.tr_dinamic > td:nth-child(2){
            	/*width:230px !important;*/
            	width:240px !important;
            }
            tr.tr_dinamic > td:nth-child(5){
        	   width:320px !important;
            	padding:0 20px;
            }
            tr.tr_dinamic > td:nth-child(6){
        	   width:320px !important;
            	padding:0 20px;
            }
            tr.tr_dinamic > td:nth-child(2){
            	
            }
           
            
            
        }
        
        
.header_webix{
	float:right;
	padding:10px 20px;
    border-left:1px solid #DCDCDC;
	margin:5px 0px;
        
        /**
	border:1px solid #DCDCDC;
	margin:5px;
        */
}
.container_super{
	min-height:400px;
}
.container{
	min-height:800px;
	baackground:red;
}
.contenedor_logo{
	float:left;
}
.contenedor_interno{
	width:100%;
	height:auto;
	text-align:center;
	
	min-height:800px;
	
	font-family: 'Fira Sans', sans-serif;
	/*
	height:400px;
	font-family: 'Fira Sans', sans-serif;*/
	/*font-family:"Wozcott";*/
	
	font-size:20px;
}
.imagen-seccion{
	max-height:150px;
}
.contenedor_interno2{
	display:none;
	text-align:center;
	/*text-align:right;*/
	padding:20px;
}
.contenedor_interno3{
	display:none;
	text-align:center;
	/*text-align:left;*/
	padding:20px;
}
.contenedor_interno4{
	display:none;
	text-align:center;
	/*text-align:right;*/
	padding:20px;
}
.contenedor_interno5{
	display:none;
	text-align:center;
	/*text-align:left;*/
	padding:20px;
}
.contenedor_interno6{
	display:none;
	text-align:center;
	/*text-align:right;*/
	padding:20px;
}
.contenedor_interno7{
	display:none;
	text-align:center;
	/*text-align:left;*/
	padding:20px;
}
.contenedor_interno8{
	display:none;
	text-align:center;
	/*text-align:right;*/
	padding:20px;
}
.contenedor_interno9{
	display:none;
	text-align:center;
	/*text-align:left;*/
	padding:20px;
}
.contenedor_interno10{
	display:none;
	text-align:center;
	/*text-align:right;*/
	padding:20px;
}
.contenedor_interno11{
	display:none;
	text-align:center;
	/*text-align:left;*/
	padding:20px;
}

#container{
	/*height:100%; height:auto;*/
	
}

.fondo_especial{
	
}
.banner_especial{
	
}
.container_full{
	position:absolute; top:0; left:0; right:0; bottom:0;
	background:white;
}
.container_full_percent{
	width:100%;
	height:100%;
}
.container_section{
	width:100%;
	min-height:400px;
	
	border:1px solid rgba(220,220,220, .7);
}
.container_title{
	color:#003D7B;
	float:left;
	font-size:30px;
	/*font-size:28px;*/
	
	
	font-weight:bold;
	/*text-transform:capitalize;*/
	text-transform:uppercase;
	
	-webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
	
	/*border-bottom:1px solid #003D7B;*/
	border-bottom:1px solid #003D7B;
	
	padding-right:50px;
	padding-left:20px;
	
	margin-top:180px;
	min-width:290px;
	
	text-align:right;
	
	font-family: 'Fira Sans', sans-serif;
	font-family: 'Exo', sans-serif;
}
.container_information{
	float:left;
	padding-left:20%;
	padding-right:5%;
	
	font-family: 'Fira Sans', sans-serif;
	font-family: 'Exo', sans-serif;
	font-size:20px;
	
	/*margin-top:-100px;*/
}
.container_service{
	float:left;
	width:300px;
}
.container_service_icon{
	float:left;
}
.container_service_name{
	float:left;
	font-size:18px;
	padding:13px 0 0 7px;
}
.icon_service{
	width:40px;
	height:40px;
	background:#003D7B;
	padding:5px;
	border-radius:4px 0 4px 0;
}
.imagen_desarrollos{
	width:40%;
	margin-left:18px;
}
.contenedor_cliente{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.contenedor_cliente_imagen{
	height:135px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.cliente{
	/*float:left;*/
	height:265px;
	margin:10px;
	width:160px;
	
	background:rgba(255,255,255,.5);
	display:flex;
	justify-content:center;
	padding:0 20px;
	
	
}
.cliente_logo{
	max-width:140px !important;
	padding:20px;
	max-height:140px !important;
}
.cliente_nombre{
	font-size:17px;
	text-align:center;
	font-weight:bold;
}
.cliente_tipo{
	font-size:17px;
	text-align:center;
	border-top:1px solid #00C0D9;
	border-bottom:1px solid #DCDCDC;
	height:2px;
}
.cliente_hover{
	/*display:none;*/
}

.contact_field{
	padding:7px;
	background:#DCDCDC;
	color:#003D7B;
	width:340px;
	font-size:25px;
}
.contact_btn{
	background:#003D7B;
	color:white;
	font-weight:bold;
	font-size:25px;
	padding:7px;
}
.flex_start{
	display:flex;
	justify-content: space-between
		
}


.contenedor_header{
	background:white;
	z-index:1; position:fixed; top:0; left:0; right:0;
}
.header_cerrar_mobile{
	display:none;
}
.header_menu_mobile{
	display:none;
}


.color_white{
	color:white;
}

.cotenedor_multiple{
	display:flex;
	justify-content:space-around;
	
	width: 100%;
	flex-basis: 50%;
	
	background:rgba(255,255,255,.5);
	/**position:relative;*/
	/**box-shadow:2px 2px 2px rgba(0,0,0,.5);*/
	flex-grow:0;
	/*
	display:flex;
	justify-content:space-around;
	
	width: 100%;
	flex-basis: 50%;
	
	background:rgba(255,255,255,.5);
	box-shadow:2px 2px 2px rgba(0,0,0,.5);
	flex-grow:0;
	*/
	/*background:white;*/
	/*
	width: 100%;
	flex-basis: 50%;
	flex-grow: 2;
	*/
}
/**
.cotenedor_multiple:before, .cotenedor_multiple:after
{
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width:300px;
    background: #777;
    box-shadow: 0 15px 10px #777;
    transform: rotate(-3deg);
}
.cotenedor_multiple:after
{
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}
*/

.cotenedor_multiple_interior{
	padding:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	
	flex: 1 1 0; /* Hace que no sean dinamicos los tamaños */
	
	
}
.imagen_multiple{
	width:100%;
}
.contenedor_icono{
	
}
.icono_servicio{
	background:black; padding:20px; border-radius:100%;
}
.fuente_titulo{
	font-size:24px;
	color:black;
	font-weight:bold;
}
.fuente_subtitulo{
	font-size:18px;
	color:black;
	font-weight:bold;
}
.fuente_contenido{
	font-size:14px;
	color:black;
	text-align:left;
}
.fuente_enlace{
	cursor:pointer;
}
.boton_enlace{
	
}
.fuente1{
	font-size:120px; letter-spacing:-2px;
	color:white;
	
	font-weight:bold;
	/* Poppins,sans-serif; */
	
	text-shadow:2px 2px 2px black;
	
	padding:20px 40px;
}
.fuente2{
	font-size:40px;
	color:white;
	/*text-shadow: 2px 2px 2px white;*/
	/*display:none;*/
}
.fuente3{
	font-size:30px;
	text-shadow: 2px 2px 2px white;
	/*display:none;*/
}
.fuente4{
	font-size:40px;
	color:white;
	text-shadow:2px 2px 2px black;
	/*display:none;*/
}


@media screen and (max-width:440px) {
	.cotenedor_multiple{
		
		display:block;
	}
	.cotenedor_multiple_interior{
		padding:20px;
		display:block;
	}
	.imagen_multiple{
		width:100%;
	}
	.contenedor_logo{
		display:none;
	}
	.fuente_titulo{
		font-size:24px;
		color:black;
		font-weight:bold;
	}
	.fuente_subtitulo{
		font-size:18px;
		color:black;
		font-weight:bold;
	}
	.fuente_contenido{
		font-size:14px;
		color:black;
		order:4;
	}
	.fuente1{
		font-size:40px; letter-spacing:-2px;
		font-weight:bold;
		padding:20px;
		
	}
	.fuente2{
		font-size:28px;
		padding:20px;
		/*background:orange;*/
	}
		
	.contenedor_header{
		z-index:1; position:fixed; top:0; left:0; right:0;
		background:white;
		padding-top:10px;
	}
	.header_webix{
		width:100%;
		display:inline;
	}
	.header_cerrar_mobile{
		display:none;
	}
	.header_menu_mobile{
		display:inline;
	}
	.header_responsive{
		display:none;
		background:white;
	}
	.contenedor_header_responsive{
		
	}
	.container_section{
		min-height:100px;
		
		
	}
	.container_title{
		-webkit-transform: rotate(0deg);
	    -moz-transform: rotate(0deg);
	    -o-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	    transform: rotate(0deg);
		
		margin-top:0px;
		margin-left:20px;
		
		
	}
	.container_information{
		padding-left:5%;
		padding-right:5%;
		
		margin-top:0px;
	}
}
@media screen and (min-width:441px) and (max-width:720px) {
	

	.contenedor_logo{
		display:none;
	}
	.contenedor_header{
		z-index:1; position:fixed; top:0; left:0; right:0;
		background:white;
		padding-top:10px;
	}
	.header_webix{
		width:100%;
		display:inline;
	}
	.header_cerrar_mobile{
		display:none;
	}
	.header_menu_mobile{
		display:inline;
	}
	.header_responsive{
		display:none;
	}
	

	
	.fuente_titulo{
		font-size:24px;
		color:black;
		font-weight:bold;
	}
	.fuente_subtitulo{
		font-size:18px;
		color:black;
		font-weight:bold;
	}
	.fuente_contenido{
		font-size:14px;
		color:black;
	}
	.fuente1{
		font-size:60px; letter-spacing:-2px;
		font-weight:bold;
		padding:20px 40px;
	}
	.fuente2{
		font-size:28px;
		padding:20px;
	}
}
@media screen and (min-width:721px) and (max-width:920px) {
	.fuente_titulo{
		font-size:24px;
		color:black;
		font-weight:bold;
	}
	.fuente_subtitulo{
		font-size:18px;
		color:black;
		font-weight:bold;
	}
	.fuente_contenido{
		font-size:14px;
		color:black;
	}
	.fuente1{
		font-size:80px; letter-spacing:-2px;
		font-weight:bold;
		padding:20px 40px;
	}
	.fuente2{
		font-size:28px;
		padding:20px;
	}
}

@media screen and (min-width:441px){
	/*
	.header_responsive{
		display:inline;
	}
	*/
}

.clear{
	clear:both;
}

.fondo1:before{
	background-image: url(https://aguitech.com/blue/images/logo_aguitech/Aguitech_logo.png);
	background-size: cover;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	width: 100%;
	height: 100%;
	z-index: -2;
	opacity: 0.4;
}
.fondo1{
	background:radial-gradient(farthest-corner at 100% 90%, #1fe1ea, #4e8af8, black);
}
.fondo2:before{
	background-image: url(https://aguitech.com/blue/images/aguitech_crop_white.png);
	background-size: cover;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	width: 100%;
	height: 100%;
	z-index: -2;
	opacity: 0.4;
}
.fondo2{
	background-image:linear-gradient(to bottom right, red, yellow);
}
.fondo3:before{
	background-image: url(https://aguitech.com/blue/images/aguitech_crop_white.png);
	background-size: cover;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	width: 100%;
	height: 100%;
	z-index: -2;
	opacity: 0.4;
}
.fondo3{
	background: radial-gradient(farthest-corner at 100% 90%, white, #91C03D, #1AAA55);
}
/**
.fondo4:before{
	background-image: url(https://aguitech.com/blue/images/aguitech.png);
	background-size: cover;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	width: 100%;
	height: 100%;
	z-index: -2;
	opacity: 0.4;
}
*/
.fondo4{
	background: radial-gradient(farthest-corner at 100% 90%, white, rgba(31, 225, 234, 1), transparent);
}
.fondo5:before{
	background-image: url(/views_online/images/bg_engine.jpg);
	background-size: cover;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	width: 100%;
	height: 100%;
	z-index: -2;
	opacity: 0.4;
}
.fondo5{
	background: radial-gradient(farthest-corner at 100% 90%, rgba(31, 225, 234, 1), rgba(142, 76, 213, .6), transparent);
	/*
	-webkit-animation: animacionfondo5 5s infinite; /* Safari 4.0 - 8.0 */
	/*
			animation: animacionfondo5 5s infinite;
			*/
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes animacionfondo5 {
	0%   {background: #2B5E91;}
    50% {background: #003D7A;}
	100% {background: #2B5E91;}
}
/* Standard syntax */
@keyframes animacionfondo5 {
	0%   {background: #2B5E91;}
    50% {background: #003D7A;}
	100% {background: #2B5E91;}
}
.fondo6:before{
	background-image: url(/views_online/images/bg_geometric.png);
	background-size: cover;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	width: 100%;
	height: 100%;
	z-index: -2;
	opacity: 0.4;
}
.fondo6{
	background: radial-gradient(farthest-corner at 100% 90%, rgba(152, 204, 132, .3), rgba(152, 204, 132, 1), transparent);
	/*Verde pistache
	#99CC7F
	/*-webkit-animation: animacionfondo6 5s infinite; /* Safari 4.0 - 8.0 */
			/*animation: animacionfondo6 5s infinite;*/
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes animacionfondo6 {
	0%  {background: #66ccff;}
	40% {background: #00ff7f;}
	60% {background: #00ff7f;}
	100%{background: #66ccff;}
}
/* Standard syntax */
@keyframes animacionfondo6 {
	0%  {background: #66ccff;}
	40% {background: #00ff7f;}
	60% {background: #00ff7f;}
	100%{background: #66ccff;}
}

.fondo7:before{
	background-image: url(/views_online/images/bg_white_wallpaper.jpg);
	background-size: cover;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	width: 100%;
	height: 100%;
	z-index: -2;
	opacity: 0.4;
}
.fondo7{
	background: radial-gradient(farthest-corner at 100% 90%, rgba(31, 225, 234, .8), rgba(60, 129, 199, .5), transparent);
	/*animation-timing-function: easing;*/
	/*-webkit-animation: animacionfondo7 3s infinite; /* Safari 4.0 - 8.0 */
			/*animation: animacionfondo7 3s infinite;*/
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes animacionfondo7 {
	0%  {background-image:linear-gradient(to bottom right, #0063C7, #2B5E91);}
	25% {background-image:linear-gradient(to bottom right, #0063C7, #003D7A);}
	50% {background-image:linear-gradient(to bottom right, #0063C7, #3C81C7);}
	75%{background-image:linear-gradient(to bottom right, #0063C7, #002447);}
	100%{background-image:linear-gradient(to bottom right, #0063C7, #2B5E91);}
}
/* Standard syntax */
@keyframes animacionfondo7 {
	0%  {background-image:linear-gradient(to bottom right, #0063C7, #2B5E91);}
	25% {background-image:linear-gradient(to bottom right, #0063C7, #003D7A);}
	50% {background-image:linear-gradient(to bottom right, #0063C7, #3C81C7);}
	75%{background-image:linear-gradient(to bottom right, #0063C7, #002447);}
	100%{background-image:linear-gradient(to bottom right, #0063C7, #2B5E91);}
}
.fondo8{
	background: radial-gradient(farthest-corner at 100% 90%, #1fe1ea, #4e8af8, black);
}
.fondo9{
	background: radial-gradient(circle at 50% 50%, #9F2F3B, black);
}

.fondo10:before{
	background-image: url(https://www.fg-a.com/wallpapers/white-background-curves.jpg);
	background-size: cover;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	width: 100%;
	height: 100%;
	z-index: -2;
	opacity: 0.4;
}
.fondo10{
	/*background-image:linear-gradient(to bottom right, #971A91, #0155AE);*/
	/*background: radial-gradient(circle at 100% 90%, #9F2F3B, black, white);*/
	background: radial-gradient(circle at 100% 90%, white, #9F2F3B, white);
	
}
.background_general{
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:0;
	      
}



.hamburger 
{
    min-height: 30px;
    max-width: 30px;
	cursor:pointer;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
	background-color: #DCDCDC;
    position: absolute;
    width: 24px;
    height: 3px;
    content: '';
	border-radius:5px;
    transition-timing-function: ease;
    transition-duration: .2s;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
	/*
    background-color: white;
    position: absolute;
    width: 40px;
    height: 4px;
    border-radius: 5px;
    content: '';
    transition-timing-function: ease;
    transition-duration: .2s;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
	*/
}
.hamburger-inner:before {
    top: 8px;
}

.hamburger-inner:after {
    top: 16px;
}

.hamburger.open .hamburger-inner {
    -webkit-transform: translate3d(0,8px,0) rotate(45deg);
    transform: translate3d(0,8px,0) rotate(45deg);
}

.hamburger.open .hamburger-inner:after {
    -webkit-transform: translate3d(0,-16px,0) rotate(-90deg);
    transform: translate3d(0,-16px,0) rotate(-90deg);
}

.hamburger.open .hamburger-inner:before {
    -webkit-transform: translate3d(0,-16px,0) rotate(90deg);
    transform: translate3d(0,-16px,0) rotate(90deg);
    opacity: 0;
}



.footer{
	background:black;
	text-align:center;
	color:white;
	padding-bottom:30px;
	font-size:14px;
}
.enlace_footer{
	display:block;
	text-decoration:none;
	color:#039BE5;
	font-size:14px;
	cursor:pointer;
}
.contenedor_footer_principal{
	display:flex;
	justify-content:space-around;
	width:100%;
}
.contenedor_footer{
	margin:15px 0;
}
@media screen and (max-width:440px) {
	.contenedor_footer_principal{
		display:inline;
		justify-content:space-around;
		width:100%;
	}
}







/** MATERIALIZE **/
/* form starting stylings ------------------------------- */
.group 			  { 
  position:relative; 
  margin-bottom:45px; 
}
input 				{
  font-size:18px;
  /*padding:10px 10px 10px 5px;*/
  padding:10px 10px 10px 5px;
  display:block;
  width:100%;
  border:none;
  border-bottom:1px solid #757575;
}
input:focus 		{ outline:none; }

/* LABEL ======================================= */
label 				 {
  color:#999; 
  font-size:18px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

/* active state */
input:focus ~ label, input:valid ~ label 		{
  top:-20px;
  font-size:14px;
  color:#5264AE;
}

/* BOTTOM BARS ================================= */
/*.bar 	{ position:relative; display:block; width:300px; }*/
.bar 	{ position:relative; display:block; width:100%; }
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#5264AE; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}





.container_chrevron {	
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  /*height: 100vh;*/
	height: 100px;
	padding-bottom:150px;
	
	text-align:center;
}

.chevron {
  position: absolute;
  width: 2.1rem;
  height: 0.48rem;
  opacity: 0;
  -webkit-transform: scale(0.3);
          transform: scale(0.3);
  -webkit-animation: move-chevron 3s ease-out infinite;
          animation: move-chevron 3s ease-out infinite;
}

.chevron:first-child {
  -webkit-animation: move-chevron 3s ease-out 1s infinite;
          animation: move-chevron 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  -webkit-animation: move-chevron 3s ease-out 2s infinite;
          animation: move-chevron 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  background: white;/*#2c3e50;*/
}

.chevron:before {
  left: 0;
  -webkit-transform: skewY(30deg);
          transform: skewY(30deg);
}

.chevron:after {
  right: 0;
  width: 50%;
  -webkit-transform: skewY(-30deg);
          transform: skewY(-30deg);
}

@-webkit-keyframes move-chevron {
  25% {
    opacity: 1;
  }
  33.3% {
    opacity: 1;
    -webkit-transform: translateY(2.28rem);
            transform: translateY(2.28rem);
  }
  66.6% {
    opacity: 1;
    -webkit-transform: translateY(3.12rem);
            transform: translateY(3.12rem);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(4.8rem) scale(0.5);
            transform: translateY(4.8rem) scale(0.5);
  }
}

@keyframes move-chevron {
  25% {
    opacity: 1;
  }
  33.3% {
    opacity: 1;
    -webkit-transform: translateY(2.28rem);
            transform: translateY(2.28rem);
  }
  66.6% {
    opacity: 1;
    -webkit-transform: translateY(3.12rem);
            transform: translateY(3.12rem);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(4.8rem) scale(0.5);
            transform: translateY(4.8rem) scale(0.5);
  }
}





.displaynone{
	display:none;
}



.background_blue{
	
}
.background_mid_blue{
	
}
.background_low_blue{
	
}


.contenedores_equipo{
	display:flex;
	/*
	flex-grow: 1;
	flex-shrink: inherit;
	*/
	flex-wrap:wrap;
	justify-content:space-around;
}
.contenedor_equipo{
	width:200px;
	background:white;
	height:320px;
	border-radius:10px;
	margin:10px;
	box-shadow:2px 2px 5px black;
}
.contenedor_equipo_imagen{
	background:#DCDCDC;
	height:200px;
}
.centrado_perfecto{
	display:flex;
	align-items:center;
	justify-content:center;
	height:200px;
}
.img_equipo_personal{
	width:50%;
}
.contenedor_equipo_informacion{
	
}
.equipo_nombre{
	font-weight:bold;
}
.equipo_puesto{
	color:rgba(0,0,0,.5);
}
.equipo_metricas{
	
}
.equipo_redes{
	
}
.img_redes_equipo{
	width:30px;
}



.thumbnail {
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
}
.thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.thumbnail img.portrait {
  width: 100%;
  height: auto;
}



/*.parallax img { width: 100%; }*/
@media screen and (max-width:440px) {
	.parallax img.parallax-100 { width: 100%; }	
}




.card img {
    max-height: 200px;
    object-fit: cover;
}
.card img.materialized.active {
    max-height: none;
    object-fit: none;
}



@media screen and (max-width:440px) {
	h1{
		font-size:40px; letter-spacing:-2px;
		color:white;
		font-weight:bold;
		/* Poppins,sans-serif; */
		text-shadow:2px 2px 2px black;
		padding:20px 40px;
	}
	h2{
		color:white;
		font-size:24px;
	}
	h4{
		color:white;
		font-size:18px;
	}
}
@media screen and (min-width:441px) {
	h1{
		font-size:50px; letter-spacing:-2px;
		color:white;
		font-weight:bold;
		/* Poppins,sans-serif; */
		text-shadow:2px 2px 2px black;
		padding:20px 40px;
	}
	h2{
		color:white;
		font-size:28px;
	}
	h4{
		color:white;
		font-size:22px;
	}
}


.inside_flex{
	width:100%;
	
	
}



.header_mostrar{
	/*display:inline-block;*/
	
	opacity: 0;
	
	background:gray;
	/*
	opacity: 0;
	
  -webkit-transform: scale(0.3);
          transform: scale(0.3);
          */
  -webkit-animation: displayheader 3s ease-in;
          animation: displayheader 3s ease-in;
          
          
          /*
	  -webkit-animation: displayheader 3s ease-out infinite;
          animation: displayheader 3s ease-out infinite;
          */
	
}
@-webkit-keyframes displayheader {
  25% {
    opacity: 0;
  }
  33.3% {
    opacity: 0;

  }
  66.6% {
    opacity: 0;

  }
  100% {
    opacity: 1;

  }
}

@keyframes displayheader{
  25% {
    opacity: 0;
  }
  33.3% {
    opacity: 0;

  }
  66.6% {
    opacity: 0;

  }
  100% {
    opacity: 1;

  }
}

/*
@-webkit-keyframes displayheader {
  25% {
    opacity: 1;
  }
  33.3% {
    opacity: 1;

  }
  66.6% {
    opacity: 1;

  }
  100% {
    opacity: 0;

  }
}

@keyframes displayheader{
  25% {
    opacity: 1;
  }
  33.3% {
    opacity: 1;

  }
  66.6% {
    opacity: 1;

  }
  100% {
    opacity: 0;

  }
}



@-webkit-keyframes displayheader {
  25% {
    opacity: 1;
  }
  33.3% {
    opacity: 1;
    -webkit-transform: translateY(2.28rem);
            transform: translateY(2.28rem);
  }
  66.6% {
    opacity: 1;
    -webkit-transform: translateY(3.12rem);
            transform: translateY(3.12rem);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(4.8rem) scale(0.5);
            transform: translateY(4.8rem) scale(0.5);
  }
}

@keyframes displayheader{
  25% {
    opacity: 1;
  }
  33.3% {
    opacity: 1;
    -webkit-transform: translateY(2.28rem);
            transform: translateY(2.28rem);
  }
  66.6% {
    opacity: 1;
    -webkit-transform: translateY(3.12rem);
            transform: translateY(3.12rem);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(4.8rem) scale(0.5);
            transform: translateY(4.8rem) scale(0.5);
  }
}
*/