/*styling open close button*/
.navbutton {
  position:absolute;
  cursor:pointer;
}

.btn-open:after {
	color:#ff9015;
  font-size:36px;
	content:"\f0c9";
	font-family: 'Font Awesome 5 Pro';
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
	z-index:901;
}
.btn-open:hover:after {
	color:#fff;
}
.btn-close {
  position: fixed;
	top:30px;
  right:40px;
  height: 50px;
  width: 50px;
  background: rgba(0, 0, 0, 0.3) url(../img/icon-close.svg) no-repeat center center;
 	z-index:903;
  cursor:pointer;
}
.btn-close:hover {
	background-color: rgba(0, 0, 0, 0.5);
}

/*overlay*/
.overlay {
	display:none;
	position:fixed;
	top:0;
  left:0;
	height:100%;
	width:100%;
	background: rgb(77,77,77);
	overflow:auto;
	z-index:902;
}

.wrap-header {max-width:1365px;min-height:90px;margin:0 auto;}
.moblogo {padding:47px 0 0 0;}
.smalllogo {display:none;}

.wrap {
	color:#fff;
  max-width:1365px;
	margin:0 auto;
  position:relative;
}
.wrap-inside {max-width:740px;margin:0 auto;padding:180px 0px 0px;}
.wrap-left {width:180px;float:left;}
.wrap-right {width:460px;float:right;}

.wrap ul.wrap-nav {
	padding:0 0px 0px;
}
.wrap ul.wrap-nav li {
  font-family: 'Barlow', sans-serif;
  text-transform:uppercase;
	font-size:30px; line-height:34px;
  font-weight:300;
	display:inline-block;
	vertical-align:top;
	position:relative;
}
.wrap ul.wrap-nav>li {
	width:100%;
	/*padding:30px 0;*/
}

.wrap ul.wrap-nav li.line {width:20%;height:1px;background:#fff;padding:0;}

.wrap ul.wrap-nav li a {
  font-size:30px; 
  line-height:34px;
	display:block;
	padding:5px 20px;
  margin:5px 0 5px 0;
	text-decoration:none;
  display:inline-block;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}
.wrap ul.wrap-nav li a:hover {
	color:#ff9015;
}

.wrap ul.wrap-nav li a.active {
	color:#ff9015;
}

.wrap ul.wrap-nav ul {
	padding:0 0;
}
.wrap ul.wrap-nav ul li {
	display:block;
	font-size:13px;
	width:100%;
	color:#e9e9e9;
}
.wrap ul.wrap-nav ul li a {
	color:#fff;
}
.wrap ul.wrap-nav ul li a:hover {
	color: #ff9015;
}

.nav-privacy {position:fixed;font-size:14px;line-height:18px;bottom:30px;right:30px;text-align:right;}
a.nav-policy-link {color:#fff;text-decoration:none;}
a.nav-policy-link:hover {color:#fff;text-decoration:underline;}

/* responsive */
@media only screen and (min-width: 1180px) and (max-width: 1390px){
.wrap-header {max-width:95%;min-height:90px;margin:0 auto;}
}

@media only screen and (min-width: 959px) and (max-width: 1180px){
.btn-close {top:30px;right:20px;}
.wrap-header {max-width:95%;min-height:90px;margin:0 auto;}
}

@media only screen and (min-width: 768px) and (max-width: 959px){
.btn-close {top:20px;right:30px;}
.btn-open:hover:after {color:#000;}

.wrap-header {max-width:95%;min-height:90px;margin:0 auto;}

.wrap-inside {max-width:100%;margin:0 auto;padding:60px 0px 0px;}
.wrap ul.wrap-nav li a {font-size:26px;line-height:30px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
.btn-close {top:20px;right:20px;}
.btn-open:hover:after {color:#000;}

.wrap-header {max-width:90%;min-height:80px;margin:0 auto;}
.moblogo {display:none;}
.smalllogo {width:140px;height:51px;display:block;margin:15px 0 0 0;background: url('../img/white-mobile-cube-logo.png') no-repeat top center;}

.wrap-inside {max-width:100%;margin:0 auto;padding:50px 0px 0px;}
.wrap-left {width:100%;float:none;margin:0 auto;}
.wrap-right {width:100%;float:none;margin:0 auto;}
.wrap ul.wrap-nav li a {font-size:22px;line-height:28px;}
}

@media only screen and (min-width: 320px) and (max-width: 480px){
.btn-close {top:20px;right:20px;}
.btn-open:hover:after {color:#000;}

.wrap-header {max-width:90%;min-height:80px;margin:0 auto;}
.moblogo {display:none;}
.smalllogo {width:140px;height:51px;display:block;margin:15px 0 0 0;background: url('../img/white-mobile-cube-logo.png') no-repeat top center;}

.wrap-inside {max-width:100%;margin:0 auto;padding:50px 0px 0px;}
.wrap-left {width:100%;float:none;margin:0 auto;}
.wrap-right {width:100%;float:none;margin:0 auto;}
.wrap ul.wrap-nav li a {font-size:22px;line-height:28px;}
}