@font-face{font-family: 'Nexa'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/l/font?kit=5h1biZYoMG4Mzdn2W2zpT2yICQAowgk&skey=9201f3a18460de5&v=v2) format('woff2'); }
*{margin:0; padding: 0}
body{font-family: 'Nexa', sans-serif; font-size: 12px; background-color: #ed7b43}
#top{width: 100%; background-color:transparent; background-image: url('../img/top.png'); background-repeat:repeat-x; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; padding: 10px  0}
#top > #t-left{max-width: 250px; margin-left: 10%}
#top > #t-right{max-width: 250px; display: flex; align-items: center; justify-content: space-between; margin-right: 10%}
#top > #t-right a{color: white; text-decoration: none; margin: 0 10px 0 10px}
#top > #t-right > a > div{font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 500}
#top > #t-right > a > div > i{font-size: 20px}

#success{padding: 5px; max-width:350px; background-color: green; color:white; text-align: center; font-weight: bold; font-size: 14px}

#section-1{width: 100%; height:auto; padding-bottom: 60px; overflow: hidden; background-color: transparent; background-image: url('../img/bg-1-section.png'); background-size: cover;}
#section-1 #sec-1-into{max-width: 1024px; width: 90%; height: auto; margin: auto; color: white; margin-top: 40px}
#section-1 #sec-1-into h1{font-family: 'Suez One', sans-serif; font-size: 70px; margin-bottom: -10px; padding-bottom: 0; text-transform: uppercase;}
#section-1 #sec-1-into p{font-family: 'Montserrat', sans-serif; font-size: 40px; font-weight: 500}
#section-1 #sec-1-into form{background-color:#d5edf8; padding:30px; border-radius: 20px; width: 350px; margin-top: 40px}
#section-1 #sec-1-into form input[type="text"]{width: 100%; height: 40px; border: 0; outline: none; border-bottom: 2px solid #ed7b43; color: #47676c; background-color: transparent; font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 600; margin-bottom: 40px}
#section-1 #sec-1-into form input[type="text"]::placeholder{color: #5e898f}
#section-1 #sec-1-into form input[type="submit"]{background-color: #eb733d; border-radius: 20px; color: white; font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 600; width: 100%; height: 50px; outline: none; border: 0}
#section-1 #sec-1-into form input[type="submit"]:hover{background-color:#8e4525; transition-duration: .3s; cursor: pointer;}

@media(max-width: 762px){
	#section-1 #sec-1-into{text-align: center;}
	#section-1 #sec-1-into form{width: 85%; margin: auto; padding: 30px 20px; margin-top: 60px}
	#section-1 #sec-1-into form input[type="text"]{font-size: 16px; font-weight: 500; margin-bottom: 35px}
	#section-1 #sec-1-into form input[type="submit"]{font-size: 16px; font-weight: 500}
	#section-1 #sec-1-into h1{font-size: 50px}
	#section-1 #sec-1-into p{font-size: 30px}
	#top > #t-left{margin-left: 2%}
	#top > #t-right{margin-right: 2%}
	#section-1{height: auto; background-position: inherit;}
}

#sep-sec{background-color: transparent;max-width:1024px; width: 90%;  height: 20px; margin: auto}
.h1-padd{font-family: 'Suez One', sans-serif; font-size: 40px; text-align: center; padding: 40px 0; color: white; text-transform: uppercase; height: auto!important; letter-spacing: 2px}

#section-2{width: 100%; height:auto; background-color: transparent;}
#section-2 > img{width: 100%}

#section-3{font-family: 'Montserrat', sans-serif; font-size: 16px; background-color: #f2f1f0; color: #ed7b43; background-image: url("../img/sec-3-all.png"); width: 100%; min-height: 100vh; overflow: hidden; background-repeat: no-repeat; background-position: center top; background-size: cover;}
#section-3 > h1{font-family: 'Suez One', sans-serif; font-size: 40px; text-align: center; margin-top: 80px; text-transform: uppercase; letter-spacing: 2px}
#i-t-r{background-image: url('../img/i-t-r.png'); width: 169px; height: 175px; position: relative; top: 0; right:0}
#i-b-r{background-image: url('../img/i-b-r.png'); width: 159px; height: 493px; position: relative; bottom: 0; right:0}
#section-3 > #sec-3-into{max-width: 1024px; width: 90%; height: auto; overflow: hidden; margin: auto; display: flex; justify-content: center; margin-top: 40px}
#section-3 > #sec-3-into #bar-sep{height: auto; width: 3px; margin: 0 40px 0 40px; background-color: #74bebf}
.sec-3-right{text-align: right;}
.m-t-30{margin-top: 30px}
.m-t-90{margin-top: 100px}
.m-b-90{margin-bottom: 100px}
#section-3 > #sec-3-into > div{width: 35%}
#section-3 > #sec-3-into > div > p > b{font-family: 'Suez One', sans-serif;}
#section-3 > #sec-3-into > div > p > i{font-family: 'Montserrat', sans-serif; font-style: italic; font-size: 12px}
#section-3 > #sec-google{background-color: #ea7340; width: 100%; height: auto; overflow: hidden; margin-top: 60px}
#section-3 > #sec-google > #sec-g-into{max-width: 1024px; width: 90%; margin: auto; height: auto; overflow: hidden; display: flex; justify-content: center; align-items: center;}
#section-3 > #sec-google > #sec-g-into > div{font-family: 'Montserrat', sans-serif; font-size: 20px; color:#f2f1f0; letter-spacing: 2px; font-weight: 600; width: 50%; line-height: 27px}

#r-all{float: right; position: absolute; right: 0; top:240%}

@media(max-width: 762px){
	#section-3 > #sec-3-into{width: 100%}
	.m-t-30{margin-top: 15px}
	.m-t-90{margin-top: 50px}
	.m-b-90{margin-bottom: 50px}
	#section-3 > #sec-3-into #bar-sep{margin: 0 20px 0 20px;}
	#section-3 > #sec-3-into > div{width: 40%}
	#r-all{display: none}
	.h1-padd{font-size: 30px}
}

#section-4{width: 100%; height:auto; background-color: white; background-image: url('../img/bot-bg.png'); background-size: cover; overflow: hidden; font-family: 'Montserrat', sans-serif; padding-top: 60px; padding-bottom: 60px}
#section-4 #sec-4-into{max-width: 1024px; width: 90%; margin: auto; display: flex; justify-content: space-around; align-items: flex-end; margin-top: 60px; overflow: hidden;}
#section-4 #sec-4-into #sec-4-left{color: #29235c}
#section-4 #sec-4-into #sec-4-left #sec-4-left-txt{text-align: right; font-size: 14px;}
#section-4 #sec-4-into #sec-4-left #sec-4-left-txt h3{margin-bottom: 10px; margin-top: 20px; font-weight:700}
#section-4 #sec-4-into #sec-4-left #sec-4-left-txt p{margin-bottom: 5px; font-weight: 500}
#section-4 #sec-4-into #sec-4-right{}
#section-4 #sec-4-into #sec-4-right form{background-color:#d5edf8; padding:30px; border-radius: 20px; width: 350px; margin-top: 160px;}
#section-4 #sec-4-into #sec-4-right form input[type="text"]{width: 100%; height: 40px; border: 0; outline: none; border-bottom: 2px solid #ed7b43; color: #47676c; background-color: transparent; font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 600; margin-bottom: 40px}
#section-4 #sec-4-into #sec-4-right form input[type="text"]::placeholder{color: #5e898f}
#section-4 #sec-4-into #sec-4-right form input[type="submit"]{background-color: #eb733d; border-radius: 20px; color: white; font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 600; width: 100%; height: 50px; outline: none; border: 0}
#section-4 #sec-4-into #sec-4-right form input[type="submit"]:hover{background-color:#8e4525; transition-duration: .3s; cursor: pointer;}

footer{max-width:1024px; width: 90%; height: auto; overflow: hidden; margin:auto; padding: 20px 0; color: white; font-family: 'Montserrat', sans-serif; font-size: 14px; display: flex; align-items: center; justify-content: space-between;}
footer #f-redes{text-align: right;}
footer #f-redes p{margin-bottom: 5px}
footer #f-redes p a{color: white; text-decoration: none}
footer #f-redes p a:hover{color: white; text-decoration: underline;}

@media(max-width: 762px){
	#section-3 > h1{font-size: 30px}
	#section-3 > #sec-google > #sec-g-into{flex-direction: column;}
	#section-3 > #sec-google > #sec-g-into > div{width: 100%; margin-top: 20px; text-align: center; letter-spacing: inherit; font-weight: 500}
	#section-3 > #sec-google > #sec-g-into > img{margin-right: 0!important}
	#section-4{height: auto; padding-bottom: 40px; background-size: unset; padding-top: 0}
	#section-4 #sec-4-into{flex-direction: column; align-items: center;}
	#section-4 #sec-4-into #sec-4-right form{width: 85%; margin: auto; padding: 30px 20px; margin-top: 60px}
	#section-4 #sec-4-into #sec-4-left #sec-4-left-txt{text-align: center; font-size: 16px}
	#section-4 #sec-4-into #sec-4-right form input[type="text"]{font-size: 16px; font-weight: 500; margin-bottom: 35px}
	#section-4 #sec-4-into #sec-4-right form input[type="submit"]{font-size: 16px; font-weight: 500}
	footer{font-size: 14px}
}