body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 200;
	color: black;
	font-size: 18px;
}
h1 {
	font-weight: 900;
	text-transform: uppercase;
	font-size: 48px;
}
strong {
	font-weight: 900;
}
img {
	max-width: 100%;
}
.flex {
	display: flex;
	flex-wrap: wrap;
}body > nav .flex {
	justify-content: space-between;
	align-items: flex-end;
}
figure { flex-shrink: 0;}
body > nav a:active, body > nav a:focus, body > nav a:visited, .menu-item a {
	color: white !important;
	text-decoration: none;
}body > nav a:active, body > nav a:focus {
	border-bottom: 1px solid white;
}

body > nav ul {
	display: flex;
	height: 97px;
	align-items: flex-end;
	justify-content: space-between;
	width: calc(100% - 624px);
	list-style: none;
	padding: 0;
	margin-bottom: 15px;
}
body > nav {
	position: fixed;
	width: 100%;
	font-size: 18px;
	background: #0b4e82;
	min-height: 97px;
	padding-bottom: 10px;
	z-index: 9;
}
body > nav a {
	color: white;
  border-bottom: 1px solid transparent;
	padding: 0 0 7px 0 !important;;
	margin: 8px;
}body > nav ul a:hover {
	color: white;
	border-bottom: 1px solid white;
	text-decoration: none;
}
.menu-item {
	top: 5px;
	position: relative;
}
.menutoggle {
	display: none;
	margin: 20px;
}

.brand h1, .brand h1 {
	font-size: 20px;
	font-weight: 400;
	text-transform: none;
	margin: 0 0 5px 0px;
}
.brand h2 { font-size: 15px; margin: 0 0 0 0px }
.brand { padding: 0; margin: 15px 0 0 0; color: white; display: flex; align-items: center; margin-left: 5px;}
.brand div img { margin-left: -10px; max-width: 220px; }
.brand figure { width: 100px; height: 100px; background: white;border-radius: 50%;display: flex;padding: 0px 12px 0px 0px;margin-right: 10px;margin-top: 5px;}
.brand figure img { transform: scale(1.2); position: relative; right: 7px; }

.brand:hover, .brand:active, .brand:focus, .menutoggle:hover, .menutoggle:active, .menutoggle:focus { outline: none; text-decoration: none; color: white; border: none;}
.brand:hover { border-bottom: 1px solid transparent; }
footer .brand { width: 100%; border-bottom: 1px solid transparent; }

/* Header & Intro */

header {
	min-height: 100vh;
	background: url('img/home-bg.jpg') center/cover no-repeat;
	background-attachment: fixed;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}header p {
	display: block;
	width: 700px;
	background: rgba(255,255,255,0.8);
	padding: 50px;
	margin: 0;
	text-align: center;
	font-size: 24px;
}header p img {
	margin-bottom: 20px;
}
.intro {
	width: 700px;
	margin: 40px auto;
	padding: 40px 0;
	border-top: 10px solid #0b4e82;
	display: flex;
}.intro h1 {
	letter-spacing: -0.05em;
}
.intro figure { flex-shrink: 1; text-align: center;}

_:-ms-fullscreen, :root header p {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.intro figure {
	margin: 90px 40px 0 15px;
	width: 100%
}
.historia {
	background: #e5e5e5;
	padding: 50px;
	padding-bottom: 80px;
	text-align: center;
	animation-duration: 3s;
}
.beneficios {
	padding: 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	max-width: 1566px;
	margin: auto;
}.beneficios h1 {
  text-align: center;
	width: 100%;
	margin-bottom: 50px;
}.beneficios article {
	margin-bottom: 50px;
	max-width: 400px;
	display: flex;
}
_:-ms-fullscreen, :root .beneficios {
	display: inline-block;
}
_:-ms-fullscreen, :root .beneficios:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
_:-ms-fullscreen, :root .beneficios article {
	width: 33%;
	float: left;
	display: inline-block;
}
_:-ms-fullscreen, :root figure {
	float: left;
	height: 200px;
}
.beneficios figure {
	width: 130px;
	text-align: right;
	padding-right: 20px;
}

.caracteristicas {
	background: #0b4e82;
	padding: 50px;
	color: white;
}.caracteristicas h2 {
	margin-top: 0px;
	margin-bottom: 40px;
}.caracteristicas ul {
	columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  list-style: none;
	padding: 0;
}.caracteristicas li {
	background: url('img/arrow.png') no-repeat left 5px;
  padding-left: 35px;
	padding-right: 20px;
	margin-bottom: 25px;
}.caracteristicas figure {
	float: right;
	max-width: 300px;
	margin-left: 50px;
	padding-bottom: 20px;
}
.mobile-show {
	display: none;
}

.soporte {
	background: #e5e5e5;
	color: #0b4e82;
	padding: 50px 50px 80px 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}.soporte h1 {
	width: 100%;
	margin-bottom: 40px;
	text-align: center;
}.soporte article {
	width: 33%;
	display: flex;
}.soporte figure {
	margin: 0 30px 30px 0;
}.soporte h2 {
	margin: 0 0 20px 0;
}.soporte ul {
	padding: 0;
	list-style: none;
}.soporte li {
	background: url('img/arrow-blue.png') no-repeat left 8px;
	padding-left: 30px;
}

.contactenos {
	color: white;
	background: url('img/contacto-bg.jpg') center/cover no-repeat;
	background-attachment: fixed;
	padding: 50px 50px 250px 50px;
	position: relative;
}.contactenos h1 {
	color: white;
}.contactenos h1+p {
	font-size: 25px;
}.contactenos input:not([type=submit]), .contactenos textarea {
	background: rgba(255,255,255,0.3);
	border: none;
	padding: 15px;
}.contactenos form {
	display: flex;
	flex-wrap: wrap;
	max-width: 900px;
}.contactenos form p {
	width: calc(50% - 20px);
	margin-right: 20px;
}.contactenos form p:nth-of-type(5) {
	width: 100%;
	max-width: 700px;
	margin-right: 0;
}

.contactenos form p input {
	max-width: 100%;
}.contactenos textarea {
	width: 100%;
}.contactenos p:last-of-type {
	width: 100%;
}input[type=submit] {
	width: 380px;
	text-align: center;
	background: #0080ff;
	padding: 10px;
	border: none;
	text-transform: uppercase;
	margin-bottom: 20px;
}
::-webkit-input-placeholder {
   color: white;
	opacity: 1 !important;
	font-weight: 200;
}
:-moz-placeholder { /* Firefox 18- */
   color: white;
	opacity: 1 !important;
	font-weight: 200;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: white;
	opacity: 1 !important;
	font-weight: 200;
}
:-ms-input-placeholder {
   color: white;
	opacity: 1 !important;
	font-weight: 200;
}
footer {
	background: rgba(77,77,77,0.7);
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	padding: 30px 20px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}footer p {
	text-align: right;
}

div.wpcf7-mail-sent-ok {
	background: #398f14 !important;
	margin: 0 !important;
	padding: 20px !important;
}


/* Media queries */

@media (max-width: 1143px) {
	body > nav ul {
		height: auto;
		justify-content: space-between;
		padding: 20px 5px 10px 5px;
		width: 100%;
	}body > nav {
		padding: 10px 10px 10px 10px;
	}
	.brand { padding-bottom: 0!important; ;}
}
@media (max-width: 1090px) {
	.mobile-hide {
		display: none;
	}.mobile-show {
		display: block;
		float: none !important;
		max-width: 100% !important;
		margin: auto;
	}
}
@media (max-width: 947px) {
	.soporte article {
		width: 100%;
		margin-bottom: 30px;
	}
}
@media (max-width: 730px) {
	header p {
		width: 100%;
	}header p br:nth-of-type(2) {
		display: none;
	}
	.intro {
		width: 100%;
	}
}
@media (max-width: 712px) {
	footer {
		display: block;
	}footer p {
		text-align: left;
		padding-left: 10px;
		padding-top: 10px;
	}
}
@media (max-width: 670px) {
	body > nav .flex { justify-content: center; padding-bottom: 10px; }
	body > nav a img {
		display: block;
	}
	body > nav ul {
		display: none;
	}
	.menutoggle {
		display: block;
		/*! margin: auto 0; */
	}
	.menushow {
		transition: all ease-in .5s;
		display: block;
		line-height: 2em;
		text-align: center;
	}
	header p, .intro, .historia, .beneficios, .caracteristicas, .soporte, .contactenos, footer {
		padding-left: 15px !important;
		padding-right: 15px !important;
		display: block !important;
	}
	.intro h1 { text-align: center;}
}
@media (max-width: 637px) {
	.caracteristicas ul {
		columns: 1;
	  -webkit-columns: 1;
	  -moz-columns: 1;
	}
	h1 {
		font-size: 24px;
	}h2 {
		font-size: 18px;
	}textarea {
		height: 150px;
	}
	body > nav {
		position: relative;
	}
}
@media (max-width: 607px) {
	.brand { flex-direction: column; align-items: center; width: 100%; text-align: center; }
	.brand div img { margin: auto; }
	.brand figure { margin: 0; }
	.contactenos { padding-bottom: 300px; }
	.contactenos form p {
		width: 100%;
		margin-right: 0;
	}.contactenos h1+p > br {
		display: none;
	}
}
@media (max-width: 407px) {
	.menutoggle {
		margin: auto;
	}
}