.megamenu-panel-row h3 {font-size: 2rem; font-weight: 300}
/* CORE STYLES */
.navigation {width: 100%; height: 70px; display: table; position: relative; font-family: inherit; background-color: #00a8ec; z-index: 110}
.navigation * {box-sizing: border-box; -webkit-tap-highlight-color: transparent}
.navigation-portrait {height: 48px}
.navigation-fixed-wrapper {width: 100%; left: 0; z-index: 19998; will-change: opacity}
.navigation-fixed-wrapper.fixed {position: fixed !important; -webkit-animation: fade .50s; animation: fade .50s}
@keyframes fade {from {opacity: 0.999}
to {opacity: 1}}
.navigation-fixed-wrapper .navigation {margin-right: auto; margin-left: auto}
.navigation-fixed-placeholder {width: 100%; display: none}
.navigation-fixed-placeholder.navigation-fixed-placeholder.visible {display: block}
.navigation-hidden {width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; position: absolute; top: -9999px}
.align-to-right {float: right}
.nav-header {float: left}
.navigation-hidden .nav-header {display: none}
.nav-brand {line-height: 70px; padding: 0 15px; color: #70798b; font-size: 24px; text-decoration: none !important}
.nav-brand:hover, .nav-brand:focus {color: #70798b}
.navigation-portrait .nav-brand {font-size: 18px; line-height: 48px}
.nav-logo > img {height: 48px; margin: 11px auto; padding: 0 15px; float: left}
.nav-logo:focus > img {outline: initial}
.navigation-portrait .nav-logo > img {height: 36px; margin: 6px auto 6px 15px; padding: 0}
.nav-toggle {width: 30px; height: 30px; padding: 0; margin-top: 14px; display: none; cursor: pointer}
.nav-toggle:before {content: ""; position: absolute; width: 24px; height: 2px; background-color: #fff; border-radius: 10px; box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff}
.navigation-portrait .nav-toggle {display: block}
.navigation-portrait .nav-menus-wrapper {width: 320px; max-width: 100%; height: 100%; top: 0; left: -400px; position: fixed; background-color: #00a8ec; z-index: 20000; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-transition-duration: .8s; transition-duration: .8s; -webkit-transition-timing-function: ease; transition-timing-function: ease; box-sizing: border-box}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {left: auto; right: -400px}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {left: 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: #fff; 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%}
.nav-menu.nav-menu-centered {text-align: center}
.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%; max-width: 100%; position: relative; border-top: solid 1px rgba(0, 0, 0, 0.1); box-sizing: border-box}
.navigation-portrait .nav-menu > li:last-child {border-bottom: solid 1px rgba(0, 0, 0, 0.1)}
.nav-menu + .nav-menu > li:first-child {border-top: none}
.nav-menu > li > a {height: 70px; padding: 26px 15px; display: inline-block; position: relative; text-decoration: none; font-size: 14px; color: rgba(255,255,255,1); font-weight: 600; ; -webkit-transition: color 0.3s, background 0.3s; transition: color 0.3s, background 0.3s}

@media (max-width: 991px) {
    .navigation-portrait .nav-menu:not(.nav-menu-social) {
        flex-direction: column;
    }
}

@media (min-width:1200px) {.nav-menu > li > a {font-size: 16px; padding: 26px 10px; display: flex; flex-direction: row; align-items: center}}

@media (min-width:1400px) {.nav-menu > li > a {font-size: 16px; padding: 26px 15px}}
.navigation-portrait .nav-menu > li > a {width: 100%; height: auto; padding: 12px 60px 12px 16px; display: block; white-space: normal; word-wrap: break-word; max-width: 100%; box-sizing: border-box}
.nav-menu > li:hover > a, .nav-menu > li.active > a, .nav-menu > li.focus > a {color: #fff; background-color: #0092cf}
.nav-menu > li > a > i, .nav-menu > li > a > [class*="ion-"] {width: 18px; height: 16px; line-height: 16px; -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4)}
.nav-menu > li > a > [class*="ion-"] {width: 16px; display: inline-block; -webkit-transform: scale(1.8); -ms-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: 10px; margin-top: 5px; float: right; -webkit-transition: all 0.3s; transition: all 0.3s}
.navigation-portrait .submenu-indicator {width: 54px; height: 44px; margin-top: 0; position: absolute; top: 0; right: 0; text-align: center; z-index: 20000; flex-shrink: 0}
.submenu-indicator-chevron {height: 6px; width: 6px; display: block; border-style: solid; border-width: 0 1px 1px 0; border-color: transparent #fff #fff transparent; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: border 0.3s; transition: border 0.3s}
.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: transparent #fff #fff transparent}
.navigation-portrait .submenu-indicator.submenu-indicator-up {-webkit-transform: rotate(-180deg); -ms-transform: 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 {touch-action: none; overflow-x: hidden}
/* SEARCH PANEL */
.nav-search {height: 70px; float: right; z-index: 19998}
.navigation-portrait .nav-search {height: 48px}
.navigation-hidden .nav-search {display: none}
.nav-search-button {width: 35px; height: 70px; line-height: 70px; text-align: right; cursor: pointer; background-color: transparent; display: flex; align-items: center; justify-content: flex-end}
.navigation-portrait .nav-search-button {width: 50px; height: 48px; line-height: 46px; font-size: 22px}
.nav-search-icon {width: 14px; height: 14px; margin: 2px 8px 8px 4px; display: inline-block; vertical-align: middle; position: relative; color: #fff; text-align: left; text-indent: -9999px; border: 2px solid; border-radius: 50%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: color 0.3s; transition: color 0.3s}
.nav-search-icon:after, .nav-search-icon:before {content: ''; pointer-events: none}
.nav-search-icon:before {width: 2px; height: 11px; top: 11px; position: absolute; left: 50%; border-radius: 0 0 1px 1px; box-shadow: inset 0 0 0 32px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%)}
.nav-search-button:hover .nav-search-icon {color: #fff}
.nav-search > form {width: 100%; height: 100%; padding: 0; display: none; position: absolute; left: 0; top: 0; background-color: #e2e6e8; z-index: 99}
.nav-search-inner {width: 70%; height: 70px; margin: auto; display: table}
.navigation-portrait .nav-search-inner {height: 48px}
.nav-search-inner input[type=text], .nav-search-inner input[type=search] {height: 70px; width: 100%; margin: 0; padding: 0 12px; font-size: 26px; text-align: center; color: #70798b; outline: none; line-height: 70px; border: none; background-color: transparent; -webkit-transition: all 0.3s; transition: all 0.3s}
.navigation-portrait .nav-search-inner input[type=text], .navigation-portrait .nav-search-inner input[type=search] {height: 48px; font-size: 18px; line-height: 48px}
.nav-search-close-button {width: 28px; height: 28px; display: block; position: absolute; right: 20px; top: 20px; line-height: normal; color: #70798b; font-size: 20px; cursor: pointer; text-align: center}
.navigation-portrait .nav-search-close-button {top: 10px; right: 14px}
/* NAVIGATION BUTTON */
.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; background-color: #967ADC; -webkit-transition: opacity 0.3s; transition: opacity 0.3s}
.nav-button:hover, .nav-button:focus {color: #fff; text-decoration: none; opacity: 0.85}
.navigation-portrait .nav-button {width: calc(100% - 52px); margin: 17px 26px}
/* NAVIGATION TEXT */
.nav-text {margin: 25px 15px; display: inline-block; color: #70798b; font-size: 14px}
.navigation-portrait .nav-text {width: calc(100% - 52px); margin: 12px 26px 0}
.navigation-portrait .nav-text + ul {margin-top: 15px}
/* DROPDOWN EXTENSION */
.nav-dropdown {min-width: 234px; 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-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: 13px; color: #fff; background-color: #0092cf; -webkit-transition: color 0.3s, background 0.3s; transition: color 0.3s, background 0.3s}
.nav-dropdown > li:hover > a, .nav-dropdown > li.focus > a {background-color: #00a8ec}
.nav-dropdown > li > ul > li > a {background-color: #00a8ec}
.nav-dropdown > li > ul > li:hover > a, .nav-dropdown > li > ul > li.focus > a {background-color: #25b7f3}
.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 60px 12px 30px; white-space: normal; word-wrap: break-word; max-width: 100%; box-sizing: border-box}
.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: 16px; position: absolute}
.navigation-portrait .nav-dropdown .submenu-indicator {right: 0; top: 0}
.nav-dropdown .submenu-indicator .submenu-indicator-chevron {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg)}
.navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg)}
.nav-dropdown > li:hover > a .submenu-indicator-chevron, .nav-dropdown > .focus > a .submenu-indicator-chevron {border-color: transparent #fff #fff 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); -ms-transform: rotate(135deg); transform: rotate(135deg)}
/* HORIZONTAL DROPDOWN EXTENSION */
.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); -ms-transform: rotate(90deg); transform: rotate(90deg)}
.navigation-portrait .nav-dropdown-horizontal .submenu-indicator {height: 42px; top: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg)}
.navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up {-webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg)}
/* MEGAMENU EXTENSION */
.megamenu-panel {width: 100%; padding: 50px 30px; display: none; position: absolute; font-size: 14px; z-index: 98; text-align: left; color: #fff; background-color: #0092cf}
.navigation-portrait .megamenu-panel {padding: 15px; position: static; display: block}
.megamenu-panel [class*="container"] {width: 100%}
.megamenu-panel [class*="container"] [class*="col-"] {padding: 0}
.megamenu-panel-half {width: 50%}
.megamenu-panel-quarter {width: 25%}
.navigation-portrait .megamenu-panel-half, .navigation-portrait .megamenu-panel-quarter {width: 100%}
/* GRID */
.megamenu-panel-row {width: 100%}
.megamenu-panel-row:before, .megamenu-panel-row:after {display: table; content: ""; line-height: 0}
.megamenu-panel-row:after {clear: both}
.megamenu-panel-row [class*="col-"] {display: block; min-height: 20px; float: left; margin-left: 3%}
.megamenu-panel-row [class*="col-"]:first-child {margin-left: 0}
.navigation-portrait .megamenu-panel-row [class*="col-"] {float: none; display: block; width: 100% !important; max-width: 100% !important; margin-left: 0; margin-top: 15px}
.navigation-portrait .megamenu-panel-row:first-child [class*="col-"]:first-child {margin-top: 0}
.megamenu-panel-row .col-1 {width: 5.583333333333%}
.megamenu-panel-row .col-2 {width: 14.166666666666%}
.megamenu-panel-row .col-3 {width: 22.75%}
.megamenu-panel-row .col-4 {width: 30.333333333333%}
.megamenu-panel-row .col-5 {width: 39.916666666667%}
.megamenu-panel-row .col-6 {width: 48.5%}
.megamenu-panel-row .col-7 {width: 57.083333333333%}
.megamenu-panel-row .col-8 {width: 65.666666666667%}
.megamenu-panel-row .col-9 {width: 74.25%}
.megamenu-panel-row .col-10 {width: 82.833333333334%}
.megamenu-panel-row .col-11 {width: 91.416666666667%}
.megamenu-panel-row .col-12 {width: 100%}
/* MEGAMENU TABS */
.megamenu-tabs {width: 100%; float: left; display: block}
.megamenu-tabs-nav {width: 20%; margin: 0; padding: 0; float: left; list-style: none}
.navigation-portrait .megamenu-tabs-nav {width: 100%}
.megamenu-tabs-nav > li > a {width: 100%; padding: 10px 16px; float: left; font-size: 13px; text-decoration: none; color: #70798b; border: solid 1px #eff0f2; outline: 0; background-color: #ffffff; -webkit-transition: background 0.3s; transition: background 0.3s}
.megamenu-tabs-nav > li.active a, .megamenu-tabs-nav > li:hover a {background-color: #f5f5f5}
.megamenu-tabs-pane {width: 80%; min-height: 30px; padding: 20px; float: right; display: none; opacity: 0; font-size: 13px; color: #70798b; border: solid 1px #eff0f2; background-color: #ffffff; -webkit-transition: opacity 0.5s; transition: opacity 0.5s}
.megamenu-tabs-pane.active {display: block; opacity: 1}
.navigation-portrait .megamenu-tabs-pane {width: 100%}
/* MEGAMENU LIST */
.megamenu-lists {width: 100%; display: table}
/* The list */
.megamenu-list {width: 100%; margin: 0 0 15px; padding: 0; display: inline-block; float: left; list-style: none}
.megamenu-list:last-child {margin: 0; border: none}
.navigation-landscape .megamenu-list {margin: -15px 0; padding: 20px 0; border-right: solid 1px #f0f0f0}
.navigation-landscape .megamenu-list:last-child {border: none}
.megamenu-list > li > a {width: 100%; padding: 10px 15px; display: inline-block; color: #70798b; text-decoration: none; font-size: 13px; -webkit-transition: all 0.3s; transition: all 0.3s}
.megamenu-list > li > a:hover {color: #ffffff; background-color: #967ADC}
.megamenu-list > li.megamenu-list-title > a {font-size: 12px; font-weight: 600; text-transform: uppercase; opacity: 0.8; color: #70798b}
.megamenu-list > li.megamenu-list-title > a:hover {opacity: 1; background-color: transparent}
.navigation-landscape .list-col-2 {width: 50%}
.navigation-landscape .list-col-3 {width: 33%}
.navigation-landscape .list-col-4 {width: 25%}
/*Custom*/
.megamenu-panel {font-size: 0.8125rem}
.megamenu-panel h4 {font-size: 1rem; font-weight: 700; margin-bottom: .75rem; display: inline-block}
.megamenu-panel a {color: rgba(255,255,255,1)}
.megamenu-panel li a {color: rgba(255,255,255,.85)}
.megamenu-panel .list-unstyled li, .megamenu-panel h4 {position: relative}
.megamenu-panel .list-unstyled+h4 {margin-top: 40px}
.megamenu-panel .list-unstyled li:not(:last-child) {margin-bottom: 1px}
.megamenu-panel .list-unstyled li a {display: inline-block; position: relative; z-index: 1}
.megamenu-panel .list-unstyled li a:hover, .megamenu-panel h4 a:hover {color: rgba(255, 255, 255, 1) !important}
.megamenu-panel .list-unstyled li a span, .megamenu-panel h4 a span {padding: 5px 10px 5px 10px; display: inline-block; position: relative; z-index: 1; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none}
.megamenu-panel h4 a span {padding-left: 10px}
.megamenu-panel .list-unstyled li a:hover span {padding-left: 10px}
.megamenu-panel h4 a:hover span {padding-left: 10px}
.megamenu-panel .list-unstyled li a::after, .megamenu-panel h4 a::after {content: ''; display: block; width: 0; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.15); -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; z-index: 0}
.megamenu-panel .list-unstyled li a:hover::after, .megamenu-panel h4 a:hover::after {width: 100%}
.megamenu-panel .list-unstyled li a::before {font-family: 'FontAwesome'; content: "\f111"; display: block; position: absolute; top: 50%; left: 0; z-index: 1; font-size: 0.25rem; margin-top: -2px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none}
.megamenu-panel .list-unstyled li a:hover::before {left: 0}