html{
	max-width:100%;
}
html, body{
	position:relative;
	background:#ffffff;
	max-width:100%;
}


h1,h2,h3,h4,h5,h6,p,button,label,li,input,textarea,select,small,th,td{
	font-family: 'Quicksand', Montserrat, Poppins, Lato, Helvetica;
}
a{
	color:inherit;
	text-decoration:inherit;
	font-family: inherit;
}
a button{
	cursor:pointer;
}
strong{
	font-weight:bold;
}
.owl-carousel img{
	width:auto !important;
	height:auto !important;
}
::-webkit-selection{
	color:#ffffff;
	background:#333333;
}
::selection{
	color:#ffffff;
	background:#333333;
}

.page{
	position:relative;
	width:1600px;
	margin-left:50%;
	left:-800px;
	max-width:100%;
	overflow:hidden;
}
@media screen and (max-width:1600px){
	.page{
		margin-left:0;
		left:0;
		width:100%;
		max-width:100%;
		overflow:hidden;
	}
}
.half{
	width:50%;
}
@media screen and (max-width:800px){
	.half{
		width:100%;
	}
}

.owl-dots .owl-dot{
	position:relative;
	padding:10px 4px;
	transition:all 150ms ease-in-out !important;
	-webkit-transition:all 150ms ease-in-out;
	-moz-transition:all 150ms ease-in-out;
	-ms-transition:all 150ms ease-in-out;
	-o-transition:all 150ms ease-in-out;
}
.owl-dots .owl-dot span{
	position:relative;
	margin:2px !important;
	width:13px !important;
	height:13px !important;
	border:1px solid #B1B1B1;
	background:transparent !important;
	border-radius:50% !important;
	transition:all 150ms ease-in-out !important;
	-webkit-transition:all 150ms ease-in-out;
	-moz-transition:all 150ms ease-in-out;
	-ms-transition:all 150ms ease-in-out;
	-o-transition:all 150ms ease-in-out;
}
.owl-dots .owl-dot span:hover{
	background:rgba(255,255,255,0.6) !important;
}
.owl-dots .owl-dot.active span{
	border-color:#00C8ED;
}
.owl-dots .owl-dot.active span::after{
	position:absolute;
	width:7px;
	height:7px;
	top:2px;
	left:2px;
	border-radius:50%;
	content:"";
	background:#00C8ED;
}

.unveil-loading::before{
	position:absolute;
	content:'';
	top:25%;
	left:25%;
	width:50%;
	height:50%;
	background-image:url('../imagens/fake-loader.svg');
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
	opacity:0.6;
}
.unveil2.unveil2-grey.unveil-loading::before{
	background-image:url('../imagens/fake-loader-grey.svg');
}
.unveil-loading.unveil2-small::before{
	top:40%;
	left:40%;
	width:20%;
	height:20%;
}


@keyframes smallFadeInUp{
	from {
		transform: translate3d(0, 20px, 0);
		visibility: visible;
		opacity: 0;
	}
	to {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}


header{
	position: -webkit-sticky;
	position: sticky;
	top:0;
	left:0;
	width:100%;
	z-index:9999;
	background:#033958;
}
header .page{
	min-height:90px;
}
header .logo{
	padding:0 20px;
}
header.fixed{
	background:#033958;
}
header .social{
	height:60px;
	padding:0 40px;
}
header .social li{
	padding:0px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	color:#eeeeee;
	height:40px;
	line-height:40px;
	width:40px;
	text-align:center;
}
header .social li:hover{
	color:#00C8ED;
	background:#ffffff;
}
header .social button{
	height:42px;
	border:1px solid #EF8314;
	color:#E75015;
	border-radius:21px;
	background:transparent;
	padding:0 10px;
	margin:0 5px;
	outline:none;
}
header .social button i{
	margin-right:5px;
	color:#EF8314;
}
header .social button.dark{
	color:#ffffff;
	background:#3C3C3C;
	border-color:#3C3C3C;
}
header .social button:hover{
	background:#EF8314;
	color:#ffffff;
	border-color:#EF8314;
}
.social button:hover i{
	color:#ffffff;
}
header .social-medias{
	padding:0 15px;
}
header .menu{
	width:60vw;
}
@media screen and (max-width:900px){
	header .social{
		display:none;
	}
}





header menu li{
	position:relative;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
	padding:8px 0px;
	margin:0 10px;
	cursor:pointer;
}
header menu .mobile-only{
	display:none;
}
header menu li::after{
	position:absolute;
	top:auto;
	bottom:0;
	opacity:0;
	left:0;
	width:100%;
	height:2px;
	background:#ffffff;
	content:'';
	transition:all 100ms ease-in-out;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-ms-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	transition-delay:300px;
}
header menu li.active::after, header menu li:hover::after{
	opacity:1;
}
header menu ul .submenu{
	position:absolute;
	top:130px;
	background:#ffffff;
	
	width:600px;
	margin-left:50%;
	left:-300px;
	height:auto;
	transform:translateY(10px);
	opacity:0;
	max-height:0;
	overflow:hidden;
	
	transition:all 250ms ease-in-out !important;
	-webkit-transition:all 250ms ease-in-out;
	-moz-transition:all 250ms ease-in-out;
	-ms-transition:all 250ms ease-in-out;
	-o-transition:all 250ms ease-in-out;
	box-shadow:0 0 6px rgba(0,0,0,0.2);
}
header menu li:hover .submenu{
	max-height:100vh;
	opacity:1;
	transform:translateY(0);
}
header menu ul .submenu ul{
	position:relative;
	width:100%;
	display:table-row;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
   	flex-direction: row;
   	-webkit-flex-wrap: wrap;
   	flex-wrap: wrap;
   	-webkit-flex-flow: row wrap;
   	flex-flow: row wrap;
   -webkit-align-items: center;
   	align-items: center;
   	-webkit-justify-content: space-around;
   	justify-content: space-around;
}
header menu .submenu ul a{
	line-height:80px;
}
header menu .submenu li{
	color:#0F0F0F;
	height:auto;
	padding:0;
	min-height:80px;
	line-height:80px;
	text-align:center;
	width:auto;
}
header menu ul .submenu a::last-child li{
	border-radius:0;
}
header menu .submenu li:hover{
	font-weight:normal;
	opacity:0.7;
}

header .menubox{
	margin-right:20px;
	color:#ffffff;
}
header .menubox i{
	color:#ffffff;
}
header .categs{
	position:relative;
	padding:0 20px;
	transform: translateY(20px);
	margin-top:-20px;
	overflow:visible;
	min-height:0;
}
header .categs li{
	position:relative;
	color:#ffffff;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	line-height:50px;
	text-align:center;
	z-index:5;
	height:50px;
	overflow:visible;
}
header .categs li div{
	position:relative;
	width:100%;
	padding:0 10px;
	transition:all 250ms ease-in-out !important;
	-webkit-transition:all 250ms ease-in-out;
	-moz-transition:all 250ms ease-in-out;
	-ms-transition:all 250ms ease-in-out;
	-o-transition:all 250ms ease-in-out;
	box-shadow:0px 0 10px 0px rgba(0,0,0,0);
	background:#00A1DD;
}
header .categs li div *{
	position:relative;
	z-index:3;
}
header .categs li div::before{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000000;
	content:"";
	z-index:0;
	opacity: var(--data-shadow-opacity);
}
header .categs li:hover{
	z-index:6;
}
header .categs li:hover div{
	line-height:60px;
	box-shadow:0px 0 10px 0px rgba(0,0,0,0.2);
}
header .categs li.active{
	z-index:7;
}
header .categs li.active div{
	line-height:100px;
	box-shadow:0px 0 10px 0px rgba(0,0,0,0.2);
}

@media screen and (max-width:700px){
	header .categs{
		display:none;
	}
}


button.button1{
	position:relative;
	background:transparent;
	border:1px solid #00C8ED;
	border-radius:0px;
	height:50px;
	padding:0 25px;
	color:#00C8ED;
	font-size:14px;
	font-weight:bold;
	outline:none;
	letter-spacing:1px;
	transition-duration:200ms;
	-webkit-transition-duration:200ms;
	-moz-transition-duration:200ms;
	-ms-transition-duration:200ms;
	-o-transition-duration:200ms;
}
button.button1.dark{
	background:#3C3C3C;
}

.paginacao{
	width:100%;
	text-align:left;
}
.paginacao li{
	border:1px solid #fcfcfc;
	min-width:40px;
	height:40px;
	line-height:40px;
	display:inline-block;
	text-align:center;
	border-radius:1px;
	color:#E75015;
	font-family:'Titillium Web', Poppins, Lato;
	font-weight:bold;
	font-size:18px;
}
.paginacao li:hover, .paginacao li.selected{
	background:#E75015;
	color:#ffffff;
	border:0;
}


.header2{
	position:relative;
	background-image:url('../imagens/header2-bg.jpg');
	background-position:center center;
	background-size:cover;
	background-color:#999999;
	height:800px;
	padding:80px;
	max-height:80vh;
}
.header2::after{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	content:'';
}
.header2 *{
	position:relative;
	z-index:3;
}
.header2 h1{
	font-size:80px;
	color:#ffffff;
	font-weight:bold;
	font-style:normal;
	text-align:center;
}
.header2 h3{
	font-size:50px;
	color:#ffffff;
	font-weight:bold;
	font-style:normal;
	text-align:center;
}
.header2 p{
	font-size:16px;
	color:#ffffff;
	max-width:800px;
	line-height:140%;
}
@media screen and (max-width:800px){
	.header2{
		min-height:200px;
	}
	.header2 h1{
		padding-top:0;
		font-size:50px;
	}
}



.header3{
	position:relative;
	min-height:390px;
	background-image:url('../imagens/page-header3-bg.jpg');
	background-position:center center;
	background-size:cover;
}
.header3 h2, .header3 h3{
	font-size:70px;
	color:#ffffff;
	font-weight:bold;
	font-style:italic;
	text-align:center;
}
.header3 h3{
	font-size:43px;
}
.header3 p{
	font-size:16px;
	color:#ffffff;
	max-width:800px;
}
@media screen and (max-width:800px){
	.header3{
		min-height:200px;
	}
	.header3 h2{
		font-size:50px;
	}
	.header3 h3{
		font-size:30px;
	}
}




footer{
	position:relative;
	background:#313131;
	padding-top:50px;
	overflow:hidden;
}
footer .social li{
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	color:#cccccc;
	font-size:30px;
	transition-duration:200ms;
	-webkit-transition-duration:200ms;
	-moz-transition-duration:200ms;
	-ms-transition-duration:200ms;
	-o-transition-duration:200ms;
}
footer .social li:hover{
	color:#00C8ED;
}
footer .links li{
	font-size:14px;
	color:#eeeeee;
	font-weight:normal;
	margin-bottom:10px;
}
footer .links li span{
	position:relative;
	min-width:30px;
	display:inline-block;
}
footer .nav li{
	position:relative;
	line-height:140%;
	font-size:9px;
	color:#ffffff;
	margin-bottom:10px;
	padding-left:10px;
	transition:all 150ms ease-in-out !important;
	-webkit-transition:all 150ms ease-in-out;
	-moz-transition:all 150ms ease-in-out;
	-ms-transition:all 150ms ease-in-out;
	-o-transition:all 150ms ease-in-out;
}
footer .nav li::before{
	position:absolute;
	top:50%;
	margin-top:-1px;
	height:2px;
	width:0px;
	left:-25px;
	background:#00C8ED;
	content:"";
	border-radius:4px;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(0,200,237,0.2);
	-moz-box-shadow: 2px 2px 3px 0px rgba(0,200,237,0.2);
	box-shadow: 2px 2px 3px 0px rgba(0,200,237,0.2);
	opacity:0;
	transition:all 150ms ease-in-out !important;
	-webkit-transition:all 150ms ease-in-out;
	-moz-transition:all 150ms ease-in-out;
	-ms-transition:all 150ms ease-in-out;
	-o-transition:all 150ms ease-in-out;
}
footer .nav li:hover{
	color:#00C8ED;
}
footer .nav li:hover::before{
	width:20px;
	opacity:1;
}
@media screen and (max-width:900px){
	footer .nav{
		display:none;
	}
	footer .zbra{
		width:100%;
		text-align:center;
	}
}

hr.divisor1{
	border:0;
	width:100%;
	height:1px;
	background:#E8E8E8;
	margin:0;
}

.configurar-panels{
	position:relative;
	min-height:100vh;
	min-height:calc(100vh - 120px);
}
.configurar-panel-left{
	position:relative;
	background:#012438;
	padding:60px 20px;
	width:650px;
	max-width:80%;
	z-index:3;
}
@media screen and (min-width:1600px){
	.configurar-panel-left{
		padding-left:calc(50vw - 800px + 20px);
		width: calc(50vw - 800px + 700px + 20px);
	}
}
.configurar-panel-right{
	position:sticky;
	top:120px;
	background:#cccccc;
	background-image:url('../imagens/page-header3-bg.jpg');
	background-position:center center !important;
	background-size:cover !important;
	background:#012438;
	z-index:2;
	height:100vh;
	height:calc(100vh - 120px);
	margin:0;
}
.configurar-panel-right::after{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.3);
	content:"";
}
.configurar-panel-right ul{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.configurar-panel-right ul li{
	position:relative;
	width:100%;
	height:100%;
	height:calc(100vh - 120px);
	background-size:cover;
	background-position:center center;
	background-color:#012438;
}
.configurar-panel-right .owl-dots{
	position:absolute;
	top:auto;
	bottom:0;
	width:100%;
	z-index:9999;
}
@media screen and (max-width:700px){
	.configurar-panels{
		min-height:calc(100vh - 90px);
	}
	.configurar-panel-right{
		top:90px;
		height:100vh;
		height:calc(100vh - 90px);
	}
	.configurar-panel-right ul li{
		height:calc(100vh - 90px);
	}
}
@media screen and (max-width:450px){
	.configurar-panel-left{
		max-width:100%;
	}
}
.configurar-panel-left .head h3, .configurar-panel-left .head h2{
	font-size:47px;
	color:#ffffff;
	font-weight:bold;
}
.configurar-panel-left .head h2{
	color:#007DB7;
}
@media screen and (max-width:500px){
	.configurar-panel-left .head h3, .configurar-panel-left .head h2{
		font-size:30px;
	}
}
.configurar-marcas-image{
	position:relative;
	width:460px;
	max-width:100%;
	padding:15px 0;
	background-size:contain;
	background-position:center left;
}
.configurar-marcas-image img{
	max-width:100%;
}
.configurar-panel-left button{
	margin-right:20px;
	margin-bottom:20px;
	border-color:#ffffff;
	color:#ffffff;
	cursor:pointer;
	text-align:left;
	display:block;
}
.configurar-panel-left button:hover{
	color:#00C8ED;
	border-color:#00C8ED;
}

.configurar-panel-left form.options fieldset{
	width:50%;
	padding-right:10px;
	margin-bottom:14px;
}
.configurar-panel-left form.options fieldset label{
	color:#ffffff;
	vertical-align:middle;
	padding:0;
	cursor:pointer;
	padding-right:20px;
	font-size:12px;
}
.configurar-panel-left form.options fieldset{
	position:relative;
	padding:0;
}
.configurar-panel-left form.options fieldset input{
	width:16px;
	height:16px;
	background:transparent;
	background-color:transparent;
	border-radius:0;
	vertical-align:middle;
	opacity:0;
	margin:0;
	margin-right:10px;
}
.configurar-panel-left form.options fieldset input + span{
	position:absolute;
	left:0px;
	top:2px;
	width:16px;
	height:16px;
	border:2px solid #ffffff;
}
.configurar-panel-left form.options fieldset input:checked + span{
	border-color:#09C9ED;
	content:"\f00c";
	font-family:"Font Awesome 5 Pro";
}
.configurar-panel-left form.options fieldset input:checked + span::after{
	position:absolute;
	left:0px;
	top:0;
	width:100%;
	height:100%;
	color:#09C9ED;
	content:"\f00c";
	font-family:"Font Awesome 5 Pro";
	font-size:10px;
	text-align:center;
	line-height:13px;
}
@media screen and (max-width:500px){
	.configurar-panel-left form.options fieldset{
		width:100%;
	}
}