@import url('https://fonts.googleapis.com/css?family=Bad+Script');

@media all {
    * {
    }

    body {
        margin: 0px;
        color: var(--text);
        font-family: var(--ff-default);
        font-size: var(--fs-default);
    }

    html {
        --text: rgb(255, 255, 255);
        --text-a_default: rgb(255, 255, 255);
        --text-a_hover: rgb(236, 255, 235);
        --icon-default: rgb(255, 255, 255);
        --icon-hover: rgb(236, 255, 235);
        --brunswick: rgb(24, 77, 56);
        --brunswick_a75: rgba(24, 77, 56, 0.75);
        --brunswick_a50: rgba(24, 77, 56, 0.5);
        --brunswick_a25: rgba(24, 77, 56, 0.25);
        --brunswick-bg1: rgb(236, 255, 235);
        --brunswick-softest: rgb(206, 237, 222);
        --brunswick-softer: rgb(177, 214, 196);
        --brunswick-soft: rgb(160, 196, 178);
        --brunswick-thinnest: rgb(148, 196, 164);
        --brunswick-thinner: rgb(141, 188, 157);
        --brunswick-thin: rgb(126, 171, 140);
        --brunswick-lightest: rgb(43, 117, 90);
        --brunswick-lighter: rgb(41, 105, 80);
        --brunswick-light: rgb(39, 95, 70);
        --brunswick-dark: rgb(21, 67, 49);
        --brunswick-darker: rgb(20, 61, 44);
        --brunswick-darkest: rgb(19, 43, 29);
        --fs-default: 13px;
        --ff-default: 'Raleway', sans-serif;
        --ff-header: 'Bad Script', sans-serif;
        --red_soft: rgb(255, 86, 86);
    }

    /* h1, h2, h3, h4, h5, h6 {
         font-family: var(--ff-header);
     }*/
    a {
        font-weight: 700;
    }

    a.reference {
        color: var(--unite-bright9);
        text-decoration: none;
    }

    a.dark {
        color: var(--unite-dark5);
    }

    .ff-s1 {
        font-family: var(--ff-header);
    }

    header {
        position: relative;
        width: 100%;
        height: 160px;
        background-color: var(--brunswick);
        z-index: 100;
    }

    footer {
        width: 100%;
        height: 100px;
        background-color: var(--brunswick-darker);
    }

    footer > div {
        position: relative;
        display: grid;
        height: 100%;
    }

    footer > div > p {
        text-align: center;
        margin: auto;
        position: relative;
        padding: 0;
        display: inline-block;
    }

    table {
        font-size: var(--fs-default);
    }

    .wrapper.page {
        max-width: 1400px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 8px;
        padding-right: 8px;
    }

    .header_top {
        height: 120px;
    }

    .header_top .wrapper {
        padding: 4px;
        -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    }

    .header_top .grid {
        grid-template-columns: 32px auto 32px;
    }

    .header_top .logo {
        display: flex;
        height: 40px;
    }

    .header_top .logo img {
        width: auto;
        height: 100%;
        margin: auto;
    }

    .header_bot {
        background-color: var(--brunswick);
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 100;
        font-size: 0px;
    }

    header .wrapper.page {
        padding-left: 0px;
        padding-right: 0px;
    }

    .header_bot .stage_32 ul#header_bot__menu,
    .header_bot .stage_32 #header_bot__menu ul,
    .header_bot .stage_1 #header_bot__menu ul,
    .header_bot .stage_1 > ul {
        -webkit-margin-after: 0px;
        -webkit-margin-before: 0px;
        -webkit-padding-start: 0px;
        list-style-type: none;
        height: 40px;
        overflow: visible;
        font-size: 0px;
    }

    .header_bot .stage_1 > ul {
        height: auto;
    }

    .header_bot .stage_1 #header_bot__menu ul.sub_menu {
        height: auto;
    }

    .header_bot li {
        position: relative;
        display: inline-block;
        height: 40px;
        line-height: 44px;
        -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
        vertical-align: top;
        font-size: var(--fs-default);
    }

    .header_bot a {
        color: var(--text-a_default);
        text-decoration: none;
        cursor: pointer;
        font-size: var(--fs-default);
        display: block;
        padding: 0px 16px;
    }

    @media all and (max-width: 960px) {
        .header_bot a {
            display: inline;
        }
    }

    .header_bot #header_bot__menu .sub_menu {
        position: absolute;
        display: none;
        top: 40px;
        left: 0px;
        min-width: 100%;
        font-size: 0px;
        padding-left: 0px;
    }

    .header_bot .stage_1 .sub_menu {
        position: fixed;
        display: none;
        top: 96px;
        left: 0px;
        width: 100%;
        max-height: 75%;
        max-height: calc(100% - 96px);
        overflow: scroll;
        background-color: var(--brunswick-light);
        z-index: 100;
    }

    .header_bot .stage_1 .sub_menu li {
        display: block;
        font-size: var(--fs-default);
    }

    .header_bot .stage_1 .sub_menu li a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .header_bot .stage_1 .sub_menu li:not(.header):before {
        content: ' - ';
        padding: 0px 16px;
        position: absolute;
    }

    .header_bot .stage_1 .sub_menu li:not(.header) a {
        position: relative;
        left: 20px;
    }

    .header_bot .stage_1 .sub_menu li.header {
        border-bottom: 2px solid var(--brunswick);
    }

    .header_bot .stage_32 #header_bot__menu .sub_menu li {
        background-color: var(--brunswick);
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        font-size: var(--fs-default);
    }

    .header_bot #header_bot__menu li:hover,
    .header_bot #header_bot__menu li[active],
    .header_bot .stage_1 > ul li:hover,
    .header_bot .stage_1 > ul li[active] {
        cursor: hand;
        background-color: var(--brunswick-darker);
        -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -ms-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s;
    }

    .header_bot .stage_32 #header_bot__menu li:hover .sub_menu {
        display: block;
        font-size: 0px;
    }

    .header_bot .stage_32 #header_bot__menu li .sub_menu li:hover {
        background-color: var(--brunswick-dark);
        -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -ms-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s;
    }

    .header_bot #header_bot__menu > li.menu_icon {
        min-width: 40px;
    }

    .header_bot #header_bot__menu .menu_icon div {
        display: grid;
        grid-template-columns: 32px auto;
        grid-gap: 0px;
    }

    .header_bot #header_bot__menu .menu_icon span {
        padding-left: 8px;
    }

    .header_bot #header_bot__menu svg {
        display: block;
        margin: 4px 0px;
    }

    .header_bot .stage_1 #header_bot__menu .bot > div {
        height: 40px;
        margin: 4px 0px;
        vertical-align: baseline;
    }

    .header_bot #header_bot__menu .logo {
        display: flex;
    }

    .header_bot #header_bot__menu .logo img {
        width: auto;
        height: 100%;
        margin: auto;
    }

    @media all and (max-width: 960px) {
        .header_bot #header_bot__menu .logo img {
            height: 48px;
        }
    }

    #content {
        color: var(--brunswick);
        padding: 0px;
    }

    #content .divider {
        height: 3px;
        width: 100%;
        margin-top: 8px;
        margin-bottom: 8px;
        background-color: var(--brunswick);
    }

    .slider_wrapper {
        /*background-color: var(--brunswick-light);*/
    }

    .slider_wrapper .wrapper.page {
        /*max-width: 1024px;*/
        position: relative;
    }

    .slider_wrapper .slide {
        display: none;
    }

    .slider_wrapper .prev, .slider_wrapper .next {
        cursor: pointer;
        position: absolute;
        width: auto;
        top: 0;
        bottom: 0;
        height: 28px;
        margin: auto 0px;
        padding: 16px;
        color: rgb(255, 255, 255);
        font-weight: bold;
        font-size: 18px;
        transition: 0.6s ease;
        border-radius: 0 3px 3px 0;
        background-color: var(--brunswick_a25);
        -webkit-box-shadow: 0px 0px 5px var(--brunswick_a75); -moz-box-shadow: 0px 0px 5px var(--brunswick_a75); box-shadow: 0px 0px 5px var(--brunswick_a75);
    }

    .slider_wrapper .next {
        right: 0;
        border-radius: 3px 0 0 3px;
    }

    .slider_wrapper .prev:hover, .slider_wrapper .next:hover {
        background-color: var(--brunswick_a75);
    }

    .slider_wrapper .text {
        font-size: 15px;
        padding: 8px 12px;
        position: absolute;
        bottom: 10px;
        width: 100%;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 40px;
        color: var(--text);
        font-weight: 900;
        text-shadow: 1px 1px 6px var(--brunswick-darkest);
    }

    .slider_wrapper .title {
        font-size: 26px;
        /*padding: 8px 12px;*/
        position: absolute;
        top: 10px;
        width: 100%;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 52px;
        color: var(--text);
        font-weight: 900;
        text-shadow: 1px 1px 6px var(--brunswick-darkest);
    }

    .slider_wrapper .dot-container {
        text-align: center;
        bottom: 0;
        position: absolute;
        margin: 0px auto;
        width: 100%;
    }

    .slider_wrapper .dot {
        cursor: pointer;
        height: 15px;
        width: 15px;
        margin: 0 2px;
        background-color: transparent;
        border-radius: 50%;
        border: 2px solid var(--brunswick-thin);
        display: inline-block;
        transition: background-color 0.6s ease;
        position: relative;
    }

    .slider_wrapper .dot::after {
        display: none;
        content: '';
        position: absolute;
        top: -2px;
        bottom: -2px;
        left: -2px;
        right: -2px;
        border-radius: 50%;
        border: none;
        border-right: 2px solid var(--brunswick);
        border-left: 2px solid var(--brunswick);
        border-top: 2px solid transparent;
        border-bottom: 2px solid transparent;
        width: 100%;
        height: 100%;
        transform-origin: 50%;
        transform: rotate(0deg);
    }

    .slider_wrapper .container {
        height: 350px;
    }

    @media all and (max-width: 960px) {
        .slider_wrapper .container {
            height: 300px;
        }
    }

    @media all and (max-width: 600px) {
        .slider_wrapper .container {
            height: 250px;
        }
    }

    .slider_wrapper img {
        width: 100%;
        height: 100%;
        display: block;
        position: relative;
        object-fit: cover;
    }

    .slider_wrapper .active, .slider_wrapper .dot:hover {
        background-color: var(--brunswick-lightest);
    }

    .slider_wrapper .active::after, .slider_wrapper .dot:hover::after {
        content: '';
        display: block;
        -webkit-animation-name: slide_dot-rotation; -moz-animation-name: slide_dot-rotation; -o-animation-name: slide_dot-rotation; animation-name: slide_dot-rotation;
        -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s;
        -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear;
    }

    /* Fading animation */
    .slider_wrapper .fade {
        -webkit-animation-name: fade;
        -webkit-animation-duration: 2s;
        animation-name: fade;
        animation-duration: 2s;
    }

    @-webkit-keyframes fade {
        from { opacity: 0 }
        to { opacity: 1 }
    }

    @keyframes fade {
        from { opacity: 0 }
        to { opacity: 1 }
    }

    @-webkit-keyframes slide_dot-rotation {
        0% { transform: rotate(0deg) skewY(0deg) skewX(10deg); }
        50% { transform: rotate(180deg) skewY(-30deg) skewX(0deg); }
        100% { transform: rotate(360deg) skewY(0deg) skewX(10deg); }
    }

    @keyframes slide_dot-rotation {
        0% { transform: rotate(0deg) skewY(0deg) skewX(10deg); }
        50% { transform: rotate(180deg) skewY(-30deg) skewX(0deg); }
        100% { transform: rotate(360deg) skewY(0deg) skewX(10deg); }
    }

    @-webkit-keyframes newsfeedarrow1 {
        0% { opacity: 0; }
        20% { opacity: 1; }
        80% { opacity: 1; }
        100% { opacity: 0; }
    }

    @keyframes newsfeedarrow1 {
        0% { opacity: 0; }
        20% { opacity: 1; }
        80% { opacity: 1; }
        100% { opacity: 0; }
    }

    @-webkit-keyframes newsfeedarrow2 {
        0% { opacity: 0; }
        20% { opacity: 0; }
        40% { opacity: 1; }
        80% { opacity: 1; }
        100% { opacity: 0; }
    }

    @keyframes newsfeedarrow2 {
        0% { opacity: 0; }
        20% { opacity: 0; }
        40% { opacity: 1; }
        80% { opacity: 1; }
        100% { opacity: 0; }
    }

    @-webkit-keyframes newsfeedarrow3 {
        0% { opacity: 0; }
        40% { opacity: 0; }
        60% { opacity: 1; }
        80% { opacity: 1; }
        100% { opacity: 0; }
    }

    @keyframes newsfeedarrow3 {
        0% { opacity: 0; }
        40% { opacity: 0; }
        60% { opacity: 1; }
        80% { opacity: 1; }
        100% { opacity: 0; }
    }

    @keyframes border-rotation-btn1-1 {
        0% { width: 0px; }
        33% { width: 100%; }
        66% { width: 100%; }
        100% { width: 0%; }
    }

    @-webkit-keyframes border-rotation-btn1-1 {
        0% { width: 0px; }
        33% { width: 100%; }
        66% { width: 100%; }
        100% { width: 0%; }
    }
    @keyframes border-rotation-btn1-1a {
        0% { left: -1px; right: auto; }
        25% { left: -1px; right: auto; }
        50% { right: -1px; left: auto; }
        75% { right: -1px; left: auto; }
        100% { right: -1px; left: auto; }
    }
    @keyframes border-rotation-btn1-1b {
        0% { right: -1px; left: auto; }
        25% { right: -1px; left: auto; }
        50% { left: -1px; right: auto; }
        75% { left: -1px; right: auto; }
        100% { left: -1px; right: auto; }
    }

    @keyframes border-rotation-btn1-2 {
        0% { height: 0px; }
        33% { height: 100%; }
        66% { height: 100%; }
        100% { height: 0%; }
    }

    @-webkit-keyframes border-rotation-btn1-2 {
        0% { height: 0px; }
        33% { height: 100%; }
        66% { height: 100%; }
        100% { height: 0%; }
    }
    @keyframes border-rotation-btn1-2a {
        0% { top: -1px; bottom: auto; }
        25% { top: -1px; bottom: auto; }
        50% { bottom: -1px; top: auto; }
        75% { bottom: -1px; top: auto; }
        100% { bottom: -1px; top: auto; }
    }
    @keyframes border-rotation-btn1-2b {
        0% { bottom: -1px; top: auto; }
        25% { bottom: -1px; top: auto; }
        50% { top: -1px; bottom: auto; }
        75% { top: -1px; bottom: auto; }
        100% { top: -1px; bottom: auto; }
    }

    #home__content_grid {
        grid-gap: 12px;
    }

    #news_feed .newsitem:hover h2 {
        font-size: 175%;
        -webkit-transition: font-size 0.3s ease; -moz-transition: font-size 0.3s ease; -ms-transition: font-size 0.3s ease; -o-transition: font-size 0.3s ease; transition: font-size 0.3s ease;
        /*border-color: var(--brunswick-softest);
        -webkit-transition: border-color 0.3s ease; -moz-transition: border-color 0.3s ease; -ms-transition: border-color 0.3s ease; -o-transition: border-color 0.3s ease; transition: border-color 0.3s ease;
    */
    }

    @keyframes w0-w100 {
        0% { width: 0%; }
        100% { width: 100%; }
    }

    #news_feed .newsitem:hover h2::after {
        content: '';
        width: 100%;
        height: 0px;
        border-bottom: 2px solid var(--brunswick);
        position: absolute;
        bottom: 0;
        left: 0;
        -webkit-animation-name: w0-w100; -moz-animation-name: w0-w100; -o-animation-name: w0-w100; animation-name: w0-w100;
        -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s;
    }

    #news_feed .newsitem {
        position: relative;
        /*padding-bottom: 36px;*/
        display: block;
        text-decoration: none;
        color: var(--unite-def);
    }

    #news_feed .newsitem p {
        font-weight: 100;
    }

    #news__content_grid #news_feed .newsitem {
        padding: 0px;
    }

    #news__content_grid #news_feed .newsitem:hover {
        cursor: pointer;
    }

    #news_feed .newsitem h2 {
        position: relative;
        -webkit-margin-before: 12px;
        -webkit-margin-after: 12px;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        height: 28px;
        -webkit-transition: font-size 0.3s ease; -moz-transition: font-size 0.3s ease; -ms-transition: font-size 0.3s ease; -o-transition: font-size 0.3s ease; transition: font-size 0.3s ease;
    }

    #news_feed .readmore {
        position: absolute;
        bottom: 12px;
        right: 12px;
    }

    #news_feed .readmore a {
        background-color: var(--brunswick-light);
        border: 1px solid var(--brunswick);
        -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
        padding: 6px;
        color: var(--brunswick-softer);
        text-decoration: none;
        position: relative;
        -webkit-box-shadow: 0px 0px 4px var(--brunswick_a75); -moz-box-shadow: 0px 0px 4px var(--brunswick_a75); box-shadow: 0px 0px 4px var(--brunswick_a75);
    }

    #news_feed .readmore:hover a {
        -webkit-box-shadow: 0px 0px 6px var(--brunswick); -moz-box-shadow: 0px 0px 6px var(--brunswick); box-shadow: 0px 0px 6px var(--brunswick);
    }

    .ani-border-ha1 {
        position: relative;
    }

    .ani-border-ha1 .ani-bt,
    .ani-border-ha1 .ani-br,
    .ani-border-ha1 .ani-bb,
    .ani-border-ha1 .ani-bl {
        border: 1px solid transparent;
        display: none;
    }

    .ani-border-ha1:hover .ani-bt {
        top: -1px;
        left: -1px;
        -webkit-animation-name: border-rotation-btn1-1, border-rotation-btn1-1a;
        animation-name: border-rotation-btn1-1, border-rotation-btn1-1a;
        border-top: 1px solid var(--brunswick-thinnest);
    }

    .ani-border-ha1:hover .ani-bb {
        bottom: -1px;
        right: -1px;
        border-bottom: 1px solid var(--brunswick-thinnest);
        -webkit-animation-name: border-rotation-btn1-1, border-rotation-btn1-1b;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        animation-name: border-rotation-btn1-1, border-rotation-btn1-1b;
    }

    .ani-border-ha1:hover .ani-bt,
    .ani-border-ha1:hover .ani-bb {
        -webkit-animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
        width: 0px;
        height: 100%;
        display: block;
        background-color: transparent;
        position: absolute;
    }

    .ani-border-ha1:hover .ani-br,
    .ani-border-ha1:hover .ani-bl {
        width: 100%;
        height: 0px;
        -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
        -webkit-animation-name: border-rotation-btn1-2;
        -webkit-animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        animation-name: border-rotation-btn1-2;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        display: block;
        background-color: transparent;
        position: absolute;
    }

    .ani-border-ha1:hover .ani-br {
        top: -1px;
        right: -1px;
        border-right: 1px solid var(--brunswick-thinnest);
        -webkit-animation-name: border-rotation-btn1-2, border-rotation-btn1-2a;
        animation-name: border-rotation-btn1-2, border-rotation-btn1-2a;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }

    .ani-border-ha1:hover .ani-bl {
        bottom: -1px;
        left: -1px;
        border-left: 1px solid var(--brunswick-thinnest);
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
        -webkit-animation-name: border-rotation-btn1-2, border-rotation-btn1-2b;
        animation-name: border-rotation-btn1-2, border-rotation-btn1-2b;
    }

    #news_feed .newsitem:hover .readmore .arrow-3 {
        -webkit-animation-name: newsfeedarrow3;
        -webkit-animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-delay: 2s;
        animation-name: newsfeedarrow3;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-delay: 2s;
    }

    #news_feed .newsitem:hover .readmore .arrow-2 {
        -webkit-animation-name: newsfeedarrow2;
        -webkit-animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-delay: 1s;
        animation-name: newsfeedarrow2;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-delay: 1s;
    }

    #news_feed .newsitem:hover .readmore .arrow-1 {
        -webkit-animation-name: newsfeedarrow1;
        -webkit-animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-delay: 0s;
        animation-name: newsfeedarrow1;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-delay: 0s;
    }

    #news_feed .newsitem .readmore .arrow-1,
    #news_feed .newsitem .readmore .arrow-2,
    #news_feed .newsitem .readmore .arrow-3 {
        opacity: 0;
    }

    #home__content_grid > div > h1 {
        border-bottom: 1px solid var(--brunswick-dark);
    }

    #home__content_grid > div, #home__content_grid > a {
        padding: 12px;
    }

    #home__content_grid #quick_hop .grid {
        text-align: center;
    }

    #home__content_grid #quick_hop .grid > .grid {
        vertical-align: middle;
    }

    #home__content_grid #quick_hop .grid > .grid > a {
        padding: 18px;
        background: var(--brunswick-light);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: 2px solid var(--brunswick-light);
        color: var(--brunswick-softest);
        font-size: 20px;
        text-decoration: none;
        -webkit-box-shadow: 2px 2px 4px var(--brunswick-soft);
        -moz-box-shadow: 2px 2px 4px var(--brunswick-soft);
        box-shadow: 2px 2px 4px var(--brunswick-soft);
        min-height: 28px;
        line-height: 28px;
    }

    #home__content_grid #quick_hop .grid > .grid > a:hover {
        font-size: 24px;
        border: 2px solid var(--brunswick-darker);
    }

    @media all and (max-width: 600px) {
        #home__content_grid #quick_hop .grid > .grid > a {
            min-height: 64px;
        }
    }

    #home__content_grid #quick_hop .grid > h2 {
        position: relative;
    }

    #home__content_grid #quick_hop .grid > div:before {
        content: '';
        width: 94px;
        height: 85px;
        display: block;
        background: url(/static/img/arrow-td.png) no-repeat;
        -webkit-background-size: 50%; background-size: 50%;
        vertical-align: middle;
        margin: auto;
    }

    /*@media all and (min-width: 800px) {
        #home__content_grid #quick_hop .grid > h2:after {
            content: '';
            width: 128px;
            height: 64px;
            display: inline-block;
            background: url(/static/img/arrow.png) no-repeat;
            -webkit-background-size: 100%; background-size: 100%;
            vertical-align: middle;
        }
    }*/
    #home__content_grid #quick_hop {
        grid-column: 1 / span 12;
    }

    #home__content_grid #news_feed {
        grid-column: 1 / span 12;
    }

    #home__content_grid #agenda_box {
        grid-column: 1 / span 12;
        background-image: url(/static/img/calendar_bg_homepage.jpeg);
        background-size: cover;
        text-shadow: 0px 0px 4px #ffffff;
        color: var(--unite-dark9);
    }

    #home__content_grid #carnaval_promotion {
        grid-column: 1 / span 12;
        text-shadow: 0px 0px 4px #ffffff;
        color: var(--unite-dark9);
        width: 100%;
        height: 100%;
    }

    #carnaval_promotion .promotion_banner {
        display: block;
        min-height: 640px;
        background-image: url("/static/img/kindercarnaval_digitaal_btn.jpg");
        background-size: contain;
        background-repeat: no-repeat;
    }

    #home__content_grid #carnaval_promotion > a {
        display: block;
        width: 100%;
        height: 100%;
        color: transparent;
        text-decoration: none;
    }

    #home__content_grid #services_grid {
        grid-column: 1 / span 12;
    }

    .__content_grid > div {
        grid-column: 1 / span 12;
    }

    #news__content_grid #news_feed,
    #news__content_grid #news_archive {
        grid-column: 1 / span 12;
    }

    .card_container {
        -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
    }

    .card_container-head {
        -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
        background: var(--unite-light9);
        color: var(--unite-bright5);
    }

    #services_grid {
        margin: 40px;
    }

    #services_grid > div > div {
        position: relative;
        text-align: center;
    }

    #services_grid > div > div > svg {
        height: 100px;
        width: 100px;
        position: relative;
        margin: auto;
        left: 0;
        right: 0;
    }

    #services_grid > div {
        grid-gap: 40px;
    }

    @media all and (min-width: 961px) {
        #services_grid > div {
            grid-gap: 80px;
        }
    }

    #services_grid > div > div > * {
        -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;
    }

    #services_grid > div > div:hover svg {
        transform: scale(1.5);
    }

    .service_txt_field { display: inline-block;
        padding: 4px;
        background: var(--unite-bright4);
        position: absolute;
        bottom: 0;
        opacity: 0;
        margin: auto;
        left: 0;
        right: 0;
        width: 50%;
        width: -moz-fit-content;
        width: -webkit-fit-content;
        width: fit-content;
        height: 50%;
        height: -moz-fit-content;
        height: -webkit-fit-content;
        height: fit-content;
        border: 1px solid var(--unite-bright8);
        -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    }

    #services_grid > div > div:hover .service_txt_field {
        opacity: 0.9;
        font-weight: 900;
        bottom: -30px;
    }

    #media_feed_grid {
        grid-template-columns: repeat(auto-fill, minmax(200px, auto));
        grid-auto-rows: 200px;
    }

    #popup_wdw__media-feed .popup_default.container:first-child {
        top: 0px;
        max-width: none;
    }

    #popup_wdw__media-feed .popup_default.container {
        -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
    }

    #popup_wdw__media-feed .popup_default.container:nth-child(2) {
        top: 93px;
        bottom: 0;
        left: 0;
        max-width: none;
        right: 0;
        position: absolute;
        display: block;
    }

    #popup_wdw__media-feed .popup_default.container:nth-child(2) .popup_body {
        width: auto;
        height: auto;
    }

    #popup_wdw__media-feed .popup_default.container .popup_body {
        width: 100%;
        height: 100%;
        background-color: transparent;
    }

    #popup_wdw__media-feed .wrapper {
        position: absolute;
        top: 40px;
        left: 40px;
        right: 40px;
        bottom: 40px;
    }

    #media_feed_grid > div {
        -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;
    }

    #media_feed_grid > div:hover {
        transform: scale(1.1);
        z-index: 1;
        cursor: zoom-in;
    }

    #media_feed div.media_feed_img {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    #media_feed div.media_feed_img.size_1 {
        grid-column: span 1;
        grid-row: span 1;
    }

    #media_feed div.media_feed_img.size_2 {
        grid-column: span 2;
        grid-row: span 1;
    }

    #media_feed div.media_feed_img.size_3 {
        grid-column: span 1;
        grid-row: span 2;
    }

    #media_feed div.media_feed_img.size_4 {
        grid-column: span 2;
        grid-row: span 2;
    }

    #popup_wdw__media-feed div.media_feed_img {
        height: 100%;
        background-size: contain;
        -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
        -webkit-box-shadow: 0px 0px 16px var(--unite-shadow_container); -moz-box-shadow: 0px 0px 16px var(--unite-shadow_container); box-shadow: 0px 0px 16px var(--unite-shadow_container);
    }

    /**
    News Page
     */
    #news__content_grid .filter_selected {
        font-weight: 900;
    }

    #news__content_grid .filter_selected .close {
        display: inline-block;
        content: 'x';
        min-width: 10px;
        min-height: 10px;
        margin-right: 2px;
        border-radius: 2px;
        padding: 2px;
        background: var(--brunswick-light);
        color: var(--text-a_default);
        font-size: 9px;
        text-align: center;
        font-weight: 900;
        vertical-align: top;
    }

    #news__content_grid .filter_selected .close:hover {
        background: var(--brunswick);
        cursor: pointer;
    }

    #news__content_grid .filter_selection {
        border: 1px solid var(--brunswick-softest);
        padding: 8px 12px;
        display: inline-block;
        border-radius: 2px;
        font-weight: 900;
        color: var(--text-a_default);
        background: var(--brunswick-thin);
        position: relative;
        margin: 1px;
    }

    #news__content_grid .filter_selection:hover {
        background: var(--brunswick);
        cursor: pointer;
    }

    #news__content_grid .filter_selection.green {
        border: 1px solid var(--brunswick);
        color: var(--brunswick);
    }

    #news__content_grid .filter_selection.green:hover {
        border: 1px solid var(--brunswick-softest);
        color: var(--text-a_default);
    }

    #news__content_grid .filter_selection.dropdown {
        padding-right: 24px;
    }

    #news__content_grid .filter_selection.dropdown::after {
        content: '\25bc';
        position: absolute;
        right: 8px;
        top: 8px;
    }

    #news__content_grid .filter_selection.dropdown:hover .dropdown_menu {
        display: block;
    }

    #news__content_grid .filter_selection.dropdown .dropdown_menu {
        position: absolute;
        left: -1px;
        top: 31px;
        background: var(--brunswick-thinnest);
        min-width: 100%;
        border: 1px solid var(--brunswick-softest);
        display: none;
        z-index: 1;
    }

    #news__content_grid .filter_selection.dropdown .dropdown_menu > div {
        padding: 6px 12px;
    }

    #news__content_grid .filter_selection.dropdown .dropdown_menu > div:hover {
        background: var(--brunswick-thin);
    }

    #news__content_grid .filter_selection.dropdown .dropdown_menu > div:not(:last-child) {
        border-bottom: 1px solid var(--brunswick-softest);
    }

    #news_archive .card_container-body > div {
        grid-template-columns: minmax(200px, 250px) 1fr;
    }

    #news_archive .card_container-body > div .container .header {
        padding: 6px;
        font-size: 16px;
        font-weight: 900;
        background-color: var(--unite-bright8);
        color: var(--unite-def);
        border: 1px solid var(--unite-light2);
    }

    #news_archive .card_container-body > div .container:first-child .header {
        -webkit-border-radius: 4px 0px 0px 0px; -moz-border-radius: 4px 0px 0px 0px; border-radius: 4px 0px 0px 0px;
    }

    #news_archive .card_container-body > div .container:last-child .header {
        -webkit-border-radius: 0px 4px 0px 0px; -moz-border-radius: 0px 4px 0px 0px; border-radius: 0px 4px 0px 0px;
    }

    #news_archive .card_container-body > div .container:not(:first-child) .header {
        border-left: none;
    }

    #news_archive .card_container-body > div .container > .body {
        padding: 6px;
        background-color: var(--unite-bright1);
        color: var(--unite-def);
        border: 1px solid var(--unite-light2);
        border-top: none;
    }

    #news_archive .card_container-body > div .container:not(:first-child) > .body {
        border-left: none;
    }

    #news_archive .card_container-body > div .container > .body.no-style {
        background: none;
        border: none;
    }

    #news_archive .filter_container {
        max-height: 300px;
    }

    #recent_newsfeed > a {
        text-decoration: none;
        color: var(--unite-def);
    }

    #recent_newsfeed > a p {
        color: var(--unite-dark2);
    }

    #news_archive #archive_results > a {
        text-decoration: none;
        color: var(--unite-def);
        display: block;
        padding: 4px;
        margin: 6px;
        -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
        -webkit-box-shadow: 0px 0px 4px var(--unite-light2); -moz-box-shadow: 0px 0px 4px var(--unite-light2); box-shadow: 0px 0px 4px var(--unite-light2);
        -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;
    }

    #news_archive #archive_results > a:hover {
        background-color: var(--unite-bright9);
        -webkit-box-shadow: 0px 0px 4px var(--unite-light8); -moz-box-shadow: 0px 0px 4px var(--unite-light8); box-shadow: 0px 0px 4px var(--unite-light8);
        -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;
    }

    /**
    Calendar
     */
    #calendar__content_grid #calendar {
        grid-column: 1 / span 12;
    }

    #calendar__content_grid #upcoming_events {
        grid-column: 1 / span 12;
    }

    #upcoming_events .items_headers {
        padding: 8px;
        -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
        display: grid;
        grid-template-columns: auto 250px 100px;
    }

    #upcoming_events .upcoming_events_items > div {
        height: 60px;
        border: 1px solid var(--unite-bright7);
        -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
        padding: 8px;
        -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
        overflow: hidden;
        display: grid;
        grid-template-columns: auto 250px 100px;
    }

    #upcoming_events .upcoming_events_items > div > .title {
        font-size: 20px;
        font-weight: bolder;
        overflow: hidden;
        -ms-text-overflow: ellipsis;text-overflow: ellipsis;
        white-space: nowrap;
    }

    #upcoming_events .upcoming_events_items > div > div {
        line-height: 44px;
    }

    #upcoming_events .upcoming_events_items > div > .date {
        line-height: 22px;
    }

    #upcoming_events .upcoming_events_items > div:hover {
        background-color: var(--unite-bright4);
        border-color: var(--unite-bright9);
    }

    #stafflist_board {
        grid-gap: 10px;
    }

    #stafflist_board > div {
        position: relative;
        grid-template-rows: 150px auto;
    }

    #stafflist_board .picture {
        position: relative;
        margin: 0 auto;
        height: 150px;
    }

    #stafflist_board .picture .image {
        border-radius: 100%;
        border: 4px solid var(--unite-def);
        background-color: var(--unite-def);
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 150px;
        height: 150px;
        background-size: contain;
    }

    #stafflist_board .info {
        margin-top: -25px;
        display: grid;
        grid-gap: 2px;
        grid-template-rows: 26px 13px 13px auto;
    }

    #stafflist_board .info > div:first-child {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    #stafflist_board .info > div:first-child ._name {
        font-size: 22px;
        text-align: right;
        padding-right: 60px;
    }

    #stafflist_board .info > div:first-child ._role {
        font-size: 18px;
        text-align: left;
        padding-left: 60px;
    }

    #stafflist_board .info ._info {
        font-size: 11px;
        font-style: italic;
        text-align: center;
    }

    #stafflist_board .info ._description {
        font-size: 13px;
        text-align: center;
    }

    #stafflist_board .info ._contact {
        font-size: 11px;
        text-align: center;
        font-style: italic;
    }

    #stafflist_board .info ._contact a {
        color: var(--unite-def);
    }

    #contact_form_wrapper {
        grid-template-columns: 1fr;
    }

    #contact_form_wrapper > .contact_form_container {
        grid-row: 2;
    }

    #contact_form_wrapper > .contact_disclaimer_container {
        grid-row: 1;
    }

    @media all and (min-width: 961px) {

        #contact_form_wrapper {
            grid-template-columns: 1fr 1fr;
        }

        #contact_form_wrapper > .contact_form_container {
            grid-row: 1;
        }
    }

    #contact_form .text_field {
        width: 100%;
    }

    #contact_form > div > div > div {
        display: inline-block;
    }

    .hidden-template-container {
        display: none;
    }

    #tooltip {
        display: none;
        position: fixed;
        max-height: 500px;
        max-width: 300px;
        color: #ffffff;
        padding: 7px 6px 6px 6px;
        background: rgba(35, 35, 35, 0.95);
        border: 1px solid #000000;
        z-index: 9999;
    }

    @media all and (min-width: 961px) {
        .calendar_wrapper .day_short {
            display: none;
        }
    }

    @media all and (max-width: 960px) {
        .calendar_wrapper .day_full {
            display: none;
        }
    }

}

/**
Temporary
 */
@media all {
    #console_stats {
        width: 200px;
        min-height: 500px;
        background: rgba(0, 0, 0, 0.5);
        top: 200px;
        right: 20px;
        position: fixed;
        z-index: 99999;
        pointer-events: none;
    }

    #console_stats > .console_stats_line {
        padding: 2px;
        color: rgb(199, 204, 255);
        pointer-events: none;
        font-size: 11px;
    }
}

/**
SVG
 */
@media all {

    #header_bot__menu .menu_icon svg[id^="icon_"] path {
        fill: var(--icon-default);
    }

    #header_bot__menu .menu_icon svg[id^="icon_"] line {
        stroke: var(--icon-default);
    }

    #header_bot__menu .menu_icon:hover svg[id^="icon_"] path {
        fill: var(--icon-hover);
    }

    #header_bot__menu .menu_icon:hover svg[id^="icon_"] line {
        stroke: var(--icon-hover);
    }

    svg[cfill='red_soft'] path {
        fill: var(--red_soft) !important;
    }

    svg[cfill='red_soft'] line {
        fill: var(--red_soft) !important;
    }

    svg[cfill='brunswick'] path {
        fill: var(--brunswick) !important;
    }

    svg[cfill='brunswick'] line {
        fill: var(--brunswick) !important;
    }

    svg[cfill='brunswick-lightest'] path {
        fill: var(--brunswick-lightest) !important;
    }

    svg[cfill='brunswick-lightest'] line {
        fill: var(--brunswick-lightest) !important;
    }
}