:root {
	--header-h:		80px;
	--header-bkg:	#0b1392;
	--header-color: #ffffff;

	--block-w:		1080px;
	--text-color:	#090972;

	--footer-h:		80px;
	--footer-bkg:	#090972;
	--footer-color: #ffffff;

	--amarelo:		#FEC52E;
	--preto:		#000000;
	--azul:			#090972;
	--azul2:		#2556bf;
	--cinza:		#f3f3f3;
}


/* --------------------------------------------------------------- */
	.color-cinza				{color:var(--cinza);}
	.color-amarelo				{color:var(--amarelo);}
	.color-branco				{color:#ffffff;}
	.color-azul					{color:var(--azul);}

	.bkg-amarelo				{background-color:var(--amarelo); color:#fff;}
	.bkg-branco					{background-color:#ffffff; color:var(--azul);}
	.bkg-azul					{background-color:var(--azul); color:#ffffff;}
	.bkg-cinza					{background-color:var(--cinza); color:var(--text-color);}

	.btn-principal				{border:20px solid rgba(0,0,0,0); letter-spacing:3px; font-size:14px; margin-top:20px; padding:.3em 1em; line-height: 1.7em;}
	.btn-principal.bkg-amarelo	{box-shadow: -20px -20px 0px -5px rgba(254, 197,  46, 0.2);}
	.btn-principal.bkg-branco	{box-shadow:  20px  20px 0px -5px rgba(255, 255, 255, 0.2);}
	.btn-principal.bkg-azul		{box-shadow: -30px -30px 0px -10px rgba(37, 86, 191, 0.34);}


/* --------------------------------------------------------------- */
	a.as-btn,
	button.as-btn				{border:2px solid Var(--footer-color); color:Var(--footer-color); padding:10px 20px; text-decoration:none; text-align:center;}
	a.as-btn:hover,
	button.as-btn:hover			{background-color:Var(--footer-color); color:Var(--footer-bkg); }

	a.as-blue-btn				{border:2px solid Var(--footer-bkg); color:Var(--footer-bkg); padding:10px 20px; text-decoration:none; text-align:center;}
	a.as-blue-btn:hover			{background-color:Var(--footer-bkg); color:Var(--footer-color); }


/* --------------------------------------------------------------- */
@font-face {
	font-family: 'Libre Franklin';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url("../webfonts/LibreFranklin-VariableFont_wght.ttf") format("truetype"); }

	.font-franklin				{font-family:'Libre Franklin';}


@font-face {
	font-family: 'Roboto Regular';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url("../webfonts/Roboto-Regular.ttf") format("truetype"); }

	.font-roboto				{font-family:'Roboto Regular';}


@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url("../webfonts/RobotoCondensed-Regular.ttf") format("truetype"); }

	.font-condensed				{font-family:'Roboto Condensed';}


/* --------------------------------------------------------------- */
	body.body					{padding:var(--header-h) 0 0 0 !important;}
	body>*>div.wrapper			{position:relative; width:80%; max-width:var(--block-w); margin:auto;}

@media only screen and (max-width:768px) {
	body>*>div.wrapper			{width:80vw; max-width:80vw;}
}


/* --------------------------------------------------------------- */
	header						{position:fixed; top:0px; left:0px; width:100vw; background-color:var(--header-bkg); color:var(--header-color); box-shadow:0 1px 0 rgba(0, 0, 0, .1); z-index:9999999;}
	header>div					{height:var(--header-h); align-items:center;}
	header>div>a.logo			{display:block; height:52%;}
	header>div>a.logo>img		{display:block; max-height:100%}

	header .header-menu>div		{}
	header .header-menu a		{font-size:15px; text-decoration:none; color:var(--header-color); padding:2px 5px;}
	header .header-menu a:hover	{color:#fff;}

	header .header-menu a.header-menu-7				{position:relative;}
	header .header-menu a.header-menu-7>.counter	{position:absolute; right:-8px; bottom:-8px; min-width:18px; height:18px; line-height:18.5px; text-align:center; background-color:#b900cc; color:#fff; font-size:9px; border-radius:20px;}

	header .header-bar 								{display:flex; column-gap:20px; align-items:center;}
	header .header-bar a							{font-size:15px; text-decoration:none; color:var(--header-color); padding:2px 5px;}
	header .header-bar a.header-menu-7				{position:relative;}
	header .header-bar a.header-menu-7>.counter		{position:absolute; right:-8px; bottom:-8px; min-width:18px; height:18px; line-height:18.5px; text-align:center; background-color:#b900cc; color:#fff; font-size:9px; border-radius:20px;}


@media only screen and (max-width:768px) {
	header>div>a.logo			{height:34%;}

	header .header-menu			{overflow:hidden; height:0px; position:absolute; top:var(--header-h); width:80vw; left:0px; background-color:var(--header-bkg); }
	header .header-menu.open	{height:280px; border-top:3px solid #0099ff;}
	header .header-menu>div		{flex-direction:column; row-gap:0px; padding:10px 0;}
	header .header-menu>div>*	{padding:12px 30px; font-size:14px !important; font-weight:600;}
}

/* --------------------------------------------------------------- */
	.header-page				{display:flex; background-color:var(--footer-bkg); color:#fff; min-height:500px; align-content:stretch;}
	.header-page>*				{width:50%; flex-grow:1;}
	.header-page>*:first-child	{}
	.header-page>*:last-child	{padding:7.5vw 7.5vw 0 7.5vw}

	.header-page .bkg-image		{background-position:center center; background-size:cover; background-repeat:no-repeat;}
	.header-page .font-title	{font-size:40px; letter-spacing:-1px;}
	.header-page .font-descr	{line-height:1.4em; opacity:0.6;}

@media only screen and (max-width:768px) {
	.header-page				{flex-direction:column; min-height:100px; }
	.header-page>*				{width:100vw;}
	.header-page>*:first-child	{min-height:200px;}
	.header-page>*:last-child	{padding:7.5vw 7.5vw 7.5vw 7.5vw}

	.header-page .font-title	{font-size:30px;}
}


/* --------------------------------------------------------------- */
	footer						{background-color:var(--footer-bkg); color:var(--footer-color); line-height:23px;}
	footer hr					{border-style:solid; border-color:#53539D; border-width:1px 0 0 0;}

	footer a					{color:var(--footer-color); text-decoration:none; padding:3px 8px;}
	footer a:hover				{background-color:var(--footer-color); color:var(--footer-bkg);}

	footer .font-huge			{font-size:4rem;}
	footer .font-label			{}

	footer .footer-1			{}
	footer .footer-1>div		{width:33.33%; flex-grow:1; padding:15% 5% 5% 5%; font-size:18px; line-height:30px; position:relative; z-index:1; overflow:hidden;}
	footer .footer-1>div::before{position:absolute; left:0px; top:0px; width:100%; height:100%; min-height:100%; opacity:0.4; z-index:-1; transition:all 200ms linear;
								 background-position:center center; background-repeat:no-repeat; background-size:cover; content:"";}
	footer .footer-1>div:hover::before	{opacity:0.7; transform:scale(1.2);}

	footer .footer-1-1::before	{background-image:url("/Content/images/footer-1-1.jpg");}
	footer .footer-1-2::before	{background-image:url("/Content/images/footer-1-2.jpg");}
	footer .footer-1-3::before	{background-image:url("/Content/images/footer-1-3.jpg");}

	footer .footer-1 hr			{margin:60px 0;}
	footer .footer-1 span		{display:block;}
	footer .footer-1 a			{display:inline-block; margin-top:30px;}


	footer .footer-2			{padding:6vh 0;}
	footer .footer-2-0			{padding:0 0 20px 0; align-items:center; border-bottom:1px solid #fff;}
	footer .footer-2-0 img		{max-height:80px;}

	footer .footer-2-1			{width:470px;}
	footer  img.logo			{display:block; height:40px}

	footer .business-info		{}
	footer .business-info>b		{color:var(--footer-color); display:inline-block; width:5rem;}

	footer .footer-2-2			{width:470px; padding-left:50px;}
	footer .footer-2-2 input,
	footer .footer-2-2 select,
	footer .footer-2-2 textarea	{border:1px solid #444; background-color:#fff; color:#000; padding:0px 20px; display:block; width:100%; margin-bottom:10px; line-height:42px;}

	footer .footer-2-2 select		{height:42px;}
	footer .footer-2-2 select+span	{position:absolute; display:block; width:40px; height:40px; line-height:40px; right:1px; top:1px; background-color:#fff; color:#888; text-align:center; pointer-events:none; border-left:1px solid #ccc;}

	section.copyright			{background-color:#000; color:#666; font-size:14px; padding:10px 0;}

@media only screen and (min-width:1300px) {
	body>footer>div.wrapper		{max-width:1200px;}
	footer .footer-2-2			{width:670px;}
}

@media only screen and (max-width:768px) {
	footer .footer-1>div		{width:100%}

	footer .footer-2			{flex-direction:column;}
	footer .footer-2>*			{width:100%;}

	footer .footer-2-0			{flex-direction:column;}
	footer .footer-2-0 img		{max-width:80vw;}

	footer .footer-2-1			{width:100%;}
	footer .footer-2-1 .flex	{row-gap:5px !important;}
	footer .footer-2-1 .flex>*	{width:100vw;}
	footer .footer-2-2			{padding:30px 0 0 0;}

	section.copyright			{font-size:11px;}
}


/* --------------------------------------------------------------- */
	section.has-bkg				{background-size:cover; background-clip:border-box; background-repeat:no-repeat; background-origin:padding-box; background-position-x:50%; background-position-y:50%; }