/***************************  NAVIGATION  **************************************/
.header-nav-container {
	display: inline-block;
	margin-left: 15px;
	float: right;
}
ul.header-nav li {
	display: inline-block;
	list-style: none;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1.6px;
	padding: 8px 11px;
}
ul.header-nav li a {
	text-decoration: none;
	color: #434343;
	transition: color .2s linear;
}
ul.header-nav li a:hover {
	color: #bf6c32;
}
#consult-btn {
	color: #fff;
	letter-spacing: 2.4px;
	background: #bf6c32;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	display: inline-block;
	transform: skew(-15deg);
	cursor: pointer;
	border: 0;
	margin: 0 15px;
}
#consult-btn span {
	display: inline-block;
	transform: skew(15deg);
}

/*************************** MOBILE MENU
****************************************/
#mobile-menu-btn {
	cursor: pointer;
	font-size: 10px;
	letter-spacing: 2.4px;
	color: #fff;
	background: #2c373f;
	transform: skew(-15deg);
	font-family: 'Montserrat', sans-serif;
	line-height: 40px;
	height: 40px;
	margin-right: 25px;
	padding: 0 20px;
	font-weight: bold;
	display: none;
}
div#mobile-menu-btn span {
	transform: skew(15deg);
	display: inline-block;
}
a#mobile-menu-btn.closebtn span {
	transform: skew(15deg);
	display: inline-block;
}
.overlay-content ul.header-nav li a:hover {
	color: #434343;
}
.overlay ul.header-nav li {
	display: block;
}
.overlay #consult-btn {
	background: #2c373f;
	display: inline-block;
}
.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #d7e1e6;
  box-sizing: border-box;
  transition: opacity .2s linear,visibility .2s linear;
  opacity: 1;
  visibility: visible;
}
.overlay-content {
  position: relative;
  top: 10%;
  width: 100%;
  text-align: center;
}
.overlay a {
  padding: 20px 0;
  text-decoration: none;
  font-size: 12px;
  color: #434343;
  display: block;
}
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 0;
}


/**********************  MEDIA QUERIES (RWD) ***************************************/
@media screen and (max-width: 1350px) {
	ul.header-nav li {padding: 8px 6px;}
	#consult-btn {margin-left: 0px;}
}


@media screen and (max-width: 1250px) {
	.header-nav-container ul.header-nav li a {display: none;}
	#mobile-menu-btn {display: inline-block;}
	#consult-btn {margin: 0 -17px 0 15px;}
}


@media screen and (max-width: 650px){
	#consult-btn {display: none;}
}


@media screen and (max-width: 400px){
	.header-nav-container {width: 45%;}
	ul.header-nav li {padding: 5px 0;}
	#mobile-menu-btn {padding: 0 15px; margin-right: 10px;}
}

@media screen and (max-width: 320px){
	.headercontainer .inner img.logo {height: 46px!important;}
}