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

.pageTitle {
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    padding-bottom: 30px;
}
.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;
}

.maintCheckbox {
    text-align: left;
    padding-top: 17px;
}

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

.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;
}


.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;
}

.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;
}
/* 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;
    -ms-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;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    word-wrap: break-word
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-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;
        cursor: hand
    }

.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: #077cb7;
    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: #FFF;
                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;
    pointer: cursor;
    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;
            appearance: none
        }

    .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;
    appearance: none;
    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;
    appearance: none
}

    .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;
        align-items: top
    }

@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
    }

.form-field > input[type=radio] {
    display: none
}

    .form-field > input[type=radio]:checked + ::before {
        background-image: url("../svg/radio-fill.svg");
        background-position: 3px;
        background-size: 8px
    }

    .form-field > input[type=radio] + ::before {
        content: "";
        margin-right: 8px;
        top: 1px;
        width: 16px;
        height: 16px;
        background-color: #fff;
        border: 1px solid #d8d8d8;
        border-radius: 50%;
        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 */