.menu {


	padding: 0;


	margin: 0;


	width: 100%;


 


	position: relative;


	line-height: 70px;


	font-size: 14px;


	    background: white;


}





.menu a.active-parent {


	    background: #09a3e3;


	 color: white;


}





.menu>ul {


	margin: 0;


	padding: 0;


}





.menu>ul>li>a {


	padding: 0 20px;


}


.menu>ul>li.to-left>a{


	padding: 0 30px 0 20px;


}





.menu__item {


	position: relative;


	border-bottom: 1px solid rgba(255, 255, 255, 0.3);


	line-height: 50px;


	position: relative;


	list-style: none;


}





.menu__item a .arrow {


	transform: rotate(-45deg);


	width: 50px;


	text-align: center;


	position: absolute;


	right: 0;


	    top: -2px;


	display: inline-block;


	transition: transform 0.3s;


}





.menu__item a.active-parent .arrow:before {


border: solid white;


border-width: 0 2px 2px 0;


	display: inline-block;


	padding: 2px;


	content: '';


}


.menu__item a .arrow:before {


	border: solid black;


	border-width: 0 2px 2px 0;


	display: inline-block;


	padding: 2px;


	content: '';


}





.menu__item a .arrow.open {


	transform: rotate(45deg);


}





.menu__item a {


 


	font-size: 14px;


	text-decoration: none;


	transition: all 0.3s;


	display: block;


	position: relative;


 


	transform: translate(0, 0) !important;


	color: #6D6F71;


}





.menu__item a:hover{


	background: #09a3e3;


	color: #ffffff;


}


.menu__item.active>a:hover {


	background: #09a3e3;


	color: #ffffff;


}


.menu__item.active>a{


 


	color: #09a3e3;


}


.menu__item.active>a.active-parent{


    color: #ffffff;


}


 


 .menu__item.active .arrow:before  {


 border: solid  #09a3e3; border-width: 0 2px 2px 0;


 }


 .menu__item.active a:hover .arrow:before,  .menu__item  a:hover .arrow:before {


 border: solid  white; border-width: 0 2px 2px 0;


 }


 .menu__item a:hover .arrow:before{


 border: solid white;border-width: 0 2px 2px 0;


 }


.menu__item  a:after {


    border-right: 2px Solid #09a3e3;


    content: '';


    width: 100%;


    top: 0;


    bottom: 0;


    position: absolute;


    left: 0;


    right: -1px;


    height: 50%;


    margin: auto;


}


.menu__item:last-child  a:after { display:none; }


/*.menu__item a:hover .arrow:before {


	border: solid #000000;


	border-width: 0 2px 2px 0;


}*/





.menu__link {


	font-weight: 300 !important;


	transform: translate(0, 0) !important;


}





.menu__sub-menu {


	margin: 0;


	padding: 0;


	text-align: left;


	background: #09a3e3;


	pointer-events: none;


	top: 0;


	display: none;


	opacity: 1;


	visibility: visible;


	position: relative;


}





.menu__sub-menu a .arrow {


	display: inline-block;


	margin-left: 10px;


	transform: rotate(-45deg);


}





.menu__sub-menu a .arrow:before {


	border: solid white;


	border-width: 0 2px 2px 0;


	display: inline-block;


	padding: 2px;


	content: '';


}





.menu__sub-menu.open {


	visibility: visible;


	opacity: 1;


	display: block;


	pointer-events: auto;


	transform: translate(0, 0);


}





.menu__sub-menu__item {


	display: block;


	width: 300px;


	position: relative;


	min-width: 100%;


	


}





.menu__sub-menu__item a {


	display: block;


	font-size: 12px;


	font-weight: normal;


	text-align: left;


	background: #09a3e3;


	color: white;


}





.menu__sub-menu__item a:hover {


	background: #000000;


	color: white;


	font-weight: normal;


}





.menu__sub-menu__item a:hover .arrow:before {


	border: solid white;


	border-width: 0 2px 2px 0;


}





.menu__sub-menu .menu__sub-menu {


	top: 0;


	left: 0;


	position: relative;


}





.menu__sub-menu .menu__sub-menu.open {


	visibility: visible;


	opacity: 1;


	transform: translate(0, 0);


}





.menu__sub-menu>li>a {


	padding-left: 2em;


}





.menu__sub-menu li ul a {


	padding-left: 3em;


}





.menu__sub-menu__link:after  { display:none}





.menu__sub-menu li ul li ul a {


	padding-left: 4em;


}





.menu__sub-menu li ul li ul li ul a {


	padding-left: 5em;


}





.menu-button {


	padding: 10px;


 


	border: none;


	cursor: pointer;


	transition: 0s;


	border-radius: 2px;


	width: auto;


	position: fixed;


    top: 25px;


	    right: 15px;


 


    margin: auto;


}





.burger-icon {


	position: relative;


	margin-top: 10px;


	margin-bottom: 10px;


	-webkit-user-select: none;


	-moz-user-select: none;


	-ms-user-select: none;


	user-select: none;


}





.burger-icon,


.burger-icon::before,


.burger-icon::after {


	display: block;


	width: 30px;


	height: 3px;


	background-color: #02a4e4;


	outline: 1px solid transparent;


	-webkit-transition-property: background-color, -webkit-transform;


	-moz-transition-property: background-color, -moz-transform;


	-o-transition-property: background-color, -o-transform;


	transition-property: background-color, transform;


	-webkit-transition-duration: 0.3s;


	-moz-transition-duration: 0.3s;


	-o-transition-duration: 0.3s;


	transition-duration: 0.3s;


}





.burger-icon::before,


.burger-icon::after {


	position: absolute;


	content: "";


}





.burger-icon::before {


	top: -8px;


}





.burger-icon::after {


	top: 8px;


}





.menu.open .burger-icon {


	position: relative;


	margin-top: 10px;


	margin-bottom: 10px;


	-webkit-user-select: none;








	-moz-user-select: none;


	-ms-user-select: none;


	user-select: none;


}





.menu.open .burger-icon,


.menu.open .burger-icon::before,


.menu.open .burger-icon::after {


	display: block;


	width: 30px;


	height: 4px;


	background-color: #222;


	outline: 1px solid transparent;


	-webkit-transition-property: background-color, -webkit-transform;


	-moz-transition-property: background-color, -moz-transform;


	-o-transition-property: background-color, -o-transform;


	transition-property: background-color, transform;


	-webkit-transition-duration: 0.3s;


	-moz-transition-duration: 0.3s;


	-o-transition-duration: 0.3s;


	transition-duration: 0.3s;


}





.menu.open .burger-icon::before,


.menu.open .burger-icon::after {


	position: absolute;


	content: "";


}





.menu.open .burger-icon::before {


	top: -10px;


}





.menu.open .burger-icon::after {


	top: 10px;


}





.menu-button.is-active .burger-icon {


	background-color: transparent;


}





.menu-button.is-active .burger-icon::before {


	-webkit-transform: translateY(8px) rotate(45deg);


	-moz-transform: translateY(8px) rotate(45deg);


	-ms-transform: translateY(8px) rotate(45deg);


	-o-transform: translateY(8px) rotate(45deg);


	transform: translateY(8px) rotate(45deg);


}





.menu-button.is-active .burger-icon::after {


	-webkit-transform: translateY(-8px) rotate(-45deg);


	-moz-transform: translateY(-8px) rotate(-45deg);


	-ms-transform: translateY(-8px) rotate(-45deg);


	-o-transform: translateY(-8px) rotate(-45deg);


	transform: translateY(-8px) rotate(-45deg);


}





  








.page-content {


	position: relative;


	width: 80%;


	padding: 25% 10%;


}





.page-content__text {


	padding: 30px;


	text-align: center;


	font-size: 14px;


	line-height: 1.5em;


	color: white;


	background: linear-gradient(-90deg, rgba(0, 229, 226, 0.2), #00b2b0);


}





.page-content__text h1 {


	font-size: 30px;


	line-height: 30px;


	color: white;


}











@media screen and (min-width: 992px) {


	


	.menu {


		background: #ffffff;


		height: 50px;


		min-height: auto;


		    max-width: 1290px;


    margin: 0 auto;


	


	}


	.menu>ul>.menu__item.to-left>ul {


		left: 0;


	}


	.menu ul>.menu__sub-menu__item.to-left>ul {


		left: -300px;


	}


	.menu .menu__sub-menu.to-left-ul>li>a {


		text-align: left;


	}


	.menu .menu__sub-menu.to-left-ul>li>a .arrow {


		text-align: right;


		transform: rotate(135deg);


		right: auto;


		left: 0;


	}


	.menu>ul {


		display: flex;


		flex-direction: row;


		justify-content: center;


	}


	.menu__item {


		border-bottom: none;


		line-height: 50px;


	}


	.menu__item a .arrow {


		width: auto;


		margin: 0 15px;


	}


	.menu__item>a .arrow {


		transform: rotate(45deg);


	}


	.menu__sub-menu.list-more {


	max-height: 285px;


    overflow-y: scroll;


	}


	.menu__sub-menu {


		position: absolute;


		visibility: hidden;


		opacity: 0;


		top: 50px;


		pointer-events: none;


		transition: all 0.3s;


		transform: translate(0, 60px);


		z-index: 999;


		    


	}


	.menu__sub-menu__item {


		line-height: 35px;


		height: 35px;


		padding-right: 0;


	}


	.menu__sub-menu .menu__sub-menu {


		top: 0;


		left: 300px;


		transition: all 0.3s;


		transform: translate(-60px, 0);


		position: absolute;


	}


	.menu__sub-menu li a {


		padding: 0 1em !important;


	}


	.menu-button.visible-xs2 {


		display: none;


	}


	.menu-content {


		width: 100%;


		transform: translate(0, 0);


		height: 50px;


		overflow: visible;


	}


	.menu-content.open {


		width: 100%;


	}


	.menu-content.close {


		width: 100%;


	}


	.page-content {


		width: 70%;


		padding: 15%;


	}


	.page-content__text h1 {


		font-size: 50px;


		line-height: 50px;


	}


}


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


.menu>ul>li>a {


    padding: 0 15px;


}


}


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


.menu__sub-menu>li>a {


	padding-left: 2em;


	padding-right: 15%;


	    line-height: 18px;


		padding-bottom:10px;


		padding-top: 10px;


}


 .menu__sub-menu a .arrow{ margin-top: 10px; }


.menu__item.active a:after { display:none; }


.menu__sub-menu.list-more{max-height:inherit; }


 .menu {    width:80%;    margin-left: auto;    max-height: 540px;


    overflow-y: scroll;


    overflow-x: hidden; }


.menu-content {


	position:relative;


	margin-top: 50px; 


	width: 0%;


	overflow: hidden;


	z-index: 1;


	margin-left: auto;


    margin-right: -100%;


	    position: fixed;


    right: 0;


}


.menu-outer-overlay.active {background: rgba(0,0,0,0.7);  height:100%;position: fixed; width:100%;    top: 0;    z-index: 22;} 


.menu-content.open {


overflow-y: scroll;


	transform: translate(0, 0);


	transition: all 0.5s;


	box-shadow: -4px 6px 15px 0 rgba(0, 0, 0, 0.1);


	 height:100%;


	margin-left: auto;


    margin-right: 0%;


	width: 100%;


	position: fixed;


    right: 0;


	z-index: 9999;


	top: 65px;


}





.menu-content.close {


	transform: translate(-100%, 0);


	transition: all 0.5s;


	 


	text-shadow: none;


	margin-left: auto;


    margin-right: -100%;


	width: 0%;


	    position: fixed;


    right: 0;


}


.menu-button { z-index:9999999; }


html, body {    overflow-x: hidden;}


.menu__item   a:after { display:none; }


}


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


.menu-content.open {


	top: 10px;


}


.menu__item a .arrow { width:100%; }


.menu>ul>li.to-left>a { overflow:hidden; }


}


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


 


.menu-button {


    top: 40px;


}


}


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


 


.menu-button {


    top: 10px;


}


}