.navi{
position:fixed;
background:#00BDD6;
top:0;
left:-600px;
bottom:0;
border-left:2px white solid;
z-index:10;
display:flex;
width:auto;
padding-top:300px;
flex-direction: column;
transition:.5s all ease-out;
}
.navi .backlink{
display:none;
}
.navi.active{
left:82px;
}
@media(max-width:1536px){
.navi.active{
left:62px;
}
}
@media(max-width:1024px){
.navi.active{
left:0px;
}
}
.navi svg#svg_logo{
position: absolute;
top: 50px;
left: 50px;
}
.navi  ul.menu{	
width:423px;	
height:100%;
z-index:10;
list-style:none;
z-index:2;
padding:0;
position:relative;
}
.navi ul li{
width:100%;
padding:10px 56px;
position:relative;
}
.navi ul li a{
color:white;
font-size:21px;
text-transform:uppercase;
line-height:21px;
}
.navi ul li.hover > a{
color:#196BAB;
}
.navi ul li.hover{
background: #A2D5ED;
}
.navi ul li.hover > .sub-menu{
transition:.5s all ease-out;
opacity:1;
pointer-events:all;
transform:translateX(0);
}
.navi ul li.menu-item-has-children.hover:after{
content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16'  viewBox='0 0 31 33' fill='white'%3E%3Cpath d='M0.886719 0.0476074H15.9247L30.9627 16.0476H15.9247L0.886719 0.0476074Z' fill='white'%3E%3C/path%3E%3Cpath d='M0.886719 32.0476H15.9247L30.9627 16.0476H15.9247L0.886719 32.0476Z' fill='white'%3E%3C/path%3E%3C/svg%3E");
}
.navi .menu-item-has-children:after{
content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16'  viewBox='0 0 31 33' fill='%23196BAB'%3E%3Cpath d='M0.886719 0.0476074H15.9247L30.9627 16.0476H15.9247L0.886719 0.0476074Z' fill='%23196BAB'%3E%3C/path%3E%3Cpath d='M0.886719 32.0476H15.9247L30.9627 16.0476H15.9247L0.886719 32.0476Z' fill='%23196BAB'%3E%3C/path%3E%3C/svg%3E");
position:absolute;
right:22px;
top:13px;
width:16px;
}
.navi ul.sub-menu{
padding-top:300px;
position:fixed;
top:0;
left:506px;
background:#00BDD6;
width:423px;
height:100%;
bottom:0;
border-left:2px white solid;
z-index:-1;
list-style:none;
opacity:0;
transition:.5s all ease-out;
padding-left:0;
display:block;	
pointer-events:none;
}
@media(max-width:1536px){
.navi ul.sub-menu{
left:486px;
}
}
@media(max-height:750px) and (orientation:landscape){ 
.navi,.navi ul.sub-menu{
padding-top:170px;
}
}
.navi ul .sub-menu .sub-menu{	
z-index:-3;
left:421px;
}
@media(max-height:600px) and (orientation:landscape){ 
.navi ul li {
padding:5px 45px;
}
.navi ul li a{
font-size:18px;
line-height:18px;
}
}
@media (max-width: 1024px){
.navi{
left:-1024px;
margin-left:0;	
width:100vw;	
overflow:hidden;
padding-top:80px;
border-left:none;
}
.navi svg#svg_logo{
display:none;
}
.navi  ul.menu{	
width:100vw;
position:fixed;
z-index:5;
}
.navi ul li.hover{	
background: inherit;	
}
.navi ul.sub-menu{
padding-top:80px;
border-left:none;
left:0;
z-index:100;
width:100vw;
transform:translateX(-100vw);
}
.navi ul .sub-menu .sub-menu{	
transform:translateX(-100vw);
z-index:30;
left:0;
}
.navi ul li.hover > .sub-menu{
z-index:25;
}
.navi ul li.hover > .sub-menu .sub-menu{
z-index:20;
}
.navi .backlink{
z-index:10;
background:#00BDD6;
display: flex;
flex-direction: row;
align-items: center;		
color:white;
}
.navi .backlink svg{
margin-right:10px;
}		
}
@media(max-width:1536px){
.marquee span {
font-size: 3vw!important;
}
}
@media(max-width:768px){
.marquee span {
font-size: 8vw!important;
}
}
.orange-link a{
color:#196BAB!important;
}