/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

:root {
	--white: #ffffff;
	--black: #111111;
	--silver: #B2B8AC;
	--font: 'Lato', tahoma, sans-serif;
}

html, body { overflow-x: hidden; }

body {
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
	font-family: var( --font );
	background: var(--black);
	margin: 0;
	padding: 0;
	height: 100vh;
}

a, label { text-decoration: none; transition: all .3s ease-out; }

.container { margin: 0 auto; padding: 0 30px; max-width: 640px; width: calc(100% - 60px); }

.row { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; }

.col { width: 100%; }

/** Formulário **/
#form {
	position: relative;
	padding-bottom: 200px;
}
#form:after {
	content: "";
	background: url(../img/background.svg) no-repeat bottom / cover;
	width: 100%;
	height: 150px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}
#form h1 {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='188' height='45' viewBox='0 0 188 45' fill='none'%3E%3Cg clip-path='url(%23clip0_1_9022)'%3E%3Cpath d='M55.8707 33.0041V30.0207C55.8707 29.884 55.8707 29.7472 55.8707 29.5981V14.134C55.8707 11.6229 54.8673 11.3867 53.1542 11.3867V10.7155H61.3282C65.4275 10.7155 68.7436 11.4489 68.7436 16.5083C68.7436 22.2638 63.7633 22.2638 60.3615 22.2638H58.6729V23.2707V33.0041H55.8829H55.8707ZM58.6607 14.768V20.9586H60.3493C63.6042 20.9586 65.7946 20.3246 65.7946 16.5083C65.7946 13.2017 64.106 12.0207 61.316 12.0207C58.8075 12.0207 58.6607 12.1575 58.6607 14.768Z' fill='white'/%3E%3Cpath d='M90.2066 33.0041V12.0207H88.2977C85.104 12.0207 84.639 13.3881 84.3208 15.2652H83.5377L83.7579 10.7155H99.4331L99.6533 15.2652H98.8702C98.6866 13.1519 97.7444 12.0207 94.673 12.0207H92.9844V33.0041H90.2066Z' fill='white'/%3E%3Cpath d='M106.371 21.7044V26.9254V33.0166H103.569V30.1948C103.581 30.0083 103.594 29.8218 103.594 29.6105V14.1464C103.594 11.6354 102.59 11.3992 100.877 11.3992V10.7279H109.173C112.551 10.7279 116.185 11.6602 116.185 15.8494C116.185 20.0387 112.93 21.2693 110.715 21.4682L117.286 33.0166H113.946L107.693 21.7044H106.408H106.371ZM106.371 14.2459V20.3992C110.005 20.3992 113.224 20.0262 113.224 15.8494C113.224 13.0028 110.911 12.0332 108.403 12.0332C106.518 12.0332 106.371 12.4309 106.371 14.2459Z' fill='white'/%3E%3Cpath d='M124.016 13.7859C124.016 13.8978 124.016 14.0097 124.016 14.134V29.5981C124.016 29.7224 124.016 29.8343 124.016 29.9461V13.7859ZM121.19 30.3066C121.214 30.0953 121.226 29.8591 121.226 29.5981V14.134C121.226 11.6229 120.223 11.3867 118.51 11.3867V10.7155H124.029V33.0041H121.202V30.3066H121.19Z' fill='white'/%3E%3Cpath d='M132.521 33.0041H130.661L130.685 14.134C130.685 11.6229 129.657 11.3867 127.957 11.3867V10.7155H134.466L140.597 29.7597L146.764 10.7155H150.704V33.0041H147.89V12.6671L141.307 33.0166H139.018L132.509 12.6671V33.0166L132.521 33.0041Z' fill='white'/%3E%3Cpath d='M75.7552 14.5566L72.2555 24.7624H79.2304L75.7552 14.5566ZM67.6056 33.0041L74.5315 13.4876C74.9354 11.6851 74.0176 11.4862 72.5125 11.4738V10.8522H75.4738H77.2236L85.104 33.0166H82.1305C81.8368 32.2086 81.2372 30.5677 81.1393 30.2942L79.6709 26.0801H71.815L69.4901 33.0166H67.6179L67.6056 33.0041Z' fill='white'/%3E%3Cpath d='M161.424 14.5566L157.924 24.7624H164.899L161.424 14.5566ZM153.274 33.0041L160.2 13.4876C160.604 11.6851 159.686 11.4862 158.181 11.4738V10.8522H161.142H162.892L170.773 33.0166H167.799C167.493 32.2086 166.906 30.5677 166.808 30.2942L165.339 26.0801H157.484L155.159 33.0166H153.286L153.274 33.0041Z' fill='white'/%3E%3Cpath d='M176.609 21.7044V26.9254V33.0166H173.807V30.1948C173.819 30.0083 173.832 29.8218 173.832 29.6105V14.1464C173.832 11.6354 172.828 11.3992 171.115 11.3992V10.7279H179.412C182.789 10.7279 186.423 11.6602 186.423 15.8494C186.423 20.0387 183.168 21.2693 180.941 21.4682L187.512 33.0166H184.172L177.919 21.7044H176.634H176.609ZM176.609 14.2459V20.3992C180.244 20.3992 183.462 20.0262 183.462 15.8494C183.462 13.0028 181.149 12.0332 178.641 12.0332C176.769 12.0332 176.609 12.4309 176.609 14.2459Z' fill='white'/%3E%3Cpath d='M43.8788 0H32.4131C37.0018 1.29282 41.407 3.36878 43.8788 5.5442V0Z' fill='white'/%3E%3Cpath d='M25.2792 1.16851C26.3805 7.23481 25.7564 14.7431 24.2023 22.6989C23.823 24.6506 23.3091 26.5898 22.6728 28.529C31.6667 26.2541 38.201 21.8909 39.4247 15.6133C40.526 9.99448 33.9916 4.25138 25.2669 1.16851' fill='white'/%3E%3Cpath d='M0.5 30.1326C3.11864 30.3688 6.32463 30.4434 9.83654 30.2942C11.9412 30.2072 13.997 30.0331 15.9793 29.7845C18.1819 25.4088 19.8583 20.6851 20.8005 15.8619C21.9141 10.1188 21.9263 4.54972 21.0208 0.0124309H21.339L0.5 0V30.1326Z' fill='white'/%3E%3Cpath d='M0.5 45H4.80729C8.0867 41.9171 11.1336 38.1257 13.7033 33.8867C9.48168 34.7942 5.03979 35.5525 0.5 36.1616V45Z' fill='white'/%3E%3Cpath d='M43.8788 45V20.7348C39.6082 25.4213 31.4709 29.2003 21.4124 32.0097C19.5891 36.5594 17.154 40.9599 14.3396 45.0124H43.8788V45Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_9022'%3E%3Crect width='187' height='45' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center / contain;
	width: 188px;
	height: 45px;
	text-indent: -99999px;
	margin: 50px 0 30px;
}
#form .frase {
	font-size: 1.5rem;
	margin-right: auto;
	margin-bottom: 40px;
}
#form form {
	width: 100%;
}
#form form .field-wrap {
	width: 100%;
	position: relative;
	margin-bottom: 30px;
}
#form form .field-pp,
#form form .field-com {
	width: 100%;
	position: relative;
	margin-bottom: 10px;
}
#form form .field-wrap a {
	color: #fff;
	text-decoration: underline;
}
#form form .field-wrap label {
	position: absolute;
	top: -10px;
	background: var(--black);
	left: 12px;
	padding: 0 7px;
	text-transform: uppercase;
	color: var(--silver);
	font-size: 14px;
	letter-spacing: 0.5px;
	cursor: pointer;
}
#form form .field-pp label, 
#form form .field-com label {
	position: relative;
	top: 0;
	left: 0;
	text-transform: initial;
	color: #ffffff;
	background: transparent;
}
#form form .field-wrap input[type=text], 
#form form .field-wrap input[type=tel],
#form form .field-wrap input[type=email] {
	background: transparent;
	border: 3px solid var(--silver);
	border-radius: 4px;
	width: calc(100% - 34px);
	padding: 15px 17px;
	color: #E4E3E5;
}
#form form .field-wrap input[type=checkbox] {
	position: relative;
	cursor: pointer;
	width: 15px;
	height: 15px
}
#form form .field-wrap input[type=checkbox]:before {
	content: "";
	width: 15px;
	height: 15px;
	background: var(--black);
	display: block;
	margin: 0 auto;
	border: 1px solid #fff;
	border-radius: 3px;
}
#form form .field-wrap input[type=checkbox]:checked:before {
	content: "";
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	top: 0;
	left: 0;
	background-color: #B2B8AC;
}
#form form .field-wrap input[type=checkbox]:checked:after {
	content: "";
	display: block;
	width: 3px;
	height: 9px;
	border: solid var(--black);
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 1px;
	left: 6px;
}
#form form .field-wrap input:focus {
	outline: 0;
}
#form form input[type=submit] {
	background: var(--silver);
	max-width: 600px;
	width: 100%;
	color: var(--black);
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-weight: 700;
	margin: 30px auto 0;
	padding: 12px;
	border-radius: 100px;
	display: flex;
	border: 0;
	text-align: center;
	cursor: pointer;
}

@media screen and (min-height: 740px) {
	#form {
		height: calc(100% - 200px);
	}
}