@charset "UTF-8";

/* VIKINGLAB Global Font Settings */
* {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

html, body {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

h1, h2, h3, h4, h5, h6, p, a, span, div, li, ul, ol, button, input, textarea, select {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}
.sound_only{
    display:none;
}
.owl-carousel,.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    /* overflow: hidden; */
    /* -webkit-transform: translate3d(0,0,0); */
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
    border: 1px solid #ddd;
    border-radius: 0;
    /* background: #fff; */
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(../../../../../../themes/disauthority/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

:root {
    --vh: 100vh;
    --font-color: var(--color-black);
    --font-color-opaque: color-mix(in srgb, var(--color-black), transparent 75%);
    --bg-opaque: color-mix(in srgb, var(--color-black), transparent 85%);
    --bg-color: var(--color-white);
    --accent-color: var(--color-rust);
    --color-dusky-pink: #cd6e6e;
    --color-rust: #f08b61;
    --color-orange: #ffc27b;
    --color-lemon: #f9da75;
    --color-green: #18c3b2;
    --color-blue: #99dbf7;
    --color-purple: #adb0f5;
    --color-lilac: #dbc2e7;
    --color-white: #ebebeb;
    --color-black: #000000;
    --color-grey-200: #f6f6f6;
    --color-grey-300: #eee;
    --color-grey-600: #888;
    --color-grey-700: #333;
    --color-grey: var(--color-grey-600);
    --color-status-red: #ff3939;
    --color-status-orange: #fe9c08;
    --color-status-green: #58cb72;
    --color-fb: #3b5998;
    --color-tw: #00aced;
    --color-in: #007bb6;
    --font-lineheight-body: 1.5;
    --font-lineheight-massive: 1;
    --font-lineheight-huge: 1;
    --font-lineheight-h1: 1;
    --font-lineheight-h2: 1.15;
    --font-lineheight-h3: 1.2;
    --font-lineheight-h4: 1.5;
    --font-lineheight-h5: 1.5;
    --font-lineheight-h6: 1.5;
    --line-height: var(--font-lineheight-body);
    --font-size-credit: 10px;
    --font-size-xs: 11px;
    --font-size-sm: 14px;
    --font-size-reg: 16px;
    --font-size-md: 19px;
    --font-size-lg: 22px;
    --font-size-xl: 28px;
    --font-size-huge: 33px;
    --font-size-massive: 42px;
    --font-weight: var(--font-weight-regular);
    --font-weight-bold: 900;
    --font-weight-semibold: 600;
    --font-weight-regular: 400;
    --font-family: var(--font-stack-body);
    --font-stack-alt: "GTF Adieu",sans-serif;
    --font-stack-body: "Montserrat",sans-serif;
    --font-stack-btns: "ibm-plex-mono",sans-serif;
    --font-awesome: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";
    --spacing: 3rem;
    --grid-pad: 0.75em;
    --box-shadow-offset-x: 60px;
    --box-shadow-offset-y: 40px;
    --box-shadow-blur: 120px;
    --box-shadow-spread: 0;
    --box-shadow-color: rgba(0, 0, 0, 0.15);
    --box-shadow: var(--box-shadow-offset-x) var(--box-shadow-offset-y) var(--box-shadow-blur) var(--box-shadow-spread) var(--box-shadow-color);
    --ease-in: cubic-bezier(0.32, 0, 0.67, 0);
    --ease-out: cubic-bezier(0.33, 1, 0.68, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --transition-short: 150ms;
    --transition-medium: 350ms;
    --transition-long: 750ms;
    --siteheader-height: 3.5rem;
    --logo-width: 4.25rem;
    --full-logo-width: calc(var(--logo-width) * 5.17);
    --mobnav-toggle-height: 3rem;
    --input-padding: 0.75em;
    --input-background-black: rgba(0, 0, 0, 0.15);
    --input-background-white: rgba(255, 255, 255, 0.15);
    --input-background-focus-black: rgba(0, 0, 0, 0.25);
    --input-background-focus-white: rgba(255, 255, 255, 0.25);
    --input-border-radius: 0;
    --btn-margin: 0.65em;
    --share-icon-size: 3.25rem;
    --share-icon-border-radius: 2rem;
    --carousel-nav-width: 3.5rem;
    --carousel-nav-margin: 1.5rem;
    --carousel-dot-width: 10px;
    --bd-margin: 1rem
}

@media only screen and (min-width: 550px) {
    :root {
        --font-size-credit:10px
    }
}

@media only screen and (min-width: 700px) {
    :root {
        --font-size-credit:10px
    }
}

@media only screen and (min-width: 1000px) {
    :root {
        --font-size-credit:10px
    }
}

@media only screen and (min-width: 1200px) {
    :root {
        --font-size-credit:10px
    }
}

@media only screen and (min-width: 1400px) {
    :root {
        --font-size-credit:10px
    }
}

@media only screen and (min-width: 1600px) {
    :root {
        --font-size-credit:10px
    }
}

@media only screen and (min-width: 550px) {
    :root {
        --font-size-xs:11px
    }
}

@media only screen and (min-width: 700px) {
    :root {
        --font-size-xs:11px
    }
}

@media only screen and (min-width: 1000px) {
    :root {
        --font-size-xs:11px
    }
}

@media only screen and (min-width: 1200px) {
    :root {
        --font-size-xs:12px
    }
}

@media only screen and (min-width: 1400px) {
    :root {
        --font-size-xs:12px
    }
}

@media only screen and (min-width: 1600px) {
    :root {
        --font-size-xs:12px
    }
}

@media only screen and (min-width: 550px) {
    :root {
        --font-size-sm:14px
    }
}

@media only screen and (min-width: 700px) {
    :root {
        --font-size-sm:14px
    }
}

@media only screen and (min-width: 1000px) {
    :root {
        --font-size-sm:15px
    }
}

@media only screen and (min-width: 1200px) {
    :root {
        --font-size-sm:15px
    }
}

@media only screen and (min-width: 1400px) {
    :root {
        --font-size-sm:15px
    }
}

@media only screen and (min-width: 1600px) {
    :root {
        --font-size-sm:16px
    }
}

@media only screen and (min-width: 550px) {
    :root {
        --font-size-reg:16px
    }
}

@media only screen and (min-width: 700px) {
    :root {
        --font-size-reg:16px
    }
}

@media only screen and (min-width: 1000px) {
    :root {
        --font-size-reg:17px
    }
}

@media only screen and (min-width: 1200px) {
    :root {
        --font-size-reg:18px
    }
}

@media only screen and (min-width: 1400px) {
    :root {
        --font-size-reg:19px
    }
}

@media only screen and (min-width: 1600px) {
    :root {
        --font-size-reg:20px
    }
}

@media only screen and (min-width: 550px) {
    :root {
        --font-size-md:20px
    }
}

@media only screen and (min-width: 700px) {
    :root {
        --font-size-md:21px
    }
}

@media only screen and (min-width: 1000px) {
    :root {
        --font-size-md:24px
    }
}

@media only screen and (min-width: 1200px) {
    :root {
        --font-size-md:27px
    }
}

@media only screen and (min-width: 1400px) {
    :root {
        --font-size-md:31px
    }
}

@media only screen and (min-width: 1600px) {
    :root {
        --font-size-md:35px
    }
}

@media only screen and (min-width: 550px) {
    :root {
        --font-size-lg:24px
    }
}

@media only screen and (min-width: 700px) {
    :root {
        --font-size-lg:26px
    }
}

@media only screen and (min-width: 1000px) {
    :root {
        --font-size-lg:33px
    }
}

@media only screen and (min-width: 1200px) {
    :root {
        --font-size-lg:39px
    }
}

@media only screen and (min-width: 1400px) {
    :root {
        --font-size-lg:46px
    }
}

@media only screen and (min-width: 1600px) {
    :root {
        --font-size-lg: 72px;
    }
}

@media only screen and (min-width: 550px) {
    :root {
        --font-size-xl:31px
    }
}

@media only screen and (min-width: 700px) {
    :root {
        --font-size-xl:35px
    }
}

@media only screen and (min-width: 1000px) {
    :root {
        --font-size-xl:46px
    }
}

@media only screen and (min-width: 1200px) {
    :root {
        --font-size-xl:57px
    }
}

@media only screen and (min-width: 1400px) {
    :root {
        --font-size-xl:70px
    }
}

@media only screen and (min-width: 1600px) {
    :root {
        --font-size-xl:85px
    }
}

@media only screen and (min-width: 550px) {
    :root {
        --font-size-huge:36px
    }
}

@media only screen and (min-width: 700px) {
    :root {
        --font-size-huge:41px
    }
}

@media only screen and (min-width: 1000px) {
    :root {
        --font-size-huge:54px
    }
}

@media only screen and (min-width: 1200px) {
    :root {
        --font-size-huge:67px
    }
}

@media only screen and (min-width: 1400px) {
    :root {
        --font-size-huge:82px
    }
}

@media only screen and (min-width: 1600px) {
    :root {
        --font-size-huge:100px
    }
}

@media only screen and (min-width: 550px) {
    :root {
        --font-size-massive:47px
    }
}

@media only screen and (min-width: 700px) {
    :root {
        --font-size-massive:53px
    }
}

@media only screen and (min-width: 1000px) {
    :root {
        --font-size-massive:73px
    }
}

@media only screen and (min-width: 1200px) {
    :root {
        --font-size-massive:92px
    }
}

@media only screen and (min-width: 1400px) {
    :root {
        --font-size-massive:114px
    }
}

@media only screen and (min-width: 1600px) {
    :root {
        --font-size-massive:140px
    }
}

@media only screen and (min-width: 550px) {
    :root {
        --spacing:5.5rem
    }
}

@media only screen and (min-width: 700px) {
    :root {
        --spacing:7rem
    }
}

@media only screen and (min-width: 1000px) {
    :root {
        --spacing:8rem
    }
}

@media only screen and (min-width: 1200px) {
    :root {
        --spacing:9rem
    }
}

@media only screen and (min-width: 700px) {
    :root {
        --siteheader-height: 4rem;
    }
}

@media only screen and (min-width: 1200px) {
    :root {
        --siteheader-height:4.5rem
    }
}

@media only screen and (min-width: 1600px) {
    :root {
        --siteheader-height:5.25rem
    }
}

@media only screen and (min-width: 700px) {
    :root {
        --logo-width:5rem
    }
}

@media only screen and (min-width: 1200px) {
    :root {
        --logo-width:6rem
    }
}

@media only screen and (min-width: 1600px) {
    :root {
        --logo-width:6.25rem
    }
}

@media only screen and (min-width: 700px) {
    :root {
        --bd-margin:1.5rem
    }
}

@media only screen and (min-width: 1000px) {
    :root {
        --bd-margin:2rem
    }
}

@media only screen and (min-width: 1600px) {
    :root {
        --bd-margin:3rem
    }
}

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

audio,canvas,video {
    display: inline-block
}

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

[hidden] {
    display: none
}

button,html,input,select,textarea {
    font-family: sans-serif
}

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

blockquote {
    margin: 1em 40px
}

dfn {
    font-style: italic
}

hr {
    box-sizing: content-box;
    height: 0
}

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

code,kbd,pre,samp {
    font-family: monospace,serif;
    font-size: 1em
}

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

q {
    quotes: none
}

q:after,q:before {
    content: "";
    content: none
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

dl,menu,ol,ul {
    margin: 1em 0
}

dd {
    margin: 0 0 0 40px
}

menu,ol,ul {
    padding: 0 0 0 40px
}

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

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

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

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

figure {
    margin: 0
}

form {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal
}

button,input,select,textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

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
}

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

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

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
}

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

.home,body.transitioningdown-variables,body.transitioningup-variables {
    -webkit-transition: color var(--transition-medium) var(--ease-in-out) 0s,background-color var(--transition-medium) var(--ease-in-out) 0s,border-color var(--transition-medium) var(--ease-in-out) 0s,fill var(--transition-medium) var(--ease-in-out) 0s!important;
    transition: color var(--transition-medium) var(--ease-in-out) 0s,background-color var(--transition-medium) var(--ease-in-out) 0s,border-color var(--transition-medium) var(--ease-in-out) 0s,fill var(--transition-medium) var(--ease-in-out) 0s!important
}

.cky-consent-container .home .cky-btn,.cky-consent-container body.transitioningdown-variables .cky-btn,.cky-consent-container body.transitioningup-variables .cky-btn,.cky-prefrence-btn-wrapper .home .cky-btn,.cky-prefrence-btn-wrapper body.transitioningdown-variables .cky-btn,.cky-prefrence-btn-wrapper body.transitioningup-variables .cky-btn,.home .btn,.home .cky-consent-container .cky-btn,.home .cky-prefrence-btn-wrapper .cky-btn,body.transitioningdown-variables .btn,body.transitioningdown-variables .cky-consent-container .cky-btn,body.transitioningdown-variables .cky-prefrence-btn-wrapper .cky-btn,body.transitioningup-variables .btn,body.transitioningup-variables .cky-consent-container .cky-btn,body.transitioningup-variables .cky-prefrence-btn-wrapper .cky-btn {
    -webkit-transition: border-color var(--transition-medium) var(--ease-in-out)!important;
    transition: border-color var(--transition-medium) var(--ease-in-out)!important
}

.home .module--showcase .showcase__item .showcase__laurel-leaves path,.home .siteheader .siteheader__wrap .siteheader__logo .siteheader__logo__svg svg path,body.transitioningdown-variables .module--showcase .showcase__item .showcase__laurel-leaves path,body.transitioningdown-variables .siteheader .siteheader__wrap .siteheader__logo .siteheader__logo__svg svg path,body.transitioningup-variables .module--showcase .showcase__item .showcase__laurel-leaves path,body.transitioningup-variables .siteheader .siteheader__wrap .siteheader__logo .siteheader__logo__svg svg path {
    -webkit-transition: fill var(--transition-medium) var(--ease-in-out)!important;
    transition: fill var(--transition-medium) var(--ease-in-out)!important
}

.home .siteheader,body.transitioningdown-variables .siteheader,body.transitioningup-variables .siteheader {
    -webkit-transition: background-color var(--transition-medium) var(--ease-in-out),border-color var(--transition-medium) var(--ease-in-out)!important;
    transition: background-color var(--transition-medium) var(--ease-in-out),border-color var(--transition-medium) var(--ease-in-out)!important
}

.home .bg-opaque,.home .module--featured--single,body.transitioningdown-variables .bg-opaque,body.transitioningdown-variables .module--featured--single,body.transitioningup-variables .bg-opaque,body.transitioningup-variables .module--featured--single {
    -webkit-transition: background-color var(--transition-medium) var(--ease-in-out);
    transition: background-color var(--transition-medium) var(--ease-in-out)
}

@media screen and (prefers-reduced-motion:reduce),(update:slow) {
    * {
        -webkit-animation-duration: 0s!important;
        animation-duration: 0s!important;
        -webkit-animation-iteration-count: 1!important;
        animation-iteration-count: 1!important;
        -webkit-transition-duration: 0s!important;
        transition-duration: 0s!important
    }
}

@media print {
    .effect {
        opacity: 1!important;
        -webkit-transform: none!important;
        -ms-transform: none!important;
        transform: none!important
    }
}

.effect--default {
    opacity: 0;
    -webkit-transform: translate(0,2em);
    -ms-transform: translate(0,2em);
    transform: translate(0,2em);
    -webkit-transition: opacity var(--transition-medium) var(--ease-in-out),-webkit-transform var(--transition-medium) var(--ease-in-out);
    transition: opacity var(--transition-medium) var(--ease-in-out),-webkit-transform var(--transition-medium) var(--ease-in-out);
    transition: opacity var(--transition-medium) var(--ease-in-out),transform var(--transition-medium) var(--ease-in-out);
    transition: opacity var(--transition-medium) var(--ease-in-out),transform var(--transition-medium) var(--ease-in-out),-webkit-transform var(--transition-medium) var(--ease-in-out)
}

.effect--default.effect--ready,.no-cssanimations .effect--default {
    opacity: 1;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0)
}

.effect--fade {
    opacity: 0
}

.effect--fade.effect--ready,.no-cssanimations .effect--fade {
    opacity: 1
}

.effect--slidein {
    -webkit-transform: translate(0,2em);
    -ms-transform: translate(0,2em);
    transform: translate(0,2em)
}

.effect--slidein.effect--ready,.no-cssanimations .effect--slidein {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0)
}

.effect--slidedown {
    -webkit-transform: translate(0,-2em);
    -ms-transform: translate(0,-2em);
    transform: translate(0,-2em)
}

.effect--slidedown.effect--ready,.no-cssanimations .effect--slidedown {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0)
}

.effect--slideright {
    -webkit-transform: translate(-2em,0);
    -ms-transform: translate(-2em,0);
    transform: translate(-2em,0)
}

.effect--slideright.effect--ready,.no-cssanimations .effect--slideright {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0)
}

.effect--slideleft {
    -webkit-transform: translate(2em,0);
    -ms-transform: translate(2em,0);
    transform: translate(2em,0)
}

.effect--slideleft.effect--ready,.no-cssanimations .effect--slideleft {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0)
}

.effect--delay-1 {
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms
}

.effect--delay-2 {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.effect--delay-3 {
    -webkit-transition-delay: 450ms;
    transition-delay: 450ms
}

.effect--delay-4 {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.effect--delay-5 {
    -webkit-transition-delay: 750ms;
    transition-delay: 750ms
}

.effect--delay-6 {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.effect--delay-7 {
    -webkit-transition-delay: 1.05s;
    transition-delay: 1.05s
}

.effect--delay-0 {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.effect.col-1-2:nth-child(2n+1) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.effect.col-1-2:nth-child(2n+2) {
    -webkit-transition-delay: var(--delay);
    transition-delay: var(--delay)
}

.effect.col-1-3:nth-child(3n+1) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.effect.col-1-3:nth-child(3n+2) {
    -webkit-transition-delay: var(--delay);
    transition-delay: var(--delay)
}

.effect.col-1-3:nth-child(3n+3) {
    -webkit-transition-delay: calc(var(--delay) * 2);
    transition-delay: calc(var(--delay) * 2)
}

.effect.col-1-4:nth-child(4n+1) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.effect.col-1-4:nth-child(4n+2) {
    -webkit-transition-delay: var(--delay);
    transition-delay: var(--delay)
}

.effect.col-1-4:nth-child(4n+3) {
    -webkit-transition-delay: calc(var(--delay) * 2);
    transition-delay: calc(var(--delay) * 2)
}

.effect.col-1-4:nth-child(4n+4) {
    -webkit-transition-delay: calc(var(--delay) * 3);
    transition-delay: calc(var(--delay) * 3)
}

.effect.col-1-5:nth-child(5n+1) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.effect.col-1-5:nth-child(5n+2) {
    -webkit-transition-delay: var(--delay);
    transition-delay: var(--delay)
}

.effect.col-1-5:nth-child(5n+3) {
    -webkit-transition-delay: calc(var(--delay) * 2);
    transition-delay: calc(var(--delay) * 2)
}

.effect.col-1-5:nth-child(5n+4) {
    -webkit-transition-delay: calc(var(--delay) * 3);
    transition-delay: calc(var(--delay) * 3)
}

.effect.col-1-5:nth-child(5n+5) {
    -webkit-transition-delay: calc(var(--delay) * 4);
    transition-delay: calc(var(--delay) * 4)
}

.effect.col-1-6:nth-child(6n+1) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.effect.col-1-6:nth-child(6n+2) {
    -webkit-transition-delay: var(--delay);
    transition-delay: var(--delay)
}

.effect.col-1-6:nth-child(6n+3) {
    -webkit-transition-delay: calc(var(--delay) * 2);
    transition-delay: calc(var(--delay) * 2)
}

.effect.col-1-6:nth-child(6n+4) {
    -webkit-transition-delay: calc(var(--delay) * 3);
    transition-delay: calc(var(--delay) * 3)
}

.effect.col-1-6:nth-child(6n+5) {
    -webkit-transition-delay: calc(var(--delay) * 4);
    transition-delay: calc(var(--delay) * 4)
}

.effect.col-1-6:nth-child(6n+6) {
    -webkit-transition-delay: calc(var(--delay) * 5);
    transition-delay: calc(var(--delay) * 5)
}

@media only screen and (min-width: 550px) {
    .effect.col-sm-1-2:nth-child(2n+1) {
        -webkit-transition-delay:0s;
        transition-delay: 0s
    }

    .effect.col-sm-1-2:nth-child(2n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-sm-1-3:nth-child(3n+1) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .effect.col-sm-1-3:nth-child(3n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-sm-1-3:nth-child(3n+3) {
        -webkit-transition-delay: calc(var(--delay) * 2);
        transition-delay: calc(var(--delay) * 2)
    }

    .effect.col-sm-1-4:nth-child(4n+1) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .effect.col-sm-1-4:nth-child(4n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-sm-1-4:nth-child(4n+3) {
        -webkit-transition-delay: calc(var(--delay) * 2);
        transition-delay: calc(var(--delay) * 2)
    }

    .effect.col-sm-1-4:nth-child(4n+4) {
        -webkit-transition-delay: calc(var(--delay) * 3);
        transition-delay: calc(var(--delay) * 3)
    }

    .effect.col-sm-1-5:nth-child(5n+1) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .effect.col-sm-1-5:nth-child(5n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-sm-1-5:nth-child(5n+3) {
        -webkit-transition-delay: calc(var(--delay) * 2);
        transition-delay: calc(var(--delay) * 2)
    }

    .effect.col-sm-1-5:nth-child(5n+4) {
        -webkit-transition-delay: calc(var(--delay) * 3);
        transition-delay: calc(var(--delay) * 3)
    }

    .effect.col-sm-1-5:nth-child(5n+5) {
        -webkit-transition-delay: calc(var(--delay) * 4);
        transition-delay: calc(var(--delay) * 4)
    }

    .effect.col-sm-1-6:nth-child(6n+1) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .effect.col-sm-1-6:nth-child(6n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-sm-1-6:nth-child(6n+3) {
        -webkit-transition-delay: calc(var(--delay) * 2);
        transition-delay: calc(var(--delay) * 2)
    }

    .effect.col-sm-1-6:nth-child(6n+4) {
        -webkit-transition-delay: calc(var(--delay) * 3);
        transition-delay: calc(var(--delay) * 3)
    }

    .effect.col-sm-1-6:nth-child(6n+5) {
        -webkit-transition-delay: calc(var(--delay) * 4);
        transition-delay: calc(var(--delay) * 4)
    }

    .effect.col-sm-1-6:nth-child(6n+6) {
        -webkit-transition-delay: calc(var(--delay) * 5);
        transition-delay: calc(var(--delay) * 5)
    }
}

@media only screen and (min-width: 700px) {
    .effect.col-md-1-2:nth-child(2n+1) {
        -webkit-transition-delay:0s;
        transition-delay: 0s
    }

    .effect.col-md-1-2:nth-child(2n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-md-1-3:nth-child(3n+1) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .effect.col-md-1-3:nth-child(3n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-md-1-3:nth-child(3n+3) {
        -webkit-transition-delay: calc(var(--delay) * 2);
        transition-delay: calc(var(--delay) * 2)
    }

    .effect.col-md-1-4:nth-child(4n+1) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .effect.col-md-1-4:nth-child(4n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-md-1-4:nth-child(4n+3) {
        -webkit-transition-delay: calc(var(--delay) * 2);
        transition-delay: calc(var(--delay) * 2)
    }

    .effect.col-md-1-4:nth-child(4n+4) {
        -webkit-transition-delay: calc(var(--delay) * 3);
        transition-delay: calc(var(--delay) * 3)
    }

    .effect.col-md-1-5:nth-child(5n+1) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .effect.col-md-1-5:nth-child(5n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-md-1-5:nth-child(5n+3) {
        -webkit-transition-delay: calc(var(--delay) * 2);
        transition-delay: calc(var(--delay) * 2)
    }

    .effect.col-md-1-5:nth-child(5n+4) {
        -webkit-transition-delay: calc(var(--delay) * 3);
        transition-delay: calc(var(--delay) * 3)
    }

    .effect.col-md-1-5:nth-child(5n+5) {
        -webkit-transition-delay: calc(var(--delay) * 4);
        transition-delay: calc(var(--delay) * 4)
    }

    .effect.col-md-1-6:nth-child(6n+1) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .effect.col-md-1-6:nth-child(6n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-md-1-6:nth-child(6n+3) {
        -webkit-transition-delay: calc(var(--delay) * 2);
        transition-delay: calc(var(--delay) * 2)
    }

    .effect.col-md-1-6:nth-child(6n+4) {
        -webkit-transition-delay: calc(var(--delay) * 3);
        transition-delay: calc(var(--delay) * 3)
    }

    .effect.col-md-1-6:nth-child(6n+5) {
        -webkit-transition-delay: calc(var(--delay) * 4);
        transition-delay: calc(var(--delay) * 4)
    }

    .effect.col-md-1-6:nth-child(6n+6) {
        -webkit-transition-delay: calc(var(--delay) * 5);
        transition-delay: calc(var(--delay) * 5)
    }
}

@media only screen and (min-width: 1000px) {
    .effect.col-lg-1-2:nth-child(2n+1) {
        -webkit-transition-delay:0s;
        transition-delay: 0s
    }

    .effect.col-lg-1-2:nth-child(2n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-lg-1-3:nth-child(3n+1) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .effect.col-lg-1-3:nth-child(3n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-lg-1-3:nth-child(3n+3) {
        -webkit-transition-delay: calc(var(--delay) * 2);
        transition-delay: calc(var(--delay) * 2)
    }

    .effect.col-lg-1-4:nth-child(4n+1) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .effect.col-lg-1-4:nth-child(4n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-lg-1-4:nth-child(4n+3) {
        -webkit-transition-delay: calc(var(--delay) * 2);
        transition-delay: calc(var(--delay) * 2)
    }

    .effect.col-lg-1-4:nth-child(4n+4) {
        -webkit-transition-delay: calc(var(--delay) * 3);
        transition-delay: calc(var(--delay) * 3)
    }

    .effect.col-lg-1-5:nth-child(5n+1) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .effect.col-lg-1-5:nth-child(5n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-lg-1-5:nth-child(5n+3) {
        -webkit-transition-delay: calc(var(--delay) * 2);
        transition-delay: calc(var(--delay) * 2)
    }

    .effect.col-lg-1-5:nth-child(5n+4) {
        -webkit-transition-delay: calc(var(--delay) * 3);
        transition-delay: calc(var(--delay) * 3)
    }

    .effect.col-lg-1-5:nth-child(5n+5) {
        -webkit-transition-delay: calc(var(--delay) * 4);
        transition-delay: calc(var(--delay) * 4)
    }

    .effect.col-lg-1-6:nth-child(6n+1) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .effect.col-lg-1-6:nth-child(6n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-lg-1-6:nth-child(6n+3) {
        -webkit-transition-delay: calc(var(--delay) * 2);
        transition-delay: calc(var(--delay) * 2)
    }

    .effect.col-lg-1-6:nth-child(6n+4) {
        -webkit-transition-delay: calc(var(--delay) * 3);
        transition-delay: calc(var(--delay) * 3)
    }

    .effect.col-lg-1-6:nth-child(6n+5) {
        -webkit-transition-delay: calc(var(--delay) * 4);
        transition-delay: calc(var(--delay) * 4)
    }

    .effect.col-lg-1-6:nth-child(6n+6) {
        -webkit-transition-delay: calc(var(--delay) * 5);
        transition-delay: calc(var(--delay) * 5)
    }
}

@media only screen and (min-width: 1200px) {
    .effect.col-xl-1-2:nth-child(2n+1) {
        -webkit-transition-delay:0s;
        transition-delay: 0s
    }

    .effect.col-xl-1-2:nth-child(2n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-xl-1-3:nth-child(3n+1) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .effect.col-xl-1-3:nth-child(3n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-xl-1-3:nth-child(3n+3) {
        -webkit-transition-delay: calc(var(--delay) * 2);
        transition-delay: calc(var(--delay) * 2)
    }

    .effect.col-xl-1-4:nth-child(4n+1) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .effect.col-xl-1-4:nth-child(4n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-xl-1-4:nth-child(4n+3) {
        -webkit-transition-delay: calc(var(--delay) * 2);
        transition-delay: calc(var(--delay) * 2)
    }

    .effect.col-xl-1-4:nth-child(4n+4) {
        -webkit-transition-delay: calc(var(--delay) * 3);
        transition-delay: calc(var(--delay) * 3)
    }

    .effect.col-xl-1-5:nth-child(5n+1) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .effect.col-xl-1-5:nth-child(5n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-xl-1-5:nth-child(5n+3) {
        -webkit-transition-delay: calc(var(--delay) * 2);
        transition-delay: calc(var(--delay) * 2)
    }

    .effect.col-xl-1-5:nth-child(5n+4) {
        -webkit-transition-delay: calc(var(--delay) * 3);
        transition-delay: calc(var(--delay) * 3)
    }

    .effect.col-xl-1-5:nth-child(5n+5) {
        -webkit-transition-delay: calc(var(--delay) * 4);
        transition-delay: calc(var(--delay) * 4)
    }

    .effect.col-xl-1-6:nth-child(6n+1) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .effect.col-xl-1-6:nth-child(6n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-xl-1-6:nth-child(6n+3) {
        -webkit-transition-delay: calc(var(--delay) * 2);
        transition-delay: calc(var(--delay) * 2)
    }

    .effect.col-xl-1-6:nth-child(6n+4) {
        -webkit-transition-delay: calc(var(--delay) * 3);
        transition-delay: calc(var(--delay) * 3)
    }

    .effect.col-xl-1-6:nth-child(6n+5) {
        -webkit-transition-delay: calc(var(--delay) * 4);
        transition-delay: calc(var(--delay) * 4)
    }

    .effect.col-xl-1-6:nth-child(6n+6) {
        -webkit-transition-delay: calc(var(--delay) * 5);
        transition-delay: calc(var(--delay) * 5)
    }
}

@media only screen and (min-width: 1400px) {
    .effect.col-ws-1-2:nth-child(2n+1) {
        -webkit-transition-delay:0s;
        transition-delay: 0s
    }

    .effect.col-ws-1-2:nth-child(2n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-ws-1-3:nth-child(3n+1) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .effect.col-ws-1-3:nth-child(3n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-ws-1-3:nth-child(3n+3) {
        -webkit-transition-delay: calc(var(--delay) * 2);
        transition-delay: calc(var(--delay) * 2)
    }

    .effect.col-ws-1-4:nth-child(4n+1) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .effect.col-ws-1-4:nth-child(4n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-ws-1-4:nth-child(4n+3) {
        -webkit-transition-delay: calc(var(--delay) * 2);
        transition-delay: calc(var(--delay) * 2)
    }

    .effect.col-ws-1-4:nth-child(4n+4) {
        -webkit-transition-delay: calc(var(--delay) * 3);
        transition-delay: calc(var(--delay) * 3)
    }

    .effect.col-ws-1-5:nth-child(5n+1) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .effect.col-ws-1-5:nth-child(5n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-ws-1-5:nth-child(5n+3) {
        -webkit-transition-delay: calc(var(--delay) * 2);
        transition-delay: calc(var(--delay) * 2)
    }

    .effect.col-ws-1-5:nth-child(5n+4) {
        -webkit-transition-delay: calc(var(--delay) * 3);
        transition-delay: calc(var(--delay) * 3)
    }

    .effect.col-ws-1-5:nth-child(5n+5) {
        -webkit-transition-delay: calc(var(--delay) * 4);
        transition-delay: calc(var(--delay) * 4)
    }

    .effect.col-ws-1-6:nth-child(6n+1) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .effect.col-ws-1-6:nth-child(6n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-ws-1-6:nth-child(6n+3) {
        -webkit-transition-delay: calc(var(--delay) * 2);
        transition-delay: calc(var(--delay) * 2)
    }

    .effect.col-ws-1-6:nth-child(6n+4) {
        -webkit-transition-delay: calc(var(--delay) * 3);
        transition-delay: calc(var(--delay) * 3)
    }

    .effect.col-ws-1-6:nth-child(6n+5) {
        -webkit-transition-delay: calc(var(--delay) * 4);
        transition-delay: calc(var(--delay) * 4)
    }

    .effect.col-ws-1-6:nth-child(6n+6) {
        -webkit-transition-delay: calc(var(--delay) * 5);
        transition-delay: calc(var(--delay) * 5)
    }
}

@media only screen and (min-width: 1600px) {
    .effect.col-xw-1-2:nth-child(2n+1) {
        -webkit-transition-delay:0s;
        transition-delay: 0s
    }

    .effect.col-xw-1-2:nth-child(2n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-xw-1-3:nth-child(3n+1) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .effect.col-xw-1-3:nth-child(3n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-xw-1-3:nth-child(3n+3) {
        -webkit-transition-delay: calc(var(--delay) * 2);
        transition-delay: calc(var(--delay) * 2)
    }

    .effect.col-xw-1-4:nth-child(4n+1) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .effect.col-xw-1-4:nth-child(4n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-xw-1-4:nth-child(4n+3) {
        -webkit-transition-delay: calc(var(--delay) * 2);
        transition-delay: calc(var(--delay) * 2)
    }

    .effect.col-xw-1-4:nth-child(4n+4) {
        -webkit-transition-delay: calc(var(--delay) * 3);
        transition-delay: calc(var(--delay) * 3)
    }

    .effect.col-xw-1-5:nth-child(5n+1) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .effect.col-xw-1-5:nth-child(5n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-xw-1-5:nth-child(5n+3) {
        -webkit-transition-delay: calc(var(--delay) * 2);
        transition-delay: calc(var(--delay) * 2)
    }

    .effect.col-xw-1-5:nth-child(5n+4) {
        -webkit-transition-delay: calc(var(--delay) * 3);
        transition-delay: calc(var(--delay) * 3)
    }

    .effect.col-xw-1-5:nth-child(5n+5) {
        -webkit-transition-delay: calc(var(--delay) * 4);
        transition-delay: calc(var(--delay) * 4)
    }

    .effect.col-xw-1-6:nth-child(6n+1) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .effect.col-xw-1-6:nth-child(6n+2) {
        -webkit-transition-delay: var(--delay);
        transition-delay: var(--delay)
    }

    .effect.col-xw-1-6:nth-child(6n+3) {
        -webkit-transition-delay: calc(var(--delay) * 2);
        transition-delay: calc(var(--delay) * 2)
    }

    .effect.col-xw-1-6:nth-child(6n+4) {
        -webkit-transition-delay: calc(var(--delay) * 3);
        transition-delay: calc(var(--delay) * 3)
    }

    .effect.col-xw-1-6:nth-child(6n+5) {
        -webkit-transition-delay: calc(var(--delay) * 4);
        transition-delay: calc(var(--delay) * 4)
    }

    .effect.col-xw-1-6:nth-child(6n+6) {
        -webkit-transition-delay: calc(var(--delay) * 5);
        transition-delay: calc(var(--delay) * 5)
    }
}

@font-face {
    font-family: Haffer;
    src: url(../../../../../../themes/disauthority/webfonts/HafferRegular.woff2) format("woff2"),url(../../../../../../themes/disauthority/webfonts/HafferRegular.woff) format("woff");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Haffer;
    src: url(../../../../../../themes/disauthority/webfonts/HafferSemiBold.woff2) format("woff2"),url(../../../../../../themes/disauthority/webfonts/HafferSemiBold.woff) format("woff");
    font-weight: 600;
    font-display: swap
}

@font-face {
    font-family: "GTF Adieu";
    src: url(../../../../../../themes/disauthority/webfonts/Adieu-Black.eot) format("eot"),url(../../../../../../themes/disauthority/webfonts/Adieu-Black.woff) format("woff"),url(../../../../../../themes/disauthority/webfonts/Adieu-Black.woff2) format("woff2");
    font-weight: 800;
    font-display: swap
}

html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

/* Font Awesome 5 Pro Global Styles */
.fa, .fas, .far, .fab, .fal, .fad {
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    display: inline-block !important;
    line-height: 1 !important;
}

.far {
    font-weight: 400 !important;
}

.fab {
    font-weight: 400 !important;
}

.fal {
    font-weight: 300 !important;
}

.fad {
    font-weight: 900 !important;
}

/* Font Awesome 아이콘 정상 표시를 위한 스타일 */
.fa::before, .fas::before, .far::before, .fab::before, .fal::before, .fad::before {
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: inherit !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* 중복 아이콘 방지 - after 가상 요소만 제거 */
.fa::after, .fas::after, .far::after, .fab::after, .fal::after, .fad::after {
    content: none !important;
}

/* a 태그 안의 Font Awesome 아이콘 중복 방지 */
a .fa, a .fas, a .far, a .fab, a .fal, a .fad {
    padding: 0 !important;
    margin: 0 !important;
}

/* linkline과 Font Awesome 아이콘 충돌 방지 */
.linkline .fa, .linkline .fas, .linkline .far, .linkline .fab, .linkline .fal, .linkline .fad {
    background: none !important;
    background-image: none !important;
    background-size: auto !important;
    background-position: initial !important;
    background-repeat: no-repeat !important;
}

body {
    font-family: var(--font-family);
    font-weight: var(--font-weight);
    line-height: var(--line-height);
    color: var(--font-color)
}

h1,h2,h3,h4,h5,h6 {
    --font-weight: var(--font-weight-bold);
    margin: 0 0 .25em
}

.heading-massive {
    line-height: var(--font-lineheight-h1);
    font-size: var(--font-size-massive);
    font-weight: var(--font-weight-semibold);
    letter-spacing: -.02em
}

.heading-massive.font-alt {
    text-transform: uppercase;
    font-weight: var(--font-weight-bold)
}

.heading-huge {
    line-height: var(--font-lineheight-h1);
    font-size: var(--font-size-huge);
    font-weight: var(--font-weight-semibold);
    letter-spacing: -.02em
}

.heading-huge.font-alt {
    text-transform: uppercase;
    font-weight: var(--font-weight-bold)
}

.heading-xl,h1 {
    line-height: var(--font-lineheight-h1);
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-semibold);
    letter-spacing: -.02em
}

.heading-xl.font-stack-alt,h1.font-stack-alt {
    text-transform: uppercase;
    font-weight: var(--font-weight-bold)
}

.heading-lg,h2 {
    line-height: var(--font-lineheight-h2);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    letter-spacing: -.02em
}

.heading-md,h3 {
    line-height: var(--font-lineheight-h3);
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-semibold)
}

.heading-reg,h4 {
    line-height: var(--font-lineheight-h1);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-reg)
}

.heading-sml,h5 {
    line-height: var(--font-lineheight-h5);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-sm)
}

.heading-xsml,h6 {
    line-height: var(--font-lineheight-h6);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-xs)
}

.text-huge {
    line-height: var(--font-lineheight-h1);
    font-size: var(--font-size-xl)
}

.nf-form-cont .field-wrap .nf-field-label label,.nf-form-cont label,.text-large {
    line-height: var(--font-lineheight-h2);
    font-size: var(--font-size-lg)
}

.text-med {
    line-height: var(--font-lineheight-h3);
    font-size: var(--font-size-md)
}

.nf-form-cont .field-wrap .nf-field-element,.nf-form-cont .field-wrap .nf-field-element input,.nf-form-cont .field-wrap .nf-field-element select,.nf-form-cont .field-wrap .nf-field-element textarea,.text-reg,body {
    line-height: var(--font-lineheight-body);
    font-size: var(--font-size-reg)
}

.contentarea .wp-caption .wp-caption-text,.module--images .images__wrap .row--carousel .owl-carousel .owl-nav button,.nf-form-cont .nf-error-msg,.text-sml {
    font-size: var(--font-size-sm)
}

.cky-consent-container .tile--post-production-overlay .tile__content .tile__footer .tile__tags .tile__tags__list .cky-btn,.cky-consent-container .tile--production--small-tile .tile__tags__list .cky-btn,.cky-consent-container .tile--production-overlay .tile__content .tile__footer .tile__tags .tile__tags__list .cky-btn,.cky-prefrence-btn-wrapper .tile--post-production-overlay .tile__content .tile__footer .tile__tags .tile__tags__list .cky-btn,.cky-prefrence-btn-wrapper .tile--production--small-tile .tile__tags__list .cky-btn,.cky-prefrence-btn-wrapper .tile--production-overlay .tile__content .tile__footer .tile__tags .tile__tags__list .cky-btn,.text-xsml,.tile--post-production .tile__services .tile__service,.tile--post-production-overlay .tile__content .tile__footer .tile__services,.tile--post-production-overlay .tile__content .tile__footer .tile__services .tile__service,.tile--post-production-overlay .tile__content .tile__footer .tile__tags .tile__tags__list,.tile--post-production-overlay .tile__content .tile__footer .tile__tags .tile__tags__list .btn,.tile--post-production-overlay .tile__content .tile__footer .tile__tags .tile__tags__list .cky-consent-container .cky-btn,.tile--post-production-overlay .tile__content .tile__footer .tile__tags .tile__tags__list .cky-prefrence-btn-wrapper .cky-btn,.tile--production--small-tile .tile__tags__list .btn,.tile--production--small-tile .tile__tags__list .cky-consent-container .cky-btn,.tile--production--small-tile .tile__tags__list .cky-prefrence-btn-wrapper .cky-btn,.tile--production-overlay .tile__content .tile__footer .tile__services,.tile--production-overlay .tile__content .tile__footer .tile__services .tile__service,.tile--production-overlay .tile__content .tile__footer .tile__tags .tile__tags__list,.tile--production-overlay .tile__content .tile__footer .tile__tags .tile__tags__list .btn,.tile--production-overlay .tile__content .tile__footer .tile__tags .tile__tags__list .cky-consent-container .cky-btn,.tile--production-overlay .tile__content .tile__footer .tile__tags .tile__tags__list .cky-prefrence-btn-wrapper .cky-btn {
    font-size: var(--font-size-xs)
}

p,pre {
    margin: 0 0 1em
}

.font-body {
    font-family: var(--font-stack-body)
}

.font-alt {
    font-family: var(--font-stack-alt);
    letter-spacing: .01em
}

.font-btns {
    font-family: var(--font-stack-btns);
    letter-spacing: .05em
}

.font-bold,.nf-form-cont .field-wrap .nf-field-element input,.nf-form-cont .field-wrap .nf-field-element select,.nf-form-cont .field-wrap .nf-field-element textarea,.nf-form-cont .nf-error-msg,b,strong {
    font-weight: var(--font-weight-bold)
}

.font-semibold {
    font-weight: var(--font-weight-semibold);
}

.font-reg {
    font-weight: var(--font-weight-regular)
}

.case-lower {
    text-transform: lowercase
}

.case-upper {
    /* text-transform: uppercase; */
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.color-dusky-pink {
    --font-color: var(--color-dusky-pink);
    --font-color-opaque: color-mix(in srgb, var(--color-dusky-pink), transparent 75%);
    --bg-opaque: color-mix(in srgb, var(--color-dusky-pink), transparent 95%);
    --btn-hover-font-color: var(--color-black);
    color: var(--font-color)
}

.color-rust {
    --font-color: var(--color-rust);
    --font-color-opaque: color-mix(in srgb, var(--color-rust), transparent 75%);
    --bg-opaque: color-mix(in srgb, var(--color-rust), transparent 95%);
    --btn-hover-font-color: var(--color-black);
    color: var(--font-color)
}

.color-orange {
    --font-color: var(--color-orange);
    --font-color-opaque: color-mix(in srgb, var(--color-orange), transparent 75%);
    --bg-opaque: color-mix(in srgb, var(--color-orange), transparent 95%);
    --btn-hover-font-color: var(--color-black);
    color: var(--font-color)
}

.color-lemon {
    --font-color: var(--color-lemon);
    --font-color-opaque: color-mix(in srgb, var(--color-lemon), transparent 75%);
    --bg-opaque: color-mix(in srgb, var(--color-lemon), transparent 95%);
    --btn-hover-font-color: var(--color-black);
    color: var(--font-color)
}

.color-green {
    --font-color: var(--color-green);
    --font-color-opaque: color-mix(in srgb, var(--color-green), transparent 75%);
    --bg-opaque: color-mix(in srgb, var(--color-green), transparent 95%);
    --btn-hover-font-color: var(--color-black);
    color: var(--font-color)
}

.color-blue {
    --font-color: var(--color-blue);
    --font-color-opaque: color-mix(in srgb, var(--color-blue), transparent 75%);
    --bg-opaque: color-mix(in srgb, var(--color-blue), transparent 95%);
    --btn-hover-font-color: var(--color-black);
    color: var(--font-color)
}

.color-purple {
    --font-color: var(--color-purple);
    --font-color-opaque: color-mix(in srgb, var(--color-purple), transparent 75%);
    --bg-opaque: color-mix(in srgb, var(--color-purple), transparent 95%);
    --btn-hover-font-color: var(--color-black);
    color: var(--font-color)
}

.color-lilac {
    --font-color: var(--color-lilac);
    --font-color-opaque: color-mix(in srgb, var(--color-lilac), transparent 75%);
    --bg-opaque: color-mix(in srgb, var(--color-lilac), transparent 95%);
    --btn-hover-font-color: var(--color-black);
    color: var(--font-color)
}

.color-white {
    --font-color: var(--color-white);
    --font-color-opaque: color-mix(in srgb, var(--color-white), transparent 75%);
    --bg-opaque: color-mix(in srgb, var(--color-white), transparent 95%);
    --btn-hover-font-color: var(--color-black);
    color: var(--font-color)
}

.color-black {
    --font-color: var(--color-black);
    --font-color-opaque: color-mix(in srgb, var(--color-black), transparent 75%);
    --bg-opaque: color-mix(in srgb, var(--color-black), transparent 95%);
    --btn-hover-font-color: var(--color-white);
    color: var(--font-color)
}

.color-grey {
    --font-color: var(--color-grey-600);
    --font-color-opaque: color-mix(in srgb, var(--color-grey-600), transparent 75%);
    --bg-opaque: color-mix(in srgb, var(--color-grey-600), transparent 95%);
    --btn-hover-font-color: var(--color-black);
    color: var(--font-color)
}

.color-status-red {
    --font-color: var(--color-status-red);
    --font-color-opaque: color-mix(in srgb, var(--color-status-red), transparent 75%);
    --bg-opaque: color-mix(in srgb, var(--color-status-red), transparent 95%);
    --btn-hover-font-color: var(--color-black);
    color: var(--font-color)
}

.color-status-orange {
    --font-color: var(--color-status-orange);
    --font-color-opaque: color-mix(in srgb, var(--color-status-orange), transparent 75%);
    --bg-opaque: color-mix(in srgb, var(--color-status-orange), transparent 95%);
    --btn-hover-font-color: var(--color-black);
    color: var(--font-color)
}

.color-status-green {
    --font-color: var(--color-status-green);
    --font-color-opaque: color-mix(in srgb, var(--color-status-green), transparent 75%);
    --bg-opaque: color-mix(in srgb, var(--color-status-green), transparent 95%);
    --btn-hover-font-color: var(--color-black);
    color: var(--font-color)
}

.color-font-color-opaque {
    --font-color: var(--font-color-opaque);
    --font-color-opaque: color-mix(in srgb, var(--font-color-opaque), transparent 75%);
    --bg-opaque: color-mix(in srgb, var(--font-color-opaque), transparent 95%);
    --btn-hover-font-color: var(--color-black);
    color: var(--font-color)
}

.color-opaque {
    --font-color: var(--bg-opaque);
    --font-color-opaque: color-mix(in srgb, var(--bg-opaque), transparent 75%);
    --bg-opaque: color-mix(in srgb, var(--bg-opaque), transparent 95%);
    --btn-hover-font-color: var(--color-black);
    color: var(--font-color)
}

.o-10 {
    opacity: .1
}

.o-33 {
    opacity: .33
}

.contentarea .wp-caption .wp-caption-text,.o-50 {
    opacity: .5
}

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

ol.list-style-none,ul.list-style-none {
    margin-left: 0;
    list-style: none
}

.inlinenavlist {
    margin: 0;
}

.inlinenavlist li {
    display: inline-block;
    margin: 0;
    padding: 0
}

.inlinenavlist li a {
    display: block;
    margin: 0 .75em;
}

.inlinenavlist--btns {
    margin: 0
}

.inlinenavlist--btns li a {
    margin: 0 var(--btn-margin) var(--btn-margin) 0
}

a {
    color: inherit;
    text-decoration: none;
    overflow-wrap: anywhere
}

a:hover {
    color: inherit
}

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

.linkline {
    background-image: -webkit-linear-gradient(left,var(--font-color) 0,var(--font-color) 49.75%,var(--font-color-opaque) 49.75%,var(--font-color-opaque) 100%);
    background-image: linear-gradient(90deg,var(--font-color) 0,var(--font-color) 49.75%,var(--font-color-opaque) 49.75%,var(--font-color-opaque) 100%);
    background-size: 200% 1px;
    background-position: left 100% bottom 5%;
    background-repeat: no-repeat;
    -webkit-transition: background-position var(--transition-medium) var(--ease-out);
    transition: background-position var(--transition-medium) var(--ease-out);
    padding-bottom: 5px;
}

a:hover .linkline {
    /* background-position: left 0 bottom 5%; */
}

/* Let's chat 전용 라인 애니메이션 */
.sitefooter__headinglink .linkline {
    position: relative;
    /* 기존 라인은 그대로 유지 */
    padding-bottom: 5px;
}

.sitefooter__headinglink .linkline::before {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: var(--font-color);
    transition: width 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 1;
    opacity: 0;
}

.sitefooter__headinglink:hover .linkline {
    background-image: none; /* 호버 시 기존 라인 숨김 */
}

.sitefooter__headinglink:hover .linkline::before {
    width: 100%;
    opacity: 1;
}

/* 호버시에만 라인 표시하는 링크 */
.linkline--hover-only {
    background-image: -webkit-linear-gradient(left,var(--font-color) 0,var(--font-color) 49.75%,rgba(0,0,0,0) 49.75%,rgba(0,0,0,0) 100%);
    background-image: linear-gradient(90deg,var(--font-color) 0,var(--font-color) 49.75%,rgba(0,0,0,0) 49.75%,rgba(0,0,0,0) 100%);
    background-size: 200% 1px;
    background-position: left 100% bottom 5%;
    background-repeat: no-repeat;
    -webkit-transition: background-position var(--transition-medium) var(--ease-out);
    transition: background-position var(--transition-medium) var(--ease-out);
}

a:hover .linkline--hover-only {
    /* background-image: -webkit-linear-gradient(left,var(--font-color) 0,var(--font-color) 49.75%,var(--font-color-opaque) 49.75%,var(--font-color-opaque) 100%); */
    /* background-image: linear-gradient(90deg,var(--font-color) 0,var(--font-color) 49.75%,var(--font-color-opaque) 49.75%,var(--font-color-opaque) 100%); */
    /* background-position: left 0 bottom 5%; */
    /* padding-bottom: 5px; */
}

.hiddenlinkline .linkline {
    background-image: -webkit-linear-gradient(left,var(--font-color) 0,var(--font-color) 49.75%,rgba(0,0,0,0) 49.75%,rgba(0,0,0,0) 100%);
    background-image: linear-gradient(90deg,var(--font-color) 0,var(--font-color) 49.75%,rgba(0,0,0,0) 49.75%,rgba(0,0,0,0) 100%)
}

.btn .fa,.btn .fab,.btn .fal,.btn .far,.btn .fas,.cky-consent-container .cky-btn .fa,.cky-consent-container .cky-btn .fab,.cky-consent-container .cky-btn .fal,.cky-consent-container .cky-btn .far,.cky-consent-container .cky-btn .fas,.cky-prefrence-btn-wrapper .cky-btn .fa,.cky-prefrence-btn-wrapper .cky-btn .fab,.cky-prefrence-btn-wrapper .cky-btn .fal,.cky-prefrence-btn-wrapper .cky-btn .far,.cky-prefrence-btn-wrapper .cky-btn .fas {
    padding: 0 0 0 .66em
}

.btn .fa--left,.btn .fab--left,.btn .fal--left,.btn .far--left,.btn .fas--left,.cky-consent-container .cky-btn .fa--left,.cky-consent-container .cky-btn .fab--left,.cky-consent-container .cky-btn .fal--left,.cky-consent-container .cky-btn .far--left,.cky-consent-container .cky-btn .fas--left,.cky-prefrence-btn-wrapper .cky-btn .fa--left,.cky-prefrence-btn-wrapper .cky-btn .fab--left,.cky-prefrence-btn-wrapper .cky-btn .fal--left,.cky-prefrence-btn-wrapper .cky-btn .far--left,.cky-prefrence-btn-wrapper .cky-btn .fas--left {
    padding: 0 .66em 0 0
}

.btn .fa--nopad,.btn .fab--nopad,.btn .fal--nopad,.btn .far--nopad,.btn .fas--nopad,.cky-consent-container .cky-btn .fa--nopad,.cky-consent-container .cky-btn .fab--nopad,.cky-consent-container .cky-btn .fal--nopad,.cky-consent-container .cky-btn .far--nopad,.cky-consent-container .cky-btn .fas--nopad,.cky-prefrence-btn-wrapper .cky-btn .fa--nopad,.cky-prefrence-btn-wrapper .cky-btn .fab--nopad,.cky-prefrence-btn-wrapper .cky-btn .fal--nopad,.cky-prefrence-btn-wrapper .cky-btn .far--nopad,.cky-prefrence-btn-wrapper .cky-btn .fas--nopad {
    padding: 0
}

.btn,.cky-consent-container .cky-btn,.cky-prefrence-btn-wrapper .cky-btn {
    position: relative;
    overflow: hidden;
    font-family: var(--font-stack-btns);
    letter-spacing: .05em;
    font-size: var(--font-size-reg);
    font-weight: 700;
    cursor: pointer;
    display: inline-block;
    margin: 0 var(--btn-margin) var(--btn-margin) 0;
    padding: .75em 1em .85em 1em;
    border: 1px solid var(--font-color);
    border-radius: 0;
    -webkit-transition: color var(--transition-medium) var(--ease-out);
    transition: color var(--transition-medium) var(--ease-out);
    text-transform: uppercase
}

.btn .btn__hoversvg,.cky-consent-container .cky-btn .btn__hoversvg,.cky-prefrence-btn-wrapper .cky-btn .btn__hoversvg {
    position: absolute;
    display: block;
    width: 300%;
    min-width: 588px;
    top: 50%;
    left: 50%;
    -webkit-transition: -webkit-transform var(--transition-medium) var(--ease-out);
    transition: -webkit-transform var(--transition-medium) var(--ease-out);
    transition: transform var(--transition-medium) var(--ease-out);
    transition: transform var(--transition-medium) var(--ease-out),-webkit-transform var(--transition-medium) var(--ease-out);
    -webkit-transform: rotate(25deg) translate(-60%,60%);
    -ms-transform: rotate(25deg) translate(-60%,60%);
    transform: rotate(25deg) translate(-60%,60%)
}

.btn .btn__hoversvg .btn__hoversvg__wrap,.cky-consent-container .cky-btn .btn__hoversvg .btn__hoversvg__wrap,.cky-prefrence-btn-wrapper .cky-btn .btn__hoversvg .btn__hoversvg__wrap {
    display: block;
    width: 100%;
    padding-top: 57.5%
}

.btn .btn__hoversvg .btn__hoversvg__wrap svg,.cky-consent-container .cky-btn .btn__hoversvg .btn__hoversvg__wrap svg,.cky-prefrence-btn-wrapper .cky-btn .btn__hoversvg .btn__hoversvg__wrap svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.btn .btn__hoversvg .btn__hoversvg__wrap svg path,.btn .btn__hoversvg .btn__hoversvg__wrap svg rect,.cky-consent-container .cky-btn .btn__hoversvg .btn__hoversvg__wrap svg path,.cky-consent-container .cky-btn .btn__hoversvg .btn__hoversvg__wrap svg rect,.cky-prefrence-btn-wrapper .cky-btn .btn__hoversvg .btn__hoversvg__wrap svg path,.cky-prefrence-btn-wrapper .cky-btn .btn__hoversvg .btn__hoversvg__wrap svg rect {
    fill: var(--font-color)
}

.btn .btn__text,.cky-consent-container .cky-btn .btn__text,.cky-prefrence-btn-wrapper .cky-btn .btn__text {
    position: relative
}

.btn:hover,.cky-consent-container .cky-btn:hover,.cky-prefrence-btn-wrapper .cky-btn:hover {
    color: var(--btn-hover-font-color)
}

.btn:hover .btn__hoversvg,.cky-consent-container .cky-btn:hover .btn__hoversvg,.cky-prefrence-btn-wrapper .cky-btn:hover .btn__hoversvg {
    -webkit-transform: rotate(25deg) translate(-60%,-20%);
    -ms-transform: rotate(25deg) translate(-60%,-20%);
    transform: rotate(25deg) translate(-60%,-20%)
}

.btn--tag {
    -webkit-transition: color var(--transition-medium) var(--ease-out),background-color var(--transition-medium) var(--ease-out);
    transition: color var(--transition-medium) var(--ease-out),background-color var(--transition-medium) var(--ease-out);
    font-weight: var(--font-weight-regular);
    padding: .25em .75em .35em .75em
}

.btn--tag:hover {
    background-color: var(--font-color);
    color: var(--btn-hover-font-color)
}

.btn--tag--active {
    background-color: var(--font-color);
    color: var(--btn-hover-font-color);
    pointer-events: none
}

.btn--tag .btn__dot {
    width: .75em;
    height: .75em;
    border-radius: 50%;
    margin-right: .5em;
    display: inline-block
}

.btn--nohover {
    pointer-events: none
}

.btn--fullwidth {
    display: block;
    text-align: center;
    margin: 0
}

.btn--fullwidth:hover {
    background-color: var(--font-color);
    color: var(--btn-hover-font-color)
}

.btn--fullwidth--active {
    background-color: var(--font-color);
    color: var(--btn-hover-font-color);
    pointer-events: none
}

.btn_contact{
      margin: 10px;
      padding: 14px 28px;
      font-size: 20px;
      font-weight: bold;
      text-decoration: none;
      position: relative;
      border-radius: 6px;
      overflow: hidden;
      display: inline-block;
      transition: color 0.5s ease;
}

.btn_contact:before{
      content: "";
      position: absolute;
      width: 100%; height: 100%;
      top: 0; left: 0;
      z-index: -1;
      transition: all 0.6s ease;
}
    .btn_contact { border: 2px solid #000; color: #000; }
    .btn_contact::before {
      background: #000;
      transform: skewX(-20deg) translateX(-100%);
    }
    .btn_contact:hover { color: #fff; }
    .btn_contact:hover::before {
      transform: skewX(-20deg) translateX(0);
    }      
    
    .btn10:hover { color: #fff; }
    .btn10:hover::before {
      width: 100%;
    }

.text-link {
    --font-weight: var(--font-bold);
    font-size: var(--font-size-sm)
}

.text-link:after {
    content: "";
    font-family: var(--font-awesome);
    font-weight: 300;
    font-style: normal;
    margin-left: .5em;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.socialicons {
    position: relative;
    margin-top: 1em
}

.socialicons:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    border-top: 1px solid var(--font-color-opaque)
}

.socialicons .socialicons__list {
    position: relative;
    margin-bottom: 0;
    height: var(--share-icon-size)
}

.socialicons .socialicons__list li {
    margin: 0 .25em;
    display: inline-block
}

.socialicons .socialicons__list .sociallink {
    --bg-color: var(--color-white);
    --line-height: calc(var(--share-icon-size) - 2px);
    display: block;
    height: var(--share-icon-size);
    border: 1px solid var(--font-color-opaque);
    box-sizing: border-box;
    background-color: var(--bg-color);
    margin: 0;
    border-radius: var(--share-icon-border-radius)
}

.bg-black .socialicons .socialicons__list .sociallink {
    --bg-color: var(--color-white)
}

.socialicons .socialicons__list .sociallink:after {
    content: "";
    height: 0;
    visibility: hidden;
    clear: both;
    display: block
}

.socialicons .socialicons__list .sociallink .sociallink__text {
    overflow: hidden;
    font-size: 12px;
    display: block;
    float: left;
    text-align: right;
    width: 0;
    -webkit-transition: all var(--transition-short) var(--ease-in-out) 0s;
    transition: all var(--transition-short) var(--ease-in-out) 0s;
    text-align: left
}

.socialicons .socialicons__list .sociallink .sociallink__icon {
    width: var(--share-icon-size);
    text-align: center;
    display: block;
    float: left;
    padding: 0;
    border: none
}

.socialicons .socialicons__list .sociallink .sociallink__icon .fab,.socialicons .socialicons__list .sociallink .sociallink__icon .fal,.socialicons .socialicons__list .sociallink .sociallink__icon .far,.socialicons .socialicons__list .sociallink .sociallink__icon .fas {
    display: inline-block;
    padding: 0
}

@media only screen and (min-width: 700px) {
    .socialicons .socialicons__list .sociallink a:hover .sociallink .fab {
        display:inline-block;
        padding: 0
    }

    .socialicons .socialicons__list .sociallink:hover .sociallink__text {
        width: 65px
    }
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: calc(var(--grid-pad) * -1);
    margin-right: calc(var(--grid-pad) * -1)
}

.row--nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media only screen and (min-width: 550px) {
    .row--nowrap--sm {
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media only screen and (min-width: 700px) {
    .row--nowrap--md {
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media only screen and (min-width: 1000px) {
    .row--nowrap--lg {
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media only screen and (min-width: 1200px) {
    .row--nowrap--xl {
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media only screen and (min-width: 1400px) {
    .row--nowrap--ws {
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media only screen and (min-width: 1600px) {
    .row--nowrap--xw {
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media only screen and (min-width: 1800px) {
    .row--nowrap--xxw {
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media only screen and (min-width: 2000px) {
    .row--nowrap--xxxw {
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.row--wrapreverse {
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

@media only screen and (min-width: 550px) {
    .row--wrapreverse--sm {
        -webkit-flex-wrap:wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }
}

@media only screen and (min-width: 700px) {
    .row--wrapreverse--md {
        -webkit-flex-wrap:wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }
}

@media only screen and (min-width: 1000px) {
    .row--wrapreverse--lg {
        -webkit-flex-wrap:wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }
}

@media only screen and (min-width: 1200px) {
    .row--wrapreverse--xl {
        -webkit-flex-wrap:wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }
}

@media only screen and (min-width: 1400px) {
    .row--wrapreverse--ws {
        -webkit-flex-wrap:wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }
}

@media only screen and (min-width: 1600px) {
    .row--wrapreverse--xw {
        -webkit-flex-wrap:wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }
}

@media only screen and (min-width: 1800px) {
    .row--wrapreverse--xxw {
        -webkit-flex-wrap:wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }
}

@media only screen and (min-width: 2000px) {
    .row--wrapreverse--xxxw {
        -webkit-flex-wrap:wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }
}

.row--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width: 550px) {
    .row--column--sm {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (min-width: 700px) {
    .row--column--md {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (min-width: 1000px) {
    .row--column--lg {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (min-width: 1200px) {
    .row--column--xl {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (min-width: 1400px) {
    .row--column--ws {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (min-width: 1600px) {
    .row--column--xw {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (min-width: 1800px) {
    .row--column--xxw {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (min-width: 2000px) {
    .row--column--xxxw {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.row--columnreverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media only screen and (min-width: 550px) {
    .row--columnreverse--sm {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media only screen and (min-width: 700px) {
    .row--columnreverse--md {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media only screen and (min-width: 1000px) {
    .row--columnreverse--lg {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media only screen and (min-width: 1200px) {
    .row--columnreverse--xl {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media only screen and (min-width: 1400px) {
    .row--columnreverse--ws {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media only screen and (min-width: 1600px) {
    .row--columnreverse--xw {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media only screen and (min-width: 1800px) {
    .row--columnreverse--xxw {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media only screen and (min-width: 2000px) {
    .row--columnreverse--xxxw {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.row--row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

@media only screen and (min-width: 550px) {
    .row--row--sm {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media only screen and (min-width: 700px) {
    .row--row--md {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media only screen and (min-width: 1000px) {
    .row--row--lg {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media only screen and (min-width: 1200px) {
    .row--row--xl {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media only screen and (min-width: 1400px) {
    .row--row--ws {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media only screen and (min-width: 1600px) {
    .row--row--xw {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media only screen and (min-width: 1800px) {
    .row--row--xxw {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media only screen and (min-width: 2000px) {
    .row--row--xxxw {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.row--rowreverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media only screen and (min-width: 550px) {
    .row--rowreverse--sm {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media only screen and (min-width: 700px) {
    .row--rowreverse--md {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media only screen and (min-width: 1000px) {
    .row--rowreverse--lg {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media only screen and (min-width: 1200px) {
    .row--rowreverse--xl {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media only screen and (min-width: 1400px) {
    .row--rowreverse--ws {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media only screen and (min-width: 1600px) {
    .row--rowreverse--xw {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media only screen and (min-width: 1800px) {
    .row--rowreverse--xxw {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media only screen and (min-width: 2000px) {
    .row--rowreverse--xxxw {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.row--mb {
    margin-bottom: calc(var(--grid-pad) * -2)
}

.row--mb>.col {
    margin-bottom: calc(var(--grid-pad) * 2)
}

.row--mb--large {
    margin-bottom: calc(var(--grid-pad) * -4)
}

.row--mb--large>.col {
    margin-bottom: calc(var(--grid-pad) * 4)
}

.row--mb--bd {
    margin-bottom: calc(var(--bd-margin) * -1)
}

.row--mb--bd>.col {
    margin-bottom: var(--bd-margin)
}

.justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 550px) {
    .justify-center--sm {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width: 700px) {
    .justify-center--md {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width: 1000px) {
    .justify-center--lg {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width: 1200px) {
    .justify-center--xl {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width: 1400px) {
    .justify-center--ws {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width: 1600px) {
    .justify-center--xw {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width: 1800px) {
    .justify-center--xxw {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width: 2000px) {
    .justify-center--xxxw {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.justify-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media only screen and (min-width: 550px) {
    .justify-start--sm {
        -webkit-box-pack:start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media only screen and (min-width: 700px) {
    .justify-start--md {
        -webkit-box-pack:start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media only screen and (min-width: 1000px) {
    .justify-start--lg {
        -webkit-box-pack:start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media only screen and (min-width: 1200px) {
    .justify-start--xl {
        -webkit-box-pack:start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media only screen and (min-width: 1400px) {
    .justify-start--ws {
        -webkit-box-pack:start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media only screen and (min-width: 1600px) {
    .justify-start--xw {
        -webkit-box-pack:start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media only screen and (min-width: 1800px) {
    .justify-start--xxw {
        -webkit-box-pack:start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media only screen and (min-width: 2000px) {
    .justify-start--xxxw {
        -webkit-box-pack:start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.justify-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (min-width: 550px) {
    .justify-end--sm {
        -webkit-box-pack:end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media only screen and (min-width: 700px) {
    .justify-end--md {
        -webkit-box-pack:end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media only screen and (min-width: 1000px) {
    .justify-end--lg {
        -webkit-box-pack:end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media only screen and (min-width: 1200px) {
    .justify-end--xl {
        -webkit-box-pack:end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media only screen and (min-width: 1400px) {
    .justify-end--ws {
        -webkit-box-pack:end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media only screen and (min-width: 1600px) {
    .justify-end--xw {
        -webkit-box-pack:end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media only screen and (min-width: 1800px) {
    .justify-end--xxw {
        -webkit-box-pack:end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media only screen and (min-width: 2000px) {
    .justify-end--xxxw {
        -webkit-box-pack:end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.justify-spacebetween {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (min-width: 550px) {
    .justify-spacebetween--sm {
        -webkit-box-pack:justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width: 700px) {
    .justify-spacebetween--md {
        -webkit-box-pack:justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width: 1000px) {
    .justify-spacebetween--lg {
        -webkit-box-pack:justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width: 1200px) {
    .justify-spacebetween--xl {
        -webkit-box-pack:justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width: 1400px) {
    .justify-spacebetween--ws {
        -webkit-box-pack:justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width: 1600px) {
    .justify-spacebetween--xw {
        -webkit-box-pack:justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width: 1800px) {
    .justify-spacebetween--xxw {
        -webkit-box-pack:justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width: 2000px) {
    .justify-spacebetween--xxxw {
        -webkit-box-pack:justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.justify-spacearound {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media only screen and (min-width: 550px) {
    .justify-spacearound--sm {
        -webkit-justify-content:space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media only screen and (min-width: 700px) {
    .justify-spacearound--md {
        -webkit-justify-content:space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media only screen and (min-width: 1000px) {
    .justify-spacearound--lg {
        -webkit-justify-content:space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media only screen and (min-width: 1200px) {
    .justify-spacearound--xl {
        -webkit-justify-content:space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media only screen and (min-width: 1400px) {
    .justify-spacearound--ws {
        -webkit-justify-content:space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media only screen and (min-width: 1600px) {
    .justify-spacearound--xw {
        -webkit-justify-content:space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media only screen and (min-width: 1800px) {
    .justify-spacearound--xxw {
        -webkit-justify-content:space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media only screen and (min-width: 2000px) {
    .justify-spacearound--xxxw {
        -webkit-justify-content:space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.justify-spaceevenly {
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

@media only screen and (min-width: 550px) {
    .justify-spaceevenly--sm {
        -webkit-box-pack:space-evenly;
        -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }
}

@media only screen and (min-width: 700px) {
    .justify-spaceevenly--md {
        -webkit-box-pack:space-evenly;
        -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }
}

@media only screen and (min-width: 1000px) {
    .justify-spaceevenly--lg {
        -webkit-box-pack:space-evenly;
        -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }
}

@media only screen and (min-width: 1200px) {
    .justify-spaceevenly--xl {
        -webkit-box-pack:space-evenly;
        -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }
}

@media only screen and (min-width: 1400px) {
    .justify-spaceevenly--ws {
        -webkit-box-pack:space-evenly;
        -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }
}

@media only screen and (min-width: 1600px) {
    .justify-spaceevenly--xw {
        -webkit-box-pack:space-evenly;
        -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }
}

@media only screen and (min-width: 1800px) {
    .justify-spaceevenly--xxw {
        -webkit-box-pack:space-evenly;
        -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }
}

@media only screen and (min-width: 2000px) {
    .justify-spaceevenly--xxxw {
        -webkit-box-pack:space-evenly;
        -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }
}

.align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 550px) {
    .align-center--sm {
        -webkit-box-align:center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width: 700px) {
    .align-center--md {
        -webkit-box-align:center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width: 1000px) {
    .align-center--lg {
        -webkit-box-align:center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width: 1200px) {
    .align-center--xl {
        -webkit-box-align:center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width: 1400px) {
    .align-center--ws {
        -webkit-box-align:center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width: 1600px) {
    .align-center--xw {
        -webkit-box-align:center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width: 1800px) {
    .align-center--xxw {
        -webkit-box-align:center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width: 2000px) {
    .align-center--xxxw {
        -webkit-box-align:center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.align-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (min-width: 550px) {
    .align-start--sm {
        -webkit-box-align:start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media only screen and (min-width: 700px) {
    .align-start--md {
        -webkit-box-align:start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media only screen and (min-width: 1000px) {
    .align-start--lg {
        -webkit-box-align:start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media only screen and (min-width: 1200px) {
    .align-start--xl {
        -webkit-box-align:start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media only screen and (min-width: 1400px) {
    .align-start--ws {
        -webkit-box-align:start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media only screen and (min-width: 1600px) {
    .align-start--xw {
        -webkit-box-align:start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media only screen and (min-width: 1800px) {
    .align-start--xxw {
        -webkit-box-align:start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media only screen and (min-width: 2000px) {
    .align-start--xxxw {
        -webkit-box-align:start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.align-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media only screen and (min-width: 550px) {
    .align-end--sm {
        -webkit-box-align:end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media only screen and (min-width: 700px) {
    .align-end--md {
        -webkit-box-align:end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media only screen and (min-width: 1000px) {
    .align-end--lg {
        -webkit-box-align:end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media only screen and (min-width: 1200px) {
    .align-end--xl {
        -webkit-box-align:end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media only screen and (min-width: 1400px) {
    .align-end--ws {
        -webkit-box-align:end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media only screen and (min-width: 1600px) {
    .align-end--xw {
        -webkit-box-align:end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media only screen and (min-width: 1800px) {
    .align-end--xxw {
        -webkit-box-align:end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media only screen and (min-width: 2000px) {
    .align-end--xxxw {
        -webkit-box-align:end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.col {
    vertical-align: top;
    box-sizing: border-box;
    padding-left: var(--grid-pad);
    padding-right: var(--grid-pad)
}

.col--content {
    width: 100%
}

@media only screen and (min-width: 550px) {
    .col--content {
        width:83.33%
    }
}

@media only screen and (min-width: 700px) {
    .col--content {
        width:66.66666%
    }
}

@media only screen and (min-width: 1000px) {
    .col--content {
        width:60%
    }
}

@media only screen and (min-width: 1200px) {
    .col--content {
        width:50%
    }
}

.col--content--wide {
    width: 100%
}

@media only screen and (min-width: 700px) {
    .col--content--wide {
        width:83.33%
    }
}

@media only screen and (min-width: 1000px) {
    .col--content--wide {
        width:80%
    }
}

@media only screen and (min-width: 1200px) {
    .col--content--wide {
        width:75%
    }
}

.col--nopadleft {
    padding-left: 0
}

@media only screen and (min-width: 550px) {
    .col--nopadleft--sm {
        padding-left:0
    }
}

@media only screen and (min-width: 700px) {
    .col--nopadleft--md {
        padding-left:0
    }
}

@media only screen and (min-width: 1000px) {
    .col--nopadleft--lg {
        padding-left:0
    }
}

@media only screen and (min-width: 1200px) {
    .col--nopadleft--xl {
        padding-left:0
    }
}

@media only screen and (min-width: 1400px) {
    .col--nopadleft--ws {
        padding-left:0
    }
}

@media only screen and (min-width: 1600px) {
    .col--nopadleft--xw {
        padding-left:0
    }
}

@media only screen and (min-width: 1800px) {
    .col--nopadleft--xxw {
        padding-left:0
    }
}

@media only screen and (min-width: 2000px) {
    .col--nopadleft--xxxw {
        padding-left:0
    }
}

.col--nopadright {
    padding-right: 0
}

@media only screen and (min-width: 550px) {
    .col--nopadright--sm {
        padding-right:0
    }
}

@media only screen and (min-width: 700px) {
    .col--nopadright--md {
        padding-right:0
    }
}

@media only screen and (min-width: 1000px) {
    .col--nopadright--lg {
        padding-right:0
    }
}

@media only screen and (min-width: 1200px) {
    .col--nopadright--xl {
        padding-right:0
    }
}

@media only screen and (min-width: 1400px) {
    .col--nopadright--ws {
        padding-right:0
    }
}

@media only screen and (min-width: 1600px) {
    .col--nopadright--xw {
        padding-right:0
    }
}

@media only screen and (min-width: 1800px) {
    .col--nopadright--xxw {
        padding-right:0
    }
}

@media only screen and (min-width: 2000px) {
    .col--nopadright--xxxw {
        padding-right:0
    }
}

.col--hidden {
    display: none
}

@media only screen and (min-width: 550px) {
    .col--hidden.col--visible--sm {
        display:block
    }
}

@media only screen and (min-width: 700px) {
    .col--hidden.col--visible--md {
        display:block
    }
}

@media only screen and (min-width: 1000px) {
    .col--hidden.col--visible--lg {
        display:block
    }
}

.col-auto {
    width: auto
}

.col-1 {
    width: 100%
}

.col-1-2 {
    width: 50%
}

.col-1-3 {
    width: 33.3%
}

.col-2-3 {
    width: 66.66666%
}

.col-1-6 {
    width: 16.66666%
}

.col-1-4 {
    width: 25%
}

.col-3-4 {
    /* width: 75%; */
}

.col-1-5 {
    width: 20%
}

.col-2-5 {
    width: 40%
}

.col-3-5 {
    width: 60%
}

.col-4-5 {
    width: 80%
}

.col-1-6 {
    width: 16.656%
}

.col-5-6 {
    width: 83.33%
}

.col-1-8 {
    width: 12.5%
}

.col-3-8 {
    width: 37.5%
}

.col-5-8 {
    width: 62.5%
}

.col-7-8 {
    width: 87.5%
}

.col-1-12 {
    width: 8.3333%
}

.col-5-12 {
    width: 41.6666%
}

.col-7-12 {
    width: 58.3333%
}

.col-11-12 {
    width: 91.6666%
}

.col-1-24 {
    width: 4.1666%
}

.col-5-24 {
    width: 20.8333%
}

.col-7-24 {
    width: 29.1666%
}

.col-11-24 {
    width: 45.8333%
}

.col-13-24 {
    width: 54.1666%
}

.col-17-24 {
    width: 70.8333%
}

.col-19-24 {
    width: 79.1666%
}

.col-23-24 {
    width: 95.8333%
}

@media only screen and (min-width: 550px) {
    .col-sm-auto {
        width:auto
    }

    .col-sm-1 {
        width: 100%
    }

    .col-sm-1-2 {
        width: 50%
    }

    .col-sm-1-3 {
        width: 33.3%
    }

    .col-sm-2-3 {
        width: 66.66666%
    }

    .col-sm-1-6 {
        width: 16.66666%
    }

    .col-sm-1-4 {
        width: 25%
    }

    .col-sm-3-4 {
        width: 75%
    }

    .col-sm-1-5 {
        width: 20%
    }

    .col-sm-2-5 {
        width: 40%
    }

    .col-sm-3-5 {
        width: 60%
    }

    .col-sm-4-5 {
        width: 80%
    }

    .col-sm-1-6 {
        width: 16.656%
    }

    .col-sm-5-6 {
        width: 100%;
    }

    .col-sm-1-8 {
        width: 12.5%
    }

    .col-sm-3-8 {
        width: 37.5%
    }

    .col-sm-5-8 {
        width: 62.5%
    }

    .col-sm-7-8 {
        width: 87.5%
    }

    .col-sm-1-12 {
        width: 8.3333%
    }

    .col-sm-5-12 {
        width: 41.6666%
    }

    .col-sm-7-12 {
        width: 58.3333%
    }

    .col-sm-11-12 {
        width: 91.6666%
    }

    .col-sm-1-24 {
        width: 4.1666%
    }

    .col-sm-5-24 {
        width: 20.8333%
    }

    .col-sm-7-24 {
        width: 29.1666%
    }

    .col-sm-11-24 {
        width: 45.8333%
    }

    .col-sm-13-24 {
        width: 54.1666%
    }

    .col-sm-17-24 {
        width: 70.8333%
    }

    .col-sm-19-24 {
        width: 79.1666%
    }

    .col-sm-23-24 {
        width: 95.8333%
    }
}

@media only screen and (min-width: 700px) {
    .col-md-auto {
        width:auto
    }

    .col-md-1 {
        width: 100%
    }

    .col-md-1-2 {
        width: 50%
    }

    .col-md-1-3 {
        width: 33.3%
    }

    .col-md-2-3 {
        width: 66.66666%
    }

    .col-md-1-6 {
        width: 16.66666%
    }

    .col-md-1-4 {
        width: 25%
    }

    .col-md-3-4 {
        width: 75%
    }

    .col-md-1-5 {
        width: 20%
    }

    .col-md-2-5 {
        width: 40%
    }

    .col-md-3-5 {
        width: 60%
    }

    .col-md-4-5 {
        width: 80%
    }

    .col-md-1-6 {
        width: 16.656%
    }

    .col-md-5-6 {
        width: 83.33%
    }

    .col-md-1-8 {
        width: 12.5%
    }

    .col-md-3-8 {
        width: 37.5%
    }

    .col-md-5-8 {
        width: 62.5%
    }

    .col-md-7-8 {
        width: 87.5%
    }

    .col-md-1-12 {
        width: 8.3333%
    }

    .col-md-5-12 {
        width: 41.6666%
    }

    .col-md-7-12 {
        width: 58.3333%
    }

    .col-md-11-12 {
        width: 91.6666%
    }

    .col-md-1-24 {
        width: 4.1666%
    }

    .col-md-5-24 {
        width: 20.8333%
    }

    .col-md-7-24 {
        width: 29.1666%
    }

    .col-md-11-24 {
        width: 45.8333%
    }

    .col-md-13-24 {
        width: 54.1666%
    }

    .col-md-17-24 {
        width: 70.8333%
    }

    .col-md-19-24 {
        width: 79.1666%
    }

    .col-md-23-24 {
        width: 95.8333%
    }
}

@media only screen and (min-width: 1000px) {
    .col-lg-auto {
        width:auto
    }

    .col-lg-1 {
        width: 100%
    }

    .col-lg-1-2 {
        width: 50%
    }

    .col-lg-1-3 {
        width: 33.3%
    }

    .col-lg-2-3 {
        width: 66.66666%
    }

    .col-lg-1-6 {
        width: 16.66666%
    }

    .col-lg-1-4 {
        width: 25%
    }

    .col-lg-3-4 {
        width: 75%
    }

    .col-lg-1-5 {
        width: 20%
    }

    .col-lg-2-5 {
        width: 40%
    }

    .col-lg-3-5 {
        width: 60%
    }

    .col-lg-4-5 {
        width: 80%
    }

    .col-lg-1-6 {
        width: 16.656%
    }

    .col-lg-5-6 {
        width: 83.33%
    }

    .col-lg-1-8 {
        width: 12.5%
    }

    .col-lg-3-8 {
        width: 37.5%
    }

    .col-lg-5-8 {
        width: 62.5%
    }

    .col-lg-7-8 {
        width: 87.5%
    }

    .col-lg-1-12 {
        width: 8.3333%
    }

    .col-lg-5-12 {
        width: 41.6666%
    }

    .col-lg-7-12 {
        width: 58.3333%
    }

    .col-lg-11-12 {
        width: 91.6666%
    }

    .col-lg-1-24 {
        width: 4.1666%
    }

    .col-lg-5-24 {
        width: 20.8333%
    }

    .col-lg-7-24 {
        width: 29.1666%
    }

    .col-lg-11-24 {
        width: 45.8333%
    }

    .col-lg-13-24 {
        width: 54.1666%
    }

    .col-lg-17-24 {
        width: 70.8333%
    }

    .col-lg-19-24 {
        width: 79.1666%
    }

    .col-lg-23-24 {
        width: 95.8333%
    }
}

@media only screen and (min-width: 1200px) {
    .col-xl-auto {
        width:auto
    }

    .col-xl-1 {
        width: 100%
    }

    .col-xl-1-2 {
        width: 50%
    }

    .col-xl-1-3 {
        width: 33.3%
    }

    .col-xl-2-3 {
        width: 66.66666%
    }

    .col-xl-1-6 {
        width: 16.66666%
    }

    .col-xl-1-4 {
        width: 25%
    }

    .col-xl-3-4 {
        width: 75%
    }

    .col-xl-1-5 {
        width: 20%
    }

    .col-xl-2-5 {
        width: 40%
    }

    .col-xl-3-5 {
        width: 60%
    }

    .col-xl-4-5 {
        width: 80%
    }

    .col-xl-1-6 {
        width: 16.656%
    }

    .col-xl-5-6 {
        width: 83.33%
    }

    .col-xl-1-8 {
        width: 12.5%
    }

    .col-xl-3-8 {
        width: 37.5%
    }

    .col-xl-5-8 {
        width: 62.5%
    }

    .col-xl-7-8 {
        width: 87.5%
    }

    .col-xl-1-12 {
        width: 8.3333%
    }

    .col-xl-5-12 {
        width: 41.6666%
    }

    .col-xl-7-12 {
        width: 58.3333%
    }

    .col-xl-11-12 {
        width: 91.6666%
    }

    .col-xl-1-24 {
        width: 4.1666%
    }

    .col-xl-5-24 {
        width: 20.8333%
    }

    .col-xl-7-24 {
        width: 29.1666%
    }

    .col-xl-11-24 {
        width: 45.8333%
    }

    .col-xl-13-24 {
        width: 54.1666%
    }

    .col-xl-17-24 {
        width: 70.8333%
    }

    .col-xl-19-24 {
        width: 79.1666%
    }

    .col-xl-23-24 {
        width: 95.8333%
    }
}

@media only screen and (min-width: 1400px) {
    .col-ws-auto {
        width:auto
    }

    .col-ws-1 {
        width: 100%
    }

    .col-ws-1-2 {
        width: 50%
    }

    .col-ws-1-3 {
        width: 33.3%
    }

    .col-ws-2-3 {
        width: 66.66666%
    }

    .col-ws-1-6 {
        width: 16.66666%
    }

    .col-ws-1-4 {
        width: 25%
    }

    .col-ws-3-4 {
        width: 75%
    }

    .col-ws-1-5 {
        width: 20%
    }

    .col-ws-2-5 {
        width: 40%
    }

    .col-ws-3-5 {
        width: 60%
    }

    .col-ws-4-5 {
        width: 80%
    }

    .col-ws-1-6 {
        width: 16.656%
    }

    .col-ws-5-6 {
        width: 83.33%
    }

    .col-ws-1-8 {
        width: 12.5%
    }

    .col-ws-3-8 {
        width: 37.5%
    }

    .col-ws-5-8 {
        width: 62.5%
    }

    .col-ws-7-8 {
        width: 87.5%
    }

    .col-ws-1-12 {
        width: 8.3333%
    }

    .col-ws-5-12 {
        width: 41.6666%
    }

    .col-ws-7-12 {
        width: 58.3333%
    }

    .col-ws-11-12 {
        width: 91.6666%
    }

    .col-ws-1-24 {
        width: 4.1666%
    }

    .col-ws-5-24 {
        width: 20.8333%
    }

    .col-ws-7-24 {
        width: 29.1666%
    }

    .col-ws-11-24 {
        width: 45.8333%
    }

    .col-ws-13-24 {
        width: 54.1666%
    }

    .col-ws-17-24 {
        width: 70.8333%
    }

    .col-ws-19-24 {
        width: 79.1666%
    }

    .col-ws-23-24 {
        width: 95.8333%
    }
}

@media only screen and (min-width: 1600px) {
    .col-xw-auto {
        width:auto
    }

    .col-xw-1 {
        width: 100%
    }

    .col-xw-1-2 {
        width: 50%
    }

    .col-xw-1-3 {
        width: 33.3%
    }

    .col-xw-2-3 {
        width: 66.66666%
    }

    .col-xw-1-6 {
        width: 16.66666%
    }

    .col-xw-1-4 {
        width: 25%
    }

    .col-xw-3-4 {
        width: 75%
    }

    .col-xw-1-5 {
        width: 20%
    }

    .col-xw-2-5 {
        width: 40%
    }

    .col-xw-3-5 {
        width: 60%
    }

    .col-xw-4-5 {
        width: 80%
    }

    .col-xw-1-6 {
        width: 16.656%
    }

    .col-xw-5-6 {
        width: 83.33%
    }

    .col-xw-1-8 {
        width: 12.5%
    }

    .col-xw-3-8 {
        width: 37.5%
    }

    .col-xw-5-8 {
        width: 62.5%
    }

    .col-xw-7-8 {
        width: 87.5%
    }

    .col-xw-1-12 {
        width: 8.3333%
    }

    .col-xw-5-12 {
        width: 41.6666%
    }

    .col-xw-7-12 {
        width: 58.3333%
    }

    .col-xw-11-12 {
        width: 91.6666%
    }

    .col-xw-1-24 {
        width: 4.1666%
    }

    .col-xw-5-24 {
        width: 20.8333%
    }

    .col-xw-7-24 {
        width: 29.1666%
    }

    .col-xw-11-24 {
        width: 45.8333%
    }

    .col-xw-13-24 {
        width: 54.1666%
    }

    .col-xw-17-24 {
        width: 70.8333%
    }

    .col-xw-19-24 {
        width: 79.1666%
    }

    .col-xw-23-24 {
        width: 95.8333%
    }
}

@media only screen and (min-width: 1800px) {
    .col-xxw-auto {
        width:auto
    }

    .col-xxw-1 {
        width: 100%
    }

    .col-xxw-1-2 {
        width: 50%
    }

    .col-xxw-1-3 {
        width: 33.3%
    }

    .col-xxw-2-3 {
        width: 66.66666%
    }

    .col-xxw-1-6 {
        width: 16.66666%
    }

    .col-xxw-1-4 {
        width: 25%
    }

    .col-xxw-3-4 {
        width: 75%
    }

    .col-xxw-1-5 {
        width: 20%
    }

    .col-xxw-2-5 {
        width: 40%
    }

    .col-xxw-3-5 {
        width: 60%
    }

    .col-xxw-4-5 {
        width: 80%
    }

    .col-xxw-1-6 {
        width: 16.656%
    }

    .col-xxw-5-6 {
        width: 83.33%
    }

    .col-xxw-1-8 {
        width: 12.5%
    }

    .col-xxw-3-8 {
        width: 37.5%
    }

    .col-xxw-5-8 {
        width: 62.5%
    }

    .col-xxw-7-8 {
        width: 87.5%
    }

    .col-xxw-1-12 {
        width: 8.3333%
    }

    .col-xxw-5-12 {
        width: 41.6666%
    }

    .col-xxw-7-12 {
        width: 58.3333%
    }

    .col-xxw-11-12 {
        width: 91.6666%
    }

    .col-xxw-1-24 {
        width: 4.1666%
    }

    .col-xxw-5-24 {
        width: 20.8333%
    }

    .col-xxw-7-24 {
        width: 29.1666%
    }

    .col-xxw-11-24 {
        width: 45.8333%
    }

    .col-xxw-13-24 {
        width: 54.1666%
    }

    .col-xxw-17-24 {
        width: 70.8333%
    }

    .col-xxw-19-24 {
        width: 79.1666%
    }

    .col-xxw-23-24 {
        width: 95.8333%
    }
}

@media only screen and (min-width: 2000px) {
    .col-xxxw-auto {
        width:auto
    }

    .col-xxxw-1 {
        width: 100%
    }

    .col-xxxw-1-2 {
        width: 50%
    }

    .col-xxxw-1-3 {
        width: 33.3%
    }

    .col-xxxw-2-3 {
        width: 66.66666%
    }

    .col-xxxw-1-6 {
        width: 16.66666%
    }

    .col-xxxw-1-4 {
        width: 25%
    }

    .col-xxxw-3-4 {
        width: 75%
    }

    .col-xxxw-1-5 {
        width: 20%
    }

    .col-xxxw-2-5 {
        width: 40%
    }

    .col-xxxw-3-5 {
        width: 60%
    }

    .col-xxxw-4-5 {
        width: 80%
    }

    .col-xxxw-1-6 {
        width: 16.656%
    }

    .col-xxxw-5-6 {
        width: 83.33%
    }

    .col-xxxw-1-8 {
        width: 12.5%
    }

    .col-xxxw-3-8 {
        width: 37.5%
    }

    .col-xxxw-5-8 {
        width: 62.5%
    }

    .col-xxxw-7-8 {
        width: 87.5%
    }

    .col-xxxw-1-12 {
        width: 8.3333%
    }

    .col-xxxw-5-12 {
        width: 41.6666%
    }

    .col-xxxw-7-12 {
        width: 58.3333%
    }

    .col-xxxw-11-12 {
        width: 91.6666%
    }

    .col-xxxw-1-24 {
        width: 4.1666%
    }

    .col-xxxw-5-24 {
        width: 20.8333%
    }

    .col-xxxw-7-24 {
        width: 29.1666%
    }

    .col-xxxw-11-24 {
        width: 45.8333%
    }

    .col-xxxw-13-24 {
        width: 54.1666%
    }

    .col-xxxw-17-24 {
        width: 70.8333%
    }

    .col-xxxw-19-24 {
        width: 79.1666%
    }

    .col-xxxw-23-24 {
        width: 95.8333%
    }
}

input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea {
    padding: var(--input-padding);
    /* border: none!important; */
    border-radius: var(--input-border-radius);
    font-weight: var(--font-weight-regular);
    outline: 0;
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    color: var(--font-color);
    font-family: var(--font-stack-body);
    border:1px solid #ccc;
}

input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,select:focus,textarea:focus {
    outline: 0
}

input[type=email].placeholder,input[type=number].placeholder,input[type=password].placeholder,input[type=search].placeholder,input[type=tel].placeholder,input[type=text].placeholder,select.placeholder,textarea.placeholder {
    color: color-mix(in srgb,var(--font-color),transparent 75%)
}

.color-white input[type=email].placeholder,.color-white input[type=number].placeholder,.color-white input[type=password].placeholder,.color-white input[type=search].placeholder,.color-white input[type=tel].placeholder,.color-white input[type=text].placeholder,.color-white select.placeholder,.color-white textarea.placeholder {
    color: color-mix(in srgb,var(--font-color),transparent 75%)
}

input[type=email]:-moz-placeholder,input[type=number]:-moz-placeholder,input[type=password]:-moz-placeholder,input[type=search]:-moz-placeholder,input[type=tel]:-moz-placeholder,input[type=text]:-moz-placeholder,select:-moz-placeholder,textarea:-moz-placeholder {
    color: color-mix(in srgb,var(--font-color),transparent 75%)
}

.color-white input[type=email]:-moz-placeholder,.color-white input[type=number]:-moz-placeholder,.color-white input[type=password]:-moz-placeholder,.color-white input[type=search]:-moz-placeholder,.color-white input[type=tel]:-moz-placeholder,.color-white input[type=text]:-moz-placeholder,.color-white select:-moz-placeholder,.color-white textarea:-moz-placeholder {
    color: color-mix(in srgb,var(--font-color),transparent 75%)
}

input[type=email]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder {
    color: color-mix(in srgb,var(--font-color),transparent 75%)
}

.color-white input[type=email]::-moz-placeholder,.color-white input[type=number]::-moz-placeholder,.color-white input[type=password]::-moz-placeholder,.color-white input[type=search]::-moz-placeholder,.color-white input[type=tel]::-moz-placeholder,.color-white input[type=text]::-moz-placeholder,.color-white select::-moz-placeholder,.color-white textarea::-moz-placeholder {
    color: color-mix(in srgb,var(--font-color),transparent 75%)
}

input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=search]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: color-mix(in srgb,var(--font-color),transparent 75%)
}

.color-white input[type=email]:-ms-input-placeholder,.color-white input[type=number]:-ms-input-placeholder,.color-white input[type=password]:-ms-input-placeholder,.color-white input[type=search]:-ms-input-placeholder,.color-white input[type=tel]:-ms-input-placeholder,.color-white input[type=text]:-ms-input-placeholder,.color-white select:-ms-input-placeholder,.color-white textarea:-ms-input-placeholder {
    color: color-mix(in srgb,var(--font-color),transparent 75%)
}

input[type=email]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: color-mix(in srgb,var(--font-color),transparent 75%)
}

.color-white input[type=email]::-webkit-input-placeholder,.color-white input[type=number]::-webkit-input-placeholder,.color-white input[type=password]::-webkit-input-placeholder,.color-white input[type=search]::-webkit-input-placeholder,.color-white input[type=tel]::-webkit-input-placeholder,.color-white input[type=text]::-webkit-input-placeholder,.color-white select::-webkit-input-placeholder,.color-white textarea::-webkit-input-placeholder {
    color: color-mix(in srgb,var(--font-color),transparent 75%)
}

input[type=email]:-webkit-autofill,input[type=email]:-webkit-autofill:hover,input[type=number]:-webkit-autofill,input[type=number]:-webkit-autofill:hover,input[type=password]:-webkit-autofill,input[type=password]:-webkit-autofill:hover,input[type=search]:-webkit-autofill,input[type=search]:-webkit-autofill:hover,input[type=tel]:-webkit-autofill,input[type=tel]:-webkit-autofill:hover,input[type=text]:-webkit-autofill,input[type=text]:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--font-color)!important;
    -webkit-box-shadow: 0 0 0 1000px var(--input-background-focus-black) inset!important;
    -webkit-transition: background-color 5000s ease-in-out 0s!important;
    transition: background-color 5000s ease-in-out 0s!important
}

.color-white input[type=email]:-webkit-autofill,.color-white input[type=email]:-webkit-autofill:hover,.color-white input[type=number]:-webkit-autofill,.color-white input[type=number]:-webkit-autofill:hover,.color-white input[type=password]:-webkit-autofill,.color-white input[type=password]:-webkit-autofill:hover,.color-white input[type=search]:-webkit-autofill,.color-white input[type=search]:-webkit-autofill:hover,.color-white input[type=tel]:-webkit-autofill,.color-white input[type=tel]:-webkit-autofill:hover,.color-white input[type=text]:-webkit-autofill,.color-white input[type=text]:-webkit-autofill:hover,.color-white select:-webkit-autofill,.color-white select:-webkit-autofill:hover,.color-white textarea:-webkit-autofill,.color-white textarea:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 1000px var(--input-background-focus-white) inset!important
}

textarea {
    min-height: 7em;
    resize: none!important
}

.nf-form-cont .nf-before-form-content {
    margin-bottom: 1em
}

.nf-form-cont .nf-form-content {
    padding: 0!important
}

.nf-form-cont .nf-field-container {
    display: inline-block;
    position: relative;
    padding-bottom: 1.2rem;
    margin-bottom: .3rem;
    width: 100%
}

@media only screen and (min-width: 550px) {
    .nf-form-cont .nf-field-container {
        width:-webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }
}

.nf-form-cont .nf-field-container .nf-after-field {
    position: absolute;
    bottom: 0;
    left: 0
}

.nf-form-cont .submit-container {
    width: 100%;
    margin-top: .5rem;
    padding-bottom: 0;
    margin-bottom: 0
}

.nf-form-cont .textarea-container {
    width: 100%
}

.nf-form-cont .textarea-container .nf-field-label {
    display: none!important
}

.nf-form-cont label .ninja-forms-req-symbol {
    display: none!important
}

.nf-form-cont input,.nf-form-cont select,.nf-form-cont textarea {
    background: var(--input-background-black)!important;
    color: var(--color-black)!important;
    font-size: var(--font-size-reg)!important;
    line-height: var(--font-lineheight-body);
    outline: 0!important
}

.color-white .nf-form-cont input,.color-white .nf-form-cont select,.color-white .nf-form-cont textarea {
    color: var(--color-white)!important;
    background: var(--input-background-white)!important
}

.nf-form-cont input:focus,.nf-form-cont select:focus,.nf-form-cont textarea:focus {
    background: var(--input-background-focus-black)!important
}

.color-white .nf-form-cont input:focus,.color-white .nf-form-cont select:focus,.color-white .nf-form-cont textarea:focus {
    background: var(--input-background-focus-white)!important
}

.nf-form-cont textarea {
    display: block
}

.nf-form-cont select {
    position: relative;
    z-index: 2
}

.nf-form-cont select::-ms-expand {
    display: none
}

.nf-form-cont .ninja-forms-req-symbol {
    color: var(--color-white);
    margin-left: -.2em
}

@media only screen and (min-width: 550px) {
    .nf-form-cont .label-above .field-wrap {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: nowrap;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.nf-form-cont .field-wrap .nf-field-label {
    display: block;
    width: 100%
}

@media only screen and (min-width: 550px) {
    .nf-form-cont .field-wrap .nf-field-label {
        width:auto;
        margin-bottom: 0;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.nf-form-cont .field-wrap .nf-field-label label {
    font-weight: var(--font-weight-regular);
    margin-right: .5em
}

.nf-form-cont .field-wrap .nf-field-element {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0%;
    -ms-flex-preferred-size: 0;
    flex-basis: 0%;
    width: 100%
}

@media only screen and (min-width: 550px) {
    .nf-form-cont .field-wrap .nf-field-element {
        -webkit-box-flex:1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 21em;
        margin-right: 1.5em
    }
}

.nf-form-cont .field-wrap .nf-field-element input::-webkit-input-placeholder,.nf-form-cont .field-wrap .nf-field-element select::-webkit-input-placeholder,.nf-form-cont .field-wrap .nf-field-element textarea::-webkit-input-placeholder {
    color: var(--color-grey)
}

.nf-form-cont .field-wrap .nf-field-element input::-moz-placeholder,.nf-form-cont .field-wrap .nf-field-element select::-moz-placeholder,.nf-form-cont .field-wrap .nf-field-element textarea::-moz-placeholder {
    color: var(--color-grey)
}

.nf-form-cont .field-wrap .nf-field-element input:-ms-input-placeholder,.nf-form-cont .field-wrap .nf-field-element select:-ms-input-placeholder,.nf-form-cont .field-wrap .nf-field-element textarea:-ms-input-placeholder {
    color: var(--color-grey)
}

.nf-form-cont .field-wrap .nf-field-element input::-ms-input-placeholder,.nf-form-cont .field-wrap .nf-field-element select::-ms-input-placeholder,.nf-form-cont .field-wrap .nf-field-element textarea::-ms-input-placeholder {
    color: var(--color-grey)
}

.nf-form-cont .field-wrap .nf-field-element input::placeholder,.nf-form-cont .field-wrap .nf-field-element select::placeholder,.nf-form-cont .field-wrap .nf-field-element textarea::placeholder {
    color: var(--color-grey)
}

.nf-form-cont .list-select-wrap .nf-field-element:after,.nf-form-cont .listcountry-wrap .nf-field-element:after {
    content: ""!important;
    position: absolute!important;
    line-height: 30px!important;
    font-family: "Font Awesome 5 Pro"!important;
    font-size: 15px!important;
    color: var(--font-color);
    background: 0 0;
    left: auto;
    right: 1.5em!important;
    top: 50%;
    height: 30px!important;
    margin-top: -15px;
    z-index: 1
}

.nf-form-cont .nf-error .nf-field-element:after,.nf-form-cont .nf-pass .nf-field-element:after {
    top: 50%!important;
    background: 0 0!important;
    height: 30px!important;
    line-height: 30px!important;
    margin-top: -15px
}

.nf-form-cont .nf-error.textarea-wrap .nf-field-element:after,.nf-form-cont .nf-pass.textarea-wrap .nf-field-element:after {
    top: 30px!important
}

.nf-form-cont .nf-error-msg {
    color: var(--color-status-red)
}

.nf-form-cont .nf-error .nf-field-element:after {
    color: var(--color-status-green)!important
}

.nf-form-cont .nf-error .ninja-forms-field {
    background: color-mix(in srgb,var(--color-status-red),transparent 50%)!important
}

.nf-form-cont .nf-error .nf-field-element:after {
    color: var(--color-status-red)!important
}

.nf-form-cont input[type=checkbox].ninja-forms-field,.nf-form-cont input[type=radio].ninja-forms-field {
    padding: 0!important;
    border: 0!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    cursor: pointer;
    margin-right: 10px
}

.nf-form-cont input[type=checkbox].ninja-forms-field:focus,.nf-form-cont input[type=radio].ninja-forms-field:focus {
    outline: 0
}

.nf-form-cont input[type=checkbox].ninja-forms-field:checked,.nf-form-cont input[type=radio].ninja-forms-field:checked {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0
}

.nf-form-cont input[type=checkbox].ninja-forms-field:after,.nf-form-cont input[type=checkbox].ninja-forms-field:before,.nf-form-cont input[type=radio].ninja-forms-field:after,.nf-form-cont input[type=radio].ninja-forms-field:before {
    content: "";
    position: absolute
}

.nf-form-cont input[type=checkbox].ninja-forms-field:after,.nf-form-cont input[type=radio].ninja-forms-field:after {
    border: 2px solid var(--input-border-color-black);
    top: -1px;
    left: 0;
    width: 21px;
    height: 21px;
    box-sizing: border-box
}

.color-white .nf-form-cont input[type=checkbox].ninja-forms-field:after,.color-white .nf-form-cont input[type=radio].ninja-forms-field:after {
    border-color: var(--input-border-color-white)
}

.nf-form-cont input[type=checkbox].ninja-forms-field:before,.nf-form-cont input[type=radio].ninja-forms-field:before {
    top: 4px;
    left: 6px;
    width: 9px;
    height: 9px;
    z-index: 18
}

.nf-form-cont input[type=checkbox].ninja-forms-field:checked:after,.nf-form-cont input[type=radio].ninja-forms-field:checked:after {
    border-color: var(--color-black);
    background-color: var(--color-black)
}

.color-white .nf-form-cont input[type=checkbox].ninja-forms-field:checked:after,.color-white .nf-form-cont input[type=radio].ninja-forms-field:checked:after {
    border-color: var(--color-white);
    background-color: var(--color-white)
}

.nf-form-cont input[type=checkbox].ninja-forms-field:checked:before,.nf-form-cont input[type=radio].ninja-forms-field:checked:before {
    background-color: var(--color-white)
}

.color-white .nf-form-cont input[type=checkbox].ninja-forms-field:checked:before,.color-white .nf-form-cont input[type=radio].ninja-forms-field:checked:before {
    background-color: var(--color-black)
}

.nf-form-cont input[type=checkbox].ninja-forms-field:after {
    border-radius: .15em
}

.nf-form-cont input[type=checkbox].ninja-forms-field:before {
    content: "";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    color: transparent;
    background: 0 0!important;
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.nf-form-cont input[type=checkbox].ninja-forms-field:checked::before {
    color: var(--color-white)
}

.color-white .nf-form-cont input[type=checkbox].ninja-forms-field:checked::before {
    color: var(--color-black)
}

.nf-form-cont .checkbox-wrap .nf-field-label {
    padding-left: 0
}

.nf-form-cont .checkbox-wrap .nf-field-label label {
    margin-left: 1em
}

.nf-form-cont .checkbox-wrap input[type=checkbox] {
    top: .1em;
    position: absolute
}

.nf-form-cont input[type=radio].ninja-forms-field:after,.nf-form-cont input[type=radio].ninja-forms-field:before {
    border-radius: 50%
}

.nf-form-cont input[type=radio].ninja-forms-field:before {
    top: 5px;
    left: 6px
}

.nf-form-cont input[type=radio].ninja-forms-field:checked::before {
    background: var(--color-white)
}

.nf-form-cont .listcheckbox-wrap ul li input,.nf-form-cont .listradio-wrap ul li input {
    margin-top: .1em
}

.nf-form-cont .listcheckbox-wrap ul li label,.nf-form-cont .listradio-wrap ul li label {
    margin-left: calc(21px + 1em)
}

.nf-form-cont .nf-multi-cell .nf-row {
    margin-left: -.5em;
    margin-right: -.5em
}

.nf-form-cont .nf-multi-cell .nf-cell {
    padding: 0 .5em
}

.nf-form-cont .nf-before-form-content {
    display: none
}

html {
    height: -webkit-fill-available;
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    max-width: 100%;
    min-height: var(--vh);
    min-height: -webkit-fill-available;
    background-color: var(--bg-color)
}

.bd {
    margin: 0 var(--bd-margin);
    position: relative;
    min-height: 1px
}

@media only screen and (min-width: 1800px) {
    .bd {
        margin:0 auto;
        max-width: calc(1800px - (var(--bd-margin) * 2));
    }
}

.bd:after {
    content: "";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.main {
    position: relative
}

.main--height-100 {
    overflow: hidden
}

.visuallyhidden {
    position: absolute!important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.clearfix::after {
    content: "";
    display: table;
    clear: both
}

.bg-dusky-pink {
    --bg-color: var(--color-dusky-pink);
    background-color: var(--bg-color)
}

.bg-rust {
    --bg-color: var(--color-rust);
    background-color: var(--bg-color)
}

.bg-orange {
    --bg-color: var(--color-orange);
    background-color: var(--bg-color)
}

.bg-lemon {
    --bg-color: var(--color-lemon);
    background-color: var(--bg-color)
}

.bg-green {
    --bg-color: var(--color-green);
    background-color: var(--bg-color)
}

.bg-blue {
    --bg-color: var(--color-blue);
    background-color: var(--bg-color)
}

.bg-purple {
    --bg-color: var(--color-purple);
    background-color: var(--bg-color)
}

.bg-lilac {
    --bg-color: var(--color-lilac);
    background-color: var(--bg-color)
}

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

.bg-black {
    --bg-color: var(--color-black);
    background-color: var(--bg-color)
}

.bg-grey {
    --bg-color: var(--color-grey-600);
    background-color: var(--bg-color)
}

.bg-status-red {
    --bg-color: var(--color-status-red);
    background-color: var(--bg-color)
}

.bg-status-orange {
    --bg-color: var(--color-status-red);
    background-color: var(--bg-color)
}

.bg-status-green {
    --bg-color: var(--color-status-green);
    background-color: var(--bg-color)
}

.bg-font-color-opaque {
    --bg-color: var(--font-color-opaque);
    background-color: var(--bg-color)
}

.bg-opaque {
    --bg-color: var(--bg-opaque);
    background-color: var(--bg-color)
}

.accent-dusky-pink {
    --accent-color: var(--color-dusky-pink)
}

.accent-rust {
    --accent-color: var(--color-rust)
}

.accent-orange {
    --accent-color: var(--color-orange)
}

.accent-lemon {
    --accent-color: var(--color-lemon)
}

.accent-green {
    --accent-color: var(--color-green)
}

.accent-blue {
    --accent-color: var(--color-blue)
}

.accent-purple {
    --accent-color: var(--color-purple)
}

.accent-lilac {
    --accent-color: var(--color-lilac)
}

.accent-white {
    --accent-color: var(--color-white)
}

.accent-black {
    --accent-color: var(--color-black)
}

.accent-grey {
    --accent-color: var(--color-grey-600)
}

.accent-status-red {
    --accent-color: var(--color-status-red)
}

.accent-status-orange {
    --accent-color: var(--color-status-orange)
}

.accent-status-green {
    --accent-color: var(--color-status-green)
}

.accent-font-color-opaque {
    --accent-color: var(--font-color-opaque)
}

.accent-opaque {
    --accent-color: var(--bg-opaque)
}

.pt {
    padding-top: var(--spacing)
}

.pb {
    padding-bottom: var(--spacing)
}

.pt--bd {
    padding-top: var(--bd-margin)
}

.pb--bd {
    padding-bottom: var(--bd-margin)
}

.pt--half {
    padding-top: calc(var(--spacing)/ 2)
}

.pb--half {
    padding-bottom: calc(var(--spacing)/ 2)
}

.pt--double {
    padding-top: calc(var(--spacing) * 2)
}

.pb--double {
    padding-bottom: calc(var(--spacing) * 2)
}

.pt--em {
    padding-top: 1em
}

.pb--em {
    padding-bottom: 1em
}

.p--none {
    padding: 0
}

.pt--none {
    padding-top: 0
}

.pb--none {
    padding-bottom: 0
}

.mt {
    margin-top: var(--spacing)
}

.mb {
    margin-bottom: var(--spacing)
}

.mt--bd {
    margin-top: var(--bd-margin)
}

.mb--bd {
    margin-bottom: var(--bd-margin)
}

.mt--half {
    margin-top: calc(var(--spacing)/ 2)
}

.mb--half {
    margin-bottom: calc(var(--spacing)/ 2)
}

.mt--double {
    margin-top: calc(var(--spacing) * 2)
}

.mb--double {
    margin-bottom: calc(var(--spacing) * 2)
}

.mt--em {
    margin-top: 1em
}

.mb--em {
    margin-bottom: 1em
}

.m--none {
    margin: 0
}

.mt--none {
    margin-top: 0
}

.mb--none {
    margin-bottom: 0
}

.mediaimg {
    width: 100%;
    background-color: var(--font-color-opaque)
}

.mediaimg .mediaimg__img {
    max-width: 100%;
    width: 100%
}

.mediaimg .mediaimg__img--bg {
    padding-top: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.mediaimg .mediaimg__img--bg--cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 0
}

.mediaimg .mediaimg__img--inline {
    display: block;
    height: auto
}

.mediaimg .mediaimg__img--icon {
    padding-top: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.lazy {
    opacity: 0;
    -webkit-transition: opacity var(--transition-short) var(--ease-in-out);
    transition: opacity var(--transition-short) var(--ease-in-out)
}

.lazy.loaded {
    opacity: 1
}

.pageheader {
    position: relative
}

.pageheader .pageheader__bd {
    position: relative;
    z-index: 2;
}

.max-w{
    width: 100%;
    max-width: 1800px;
    margin-left: 110px;
}
.pageheader .pageheader__heading {
    margin: 0;
    max-width: 12em
}

.pageheader .pageheader__leader {
    margin: .75em 0 0 0;
    max-width: 21em
}

.pageheader .pageheader__cta {
    margin-top: 2.5em
}

.pageheader .pageheader__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-black);
    overflow: hidden
}

.pageheader--home {
    position: relative;
    overflow: hidden;
    margin-top: calc(var(--siteheader-height) * -1);
    padding-top: var(--siteheader-height)
}

.pageheader--home .pageheader__video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
    -webkit-transition: opacity var(--transition-medium) var(--ease-in-out) 0s;
    transition: opacity var(--transition-medium) var(--ease-in-out) 0s
}

.pageheader--home .pageheader__video .mediavideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-black)
}

.pageheader--home .pageheader__video .mediavideo .mediavideo__video {
    opacity: .66;
    padding-top: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pageheader--home .pageheader__video .mediavideo .mediavideo__video iframe {
    width: 100vw;
    height: 56.25vw;
    min-height: var(--vh);
    min-width: calc(var(--vh) * 1.778);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.pageheader--home--activehover .pageheader__video {
    opacity: 0!important
}

@media only screen and (max-width: 699px) {
    .pageheader--postproduction {
        margin-top:calc(var(--spacing)/ 2)
    }
}

.pageheader--postproduction .pageheader__heading {
    max-width: none
}

.pageheader--postproduction .pageheader__heading .pageheader__heading__link {
    display: inline-block;
    margin-right: .35em
}

.pageheader--postproduction .pageheader__heading .pageheader__heading__seperator {
    margin-right: .35em
}

.pageheader--project .pageheader__preheading {
    margin-bottom: .25em;
    display: inline-block
}

.pageheader--project .pageheader__heading {
    max-width: none
}

@media only screen and (min-width: 700px) {
    .pageheader--project .pageheader__info .pageheader__tags {
        margin-bottom:0
    }
}

.pageheader--project .pageheader__info .pageheader__tags .pageheader__tags__list {
    margin-bottom: -.65em
}

.pageheader--project .pageheader__info .pageheader__info__extras .pageheader__info__extra {
    position: relative;
    display: inline-block;
    margin-right: .75em;
    padding-right: .75em
}

.pageheader--project .pageheader__info .pageheader__info__extras .pageheader__info__extra:after {
    content: "";
    position: absolute;
    top: .4em;
    right: 0;
    height: .85em;
    border-right: 1px solid var(--font-color)
}

.pageheader--project .pageheader__info .pageheader__info__extras .pageheader__info__extra:last-child:after {
    display: none
}

.pageheader--project .pageheader__info .pageheader__projectcta {
    display: inline-block
}

.pageheader--production .pageheader__productions {
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    /* border-bottom: 1px solid var(--font-color-opaque); */
}

.pageheader--production .pageheader__productions:after,.pageheader--production .pageheader__productions:before {
    content: "";
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: calc(var(--bd-margin));
    height: calc(100% + 2px);
    background: -webkit-linear-gradient(left,var(--bg-color) 20%,transparent 100%);
    background: linear-gradient(90deg,var(--bg-color) 20%,transparent 100%);
}

@media only screen and (min-width: 1800px) {
    .pageheader--production .pageheader__productions:after,.pageheader--production .pageheader__productions:before {
        width:calc((100vw - calc(1800px - (var(--bd-margin) * 2)))/ 2);
        background: -webkit-linear-gradient(left,var(--bg-color) 50%,transparent 100%);
        background: linear-gradient(90deg,var(--bg-color) 50%,transparent 100%)
    }
}

.pageheader--production .pageheader__productions:after {
    left: auto;
    right: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 0;
}

@media only screen and (min-width: 1200px) {
    .pageheader--production .pageheader__productions:after {
        /* width:calc(var(--bd-margin) * 6); */
        width:0;
    }
}

.pageheader--production .pageheader__productions .owl-carousel .owl-stage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.pageheader--production .pageheader__productions .owl-carousel .owl-stage .col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 0;
}

.pageheader--production .pageheader__productions .pageheader__production {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    position: relative;
    padding: 1.2em;
    /* border-left: 1px solid var(--font-color-opaque); */
}

.pageheader--production .pageheader__productions .pageheader__production .pageheader__production__title {
    display: block
}

.pageheader--production .pageheader__productions .pageheader__production .pageheader__production__title .pageheader__production__title__text {
    /* margin-right: .75em; */
    /* line-height: 1.5; */
}

.pageheader--production .pageheader__productions .pageheader__production .pageheader__production__title .pageheader__production__workingtitle {
    vertical-align: top;
    display: inline-block
}

.pageheader--production .pageheader__productions .pageheader__production .pageheader__production__details li {
    position: relative;
    padding: 0 1em 0 0
}

.pageheader--production .pageheader__productions .pageheader__production .pageheader__production__details li:not(:first-child) {
    padding: 0 1em
}

.pageheader--production .pageheader__productions .pageheader__production .pageheader__production__details li:not(:first-child)::before {
    content: "|";
    position: absolute;
    left: -.32em
}

.pageheader--production .pageheader__productions .pageheader__production .pageheader__production__details li:last-child {
    padding: 0 0 0 1em
}

.pageheader--production .pageheader__productions .pageheader__production .pageheader__production__details li:first-child {
    padding: 0 1em 0 0
}

.pageheader--production .pageheader__productions .pageheader__production .pageheader__production__status {
    margin-top: .75em;
    display: inline-block
}

.pageheader--production .pageheader__productions .pageheader__production .pageheader__production__status .pageheader__production__status__dot {
    width: .75em;
    height: .75em;
    border-radius: 50%;
    margin-right: .5em;
    display: inline-block
}

@media only screen and (max-width: 699px) {
    .pageheader--production .pageheader__body {
        margin-top:calc(var(--spacing)/ 2)
    }
}

.pageheader--person .pageheader__content .pageheader__name {
    padding-right: .5em;
    max-width: 9em
}

@media only screen and (min-width: 550px) {
    .pageheader--person .pageheader__content .pageheader__name {
        padding-right:0;
        max-width: none
    }
}

.pageheader--person .pageheader__content .pageheader__profileimg {
    margin-bottom: calc(var(--spacing)/ 2)
}

@media only screen and (min-width: 550px) {
    .pageheader--person .pageheader__content .pageheader__profileimg {
        margin-bottom:0
    }
}

.pageheader--person .pageheader__content .pageheader__profileimg .mediaimg .mediaimg__img--bg {
    padding-top: 136%
}

.pageheader--person .pageheader__content .pageheader__personrole {
    margin: .5em 0 0 0
}

.pageheader--person .pageheader__content .pageheader__personbio {
    margin-bottom: 0
}

.cky-consent-container .pageheader--person .pageheader__content .pageheader__persondetails .cky-btn,.cky-prefrence-btn-wrapper .pageheader--person .pageheader__content .pageheader__persondetails .cky-btn,.pageheader--person .pageheader__content .pageheader__persondetails .btn,.pageheader--person .pageheader__content .pageheader__persondetails .cky-consent-container .cky-btn,.pageheader--person .pageheader__content .pageheader__persondetails .cky-prefrence-btn-wrapper .cky-btn {
    margin: 0
}

.pageheader--404 .pageheader__leader,.pageheader--thankyou .pageheader__leader {
    margin-top: 0
}

.homepageheader {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    box-sizing: border-box;
    min-height: calc(var(--vh) - var(--siteheader-height));
    z-index: 2
}

.homepageheader .homepageheader__links .homepageheader__heading {
    max-width: none;
    margin-bottom: .25em
}

.homepageheader .homepageheader__links .homepageheader__heading:last-child {
    margin-bottom: 0
}

.linkhovers--list {
    display: none
}

.linkhovers .linkhovers__item {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 60%;
    z-index: 3;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out
}

@media only screen and (min-width: 1800px) {
    .linkhovers .linkhovers__item {
        width:calc(calc(1800px - (var(--bd-margin) * 2)) * .6)
    }
}

.linkhovers .linkhovers__item .linkhovers__item__img {
    top: 0;
    left: 0;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 56.25% 0 0;
    height: 0
}

.linkhovers .linkhovers__item .homepageheader {
    --font-color: var(--color-white);
    --accent-color: var(--color-white);
    color: var(--font-color);
    top: 0;
    left: 0;
    width: 100vw;
    position: absolute;
    min-height: var(--vh)
}

.linkhovers .linkhovers__item--hide {
    opacity: 0
}

.linkhovers .linkhovers__item--hideimg .linkhovers__item__img {
    opacity: 0
}

.contentarea h1,.contentarea h2,.contentarea h3,.contentarea h4,.contentarea h5,.contentarea h6 {
    margin-top: 1em
}

.contentarea .aligncenter {
    margin: 1em auto;
    display: block
}

.contentarea .alignleft,.contentarea .alignright {
    margin-top: 1em;
    margin-bottom: 1em
}

@media only screen and (min-width: 700px) {
    .contentarea .alignleft,.contentarea .alignright {
        width:40%!important
    }
}

.contentarea .alignleft {
    float: left;
    margin-right: 2em
}

.contentarea .alignright {
    float: right;
    margin-left: 2em
}

.contentarea .alignnone {
    width: 100%!important;
    height: auto
}

.contentarea .alignnone img {
    width: 100%
}

.contentarea .aligncenter,.contentarea .alignleft,.contentarea .alignnone,.contentarea .alignright {
    max-width: 100%
}

.contentarea .wp-caption.aligncenter {
    margin-bottom: 0
}

.contentarea ol,.contentarea ul,.list-style {
    list-style: none;
    margin-left: 2rem
}

@media only screen and (min-width: 1000px) {
    .contentarea ol,.contentarea ul,.list-style {
        margin-left:3rem
    }
}

.contentarea ol li,.contentarea ul li,.list-style li {
    position: relative
}

.contentarea ol li:before,.contentarea ul li:before,.list-style li:before {
    font-size: .65em;
    color: var(--font-color);
    top: .45em;
    position: absolute;
    left: 0;
    margin-left: -1.25rem;
    opacity: .66
}

@media only screen and (min-width: 1000px) {
    .contentarea ol li:before,.contentarea ul li:before,.list-style li:before {
        margin-left:-1.75rem
    }
}

.contentarea ul li,.list-style--bullets li {
    position: relative
}

.contentarea ul li:before,.list-style--bullets li:before {
    content: "";
    font-family: "Font Awesome 5 Pro"
}

.contentarea ol li,.list-style--numbers li {
    counter-increment: list-no
}

.contentarea ol li::before,.list-style--numbers li::before {
    content: counter(list-no) ".";
    top: .35em;
    font-size: .75em
}

.embedwrapper {
    position: relative;
    margin: 1.5em 0
}

@media only screen and (min-width: 550px) {
    .embedwrapper {
        margin:2em 0
    }
}

.tile {
    position: relative
}

.contentarea .wp-caption .tile:hover .wp-caption-text,.tile:hover .contentarea .wp-caption .wp-caption-text,.tile:hover .o-33,.tile:hover .o-50 {
    opacity: 1
}

.tile--person .tile__img {
    position: relative;
    overflow: hidden
}

.tile--person .tile__img .mediaimg__img--bg {
    -webkit-transition: -webkit-transform var(--transition-medium) ease;
    transition: -webkit-transform var(--transition-medium) ease;
    transition: transform var(--transition-medium) ease;
    transition: transform var(--transition-medium) ease,-webkit-transform var(--transition-medium) ease;
    padding-top: 117%
}

.tile--person .tile__content {
    margin-top: 1.25em;
    padding-right: 1em
}

@media only screen and (min-width: 550px) {
    .tile--person .tile__content {
        margin-top:1.75em
    }
}

.tile--person:hover .tile__img .mediaimg__img--bg {
    -webkit-transform: scale(1.05) translateZ(0);
    transform: scale(1.05) translateZ(0)
}

.tile--post-production {
    position: relative
}

.tile--post-production .tile__img {
    position: relative;
    overflow: hidden
}

.tile--post-production .tile__img .mediaimg__img--bg {
    -webkit-transition: -webkit-transform var(--transition-medium) ease;
    transition: -webkit-transform var(--transition-medium) ease;
    transition: transform var(--transition-medium) ease;
    transition: transform var(--transition-medium) ease,-webkit-transform var(--transition-medium) ease;
    padding-top: 56.25%
}

.tile--post-production .tile__services {
    position: relative
}

.tile--post-production .tile__services .tile__service {
    z-index: 1
}

.tile--post-production .tile__name {
    margin-bottom: .5em
}

.tile--post-production .tile__additional-term {
    position: relative;
    display: inline-block;
    margin-right: .75em;
    padding-right: .75em
}

.tile--post-production .tile__additional-term:after {
    content: "";
    position: absolute;
    top: .4em;
    right: 0;
    height: .85em;
    border-right: 1px solid var(--font-color)
}

.tile--post-production .tile__additional-term:last-child {
    margin-right: 0;
    padding-right: 0
}

.tile--post-production .tile__additional-term:last-child:after {
    display: none
}

.tile--post-production .tile__link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0
}

.tile--post-production:hover .tile__img .mediaimg__img--bg {
    -webkit-transform: scale(1.05) translateZ(0);
    transform: scale(1.05) translateZ(0)
}

.tile--post-production:hover .tile__name .linkline {
    background-position: left 0 bottom 5%
}

.tile--production {
    position: relative;
    border-bottom: 1px solid var(--font-color)
}

@media only screen and (max-width: 999px) {
    .tile--production {
        padding-bottom:calc(var(--spacing)/ 2)
    }
}

.tile--production .tile__imgwrap {
    position: relative
}

@media only screen and (min-width: 1000px) {
    .tile--production .tile__imgwrap {
        margin-bottom:0
    }
}

.tile--production .tile__imgwrap .tile__img {
    position: relative;
    overflow: hidden
}

.tile--production .tile__imgwrap .tile__img .mediaimg__img--bg {
    -webkit-transition: -webkit-transform var(--transition-medium) ease;
    transition: -webkit-transform var(--transition-medium) ease;
    transition: transform var(--transition-medium) ease;
    transition: transform var(--transition-medium) ease,-webkit-transform var(--transition-medium) ease;
    padding-top: 56.25%
}

.tile--production .tile__imgwrap .tile__logo {
    opacity: 0;
    -webkit-transition: opacity var(--transition-short) var(--ease-in-out);
    transition: opacity var(--transition-short) var(--ease-in-out);
    position: absolute;
    background: 0 0;
    width: 66.66%;
    bottom: var(--bd-margin);
    left: var(--bd-margin);
    display: none
}

@media only screen and (min-width: 1000px) {
    .tile--production .tile__imgwrap .tile__logo {
        display:block
    }
}

.tile--production .tile__imgwrap .tile__logo .mediaimg__img--bg {
    background-size: contain;
    background-position: bottom left!important;
    padding-top: 50%
}

.tile--production .tile__status {
    margin-top: auto
}

.tile--production .tile__status .btn--tag {
    margin: 0;
    background-color: var(--color-white);
    border: none;
    border-radius: 2px;
    color: var(--color-black);
    padding: 0
}

.tile--production .tile__description {
    margin-top: 1.5em
}

.tile--production .tile__date {
    margin-top: 1.5em
}

.tile--production:hover .tile__imgwrap .tile__img .mediaimg__img--bg {
    -webkit-transform: scale(1.05) translateZ(0);
    transform: scale(1.05) translateZ(0)
}

.tile--production:hover .tile__imgwrap .tile__logo {
    opacity: 1
}

.tile--production--small-tile {
    border-bottom: none;
    padding-bottom: 0!important
}

.tile--production--small-tile .tile__imgwrap {
    margin-bottom: 1em
}

.tile--production--small-tile .tile__status .btn--tag {
    background-color: transparent
}

.tile--post-production-overlay,.tile--production-overlay {
    position: relative
}

.tile--post-production-overlay .tile__img,.tile--production-overlay .tile__img {
    position: relative;
    overflow: hidden
}

.tile--post-production-overlay .tile__img .mediaimg__img--bg,.tile--production-overlay .tile__img .mediaimg__img--bg {
    -webkit-transition: -webkit-transform var(--transition-medium) ease;
    transition: -webkit-transform var(--transition-medium) ease;
    transition: transform var(--transition-medium) ease;
    transition: transform var(--transition-medium) ease,-webkit-transform var(--transition-medium) ease;
    padding-top: 56.25%
}

.tile--post-production-overlay .tile__content,.tile--production-overlay .tile__content {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 1.25em
}

.tile--post-production-overlay .tile__content .tile__footer,.tile--production-overlay .tile__content .tile__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity var(--transition-medium) ease,max-height var(--transition-medium) ease 50ms;
    transition: opacity var(--transition-medium) ease,max-height var(--transition-medium) ease 50ms
}

.tile--post-production-overlay .tile__content .tile__footer .tile__additional-terms,.tile--post-production-overlay .tile__content .tile__footer .tile__services,.tile--production-overlay .tile__content .tile__footer .tile__additional-terms,.tile--production-overlay .tile__content .tile__footer .tile__services {
    display: inline-block
}

.tile--post-production-overlay .tile__content .tile__footer .tile__services .tile__service,.tile--production-overlay .tile__content .tile__footer .tile__services .tile__service {
    margin-bottom: 0;
    vertical-align: middle
}

.cky-consent-container .tile--post-production-overlay .tile__content .tile__footer .tile__tags .tile__tags__list .cky-btn,.cky-consent-container .tile--production-overlay .tile__content .tile__footer .tile__tags .tile__tags__list .cky-btn,.cky-prefrence-btn-wrapper .tile--post-production-overlay .tile__content .tile__footer .tile__tags .tile__tags__list .cky-btn,.cky-prefrence-btn-wrapper .tile--production-overlay .tile__content .tile__footer .tile__tags .tile__tags__list .cky-btn,.tile--post-production-overlay .tile__content .tile__footer .tile__tags .tile__tags__list .btn,.tile--post-production-overlay .tile__content .tile__footer .tile__tags .tile__tags__list .cky-consent-container .cky-btn,.tile--post-production-overlay .tile__content .tile__footer .tile__tags .tile__tags__list .cky-prefrence-btn-wrapper .cky-btn,.tile--production-overlay .tile__content .tile__footer .tile__tags .tile__tags__list .btn,.tile--production-overlay .tile__content .tile__footer .tile__tags .tile__tags__list .cky-consent-container .cky-btn,.tile--production-overlay .tile__content .tile__footer .tile__tags .tile__tags__list .cky-prefrence-btn-wrapper .cky-btn {
    margin-bottom: 0;
    vertical-align: middle
}

@media only screen and (min-width: 550px) {
    .tile--post-production-overlay .tile__content .tile__footer .tile__additional-terms,.tile--production-overlay .tile__content .tile__footer .tile__additional-terms {
        text-align:right
    }
}

.tile--post-production-overlay .tile__content .tile__footer .tile__additional-terms .tile__additional-term,.tile--production-overlay .tile__content .tile__footer .tile__additional-terms .tile__additional-term {
    position: relative;
    display: inline-block;
    margin-left: .75em;
    padding-right: .75em
}

.tile--post-production-overlay .tile__content .tile__footer .tile__additional-terms .tile__additional-term:after,.tile--production-overlay .tile__content .tile__footer .tile__additional-terms .tile__additional-term:after {
    content: "";
    position: absolute;
    top: .4em;
    right: 0;
    height: .85em;
    border-right: 1px solid var(--font-color)
}

.tile--post-production-overlay .tile__content .tile__footer .tile__additional-terms .tile__additional-term:last-child,.tile--production-overlay .tile__content .tile__footer .tile__additional-terms .tile__additional-term:last-child {
    margin-right: 0;
    padding-right: 0
}

.tile--post-production-overlay .tile__content .tile__footer .tile__additional-terms .tile__additional-term:last-child:after,.tile--production-overlay .tile__content .tile__footer .tile__additional-terms .tile__additional-term:last-child:after {
    display: none
}

.tile--post-production-overlay .tile__link,.tile--production-overlay .tile__link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0
}

.tile--post-production-overlay:hover .tile__name .linkline,.tile--production-overlay:hover .tile__name .linkline {
    background-position: left 0 bottom 5%
}

.tile--post-production-overlay:hover .tile__img .mediaimg__img--bg,.tile--production-overlay:hover .tile__img .mediaimg__img--bg {
    -webkit-transform: scale(1.05) translateZ(0);
    transform: scale(1.05) translateZ(0)
}

.tile--post-production-overlay:hover .tile__footer,.tile--production-overlay:hover .tile__footer {
    max-height: 3em;
    opacity: 1;
    -webkit-transition: opacity var(--transition-medium) ease 150ms,max-height var(--transition-medium) ease;
    transition: opacity var(--transition-medium) ease 150ms,max-height var(--transition-medium) ease
}

.filters .filters__bar {
    padding: 1em 0;
    border-top: 1px solid var(--font-color-opaque)
}

.filters .filters__bar .filters__bar__filters {
    text-align: right
}

.filters .filters__bar .filters__bar__filters--mobile {
    display: block
}

@media only screen and (min-width: 700px) {
    .filters .filters__bar .filters__bar__filters--mobile {
        display:none
    }
}

.filters .filters__bar .filters__bar__filters--mobile .filters__togglemobile {
    position: relative;
    border: 1px solid var(--font-color);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    cursor: pointer;
    display: inline-block;
    width: 2em;
    height: 2em
}

.filters .filters__bar .filters__bar__filters--mobile .filters__togglemobile .filters__togglemobile__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.filters .filters__bar .filters__bar__filters--mobile .filters__togglemobile--active {
    background-color: var(--font-color);
    color: var(--bg-color)
}

.filters .filters__bar .filters__bar__filters--mobile .filters__togglemobile--open .filters__togglemobile__icon:before {
    content: ""
}

.filters .filters__bar .filters__bar__filters--desktop {
    display: none
}

@media only screen and (min-width: 700px) {
    .filters .filters__bar .filters__bar__filters--desktop {
        display:block
    }
}

.filters .filters__bar .filters__bar__filter {
    display: inline-block;
    margin: 0 var(--btn-margin) var(--btn-margin) 0
}

@media only screen and (min-width: 700px) {
    .filters .filters__bar .filters__bar__filter {
        margin:0 0 var(--btn-margin) var(--btn-margin)
    }
}

.filters .filters__bar .filters__bar__filter .filters__toggle {
    display: block;
    padding-right: 2.25em;
    margin: 0
}

.filters .filters__bar .filters__bar__filter .filters__toggle .filters__toggle__icon {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 52%;
    right: .85em
}

.filters .filters__bar .filters__bar__filter .filters__toggle .filters__toggle__icon:after {
    display: inline-block;
    content: "";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform var(--transition-short) var(--ease-in-out);
    transition: -webkit-transform var(--transition-short) var(--ease-in-out);
    transition: transform var(--transition-short) var(--ease-in-out);
    transition: transform var(--transition-short) var(--ease-in-out),-webkit-transform var(--transition-short) var(--ease-in-out)
}

.filters .filters__bar .filters__bar__filter .filters__toggle--active {
    background-color: var(--font-color);
    color: var(--bg-color)
}

.filters .filters__bar .filters__bar__filter .filters__toggle--open .filters__toggle__icon:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.filters .filters__fieldsets {
    display: none;
    border-bottom: 1px solid var(--font-color-opaque)
}

@media only screen and (min-width: 700px) {
    .filters .filters__fieldsets {
        display:block;
        border-bottom: none
    }
}

.filters .filters__fieldsets--open {
    display: block
}

.filters .filters__fieldsets .filters__fieldset {
    padding: 0;
    margin: 0 0 1em 0;
    border: none
}

@media only screen and (min-width: 700px) {
    .filters .filters__fieldsets .filters__fieldset {
        text-align:right;
        display: none;
        margin: 0
    }
}

.filters .filters__fieldsets .filters__fieldset .filters__fieldset__heading {
    margin-bottom: .5em
}

@media only screen and (min-width: 700px) {
    .filters .filters__fieldsets .filters__fieldset .filters__fieldset__heading {
        display:none
    }
}

.filters .filters__fieldsets .filters__fieldset .filters__fieldset__fields {
    font-size: var(--font-size-sm);
    margin-bottom: calc(var(--btn-margin) * -1)
}

.filters .filters__fieldsets .filters__fieldset .filters__fieldset__field {
    display: inline-block;
    margin: 0 var(--btn-margin) var(--btn-margin) 0
}

@media only screen and (min-width: 700px) {
    .filters .filters__fieldsets .filters__fieldset .filters__fieldset__field {
        margin:0 0 var(--btn-margin) var(--btn-margin)
    }
}

.filters .filters__fieldsets .filters__fieldset .filters__fieldset__field input {
    visibility: hidden;
    width: 0;
    display: none
}

.filters .filters__fieldsets .filters__fieldset .filters__fieldset__field input:checked+.filters__fieldset__field__label {
    background-color: var(--font-color);
    color: var(--bg-color)
}

.filters .filters__fieldsets .filters__fieldset .filters__fieldset__field input:checked+.filters__fieldset__field__label:after {
    display: inline-block;
    content: "";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    margin-left: .5em;
    line-height: .8
}

.cky-consent-container .filters .filters__fieldsets .filters__fieldset .filters__fieldset__field .cky-btn,.cky-prefrence-btn-wrapper .filters .filters__fieldsets .filters__fieldset .filters__fieldset__field .cky-btn,.filters .filters__fieldsets .filters__fieldset .filters__fieldset__field .btn,.filters .filters__fieldsets .filters__fieldset .filters__fieldset__field .cky-consent-container .cky-btn,.filters .filters__fieldsets .filters__fieldset .filters__fieldset__field .cky-prefrence-btn-wrapper .cky-btn {
    display: block;
    margin: 0
}

@media only screen and (min-width: 700px) {
    .filters .filters__fieldsets .filters__fieldset--open {
        display:block
    }
}

.loadmore-container {
    -webkit-transition: opacity var(--transition-medium) var(--ease-in);
    transition: opacity var(--transition-medium) var(--ease-in)
}

.loadmore-container.filtering {
    opacity: .15;
    -webkit-transition: opacity var(--transition-long) var(--ease-out);
    transition: opacity var(--transition-long) var(--ease-out)
}

.loadmore-container .col:last-child .tile--production {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0
}

.morelikethis {
    display: none
}

.morelikethis--show {
    display: block
}

.morelikethis .morelikethis__header {
    border-top: 1px solid var(--font-color-opaque);
    border-bottom: 1px solid var(--font-color-opaque);
    padding: .75em 0
}

.morelikethis .morelikethis__header .morelikethis__heading {
    margin: 0
}

.paging--default {
    position: relative
}

@media only screen and (min-width: 700px) {
    .paging--default {
        border-bottom:solid 1px var(--font-color-opaque);
        border-top: solid 1px var(--font-color-opaque)
    }
}

.paging--default .paging__numbers {
    display: none
}

@media only screen and (min-width: 700px) {
    .paging--default .paging__numbers {
        display:block
    }
}

.paging--default .paging__numbers a,.paging--default .paging__numbers span {
    padding: 1.5em;
    border: none;
    border-right: solid 1px var(--font-color-opaque);
    display: block;
    float: left;
    min-width: 1.4em;
    text-align: center
}

.paging--default .paging__numbers .current {
    color: var(--color-grey)
}

.paging--default .paging__nextprev {
    text-align: center;
    padding: .5em
}

@media only screen and (min-width: 700px) {
    .paging--default .paging__nextprev {
        position:absolute;
        padding: 0;
        right: 0;
        top: 50%;
        margin-top: -1.7em
    }
}

.cky-consent-container .paging--default .paging__nextprev .cky-btn,.cky-prefrence-btn-wrapper .paging--default .paging__nextprev .cky-btn,.paging--default .paging__nextprev .btn,.paging--default .paging__nextprev .cky-consent-container .cky-btn,.paging--default .paging__nextprev .cky-prefrence-btn-wrapper .cky-btn {
    margin: 0
}

.cky-consent-container .paging--default .paging__nextprev .paging__link--next .cky-btn,.cky-prefrence-btn-wrapper .paging--default .paging__nextprev .paging__link--next .cky-btn,.paging--default .paging__nextprev .paging__link--next .btn,.paging--default .paging__nextprev .paging__link--next .cky-consent-container .cky-btn,.paging--default .paging__nextprev .paging__link--next .cky-prefrence-btn-wrapper .cky-btn {
    margin-left: .75em
}

.paging--ajax {
    text-align: center
}

.relatedpostproductions .relatedpostproductions__header {
    border-top: 1px solid var(--font-color-opaque)
}

.relatedpostproductions .relatedpostproductions__header .relatedpostproductions__heading {
    padding-top: 1.25em;
    opacity: .6
}

@media only screen and (max-width: 999px) {
    .relatedpostproductions .relatedpostproductions__row .col:nth-child(19),.relatedpostproductions .relatedpostproductions__row .col:nth-child(20),.relatedpostproductions .relatedpostproductions__row .col:nth-child(21),.relatedpostproductions .relatedpostproductions__row .col:nth-child(22),.relatedpostproductions .relatedpostproductions__row .col:nth-child(23),.relatedpostproductions .relatedpostproductions__row .col:nth-child(24) {
        display:none
    }
}

@media only screen and (max-width: 699px) {
    .relatedpostproductions .relatedpostproductions__row .col:nth-child(13),.relatedpostproductions .relatedpostproductions__row .col:nth-child(14),.relatedpostproductions .relatedpostproductions__row .col:nth-child(15),.relatedpostproductions .relatedpostproductions__row .col:nth-child(16),.relatedpostproductions .relatedpostproductions__row .col:nth-child(17),.relatedpostproductions .relatedpostproductions__row .col:nth-child(18) {
        display:none
    }
}

@media only screen and (max-width: 549px) {
    .relatedpostproductions .relatedpostproductions__row .col:nth-child(10),.relatedpostproductions .relatedpostproductions__row .col:nth-child(11),.relatedpostproductions .relatedpostproductions__row .col:nth-child(12),.relatedpostproductions .relatedpostproductions__row .col:nth-child(7),.relatedpostproductions .relatedpostproductions__row .col:nth-child(8),.relatedpostproductions .relatedpostproductions__row .col:nth-child(9) {
        display:none
    }
}

.relatedproductions .col:last-child .tile--production {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0
}

.creditedprojects .creditedprojects__header {
    border-top: 1px solid var(--font-color-opaque)
}

.creditedprojects .creditedprojects__header .creditedprojects__heading {
    padding-top: 1.25em;
    opacity: .6
}

.row--carousel {
    margin-bottom: 0
}

.row--carousel .owl-carousel .owl-item>.col {
    width: 100%;
    margin-bottom: 0
}

.row--carousel .owl-carousel .owl-stage-outer {
    will-change: height;
    /* overflow: hidden; */
}

.row--carousel .owl-carousel .owl-stage-outer .owl-stage {
    overflow: hidden;
    height: 100%!important
}

.row--carousel .owl-carousel .owl-dots,.row--carousel .owl-carousel .owl-nav {
    position: absolute;
    top: calc(var(--carousel-nav-margin) * -1);
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    right: 0;
    margin-right: var(--grid-pad)
}

.row--carousel .owl-carousel .owl-nav .owl-next,.row--carousel .owl-carousel .owl-nav .owl-prev {
    position: relative;
    border-radius: 0;
    width: var(--carousel-nav-width);
    height: var(--carousel-nav-width)
}

.row--carousel .owl-carousel .owl-nav .owl-next i,.row--carousel .owl-carousel .owl-nav .owl-prev i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.row--carousel .owl-carousel .owl-nav .owl-next:focus,.row--carousel .owl-carousel .owl-nav .owl-prev:focus {
    outline: 0
}

.row--carousel .owl-carousel .owl-nav .owl-next.disabled i,.row--carousel .owl-carousel .owl-nav .owl-prev.disabled i {
    opacity: .25
}

.row--carousel .owl-carousel .owl-nav .owl-prev {
    border-right: 1px solid var(--font-color-opaque)
}

.row--carousel .owl-carousel .owl-dots .owl-dot {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: var(--carousel-dot-width);
    height: var(--carousel-dot-width);
    border: 1px solid rgba(0,0,0,.33);
    margin-left: 5px;
    border-radius: 50%
}

.row--carousel .owl-carousel .owl-dots .owl-dot.active {
    background-color: var(--color-black);
    border-color: var(--color-black)
}

.color-white .row--carousel .owl-carousel .owl-dots .owl-dot {
    border-color: rgba(255,255,255,.33)
}

.color-white .row--carousel .owl-carousel .owl-dots .owl-dot.active {
    background-color: var(--color-black);
    border-color: var(--color-white)
}

.row--carousel .owl-carousel[data-autoHeight=disable] .owl-stage {
    position: relative
}

.contactdetails .contactdetails__info {
    border-top: 1px solid var(--font-color-opaque)
}

.cky-consent-container,.cky-prefrence-btn-wrapper {
    bottom: var(--bd-margin)!important;
    left: var(--bd-margin)!important;
    border-radius: 0!important
}

@media (max-width: 440px) {
    .cky-consent-container,.cky-prefrence-btn-wrapper {
        bottom:0!important;
        left: 0!important
    }
}

@media (max-width: 440px) {
    .cky-consent-container .cky-btn,.cky-prefrence-btn-wrapper .cky-btn {
        margin-left:0;
        margin-right: 0
    }
}

.cky-consent-container .cky-btn.cky-btn-accept,.cky-consent-container .cky-btn.cky-btn-customize,.cky-consent-container .cky-btn.cky-btn-preferences,.cky-consent-container .cky-btn.cky-btn-reject,.cky-prefrence-btn-wrapper .cky-btn.cky-btn-accept,.cky-prefrence-btn-wrapper .cky-btn.cky-btn-customize,.cky-prefrence-btn-wrapper .cky-btn.cky-btn-preferences,.cky-prefrence-btn-wrapper .cky-btn.cky-btn-reject {
    background: 0 0!important;
    color: var(--color-black)!important;
    border-color: var(--color-black)!important
}

.cky-consent-container .cky-btn.cky-btn-accept:hover,.cky-consent-container .cky-btn.cky-btn-customize:hover,.cky-consent-container .cky-btn.cky-btn-preferences:hover,.cky-consent-container .cky-btn.cky-btn-reject:hover,.cky-prefrence-btn-wrapper .cky-btn.cky-btn-accept:hover,.cky-prefrence-btn-wrapper .cky-btn.cky-btn-customize:hover,.cky-prefrence-btn-wrapper .cky-btn.cky-btn-preferences:hover,.cky-prefrence-btn-wrapper .cky-btn.cky-btn-reject:hover {
    background: var(--color-black)!important;
    color: var(--color-white)!important;
    border-color: var(--color-black)!important
}

.cky-consent-container .cky-btn.cky-btn-customize::after,.cky-prefrence-btn-wrapper .cky-btn.cky-btn-customize::after {
    top: 50%!important;
    right: 9px
}

@media only screen and (min-width: 1000px) {
    .cky-consent-container .cky-btn:nth-child(2) {
        margin-right:0!important
    }
}

.cky-modal .cky-switch input[type=checkbox]:checked {
    background-color: var(--color-green)!important
}

.cky-btn-revisit-wrapper {
    display: none!important;
    z-index: 99!important;
    background-color: var(--accent-color)!important
}

.cky-btn-revisit-wrapper .cky-btn-revisit:before {
    content: "";
    font-family: "Font Awesome 5 Pro";
    font-weight: 500;
    color: var(--color-white)!important;
    background: 0 0!important;
    font-size: 150%
}

.cky-btn-revisit-wrapper .cky-btn-revisit img {
    display: none
}

.cky-consent-bar {
    background-color: var(--color-white)!important;
    border: 0!important;
    border-radius: 0!important
}

.dvd-logo {
    display: none;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 18.75vw;
    height: auto;
    -webkit-transition: -webkit-transform .1s;
    transition: -webkit-transform .1s;
    transition: transform .1s;
    transition: transform .1s,-webkit-transform .1s;
    will-change: transform
}

.dvd-logo svg {
    display: block;
    width: 100%;
    height: auto
}

.dvd-logo svg path {
    fill: var(--font-color)
}

.table {
    border-top: 1px solid var(--font-color)
}

.table .table__row {
    border-bottom: 1px solid var(--font-color);
    padding: .5rem 0
}

.popup {
    position: fixed;
    right: 0;
    top: calc(var(--bd-margin) + var(--siteheader-height));
    z-index: 9999;
    pointer-events: none;
    width: 100%
}

.popup .popup__content {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    pointer-events: auto;
    padding: 1.5rem
}

.popup .popup__content .popup__image .mediaimg {
    background-color: transparent
}

.popup .popup__content .popup__image .mediaimg .mediaimg__img {
    max-height: 40px;
    max-width: 100%;
    width: auto
}

.popup .popup__content .popup__close {
    all: unset;
    cursor: pointer;
    background-color: transparent;
    color: var(--font-color);
    line-height: 1;
    font-size: var(--font-size-md)
}

.popup .popup__content .popup__title {
    margin-top: 1.2em
}

.popup .popup__content .popup__description {
    margin-bottom: 2em
}

.popup .popup__content .popup__link {
    vertical-align: bottom
}

.mediavideo {
    background-color: color-mix(in srgb,var(--color-black),transparent 80%)
}

body.bg-black .mediavideo {
    background-color: color-mix(in srgb,var(--color-white),transparent 80%)
}

body.post-production-template-default .mediavideo {
    background-color: color-mix(in srgb,var(--accent-color),transparent 80%)
}

.mediavideo .video-placeholder-normal {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.mediavideo .plyr {
    overflow: hidden;
    background: 0 0!important;
    max-height: calc(95vh - var(--siteheader-height));
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.mediavideo .plyr .plyr__video-wrapper {
    background: 0 0!important
}

.mediavideo .plyr .plyr__control {
    color: var(--accent-color);
    background: 0 0!important
}

.mediavideo .plyr .plyr__control.plyr__tab-focus,.mediavideo .plyr .plyr__control:hover,.mediavideo .plyr .plyr__control[aria-expanded=true] {
    color: var(--accent-color);
    background: 0 0
}

.mediavideo .plyr .plyr__control--overlaid {
    color: var(--color-black);
    background: var(--accent-color)!important
}

@media only screen and (min-width: 700px) {
    .mediavideo .plyr .plyr__control--overlaid {
        padding:35px
    }
}

.mediavideo .plyr .plyr__control--overlaid.plyr__tab-focus,.mediavideo .plyr .plyr__control--overlaid:hover,.mediavideo .plyr .plyr__control--overlaid[aria-expanded=true] {
    color: var(--color-black);
    background: var(--accent-color)!important
}

.mediavideo .plyr .plyr__controls {
    background: 0 0!important
}

.mediavideo .plyr .plyr__controls:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 7rem;
    background: -webkit-linear-gradient(bottom,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%);
    bottom: 0;
    left: 0
}

.mediavideo .plyr .plyr__controls .plyr__time {
    position: relative;
    color: var(--accent-color)
}

.mediavideo .plyr .plyr__controls .plyr__volume {
    width: auto;
    min-width: 30px
}

.mediavideo .plyr .plyr__controls .plyr__progress__container .plyr__progress {
    padding: 0;
    border-radius: 0
}

.mediavideo .plyr .plyr__controls .plyr__progress__container .plyr__progress .plyr__progress__buffer {
    display: none
}

.mediavideo .plyr .plyr__controls .plyr__progress__container .plyr__progress input[type=range] {
    color: var(--accent-color)!important;
    border-radius: 0
}

.mediavideo .plyr .plyr__controls .plyr__progress__container .plyr__progress input[type=range]::-webkit-slider-runnable-track {
    border-radius: 0
}

.mediavideo .plyr .plyr__controls .plyr__progress__container .plyr__progress input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border-radius: 0;
    background-color: transparent;
    box-shadow: 0 0 0 var(--color-black);
    border: 0 solid var(--color-black)
}

.mediavideo .plyr .plyr__controls .plyr__progress__container .plyr__progress input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    border-radius: 0;
    height: 5px;
    width: 2px;
    margin: 0;
    padding: 0;
    background-color: transparent;
    box-shadow: 0 0 0 var(--color-black);
    border: 0 solid var(--color-black)
}

.mediavideo .plyr .plyr__controls .plyr__progress__container .plyr__progress input[type=range]::-ms-thumb {
    -webkit-appearance: none;
    border-radius: 0;
    height: 5px;
    width: 2px;
    margin: 0;
    padding: 0;
    background-color: transparent;
    box-shadow: 0 0 0 var(--color-black);
    border: 0 solid var(--color-black)
}

.mediavideo .plyr .plyr__controls .plyr__progress__container .plyr__progress input[type=range]::-ms-track {
    border-radius: 0
}

.mediavideo .plyr .plyr__controls .plyr__progress__container .plyr__progress input[type=range]::-ms-fill-lower {
    border-radius: 0
}

.mediavideo .plyr .plyr__controls .plyr__progress__container .plyr__progress input[type=range]::-ms-fill-upper {
    border-radius: 0
}

.mediavideo .mediavideo__video.no-plyr {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%
}

.mediavideo .mediavideo__video.no-plyr iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.siteheader {
    background: var(--bg-color);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 50;
    /* border-bottom: 1px solid var(--font-color-opaque); */
    -webkit-transition: background-color .3s ease,-webkit-transform .3s ease;
    transition: background-color .3s ease,-webkit-transform .3s ease;
    transition: transform .3s ease,background-color .3s ease;
    transition: transform .3s ease,background-color .3s ease,-webkit-transform .3s ease
}

.siteheader.hide {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.siteheader.show {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.siteheader--padder {
    position: relative;
    visibility: hidden;
    pointer-events: none;
    z-index: 1
}

.home .siteheader {
    background-color: transparent;
    border: none
}

.siteheader .siteheader__wrap {
    height: var(--siteheader-height)
}

.siteheader .siteheader__wrap .siteheader__bd {
    height: 100%
}

.siteheader .siteheader__wrap .siteheader__logo {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.siteheader .siteheader__wrap .siteheader__logo .siteheader__logo__svg svg {
    display: block;
    width: var(--logo-width);
    height: auto
}

.siteheader .siteheader__wrap .siteheader__logo .siteheader__logo__svg svg path {
    fill: var(--font-color)
}

.siteheader .siteheader__wrap .siteheader__logo .siteheader__logo__svg--full {
    display: none
}

.siteheader .siteheader__wrap .siteheader__logo .siteheader__logo__svg--full svg {
    width: var(--full-logo-width)
}

@media only screen and (min-width: 1000px) {
    .home .siteheader .siteheader__wrap .siteheader__logo .siteheader__logo__svg--default {
        display:none
    }

    .home .siteheader .siteheader__wrap .siteheader__logo .siteheader__logo__svg--full {
        display: block
    }
}

.siteheader .siteheader__wrap .siteheader__mobtools {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

@media only screen and (min-width: 1000px) {
    .siteheader .siteheader__wrap .siteheader__mobtools {
        display:none
    }
}

.siteheader .siteheader__wrap .sitenav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.siteheader .siteheader__wrap .sitenav .sitenav__item {
    position: relative;
    vertical-align: middle
}

.siteheader .siteheader__wrap .sitenav .sitenav__item .sitenav__link {
    position: relative;
    /* line-height: var(--siteheader-height); */
    /* height: var(--siteheader-height); */
    font-weight: 700;
    overflow: hidden;
    transition: color 0.2s ease;
}

.siteheader .siteheader__wrap .sitenav .sitenav__item .sitenav__link:hover {
    color: #333;
}

.siteheader .siteheader__wrap .sitenav .sitenav__item:not(.sitenav__item--btn) .sitenav__link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #000;
    transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform-origin: left;
}

.siteheader .siteheader__wrap .sitenav .sitenav__item:not(.sitenav__item--btn) .sitenav__link:hover::after {
    width: 100%;
}

.siteheader .siteheader__wrap .sitenav .sitenav__item .sitenav__link--current:after {
    width: 100%
}

.cky-consent-container .siteheader .siteheader__wrap .sitenav .sitenav__item .cky-btn,.cky-prefrence-btn-wrapper .siteheader .siteheader__wrap .sitenav .sitenav__item .cky-btn,.siteheader .siteheader__wrap .sitenav .sitenav__item .btn,.siteheader .siteheader__wrap .sitenav .sitenav__item .cky-consent-container .cky-btn,.siteheader .siteheader__wrap .sitenav .sitenav__item .cky-prefrence-btn-wrapper .cky-btn {
    font-size: var(--fontsize-reg);
    text-transform: none;
    font-family: var(--font-stack-body);
    padding: .5em 1em .5em 1em
}

.siteheader .siteheader__wrap .sitenav--left {
    left: calc(var(--logo-width) + 2em);
    display: none
}

@media only screen and (min-width: 1000px) {
    .siteheader .siteheader__wrap .sitenav--left {
        display:block
    }
}

.siteheader .siteheader__wrap .sitenav--right {
    right: 0;
}

.mobnav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 58
}

@media only screen and (min-width: 1000px) {
    .mobnav-overlay {
        display:none!important
    }
}

.mobnav-overlay--show {
    display: block
}

.mobnav {
    background-color: var(--bg-color);
    border: 1px solid var(--font-color);
    position: fixed;
    bottom: var(--bd-margin);
    left: var(--bd-margin);
    z-index: 60;
    width: calc(100% - (var(--bd-margin) * 2));
    box-sizing: border-box
}

@media only screen and (min-width: 1000px) {
    .mobnav {
        display:none
    }
}

.mobnav .mobnav__sitenav {
    position: relative;
    overflow: auto;
    max-height: 0;
    box-sizing: border-box;
    -webkit-transition: max-height var(--transition-short) var(--ease-in-out);
    transition: max-height var(--transition-short) var(--ease-in-out)
}

.mobnav .mobnav__toggle {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: var(--mobnav-toggle-height);
    margin-top: -1px;
    border-top: 1px solid var(--font-color)
}

.mobnav .mobnav__toggle .mobnav__toggle__inner {
    width: 100%
}

.mobnav .mobnav__toggle .mobnav__toggle__icon {
    margin-left: 1em;
    display: inline-block;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform var(--transition-short) var(--ease-in-out);
    transition: -webkit-transform var(--transition-short) var(--ease-in-out);
    transition: transform var(--transition-short) var(--ease-in-out);
    transition: transform var(--transition-short) var(--ease-in-out),-webkit-transform var(--transition-short) var(--ease-in-out)
}

.mobnav .mobnav__toggle .mobnav__toggle__icon:before {
    content: "";
    font-family: "Font Awesome 5 Pro";
    font-weight: 800
}

.mobnav .sitenav {
    margin-bottom: 0
}

.mobnav .sitenav ul {
    margin: 0
}

.mobnav .sitenav .sitenav__item,
.mobnav__sitenav .sitenav__item {
    display: block
}

.mobnav .sitenav .sitenav__item .sitenav__link,
.mobnav__sitenav .sitenav__item .sitenav__link {
    display: block;
    padding: .5em 0;
    margin: 0;
    position: relative;
    overflow: hidden;
    transition: color 0.2s ease;
}

.mobnav .sitenav .sitenav__item .sitenav__link:hover,
.mobnav__sitenav .sitenav__item .sitenav__link:hover {
    color: #333;
}

.mobnav .sitenav .sitenav__item .sitenav__link::after,
.mobnav__sitenav .sitenav__item .sitenav__link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #000;
    transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform-origin: left;
}

.mobnav .sitenav .sitenav__item .sitenav__link:hover::after,
.mobnav__sitenav .sitenav__item .sitenav__link:hover::after {
    width: 100%;
}

.mobnav--open .mobnav__toggle .mobnav__toggle__icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mobnav--open .mobnav__sitenav {
    max-height: calc(var(--vh) - (var(--bd-margin) * 2) - var(--mobnav-toggle-height) - var(--siteheader-height))
}

.sitefooter {
    position: relative;
    padding-bottom: calc(var(--mobnav-toggle-height) + 1.5em);
    -webkit-transition: background-color var(--transition-medium) var(--ease-in-out),color var(--transition-medium) var(--ease-in-out);
    transition: background-color var(--transition-medium) var(--ease-in-out),color var(--transition-medium) var(--ease-in-out);
}

@media only screen and (min-width: 700px) {
    .sitefooter {
        text-align:left
    }
}

@media only screen and (min-width: 1000px) {
    .sitefooter {
        padding-bottom:0;
    }
}

.sitefooter .sitefooter__cta {
    /* text-align: center; */
}

.sitefooter .sitefooter__cta .sitefooter__cta__heading {
    padding-top: 5rem;
    margin-bottom: .1em
}

.sitefooter .sitefooter__socialnav {
    text-align: center
}

@media only screen and (min-width: 700px) {
    .sitefooter .sitefooter__socialnav {
        text-align:left;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (min-width: 700px) {
    .sitefooter .sitefooter__socialnav .sitefooter__link {
        margin-right:1.5em;
        margin-left: 0
    }
}

.sitefooter .sitefooter__logosvg,.sitefooter .sitefooter__navs {
    -webkit-transition: opacity var(--transition-medium) var(--ease-in-out);
    transition: opacity var(--transition-medium) var(--ease-in-out)
}

.sitefooter .sitefooter__nav {
    text-align: center
}

@media only screen and (min-width: 700px) {
    .sitefooter .sitefooter__nav {
        text-align:right;
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (min-width: 700px) {
    .sitefooter .sitefooter__nav .sitefooter__link {
        margin-left:1.5em;
        margin-right: 0
    }
}

.sitefooter__link {
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: color 0.2s ease;
}

.sitefooter__link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: currentColor;
    transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform-origin: left;
}

.sitefooter__link:hover::after {
    width: 100%;
}

.sitefooter .sitefooter__logosvg svg {
    display: block;
    width: 100%;
    height: auto
}

.sitefooter .sitefooter__logosvg svg path {
    fill: var(--font-color)
}

.color-white .sitefooter .sitefooter__footer,.sitefooter.color-white .sitefooter__footer {
    border-color: var(--color-white-opacity)
}

.module--bg+.module--bg,.module--fullwidth+.module--fullwidth,.pageheader--bg+.module--bg {
    margin-top: calc(var(--spacing) * -1)
}

.bg-dusky-pink+.bg-dusky-pink {
    padding-top: 0
}

.bg-rust+.bg-rust {
    padding-top: 0
}

.bg-orange+.bg-orange {
    padding-top: 0
}

.bg-lemon+.bg-lemon {
    padding-top: 0
}

.bg-green+.bg-green {
    padding-top: 0
}

.bg-blue+.bg-blue {
    padding-top: 0
}

.bg-purple+.bg-purple {
    padding-top: 0
}

.bg-lilac+.bg-lilac {
    padding-top: 0
}

.bg-white+.bg-white {
    padding-top: 0
}

.bg-black+.bg-black {
    padding-top: 0
}

.bg-grey+.bg-grey {
    padding-top: 0
}

.bg-status-red+.bg-status-red {
    padding-top: 0
}

.bg-status-orange+.bg-status-orange {
    padding-top: 0
}

.bg-status-green+.bg-status-green {
    padding-top: 0
}

.bg-font-color-opaque+.bg-font-color-opaque {
    padding-top: 0
}

.bg-opaque+.bg-opaque {
    padding-top: 0
}

.main .module--bg:last-child {
    margin-bottom: 0
}

.module .module__heading--has-border {
    border-top: 1px solid var(--font-color-opaque);
    padding-top: 1.25em;
    opacity: .6
}

.component--image {
    position: relative
}

.component--image .mediaimg-caption {
    font-size: var(--font-size-credit);
    text-align: right;
    color: var(--color-white);
    padding: .5em .65em .5em .65em;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 4px 0 0 0;
    background: rgba(0,0,0,.2);
    overflow: hidden
}

.module--featured .featured__header .featured__header__heading {
    margin-top: auto
}

.module--featured .featured__header .featured__header__leader {
    margin-bottom: 0;
    margin-top: .5em
}

.module--featured--grid .featured__header {
    padding-top: 1em;
    border-top: 1px solid var(--font-color-opaque)
}

.module--featured--grid .featured__leader {
    padding-right: 1em
}

.module--featured--single {
    background-color: var(--bg-opaque)
}

@media only screen and (max-width: 699px) {
    .module--featured--single .featured__wrap {
        padding:calc(var(--spacing)/ 2) 0
    }
}

@media only screen and (min-width: 700px) {
    .module--featured--single .featured__header-wrapper {
        margin-bottom:0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100%
    }
}

.module--featured--single .featured__header-wrapper .featured__header {
    margin-top: auto
}

.module--featured--single .featured__header-wrapper .featured__header .featured__header__heading {
    margin-bottom: 0
}

.module--featured--single .featured__header-wrapper .featured__header .featured__header__leader {
    margin-top: 0
}

.cky-consent-container .module--featured--single .featured__header-wrapper .featured__header .cky-btn,.cky-prefrence-btn-wrapper .module--featured--single .featured__header-wrapper .featured__header .cky-btn,.module--featured--single .featured__header-wrapper .featured__header .btn,.module--featured--single .featured__header-wrapper .featured__header .cky-consent-container .cky-btn,.module--featured--single .featured__header-wrapper .featured__header .cky-prefrence-btn-wrapper .cky-btn {
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 1.5em 0 0 0
}

.module--line .line {
    border-top: 1px solid var(--font-color-opaque);
    height: 0
}

.module--text-content-columns .contentarea>:last-child {
    margin-bottom: 0
}

.cky-consent-container .module--text-content-columns .cky-btn,.cky-prefrence-btn-wrapper .module--text-content-columns .cky-btn,.module--text-content-columns .btn,.module--text-content-columns .cky-consent-container .cky-btn,.module--text-content-columns .cky-prefrence-btn-wrapper .cky-btn {
    margin: 2em 0 0 0
}

.module--section-heading .section-heading__heading {
    margin-bottom: 0;
    max-width: 21em
}

.module--section-heading .section-heading__heading+.section-heading__textarea {
    margin-top: 1em
}

.module--section-heading .section-heading__textarea {
    max-width: 37em
}

.cky-consent-container .module--section-heading .section-heading__cta .cky-btn,.cky-prefrence-btn-wrapper .module--section-heading .section-heading__cta .cky-btn,.module--section-heading .section-heading__cta .btn,.module--section-heading .section-heading__cta .cky-consent-container .cky-btn,.module--section-heading .section-heading__cta .cky-prefrence-btn-wrapper .cky-btn {
    margin: 2em 0 0 0
}

.module--text-content-media .text-content-media__col--text .textcontent {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.module--text-content-media .text-content-media__col--text .textcontent .textcontent__heading {
    padding-right: .5em
}

.module--text-content-media .text-content-media__col--text .textcontent .textcontent__btn {
    display: inline-block;
    vertical-align: middle;
    margin: 1.5em 0 0 0
}

@media only screen and (min-width: 1000px) {
    .module--text-content-media .text-content-media__col--media .text-content-media__media {
        height:100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media only screen and (min-width: 700px) {
    .module--text-content-media.text-content-media--image .text-content-media__col--media {
        margin-bottom:0
    }
}

.module--text-content-media.text-content-media--image .text-content-media__col--text .textcontent .textcontent__heading {
    max-width: 17em;
    margin-bottom: .75em
}

@media only screen and (min-width: 700px) {
    .module--text-content-media.text-content-media--image .text-content-media__col--text .textcontent .textcontent__heading {
        margin-bottom:1em;
        max-width: 13em
    }
}

.module--text-content-media.text-content-media--image .text-content-media__col--text .textcontent .textcontent__textarea {
    max-width: 29em
}

@media only screen and (min-width: 1000px) {
    .module--text-content-media.text-content-media--video .text-content-media__col--media {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1000px) {
    .module--text-content-media.text-content-media--video .text-content-media__col--text .textcontent {
        padding-right:1.5em
    }
}

.module--text-content-media.text-content-media--video .text-content-media__col--text .textcontent .textcontent__heading {
    max-width: 17em;
    margin-bottom: .75em
}

@media only screen and (min-width: 1000px) {
    .module--text-content-media.text-content-media--video .text-content-media__col--text .textcontent .textcontent__heading {
        margin-bottom:1em
    }
}

.module--text-content-media.text-content-media--video .text-content-media__col--text .textcontent .textcontent__textarea {
    max-width: 25em
}

@media only screen and (min-width: 1000px) {
    .module--text-content-media.text-content-media--video .text-content-media__col--text .textcontent .textcontent__textarea {
        max-width:19em
    }
}

.module--quote {
    position: relative
}

.module--quote .quote__content {
    position: relative
}

.module--quote .quote__cite {
    display: block;
    font-style: normal;
    margin-top: 1.5em
}

.module--quote.bg-opaque .module__bd {
    padding: calc(var(--spacing)/ 2) 0
}

.module--quote--carousel {
    overflow: hidden
}

.module--quote--carousel .carousel-quote__navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.module--quote--carousel .carousel-quote__navigation .navigation__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 1rem
}

@media only screen and (min-width: 700px) {
    .module--quote--carousel .carousel-quote__navigation .navigation__item {
        margin-right:1.5rem
    }
}

@media only screen and (min-width: 1600px) {
    .module--quote--carousel .carousel-quote__navigation .navigation__item {
        margin-right:2rem
    }
}

.module--quote--carousel .carousel-quote__navigation .navigation__item .navigation__item__img {
    border-radius: 50%;
    width: 3rem;
    overflow: hidden;
    cursor: pointer;
    opacity: .2;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

@media only screen and (min-width: 700px) {
    .module--quote--carousel .carousel-quote__navigation .navigation__item .navigation__item__img {
        width:5rem
    }
}

@media only screen and (min-width: 1600px) {
    .module--quote--carousel .carousel-quote__navigation .navigation__item .navigation__item__img {
        width:6rem
    }
}

.module--quote--carousel .carousel-quote__navigation .navigation__item:last-child {
    margin-right: 0
}

.module--quote--carousel .carousel-quote__navigation .navigation__item:hover .navigation__item__img {
    opacity: .6
}

.module--quote--carousel .carousel-quote__navigation .navigation__item.active .navigation__item__img {
    opacity: 1
}

.module--quote--carousel .owl-item {
    -webkit-transition: opacity var(--transition-short) var(--ease-in-out);
    transition: opacity var(--transition-short) var(--ease-in-out);
    opacity: 0
}

.module--quote--carousel .owl-item.active {
    opacity: 1
}

.module--video .video__caption {
    padding-right: 2em;
    max-width: 55em
}

.module--images .images__wrap {
    overflow: hidden;
    position: relative
}

.module--images .images__wrap .images__header {
    border-top: 1px solid var(--font-color-opaque);
    min-height: var(--carousel-nav-width);
    position: relative;
    padding-right: calc(var(--carousel-nav-width) * 2);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.module--images .images__wrap .images__header .images__heading {
    opacity: .6;
    padding: .5em 0;
    margin: 0
}

.module--images .images__wrap .row--carousel .owl-carousel .owl-nav {
    top: calc(var(--bd-margin) * -1)
}

.module--images .images__wrap .row--carousel .owl-carousel .owl-nav button {
    vertical-align: middle
}

.module--table-tech-specs .table-tech-specs__title {
    margin-bottom: 3.5em
}

.module--table-tech-specs .spec__data {
    text-align: right;
    margin-bottom: 0;
    margin-left: 2em
}

@media only screen and (min-width: 700px) {
    .module--table-tech-specs .spec__data {
        margin-left:0
    }
}

.module--showcase .showcase__item {
    max-width: 20rem;
    margin: 0 auto
}

.module--showcase .showcase__item .showcase__item__text {
    text-align: center
}

.module--showcase .showcase__item .showcase__laurel-leaves {
    display: block;
    padding: 0 8px
}

.module--showcase .showcase__item .showcase__laurel-leaves path {
    fill: var(--font-color)
}

.module--showcase .showcase__item .showcase__laurel-leaves--right {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.module--showcase .showcase__item .showcase__item__image__img {
    background-color: transparent
}

.module--showcase .showcase__item .showcase__item__image__img .mediaimg__img--bg {
    background-size: contain;
    padding-top: 80px;
    margin-bottom: 8px
}

.module--showcase .showcase__item .showcase__item__festival {
    padding-top: .5em
}

.module--showcase+.module--awards-list {
    margin-top: calc((var(--spacing) * -1) + (var(--grid-pad) * -4) + var(--bd-margin))
}

.module--credits .credits__header {
    border-top: 1px solid var(--font-color-opaque)
}

.module--credits .credits__header .credits__heading {
    padding-top: 1.25em;
    opacity: .6
}

.module--credits .credits__secondary {
    margin-top: 1.5em
}

.module--credits .credit {
    margin-bottom: .5em
}

@media only screen and (min-width: 700px) {
    .module--credits .credit {
        display:inline-block;
        margin-right: .5em;
        margin-bottom: .25em
    }
}

.module--credits .credit .credit__role {
    display: block;
    opacity: .6
}

@media only screen and (min-width: 700px) {
    .module--credits .credit .credit__role {
        display:inline-block;
        margin-right: 1em
    }
}

.module--credits .credit .credit__name {
    display: inline-block
}

.module--credits .credit .credit__name .credit__name__link {
    position: relative
}

.module--credits .credit .credit__name .credit__name__link .credit__name__link__image {
    display: none;
    background-color: transparent;
    pointer-events: none;
    position: absolute;
    width: 5.5em;
    max-width: 300px;
    top: 50%;
    left: 50%;
    z-index: 999
}

.module--credits .credit .credit__name .credit__name__link .credit__name__link__image .mediaimg__img--bg {
    padding-top: 117%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media only screen and (min-width: 700px) {
    .module--credits .credit .credit__name .credit__name__link:hover .credit__name__link__image {
        display:block
    }
}

.module--pinned-list .pinned-list__wrap {
    position: relative
}

.module--pinned-list .pinned-list__wrap .pinned-list__item__wrap {
    margin-top: 2rem
}

.module--pinned-list .pinned-list__wrap .pinned-list__item {
    box-sizing: border-box;
    background-color: var(--bg-color);
    border-top: 1px solid var(--font-color-opaque);
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.module--pinned-list .pinned-list__item:first-child {
    border-top: none;
}

.module--pinned-list .pinned-list__item.fade-in {
    opacity: 1;
    transform: translateY(0);
}

.module--awards-list .awards-list__table {
    text-align: center
}

.module--awards-list .awards-list__table .awards-list__award {
    text-align: left
}

.module--awards-list .awards-list__table .awards-list__award .award__summary {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.module--awards-list .awards-list__table .awards-list__award .award__summary .award__year {
    min-width: 3.5em;
    margin-top: .05em
}

.module--awards-list .awards-list__table .awards-list__award .award__summary .award__title {
    margin-bottom: 0
}

.module--awards-list .awards-list__table .awards-list__award .award__project-link {
    margin-top: 1em
}

@media only screen and (min-width: 700px) {
    .module--awards-list .awards-list__table .awards-list__award .award__project-link {
        margin-left:2em;
        margin-top: 0;
        text-align: right
    }
}

.module--awards-list .awards-list__table .awards-list__load-more-btn {
    display: none;
    margin: 2em auto 0 auto
}

.module--before-after .before-after__wrap {
    position: relative;
    min-height: 150vh
}

@media only screen and (min-width: 550px) {
    .module--before-after .before-after__wrap {
        min-height:250vh
    }
}

.module--before-after .before-after__wrap .before-after__wrap__inner {
    position: -webkit-sticky;
    position: sticky;
    top: calc((50vh + (var(--siteheader-height)/ 2)) - (((100vw - (var(--bd-margin) * 2)) * .5625)/ 2));
    left: 0
}

@media only screen and (min-width: 1800px) {
    .module--before-after .before-after__wrap .before-after__wrap__inner {
        top:calc((50vh + (var(--siteheader-height)/ 2)) - ((calc(1800px - (var(--bd-margin) * 2)) * .5625)/ 2))
    }
}

.module--before-after .before-after__wrap .before-after__wrap__inner .before-after__imgwrap .mediaimg__img--bg {
    padding-top: 56.25%
}

.module--before-after .before-after__wrap .before-after__wrap__inner .before-after__imgwrap .before-after__heading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    color: var(--accent-color);
    z-index: 2;
    padding: var(--bd-margin)
}

.module--before-after .before-after__wrap .before-after__wrap__inner .before-after__imgwrap--after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    max-height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 3;
    border-top: 3px solid var(--color-white)
}

.module--before-after .before-after__wrap .before-after__wrap__inner .before-after__imgwrap--after .before-after__img {
    position: absolute;
    top: auto;
    bottom: 0;
    height: 100%
}

.module--before-after .before-after__wrap .before-after__wrap__inner .before-after__imgwrap--after .before-after__img .mediaimg__img--bg {
    position: absolute;
    top: auto;
    bottom: 0
}

/* VIKINGLAB Custom Footer Styles */
.sitefooter__content {
    text-align: center;
    padding: 3rem 0 40px;
}
.sitefooter__content .sitefooter__snslinks{
    text-align:left;
    margin-left: 1rem;
    font-weight: 500;
    margin-bottom: 4rem;
}
.sitefooter__logo__text {
    font-size: 13rem;
    line-height: 1;
    margin: 0;
    font-weight: normal;
    /* color: #000; */
    letter-spacing: 8px;
}

.logo-viking {
    font-weight: 900;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

.logo-lab {
    font-weight: 100;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    margin-left: 20px;
}

.sitefooter__address__text {
    font-size: 16px;
    color: #666;
    margin: 30px 0 20px;
    font-weight: 400;
    line-height: 1.4;
}

.sitefooter__copyright__text {
    font-size: 14px;
    color: #999;
    margin: 0;
    font-weight: 400;
    letter-spacing: 1px;
}

/* Responsive adjustments for footer */
@media (max-width: 768px) {
    .sitefooter__logo__text {
        letter-spacing: 4px;
        font-size: 4rem;
    }
    
    .logo-lab {
        margin-left: 10px;
    }
    
    .sitefooter__address__text {
        font-size: 14px;
    }
    
    .sitefooter__copyright__text {
        font-size: 12px;
    }
}

/* Top Button Styles */
.top-button {
    position: fixed !important;
    bottom: 30px !important;
    right: 30px !important;
    width: 50px !important;
    height: 50px !important;
    background: #000 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    z-index: 9999 !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    outline: none !important;
}

.top-button.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.top-button:hover {
    background: #333;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.top-button:active {
    transform: translateY(0);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Language Selector Styles */
.sitenav__item--language {
    position: relative;
    margin-left: 15px;
}

.language-selector {
    position: relative;
    display: inline-block;
}

.language-toggle {
    background: none;
    border: none;
    color: inherit;
    font-size: 25px;
    cursor: pointer;
    padding: 8px;
    border-radius: 4px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.language-toggle:hover {
    background: rgba(0, 0, 0, 0.05);
}

.language-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    min-width: 60px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1000;
    overflow: hidden;
}

.language-dropdown.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.language-option {
    display: block;
    padding: 12px 16px;
    color: #333;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.2s ease;
    border-bottom: 1px solid #f0f0f0;
    margin: 0 !important;
}

.language-option:last-child {
    border-bottom: none;
}

.language-option:hover {
    background: #f8f9fa;
    color: #000;
}

.language-option.active {
    background: #000;
    color: #fff;
}

/* Mobile Language Selector */
.sitenav__item--language-mobile {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.language-selector-mobile {
    display: flex;
    justify-content: center;
}

.language-options-mobile {
    display: flex;
    gap: 20px;
}

.language-option-mobile {
    padding: 8px 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    font-size: 14px !important;
    font-weight: 600;
    transition: all 0.3s ease;
}

.language-option-mobile:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.4);
}

.language-option-mobile.active {
    background: #fff;
    color: #000 !important;
}

/* 모바일 반응형 */
@media (max-width: 768px) {
    .top-button {
        bottom: 20px;
        right: 20px;
        width: 45px;
        height: 45px;
        font-size: 16px;
    }
    
    .sitenav__item--language {
        display: none; /* 모바일에서는 데스크톱 언어 선택기 숨김 */
    }
    .sitefooter__content .sitefooter__snslinks{
        margin-bottom:1.5rem
    }
}

/* VIKING LAB heading styles */
.pageheader__heading__sub {
    font-weight: 100 !important;
}

.pageheader__etc {
    font-size: 18px;
    color: #666;
    margin-top: 10px;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* VIKINGLAB Pageheader Option List Styles */
.pageheader__option__list {
    display: flex;
    flex-direction: row;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

.pageheader__option__list li {
    margin: 0;
    padding: 0;
}

.pageheader__option__list a {
    display: inline-block;
    padding: 8px 20px;
    background-color: #e4e4e4;
    color: #000;
    text-decoration: none;
    border-radius: 6px;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    transition: all 0.3s ease;
}

.pageheader__option__list a:hover {
    background-color: #000;
    color: #fff;
    transform: translateY(-1px);
}

.pageheader__option__list a.active {
    background-color: #ff3939;
    color: #fff;
    border-color: #ff3939;
}

.pageheader__option__list a.active:hover {
    background-color: #e63434;
    border-color: #e63434;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .pageheader__option__list {
        flex-wrap: wrap;
        gap: 8px;
    }
    
    .pageheader__option__list a {
        padding: 6px 12px;
        font-size: 13px;
    }
}