*{
	margin: 0;
	padding: 0;	
	box-sizing: border-box;
	font-family: var(--fonte_padrao);
	color: var(--cor_fonte);
}

html,body{
	height: 100%;
  	/*scroll-behavior: smooth;*/
}

@font-face{
	src:url('../fonts/Montserrat/Montserrat-VariableFont_wght.ttf');
	font-family: "Montserrat";
}

@font-face{
	src:url('../fonts/Labora/Labora-Regular.ttf');
	font-family: "Labora Regular";
}

@font-face{
	src:url('../fonts/Myriad/MYRIADPRO-REGULAR.OTF');
	font-family: "Myriad";
}

:root{
	--fonte_padrao: "Montserrat";
	--fonte_titulo: "Labora Regular";
	--cor_fonte: #333;
	--cor02: #dbcabf;
	--cor03: #4b5a6f;
	--cor04: #1c2635;
	--cor05: #d7a381;
	--filter_cor_fonte: invert(16%) sepia(11%) saturate(23%) hue-rotate(329deg) brightness(88%) contrast(83%);
	--filter_cor_branca: invert(100%) sepia(100%) saturate(0%) hue-rotate(305deg) brightness(102%) contrast(102%);
	--filter_cor_01: invert(92%) sepia(17%) saturate(321%) hue-rotate(326deg) brightness(89%) contrast(93%);
	--filter_cor_02: invert(32%) sepia(36%) saturate(352%) hue-rotate(175deg) brightness(94%) contrast(87%);
	--filter_cor_03: invert(12%) sepia(28%) saturate(803%) hue-rotate(177deg) brightness(91%) contrast(93%);
}

.right{
	float: right;
}

.left{
	float: left;
}

.clear{
	clear: both;
}

ul{
	list-style-position: inside;
}

.container{
	margin: 0 auto;
	padding: 0 40px;
	max-width: 1440px;
}

.msg{
	margin: 10px 0;
	border: 1px solid #ccc;
	padding: 10px;
	background-color: white;
}

.error{
	border-left: 20px solid #dc3232;
	color: #dc3232;
}

.success{
	border-left: 20px solid #77d22a;
}

/*********** HEADER ************/

.header{
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
	position: fixed;
	width: 100%;
	background-color: var(--cor04);
	z-index: 10;
	border-radius: 0 0 16px 20px;
}

.header .container{
	display: flex;
	align-items: center;
}

.header-logo{
	width: 200px;
	margin: 10px 0;
}

.header-lista{
	width: calc(100% - 586px);
	text-align: center;
}

.header-icons{
	width: 386px;
	position: relative;
}

.header-logo img{
	width: 100%;
	margin-bottom: -4px;
}

.header-lista ul, .header-icons ul{
	list-style-type: none;
	display: flex;
	justify-content: center;
}

.header-lista ul{
	flex-wrap: wrap;
}

.header-lista ul li, .header-icons ul li{
	color: white;
	letter-spacing: 0.5px;
	cursor: pointer;
	border-bottom: 4px solid transparent;
	transition: 0.5s;
}

.header-lista ul li{
	font-weight: 700;
	padding: 10px 20px;
}

.header-lista ul li.selected{
	color: var(--cor02);
	border-bottom: 4px solid var(--cor03);
}

.header-lista ul li:hover{
	color: white;
	border-bottom: 4px solid var(--cor02);
}

.header-icons ul li{
	font-size: 13px;
	padding: 10px;
	border-bottom: 4px solid transparent;
}

.header-icons ul li a{
	display: flex;
	align-items: center;
	text-decoration: none;
}

.header-icons ul li:hover{
	border-bottom: 4px solid var(--cor02);
}

.header-icons span,  .menu-mobile-contato span{
	color: var(--cor02);
	display: inline-block;
	margin-left: 10px;
	transition: 0.5s;
}

.header-icons img, .menu-mobile-cancel img, .menu-mobile-contato img{
	width: 20px;
	height: 20px;
	object-fit: contain;
	filter: var(--filter_cor_branca);
}

.header-icons .header-icons-mobile{
	display: none;
}

.menu-mobile{
	position: fixed;
	right: 0;
	height: 100%;
	width: 70%;
	background-color: var(--cor04);
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
	box-shadow: -1px -1px 2px 0px rgba(0,0,0,0.2);
	z-index: 20;
	display: none;
}

.menu-mobile-icons, .menu-mobile-contato{
	list-style-type: none;
	padding-bottom: 40px;
}

.menu-mobile-cancel{
	padding: 20px 20px 0 20px;
	text-align: right;
}

.menu-mobile-icons li, .menu-mobile-contato li{
	display: block;
	text-decoration: none;
	padding: 10px 40px;
	font-size: 20px;
	color: white;
	cursor: pointer;
}

.menu-mobile-icons li.selected{
	background-color: var(--cor03);
}

.menu-mobile-icons li:hover, .menu-mobile-contato li:hover{
	background-color: var(--cor02);
	color: var(--cor_fonte);
}

.menu-mobile-contato li a{
	display: flex;
	align-items: center;
	text-decoration: none;
}

.menu-mobile-contato span{
	font-size: 14px;
	transition: 0s;
}

.menu-mobile-contato li:hover img{
	filter: var(--filter_cor_fonte);
}

.menu-mobile-contato li:hover span{
	color: var(--cor_fonte);
}

/*********** FOOTER ************/

.footer01{
	padding: 260px 0 40px 0;
	text-align: center;	
}

.footer01 img{
	width: 300px;
}

.footer02{
	background-color: var(--cor04);	
	padding: 30px 0;
	text-align: center;
}

.footer02 p{
	color: white;
}

.footer02 a{
	color: white;
}

@media screen and (max-width: 768px){

	.container{
		padding: 0 20px;
	}

	.header-logo{
		width: 130px;
	}

	.header-lista{
		width: calc(100% - 174px);
	}

	.header-icons{
		width: 44px;
	}

	.header-lista ul{
		display: none;
	}

	.header-icons .header-icons-desktop{
		display: none;
	}

	.header-icons .header-icons-mobile{
		display: inline-block;
	}

	.footer01 li{
		width: 50%;
		margin-bottom: 10px;
	}

	.footer01 li:nth-child(odd){
		border: none;
	}

	.header-icons ul li{
		padding: 8px;
	}

	.header-icons img{
		width: 100%;
		height: 100%;
		margin-bottom: -4px;
	}

	/*********** FOOTER ************/

	.footer01{
		padding: 120px 0 20px 0;
	}

	.footer01 img{
		width: 200px;
	}

}