.navigation{width:100%; height:50px; position:relative; font-family:inherit; background:#0a2642; border-radius:10px; margin:3.5rem 0 0 0;}
.navigation *{box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
.align-to-right{float:right;}
.nav-header{float:left; position:relative;}
/*.navigation-hidden .nav-header{display:none}*/
.nav-brand{position:absolute; top:-3rem; left:1.5rem;}
/*.nav-logo>img{height:48px;margin:11px auto;padding:0 15px;float:left}
.nav-logo:focus>img{outline:initial}*/
.nav-toggle{width:30px; height:30px; padding:6px 2px 0; position:absolute; top:15%; margin-top:9px; right:0.5rem; display:none; cursor:pointer;}
.nav-toggle:before{content:""; position:absolute; width:24px; height:2px; background-color:#ffffff; border-radius:10px; box-shadow:0 .5em 0 0 #ffffff,0 1em 0 0 #ffffff;}
.navigation-portrait .nav-toggle{display:block;}
.navigation-portrait .nav-menus-wrapper{width:320px; height:100%; top:0; right:-400px; position:fixed; background-color:#0a2642; z-index:20000; overflow-y:auto; -webkit-overflow-scrolling:touch; -webkit-transition-duration:.2s; transition-duration:.2s; -webkit-transition-timing-function:ease; transition-timing-function:ease;}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right{left:auto;right:-400px}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open{right:0}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open{left:auto;right:0}
.nav-menus-wrapper-close-button{width:30px; height:40px; margin:10px 7px; display:none; float:right; color:#ffffff; font-size:26px; cursor:pointer;}
.navigation-portrait .nav-menus-wrapper-close-button{display:block}
.nav-menu{margin:0; padding:0; list-style:none; line-height:normal; font-size:0;}
.navigation-portrait .nav-menu{width:100%;}
.navigation-landscape .nav-menu.nav-menu-centered{float:none;text-align:center}
.navigation-landscape .nav-menu.nav-menu-centered>li{float:none}
.nav-menu>li{display:inline-block;float:left;text-align:left}
.navigation-portrait .nav-menu>li{width:100%; position:relative; border-top:solid 1px #8492a0;}
.navigation-portrait .nav-menu>li:last-child{border-bottom:solid 1px #f0f0f0}
.nav-menu+.nav-menu>li:first-child{border-top:none}
.nav-menu>li>a{height:50px; padding:17px 1.6rem; display:inline-block; text-decoration:none; font-size:1rem; color:#ffffff; -webkit-transition:color .3s,background .3s; transition:color .3s,background .3s;}
/*.navigation-portrait .nav-menu>li>a{width:100%;height:auto;padding:12px 15px 12px 26px}*/
.nav-menu>li:hover>a,.nav-menu>li.active>a,.nav-menu>li.focus>a{color:#ffffff; text-decoration:underline;}
/*.nav-menu>li>a>i,.nav-menu>li>a>[class*=ion-]{width:18px;height:16px;line-height:16px;-webkit-transform:scale(1.4);transform:scale(1.4)}
.nav-menu>li>a>[class*=ion-]{width:16px;display:inline-block;-webkit-transform:scale(1.8);transform:scale(1.8)}*/
/*.navigation-portrait .nav-menu.nav-menu-social{width:100%;text-align:center}*/
/*.nav-menu.nav-menu-social>li{text-align:center;float:none;border:none!important}
.navigation-portrait .nav-menu.nav-menu-social>li{width:auto}
.nav-menu.nav-menu-social>li>a>[class*=ion-]{font-size:12px}
.nav-menu.nav-menu-social>li>a>.fa{font-size:14px}
.navigation-portrait .nav-menu.nav-menu-social>li>a{padding:15px}*/
.submenu-indicator{margin-left:6px; margin-top:6px; float:right; -webkit-transition:all .2s; transition:all .2s;}
.navigation-portrait .submenu-indicator{width:54px; height:44px; margin-top:0; position:absolute; top:0; right:0; text-align:center; z-index:20000;}
.submenu-indicator-chevron{height:6px; width:6px; display:block; border-style:solid; border-width:0 1px 1px 0; border-color:#ffffff; -webkit-transform:rotate(45deg); transform:rotate(45deg);-webkit-transition:border .2s; transition:border .2s;}
.navigation-portrait .submenu-indicator-chevron{position:absolute; top:18px; left:24px;}
.nav-menu>li:hover>a .submenu-indicator-chevron,.nav-menu>.active>a .submenu-indicator-chevron,.nav-menu>.focus>a .submenu-indicator-chevron{border-color:#ffffff;}
.navigation-portrait .submenu-indicator.submenu-indicator-up{-webkit-trcansform:rotate(-180deg); transform:rotate(-180deg);}
/*.nav-overlay-panel{width:100%;height:100%;top:0;left:0;position:fixed;display:none;z-index:19999}
.no-scroll{width:100%;height:100%;overflow:hidden}*/


.nav-button{margin:18px 15px 0;padding:8px 14px;display:inline-block;color:#fff;font-size:14px;text-align:center;text-decoration:none;border-radius:4px}
.nav-button:hover,.nav-button:focus{color:#fff;text-decoration:none}
.navigation-portrait .nav-button{width:calc(100% - 52px);margin:17px 26px}
.nav-text{margin:25px 15px;display:inline-block;color:#343a40;font-size:14px}
.navigation-portrait .nav-text{width:calc(100% - 52px);margin:12px 26px 0}
.navigation-portrait .nav-text+ul{margin-top:15px}
.nav-dropdown{min-width:180px;margin:0;padding:0;display:none;position:absolute;list-style:none;z-index:98;white-space:nowrap}
.navigation-portrait .nav-dropdown{width:100%;position:static;left:0}
.nav-dropdown .nav-dropdown{left:100%}
.nav-menu>li>.nav-dropdown{border-top:solid 1px #f0f0f0}
.nav-dropdown>li{width:100%; float:left; clear:both; position:relative; text-align:left;}
.nav-dropdown>li>a{width:100%; padding:16px 20px; display:inline-block; text-decoration:none; float:left; font-size:0.875rem; color:#ffffff; background-color:#0a2642;}
.nav-dropdown>li:hover>a,.nav-dropdown>li.focus>a{color:#ffffff;}
.nav-dropdown.nav-dropdown-left{right:0;}
.nav-dropdown>li>.nav-dropdown-left{left:auto; right:100%;}
.navigation-landscape .nav-dropdown.nav-dropdown-left>li>a{text-align:right;}
.navigation-portrait .nav-dropdown>li>a{padding:12px 20px 12px 30px; width: 100%; text-wrap: wrap;}
.navigation-portrait .nav-dropdown>li>ul>li>a{padding-left:50px}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>a{padding-left:70px}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>a{padding-left:90px}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a{padding-left:110px}
.nav-dropdown .submenu-indicator{right:15px;top:10px;position:absolute}
.navigation-portrait .nav-dropdown .submenu-indicator{right:0;top:0}
.nav-dropdown .submenu-indicator .submenu-indicator-chevron{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.nav-dropdown>li:hover>a .submenu-indicator-chevron,.nav-dropdown>.focus>a .submenu-indicator-chevron{border-color:transparent #27ae60 #27ae60 transparent}
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator{left:10px}
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron{-webkit-transform:rotate(135deg);transform:rotate(135deg)}
.nav-dropdown-horizontal{width:100%;left:0;background-color:#fdfdfd;border-top:solid 1px #f0f0f0}
.nav-dropdown-horizontal .nav-dropdown-horizontal{width:100%;top:100%;left:0}
.navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal{border-top:none}
.nav-dropdown-horizontal>li{width:auto;clear:none;position:static}
.navigation-portrait .nav-dropdown-horizontal>li{width:100%}
.nav-dropdown-horizontal>li>a{position:relative}
.nav-dropdown-horizontal .submenu-indicator{height:18px;top:11px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.navigation-portrait .nav-dropdown-horizontal .submenu-indicator{height:42px;top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.megamenu-panel{width:100%;padding:15px;display:none;position:absolute;font-size:14px;z-index:98;text-align:left;color:inherit;border-top:solid 1px #f0f0f0;background-color:#fdfdfd;box-shadow:0 10px 20px rgba(0,0,0,.075)}
.navigation-portrait .megamenu-panel{padding:25px;position:static;display:block}
.nav-menu > li > a{color:#ffffff;}
.nav-dropdown > li > a{color:#ffffff; padding:10px 20px; border-bottom:1px solid #3b5168; text-wrap:wrap; width:250px;}
.nav-dropdown > li > a:hover,.nav-dropdown > li > a:focus{color:#53ade1;}
.nav-menu > li.member-btn {background:#53ade1; border-radius:10px; padding:0; margin:0.5rem 1.5rem 0 0; height:34px; line-height:0;}
.nav-menu > li.member-btn img{width:100%; max-width:6px; float:right; vertical-align:middle; padding:0; margin:-6px 0 0 5px;}
.nav-menu > li.member-btn:hover{background:#0b7aba; -webkit-transition:color .3s,background .3s; transition:color .3s,background .3s;}
.nav-menu > li.member-btn a:hover{text-decoration:none;}
.transparent-menu{position:absolute;width:100%;left:0;top:0;z-index:99;}
.navigation-portrait .nav-menu > li > a{width:100%;height:auto;padding:10px 10px 10px 30px;}

@media only screen and (max-width: 1280px) {
.nav-menu>li>a{height:50px; padding:17px 1.2rem;}
.nav-header{float:left; position:relative; width:100%;}
}

@media only screen and (max-width: 1080px){
.nav-menu > li.member-btn {background: #53ade1; padding: 0; margin: 0.5rem 1.5rem 0 0; height: 40px; line-height:1; border-radius:0;}
.nav-menu > li.member-btn img {max-width: 6px; float: none; margin: 0 0 0 3px;}
}

@media only screen and (max-width: 480px) {
.navigation {margin: 3.5rem 0 0 0;}
.nav-brand {top: -2rem;}
.nav-brand img{width:100%; max-width:120px;}
.nav-toggle {top:18%;}
}

@media only screen and (min-width:320px) and (max-width:767px){
  .nav-dropdown > li > a,.megamenu-list > li > a{width:65%}
}