.ErrorMessage {
    font-weight: bold;
    color: red;
}

.pageTitle {
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    padding-bottom: 30px;
}

.pageTitleNoPad {
    font-weight: bold;
    font-size: 24px;
    text-align: center;
}

.receiptTitle {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    color: white;
}

.subReceiptTitle {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    color: white;
}

.subPageTitle {
    font-weight: bold;
    font-size: 20px;
    text-align: left;
    padding-bottom: 10px;
}

.maintLabel {
    text-align: right;
    padding-top: 20px;
}

.maintLabel10Pad {
    text-align: right;
    padding-top: 10px;
}

.maintLabelNoPad {
    text-align: right;
}

.maintData {
    text-align: left;
    padding-top: 10px;
}

@media screen and (max-width: 900px) {
    .maintLabel {
        text-align: left;
        padding-top: 20px;
    }
}
.maintCheckbox {
    text-align: right;
    padding-top: 15px;
}

.myButton {
    background-color: #103f63;
    height: 50px;
    color: whitesmoke;
    margin-left: 150px;
    border-radius: 4px;
    width: 80px;
    margin-top: 10px;
}

.myButtonMult {
    background-color: #103f63;
    height: 50px;
    color: whitesmoke;
    margin-left: 20px;
    border-radius: 4px;
    width: 80px;
}

.myButtonSmall {
    background-color: #103f63;
    height: 30px;
    color: whitesmoke;
    border-radius: 4px;
}

.myButtonMultBig {
    background-color: #103f63;
    height: 50px;
    color: whitesmoke;
    margin-left: 20px;
    border-radius: 4px;
    width: 140px;
}

.myButtonMult200 {
    background-color: #103f63;
    height: 50px;
    color: whitesmoke;
    margin-left: 20px;
    border-radius: 4px;
    width: 200px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.MenuHeader {
    font-weight: bold;
    font-size: 18px;
    text-align: left;
    padding-bottom: 30px;
}

.MyDropdown {
    padding: 6px;
    -webkit-appearance: button;
    border-radius: 4px;
    height: 40px;
    border-color: #d8d8d8;
}

.MyCheckbox {
    text-align: left;
    padding-bottom: 20px;
}

.DateMode {
    padding: 6px;
    -webkit-appearance: button;
    border-radius: 4px;
    height: 40px;
    border-color: #d8d8d8;
}

.GridPadding {
    padding-top: 20px;
    padding-bottom: 30px;
    border-color: #d8d8d8;
}

.PadDropdown {
    padding: 6px;
    -webkit-appearance: button;
    border-radius: 4px;
    height: 35px;
    border-color: #d8d8d8;
}

.PadDropdownSmall {
    padding: 6px;
    -webkit-appearance: button;
    border-radius: 4px;
    height: 35px;
    border-color: #d8d8d8;
    width: 100px;
}

.myDashboardText {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding-top: 20px;
    padding-left: 40px;
}

.barcode {
    font-family: Libre Barcode 128 Regular;
    font-size: 40px;
}

.PrintBarCode {
    padding-left: 20px;
    padding-right: 20px;
}

.PadImage {
    padding-left: 40px;
}

.myRadiobutton {
    font-size: 18px;
    margin-top: 30px;
}

input[type="radio"] {
    margin-right: 10px;
}

.myGridTextbox {
    height: 25px !important;
}

.exportHeader {
    background-color: white;
    color: black;
}

textarea {
    width: 300px;
    height: 300px;
}


.myCalendar {
    background-color: #FFFFFF;
    width: 100%;
    border: 2px solid #000000 !important;
}

    .myCalendar a {
        text-decoration: none;
    }

    .myCalendar .myCalendarTitle {
        font-weight: bold;
        height: 40px;
        line-height: 40px;
        background-color: #FFFFFF;
        color: #000000;
    }

    .myCalendar th.myCalendarDayHeader {
        height: 25px;
        border-bottom: outset 2px #fbfbfb;
        border-right: outset 2px #fbfbfb;
        text-align: center;
    }

    .myCalendar td.myCalendarDay {
        border: outset 2px #fbfbfb;
    }

        .myCalendar td.myCalendarDay:nth-child(7) a {
            color: #c52e2e !important;
        }

    .myCalendar .myCalendarNextPrev {
        text-align: center;
    }

        .myCalendar .myCalendarNextPrev a {
            font-size: 1px;
        }

        .myCalendar .myCalendarNextPrev:nth-child(1) a {
            color: gainsboro !important;
            background: url("../Images/PreviousMonth.png") no-repeat center center;
        }

            .myCalendar .myCalendarNextPrev:nth-child(1) a:hover, .myCalendar .myCalendarNextPrev:nth-child(3) a:hover {
                background-color: transparent;
            }

        .myCalendar .myCalendarNextPrev:nth-child(3) a {
            color: gainsboro !important;
            background: url("../Images/NextMonth.png") no-repeat center center;
        }

    .myCalendar td.myCalendarSelector a {
        background-color: #000000;
    }

    .myCalendar .myCalendarDayHeader a,
    .myCalendar .myCalendarDay a,
    .myCalendar .myCalendarSelector a,
    .myCalendar .myCalendarNextPrev a {
        display: block;
        line-height: 20px;
    }

    .myCalendar .myCalendarToday {
        background-color: #FFFFFF;
        -webkit-box-shadow: 0 0 7px 3px #e5e5e5;
        box-shadow: 0 0 7px 3px #e5e5e5;
    }

        .myCalendar .myCalendarToday a {
            color: #25bae5 !important;
        }

    .myCalendar .myCalendarDay a:hover,
    .myCalendar .myCalendarSelector a:hover {
        background-color: #000000;
    }


.mobile-container {
    max-width: 480px;
    margin: auto;
    background-color: #555;
    /*height: 500px;*/
    color: white;
    border-radius: 10px;
}

.topnav {
    overflow: hidden;
    background-color: #333;
    position: relative;
}

    .topnav #myLinks {
        display: none;
    }

    .topnav a {
        color: white;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
        display: block;
    }

        .topnav a.icon {
            background: black;
            display: block;
            position: absolute;
            right: 0;
            top: 0;
        }

        .topnav a:hover {
            background-color: #ddd;
            color: black;
        }

.active {
    background-color: black;
    color: white;
}

/* stuff for mobile menu*/
/* Hide menu on small screens */
.nav-box-new {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 59px 8px 16px;
    border-bottom: 3px solid transparent;
    color: #000 !important;
    font-size: 13px;
    font-weight: 600;
    display: block
}



/* Hide menu initially on mobile */
@media screen and (max-width: 1080px) {
    .nav-links {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        background: #333;
        padding: 15px;
    }

        .nav-links li {
            margin: 10px 0;
        }

        .nav-links a {
            color: white;
            text-decoration: none;
        }

    .menu-toggle {
        display: block;
        background: none;
        border: none;
        font-size: 24px;
        cursor: pointer;
        color: white;
    }
/*
    .nav-links.hidden {
        display: none;
    }*/
}
@media screen and (min-width: 1080px) {
    /* Hamburger button */
    .menu-toggle {
        display: none;
    }

    .nav-links {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        color:black;
    }

        .nav-links li {
            margin: 0 10px;
        }
}

    /* end of my stuff*/


    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
        display: block
    }

    li {
        list-style: none
    }

    a {
        text-decoration: none !important;
        padding: 5px
    }

    blockquote:before, blockquote:after, q:before, q:after {
        content: ""
    }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }

    hr {
        display: block;
        height: 1px;
        border-top: 1px solid #000;
        color: #000
    }

    input, select {
        vertical-align: middle
    }

    sub {
        vertical-align: sub;
        font-size: smaller;
        line-height: 0px
    }

    sup {
        vertical-align: super;
        font-size: smaller;
        line-height: 0px
    }

    input, button, textarea, select, label, img {
        display: inline-block;
        max-width: 100%;
    }

    input, button, textarea, select, optgroup, option {
        font-family: inherit;
        font-size: inherit;
        font-style: inherit;
        font-weight: inherit
    }

        input[type=text], input[type=password], input[type=url], input[type=number], input[type=tel], input[type=email], input[type=submit], button, textarea, select {
            -webkit-appearance: none;
            outline: 1px solid transparent
        }

    textarea {
        resize: none;
        overflow: auto
    }

    button, a span {
        cursor: pointer
    }

    button {
        border: 0;
        text-align: center
    }

        button::-moz-focus-inner {
            padding: 0;
            border: 0
        }

    table {
        table-layout: fixed
    }

    a[href^=tel] {
        color: inherit
    }

    select {
        -moz-appearance: none;
        -webkit-appearance: none;
    }

        select:-moz-focusring {
            color: transparent
        }

        select::-ms-expand {
            display: none
        }

    body, input, button, textarea {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

        input[type=text]::-ms-clear {
            display: none
        }

    *, *:before, *:after {
        box-sizing: border-box;
        background-position: center;
        background-repeat: no-repeat
    }

    .clear {
        clear: both
    }

    .clearfix {
        display: block
    }

        .clearfix:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0
        }

    @media screen and (max-width: 768px) {
        .clearfix-mobile {
            display: block
        }

            .clearfix-mobile:after {
                visibility: hidden;
                display: block;
                font-size: 0;
                content: " ";
                clear: both;
                height: 0
            }
    }

    .wordwrap {
        white-space: pre;
        white-space: pre-wrap;
        white-space: pre-line;
        word-wrap: break-word
    }

    .slick-slider {
        position: relative;
        display: block;
        box-sizing: border-box;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent
    }

    .slick-list {
        position: relative;
        overflow: hidden;
        display: block;
        margin: 0;
        padding: 0
    }

        .slick-list:focus {
            outline: none
        }

        .slick-list.dragging {
            cursor: pointer;
        }

    .slick-slider .slick-track, .slick-slider .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .slick-track {
        position: relative;
        left: 0;
        top: 0;
        display: block;
        margin-left: auto;
        margin-right: auto
    }

        .slick-track:before, .slick-track:after {
            content: "";
            display: table
        }

        .slick-track:after {
            clear: both
        }

    .slick-loading .slick-track {
        visibility: hidden
    }

    .slick-slide {
        float: left;
        height: 100%;
        min-height: 1px;
        display: none
    }

    [dir=rtl] .slick-slide {
        float: right
    }

    .slick-slide img {
        display: block
    }

    .slick-slide.slick-loading img {
        display: none
    }

    .slick-slide.dragging img {
        pointer-events: none
    }

    .slick-initialized .slick-slide {
        display: block
    }

    .slick-loading .slick-slide {
        visibility: hidden
    }

    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent
    }

    .slick-arrow.slick-hidden {
        display: none
    }

    .mfp-bg {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1042;
        overflow: hidden;
        position: fixed;
        background: #0b0b0b;
        opacity: .8
    }

    .mfp-wrap {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1043;
        position: fixed;
        outline: none !important;
        -webkit-backface-visibility: hidden
    }

    .mfp-container {
        text-align: center;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        padding: 0 8px;
        box-sizing: border-box
    }

        .mfp-container:before {
            content: "";
            display: inline-block;
            height: 100%;
            vertical-align: middle
        }

    .mfp-align-top .mfp-container:before {
        display: none
    }

    .mfp-content {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin: 0 auto;
        text-align: left;
        z-index: 1045
    }

    .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
        width: 100%;
        cursor: auto
    }

    .mfp-ajax-cur {
        cursor: progress
    }

    .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
        cursor: -moz-zoom-out;
        cursor: -webkit-zoom-out;
        cursor: zoom-out
    }

    .mfp-zoom {
        cursor: pointer;
        cursor: -webkit-zoom-in;
        cursor: -moz-zoom-in;
        cursor: zoom-in
    }

    .mfp-auto-cursor .mfp-content {
        cursor: auto
    }

    .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .mfp-loading.mfp-figure {
        display: none
    }

    .mfp-hide {
        display: none !important
    }

    .mfp-preloader {
        color: #ccc;
        position: absolute;
        top: 50%;
        width: auto;
        text-align: center;
        margin-top: -0.8em;
        left: 8px;
        right: 8px;
        z-index: 1044
    }

        .mfp-preloader a {
            color: #ccc
        }

            .mfp-preloader a:hover {
                color: #fff
            }

    .mfp-s-ready .mfp-preloader {
        display: none
    }

    .mfp-s-error .mfp-content {
        display: none
    }

    button.mfp-close, button.mfp-arrow {
        overflow: visible;
        cursor: pointer;
        background: transparent;
        border: 0;
        -webkit-appearance: none;
        display: block;
        outline: none;
        padding: 0;
        z-index: 1046;
        box-shadow: none;
        touch-action: manipulation
    }

    button::-moz-focus-inner {
        padding: 0;
        border: 0
    }

    .mfp-close {
        width: 44px;
        height: 44px;
        line-height: 44px;
        position: absolute;
        right: 0;
        top: 0;
        text-decoration: none;
        text-align: center;
        opacity: .65;
        padding: 0 0 18px 10px;
        color: #fff;
        font-style: normal;
        font-size: 28px;
        font-family: Arial,Baskerville,monospace
    }

        .mfp-close:hover, .mfp-close:focus {
            opacity: 1
        }

        .mfp-close:active {
            top: 1px
        }

    .mfp-close-btn-in .mfp-close {
        color: #333
    }

    .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
        color: #fff;
        right: -6px;
        text-align: right;
        padding-right: 6px;
        width: 100%
    }

    .mfp-counter {
        position: absolute;
        top: 0;
        right: 0;
        color: #ccc;
        font-size: 12px;
        line-height: 18px;
        white-space: nowrap
    }

    .mfp-arrow {
        position: absolute;
        opacity: .65;
        margin: 0;
        top: 50%;
        margin-top: -55px;
        padding: 0;
        width: 90px;
        height: 110px;
        -webkit-tap-highlight-color: transparent
    }

        .mfp-arrow:active {
            margin-top: -54px
        }

        .mfp-arrow:hover, .mfp-arrow:focus {
            opacity: 1
        }

        .mfp-arrow:before, .mfp-arrow:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            left: 0;
            top: 0;
            margin-top: 35px;
            margin-left: 35px;
            border: medium inset transparent
        }

        .mfp-arrow:after {
            border-top-width: 13px;
            border-bottom-width: 13px;
            top: 8px
        }

        .mfp-arrow:before {
            border-top-width: 21px;
            border-bottom-width: 21px;
            opacity: .7
        }

    .mfp-arrow-left {
        left: 0
    }

        .mfp-arrow-left:after {
            border-right: 17px solid #fff;
            margin-left: 31px
        }

        .mfp-arrow-left:before {
            margin-left: 25px;
            border-right: 27px solid #3f3f3f
        }

    .mfp-arrow-right {
        right: 0
    }

        .mfp-arrow-right:after {
            border-left: 17px solid #fff;
            margin-left: 39px
        }

        .mfp-arrow-right:before {
            border-left: 27px solid #3f3f3f
        }

    .mfp-iframe-holder {
        padding-top: 40px;
        padding-bottom: 40px
    }

        .mfp-iframe-holder .mfp-content {
            line-height: 0;
            width: 100%;
            max-width: 900px
        }

        .mfp-iframe-holder .mfp-close {
            top: -40px
        }

    .mfp-iframe-scaler {
        width: 100%;
        height: 0;
        overflow: hidden;
        padding-top: 56.25%
    }

        .mfp-iframe-scaler iframe {
            position: absolute;
            display: block;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            box-shadow: 0 0 8px rgba(0,0,0,.6);
            background: #000
        }

    img.mfp-img {
        width: auto;
        max-width: 100%;
        height: auto;
        display: block;
        line-height: 0;
        box-sizing: border-box;
        padding: 40px 0 40px;
        margin: 0 auto
    }

    .mfp-figure {
        line-height: 0
    }

        .mfp-figure:after {
            content: "";
            position: absolute;
            left: 0;
            top: 40px;
            bottom: 40px;
            display: block;
            right: 0;
            width: auto;
            height: auto;
            z-index: -1;
            box-shadow: 0 0 8px rgba(0,0,0,.6);
            background: #444
        }

        .mfp-figure small {
            color: #bdbdbd;
            display: block;
            font-size: 12px;
            line-height: 14px
        }

        .mfp-figure figure {
            margin: 0
        }

    .mfp-bottom-bar {
        margin-top: -36px;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        cursor: auto
    }

    .mfp-title {
        text-align: left;
        line-height: 18px;
        color: #f3f3f3;
        word-wrap: break-word;
        padding-right: 36px
    }

    .mfp-image-holder .mfp-content {
        max-width: 100%
    }

    .mfp-gallery .mfp-image-holder .mfp-figure {
        cursor: pointer
    }

    @media screen and (max-width: 800px)and (orientation: landscape),screen and (max-height: 300px) {
        .mfp-img-mobile .mfp-image-holder {
            padding-left: 0;
            padding-right: 0
        }

        .mfp-img-mobile img.mfp-img {
            padding: 0
        }

        .mfp-img-mobile .mfp-figure:after {
            top: 0;
            bottom: 0
        }

        .mfp-img-mobile .mfp-figure small {
            display: inline;
            margin-left: 5px
        }

        .mfp-img-mobile .mfp-bottom-bar {
            background: rgba(0,0,0,.6);
            bottom: 0;
            margin: 0;
            top: auto;
            padding: 3px 5px;
            position: fixed;
            box-sizing: border-box
        }

            .mfp-img-mobile .mfp-bottom-bar:empty {
                padding: 0
            }

        .mfp-img-mobile .mfp-counter {
            right: 5px;
            top: 3px
        }

        .mfp-img-mobile .mfp-close {
            top: 0;
            right: 0;
            width: 35px;
            height: 35px;
            line-height: 35px;
            background: rgba(0,0,0,.6);
            position: fixed;
            text-align: center;
            padding: 0
        }
    }

    @media all and (max-width: 900px) {
        .mfp-arrow {
            -webkit-transform: scale(0.75);
            transform: scale(0.75)
        }

        .mfp-arrow-left {
            -webkit-transform-origin: 0;
            transform-origin: 0
        }

        .mfp-arrow-right {
            -webkit-transform-origin: 100%;
            transform-origin: 100%
        }

        .mfp-container {
            padding-left: 6px;
            padding-right: 6px
        }
    }

    html, body {
        font-family: "Montserrat",sans-serif;
        font-size: 14px
    }

    .aligncenter {
        display: block;
        margin: 25px auto
    }

    .alignleft {
        float: left;
        margin: 0 25px 25px 0
    }

    .alignright {
        float: right;
        margin: 0 0 25px 25px
    }

    .alignnone {
        display: inline-block
    }

    .bookmark-box ul > li, .content-main ul:not([class*=gf]) > li {
        padding-left: 10px;
        position: relative
    }

        .bookmark-box ul > li:before, .content-main ul:not([class*=gf]) > li:before {
            content: "•";
            left: 0;
            position: absolute
        }

    h2 {
        font-weight: 700;
        font-size: 36px;
        color: #002452;
        letter-spacing: 0
    }

    h3 {
        font-weight: 600;
        font-size: 20px;
        color: #002452;
        letter-spacing: 0;
        line-height: 24px
    }

    h4 {
        font-weight: 600;
        font-size: 20px;
        color: #002452;
        letter-spacing: 0;
        line-height: 26px
    }

    h6 {
        font-weight: 700;
        font-size: 14px;
        color: #002452;
        letter-spacing: 0;
        line-height: 20px
    }

    .mfp-bg {
        background-color: #000;
        opacity: .9
    }

    .mfp-arrow {
        background-repeat: no-repeat !important;
        background-position: center !important
    }

        .mfp-arrow.mfp-arrow-left {
            background-image: url("data:image/svg+xml,%0A%3Csvg width='48px' height='48px' viewBox='0 0 48 48' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='2.-Employer-Profile' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='SCT-003_employer-profile-photos-modal' transform='translate(-64.000000, -481.000000)'%3E%3Cg id='Group-4' transform='translate(40.000000, 139.000000)'%3E%3Cg id='Group-2' transform='translate(24.000000, 342.000000)'%3E%3Ccircle id='Oval-Copy' fill='%23000000' opacity='0.5' cx='24' cy='24' r='24'%3E%3C/circle%3E%3Cg id='chevron-left-2' transform='translate(21.000000, 18.000000)' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cg id='chevron-left'%3E%3Cpolyline id='Path' points='6 12 0 6 6 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
        }

        .mfp-arrow.mfp-arrow-right {
            background-image: url("data:image/svg+xml,%0A%3Csvg width='48px' height='48px' viewBox='0 0 48 48' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='2.-Employer-Profile' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='SCT-003_employer-profile-photos-modal' transform='translate(-1388.000000, -481.000000)'%3E%3Cg id='Group-4' transform='translate(40.000000, 139.000000)'%3E%3Cg id='Group' transform='translate(1348.000000, 342.000000)'%3E%3Ccircle id='Oval' fill='%23000000' opacity='0.5' cx='24' cy='24' r='24'%3E%3C/circle%3E%3Cg id='chevron-right' transform='translate(21.000000, 18.000000)' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpolyline id='Path' points='0 12 6 6 0 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
        }

        .mfp-arrow:before, .mfp-arrow:after {
            content: none
        }

    .btn, .register-form input[type=submit] {
        padding: 10px 16px;
        border: 1px solid transparent;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.5;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        transition: .2s;
        margin: 0 5px;
    }

        .btn.btn--outline, .register-form input.btn--outline[type=submit] {
            background: none;
            border: 1px solid #d8d8d8
        }

        .btn.red, .register-form input[type=submit] {
            background-color: #ef4350;
            color: #fff
        }

        .btn.yellow, .register-form input.yellow[type=submit] {
            background-color: #f89626
        }

        .btn.dark-blue, .register-form input.dark-blue[type=submit] {
            background-color: #002452
        }

        .btn.favorite, .register-form input.favorite[type=submit] {
            background: #fff;
            border-radius: 4px;
            font-weight: 700;
            color: #002452;
            border: 1px solid #d8d8d8
        }

            .btn.favorite:before, .register-form input.favorite[type=submit]:before {
                content: "";
                position: relative;
                top: 4px;
                margin-right: 8px;
                display: inline-block;
                width: 12px;
                height: 16px;
                background-image: url("data:image/svg+xml,%0A%3Csvg width='12px' height='16px' viewBox='0 0 12 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='2.-Employer-Profile' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='SCT-003_employer-profile-jobs' transform='translate(-1155.000000, -877.000000)' stroke='%23002452' stroke-width='2'%3E%3Cg id='Group-11' transform='translate(180.000000, 640.000000)'%3E%3Cg id='Group-10' transform='translate(922.000000, 225.000000)'%3E%3Cg id='Group-4' transform='translate(53.000000, 8.000000)'%3E%3Cpath d='M10.2857143,5 C10.4789226,5 10.6520526,5.08416747 10.778053,5.21483463 C10.9169774,5.35890434 11,5.55872428 11,5.77777778 L11,5.77777778 L11,18.0147928 L6,14.3110891 L1,18.0147928 L1,5.77777778 C1,5.55872428 1.08302259,5.35890434 1.22194696,5.21483463 C1.34794743,5.08416747 1.52107739,5 1.71428571,5 L1.71428571,5 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
                background-repeat: no-repeat
            }

            .btn.favorite.favorited, .register-form input.favorite.favorited[type=submit] {
                border: 2px solid #000
            }

                .btn.favorite.favorited:before, .register-form input.favorite.favorited[type=submit]:before {
                    background-image: url("data:image/svg+xml,%0A%3Csvg width='12px' height='16px' viewBox='0 0 12 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='2.-Employer-Profile' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='SCT-003_employer-profile-jobs' transform='translate(-1152.000000, -1279.000000)' fill='%23F89626'%3E%3Cg id='Group-11' transform='translate(180.000000, 1186.000000)'%3E%3Cg id='Group-10' transform='translate(922.000000, 81.000000)'%3E%3Cg id='Group-4' transform='translate(50.000000, 8.000000)'%3E%3Cpath d='M12,20 L6,15.5555556 L0,20 L0,5.77777778 C0,4.79593822 0.767511857,4 1.71428571,4 L10.2857143,4 C11.2324881,4 12,4.79593822 12,5.77777778 L12,20 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
                }

            .btn.favorite:hover, .register-form input.favorite[type=submit]:hover {
                border: 2px solid #d8d8d8
            }

                .btn.favorite:hover:before, .register-form input.favorite[type=submit]:hover:before {
                    opacity: .5;
                    background-image: url("data:image/svg+xml,%0A%3Csvg width='12px' height='16px' viewBox='0 0 12 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='2.-Employer-Profile' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='SCT-003_employer-profile-jobs' transform='translate(-1152.000000, -1279.000000)' fill='%23F89626'%3E%3Cg id='Group-11' transform='translate(180.000000, 1186.000000)'%3E%3Cg id='Group-10' transform='translate(922.000000, 81.000000)'%3E%3Cg id='Group-4' transform='translate(50.000000, 8.000000)'%3E%3Cpath d='M12,20 L6,15.5555556 L0,20 L0,5.77777778 C0,4.79593822 0.767511857,4 1.71428571,4 L10.2857143,4 C11.2324881,4 12,4.79593822 12,5.77777778 L12,20 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
                }

        .btn:hover.dark-blue-hover, .register-form input[type=submit]:hover.dark-blue-hover {
            background-color: #002452;
            color: #fff
        }

        .btn:hover.red-hover, .register-form input[type=submit]:hover.red-hover {
            background-color: #ef4350;
            color: #fff
        }

    p {
        margin-bottom: 15px
    }

    form input[type=text] {
        padding: 0 16px;
        height: 40px;
        background: none;
        border: 1px solid #d8d8d8;
        border-radius: 4px;
        line-height: 40px
    }

    form input[type=password] {
        padding: 0 16px;
        height: 40px;
        background: none;
        border: 1px solid #d8d8d8;
        border-radius: 4px;
        line-height: 40px
    }



    form label {
        font-weight: 600
    }

    form textarea {
        padding: 12px 16px;
        width: 100%;
        background: none;
        border: 1px solid #d8d8d8;
        border-radius: 4px;
        line-height: 1.5
    }

    .content-main ul:not([class*=gf]) {
        line-height: 24px
    }

    .content-main ol {
        counter-reset: li
    }

        .content-main ol > li {
            position: relative;
            padding-left: 20px
        }

            .content-main ol > li:before {
                content: counter(li) ". ";
                counter-increment: li;
                position: absolute;
                right: calc(100% - 15px)
            }

    .wrap {
        max-width: 1180px;
        width: 100%;
        margin: 0 auto;
        padding: 0 20px
    }

    #skipnav {
        position: absolute;
        left: -50000px
    }

    #jumptocontent {
        font-size: 0;
        line-height: 0;
        height: 0;
        width: 0
    }

    #header {
        padding: 0 24px;
        border-bottom: 1px solid #d8d8d8;
        display: flex;
        justify-content: space-between;
        position: relative;
        background: #FCDF55;
        z-index: 2
    }

        #header .logo-box {
            margin: 12px 0;
            flex-shrink: 0
        }

            #header .logo-box a {
                display: block
            }

            #header .logo-box img {
                vertical-align: top
            }

        #header .nav-box nav {
            height: 100%
        }

            #header .nav-box nav ul {
                height: 100%;
                display: flex;
                align-items: flex-end
            }

                #header .nav-box nav ul li:hover a, #header .nav-box nav ul li.current-menu-item a {
                    border-bottom: 3px solid #000;
                    color: #000
                }

                #header .nav-box nav ul li a {
                    padding: 19px 8px 16px;
                    border-bottom: 3px solid transparent;
                    color: #000;
                    font-size: 13px;
                    font-weight: 600;
                    display: block
                }

    @media only screen and (min-width: 860px) {
        #header .nav-box nav ul li a {
            padding-right: 12px;
            padding-left: 12px;
            font-size: 14px
        }
    }

    @media only screen and (min-width: 991px) {
        #header .nav-box nav ul li a {
            padding-right: 16px;
            padding-left: 16px
        }
    }

    @media screen and (min-width: 768px) {
        #header .nav-box nav ul li.current-menu-item a {
            color: #002452;
            border-bottom: 3px solid #002452
        }
    }

    #header .profile-options-box {
        display: flex;
        align-items: center
    }

        #header .profile-options-box .notifications {
            display: inline-block;
            margin-right: 8px;
            position: relative
        }

            #header .profile-options-box .notifications .notification-box {
                font-size: 14px;
                width: 320px;
                position: absolute;
                visibility: hidden;
                background: #fff;
                box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
                border-radius: 8px;
                right: 0;
                max-height: 420px;
                overflow-y: scroll
            }

                #header .profile-options-box .notifications .notification-box ul li {
                    border-bottom: 1px solid #d8d8d8;
                    padding: 16px 24px
                }

                    #header .profile-options-box .notifications .notification-box ul li strong {
                        color: #002452
                    }

                    #header .profile-options-box .notifications .notification-box ul li a {
                        color: #555
                    }

                #header .profile-options-box .notifications .notification-box.is-open {
                    visibility: visible
                }

    #header .my-account-box {
        display: flex;
        align-items: center;
        position: relative
    }

        #header .my-account-box .my-account-image-link {
            margin-right: 10px
        }

            #header .my-account-box .my-account-image-link img {
                vertical-align: top
            }

        #header .my-account-box .my-account-text-link {
            display: inline-block;
            background-position: center right;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E%3Cdefs%3E%3Cfilter id='small-down-a'%3E%3CfeColorMatrix in='SourceGraphic' values='0 0 0 0 0.333333 0 0 0 0 0.333333 0 0 0 0 0.333333 0 0 0 1.000000 0'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' filter='url(%23small-down-a)' transform='translate(0 -3)'%3E%3Cpath fill='%23000' d='M0.292893219,3.29289322 C0.65337718,2.93240926 1.22060824,2.90467972 1.61289944,3.20970461 L1.70710678,3.29289322 L6.51011313,8.09597105 L11.3131195,3.29289322 C11.6736034,2.93240926 12.2408345,2.90467972 12.6331257,3.20970461 L12.727333,3.29289322 C13.087817,3.65337718 13.1155465,4.22060824 12.8105216,4.61289944 L12.727333,4.70710678 L7.21721991,10.2172199 C6.85673595,10.5777039 6.28950489,10.6054334 5.89721368,10.3004085 L5.80300635,10.2172199 L0.292893219,4.70710678 C-0.0976310729,4.31658249 -0.0976310729,3.68341751 0.292893219,3.29289322 Z'/%3E%3C/g%3E%3C/svg%3E%0A");
            /*font-weight: 500;
        font-size: 14px;
        color: #555;
        letter-spacing: 0*/
        }

    @media screen and (max-width: 768px) {
        #header .my-account-box .my-account-text-link {
            display: none
        }
    }

    #header .my-account-box img {
        border-radius: 100%;
        width: 38px;
        height: 38px;
        max-width: 38px
    }

    #header .mobile-menu-opener {
        display: none;
        background-color: transparent;
        width: 18px;
        padding: 0;
        height: 13px
    }

        #header .mobile-menu-opener span {
            height: 2px;
            width: 18px;
            display: block;
            background-color: #002452;
            position: relative
        }

            #header .mobile-menu-opener span:before, #header .mobile-menu-opener span:after {
                content: "";
                height: 2px;
                width: 18px;
                display: block;
                background-color: #002452;
                position: absolute
            }

            #header .mobile-menu-opener span:before {
                top: -5px
            }

            #header .mobile-menu-opener span:after {
                bottom: -5px
            }

        #header .mobile-menu-opener.is-active span {
            background-color: transparent
        }

            #header .mobile-menu-opener.is-active span:before {
                transform: rotate(45deg);
                top: 0
            }

            #header .mobile-menu-opener.is-active span:after {
                transform: rotate(-45deg);
                bottom: 0
            }

    @media screen and (max-width: 768px) {
        #header {
            display: block
        }

            #header .mobile-menu-opener {
                display: block
            }

            #header .logo-box {
                float: left
            }

            #header .profile-options-box {
                float: right
            }

            #header .nav-box {
                display: block;
                position: absolute;
                width: 100%;
                background-color: #fff;
                left: 0;
                top: 61px;
                padding-top: 30px;
/*                display: none*/
            }

                #header .nav-box.is-active {
                    display: block
                }

                #header .nav-box nav ul {
                    display: block;
                    margin: 0 20px
                }

                    #header .nav-box nav ul li {
                        width: 100%;
                        border-bottom: 1px solid #d8d8d8;
                        padding-bottom: 16px;
                        margin-bottom: 16px
                    }

                        #header .nav-box nav ul li a {
                            border-bottom: none;
                            display: block;
                            padding: 0
                        }
    }

    .open-notifications {
        width: 38px;
        height: 38px;
        border-radius: 100%;
        background-color: #f6f6f6;
        display: inline-block;
        position: relative;
        vertical-align: top
    }

        .open-notifications svg {
            top: 50%;
            left: 50%;
            position: absolute;
            transform: translate(-50%, -50%);
            stroke: #555
        }

        .open-notifications:hover, .open-notifications.is-open {
            background-color: #002452
        }

            .open-notifications:hover svg, .open-notifications.is-open svg {
                stroke: #fff
            }

        .open-notifications.has-notifications:before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            background-color: #ef4350;
            height: 12px;
            width: 12px;
            border-radius: 100%
        }

    .dashboard {
        margin: 40px 0
    }

        .dashboard .wrap {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between
        }


    @media screen and (max-width: 600px) {
        .dashboard .wrap.showing-all a.dashboard-links:nth-child(4n+5) {
            opacity: 1;
            visibility: visible
        }

        .dashboard .wrap.showing-all a.dashboard-links:nth-child(4n+6) {
            opacity: 1;
            visibility: visible
        }

        .dashboard .wrap.showing-all a.dashboard-links:nth-child(4n+7) {
            opacity: 1;
            visibility: visible
        }

        .dashboard .wrap.showing-all a.dashboard-links:nth-child(4n+8) {
            opacity: 1;
            visibility: visible
        }

        .dashboard .wrap.showing-all a.dashboard-links:nth-child(4n+9) {
            opacity: 1;
            visibility: visible
        }

        .dashboard .wrap.showing-all a.dashboard-links:nth-child(4n+10) {
            opacity: 1;
            visibility: visible
        }

        .dashboard .wrap.showing-all a.dashboard-links:nth-child(4n+11) {
            opacity: 1;
            visibility: visible
        }

        .dashboard .wrap.showing-all a.dashboard-links:nth-child(4n+12) {
            opacity: 1;
            visibility: visible
        }
    }

    .dashboard .wrap a.dashboard-links {
        width: calc(20% - 15px);
        padding: 14px 15px 20px;
        margin-bottom: 20px;
        text-align: center;
        background: #fff;
        border: 1px solid #d8d8d8;
        border-radius: 8px;
        letter-spacing: 0;
        position: relative;
        min-height: 140px
    }

    .dashboard .wrap a.dashboard-links2 {
        width: calc(20% - 15px);
        padding: 14px 15px 20px;
        margin: 20px;
        text-align: center;
        background: #fff;
        border: 1px solid #d8d8d8;
        border-radius: 8px;
        letter-spacing: 0;
        position: relative;
        min-height: 140px
    }

    @media screen and (max-width: 768px) {
        .dashboard .wrap a.dashboard-links {
            width: calc(50% - 15px)
        }
    }

    @media screen and (max-width: 600px) {
        .dashboard .wrap a.dashboard-links {
            display: flex;
            width: 100%;
            min-height: 1px
        }

            .dashboard .wrap a.dashboard-links .inner-wrap {
                align-content: center;
                align-items: center;
                display: flex
            }

            .dashboard .wrap a.dashboard-links:nth-child(n+5) {
                opacity: 0;
                visibility: hidden
            }
    }

    .dashboard .wrap a.dashboard-links span {
        font-weight: 500;
        font-size: 14px;
        color: #002452;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 20px;
        padding: 0 10px
    }

    .dashboard .wrap a.dashboard-links img {
        display: block;
        margin: 0 auto 15px
    }

    @media screen and (max-width: 600px) {
        .dashboard .wrap a.dashboard-links span {
            display: inline-block;
            width: auto;
            position: static
        }

        .dashboard .wrap a.dashboard-links img {
            margin: 0;
            max-height: 30px;
            display: inline-block
        }
    }

    @media screen and (max-width: 600px) {
        #dashboard-wrap {
            overflow: hidden;
            max-height: 350px;
            transition: max-height 1s .15s
        }

            #dashboard-wrap.showing-all {
                max-height: 860px
            }

            #dashboard-wrap a:nth-child(1) {
                transition: all .25s ease-in-out 0
            }

            #dashboard-wrap a:nth-child(2) {
                transition: all .25s ease-in-out 0
            }

            #dashboard-wrap a:nth-child(3) {
                transition: all .25s ease-in-out 0
            }

            #dashboard-wrap a:nth-child(4) {
                transition: all .25s ease-in-out .9s
            }

            #dashboard-wrap a:nth-child(5) {
                transition: all .25s ease-in-out .75s
            }

            #dashboard-wrap a:nth-child(6) {
                transition: all .25s ease-in-out .6s
            }

            #dashboard-wrap a:nth-child(7) {
                transition: all .25s ease-in-out .45s
            }

            #dashboard-wrap a:nth-child(8) {
                transition: all .25s ease-in-out .3s
            }

            #dashboard-wrap a:nth-child(9) {
                transition: all .25s ease-in-out .15s
            }

            #dashboard-wrap a:nth-child(10) {
                transition: all .25s ease-in-out 0
            }

            #dashboard-wrap.showing-all a:nth-child(1) {
                transition: all .25s ease-in-out 0
            }

            #dashboard-wrap.showing-all a:nth-child(2) {
                transition: all .25s ease-in-out 0
            }

            #dashboard-wrap.showing-all a:nth-child(3) {
                transition: all .25s ease-in-out 0
            }

            #dashboard-wrap.showing-all a:nth-child(4) {
                transition: all .25s ease-in-out 0
            }

            #dashboard-wrap.showing-all a:nth-child(5) {
                transition: all .25s ease-in-out .15s
            }

            #dashboard-wrap.showing-all a:nth-child(6) {
                transition: all .25s ease-in-out .3s
            }

            #dashboard-wrap.showing-all a:nth-child(7) {
                transition: all .25s ease-in-out .45s
            }

            #dashboard-wrap.showing-all a:nth-child(8) {
                transition: all .25s ease-in-out .6s
            }

            #dashboard-wrap.showing-all a:nth-child(9) {
                transition: all .25s ease-in-out .75s
            }

            #dashboard-wrap.showing-all a:nth-child(10) {
                transition: all .25s ease-in-out .9s
            }
    }

    #footer .inner-wrap {
        margin-top: 50px;
        margin-bottom: 150px;
        padding: 20px 0;
        border-top: 1px solid #d8d8d8
    }

    @media screen and (min-width: 768px) {
        #footer .inner-wrap {
            display: flex;
            justify-content: space-between
        }
    }

    #footer .copyright {
        display: inline-block;
        font-size: 14px;
        color: #555;
        margin-right: 15px
    }

    #footer nav.social a svg {
        width: 24px;
        height: 24px;
        fill: #555
    }

    #footer nav.social a:hover svg {
        fill: #002452
    }

    #footer nav.conditions {
        display: inline-block;
        margin-left: 8px
    }

        #footer nav.conditions a {
            margin-right: 15px;
            display: inline-block;
            font-size: 14px;
            color: #ef4350;
            letter-spacing: 0
        }

    @media screen and (min-width: 768px) {
        .mobile {
            display: none
        }
    }

    @media screen and (max-width: 768px) {
        .desktop {
            display: none
        }
    }

    input[type=submit], button {
        display: inline-block;
        cursor: pointer
    }

    .select-menu, .gform-select-menu div {
        position: relative;
        width: 100%;
        border: 1px solid red;
        vertical-align: middle;
        display: inline-block;
        overflow: hidden;
        margin: 0 10px 0 0
    }

        .select-menu:before, .select-menu:after, .gform-select-menu div:before, .gform-select-menu div:after {
            content: "";
            position: absolute;
            right: 14px;
            top: calc(50% - 8px);
            z-index: 1;
            pointer-events: none;
            width: 16px;
            height: 16px
        }

        .select-menu:hover, .gform-select-menu div:hover {
            border-color: blue
        }

        .select-menu select, .gform-select-menu div select {
            padding: 0 10px 0 20px;
            cursor: pointer;
            color: lime;
            background-color: #fff;
            width: 120%;
            height: 40px;
            line-height: 40px;
            border: 0;
            border-radius: 0;
            text-indent: .01px;
            text-overflow: "";
            position: relative;
            z-index: 1
        }

    .validation_error {
        padding: 15px;
        color: #fff;
        background: #c00;
        margin: 20px 0
    }

    .validation_message {
        text-transform: uppercase;
        font-size: 12px;
        color: #c00;
        font-weight: 600
    }

    .gform_validation_container {
        position: absolute;
        top: -9999px;
        left: -9999px;
        pointer-events: none;
        opacity: 0
    }

    .readmore {
        font-weight: 500;
        font-size: 16px;
        color: #ef4350;
        line-height: 20px;
        text-decoration: underline !important
    }

    .alert-bar {
        background: rgba(239,67,80,.05);
        padding: 20px 0 20px
    }

    @media screen and (min-width: 768px) {
        .alert-bar .alert-wrap {
            display: flex;
            justify-content: space-between
        }
    }

    .alert-bar .alert-wrap .fisrt-col {
        /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16'%3E%3Cdefs%3E%3Cfilter id='warning-a'%3E%3CfeColorMatrix in='SourceGraphic' values='0 0 0 0 0.937255 0 0 0 0 0.262745 0 0 0 0 0.313725 0 0 0 1.000000 0'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' filter='url(%23warning-a)' transform='translate(-3 -4)'%3E%3Cpath fill='%23000' d='M13.5,15 L11.5,15 L11.5,9 L13.5,9 L13.5,15 Z M13.5,18 L11.5,18 L11.5,16 L13.5,16 L13.5,18 Z M13.097633,4.32828235 C12.9761121,4.12536471 12.7477163,4 12.4999245,4 C12.2521328,4 12.023737,4.12536471 11.9022161,4.32828235 L3.08839163,19.0409412 C2.96865202,19.2400941 2.97063119,19.4838588 3.09393329,19.6813176 C3.21683956,19.8787765 3.44206877,20 3.68570423,20 L21.3145407,20 C21.5577803,20 21.7830095,19.8787765 21.9063116,19.6813176 C22.0292179,19.4838588 22.0311971,19.2400941 21.9122491,19.0409412 L13.097633,4.32828235 Z'/%3E%3C/g%3E%3C/svg%3E%0A");*/
        background-position: 0 5px;
        padding: 5px 0 5px 37px
    }

    @media screen and (min-width: 768px) {
        .alert-bar .alert-wrap .fisrt-col {
            width: calc(100% - 120px)
        }
    }

    .alert-bar .alert-wrap .second-col {
        text-align: right;
        width: 120px
    }

    time {
        font-weight: 600;
        text-transform: uppercase;
        font-size: 12px;
        color: #555;
        letter-spacing: 1px;
        line-height: 14px
    }

    @media screen and (min-width: 600px) {
        .happenings-slider {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between
        }
    }

    @media screen and (max-width: 600px) {
        .happenings-slider {
            padding-top: 50px
        }
    }

    .other-happenings {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .happening {
        vertical-align: top;
        display: inline-block;
        width: calc(50% - 10px);
        background: #fff;
        border: 1px solid #d8d8d8;
        border-radius: 4px 4px;
        margin-bottom: 20px;
        overflow: hidden
    }

    @media screen and (max-width: 600px) {
        .happening {
            width: 100%
        }
    }

    .happening .img-wrap {
        object-fit: cover;
        max-width: 400px;
        max-height: 400px;
        overflow: hidden
    }

    .happening .inner-wrap {
        padding: 40px
    }

        .happening .inner-wrap h4 {
            margin-bottom: 10px
        }

        .happening .inner-wrap p {
            font-weight: normal;
            font-size: 16px;
            color: #555;
            line-height: 24px
        }

    @media screen and (min-width: 600px) {
        .happening.no-ex p, .happening.no-ex .readmore {
        }
    }

    @media screen and (min-width: 1100px) {
        .happening.no-ex {
            display: flex;
            align-items: center
        }

            .happening.no-ex .img-wrap {
                display: inline-block;
                width: 250px;
                line-height: 0
            }

            .happening.no-ex .inner-wrap {
                display: inline-block;
                padding: 0 40px;
                width: calc(100% - 250px)
            }
    }

    @media screen and (min-width: 768px) {
        .mobile-display {
            display: none
        }
    }

    .section-title-bar {
        margin-bottom: 20px;
        display: block
    }

        .section-title-bar h2 {
            color: #002452;
            font-size: 28px;
            font-weight: 700;
            letter-spacing: 0
        }

        .section-title-bar .btn, .section-title-bar .register-form input[type=submit], .register-form .section-title-bar input[type=submit] {
            margin-top: 8px
        }

    @media screen and (min-width: 768px) {
        .section-title-bar {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

            .section-title-bar h2 {
                padding-right: 16px;
                font-size: 36px
            }

            .section-title-bar .btn, .section-title-bar .register-form input[type=submit], .register-form .section-title-bar input[type=submit] {
                margin-top: 0
            }
    }

    @media screen and (max-width: 768px) {
        .section-bottom-bar {
            margin: 20px auto
        }
    }

    .employer, .featured-box-section {
        margin: 60px 0
    }

    .featured-employer, .featured-box {
        border: 1px solid #d8d8d8;
        border-radius: 4px;
        display: flex;
        justify-content: space-between;
        margin-top: 40px
    }

        .featured-employer .content-wrap, .featured-box .content-wrap {
            padding: 80px 60px;
            width: calc(100% - 335px)
        }

            .featured-employer .content-wrap h2, .featured-box .content-wrap h2 {
                margin-bottom: 15px
            }

            .featured-employer .content-wrap p, .featured-box .content-wrap p {
                font-size: 16px;
                color: #555;
                line-height: 24px
            }

        .featured-employer .logo-wrap, .featured-box .logo-wrap {
            padding: 50px;
            width: 335px;
            display: flex;
            align-items: center;
            border-left: 1px solid #d8d8d8
        }

            .featured-employer .logo-wrap img, .featured-box .logo-wrap img {
                flex: 1
            }

    @media screen and (max-width: 767.98px) {
        .featured-employer, .featured-box {
            flex-direction: column-reverse
        }

            .featured-employer .content-wrap, .featured-box .content-wrap {
                width: 100%;
                padding: 24px
            }

            .featured-employer .logo-wrap, .featured-box .logo-wrap {
                width: 100%;
                padding: 35px;
                border-left: none;
                border-bottom: 1px solid #d8d8d8;
                display: block
            }

                .featured-employer .logo-wrap img, .featured-box .logo-wrap img {
                    width: 100%
                }
    }

    .featured-box {
        flex-direction: row-reverse;
        flex-wrap: wrap;
        overflow: hidden
    }

        .featured-box h1 a, .featured-box h2 a, .featured-box h3 a, .featured-box h4 a, .featured-box h5 a, .featured-box h6 a {
            color: inherit
        }

        .featured-box .logo-wrap {
            padding: 0;
            border: 0;
            border-right: 1px solid #d8d8d8
        }

            .featured-box .logo-wrap img {
                height: 100%;
                object-fit: cover;
                vertical-align: top
            }

    @media screen and (max-width: 767.98px) {
        .featured-box {
            flex-direction: column-reverse
        }

            .featured-box .logo-wrap {
                border-right: 0;
                border-bottom: 1px solid #d8d8d8
            }
    }

    .sponsors {
        width: 100%;
        transition: transform .25s ease-in-out
    }

    @media screen and (min-width: 768px) {
        .sponsors {
            position: fixed;
            bottom: 0;
            left: 0
        }

            .sponsors .section-title-bar {
                display: none
            }
    }

    .sponsors .top-bar-links .btn, .sponsors .top-bar-links .register-form input[type=submit], .register-form .sponsors .top-bar-links input[type=submit] {
        border-radius: 4px 4px 0 0;
        text-transform: uppercase;
        font-weight: 700;
        padding: 4px 16px
    }

        .sponsors .top-bar-links .btn svg, .sponsors .top-bar-links .register-form input[type=submit] svg, .register-form .sponsors .top-bar-links input[type=submit] svg {
            height: 10px;
            width: 10px;
            fill: #fff
        }

        .sponsors .top-bar-links .btn.open-close-sponsor.closed svg, .sponsors .top-bar-links .register-form input.open-close-sponsor.closed[type=submit] svg, .register-form .sponsors .top-bar-links input.open-close-sponsor.closed[type=submit] svg {
            transform: rotate(180deg)
        }

    @media screen and (max-width: 768px) {
        .sponsors .top-bar-links {
            display: none
        }
    }

    .sponsors .top-bar-links {
        text-align: right
    }

    .sponsors .sponsor-links {
        background-color: #f6f6f6;
        padding: 8px 0
    }

    @media screen and (max-width: 768px) {
        .sponsors .sponsor-links {
            padding: 0;
            background-color: transparent
        }
    }

    .sponsors .sponsor-links .wrap {
        display: flex;
        justify-content: space-between
    }

        .sponsors .sponsor-links .wrap > a {
            width: calc(20% - 20px);
            display: flex;
            background: #fff;
            border: 1px solid #d8d8d8;
            border-radius: 4px;
            background-color: #fff;
            justify-content: center;
            align-content: center;
            align-items: center;
            padding: 12px
        }

            .sponsors .sponsor-links .wrap > a span {
                flex: 1;
                text-align: center
            }

            .sponsors .sponsor-links .wrap > a img {
                max-width: 50%;
                height: auto
            }

    @media screen and (max-width: 768px) {
        .sponsors .sponsor-links .wrap {
            display: block
        }

            .sponsors .sponsor-links .wrap > a {
                margin-bottom: 15px;
                width: 100%
            }
    }

    .slick-dots {
        position: absolute;
        top: 0;
        left: 10px
    }

        .slick-dots li {
            display: inline-block;
            vertical-align: top;
            margin-right: 15px
        }

            .slick-dots li button {
                height: 12px;
                width: 12px;
                font-size: 0;
                border-radius: 100%;
                padding: 0;
                background-color: #d8d8d8
            }

            .slick-dots li.slick-active button {
                background-color: #f89626
            }

    .profile-dropdown {
        margin-top: 4px;
        top: 100%;
        right: 0;
        width: 200px;
        background: #fff;
        border-radius: 4px;
        box-shadow: 0 0 10px rgba(0,0,0,.15);
        position: absolute;
        opacity: 0;
        pointer-events: none
    }

        .profile-dropdown.is-open {
            opacity: 1;
            pointer-events: auto
        }

    #profile-dropdown-list > li {
        padding: 16px 24px;
        border-bottom: 1px solid #d8d8d8
    }

        #profile-dropdown-list > li:last-child {
            margin-bottom: 0;
            border: 0
        }

        #profile-dropdown-list > li > a {
            color: #555;
            text-decoration: none
        }

            #profile-dropdown-list > li > a:hover {
                color: #ef4350;
                text-decoration: underline
            }

    .edit-button {
        margin-bottom: 16px;
        padding: 16px 24px;
        background: #f2f4f6;
        border: 1px solid #002452;
        border-radius: 4px;
        color: #002452;
        font-size: 14px;
        cursor: pointer
    }

        .edit-button:hover:not(.is-active) {
            background: #e9ecf0
        }

        .edit-button.edit-button--inverse {
            background: #002452;
            color: #fff
        }

            .edit-button.edit-button--inverse:hover {
                background: #002452
            }

            .edit-button.edit-button--inverse h1, .edit-button.edit-button--inverse h2, .edit-button.edit-button--inverse h3, .edit-button.edit-button--inverse h4, .edit-button.edit-button--inverse h5, .edit-button.edit-button--inverse h6 {
                color: inherit
            }

            .edit-button.edit-button--inverse svg {
                fill: #fff
            }

        .edit-button.edit-button--rating {
            padding: 0
        }

            .edit-button.edit-button--rating.is-active {
                padding: 0
            }

                .edit-button.edit-button--rating.is-active .edit-button__button {
                    display: block
                }

                .edit-button.edit-button--rating.is-active .edit-button__description-text {
                    display: none
                }

                .edit-button.edit-button--rating.is-active .edit-button__icon {
                    display: none
                }

                .edit-button.edit-button--rating.is-active .edit-button__main {
                    display: flex
                }

                .edit-button.edit-button--rating.is-active #edit-button-textarea {
                    display: block
                }

            .edit-button.edit-button--rating .edit-button__button {
                display: none
            }

        .edit-button.is-active {
            padding: 24px;
            cursor: default
        }

            .edit-button.is-active .edit-button__content {
                display: flex
            }

            .edit-button.is-active .edit-button__main {
                display: none
            }

            .edit-button.is-active .edit-button__rating-score {
                margin-bottom: -5px;
                padding-bottom: 4px;
                border-bottom: 1px solid #548bd1
            }

                .edit-button.is-active .edit-button__rating-score svg {
                    display: block
                }

            .edit-button.is-active .edit-button__rating-select {
                pointer-events: auto
            }

            .edit-button.is-active #edit-button-textarea {
                padding-bottom: 8px;
                pointer-events: auto
            }

        .edit-button .edit-button__button {
            margin-left: auto
        }

        .edit-button .edit-button__content {
            display: none
        }

        .edit-button .edit-button__content-main {
            padding-right: 24px
        }

            .edit-button .edit-button__content-main > :last-child {
                margin-bottom: 0
            }

        .edit-button .edit-button__description {
            margin-left: auto;
            padding: 16px 24px;
            width: 100%;
            display: flex;
            align-items: center
        }

            .edit-button .edit-button__description p:last-of-type {
                margin-bottom: 0
            }

            .edit-button .edit-button__description textarea {
                margin: 0;
                padding: 0;
                width: 100%;
                background: none;
                color: #fff;
                font-size: 14px;
                line-height: 20px;
            }

        .edit-button .edit-button__description-text {
            font-size: 14px;
            line-height: 20px
        }

        .edit-button .edit-button__icon {
            margin-left: auto;
            width: 22px;
            height: 22px;
            fill: #002452;
            flex-shrink: 0
        }

        .edit-button .edit-button__main {
            display: flex;
            align-items: center
        }

        .edit-button .edit-button__rating {
            padding: 16px 24px;
            border-right: 1px solid #4d688a;
            display: flex;
            align-items: center;
            flex-direction: column
        }

        .edit-button .edit-button__rating-digit {
            font-size: 36px;
            font-weight: 700;
            line-height: 1;
            display: block;
            position: relative
        }

        .edit-button .edit-button__rating-score {
            display: flex;
            align-items: center
        }

            .edit-button .edit-button__rating-score svg {
                margin-left: 6px;
                width: 12px;
                height: 7px;
                display: none
            }

        .edit-button .edit-button__rating-select {
            pointer-events: none;
            position: relative
        }

        .edit-button .edit-button__rating-title {
            margin-bottom: 4px;
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 1px;
            line-height: 14px;
            text-transform: uppercase
        }

        .edit-button .edit-button__text {
            font-weight: 700
        }

        .edit-button .form-field {
            margin: 0 16px 8px 0;
            display: inline-flex
        }

            .edit-button .form-field:last-of-type {
                margin-right: 0
            }

            .edit-button .form-field + p {
                margin-top: 8px
            }

    .edit-button-select {
        margin: 0;
        padding: 0;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        background-color: transparent;
        border: none;
        color: #002452;
        font-family: inherit;
        font-size: inherit;
        font-weight: 500;
        line-height: inherit;
        cursor: inherit;
        opacity: 0;
        outline: 0;
        position: absolute;
        padding-left: 10px
    }

        .edit-button-select::-ms-expand {
            display: none
        }

        .edit-button-select option {
            font-size: 36px
        }

    .edit-button-textarea {
        margin-right: 24px;
        font-size: 14px;
        line-height: 20px;
        display: none;
        pointer-events: none
    }

    .button-edit-link {
        margin: 0;
        padding: 0;
        background: none;
        border: 0;
        color: #ef4350;
        font-weight: 500;
        text-decoration: underline;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
    }

        .button-edit-link svg {
            margin-right: 6px;
            width: 22px;
            height: 22px;
            fill: #ef4350
        }

    .details-group {
        margin-bottom: 3.5rem;
        padding-bottom: 3.5rem;
        border-bottom: 1px solid #d8d8d8
    }

        .details-group:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border: 0
        }

        .details-group h2 {
            margin-bottom: 24px;
            font-size: 24px;
            line-height: 26px
        }

        .details-group h3 {
            margin-bottom: 24px !important;
            color: #555 !important;
            font-size: 20px !important;
            line-height: 24px !important
        }

    @media only screen and (min-width: 768px) {
        .details-group h2 {
            margin-bottom: 26px !important;
            font-size: 26px !important;
            line-height: 30px !important
        }
    }

    .details {
        margin-bottom: 2rem;
        color: #555;
        font-size: 16px;
        line-height: 1.5
    }

        .details:last-child, .details > :last-child {
            margin-bottom: 0
        }

        .details.details--columns > dl {
            margin-bottom: 2rem
        }

        .details.details--intro dt {
            font-weight: 400
        }

        .details h1, .details h2, .details h3, .details h4, .details h5, .details h6, .details p {
            color: inherit
        }

        .details dd + dt {
            margin-top: 2rem
        }

        .details dt {
            font-weight: 700
        }

    @media only screen and (min-width: 576px) {
        .details.details--columns {
            margin-left: -2rem;
            display: flex
        }

            .details.details--columns > dl {
                margin-bottom: 0;
                padding-left: 2rem;
                width: 50%
            }

                .details.details--columns > dl:last-child {
                    margin-bottom: 0
                }

        .details.details--grid > dl {
            margin: 0 0 -2rem -2rem;
            display: flex
        }

            .details.details--grid > dl > .dl-cell {
                padding-left: 2rem;
                width: 50%
            }
    }

    .dl-cell {
        margin-bottom: 2rem
    }

        .dl-cell:last-child, .dl-cell > :last-child {
            margin-bottom: 0
        }

    .form-grid > .form-cell {
        margin-bottom: 16px
    }

    @media only screen and (min-width: 576px) {
        .form-grid {
            margin-left: -24px;
            display: flex;
            flex-wrap: wrap
        }

            .form-grid > .form-cell {
                margin-bottom: 16px;
                padding-left: 24px;
                width: 50%
            }
    }

    @media only screen and (min-width: 768px) {
        .form-grid > .form-cell {
            margin-bottom: 24px;
            width: 33.33333%
        }
    }

    @media only screen and (min-width: 1024px) {
        .form-grid {
            margin-left: -32px
        }

            .form-grid > .form-cell {
                padding-left: 32px
            }
    }

    .form-group {
        margin-bottom: 16px
    }

        .form-group:last-child {
            margin-bottom: 0
        }

        .form-group label {
            margin-bottom: 8px;
            display: block
        }

    .register-form {
        margin: 24px 0
    }

        .register-form:last-child {
            margin-bottom: 0
        }

        .register-form input, .register-form select {
            width: 100%;
            background: #fff !important
        }

            .register-form input[type=submit] {
                background-color: #ef4350 !important;
                width: auto
            }

        .register-form label {
            margin-bottom: 8px;
            color: #555;
            font-size: 14px;
            font-weight: 600;
            line-height: 20px;
            display: block
        }

    @media only screen and (min-width: 768px) {
        .register-form {
            margin: 32px 0
        }
    }

    .info-box {
        margin-bottom: 20px;
        padding: 16px;
        border: 1px solid #d8d8d8;
        border-radius: 4px;
        color: #555;
        line-height: 1.5
    }

        .info-box:last-child {
            margin-bottom: 0
        }

        .info-box h1, .info-box h2, .info-box h3, .info-box h4, .info-box h5, .info-box h6, .info-box p {
            font-size: 16px;
            line-height: 1.5
        }

        .info-box h3 {
            margin-bottom: 16px
        }

        .info-box h6 {
            color: #002452
        }

        .info-box .info-box__logo {
            margin-right: 16px;
            flex-shrink: 0
        }

            .info-box .info-box__logo img {
                padding: 4px;
                width: 56px;
                height: 56px;
                border: 1px solid #d8d8d8;
                border-radius: 50%;
                object-fit: contain;
                vertical-align: top
            }

        .info-box .info-box__item {
            margin-bottom: 4px;
            display: block
        }

        .info-box .info-box__item-content > :last-child {
            margin-bottom: 0
        }

    @media only screen and (min-width: 375px) {
        .info-box .info-box__item {
            margin-bottom: 0;
            display: flex
        }
    }

    @media only screen and (min-width: 768px) {
        .info-box {
            padding: 24px
        }

            .info-box .info-box__logo {
                margin-right: 24px
            }
    }

    .info-box-list, .info-box-list-double {
        width: 100%;
        list-style: none
    }

        .info-box-list > li, .info-box-list-double > li {
            margin: 0 0 16px;
            padding: 0 0 16px !important;
            border-bottom: 1px solid #d8d8d8
        }

            .info-box-list > li:last-child, .info-box-list-double > li:last-child {
                margin-bottom: 0;
                padding-bottom: 0 !important;
                border: 0
            }

            .info-box-list > li::before, .info-box-list-double > li::before {
                display: none
            }

    .info-box-list-double {
        justify-content: space-between
    }

    @media only screen and (min-width: 576px) {
        .info-box-list-double {
            display: flex;
            flex-wrap: wrap
        }

            .info-box-list-double > li {
                width: calc(50% - 12px)
            }

                .info-box-list-double > li:nth-last-child(-n+2) {
                    margin-bottom: 0;
                    padding-bottom: 0 !important;
                    border: 0
                }
    }

    .sc-modal {
        margin: 40px auto;
        background: #fff;
        width: 100%;
        height: 778px;
        max-width: calc(100% - 26px);
        max-height: calc(100vh - 80px);
        border-radius: 4px;
        display: flex;
        flex-direction: column;
        overflow: auto;
        position: relative
    }

        .sc-modal.sc-modal--sm {
            height: 26rem
        }

        .sc-modal h2 {
            color: #002452;
            font-size: 24px
        }

        .sc-modal h3 {
            margin-bottom: 16px;
            color: #002452;
            font-size: 12px;
            letter-spacing: .1em;
            text-transform: uppercase
        }

        .sc-modal h4 {
            margin-bottom: 8px;
            color: #555;
            font-size: 14px
        }

        .sc-modal input[type=text] {
            width: 100%;
            max-width: 320px
        }

        .sc-modal .end-date-inputs {
            margin: -4px 0 8px;
            padding-left: 24px
        }

        .sc-modal .form-field input {
            margin: 0 4px 0 0;
            top: 2px;
            position: relative
        }

        .sc-modal .form-field label {
            margin-bottom: 12px;
            vertical-align: middle
        }

        .sc-modal .form-group label + .form-field {
            margin-top: 12px
        }

        .sc-modal .form-group textarea {
            height: 120px
        }

        .sc-modal .sc-modal__body {
            padding: 16px
        }

        .sc-modal .sc-modal__foot {
            margin: auto 0 0;
            padding: 16px;
            bottom: 0;
            left: 0;
            width: 100%;
            min-height: 73px;
            background: #fff;
            border-top: 1px solid #d8d8d8;
            display: none
        }

            .sc-modal .sc-modal__foot button {
                margin: 0 8px
            }

        .sc-modal .sc-modal__head {
            padding: 16px;
            border-bottom: 1px solid #d8d8d8
        }

        .sc-modal .sc-modal__section {
            padding: 24px 0;
            border-bottom: 1px solid #d8d8d8
        }

            .sc-modal .sc-modal__section:last-child {
                border: 0
            }

        .sc-modal .mfp-close {
            top: 8px;
            right: 8px;
            font-size: 36px
        }

    @media screen and (min-width: 576px) {
        .sc-modal .form-group {
            margin-bottom: 24px
        }

            .sc-modal .form-group:last-child {
                margin-bottom: 0
            }

        .sc-modal .sc-modal__body {
            padding: 24px
        }

        .sc-modal .sc-modal__head {
            padding: 16px 24px
        }
    }

    @media screen and (min-width: 768px) {
        .sc-modal {
            max-width: 688px
        }

            .sc-modal .sc-modal__fields.condense-fields-grid .form-field:nth-child(2n+2) {
                width: 66.66667%
            }

            .sc-modal .sc-modal__foot {
                display: flex;
                align-items: center;
                justify-content: flex-end
            }
    }

    @media screen and (max-width: 767.98px) {
        .sc-modal {
            margin: 56px 0 0;
            padding-bottom: 73px;
            background: #fff;
            width: 100%;
            height: calc(100vh - 56px);
            max-width: none;
            max-height: none;
            border-radius: 4px 4px 0 0;
            overflow: auto;
            position: relative
        }
    }

    .info-box-text {
        display: block
    }

    .info-box-title-bar {
        margin-bottom: 24px;
        display: block
    }

    @media only screen and (min-width: 576px) {
        .info-box-title-bar {
            display: flex;
            align-items: center
        }

            .info-box-title-bar h3 {
                padding-right: 16px
            }

            .info-box-title-bar .button-edit-link {
                margin-left: auto
            }
    }

    .modal-footer-mobile {
        margin: auto 0 0;
        padding: 16px;
        bottom: 0;
        left: 0;
        width: 100%;
        min-height: 73px;
        background: #fff;
        border-top: 1px solid #d8d8d8;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        position: absolute;
        z-index: 200
    }

        .modal-footer-mobile button {
            margin: 0 8px
        }

        .modal-footer-mobile .mfp-close {
            display: none
        }

    @media only screen and (min-width: 768px) {
        .modal-footer-mobile {
            display: none
        }
    }

    .photo-header {
        height: 20rem;
        position: relative
    }

        .photo-header .flex-wrap {
            display: flex;
            align-items: center
        }

    @media screen and (max-width: 767.98px) {
        .photo-header .flex-wrap {
            display: block;
        }

            .photo-header .flex-wrap .did-you-know {
                display: normal;
            }
    }

    .photo-header .bg-image {
        top: 0;
        left: 0;
        min-width: 100%;
        min-height: 400px;
        max-height: 500px;
        background-size: cover;
        position: absolute;
        border: 0;
        display: inline-block;
        vertical-align: top;
    }

    @media screen and (max-width: 1381px) {
        .photo-header .bg-image {
            min-height: 300px;
        }
    }


    @media screen and (max-width: 976px) {
        .photo-header .bg-image {
            min-height: 242px;
        }
    }

    @media screen and (max-width: 809px) {
        .photo-header .bg-image {
            min-height: 200px;
        }
    }

    @media screen and (max-width: 789px) {
        .photo-header .bg-image {
            min-height: 190px;
        }
    }

    @media screen and (max-width: 689px) {
        .photo-header .bg-image {
            min-height: 160px;
        }
    }

    @media screen and (max-width: 583px) {
        .photo-header .bg-image {
            min-height: 120px;
        }
    }

    @media screen and (max-width: 437px) {
        .photo-header .bg-image {
            min-height: 100px;
        }
    }

    .photo-header .bg-image:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        height: 50%;
        width: 100%;
        opacity: .85;
        background-image: linear-gradient(180deg, rgba(0, 36, 82, 0) 0%, #000E21 100%)
    }

    .photo-header .page-info {
        position: absolute;
        bottom: 15px;
        left: 0;
        width: 100%
    }

        .photo-header .page-info .user-avatar {
            margin-bottom: 4px;
            width: 6rem;
            height: 6rem;
            background-color: #fff;
            border-radius: 100%;
            position: relative;
            margin-right: 32px;
            border: 4px solid #fff;
            overflow: hidden
        }

            .photo-header .page-info .user-avatar.user-avatar--headshot img {
                object-position: 50% 25%
            }

            .photo-header .page-info .user-avatar img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center
            }

    @media screen and (min-width: 768px) {
        .photo-header .page-info .user-avatar {
            margin-bottom: 0;
            width: 120px;
            height: 120px
        }
    }

    .photo-header .page-info .logo-wrap {
        width: 6rem;
        height: 6rem;
        background-color: #fff;
        border-radius: 100%;
        position: relative;
        margin-right: 32px;
        border: 4px solid #fff
    }

        .photo-header .page-info .logo-wrap img {
            top: 50%;
            left: 50%;
            max-width: 75%;
            transform: translate(-50%, -50%);
            position: absolute
        }

    @media screen and (min-width: 768px) {
        .photo-header .page-info .logo-wrap {
            width: 120px;
            height: 120px
        }
    }

    .photo-header .page-info h1 {
        margin-bottom: 4px;
        font-weight: 700;
        font-size: 36px;
        color: #fff;
        letter-spacing: 0
    }

    .photo-header .page-info .did-you-know {
        font-size: 16px;
        color: #fff;
        line-height: 24px
    }

    .photo-header .page-info h3 {
        color: #fff;
        font-size: 16px;
        line-height: 1.5
    }

    .photo-header .page-info p {
        margin-bottom: 8px;
        color: #fff;
        font-size: 16px;
        font-weight: 300;
        line-height: 1.5
    }

    @media screen and (max-width: 768px) {
        .photo-header .page-info h1 {
            font-size: 28px
        }

        /*    .photo-header .bg-image {
        min-width: 100%;
        height: 40%;
    }*/

        .photo-header .page-info h1 {
            color: #002452;
        }

        .photo-header .page-info .did-you-know {
            margin-top: 20px;
            color: #002452;
        }

        .photo-header .page-info p {
            color: #002452;
        }

        .photo-header .page-info h3 {
            color: #002452;
        }
    }


    .photo-header .page-info p:last-child {
        margin-bottom: 0
    }


    @media screen and (min-width: 768px) {
        .photo-header {
            height: 400px
        }
    }

    .page-tabs {
        border-bottom: 1px solid #d8d8d8
    }

        .page-tabs:hover {
            text-decoration: none;
        }

    @media screen and (max-width: 768px) {
        .page-tabs {
            margin-top: 20px;
            overflow-x: scroll
        }
    }

    .page-tabs nav {
        width: 100%;
        white-space: nowrap
    }

        .page-tabs nav a {
            font-weight: 600;
            font-size: 12px;
            color: #555;
            letter-spacing: 1px;
            line-height: 14px;
            text-transform: uppercase;
            margin-right: 40px;
            padding: 10px;
            padding: 25px 15px;
            display: inline-block
        }

            .page-tabs nav a:hover {
                text-decoration: none
            }

            .page-tabs nav a:last-child {
                margin-right: 0
            }

            .page-tabs nav a.is-active {
                border-bottom: 3px solid #002452
            }

    .flex-wrap {
        display: flex
    }

    .main-column {
        margin-bottom: 4rem
    }

    @media screen and (min-width: 768px) {
        .main-column {
            margin-bottom: 0
        }
    }

    .content-tab {
        margin: 48px 0;
        display: none
    }

        .content-tab.is-open {
            display: block
        }

        .content-tab.general-info .flex-wrap {
            justify-content: space-between;
        }

    @media screen and (max-width: 767.98px) {
        .content-tab.general-info .flex-wrap {
            display: block
        }
    }

    .content-tab.general-info .main-column {
        width: 700px
    }

    @media screen and (max-width: 1099.98px) {
        .content-tab.general-info .main-column {
            max-width: 66.66667%
        }
    }

    @media screen and (max-width: 767.98px) {
        .content-tab.general-info .main-column {
            width: 100%;
            max-width: none
        }
    }

    .content-tab.general-info .main-column article, .content-tab.general-info .main-column .table-wrap {
        border-bottom: 1px solid #d8d8d8;
        padding-bottom: 48px;
        margin-top: 48px;
        margin-bottom: 50px
    }

        .content-tab.general-info .main-column article:first-child, .content-tab.general-info .main-column .table-wrap:first-child {
            margin-top: 0
        }

        .content-tab.general-info .main-column article:last-child, .content-tab.general-info .main-column .table-wrap:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border: 0
        }

        .content-tab.general-info .main-column article.intro h2 {
            margin-bottom: 10px
        }

        .content-tab.general-info .main-column article.intro p {
            font-size: 20px;
            color: #555;
            line-height: 34px
        }

        .content-tab.general-info .main-column article.intro > :last-child {
            margin-bottom: 0
        }

        .content-tab.general-info .main-column article h3 {
            margin-bottom: 24px;
            font-size: 26px;
            color: #002452;
            letter-spacing: 0;
            line-height: 30px
        }

        .content-tab.general-info .main-column article p {
            font-size: 16px;
            color: #555;
            letter-spacing: 0;
            line-height: 24px
        }

        .content-tab.general-info .main-column article .info-box h3 {
            margin-bottom: 16px
        }

        .content-tab.general-info .main-column article .info-box .info-box-title-bar h3 {
            margin-bottom: 8px
        }

        .content-tab.general-info .main-column .table-wrap h3 {
            font-size: 26px;
            margin-bottom: 24px
        }

        .content-tab.general-info .main-column .table-wrap table {
            width: 100%
        }

    @media screen and (max-width: 600px) {
        .content-tab.general-info .main-column .table-wrap table tr {
            display: block;
            border: 1px solid #d8d8d8;
            border-radius: 4px;
            margin-bottom: 20px;
            padding: 20px 24px
        }

            .content-tab.general-info .main-column .table-wrap table tr:last-child {
                margin-bottom: 0
            }
    }

    .content-tab.general-info .main-column .table-wrap table tr td {
        padding: 20px 24px
    }

    @media screen and (max-width: 600px) {
        .content-tab.general-info .main-column .table-wrap table tr td {
            padding: 0
        }
    }

    .content-tab.general-info .main-column .table-wrap table tr td:first-child {
        background: #f6f6f6;
        border-radius: 4px;
        border-bottom: 1px solid #d8d8d8;
        font-weight: 600;
        font-size: 12px;
        color: #002452;
        letter-spacing: 1px;
        text-transform: uppercase;
        line-height: 14px;
        width: 124px
    }

    @media screen and (max-width: 600px) {
        .content-tab.general-info .main-column .table-wrap table tr td:first-child {
            width: 100%;
            display: block;
            background: none;
            border-bottom: none;
            margin-bottom: 15px
        }
    }

    .content-tab.general-info .main-column .table-wrap table tr td:last-child {
        border-bottom: 1px solid #d8d8d8;
        font-size: 14px;
        color: #555;
        letter-spacing: 0;
        line-height: 20px
    }

    @media screen and (max-width: 600px) {
        .content-tab.general-info .main-column .table-wrap table tr td:last-child {
            width: 100%;
            display: block;
            border-bottom: none
        }
    }

    .content-tab.general-info .aside-column {
        width: 360px;
        margin-left: 40px
    }

    @media screen and (max-width: 1099.98px) {
        .content-tab.general-info .aside-column {
            max-width: calc(33.33333% - 40px)
        }
    }

    @media screen and (max-width: 767.98px) {
        .content-tab.general-info .aside-column {
            width: 100%;
            margin-left: 0;
            max-width: none
        }
    }

    .content-tab.general-info .aside-column h4 {
        color: #002452;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px
    }

    @media screen and (min-width: 768px) {
        .content-tab.general-info .aside-column h4 {
            font-size: 20px;
            line-height: 24px
        }
    }

    .content-tab.general-info .aside-column img {
        vertical-align: top
    }

    .content-tab.general-info .aside-column .links-box nav a {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #d8d8d8;
        font-weight: 500;
        font-size: 14px;
        color: #ef4350;
        line-height: 20px;
        padding: 18px 0
    }

        .content-tab.general-info .aside-column .links-box nav a:first-child {
            padding-top: 0
        }

        .content-tab.general-info .aside-column .links-box nav a:last-child {
            padding-bottom: 0;
            border-bottom: none
        }

    .content-tab.general-info .aside-column .links-box nav svg {
        margin-right: 12px;
        width: 20px;
        height: 20px;
        fill: #555
    }

    .content-tab.general-info .aside-column .links-box nav span {
        text-decoration: underline
    }

    .content-tab.general-info .aside-column h4 {
        margin-bottom: 16px
    }

    .content-tab.general-info .aside-column .map-box {
        border: 1px solid #d8d8d8;
        margin-bottom: 40px
    }

        .content-tab.general-info .aside-column .map-box iframe {
            height: 240px;
            width: 100%
        }

        .content-tab.general-info .aside-column .map-box address {
            font-size: 14px;
            color: #555;
            line-height: 20px
        }

        .content-tab.general-info .aside-column .map-box .inner-wrap {
            padding: 24px
        }

    .content-tab.general-info .aside-column .aside-box, .content-tab.general-info .aside-column .contact-box, .content-tab.general-info .aside-column .links-box {
        margin-bottom: 40px;
        padding: 24px;
        border: 1px solid #d8d8d8;
        border-radius: 4px
    }

        .content-tab.general-info .aside-column .aside-box a:not(.btn):not(.button), .content-tab.general-info .aside-column .contact-box a:not(.btn):not(.button), .content-tab.general-info .aside-column .links-box a:not(.btn):not(.button) {
            color: #ef4350;
            font-size: 14px;
            font-weight: 500;
            line-height: 20px;
            text-decoration: underline
        }

        .content-tab.general-info .aside-column .aside-box h4, .content-tab.general-info .aside-column .aside-box h5, .content-tab.general-info .aside-column .contact-box h4, .content-tab.general-info .aside-column .contact-box h5, .content-tab.general-info .aside-column .links-box h4, .content-tab.general-info .aside-column .links-box h5 {
            margin-bottom: 4px;
            color: #555;
            font-size: 14px;
            font-weight: 600;
            line-height: 20px
        }

        .content-tab.general-info .aside-column .aside-box > :last-child, .content-tab.general-info .aside-column .contact-box > :last-child, .content-tab.general-info .aside-column .links-box > :last-child {
            margin-bottom: 0
        }

    .content-tab.general-info .aside-column .contact-box__name {
        color: #002452
    }

    .content-tab.general-info .aside-column .profile-image {
        display: inline-block;
        vertical-align: top;
        width: 48px;
        height: 48px;
        overflow: hidden;
        border-radius: 100%;
        margin-right: 15px
    }

    .content-tab.general-info .aside-column .profile-content {
        display: inline-block;
        vertical-align: top
    }

        .content-tab.general-info .aside-column .profile-content address {
            margin: 16px 0;
            line-height: 20px
        }

            .content-tab.general-info .aside-column .profile-content address:first-child {
                margin-top: 0
            }

            .content-tab.general-info .aside-column .profile-content address > strong {
                color: #555;
                font-size: 14px;
                font-weight: 600;
                line-height: 20px;
                display: block
            }

        .content-tab.general-info .aside-column .profile-content > :last-child {
            margin-bottom: 0
        }

    @media screen and (min-width: 576px) {
        .content-tab {
            margin: 48px 0
        }
    }

    @media screen and (min-width: 768px) {
        .content-tab {
            margin: 56px 0
        }
    }

    .aside-listing {
        list-style: none
    }

        .aside-listing address {
            margin-bottom: 18px
        }

        .aside-listing h5, .aside-listing h6 {
            color: #555
        }

        .aside-listing > li {
            margin-bottom: 18px;
            padding-bottom: 18px;
            border-bottom: 1px solid #d8d8d8
        }

            .aside-listing > li:last-child, .aside-listing > li > :last-child {
                margin-bottom: 0;
                padding-bottom: 0;
                border: 0
            }

    .content-event-single h1, .content-event-single h2, .content-event-single h3, .content-event-single h4 {
        color: #000
    }

    .content-event-single h1 {
        margin: 0;
        font-size: 36px;
        font-weight: 700;
        line-height: 44px
    }

    .content-event-single article p {
        margin-bottom: 24px;
        font-size: 16px;
        line-height: 1.5
    }

    .content-event-single .article__body p:first-child {
        font-size: 20px !important;
        line-height: 1.7 !important
    }

    .content-event-single .article__head {
        margin-bottom: 32px;
        color: #555;
        border-bottom: 1px solid #d8d8d8
    }

        .content-event-single .article__head h1 {
            padding-bottom: 32px
        }

    .content-event-single .pre-heading {
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 20px
    }

    article blockquote {
        margin: 24px 0 24px 20px;
        padding: 4px 0 4px 32px;
        border-left: 1px solid #d8d8d8;
        position: relative
    }

        article blockquote::after {
            content: "";
            margin-top: -20px;
            padding: 20px;
            top: 50%;
            left: -20px;
            width: 20px;
            height: 16px;
            background-color: #fff;
            background-image: url("../images/quote-left.png");
            background-repeat: no-repeat;
            background-size: 20px 16px;
            position: absolute
        }

        article blockquote p {
            font-size: 16px !important;
            font-weight: 300;
            line-height: 28px !important
        }

            article blockquote p:last-child {
                margin-bottom: 0
            }

    @media screen and (min-width: 768px) {
        article blockquote {
            margin-left: 24px;
            padding: 8px 0 8px 40px
        }

            article blockquote p {
                font-size: 20px !important;
                line-height: 30px !important
            }
    }

    @media screen and (min-width: 1024px) {
        article blockquote {
            margin: 32px 0 32px 32px
        }
    }

    .article-share {
        display: flex;
        align-items: center
    }

        .article-share .share-text {
            margin-right: 18px;
            flex-shrink: 0
        }

        .article-share a {
            margin-right: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all .2s ease-out
        }

            .article-share a:hover svg {
                fill: #002452
            }

            .article-share a:last-child {
                margin-right: 0
            }

        .article-share svg {
            width: 24px;
            height: 17px;
            fill: #555;
            transition: all .2s ease-out
        }

    .content-page-default {
        color: #555
    }

        .content-page-default article > p:first-child {
            font-size: 20px !important;
            line-height: 1.5 !important
        }

        .content-page-default article > ul {
            margin-left: 12px
        }

            .content-page-default article > ul:not([class*=gf]) > li {
                padding-left: 24px
            }

        .content-page-default h2 {
            margin: 32px 0 16px !important;
            font-size: 24px !important;
            font-weight: 700;
            line-height: 26px !important
        }

            .content-page-default h2:first-child {
                margin-top: 0
            }

        .content-page-default h3 {
            margin: 32px 0 16px !important;
            font-size: 20px !important;
            line-height: 26px !important
        }

        .content-page-default .aside-column {
            margin-bottom: 48px
        }

        .content-page-default .flex-wrap {
            flex-direction: row-reverse
        }

    @media screen and (min-width: 768px) {
        .content-page-default h2 {
            font-size: 26px !important;
            line-height: 30px !important
        }

        .content-page-default .aside-column {
            margin-bottom: 0
        }
    }

    .cta-bar {
        color: #fff;
        font-size: 20px;
        font-weight: 300
    }

        .cta-bar .cta-bar__aside > :last-child, .cta-bar .cta-bar__aside-text > :last-child, .cta-bar .cta-bar__main > :last-child {
            margin-bottom: 0
        }

        .cta-bar .cta-bar__aside, .cta-bar .cta-bar__main {
            padding: 24px
        }

        .cta-bar .cta-bar__aside {
            margin: 0 24px;
            padding: 24px 0;
            border-top: 1px solid #2b476c;
            font-size: 14px;
            font-weight: 400;
            text-align: center
        }

        .cta-bar .cta-bar__aside-button {
            margin-bottom: 16px;
            flex-shrink: 0
        }

            .cta-bar .cta-bar__aside-button:last-child {
                margin-bottom: 0
            }

            .cta-bar .cta-bar__aside-button .btn, .cta-bar .cta-bar__aside-button .register-form input[type=submit], .register-form .cta-bar .cta-bar__aside-button input[type=submit] {
                width: 100%;
                display: block
            }

        .cta-bar .cta-bar__content {
            background: #002452;
            border-radius: 4px
        }

        .cta-bar .cta-bar__main {
            text-align: center
        }

            .cta-bar .cta-bar__main p {
                line-height: 1.75
            }

    @media only screen and (min-width: 768px) {
        .cta-bar .cta-bar__aside, .cta-bar .cta-bar__main {
            padding: 32px
        }

        .cta-bar .cta-bar__aside {
            margin: 0;
            width: 29%;
            min-width: 337px;
            border-top: 0;
            border-left: 1px solid #2b476c;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .cta-bar .cta-bar__aside-button {
            margin-bottom: 0;
            margin-right: 16px
        }

            .cta-bar .cta-bar__aside-button:last-child {
                margin-right: 0
            }

        .cta-bar .cta-bar__content {
            display: flex
        }

        .cta-bar .cta-bar__main {
            width: 71%;
            text-align: left;
            display: flex;
            align-items: center
        }
    }

    @media only screen and (min-width: 1024px) {
        .cta-bar .cta-bar__aside, .cta-bar .cta-bar__main {
            padding: 40px
        }
    }

    .slider-dots {
        margin-bottom: 16px
    }

        .slider-dots .slick-dots {
            display: flex;
            position: static
        }

            .slider-dots .slick-dots > li {
                margin-right: 16px;
                display: inline-flex
            }

                .slider-dots .slick-dots > li:last-child {
                    margin-right: 0
                }

    .testimonial-reel {
        margin: 0 auto;
        max-width: 800px
    }

    .testimonial-reel-dots {
        margin-bottom: 32px;
        padding-top: 16px
    }

        .testimonial-reel-dots .slick-dots {
            justify-content: center
        }

            .testimonial-reel-dots .slick-dots > li {
                margin-right: 16px
            }

    .testimonial-reel-section {
        margin: 32px 0;
        padding: 24px;
        background: #f6f6f6;
        text-align: center
    }

        .testimonial-reel-section:last-child {
            margin-bottom: 0
        }

        .testimonial-reel-section h6 {
            color: #555;
            font-weight: 600;
            letter-spacing: 1px;
            text-transform: uppercase
        }

        .testimonial-reel-section p {
            color: #555;
            font-size: 16px;
            line-height: 28px
        }

        .testimonial-reel-section .author-name {
            color: #002452
        }

    @media screen and (min-width: 375px) {
        .testimonial-reel-section {
            padding: 24px
        }
    }

    @media screen and (min-width: 768px) {
        .testimonial-reel-section {
            padding: 48px
        }

            .testimonial-reel-section p {
                font-size: 20px;
                line-height: 34px
            }
    }

    @media screen and (min-width: 1024px) {
        .testimonial-reel-section {
            padding: 56px
        }
    }

    .photo-grid-single img {
        margin-bottom: 12px;
        width: 100%;
        height: calc(66.66667vw - 40px);
        border-radius: 4px;
        object-fit: cover;
        vertical-align: top
    }

    @media screen and (min-width: 768px) {
        .photo-grid-single {
            margin-left: -12px;
            display: flex
        }

            .photo-grid-single img {
                margin-bottom: 0;
                margin-left: 12px;
                width: calc(33.33333% - 12px);
                height: 300px
            }

            .photo-grid-single .photo-grid-single__cell {
                width: 33.33333%;
                display: flex;
                flex-wrap: wrap
            }

                .photo-grid-single .photo-grid-single__cell img {
                    margin-bottom: 12px;
                    width: calc(50% - 12px);
                    height: calc(50% - 6px)
                }
    }

    @media screen and (min-width: 1024px) {
        .photo-grid-single {
            margin-left: -24px
        }

            .photo-grid-single img {
                margin-left: 24px;
                width: calc(33.33333% - 24px);
                height: 365px
            }

            .photo-grid-single .photo-grid-single__cell img {
                margin-bottom: 24px;
                width: calc(50% - 24px);
                height: calc(50% - 12px)
            }
    }

    @media screen and (max-width: 767.98px) {
        .photo-grid-single {
            display: none
        }

            .photo-grid-single img:last-child {
                margin-bottom: 0
            }

            .photo-grid-single .photo-grid-single__cell {
                margin-bottom: 16px
            }
    }

    .photo-grid-single--mobile {
        margin-bottom: -16px;
        margin-left: -16px;
        display: flex;
        flex-wrap: wrap
    }

        .photo-grid-single--mobile img {
            margin-bottom: 16px;
            margin-left: 16px;
            width: calc(50% - 16px);
            height: calc(50vw - 28px)
        }

    @media screen and (min-width: 768px) {
        .photo-grid-single--mobile {
            display: none
        }
    }

    .photo-grid-single-section {
        margin: 48px 0
    }

        .photo-grid-single-section h2 {
            margin-bottom: 24px;
            color: #002452;
            font-size: 24px;
            font-weight: 700;
            line-height: 26px
        }

    @media screen and (min-width: 768px) {
        .photo-grid-single-section h2 {
            margin-bottom: 32px;
            font-size: 26px;
            line-height: 30px
        }
    }

    @media screen and (min-width: 1024px) {
        .photo-grid-single-section {
            margin: 64px 0
        }
    }

    .register-event-single-section {
        padding: 48px 0;
        background: #f5f5f5
    }

        .register-event-single-section h2 {
            margin-bottom: 12px
        }

        .register-event-single-section p {
            margin-bottom: 24px;
            color: #555;
            font-size: 16px;
            line-height: 1.5
        }

    @media screen and (min-width: 1024px) {
        .register-event-single-section {
            padding: 64px 0
        }
    }

    .share-text {
        color: #002452;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 14px;
        text-transform: uppercase
    }

    .image-dot-slider + .slick-dots {
        margin-top: 16px;
        margin-bottom: -8px;
        height: 12px;
        text-align: center;
        position: static
    }

        .image-dot-slider + .slick-dots button {
            width: 12px;
            height: 12px;
            vertical-align: top;
            transition: all .275s ease-out
        }

        .image-dot-slider + .slick-dots > li {
            margin: 0 16px 8px 0;
            width: 12px;
            height: 12px;
            padding: 0 !important
        }

            .image-dot-slider + .slick-dots > li:last-child {
                margin-right: 0
            }

    @media only screen and (min-width: 768px) {
        .image-dot-slider + .slick-dots {
            text-align: left;
            margin-left: 15px
        }
    }

    @media only screen and (max-width: 768px) {
        .image-dot-slider + .slick-dots {
            text-align: center;
            margin: 25px
        }
    }

    .image-dot-slider .image-dot-slider__slide {
        width: 100%;
        /*height: 100%*/
    }

        .image-dot-slider .image-dot-slider__slide img {
            width: 100%;
            height: 43vw;
            max-height: 400px;
            object-fit: cover;
        }

        .image-dot-slider .image-dot-slider__slide:before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            bottom: 0;
            /*height: 50%;*/
            width: 100%;
            opacity: .25;
            background-image: linear-gradient(180deg, rgba(0, 36, 82, 0) 0%, #000E21 100%)
        }

    @media only screen and (max-width: 767.98px) {
        .image-dot-slider .image-dot-slider__slide img {
            height: 63vw
        }
    }

    .image-dot-slider .slick-arrow {
        margin-top: -16px;
        top: 50%;
        left: 16px;
        width: 32px;
        height: 32px;
        background: rgba(0,0,0,.5);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        z-index: 100;
        transition: all .175s ease-out
    }

        .image-dot-slider .slick-arrow:hover {
            background: rgba(0,0,0,.4)
        }

        .image-dot-slider .slick-arrow.slick-next {
            right: 16px;
            left: auto
        }

            .image-dot-slider .slick-arrow.slick-next svg {
                right: -1px
            }

        .image-dot-slider .slick-arrow.slick-prev svg {
            left: -1px
        }

        .image-dot-slider .slick-arrow svg {
            width: 8px;
            height: 14px;
            fill: #fff;
            position: relative
        }

    @media only screen and (min-width: 768px) {
        .image-dot-slider .slick-arrow {
            margin-top: -24px;
            left: 24px;
            width: 48px;
            height: 48px
        }

            .image-dot-slider .slick-arrow.slick-next {
                right: 24px
            }
    }

    .slider-container {
        margin-bottom: 4rem
    }

    .photo-header .image-dot-slider:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        height: 50%;
        width: 100%;
        opacity: .85;
        background-image: linear-gradient(180deg, rgba(0, 36, 82, 0) 0%, #000E21 100%)
    }


    .slick-dots > li {
        margin: 0;
        padding: 0
    }

        .slick-dots > li::before {
            display: none
        }

    .photo-gallery {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .photo-gallery .photo-square {
            height: 270px;
            width: 270px;
            overflow: hidden;
            display: block;
            margin-bottom: 25px;
            position: relative
        }

    @media screen and (max-width: 768px) {
        .photo-gallery .photo-square {
            width: 48.2456140351%;
            padding-bottom: 48.2456140351%
        }
    }

    @media screen and (max-width: 600px) {
        .photo-gallery .photo-square {
            width: 100%;
            padding-bottom: 100%
        }
    }

    .photo-gallery .photo-square a {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        height: 100%;
        width: 100%;
        transition: .25s ease-in-out;
        background-color: rgba(0,36,82,0)
    }

        .photo-gallery .photo-square a .hover-content {
            font-size: 16px;
            color: #fff;
            padding: 30px;
            line-height: 1.5;
            transform: scale(0.8);
            transition: .25s ease-in-out;
            opacity: 0;
            visibility: hidden
        }

        .photo-gallery .photo-square a:hover {
            background-color: rgba(0,36,82,.9)
        }

            .photo-gallery .photo-square a:hover .hover-content {
                opacity: 1;
                visibility: visible;
                transform: scale(1);
                transition: .25s ease-in-out .15s
            }

    .job-listing .number-of-jobs {
        font-weight: 700;
        font-size: 14px;
        color: #002452;
        line-height: 20px;
        margin-bottom: 20px
    }

    .job-listing .job {
        display: flex;
        border: 1px solid #d8d8d8;
        margin-bottom: 10px;
        border-radius: 4px
    }

    @media screen and (max-width: 768px) {
        .job-listing .job {
            display: block
        }
    }

    .job-listing .job .description-column {
        padding: 40px;
        width: 100%
    }

    .job-listing .job .apply-column {
        width: 258px;
        padding: 40px;
        text-align: center;
        background-color: #f6f6f6;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    @media screen and (max-width: 768px) {
        .job-listing .job .apply-column {
            width: 100%
        }
    }

    .job-listing .job .apply-column .btn, .job-listing .job .apply-column .register-form input[type=submit], .register-form .job-listing .job .apply-column input[type=submit] {
        width: 180px
    }

    @media screen and (max-width: 600px) {
        .job-listing .job .apply-column .btn, .job-listing .job .apply-column .register-form input[type=submit], .register-form .job-listing .job .apply-column input[type=submit] {
            width: 100%
        }
    }

    .job-listing .job .apply-column a.btn {
        display: block;
        margin-bottom: 20px
    }

    .job-listing .job .job-description {
        max-height: 40px;
        overflow: hidden;
        margin-bottom: 20px
    }

        .job-listing .job .job-description.is-open {
            max-height: 100%
        }

    .job-listing .job .location {
        font-weight: 600;
        font-size: 12px;
        color: #555;
        letter-spacing: 1px;
        line-height: 14px
    }

    .job-listing .job .international-workers-check {
        font-size: 14px;
        color: #555;
        line-height: 20px;
        display: inline-block;
        background-position: center left;
        padding-left: 20px;
        margin: 16px 0
    }

        .job-listing .job .international-workers-check.accepts {
            background-image: url("data:image/svg+xml,%0A%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='2.-Employer-Profile' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='SCT-003_employer-profile-jobs' transform='translate(-220.000000, -743.000000)' stroke='%23002452' stroke-width='2'%3E%3Cg id='Group-11' transform='translate(180.000000, 640.000000)'%3E%3Cg id='Group-25' transform='translate(41.000000, 98.000000)'%3E%3Cpolyline id='Path' points='12 6 3.75 14.25 0 10.5'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
        }

        .job-listing .job .international-workers-check.declines {
            background-image: url("data:image/svg+xml,%0A%3Csvg width='12px' height='12px' viewBox='0 0 12 12' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='2.-Employer-Profile' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cg id='SCT-003_employer-profile-jobs' transform='translate(-221.000000, -743.000000)' stroke='%23931212' stroke-width='2'%3E%3Cline x1='222.640401' y1='753.459724' x2='231.390401' y2='745.015279' id='Line'%3E%3C/line%3E%3Cline x1='222.76136' y1='744.928041' x2='231.269442' y2='753.546962' id='Line'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
        }

    .job-listing .job .show-hide-description {
        position: relative
    }

        .job-listing .job .show-hide-description:after {
            content: "";
            display: inline-block;
            width: 18px;
            height: 12px
        }

        .job-listing .job .show-hide-description.is-open:after {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpolyline fill='none' stroke='%23EF4350' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' points='8 4 4 0 0 4' transform='translate(1 1)'/%3E%3C/svg%3E%0A")
        }

        .job-listing .job .show-hide-description.is-closed:after {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpolyline fill='none' stroke='%23EF4350' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' points='0 0 4 4 8 0' transform='translate(1 1)'/%3E%3C/svg%3E%0A")
        }

    .video-listing h3 {
        font-weight: 700;
        font-size: 36px;
        color: #002452;
        letter-spacing: 0
    }

    .video-listing .video-block {
        margin: 80px 0;
        padding: 0 0 80px 0;
        border-bottom: 1px solid #d8d8d8
    }

        .video-listing .video-block h3 {
            margin-bottom: 40px
        }

    .bookmark-box {
        margin-bottom: 8px;
        padding: 32px;
        width: 100%;
        border: 1px solid #d8d8d8;
        border-radius: 4px;
        position: relative
    }

        .bookmark-box a {
            color: inherit
        }

            .bookmark-box a.btn {
                color: #fff;
                text-decoration: none
            }

        .bookmark-box h4 {
            margin: 0 0 8px;
            color: #002452;
            font-size: 16px;
            font-weight: 600;
            line-height: 20px
        }

        .bookmark-box h5 {
            color: #555;
            font-size: 14px;
            line-height: 20px
        }

        .bookmark-box h6 {
            margin: 0 0 6px;
            color: #555;
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 1px;
            line-height: 14px;
            text-transform: uppercase
        }

        .bookmark-box p, .bookmark-box ul {
            margin-bottom: 14px;
            font-size: 14px;
            line-height: 20px
        }

        .bookmark-box .bookmark-box__link {
            color: #ef4350;
            font-weight: 500;
            text-decoration: underline
        }

        .bookmark-box .icon-flag {
            margin: 0;
            top: 15px;
            right: 15px;
            position: absolute
        }

    @media only screen and (min-width: 576px) {
        .bookmark-box {
            margin-bottom: 16px
        }

            .bookmark-box h4 {
                font-size: 20px;
                line-height: 24px
            }
    }

    @media only screen and (max-width: 575.98px) {
        .bookmark-box:last-child {
            margin-bottom: 0
        }
    }

    .bookmarks-group {
        margin-bottom: 2.5rem;
        padding-bottom: 2.5rem;
        border-bottom: 1px solid #d8d8d8
    }

        .bookmarks-group:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border: 0
        }

        .bookmarks-group.has-view-more .bookmarks-row .bookmark-box:nth-child(n+5) {
            display: none
        }

        .bookmarks-group.has-view-more .bookmarks-row .bookmark-box.is-showing {
            display: block !important
        }

    @media only screen and (max-width: 575.98px) {
        .bookmarks-group.has-view-more .bookmarks-row .bookmark-box:nth-child(n+4) {
            display: none
        }
    }

    .bookmarks-group h2 {
        font-size: 24px;
        line-height: 26px
    }

    .bookmarks-group .bookmarks-group__buttons {
        display: flex;
        align-items: center
    }

        .bookmarks-group .bookmarks-group__buttons > button, .bookmarks-group .bookmarks-group__buttons > .button, .bookmarks-group .bookmarks-group__buttons > .btn, .bookmarks-group .register-form .bookmarks-group__buttons > input[type=submit], .register-form .bookmarks-group .bookmarks-group__buttons > input[type=submit] {
            margin-right: 8px
        }

            .bookmarks-group .bookmarks-group__buttons > button:last-child, .bookmarks-group .bookmarks-group__buttons > .button:last-child, .bookmarks-group .bookmarks-group__buttons > .btn:last-child, .bookmarks-group .register-form .bookmarks-group__buttons > input[type=submit]:last-child, .register-form .bookmarks-group .bookmarks-group__buttons > input[type=submit]:last-child {
                margin-right: 0
            }

    @media only screen and (min-width: 576px) {
        .bookmarks-group h2 {
            font-size: 26px;
            line-height: 30px
        }
    }

    @media only screen and (min-width: 768px) {
        .bookmarks-group {
            margin-bottom: 56px;
            padding-bottom: 56px
        }
    }

    .bookmarks-layout {
        margin: 3rem 0
    }

        .bookmarks-layout h2 {
            margin: 0 0 1.5rem
        }

    .bookmarks-row {
        display: block
    }

        .bookmarks-row + .bookmarks-group__buttons {
            margin-top: 24px
        }

    @media only screen and (min-width: 576px) {
        .bookmarks-row {
            margin-left: -20px;
            display: flex;
            flex-wrap: wrap
        }

            .bookmarks-row > .bookmark-box {
                margin-left: 20px;
                width: calc(50% - 20px)
            }
    }

    @media only screen and (min-width: 768px) {
        .bookmarks-row > .bookmark-box {
            width: calc(33.33333% - 20px)
        }
    }

    @media only screen and (min-width: 1024px) {
        .bookmarks-row > .bookmark-box {
            width: calc(25% - 20px)
        }
    }

    .bookmark-aside-box {
        margin-bottom: 24px;
        padding: 16px;
        border: 1px solid #d8d8d8;
        border-radius: 4px;
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        justify-content: flex-end;
        cursor: pointer
    }

        .bookmark-aside-box:hover {
            border-color: #bfbfbf
        }

        .bookmark-aside-box .icon-flag {
            margin-right: 10px
        }

    .page-header {
        padding: 2rem 0;
        font-size: 16px
    }

        .page-header h2 {
            margin-bottom: 12px
        }

        .page-header.page-header--blue {
            background: #002452;
            color: #fff
        }

            .page-header.page-header--blue h1, .page-header.page-header--blue h2, .page-header.page-header--blue h3 {
                color: #fff
            }

        .page-header .page-header__content > :last-child {
            margin-bottom: 0
        }

    @media only screen and (min-width: 576px) {
        .page-header {
            padding: 2.5rem 0
        }
    }

    @media only screen and (min-width: 768px) {
        .page-header {
            padding: 3rem 0
        }
    }

    .page-title {
        margin-bottom: 32px
    }

        .page-title h1 {
            color: #002452;
            font-size: 28px;
            line-height: 32px
        }

        .page-title > :last-child {
            margin-bottom: 0
        }

    @media only screen and (min-width: 576px) {
        .page-title {
            margin-bottom: 48px
        }
    }

    @media only screen and (min-width: 768px) {
        .page-title {
            margin-bottom: 56px
        }

            .page-title h1 {
                font-size: 36px;
                line-height: 44px
            }
    }

    .date-range-select {
        display: inline-block;
        position: relative
    }

        .date-range-select::after {
            content: "";
            top: 16px;
            right: 14px;
            width: 14px;
            height: 8px;
            background-image: url("../svg/angle-down.svg");
            background-repeat: no-repeat;
            background-size: 14px 8px;
            pointer-events: none;
            position: absolute
        }

        .date-range-select select {
            padding: 8px 36px 8px 16px;
            width: 100%;
            height: 40px;
            border: 1px solid #d8d8d8;
            border-radius: 4px;
            cursor: pointer
        }

    .date-range-help-text {
        margin-left: 8px;
        color: #555;
        font-size: 14px
    }

    .filter-options-container {
        margin-right: 8px;
        margin-bottom: 8px;
        display: none;
        position: relative
    }

        .filter-options-container:last-of-type {
            margin-right: 0
        }

        .filter-options-container.is-selected .filter-options {
            opacity: 1;
            pointer-events: auto
        }

        .filter-options-container.is-showing {
            display: flex
        }

    @media only screen and (max-width: 1159.98px) {
        .filter-options-container.is-showing ~ .filter-options-container.is-showing ~ .filter-options-container.is-showing ~ .is-showing {
            display: none !important
        }
    }

    .filter-options-container + .search-icon {
        margin-left: 8px
    }

    .filter-options-container .button-filter {
        margin: 0;
        min-height: 40px
    }

    .button-filter {
        margin: 0 8px 8px 0;
        padding: 6px 16px;
        min-width: 132px;
        min-height: 40px;
        background-color: #fff;
        border: 1px solid #d8d8d8;
        border-radius: 4px;
        text-align: left;
        display: flex;
        align-items: center
    }

        .button-filter:active {
            color: #002452
        }

        .button-filter:hover {
            border-color: #002147
        }

        .button-filter:last-child {
            margin-right: 0
        }

        .button-filter.is-selected {
            border-color: #002147
        }

        .button-filter.no-selection .button-filter__digit {
            display: none
        }

        .button-filter svg {
            margin-left: auto;
            padding-left: 12px;
            width: 14px;
            height: 14px;
            box-sizing: content-box;
            flex-shrink: 0
        }

        .button-filter .button-filter__digit {
            margin-left: 8px;
            width: 26px;
            height: 26px;
            min-width: 26px;
            min-height: 26px;
            background: #2e5e9b;
            border-radius: 50%;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center
        }

    .button-filter-link {
        margin-bottom: 8px;
        margin-left: 6px;
        padding: 0;
        background: none;
        color: #f83b4a;
        font-weight: 600;
        text-decoration: underline
    }

    .column-listing {
        padding: 0 0 48px
    }

        .column-listing h2 {
            margin-bottom: 16px;
            font-size: 24px;
            font-weight: 700;
            line-height: 26px
        }

        .column-listing .column-listing__cell {
            margin-bottom: 32px;
            width: 100%
        }

        .column-listing .column-listing__link a {
            font-weight: 500;
            text-decoration: underline
        }

        .column-listing .column-listing__list {
            padding: 20px;
            border: 1px solid #d8d8d8;
            border-radius: 4px;
            list-style: none
        }

            .column-listing .column-listing__list a {
                color: #ef4350
            }

            .column-listing .column-listing__list h1, .column-listing .column-listing__list h2, .column-listing .column-listing__list h3, .column-listing .column-listing__list h4, .column-listing .column-listing__list h5, .column-listing .column-listing__list h6 {
                margin-bottom: 4px
            }

                .column-listing .column-listing__list h1 a, .column-listing .column-listing__list h2 a, .column-listing .column-listing__list h3 a, .column-listing .column-listing__list h4 a, .column-listing .column-listing__list h5 a, .column-listing .column-listing__list h6 a {
                    color: inherit
                }

            .column-listing .column-listing__list h1, .column-listing .column-listing__list h2, .column-listing .column-listing__list h3 {
                font-size: 20px
            }

            .column-listing .column-listing__list h6 {
                color: #555;
                font-size: 12px;
                letter-spacing: 1px;
                text-transform: uppercase
            }

            .column-listing .column-listing__list > li {
                margin-bottom: 16px;
                padding-bottom: 16px;
                border-bottom: 1px solid #d8d8d8
            }

                .column-listing .column-listing__list > li:last-child {
                    margin: 0;
                    border: 0
                }

    @media only screen and (min-width: 576px) {
        .column-listing .column-listing__list > li {
            margin-bottom: 24px;
            padding-bottom: 24px
        }
    }

    @media only screen and (min-width: 768px) {
        .column-listing {
            padding-bottom: 64px
        }

            .column-listing h2 {
                margin-bottom: 24px
            }

            .column-listing .column-listing__cell {
                margin-bottom: 0;
                padding-left: 24px
            }

            .column-listing .column-listing__grid {
                margin-left: -24px;
                display: flex
            }

            .column-listing .column-listing__list {
                padding: 24px
            }
    }

    @media only screen and (min-width: 1024px) {
        .column-listing h2 {
            font-size: 26px;
            line-height: 30px
        }

        .column-listing .column-listing__cell {
            padding-left: 32px
        }

        .column-listing .column-listing__grid {
            margin-left: -32px
        }

        .column-listing .column-listing__list {
            padding: 24px 32px
        }
    }

    @media only screen and (max-width: 767.98px) {
        .column-listing .column-listing__cell:last-child {
            margin-bottom: 0
        }
    }

    .card, .card-deck > li {
        margin-bottom: 16px;
        width: 100%;
        color: #555;
        border: 1px solid #d8d8d8;
        border-radius: 4px;
        overflow: hidden
    }

    @media only screen and (min-width: 576px) {
        .card.card--flush-mobile, .card-deck > li.card--flush-mobile, .card-deck.card-deck--flush > li {
            display: flex
        }

            .card.card--flush-mobile .card__head, .card-deck > li.card--flush-mobile .card__head, .card-deck.card-deck--flush > li .card__head {
                width: 250px;
                max-width: calc(50% - 24px)
            }
    }

    .card a, .card-deck > li a {
        color: #ef4350
    }

    .card h1, .card-deck > li h1, .card h2, .card-deck > li h2, .card h3, .card-deck > li h3, .card h4, .card-deck > li h4, .card h5, .card-deck > li h5, .card h6, .card-deck > li h6 {
        margin-bottom: 4px
    }

        .card h1 a, .card-deck > li h1 a, .card h2 a, .card-deck > li h2 a, .card h3 a, .card-deck > li h3 a, .card h4 a, .card-deck > li h4 a, .card h5 a, .card-deck > li h5 a, .card h6 a, .card-deck > li h6 a {
            color: inherit
        }

    .card h3, .card-deck > li h3 {
        font-size: 20px;
        line-height: 26px
    }

    .card h6, .card-deck > li h6 {
        color: #555;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 14px;
        text-transform: uppercase
    }

    .card p, .card-deck > li p {
        margin-bottom: 14px;
        font-size: 14px;
        line-height: 20px
    }

    .card .card__body, .card-deck > li .card__body {
        padding: 16px
    }

    .card .card__head, .card-deck > li .card__head {
        flex-shrink: 0
    }

        .card .card__head img, .card-deck > li .card__head img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            vertical-align: top
        }

    @media only screen and (min-width: 375px) {
        .card .card__body, .card-deck > li .card__body {
            padding: 24px
        }
    }

    @media only screen and (min-width: 768px) {
        .card, .card-deck > li {
            margin-bottom: 24px
        }
    }

    @media only screen and (min-width: 1024px) {
        .card .card__body, .card-deck > li .card__body {
            padding: 32px
        }
    }

    .card-deck {
        list-style: none
    }

    @media only screen and (max-width: 767.98px) {
        .card-deck + .load-more-section {
            margin: 16px 0
        }
    }

    @media only screen and (min-width: 768px) {
        .card-deck {
            margin-left: -24px;
            margin-bottom: -24px;
            display: flex;
            flex-wrap: wrap
        }

            .card-deck .card, .card-deck > li {
                margin-left: 24px;
                width: calc(50% - 24px)
            }
    }

    .card-deck.has-load-more > .card:nth-child(n+7), .card-deck.has-load-more > li:nth-child(n+7) {
        display: none
    }

    .card-deck.has-load-more > .card.is-showing, .card-deck.has-load-more > li.is-showing {
        display: block !important
    }

    @media only screen and (min-width: 576px) {
        .card-deck.has-load-more > .card.is-showing, .card-deck.has-load-more > li.is-showing {
            display: flex !important
        }
    }

    .card-deck .load-more-section {
        margin-top: 0
    }

    .events-list-section {
        padding: 32px 0
    }

    @media only screen and (min-width: 768px) {
        .events-list-section {
            padding: 64px 0
        }
    }

    .link-wrap a {
        font-weight: 500;
        text-decoration: underline
    }

    .load-more-section {
        margin: 32px 0;
        text-align: center
    }

    @media only screen and (min-width: 1024px) {
        .load-more-section {
            margin: 64px 0
        }
    }

    @media only screen and (max-width: 575.98px) {
        .load-more-section button.load-more {
            margin-right: auto;
            margin-left: auto;
            width: 100%;
            max-width: 24rem;
            display: block
        }
    }

    .date-range-text {
        margin-bottom: 8px;
        color: #555;
        font-size: 14px;
        display: block
    }

    .employer-image {
        width: 36px;
        height: 36px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        border: 1px solid #d8d8d8;
        border-radius: 50%;
        flex-shrink: 0;
        display: block
    }

    .filter-bar {
        padding: 16px 0;
        background-color: #f5f5f5;
        border-top: 1px solid #e1e1e1
    }

    @media only screen and (min-width: 880px) {
        .filter-bar {
            padding-bottom: 8px
        }

            .filter-bar .filter-form .filter-form__content {
                display: flex;
                align-items: center;
                flex-wrap: wrap
            }

            .filter-bar .filter-form .filter-form__mobile {
                display: none
            }
    }

    .filter-bar-date-footer {
        display: none
    }

        .filter-bar-date-footer .day-range-select select {
            padding: 8px 16px;
            height: 40px;
            border: 1px solid #d8d8d8;
            border-radius: 4px
        }

        .filter-bar-date-footer .filter-bar-date-footer__buttons {
            margin: 16px -16px 0;
            padding: 16px 16px 0;
            border-top: 1px solid #d8d8d8
        }

            .filter-bar-date-footer .filter-bar-date-footer__buttons button {
                margin: 0 8px
            }

                .filter-bar-date-footer .filter-bar-date-footer__buttons button:last-child {
                    margin-right: 0
                }

        .filter-bar-date-footer .filter-bar-date-footer__day-range {
            margin-top: 16px;
            color: #555
        }

    .filter-bar-date-header {
        margin-bottom: 8px;
        display: none
    }

        .filter-bar-date-header .filter-bar-date-header__input {
            width: 50%
        }

            .filter-bar-date-header .filter-bar-date-header__input:first-child {
                padding-right: 8px
            }

            .filter-bar-date-header .filter-bar-date-header__input:last-child {
                padding-left: 8px
            }

            .filter-bar-date-header .filter-bar-date-header__input input {
                padding: 0 12px;
                width: 100%;
                height: 40px;
                border: 1px solid #d8d8d8;
                border-radius: 4px
            }

    .show-selection-color .button-filter.has-selection {
        background-color: #002147;
        border-color: #002147;
        color: #fff
    }

        .show-selection-color .button-filter.has-selection:active {
            color: #fff
        }

        .show-selection-color .button-filter.has-selection svg {
            fill: #fff
        }

    .filter-form .filter-form__actions {
        margin-left: auto;
        display: flex
    }

    .filter-form .filter-form__content {
        display: none
    }

    .filter-form .filter-form__mobile {
        display: flex;
        justify-content: center
    }

        .filter-form .filter-form__mobile button {
            margin: 0 12px 0 0
        }

            .filter-form .filter-form__mobile button:last-child {
                margin-right: 0
            }

            .filter-form .filter-form__mobile button.red {
                min-height: 40px
            }

            .filter-form .filter-form__mobile button.show-filters-button-mobile {
                width: 100%;
                max-width: 24rem
            }

    .filter-form .filter-form__options {
        margin-left: auto;
        padding-left: 16px;
        display: flex;
        position: relative
    }

        .filter-form .filter-form__options::after {
            content: "";
            top: 0;
            left: -1px;
            width: 1px;
            height: 40px;
            background: #d8d8d8;
            position: absolute
        }

        .filter-form .filter-form__options .button-filter {
            padding: 8px 12px;
            min-width: 0;
            font-size: 12px;
            font-weight: 600
        }

            .filter-form .filter-form__options .button-filter:active {
                color: #002452
            }

            .filter-form .filter-form__options .button-filter.is-selected {
                background-color: #002147;
                color: #fff
            }

                .filter-form .filter-form__options .button-filter.is-selected svg {
                    fill: #fff
                }

            .filter-form .filter-form__options .button-filter svg {
                display: none
            }

        .filter-form .filter-form__options .button-filter-link {
            font-size: 12px
        }

    .filter-form .filter-form__scroll {
        margin: 0;
        padding-right: 16px;
        height: 40px;
        display: flex;
        align-items: center
    }

        .filter-form .filter-form__scroll button {
            background: none;
            display: flex
        }

            .filter-form .filter-form__scroll button:hover svg {
                fill: #000
            }

        .filter-form .filter-form__scroll svg {
            width: 7px;
            height: 12px;
            fill: #555
        }

    .form-field > label {
        display: inline-flex
    }

    .form-field > input[type=checkbox] {
        display: none
    }

        .form-field > input[type=checkbox]:checked + ::before {
            background-image: url("../svg/checkmark.svg");
            background-position: 3px 4px;
            background-size: 8px
        }

        .form-field > input[type=checkbox] + ::before {
            content: "";
            margin-right: 8px;
            top: 1px;
            width: 16px;
            height: 16px;
            border: 1px solid #d8d8d8;
            border-radius: 4px;
            flex-shrink: 0;
            display: inline-block;
            vertical-align: middle;
            position: relative
        }

    .filter-options {
        top: calc(100% + 8px);
        left: 0;
        min-width: 280px;
        background: #fff;
        box-shadow: 0 0 10px rgba(0,0,0,.15);
        opacity: 0;
        pointer-events: none;
        position: absolute;
        z-index: 200
    }

        .filter-options label {
            font-weight: 400
        }

        .filter-options .form-field {
            margin: 0 0 8px;
            width: 50%
        }

        .filter-options .filter-options__body {
            margin-bottom: -12px;
            padding: 16px
        }

        .filter-options .filter-options__body-flex {
            display: flex;
            flex-wrap: wrap
        }

        .filter-options .filter-options__footer {
            margin-bottom: -8px;
            padding: 16px;
            width: 100%;
            border-top: 1px solid #d8d8d8;
            display: flex;
            justify-content: flex-end
        }

            .filter-options .filter-options__footer button {
                margin: 0 8px 8px
            }

                .filter-options .filter-options__footer button:last-child {
                    margin-right: 0
                }

    @media screen and (min-width: 480px) {
        .filter-options .form-field input {
            margin-right: 8px
        }
    }

    @media screen and (min-width: 768px) {
        .filter-options {
            width: 480px
        }

            .filter-options .filter-options__body {
                padding: 24px
            }

            .filter-options .filter-options__footer {
                padding: 16px 24px
            }
    }

    .filter-options-modal {
        margin: 40px auto;
        background: #fff;
        width: 800px;
        height: 800px;
        max-width: 100%;
        max-height: calc(100vh - 80px);
        border-radius: 4px;
        overflow: auto;
        position: relative
    }

        .filter-options-modal h2 {
            color: #002452;
            font-size: 24px
        }

        .filter-options-modal h3 {
            margin-bottom: 16px;
            color: #002452;
            font-size: 12px;
            letter-spacing: .1em;
            text-transform: uppercase
        }

        .filter-options-modal h4 {
            margin-bottom: 8px;
            color: #555;
            font-size: 14px
        }

        .filter-options-modal .form-field {
            margin: 0 0 16px;
            width: 100%;
            display: inline-flex
        }

            .filter-options-modal .form-field input {
                margin: 0 4px 0 0;
                top: 2px;
                position: relative
            }

            .filter-options-modal .form-field label {
                vertical-align: middle
            }

        .filter-options-modal .filter-options-modal__body {
            padding: 0 16px
        }

        .filter-options-modal .filter-options-modal__fields {
            margin: 0 -16px -16px;
            display: flex;
            flex-wrap: wrap
        }

            .filter-options-modal .filter-options-modal__fields.no-fields-grid {
                margin: 0 0 -16px;
                display: block
            }

                .filter-options-modal .filter-options-modal__fields.no-fields-grid .form-field {
                    padding: 0;
                    width: 100%
                }

            .filter-options-modal .filter-options-modal__fields .form-field {
                padding: 0 16px
            }

        .filter-options-modal .filter-options-modal__foot {
            margin-bottom: -8px;
            padding: 16px;
            border-top: 1px solid #d8d8d8;
            display: flex;
            justify-content: flex-end
        }

            .filter-options-modal .filter-options-modal__foot button {
                margin: 0 8px
            }

        .filter-options-modal .filter-options-modal__head {
            margin-bottom: 8px;
            padding: 16px;
            border-bottom: 1px solid #d8d8d8
        }

        .filter-options-modal .filter-options-modal__section {
            padding: 24px 0;
            border-bottom: 1px solid #d8d8d8
        }

            .filter-options-modal .filter-options-modal__section:last-child {
                border: 0
            }

        .filter-options-modal .mfp-close {
            top: 8px;
            right: 8px;
            font-size: 36px
        }

    @media screen and (min-width: 576px) {
        .filter-options-modal .form-field {
            width: 50%
        }

            .filter-options-modal .form-field input {
                margin-right: 8px
            }

        .filter-options-modal .filter-options-modal__body {
            padding: 0 24px
        }

        .filter-options-modal .filter-options-modal__head {
            padding: 16px 24px
        }
    }

    @media screen and (min-width: 768px) {
        .filter-options-modal .form-field {
            width: 33.33333%
        }

        .filter-options-modal .filter-options-modal__fields.condense-fields-grid .form-field:nth-child(2n+2) {
            width: 66.66667%
        }
    }

    @media only screen and (min-width: 800px) {
        .filter-options-modal {
            border-radius: 0
        }
    }

    .filter-options-modal-mobile {
        margin: 56px 0 0;
        padding-bottom: 89px;
        background: #fff;
        width: 100%;
        height: calc(100vh - 56px);
        border-radius: 4px 4px 0 0;
        overflow: auto;
        position: relative
    }

        .filter-options-modal-mobile h2 {
            color: #002452;
            font-size: 16px
        }

        .filter-options-modal-mobile h3 {
            margin-bottom: 16px;
            color: #002452;
            font-size: 12px;
            letter-spacing: .1em;
            text-transform: uppercase
        }

        .filter-options-modal-mobile h4 {
            margin-bottom: 8px;
            color: #555;
            font-size: 14px
        }

        .filter-options-modal-mobile .filter-options-modal-mobile__body {
            left: 0;
            position: relative;
            transition: all .15s ease-out
        }

            .filter-options-modal-mobile .filter-options-modal-mobile__body.is-active {
                left: -100%
            }

        .filter-options-modal-mobile .filter-options-modal-mobile__head {
            padding: 16px 20px;
            border-bottom: 1px solid #d8d8d8
        }

        .filter-options-modal-mobile .mfp-close {
            top: 4px;
            right: 6px;
            font-size: 36px
        }

    .filter-options-mobile-footer {
        padding: 16px;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 73px;
        background: #fff;
        border-top: 1px solid #d8d8d8;
        display: flex;
        justify-content: flex-end;
        position: absolute;
        z-index: 200
    }

        .filter-options-mobile-footer button {
            margin: 0 8px
        }

        .filter-options-mobile-footer .mfp-close {
            display: none
        }

        .filter-options-mobile-footer .show-results-button-mobile {
            width: 100%;
            height: 40px;
            display: block
        }

    .filter-panel {
        padding: 20px;
        width: 100%;
        top: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute
    }

        .filter-panel.is-active {
            opacity: 1;
            pointer-events: auto
        }

        .filter-panel h2 {
            margin-bottom: 16px;
            color: #555;
            font-size: 14px
        }

        .filter-panel .date-range-help-text {
            margin-left: 4px
        }

        .filter-panel .date-range-text {
            margin-top: 20px
        }

            .filter-panel .date-range-text:first-child {
                margin-top: 0
            }

        .filter-panel .date-range-select {
            margin-right: 4px
        }

        .filter-panel .form-field {
            margin: 0 0 8px;
            width: 100%;
            display: block
        }

        .filter-panel .filter-panel__back {
            margin-bottom: 16px;
            padding: 4px;
            background: none;
            color: #ef4350;
            font-weight: 600;
            display: flex;
            align-items: center;
            flex-direction: row-reverse
        }

            .filter-panel .filter-panel__back svg {
                margin-right: 8px;
                width: 10px;
                height: 10px;
                fill: #ef4350
            }

        .filter-panel .inline-input .date-range-select {
            width: 33.33333%
        }

    @media only screen and (min-width: 576px) {
        .filter-panel .form-field {
            width: 48%;
            display: inline-flex
        }
    }

    .filter-panel-group {
        top: 0;
        right: -100%;
        width: 100%;
        position: absolute;
        transition: all .15s ease-out
    }

    #filter-options-list-mobile {
        transition: all .15s ease-out
    }

        #filter-options-list-mobile .filter-options-list-mobile__icon {
            margin-left: auto
        }

        #filter-options-list-mobile .filter-options-list-mobile__text {
            padding-right: 12px;
            width: 100%;
            color: #555
        }

            #filter-options-list-mobile .filter-options-list-mobile__text a {
                margin-bottom: 6px;
                color: #002452;
                font-size: 14px;
                font-weight: 600;
                letter-spacing: 0;
                display: table
            }

        #filter-options-list-mobile .results-arrow {
            margin-right: -4px;
            top: -2px;
            position: relative
        }

        #filter-options-list-mobile > li {
            margin: 0 20px;
            padding: 20px 0;
            border-bottom: 1px solid #d8d8d8;
            display: flex
        }

            #filter-options-list-mobile > li:last-child {
                border: 0
            }

    .icon-flag {
        margin-right: 24px;
        width: 12px;
        height: 16px;
        display: block;
        cursor: pointer
    }

        .icon-flag:hover svg {
            stroke: #f89626
        }

        .icon-flag.selected svg {
            fill: #f89626;
            stroke: #f89626
        }

        .icon-flag svg {
            width: 12px;
            height: 16px;
            fill: #fff;
            stroke: #555;
            stroke-width: 2px;
            transition: .15s all ease
        }

    .inline-input {
        display: flex
    }

        .inline-input .inline-input__item {
            margin-right: 8px
        }

            .inline-input .inline-input__item:last-of-type {
                margin-right: 0
            }

    .results-actions {
        margin: 24px 0 16px;
        display: none
    }

        .results-actions .results-actions__buttons {
            margin-left: auto
        }

    @media only screen and (min-width: 680px) {
        .results-actions {
            display: flex;
            align-items: center
        }
    }

    .results-arrow {
        padding: 4px;
        width: 14px;
        height: 14px;
        box-sizing: content-box;
        display: inline-flex
    }

        .results-arrow svg {
            width: 14px;
            height: 14px;
            fill: #ef4350;
            flex-shrink: 0
        }

        .results-arrow a {
            width: 14px;
            height: 14px;
            fill: #ef4350;
            flex-shrink: 0
        }

    .results-count {
        margin-bottom: 24px;
        color: #777;
        font-weight: 500;
        display: none
    }

    @media only screen and (min-width: 680px) {
        .results-count {
            display: block
        }
    }

    .results-list {
        margin: 24px 0;
        font-size: 16px
    }

        .results-list .icon-flag {
            margin: -4px 0 0 -4px;
            padding: 4px;
            box-sizing: content-box
        }

        .results-list .results-list-c1 {
            padding-right: 12px;
            flex-shrink: 0
        }

        .results-list .results-list-c2 {
            padding-right: 20px;
            width: 100%
        }

        .results-list .results-list-c3 {
            margin-left: auto;
            max-width: 12px
        }

        .results-list .results-list__name, .results-list .results-list__location, .results-list .results-list__industry {
            margin-bottom: 8px;
            color: #002452;
            display: block
        }

        .results-list .results-list__name {
            font-weight: 600;
            display: table
        }

        .results-list .results-list__link {
            color: #ef4350;
            font-weight: 600;
            text-decoration: underline
        }

        .results-list > ul {
            list-style: none
        }

            .results-list > ul > li {
                margin-bottom: 24px;
                padding-bottom: 24px;
                width: 100%;
                border-bottom: 1px solid #d8d8d8;
                display: flex
            }

    @media only screen and (min-width: 576px) {
        .results-list .results-list-c1 {
            padding-right: 24px
        }
    }

    @media only screen and (min-width: 680px) {
        .results-list {
            display: none
        }
    }

    .results-panel {
        margin: 4rem 0
    }

        .results-panel h2 {
            margin-bottom: 8px
        }

    .results-table {
        margin: 24px 0;
        width: 100%;
        text-align: left;
        display: none
    }

        .results-table table {
            width: 100%
        }

        .results-table tbody td {
            padding: 20px;
            vertical-align: top
        }

            .results-table tbody td:first-child {
                padding-left: 16px;
                font-weight: 600;
                display: flex;
                align-items: center
            }

                .results-table tbody td:first-child .employer-image {
                    margin-right: 8px
                }

            .results-table tbody td:last-child {
                text-align: center
            }

            .results-table tbody td a {
                color: #555
            }

        .results-table tbody tr {
            border-bottom: 1px solid #d8d8d8;
        }

        .results-table th {
            padding: 16px 24px;
            border-bottom: 2px solid #d8d8d8;
            text-transform: uppercase;
            vertical-align: bottom;
            color: #002452
        }

            .results-table th:first-child {
                width: 30%
            }

            .results-table th:last-child {
                text-align: center;
                width: 8%
            }

    .client-results-table th:first-child {
        padding: 52px;
        width: 15%
    }

    @media only screen and (min-width: 680px) {
        .results-table {
            display: block
        }
    }

    @media only screen and (max-width: 767.98px) {
        .results-table {
            overflow-x: auto
        }
    }

    .results-video-link {
        display: flex;
        align-items: center
    }

        .results-video-link a {
            color: #f83b4a;
            font-weight: 500;
            text-decoration: underline
        }

        .results-video-link > span {
            margin-right: 16px;
            width: 60px;
            height: 40px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            border-radius: 4px;
            overflow: hidden;
            position: relative;
            cursor: pointer
        }

            .results-video-link > span:hover::after {
                opacity: .3
            }

            .results-video-link > span::after {
                content: "";
                width: 100%;
                height: 100%;
                background: #000;
                opacity: .2;
                position: absolute
            }

    .play-icon {
        margin: auto;
        padding: 0;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 21px;
        height: 21px;
        background-color: rgba(0,0,0,.5);
        border-radius: 50%;
        display: block;
        position: absolute;
        z-index: 100
    }

        .play-icon::after {
            content: "";
            top: 5px;
            left: 7px;
            width: 8px;
            height: 10px;
            background-image: url("../images/play.png");
            background-position: center;
            background-size: 8px;
            position: absolute
        }

    .search-icon {
        margin: 0 0 8px 16px;
        padding: 0;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 40px;
        height: 40px;
        background-color: #ef4350;
        border-radius: 50%;
        display: block;
        flex-shrink: 0;
        position: relative
    }

        .search-icon::after {
            content: "";
            top: 12px;
            left: 12px;
            width: 16px;
            height: 16px;
            background-image: url("../images/search.png");
            background-position: center;
            background-size: 16px;
            position: absolute
        }

    .date-picker-wrapper {
        padding: 16px;
        background: #fff;
        border: 0;
        box-shadow: 0 0 10px rgba(0,0,0,.15);
        z-index: 200
    }

        .date-picker-wrapper.footer-appended .filter-bar-date-footer {
            display: block
        }

            .date-picker-wrapper.footer-appended .filter-bar-date-footer .filter-bar-date-footer__buttons {
                display: flex;
                justify-content: flex-end
            }

        .date-picker-wrapper.header-appended .filter-bar-date-header {
            display: flex
        }

        .date-picker-wrapper.no-shortcuts {
            padding: 16px
        }

        .date-picker-wrapper .caption {
            color: #555
        }

            .date-picker-wrapper .caption th {
                text-align: left !important
            }

                .date-picker-wrapper .caption th:first-child:not(.month-name), .date-picker-wrapper .caption th:last-child:not(.month-name) {
                    display: none
                }

            .date-picker-wrapper .caption .next, .date-picker-wrapper .caption .prev {
                display: none
            }

            .date-picker-wrapper .caption .select-wrapper {
                margin-right: 8px
            }

                .date-picker-wrapper .caption .select-wrapper:last-child {
                    margin-right: 0
                }

        .date-picker-wrapper .drp_top-bar {
            display: none
        }

        .date-picker-wrapper .footer {
            display: none
        }

        .date-picker-wrapper .month-wrapper {
            padding: 0;
            border: 0;
            border-radius: 0
        }

            .date-picker-wrapper .month-wrapper table tbody {
                margin-top: 8px;
                display: block
            }

            .date-picker-wrapper .month-wrapper table .day {
                width: 27px;
                height: 27px;
                display: flex;
                align-items: center;
                justify-content: center
            }

                .date-picker-wrapper .month-wrapper table .day.checked {
                    background-color: #eff3f5
                }

                .date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
                    background-color: #eff3f5
                }

                .date-picker-wrapper .month-wrapper table .day.toMonth.first-date-selected, .date-picker-wrapper .month-wrapper table .day.toMonth.last-date-selected {
                    background-color: #002452 !important;
                    border-radius: 50%
                }

                .date-picker-wrapper .month-wrapper table .day.toMonth.valid {
                    color: #555
                }

                .date-picker-wrapper .month-wrapper table .day.real-today {
                    background-color: #fff
                }

                    .date-picker-wrapper .month-wrapper table .day.real-today.checked {
                        background-color: #eff3f5
                    }

            .date-picker-wrapper .month-wrapper .week-name {
                border-bottom: 1px solid #d8d8d8
            }

                .date-picker-wrapper .month-wrapper .week-name th {
                    padding: 8px 0;
                    color: #555
                }

    .mfp-container {
        padding: 0
    }

    .mfp-fade.mfp-bg {
        opacity: 0;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        transition: all .2s ease-out
    }

        .mfp-fade.mfp-bg.mfp-ready {
            opacity: .8
        }

        .mfp-fade.mfp-bg.mfp-removing {
            opacity: 0
        }

    .mfp-fade.mfp-wrap .mfp-content {
        opacity: 0;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        transition: all .2s ease-out
    }

    .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
        opacity: 1
    }

    .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
        opacity: 0
    }

    @media only screen and (max-width: 767.97px) {
        h2 {
            font-size: 28px
        }
    }

    @media only screen and (max-width: 575.98px) {
        .results-table table {
            width: auto
        }
    }

    /*# sourceMappingURL=style.css.map */