.nav-wrap ul li, .nav-wrap ul li a {
	display:inline-block;
	position:relative
}
.mobile-logo, .vh {
	text-transform:uppercase
}
@font-face {
font-family:tex_gyre_adventorregular;
src:url('../fonts/texgyreadventor-regular-webfont.woff2') format('woff2'), url('../fonts/texgyreadventor-regular-webfont.woff') format('woff');
font-weight:400;
font-style:normal
}
:root {
--header-height:97px
}
* {
	box-sizing:border-box;
	margin:0
}
.container {
	width:100%;
	max-width:1170px;
	margin:0 auto
}
nav {
	font-family:tex_gyre_adventorregular;
	display:flex;
	align-items:center;
	justify-content:space-between;
	z-index:999
}
.mobile-logo {
	width:60%;
	font-weight:900;
	color:#fff;
	margin:8px
}
.logo a {
	color:#333;
	text-decoration:none;
	font-weight:700
}
.nav-wrap ul {
	padding:0
}
.nav-wrap ul.top_nav {
	display:block
}
.nav-button, .nav-wrap ul.sub-nav {
	display:none
}
.nav-wrap ul li {
	list-style:none
}
.nav-wrap ul li a {
	color:#fff;
	text-decoration:none;
	font-size:20px;
	padding:28px 5px
}
@media screen and (min-width:919px) {
.nav-wrap ul.sub-nav {
display:none;
width:220px;
color:#fff;
right:0;
padding:0;
margin:0;
position:absolute;
left:0;
-webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, .3);
box-shadow:0 2px 2px 0 rgba(0, 0, 0, .3)
}
.nav-wrap ul.sub-nav ul.sub-nav {
left:100%;
top:0;
z-index:1
}
.nav-wrap li:hover>ul.sub-nav, .nav-wrap ul.sub-nav li {
display:block
}
.nav-wrap ul.sub-nav li a {
padding:12px;
color:#333;
display:block;
border-bottom:1px solid #eee;
margin:0;
background:#fff
}
.nav-wrap ul.sub-nav ul.sub-nav li a {
padding-right:25px
}
.nav-wrap ul.sub-nav li:hover>a {
opacity:.8
}
.nav-wrap li:hover>ul {
display:block;
-moz-animation:.3s ease-in fadeInUp;
-webkit-animation:.3s ease-in fadeInUp;
animation:.3s ease-in fadeInUp
}
.nav-wrap>ul>li:not(:last-child) {
margin-right:30px
}
.nav-wrap ul ul li:hover>ul {
display:block;
-moz-animation:.3s ease-in fadeInRight;
-webkit-animation:.3s ease-in fadeInRight;
animation:.3s ease-in fadeInRight
}
.nav-wrap ul li.has-submenu:after {
font-family:"Font Awesome 5 Free";
font-weight:900;
content:"\f078";
font-size:16px;
color:#fff;
padding-right:5px
}
.nav-wrap ul ul li.has-submenu:after {
color:#333;
transform:rotate(-90deg);
position:absolute;
right:8px;
top:50%;
padding:0;
margin-top:-7px
}
.nav-wrap ul li.submenu-active>ul.sub-nav {
display:none!important
}
.nav-wrap ul li.submenu-active:hover>ul.sub-nav {
display:block!important
}
.nav-wrap>ul>li:before {
content:'';
position:absolute;
width:100%;
transform:scaleX(0);
height:2px;
bottom:0;
left:0;
background-color:#fff;
transform-origin:bottom right;
transition:transform .4s cubic-bezier(.86, 0, .07, 1)
}
.nav-wrap>ul>li.active:before, .nav-wrap>ul>li:hover:before {
transform:scaleX(1);
transform-origin:bottom left
}
}
.nav-button {
	height:27px;
	width:36px;
	margin-left:30px
}
.nav-button a {
	height:27px;
	width:36px;
	display:inline-block;
	cursor:pointer
}
.nav-button span, .nav-button span:after, .nav-button span:before {
	cursor:pointer;
	border-radius:0;
	height:3px;
	width:30px;
	background:#000;
	position:absolute;
	display:block;
	content:'';
transition:.3s ease-in-out
}
.nav-button span {
	margin:10px 0 0 -20px
}
.nav-button span:before {
	top:-8px
}
.nav-button span:after {
	top:8px
}
.leftnav {
	width:300px;
	margin:0;
	display:inline-block;
	top:120px;
	position:absolute;
	left:10px
}
ul.leftnav-listing {
	display:inline-block;
	padding:20px 0;
	width:58px;
	border:3px solid #fff;
	border-radius:40px
}
ul.leftnav-listing.leftnav-fixed {
	position:fixed;
	top:120px;
	max-width:300px
}
ul.leftnav-listing li {
	display:block;
	border-radius:50%;
	text-align:center;
	max-width:25px;
	margin:0 auto 20px;
	font-size:0;
	position:relative
}
ul.leftnav-listing li:last-child {
	margin-bottom:0
}
ul.leftnav-listing li a {
	padding:7px;
	display:inline-block;
	font-size:16px;
	color:#fff;
	border-radius:50%;
	overflow:hidden;
	border:3px solid #fff
}
ul.leftnav-listing li.is_visiable_section a {
	background:red
}
ul.leftnav-listing li:not(:last-child):after {
content:'';
height:100%;
position:absolute;
background:#fff;
left:50%;
z-index:0;
bottom:-100%;
width:2px;
margin-left:-1px
}
.vh {
	height:100vh;
	background:#010a43;
	display:flex;
	align-items:center;
	font-size:5vw;
	color:#ffff;
	justify-content:center
}
.vh.aqua {
	background:#9f50dc
}
.vh.pink {
	background:#a80874
}
.vh.yellow {
	background:#ffc400
}
.vh span {
	font-family:Roboto, sans-serif;
	letter-spacing:.02em;
	-webkit-text-stroke-color:#fff;
	-webkit-text-stroke-width:0.02em;
	-webkit-text-fill-color:transparent;
	-webkit-background-clip:text;
	background-repeat:no-repeat;
transition:background-size .5s cubic-bezier(.67, .01, .15, .98);
	background-image:linear-gradient(135deg, #fff 0, #fff 50%, transparent 50.1%);
	background-size:0 100%
}
.vh span:hover {
	background-size:220% 100%
}
@media screen and (max-width:800px) {
header {
position:relative!important;
width:100%;
z-index:9;
background:#fff
}
header.fixed {
position:fixed!important;
top:0;
background:#fff
}
.nav-button {
display:block
}
.show_menu #nav-toggle span:after {
transform:translate3d(0, -10px, 0) rotate(-91deg)
}
.show_menu #nav-toggle span {
transform:translate3d(0, 0, 0) rotate(45deg)
}
.show_menu #nav-toggle span:before {
transform:rotate(-45deg) translate3d(-5.71429px, -6px, 0);
opacity:0
}
}
@media screen and (max-width:919px) {
nav {
padding:0
}
.nav-wrap ul.top_nav {
display:none;
position:absolute;
left:0;
right:0;
top:100%;
background:#000c3e;
height:calc(120vh - 85px);
overflow-y:scroll!important;
z-index:9999999!important
}
.nav-wrap {
display:contents
}
.nav-wrap>ul li {
width:100%;
border-top:1px solid rgba(255, 255, 255, .2);
position:relative
}
.nav-wrap>ul>li:last-child {
border-bottom:1px solid rgba(255, 255, 255, .2)
}
.nav-wrap>ul>li a {
font-family: 'Roboto', sans-serif;
width:100%!important;
margin:0;
font-size:16px;
font-weight:600;
display:block;
padding:10px 5%;
color:#fff
}
.nav-wrap>ul>li a:hover {
color:#fff;
background-color:#e36008;
}
ul li span.down-arrow {
position:absolute;
height:64px;
width:50px;
top:0;
right:0;
z-index:2;
cursor:pointer;
user-select:none
}
.nav-wrap ul li a:not(:only-child) {
width:auto;
display:inline-block
}



.nav-wrap>ul li.has-submenu:before {
font-weight:900;
content:"+";
left:inherit;
right:20px;
font-size:30px;
position:absolute;
top:5px;
color:#fff
}
.nav-wrap ul ul a {
padding-left:9%
}
}
@media screen and (max-width:1000px) {
header {
position:relative!important;
width:100%;
z-index:9;
background:#fff
}
header.fixed {
position:fixed!important;
top:0;
background:#fff
}
.nav-button {
display:block
}
.show_menu #nav-toggle span:after {
transform:translate3d(0, -10px, 0) rotate(-91deg)
}
.show_menu #nav-toggle span {
transform:translate3d(0, 0, 0) rotate(45deg)
}
.show_menu #nav-toggle span:before {
transform:rotate(-45deg) translate3d(-5.71429px, -6px, 0);
opacity:0
}
}
