@charset "utf-8";



@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap');



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

	text-decoration:none;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

	font-family: 'Roboto', sans-serif;

	overflow-x: hidden;

}



ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}



strong{

	font-weight: 800;

}



div.interface{

	min-width:320px;

	max-width:1200px;

	width:100%;

	margin:0px auto;

    text-align: center;

    position: relative;

}



div#modal{

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 9999999999999999999999999;

	background:url(../imagens/bg-bussola.jpg) center top no-repeat;

}



div#modal img#logo-modal{

	display: inline-block;

	margin-top: 50px;

	width: 90%;

	max-width: 340px;

}



div#modal img#bg-modal{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 0;

	clip: rect(30%, 0, 20%, 0);

	width: 100%;

	height: 100%;

	display: none;

}



div#modal form{

	display: block;

	margin: 30px auto 0 auto;

	overflow: hidden;

	width: 90%;

	max-width: 500px;

}



div#modal form p{

	font-size: 20px;

	line-height: normal;

	margin-top: 20px;

	color: #fff;

}



div#modal form p strong{

	font-size: 32px;

}



div#modal form select{

	width: 100%;

	display: inline-block;

	border-radius: 10px;

	border: none;

	height: 55px;

	margin-top: 20px;

	font-size: 20px;

	text-indent: 5px;

}



div#modal form input#botao{

	width: 150px;

	height: 40px;

	display: inline-block;

	margin-top: 10px;

	cursor: pointer;

	background-color: #103464;

	color: #fff;

	border: none;

	font-size: 18px;

	-webkit-transition:.4s;

	-moz-transition:.4s;

	-o-transition:.4s;

	transition:.4s;

}



div#modal form input#botao:hover{

	background-color: #a1151a;

	font-weight: 700;

}



div#modal div#copy-modal{

	position: absolute;

	width: 90%;

	border-top: 1px solid #fff;

	padding-top: 10px;

	color: #fff;

	left: 5%;

	bottom: 20px;

	text-align: center;

}



div#modal div#copy-modal p{

	width: 100%;

	line-height: normal;

	font-size: 15px;

}



div#modal div#copy-modal img{

	display: inline-block;

	margin-top: 20px;

}



a#whatsapp-botao, a#central-botao{

	position: fixed;

	border-radius: 20px;

    width: 50px;

    height: 50px;

    right: 10px;

    bottom: 30px;

    z-index: 999999;

}



a#central-botao{

	bottom: 120px;

}



a#central-botao p{

	display: inline-block;

	margin-bottom: 3px;

	color: #999;

	font-size: 12px;

	line-height: normal;

}



a#central-botao:hover p{

	text-decoration: underline;

}



a#whatsapp-botao img, a#central-botao img{

    width: 100%;

    height: 100%;

	-webkit-transition:.4s;

	-moz-transition:.4s;

	-o-transition:.4s;

	transition:.4s;

}



a#whatsapp-botao:hover img, a#central-botao:hover img{

	-webkit-transform: scale(0.9);

}



form#local{

	display: inline-block;

	width:90%;

	margin-top: 20px;

}



form#local img{

	display: inline-block;

	width: 20px;

	vertical-align: middle;

	margin-right: 5px;

}



form#local select{

	display: inline-block;

	height: 30px;

	border: 1px solid #0d63a2;

	color: #0d63a2;

	border-radius: 10px;

	padding: 0 5px;

	font-weight: 700;

	outline: none;

}



form#local input{

	display: inline-block;

	height: 30px;

	width: 30px;

	font-weight: 700;

	cursor: pointer;

	background-color: #0d63a2;

	color: #fff;

	border: none;

	border-radius: 10px;

	-webkit-transition:.4s;

	-moz-transition:.4s;

	-o-transition:.4s;

	transition:.4s;

}



form#local input:hover{

	background-color: #0081dd;

}



#check, #check-serv, #check-sup, #check-con{

    display:none;

}



div#menu-desk{

	display: none;

}



nav{

	float: left;

	width: 100%;

	position: relative;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	-o-transition: .5s;

	transition: .5s;

}



#icone{

	background-color: #0d63a2;

	padding: 15px;

	border-radius:15px;

	float: right;

	cursor: pointer;

	margin-top: 30px;

	margin-right: 20px;

	-webkit-transition: 1s;

	-moz-transition: 1s;

	-o-transition: 1s;

	transition: 1s;

}



label#icone img#fechar-menu{

	display: none;

}



ul.menu{

	position: absolute;

	width: 100%;

	top: -100px;

	background-color: #0d63a2;

	padding: 20px 0;

	border-radius: 50%;

	opacity: 0;

	visibility: hidden;

	-webkit-transition: 1s;

	-moz-transition: 1s;

	-o-transition: 1s;

	transition: 1s;

}



ul.menu li{

	float: left;

	width: 100%;

	padding: 15px 0;

}



ul.menu li a, ul.menu li label{

	color: #fff;

	font-size: 18px;

	border-bottom: 2px solid #0d63a2;

	cursor: pointer;

}



ul.menu li a:hover, ul.menu li a.active, ul.menu li label:hover{

	border-bottom: 2px solid #fff;

}



#check:checked ~ div#menu-mobile nav ul.menu{

	float: left;

	position: relative;

	top: 0;

	border-radius: 0;

	opacity: 1;

	visibility: visible;

	left: 0;

}



#check:checked ~ label#icone{

	border-radius: 15px 15px 0 0;

}



#check:checked ~ label#icone img#abrir-menu{

	display: none;

}



#check:checked ~ label#icone img#fechar-menu{

	display: inline-block;

}



nav ul.menu li ul.submenu{

	position: absolute;

	top: -100px;

	width: auto;

	opacity: 0;

	visibility: hidden;

	-webkit-transition:.4s;

	-moz-transition:.4s;

	-o-transition:.4s;

	transition:.4s;

}



nav ul.menu li ul.submenu li a{

	font-size: 15px;

}



#check-serv:checked ~ ul.submenu, #check-sup:checked ~ ul.submenu, #check-con:checked ~ ul.submenu{

	position: relative;

	top: 0;

	opacity: 1;

	visibility: visible;

}



img#logo{

	float: left;

	margin-top: 10px;

	margin-left: 10px;

}



footer{

	float: left;

	width: 100%;

	background-color: #cc0007;

	padding: 30px 0;

}



footer img#logo-footer{

	display: block;

	width: 90%;

	max-width: 339px;

	margin: 0 auto;

}



footer address{

	display: inline-block;

	width: 90%;

	text-align: left;

	margin-top: 30px;

	max-width: 460px;

	color: #fff;

	line-height: normal;

	font-size: 14px;

}



footer div#navegacao, footer div#util, footer div#apps{

	display: inline-block;

	width: 90%;

	margin-top: 50px;

	color: #fff;

}



footer div#navegacao strong, footer div#util strong, footer div#apps strong{

	display: inline-block;

	width: 100%;

	font-size: 22px;

	margin-bottom: 15px;

}



footer div#navegacao a, footer div#navegacao span, footer div#util a{

	color: #fff;

	display: inline-block;

	margin-top: 20px;

	font-size: 18px;

	font-style: italic;

}



footer div#navegacao a.link-serv{

	font-size: 15px;

	margin-top: 10px;

}



footer div#apps img{

	display: inline-block;

	margin: 10px;

	position: relative;

	top: 0;

	-webkit-transition:.4s;

	-moz-transition:.4s;

	-o-transition:.4s;

	transition:.4s;

}



footer div#apps img:hover{

	top: -5px;

}



footer div#navegacao a:hover, footer div#util a:hover{

	text-decoration: underline;

}



footer div#midias-sociais{

	display: inline-block;

	width: 90%;

	margin-top: 20px;

}



footer div#midias-sociais a{

    display: inline-block;

    width: 40px;

    height: 40px;

    margin: 20px 5px 0 5px;

    background-position: left top;

    background-size: 100%;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	-o-transition: .5s;

	transition: .5s;

}



footer div#midias-sociais a:hover{

    background-position: left bottom;

}



footer div#midias-sociais a#twitter{

    background-image: url(../imagens/icon-twitter.png);

}



footer div#midias-sociais a#facebook{

    background-image: url(../imagens/icon-facebook.png);

}



footer div#midias-sociais a#instagram{

    background-image: url(../imagens/icon-instagram.png);

}



footer div#copy{

	display: inline-block;

	width: 90%;

	border-top: 1px solid #fff;

	padding-top: 10px;

	margin-top: 40px;

}



footer div#copy p{

	display: inline-block;

	width: 100%;

	color: #fff;

	font-size: 14px;

	line-height: normal;

	margin-bottom: 20px;

}



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

	div#modal form{

		margin: 60px auto 0 auto;

	}



	div#modal form p strong{

		font-size: 50px;

	}



	div#modal div#copy-modal p{

		text-align: left;

		float: left;

		width: auto;

		margin-left: 10px;

		margin-top: 5px;

	}



	div#modal div#copy-modal img{

		float: right;

		margin-top: 0;

		margin-right: 10px;

	}



	form#local{

		text-align: right;

		margin-top: 10px;

	}



	footer address{

		font-size: 15px;

	}



	footer br.b2{

		display: none;

	}



	footer div#cont-cnt, footer div#cont-dir{

		display: inline-block;

		width: 45%;

		vertical-align: top;

		margin-top: 30px;

	}



	footer div#apps{

		margin-top: 100px;

	}



	footer div#copy p{

		text-align: left;

		width: auto;

		float: left;

		margin-top: 7px;

	}



	footer div#copy img{

		float: right;

	}

}



@media screen and (min-width:1024px){

	div#menu-mobile{

		display: none;

	}



	div#menu-desk{

		display: inline-block;

		float: right;

	}



	nav{

		width: auto;

		float: right;

		margin-top: 10px;

		margin-right: 40px;

	}



	#icone{

		display: none;

	}



	ul.menu{

		float: right;

		width: auto;

		background-color: transparent;

		opacity: 1;

		visibility: visible;

		position: relative;

		top: 0;

	}



	ul.menu li{

		width: auto;

		margin-right: 10px;

		padding: 0;

		position: relative;

	}



	ul.menu li a, ul.menu li label{

		color: #0d63a2;

		border-bottom: none;

		font-weight: 700;

		border-radius: 0 10px 0 0;

		-webkit-transition: .5s;

		-moz-transition: .5s;

		-o-transition: .5s;

		transition: .5s;

	}



	ul.menu li label{

		padding: 10px;

	}



	ul.menu li a:after{

		display: table;

		content: "";

		width: 0%;

		height: 2px;

		background-color: #0d63a2;

		margin: 3px auto 0 auto;

		-webkit-transition: .5s;

		-moz-transition: .5s;

		-o-transition: .5s;

		transition: .5s;

	}



	ul.menu li a:hover:after{

		width: 90%;

	}



	ul.menu li a:hover, ul.menu li a.active{

		border-bottom: none;

	}



	ul.menu li:hover label{

		border-bottom: none;

		color: #fff;

		background-color: #0d63a2;

	}



	ul.menu li a#link-central{

		background-color: #0d63a2;

		color: #fff;

		padding: 10px 20px;

		border-radius: 10px;	

		-webkit-transition: .5s;

		-moz-transition: .5s;

		-o-transition: .5s;

		transition: .5s;	

	}



	ul.menu li a#link-central:after{

		display: none;

	}



	ul.menu li a#link-central:hover{

		background-color: #103464;

	}



	nav ul.menu li ul.submenu{

		position: absolute;

		width: 240px;

		top: 60px;

		background-color: #0d63a2;

		color: #fff;

		padding: 20px 10px;

		-webkit-transition: .5s;

		-moz-transition: .5s;

		-o-transition: .5s;

		transition: .5s;

	}

	

	nav ul.menu li ul.sub2{

		width: 200px;

	}



	nav ul.menu li:hover ul.submenu{

		position: absolute;

		top: 30px;

		opacity: 1;

		visibility: visible;

		z-index: 99999999;

	}



	nav ul.menu li ul.submenu li{

		width: 100%;

		text-align: left;

		margin-top: 15px;

	}



	nav ul.menu li ul.submenu li a{

		color: #fff;

	}



	nav ul.menu li ul.submenu li a:after{

		background-color: #fff;

		margin: 3px auto 0 0;

	}



	footer div#cont-esq{

		float: left;

		width: 50%;

		margin-top:30px;

	}



	footer div#cont-cnt{

		float: left;

		width: 22%;

		margin-top: 0;

		text-align: left;

	}



	footer div#cont-dir{

		float: right;

		width: 27%;

		margin-top: 0;

		text-align: left;

	}

}