/* @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;}
.header_webix{
	float:left;
	padding:10px 20px;
	border:1px solid #DCDCDC;
	margin:5px;	
}
.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;
}
.contenedor_interno3{
	display:none;
}
.contenedor_interno4{
	display:none;
}
.contenedor_interno5{
	display:none;
}
.contenedor_interno6{
	display:none;
}
.contenedor_interno7{
	display:none;
}
.contenedor_interno8{
	display:none;
}
.contenedor_interno9{
	display:none;
}
.contenedor_interno10{
	display:none;
}
.contenedor_interno11{
	display:none;
}

#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;
}
.cliente{
	float:left;
	height:300px;
	margin-left:20px;
}
.cliente_logo{
	width:140px;
	padding:30px;
	height:140px;
}
.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;
}

.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:absolute; top:0; left:0; right:0;
}
.header_cerrar_mobile{
	display:none;
}
.header_menu_mobile{
	display:none;
}


.fuente1{
	font-size:120px; letter-spacing:-2px;
	color:white;
	font-weight:bold;
	/* Poppins,sans-serif; */
	text-shadow:2px 2px 2px black;
}
.fuente2{
	font-size:40px; letter-spacing:-2px;
	text-shadow: 2px 2px 2px white;
	/*display:none;*/
}
.fuente3{
	font-size:30px; letter-spacing:-2px;
	text-shadow: 2px 2px 2px white;
	/*display:none;*/
}
.fuente4{
	font-size:40px; letter-spacing:-2px;
	text-shadow:2px 2px 2px black;
	/*display:none;*/
}


@media screen and (max-width:440px) {
	.fuente1{
		font-size:40px; letter-spacing:-2px;
		font-weight:bold;
		padding:20px;
		
	}
	.fuente2{
		font-size:28px; letter-spacing:-2px;
		padding:20px;
		/*background:orange;*/
	}
		
	.contenedor_header{
		z-index:1; position:absolute; top:0; left:0; right:0;
		background:white;
		padding-top:10px;
	}
	.header_webix{
		width:100%;
	}
	.header_cerrar_mobile{
		display:none;
	}
	.header_menu_mobile{
		display:inline;
	}
	.header_responsive{
		display:none;
	}
	.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) {
	.fuente1{
		font-size:60px; letter-spacing:-2px;
		font-weight:bold;
		padding:20px;
	}
	.fuente2{
		font-size:28px; letter-spacing:-2px;
		padding:20px;
	}
}
@media screen and (min-width:721px) and (max-width:920px) {
	.fuente1{
		font-size:80px; letter-spacing:-2px;
		font-weight:bold;
		padding:20px;
	}
	.fuente2{
		font-size:28px; letter-spacing:-2px;
		padding:20px;
	}
}

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

.clear{
	clear:both;
}


.fondo1{
	background-image:linear-gradient(to bottom right, red, yellow);
}
.fondo2{
	background-image:linear-gradient(to bottom right, #1D9634, yellow);
}
.fondo3{
	background-image:linear-gradient(to bottom right, #E48D28, #E2C72F);
}
.fondo4{
	background-image:linear-gradient(to bottom right, #E2C72F, #87C137);
	
}
.fondo5{
	/*background-image:linear-gradient(to bottom right, #87C137, #1D9133);*/
	-webkit-animation: animacionfondo5 5s infinite; /* Safari 4.0 - 8.0 */
			animation: animacionfondo5 5s infinite;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes animacionfondo5 {
	0%   {background: yellow;}
    50% {background: red;}
	100% {background: yellow;}
}
/* Standard syntax */
@keyframes animacionfondo5 {
	0%   {background: yellow;}
    50% {background: red;}
	100% {background: yellow;}
}
.fondo6{
	/*background-image:linear-gradient(to bottom right, #1D9133, #0680CB);*/
	-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{
	/*background-image:linear-gradient(to bottom right, #0680CB, #0155AE);*/
	-webkit-animation: animacionfondo7 5s infinite; /* Safari 4.0 - 8.0 */
			animation: animacionfondo7 5s infinite;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes animacionfondo7 {
	0%  {background-image:linear-gradient(to bottom right, #0680CB, #0155AE);}
	40% {background-image:linear-gradient(to bottom right, #0155AE, white);}
	60% {background-image:linear-gradient(to bottom right, white, #0680CB);}
	100%{background-image:linear-gradient(to bottom right, #0680CB, #0155AE);}
}
/* Standard syntax */
@keyframes animacionfondo7 {
	0%  {background-image:linear-gradient(to bottom right, #0680CB, #0155AE);}
	40% {background-image:linear-gradient(to bottom right, #0155AE, white);}
	60% {background-image:linear-gradient(to bottom right, white, #0680CB);}
	100%{background-image:linear-gradient(to bottom right, #0680CB, #0155AE);}
}
.fondo8{
	background-image:linear-gradient(to bottom right, #0155AE, white);
}
.fondo9{
	background-image:linear-gradient(to bottom right, #692299, #971A91);
}
.fondo10{
	background-image:linear-gradient(to bottom right, #971A91, #0155AE);
}
.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;
}
.enlace_footer{
	display:block;
}








/** 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;
}