.header_webix{
	float:left;
	padding:10px 20px;
	border:1px solid #DCDCDC;
	margin:5px;	
}
.contenedor_interno{
	width:100%;
	height:400px;
	text-align:center;
	
	
	font-family: 'Fira Sans', sans-serif;
	
	font-size:20px;
}
.imagen-seccion{
	max-height:400px;
}
.contenedor_interno2{
	display:none;
}

#container{
	height:100%;
}

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

@media screen and (max-width:440px) {
	.contenedor_header{
		z-index:1; position:absolute; top:0; left:0; right:0;
		background:white;
	}
	.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){
	.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: 50px;
	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;
}