html {
	box-sizing: border-box;
	font-size: 62.5%;
}
*, *:before, *:after {
	box-sizing: inherit;
}
body {
	background: #ffffff;
	color: #333;
	font-family: 'Roboto', sans-serif;
	line-height: 1.3;
	font-size: 1.4rem;
}
img {
  width: 100%;
  height: auto;
}
h1, h2, h3 {
	font-family: Verdana, Geneva, sans-serif;
}
a:link {
  color: #000000;
}
.container {
	width: 95%;
    margin: 0 auto;
}
/* HEADER */
header {
	background: #000000;
}
ul {
	padding: 0;
}
.dropdown {
	margin: 0;
	padding: 0;
}
.show{
	display: block!important;
}
.logo {
	
}
.logo img {
	width: 70%;
}
.menu {
    letter-spacing: .7px;
    display: none;
    margin-top: 70px;
    padding-bottom: 12px;
}
.menu a {
    color: #fff;
    font-size: 18px;
    margin: 12px 0 0 12px;
    text-decoration: none;
    display: block;
}
.menu-mobile {
	margin-top: 2vw;
}
.menu .iniciar {
	padding: 7px;
    color: #000000;
    background-color: #ffffff;
}
.mobile-bars {
    width: 35px;
    height: 5px;
    background-color: white;
    margin: 6px 0;
}
.nav-head {
	display: flex;
	justify-content: space-between;
}
@media (min-width: 380px){
	
}
@media (min-width: 468px){
	
}
@media (min-width: 768px){
	header {
		heigh: 80px;
	}
	.logo img {
		width: 100%;
	}
}
@media (min-width: 1200px){
	.menu {
	    display: block;
	    margin-top: inherit;
	}
	.menu a {
	    color: #ffffff;
	    font-size: 18px;
	    margin: 0 16px 0 0;
	    text-decoration: none;
	    display: inline;
	}
	.menu-mobile {
		display: none;
	}
	.nav-head {
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	}
}
/* HERO */
.data input {
	margin-top: .7rem;
}
form .data {
	padding-top: 1.5rem; 
}
form .data:first-child {
	padding-top: 0; 
}
.form {
	padding: 1.2rem;
	color: #333333;
}
.form .button {
	margin: 0 auto;
	width: 12rem;
}
.form-cont {
    background-color: #FDCB2E;
}
.form input {
	width: 100%;
	height: 3rem;
}
.head-text {
	color: #000000;
	font-size: 1.4rem;
    font-weight: 700;
}
.hero {
	color: #ffffff;
	background-color: #133783;
	padding: 4rem 0;
}
.delete{
	height: 100vh;
}
.hero-left {
	width: 28rem;
}
.hero-text {

}
.head-mobile h1 {
	margin: 0;
	padding: 0;
	font-size: 1.5rem;
	padding-top: 1.6rem;
}
.head-pc {
	display: none;
}
input.boton-form {
	margin-top: 1.2rem;
    padding: .7rem;
    background-color: black;
    color: white;
    border: none;
}
@media (min-width: 576px) {
	.head-mobile {
		width: 330px;
		font-size: 1.5rem;
	}
	.form-cont {
    	width: 40rem;
    	margin: 0 auto;
	}
}
@media (min-width: 768px) {
	.form-cont {
    width: 40rem;
    margin-left: calc( 100% - 420px);
	}
	.hero {
	background: url(../img/hero-mobile.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	.head-mobile {
		width: 50vw;
	}
	.head-mobile h1 {
    margin: 0;
    padding: 0;
    font-size: 2.6vw;
	}
	.hero-text {
		font-size: 2.4vw;
	}
}
@media (min-width: 992px) {
	.form {
		width: 40rem;
		padding: 2rem;
	}
	.form-cont {
    	margin: 7rem 2rem;
	}
	.form .head-text {
		font-size: 1.8rem;
		padding-left: .7rem;
	}
	.data label {
		padding-left: .4rem;
	}
	.hero {
	background: url(../img/hero3.jpg) no-repeat center top fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	.hero .content {
		display: flex;
		justify-content: space-between;
	}
	.hero-left {
		width: 50rem;
	}
	.head-mobile {
		width: 50vw;
	}
	.head-mobile h1 {
		font-size: 2.5vw;
		padding: 0;
	}
	.hero {
		padding: 5rem 0 2rem 0;
	}
	.hero-text {
		width: 24vw;
	}
	.hero-text-delete {
		width: 35vw;
	}
	.hero-text p, .hero-text-delete p {
		font-size: 2.3vw;
	}
	.input.boton-form {
    font-size: 2.5rem;
    height: 7rem;
    margin: 2.5rem 0 1.2rem;
    padding: .7rem;
	}
}
@media (min-width: 1200px) {
	.data label {
		font-size: 1.8rem;
		padding-left: .6rem;
	}
	.form {
		padding: 2.5rem;
	}
	.form-head {
		width: 450px;
	}
	.form .button {
		width: 24rem;
	}
	.head-mobile {
		display: none;
	}
	.head-pc {
		display: block;
		width: 50vw;
	}
	.head-pc h1 {
		font-size: 2.1vw;
	}
	.head-text {
	    font-size: 2.1rem;
	    margin-left: 1.3rem;
	}
	.hero-text {
		width: 19vw;
	}
	.hero-text p {
		font-size: 1.9vw;
	}
	input.boton-form {
		font-size: 2.5rem;
		height: 7rem;
		margin: 2.5rem 0 1.2rem;
	    padding: .7rem;
	}
}
/* SOLUCION */
.solucion {
	background-color: #ffffff;
	color: #333;
}
.solucion-left {
	width: 85%;
    margin: 0 auto;
}
.solucion-left-info {
	color: #000000;
	font-size: 4.1vw;
	width: 70vw;
}
.solucion .p1 {
	font-weight: 700;
}
.p1 span, .p2 span {
	font-weight: 700;
}
.solucion-left-info ul {
	list-style-type: disc;
	color: #FDCB2E;
	padding: auto;
	padding-left: 3rem;
}
.solucion-left-info ul li span{
	color: #000000;
}
.solucion-left-head {
	padding-top: 1.2rem;
}
.solucion-left-head h2 {
	font-size: 9.3vw;
	margin-bottom: 0;
	/* line-height: .5; */
}
.solucion-left-head h2 span {
	color: #FDCB2E;
}
@media (min-width: 992px) {
	.solucion .solucion-cont {
		display: flex;
	}
.solucion-left {
	width: 40%;
    margin: inherit;
    padding-top: 7rem;
	}
.solucion-left-head h2 {
	font-size: 3.8vw;
	margin-bottom: 0;
	/* line-height: .5; */
}
.solucion-left-cont {
	width: 80%;
    margin: 0 auto;
}
.solucion-left-info {
	font-size: 1.7vw;
	width: 30vw;
}
.solucion-right {
	width: 60%;
    margin: auto;
	}
}
/* CARACTERISTICAS */
.caracteristicas {

}
.administracion-de 
.caracteristicas {
	color: #fff;
}
.caracteristicas-head {
	padding: 7vw 0 3vw 0;;
}
.caracteristicas-head h2 {
	font-size: 9vw;
	margin: 0;
}
.caracteristica-head h3 {
	font-size: 4.6vw;
}
.caracteristicas-contenedor {
	width: 80vw;
	margin: 0 auto;
}
.caracteristicas-items {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 5vh;
}
.caracteristicas-content p {
	font-size: 4vw;
}
.caracteristicas-content p::before {
	content: ">";
	color: #FDCB2E;
	font-weight: 700;
}
.caracteristica-head {
	text-transform: uppercase;
}
@media (min-width: 768px) {
	.caracteristicas {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
	url(../img/caracteristicas.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #ffffff;
	}
	.caracteristica-head h3 {
	    font-size: 2.3vw;
	}
	.caracteristicas-items .item {
		width: 50%;
		padding: 0 16px;
	}
	.caracteristicas-content p {
	    font-size: 2vw;
	}
	.caracteristicas-head h2 {
	    text-align: center;
	    font-size: 4.5vw;
	}
	.caracteristicas-contenedor {
		width: 95vw;
	}
}
@media (min-width: 1200px) {
	.caracteristicas-head {
    padding: 3vw 0 2vw 0;
}
	.caracteristicas-items .item {
		width: 33%;
		padding: 0 4%;
	}
	.caracteristicas-head h2 {
    font-size: 3vw;
}
	.caracteristica-head h3 {
		font-size: 1.2vw;
	}
	.caracteristicas-content p {
    font-size: 1.2vw;
    margin: .5vw 0;
}
}
/* PLANES */
.planes {
	background-color: #ffffff;
	color: #333;
}
.planes-container {
	width: 95%;
	margin: 0 auto;
}
.planes-head {
	text-align: center;
	color: #000000;
	padding: 1vw 0;
}
.planes-head h2 {
    font-size: 7vw;
}
.planes-cont-cols {
	
}
.planes-col {
	/* background-color: #333333; */
}
.planes-cols {
	text-align: center;
}
.planes-col-head {
	
}
.planes-col-head h3 {
	font-size: 10vw;
	text-transform: uppercase;
	border-bottom: 3px solid #FDCB2E;
}
.planes-col-cont {
	margin: 1vw 0;
}
.col-p {
	letter-spacing: .2rem;
}
.col-p p {
	font-size: 5vw;
}
.col-p p:last-child {
	padding-bottom: 5vw;
}
@media (min-width: 992px) {
	.col-p {
		letter-spacing: .1rem;
	}
	.col-p p:last-child {
		padding-bottom: 0;
	}
	.planes {
		padding: 5vw 0 14vw 0;
		color: #ffffff;
	}
	.planes-cols {
		display: flex;
		width: 80vw;
		margin: 0 auto;
		background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
		url(../img/planes.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.planes-col {
		margin: .5%;
		margin-top: 9vh;
		width: 33%;
		background-color: transparent;
	}
	.planes-col-cont {
		margin: 0;
		padding: 1vw 0;
		color: #ffffff;
	}
	.planes-head h2 {
		font-size: 3vw;
	}
	.planes-col-head h3 {
		font-size: 2.8vw;
		margin: 1.8rem 0;
	}
	.col-p p {
		font-size: 1.4vw;
	}
}
h3 hr {
	border: 3px solid #333;
}
/* CONTACTO */
.contacto {
    background-color: #eeeeee;
}
.contacto-right {
	width: 95%;
	margin: 0 auto; 
	padding: 4rem 0 8rem;
}
.contact-head p {
	font-size: 5.12vw;
	text-align: center;
	text-transform: uppercase;
}
.contact-content p {
	margin-left: 4vw;
	padding-bottom: 0;
	margin-bottom: 0;
}
.contact-content p {
	font-size: 3.84vw;
}
@media (min-width: 768px) {
	.contacto {
		margin-bottom: -6px;
	}
	.contacto-content {
		display: flex;
		align-items: center;
	}
	.contacto-left {
		width: 60%;
	}
	.contacto-right {
		width: 40%;
	}
	.contact-head p {
		font-size: 1.6vw;
	}
	.contact-content p {
		font-size: 1.44vw;
		width: 95%;
    	margin: 0 auto;
	}
}
@media (min-width: 992px) {

	.contacto-left {
		width: 80%;
	}
	.contacto-right {
		width: 40%;
	}
	.contact-content {
		margin-left: 1.2vw;
	}
}
/* FOOTER */
footer {
	background: #000000;
	color: #ffffff;
	padding: 3rem 5%;
}
.footer-cols {
	margin-left: 5vw;
}
.footer-col {
	width: 100%;
}
footer h2 {
	font-size: 4vw;
	font-weight: 500;
	margin: 2rem 0 .5rem;
}
footer p {
	font-size: 3.6vw;
	line-height: 1.2;
	margin: .5rem 0 .5rem;
}
.footer-col img {
	width: 8vw;
    margin-right: 1.2rem;
}
.footer-cols a {
    color: #fff;
    text-decoration: none;
}
@media (min-width: 576px) {
	.footer-col {
		width: 50%;
	}
	.footer-col img {
		width: 5.4vw;
	}
	footer h2 {
		font-size: 1.9rem;
		font-weight: 500;
	}
	footer p {
		font-size: 1.7rem;
	}
	.footer-cols {
	    display: flex;
    	flex-wrap: wrap;
	}
}
@media (min-width: 768px) {
	footer {
		padding: 7% 0;
	}
	.footer-cols {
		margin: 0;
	}
	.footer-col {
		width: 25%;
	}
	.footer-col-marpad {
		display: table;
		margin: 0 auto;
	}
	.footer-col img {
		width: 3.2vw;
	}
	footer h2 {
		font-size: 1.5vw;
		font-weight: 500;
		margin: 0.3rem 0 1.6rem;
	}
	footer p {
		font-size: 1.4vw;
	}
}
.checkbox{
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
}
.checkbox input{
	width: 50px;
	padding: 0;
	margin: 0;
}