body {font-family: Raleway;font-size: 18px;line-height: 21px;}
header{padding-bottom: 100px;}
nav{background-color: white;box-shadow: 0px -2px 20px rgba(0, 0, 0, 0.3);text-align: center;display: table;z-index: 3;position: fixed;width: 100%;min-height: 100px;}
nav .wrap{display: table-cell;vertical-align: middle;}
h1 {font-family: Oswald;font-size: 50px;font-weight: 700;text-transform: uppercase;}
h2 {font-family: Oswald;font-size: 39px;font-weight: 700;text-transform: uppercase;}
h3 {color:#e52323;font-family: Oswald;font-size: 30px;font-weight: 700;text-transform: uppercase;}
h4 {font-family: Raleway;font-size: 25px;}
input, select, option{font-size: 15px;font-weight: 300;padding-left: 7px;}
.clearfix {overflow: auto;}
.clearfix::after {content: "";clear: both;display: table;}

.modal-content{text-align: center;}
.modal-header{margin: auto;}
.modal-body{margin: auto;}
.modal-footer{margin: auto;}

input::placeholder{color: black;}
section{padding: 65px 0;}

nav img{width: 195px;}

.half{width: 49%;padding: 0 0.2%;}
.full{width: 99%;}
.container{max-width: 1267px;}
.highlight{z-index: 1;position: relative;background-color: #e52323;padding: 7px 93px;box-shadow: -6px 7px 0px #bf3c3c;color: white;width: fit-content;}
.highlight h2{color: white;display: inline-block;}
.highlight h2:before{content: '+'}
.btn{min-width: 250px;box-shadow: -4px 0px 0px #db5800;background-color: #ff6d00;font-family: Oswald;font-weight: 700;border-radius: 0;min-height: 50px;color: white;text-transform: uppercase;text-decoration: underline;font-size: 20px;}
.field{margin: 9px 0px;display: inline-block;}

.completar form{padding: 40px 35px 40px;background: white;max-width: 435px;margin: auto;box-shadow: -7px 8px 23px rgba(0, 0, 0, 0.3);}
.completar form h5{font-size: 20px;color: #ea4747;text-align: center;font-weight: 700;margin-bottom: 0;}
.completar form p{font-size: 18px;color: #ea4747;text-align: center;margin-bottom: 10px;}
.completar form {padding: 25px 25px 30px;}
.completar form label{color:black;font-size: 15px;margin: 2px 0;}
.completar form input{width: 100%;height: 40px;}
.completar form input::-webkit-input-placeholder{color: black;}
.completar form select{width: 100%;height: 34px;}
.completar form .captcha{min-height: 75px;}
/*.completar form input[type=submit]{}*/

.features{text-align: center;display: block;margin-top: 10px;margin-bottom: 60px;}
.feature{display: inline-block;min-height: 210px;vertical-align: text-top;}

#principal{padding: 0;}
#principal .foto{min-height: 450px;background-position: center;background-image: url(../images/main.jpg);background-size: cover;background-repeat: no-repeat;}
#principal .container{background-image: url(../images/main.jpg);background-size: cover;background-repeat: no-repeat;padding: 60px 15px;}
#principal .foto2{min-height: 450px;background-position: center;background-image: url(../images/main2.jpg);background-size: cover;background-repeat: no-repeat;}
#principal2 .container2{background-image: url(../images/main2.jpg);background-size: cover;background-repeat: no-repeat;padding: 60px 15px;}
#principal .wrap-padre{display: table;height: 100%;margin: auto;}
#principal .wrap{display: table-cell;vertical-align: middle;text-align: center;color: white;}
#principal h1{text-shadow: 2px 6px 20px rgba(0, 0, 0, 0.5);}
#principal h4{text-shadow: 1px 2px 10px rgba(0, 0, 0, 0.7);}

#sumate .texto{padding-top: 120px;}
#sumate .texto p{margin-bottom: 21px;}
#sumate .foto{margin-top: -90px;}
#sumate .foto img {width: 100%;}
#sumate .tira{text-align: center;width: 100%;white-space: nowrap;overflow: hidden;margin-top: 15px;text-indent: -50px;}
#sumate .tira img {margin-right: 9px;max-width: 23%;}

#marcas{margin-top: -100px;}
#marcas img{max-width: 130px;margin: 0 23px;vertical-align: middle;}
#marcas .row{display: block;max-width: 1200px;margin: auto;text-align: center;margin-top: 22px;}


#herramientas{padding-bottom: 160px;border-top: 1px solid #f4ba92;border-bottom: 1px solid #f4ba92;text-align: center;padding: 105px 0;}
#herramientas h3{margin: auto;margin-bottom: 45px;}
#herramientas p{font-weight: 600;max-width: 70%;margin: auto;margin-top: 5px;}

#comentarios{border-top: 1px solid #f4ba92;padding: 100px 0;}
#comentarios{text-align: center;}
#comentarios h3{text-align: center;margin-bottom: 80px;}
#comentarios h5 {font-family: Oswald;margin-bottom: 30px;}
#comentarios p{font-size: 15px;line-height: 18px;margin-top: 19px;max-width: 80%;margin: auto;margin-top: 29px;}

#contacto{background-color: #ea4747;color: white;padding: 95px 0;}

#contacto .datos{text-align: center;}
#contacto .datos .wrap{display: inline-block;text-align: left;padding-top: 60px;}

#contacto ul{list-style: none;padding: 0;margin-top: 30px;}
#contacto ul li{margin-bottom: 25px;}
#contacto ul li img{margin-right: 15px;}
#contacto ul li div{margin-right: 15px;display: inline-block;line-height: 20px;}


footer{background-color: #2d2d2d;min-height: 100px;width: 100%;display: table;}
footer .container{padding-top: 15px;}
footer .wrap{display: table-cell;vertical-align: middle;}
footer .legales{font-size: 15px;font-weight: 300;padding-top: 9px;}
footer .redes a {margin-right: 20px;}
footer p{color: white;}


/*:::::: MOBILE ::::::*/

@media (max-width: 1300px) {
	#sumate .tira img {margin-right: 9px;max-width: 20%;max-height: 136px;}
	#sumate .tira {white-space: normal;overflow: hidden;margin-top: 15px;text-indent: 0px;padding: 0 15px;}
}
@media (max-width: 992px) {
	body {font-size: 16px;}
	h1{font-size: 40px;}
	h2{font-size: 34px;}
	h3{font-size: 26px;}
	input, select, option{font-size: 14px;}
	input::placeholder{font-size: 14px;}
	#principal .row{padding: 0;margin: 0;}
	#principal .container{background: #ea4747;padding: 0;padding-bottom: 50px;}
	#principal .title{margin: 30px 0;}
	#sumate .foto {margin-top: -30px;}
	#sumate .texto {padding-top: 40px;}
	#sumate .tira img {margin-right: 0px;max-width: none;max-height: 217px;display: inline-block;width: 47%;}
	.highlight {padding: 7px 23px;}
	.feature {display: block;}
	.features {display: flex;}
	#herramientas h3 {width: 90%;}
	#herramientas p {max-width: 70%;}
	#contacto .datos .wrap {padding-top: 0;display: block;margin-bottom: 50px;}
	#contacto h2{text-align: center;}
	#contacto .completar form {padding: 40px 35px 40px;background: white;max-width: none;margin: 0;}
	#contacto ul li {margin-bottom: 25px;max-width: 60%;margin-left: auto;margin-right: auto;line-height: 0px;text-align: left;}
	#contacto ul li img, #contacto ul li div{display: block;margin:auto;text-align: center;}
	#contacto ul li img{margin-bottom: 10px;}
	footer .redes{margin-bottom: 30px;}
}
@media (max-width: 768px) {
	#principal .foto {min-height: 370px;}
	#sumate .tira img {margin-right: 0px;max-width: none;max-height: none;margin-top:10px;display: inline-block;width: 100%;}
	#comentarios p {max-width: 75%;margin-left: auto;margin-right: auto;margin-bottom: 32px;}
}
@media (max-width: 576px) {

}