@charset "UTF-8";
header {
	position: fixed;
	z-index: 999;
	transition: .4s;
	top:0;
	letter-spacing: normal;
}
header a {
	color: #000;
	font-weight: bold;
}
#options div a span::after {
	content: "";
	width: 100%;
	height: 0px;
	background: #000;
	position: absolute;
	left: -6px;
	bottom: 0;
	transition: all .3s;
	padding: 0 6px
}
#options div a:hover span::after {
	height: 14px;
}
#options a {
	font-weight: bold
}
#options a:hover {
}
.change_lang {
	color: #aaa
}
.headerBck #options, .headerAlt #options {
	background-color: rgba(0,0,0,.6) !important;
}
.headerBck a, .headerBck a:hover, .headerAlt a, .headerAlt a:hover {
	color: white
}
.headerBck svg *, .headerAlt svg * {
	fill: #fff
}
.headerBck .menu_desktop, .headerAlt .menu_desktop {
	border: 1px solid #222 !important
}
.headerBck .logo, .headerAlt .logo {
	background-image: url(../img/_assets/NVN_logoW.svg);
}
.headerBck #options a:hover:not(.wrap_logo):not(.selected a),
.headerAlt #options a:hover:not(.wrap_logo):not(.selected a) {
	background: rgba(255,255,255,0.2);
}
.selected {
	color: #c49d67 !important
}
.selected svg *{
	fill: #c49d67 !important;
}
.rsMobile, .legalMobile {
	display: none
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  1025px UP  */
@media all and (min-width:1025px) {
	.selected {
		background: rgba(0,0,0,.1)
	}
	.headerBck .selected, .headerAlt .selected {
		background: rgba(255,255,255,0.2);
	}
	header {
		width: 550px;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.wrap_logo {
		padding: 0 !important;
		width: 100px !important
	}
	.logo {
		width: 100px;
		background-image: url(../img/_assets/NVN_logo.svg);
		background-size: auto 200%;
		background-position: center top;
		background-repeat: no-repeat;
		cursor: pointer;
		transition: .5s;
		height: 51px;
		left: 0;
		float: left;
	}
	.logo_scroll {
		background-position: center bottom;
	}
	.logo_scroll:hover {
		background-position: center top;
	}
	.menu_desktop {
		text-align: center;
		margin: 14px auto 0;
		width: 100%;
		border: 1px solid #eaeaea;
		border-radius: 90px
	}
	#options {
		border-radius: 90px;
		padding: 0 10px
	}
	#options * {
		box-sizing: border-box
	}
	#options div {
		width: calc(50% - 55px);
		display: inline-block;
	}
	#options div div {
		width: auto;
		display: inline-block;
		position: relative;
	}
	#options div img, #options div svg{
		width: 20px;
		height: 20px;
		vertical-align: middle;
	}
	#options a {
		display: inline-block;
		font-size: 12px;
		text-transform: uppercase;
		vertical-align: top;
	}
	#options a:not(.wrap_logo) {
		padding: 6px 2px;
		margin: 9px 0;
		border-radius: 90px;
	}

	#options div a {
		width: calc(50% - 3px)
	}
	/*
	#options div:last-child a:not(#menu-language) {
	width: calc(50% - 16px)
	}*/
	#options a div {
		display: inline-block;
		width: 0px;
		overflow: hidden;
		vertical-align: middle;
		text-align: left;
	}
	#options a:hover:not(.wrap_logo):not(.selected a) {
		background: rgba(0,0,0,0.1);
	}
	#sofLink:hover div, #sofLink.selected div {
		width: 34px;
	}
	#desLink:hover div, #desLink.selected div {
		width: 46px;
	}
	#ageLink:hover div, #ageLink.selected div {
		width: 42px;
	}
	#conLink:hover div, #conLink.selected div {
		width: 56px;
	}
	.ax_btn {
		display: none !important
	}
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  1024px DOWN  */
@media all and (max-width:1024px) {
	header {
		height: auto;
		width: auto;
		left: 0;
		background: none;
		position: relative;
	}
	header a {
		font-size: 9vmax;
		display: block;
		line-height: 0.9;
		letter-spacing: -0.025em;
		color: white;
	}
	.ax_btn {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		display: block;
		height: 90px;
		width: 90px;
		cursor: pointer;
	}
	#btn {
		position: fixed;
	}
	#btn span {
		display: block;
		position: absolute;
		opacity: 1;
		-webkit-transition: .2s;
		-moz-transition: .2s;
		-o-transition: .2s;
		transition: .2s;
	}
	.menu_desktop {
		position: fixed;
		height: 100vh;
		width: 100vw;
		min-width: 100%;
		font-size: 120%;
		top: 0;
		left: 100vw;
		z-index: 5;
		background-color: rgba(0,0,0,0.6);
		-webkit-backdrop-filter: blur(15px);
		backdrop-filter: blur(15px);
	}
	.logo {
		width: 100px;
		height: 100px;
		background: #000 url(../img/NVN_icon.svg) left center;
		background-size: 198%;
		display: block;
		float: left;
		clear: left;
		display: none
	}
	.logo_white {
		background: #000 url(../img/NVN_icon.svg) right center;
		background-size: 198%;
	}
	.menu_desktop_display {
		left: 0
	}
	#options {
		height: auto;
		width: calc(100% - 60px);
		text-align: center;
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		background-color: transparent;
		backdrop-filter: none;
	}
	#options svg, #options img {
		display: none
	}
	#options a {
		font-weight: 300;
		text-align: left;
	}
	#options a:hover {
		color: #c49d67
	}
	.menu_desktop .blurW {
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important
	}
	.headerBck #options, .headerBck #options a:hover:not(.wrap_logo):not(.selected a),
	.headerAlt #options, .headerBck #options a:hover:not(.wrap_logo):not(.selected a) {
		background-color: transparent !important
	}
	.headerBck .menu_desktop, .headerAlt .menu_desktop {
		border: none !important
	}
	.selected {
		text-align: right !important;
	}
	.btn_menuMobile {
		top: 0;
		right: 0;
		z-index: 999;
	}
	.btn_menuMobile span {
		left: 0;
		right: 0;
		margin: 0 auto;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		height: 3px;
		width: 40%;
		background: #000
	}
	.btn_menuMobile span:nth-child(1) {
		top: 32%;
		width: 3px;
		height: 40%;
	}
	.btn_menuMobile span:nth-child(2), .btn_menuMobile span:nth-child(3) {
		top: 50%;
	}
	.btn_menuMobile.open span, .btn_Alt.btn_menuMobile.open span,
	.btn_case_info.open span, .btn_Alt.btn_case_info.open span {
		background: #aaa
	}
	.active.btn_menuMobile span,
	.btn_Alt.btn_menuMobile span  {
		background: #fff
	}
	.btn_menuMobile.open span:nth-child(1) {
		top: 50%;
		height: 3px;
	}
	.btn_menuMobile.open span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.btn_menuMobile.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.btn_case_info {
		z-index: -9;
		top: 0;
		left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
	}
	.btn_case_info span {
		height: 20px;
		width: 3px;
		background: #000;
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
    top: 36%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	}
	.btn_case_info span:first-child {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		left: 12px
	}
	.btn_case_info span:last-child {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		left: -12px
	}
	.btn_case_info.open span:nth-child(1) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.btn_case_info.open span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.active.btn_case_info, .active.to_menu {
		display: none
	}
	.btn_Alt.btn_case_info span  {
		background-color: #fff
	}
	.to_menu {
		top: 0;
		left: 0;
		z-index: 3
	}
	.to_menu span {
		border: 3px solid;
		border-color: #000;
		margin: 0 auto;
		left: 0;
		right: 0;
		height: 5px;
		width: 5px;
		border-radius: 90px;
		top: calc(50% - 8px);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.to_menu span:nth-child(1) {
		left: 18px
	}
	.to_menu span:nth-child(2) {
		left: -18px
	}
	.to_menu span:nth-child(3) {
		left: 18px;
    top: calc(50% + 8px);
	}
	.active.to_menu span,
	.btn_Alt.to_menu span  {
		border-color: #fff
	}
	.rsMobile {
		display: block;
		margin: 30px;
	}
	.rsMobile a {
		display: table;
		width: auto;
		margin-bottom: 5px;
		text-transform: uppercase;
		font-weight: 300;
		font-size: 30px
	}
	.legalMobile {
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		margin: 30px
	}
	.legalMobile span {
		text-transform: uppercase;
		font-weight: 300;
		font-size: 15px;
		display: inline-block;
		color: #8c8c8c
	}
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  850px DOWN  */
@media all and (max-width:850px) {
	.ax_btn {
		height: 80px;
		width: 80px
	}
	#btn {
		margin: 8px 8px 0 0
	}
	.btn_case_info {
		display: block;
		z-index: 9 !important
	}
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  500px DOWN  */
@media all and (max-width:500px) {
	.ax_btn {
		height: 60px;
		width: 60px
	}
	#btn {
		margin: 4px 4px 0 0
	}
	.logo {
		display: none
	}
	.rsMobile, .legalMobile {
		margin: 20px
	}
	#options {
		width: calc(100% - 40px)
	}
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  2000px UP  */
@media all and (min-width:2000px) {
	header {
		width: calc(50% + 300px);
	}
	.logo {
		width: 300px
	}
	.menu_desktop {
		margin-left: 300px
	}
	#options a {
		padding: 66px 40px;
	}
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  BLACK PAGES  */

.btn_borAlt span {
	border-color: white
}