@media only screen and (min-width: 64em) {
    .no-js .navigation>ul>li:hover>ul,
    .navigation>ul>li.is-hover>ul,
    .navigation>ul>li>.show-menu {
        display: flex;
        color: #fff;
        position: absolute;
        background-color: #10384f;
        z-index: 20
    }
    .navigation ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    .navigation>ul>li>ul {
        display: none;
    }
    .navigation .newsub {
        padding: 0 calc((100% - 968px - 20px) / 2);
        flex-wrap: nowrap;
        box-shadow: 0 20px 0px rgba(16, 56, 79, 0.1)
    }
    .newsub>li {
        flex: 0 0 25%;
        max-width: 25%;
        padding: 20px 10px 50px
    }
    .newsub>.newlevel2 {
        flex: 0 0 75%;
        max-width: 75%;
        padding: 0 10px 40px;
        z-index: 2
    }
    .newlevel2 ul {
        max-width: calc((100% - 40px) / 3);
        position: relative;
        height: 100%
    }
    .megaTsrBx p {
        font-size: 14px;
        margin-top: 13px;
        font-weight: 300;
        letter-spacing: .5px;
        line-height: 18px;
        opacity: .9
    }
    .megaTsrBx h2 {
        font-weight: 300;
        margin-bottom: 0;
        font-size: 25px;
        color: #89d329;
        letter-spacing: .5px;
        opacity: .9
    }
    .megaTsrBx .lnk,
    .megaTsrBx .overview {
        margin-bottom: 0;
        clear: both;
        max-width: 150px
    }
    .megaTsrBx .lnk,
    .megaTsrBx .overview {
        background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='22' viewBox='0 0 15 22'%3E%3Cpath d='M2,21.1l-1-0.2l4-20l1,0.2L2,21.1z M10,1.1L9,0.9l-4,20l1,0.2L10,1.1z M14,1.1l-1-0.2l-4,20l1,0.2L14,1.1z' style='fill:%23fff'/%3E%3C/svg%3E") no-repeat left center;
        color: #fff
    }
    .megaTsrBx .lnk,
    .megaTsrBx .overview {
        display: none
    }
    .megaTsrBx .lazy {
        max-height: 128px
    }
    .navigation .megaTsrBx>a {
        padding: 0;
        display: block;
        overflow: hidden
    }
    .newlevel2 {
        margin: 0 auto;
        max-width: 1080px;
        position: relative
    }
    .navigation>ul>li>a {
        padding: 7px 11px 7px 9px;
        background-color: transparent;
        color: inherit;
        text-decoration: none
    }
    .navigation>ul>.n2>a {
        padding-left: 3px
    }
    .navigation>ul>li>a::after {
        content: " ";
        width: 1px;
        height: 20px;
        background-color: #D1E0E7;
        position: absolute;
        transform: rotate(12deg);
        margin-left: 10px;
        margin-top: -2px
    }
    .n1,
    .nspecial {
        display: none
    }
    .n2>a {
        padding-left: 0
    }
    .megamenu>li>a.selected {
        color: #00bcff;
        background-color: #fff
    }
    .megamenu>li>a:hover,
    .megamenu>li:hover>a,
    .megamenu>li>a:focus,
    .megamenu>li:focus>a {
        color: #ff3162;
        background-color: #fff
    }
    .megamenu>li:hover>a,
    .megamenu>li.is-hover>a {
        padding-bottom: 19px
    }
    .megaTsrBx {
        display: flex;
        flex-direction: column
    }
    .navigation .megaTsrBx>a {
        order: -1;
        margin-bottom: 16px
    }
}

@media only screen and (min-width: 90.063em) {
    .navigation>ul>li>a {
        padding: 7px 18px 7px 16px
    }
    .navigation>ul>li>a::after {
        margin-left: 17px
    }
    .megaTsrBx .lazy {
        max-height: 158px
    }
    .megaTsrBx h2 {
        font-size: 30px
    }
    .megamenu>li:hover>a,
    .megamenu>li.is-hover>a {
        padding-bottom: 17px
    }
}

@media only screen and (min-width: 90.063em) {
    .meta-btns {
        display: none
    }
    .navigation .newsub {
        padding: 0 calc((100% - 1180px - 20px) / 2)
    }
}

#top-stage+.pageheader #header+.navigation {
    color: #fff
}

#top-stage+.pageheader #header+.navigation a::after {
    background-color: #fff
}

@media only screen and (min-width: 64em) {
    .navigation .simple {
        padding-top: 20px
    }
    .newlevel2 a,
    .simple a {
        display: block;
        padding: 7px 20px 5px 10px;
        border-bottom: 1px solid rgba(191, 215, 223, 0.25);
        color: #fff;
        font-size: 14px;
        font-weight: 300;
        letter-spacing: 0.44px;
        line-height: 16px;
        -webkit-transition: color 0.2s ease-out;
        -moz-transition: color 0.2s ease-out;
        -ms-transition: color 0.2s ease-out;
        -o-transition: color 0.2s ease-out;
        transition: color 0.2s ease-out
    }
    .newlevel2 a:hover,
    .simple a:hover,
    .newlevel2 a:focus,
    .simple a:focus {
        color: #89d329;
        text-decoration: none;
        background-color: rgba(255, 255, 255, 0.05)
    }
    .newlevel2 li:hover>a,
    .simple li:hover>a,
    .newlevel2 li:focus>a,
    .simple li:focus>a {
        color: #89d329;
        background-color: rgba(255, 255, 255, 0.05)
    }
    .haschild ul {
        display: none
    }
    .haschild:hover>ul,
    .haschild>a:focus+ul,
    .haschild ul.show-menu {
        display: block
    }
    .newlevel2 ul ul {
        max-width: calc(100% + 40px);
        position: absolute;
        left: calc(100%);
        width: calc(100% + 40px);
        top: 0;
        padding: 0 0 0 20px
    }
    .newlevel2 li:first-child {
        margin-top: 20px
    }
    .newlevel2>ul>li>ul {
        margin-top: -20px
    }
    .haschild>a {
        background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='12' viewBox='0 0 8 14'%3E%3Cpolyline points='0.5,13.5 7,7 0.5,0.5' style='stroke:%23fff ;stroke-width:1.5;fill:none;opacity:.5'/%3E%3C/svg%3E") no-repeat right 6px center
    }
    .newlevel2 .selected>a {
        color: #89d329
    }
    .newlevel2 .haschild>a:hover,
    .newlevel2 .haschild>a:focus,
    .newlevel2 .selected.haschild>a {
        background: #1c4257 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='12' viewBox='0 0 8 14'%3E%3Cpolyline points='0.5,13.5 7,7 0.5,0.5' style='stroke:%2389D329 ;stroke-width:1.5;fill:none;opacity:1'/%3E%3C/svg%3E") no-repeat right 6px center
    }
    .newlevel2 ul .haschild>a:hover,
    .newlevel2 ul .haschild>a:focus,
    .newlevel2 ul .selected.haschild>a {
        background-color: rgba(255, 255, 255, 0.05)
    }
    .newlevel2 .selected:not(.haschild)>a {
        color: #89d329
    }
    .newlevel2 .haschild>ul {
        max-width: calc(100% + 20px);
        width: calc(100% + 20px);
        position: absolute;
        left: 100%;
        top: 0
    }
    .newlevel2 .haschild>ul>.haschild>ul {
        max-width: calc(100%);
        width: calc(100%)
    }
    .newlevel2 .selected>ul {
        display: block
    }
}

.stickyheader #top-stage+.pageheader #header+.navigation {
    color: #0d2a40
}

.stickyheader #top-stage+.pageheader #header+.navigation a::after {
    background-color: #D1E0E7
}

.stickyheader .navigation .megamenu>li>a {
    font-size: 17px;
    margin-top: 1px
}

.icon-search {
    display: block;
    background: transparent no-repeat;
    border: 0;
    text-align: left;
    text-indent: -900em;
    overflow: hidden;
    width: 50px;
    background: transparent no-repeat center center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 30 30'%3E%3Ccircle id='search' cx='18' cy='11' r='10' style='stroke:%230d2a40;stroke-width:2;fill:none;'/%3E%3Cline x1='1.2' y1='27.8' x2='11' y2='18.1' style='stroke:%230d2a40;stroke-width:2;fill:none;'/%3E%3C/svg%3E")
}

.active-search .icon-search {
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'  viewBox='0 0 26 26'%3E%3Cpath d='M1,1l24,24 M25,1L1,25' style='stroke:%230d2a40;fill:none;stroke-width:2;'/%3E%3C/svg%3E") no-repeat center center
}

.meta-btns {
    display: none
}

.close-nav-btn,
.searchbox {
    display: none
}

.searchbox label {
    display: none
}

.active-search .searchbox {
    display: block;
    position: absolute;
    width: 100%;
    padding: 50px 25%;
    padding: 60px 0 98px;
    z-index: 5;
    top: 82px;
    overflow: hidden;
    background-color: #fff
}

.stickyheader.active-search .searchbox {
    top: 50px
}

@media only screen and (min-width: 64em) {
    .active-search .searchbox {
        top: 140px
    }
}

@media only screen and (max-width: 63.938em) {
    .navigation,
    .megamenu {
        margin: 0;
        padding: 0;
        list-style: none
    }
    .active-nav {
        overflow: hidden
    }
    .active-nav .wrapper {
        height: 100vh
    }
    .active-nav .navigation {
        display: block;
        left: 0;
        position: absolute;
        z-index: 20;
        background: #624963;
        color: #fff;
        width: 100%;
        font-size: 18px;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        padding: 0;
        height: calc(100vh - 82px)
    }
    .stickyheader.active-nav .navigation {
        height: calc(100vh - 50px)
    }
    .navigation a {
        display: block;
        padding: 15px 10px 14px;
        border-top: 1px solid rgba(191, 215, 223, 0.25);
        font-size: 18px;
        font-weight: 300;
        letter-spacing: 0.5px;
        line-height: 1.444;
        -webkit-transition: color 0.2s ease-out;
        -moz-transition: color 0.2s ease-out;
        -ms-transition: color 0.2s ease-out;
        -o-transition: color 0.2s ease-out;
        transition: color 0.2s ease-out
    }
    .megamenu>li:first-child>a,
    .meta-btns>li:first-child>a {
        border-top: 0
    }
    .navigation a:hover,
    .navigation a:focus,
    .navigation a.selected {
        color: #00bcff;
        text-decoration: none
    }
    .navigation .submenuon1,
    .navigation .submenuon {
        padding-bottom: 40px
    }
    .navigation .backbuttons {
        padding: 0
    }
    .sback {
        padding: 0 30px
    }
    .sback+.sback {
        background-color: rgba(255, 255, 255, 0.05)
    }
    .sback+.sback+.sback {
        background-color: rgba(255, 255, 255, 0.1)
    }
    .navigation a.submenuback {
        padding-left: 30px;
        color: #00bcff;
        background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='21' viewBox='0 0 8 14'%3E%3Cpolyline points='7,13.5 0.5,7 7,0.5' style='stroke:%2300bcff;stroke-width:1;fill:none;'/%3E%3C/svg%3E") no-repeat left 6px center
    }
    .navigation li:hover>a,
    .navigation li:focus>a {
        color: #00bcff
    }
    .navigation a.haschild {
        position: relative;
        background: transparent no-repeat right 6px center;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='21' viewBox='0 0 8 14'%3E%3Cpolyline points='0.5,13.5 7,7 0.5,0.5' style='stroke:%23fff;stroke-width:1;fill:none;'/%3E%3C/svg%3E")
    }
    .navigation a.haschild:hover,
    .navigation a.haschild:focus {
        position: relative;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='21' viewBox='0 0 8 14'%3E%3Cpolyline points='0.5,13.5 7,7 0.5,0.5' style='stroke:%2300bcff;stroke-width:1;fill:none;'/%3E%3C/svg%3E")
    }
    .navigation a.showpanel {
        position: relative;
        background: transparent no-repeat right 6px center;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='21' viewBox='0 0 8 14'%3E%3Cpolyline points='0.5,13.5 7,7 0.5,0.5' style='stroke:%23796d82;stroke-width:1;fill:none;'/%3E%3C/svg%3E")
    }
    .navigation a.showpanel:hover,
    .navigation a.showpanel:focus {
        position: relative;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='21' viewBox='0 0 8 14'%3E%3Cpolyline points='0.5,13.5 7,7 0.5,0.5' style='stroke:%2300bcff;stroke-width:1;fill:none;'/%3E%3C/svg%3E")
    }
    .navigation .megaTsrBx {
        display: none
    }
    .navigation .selected:not(.haschild)>a {
        color: #00bcff
    }
    .navigation .selected ul a {
        padding-left: 38px
    }
    .navigation .megamenu {
        padding: 6px 30px 56px;
        background-color: #10384f
    }
    .extra-nav {
        display: none
    }
    .navigation .meta-btns,
    .navigation #language-switch {
        display: block;
        padding: 40px 30px 20px;
        position: relative;
        width: 100%;
        margin-top: 0;
        left: 0;
        overflow: hidden
    }
    .navigation .meta-btns {
        padding-bottom: 80px;
        margin-top: -50px
    }
    .navigation #language-switch {
        margin-top: 0;
        display: none;
        background-color: #fff;
        color: #10384f;
        padding-top: 0
    }
    .active-langswitch .navigation #language-switch {
        display: block
    }
    .navigation .meta-btns::before {
        content: "";
        position: absolute;
        width: calc(100% + 60px);
        height: 120%;
        left: -30px;
        top: 20px;
        padding: 26px 0 6px;
        background-color: #624963;
        transform: skewY(-2deg)
    }
    .navigation .meta-btns li {
        position: relative;
        z-index: 1
    }
    .mobilenavigation .li-mlang {
        display: none
    }
    .active-nav .mobilenavigation .mnav {
        background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'  viewBox='0 0 26 26'%3E%3Cpath d='M1,1l24,24 M25,1L1,25' style='stroke:%230d2a40;fill:none;stroke-width:2;'/%3E%3C/svg%3E") no-repeat center center
    }
    .mlangswitch {
        overflow: hidden;
        width: 30px;
        text-indent: -90em;
        background: transparent no-repeat center center;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' viewBox='0 0 20 23'%3E%3Cpath d='M1.5,1.3v20.6 M1.5,12.6c4.8,0,8,1.1,10.9,1.1c3.6,0,5-1.4,5-1.4V2.8c0,0-2.4,1.4-5.4,1.4S6.7,2.2,1.5,2.2' style='stroke:%230d2a40;stroke-width:1;fill:none;'/%3E%3C/svg%3E")
    }
    .active-langswitch .mlang {
        opacity: .5
    }
    .navigation {
        -webkit-transform: translate3d(0, 0, 0);
        width: 100%
    }
    .navigation .submenuon {
        display: block
    }
    .newsub ul {
        display: block;
        transform: translateX(calc(100% - 30px));
        position: absolute;
        width: 100%;
        top: 0;
        background-color: #1c4258
    }
    .newsub ul ul {
        background-color: #284c61
    }
    .newsub ul ul ul {
        background-color: #345669
    }
    .navigation>.submenuon {
        transform: translateX(calc(-100% - 30px))
    }
    .navigation .submenuon3,
    .navigation .submenuon4 {
        transform: translateX(-30px)
    }
    .navigation ul {
        padding: 0 30px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .navigation .newsub {
        left: 0;
        width: 100%
    }
}

@media only screen and (min-width: 64em) {
    .navigation>ul>li {
        float: left
    }
}

a {
    color: inherit;
    text-decoration: none;
}