/*-----------------------------------------------------------------------------------*/
/*-------------------------------HEADER.CSS------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
header {
	transition: all ease-in-out 0.2s;
	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
    text-align: center;
	box-shadow: 0 2px 2px rgba(80,80,80,0.30);
	top: 0;
	z-index: 20;
    background-color: rgba(19,50,43,1.00);
	background-image: url('../img/overlayer/bg-differentials.png');
	background-repeat: repeat;
	position: -webkit-sticky;
    position: sticky;
	width: 100%;
	padding: 0.5em 0;
	border-bottom: 2px solid rgba(243,227,206,1.00);
}

header .logo {
	line-height: 70px;
   	display: inline-block;
	vertical-align: middle;
	text-align: center;
    width: 100%;
}

header .logo a {
	display: block;
}

header .logo img {
	max-width: auto;
	display: inline-block;
    vertical-align: middle;
}

header .pesquisar {
    color: rgba(80,80,80,1.00);
    border-radius: 5px;
	line-height: 35px;
	font-size: 14px;
	display: none;
}

header .pesquisar form input {
	line-height: normal;
	border:0;
}

header .pesquisar form input[type="text"] {
	padding: 9.5px 15px 11px;
	display: inline-block;
	border-radius: 3px 0 0 3px;
	width: 79%;
	border:1px solid rgba(218,218,218,1.00);
	background-color: rgba(242,242,242,1.00);
	font-size: 14px;
}

header .pesquisar form input[type="submit"] {
	padding: 11px 20px 11px;
	border-radius: 0 3px 3px 0;
	border:1px solid rgba(241,165,0,1.00);
	background-color: rgba(241,165,0,1.00);
	color: rgba(61,52,42,1.00);
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	width: 20%;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

header .pesquisar form input[type="submit"]:hover {
	background-color: rgba(223,148,0,1.00);
}

header .pesquisar form ::-webkit-input-placeholder {color:rgba(190,190,190,1.00);}
header .pesquisar form ::-moz-placeholder {color:rgba(190,190,190,1.00);} /* firefox 19+ */
header .pesquisar form :-ms-input-placeholder {color:rgba(190,190,190,1.00);} /* ie */
header .pesquisar form :-moz-placeholder {color:rgba(190,190,190,1.00);}

header .social-links {
	background-color: rgba(189,131,37,0);
	line-height: 70px;
}

header .social-links a {
	margin: 0 5px;
    font-size: 30px;
	color:rgba(242,242,242,1.00);
}

header .social-links a:hover {
	color:rgba(255,255,255,0.70);
}

header .menu-nav {
	line-height: 70px;
}

header .menu-nav .container-fluid {
	padding: 0; /*fix-bootstrap*/
}

header nav {
	text-align: center;
}

header nav ul li {
	transition: all ease-in-out 0.5s;
	-webkit-transition: all ease-in-out 0.5s;
	-o-transition: all ease-in-out 0.5s;
	-moz-transition: all ease-in-out 0.5s;
	display: inline-block;
	margin: 0;
	padding: 0;
	color: rgba(243,227,206,1.00);
	font-weight: 300;
	font-size: 1.1em;
	text-transform: uppercase;
	position: relative;
	background-repeat: no-repeat;
	background-position: center bottom 0px;
}

header nav ul li:hover {
	/*background-image: url('../img/overlayer/bg-menu-nav.png');*/
	background-repeat: no-repeat;
	background-position: center top 10px;
}

header nav ul li::after {
	content: '|';
	margin: 0;
	padding: 0;
	display: inline-block;
}

header nav ul li a {
	display: inline-block;
	color: rgba(243,227,206,1.00);
	text-align: center;
	padding: 0px 0.5em;	
}

header nav ul li.toggle {
	margin:0 0.5em;
	transition: all ease-in-out 0.2s;
	-webkit-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
}

header nav ul li.toggle i {
	margin: 0 1em 0 0.5em;
	font-size: 0.6em;
}

header nav ul li.toggle:hover,
header nav ul li a:hover {
	color: rgba(202,156,95,1.00);
}

header nav ul li ul {
	background-color: rgba(255,255,255,0.95);
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 0 3px 3px 3px;
	position: absolute;
	margin:2em 0 0 -5px;
	padding: 20px;
	width: 12em;
	display: none;
	min-width: 200px;
	z-index: 5;
}

header nav ul li ul li {
	background-image: none;
	padding: 0;
	margin: 0;
	float: none;
	display: block;
	line-height:1.5em;
	border:0;
}

header nav ul li ul li:last-child {
	width: 100%;
	background: none;
}

header nav ul li ul li a {
	width: 100%;
	display: inline-block;
	color: rgba(40,40,40,1.00);
	border-bottom: 1px solid rgba(200,200,200,1.00);
	text-shadow: none;
	text-align: left;
	font-size: 0.90em;
	padding: 0.5em 0;
}

header nav ul li:hover ul {
	transition: all ease-in-out 0.2s;
	-webkit-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	display: block;
	margin-top: 0;
}

/*FIX AFTER */
header nav ul li:last-child::after,
header nav ul li ul li::after {
	display: none;
}

/*FIX CURRENT MENU WORDPRESS*/
/*
header nav ul li.current-menu-item {
	color: rgba(202,156,95,1.00);
	background-image: url('../img/overlayer/bg-menu-nav.png');
	background-repeat: no-repeat;
	background-position: center top 10px;
}

header nav ul li.current-menu-item a {
	color: rgba(202,156,95,1.00);
}*/

header nav ul li.toggle:hover,
header nav ul li a:hover {
	color: rgba(202,156,95,1.00);
}

/* COLUMNS MEGA-SUBMENU
----------------------------*/

nav ul li.sub-menu-col-2 {}

nav ul li.sub-menu-col-2 ul {
	width: 22em;
	column-count: 2;
	column-gap: 4em;
	column-rule: solid 1px rgba(200,200,200,1.00);
}

nav ul li.sub-menu-col-3 {}

nav ul li.sub-menu-col-3 ul {
	width: 36em;
	column-count: 3;
	column-gap: 4em;
	column-rule: solid 1px rgba(200,200,200,1.00);
}


/* THE END COLUMNS MEGA-SUBMENU
----------------------------*/

header .close-menu-nav {
	color: rgba(19,50,43,1.00);
	background-color: rgba(243,227,206,1.00);
	font-weight: 500;
	border-radius: 5px;
	float: right;
	padding: 0;
	width: 40px;
}

header .menu-nav .active {
	background-color: rgba(202,156,95,1.00);
	box-shadow: inset 0 0 2px rgba(0,0,0,0.5);
}

header .close-button-televendas,
header .close-button-form {
	float: right;
	border-radius: 5px;
	padding: 0;
	width: 40px;
	background-color: rgba(1,69,135,1.00);
	margin-right: 5px;
	color: rgba(255,255,255,1.00);
}

header .close-button-televendas img,
header .close-button-form img {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
}

header .close-button-televendas .active,
header .close-button-form .active {
	color: rgba(255,255,255,0.5);
	box-shadow: inset 0 0 2px rgba(0,0,0,0.5);
	background-color: rgba(5,52,98,1.00);
} 

header .open-link {
	background-color: rgba(1,69,135,1.00);
	display: inline-block;
	width: 40px;
	border-radius: 5px;
	color: rgba(255,255,255,1.00);
	margin-right: 5px;
}

.mobile-menu-nav {
	opacity: 0.8;
	position:absolute;
	display: none;
	z-index: 50;
	text-align: left;
	background-color: rgba(19,50,43,1.00);

	height: auto;
	width: 80vw;
	max-width: 400px;
	right: 0;
	border-top: 2px solid rgba(243,227,206,1.00);
	border-bottom: 2px solid rgba(243,227,206,1.00);
}

.mobile-menu-nav-on {
	opacity: 1;
}

.mobile-menu-nav ul {
	margin-top: 1em;
	width: 100%;
	padding: 1em 1em 2em;
}
.mobile-menu-nav ul li { 
	color: rgba(243,227,206,1.00);
	border-bottom: 1px solid rgba(243,227,206,0.4);
	padding: 0;
	margin: 0;
	line-height: 40px;
	position: relative;
	text-transform: uppercase;
}

.mobile-menu-nav ul li .fas {
	position: absolute;
	right: 0;
	top: 10px;
}

.mobile-menu-nav ul li a {
	color: rgba(243,227,206,1.00);
	
	display: block;
}

.mobile-menu-nav ul li.toggle ul {
	display: none;
	margin-left:0;
	margin-bottom: 15px;
	border-left: 5px solid rgba(0,89,171,1.00);
	padding-left: 10px;
}

.mobile-menu-nav ul li ul li:last-child {
	border:0;
}

.mobile-menu-nav .social-icons {
	display: block;
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(61,52,42,0.2);
}

.mobile-menu-nav .social-icons img {
	width: 15px;
}

.mobile-form-default {
	border-top: 1px solid rgba(212,212,212,1.00);
	text-align: left;
	display: none;
	background-color: rgba(255,255,255,1.00);
	padding: 20px 0;

}

.mobile-form-default a {
	background-color: rgba(1,69,135,1.00);
	color: rgba(255,255,255,1.00);
	font-weight: 300;
	font-size: 14px;
	display: block;
	padding: 15px 10px 15px 70px;
	border-radius: 5px;
	background-image: url('../img/icons/whatsapp.png');
	background-position: 15px center;
	background-repeat: no-repeat;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

.mobile-televendas {
	border-top: 1px solid rgba(212,212,212,1.00);
	text-align: left;
	display: none;
	padding: 20px 0;
	background-color: rgba(255,255,255,1.00);
}

.mobile-televendas .unit {
	line-height: normal;
	display: inline-block;
	margin: 10px 0;
	background-color: rgba(255,255,255,1.00);
	padding: 15px;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	border-bottom: 5px solid rgba(189,131,37,1.00);
	width: 100%;
}

.mobile-televendas span {
	font-size: 1em;
	font-weight: 700;
	color: rgba(1,69,135,1.00);
}

.mobile-televendas p {
	margin-top: 1em;
}

.mobile-televendas p a {
	color: rgba(1,69,135,1.00);
	font-weight: 700;
	display: inline-block;
}

/** HEADER - MEDIA QUERY */

@media (max-width: 480px) {}

@media (max-width:767px) {

	header {
		padding: 10px 0 0;
		/*background-color: white;*/
		 position: sticky;
	}	

	header .logo {
		line-height: 35px;
		margin-bottom: 10px;
	}

	header .logo::before {
		display: none;
	}

	header .logo img {
		max-height: 40px;
	}

	header .form-default {
		margin-top: 20px;
		line-height: 50px;
		font-size: 12px;
		display: none;
	}

	header .form-default form input[type="text"] {
		padding: 10px;
	}

	header .form-default form input[type="submit"] {
		padding: 11px 0px;
	}

	header .televendas {
		line-height: 50px;
		margin-top: 20px;
		display: none;
	}

	header .menu-nav {
		background-color: rgba(0,0,0,0);
		width: 100%;
		z-index: 10;
		line-height: 35px;
	}

	header .close-menu-nav {
		display: inline-block;
	}

}

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

	header {
		padding: 10px 0 0;
	}	

	header .logo {
		line-height: 40px;
		margin-bottom: 10px;
	}

	header .logo img {
		max-height: 40px;
	}

	header .form-default {
		margin-top: 20px;
		line-height: 50px;
		font-size: 12px;
		display: none;
	}

	header .form-default form input[type="text"] {
		padding: 10px;
	}

	header .form-default form input[type="submit"] {
		padding: 11px 0px;
	}

	header .televendas {
		line-height: 50px;
		margin-top: 20px;
		display: none;
	}

	header .menu-nav {
		background-color: rgba(0,0,0,0);
		width: 100%;
		z-index: 10;
		line-height: 40px;
	}

}

@media (min-width:992px) {

	header nav ul li {
		/*font-size: 0.95em;*/
		/*padding: 0px 5px;*/

	}
	
}*/