/* #region - reset */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

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

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

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

/* #endregion */
/* #region - global */

*,
*::before,
*::after {
    box-sizing: border-box;
}

:root {
    /* colors */
    --c-black: #000000;
    --c-baltic-sea: #1A181B;
    --c-dove-gray: #666;
    --c-nobel: #B4B4B4;
    --c-mercury: #E6E6E6;
    --c-wild-sand: #F6F6F6;
    --c-white: #FFFFFF;
    --c-blue-stone: #0057b8;
    --c-surfie-green: #0057b8;
    --c-teal: #00837B;
    --c-turquoise: #0090da;
    --c-orient: #5461c8;
    --c-cerulean: #0090DA;
    --c-claret: #8A1539;
    --c-salmon: #FF8674;
    --c-bright-red: #B50000;
    --c-bizarre: #EFDFDF;
    --c-swans-down: #DFEFEA;
    /* width */
    --w-max-l: 120rem;
    --w-max: 100rem;
    --w-max-m: 90rem;
    --w-max-s: 80rem;
    --w-max-xs: 70rem;
    --w-max-xxs: 60rem;
    /* font-size: 1.250 scale */
    --fs-xl: 4.768rem;
    --fs-l: 3.815rem;
    --fs-h1: 3.052rem;
    --fs-h2: 2.441rem;
    --fs-h3: 1.953rem;
    --fs-h4: 1.563rem;
    --fs-h5: 1.25rem;
    --fs-body: 1rem;
    --fs-s: .8rem;
    --fs-xs: .64rem;
    /* line-height */
    --lh-reset: 1;
    --lh-s: 1.25;
    --lh-m: 1.5;
    --lh-l: 1.75;
    /* easing */
    --e-fast-out-slow-in: cubic-bezier(.4, 0, .2, 1);
    /* header */
    --hd-height: 8rem;
    --hd-logo: calc(var(--hd-height) - 1rem - 2.5rem);
    /* plyr */
    --plyr-color-main: var(--c-turquoise);
    --plyr-font-size-large: 1.2rem;
    --plyr-font-size-base: 1rem;
}

@media screen and (max-width: 60em) {

    :root {
        /* font-size: 1.200 scale */
        --fs-xl: 3.583rem;
        --fs-l: 2.986rem;
        --fs-h1: 2.488rem;
        --fs-h2: 2.074rem;
        --fs-h3: 1.728rem;
        --fs-h4: 1.44rem;
        --fs-h5: 1.2rem;
        --fs-s: .833rem;
        --fs-xs: .694rem;
    }

}

@media screen and (max-width: 40em) {

    :root {
        /* font-size: 1.125 scale */
        --fs-xl: 2.281rem;
        --fs-l: 2.027rem;
        --fs-h1: 1.802rem;
        --fs-h2: 1.602rem;
        --fs-h3: 1.424rem;
        --fs-h4: 1.266rem;
        --fs-h5: 1.125rem;
        --fs-s: .889rem;
        --fs-xs: .79rem;
    }

}
@font-face {
    font-family: 'FS Emeric';
    src: url('../fonts/webfont/FSEmeric-ExtraLight.woff2') format('woff2'),
        url('../fonts/webfont/FSEmeric-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('../fonts/webfont/FSEmeric-Bold.woff2') format('woff2'),
        url('../fonts/webfont/FSEmeric-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('../fonts/webfont/FSEmeric-Medium.woff2') format('woff2'),
        url('../fonts/webfont/FSEmeric-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('../fonts/webfont/FSEmeric.woff2') format('woff2'),
        url('../fonts/webfont/FSEmeric.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Frutiger LT Arabic 45';
    src: url('../fonts/webfont/FrutigerLTArabic-45Light.woff2') format('woff2'),
        url('../fonts/webfont/FrutigerLTArabic-45Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'FS Emeric', sans-serif;
    font-size: var(--fs-body);
    font-weight: 400;
    line-height: var(--lh-l);
    color: var(--c-black);
    background-color: var(--c-white);
    height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Hide content first for ie10 and above */
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    body {
        visibility: hidden;
    }

    .js-cssvars-loaded {
        visibility: visible;
    }

    .page--is-resizing {
        visibility: hidden;
    }

}

/* all */

* {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
}

*:focus {
    z-index: 1;
}

.is-ie * {
    min-height: 1px;
}

/**/

strong {
    font-weight: 700;
}

em {
    font-style: italic;
}

sup {
    font-size: small;
    vertical-align: super;
}

sub {
    font-size: small;
    vertical-align: sub;
}

/* links */

a {
    color: var(--c-cerulean);
    text-decoration: none;
    transition: all .3s var(--e-fast-out-slow-in);
    transition-property: color, background, border, opacity;
}

a,
span {
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

a:hover {
    text-decoration: underline;
}

[data-item-href] {
    cursor: pointer;
}

/* input */

input,
textarea,
select,
button {
    font-family: inherit;
    font-size: inherit;
    line-height: var(--lh-m);
    color: inherit;
    background-color: transparent;
    border: 1px solid var(--c-black);
    border-radius: 5px;
    padding: .5rem;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
}

.is-ie input,
.is-ie textarea,
.is-ie select,
.is-ie button {
    line-height: 1;
}

::placeholder {
    color: rgba(0, 0, 0, .3);
}

:-ms-input-placeholder {
    color: rgba(0, 0, 0, .3);
}

:-moz-focusring {
    outline: 2px dotted;
}

.is-ios input[type='date'],
.is-ios input::-webkit-date-and-time-value {
    text-align: left;
    height: calc(var(--lh-m) * 1em + 1em + 2px);
}

/* media */

img,
video,
iframe,
svg {
    display: block;
}

img,
video {
    max-width: 100%;
    width: auto;
    height: auto;
}

img[data-object-fit],
video[data-object-fit] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    font-family: 'object-fit: cover';
}

img[data-object-fit='contain'],
video[data-object-fit='contain'] {
    object-fit: contain;
    font-family: 'object-fit: contain';
}

.video {
    background-color: var(--c-black);
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}

.video>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.inline-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.is-ie .object-fit-polyfill {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

[class*='__background'] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

[class*='__background'] picture,
.is-ie [class*='__background'] picture {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
}

[class*='__background']~* {
    position: relative;
}

/* no image */

.has-no-image:before {
    content: '\f1c5';
    font-family: 'Font Awesome 6 Pro';
    font-size: var(--fs-l);
    font-weight: 100;
    color: var(--c-nobel);
    background-color: var(--c-mercury);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* modifiers */

.is-fullwidth {
    position: relative;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
}

.is-fullheight {
    min-height: calc(100vh - var(--hd-height));
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
}

.is-overflow-left,
.is-overflow-right {
    position: relative;
}

.v-hidden,
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
}

/* container */

[class*='__container'] {
    max-width: var(--w-max-m);
    width: 100%;
    padding: 3rem 4.5rem;
    margin: auto;
}

[class*='__row'] {
    margin: -1.5rem -2.25rem;
    display: flex;
    flex-wrap: wrap;
}

[class*='__col'] {
    margin: 1.5rem 2.25rem;
    flex: 1 1 20rem;
}

@media screen and (max-width: 90em) {

    [class*='__container'] {
        padding: 3rem;
    }

    [class*='__row'] {
        margin: -1.5rem;
    }

    [class*='__col'] {
        margin: 1.5rem;
    }

}

@media screen and (max-width: 40em) {

    [class*='__container'] {
        padding: 2rem 1.5rem;
    }

    [class*='__row'] {
        margin: -1rem -.75rem;
    }

    [class*='__col'] {
        margin: 1rem .75rem;
    }

}

/* sections */

.page__header {
    background-color: var(--c-white);
    border-bottom: 0;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--hd-height);
    padding: 0;
    z-index: 99;
    transform: translate3d(0, 0, 0);
    transition: all .3s var(--e-fast-out-slow-in);
    transition-property: background-color, height;
    transition: none;
}

.page__main {
    padding-top: var(--hd-height);
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    flex: 1 0 auto;
}

.page__footer {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
}

/* buttons */

.button {
    font-weight: 700;
    line-height: var(--lh-s);
    text-align: center;
    color: var(--c-white);
    background-color: var(--c-turquoise);
    position: relative;
    padding: .5rem 1rem;
    margin: 0;
    display: table;
    transition: all .2s ease-out;
    transition-property: color, background, opacity;
    cursor: pointer;
}

.button:hover {
    text-decoration: none;
    color: var(--c-white);
    background-color: var(--c-cerulean);
}

/* #endregion */
/* #region - header */

.header__desktop,
.header__mobile {
    height: 100%;
}

.header__primary,
.header__secondary {
    position: relative;
    max-width: var(--w-max-l);
    width: 100%;
    padding: 0 4.5rem;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header__primary>*:nth-child(1),
.header__primary>*:nth-child(3) {
    flex: 0 0 12rem;
}

.header__primary>*:nth-child(2) {
    flex: 0 0 auto;
}

.header__logo-link {
    position: relative;
    height: var(--hd-logo);
    display: block;
}

.header__logo-image--primary,
.header__logo-image--secondary {
    height: 100%;
}

.header__logo-image--primary {
    display: block;
}

.header__logo-image--secondary {
    display: none;
}

.header__secondary,
.header__secondary:before {
    background-color: var(--c-surfie-green);
}

.header__secondary {
    color: var(--c-white);
    height: 2.5rem;
    margin: 0 auto;
}

.header__secondary:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    width: 100vw;
    height: 100%;
    margin-left: -50vw;
    margin-right: -50vw;
    z-index: -1;
}

.header__secondary a {
    color: inherit;
}

.header__secondary a:hover {
    text-decoration: none;
}

.header__secondary a:hover,
.header__secondary input[type='submit']:hover {
    color: inherit;
    opacity: .8;
}

@media screen and (max-width: 90em) {

    .header__primary,
    .header__secondary {
        padding-left: 3rem;
        padding-right: 3rem;
    }

}

@media screen and (max-width: 40em) {

    .header__primary,
    .header__secondary {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

}

.header__sns {
    margin-right: auto;
}

.is-ie .header__cta-button {
    max-width: 12rem;
    display: block;
}
.header__sns a{
    display: inline-block;
}
.header__sns span {
    display: inline-block;
    padding: 0 5px;
}
/* header desktop - nav */

.header__desktop {
    display: flex;
    flex-direction: column;
}

.header__desktop .nav__list {
    margin: 0 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header__desktop .nav__list>.nav__item {
    position: relative;
    margin: 0 .5rem;
}

.header__desktop .nav__list>.nav__item>.nav__link {
    font-weight: 700;
    line-height: var(--lh-s);
    color: inherit;
    padding: .5rem 1rem;
    display: flex;
    align-items: center;
}

.header__desktop .nav__list>.nav__item>.nav__link:hover {
    text-decoration: none;
    color: #0090da;
}

.header__desktop .nav__list>.nav__item--is-current>.nav__link,
.header__desktop .nav__list>.nav__item--child-is-current>.nav__link {
    color: var(--c-white);
    background-color: #0057b8;
}

.header__desktop .nav__list>.nav__item--is-current>.nav__link:hover,
.header__desktop .nav__list>.nav__item--child-is-current>.nav__link:hover {
    color: var(--c-white);
}

.header__desktop .nav__list>.nav__item--has-children>.nav__link:after {
    content: '\f107';
    font-family: 'Font Awesome 6 Pro';
    font-size: .8em;
    margin-left: .5rem;
}

.header__desktop .nav__sublist {
    white-space: nowrap;
    color: inherit;
    background-color: var(--c-white);
    border: 0;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100%;
    padding: .25rem 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-1rem);
    pointer-events: none;
}

.header__desktop .nav__item:hover>.nav__sublist,
.header__desktop .nav__link:hover~.nav__sublist,
.header__desktop .nav__link[aria-expanded='true']~.nav__sublist {
    opacity: 1;
    visibility: visible;
    transform: translate(0);
    transition: all .4s var(--e-fast-out-slow-in);
    transition-property: opacity, transform;
    pointer-events: all;
}

.header__desktop .nav__sublist .nav__item {
    position: relative;
}

.header__desktop .nav__sublist .nav__link {
    color: inherit;
    padding: .5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header__desktop .nav__sublist .nav__link:hover {
    text-decoration: none;
    color: var(--c-cerulean);
}

.header__desktop .nav__sublist .nav__item--has-children>.nav__link:after {
    content: '\f105';
    font-family: 'Font Awesome 6 Pro';
    font-size: .8em;
    margin-left: .5rem;
}

.header__desktop .nav__sublist .nav__sublist {
    top: -.25rem;
    left: 100%;
    min-width: 100%;
    z-index: -1;
    transform: translateX(-1rem);
}

/* heder mobile */

.header__mobile {
    display: none;
}

@media screen and (max-width: 90em) {

    .header__desktop {
        display: none;
    }

    .header__mobile {
        display: flex;
        flex-direction: column;
    }

}

.header__toggle {
    position: relative;
    width: 1.5rem;
    height: 1rem;
    margin-left: auto;
    z-index: 2;
}

.header__toggle[aria-expanded='true'] {
    pointer-events: all;
}

.header__toggle span {
    background-color: var(--c-black);
    border-radius: 2px;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    transform: rotate(0deg);
    transition: .3s var(--e-fast-out-slow-in);
    pointer-events: none;
}

.header__toggle span:nth-child(1) {
    top: 0;
}

.header__toggle span:nth-child(2),
.header__toggle span:nth-child(3) {
    top: .45rem;
}

.header__toggle span:nth-child(4) {
    top: .9rem;
}

.header__toggle[aria-expanded='true'] span {
    background-color: var(--c-black);
}

.header__toggle[aria-expanded='true'] span:nth-child(1),
.header__toggle[aria-expanded='true'] span:nth-child(4) {
    top: .45rem;
    left: 50%;
    width: 0;
}

.header__toggle[aria-expanded='true'] span:nth-child(2) {
    transform: rotate(45deg);
}

.header__toggle[aria-expanded='true'] span:nth-child(3) {
    transform: rotate(-45deg);
}

.header__toggle:hover span {
    background-color: var(--c-cerulean);
}

.header__drawer {
    font-size: var(--fs-h5);
    color: inherit;
    background-color: var(--c-white);
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);
    position: fixed;
    top: var(--hd-height);
    right: 0;
    z-index: 1;
    visibility: hidden;
    pointer-events: none;
}

.header__toggle[aria-expanded='true']+.header__drawer {
    pointer-events: all;
}

.header__scroll {
    position: relative;
    max-width: 100%;
    width: 20rem;
    max-height: calc(100vh - var(--hd-height));
    padding: 1.5rem;
    overflow: auto;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    flex: none;
}

.header__mobile .header__cta-button {
    text-align: inherit;
    max-width: none;
    width: 100%;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
}

.header__mobile .nav {
    width: 100%;
    margin-bottom: 0;
}

.header__mobile .nav__list {
    margin: -1rem 0;
}

.header__mobile .nav__link {
    padding: .75rem 1rem;
}

.header__mobile .nav__list>.nav__item {
    margin: 1rem 0;
}

.header__mobile .nav__list>.nav__item>.nav__link {
    font-weight: 700;
    line-height: var(--lh-s);
    color: inherit;
    display: flex;
    align-items: center;
}

.header__mobile .nav__list>.nav__item>.nav__link:hover {
    text-decoration: none;
    color: var(--c-cerulean);
}

.header__mobile .nav__sublist {
    margin-left: 0;
    display: none;
}

.header__mobile .nav__sublist .nav__link {
    color: inherit;
}

/* #endregion */
/* #region - footer */

.page__footer {
    color: var(--c-white);
    background-color: var(--c-blue-stone);
}

.footer__col {
    flex: 0 0 auto;
}

.footer__primary h2 {
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-m);
    margin-bottom: calc(1.5rem - .05em);
}

.footer__primary p:not(:last-child) {
    margin-bottom: 1.5rem;
}

.footer__primary a {
    color: inherit;
}

.footer__text {
    flex-grow: .1;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.is-ie .footer__text {
    flex-grow: 0;
}

.footer__logo {
    max-width: 16rem;
    width: calc(10rem + 4vw);
    margin-left: auto;
    align-self: flex-end;
}

.footer__logo-link {
    width: 100%;
}

.footer__hr {
    border: 0;
    border-bottom: 1px solid;
    margin: 2rem 0 1rem;
}

.footer__secondary,
.footer__secondary .footer__col {
    margin-top: 0;
    margin-bottom: 0;
}

.footer__secondary {
    justify-content: space-between;
}

.footer__secondary a {
    color: inherit;
}

.footer__links {
    display: flex;
}

.footer__links>span {
    margin: 0 .5rem;
}

@media screen and (max-width: 40em) {

    .footer__row {
        flex-direction: column;
    }

    .footer__logo {
        margin-left: .75rem;
        align-self: flex-start;
        order: -1;
        display: none;
    }

}

/* #endregion */
/* #region - wysiwyg */

.wysiwyg {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.wysiwyg:after {
    content: '';
    margin-bottom: -1.5rem;
    display: block;
}

.is-ie .wysiwyg>* {
    max-width: 100%;
}

.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6 {
    font-weight: 700;
    line-height: var(--lh-m);
    color: var(--c-black);
    margin-bottom: calc(1.5rem - .05em);
}

.wysiwyg h1 {
    font-size: var(--fs-h1);
}

.wysiwyg h2 {
    font-size: var(--fs-h2);
}

.wysiwyg h3 {
    font-size: var(--fs-h3);
}

.wysiwyg h4 {
    font-size: var(--fs-h4);
}

.wysiwyg h5 {
    font-size: var(--fs-h5);
}

.wysiwyg h6 {
    font-size: var(--fs-body);
}

.wysiwyg p,
.wysiwyg ul,
.wysiwyg ol {
    margin-bottom: 1rem;
}

.wysiwyg ul,
.wysiwyg ol {
    padding-left: 1.5rem;
}

.wysiwyg ul {
    list-style-type: none;
    /* disc */
}

.wysiwyg ol {
    list-style-type: decimal;
}

.wysiwyg li>ul,
.wysiwyg li>ol {
    margin: 0;
    /* .5rem 0 */
}

.wysiwyg ul li:before {
    content: '';
    background-color: var(--c-turquoise);
    position: absolute;
    top: calc((var(--lh-l) * .5em) - .25em);
    left: -1.125em;
    width: .5em;
    height: .5em;
}

.wysiwyg ul ul>li:before {
    background-color: transparent;
    border: 1px solid var(--c-turquoise);
}

.wysiwyg li:last-child>ul,
.wysiwyg li:last-child>ol {
    margin-bottom: 0;
}

.wysiwyg ul>li,
.wysiwyg ol>li {
    position: relative;
    margin-bottom: 0;
    /* .5rem */
}

.wysiwyg ul>li:last-child,
.wysiwyg ol>li:last-child {
    margin-bottom: 0;
}

.wysiwyg li::marker {
    color: inherit;
}

.wysiwyg [class*='column'] {
    column-gap: 3rem;
}

.wysiwyg [class*='column-2'] {
    column-count: 2;
}

.wysiwyg [class*='column']>* {
    break-inside: avoid-column;
}

.wysiwyg .button {
    margin: .25rem 0 1.5rem;
}

.wysiwyg .button-link {
    font-weight: 700;
    color: var(--c-orient);
    margin-bottom: 1.5rem;
}

.wysiwyg p>.button,
.wysiwyg p>.button-link {
    margin-bottom: 0;
}

.wysiwyg figure {
    margin-top: .5rem;
    margin-bottom: 2rem;
}

.wysiwyg figcaption {
    font-size: var(--fs-s);
    color: var(--c-nobel);
    margin: 1rem 0 0;
}

.wysiwyg hr {
    border-bottom: 2px solid var(--c-mercury);
    width: 100%;
    margin-top: .25rem;
    margin-bottom: 2rem;
}

.wysiwyg blockquote {
    border-left: .25em solid;
    border-color: var(--c-turquoise);
    padding-left: 1em;
    margin-top: .5rem;
    margin-bottom: 2rem;
}

.wysiwyg blockquote>*:last-child {
    margin-bottom: 0;
}

.wysiwyg blockquote cite {
    font-size: var(--fs-body);
    font-style: italic;
    text-transform: none;
}

.wysiwyg .wp-block-pullquote blockquote {
    border: 0;
    padding: 0;
    margin: 0;
}

.wysiwyg .wp-block-pullquote p {
    font-size: var(--fs-h3);
    list-style: var(--lh-s);
}

.wysiwyg pre {
    white-space: pre-wrap;
    margin-bottom: 1.5rem;
}

.wysiwyg .table-overflow {
    border: 1px solid var(--c-mercury);
    border-radius: 10px;
    max-width: calc(100vw - 3em);
    width: 100%;
    padding: 1rem;
    margin-top: .5rem;
    margin-bottom: 2rem;
    overflow-x: auto;
}

.wysiwyg table {
    width: 100%;
}

.wysiwyg thead {
    font-weight: 700;
    text-align: left;
    color: var(--c-white);
    background-color: var(--c-surfie-green);
}

.wysiwyg tfoot {
    font-weight: 700;
    text-align: left;
    color: var(--c-white);
    background-color: var(--c-blue-stone);
}

.wysiwyg tr:nth-child(even) {
    background-color: var(--c-wild-sand);
}

.wysiwyg th,
.wysiwyg td {
    border: 0;
    padding: .75rem 1rem;
}

.wysiwyg table ul,
.wysiwyg table ol,
.wysiwyg table li {
    margin: 0;
}

.wysiwyg .wp-block-table {
    width: 100%;
}

.wysiwyg .wp-block-table>.table-overflow {
    margin: 0;
}

@media screen and (max-width: 40em) {

    .wysiwyg [class*='column'] {
        column-count: 1;
    }

}

/**/

.modal .wysiwyg>a:last-child {
    color: var(--c-nobel);
    font-style: italic;
    text-decoration: underline;
}

.modal .wysiwyg>a:last-child:hover {
    color: var(--c-salmon);
}

/* #endregion */
/* #region - select & file */

.select {
    position: relative;
}

.select:after {
    content: '\f078';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 400;
    font-size: 1em;
    line-height: 1;
    position: absolute;
    top: 0;
    right: .5rem;
    height: 100%;
    padding: .5rem 0;
    display: flex;
    align-items: center;
    pointer-events: none;
}

.select>select {
    background-color: transparent;
    border: 1px solid;
    width: 100%;
    padding: .5rem 1.75rem .5rem .5rem;
}

.is-ie .select>select::-ms-expand {
    opacity: 0;
}

/* file */

.file {
    position: relative;
    cursor: pointer;
}

.file .file__upload {
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    display: flex;
}

.file .file__name {
    color: rgba(0, 0, 0, .3);
    background-color: var(--c-wild-sand);
    padding: 0 .5rem;
    max-height: calc(var(--lh-m) * 1.25em);
    overflow: hidden;
    margin: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    flex: 1 1 auto;
}

.is-ie .file .file__name {
    white-space: nowrap;
    max-height: none;
    display: flex;
    align-items: center;
}

.file.has-file .file__name {
    color: inherit;
}

.file .file__button {
    font-weight: 700;
    text-align: center;
    color: var(--c-white);
    background-color: var(--c-black);
    padding: .5rem 1rem;
    margin: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 1 10rem;
    transition: background .3s var(--e-fast-out-slow-in);
}

.file .file__button:hover {
    background-color: var(--c-cerulean);
}

/* #endregion */
/* #region - plyr */

.plyr [class*='__container'] {
    max-width: none;
    width: auto;
    padding: 0;
}

.plyr>.plyr__control {
    transform: translate(-50%, -50%) scale(1.5);
}

@media screen and (max-width: 60em) {

    .plyr>.plyr__control {
        transform: translate(-50%, -50%);
    }

}

/* #endregion */
/* #region - swiper & lightbox */

.swiper {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex: 1 0 auto;
}

.swiper-container {
    max-width: 100%;
    width: 100%;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
    height: auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.swiper-lazy {
    opacity: 0;
    transition: opacity .3s var(--e-fast-out-slow-in);
}

.swiper-lazy-loaded {
    opacity: 1;
}

.swiper-lazy-preloader {
    border: none;
    border-radius: 0;
    position: absolute;
    width: auto;
    height: auto;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: none;
}

.swiper-lazy-preloader:before {
    content: '\e1d4';
    font-family: 'Font Awesome 6 Pro';
    font-size: var(--fs-h2);
    font-weight: 300;
    line-height: 1;
    color: var(--c-turquoise);
    width: 1em;
    height: 1em;
    margin: -.5em;
    animation: loading 1.2s linear infinite;
}

.swiper-navigation {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.swiper-navigation .swiper-button-prev,
.swiper-navigation .swiper-button-next {
    font-size: var(--fs-h4);
    font-weight: 300;
    line-height: 0;
    color: var(--c-white);
    background: transparent;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: 1em;
    height: 1em;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    transition: all .3s var(--e-fast-out-slow-in);
    transition-property: background, color, opacity;
    cursor: pointer;
    pointer-events: all;
}

.swiper-container-rtl~.swiper-navigation .swiper-button-prev,
.swiper-container-rtl~.swiper-navigation .swiper-button-next {
    transform: scaleX(-1);
}

.swiper-navigation .swiper-button-prev:hover,
.swiper-navigation .swiper-button-next:hover {
    color: var(--c-cerulean);
}

.swiper-navigation .swiper-button-prev:before,
.swiper-navigation .swiper-button-next:before {
    content: '\f138';
    font-family: 'Font Awesome 6 Pro';
}

.swiper-navigation .swiper-button-prev:before {
    content: '\f137';
}

.swiper-navigation .swiper-button-prev:after,
.swiper-navigation .swiper-button-next:after {
    display: none;
}

.swiper-navigation .swiper-button-prev.swiper-button-disabled,
.swiper-navigation .swiper-button-next.swiper-button-disabled {
    opacity: .25;
    pointer-events: none;
}

.swiper-pagination {
    position: relative;
    width: 100%;
    padding: 0 3rem;
    margin-top: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-pagination .swiper-pagination-bullet {
    background-color: var(--c-white);
    border: 0;
    border-radius: 50%;
    width: .8em;
    height: .8em;
    margin: 0 1.2em;
    opacity: .5;
    transition: all .3s var(--e-fast-out-slow-in);
}

.swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    border-radius: 10px;
    width: 2em;
}

.swiper-button-lock,
.swiper-pagination-lock {
    display: none;
}

/* swiper lightbox */

.lb--is-active {
    overflow: hidden;
}

.lb__link>.lb__item {
    display: none;
}

.lb__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.lb {
    color: var(--c-white);
    background-color: rgba(0, 0, 0, .8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
    flex-direction: column;
}

.lb--is-opened {
    display: flex;
}

.lb__close,
.lb .swiper-navigation .swiper-button-prev,
.lb .swiper-navigation .swiper-button-next {
    font-size: var(--fs-h3);
    font-weight: 300;
    line-height: 0;
    color: var(--c-white);
    background: transparent;
    border-radius: 0;
    position: relative;
    top: auto;
    left: auto;
    width: 1.25em;
    height: 1.25em;
    margin: .5rem;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    transition: all .4s var(--e-fast-out-slow-in);
    transition-property: background, color, opacity;
    cursor: pointer;
}

.lb__close:hover,
.lb .swiper-navigation .swiper-button-prev:hover,
.lb .swiper-navigation .swiper-button-next:hover {
    color: var(--c-turquoise);
    text-decoration: none;
}

.lb .swiper-navigation .swiper-button-prev.swiper-button-disabled,
.lb .swiper-navigation .swiper-button-next.swiper-button-disabled {
    opacity: 0;
}

.lb__close {
    position: absolute;
    top: 0;
    right: 0;
}

.lb__close:before,
.lb .swiper-navigation .swiper-button-prev:before,
.lb .swiper-navigation .swiper-button-next:before {
    font-family: 'Font Awesome 6 Pro';
    margin: 0;
    transition: transform .4s ease;
}

.lb__close:before {
    content: '\f00d';
}

.lb .swiper-navigation .swiper-button-prev:before {
    content: '\f104';
}

.lb .swiper-navigation .swiper-button-next:before {
    content: '\f105';
}

.lb .swiper-navigation .swiper-button-lock {
    opacity: 0;
    transition: none;
}

.lb__swiper .swiper-slide {
    padding: 3rem;
    align-items: center;
    justify-content: center;
}

.lb .swiper-pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 1.5rem 0;
}

.lb__item-image,
.lb__item-html5,
.lb__item-embed {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: auto;
}

.lb__item-image {
    max-width: calc(80vw - 3rem);
    width: 100%;
    max-height: calc(80vh - 3rem);
    height: 100%;
}

.lb__item-image picture {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.lb__item-image img {
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
    padding: 0;
    margin: auto;
    flex: 0 0 auto;
}

.lb__item-image figcaption {
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 1.5rem;
    display: flex;
    justify-content: center;
}

.lb__item-image figcaption>span {
    background-color: rgba(255, 255, 255, .9);
    max-width: var(--w-max-xxs);
    padding: .5rem 1rem;
}

.lb__item-html5,
.lb__item-embed {
    max-width: calc(16 / 9 * (80vh - 3rem));
    width: calc(100vw - 3rem);
    max-height: calc(80vh - 3rem);
    height: calc(9 / 16 * (100vw - 3rem));
}

.lb__item-embed iframe {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 40em) {

    .lb__item-image {
        max-width: calc(100vw - 3rem);
        max-height: calc(100vh - 3rem);
    }

}

/* #endregion */
/* #region - bootstrap modal */

.modal--is-open {
    overflow: hidden;
}

.modal--is-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal {
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
}

.modal.fade {
    transition: opacity .15s ease;
}

.modal.fade:not(.show) {
    opacity: 0;
}

.modal__dialog {
    padding: 3rem 4.5rem;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.modal__content {
    color: var(--c-black);
    background-color: var(--c-white);
    border-radius: 10px;
    position: relative;
    max-width: var(--w-max-xs);
    width: 100%;
    transform: translateY(-5rem);
    transition: transform .3s ease-out;
}

.modal.show .modal__content {
    transform: translateY(0);
}

.modal__close {
    font-size: var(--fs-h5);
    color: inherit;
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 1em;
    height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal__close:hover {
    text-decoration: none;
    color: var(--c-cerulean);
}

.modal__body {
    max-height: 80vh;
    padding: 3rem;
    overflow: auto;
    justify-content: flex-start;
}

.modal__body.wysiwyg:after {
    display: none;
}

.modal__body.wysiwyg>*:last-child{
    margin-bottom: 0;
}

@media screen and (max-width: 90em) {

    .modal__dialog {
        padding-left: 3rem;
        padding-right: 3rem;
    }

}

@media screen and (max-width: 40em) {

    .modal__dialog {
        padding: 2rem 1.5rem;
    }

    .modal__body {
        padding-left: 2rem;
        padding-right: 2rem;
    }

}

/* #endregion */
/* #region - bootstrap tab */

.tab__list {
    padding-top: 3px;
    margin-top: -3px;
    overflow-x: auto;
    display: flex;
}

.tab__list.is-scroll:after {
    content: '';
    background: rgb(230, 230, 230);
    background: linear-gradient(90deg, rgba(230, 230, 230, 0) 0%, rgba(255, 255, 255, 1) 100%);
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
    height: calc(var(--fs-h5) * var(--lh-s) + 1.5rem);
    visibility: visible;
    opacity: 1;
    transition: all .3s ease;
    transition-property: opacity, visibility;
}

.tab__list.is-scroll-end:after {
    visibility: hidden;
    opacity: 0;
}

.tab__link {
    font-size: var(--fs-h5);
    font-weight: 700;
    line-height: var(--lh-s);
    white-space: nowrap;
    text-align: center;
    color: var(--c-nobel);
    background-color: var(--c-mercury);
    position: relative;
    padding: .75rem 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.tab__list.fit-container .tab__link {
    flex: 1 0 auto;
}

.tab__link:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, .1);
}

.tab__link.active,
.tab__link:hover {
    color: var(--c-turquoise);
    background-color: var(--c-white);
}

.tab__link:hover {
    text-decoration: none;
}

.tab__link:before {
    content: '';
    background-color: var(--c-turquoise);
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 3px;
    opacity: 0;
    transition: opacity .3s var(--e-fast-out-slow-in);
}

.tab__link.active:before,
.tab__link:hover:before {
    opacity: 1;
}

.tab__contents {
    background-color: var(--c-white);
}

.tab__content {
    display: none;
}

.tab__content.active {
    display: block;
}

.tab__content.fade {
    transition: opacity .15s ease;
}

.tab__content.fade:not(.show) {
    opacity: 0;
}

.tab__wrapper {
    padding: 3rem;
}

@media screen and (max-width: 40em) {

    .tab__wrapper {
        padding: 2rem 1.5rem;
    }

}

/* #endregion */
/* #region - bootstrap collapse/accordion */

.collapse:not(.show) {
    display: none;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease;
}

/**/

.accordion__items {
    display: flex;
    flex-direction: column;
}

.accordion__item {
    background-color: var(--c-white);
    position: relative;
    display: flex;
    flex-direction: column;
}

.accordion__item:not(:last-child) {
    margin-bottom: 3px;
}

.accordion__link {
    font-size: var(--fs-h4);
    font-weight: 700;
    line-height: var(--lh-s);
    color: var(--c-nobel);
    background-color: var(--c-mercury);
    position: relative;
    padding: 1rem 2rem;
}

.accordion__link[aria-expanded='true'],
.accordion__link:hover {
    color: var(--c-turquoise);
    background-color: var(--c-white);
}

.accordion__link:hover {
    text-decoration: none;
}

.accordion__link:before {
    content: '';
    background-color: var(--c-turquoise);
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 3px;
    opacity: 0;
    transition: opacity .3s var(--e-fast-out-slow-in);
}

.accordion__link[aria-expanded='true']:before,
.accordion__link:hover:before {
    opacity: 1;
}

.accordion__wrapper {
    padding: 3rem;
    flex: 1 1 auto;
}

/* expand & collapse with min height */

a.expand {
    font-weight: 700;
    color: var(--c-orient);
    position: absolute;
    bottom: .5rem;
    left: 50%;
    padding: .5rem 1rem;
    z-index: 2;
    display: flex;
    align-items: center;
    flex-direction: column;
    transform: translateX(-50%);
}

a.expand:hover {
    text-decoration: none;
}

a.expand i {
    font-size: 1.25em;
}

a.expand+.collapse {
    overflow: hidden;
}

a.expand+.collapse:not(.show) {
    max-height: 15rem;
    display: block;
}

a.expand+.collapsing {
    min-height: 15rem;
}

a.expand+.collapse:before,
a.expand+.collapsing:before {
    content: '';
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1) 80%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: opacity .3s var(--e-fast-out-slow-in);
}

a.expand[aria-expanded='true']+.collapse:before,
a.expand[aria-expanded='true']+.collapsing:before {
    opacity: 0;
    pointer-events: none;
}

a.expand[aria-expanded='true']+.collapse,
a.expand[aria-expanded='true']+.collapsing {
    padding-bottom: 5rem;
}

/* #endregion */
/* #region - b: sns */

.b-sns__list {
    margin: -.5rem;
    display: flex;
}

.b-sns__item {
    margin: .5rem;
}

.b-sns__list .b-sns__item:before {
    display: none;
}

.b-sns__link {
    color: inherit;
}

.b-sns__link:hover {
    color: var(--c-cerulean);
}

/* #endregion */
/* #region - b: search */

.b-search__field::-webkit-search-decoration,
.b-search__field::-webkit-search-cancel-button,
.b-search__field::-webkit-search-results-button,
.b-search__field::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

.b-search__form {
    position: relative;
}

.b-search__wrapper {
    position: relative;
    width: 100%;
}

.b-search__field {
    border: 1px solid var(--c-black);
    border-radius: 0;
    width: 100%;
    height: 100%;
    padding: .5rem 3rem .5rem .5rem;
    transition: all .3s var(--e-fast-out-slow-in);
    transition-property: color, background, border;
    /* outline: none; */
}

.b-search__button,
.b-search__close {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 400;
    text-align: center;
    color: inherit;
    background: none;
    border: 0;
    position: absolute;
    top: 50%;
    right: 0;
    width: 3rem;
    padding: .5rem;
    z-index: 2;
    transform: translateY(-50%);
    transition: all .3s var(--e-fast-out-slow-in);
    transition-property: color, opacity;
    cursor: pointer;
}

.b-search__button:hover {
    color: var(--c-cerulean);
}

/* filter */

.b-search-filter .b-search__button {
    pointer-events: none;
}

/* toggleable */

.b-search-toggleable {
    position: relative;
}

.header__search span{
    display: inline-block;
    padding: 0 5px;
}

.b-search-toggleable .b-search__form {
    position: absolute;
    top: 0;
    left: auto;
    right: -1rem;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: all .3s var(--e-fast-out-slow-in);
    transition-property: opacity, width;
    pointer-events: none;
}

.b-search-toggleable .b-search__toggle[aria-expanded='true']+.b-search__form {
    width: 15rem;
    opacity: 1;
    pointer-events: all;
}

.b-search-toggleable .b-search__field {
    height: auto;
    padding-left: 3rem;
}

.b-search-toggleable .b-search__button {
    left: 0;
    right: auto;
}

.b-search__toggle i {
    margin-left: .5rem;
}

/* header */

.header__secondary .b-search__field {
    background-color: var(--c-surfie-green);
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
    transition-property: none;
    outline: none;
}

.header__secondary ::placeholder {
    color: rgba(255, 255, 255, .7);
}

.header__secondary :-ms-input-placeholder {
    color: rgba(255, 255, 255, .7);
}

@media screen and (max-width: 30em) {

    .b-search {
        width: 100%;
    }

    /* header */

    .search--is-active .page__header {
        height: calc(var(--hd-height) + 2.5rem);
    }

    .search--is-active .header__secondary {
        margin-bottom: 2.5rem;
    }

    .header__secondary .b-search__toggle[aria-expanded='true'] {
        visibility: hidden;
    }

    .header__secondary .b-search__form {
        color: var(--c-black);
        background-color: var(--c-mercury);
        /* top: calc((2.5rem - 100%) / -2); */
        top: calc(2.5rem - (2.5rem - 100%) / 2);
        right: -1.5rem;
        width: 100vw;
        height: 2.5rem;
        padding: .5rem;
        transition-property: none;
    }

    .header__secondary .b-search__toggle[aria-expanded='true']+.b-search__form {
        width: 100vw;
    }

    .header__secondary .b-search__field {
        background-color: var(--c-mercury);
    }

    .header__secondary ::placeholder {
        color: rgba(0, 0, 0, .3);
    }

    .header__secondary :-ms-input-placeholder {
        color: rgba(0, 0, 0, .3);
    }

}

/* #endregion */
/* #region - b: hb */

.b-hb {
    color: var(--c-white);
    background-color: var(--c-orient);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.b-hb__container {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

.b-hb__container h1 {
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-s);
    margin-bottom: .5rem;
}

.b-hb__container p {
    font-size: var(--fs-h3);
    line-height: var(--lh-s);
}

/* #endregion */
/* #region - b: breadcrumb */

.b-bc {
    font-weight: 700;
    width: 100%;
    margin-bottom: -1.5rem;
}

.b-bc__container {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.b-bc__items {
    line-height: var(--lh-m);
    display: flex;
    flex-wrap: wrap;
}

.b-bc__items>* {
    margin-right: .5rem;
}

.b-bc__items span:last-child {
    text-decoration: underline;
}

.b-bc__items a {
    color: inherit;
    display: block;
}

.b-bc__items i {
    margin-right: .5rem;
}

/* flexible content */

.b-bc~* {
    margin-bottom: -2.5rem;
}

.b-bc~*:last-child {
    margin-bottom: 2rem;
}

@media screen and (max-width: 40em) {

    .b-bc~* {
        margin-bottom: -1.5rem;
    }

    .b-bc~*:last-child {
        margin-bottom: 1rem;
    }

}

/* #endregion */
/* #region - b: post */

.b-post__header {
    font-weight: 700;
    color: var(--c-dove-gray);
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.b-post__header .b-post__title {
    max-width: 80%;
    margin-right: 1.5rem;
}

.b-post__header .b-post__gallery-count {
    position: relative;
    top: -.1rem;
    margin-bottom: 1.5rem;
    flex: 0 0 auto;
}

.b-post .b-post__meta {
    font-weight: 700;
    color: var(--c-dove-gray);
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.b-post .b-post__meta li {
    padding: 0;
    margin-right: 1rem;
}

.b-post .b-post__meta li:before {
    display: none;
}

.b-post__image {
    background-color: var(--c-mercury);
    position: relative;
    width: 100%;
}

.b-post__image:after {
    content: '';
    padding-bottom: 56.25%;
    display: block;
}

.b-post__gallery {
    position: relative;
    margin: -.5rem -1rem .5rem;
    display: flex;
    align-self: stretch;
    flex-wrap: wrap;
    transition: opacity .3s var(--e-fast-out-slow-in);
}

.is-ie .b-post__gallery {
    max-width: none;
}

.b-post__gallery-item {
    border-radius: 20px;
    position: relative;
    width: calc(25% - 2rem);
    margin: 1rem;
    overflow: hidden;
}

.b-post__gallery-item:before {
    content: '\e0a0';
    font-family: 'Font Awesome 6 Pro';
    font-size: 1em;
    font-weight: 400;
    color: var(--c-white);
    position: absolute;
    top: .5rem;
    right: .5rem;
    width: 2em;
    height: 2em;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: scale(1.5);
    transition: all .3s var(--e-fast-out-slow-in);
    transition-property: opacity, transform;
}

.b-post__gallery-item:hover:before {
    opacity: 1;
    transform: scale(1);
}

.b-post__gallery-item:after {
    content: '';
    background: var(--c-black);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .3s var(--e-fast-out-slow-in);
}

.b-post__gallery-item:hover:after {
    opacity: .3;
}

.b-post__gallery-image {
    background-color: var(--c-mercury);
    position: relative;
    width: 100%;
}

.b-post .b-post__gallery-image {
    margin: 0;
}

.b-post__gallery-image:after {
    content: '';
    padding-bottom: 62.5%;
    display: block;
}

@media screen and (max-width: 60em) {

    .b-post__gallery-item {
        width: calc(50% - 2rem);
    }

}

@media screen and (max-width: 40em) {

    .b-post__gallery {
        margin: -.25rem -.75rem .75rem;
    }

    .b-post__gallery-item {
        width: calc(50% - 1.5rem);
        margin: .75rem;
    }

}

@media screen and (max-width: 25em) {

    .b-post__gallery-item {
        width: calc(100% - 1.5rem);
    }

}

/* #endregion */
/* #region - b: archive */

.b-ap__header {
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.b-ap__title {
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-m);
    color: var(--c-orient);
    margin-bottom: 0;
}

.b-ap__video {
    position: relative;
    margin-bottom: 6rem;
}

.b-ap__video .plyr--stopped .plyr__control--overlaid {
    visibility: hidden;
}

.b-ap__video .video__text {
    color: var(--c-white);
    background-color: rgba(0, 0, 0, .5);
    text-align: center;
    padding: 1.5rem;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    visibility: hidden;
}

.b-ap__video .plyr--stopped+.video__text {
    visibility: visible;
}

.b-ap__video .video__text h3 {
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-m);
    max-width: 40rem;
    margin-bottom: calc(1.5rem - .05em);
}

.b-ap__video .video__text p {
    max-width: 30rem;
    max-height: calc(var(--lh-l) * 2em);
    margin-bottom: 1.5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.b-ap__video .video__text button {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 1.5rem;
    display: block;
    transform: scale(1.5);
    transition-property: color, background, opacity;
}

.b-ap__articles {
    position: relative;
    margin: -1rem;
    display: flex;
    flex-wrap: wrap;
    transition: opacity .3s var(--e-fast-out-slow-in);
}

.b-ap__article {
    position: relative;
    width: calc(25% - 2rem);
    margin: 1rem;
}

.b-ap__empty {
    width: calc(100% - 2rem);
    margin: 1rem;
}

.b-ap__article-title {
    font-size: var(--fs-h5);
    font-weight: 700;
    line-height: var(--lh-s);
    margin-bottom: .5rem;
}

.b-ap__article-title+.b-ap__article-date {
    margin-top: -.5rem;
    display: block;
}

.b-ap__article-link {
    color: inherit;
}

.b-ap__article-excerpt {
    line-height: var(--lh-m);
    max-height: calc(var(--lh-m) * 3em);
    margin-bottom: .5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.b-ap__article-date {
    color: var(--c-nobel);
}

.b-ap__article-media {
    position: relative;
    margin-bottom: 1rem;
}

.b-ap__article-media:after {
    content: '';
    background: var(--c-black);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .3s var(--e-fast-out-slow-in);
}

.b-ap__article-media:hover:after {
    opacity: .3;
}

.b-ap__article-image {
    background-color: var(--c-mercury);
}

.b-ap__article-image:after {
    content: '';
    padding-bottom: 62.5%;
    display: block;
}

.b-ap__footer {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.b-ap__footer:not(:empty) {
    margin-top: 1.5rem;
}

.b-ap__footer .wp-pagenavi {
    position: relative;
    display: flex;
    align-items: center;
    transition: opacity .3s var(--e-fast-out-slow-in);
}

.b-ap__footer .wp-pagenavi>* {
    width: 2em;
    height: 2em;
    padding: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.b-ap__footer .wp-pagenavi>*:not(:last-child):not(:first-child) {
    display: none;
}

.b-ap__footer .wp-pagenavi>*:first-child {
    margin-right: .5rem;
}

.b-ap__footer .wp-pagenavi a {
    color: inherit;
}

.b-ap__footer .wp-pagenavi .previouspostslink,
.b-ap__footer .wp-pagenavi .nextpostslink {
    border: 1px solid var(--c-black);
    border-radius: 50%;
    text-decoration: none;
}

.b-ap__footer .wp-pagenavi a.previouspostslink:hover,
.b-ap__footer .wp-pagenavi a.nextpostslink:hover {
    color: var(--c-white);
    background-color: var(--c-black);
}

.b-ap__footer .wp-pagenavi .current {
    color: var(--c-orient);
}

.b-ap__footer .wp-pagenavi .disabled {
    opacity: .3;
}

.b-ap__loader {
    position: absolute;
    left: 0;
    visibility: hidden;
}

.b-ap__loader i {
    color: var(--c-orient);
    width: auto;
    height: auto;
    margin-right: .5rem;
    animation: loading 1.2s linear infinite;
}

.b-ap__container.is-loading {
    pointer-events: none;
}

.b-ap__container.is-loading .b-ap__articles,
.b-ap__container.is-loading .b-ap__footer>*:not(.b-ap__loader) {
    opacity: .5;
}

.b-ap__container.is-loading .b-ap__loader {
    visibility: visible;
}

@media screen and (max-width: 90em) {

    .b-ap__video {
        margin-bottom: 3rem;
    }

}

@media screen and (max-width: 60em) {

    .b-ap__video {
        margin-bottom: 3rem;
    }

    .b-ap__video .video__text button {
        margin-top: 0;
        transform: none;
    }

    .b-ap__article {
        width: calc(50% - 2rem);
    }

}

@media screen and (max-width: 50em) {

    .b-ap__header {
        margin-bottom: 3rem;
        align-items: flex-start;
        flex-direction: column;
    }

    .b-ap__title {
        margin-bottom: calc(1.5rem - .05em);
    }

}

@media screen and (max-width: 40em) {

    .b-ap__video .plyr--stopped .plyr__control--overlaid {
        visibility: visible;
    }

    .b-ap__video .plyr--stopped+.video__text {
        visibility: hidden;
    }

    .b-ap__articles {
        margin: -.75rem;
    }

    .b-ap__article {
        width: calc(50% - 1.5rem);
        margin: .75rem;
    }

}

@media screen and (max-width: 25em) {

    .b-ap__article {
        width: calc(100% - 1.5rem);
    }

}

/* #endregion */
/* #region - home */

.h-hb {
    color: var(--c-white);
    background-color: var(--c-orient);
    position: relative;
    min-height: calc(100vh - var(--hd-height));
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.h-hb__container h1 {
    font-size: var(--fs-l);
    font-weight: 700;
    line-height: var(--lh-reset);
    max-width: 12em;
    margin-bottom: 1rem;
}
.h-hb__container h4 {
    font-size: var(--fs-h3);
    font-weight: 700;
    line-height: var(--lh-reset);
    margin-bottom: 1rem;
}

.h-hb__container p {
    font-size: var(--fs-h3);
    line-height: var(--lh-s);
}

.h-cc {
    background: rgba(0, 87, 184, 0.85);
    /*background: radial-gradient(circle, rgba(0, 85, 135, .85) 0%, rgba(0, 43, 68, 1) 100%);*/
    min-height: 8rem;
    display: flex;
    align-items: center;
}

.h-cc__container {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.h-cc__wrapper {
    display: flex;
}

.h-cc__cme {
    position: absolute;
    top: -3rem;
}

.h-cc__badge {
    font-weight: 700;
    line-height: var(--lh-s);
    text-transform: uppercase;
    text-align: center;
    color: var(--c-white);
    background-color: #0057b8;
    border-radius: 5px;
    overflow: hidden;
    max-width: 4.5rem;
    display: flex;
    flex-direction: column;
}

.h-cc__badge:hover {
    text-decoration: none;
}

.h-cc__badge span {
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.h-cc__badge .points {
    font-size: var(--fs-h4);
    padding: .25rem;
}

.h-cc__badge .label {
    font-size: var(--fs-s);
    color: #0057b8;
    background-color: var(--c-white);
    padding: .5rem;
}

.h-cc__countdown {
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-reset);
    margin: auto;
    display: flex;
    align-items: center;
}

.h-cc__text {
    margin-right: 2rem;
}

.h-cc__time {
    margin: 0 -1rem;
    display: flex;
}

.h-cc__time>div {
    margin: 0 1rem;
}

.h-cc__time .days,
.h-cc__time .hours,
.h-cc__time .minutes,
.h-cc__time .seconds {
    text-align: center;
   /* width: 1.5em;*/
    display: inline-block;
}

.h-cc__time .label {
    font-size: var(--fs-h4);
    font-weight: 400;
}

.h-cc__modal .wysiwyg {
    text-align: center;
}

.h-cc__modal .wysiwyg figure {
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 70em) {
    
    .h-cc__countdown {
        font-size: var(--fs-h3);
    }
    
    .h-cc__time .label {
        font-size: var(--fs-h5);
    }
    
}

@media screen and (max-width: 60em) {

    .h-cc__countdown {
        flex-direction: column;
    }

    .h-cc__text {
        margin: 0 0 .75rem;
    }

    .h-cc__time>div {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

}

/* Event Info */

.h-ei__container {
    padding-top: 6rem;
    padding-bottom: 2rem;
}

.h-ei__row {
    align-items: flex-start;
}

.h-ei__col {
    flex: 1 1 100rem;
    width: 100%;
}

@media screen and (max-width: 90em) {

    .h-ei__container {
        padding-top: 4.5rem;
        padding-bottom: 2.5rem;
    }

}

@media screen and (max-width: 40em) {

    .h-ei__container {
        padding-top: 3rem;
        padding-bottom: 1.5rem;
    }

}

/* Welcome Message */

.h-wm__media {
    position: relative;
}

/* Event Chairs & PMFG Conferences */

.h-ecpc {
    margin-top: 1.5rem;
}

.h-pc__title {
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-m);
    color: var(--c-orient);
    margin-bottom: calc(2rem - .05em);
}

.h-pc__articles {
    position: relative;
    margin: -1rem;
    display: flex;
    flex-wrap: wrap;
}

.h-pc__article {
    position: relative;
    width: calc(50% - 2rem);
    margin: 1rem;
    overflow: hidden;
}

.h-pc__article-media {
    position: relative;
}

.h-pc__article-media:after {
    content: '';
    background: var(--c-turquoise);
    background: linear-gradient(180deg, var(--c-turquoise) 0%, var(--c-orient) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .3s var(--e-fast-out-slow-in);
}

.h-pc__article:hover .h-pc__article-media:after {
/*    opacity: .5;*/
}

.h-pc__article-image:after {
    content: '';
    padding-bottom: 56.25%;
    display: block;
}

.h-pc__article-text {
    position: absolute;
    bottom: 0;
    right: 0;
}

.h-pc__article-title {
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-s);
    color: var(--c-white);
    padding: .25rem .75rem;
    transition: transform .3s var(--e-fast-out-slow-in);
}

.h-pc__article:hover .h-pc__article-title {
    transform: translateX(-3rem);
}

.h-pc__article-title:after {
    content: '';
    background-color: var(--c-turquoise);
    position: absolute;
    top: 50%;
    left: 100%;
    width: 100%;
    height: 3px;
    margin-top: -1.5px;
}

.h-pc__article-link {
    color: inherit;
}

.h-pc__article:hover .h-pc__article-link {
    opacity: .5;
}

.h-pc__article-link:hover {
    text-decoration: none;
}

.h-pc__button {
    font-weight: 700;
    color: var(--c-orient);
    margin: 1.5rem 0 0 auto;
    display: table;
}

@media screen and (max-width: 40em) {

    .h-pc__articles {
        margin: -.75rem;
    }

    .h-pc__article {
        width: calc(50% - 1.5rem);
        margin: .75rem;
    }

}

@media screen and (max-width: 25em) {

    .h-pc__article {
        width: calc(100% - 1.5rem);
    }

}

/* Testimonial */

.h-tm {
    color: var(--c-white);
    background-color: var(--c-orient);
}

.h-tm__container {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.h-tm blockquote {
    font-size: var(--fs-h3);
    line-height: var(--lh-s);
    text-align: center;
    border: 0;
    color: var(--c-white);
    position: relative;
    max-width: var(--w-max-xxs);
    padding: 0;
    margin: 0 auto 1.5rem;
}

.is-ie .h-tm blockquote {
    max-width: var(--w-max-xxs);
    width: 100%;
}
.h-tm blockquote em {
    font-size: var(--fs-h4);
}
.h-tm blockquote:before,
.h-tm blockquote:after {
    content: '';
    background-image: url('../images/quote.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    width: calc(var(--fs-h2) * 3);
    height: calc(var(--fs-h2) * 3);
    margin: calc(var(--fs-h2) * -1.5);
    display: block;
    opacity: .2;
}

.h-tm blockquote:before {
    top: 0;
    left: 0;
}

.h-tm blockquote:after {
    right: 0;
    transform: scale(-1);
}

.h-tm blockquote>* {
    position: relative;
}

.h-tm blockquote .cite {
    font-size: var(--fs-h5);
    font-style: italic;
    line-height: var(--lh-s);
    color: var(--c-white);
    display: block;
    opacity: .7;
}

@media screen and (max-width: 40em) {

    .h-tm__container {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem;
    }

}

/* Event Details */

.h-ed__container {
    padding-top: 0;
}
.h-ed__container ul {
	display:flex;
	flex-wrap: wrap;
	max-width: 60%;
    margin: 0 auto;
    padding: 0;
    padding-left: 11%;
}
.h-ed__container ul li{
	flex:0 0 46%;
	text-align:left;
}
.h-ed__wrapper {
    position: relative;
}

.h-ed .tab__list.is-scroll:after {
    top: 3px;
}

.h-ed .accordion__items {
    display: none;
}

.h-ed .accordion__link {
    text-align: center;
}

@media screen and (max-width: 40em) {

    .h-ed .tab__list,
    .h-ed .tab__contents {
        display: none;
    }

    .h-ed .accordion__wrapper {
        padding: 1.5rem;
    }

    .h-ed .accordion__items {
        display: flex;
    }

}

/* Event Location */

.h-el {
    background-color: var(--c-claret);
    position: relative;
}

.h-el__background {
    background-color: var(--c-wild-sand);
    left: 4.5rem;
    width: 100vw;
}

.h-el__container {
    position: relative;
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.h-el__media {
    position: relative;
}

.h-el__image {
    background-color: var(--c-mercury);
    height: 100%;
}

.h-el__image:after {
    content: '';
    padding-bottom: 56.25%;
    display: block;
}

.h-el__text {
    position: relative;
    max-width: calc(100% - 1.5rem);
    flex: 4 1 20rem;
}

.h-el .tab__link.active,
.h-el .tab__link:hover {
    color: var(--c-claret);
}

.h-el .tab__link:before {
    background-color: var(--c-claret);
}

.h-el .tab__content {
    max-height: 30rem;
    overflow: auto;
}

.h-el .accordion__items {
    display: none;
}

.h-el .accordion__link {
    text-align: center;
}

.h-el .accordion__link[aria-expanded='true'],
.h-el .accordion__link:hover {
    color: var(--c-claret);
}

.h-el .accordion__link:before {
    background-color: var(--c-claret);
}

.h-el .wysiwyg h1,
.h-el .wysiwyg h2,
.h-el .wysiwyg h3,
.h-el .wysiwyg h4,
.h-el .wysiwyg h5,
.h-el .wysiwyg h6 {
    color: var(--c-claret);
}

.h-el .wysiwyg ul li:before {
    background-color: var(--c-claret);
}

.h-el .wysiwyg .button {
    background-color: var(--c-claret);
}

.h-el .wysiwyg .button:hover {
    background-color: var(--c-cerulean);
}

.h-el .wysiwyg .button-link {
    font-weight: 700;
    color: var(--c-claret);
}

@media screen and (max-width: 90em) {

    .h-el__container {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem;
    }

    .h-el__background {
        left: 3rem;
    }

}

@media screen and (max-width: 40em) {

    .h-el__container {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .h-el__background {
        left: 1.5rem;
    }

    .h-el .tab__list,
    .h-el .tab__contents {
        display: none;
    }

    .h-el .accordion__wrapper {
        padding: 1.5rem;
    }

    .h-el .accordion__items {
        display: flex;
    }

}

/* #endregion */
/* #region - b: agenda */

.b-ag__header {
    margin-bottom: 3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.b-ag__title {
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-m);
    color: var(--c-orient);
    margin-bottom: calc(1.5rem - .05em);
    width: 100%;
}

.b-ag__download {
    color: inherit;
}

.b-ag__download i {
    margin-left: .5rem;
}

.b-ag__search {
    margin-right: 4.5rem;
}

.b-ag__content {
    position: relative;
}

.b-ag .tab__list {
    border: 1px solid;
    border-left: 0;
    border-right: 0;
    padding: 0;
    margin: 0;
}

.b-ag .tab__link {
    font-size: var(--fs-body);
    font-weight: 700;
    color: var(--c-black);
    background-color: transparent;
}

.b-ag .tab__link:not(:last-child) {
    border-right: 0;
}

.b-ag .tab__link.active,
.b-ag .tab__link:hover {
    color: var(--c-white);
    background-color: var(--c-orient);
}

.b-ag .tab__link:before {
    display: none;
}

.b-ag .tab__wrapper {
    padding: 3rem 0;
}

.b-ag .wysiwyg dl {
    width: 100%;
    margin: 1.5rem 0;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.b-ag .wysiwyg .time {
    text-align: center;
    color: var(--c-white);
    background-color: var(--c-orient);
    border-radius: 5px;
    min-width: 7em;
    padding: .25rem;
    display: inline-block;
}

.b-ag .wysiwyg dt.time {
    margin: 0 1.5rem 1rem 0;
    flex: 0 0 auto;
}

.b-ag .wysiwyg dd.details {
    border: 1px solid;
    position: relative;
    width: 100%;
    padding: 1.5rem;
    flex: 1 1 20rem;
}

.b-ag .wysiwyg dd.details:after {
    content: '';
    margin-bottom: -.5rem;
    display: block;
}

.b-ag .wysiwyg dd.details h4 {
    font-size: var(--fs-h5);
    margin-bottom: calc(.5rem - .05em);
}

.b-ag .wysiwyg dd.details p+h4 {
    margin-top: 1rem;
}

.b-ag .wysiwyg dd.details p {
    margin-bottom: .5rem;
}

.b-ag .wysiwyg dd.details p>br {
    content: '';
    margin-bottom: .5rem;
    display: block;
}

.b-ag .wysiwyg dd.details ul {
    margin-bottom: .5rem;
}

@media screen and (max-width: 50em) {

    .b-ag__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .b-ag__search {
        margin-bottom: 1.5rem;
    }

}

/* #endregion */
/* #region - b: speakers */

.b-sk__title {
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-m);
    color: var(--c-black);
    margin-bottom: calc(2rem - .05em);
    width: 100%;
}

.b-sk__items {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.b-sk__item {
    position: relative;
    width: 20%;
}

.b-sk__item-media {
    position: relative;
}

.b-sk__item-media:after {
    content: '';
    background-color: var(--c-black);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .1;
    transition: opacity .3s var(--e-fast-out-slow-in);
}

.b-sk__item:hover .b-sk__item-media:after {
    opacity: 0;
}

.b-sk__item-image {
    background-color: var(--c-mercury);
}

.b-sk__item-image:after {
    content: '';
    padding-bottom: 100%;
    display: block;
}

.b-sk__item-text {
    line-height: var(--lh-s);
    text-shadow: 2px 0 5px rgba(0, 0, 0, .5);
    color: var(--c-white);
    position: absolute;
    bottom: 0;
    left: 0;
    padding: .75rem 1rem;
}

.b-sk__item-name {
    font-size: var(--fs-h5);
    font-weight: 700;
}

.b-sk__item-workplace {
    font-size: var(--fs-body);
    max-height: calc(var(--lh-s) * 1em);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.b-sk__item-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999rem;
}

.b-sk .b-sk__modal-media {
    width: calc(100% + 3rem);
    margin: -.75rem -1.5rem .75rem;
    display: flex;
    align-items: center;
}

.b-sk .b-sk__modal-media>* {
    margin: .75rem 1.5rem;
}

.b-sk .b-sk__modal-image {
    background-color: var(--c-mercury);
    border-radius: 50%;
    position: relative;
    max-width: 15rem;
    overflow: hidden;
    flex: 0 1 15rem;
}

.b-sk .b-sk__modal-image:after {
    content: '';
    padding-bottom: 100%;
    display: block;
}

.b-sk__modal-nw {
    flex: 2 1 25rem;
}

.b-sk .b-sk__modal-name {
    font-size: var(--fs-h4);
    font-weight: 700;
    line-height: var(--lh-s);
    color: inherit;
    margin-bottom: .25rem;
}

.b-sk .b-sk__modal-workplace {
    font-size: var(--fs-h5);
    line-height: var(--lh-m);
    margin-bottom: 0;
}

@media screen and (max-width: 90em) {

/*     .b-sk__item {
        width: 18%;
    } */

}

@media screen and (max-width: 70em) {

/*     .b-sk__item {
        width: 33.33%;
    } */

}

@media screen and (max-width: 50em) {

    .b-sk__item {
        width: 50%;
    }

}

@media screen and (max-width: 40em) {

    .b-sk .b-sk__modal-media {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        flex-direction: column;
    }

    .b-sk .b-sk__modal-media>* {
        width: 100%;
        flex: 0 0 auto;
    }

}

@media screen and (max-width: 20em) {

    .b-sk__item {
        width: 100%;
    }

}

/* #endregion */
/* #region - b: text */

.p-as .b-text h3 {
    font-weight: 400;
    color: inherit;
    margin-top: 1rem;
}

/* #endregion */
/* #region - b: partners/sponsors (supports) */

.b-sp__title {
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-m);
    color: var(--c-black);
    margin-bottom: calc(2rem - .05em);
    width: 100%;
}

.b-sp__row {
    align-items: flex-start;
}

.b-sp__items {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex: 2 1 32rem;
	
}

.b-sp__item {
    border: 1px solid var(--c-mercury);
    position: relative;
    width: calc(25% + .5px);
    margin: -.5px;
	margin-bottom: 5%;
}

.b-sp__item-media {
    background-color: var(--c-white);
    position: relative;
    padding: 15%;
}

.b-sp__item-media:after {
    content: '';
    background-color: var(--c-black);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .3s var(--e-fast-out-slow-in);
}

.b-sp__item:hover .b-sp__item-media:after {
    opacity: .5;
}

.b-sp__item-image {
    position: relative;
}

.b-sp__item-image:after {
    content: '';
    padding-bottom: 100%;
    display: block;
}

.b-sp__item-text {
    line-height: var(--lh-s);
    text-align: center;
    color: var(--c-white);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: .75rem 1rem;
    overflow: hidden;
}

#sponsors .b-sp__item.gold{
	width: 30%;
}
#sponsors .b-sp__item.silver{
	width: 25%;
}
#sponsors .b-sp__item.bronze{
	width: 20%;
}
#sponsors .b-sp__item-image, #sponsors .b-sp__item-media{
	height:100%
}
#sponsors .b-sp__item-media{
	padding:0 15%
}

@media only screen and (max-width: 560px){
	#sponsors .b-sp__item{
		margin-bottom:15%;
	}
	#sponsors .b-sp__item.gold{
		width: 100%;
	}
	#sponsors .b-sp__item.silver{
		width: 50%;
	}
	#sponsors .b-sp__item.bronze{
		width: 35%;
	}
}
#sponsors .sponsorTitle{
	text-align:center;
	color: var(--c-white);
	background: var(--c-orient);
	padding:2px ;
}
.b-sp__item-text-wrapper {
    transform: translateY(150%) scale(.8);
    transition: transform .3s var(--e-fast-out-slow-in);
}

.b-sp__item:hover .b-sp__item-text-wrapper {
    transform: translateY(0) scale(1);
}

.b-sp__item-text i {
    font-size: var(--fs-h5);
    margin-bottom: .5rem;
}

.b-sp__item-name {
    max-height: calc(var(--lh-s) * 2em);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.b-sp__item-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999rem;
}

.b-sp__modal-image {
    max-width: 80%;
    margin: auto;
}

.b-sp__download {
    color: var(--c-white);
    background-color: var(--c-orient);
    position: relative;
    padding: 1rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap-reverse;
    flex: 0 1 32rem;
}

.b-sp__download:before {
    content: '';
    background-color: var(--c-turquoise);
    position: absolute;
    top: 0;
    left: 80%;
    width: 100vw;
    height: 100%;
}

.b-sp__download-text {
    flex: 3 1 14rem;
    margin: 1rem;
}

.b-sp__download-text h3 {
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-s);
    color: var(--c-white);
    max-width: 5em;
    margin-bottom: calc(1.5rem - .05em);
}

.b-sp__download-media {
    position: relative;
    margin: 1rem;
    flex: 1 1 12rem;
}

.b-sp__download-image {
    border: 2px solid var(--c-white);
    position: relative;
}

.b-sp__download-image:after {
    content: '';
    padding-bottom: 141%;
    display: block;
}

.b-sp__download-button {
    border-radius: 2rem;
    padding: .5rem 2rem;
}

.b-sp__download-button i {
    margin-left: .5rem;
}

@media screen and (max-width: 80em) {

    .b-sp__item {
        width: calc(33.33% + .5px);
    }

}

@media screen and (max-width: 70em) {

    .b-sp__download {
        overflow: hidden;
    }

}

@media screen and (max-width: 40em) {

    .b-sp__item {
        width: calc(50% + .5px);
    }

}

/* #endregion */
/* #region - b: registration fees */

.b-rf__title {
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-m);
    color: var(--c-black);
    margin-bottom: calc(2rem - .05em);
}

.b-rf__items {
    margin: -1.5rem;
    display: flex;
    flex-wrap: wrap;
}

.b-rf__item {
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);
    position: relative;
    width: calc(25% - 3rem);
    margin: 1.5rem;
    display: flex;
    flex-direction: column;
}

.b-rf__item-header {
    text-align: center;
    color: var(--c-white);
    background-color: var(--c-orient);
    padding: 1rem 1.5rem;
}

.b-rf__item-title {
    font-size: var(--fs-h5);
    font-weight: 700;
    line-height: var(--lh-s);
    text-transform: uppercase;
}

.b-rf__item-content {
    text-align: center;
    padding: 2rem 1.5rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    flex: 1 0 auto;
}

.b-rf__item-content>* {
    max-width: 100%;
}

.b-rf__item-content h4 {
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-s);
    margin-bottom: calc(1.5rem - .05em);
}

.b-rf__item-content p {
    margin-bottom: 1.5rem;
}

.b-rf__item-button {
    color: var(--c-orient);
    background-color: transparent;
    border: 2px solid;
    max-width: 12rem;
    width: 100%;
    margin-top: auto;
}

.b-rf__item-button:hover {
    color: var(--c-white);
    background-color: var(--c-orient);
    border-color: var(--c-orient);
}

.b-rf__item.highlight .b-rf__item-header {
    background-color: var(--c-turquoise);
}

.b-rf__item.highlight .b-rf__item-button {
    color: var(--c-turquoise);
}

.b-rf__item.highlight .b-rf__item-button:hover {
    color: var(--c-white);
    background-color: var(--c-turquoise);
    border-color: var(--c-turquoise);
}

@media screen and (max-width: 80em) {

    .b-rf__item {
        width: calc(33.33% - 3rem);
    }

}

@media screen and (max-width: 60em) {

    .b-rf__item {
        width: calc(50% - 3rem);
    }

}

@media screen and (max-width: 40em) {

    .b-rf__items {
        margin: -.75rem;
    }

    .b-rf__item {
        width: calc(50% - 1.5rem);
        margin: .75rem;
    }

}

@media screen and (max-width: 30em) {

    .b-rf__item {
        width: calc(100% - 1.5rem);
    }

}

/* #endregion */
/* #region - b: form */

.form form {
    display: flex;
    flex-direction: column;
}

.form__header {
    margin-bottom: 3rem;
    order: -1;
}

.form__header h2 {
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-m);
    color: var(--c-black);
    text-align: center;
}

.form__header h2+* {
    margin-bottom: calc(1.5rem - .05em);
}

.form__main {
    padding: 0;
    margin: 0 -.75rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.form__main>div {
    width: 100%;
    margin: 0 .75rem 1rem;
}

.form__main>div.is-half {
    min-width: calc(50% - 1.5rem);
    flex: 1 1 15rem;
}

.form__main input,
.form__main textarea,
.form__main select {
    background-color: var(--c-wild-sand);
    border-color: var(--c-wild-sand);
    border-radius: 0;
    width: 100%;
    display: block;
    resize: none;
}

.form__main input:focus,
.form__main textarea:focus,
.form__main select:focus {
    border-color: var(--c-black);
}

.form__main ::placeholder {
    color: rgba(0, 0, 0, .3);
}

.form__main :-ms-input-placeholder {
    color: rgba(0, 0, 0, .3);
}

.form__main label>span:first-child {
    font-weight: 400;
    margin-bottom: .25rem;
    display: block;
}

.form__main label>span.is-required:after {
    content: '*';
    color: var(--c-salmon);
    margin-left: .25rem;
    display: none;
}

.form__footer {
    width: auto;
    padding: 0;
    margin: 1.5rem 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form__footer .form__submit {
    position: relative;
    display: flex;
}

.form__footer input[type='submit'] {
    text-indent: -99em;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
}

.form__footer .form__button {
    padding: .5rem 2rem;
}

.form__footer input[type='submit']:hover~.form__button {
    text-decoration: none;
    color: var(--c-white);
    background-color: var(--c-cerulean);
}

/* loader */

.form .wpcf7-spinner {
    background: none;
    border-radius: 0;
    position: absolute;
    top: 50%;
    /* left: calc((var(--fs-h5) + 1em) * -1); */
    right: calc(var(--fs-h5) * -1);
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    order: 0;
    opacity: 1;
}

.form .wpcf7-spinner:before {
    content: '\e1d4';
    font-family: 'Font Awesome 6 Pro';
    font-size: var(--fs-h5);
    font-weight: 300;
    line-height: 1;
    color: var(--c-turquoise);
    background: none;
    border-radius: 0;
    position: absolute;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    transform-origin: center;
    animation: loading 1.2s linear infinite;
}

@keyframes loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* validation */

.form .is-invalid input,
.form .is-invalid textarea,
.form .is-invalid select {
    border-color: var(--c-bright-red);
}

.form .wpcf7-not-valid-tip {
    font-size: var(--fs-s);
    color: var(--c-bright-red);
    margin: .25rem 0 0;
    display: block;
}

.form form .wpcf7-response-output {
    font-weight: 400;
    background-color: var(--c-wild-sand);
    border: 0;
    border-radius: 5px;
    position: relative;
    padding: 1.5rem;
    margin: 0 0 1.5rem;
    display: block;
    order: -1;
}

.form form.sent .wpcf7-response-output {
    background-color: var(--c-swans-down);
}

.form form.invalid .wpcf7-response-output {
    background-color: var(--c-bizarre);
}

.form form .wpcf7-response-output p {
    font-size: var(--fs-h5);
    font-weight: 700;
    line-height: var(--lh-s);
    display: flex;
    align-items: center;
}

.form form .wpcf7-response-output p:before {
    font-family: 'Font Awesome 6 Pro';
    font-size: 1.5em;
    font-weight: 300;
    text-align: center;
    width: 1em;
    margin-right: .5rem;
}

.form form.sent .wpcf7-response-output p:before {
    content: '\f058';
}

.form form.invalid .wpcf7-response-output p:before {
    content: '\f071';
}

.form form .wpcf7-response-output ul {
    list-style-type: disc;
    padding-left: 1.25rem;
    margin-top: 1rem;
}

.form form .wpcf7-response-output ul>li:not(:last-child) {
    margin-bottom: 0;
}

/* b: form */

.b-form__container {
    max-width: var(--w-max-xs);
}

.b-form__wrapper {
    background-color: var(--c-white);
    border-radius: 20px;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .1);
    padding: 4.5rem;
}

@media screen and (max-width: 70em) {

    .b-form__wrapper {
        padding: 3rem;
    }

}

@media screen and (max-width: 40em) {

    .b-form__wrapper {
        padding: 3rem 1.5rem;
    }

}

/* registration */

.p-rf .b-form {
    margin-top: 3rem;
}

.p-rf .form__header h2 {
    /*color: inherit;*/
}

@media screen and (max-width: 40em) {

    .p-rf .b-form {
        margin-top: 1.5rem;
    }
}

/* overlapping content */

.p-oc {
    background-color: var(--c-wild-sand);
}

.p-oc .b-hb__container {
    margin-top: 0;
}

.p-oc .b-hb~* {
    position: relative;
}

.p-oc .b-bc {
    color: var(--c-black);
}

/* #endregion */
/* #region - b: feedback */

.b-fb__container {
    max-width: var(--w-max-xs);
}

.b-fb__wrapper {
    background-color: var(--c-white);
    border-radius: 20px;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .1);
    padding: 4.5rem;
    align-items: center;
}

.b-fb .wysiwyg {
    font-size: var(--fs-h5);
}

.b-fb .wysiwyg {
    text-align: center;
    color: var(--c-orient);
}

.b-fb .wysiwyg>* {
    max-width: 30rem;
}

.b-fb .wysiwyg i {
    font-size: var(--fs-xl);
    color: var(--c-orient);
    margin-bottom: 3rem;
}

.b-fb .wysiwyg h2 {
    font-size: var(--fs-h4);
}

.b-fb .wysiwyg .b-sns__list {
    padding: 0;
    margin: -.5rem;
}

.b-fb .wysiwyg .b-sns__item {
    margin: .5rem;
}

.b-fb .wysiwyg .b-sns__item i {
    font-size: var(--fs-h4);
    margin: 0;
}

@media screen and (max-width: 70em) {

    .b-fb__wrapper {
        padding: 3rem;
    }

    .b-fb .wysiwyg i {
        font-size: 4rem;
    }

}

/* #endregion */
/* #region - b: testimonials */

.b-tm {
    padding: 6rem 0 3rem;
}

.b-tm__container {
    max-width: none;
    padding: 0;
}

.b-tm__items {
    display: flex;
}

.b-tm__item {
    color: var(--c-white);
    background-color: var(--c-orient);
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.b-tm__item:nth-child(odd) {
    background-color: var(--c-orient);
}

.b-tm__item>div {
    max-height: 50%;
    flex: 1 1 20rem;
}

.b-tm__item-text {
    padding: 3rem 4.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.b-tm__item-text>* {
    max-width: 30rem;
}

.b-tm blockquote {
    font-size: var(--fs-h4);
    line-height: var(--lh-s);
    text-align: center;
    border: 0;
    position: relative;
    max-width: var(--w-max-xxs);
    padding: 0;
    margin: 0 auto 1.5rem;
}

.b-tm blockquote:before,
.b-tm blockquote:after {
    content: '';
    background-image: url(../images/quote.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    width: calc(var(--fs-h4) * 3);
    height: calc(var(--fs-h4) * 3);
    margin: calc(var(--fs-h4) * -1.5);
    display: block;
    opacity: .2;
}

.b-tm blockquote:after {
    right: 0;
    transform: scale(-1);
}

.b-tm__item-media {
    position: relative;
}

.b-tm__item-image {
    background-color: var(--c-mercury);
    height: 100%;
}

.b-tm__item-image:after {
    content: '';
    padding-bottom: 56.25%;
    display: block;
}

.b-tm__item:nth-child(odd) .b-tm__item-text {
    order: 2;
}

@media screen and (max-width: 70em) {

    .b-tm__items {
        flex-direction: column;
    }

    .b-tm__item {
        flex-direction: row;
        flex-wrap: wrap;
        flex: 1 0 auto;
    }

    .b-tm__item>div {
        max-height: none;
        max-width: 50%;
    }

}

@media screen and (max-width: 40em) {

    .b-tm__item>div {
        max-width: none;
    }

    .b-tm__item:nth-child(even) .b-tm__item-text {
        order: 1;
    }

    .b-tm__item:nth-child(odd) .b-tm__item-text {
        order: 2;
    }

}

/* #endregion */
/* #region - 404 error */

.p-404 {
    background-color: var(--c-wild-sand);
    min-height: 60vh;
    justify-content: center;
}

.error-404 {
    font-size: var(--fs-h5);
    line-height: var(--lh-s);
    text-align: center;
}

.error-404 i {
    font-size: 3em;
    margin-bottom: 1.5rem;
}

/* #endregion */

.setSpace{
    margin: 3% auto 0;
}
.targetAudience{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    padding: 8% 1% 1.5%;
    color: #fff;
    position: relative;
/*     margin-bottom: 2%; */
    min-height: 44vh;
}

.targetAudience::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.35);

    z-index: 0;
}
.targetAudience * {
    position: relative;
    text-align: center;
}
.targetAudience h2{
    color: #fff;
}
.targetAudience li {
    list-style: none;
    display: inline-block;
    padding-right: 3%;
    font-size: 1.2rem;
}
.conferenceObjectives{
    background-color: #f5f5f5;
    padding: 3% 1% 1.5%;
    color: #000;
    position: relative;
}
.conferenceObjectives .innerBox{
    display: flex;
    justify-content: space-between;
}
.conferenceObjectives .textBox {
    color: #000;
    background-color: #fff;
    padding: 4%;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .3);
    width: 73vw;
    position: relative;
    z-index: 9;
    right: -2em;
    align-self: center;
}

html[dir="rtl"] .conferenceObjectives .textBox{
    left: -2em;
    right: initial;
}
.conferenceObjectives figure {
    width: 40vw;
    height: 32em;
}
.conferenceObjectives figure img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*.conferenceObjectives::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.35);

    z-index: 0;
}*/
.conferenceObjectives * {
    position: relative;
    text-align: justify;
}

.conferenceObjectives li {
    font-size: 1.2rem;
    list-style: disc;
}
.page-overview .b-sk__items{
    justify-content: left;

}
.page-overview .b-sk__item{
    margin: 0 0% 4%;
	width:20%;
}
.b-ag .wysiwyg dt.time:empty{
    visibility: hidden;
}
.h-hb__container h6,.b-hb__wrapper h6 {
    margin-top: 1.5rem;
}
.h-hb__container h6 img,.b-hb__wrapper h6 img{
	margin-right: 10px; 
}
.header__search.b-search-toggleable > a:nth-child(1) {
        font-family: 'Frutiger LT Arabic 45';
}
.wysiwyg.welcomeText{
    display: flex;
    justify-content: space-between;
    flex-direction: inherit;
}
.wysiwyg.welcomeText .logoBx {
    max-width: 30%;
    margin-top: 10%;
    margin-left: 3%;
}
html[dir="rtl"] .wysiwyg.welcomeText .logoBx{
    margin-left: 0%;
    margin-right: 3%;

}
@media screen and (max-width: 30em) {
    .targetAudience{
        min-height:inherit;
        background-attachment: scroll;
         padding: 15% 1% 13.5%;
    }
    .conferenceObjectives{
        padding: 12% 1% 1.5%;
        background-position: 30% 20%;
    }
    .conferenceObjectives .innerBox{
        flex-direction: column;
    }
    .conferenceObjectives .textBox{
        right: 0;
        bottom: -18px;
        width: 100%;
    }
    .conferenceObjectives .textBox ul {
        padding-left: 15px;
    }
    .conferenceObjectives figure {
        width: 110%;
        height: 17em;
        margin-left: -5%;
    }
    html[dir="rtl"] .conferenceObjectives figure {
        margin-right: -5%;
        margin-left: 0;

    }
    .page-overview .b-sk__item {
        margin: 0 0 5% 0;
        width: 100%;

    }
    html[dir="rtl"] .conferenceObjectives .textBox{
        left: 0;
        right: initial;
    }
    .wysiwyg.welcomeText{
        display: block;
    }
    .wysiwyg.welcomeText .logoBx{
        max-width: 96%;
        margin: 6% auto;
    }
	.h-ed__container ul{
		display:block;
		max-width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	.h-ed__container ul li {
		display:block;
		text-align:center;
	}
	
 
}
.galleryList {
	display:flex;
	flex-wrap: wrap;
	//justify-content:space-between;
}
.galleryList .col{
	flex: 0 0 33.33%;
}
.galleryList .col .innerBox{
	width:100%;
	padding:3%;
	
}
.galleryList .col .innerBox .imgbx{
	width:100%;
	height:16vw;
	overflow:hidden;
	margin-bottom:1em;
	border: 2px solid #118578;
    position: relative;
}
.galleryList .col .innerBox .imgbx img{
	width:100%;
	height:100%;
	object-fit: cover;
    object-position: 50% 10%; 
}
.galleryList .col .innerBox aside h2 {
    color: var(--c-black);
	font-size:1.3rem;
	margin-bottom:2%
}
.galleryList .col .innerBox aside h2 a{
    color: var(--c-black);
	font-size:1.3rem;
	margin-bottom:2%
}
#singleGallary  ul{
	display:flex;
	flex-wrap: wrap;
	padding:0% 0 2% 0;
	margin:0 -1%;
}
#singleGallary ul li {
	flex: 0 0 31%;
	list-style:none;
	height:16vw;
	margin:1%;
	position:relative;
}
#singleGallary ul li:before{
	display:none
}
#singleGallary ul li img{
	width:100%;
	height:100%;
	object-fit: cover;
    object-position: 50% 10%; 
}
/* #singleGallary ul li figure {
	width:100%;
	height:16vW;
} */
#lg-download {
	display:none
}
.fullWidth {
	width:100%;
}
.lg-toolbar .lg-icon,.lg-actions .lg-next, .lg-actions .lg-prev{
	    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
}
.lg-toolbar .lg-close:after {
	    content: "\f00d";
}
.lg-actions .lg-next:before {
	content: "\f0a9"
}
.lg-actions .lg-prev:after {
	content: "\f0a8"
}
#singleGallary ul li .playButton{
	position:absolute;
	font-size:5.3rem;
	top:40%;
	left:40%;
	color:white;
}
.galleryList .col .innerBox aside p {
	padding-bottom:2%;
	opacity:0.8;
}
.galleryList .col .innerBox .imgbx .posterDownload {
	position: absolute;
    background: #118578;
    width: 100%;
    bottom: 0;
    display: flex;
    justify-content: space-around;
    padding: 8px 0 2px 0;
}
.galleryList .col .innerBox .imgbx .posterDownload a{
	color:#fff;
}
.galleryList .col .innerBox .imgbx .posterDownload a i{
	margin-left:5px;
}
#singleGallary ul#lightvideogallery li {
	flex: 0 0 48%;
	list-style:none;
	height:22vw;
	background:black
}
#singleGallary ul#lightvideogallery li img{
	opacity:0.8;
	transition:all 0.3s linear;	
}
#singleGallary ul#lightvideogallery li:hover img{
	opacity:1
}
#singleGallary h3 {
	margin:0;
	padding:4% 0 0 0;
}
@media screen and (max-width: 30em) {
	.galleryList .col{
		flex: 0 0 50%;
		font-size.8rem;
	}
	.galleryList .col .innerBox .imgbx{ 
		height:17vh;
		margin-bottom:.2em
	}
	.galleryList .col .innerBox aside span {
		font-size:.7rem;
	}
	.galleryList .col .innerBox aside h2 a,.galleryList .col .innerBox aside h2{
		font-size:1rem
	}
	#singleGallary ul li{
		height: 30vw;
		flex: 0 0 48%;
	}
	#singleGallary ul li .playButton {
    position: absolute;
    font-size: 1.8rem;
    top: 44%;
    left: 44%;
	}
	#singleGallary ul#lightvideogallery li{
		height:50vw;
		flex: 0 0 99%;
	}
	.h-hb__container h1 {
		background:rgba(256,256,256,1);
		display:inline;
		
	}
	.h-hb__container h4 {
		background:rgba(256,256,256,1);
		display:inline-block;
		
	}
}
.embed-container { 
        position: relative; 
        padding-bottom: 45.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
	width:70vw;
	    
	margin:4% auto 0;
    } 

    .embed-container iframe,
    .embed-container object,
    .embed-container embed { 
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
.menuLinks a{
	display:inline-block;
	padding:.4em 1.4em .2em;
	color:#000;
	border:2px solid #000;
	margin-right:1%;
	font-size:1.2rem;
	text-decoration:underline;
	transition:all .2s linear;
}
.menuLinks a:hover{
	background-color: var(--c-surfie-green);
	color:#fff;
	border-color:var(--c-surfie-green);
	text-decoration:none
}

.b-rf__items {
	justify-content: center !important;
}