@import "font.css";


.bx-wrapper .bx-viewport{left: 0 !important;}
.bx-wrapper .bx-viewport{border-radius: 8px !important}

.col-lg-12{
 	background: url("../img/header/header-background.png") repeat-x 0 0;
 	position: relative;
 	padding: 0px;
}
#header_cont{
	margin: 0px auto;
	height: 175px;
	max-width: 840px;
	padding-top: 30px;
}

#logo{
	float: left;

	/* largura 850px */
	width: 250px;
}

#header_marg_top_buttom{
	margin-right: 5px;
	margin-left: 12px;
	border-right: solid;
	border-width: 2px;
	border-color: #f2e0a8;
	padding-right: 7px;
}

.trigger_menu{
	display: none;
}

#web_font_size{
	border: 1px solid #e5d295;
    box-sizing: border-box;
    font-size: 18px;
    font-size: 12px;
    padding: 2px;
    text-align: center;
    width: 25px;
}

.header_web_option{
	height: 40px;
}

.header_buttons{
	float: right;	
	margin-right: 2px;
}

.header_buttons li{
	color: #f2e0a8;
	display: inline-block;
    font-weight: 300
}
#header_font_size{
	float: right;
	margin: 0px;
	font-size: 11px;
}
.header_little_balls_container{
	height: auto;
	margin-top: 1%;
}

.header_little_balls li{
	margin-right: 12px;
	position: relative;
}

.header_little_balls li a img{
	width: 54px;
	height: 54px;
}

.header_little_balls li em{
	width: auto;
	height:auto;
	position: absolute;
	left: -14px;
  padding: 5px 8px;
  font-style: normal !important;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 11px;
	text-align: center;
	border: 1px solid #fbfbfb;
	/*font-family: ubunturegular;*/
	display: none;
  white-space: nowrap;
	color: #fff;
  top: 70px !important
}

#triangle{
	top: -12px;
	position: absolute;
	left: 28px;
	/*display: none;*/
}

.header_little_balls_container{margin-left: -270px}
ul.header_little_balls{float: right}
ul.header_little_balls li:nth-child(5){margin-right: 0}

/*-----------------Barra de navegação-------------------*/
.navbar_container{
	background:url(../img/header/bg-menu.png) 0 0 repeat;
	width: 100%;
	position: relative;
  padding-bottom: 15px;
  padding-top: 15px;
	z-index: 1;
	box-sizing:border-box;
  height: auto;
  display: inline-block
}

.navbar_container::after{content: ''; background: url(../img/header/linha-top-menu.png) 0 0 repeat-x; width: 100%; height: 3px; top: 0; left: 0; position: absolute}

.header_navbar{
	position: relative;
	padding: 0px;
	background-color:rgba(171,145,57, 0.0);
	max-width: 840px;
	margin: 0px auto;
	height:auto;
}
.header_navbar ul{
	box-sizing: border-box;
	margin: 0px auto;
	display: table;

}
.header_navbar li{
  line-height: 20px;
	padding: 5px 26px;
	display: inline-block;
	box-sizing: border-box;
	border-right: solid;
	border-color: #fff;
	border-width: 1px;
	color: #ffffff;
	font-size: 16px;
    font-weight: 400
}

.header_navbar ul li:nth-child(1) {padding-left: 0}
.header_navbar ul li:nth-child(6) {border: 0}
.header_navbar li a{color: #FFF; transition: all 0.3s }


#lupinha{
	margin-left: 10px;
}

.buttom{
	margin-left: 9px !important;
	width: 36px;
	background:url("../img/header/plane_icon.png") no-repeat;
}

.search_js{
	position: relative;
	right: 0;
    margin-top: 20px;
	z-index: 3;
	display: none;
    width: 100%
}
.search_js input{
	margin: 0px auto;
	border-radius: 7px;
	height: 40px;
    padding: 5px 10px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #725815
}

.stop{
	top: -4px;
	position: fixed;
  left: 0;
  z-index: 9;
}

/*-----RESPONSIVE Header-----RESPONSIVE Header-----RESPONSIVE Header-----RESPONSIVE Header-----RESPONSIVE Header-----RESPONSIVE Header-----RESPONSIVE-----RESPONSIVE-----RESPONSIVE-----RESPONSIVE-----RESPONSIVE-----RESPONSIVE*/

@media screen and (max-width: 1130px){
	header{
		height:auto;
	}
	.navbar_container{
       
	width: 100%;
	}
    .header_navbar{ text-align: center;}
	.header_navbar li{
		box-sizing: border-box;
		margin-top: 7px;
		padding: 13px 10px;
	}

	.header_little_balls li{
	margin-right: 10px;
	}
    
    #search{width: 90%}
}



@media screen and (max-width: 805px){
	
	#header_cont{
		width: 90%;
		margin: 0 auto;
	}


	
	
}

@media screen and (max-width: 650px){


	#header_cont{
		padding-top: 0px;
	}
	
	.header_navbar a{
		z-index: 5;
	}
	.header_navbar li{
		font-size: 14px;
		width: 100%;
		margin:  3px 0px 0px;
		text-align: center;
		padding-top: 8px;
		border:none;
		border-bottom: 2px solid #fff;
	}
	.header_navbar li:last-child{
		margin-bottom: 0px;
	}
	#logo{
	  display: block;
	  margin: 0px auto;
	  float: none;
	}
	.trigger_menu{
		display: block;
		float: right;
		margin-right: 10%;
		margin-top: -35px;
	}
	.header_navbar ul{
		width: 100%;
		margin: 0px;
	}
	.navbar_container{
		height: auto;
		display: none;
	}
	
	.header_buttons {
		float: none;
	    margin: 10px auto;
	    width: 223px;
	}
    #search{width: 75%;}
	
	.header_little_balls{
		display: none;
	}
	#header_font_size {
		float: left;
		margin: 10px;
	}
	
}
@media screen and (max-width: 350px){
	.fast_menu {
  		width: 255px !important;
	}
    
}

/*-----------------------Headers css is over ------------------------Headers css is over ---------------------Headers css is over ---------------------Headers css is over---------------------Headers css is over*/