html, body{
	font-family: 'Maven Pro', sans-serif;
	width: 100%; 
	overflow-x: hidden;}
body {
	background-color: #ffff;
	color: #7d8189;
	font-family: 'Maven Pro', sans-serif;
	font-weight: 300;
	font-size: 18px; }
a {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all; }
hr {
	border: 1px solid #dedede;
	clear: both;
	display: block;
	margin: 0 auto;
	position: relative;
	width: 100%; }
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border: 0;
  outline: 0 none; }
.logo-img1{
	display: none;
}
/*********************************************************************************************************
 *********************************************************************************************************
 *												 NAVBAR 
 ********************************************************************************************************* 
 *********************************************************************************************************/
.loading,
.loading-main {
  	animation: fadeOut .3s linear forwards 1;
	animation-delay: 2.1s;
	background-color: #f7f7f7;
	height: 100vh;
	opacity: 1;
	position: absolute;
	width: 100vw;
	z-index: 99999; }
.loading {
  	animation: fadeOut .3s linear forwards 1;
	animation-delay: 1.1s; }
.loading-main .logo img {
  	animation: fadeIn 1.2s linear forwards 1;
	animation-delay: .8s;
	height: 200px;
	margin: auto;
	opacity: 0;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	width: auto; }
.loading .line svg,
.loading-main .line svg {
	margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0; }
.loading .line svg .path,
.loading-main .line svg .path {
  	animation: dash 1.2s linear forwards 1;
  	stroke-dasharray: 6221.1796875;
  	stroke-dashoffset: 6221.1796875; }

/*********************************************************************************************************
 *********************************************************************************************************
 *												 NAVBAR 
 ********************************************************************************************************* 
 *********************************************************************************************************/

nav.navbar .navbar-toggler {
	z-index: 2; }
nav.navbar div.divider {
	background-image: url(../images/nav-divider.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	height: 70px;
    left: -40px;
	position: absolute;
    top: 38px;
    width: calc(100% + 70px);
    z-index: 1; }
nav.navbar .navbar-brand img {
    display: block;
	
    position: relative;
	z-index: 2; }
nav.navbar .nav-top-ul {
	margin-left: calc(44%); }
nav.navbar .nav-top .flag-icon,
nav.navbar .nav-top .phone-icon {
	height: 24px;
	margin-right: 5px; }
nav.navbar .nav-bottom,
nav.navbar .nav-top {
	z-index: 2; }
nav.navbar .nav-bottom {
	margin-top: 0px; }
nav.navbar .nav-bottom li.nav-item.active, 
nav.navbar .nav-bottom li.nav-item:hover {
    border-bottom: 1px solid #58585c; }
nav.navbar .nav-bottom li.nav-item {
	font-size: 16px;
	margin: 0 7%; }
nav.navbar .nav-bottom li.nav-item:first-child {
	margin: 0 7% 0 0; }
nav.navbar-light .navbar-nav .active>.nav-link,
nav.navbar-light .navbar-nav .nav-link.active,
nav.navbar-light .navbar-nav .nav-link.show,
nav.navbar-light .navbar-nav .show>.nav-link {
	color: #58585c;
}
.navbar-light .navbar-nav a.nav-link{
	width: 100px;
}


/*********************************************************************************************************
 *********************************************************************************************************
 *												RODAPÉ 
 ********************************************************************************************************* 
 *********************************************************************************************************/
footer.main-footer {
	background-color: #f7f7f7;
	padding: 50px 0 15px;
	position: relative;
	height: 15%;
    font-weight: 100;
	margin: 40px 0 0;
	max-width: 100%;
	width: 100%; }
footer.main-footer div.divider {
	background-image: url(../images/divider.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	top: -26px;
    display: block;
	min-height: 91px;
    position: absolute;
    width: 100%;
    z-index: 1; }
footer.main-footer div.legal-info {
	z-index: 1; }
footer.main-footer div.legal-info p.copyright,
footer.main-footer div.legal-info p.legal-text {
	color: #7d8189;
	font-size: 12px;
	margin-bottom: 15px;
	text-align: center; }
a.navbar-brand1,a.navbar-brand1 img.logo-img1 {
	height: 60px;
	left: 0; }
.fixcenter .location{
     line-height: 50px;
}
ul.dif li {
    padding-left: 20px;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-light.scrolled-nav{
    padding-bottom: 53px;
    padding-top:30px; 
}
nav.scrolled-nav ul.nav-bottom li a{
	padding: 20px 0px;
}
nav.navbar .navbar-brand img {
    margin-top: -20px;}
.nav-link{
	padding: 1.5rem 1rem;}
/*********************************************************************************************************
 *********************************************************************************************************
 *                        MAIN 
 ********************************************************************************************************* 
 *********************************************************************************************************/
div.content {
  	animation: fadeIn .4s linear forwards 1;
	animation-delay: 1.5s;
	opacity: 0; }

.vendas-by span { font-size: 12px; margin-bottom: 7px; display: inline-block; position: absolute; margin-top: 7px; }
.vendas-by img { font-size: 12px; margin-left: 67px; display: inline-block; position: absolute; }

/*********************************************************************************************************
 *********************************************************************************************************
 *                        RESPONSIVE 
 ********************************************************************************************************* 
 *********************************************************************************************************/
@media only screen and (min-width: 992px) {
	nav.scrolled-nav {
		position: fixed;
		top: 0;
		left: 0;
	  	height: 50px !important;
	  	z-index: 9999;
	  	width: 100%; }
	nav.scrolled-nav .nav-top-ul,
	nav.scrolled-nav .navbar-brand,
	nav.scrolled-nav div.divider {
		display: none; }
	nav.scrolled-nav ul.nav-bottom {
		margin: 13px 0 0; }
		nav.scrolled-nav ul.nav-bottom li a{
			padding: 20px 0px;
		}
}
@media only screen and (max-width: 1024px){
	nav.navbar .nav-top .flag-icon {
	height: 32px; }
	nav.navbar .navbar-brand img {
		height: 60px;
		margin-top: -30px; }
	nav.navbar .nav-bottom li.nav-item,
	nav.navbar .nav-bottom li.nav-item:first-child {
		margin: 3px 3px;
	}	
	footer.main-footer div.divider {
		display: none; }
}
@media only screen and (max-width: 991px){
	nav.navbar div.divider,
	nav.navbar .expanded {
		display: none; }
	nav.navbar .nav-top-ul {
		margin-left: auto; }
	a.navbar-brand1,a.navbar-brand1 img.logo-img1 {
	display: none; }
	nav.navbar .navbar-brand img{
			margin-top: initial;
		}	
}
@media only screen and (max-width: 480px){
	footer.main-footer {
		margin-top: 25px;
		padding: 25px 20px 5px; }
	footer.main-footer div.legal-info p.copyright,
	footer.main-footer div.legal-info p.legal-text {
		line-height: 150%;
	    text-align: justify;
	    -moz-text-align-last: center;
	    text-align-last: center; }
	footer.main-footer div.legal-info p.copyright {
		text-align: center;
		margin: 0 70px 10px; }
		nav.navbar .navbar-brand img{
			margin-top: initial;
		}
	}



@media all and (min-width: 1025px) and (max-width: 1199px){
	nav.navbar .navbar-brand img {
		height: 60px;
		margin-top: -35px;
	}
	nav.navbar .nav-bottom li.nav-item:first-child {
		margin: 5px;
	}
	nav.navbar .nav-bottom li.nav-item {
		margin: 5px 5px;
	}
}

@media all and (min-width: 1200px) and (max-width: 1440px){
	
	nav.navbar .nav-bottom li.nav-item:first-child {
		margin: 0 5% 0 0;
	}
	nav.navbar .nav-bottom li.nav-item {
		margin: 0 2%;
	}
}	

@media all and (min-width: 1441px) and (max-width: 1600px){
	
	nav.navbar .nav-bottom li.nav-item:first-child {
		margin: 0 3% 0 0;
	}
	nav.navbar .nav-bottom li.nav-item {
		margin: 0 4%;
	}
}		

@media all and (min-width: 1601px) and (max-width: 1900px){
	
	nav.navbar .nav-bottom li.nav-item:first-child {
		margin: 0 4% 0 0;
	}
	nav.navbar .nav-bottom li.nav-item {
		margin: 0 5%;
	}
}	

@media all and (min-width: 1901px) and (max-width: 2560px){
	
	nav.navbar .nav-bottom li.nav-item:first-child {
		margin: 0 3% 0 0;
	}
	nav.navbar .nav-bottom li.nav-item {
		margin: 0 6%;
	}
}	

