.nav__container { width:100%; padding: 0; margin:0; background-color:transparent; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch;}
.nav__mobile .nav__btn { display:block }
.nav__mobile { width: 50px; height: 50px; margin:0 auto; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }

.nav__menu { padding: 0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; overflow:hidden; }

.showing { max-height:592px; -webkit-transition:all .6s; transition:all .6s; }

.nav__menu li { list-style:none; position:relative; white-space:nowrap; padding:0; }
.nav__menu li a { display:block; padding: 0; font-size:18px; line-height: 44px; text-align: center; color:#017398; font-family: "Inter", sans-serif; font-weight: 500; border-bottom: 1px solid #e4ce96;
  background: rgba(255,255,255,1); background: rgb(255,255,255,1); }
.nav__menu li a:hover { color:#f08028;  }

  .nav__menu li a.lang, .nav__menu .dropdown li a.lang { color:#14294b; font-weight: 700; }
    .nav__menu li a.lang:hover, .nav__menu .dropdown li a.lang:hover { color:#00a49d; }
      .nav__menu li.slashseperator, .nav__menu .dropdown li.slashseperator { color:#f28d29; font-weight: 700; margin: 0 13px;}

.nav-toggle { display:block; width:50px; height: 50px; cursor:pointer; padding:14px 0 0 0; margin:0; position: absolute; top:20px; right: 30px; }
.nav-toggle span { position:relative; display:block; height:4px; border-radius:2px; width:100%; margin-top:0; background-color:#2b377e; -webkit-transition:all .25s; transition:all .25s; }
.nav-toggle span.mrg { margin-top:5px; }
.nav-toggle.open span:first-child { -webkit-transform:rotate(45deg) translate(6.2px,6.2px); transform:rotate(45deg) translate(6.2px,6.2px); }
.nav-toggle.open span:nth-child(2) { width:0; opacity:0; }
.nav-toggle.open span:last-child { -webkit-transform:rotate(-45deg) translate(6.2px,-6.2px); transform:rotate(-45deg) translate(6.2px,-6.2px); }

.nav__menu .dropdown ul { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; position:static; padding:0; max-height:0; overflow:hidden; -webkit-transition:all .6s; transition:all .6s;  }
.nav__menu .dropdown ul.show {  max-height:320px; -webkit-transition:all .6s; transition:all .6s; }
.nav__menu .dropdown li a { display:block; font-size:15px; font-family: "Inter", sans-serif; line-height: 40px; border-bottom: 1px dashed #98b2d5;}
  .nav__menu .dropdown li:last-child a { border-bottom:none; }
.nav__menu .dropdown>a:after { content:"\f107"; font-family:Font Awesome\ 5 Free; font-weight:900; font-size:.875rem; padding-left:5px; color:#017398; }
.nav__menu .active.dropdown>a:after { content:"\f106"; color:#f28d29; }

.menu-toggle { max-height:0; overflow:hidden }
.menu-toggle,.menu-toggle.active { -webkit-transition:all .6s ease; transition:all .6s ease }
.menu-toggle.active { max-height:100vh }

.resize-animation-stopper * { -webkit-transition:none!important; transition:none!important; -webkit-animation:none!important; animation:none!important }


@media screen and (min-width:1000px) {
  
    .menu-toggle { display:-webkit-box!important; display:-ms-flexbox!important; display:flex!important; max-height:100vh; overflow:visible }

    .nav__container { background-color:transparent; width:auto; max-width:920px; padding: 0; margin:0; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; }
    .nav__container{ display: block; float: right; }
    .nav__mobile { margin:none; display: none; }
    .nav__mobile .nav__btn { display:none }

    .nav__menu { padding: 0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; max-height:100%; overflow:visible }
    .nav__menu li { list-style:none; position:relative; white-space:nowrap; padding:0 }
    .nav__menu li a { text-align: left; font-size:15px; line-height: 20px; padding: 0 13px; color:#017398; text-decoration:none; font-family: "Inter", sans-serif; font-weight: 400; border-bottom:none; background: rgba(255, 255, 255, 0); background: rgb(255, 255, 255, 0);  }
      .nav__menu li a:hover { color:#f08028; }
    .nav__menu .dropdown { position:relative; }
      .nav__menu .dropdown ul { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; position:absolute; top:100%; left:-30px; opacity:0; visibility:hidden; overflow:visible; padding:0; -webkit-transition:all .6s ease; transition:all .6s ease; }
      .nav__menu .dropdown:hover>ul { top:35px; left:0; opacity:1; visibility:visible; overflow:visible; padding:0; }
        .nav__menu .dropdown ul li { padding:0; position:relative; background-color: rgb(255,255,255,1); background-color: rgba(255,255,255,1); }
          .nav__menu .dropdown ul li:hover { background-color:#00a49d; }
            .nav__menu .dropdown ul li a { display:block; color:#017398; border-right: none; }
                .nav__menu .dropdown ul li a:hover { display:block; color:#fff; }
        .nav__menu .dropdown>a:after { content:"\f107"; color:#313d84; }
        .nav__menu .dropdown:hover>a:after,.nav__menu .dropdown>a:after { font-family:Font Awesome\ 5 Free; font-weight:900; font-size:.875rem; padding-left:5px; color:#313d84; }
        .nav__menu .dropdown:hover>a:after { content:"\f106"; color:#118e9b; }
    
  .nav__menu li a.lang, .nav__menu .dropdown li a.lang { color:#14294b; font-weight: 700; }
    .nav__menu li a.lang:hover, .nav__menu .dropdown li a.lang:hover  { color:#00a49d; }


 }

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

  .nav-toggle { right: 20px; }

 }