.expand-btn:after,
    .collect-btn:after,
    .accordion-icon,
    .header-top a,
    .search-form-text,
    .search-form-submit,
    .header-search,
    .header-email,
    .header-search .icon,
    .header-email .icon,
    .header-logo,
    .main-menu>ul>li,
    .main-menu>ul>li>a,
    #backtotop,
    .footer-contact span,
    .footer-menu-container>ul>li,
    .primary-btn,
    .view-more:after,
    .crumb,
    .crumb:before,
    .crumbs .current:before,
    .home-icon {
        display: inline-block;
    }
    
    .content:before,
    .content:after,
    .home-bg:after,
    .main-menu>ul>li>ul>li,
    .main-menu>ul>li>ul>li>a,
    .home-slider-container:before,
    .home-slider-container .bx-wrapper .bx-pager.bx-default-pager a.active:before,
    .inpage-slider-container .bx-wrapper .bx-pager.bx-default-pager a.active:before,
    .inpage-slide:before,
    .slide-caption,
    .hn-left:before,
    .hn-left h2:after,
    .hb-2 .sec-heading:after,
    .sec-heading:after,
    .ql-icon,
    .page-top h1:after,
    .page-top:before {
        display: block;
    }
    
    .content:before,
    .content:after,
    .home-bg:after,
    .expand-btn:after,
    .collect-btn:after,
    .hn-left:before,
    .hn-left h2:after,
    .view-more:after,
    .hb-2 .sec-heading:after,
    .sec-heading:after,
    .page-top h1:after,
    .page-top:before,
    .crumb:before,
    .crumbs .current:before {
        content: '';
    }
    
    .content:before,
    .content:after,
    .home-bg:after,
    .header-search .icon,
    .header-email .icon,
    .main-menu>ul>li>ul,
    .main-menu>ul>li>ul:before,
    .home-slider-container:before,
    .home-slider-container .bx-wrapper .bx-pager.bx-default-pager a.active:before,
    .inpage-slider-container .bx-wrapper .bx-pager.bx-default-pager a.active:before,
    .inpage-slide:before,
    .slide-caption,
    .hn-left:before,
    .page-top:before {
        position: absolute;
    }
    
    .home-bg,
    h2.accordion-heading,
    h2.accordion-link,
    .header-search,
    .header-email,
    .main-menu>ul>li,
    .main-menu>ul>li>ul>li>a,
    .footer,
    .footer-menu-container,
    .home-slide,
    .inpage-slide,
    .hn-left,
    .page-top {
        position: relative;
    }
    
    .header-right {
        text-align: right;
    }
    
    .accordion-icon,
    .footer-contact span,
    .footer-menu-container>ul>li,
    .accordion-link .icon {
        vertical-align: top;
    }
    
    .header-top a,
    .search-form,
    .search-form-text,
    .search-form-submit,
    .header-search,
    .header-email,
    .header-search .icon,
    .header-email .icon,
    .header-logo,
    .main-menu>ul>li>a,
    .view-more:after,
    .crumb,
    .crumb:before,
    .crumbs .current:before {
        vertical-align: middle;
    }
    
    .header-search .icon,
    .header-email .icon,
    .home-slider-container .bx-wrapper .bx-pager.bx-default-pager a.active:before,
    .inpage-slider-container .bx-wrapper .bx-pager.bx-default-pager a.active:before {
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    
    .home-slider-container:before,
    .home-slide,
    .inpage-slide {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    
    .main,
    .content:before,
    .content:after,
    .home-bg,
    .home-bg:after,
    .expand-btn:after,
    .collect-btn:after,
    h2.accordion-heading,
    h2.accordion-link,
    .accordion-icon,
    .search-form-text,
    .search-form-submit,
    #backtotop,
    .footer-contact .icon,
    .footer-menu-container>ul>li,
    .home-slider-container .bx-wrapper .bx-controls-direction a,
    .inpage-slider-container .bx-wrapper .bx-controls-direction a,
    .slide-caption,
    .hn-left:before,
    .primary-btn,
    .view-more:after,
    .ql-icon,
    .page-top:before,
    .crumb:before,
    .crumbs .current:before,
    .home-icon,
    .fancybox-close-small:after,
    .accordion-link .icon {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
    }
    
    .home-slider-container,
    .home-slider-container .bx-wrapper,
    .home-slider-container .bx-viewport,
    .home-slider {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    
    body {
        min-width: 300px;
        color: #333333;
        font-size: 62.5%;
        font-size: 55%;
        font-family: "Lato", "Noto Sans HK", sans-serif;
        font-smoothing: auto;
        -webkit-font-smoothing: auto;
    }
    
    .container {
        width: 100%;
        min-width: 300px;
    }
    
    .wrapper {
        position: relative;
        width: 90%;
        max-width: 1180px;
        margin: 0 auto;
        max-width: 1360px;
        z-index: 2;
    }
    
    .header-wrapper {
        max-width: 1360px;
        width: 90%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .home-wrapper {
        position: relative;
    }
    
    .home-wrapper,
    .footer-wrapper {
        max-width: 1360px;
        width: 90%;
        z-index: 2;
    }
    
    .content>div:last-child {
        padding-bottom: 25em;
    }
    
    .main {
        position: relative;
        background-image: url(images/bg.jpg);
        background-size: 100%;
        background-position: bottom;
        background-color: #fefaed;
        z-index: 1;
        padding-top: 187px;
    }
    
    .main>div:last-child {
        padding-bottom: 265px;
    }
    
    .content {
        position: relative;
    }
    
    .content:before {
        top: 27.5%;
        left: 0;
        width: 14%;
        padding-bottom: 29%;
        background-image: url(images/pattern-3.png);
        background-size: 100%;
        background-position: top;
        z-index: 1;
    }
    
    .content:after {
        bottom: 40px;
        right: 0;
        width: 30%;
        padding-bottom: 30%;
        background-image: url(images/pattern-5.png);
        background-size: 100%;
        background-position: top;
        z-index: 1;
    }
    
    .home-bg {
        background-image: url(images/bg.jpg);
        background-size: 100%;
        background-position: top;
        background-color: #fefaed;
    }
    
    .home-bg:after {
        top: 20.5%;
        width: 100%;
        padding-bottom: 39%;
        background-image: url(images/home-pattern.png);
        background-size: 100%;
        background-position: top;
    }
    /* MOBILE */
    
    .main-menu-button-inner {
        width: 29px;
        height: 27px;
        position: relative;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        cursor: pointer;
    }
    
    .main-menu-button-inner span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background-color: #f3e948;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.25s ease-in-out;
        transition: 0.25s ease-in-out;
    }
    
    .main-menu-button-inner span:nth-child(1) {
        top: 0px;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    
    .main-menu-button-inner span:nth-child(2) {
        top: 10px;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    
    .main-menu-button-inner span:nth-child(3) {
        top: 20px;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    
    .menu-open .main-menu-button-inner span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0px;
        left: 5px;
    }
    
    .menu-open .main-menu-button-inner span:nth-child(2) {
        width: 0%;
        opacity: 0;
    }
    
    .menu-open .main-menu-button-inner span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 20px;
        left: 5px;
    }
    
    .main-menu-mask,
    .main-menu-button,
    .main-menu-top,
    .mobile,
    .header-mobile {
        display: none;
    }
    /* Components */
    
    h1,
    h2,
    h3,
    h4,
    h5 {
        font-family: 'Outfit';
    }
    
    h2 {
        font-size: 4em;
    }
    
    h3 {
        font-size: 3.2em;
    }
    
    h4 {
        font-size: 2.8em;
    }
    
    a {
        color: #333333;
        text-decoration: unset;
    }
    
    a:hover {
        color: #248b4d;
    }
    
    i,
    em {
        font-style: italic;
    }
    
    strong {
        font-weight: 700;
    }
    
    p {
        font-size: 2.4em;
        font-weight: 400;
        line-height: 1.8;
        text-align: justify;
    }
    
    p a,
    p li {
        font-size: 1em;
    }
    
    .aligncenter {
        text-align: center;
    }
    
    .flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    
    .photo {
        position: relative;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
        overflow: hidden;
    }
    
    .photo img {
        position: absolute;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center center;
        object-position: center center;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
    }
    
    .photo:hover img {
        -webkit-transform: perspective(1000px) scale(1.05, 1.05);
        transform: perspective(1000px) scale(1.05, 1.05);
        -webkit-transform-style: flat;
        transform-style: flat;
    }
    
    .expand-all {
        overflow: hidden;
        padding-bottom: 3em;
    }
    
    .expand-btn,
    .collect-btn {
        font-size: 2.1em;
        font-weight: 400;
        line-height: 1.2;
        color: #fff;
        border: 0;
        background-color: #445046;
        float: right;
        padding: 5px 12px;
        border-radius: 0 20px 20px 20px;
        cursor: pointer;
        font-family: "Lato", "Noto Sans HK", sans-serif;
    }
    
    .expand-btn:after,
    .collect-btn:after {
        width: 15px;
        height: 15px;
        background-position: bottom;
        margin-left: 16px;
        background-size: 100%;
    }
    
    .expand-btn:hover,
    .collect-btn:hover {
        background-color: #194D2E;
    }
    
    .expand-btn {
        display: none;
    }
    
    .expand-btn:after {
        background-image: url(images/icon-plus.png);
    }
    
    .collect-btn:after {
        background-image: url(images/icon-minus.png);
    }
    
    .accordion-row {
        margin-bottom: 3em;
    }
    
    .accordion-row:last-child {
        margin-bottom: 0;
    }
    
    .accordion-heading>span:first-child {
        display: inline-block;
        width: calc(100% - 40px);
    }
    
    .accordion-row.has-num {
        margin-top: 8em;
    }
    
    .accordion-row.has-num:first-child {
        margin-top: 0;
    }
    
    .accordion-row.has-num:last-child {
        margin-bottom: 0;
    }
    
    .accordion-row.has-num .accordion-heading>span:nth-child(2) {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 40px);
    }
    
    .sub-accordion-rows .accordion-row {
        margin-bottom: 3%;
    }
    
    .sub-accordion-rows .accordion-heading {
        position: relative;
        padding: 12px 18px;
    }
    
    .sub-accordion-rows .accordion-heading>span {
        font-size: 87%;
    }
    
    .sub-accordion-rows .accordion-heading>span:first-child {
        width: calc(100% - 40px);
    }
    
    .sub-accordion-rows .accordion-heading>span:nth-child(2) {
        width: 18px;
    }
    
    .sub-accordion-rows .accordion-link {
        position: relative;
        padding: 12px 18px;
    }
    
    .sub-accordion-rows .accordion-link .icon {
        width: 19px;
        height: 19px;
        margin-right: 12px;
    }
    
    .sub-accordion-rows .accordion-link a {
        display: inline-block;
        vertical-align: middle;
        font-size: 87%;
    }
    
    .sub-accordion-rows .accordion-details {
        border: 1px solid rgba(51, 51, 51, 0.2);
        border-top: 2px solid #e7e23d;
    }
    
    .accordion-heading,
    .accordion-link {
        position: relative;
        padding: 15px;
        /*&:after {
        @extend %c,
        %b,
        %abs,
        %contain;
        right: 10px;
        top: 24px;
        width: 22px;
        height: 22px;
        background-image: url(images/icon-plus.png);
    }*/
    }
    
    .hasnum .accordion-link span:nth-child(2) {
        width: auto;
    }
    
    .sec-heading.accordion-heading.active,
    .accordion-row:nth-child(even) h2.accordion-heading.active {
        background-color: #f3e948;
    }
    
    .sec-heading.accordion-heading.active:after {
        background-image: url(images/icon-minus.png);
    }
    
    h2.accordion-heading,
    h2.accordion-link {
        font-size: 2.4em;
        font-weight: 400;
        line-height: 1.2;
        background-color: #fff;
        padding: 22px 18px 22px 18px;
        cursor: pointer;
        transition: .2s ease-in-out;
        -ms-transition: .2s ease-in-out;
        -webkit-transition: .2s ease-in-out;
    }
    
    h2.accordion-heading:hover,
    h2.accordion-link:hover {
        background-color: #fff77e;
    }
    
    .accordion-row:nth-child(even) h2.accordion-heading,
    .accordion-row:nth-child(even) h2.accordion-link {
        background-color: #dcdaca;
    }
    
    .accordion-row:nth-child(even) h2.accordion-heading:hover,
    .accordion-row:nth-child(even) h2.accordion-link:hover {
        background-color: #fff77e;
    }
    
    .accordion-row .accordion-row h2.accordion-heading,
    .accordion-row .accordion-row h2.accordion-link {
        background-color: #f3f2d8;
    }
    
    .accordion-row .accordion-row h2.accordion-heading:hover,
    .accordion-row .accordion-row h2.accordion-link:hover {
        background-color: #fff77e;
    }
    
    .accordion-icon {
        float: right;
        width: 18px;
        height: 18px;
        margin-top: 5px;
        background-image: url(images/icon-plus.png);
        background-size: 100%;
        background-position: center top;
    }
    
    h2.accordion-heading.active {
        background-color: #f3e948;
    }
    
    h2.accordion-heading.active .accordion-icon {
        background-image: url(images/icon-minus.png);
    }
    
    .accordion-num {
        position: absolute;
        top: -48px;
        left: 0;
        font-size: 2.4em;
        font-family: 'Outfit';
        line-height: 1;
    }
    
    .accordion-details {
        display: none;
        background-color: #fff;
        padding: 15px 18px;
        color: #445046;
    }
    
    .accordion-details p {
        margin-bottom: 0.5em;
    }
    
    .accordion-details p,
    .accordion-details li {
        font-size: 2.2em;
        font-weight: 400;
        line-height: 1.78;
        text-align: justify;
    }
    
    .accordion-details ul {
        margin-bottom: 4em;
    }
    
    .accordion-details a {
        text-decoration: underline;
    }
    
    .accordion-details img {
        display: block;
        max-width: 1036px;
        width: 90%;
    }
    
    .text-block {
        /*  tr:nth-child(odd) {
        background-color: #f6f6f6;
    }*/
    }
    
    .text-block p {
        margin-bottom: 0.5em;
    }
    
    .text-block p {
        font-size: 2.1em;
        font-weight: 400;
        line-height: 1.78;
        text-align: justify;
    }
    
    .text-block li {
        font-size: 1em;
        margin-bottom: 1em;
    }
    
    .text-block ul,
    .text-block ol {
        font-size: 2.2em;
        font-weight: 400;
        line-height: 1.78;
        text-align: justify;
        margin-left: 27px;
    }
    
    .text-block ul ul,
    .text-block ul ol,
    .text-block ul p,
    .text-block ol ul,
    .text-block ol ol,
    .text-block ol p {
        font-size: 1em;
    }
    
    .text-block ol {
        list-style: auto;
    }
    
    .text-block table {
        width: 100%;
        table-layout: fixed;
        margin: 1% 0;
    }
    
    .text-block table {
        margin-top: 2%;
    }
    
    .text-block h2,
    .text-block h3,
    .text-block h4,
    .text-block h5,
    .text-block h6 {
        margin: 10px 0;
    }
    
    .text-block table {
        border-collapse: collapse;
    }
    
    .text-block td,
    .text-block th {
        padding: 10px;
        font-size: 2.1em;
        border: inherit;
        border: 1px solid #ccc;
    }
    
    .table-right {
        overflow: hidden;
    }
    
    .table-right table {
        float: right;
    }
    
    .table-center table {
        margin: auto;
    }
    
    .no-border>.custom-table>table td,
    .no-border>.custom-table>table th,
    .no-border>table td,
    .no-border>table th {
        border: none;
    }
    
    .text-block th {
        font-size: 2.1em;
        font-weight: 500;
        line-height: 1.2;
        text-align: left;
        background-color: #248b4d;
        color: #fff;
    }
    
    .text-block a {
        text-decoration: underline;
        color: #1d5f73;
    }
    
    .text-block a:hover {
        color: #297f9a;
    }
    
    .subheading {
        font-size: 2.4em;
        /* text-decoration: underline;*/
        margin: 2em 0 1em;
        font-weight: 700;
    }
    /* HEADER */
    
    .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        color: #333333;
        z-index: 10;
    }
    
    .header .header-heading span,
    .header .main-menu>ul>li>a,
    .header .top-menu a {
        color: #333333;
    }
    
    #header {
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    
    #header.sticky {
        position: fixed;
        top: 0;
        z-index: 99;
        width: 100%;
        -webkit-box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.07);
        box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.07);
        -webkit-transform: translateY(-38px);
        transform: translateY(-38px);
    }
    
    #header.sticky .header-logo {
        height: 40px;
    }
    
    #header.sticky .sub-menu-container {
        top: 186px;
    }
    
    #header.sticky,
    #header.sticky .header-middle,
    #header.sticky .header-logo,
    #header.sticky .main-menu>ul>li>a {
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    
    .header-top {
        background-color: #248b4d;
        color: #fff;
    }
    
    .header-top .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .header-top a {
        color: #fff;
        font-size: 1.5em;
        line-height: 1;
        text-align-last: end;
    }
    
    .header-top a:hover {
        color: #f3e948;
    }
    
    .ht-link {
        padding: 0 0 0 15px;
    }
    
    .fontsize-switcher {
        padding-left: 15px;
        cursor: pointer;
    }
    
    .ht-col-2 {
        font-size: 1.8em;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }
    
    .ht-col-2 span {
        display: inline-block;
        vertical-align: middle;
        font-weight: 300;
    }
    
    .ht-col-2 span:last-child {
        font-family: 'Basel Grotesk Light';
    }
    
    .ht-col-2 strong {
        margin-right: 10px;
    }
    
    .language-switcher {
        position: relative;
        display: inline-block;
    }
    
    .fontsize-switcher {
        display: flex;
        align-items: end;
        margin-bottom: 8px;
    }
    
    .fontsize-switcher a.fontsize-switch {
        display: inline-block;
        vertical-align: bottom;
        line-height: 1;
    }
    
    .fontsize-switcher a.fontsize-switch:nth-child(2) {
        padding: 0 5px;
    }
    
    .fontsize-switcher a.fontsize-switch.small {
        font-size: 1.2em;
    }
    
    .fontsize-switcher .large {
        font-size: 1.8em;
    }
    
    .language-chooser {
        width: 100%;
        margin-left: 12px;
        margin-right: 12px;
        z-index: 1;
        display: flex;
    }
    
    .lang-en {
        order: 1;
        border-left: 0;
        border-right: 1px solid #fff;
    }
    
    .lang-tc {
        border-right: 1px solid #fff;
        order: 2;
    }
    
    .lang-en {
        order: 1;
    }
    
    .lang-sc {
        order: 3;
    }
    
    .language-chooser li {
        display: inline-block;
        list-style: none;
    }
    
    .language-chooser a {
        display: block;
        padding: 0 6px;
        text-decoration: none;
    }
    
    .search-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        background-color: #fff;
        border-radius: 90px;
        padding: 5px 5px 5px 30px;
        font-size: 2em;
        justify-content: space-between;
    }
    
    .search-form-text {
        width: 90%;
        background-color: transparent;
        color: #a0a0a0;
        font-weight: 400;
        line-height: 1.2;
    }
    
    [type="search"] {
        width: calc(99% - 44px);
    }
    
    .search-btn {
        font-size: 0;
        width: 44px;
        height: 44px;
        background-size: 50%;
        text-transform: uppercase;
        background-image: url(images/icon-search.png);
        background-color: #f3e948;
        background-repeat: no-repeat;
        background-position: center top 11px;
        border-radius: 44px;
    }
    
    .search-form-text::-webkit-input-placeholder,
    .search-form-text:-moz-placeholder,
    .search-form-text::-moz-placeholder,
    .search-form-text:-ms-input-placeholder {
        color: #333333;
        opacity: 1;
    }
    
    .search .block-entry {
        margin-top: 3em;
    }
    
    .search-page-heading {
        margin-bottom: 0.5em;
        font-size: 3.5em;
    }
    
    .search-page-count {
        margin-bottom: 2em;
    }
    
    .search-result {
        display: block;
        color: #1d5f73;
        margin-bottom: 2em;
    }
    
    .search-result-title {
        font-size: 2.4em;
    }
    
    .header-search,
    .header-email {
        height: 42px;
        width: 42px;
        background-color: rgba(255, 255, 255, 0.15);
        transition: .2s ease-in-out;
        -ms-transition: .2s ease-in-out;
        -webkit-transition: .2s ease-in-out;
    }
    
    .header-search .icon,
    .header-email .icon {
        background-repeat: no-repeat;
        background-size: 16px;
        display: inline-block;
        display: block;
        margin: auto;
    }
    
    .header-search:hover,
    .header-email:hover {
        background-color: rgba(255, 255, 255, 0.3);
    }
    
    .header-email {
        background-color: #f3e948;
    }
    
    .header-email:hover {
        background-color: #fff99b;
    }
    
    .icon-search {
        background-image: url(images/icon-search.png);
        width: 16px;
        height: 16px;
        background-position: bottom;
    }
    
    .icon-email {
        background-image: url(images/icon-email.png);
        width: 16px;
        height: 12px;
        background-position: top;
    }
    
    .header-logo img {
        max-width: none;
        width: auto;
        height: 100%;
        max-height: 52px;
    }
    
    .header-logo-1 {
        border-right: 1px solid #6b1a69;
        margin-right: 0.6vw;
    }
    
    .header-middle {
        padding: 20px 0;
    }
    
    .header-bottom {
        border-top: 1px solid rgba(51, 51, 51, 0.2);
        border-bottom: 1px solid rgba(51, 51, 51, 0.2);
    }
    
    .main-menu>ul {
        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;
    }
    
    .main-menu>ul>li {
        font-size: 1em;
    }
    
    .main-menu>ul>li>a {
        color: #fff;
        font-size: 1.9em;
        text-align: center;
        padding: 15px 0 17px 0;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out;
        transition: .2s ease-in-out;
        transition: .2s ease-in-out;
    }
    
    .main-menu>ul>li>a:hover:before {
        position: absolute;
        left: 50%;
        bottom: 0;
        display: block;
        width: 100%;
        height: 4px;
        background-color: #f3e948;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        content: '';
    }
    
    .main-menu>ul>li>ul {
        display: none;
        background-color: #ffffff;
        color: #333333;
        left: 0;
        width: 320px;
        z-index: 10000;
        padding: 0 0;
    }
    
    .main-menu>ul>li:last-child>ul {
        left: unset;
        right: 0;
    }
    
    .main-menu>ul>li>ul:before {
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
        content: '';
        z-index: -1;
    }
    
    .main-menu>ul>li>ul>li {
        width: 100%;
    }
    
    .main-menu>ul>li>ul>li>a {
        color: #333333;
        text-decoration: none;
    }
    
    .main-menu>ul>li>ul>li:hover>a {
        background-color: #f3e948;
    }
    
    .main-menu>ul>li:hover>a:before {
        position: absolute;
        left: 50%;
        bottom: 0;
        display: block;
        width: 100%;
        height: 4.5px;
        background-color: #f3e948;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        content: '';
    }
    
    .main-menu>ul>li:hover>ul {
        display: block;
        z-index: 10000;
        border-top: 1px solid #dadada;
    }
    
    .top-menu>ul>li>a {
        font-size: 1.7em;
        padding: 10px;
    }
    
    .header li.current-menu-item>a {
        position: relative;
    }
    
    .header li.current-menu-item>a:before {
        position: absolute;
        left: 50%;
        bottom: 0;
        display: block;
        width: calc(100% - 30px);
        height: 4.5px;
        background-color: #f3e948;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        content: '';
    }
    
    .header li li.current-menu-item>a:before {
        width: 100%;
    }
    
    .main-menu>ul>li>ul>li {
        width: 100%;
    }
    
    .main-menu>ul>li>ul>li>a {
        padding: 10px;
        font-size: 1.8em;
        font-weight: 500;
        line-height: 1.2;
    }
    /*
.main-menu>ul>li.menu-item-has-children>a {
    padding: 12px 12px;
    &:after {
        @extend %ib,
        %vt,
        %contain;
        width: 10px;
        height: 8px;
        margin-left: 8px;
        margin-top: 5px;
        background-image: url(images/dropdown.png);
        content: '';
    }
}*/
    /* FOOTER */
    
    #backtotop {
        bottom: 5%;
        right: 5%;
        display: inline-block;
        background-color: rgba(68, 80, 70, 0.3);
        background-size: contain;
        background-image: url(images/back-to-top.png);
        width: 56px;
        height: 56px;
        background-size: 40%;
        text-align: center;
        position: fixed;
        border-radius: 56px;
        -webkit-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        opacity: 0;
        z-index: 1000;
        cursor: pointer;
    }
    
    #backtotop:hover {
        background-color: rgba(68, 80, 70, 0.5);
    }
    
    #backtotop.show {
        opacity: 1;
    }
    
    .footer {
        background-color: #FFF;
        z-index: 3;
        padding: 3em 0;
        -webkit-box-shadow: 25px 10px 25px #b5b5b5;
        box-shadow: 25px 10px 25px #b5b5b5;
        border-radius: 5.5em 5.5em 0 0;
        margin-top: -40px;
    }
    
    .footer a {
        color: #333333;
    }
    
    .footer-left {
        width: 55%;
    }
    
    .footer-left h2 {
        font-size: 2.2em;
        font-weight: 700;
        line-height: 1.2;
    }
    
    .footer-right {
        max-width: 480px;
    }
    
    .footer-logo {
        display: inline-block;
    }
    
    .footer-logo img {
        max-width: none;
        width: auto;
        height: 48px;
    }
    
    .footer-logo-1 {
        border-right: 1px solid #6b1a69;
        margin-right: 0.6vw;
    }
    
    .footer-contact {
        font-size: 1.7em;
        font-weight: 400;
        line-height: 1.2;
        margin-top: 1em;
    }
    
    .footer-contact a:hover {
        color: #f3e948;
    }
    
    .footer-contact .icon {
        width: 18px;
        height: 18px;
        margin-right: 10px;
        margin-top: 4px;
    }
    
    .icon-pin {
        background-image: url(images/icon-pin.png);
    }
    
    .icon-email-y {
        background-image: url(images/icon-email-yellow.png);
    }
    
    .icon-tel {
        background-image: url(images/icon-tel.png);
    }
    
    .icon-fax {
        background-image: url(images/icon-fax.png);
    }
    
    .fc-heading {
        width: 123px;
        color: #8E8E8E;
        font-weight: 700;
    }
    
    .footer-menu-container>ul>li {
        width: 48%;
    }
    
    .footer-menu-container>ul>li:hover {
        background-color: transparent;
    }
    
    .footer-menu-container>ul>li:hover a {
        color: #f3e948;
    }
    
    .footer-menu-container>ul>li:nth-child(2n+1) {
        margin-right: 1%;
    }
    
    .footer-menu-container>ul>li>a {
        display: block;
        color: #333333;
    }
    
    .footer-menu-container>ul>li ul {
        display: none;
        background-color: #5ca5e0;
    }
    
    .footer-menu-container>ul>li ul li {
        padding: 10px 0;
    }
    
    .footer-menu-container a {
        font-size: 1.8em;
    }
    
    .footer-menu-container li {
        padding: 10px 12px;
    }
    
    .footer-menu-container li:hover {
        background-color: #f3e948;
    }
    
    .footer-menu-container li a {
        font-weight: 400;
    }
    
    .fr-col-1 {
        width: 67%;
        margin-top: -10px;
    }
    
    .fr-col-2 {
        width: 30%;
    }
    
    .fr-col-2 p {
        font-size: 1.8em;
        margin-bottom: 10px;
        line-height: 1;
        color: #8E8E8E;
    }
    
    .footer-link {
        font-size: 1.8em;
        padding: 10px 0;
    }
    
    .footer-bottom {
        margin: 3em 0 0 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 2em;
        border-top: 1px solid rgba(51, 51, 51, 0.2);
    }
    
    .copyright {
        display: inline-block;
        font-size: 1.6em;
        font-weight: 400;
        line-height: 1.2;
        text-align: right;
        margin-bottom: 1em;
        font-size: 1.6em;
        font-weight: 400;
        line-height: 1.2;
        color: #969ea3;
    }
    
    .bottom-menu {
        display: block;
    }
    
    .bottom-menu li {
        display: inline-block;
        padding: 0 4px 0 0;
        margin-left: 4px;
        font-size: 1.6em;
        font-weight: 400;
        line-height: 1;
        border-right: 1px solid #969ea3;
    }
    
    .bottom-menu a {
        color: #969ea3;
    }
    
    .bottom-menu li:first-child {
        margin-left: 0;
    }
    
    .bottom-menu li:last-child {
        border: 0;
        padding-right: 4px;
    }
    
    .fb-right img {
        height: 60px;
        max-width: unset;
    }
    /* Home */
    
    .home-slider-container,
    .home-slider-container .bx-wrapper,
    .home-slider-container .bx-viewport,
    .home-slider {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 44%;
    }
    
    .home-slider-container:before {
        bottom: -1px;
        width: 100%;
        padding-bottom: 6%;
        background-image: url(images/home-banner-border.png);
        content: '';
        z-index: 1;
    }
    
    .home-slide {
        padding-bottom: 44%;
    }
    
    .home-slider-container .bx-wrapper .bx-controls-direction a,
    .inpage-slider-container .bx-wrapper .bx-controls-direction a {
        background-position: 50%;
        background-size: 45%;
        background-color: rgba(255, 255, 255, 0.5);
        border-radius: 45px;
        width: 64px;
        height: 64px;
        z-index: 1;
    }
    
    .home-slider-container .bx-wrapper .bx-controls-direction a.bx-prev,
    .inpage-slider-container .bx-wrapper .bx-controls-direction a.bx-prev {
        left: 2%;
        background-image: url(images/icon-arrow-prev.png);
    }
    
    .home-slider-container .bx-wrapper .bx-controls-direction a.bx-next,
    .inpage-slider-container .bx-wrapper .bx-controls-direction a.bx-next {
        right: 2%;
        background-image: url(images/icon-arrow-next.png);
    }
    
    .home-slider-container .bx-wrapper .bx-pager.bx-default-pager,
    .inpage-slider-container .bx-wrapper .bx-pager.bx-default-pager {
        bottom: calc(6% + 40px);
    }
    
    .home-slider-container .bx-wrapper .bx-pager.bx-default-pager a,
    .inpage-slider-container .bx-wrapper .bx-pager.bx-default-pager a {
        width: 12px;
        height: 12px;
        margin: 0 15px;
        outline: 0;
        background-color: rgba(255, 255, 255, 0.5);
    }
    
    .home-slider-container .bx-wrapper .bx-pager.bx-default-pager a.active,
    .inpage-slider-container .bx-wrapper .bx-pager.bx-default-pager a.active {
        position: relative;
        background-color: #fff;
    }
    
    .home-slider-container .bx-wrapper .bx-pager.bx-default-pager a.active:before,
    .inpage-slider-container .bx-wrapper .bx-pager.bx-default-pager a.active:before {
        border: 1px solid #fff;
        width: 32px;
        height: 32px;
        border-radius: 45px;
        content: '';
    }
    
    .home-slide,
    .inpage-slide {
        width: 100%;
        height: 100%;
        /*  &:before {
        @extend %abs,
        %b;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(0, 0, 0);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 100%);
        opacity: .7;
        content: '';
    }*/
    }
    
    .inpage-slide:before {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: black;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(black));
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, black 100%);
        opacity: .7;
        content: '';
    }
    
    .slide-wrapper {
        position: absolute;
        width: 90%;
        height: 100%;
        max-width: 1360px;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        margin: auto;
    }
    
    .slide-caption {
        right: 0;
        bottom: 18%;
        max-width: 678px;
        width: 100%;
        color: #fff;
        background-color: rgba(55, 169, 100, 0.7);
        background-image: url(images/slide-btn.png);
        background-size: 70px;
        background-position: right bottom;
        font-size: 5em;
        font-weight: 400;
        line-height: 1.23;
        font-family: 'Outfit';
        padding: 3% 6% 3% 3%;
        border-radius: 55px 0 0 0;
        transition: .2s ease-in-out;
        -ms-transition: .2s ease-in-out;
        -webkit-transition: .2s ease-in-out;
    }
    
    .slide-caption:hover {
        background-color: rgba(243, 233, 72, 0.5);
        color: #fff;
    }
    
    .hn-left {
        width: 23%;
    }
    
    .hn-left:before {
        right: 25%;
        top: -10%;
        width: 50%;
        padding-bottom: 82.5%;
        background-image: url(images/pattern-1.png);
        z-index: 1;
    }
    
    .hn-left h2 {
        display: block;
        position: relative;
        font-size: 5em;
        font-weight: 400;
        line-height: 1.2;
        color: #333333;
        margin-top: 16%;
        z-index: 2;
    }
    
    .hn-left h2:after {
        width: 83px;
        height: 4px;
        background-color: #333333;
        margin-top: 10px;
        border-radius: 10px;
        margin-bottom: 2.2em;
    }
    
    .primary-btn {
        background-color: #f3e948;
        font-size: 2.1em;
        font-weight: 400;
        line-height: 1.2;
        background-image: url(images/icon-arrow-next-dark.png);
        padding: 8px 60px 8px 20px;
        border-radius: 0 35px 35px 35px;
        background-size: 15%;
        background-position: right 20px center;
        transition: .2s ease-in-out;
        -ms-transition: .2s ease-in-out;
        -webkit-transition: .2s ease-in-out;
    }
    
    .primary-btn:hover {
        background-color: #fff;
    }
    
    .hn-right {
        position: relative;
        width: 77%;
    }
    
    .home-news {
        height: 370px;
        background-color: #fff;
        padding: 0 10px;
        overflow-y: auto;
    }
    
    .hn-row {
        padding: 20px 10px;
        border-bottom: 1px solid #cccc;
    }
    
    .hn-row:last-child {
        border: 0;
    }
    
    .hnr-date {
        display: inline-block;
        vertical-align: top;
        width: 140px;
        text-align: center;
        background-color: #faf8eb;
        margin-right: 3%;
        border-radius: 15px 15px 15px 0;
        -webkit-box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.2);
        box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.2);
        overflow: hidden;
    }
    
    .hnr-day {
        font-size: 3em;
        font-weight: 700;
        line-height: 1.2;
        min-height: 28px;
        background-color: #f3e948;
        padding: 3px 8px 0 8px;
    }
    
    .hnr-month {
        font-size: 1.7em;
        font-weight: 700;
        line-height: 1.2;
        background-color: #f3e948;
        padding: 0 8px 10px 8px;
    }
    
    .hnr-year {
        font-size: 1.8em;
        font-weight: 400;
        line-height: 1.2;
        padding: 5px;
    }
    
    .hnr-content {
        display: inline-block;
        vertical-align: middle;
        width: calc(96% - 140px);
    }
    
    .hnr-content span {
        display: block;
        font-size: 2.2em;
        font-weight: 400;
        line-height: 1.2;
    }
    
    .hnr-content span:first-child {
        min-height: 63px;
    }
    
    .hnr-content .view-more {
        font-size: 1.8em;
        font-weight: 400;
        line-height: 1.2;
        float: right;
        text-align: right;
        margin-top: 3px;
    }
    
    .hnr-content a:hover .view-more:after {
        margin-left: 10px;
    }
    
    .view-more {
        font-size: 1.8em;
        font-weight: 400;
        line-height: 1.2;
        margin-top: 15px;
    }
    
    .view-more:after {
        width: 18px;
        height: 18px;
        margin-left: 5px;
        background-image: url(images/icon-arrow-next-dark.png);
        transition: .2s ease-in-out;
        -ms-transition: .2s ease-in-out;
        -webkit-transition: .2s ease-in-out;
    }
    
    .custom-date {
        position: relative;
        height: 56px;
        padding-bottom: 3px;
    }
    
    .custom-date span {
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        padding: 5px;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    
    .hb-1 {
        padding: 3.5em 0 10em 0;
    }
    
    .hb-2 {
        padding: 10em 0 30em 0;
    }
    
    .hb-2 .sec-heading {
        text-align: center;
    }
    
    .hb-2 .sec-heading:after {
        width: 83px;
        height: 4px;
        background-color: #333333;
        margin: 10px auto 0 auto;
        border-radius: 10px;
        margin-bottom: 1.5em;
    }
    
    .sec-heading {
        font-size: 6.5em;
        font-weight: 400;
        line-height: 1.2;
        color: #333333;
    }
    
    .sec-heading:after {
        width: 83px;
        height: 4px;
        background-color: #333333;
        margin-top: 10px;
        border-radius: 10px;
        margin-bottom: 1.5em;
    }
    
    .quick-links {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: stretch;
        gap: 2%;
    }
    
    .quick-link {
        -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
        margin-bottom: 8em;
        transition: .2s ease-in-out;
        -ms-transition: .2s ease-in-out;
        -webkit-transition: .2s ease-in-out;
    }
    
    .quick-link:hover .ql-icon {
        transform: scale(1.05);
        -ms-transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }
    
    .quick-link:hover .ql-text {
        color: #248b4d;
    }
    
    .ql-icon {
        width: 6.4vw;
        height: 6.4vw;
        margin: 0 auto 1em auto;
        transition: .2s ease-in-out;
        -ms-transition: .2s ease-in-out;
        -webkit-transition: .2s ease-in-out;
    }
    
    .ql-text {
        display: block;
        font-size: 3em;
        font-weight: 400;
        line-height: 1.4;
        text-align: center;
        color: #445046;
    }
    
    .page-top h1 {
        font-size: 4.5em;
        font-weight: 500;
        line-height: 1.2;
        padding: 38px 0;
    }
    
    .page-top h1:after {
        width: 83px;
        height: 4px;
        background-color: #333333;
        border-radius: 10px;
        margin-top: 12px;
    }
    
    .single-announcement .page-top {
        margin-bottom: 2em;
    }
    
    .page-top:before {
        top: 15.2%;
        right: 4.5%;
        width: 16%;
        padding-bottom: 32%;
        background-image: url(images/pattern-2.png);
        background-size: 100%;
        background-position: top;
    }
    
    .breadcrumb {
        width: 100%;
        overflow: hidden;
        margin-top: 3em;
    }
    
    .page-top-with-image .breadcrumb a {
        color: #fff;
    }
    
    .breadcrumb ul.crumbs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        white-space: nowrap;
        margin: 0;
        padding: 0;
    }
    
    .crumbs li {
        display: inline-block;
        vertical-align: middle;
        list-style: none;
        margin-bottom: 0;
    }
    
    .crumb,
    .crumbs .current {
        display: inline-block;
        font-size: 1.6em;
        padding: 0 10px 0 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #333333;
        vertical-align: middle;
    }
    
    .crumb:before,
    .crumbs .current:before {
        width: 10px;
        height: 10px;
        background-image: url(images/icon-arrow-right.png);
        margin: 0 10px 0 0;
    }
    
    .crumb:first-child:before {
        display: none;
    }
    
    .home-icon {
        width: 14px;
        height: 14px;
        background-image: url(images/icon-home.png);
        margin-right: 10px;
        vertical-align: middle;
    }
    
    .home-popup,
    .popup-trigger {
        display: none;
    }
    
    .home-popup {
        max-width: 768px;
        width: 90%;
        border-radius: 30px 0 30px 0;
        padding: 5em;
        background-image: url(images/popup-pattern.png);
        background-repeat: no-repeat;
        background-position: bottom right 3em;
        background-size: 20%;
    }
    
    .home-popup h2 {
        font-size: 2.8em;
        font-weight: 500;
    }
    
    .home-popup h2:after {
        display: inline-block;
        display: block;
        width: 70px;
        height: 4px;
        background-color: #333333;
        margin-top: 10px;
        margin-bottom: 12px;
        border-radius: 10px;
        content: '';
    }
    
     ::-webkit-scrollbar {
        width: 8px;
        margin-left: 5px;
    }
    
     ::-webkit-scrollbar-track {
        background: transparent;
    }
    
     ::-webkit-scrollbar-thumb {
        background: #e9e9e9;
        border-radius: 6px;
    }
    
     ::-webkit-scrollbar-thumb:hover {
        background: #f3e948;
    }
    
    .hpt-row {
        border-bottom: 1px solid #ccc;
        padding-bottom: 3em;
        margin-bottom: 4em;
    }
    
    .hpt-row-text {
        /*   max-height: 92px;
        overflow: hidden;*/
        font-size: 1.7em;
        font-weight: 300;
    }
    
    .hpt-row-text p {
        font-weight: 300;
        margin-bottom: 0;
        font-size: 1em;
        /*   display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.5;
        max-height: 6em;
    */
    }
    
    .hpt-row h2 {
        font-size: 2.8em;
    }
    
    .hpt-row:last-child {
        border-bottom: 0;
    }
    
    .hpt-row a.primary-btn {
        font-size: 1.5em;
        background-image: none;
        color: #fff;
        background-color: #333;
        border-radius: 0 30px 30px 30px;
        padding: 9px 22px;
        margin-top: 1.8em;
    }
    
    .hpt-row a.primary-btn:hover {
        background-color: #248b4d;
    }
    
    .home-popup-inner {
        margin-top: 10px;
        max-height: 80vh;
        height: auto;
        overflow-y: auto;
        padding-right: 10px;
    }
    
    .fancybox-close-small:after {
        right: 2em;
        top: 1em;
        width: 24px;
        height: 24px;
        background-image: url(images/icon-close.png);
        content: '';
    }
    
    .fancybox-close-small:hover:after {
        background-color: transparent;
        content: '';
        color: transparent;
    }
    
    .page-top-with-image .crumb:before,
    .page-top-with-image .crumbs .current:before {
        margin-bottom: 3px;
    }
    
    li.hash-list {
        list-style: none;
        margin-left: -18px;
    }
    
    li.hash-list span {
        display: inline-block;
        width: calc(100% - 20px);
        vertical-align: top;
    }
    
    li.hash-list:before {
        content: "#";
        margin-right: 8px;
    }
    
    .le-title {
        display: inline-block;
        vertical-align: top;
        font-family: 'Outfit';
        font-weight: 500;
        width: calc(96% - 180px);
    }
    
    .le-heading {
        font-size: 2.4em;
        margin-bottom: 1em;
    }
    
    .main-menu>ul>li {
        position: relative;
    }
    
    .main-menu>ul>li.current-page-ancestor:before {
        position: absolute;
        left: 50%;
        bottom: 0;
        display: block;
        width: 100%;
        height: 4.5px;
        background-color: #f3e948;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        content: '';
    }
    
    .white-block {
        border-bottom: 0;
        background-color: white;
        border-radius: 12px;
        padding: 30px;
    }
    
    .news-date {
        font-size: 2.4em;
        background-image: url(images/date.png);
        background-size: auto 20px;
        background-position: left center;
        background-repeat: no-repeat;
        padding-left: 31px;
        margin-top: 0;
    }
    
    .announcement .page-top {
        margin-bottom: 2em;
    }
    
    .accordion-link .icon {
        width: 22px;
        height: 22px;
        margin-right: 15px;
    }
    
    .icon-link {
        background-image: url(images/link.png);
    }
    
    .list-entries .accordion-row {
        border-bottom: 1px solid #dfdfdf;
    }
    
    .list-entries .accordion-icon {
        position: absolute;
        top: 30px;
        right: 20px;
        float: unset;
        width: 48px;
        height: 48px;
        margin-top: 5px;
        background-image: url(images/icon-plus.png);
        background-size: 18px auto;
        background-position: center top 15px;
        background-color: rgba(55, 205, 25, 0.2);
        border-radius: 48px;
        margin-top: 0;
    }
    
    .list-entries .active .accordion-icon,
    .list-entries .accordion-heading:hover .accordion-icon {
        background-color: #fff;
    }
    
    .list-entries .accordion-heading {
        font-weight: 500;
        padding: 38px 16px;
    }
    
    .list-entries h2.accordion-heading.active,
    .list-entries h2.accordion-heading:hover,
    .list-entries h2.accordion-heading.active a,
    .le-style-2 h2.accordion-heading.active,
    .le-style-2 h2.accordion-heading:hover,
    .le-style-2 h2.accordion-heading.active a {
        background-color: #248b4d;
        color: #fff;
    }
    
    .list-entries .accordion-details .list-entry {
        padding: 28px 16px;
        font-size: 87%;
        background-color: #f9f7e8;
        border: 0;
        margin-bottom: 1em;
        background-color: rgba(37, 139, 77, 0.15);
    }
    
    .list-entries .accordion-details .list-entry:after {
        width: 34px;
        height: 34px;
        top: 34px;
        background-size: 47% auto;
    }
    
    .list-entries .accordion-details .list-entry:nth-child(even) {
        background-color: rgba(37, 139, 77, 0.15);
    }
    
    .list-entries .accordion-details .list-entry:nth-child(even):hover {
        background-color: #248b4d;
    }
    
    .le-style-2 .list-entry {
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out;
    }
    
    .le-style-2 .list-entry:nth-child(even) {
        background-color: #fff;
    }
    
    .le-style-2 .list-entry:hover {
        background-color: #248b4d;
        color: #fff;
    }
    
    .le-style-2 .list-entry:hover .accordion-icon {
        background-color: #fff;
    }
    
    .le-style-2 .list-entry:after {
        background-color: rgba(55, 205, 25, 0.2);
    }
    
    .le-style-2 .accordion-heading>span:first-child,
    .le-style-2 .le-title {
        display: inline-block;
        width: calc(98% - 45px);
    }
    
    h1,
    h2,
    h3,
    h4,
    h5 {
        font-weight: 500;
    }
    
    .list-entries-container {
        border: 30px solid white;
        border-bottom: 0;
        background-color: white;
        border-radius: 12px;
        padding-bottom: 7em;
    }
    
    .list-entry {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: center;
        position: relative;
        height: 102px;
        padding: 38px 16px;
        color: #0d2818;
        border-bottom: 1px solid #dfdfdf;
    }
    
    .list-entry-inner {
        width: 100%;
    }
    
    .list-entry-inner .le-date {
        font-weight: 400;
        font-family: 'Lato', sans-serif;
    }
    
    a.list-entry:after {
        content: '';
        /* position: absolute;
        top: 35px;

        margin-top: -1.2em;
        */
        align-items: center;
        right: 20px;
        width: 48px;
        height: 48px;
        background: rgba(240, 237, 62, 0.5) url("images/icon-arrow-next-dark.png") no-repeat center center;
        background-size: 34% auto;
        border-radius: 50%;
    }
    
    .page-template-page-announcements .list-entry:after {
        position: absolute;
    }
    
    .page-template-page-links .list-entry:after {
        position: absolute;
    }
    
    .list-entry.without-icon {
        display: block;
    }
    
    .list-entry.without-icon:after {
        display: none;
    }
    
    .list-entry.without-icon:hover {
        background-color: #fff;
    }
    
    .list-entry .list-entry.without-icon:hover {
        background-color: #f9f7e8;
    }
    
    .list-entry:nth-child(even) {
        background-color: rgba(225, 214, 132, 0.2);
    }
    
    a.list-entry:hover {
        background-color: #f3e948;
    }
    
    a.list-entry:hover:after {
        background-color: rgba(255, 255, 255, 0.8);
    }
    
    .list-entry-static:after {
        display: none;
    }
    
    .list-entry .list-entries {
        margin-top: 3em;
    }
    
    .list-entry .list-entry {
        padding: 28px 16px;
        font-size: 87%;
        background-color: #f9f7e8;
        border: 0;
        margin-bottom: 1em;
    }
    
    .list-entry .list-entry:after {
        width: 34px;
        height: 34px;
        top: 29px;
    }
    
    .le-date,
    .le-title {
        font-size: 2.4em;
    }
    
    .le-date {
        display: inline-block;
        width: 7em;
    }
    
    .page-template-page-important-dates-php .le-date {
        width: 11em;
    }
    
    .le-date {
        text-transform: uppercase;
    }
    
    .page-template-page-important-dates-php .le-title {
        width: calc(96% - 250px);
    }
    
    .navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 60px 0;
        gap: 10px;
    }
    
    .next,
    .prev,
    .page-numbers {
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        border-radius: 50%;
    }
    
    .next,
    .prev {
        font: 0/0 a;
        color: transparent;
        background: no-repeat center center;
        background-size: 8px auto;
    }
    
    .next.inactive,
    .prev.inactive {
        pointer-events: none;
    }
    
    .prev {
        background-image: url("images/nav-arrow-left.png");
    }
    
    .prev.inactive {
        background-image: url("images/nav-arrow-left-inactive.png");
    }
    
    .next {
        background-image: url("images/icon-arrow-right.png");
    }
    
    .next.inactive {
        background-image: url("images/nav-arrow-next-inactive.png");
    }
    
    .page-numbers {
        font-size: 2.1em;
    }
    
    .page-numbers.active,
    .page-numbers:hover,
    .page-numbers:hover {
        background-color: rgba(243, 233, 72, 0.5);
    }
    
    .block-top-title h2 {
        margin-bottom: 1em;
        font-size: 3.2em;
        line-height: 1.3;
        text-align: center;
    }
    
    .block-entries {
        padding-top: 30px;
    }
    
    .block-entry {
        position: relative;
        padding: 30px;
        margin-bottom: 80px;
        background-color: white;
        border-radius: 12px;
    }
    
    .show-num {
        padding: 30px 40px 30px 100px;
    }
    
    .show-num {
        position: relative;
        padding-left: 100px;
    }
    
    .block-number {
        position: absolute;
        left: 0;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 80px;
        height: 80px;
        font-size: 4.2em;
        background-color: #f3e948;
        border-bottom-right-radius: 70%;
    }
    
    .block-heading {
        margin-bottom: 1em;
        font-size: 4.2em;
        overflow-wrap: break-word;
    }
    
    .block-text ul,
    .block-text ol {
        margin-left: 2em;
    }
    
    .block-text ul {
        list-style: disc;
    }
    
    .lower-roman ol {
        list-style: lower-roman;
    }
    
    .decimal ol {
        list-style: lower-roman;
    }
    
    .text-block ul ul,
    .text-block ul ol,
    .text-block ol ol,
    .text-block ol ul {
        margin-top: 0.5em;
    }
    
    .text-block li {
        line-height: 1.78;
    }
    
    .text-block p {
        font-size: 2.2em;
        line-height: 1.78;
    }
    
    .text-block li {
        margin-bottom: 1.5em;
    }
    
    .text-block li li {
        margin-bottom: 0.5em;
    }
    
    .text-block table table {
        margin-top: 0;
    }
    
    .text-block p p,
    .text-block p li,
    .text-block p th,
    .text-block p td,
    .text-block li p,
    .text-block li li,
    .text-block li th,
    .text-block li td,
    .text-block th th,
    .text-block th p,
    .text-block th li,
    .text-block th td,
    .text-block td td,
    .text-block td p,
    .text-block td li,
    .text-block td th,
    .text-block td ul,
    .text-block td ol {
        font-size: 1em;
    }
    
    .text-block td {
        line-height: 1.4;
    }
    
    .text-block td p,
    .text-block td li,
    .text-block td th,
    .text-block td ul,
    .text-block td ol {
        margin-bottom: 1em;
        line-height: 1.4;
    }
    
    .text-block p {
        margin-bottom: 1em;
    }
    
    .text-block a {
        display: inline-block;
        color: #1d5f73;
        word-break: break-all;
    }
    
    sub,
    sup {
        position: relative;
        font-size: 75%;
        line-height: 0;
        vertical-align: baseline;
    }
    
    sup {
        top: -0.5em;
    }
    
    sub {
        bottom: -0.25em;
    }
    
    .bt-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 3em;
    }
    
    .bt-icon {
        position: relative;
        width: 18px;
        height: 18px;
        top: 5px;
        margin-right: 10px;
    }
    
    .bt-icon-address {
        top: 5px;
    }
    
    .bt-icon-phone {
        top: 6px;
    }
    
    .bt-icon-email {
        top: 8px;
    }
    
    .bt-icon img {
        max-width: 100%;
        max-height: 100%;
    }
    
    .bt-label,
    .bt-text {
        font-size: 2.2em;
        line-height: 1.4;
    }
    
    .bt-text p {
        font-size: 1em;
    }
    
    .bt-label {
        width: 6em;
    }
    
    .page-top-with-image {
        position: relative;
        color: white;
        background: url("images/page-top-bg.jpg") no-repeat center center;
        background-size: cover;
        padding-top: 3em;
        overflow: hidden;
        margin-bottom: 5em;
    }
    
    .page-top-with-image .crumb,
    .page-top-with-image .crumbs .current {
        color: #fff;
    }
    
    .page-top-with-image:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(13, 40, 24, 0.7);
    }
    
    .page-top-with-image:before {
        display: none;
    }
    
    .page-top-with-image .crumb {
        color: white;
    }
    
    .page-top-with-image .crumb:before,
    .page-top-with-image .crumbs .current:before {
        background-image: url(images/icon-arrow-right-white.png);
    }
    
    .page-top-with-image .home-icon {
        width: 14px;
        height: 14px;
        background-image: url(images/icon-home-white.png);
    }
    
    .page-top-with-image h1:after {
        background-color: white;
    }
    
    .list-entry.accordion-heading,
    .le-style-2 .accordion-heading {
        font-size: 1em;
        padding: 38px 16px;
        border-bottom: 0;
    }
    
    .le-style-2 .accordion-heading:hover a {
        color: #fff;
    }
    
    .le-style-2 .accordion-heading a:hover {
        color: #caebd8;
    }
    
    .list-entry.accordion-heading:hover {
        background-color: #f3e948 !important;
        color: #248b4d !important;
    }
    
    .list-entry.accordion-heading:after {
        display: none;
    }
    
    .list-entry.accordion-heading .accordion-icon {
        background-color: #f4f29b;
    }
    
    .list-entries .list-entry.accordion-heading.active {
        background-color: #fff;
        color: #0d2818;
    }
    
    .announcement-details {
        padding-top: 1em;
        padding-left: 166px;
        padding-right: 92px;
    }
    
    .announcement-links {
        margin: 2em 0;
    }
    
    .announcement-link {
        display: block;
        padding: 28px 16px;
        font-size: 87%;
        margin-bottom: 1em;
        background-color: #f9f7e8;
        position: relative;
    }
    
    .announcement-link:after {
        content: '';
        position: absolute;
        right: 20px;
        top: 35px;
        margin-top: -1.2em;
        background: rgba(240, 237, 62, 0.5) url(images/icon-arrow-next-dark.png) no-repeat center center;
        width: 34px;
        height: 34px;
        top: 29px;
        border-radius: 48px;
        background-size: 47% auto;
    }
    
    .announcement-link:hover {
        background-color: #f3e948;
    }
    
    .announcement-link:hover:after {
        background-color: #fff;
    }
    
    .sub-accordion-rows .accordion-heading span:first-child {
        display: inline-block;
        width: calc(100% - 20px);
    }
    
    .sub-accordion-rows .accordion-heading span:nth-child(2),
    .accordion-row.has-num .sub-accordion-rows .accordion-heading span:nth-child(2) {
        width: 18px;
    }
    /* Alfred */
    
    .hnr-month.extended {
        height: 55px;
        padding: 11px 0;
    }
    
    .lh-1 p,
    .lh-1 li,
    .lh-1 td,
    .lh-1 th {
        line-height: 1;
    }
    
    .lh-2 p,
    .lh-2 li,
    .lh-2 td,
    .lh-2 th {
        line-height: 1.5;
    }
    
    .lh-3 p,
    .lh-3 li,
    .lh-3 td,
    .lh-3 th {
        line-height: 2;
    }
    
    .lh-4 p,
    .lh-4 li,
    .lh-4 td,
    .lh-4 th {
        line-height: 2.5;
    }
    
    .blank_bg {
        margin-bottom: 60px;
    }
    
    .admin-bar .header {
        margin-top: 31px;
    }
    
    .sitemap-menu li {
        font-size: 1em;
        margin-bottom: 3em;
    }
    
    .sitemap-menu>ul>li {
        margin-bottom: 5em;
    }
    
    .sitemap-menu>ul>li>a {
        font-size: 2.2em;
        margin-bottom: 2em;
    }
    
    .sitemap-menu>ul>li li a {
        display: block;
        font-size: 2em;
        margin-bottom: 15px;
    }
    
    .sitemap-menu a:hover {
        color: #1d5f73;
    }
    
    .sitemap-menu>ul>li>a {
        display: block;
        color: #1d5f73;
        font-weight: 600;
        margin-bottom: 15px;
    }
    
    .green th,
    .green table>tbody:first-child>tr:first-child td,
    .col-green tr td:first-child {
        background-color: #248b4d;
        color: #fff;
    }
    
    .yellow th,
    .yellow table>tbody:first-child>tr:first-child td,
    .col-yellow tr td:first-child {
        background-color: #f3e948;
        color: #333;
    }
    
    .default th,
    .default table>tbody:first-child>tr:first-child td,
    .col-default tr td:first-child {
        background-color: white;
        color: #333;
    }
    
    .decimal ol {
        list-style: outside decimal;
    }
    
    .lower-roman ol {
        list-style: lower-roman;
    }
    
    .le-style-2 h2.accordion-heading.active,
    .le-style-2 h2.accordion-heading:hover,
    .le-style-2 h2.accordion-heading.active a {
        background-color: #248b4d;
        color: #fff;
    }
    
    .le-style-2 .accordion-row:nth-child(even) h2.accordion-heading,
    .le-style-2 .accordion-row:nth-child(even) h2.accordion-link {
        background-color: #fff;
    }
    
    .le-style-2 .accordion-row:nth-child(even) h2.accordion-heading:hover,
    .le-style-2 .accordion-row:nth-child(even) h2.accordion-link:hover,
    .le-style-2 .accordion-row:nth-child(even) h2.accordion-heading.active,
    .le-style-2 .accordion-row:nth-child(even) h2.accordion-link.active {
        background-color: #248b4d;
    }
    
    .list-entries>.accordion-row {
        margin-bottom: 0;
    }
    
    .no-border table td {
        border: 0;
        border-style: hidden;
    }
    
    .default-border table td {
        border: 1px solid;
        border-style: solid !important;
    }
    
    .first-border table td {
        border: 0;
    }
    
    .first-border table tr:first-child td {
        border: 1px solid;
    }
    
    .first-border table tr:nth-child(2) td {
        border-top: 1px solid!important;
    }
    
    .small-day {
        font-size: 1.7em;
        padding-bottom: 0;
        padding-top: 10px;
    }
    
    .hnr-date-top {
        height: 56px;
        overflow: hidden;
    }
    
    body.small {
        font-size: 45%;
    }
    
    body.large {
        font-size: 65%;
    }
    
    body.large {
        font-size: 65%;
    }
    
    .body.large .hnr-date-top {
        height: 66px;
    }
    
    .widget-language-switcher-mobile {
        margin-top: 2px;
    }
    
    .fontsize-switch.small {
        background-image: url(images/small.png);
        background-size: contain;
        width: 8px;
        height: 17px;
        background-position: bottom;
        background-repeat: no-repeat;
    }
    
    .fontsize-switch.medium {
        background-image: url(images/small.png);
        background-size: contain;
        width: 10.5px;
        height: 17px;
        background-position: bottom;
        background-repeat: no-repeat;
        margin: 0 5px;
        padding: 0;
    }
    
    .fontsize-switch.large {
        background-image: url(images/large.png);
        background-size: contain;
        width: 13px;
        height: 17px;
        background-position: bottom;
        background-repeat: no-repeat;
    }
    
    .fontsize-switch span {
        font-size: 0;
    }