.action-links {
    margin: 1em 0;
    padding: 0;
    list-style: none;
}

[dir="rtl"] .action-links {
    margin-right: 0;
}

.action-links li {
    display: inline-block;
    margin: 0 0.3em;
}

.action-links li:first-child {
    margin-left: 0;
}

[dir="rtl"] .action-links li:first-child {
    margin-right: 0;
    margin-left: 0.3em;
}

.button-action {
    display: inline-block;
    padding: 0.2em 0.5em 0.3em;
    text-decoration: none;
    line-height: 160%;
}

.button-action:before {
    margin-left: -0.1em;
    padding-right: 0.2em;
    content: "+";
    font-weight: 900;
}

[dir="rtl"] .button-action:before {
    margin-right: -0.1em;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0.2em;
}

.breadcrumb {
    padding-bottom: 0.5em;
}

.breadcrumb ol {
    margin: 0;
    padding: 0;
}

[dir="rtl"] .breadcrumb ol {
    margin-right: 0;
}

.breadcrumb li {
    display: inline;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.breadcrumb li:before {
    content: " \BB ";
}

.breadcrumb li:first-child:before {
    content: none;
}

.button, .image-button {
    margin-right: 1em;
    margin-left: 1em;
}

.button:first-child, .image-button:first-child {
    margin-right: 0;
    margin-left: 0;
}

.collapse-processed > summary {
    padding-right: 0.5em;
    padding-left: 0.5em;
}

.collapse-processed > summary:before {
    float: left;
    width: 1em;
    height: 1em;
    content: "";
    background: url(/core/misc/menu-expanded.png) 0 100% no-repeat;
}

[dir="rtl"] .collapse-processed > summary:before {
    float: right;
    background-position: 100% 100%;
}

.collapse-processed:not([open]) > summary:before {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-position: 25% 35%;
}

[dir="rtl"] .collapse-processed:not([open]) > summary:before {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-position: 75% 35%;
}

.container-inline label:after, .container-inline .label:after {
    content: ":";
}

.form-type-radios .container-inline label:after, .form-type-checkboxes .container-inline label:after {
    content: "";
}

.form-type-radios .container-inline .form-type-radio, .form-type-checkboxes .container-inline .form-type-checkbox {
    margin: 0 1em;
}

.container-inline .form-actions, .container-inline.form-actions {
    margin-top: 0;
    margin-bottom: 0;
}

details {
    margin-top: 1em;
    margin-bottom: 1em;
    border: 1px solid #ccc;
}

details > .details-wrapper {
    padding: 0.5em 1.5em;
}

summary {
    padding: 0.2em 0.5em;
    cursor: pointer;
}

.exposed-filters .filters {
    float: left;
    margin-right: 1em;
}

[dir="rtl"] .exposed-filters .filters {
    float: right;
    margin-right: 0;
    margin-left: 1em;
}

.exposed-filters .form-item {
    margin: 0 0 0.1em 0;
    padding: 0;
}

.exposed-filters .form-item label {
    float: left;
    width: 10em;
    font-weight: normal;
}

[dir="rtl"] .exposed-filters .form-item label {
    float: right;
}

.exposed-filters .form-select {
    width: 14em;
}

.exposed-filters .current-filters {
    margin-bottom: 1em;
}

.exposed-filters .current-filters .placeholder {
    font-weight: bold;
    font-style: normal;
}

.exposed-filters .additional-filters {
    float: left;
    margin-right: 1em;
}

[dir="rtl"] .exposed-filters .additional-filters {
    float: right;
    margin-right: 0;
    margin-left: 1em;
}

.field__label {
    font-weight: bold;
}

.field--label-inline .field__label, .field--label-inline .field__items {
    float: left;
}

.field--label-inline .field__label, .field--label-inline > .field__item, .field--label-inline .field__items {
    padding-right: 0.5em;
}

[dir="rtl"] .field--label-inline .field__label, [dir="rtl"] .field--label-inline .field__items {
    padding-right: 0;
    padding-left: 0.5em;
}

.field--label-inline .field__label::after {
    content: ":";
}

form .field-multiple-table {
    margin: 0;
}

form .field-multiple-table .field-multiple-drag {
    width: 30px;
    padding-right: 0;
}

[dir="rtl"] form .field-multiple-table .field-multiple-drag {
    padding-left: 0;
}

form .field-multiple-table .field-multiple-drag .tabledrag-handle {
    padding-right: 0.5em;
}

[dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle {
    padding-right: 0;
    padding-left: 0.5em;
}

form .field-add-more-submit {
    margin: 0.5em 0 0;
}

.form-item, .form-actions {
    margin-top: 1em;
    margin-bottom: 1em;
}

tr.odd .form-item, tr.even .form-item {
    margin-top: 0;
    margin-bottom: 0;
}

.form-composite > .fieldset-wrapper > .description, .form-item .description {
    font-size: 0.85em;
}

label.option {
    display: inline;
    font-weight: normal;
}

.form-composite > legend, .label {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: bold;
}

.form-checkboxes .form-item, .form-radios .form-item {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}

.form-type-radio .description, .form-type-checkbox .description {
    margin-left: 2.4em;
}

[dir="rtl"] .form-type-radio .description, [dir="rtl"] .form-type-checkbox .description {
    margin-right: 2.4em;
    margin-left: 0;
}

.marker {
    color: #e00;
}

.form-required:after {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0.3em;
    content: "";
    vertical-align: super;
    background-image: url(/core/misc/icons/ee0000/required.svg);
    background-repeat: no-repeat;
    background-size: 6px 6px;
}

abbr.tabledrag-changed, abbr.ajax-changed {
    border-bottom: none;
}

.form-item input.error, .form-item textarea.error, .form-item select.error {
    border: 2px solid red;
}

.form-item--error-message:before {
    display: inline-block;
    width: 14px;
    height: 14px;
    content: "";
    vertical-align: sub;
    background: url(/core/misc/icons/e32700/error.svg) no-repeat;
    background-size: contain;
}

.icon-help {
    padding: 1px 0 1px 20px;
    background: url(/core/misc/help.png) 0 50% no-repeat;
}

[dir="rtl"] .icon-help {
    padding: 1px 20px 1px 0;
    background-position: 100% 50%;
}

.feed-icon {
    display: block;
    overflow: hidden;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/core/misc/feed.svg) no-repeat;
}

.form--inline .form-item {
    float: left;
    margin-right: 0.5em;
}

[dir="rtl"] .form--inline .form-item {
    float: right;
    margin-right: 0;
    margin-left: 0.5em;
}

[dir="rtl"] .views-filterable-options-controls .form-item {
    margin-right: 2%;
}

.form--inline .form-item-separator {
    margin-top: 2.3em;
    margin-right: 1em;
    margin-left: 0.5em;
}

[dir="rtl"] .form--inline .form-item-separator {
    margin-right: 0.5em;
    margin-left: 1em;
}

.form--inline .form-actions {
    clear: left;
}

[dir="rtl"] .form--inline .form-actions {
    clear: right;
}

.item-list .title {
    font-weight: bold;
}

.item-list ul {
    margin: 0 0 0.75em 0;
    padding: 0;
}

.item-list li {
    margin: 0 0 0.25em 1.5em;
    padding: 0;
}

[dir="rtl"] .item-list li {
    margin: 0 1.5em 0.25em 0;
}

.item-list--comma-list {
    display: inline;
}

.item-list--comma-list .item-list__comma-list, .item-list__comma-list li, [dir="rtl"] .item-list--comma-list .item-list__comma-list, [dir="rtl"] .item-list__comma-list li {
    margin: 0;
}

button.link {
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: 0;
    background: transparent;
    font-size: 1em;
}

label button.link {
    font-weight: bold;
}

ul.inline, ul.links.inline {
    display: inline;
    padding-left: 0;
}

[dir="rtl"] ul.inline, [dir="rtl"] ul.links.inline {
    padding-right: 0;
    padding-left: 15px;
}

ul.inline li {
    display: inline;
    padding: 0 0.5em;
    list-style-type: none;
}

ul.links a.is-active {
    color: #000;
}

ul.menu {
    margin-left: 1em;
    padding: 0;
    list-style: none outside;
    text-align: left;
}

[dir="rtl"] ul.menu {
    margin-right: 1em;
    margin-left: 0;
    text-align: right;
}

.menu-item--expanded {
    list-style-type: circle;
    list-style-image: url(/core/misc/menu-expanded.png);
}

.menu-item--collapsed {
    list-style-type: disc;
    list-style-image: url(/core/misc/menu-collapsed.png);
}

[dir="rtl"] .menu-item--collapsed {
    list-style-image: url(/core/misc/menu-collapsed-rtl.png);
}

.menu-item {
    margin: 0;
    padding-top: 0.2em;
}

ul.menu a.is-active {
    color: #000;
}

.more-link {
    display: block;
    text-align: right;
}

[dir="rtl"] .more-link {
    text-align: left;
}

.pager__items {
    clear: both;
    text-align: center;
}

.pager__item {
    display: inline;
    padding: 0.5em;
}

.pager__item.is-active {
    font-weight: bold;
}

tr.drag {
    background-color: #fffff0;
}

tr.drag-previous {
    background-color: #ffd;
}

body div.tabledrag-changed-warning {
    margin-bottom: 0.5em;
}

tr.selected td {
    background: #ffc;
}

td.checkbox, th.checkbox {
    text-align: center;
}

[dir="rtl"] td.checkbox, [dir="rtl"] th.checkbox {
    text-align: center;
}

th.is-active img {
    display: inline;
}

td.is-active {
    background-color: #ddd;
}

div.tabs {
    margin: 1em 0;
}

ul.tabs {
    margin: 0 0 0.5em;
    padding: 0;
    list-style: none;
}

.tabs > li {
    display: inline-block;
    margin-right: 0.3em;
}

[dir="rtl"] .tabs > li {
    margin-right: 0;
    margin-left: 0.3em;
}

.tabs a {
    display: block;
    padding: 0.2em 1em;
    text-decoration: none;
}

.tabs a.is-active {
    background-color: #eee;
}

.tabs a:focus, .tabs a:hover {
    background-color: #f5f5f5;
}

.form-textarea-wrapper textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
}

.ui-dialog--narrow {
    max-width: 500px;
}

@media screen and (max-width: 600px) {
    .ui-dialog--narrow {
        min-width: 95%;
        max-width: 95%;
    }
}

.messages {
    padding: 15px 20px 15px 35px;
    word-wrap: break-word;
    border: 1px solid;
    border-width: 1px 1px 1px 0;
    border-radius: 2px;
    background: no-repeat 10px 17px;
    overflow-wrap: break-word;
}

[dir="rtl"] .messages {
    padding-right: 35px;
    padding-left: 20px;
    text-align: right;
    border-width: 1px 0 1px 1px;
    background-position: right 10px top 17px;
}

.messages + .messages {
    margin-top: 1.538em;
}

.messages__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.messages__item + .messages__item {
    margin-top: 0.769em;
}

.messages--status {
    color: #325e1c;
    border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
    background-color: #f3faef;
    background-image: url(/core/misc/icons/73b355/check.svg);
    box-shadow: -8px 0 0 #77b259;
}

[dir="rtl"] .messages--status {
    margin-left: 0;
    border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
    box-shadow: 8px 0 0 #77b259;
}

.messages--warning {
    color: #734c00;
    border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
    background-color: #fdf8ed;
    background-image: url(/core/misc/icons/e29700/warning.svg);
    box-shadow: -8px 0 0 #e09600;
}

[dir="rtl"] .messages--warning {
    border-color: #f4daa6 transparent #f4daa6 #f4daa6;
    box-shadow: 8px 0 0 #e09600;
}

.messages--error {
    color: #a51b00;
    border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
    background-color: #fcf4f2;
    background-image: url(/core/misc/icons/e32700/error.svg);
    box-shadow: -8px 0 0 #e62600;
}

[dir="rtl"] .messages--error {
    border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
    box-shadow: 8px 0 0 #e62600;
}

.messages--error p.error {
    color: #a51b00;
}

.node--unpublished {
    background-color: #fff4f4;
}

article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

html {
    font-family: Arial, Verdana, sans-serif;
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    line-height: 1.5em;
}

button, input, select, textarea {
    font-family: Arial, Verdana, sans-serif;
}

body {
    margin: 0;
    padding: 0;
}

a:focus {
    outline: thin dotted;
}

a:active, a:hover {
    outline: 0;
}

p, pre {
    margin: 1em 0;
}

blockquote {
    margin: 1.5em 30px;
}


abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

hr {
    height: 0;
    border-bottom: 1px solid #666;
    margin: 1em 0;
}

mark {
    background: #ff0;
    color: #000;
}

code, kbd, pre, samp, tt, var {
    font-family: "Courier New", "DejaVu Sans Mono", monospace, sans-serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
    line-height: 1.5em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

dl, menu, ol, ul {
    margin: 1.5em 0;
}

ol ol, ol ul, ul ol, ul ul {
    margin: 0;
}

dd {
    margin: 0 0 0 30px;
}

menu, ol, ul {
    padding: 0 0 0 30px;
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

form {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.5em 0.625em 1em;
}

legend {
    border: 0;
    padding: 0;
    *margin-left: -7px;
}

button, input:not(#datetimepicker1 input, #datetimepicker2 input), select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

button, input {
    line-height: normal;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}

button[disabled], html input[disabled] {
    cursor: default;
}

input[type="checkbox"], input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

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

textarea {
    overflow: auto;
    vertical-align: top;
}

label {
    display: block;
    font-weight: bold;
    font-family: 'Inter';
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 1em;
}

tr {
    vertical-align: top;
}

th, td {
    padding: 0.5em;
}

th, tbody {
    border: none;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    direction: ltr;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px, 0, 0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px, 0, 0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px, 0, 0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px, 0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px, 0, 0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px, 0, 0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}

.swiper-container {
}

.swiper-slide {
}

.swiper-slide-active {
}

.swiper-slide-visible {
}

.swiper-pagination-switch {
}

.swiper-active-switch {
}

.swiper-visible-switch {
}

.icheckbox, .iradio {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(/themes/custom/jebsen/lib/icheck/minimal.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox {
    background-position: 0 0;
}

.icheckbox.hover {
    background-position: -20px 0;
}

.icheckbox.checked {
    background-position: -40px 0;
}

.icheckbox.disabled {
    background-position: -60px 0;
    cursor: default;
}

.icheckbox.checked.disabled {
    background-position: -80px 0;
}

.iradio {
    background-position: -100px 0;
}

.iradio.hover {
    background-position: -120px 0;
}

.iradio.checked {
    background-position: -140px 0;
}

.iradio.disabled {
    background-position: -160px 0;
    cursor: default;
}

.iradio.checked.disabled {
    background-position: -180px 0;
}

@media (-o-min-device-pixel-ratio: 5/4),(-webkit-min-device-pixel-ratio: 1.25),(min-resolution: 120dpi) {
    .icheckbox, .iradio {
        background-image: url(/themes/custom/jebsen/lib/icheck/minimal%402x.png);
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}

@keyframes fade_in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade_out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fade_in_out {
    0% {
        opacity: 0;
    }
    15% {
        opacity: 1;
    }
    85% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes go_up {
    0% {
        transform: translate3d(0, 9vh, 0);
    }
    100% {
        transform: translate3d(0, 0vh, 0);
    }
}

@keyframes go_up2 {
    0% {
        transform: translate3d(0, 16vh, 0);
    }
    100% {
        transform: translate3d(0, 0vh, 0);
    }
}

@keyframes go_up3 {
    0% {
        transform: translate3d(0, 32vh, 0);
    }
    100% {
        transform: translate3d(0, 0vh, 0);
    }
}

@keyframes go_up4 {
    0% {
        transform: translate3d(0, 48vh, 0);
    }
    100% {
        transform: translate3d(0, 0vh, 0);
    }
}

@keyframes go_down {
    0% {
        transform: translate3d(0, -9vh, 0);
    }
    100% {
        transform: translate3d(0, 0vh, 0);
    }
}

@keyframes go_down2 {
    0% {
        transform: translate3d(0, -16vh, 0);
    }
    100% {
        transform: translate3d(0, 0vh, 0);
    }
}

@keyframes go_down3 {
    0% {
        transform: translate3d(0, -32vh, 0);
    }
    100% {
        transform: translate3d(0, 0vh, 0);
    }
}

@keyframes go_down4 {
    0% {
        transform: translate3d(0, -48vh, 0);
    }
    100% {
        transform: translate3d(0, 0vh, 0);
    }
}

@keyframes floaty1 {
    0% {
        transform: translate3d(0, 0vh, 0);
    }
    50% {
        transform: translate3d(0, 0.6vh, 0);
    }
    100% {
        transform: translate3d(0, 0vh, 0);
    }
}

@keyframes floaty2 {
    0% {
        transform: translate3d(0, 0vh, 0);
    }
    50% {
        transform: translate3d(0, 1.2vh, 0);
    }
    100% {
        transform: translate3d(0, 0vh, 0);
    }
}

@keyframes floaty3 {
    0% {
        transform: translate3d(0, 0vh, 0);
    }
    50% {
        transform: translate3d(0, 2.4vh, 0);
    }
    100% {
        transform: translate3d(0, 0vh, 0);
    }
}

@keyframes floaty4 {
    0% {
        transform: translate3d(0, 0vh, 0);
    }
    50% {
        transform: translate3d(0, 4vh, 0);
    }
    100% {
        transform: translate3d(0, 0vh, 0);
    }
}

@keyframes floatx1 {
    0% {
        transform: translate3d(0vh, 0, 0);
    }
    25% {
        transform: translate3d(0.3vh, 0, 0);
    }
    75% {
        transform: translate3d(-0.2vh, 0, 0);
    }
    100% {
        transform: translate3d(0vh, 0, 0);
    }
}

@keyframes floatx2 {
    0% {
        transform: translate3d(0vh, 0, 0);
    }
    25% {
        transform: translate3d(0.7vh, 0, 0);
    }
    75% {
        transform: translate3d(-0.4vh, 0, 0);
    }
    100% {
        transform: translate3d(0vh, 0, 0);
    }
}

@keyframes floatx3 {
    0% {
        transform: translate3d(0vh, 0, 0);
    }
    25% {
        transform: translate3d(1vh, 0, 0);
    }
    75% {
        transform: translate3d(-0.5vh, 0, 0);
    }
    100% {
        transform: translate3d(0vh, 0, 0);
    }
}

@keyframes floatx4 {
    0% {
        transform: translate3d(0vh, 0, 0);
    }
    25% {
        transform: translate3d(1.6vh, 0, 0);
    }
    75% {
        transform: translate3d(-0.9vh, 0, 0);
    }
    100% {
        transform: translate3d(0vh, 0, 0);
    }
}

@keyframes blinking {
    0% {
        opacity: 0.5;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.5;
    }
}

@keyframes left_to_rightt {
    0% {
        transform: translate3d(-30vw, 0, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes left_to_rightt2 {
    0% {
        transform: translate3d(-50vw, 0, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes right_to_left {
    0% {
        transform: translate3d(30vw, 0, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes right_to_left2 {
    0% {
        transform: translate3d(50vw, 0, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounce {
    0% {
        transform: translate3d(0, -3vh, 0);
    }
    100% {
        transform: translate3d(0, 0vh, 0);
    }
}

html, body {
    height: auto;
    min-height: 100%;
    overflow-x: hidden;
}

body {
    font-family: "Inter" !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    width: auto;
    color: #5B5B5B;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.cke_editable {
    min-width: 0 !important;
    margin: 10px;
    background: transparent;
}

body.page-node-add, body.page-node-edit {
    background: white;
}

body.ui-dialog-on {
    overflow: hidden;
}

.wrapper {
    width: auto;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.wrapper.no-padding {
    padding: 0;
}


p, ul, ol {
    margin: 1em 0;
}

p + ul, ul + ul, ol + ul {
    margin-top: 1em;
}

p a, ul a, ol a {
    text-decoration: underline;
}

ul, ol {
    padding: 0 0 0 20px;
}

a {
    color: #3FD2C7;
    text-decoration: none;
    outline: none;
    transition: 0.25s ease-out all;
}

a:hover {
    text-decoration: underline;
}

strong {
    font-weight: 900;
}

img {
    max-height: 100%;
    max-width: 100%;
}

#gmap img {
    max-height: none;
    max-width: none;
}

.block-image img {
    display: block;
}

hr {
    border: none;
    border-top: 1px solid #5B5B5B;
    margin: 1em 0;
}

table {
    word-break: normal;
}

table th, table td {
    padding: 10px;
}

#header {
    top: -200px;
    transition: 0.25s ease-out top;
}

#header > .wrapper {
    max-width: 1600px;
    padding: 0 50px;
    zoom: 1;
}

#header > .wrapper:before {
    content: '';
    display: block;
}

#header > .wrapper:after {
    content: '';
    display: table;
    clear: both;
}

.region--header {
    float: right;
    width: 90% !important;
    min-width: 100px;
    height: 90px;
}

.region--header .block {
    float: left;
}

.region--header > div {
    float: right;
}

.sticky-header-placeholder {
    height: 200px;
    clear: both;
}

@media (min-width: 1200px){
    .sticky-header-placeholder {
        height: 0px;
    }
}

body.sticky-header.toolbar-horizontal #header {
    top: 73px;
}

body #header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    height: 90px;
}

body.sticky-header #header {
    position: fixed;
    top: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    z-index: 999;
    height: 91px;
}

body.sticky-header #logo img {
    height: 70px;
    margin: 10px 0;
}

body.sticky-header .menu--main, body.sticky-header .block-language {
    margin: 25px 0;
}

#logo {
    display: block;
    float: left;
}

#logo img {
    width: auto;
    height: 160px;
    margin: 20px 0;
    display: block;
}

ul.menu, ul.links {
    margin: 0;
    padding: 0;
}

ul.menu li, ul.links li {
    margin: 0;
    padding: 0;
}

.menu--main {
    margin: 25px 0;
    transition: 0.25s ease-out margin;
    zoom: 1;
}

.menu--main:before {
    content: '';
    display: block;
}

.menu--main:after {
    content: '';
    display: table;
    clear: both;
}

.menu--main ul.menu {
    float: right;
    margin: 0;
    padding: 0;
}

.menu-nav li {
    float: right !important;
 }
.menu--main ul.menu li {
    float: left;
    margin: 0 10px;
}

.menu--main ul.menu li > a {
    display: block;
    font-family: 'Josefin Sans', Arial, "Microsoft JhengHei", "fontawesome", serif;
    font-size: 15px;
    /*font-weight: 600;*/
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1.5px;
    color: #000000 !important;
    padding: 14px 0 8px;
    border-bottom: 3px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#fullscreen .menu--main ul.menu li > a {
    font-family: 'Roboto';
}

.tmp-content-area #form-login input {
    max-width: 200px !important;
}
.clicky {
    display: block;
    font-family: 'Josefin Sans', Arial, "Microsoft JhengHei", "fontawesome", serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1.5px;
    color: #00458B !important;
    padding: 14px 0 8px;
    border-bottom: 3px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 159px;
    cursor: pointer;
    position: relative;
    top: 17px;
    right: -54px;
}

.menu-item{
    width: 158px;
}

.form-wrap-login input{
    height: 38px !important;
    margin-right: 10px;
    color: black;
    font-weight: bold;
}
.menu--main ul.menu a:hover, .menu--main ul.menu .menu-item--active-trail > a {
    border-color: #ff6b00;
}

.menu--main ul.menu a.find-a-job {
    font-weight: bold;
    color: #fff !important;
    width: 199px;
    border-color: #ff6b00;
    background-color: #ff6b00;
    border-radius: 6px;
    padding: 8px 0 4px 0;
    font-size: 15px;
}


#allcontent .menu--main ul.menu li > a.find-a-job:hover {
    background-color: #ff6b00;
    border-color: #ff6b00;
    color: #fff !important;
}

.block-language {
    float: right;
    margin: 55px 0;
    position: relative;
    transition: 0.25s ease-out margin;
}

.block-language a {
    text-decoration: none;
}

.block-language .switcher {
    line-height: 40px;
    margin: 0;
    padding: 0;
    list-style: none;
    color: rgba(0, 69, 139, 0.5);
    cursor: pointer;
}

.block-language .switcher:after {
    content: "\f107";
    margin-left: 0.5em;
}

.block-language .switcher li {
    display: inline;
}

.block-language .switcher .language-link {
    display: none;
}

.block-language .switcher .is-active {
    display: inline;
}

.block-language ul.links {
    list-style: none;
    display: none;
    width: auto;
    min-width: 100px;
    padding: 10px 15px;
    background: white;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 100%;
    left: -15px;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.block-language ul.links a {
    font-size: 15px;
    font-weight: 600;
    color: rgba(0, 69, 139, 0.5);
    display: block;
    margin: 3px 0;
}

.block-language ul.links .is-active {
    color: #00458B;
}

footer.footer {
    margin: 50px 0 0;
}

footer.footer > .wrapper {
    max-width: 1600px;
    padding: 0 50px;
    zoom: 1;
}

footer.footer > .wrapper:before {
    content: '';
    display: block;
}

footer.footer > .wrapper:after {
    content: '';
    display: table;
    clear: both;
}

footer.footer .logo {
    float: left;
    width: 65px;
    margin-right: 50px;
}

footer.footer .footer-links {
    font-size: 13px;
    line-height: 1;
    float: left;
}

footer.footer a {
    color: #00458B;
}

footer.footer a:hover {
    color: #1279E1;
}

footer.footer p {
    margin: 0;
}

footer.footer ul.menu {
    margin: 30px 0;
    zoom: 1;
}

footer.footer ul.menu:before {
    content: '';
    display: block;
}

footer.footer ul.menu:after {
    content: '';
    display: table;
    clear: both;
}

footer.footer ul.menu li {
    float: left;
}

footer.footer ul.menu li + li:before {
    content: " | ";
    color: #A8CAE1;
    margin: 0 10px;
}

footer.footer ul.menu a {
    font-family: 'Josefin Sans', Arial, "Microsoft JhengHei", "fontawesome", serif;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
}

footer.footer .footer-social-links {
    font-size: 36px;
    float: right;
    margin: 30px 0;
}

article.node {
    overflow: hidden;
}

article.node a {
    font-weight: 700;
}

article.node > header {
    line-height: 1;
    font-weight: bold;
    color: #00458B;
    height: auto;
    min-height: 200px;
    margin: 0 auto 50px;
    background: top 70px center repeat-x url(bg_wave.svg) #EBF5FB;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

article.node > header .wrapper {
    margin: 40px auto;
    position: relative;
}

article.node > header .wrapper:before {
    content: "";
    display: block;
    width: 175px;
    height: 75px;
    background: center center no-repeat url(/themes/custom/jebsen/img/tri-banner.svg);
    position: absolute;
    top: -40px;
    right: 0;
}

article.node > .wrapper {
    zoom: 1;
}

article.node > .wrapper:before {
    content: '';
    display: block;
}

article.node > .wrapper:after {
    content: '';
    display: table;
    clear: both;
}

article.node main {
    font-size: 18px;
    line-height: 2;
    width: 100%;
    max-width: 870px;
    margin: 0 auto;
}

article.node aside {
    float: right;
    flex: 0 0 auto;
    width: 270px;
    order: 2;
    padding-left: 30px;
}

article.node aside + main {
    margin-right: 310px;
}

article.node .a2a_kit {
    display: block;
    margin: 2em 0;
}

article.node .a2a_kit:before {
    content: "Share: ";
}

html[lang=zh-hans] article.node .a2a_kit:before {
    content: "分享: ";
}

html[lang=zh-hant] article.node .a2a_kit:before {
    content: "分享: ";
}

article.node .a2a_kit .a2a_svg {
    margin-right: 5px;
}

article.node blockquote {
    padding: 0 0 0 70px;
    background: left top 0.5em no-repeat url(/themes/custom/jebsen/img/quote.png);
}

.view-page header {
    height: auto;
    min-height: 160px;
    padding: 60px 0;
    background: top 90px center repeat-x url(bg_wave.svg);
    position: relative;
}

.view-page header .wrapper:before {
    content: "";
    display: block;
    width: 660px;
    height: 320px;
    background: center center no-repeat;
    position: absolute;
    top: 40%;
    right: 50%;
    transform: translate(600px, -50%);
}

.block.page-header {
    height: auto;
    min-height: 160px;
    padding: 60px 0;
    background: top 90px center repeat-x url(bg_wave.svg);
    position: relative;
}

.block.page-header > div {
    width: auto;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.block.page-header > div.no-padding {
    padding: 0;
}

.block.page-header > div:before {
    content: "";
    display: block;
    width: 160px;
    height: 160px;
    margin: 5px;
    background: bottom center no-repeat url(deco-1.svg);
    background-size: contain;
    position: absolute;
    top: -30px;
    left: 1040px;
    z-index: 1;
}

.block.page-header > div:after {
    content: "";
    display: block;
    width: 190px;
    height: 190px;
    margin: 5px;
    background: bottom center no-repeat url(deco-3.svg);
    background-size: contain;
    position: absolute;
    top: -130px;
    left: 520px;
}

.block.page-header .field--type-image .field__item {
    position: absolute;
    padding: 10px;
    box-sizing: border-box;
    transform: translate(0, -50%);
}

.block.page-header .field--type-image .field__item:before {
    content: "";
    position: absolute;
    display: block;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background: center center no-repeat url(diamond-aqua.png);
    background-size: contain;
}

.block.page-header .field--type-image img {
    display: block;
    width: 100%;
}

.block.page-header .field--name-field-banner-images-2x2 .field__item {
    width: 300px;
    height: 300px;
}

.block.page-header .field--name-field-banner-images-2x2 .field__item:nth-child(1) {
    top: 20px;
    left: 620px;
}

.block.page-header .field--name-field-banner-images-1x1 .field__item {
    width: 200px;
    height: 200px;
}

.block.page-header .field--name-field-banner-images-1x1 .field__item:nth-child(1) {
    top: 20px;
    left: 920px;
}

.block.page-header .field--name-field-banner-images-1x1 .field__item:nth-child(2) {
    top: 120px;
    left: 820px;
}

.block.page-header .field--name-field-banner-images-1x1 .field__item:nth-child(2):before {
    background-image: url(diamond-blue.png);
}

.swiper-container {
    position: relative;
}

.swiper-container .swiper-pager {
    text-align: center;
    margin: 20px auto;
}

.swiper-container .swiper-pager span {
    width: 12px;
    height: 12px;
    margin: 0 10px;
    background: #d2d2d2;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
}

.swiper-container .swiper-pager .swiper-active-switch {
    background: #3FD2C7;
}

.swiper-container .swiper-pager + .swiper-control .btn {
    margin-top: -32px;
}

.swiper-container .swiper-control .btn {
    font-size: 35px;
    color: white;
    position: absolute;
    top: 50%;
    margin: 0 10px;
    transform: translate(0, -50%);
    text-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.8);
    cursor: pointer;
}

.swiper-container .btn-next {
    right: 0;
}

.swiper-container .btn-next:before {
    content: "\f105";
}

.swiper-container .btn-prev {
    left: 0;
}

.swiper-container .btn-prev:before {
    content: "\f104";
}

.read-more {
    font-family: 'Josefin Sans', Arial, "Microsoft JhengHei", "fontawesome", serif;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #00458B;
    display: inline-block;
    width: auto;
    min-width: 200px;
    padding: 25px;
    border: 2px solid #00458B;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.read-more:after {
    content: "\f178";
    font-weight: 400;
    margin: 0 0 0 0.5em;
}

.read-more:hover {
    text-decoration: none;
    background-color: #00458B;
    color: white;
}

.view-footer .read-more {
    margin: 30px auto;
}

.draggable-views .view-header {
    text-align: center;
}

.draggable-views table {
    width: 100%;
}

.draggable-views table tr {
    border-top: 1px solid #dddddd;
}

.draggable-views table tr:first-child {
    border: none;
}

.draggable-views td.tabledrag-hide {
    display: table-cell !important;
}

.draggable-views td:last-child {
    text-align: right;
}

.draggable-views .tabledrag-toggle-weight-wrapper {
    display: none;
}

.ajax-progress-fullscreen {
    position: static;
    display: block;
    width: 100px;
    height: 100px;
    margin: 20px auto;
    border-radius: 0;
    opacity: 1;
    background: center center no-repeat url(/themes/custom/jebsen/img/spinner.svg);
    background-size: contain;
    animation: spin 4s linear infinite;
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

article.node--type-homepage {
    overflow: visible;
}

article.node--type-homepage .images .field__item {
    position: absolute;
    padding: 10px;
    box-sizing: border-box;
}

article.node--type-homepage .images .field__item:before {
    content: "";
    position: absolute;
    display: block;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background: diamond-blue . png;
    background-size: contain;
}

article.node--type-homepage .images img {
    display: block;
    width: 100%;
}

article.node--type-homepage .field--name-field-hp-images-2x2 .field__item, article.node--type-homepage .field--name-field-hp-images-2x2-2 .field__item {
    width: 400px;
    height: 400px;
}

article.node--type-homepage .field--name-field-hp-images-2x1 .field__item {
    width: 300px;
    height: 300px;
}

article.node--type-homepage .field--name-field-hp-images-2x1 .field__item:before {
    background-image: url(rect-blue.png);
}

article.node--type-homepage .field--name-field-hp-images-1x1 .field__item, article.node--type-homepage .field--name-field-hp-images-1x1-2 .field__item {
    width: 200px;
    height: 200px;
}

article.node--type-homepage .welcome {
    height: auto;
    min-height: 700px;
    margin: -40px 0 0;
    /*background: top 350px center repeat-x url(bg_wave.svg);*/
    background: top 350px center repeat-x;
    /*background-image: url(bg_wave.svg);*/
    background-size: auto 191vw;
}

article.node--type-homepage .welcome .wrapper {
    position: relative;
    top: 150px;
}


article.node--type-homepage .welcome .  left {
    position: relative;
    top: -43px;
}

article.node--type-homepage .welcome .right {
    position: absolute;
    top: 0;
    left: 60%;
}

article.node--type-homepage .welcome .right:before {
    content: "";
    display: block;
    width: 190px;
    height: 190px;
    margin: 5px;
    background: bottom center no-repeat url(deco-1.svg);
    background-size: contain;
    position: absolute;
    top: 400px;
    left: 380px;
    z-index: 1;
}

article.node--type-homepage .welcome .right:after {
    content: "";
    display: block;
    width: 190px;
    height: 190px;
    margin: 5px;
    background: bottom center no-repeat url(deco-3.svg);
    background-size: contain;
    position: absolute;
    top: 300px;
    right: -100px;
}

article.node--type-homepage .welcome .field--name-field-hp-images-2x2 .field__item:nth-child(1) {
    top: 0;
    left: 300px;
}

article.node--type-homepage .welcome .field--name-field-hp-images-2x2 .field__item:nth-child(2) {
    top: 300px;
    left: 0;
}

article.node--type-homepage .welcome .field--name-field-hp-images-2x2 .field__item:nth-child(2):before {
    background-image: url(diamond-aqua.png);
}

article.node--type-homepage .welcome .field--name-field-hp-images-2x1 .field__item:nth-child(1) {
    top: 0;
    left: 100px;
}

article.node--type-homepage .welcome .field--name-field-hp-images-2x1 .field__item:nth-child(2) {
    top: 200px;
    left: 500px;
}

article.node--type-homepage .welcome .field--name-field-hp-images-2x1 .field__item:nth-child(2):before {
    background-image: url(rect-aqua.png);
}

article.node--type-homepage .welcome .field--name-field-hp-images-1x1 .field__item:nth-child(1) {
    top: 200px;
    left: 0;
}

article.node--type-homepage .welcome .field--name-field-hp-images-1x1 .field__item:nth-child(2) {
    top: 0;
    left: 0;
}

article.node--type-homepage .welcome .field--name-field-hp-images-1x1 .field__item:nth-child(3) {
    top: 200px;
    left: 200px;
}

article.node--type-homepage .welcome .field--name-field-hp-images-1x1 .field__item:nth-child(4) {
    top: 300px;
    left: 300px;
}

article.node--type-homepage .welcome .field--name-field-hp-images-1x1 .field__item:nth-child(4):before {
    background-image: url(diamond-aqua.png);
}

article.node--type-homepage .welcome .left-left {
    position: absolute;
    top: 220px;
    left: 10%;
}

article.node--type-homepage .welcome .left-left:after {
    content: "";
    display: block;
    width: 190px;
    height: 190px;
    margin: 5px;
    background: bottom center no-repeat url(deco-2.svg);
    background-size: contain;
    position: absolute;
    top: 260px;
    left: -110px;
}

article.node--type-homepage .welcome .field--name-field-hp-images-2x2-2 .field__item:nth-child(1) {
    top: 0;
    right: 100px;
}

article.node--type-homepage .welcome .field--name-field-hp-images-1x1-2 .field__item:nth-child(1) {
    top: 300px;
    right: 100px;
}

article.node--type-homepage .welcome .field--name-field-hp-images-1x1-2 .field__item:nth-child(2) {
    top: 200px;
    right: 0;
}

article.node--type-homepage .welcome .field--name-field-hp-images-1x1-2 .field__item:nth-child(2):before {
    background-image: url(diamond-aqua.png);
}

article.node--type-homepage .about-us {
    font-size: 18px;
    line-height: 2;
    margin: 120px 0;
    background: top 160px center repeat-x url(bg_wave.svg);
}

article.node--type-homepage .about-us .wrapper {
    position: relative;
}

article.node--type-homepage .about-us .field--name-body {
    position: relative;
    z-index: 1;
}

article.node--type-homepage .about-us .field--name-body .field__item * {
    max-width: 580px;
}


article.node--type-homepage .about-us .right {
    position: absolute;
    left: 50%;
    top: 0;
}

article.node--type-homepage .about-us .right:before {
    content: "";
    display: block;
    width: 190px;
    height: 190px;
    margin: 5px;
    background: bottom center no-repeat url(deco-1.svg);
    background-size: contain;
    position: absolute;
    top: 0;
    left: 440px;
    z-index: 1;
}

article.node--type-homepage .about-us .field--name-field-hp-images-about-us .field__item {
    width: 640px;
    height: 640px;
}

article.node--type-homepage .about-us .field--name-field-hp-images-about-us .field__item:before {
    margin-left: -50px;
}

article.node--type-homepage .view-header header {
    padding: 40px 0;
    background: bottom center repeat-x url(bg_wave.svg);
}

article.node--type-homepage .view-header header .wrapper {
    position: relative;
}

article.node--type-homepage .view-header header .wrapper:before {
    content: "";
    display: block;
    width: 175px;
    height: 75px;
    background: center center no-repeat url(/themes/custom/jebsen/img/tri-banner.svg);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}


article.node--type-homepage .our-life .views-row:nth-child(2) {
    margin-top: -100px;
}

article.node--type-homepage > .views-element-container {
    margin: 80px 0;
}

.path-frontpage .field--name-field-hp-images-2x2 .field__item, .path-frontpage .field--name-field-hp-images-2x1 .field__item, .path-frontpage .field--name-field-hp-images-1x1 .field__item, .path-frontpage .field--name-field-hp-images-2x2-2 .field__item, .path-frontpage .field--name-field-hp-images-1x1-2 .field__item, .path-frontpage .field--name-field-hp-images-about-us .field__item, .path-frontpage .view .views-row {
    opacity: 0;
}

.path-frontpage .scrolled-in {
    animation: go_up2 0.65s 0s ease-in-out 1 forwards, fade_in 0.65s 0s ease-in-out 1 forwards;
}

.path-frontpage .field--name-field-hp-images-2x2 .field__item.scrolled-in:nth-child(1) {
    animation: fade_in 0.65s 0s ease-in-out 1 forwards;
}

.path-frontpage .field--name-field-hp-images-2x2 .field__item.scrolled-in:nth-child(2) {
    animation: fade_in 0.65s 0.5s ease-in-out 1 forwards;
}

.path-frontpage .field--name-field-hp-images-2x1 .field__item.scrolled-in:nth-child(1) {
    animation: fade_in 0.65s 0.2s ease-in-out 1 forwards;
}

.path-frontpage .field--name-field-hp-images-2x1 .field__item.scrolled-in:nth-child(2) {
    animation: fade_in 0.65s 0.7s ease-in-out 1 forwards;
}

.path-frontpage .field--name-field-hp-images-1x1 .field__item.scrolled-in:nth-child(1) {
    animation: fade_in 0.65s 0.1s ease-in-out 1 forwards;
}

.path-frontpage .field--name-field-hp-images-1x1 .field__item.scrolled-in:nth-child(2) {
    animation: fade_in 0.65s 0.8s ease-in-out 1 forwards;
}

.path-frontpage .field--name-field-hp-images-1x1 .field__item.scrolled-in:nth-child(3) {
    animation: fade_in 0.65s 0.4s ease-in-out 1 forwards;
}

.path-frontpage .field--name-field-hp-images-1x1 .field__item.scrolled-in:nth-child(4) {
    animation: fade_in 0.65s 1s ease-in-out 1 forwards;
}

.path-frontpage .field--name-field-hp-images-2x2-2 .field__item.scrolled-in:nth-child(1) {
    animation: fade_in 0.65s 0.4s ease-in-out 1 forwards;
}

.path-frontpage .field--name-field-hp-images-1x1-2 .field__item.scrolled-in:nth-child(1) {
    animation: fade_in 0.65s 0.7s ease-in-out 1 forwards;
}

.path-frontpage .field--name-field-hp-images-1x1-2 .field__item.scrolled-in:nth-child(2) {
    animation: fade_in 0.65s 0.9s ease-in-out 1 forwards;
}

.block.page-header .field--name-field-banner-images-2x2 .field__item, .block.page-header .field--name-field-banner-images-1x1 .field__item {
    opacity: 0;
}

.block.page-header .field--name-field-banner-images-2x2 .field__item:nth-child(1) {
    animation: fade_in 0.65s 0s ease-in-out 1 forwards;
}

.block.page-header .field--name-field-banner-images-1x1 .field__item:nth-child(1) {
    animation: fade_in 0.65s 0.5s ease-in-out 1 forwards;
}

.block.page-header .field--name-field-banner-images-1x1 .field__item:nth-child(2) {
    animation: fade_in 0.65s 1s ease-in-out 1 forwards;
}

.page-node-type-job .sticky-header-placeholder {
    background: #EBF5FB;
}

.page-node-type-job article {
    overflow: hidden;
}

.page-node-type-job article header .field__label {
    display: none;
}

.page-node-type-job article header .items {
    margin: 24px 0 0;
    zoom: 1;
}

.page-node-type-job article header .items:before {
    content: '';
    display: block;
}

.page-node-type-job article header .items:after {
    content: '';
    display: table;
    clear: both;
}

.page-node-type-job article header .items .field {
    float: left;
}

.page-node-type-job article header .items .field__items, .page-node-type-job article header .items .field__item {
    display: inline;
}

.page-node-type-job article header .items .field + .field:before {
    content: " | ";
    color: #A8CAE1;
    float: left;
    margin: 0 10px;
}

.page-node-type-job article .a2a_kit {
    display: block;
}

.page-node-type-job article .a2a_kit:before {
    content: "Share: ";
}

html[lang=zh-hans] .page-node-type-job article .a2a_kit:before {
    content: "分享: ";
}

.page-node-type-job article .a2a_kit .a2a_svg {
    margin-right: 5px;
}

.page-node-type-job .field--name-field-job-displayed-job-title {
    font-weight: 700;
    line-height: 1.25;
    font-family: 'Josefin Sans', Arial, "Microsoft JhengHei", "fontawesome", serif;
    font-size: 50px;
    line-height: 1.125;
    text-transform: uppercase;
    color: #00458B;
}

.page-node-type-job .field--name-field-job-displayed-job-title:first-child {
    margin-top: 0;
}

.page-node-type-job .field--name-field-job-displayed-job-title a {
    font-weight: inherit;
    color: inherit;
    text-decoration: none;
}

.page-node-type-job .field--name-field-job-displayed-job-title a:hover {
    text-decoration: underline;
}

.page-node-type-job .field--name-field-job-displayed-job-title strong {
    font-weight: 800;
}

.page-node-type-job .field--name-field-business-line-job-term:after {
    content: "\f275";
    float: left;
    margin-right: 0.5em;
}

.page-node-type-job .field--name-field-location-term:after {
    content: "\f041";
    float: left;
    margin-right: 0.5em;
}

.page-node-type-job .field--name-field-job-description .field__label {
    font-weight: 700;
    line-height: 1.25;
    font-family: 'Josefin Sans', Arial, "Microsoft JhengHei", "fontawesome", serif;
    font-size: 30px;
    text-transform: uppercase;
    margin: 0.5em 0;
    color: #00458B;
}

.page-node-type-job .field--name-field-job-description .field__label:first-child {
    margin-top: 0;
}

.page-node-type-job .field--name-field-job-description .field__label a {
    font-weight: inherit;
    color: inherit;
    text-decoration: none;
}

.page-node-type-job .field--name-field-job-description .field__label a:hover {
    text-decoration: underline;
}

.page-node-type-job .field--name-field-job-description .field__label strong {
    font-weight: 800;
}

.page-node-type-job .success-breeds-success {
    margin: 40px 0;
    padding: 35px 30px;
    background: #EBF5FB;
}

.page-node-type-job .view.job-detail .views-field {
    margin: 0 0 20px;
}

.page-node-type-job .view.job-detail .views-field:before {
    font-size: 1.25em;
    text-align: center;
    color: #00458B;
    vertical-align: middle;
    display: inline-block;
    width: 1.5em;
    margin-right: 0.5em;
}

.page-node-type-job .view.job-detail .views-field .field-content {
    font-weight: 600;
    line-height: 1;
    display: inline;
}

.page-node-type-job .view.job-detail .views-field-field-job-id:before {
    content: "\f05a";
}

.page-node-type-job .view.job-detail .views-field-field-job-date-of-post:before {
    content: "\f073";
}

.page-node-type-job .view.job-detail .views-field-field-location-term:before {
    content: "\f041";
}

.page-node-type-job .view.job-detail .views-field-field-em:before {
    content: "\f0f2";
}

.page-node-type-job .view.job-detail .views-field-field-apply-now a {
    font-family: 'Josefin Sans', Arial, "Microsoft JhengHei", "fontawesome", serif;
    font-size: 15px;
    font-weight: 600;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    color: white;
    display: block;
    padding: 20px;
    background-color: #3FD2C7;
}

.page-node-type-job .view.job-detail-business-line {
    margin: 40px 0;
}

.page-node-type-job .view.job-detail-business-line .views-field-field-image {
    margin: 0 0 1em;
}

.page-node-type-job .view.job-detail-business-line .views-field-field-image img {
    width: 100%;
}

.page-node-type-job .view.job-detail-business-line .views-field-name {
    margin: 0 0 0.5em;
}

.page-node-type-job .view.job-detail-business-line .desc-full {
    display: none;
}

.page-node-type-job .view.job-detail-business-line .show-more {
    font-weight: 700;
    color: #3FD2C7;
    margin: 10px 0;
    cursor: pointer;
}

.page-node-type-job .view.job-detail-business-line .show-more:before {
    content: "MORE";
    vertical-align: middle;
}

html[lang=zh-hans] .page-node-type-job .view.job-detail-business-line .show-more:before {
    content: "更多";
}

html[lang=zh-hant] .page-node-type-job .view.job-detail-business-line .show-more:before {
    content: "更多";
}

.page-node-type-job .view.job-detail-business-line .show-more:after {
    content: "\f13a";
    font-size: 1.25em;
    vertical-align: middle;
    margin: 0 0 0 0.5em;
}

.page-node-type-job .view.job-detail-business-line.toggled .show-more:before {
    content: "LESS";
}

.page-node-type-job .view.job-detail-business-line.toggled html[lang=zh-hans] .show-more:before {
    content: "更少";
}

.page-node-type-job .view.job-detail-business-line.toggled .show-more:after {
    content: '\f139';
}

.view.job .views-row > div {
    font-weight: 700;
    color: #00458B;
    margin: 0 0 30px;
    background: #EBF5FB;
    box-shadow: 0 4px 0 0 #C4DEF0;
    transition: 0.25s ease-out all;
}

.view.job .views-row > div:hover {
    background: #DCEBF4;
}

.view.job .views-row a {
    color: inherit;
}

.view.job .views-row a:hover {
    text-decoration: none;
}


.view.job .views-row .upper {
    height: auto;
    min-height: 140px;
    padding: 15px 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #C4DEF0;
}

.view.job .views-row .lower {
    line-height: 20px;
    padding: 12px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    zoom: 1;
}

.view.job .views-row .lower:before {
    content: '';
    display: block;
}

.view.job .views-row .lower:after {
    content: '';
    display: table;
    clear: both;
}

.view.job .views-row .lower > div {
    display: inline-block;
}

.view.job .views-row .lower > div:before {
    vertical-align: middle;
    margin-right: 0.25em;
}

.view.job .views-row .lower > div + div:after {
    content: " | ";
    color: #C4DEF0;
    margin: 0 10px;
    float: left;
}

.view.job .views-row .business-line:before {
    content: "\f275";
}

.view.job .views-row .location:before {
    content: "\f041";
    font-size: 1.25em;
}

.view.job .views-row .job-id:before {
    content: "\f05a";
    font-size: 1.25em;
}

.view-page.job {
    zoom: 1;
}

.view-page.job:before {
    content: '';
    display: block;
}

.view-page.job:after {
    content: '';
    display: table;
    clear: both;
}

.view-page.job header .wrapper:before {
    background-image: url(/themes/custom/jebsen/img/pages/banner_job.png);
}

body.path-jobs main[role=main] {
    width: auto;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    zoom: 1;
    padding: 0;
}

body.path-jobs main[role=main].no-padding {
    padding: 0;
}

body.path-jobs main[role=main]:before {
    content: '';
    display: block;
}

body.path-jobs main[role=main]:after {
    content: '';
    display: table;
    clear: both;
}

body.path-jobs .layout-sidebar {
    width: 270px;
    margin: 0 15px;
    float: left;
    position: relative;
}

body.path-jobs .layout-sidebar .form-item-combine, body.path-jobs .layout-sidebar .form-item-search-api-fulltext {
    float: none;
    margin: 0 0 20px;
    position: relative;
}

body.path-jobs .layout-sidebar .form-item-combine:before, body.path-jobs .layout-sidebar .form-item-search-api-fulltext:before {
    content: "\f002";
    font-size: 20px;
    line-height: 1;
    color: #00458B;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -0.5em;
}

body.path-jobs .layout-sidebar .form-item-combine label, body.path-jobs .layout-sidebar .form-item-search-api-fulltext label {
    display: none;
}

body.path-jobs .layout-sidebar .form-item-combine .form-text, body.path-jobs .layout-sidebar .form-item-search-api-fulltext .form-text {
    font-size: 14px;
    line-height: 20px;
    text-indent: 20px;
    width: 100%;
    height: 45px;
    padding: 12px;
    border: 1px solid #00458B;
    box-sizing: border-box;
}

body.path-jobs .layout-sidebar .form-item-combine .form-text::-webkit-input-placeholder, body.path-jobs .layout-sidebar .form-item-search-api-fulltext .form-text::-webkit-input-placeholder {
    color: rgba(0, 69, 139, 0.6);
}

body.path-jobs .layout-sidebar .form-item-combine .form-text:-moz-placeholder, body.path-jobs .layout-sidebar .form-item-search-api-fulltext .form-text:-moz-placeholder {
    color: rgba(0, 69, 139, 0.6);
}

body.path-jobs .layout-sidebar .form-item-combine .form-text::-moz-placeholder, body.path-jobs .layout-sidebar .form-item-search-api-fulltext .form-text::-moz-placeholder {
    color: rgba(0, 69, 139, 0.6);
}

body.path-jobs .layout-sidebar .form-item-combine .form-text:-ms-input-placeholder, body.path-jobs .layout-sidebar .form-item-search-api-fulltext .form-text:-ms-input-placeholder {
    color: rgba(0, 69, 139, 0.6);
}

body.path-jobs .layout-sidebar .form-item-combine .form-text:-moz-placeholder, body.path-jobs .layout-sidebar .form-item-search-api-fulltext .form-text:-moz-placeholder {
    color: rgba(0, 69, 139, 0.6);
}

body.path-jobs .layout-sidebar .form-item-combine .form-text:-ms-input-placeholder, body.path-jobs .layout-sidebar .form-item-search-api-fulltext .form-text:-ms-input-placeholder {
    color: rgba(0, 69, 139, 0.6);
}

body.path-jobs .layout-sidebar .form-item-combine .form-text::-webkit-input-placeholder, body.path-jobs .layout-sidebar .form-item-search-api-fulltext .form-text::-webkit-input-placeholder {
    color: rgba(0, 69, 139, 0.6);
}

body.path-jobs .layout-sidebar .form-submit {
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    color: white;
    height: 45px;
    padding: 12px;
    border: none;
    background: #00458B;
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    -webkit-appearance: none;
    transition: 0.25s ease-out all;
}

body.path-jobs .layout-sidebar .form-submit:hover {
    background: #1279E1;
}

body.path-jobs .layout-sidebar .icheckbox, body.path-jobs .layout-sidebar .iradio {
    float: left;
}

body.path-jobs .layout-sidebar .icheckbox + *, body.path-jobs .layout-sidebar .iradio + * {
    margin-left: 30px;
    display: block;
}

body.path-jobs .layout-sidebar .header {
    margin: 24px 0;
    zoom: 1;
}

body.path-jobs .layout-sidebar .header:before {
    content: '';
    display: block;
}

body.path-jobs .layout-sidebar .header:after {
    content: '';
    display: table;
    clear: both;
}

body.path-jobs .layout-sidebar .header .label {
    float: left;
}

body.path-jobs .layout-sidebar .header .label:before {
    content: "\f0b0";
    font-size: 28px;
    font-weight: 400;
    color: #00458B;
    margin-right: 0.25em;
}

body.path-jobs .layout-sidebar .header .label:after {
    content: "FILTER";
    font-family: 'Josefin Sans', Arial, "Microsoft JhengHei", "fontawesome", serif;
    font-size: 24px;
    font-weight: bold;
    color: #00458B;
}

[lang="zh-hans"] body.path-jobs .layout-sidebar .header .label:after {
    content: "筛选职位";
}

[lang="zh-hant"] body.path-jobs .layout-sidebar .header .label:after {
    content: "篩選職位";
}

body.path-jobs .layout-sidebar .header .clear {
    float: right;
    margin: 10px 0;
    color: #3FD2C7;
    cursor: pointer;
    transition: 0.25s ease-out all;
}

body.path-jobs .layout-sidebar .header .clear:before {
    content: "CLEAR ALL";
    font-size: 14px;
    font-weight: bold;
    color: inherit;
}

body.path-jobs .layout-sidebar .header .clear:hover {
    color: #44EBDE;
}

[lang="zh-hans"] body.path-jobs .layout-sidebar .header .clear:before {
    content: "清除所有";
}

[lang="zh-hant"] body.path-jobs .layout-sidebar .header .clear:before {
    content: "清除所有";
}

body.path-jobs .layout-sidebar .filter-toggle {
    text-align: center;
    display: none;
    margin: 20px auto;
}

body.path-jobs .layout-sidebar .filter-toggle:before {
    content: "\f0b0";
    font-size: 20px;
    font-weight: 400;
    color: #3FD2C7;
    margin-right: 0.25em;
}

body.path-jobs .layout-sidebar .filter-toggle:after {
    content: "FILTER JOBS";
    font-family: 'Josefin Sans', Arial, "Microsoft JhengHei", "fontawesome", serif;
    font-size: 16px;
    font-weight: bold;
    color: #3FD2C7;
}

[lang="zh-hans"] body.path-jobs .layout-sidebar .filter-toggle:after {
    content: "筛选职位";
}

[lang="zh-hant"] body.path-jobs .layout-sidebar .filter-toggle:after {
    content: "篩選職位";
}

body.path-jobs .layout-sidebar .jobs-sidebar-block {
    background: center center no-repeat url(/themes/custom/jebsen/img/pages/side_bg.jpg);
    background-size: cover;
    background-color: #3FD2C7;
    padding: 24px 12px;
}

body.path-jobs .layout-sidebar .jobs-sidebar-block .field--name-field-title {
    font-family: 'Josefin Sans', Arial, "Microsoft JhengHei", "fontawesome", serif;
    font-size: 26px;
    line-height: 1.2;
    color: white;
    padding: 16px 0 30px;
    font-weight: 600;
}

body.path-jobs .layout-sidebar .jobs-sidebar-block .field--name-field-button-link a {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Josefin Sans', Arial, "Microsoft JhengHei", "fontawesome", serif;
    width: 100%;
    color: white;
    background-color: #00458B;
    border: 2px solid white;
    text-transform: uppercase;
    padding: 12px;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 600;
}

body.path-jobs .layout-sidebar .jobs-sidebar-block .field--name-field-button-link a:after {
    content: "\f178";
    font-weight: 400;
    margin: 0 0 0 auto;
    padding: 0 0 0 0.5em;
}

body.path-jobs .layout-sidebar .jobs-sidebar-block .field--name-field-button-link a:hover {
    text-decoration: none;
    background-color: white;
    color: #00458B;
}

body.path-jobs .layout-content {
    margin: 0 15px 0 315px;
}

body.path-jobs .filters {
    border-top: 1px solid #C4DEF0;
}

body.path-jobs .block-facets {
    padding: 10px 4px;
    border-bottom: 1px solid #C4DEF0;
}




body.path-jobs .block-facets.clicked .show-more {
    display: none;
}

body.path-jobs .block-facets ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.path-jobs .block-facets ul li {
    margin: 10px 0;
}

body.path-jobs .block-facets .facets-widget-checkbox {
    margin: 16px 0;
}

body.path-jobs .block-facets .facet-item label {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #00458B;
}

body.path-jobs .block-facets .show-more {
    font-weight: 700;
    color: #3FD2C7;
    margin: 10px 0;
    cursor: pointer;
}

body.path-jobs .block-facets .show-more:before {
    content: "MORE";
    vertical-align: middle;
}

html[lang=zh-hans] body.path-jobs .block-facets .show-more:before {
    content: "更多";
}

body.path-jobs .block-facets .show-more:after {
    content: "\f055";
    font-size: 1.25em;
    vertical-align: middle;
    margin: 0 0.5em 0 0;
    float: left;
}

body.path-jobs .block-facets.expanded .show-more:before {
    content: "LESS";
}

body.path-jobs .block-facets.expanded html[lang=zh-hans] .show-more:before {
    content: "更少";
}

body.path-jobs .block-facets.expanded .show-more:after {
    content: '\f056';
}

body.path-jobs .block-facets.block-facet-blocklocation .facets-widget-checkbox {
    width: 100%;
    height: auto;
    max-height: 140px;
    overflow: hidden;
}

body.path-jobs .block-facets.block-facet-blocklocation.expanded .facets-widget-checkbox {
    max-height: none;
}

.view.related-jobs {
    margin: 40px auto;
}

.view.related-jobs .view-header {
    padding: 40px 0;
    background: center center repeat-x url(bg_wave.svg);
}


.view.related-jobs .view-content > div {
    width: auto;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    zoom: 1;
}

.view.related-jobs .view-content > div.no-padding {
    padding: 0;
}

.view.related-jobs .view-content > div:before {
    content: '';
    display: block;
}

.view.related-jobs .view-content > div:after {
    content: '';
    display: table;
    clear: both;
}

.view.related-jobs .views-row {
    float: left;
    width: 33.33%;
    padding: 15px;
    box-sizing: border-box;
}


.view.related-jobs .views-row .lower {
    font-size: 13px;
}

.view.related-jobs .view-footer {
    text-align: center;
}

.page-node-type-our-story .sticky-header-placeholder {
    background: #EBF5FB;
}

.page-node-type-our-story article > header {
    margin: 0 0 30px;
    padding: 0 0 60px;
}

.page-node-type-our-story article > header > div {
    margin-bottom: 100px;
}

.page-node-type-our-story .field--name-field-business-line-term {
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
}

.page-node-type-our-story .field--name-field-business-line-term:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    margin: 0 0.5em 0 0;
    border-top: 1.2em solid transparent;
    border-bottom: 1.2em solid transparent;
    border-left: 1.2em solid #00458B;
}

.page-node-type-our-story .field--name-field-business-line-term .field__item {
    display: inline-block;
    vertical-align: middle;
}

.page-node-type-our-story .field--name-field-hash-tag {
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 24px 0 0;
    zoom: 1;
}

.page-node-type-our-story .field--name-field-hash-tag:before {
    content: '';
    display: block;
}

.page-node-type-our-story .field--name-field-hash-tag:after {
    content: '';
    display: table;
    clear: both;
}

.page-node-type-our-story .field--name-field-hash-tag .field__item {
    float: left;
}

.page-node-type-our-story .field--name-field-hash-tag .field__item:before {
    content: "#";
}

.page-node-type-our-story .field--name-field-hash-tag .field__item + .field__item {
    margin-left: 1em;
}

.page-node-type-our-story .field--name-field-image {
    margin: -90px 0 0;
}

.page-node-type-our-story .field--name-field-image img {
    display: block;
}

.page-node-type-our-story .field--name-field-name-position {
    font-weight: 900;
    line-height: 1;
    margin: 1em 0;
}

.page-node-type-our-story .field--name-field-describing-yourself {
    padding: 20px;
    background: #EBF5FB;
    box-shadow: 0 4px 0 0 #C4DEF0;
    overflow: hidden;
}

.page-node-type-our-story .field--name-field-describing-yourself .field__label {
    font-weight: 700;
    line-height: 1.25;
    font-family: 'Josefin Sans', Arial, "Microsoft JhengHei", "fontawesome", serif;
    font-size: 20px;
    text-transform: uppercase;
    margin: 0 0 0.5em;
    color: #00458B;
}

.page-node-type-our-story .field--name-field-describing-yourself .field__label:first-child {
    margin-top: 0;
}

.page-node-type-our-story .field--name-field-describing-yourself .field__label a {
    font-weight: inherit;
    color: inherit;
    text-decoration: none;
}

.page-node-type-our-story .field--name-field-describing-yourself .field__label a:hover {
    text-decoration: underline;
}

.page-node-type-our-story .field--name-field-describing-yourself .field__label strong {
    font-weight: 800;
}

.ajax-progress-fullscreen {
    position: static !important;
}

.view.our-stories .view-content {
    width: auto;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    zoom: 1;
}

.view.our-stories .view-content.no-padding {
    padding: 0;
}

.view.our-stories .view-content:before {
    content: '';
    display: block;
}

.view.our-stories .view-content:after {
    content: '';
    display: table;
    clear: both;
}

.view.our-stories .view-content a {
    color: inherit;
    text-decoration: none;
}

.view.our-stories .content {
    overflow: hidden;
    background: rgba(84, 197, 255, 0.9);
    border-bottom: 4px solid #6A99C2;
    position: relative;
}

.view.our-stories .content > div {
    color: white;
    margin: 45px;
}

.view.our-stories .content .read-more {
    color: white;
    border-color: white;
}

.view.our-stories .content .read-more:hover {
    background: white;
    color: #54C5FF;
}

.view.our-stories .views-row {
    float: left;
    width: 50%;
    padding: 45px 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.view.our-stories .views-row .content {
    margin: -20px 20px 0 -20px;
}

.view.our-stories .views-row:nth-child(odd) .content {
    margin: -20px -20px 0 20px;
}

.view.our-stories .block-image {
    background: #dddddd;
}

.view.our-stories .view-filters {
    width: auto;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 40px auto;
}

.view.our-stories .view-filters.no-padding {
    padding: 0;
}

.view.our-stories .view-filters .bef-exposed-form .form--inline > .form-item {
    float: none;
}

.view.our-stories .view-filters .form-item-field-business-line-term-target-id {
    text-align: center;
}

.view.our-stories .view-filters .form-item-field-business-line-term-target-id label, .view.our-stories .view-filters .form-item-field-business-line-term-target-id input, .view.our-stories .view-filters .form-item-field-business-line-term-target-id .iradio {
    display: none;
}

.view.our-stories .view-filters .form-item-field-business-line-term-target-id .bef-links > div {
    display: inline-block;
}

.view.our-stories .view-filters .form-item-field-business-line-term-target-id .bef-links a {
    font-family: 'Josefin Sans', Arial, "Microsoft JhengHei", "fontawesome", serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 50px;
    text-transform: uppercase;
    color: #5B5B5B;
    display: inline-block;
    padding: 0 1em;
    transition: 0.25s ease-out all;
}

.view.our-stories .view-filters .form-item-field-business-line-term-target-id a.bef-link-active {
    background: #3FD2C7;
    color: white;
}

.view.our-stories .view-filters .form-item-field-business-line-term-target-id-1 {
    width: 220px;
    margin: 0 auto;
    position: relative;
    display: none;
}

.view.our-stories .view-filters .form-item-field-business-line-term-target-id-1 label {
    display: none;
}

.view.our-stories .view-filters .form-item-field-business-line-term-target-id-1:after {
    content: "\f107";
    display: inline;
    font-size: 1.5em;
    line-height: 1;
    color: white;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
}

.view.our-stories .view-filters .form-item-field-business-line-term-target-id-1 select {
    font-family: 'Josefin Sans', Arial, "Microsoft JhengHei", "fontawesome", serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 50px;
    text-transform: uppercase;
    display: block;
    width: 100%;
    padding: 0 1em;
    border: none;
    outline: none;
    transition: 0.25s ease-out all;
    background: #3FD2C7;
    color: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.view.our-stories .view-filters .form-item-field-business-line-term-target-id-1 select::-ms-expand {
    display: none;
}

.view.our-stories .view-filters .form-item-field-hash-tag-target-id {
    text-align: center;
    text-transform: uppercase;
}

.view.our-stories .view-filters .form-item-field-hash-tag-target-id label, .view.our-stories .view-filters .form-item-field-hash-tag-target-id select {
    display: inline-block;
    vertical-align: middle;
}

.view.our-stories .view-filters .form-item-field-hash-tag-target-id label, .view.our-stories .view-filters .form-item-field-hash-tag-target-id .field-suffix {
    font-weight: 800;
    color: #00458B;
}

.view.our-stories .view-filters .form-item-field-hash-tag-target-id select {
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.view.our-stories .view-filters .form-item-field-hash-tag-target-id select::-ms-expand {
    display: none;
}

.view.our-stories .view-filters .form-item-field-hash-tag-target-id option:selected, .view.our-stories .view-filters .form-item-field-hash-tag-target-id option[selected], .view.our-stories .view-filters .form-item-field-hash-tag-target-id select:focus option, .view.our-stories .view-filters .form-item-field-hash-tag-target-id select:active option, .view.our-stories .view-filters .form-item-field-hash-tag-target-id select.clicked option {
    display: block;
}

.view.our-stories .view-filters .form-item-field-hash-tag-target-id .tmp-select {
    font-weight: 700;
    display: inline-block;
}

.view.our-stories .view-filters .form-item-field-hash-tag-target-id .select-wrapper {
    display: inline-block;
    border-bottom: 2px solid #3FD2C7;
    color: #3FD2C7;
}

.view.our-stories .view-filters .form-item-field-hash-tag-target-id .fa {
    font-weight: 700;
    margin: 0 0 0 4px;
}

.view.our-stories .business-line {
    font-family: 'Josefin Sans', Arial, "Microsoft JhengHei", "fontawesome", serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #00458B;
}

.view.our-stories .business-line:before {
    content: "";
    width: 0;
    height: 0;
    margin: -2px 0 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #00458B;
    position: absolute;
    left: 0;
}

.view.our-stories .title {
    font-family: 'Josefin Sans', Arial, "Microsoft JhengHei", "fontawesome", serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.125;
    text-transform: uppercase;
    margin: 10px 0;
}

.view.our-stories .hash-tag {
    font-weight: 900;
    text-transform: uppercase;
    margin: 20px 0;
}

.view.our-stories .hash-tag ul {
    list-style: none;
    margin: 20px 0;
    padding: 0;
}

.view.our-stories .hash-tag li {
    display: inline-block;
    margin: 0 0.5em 0 0;
}

.view.our-stories .hash-tag li:before {
    content: "#";
}

.view.our-stories .body {
    font-size: 14px;
    margin: 20px 0;
}

.view.our-stories .name {
    font-weight: 700;
    text-transform: uppercase;
}

.view.our-stories .view-footer {
    text-align: center;
}

.view-page.our-stories header .wrapper:before {
    background-image: url(/themes/custom/jebsen/img/pages/banner_stories.png);
}

.view.more-stories {
    margin: 40px auto;
}

.view.more-stories .view-header {
    padding: 40px 0;
    background: center center repeat-x url(bg_wave.svg);
}

.view.more-stories .view-content > div {
    zoom: 1;
}

.view.more-stories .view-content > div:before {
    content: '';
    display: block;
}

.view.more-stories .view-content > div:after {
    content: '';
    display: table;
    clear: both;
}

.view.more-stories .views-row {
    width: 33.33%;
    padding: 0 15px;
    box-sizing: border-box;
}

.view.more-stories .views-row .content {
    margin: -20px 0 0 20px;
}

.view.more-stories .views-row .content > div {
    margin: 30px 20px;
}

.view.more-stories .views-row:nth-child(odd) .content {
    margin: -20px 0 0 20px;
}

.view.more-stories .block-image {
    margin-right: 20px;
    background: #dddddd;
}

.page-node-type-our-life .sticky-header-placeholder {
    background: #EBF5FB;
}

.page-node-type-our-life article header {
    padding: 0 0 50px;
}

.page-node-type-our-life article header .wrapper {
    max-width: 900px;
}

.page-node-type-our-life article header .wrapper:before {
    right: -150px;
}


.page-node-type-our-life article .field--name-field-images {
    margin: -100px 0 0;
}

.page-node-type-our-life article .field--name-field-images img {
    display: block;
}

.page-node-type-our-life article .field--name-field-other-images {
    margin: 0 -15px;
    zoom: 1;
}

.page-node-type-our-life article .field--name-field-other-images:before {
    content: '';
    display: block;
}

.page-node-type-our-life article .field--name-field-other-images:after {
    content: '';
    display: table;
    clear: both;
}

.page-node-type-our-life article .field--name-field-other-images .field__item {
    float: left;
    margin: 15px;
}

.view.our-life .view-content {
    width: auto;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 35px 0 0;
}

.view.our-life .view-content.no-padding {
    padding: 0;
}

.view.our-life .views-row {
    width: 50%;
    padding: 15px;
    box-sizing: border-box;
}

.view.our-life .views-row a {
    display: block;
    position: relative;
}

.view.our-life .views-row:first-child {
    margin-top: -35px;
}

.view.our-life .views-row img {
    display: block;
}

.view.our-life .views-row .image:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180.81deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 73.04%, #000000 100%);
}

.view.our-life .views-row .content {
    color: white;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 20px;
}


.view.our-life .views-row .date {
    font-size: 14px;
    margin: 10px 0 0;
}

.view.our-life .views-row:nth-child(even) > a {
    width: 82%;
}

.view.our-life .views-row:nth-child(even)[style*="left:0px"] > a, .view.our-life .views-row:nth-child(even)[style*="left: 0px"] > a {
    margin-left: 18%;
}

.view.our-life .view-footer {
    text-align: center;
}

.view-page.our-life header .wrapper:before {
    background-image: url(/themes/custom/jebsen/img/pages/banner_life.png);
}

.page-node-type-page .sticky-header-placeholder {
    background: #EBF5FB;
}


.block.menu-legal-notice {
    margin: 0 auto 50px;
}

.block.menu-legal-notice ul.menu {
    zoom: 1;
}

.block.menu-legal-notice ul.menu:before {
    content: '';
    display: block;
}

.block.menu-legal-notice ul.menu:after {
    content: '';
    display: table;
    clear: both;
}

.block.menu-legal-notice ul.menu li {
    width: 33.33%;
    float: left;
}

.block.menu-legal-notice ul.menu li > a {
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4em;
    margin: 0 0 0 -1px;
    padding: 1em;
    border: 1px solid #ddd;
}

.block.menu-legal-notice ul.menu li .is-active {
    background: #00458B;
    color: white;
}

.tabs.primary, .tabs.secondary {
    font-size: 10px;
    color: #5B5B5B;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    list-style: none;
    border-bottom: 1px solid #dddddd;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    z-index: 10;
}

body.not-logged-in .tabs.primary, body.not-logged-in .tabs.secondary {
    display: none;
}

.tabs.primary a, .tabs.secondary a {
    text-align: center;
    text-decoration: none;
    line-height: 1.5em;
    color: inherit;
    display: block;
    padding: 0 1em;
    background: #dddddd;
    transition: 0.25s ease-out all;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

.tabs.primary a:hover, .tabs.secondary a:hover, .tabs.primary a:focus, .tabs.secondary a:focus {
    background: #5B5B5B;
    color: white;
}

.tabs.primary a.active, .tabs.secondary a.active, .tabs.primary a.is-active, .tabs.secondary a.is-active {
    background: #2299dd;
    color: white;
}

.tabs.primary {
    right: 1em;
}

.tabs.secondary {
    left: 1em;
}

@media only screen and (min-width: 1025px) {

    article.node--type-homepage .our-stories > .view-content .views-row:nth-child(1) {
        margin-top: -40px;
    }

    .view.more-stories {
        margin: 80px auto;
    }

    .view.related-jobs {
        margin: 80px auto;
    }

    .view.our-stories div.view-header .views-row, .view.our-stories .attachment-before .views-row {
        width: 100%;
        margin: 0 0 50px;
        padding: 20px;
    }

    .view.our-stories div.view-header .views-row .block-image, .view.our-stories .attachment-before .views-row .block-image {
        width: 54.167%;
        margin: 20px 0 20px 20px;
        background: #dddddd;
        float: left;
    }

    .view.our-stories div.view-header .views-row .content, .view.our-stories .attachment-before .views-row .content {
        margin: 0 0 0 54.167%;
        position: relative;
        left: -20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .view.our-stories div.view-header .title, .view.our-stories .attachment-before .title {
        font-size: 35px;
    }

    .view.our-stories div.view-header .business-line:before, .view.our-stories .attachment-before .business-line:before {
        margin: -8px 0 0;
        border-width: 20px;
    }

    .view-page.our-stories > .view-content .views-row:first-child {
        margin-top: -40px;
    }

    body.path-jobs .block-facets .facet-item label {
        white-space: nowrap;
    }
}

body.toolbar-vertical {
    margin-left: 0 !important;
    padding-top: 0 !important;
}

body.toolbar-vertical #toolbar-administration {
    display: none !important;
}

@media only screen and (max-width: 1024px) {

    .wrapper {
        padding: 0 40px;
    }

    #header > .wrapper {
        padding: 0 40px;
    }

    .menu--main ul.menu li {
        margin: 0 12px;
    }

    .menu--main ul.menu li > a {
        font-size: 15px;
    }

    .region--header .block {
        margin: 25px 0;
    }

    .sticky-header-placeholder {
        height: 138px;
    }

    #logo img {
        height: 70px;
        margin: 10px 0;
    }

    article.node > header {
        min-height: 0;
        background-position: center center;
    }

    article.node > header .wrapper {
        margin: 25px auto;
    }

    article.node > header .wrapper:before {
        display: none;
    }

    article.node aside {
        width: 210px;
    }

    article.node aside + main {
        font-size: 16px;
        margin-right: 250px;
    }

    .block.page-header {
        min-height: 0;
        background-position: center center;
    }

    .block.page-header:before {
        content: "";
        display: block;
        width: 175px;
        height: 75px;
        background: center center no-repeat url(/themes/custom/jebsen/img/tri-banner.svg);
        position: absolute;
        top: 50%;
        right: 0;
        margin: 0 20px;
        transform: translate(0, -50%);
    }

    .block.page-header > div:before, .block.page-header > div:after {
        display: none;
    }

    .block.page-header .field--type-image {
        display: none;
    }


    article.node--type-homepage .welcome {
        min-height: 0;
        margin: -15px 0 40px;
        background-position: top 340px center;
    }

    article.node--type-homepage .welcome .right {
        transform: scale(0.75);
        transform-origin: left top;
    }


    article.node--type-homepage .welcome .left-left {
        top: 160px;
    }

    article.node--type-homepage .about-us p {
        width: calc(100% - 420px);
    }


    article.node--type-homepage > .views-element-container {
        margin: 40px 0;
    }

    .view.our-stories .view-filters {
        margin-top: 0;
    }

    .view.our-stories div.view-content:after {
        display: none;
    }

    .view.our-stories div.view-content .views-row {
        width: auto;
        margin: 30px;
        padding: 0;
        float: none;
    }

    .view.our-stories div.view-content .views-row .block-image {
        width: auto;
        height: auto;
        margin: 0;
        float: none;
    }

    .view.our-stories div.view-content .views-row .block-image img {
        width: 100%;
        display: block;
    }

    .view.our-stories div.view-content .views-row .content {
        min-height: 0;
    }

    .view.our-stories div.view-content .views-row .content > div {
        margin: 20px 15px;
    }

    .view.our-stories div.view-content .views-row .read-more {
        display: none;
    }

    .view.our-stories div.view-content .title {
        font-size: 25px;
    }

    article.node--type-our-story .field--name-field-business-line-term, article.node--type-our-story .field--name-field-hash-tag {
        font-size: 16px;
    }

    article.node--type-our-story > .wrapper {
        display: flex;
        flex-direction: column;
    }

    article.node--type-our-story aside {
        order: 2;
    }

    article.node--type-our-story aside, article.node--type-our-story aside + main {
        width: auto;
        float: none;
        margin: 0;
    }

    article.node--type-our-life header {
        text-align: center;
    }

    article.node--type-our-life .field--name-field-other-images .field__item {
        float: none;
    }

    article.node--type-our-life .field--name-field-other-images .field__item img {
        width: 100%;
    }

    .page-node-type-job .field--name-field-job-displayed-job-title {
        font-size: 40px;
    }

    .page-node-type-job .field--name-field-job-description .field__label {
        font-size: 25px;
    }

    .page-node-type-job .success-breeds-success {
        margin: 40px -15px;
    }

    .view-header header > div, .view-content > div, .view-footer > div {
        width: auto;
        max-width: 570px;
        margin: 0 auto;
    }

    .view.job .views-row .lower {
        font-size: 13px;
    }

    .view.job .views-row .lower > div + div:after {
        margin: 0 0.5em;
    }

    .view.related-jobs .view-content > div {
        max-width: 570px;
    }

    .view.related-jobs .views-row {
        width: auto;
        float: none;
    }

    .view.our-life .view-content {
        padding: 0;
    }

    .view.our-life .views-row {
        margin: 0 !important;
        padding: 15px !important;
    }

    .view.our-life .views-row > a {
        width: auto !important;
        margin: 0 !important;
    }

    body.path-jobs main[role=main] {
        max-width: 720px;
        margin: 0 auto;
    }

    body.path-jobs .layout-sidebar {
        width: 210px;
    }

    body.path-jobs .layout-content {
        font-size: 16px;
        margin-left: 255px;
    }

    .masonry {
        height: auto !important;
    }

    .masonry .views-row {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        width: auto !important;
        transform: none !important;
    }

    footer.footer {
        text-align: center;
    }

    footer.footer .logo {
        float: none;
        display: block;
        margin: 0 auto;
    }

    footer.footer ul.menu {
        text-align: center;
    }

    footer.footer ul.menu:after {
        display: none;
    }

    footer.footer ul.menu li {
        float: none;
        margin: 24px 0;
    }

    footer.footer ul.menu li:before {
        display: none;
    }

    footer.footer .footer-links {
        float: none;
    }

    footer.footer .footer-social-links {
        float: none;
    }
}

@media only screen and (max-width: 640px) and (orientation: portrait) {
    .wrapper {
        padding: 0 15px;
    }

    #header > .wrapper {
        padding: 0 15px;
    }

    #header .hamburger:before {
         text-align: center;
        content: "\f007";
        font-size: 30px;
        font-family: 'FontAwesome';
        font-weight: 400;
        line-height: 1;
        color: #000000;
        margin: 25px 0;
        display: block;
        float: right;
        width: 42px;
        position: relative;
        /* left: 10px; */
        top: 7px;
        left: 10px;
        z-index: 998;
    }

    .sticky-header-placeholder {
        height: 80px;
    }

    #logo img {
        height: 70px;
        margin: 5px 0;
    }

    .region--header {
        float: none;
    }

    .region--header > div {
        position: fixed;
        top: 0;
        right: 0;
        width: 335px;
        max-width: 75%;
        height: 100%;
        padding: 100px 30px;
        background: #eaeaea;
        z-index: 999;
        transform: translate(100%, 0);
        transition: 0.25s ease-out transform;
        box-sizing: border-box;
        overflow: hidden;
    }

    .region--header .close {
        position: absolute;
        right: 0;
        top: 0;
        width: 32px;
        height: 32px;
        margin: 30px;
        z-index: 7999;
    }

    .region--header .close:before, .region--header .close:after {
        content: '';
        position: absolute;
        left: 15px;
        height: 33px;
        width: 3px;
        background-color: #00458B;
    }

    .region--header .close:before {
        transform: rotate(45deg);
    }

    .region--header .close:after {
        transform: rotate(-45deg);
    }

    .region--header .block {
        float: none;
    }

    .mobile-menu-on .region--header:before {
        content: "";
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.8);
        z-index: 998;
    }

    .mobile-menu-on .region--header > div {
        transform: translate(0, 0);
    }

    .region--header ul.menu {
        float: none;
    }

    .region--header ul.menu li {
        float: none;
        margin: 0;
    }

    .region--header ul.menu li > a {
        font-size: 24px;
        text-align: left;
        margin: 1em 0;
        padding: 0;
    }

    .region--header ul.menu a.find-a-job {
        font-size: 15px;
        text-align: center;
        width: auto;
        padding: 25px;
    }

    .region--header .block-language {
        z-index: 1;
    }

    .region--header .block-language .switcher {
        display: none;
    }

    .region--header .block-language ul.links {
        display: block;
        width: auto;
        min-width: 0;
        padding: 0;
        box-shadow: none;
        position: static;
        zoom: 1;
    }

    .region--header .block-language ul.links:before {
        content: '';
        display: block;
    }

    .region--header .block-language ul.links:after {
        content: '';
        display: table;
        clear: both;
    }

    .region--header .block-language ul.links li {
        float: left;
        margin-right: 1em;
    }

    .region--header .block-language ul.links a {
        font-size: 20px;
        margin: 0;
    }

    .block.page-header:before {
        width: 90px;
        height: 90px;
        background-size: contain;
    }

    article.node--type-homepage .welcome {
        background-position: top 320px center;
    }

    article.node--type-homepage .welcome .wrapper {
        padding: 0;
    }

    article.node--type-homepage .welcome .right {
        position: static;
        margin: 0 15px;
        transform: scale(0.6);
        transform-origin: left top;
    }

    article.node--type-homepage .welcome .left {
        position: relative;
        top: -58px;
    }


    article.node--type-homepage .welcome .left-left {
        display: none;
    }

    article.node--type-homepage .about-us {
        margin: 40px 0;
        padding: 0;
        background-position: top 360px center;
    }

    article.node--type-homepage .about-us p {
        width: auto;
    }

    article.node--type-homepage .about-us .right {
        margin: 20px 0;
        position: static;
    }

    article.node--type-homepage .about-us .right:before {
        width: 90px;
        height: 90px;
        left: auto;
        right: 0;
        margin: 15px;
    }

    article.node--type-homepage .about-us .right .field__item {
        position: relative;
        width: 100%;
        height: auto;
        margin-left: 5px;
    }


    article.node--type-homepage .about-us p.link {
        text-align: center;
    }

    article.node > .wrapper {
        display: flex;
        flex-direction: column;
    }

    article.node aside {
        order: 2;
        float: none;
        width: auto;
        padding: 0;
    }

    article.node aside + main {
        float: none;
        margin: 0;
    }

    article.node main {
        font-size: 15px;
    }

    article.node blockquote {
        margin: 1.5em 15px;
        padding-left: 40px;
        background-size: 30px;
    }

    .page-node-type-job .field--name-field-job-displayed-job-title {
        font-size: 25px;
    }

    .page-node-type-job .field--name-field-job-description .field__label {
        font-size: 20px;
    }

    .page-node-type-job .success-breeds-success {
        margin: 40px -15px;
    }

    .page-node-type-job .a2a_kit .a2a_svg {
        max-width: 28px;
        max-height: 28px;
    }

    .page-node-type-job .view.job-detail .views-field {
        margin: 0 0 10px;
    }

    .view.our-stories div.view-content .views-row {
        margin: 15px;
    }

    .view.our-stories .view-filters .form-item-field-business-line-term-target-id {
        display: none;
    }

    .view.our-stories .view-filters .form-item-field-business-line-term-target-id-1 {
        display: block;
    }

    .view.our-stories .content {
        margin: 0 !important;
    }

    body.path-jobs main[role=main] {
        flex-direction: column;
    }

    body.path-jobs .layout-sidebar {
        width: auto;
        float: none;
    }

    body.path-jobs .layout-sidebar .filter-toggle {
        display: block;
    }

    body.path-jobs .layout-content {
        max-width: none;
        float: none;
        margin: 0 15px;
    }

    body.path-jobs .advanced-filters > div {
        position: fixed;
        top: 0;
        left: 0;
        width: 335px;
        max-width: 75%;
        height: 100%;
        padding: 100px 30px;
        background: white;
        z-index: 999;
        transform: translate(-100%, 0);
        transition: 0.25s ease-out transform;
        overflow: auto;
        box-sizing: border-box;
    }

    body.path-jobs .advanced-filters .header {
        margin-top: 0;
    }

    body.path-jobs .advanced-filters .close {
        position: absolute;
        right: 0;
        top: 0;
        width: 32px;
        height: 32px;
        margin: 30px;
    }

    body.path-jobs .advanced-filters .close:before, body.path-jobs .advanced-filters .close:after {
        content: '';
        position: absolute;
        left: 15px;
        height: 33px;
        width: 3px;
        background-color: #00458B;
    }

    body.path-jobs .advanced-filters .close:before {
        transform: rotate(45deg);
    }

    body.path-jobs .advanced-filters .close:after {
        transform: rotate(-45deg);
    }

    body.path-jobs.mobile-job-filter-on .advanced-filters:before {
        content: "";
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.8);
        z-index: 998;
    }

    body.path-jobs.mobile-job-filter-on .advanced-filters > div {
        transform: translate(0, 0);
    }

    .view.job .views-row .lower {
        font-size: 12px;
    }

    .block.menu-legal-notice ul.menu li {
        width: auto;
        float: none;
    }

    .block.menu-legal-notice ul.menu li > a {
        font-size: 14px;
        line-height: 1.25;
        height: 3em;
        margin: -1px 0 0;
    }

    footer.footer {
        margin: 0;
    }
}

.mobile-menu-on .region--header:before {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 998;
}

.menu-item-small a {margin:0;padding-top:0.2em;font-size: 10px !important;}ul.menu a.is-active{color:#000;}