@charset "UTF-8";

/*-----------------------------------------------------------------------------
    AIMS
-----------------------------------------------------------------------------*/
/*---- Externals ----*/
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
    /* 1 */
    display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
    margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
    font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
    font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
    background-color: #ff0;
    color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
    display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
    border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

.cursor button {
    cursor: pointer;
}

@media (min-width:1201px) {
    .short-top:before {
        height: 120px;
    }

    .short-top .section__inner {
        top: -65px;
    }
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
    display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
    display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
    display: none;
}

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

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

.slick-list:focus {
    outline: none;
}

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

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

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

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

.slick-track:after {
    clear: both;
}

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

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

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

.slick-slide img {
    display: block;
}

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

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

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

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

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

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

/*---- Globals ----*/
/*-----------------------------------------------------------------------------
	$ Fonts
-----------------------------------------------------------------------------*/
@font-face {
    font-family: 'Icon Font';
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/icons/fontello.eot?95678094");
    src: url("../fonts/icons/fontello.eot?95678094#iefix") format("embedded-opentype"), url("../fonts/icons/fontello.woff2?95678094") format("woff2"), url("../fonts/icons/fontello.woff?95678094") format("woff"), url("../fonts/icons/fontello.ttf?95678094") format("truetype"), url("../fonts/icons/fontello.svg?95678094#fontello") format("svg");
}

/*-----------------------------------------------------------------------------
    $ Starters
/*-----------------------------------------------------------------------------
    Just some simple standardisation.
-----------------------------------------------------------------------------*/
*,
*:before,
*:after {
    box-sizing: border-box;
    transition: none 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

html {
    background-color: #e1e1e1;
    color: #000;
}

body {
    margin: 0;
}

html,
button,
input,
select,
textarea {
    font: 100%/1.4 "Calibri", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font: 1.25em/1.1 "Exo 2", "Calibri", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

a,
button,
input {
    transition-property: color, border-color, background-color, opacity;
}

a {
    outline: 0;
    color: inherit;
    text-decoration: none;
}

button {
    border: 0;
    outline: 0;
    padding: 0;
    margin: 0;
    background: none;
    appearance: none;
}

img {
    max-width: 100%;
}

@media (max-width: 480px) {
    html {
        font-size: 14px;
    }
}

/*---- Low Priority Components ----*/
/*-----------------------------------------------------------------------------
    $ Headings
-----------------------------------------------------------------------------*/
.heading {
    color: #e72582;
    font-family: "Exo 2", "Calibri", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-style: italic;
    font-weight: bold;
    line-height: 1.1;
    text-transform: uppercase;
}

.heading.\--level-1 {
    font-size: 24px;
}

.heading.\--level-2 {
    font-size: 20px;
}

@media (min-width: 481px) {
    .heading.\--level-1 {
        font-size: 32px;
    }

    .heading.\--level-2 {
        font-size: 24px;
    }
}

@media (min-width: 641px) {
    .heading.\--level-1 {
        font-size: 40px;
    }

    .heading.\--level-2 {
        font-size: 28px;
    }
}

@media (min-width: 801px) {
    .heading.\--level-1 {
        font-size: 50px;
    }

    .heading.\--level-2 {
        font-size: 32px;
    }
}

/*---- Standard Priority Components ----*/
/*-----------------------------------------------------------------------------
    Accordions
-----------------------------------------------------------------------------*/
.accordion,
.accordion * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.accordion {
    overflow: hidden;
}

.accordion-section {
    margin: 10px 0;
}

.accordion-section:first-child {
    margin-top: 0;
}

.accordion-section:last-child {
    margin-bottom: 0;
}

.accordion-header {
    background-color: #fff;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: all linear 0.15s;
    display: inline-block;
}

.accordion-header h2 {
    font-size: 16px;
    color: inherit;
}

.accordion-contents {
    padding: 18px;
    background-color: #fff;
    overflow: hidden;
    display: none;
}

.accordion-toggle {
    display: inline-block;
}

.accordion-toggle:before {
    content: "View more";
    display: inline-block;
}

.accordion-toggle.active:before {
    content: "View less";
}

@media (min-width: 801px) {
    .accordion-header h2 {
        font-size: 20px;
    }
}

/*-----------------------------------------------------------------------------
    $ Arrows
-----------------------------------------------------------------------------*/
.arrow {
    width: 9px;
    height: 9px;
    display: inline-block;
    border-top: 3px solid currentColor;
    border-right: 3px solid currentColor;
    transform: rotate(45deg);
}

.arrow.\--left {
    transform: rotate(-135deg);
}

/*-----------------------------------------------------------------------------
    $ Blocks
-----------------------------------------------------------------------------*/
.block {
    margin-top: 4.28571vw;
}

.block:first-child:first-child {
    margin-top: 0;
}

.block.\--self-clear:before,
.block.\--self-clear:after {
    content: ' ';
    display: table;
}

.block.\--self-clear:after {
    clear: both;
}

@media (min-width: 481px) {
    .block.\--space\:-1 {
        margin-top: 2.85714vw;
    }
}

@media (min-width: 1401px) {
    .block {
        margin-top: 60px;
    }

    .block.\--space\:-1 {
        margin-top: 40px;
    }
}

/*-----------------------------------------------------------------------------
    $ Boxes
-----------------------------------------------------------------------------*/
.box {
    padding: 20px;
}

@media (min-width: 481px) {
    .box {
        padding: 30px;
    }
}

@media (min-width: 641px) {
    .box {
        padding: 40px;
    }
}

@media (min-width: 801px) {
    .box {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .box--2 {
        padding-top: 0;
    }
}

/*-----------------------------------------------------------------------------
    $ Buttons
-----------------------------------------------------------------------------*/
.button {
    padding: 0.71429em 1.78571em;
    border: 0;
    border-radius: 0;
    display: inline-block;
    background-color: #e72582;
    box-shadow: none;
    color: #fff;
    font-family: "Exo 2", "Calibri", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    transition-property: background-color, color, border-color, opacity;
}

.button:not(.\--unhoverable) {
    cursor: pointer;
}

.button:not(.\--unhoverable):hover {
    background-color: #aa2966;
}

.button.\--min-width {
    min-width: 14.28571em;
}

.button.\--grey {
    background-color: #b4b4b4;
    color: #353535;
}

.button.\--grey:not(.\--unhoverable):hover {
    background-color: #a7a7a7;
}

.button.\--outline {
    background-color: transparent;
    padding: calc(0.71429em - 2px) calc(1.78571em - 2px);
    border: 2px solid currentColor;
    color: #e72582;
}

.button.\--outline:not(.\--unhoverable):hover {
    background-color: transparent;
    color: #aa2966;
}

.button.\--with-arrow\:after {
    padding-right: calc(1.78571em + 15px);
    position: relative;
}

.button__arrow {
    position: absolute;
    top: 0.71429em;
    margin-top: -1px;
}

.button.\--with-arrow\:after .button__arrow {
    right: 1.78571em;
    margin-right: -5px;
}

.button.\--with-arrow\:before .button__arrow {
    left: 1.78571em;
    margin-left: -5px;
}

.links {
    color: #e72582;
    text-decoration: underline;
}

.links:hover {
    color: #000;
}

/*-----------------------------------------------------------------------------
    $ Carousels
-----------------------------------------------------------------------------*/
.carousel {
    position: relative;
    overflow: hidden;
}

.carousel .slick-dots {
    width: 100%;
    position: absolute;
    bottom: 40px;
    left: 0;
    color: #e72582;
    text-align: center;
}

.carousel__slide {
    padding: 40px 0 80px;
}

.carousel__heading {
    margin-bottom: 10px;
}

@media (min-width: 481px) {
    .carousel__slide {
        padding: 60px 0 100px;
    }
}

/*---- Fancy carousel ----*/
.carousel__fancy-extension {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
}

.carousel__fancy-extension:before,
.carousel__fancy-extension:after,
.carousel__fancy-extension-inner {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    background: center / 100% 100% no-repeat;
}

.carousel__fancy-extension:before {
    bottom: 100%;
}

.carousel__fancy-extension:after {
    top: 100%;
    transform: scale(-1);
}

.carousel__fancy-extension.\--1 {
    background-color: #353535;
}

.carousel__fancy-extension.\--1:before,
.carousel__fancy-extension.\--1:after,
.carousel__fancy-extension.\--1 .carousel__fancy-extension-inner {
    height: 8.57143vw;
    background-image: url(../images/components/carousels/fancy-extension-1-mobile.png);
}

@media (min-width: 641px) {

    .carousel__fancy-extension.\--1:before,
    .carousel__fancy-extension.\--1:after,
    .carousel__fancy-extension.\--1 .carousel__fancy-extension-inner {
        background-image: url(../images/components/carousels/fancy-extension-1-desktop.png);
    }
}

@media (min-width: 1401px) {

    .carousel__fancy-extension.\--1:before,
    .carousel__fancy-extension.\--1:after,
    .carousel__fancy-extension.\--1 .carousel__fancy-extension-inner {
        height: 120px;
    }
}

.carousel__fancy-extension.\--2 {
    background-color: #e72582;
}

.carousel__fancy-extension.\--2:before,
.carousel__fancy-extension.\--2:after,
.carousel__fancy-extension.\--2 .carousel__fancy-extension-inner {
    height: 7.14286vw;
    background-image: url(../images/components/carousels/fancy-extension-2-mobile.png);
}

@media (min-width: 641px) {

    .carousel__fancy-extension.\--2:before,
    .carousel__fancy-extension.\--2:after,
    .carousel__fancy-extension.\--2 .carousel__fancy-extension-inner {
        background-image: url(../images/components/carousels/fancy-extension-2-desktop.png);
    }
}

@media (min-width: 1401px) {

    .carousel__fancy-extension.\--2:before,
    .carousel__fancy-extension.\--2:after,
    .carousel__fancy-extension.\--2 .carousel__fancy-extension-inner {
        height: 100px;
    }
}

.carousel__fancy-extension-inner {
    top: 220%;
    transform: translateY(-99%);
}

.carousel__fancy-content-switch-timer {
    position: absolute;
}

.carousel.\--fancy .slick-dots {
    z-index: 2;
}

.carousel.\--fancy.\--is-animating-in-out .slick-list {
    transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) height;
}

.carousel.\--fancy.\--is-animating-in-out .carousel__fancy-extension.\--1 {
    animation: 1.2s cubic-bezier(0.645, 0.045, 0.355, 1) carousel-fancy-in-out;
}

.carousel.\--fancy.\--is-animating-in-out .carousel__fancy-extension.\--2 {
    animation: 1.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.15s carousel-fancy-in-out;
}

.carousel.\--fancy.\--is-animating-in-out .carousel__fancy-content-switch-timer {
    animation: 0.6s linear carousel-fancy-content-switch-timer;
}

.carousel.\--fancy .carousel__slide.\--is-animating-out,
.carousel.\--fancy .carousel__slide.\--is-animating-out .carousel__slide-layout {
    animation: 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) carousel-inch-out;
}

.carousel.\--fancy .carousel__slide.\--is-animating-in,
.carousel.\--fancy .carousel__slide.\--is-animating-in .carousel__slide-layout {
    animation: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s carousel-inch-in;
}

@media (min-width: 801px) {
    .carousel.\--fancy .slick-dots {
        padding-left: 20px;
        color: #fff;
        text-align: left;
    }
}

@media (min-width: 801px) and (max-width: 1024px) {
    .carousel.\--fancy .slick-dots {
        bottom: 20px;
    }
}

@keyframes carousel-fancy-in-out {
    0% {
        top: 100%;
    }

    100% {
        top: -120%;
    }
}

@keyframes carousel-fancy-content-switch-timer {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes carousel-inch-out {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10%);
    }
}

@keyframes carousel-inch-in {
    0% {
        transform: translateY(10%);
    }

    100% {
        transform: translateY(0);
    }
}

/*---- Award slide ----*/
.carousel__award-slide {
    background: url(../images/pages/home/carousel/award/fns-banner.jpg) center no-repeat;
    background-size: 100% auto;
    font-family: "Exo 2", "Calibri", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-style: normal;
    text-transform: none;
    text-align: center;
}

.carousel__heading {
    text-transform: none !important;
    font-style: normal !important;
    font-size: 32px;
}

.carousel__award-slide p {
    font-weight: bold;
    font-size: 18px;
}

.carousel__award-slide-main {
    margin-top: 10px;
}

.carousel__award-slide-gfx-img {
    width: 135px;
}

.carousel__award-slide .carousel__award-slide-gfx-img {
    display: inline-block;
}

.carousel__award-slide p {
    font-size: 18px;
    display: block;
}

.carousel__award-slide p.mobile {
    display: none;
}

@media (min-width:1025px) {
    .carousel__award-slide-gfx {
        text-align: center;
    }
}

@media (max-width:1024px) {
    .carousel__award-slide {
        background-size: 100% 100%;
    }
}

@media (max-width:767px) {
    .carousel__award-slide {
        background-size: auto 100%;
    }

    .carousel__heading {
        font-size: 25px;
    }

    .carousel__award-slide p {
        font-size: 14px;
        display: none;
    }

    .carousel__award-slide p.mobile {
        display: block;
    }
}

@media (min-width: 481px) {
    .carousel__award-slide {
        font-size: 16px;
    }
}

@media (min-width: 641px) {
    .carousel__award-slide {
        font-size: 18px;
    }
}

@media (min-width: 801px) {
    .carousel__award-slide {
        font-size: 22px;
        text-align: left;
    }

    .carousel__award-slide-layout {
        height: 28.57143vw;
        display: flex;
        align-items: center;
    }

    .carousel__award-slide-gfx {
        width: 28.80859vw;
        padding-right: 30px;
    }

    .carousel__award-slide-gfx-img {
        width: auto;
    }

    .carousel__award-slide-main {
        flex: 1;
    }
}

@media (min-width: 1025px) {
    .carousel__award-slide-gfx {
        width: 295px;
    }
}

@media (min-width: 1401px) {
    .carousel__award-slide-layout {
        height: 400px;
    }
}

/*-----------------------------------------------------------------------------
    $ Contact Lists
-----------------------------------------------------------------------------*/
.contact-list {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}

.contact-list__item {
    margin: 15px 0 0;
    padding: 10px 0 0 59px;
    list-style: none;
    position: relative;
}

.contact-list__item:first-child {
    margin-top: 0;
}

.contact-list__item:before {
    content: '';
    width: 44px;
    height: 44px;
    background: url(../images/components/contact-list/sprite-icons.png) left top no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.contact-list__item.\--delivery:before {
    background-position: -44px top;
}

.contact-list__item.\--operations:before {
    background-position: -88px top;
}

.contact-list__item.\--billing:before {
    background-position: left -44px;
}

.contact-list__item.\--general:before {
    background-position: -44px -44px;
}

.contact-list__item-heading {
    margin-bottom: 15px;
    color: #000;
}

.contact-list__item-services {
    margin: 0;
    padding: 0;
    list-style: none;
}

.contact-list__item-service {
    padding-left: 1em;
    position: relative;
}

.contact-list__item-service:before {
    content: '–';
    position: absolute;
    top: 0;
    left: 0;
}

.contact-list__item-contacts {
    margin: 15px 0 0;
    padding: 0;
    list-style: none;
}

.contact-list__item-contacts:first-child {
    margin-top: 0;
}

@media (min-width: 481px) {
    .contact-list__item {
        margin-top: 30px;
    }

    .contact-list__item-layout {
        display: flex;
    }

    .contact-list__item-services {
        width: 40%;
    }

    .contact-list__item-contacts {
        width: 60%;
        margin-top: 0;
        padding-left: 15px;
    }

    .contact-list__item-contacts:first-child {
        padding-left: 0;
    }
}

@media (min-width: 641px) {
    .contact-list__item-contacts {
        padding-left: 30px;
    }
}

@media (min-width: 641px) {
    .contact-list__item-services {
        width: 30%;
    }

    .contact-list__item-contacts {
        width: 70%;
    }
}

/*-----------------------------------------------------------------------------
    $ Google RECAPTCHAs
-----------------------------------------------------------------------------*/
.g-recaptcha {
    width: 304px;
    height: 78px;
}

@media (max-width: 360px) {
    .g-recaptcha {
        transform-origin: 50% 50%;
        transform: scale(0.9);
    }
}

/*-----------------------------------------------------------------------------
    $ GFX Boxes
-----------------------------------------------------------------------------*/
.gfx-boxes {
    margin-top: -15px;
}

.gfx-box {
    margin-top: 15px;
    padding: 15px;
    display: block;
    border: 2px solid #e72582;
    background-color: #353535;
    color: #fff;
    text-align: center;
    transition: border-color 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateY(-75px);
    opacity: 0;
}

.gfx-box.\--has-been-seen {
    transform: none;
    opacity: 1;
}

.gfx-box__inner {
    transition: none 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-property: transform, opacity;
    transform: translateY(-75px);
    opacity: 0;
}

.gfx-box.\--has-been-seen .gfx-box__inner {
    transform: none;
    opacity: 1;
}

.gfx-box__heading {
    color: inherit;
    font-size: 16px;
}

a.gfx-box:hover {
    border-color: #fff;
}

a.gfx-box:hover .gfx-box__heading {
    text-decoration: underline;
}

@media (min-width: 481px) {
    .gfx-boxes {
        margin-top: -30px;
    }

    .gfx-box {
        margin-top: 30px;
        padding: 30px;
    }
}

@media (min-width: 641px) {
    .gfx-boxes {
        display: flex;
        flex-wrap: wrap;
        margin-left: -30px;
    }

    .gfx-box {
        width: calc(50% - 30px);
        margin-left: 30px;
        padding-top: 45px;
        padding-bottom: 45px;
    }
}

@media (min-width: 801px) {
    .gfx-box {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .gfx-boxes.\--heading-size\:2 .gfx-box__heading {
        font-size: 20px;
    }
}

@media (min-width: 1025px) {

    .gfx-box:nth-last-child(3):first-child,
    .gfx-box:nth-last-child(3):first-child~.gfx-box {
        width: calc(33.3333% - 30px);
    }

    .gfx-box:nth-last-child(5):first-child~.gfx-box:nth-child(3),
    .gfx-box:nth-last-child(5):first-child~.gfx-box:nth-child(4),
    .gfx-box:nth-last-child(5):first-child~.gfx-box:nth-child(5),
    .gfx-box:nth-last-child(7):first-child~.gfx-box:nth-child(3),
    .gfx-box:nth-last-child(7):first-child~.gfx-box:nth-child(4),
    .gfx-box:nth-last-child(7):first-child~.gfx-box:nth-child(5) {
        width: calc(33.3333% - 30px);
    }
}

/*-----------------------------------------------------------------------------
    $ GFX Descs
-----------------------------------------------------------------------------*/
#gfx-descs-mq {
    font-family: 'desktop';
}

.gfx-descs {
    margin-top: -15px;
    margin-left: -15px;
    display: flex;
    flex-wrap: wrap;
}

.gfx-desc {
    width: 33.3333%;
    padding-top: 15px;
    padding-left: 15px;
}

@media (min-width:768px) {
    .gfx-descs.center-block {
        display: block;
        vertical-align: top;
        flex-wrap: nowrap;
    }

    .gfx-descs.center-block .gfx-desc {
        display: inline-block;
        vertical-align: top;
    }
}

.gfx-descs.col-4 .gfx-desc {
    width: 25%;
}

.gfx-desc__visual {
    vertical-align: middle;
}

.gfx-desc__heading {
    font-size: 16px;
}

/*---- gfx 4-col ----*/
.gfx-desc-col--4 .gfx-desc {
    width: 25%;
}

.gfx-desc__main .arrow {
    display: none;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -5px;
}

@media (max-width: 640px) {
    #gfx-descs-mq {
        font-family: 'mobile';
    }

    .gfx-desc__trigger {
        cursor: pointer;
        position: relative;
    }

    .gfx-desc__trigger:before {
        width: 0;
        height: 0;
        border: 0 solid transparent;
        border-width: 0 15px 15px;
        border-bottom-color: #b4b4b4;
        position: absolute;
        bottom: -30px;
        left: 50%;
        margin-left: -15px;
    }

    .gfx-desc.\--is-active .gfx-desc__trigger {
        cursor: default;
    }

    .gfx-desc.\--is-active .gfx-desc__trigger:before {
        content: '';
    }

    .gfx-desc__main {
        width: calc(100vw - 40px);
        display: none;
        z-index: 100;
        position: relative;
    }

    .gfx-desc__main .arrow {
        display: none;
        position: relative;
        right: 0px;
        float: right;
        margin-top: 5px;
    }

    .url-arrow .gfx-desc__heading {
        position: relative;
    }

    .gfx-desc.\--is-active .arrow {
        display: inline-block;
    }

    .box .gfx-desc__main {
        width: calc(100vw - 40px - 60px);
    }

    .gfx-desc__main-inner {
        margin-top: 30px;
        padding: 30px;
        background-color: #b4b4b4;
    }

    .gfx-desc:nth-child(3n+2) .gfx-desc__main {
        margin-left: -100%;
        transform: translateX(-30px);
    }

    .gfx-desc:nth-child(3n) .gfx-desc__main {
        margin-left: -200%;
        transform: translateX(-60px);
    }

    .gfx-desc-col--4 .gfx-desc:nth-child(4) .gfx-desc__main {
        margin-left: -325%;
        transform: translateX(-60px);
    }
}

@media (max-width: 480px) {
    .gfx-desc__trigger:before {
        border-width: 0 10px 10px;
        bottom: -20px;
        margin-left: -10px;
    }

    .box .gfx-desc__main {
        width: calc(100vw - 40px - 40px);
    }

    .gfx-desc__main-inner {
        margin-top: 20px;
        padding: 15px;
    }

    .gfx-desc:nth-child(3n+2) .gfx-desc__main {
        transform: translateX(-15px);
    }

    .gfx-desc:nth-child(3n) .gfx-desc__main {
        transform: translateX(-30px);
    }

    .gfx-desc-col--4 .gfx-desc:nth-child(4) .gfx-desc__main {
        transform: translateX(-30px);
    }
}

@media (min-width: 481px) {
    .gfx-descs {
        margin-top: -30px;
        margin-left: -30px;
    }

    .gfx-desc {
        padding-top: 30px;
        padding-left: 30px;
    }
}

@media (min-width: 641px) {
    .gfx-desc__main {
        margin-top: 15px;
        display: block !important;
        /* stylelint-disable-line declaration-no-important */
    }

    .gfx-descs.\--heading-size\:2 .gfx-desc__heading {
        font-size: 20px;
    }

    .gfx-descs.\--spacing-y\:2 {
        margin-top: -45px;
    }

    .gfx-descs.\--spacing-y\:2 .gfx-desc {
        padding-top: 45px;
    }
}

@media (min-width: 801px) {
    .gfx-descs.\--spacing-y\:2 {
        margin-top: -60px;
    }

    .gfx-descs.\--spacing-y\:2 .gfx-desc {
        padding-top: 60px;
    }
}

/*-----------------------------------------------------------------------------
    $ GFX Horizontal Descs
-----------------------------------------------------------------------------*/
.gfx-horizontal-descs {
    margin-top: -20px;
}

.gfx-horizontal-desc {
    padding-top: 20px;
    display: flex;
}

.gfx-horizontal-desc__visual {
    width: 100px;
    padding-right: 15px;
}

.gfx-horizontal-desc__visual-image {
    vertical-align: middle;
}

.gfx-horizontal-desc__main {
    flex: 1;
    text-align: left;
}

.gfx-horizontal-desc__heading {
    color: #e72582;
    font-size: 100%;
    font-weight: bold;
    text-transform: uppercase;
}

@media (min-width: 481px) {
    .gfx-horizontal-descs {
        margin-top: -30px;
    }

    .gfx-horizontal-desc {
        padding-top: 30px;
    }
}

@media (min-width: 641px) {
    .gfx-horizontal-descs {
        margin-top: -40px;
    }

    .gfx-horizontal-desc {
        padding-top: 40px;
    }
}

@media (min-width: 801px) {
    .gfx-horizontal-descs {
        margin-top: -50px;
        margin-left: -50px;
        display: flex;
        flex-wrap: wrap;
    }

    .gfx-horizontal-desc {
        width: 50%;
        padding-top: 50px;
        padding-left: 50px;
    }
}

/*-----------------------------------------------------------------------------
    $ GFX Long Boxes
-----------------------------------------------------------------------------*/
.gfx-long-box {
    margin-top: 15px;
    padding: 6.25vw;
}

.gfx-long-box:first-child {
    margin-top: 0;
}

.gfx-long-box__visual-image {
    vertical-align: middle;
}

.gfx-long-box__main {
    margin-top: 6.25vw;
    border: 0 solid #999;
    border-top-width: 1px;
    padding-top: 6.25vw;
}

.gfx-long-box__heading {
    font-size: 16px;
}

.gfx-long-box__ctas {
    margin-top: 10px;
}

.gfx-long-box__cta {
    margin-top: 10px;
    display: inline-block;
    color: #e72582;
    font-weight: bold;
}

.gfx-long-box__cta:hover {
    color: #aa2966;
    text-decoration: underline;
}

@media (min-width: 481px) {
    .gfx-long-box {
        padding: 30px;
        display: flex;
    }

    .gfx-long-box__visual {
        width: 27.34375vw;
        padding-left: 15px;
        padding-right: 30px;
    }

    .gfx-long-box__main {
        margin-top: 0;
        border-top-width: 0;
        border-left-width: 1px;
        padding-top: 0;
        padding-left: 30px;
        text-align: left;
        flex: 1;
    }

    .gfx-long-box__heading {
        font-size: 18px;
    }
}

@media (min-width: 641px) {
    .gfx-long-box__visual {
        width: 175px;
    }
}

/*-----------------------------------------------------------------------------
    $ Grids
-----------------------------------------------------------------------------*/
.grid {
    margin-top: -15px;
}

.grid:before,
.grid:after {
    content: ' ';
    display: table;
}

.grid:after {
    clear: both;
}

.grid__block {
    width: 100%;
    margin-top: 15px;
}

.grid.\--dividers .grid__block {
    border: 0 solid #e1e1e1;
    border-top-width: 1px;
    padding-top: 15px;
}

.grid.\--dividers .grid__block:first-child {
    border-top-width: 0;
    padding-top: 0;
}

@media (min-width: 481px) {
    .grid {
        margin-top: -20px;
    }

    .grid__block {
        margin-top: 20px;
    }

    .grid.\--unstack\@xs {
        margin-left: -20px;
        display: flex;
        flex-wrap: wrap;
    }

    .grid.\--unstack\@xs .grid__block {
        padding-left: 20px;
    }

    .grid.\--unstack\@xs.\--dividers {
        margin-right: -20px;
    }

    .grid.\--unstack\@xs.\--dividers .grid__block {
        border-top-width: 0;
        border-left-width: 1px;
        padding-top: 0;
        padding-right: 20px;
    }

    .grid.\--unstack\@xs.\--dividers .grid__block:first-child {
        border-left-width: 0;
    }
}

@media (min-width: 641px) {

    .grid.\--unstack\@xs,
    .grid.\--unstack\@sm {
        margin-left: -40px;
    }

    .grid.\--unstack\@xs .grid__block,
    .grid.\--unstack\@sm .grid__block {
        padding-left: 40px;
    }

    .grid.\--unstack\@xs.\--dividers,
    .grid.\--unstack\@sm.\--dividers {
        margin-right: -40px;
    }

    .grid.\--unstack\@xs.\--dividers .grid__block,
    .grid.\--unstack\@sm.\--dividers .grid__block {
        padding-right: 40px;
    }

    .grid.\--unstack\@sm {
        display: flex;
        flex-wrap: wrap;
    }

    .grid.\--unstack\@sm.\--dividers .grid__block {
        border-top-width: 0;
        border-left-width: 1px;
        padding-top: 0;
    }

    .grid.\--unstack\@sm.\--dividers .grid__block:first-child {
        border-left-width: 0;
    }
}

@media (min-width: 801px) {
    .grid.\--unstack\@md {
        margin-top: -20px;
        margin-left: -40px;
        display: flex;
        flex-wrap: wrap;
    }

    .grid.\--unstack\@md .grid__block {
        margin-top: 20px;
        padding-left: 40px;
    }

    .grid.\--unstack\@md.\--dividers {
        margin-right: -40px;
    }

    .grid.\--unstack\@md.\--dividers .grid__block {
        border-top-width: 0;
        border-left-width: 1px;
        padding-top: 0;
        padding-right: 40px;
    }

    .grid.\--unstack\@md.\--dividers .grid__block:first-child {
        border-left-width: 0;
    }
}

@media (min-width: 1025px) {
    .grid.\--unstack\@lg {
        margin-top: -20px;
        margin-left: -40px;
        display: flex;
        flex-wrap: wrap;
    }

    .grid.\--unstack\@lg .grid__block {
        margin-top: 20px;
        padding-left: 40px;
    }

    .grid.\--unstack\@lg.\--dividers {
        margin-right: -40px;
    }

    .grid.\--unstack\@lg.\--dividers .grid__block {
        border-top-width: 0;
        border-left-width: 1px;
        padding-top: 0;
        padding-right: 40px;
    }

    .grid.\--unstack\@lg.\--dividers .grid__block:first-child {
        border-left-width: 0;
    }
}

/*-----------------------------------------------------------------------------
    $ Hash Anchors
-----------------------------------------------------------------------------*/
.hash-anchor {
    position: absolute;
    margin-top: -40px;
}

@media (min-width: 481px) {
    .hash-anchor {
        margin-top: -50px;
    }
}

@media (min-width: 1025px) {
    .hash-anchor {
        margin-top: 0;
    }
}

/*-----------------------------------------------------------------------------
    $ Icon Blocks
-----------------------------------------------------------------------------*/
.icon-block {
    padding: 3px 0 0 40px;
    position: relative;
}

.icon-block__icon {
    position: absolute;
    top: 0;
    left: 0;
}

/*-----------------------------------------------------------------------------
    $ Icon Font
-----------------------------------------------------------------------------*/
.icon-font {
    font-family: "Icon Font";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-font.\--spinner:before {
    content: "";
}

.icon-font.\--pdf:before {
    content: "";
}

.icon-font.\--linked-in:before {
    content: "";
}

.icon-font.\--spinner {
    animation: spin 2s infinite linear;
}

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

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

/*-----------------------------------------------------------------------------
    $ Inline Blocks
-----------------------------------------------------------------------------*/
.inline-blocks {
    margin: -10px 0 0 -10px;
}

.inline-block {
    margin: 10px 0 0 10px;
    display: inline-block;
}

@media (min-width: 641px) {
    .inline-blocks {
        margin: -15px 0 0 -20px;
    }

    .inline-block {
        margin: 15px 0 0 20px;
    }
}

/*-----------------------------------------------------------------------------
    $ Inputs
-----------------------------------------------------------------------------*/
.input__label {
    margin-bottom: 5px;
    display: inline-block;
    font-weight: bold;
}

.input__select-ui,
.input__field {
    width: 100%;
    min-height: 46px;
    padding: 10px 15px;
    border: 1px solid #fff;
    border-radius: 0;
    display: block;
    background-color: #fff;
    line-height: 26px;
}

.input__select-ui:nth-child(n),
.input__field:nth-child(n) {
    -webkit-appearance: none;
}

.input.\--has-error .input__select-ui,
.input.\--has-error .input__field {
    border-color: #f00;
    color: #f00;
}

textarea.input__field {
    height: 170px;
}

.input__select {
    position: relative;
}

.input__select-input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
}

.input__select-ui:after {
    content: '';
    width: 10px;
    height: 10px;
    border-right: 2px solid #e72582;
    border-bottom: 2px solid #e72582;
    position: absolute;
    top: 15px;
    right: 15px;
    transform: rotate(45deg);
}

.input__field:hover,
.input__field:focus,
.input__select-input:hover~.input__select-ui,
.input__select-input:focus~.input__select-ui {
    border-color: #b4b4b4;
}

.input.\--has-error .input__field:hover,
.input.\--has-error .input__field:focus,
.input.\--has-error .input__select-input:hover~.input__select-ui,
.input.\--has-error .input__select-input:focus~.input__select-ui {
    border-color: #cc0000;
}

.input__field:focus,
.input__select-input:focus~.input__select-ui {
    outline: 1px solid #b4b4b4;
}

.input.\--has-error .input__field:focus,
.input.\--has-error .input__select-input:focus~.input__select-ui {
    border-color: #cc0000;
}

.input__error {
    margin-top: 5px;
    color: #f00;
    display: none;
}

.input.\--has-error .input__error {
    display: inline-block;
}

/*-----------------------------------------------------------------------------
    $ Leads
-----------------------------------------------------------------------------*/
.lead {
    color: #e72582;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

@media (min-width: 481px) {
    .lead {
        font-size: 16px;
    }
}

@media (min-width: 641px) {
    .lead {
        font-size: 18px;
        line-height: 1.24444;
    }
}

/*-----------------------------------------------------------------------------
    $ Links
-----------------------------------------------------------------------------*/
.link {
    color: #e72582;
}

.link:hover {
    color: #aa2966;
    text-decoration: underline;
}

.link.\--with-icon\:before {
    position: relative;
    padding-left: calc(1.5em + 10px);
}

.link.\--with-arrow\:before {
    position: relative;
    padding-left: 15px;
}

.link__icon {
    position: absolute;
    top: -0.125em;
    font-size: 1.5em;
}

.link.\--with-icon\:before .link__icon {
    left: 0;
}

.link__arrow {
    position: absolute;
    top: -1px;
}

.link.\--with-arrow\:before .link__arrow {
    left: 0;
}

/*-----------------------------------------------------------------------------
    $ List Style
-----------------------------------------------------------------------------*/
.aligned-list {
    text-align: left;
}

.aligned-list ul {
    padding-left: 18px;
}

.aligned-list ul li {
    padding-bottom: 5px;
}

.aligned-list ul li:last-child {
    padding-bottom: 0;
}

/*-----------------------------------------------------------------------------
    $ Logo Listings
-----------------------------------------------------------------------------*/
.logo-listing {
    margin: -15px -20px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.logo-listing__area {
    width: 300%;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.logo-listing__item {
    width: 20%;
    padding: 15px;
}

@media (min-width: 401px) {
    .logo-listing__area {
        width: 200%;
    }
}

@media (min-width: 501px) {
    .logo-listing__area {
        width: 145%;
    }
}

@media (min-width: 801px) {
    .logo-listing__area {
        width: auto;
    }
}

/*-----------------------------------------------------------------------------
    $ Long Descs
-----------------------------------------------------------------------------*/
.long-desc {
    margin-top: 20px;
    border-top: 1px solid #b4b4b4;
    padding-top: 20px;
}

.long-desc:first-child {
    margin-top: 0;
    border-top: 0;
    padding-top: 0;
}

.long-desc__main {
    margin-top: 20px;
    text-align: left;
}

.long-desc__heading {
    font-size: 100%;
    font-weight: bold;
}

@media (min-width: 481px) {
    .long-desc {
        margin-top: 30px;
        padding-top: 30px;
    }
}

@media (min-width: 641px) {
    .long-desc {
        margin-top: 40px;
        padding-top: 40px;
        display: flex;
    }

    .long-desc__visual {
        width: 200px;
        padding-right: 30px;
    }

    .long-desc__main {
        margin-top: 0;
        flex: 1;
    }
}

@media (min-width: 801px) {
    .long-desc {
        margin-top: 50px;
        padding-top: 50px;
    }
}

/*-----------------------------------------------------------------------------
    $ Maps
-----------------------------------------------------------------------------*/
#maps-mq {
    font-family: 'mobile';
}

.map__canvas {
    width: 100%;
    max-height: 60vh;
    position: relative;
    order: 2;
    background-color: #e1e1e1;
}

.map__canvas:before {
    content: '';
    padding-top: 100%;
    display: block;
}

.map__canvas-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.map__addresses {
    display: flex;
    align-items: flex-start;
}

.map__address {
    width: 25%;
    display: block;
    position: relative;
    z-index: 1;
    background-color: #fff;
    order: 1;
}

.map__address:before {
    content: '';
    border: 0 solid transparent;
    border-width: 0 10px 10px;
    border-bottom-color: #e72582;
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -10px;
    opacity: 0;
    transition-property: opacity;
}

.map__address.\--is-active {
    background-color: #e72582;
    color: #fff;
}

.map__address.\--is-active:before {
    opacity: 1;
}

.map__address-heading {
    font-weight: bold;
    line-height: normal;
}

.map__address-heading span {
    display: none;
    font-size: 85%;
}

.map__address.\--is-active .map__address-heading {
    color: inherit;
}

.map__address-main {
    font-size: 14px;
}

.map__address-main-inner {
    padding: 15px;
}

.map__address-main-inner span {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

a.map__address {
    cursor: pointer;
    vertical-align: middle;
    border-top: 1px solid #eeeeee;
}

a.map__address:nth-child(1) {
    border-top: none;
}

a.map__address:hover {
    border-color: #e72582;
}

a.map__address:hover .map__address-heading {
    border-color: #e72582;
    color: #e72582;
    text-decoration: underline;
}

a.map__address.\--is-active {
    cursor: auto;
}

a.map__address.\--is-active .map__address-heading {
    border-color: #e72582;
}

a.map__address.\--is-active:hover .map__address-heading {
    color: #fff;
    text-decoration: none;
}

@media (min-width: 801px) {
    .map__address-heading span {
        display: block;
    }
}

@media (max-width: 800px) {
    .map__address-heading {
        width: 100%;
        height: 0;
        padding: 25px 13px;
        border: 2px solid #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        transition-property: border-color;
    }

    .map__address.\--is-active .map__address-heading {
        transition-property: color, border-color;
    }

    .map__address-main {
        width: calc(100vw - 55px);
        background-color: #fff;
        display: none;
        transition-property: background-color;
    }

    .map__address:nth-child(2) .map__address-main {
        margin-left: -100%;
    }

    .map__address:nth-child(3) .map__address-main {
        margin-left: -200%;
    }

    .map__address.\--is-active .map__address-main {
        background-color: #e72582;
    }

    a.map__address:nth-child(4) .map__address-main {
        margin-left: -300%;
    }
}

@media (min-width: 801px) {
    #maps-mq {
        font-family: 'desktop';
    }

    .map {
        position: relative;
    }

    .map__canvas {
        max-height: 100%;
        height: 760px;
    }

    .map__canvas:before {
        content: none;
    }

    .map__addresses {
        width: 30%;
        position: absolute;
        top: 30px;
        right: 30px;
        display: block;
    }

    .map__address {
        width: 100%;
        border: 2px solid #fff;
        text-align: left;
        vertical-align: top;
    }

    .map__address:hover,
    .map__address.\--is-active {
        border-color: #e72582;
    }

    .map__address:before {
        border-width: 10px 10px 10px 0;
        border-bottom-color: transparent;
        border-right-color: #e72582;
        top: 50%;
        right: 100%;
        bottom: auto;
        left: auto;
        margin: -10px 2px 0 0;
    }

    .map__address-heading {
        padding: 15px 15px 5px;
    }

    .map__address-main {
        display: block !important;
        /* stylelint-disable-line declaration-no-important */
    }

    .map__address-main-inner {
        padding-top: 0;
    }

    .map__address-main-inner span {
        display: none;
    }

}

/*-----------------------------------------------------------------------------
    $ Mega Sections
-----------------------------------------------------------------------------*/
.mega-section {
    padding-top: 12.5%;
    padding-bottom: 12.5%;
    position: relative;
    background-color: #353535;
    color: #fff;
    text-align: center;
}

.mega-section.\--space-bottom\:\+1 {
    padding-bottom: 18.75%;
}

.mega-section.\--space-bottom\:0 {
    padding-bottom: 0;
}

.mega-section.\--pattern-grey {
    background: url(../images/components/mega-sections/background-pattern-grey-mobile.jpg) center/cover no-repeat #e1e1e1;
}

.mega-section[class*="--extend:bottom"]:after {
    content: '';
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: center / 100% 100% no-repeat;
}

.mega-section.\--extend\:bottom-primary:after {
    height: 10.42857vw;
    background-image: url(../images/components/mega-sections/extend-bottom-primary-mobile.png);
}

.mega-section.\--extend\:bottom-primary-2:after {
    height: 7.14286vw;
    background-image: url(../images/components/mega-sections/extend-bottom-primary-2-mobile.png);
}

.mega-section.\--extend\:bottom-primary-dark:after {
    height: 14.28571vw;
    background-image: url(../images/components/mega-sections/extend-bottom-primary-dark-mobile.png);
}

.mega-section__inner {
    position: relative;
    z-index: 1;
}

.mega-section__visual {
    max-width: 40%;
}

.mega-section__heading {
    margin-top: 15px;
}

@media (min-width: 481px) {
    .mega-section {
        padding-top: 12.5%;
        padding-bottom: 12.5%;
    }

    .mega-section.\--space-bottom\:\+1 {
        padding-bottom: 18.75%;
    }
}

@media (min-width: 641px) {
    .mega-section {
        padding-top: 7.14286%;
        padding-bottom: 7.14286%;
    }

    .mega-section.\--space-bottom\:\+1 {
        padding-bottom: 10%;
    }

    .mega-section.\--pattern-grey {
        background-image: url(../images/components/mega-sections/background-pattern-grey-desktop.jpg);
    }

    .mega-section.\--extend\:bottom-primary:after {
        background-image: url(../images/components/mega-sections/extend-bottom-primary-desktop.png);
    }

    .mega-section.\--extend\:bottom-primary-2:after {
        background-image: url(../images/components/mega-sections/extend-bottom-primary-2-desktop.png);
    }

    .mega-section.\--extend\:bottom-primary-dark:after {
        background-image: url(../images/components/mega-sections/extend-bottom-primary-dark-desktop.png);
    }
}

@media (min-width: 1401px) {
    .mega-section {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .mega-section.\--space-bottom\:\+1 {
        padding-bottom: 170px;
    }

    .mega-section.\--extend\:bottom-primary:after {
        height: 146px;
    }

    .mega-section.\--extend\:bottom-primary-2:after {
        height: 100px;
    }

    .mega-section.\--extend\:bottom-primary-dark:after {
        height: 200px;
    }
}

/*-----------------------------------------------------------------------------
    Modal
    -----------------------------------------------------------------------------*/
.modal {
    display: block;
    text-align: center;
    width: 1px;
    height: 1px;
    position: fixed;
    top: -10px;
    left: -10px;
    z-index: 15;
    background-color: rgba(0, 0, 0, 0.75);
    overflow: hidden;
    opacity: 0;
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    transition: width 0s 0.4s cubic-bezier(0.19, 1, 0.22, 1), height 0s 0.4s cubic-bezier(0.19, 1, 0.22, 1), top 0s 0.4s cubic-bezier(0.19, 1, 0.22, 1), left 0s 0.4s cubic-bezier(0.19, 1, 0.22, 1), padding 0s 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

.modal:before {
    content: "";
    height: 100%;
    margin-left: -.4em;
    display: inline-block;
    vertical-align: middle;
}

.modal-dialog {
    width: 90%;
    max-width: 800px;
    display: inline-block;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.btn-close {
    color: #aaa;
    font-size: 50px;
    text-decoration: none;
    padding: 10px;
    position: absolute;
    right: 7px;
    top: -10px;
    line-height: 1;
}

.btn-close:hover {
    color: #919191;
}

.modal.opened {
    width: 100%;
    height: 100%;
    padding: 45px 0 30px;
    top: 0;
    left: 0;
    opacity: 1;
    overflow: auto;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

.modal-body {
    padding: 20px;
    background-color: #fff;
}

/* Corporate Overview */
.international-body {
    background: #231f20;
}

/* Contact Thank You */
.thank-you-modal {
    max-width: 620px;
}

.thank-you-modal .modal-body {
    padding: 40px;
    border: 2px solid #e72582;
    background-color: #353535;
    text-align: center;
    color: #fff;
}

.thank-you-modal .modal-body .button.\--outline {
    color: #fff;
    border-color: #fff;
}

.thank-you-modal .modal-body .button.\--outline:hover {
    border-color: #aa2966;
    color: #aa2966;
}

/*-----------------------------------------------------------------------------
    $ Paginations
-----------------------------------------------------------------------------*/
.pagination {
    margin: -2px;
}

.pagination__page {
    width: 30px;
    height: 30px;
    padding: 4px;
    margin: 2px;
    display: inline-block;
    font-weight: bold;
    line-height: 22px;
}

.pagination__page:hover {
    color: #e72582;
}

.pagination__page.\--current {
    background-color: #e72582;
    color: #fff;
}

/*-----------------------------------------------------------------------------
    $ Posts
-----------------------------------------------------------------------------*/
.post {
    text-align: left;
}

.post__top {
    color: #fff;
    margin-bottom: 15px;
}

.post__nav,
.post__heading {
    color: inherit;
}

.post__nav:hover {
    color: #dadada;
}

.post__heading {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 20px;
}

.post__meta {
    opacity: 0.5;
}

.post__cover {
    padding-top: 38%;
    background: center / cover no-repeat;
}

.post__body {
    padding: 15px;
    background-color: #fff;
}

.post__side,
.post__side-block {
    margin-top: 15px;
}

.post__side-block:first-child {
    margin-top: 0;
}

.post__side-block-heading {
    font-weight: bold;
}

div.post__side-block-heading {
    margin-bottom: 10px;
}

@media (min-width: 481px) {
    .post__top {
        margin-bottom: 20px;
    }

    .post__heading {
        font-size: 24px;
    }

    .post__body {
        padding: 30px;
    }
}

@media (min-width: 641px) {
    .post__heading {
        font-size: 28px;
    }

    .post__body {
        padding: 45px;
    }
}

@media (min-width: 801px) {
    .post__heading {
        font-size: 32px;
    }

    .post__body {
        display: flex;
    }

    .post__main {
        width: 75%;
        padding-left: 23px;
        order: 2;
    }

    .post__side {
        width: 25%;
        margin-top: 0;
        padding-right: 22px;
        order: 1;
    }
}

/*--- articles ---*/
.article-image-float {
    border: 1px solid #f1f1f1;
    padding: 5px;
}

@media (min-width: 801px) {
    .article-image-float.left {
        float: left;
        margin-right: 15px;
    }
}

/*-----------------------------------------------------------------------------
    $ Post Lists
-----------------------------------------------------------------------------*/
.post-list__item {
    margin-top: 20px;
    background-color: #fff;
}

.post-list__item:first-child {
    margin-top: 0;
}

.post-list__item-date {
    padding: 10px 15px 15px;
    background-color: #353535;
    color: #fff;
    font-family: "Exo 2", "Calibri", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
}

.post-list__item-date-main {
    margin: 0 0 -3px 1px;
    font-size: 60px;
    line-height: 1;
}

.post-list__item-main {
    padding: 15px;
    text-align: left;
}

.post-list__item-heading {
    font-family: inherit;
    font-size: 1.375em;
    font-weight: bold;
}

@media (min-width: 481px) {
    .post-list__item {
        display: flex;
    }

    .post-list__item-date {
        width: 140px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .post-list__item-main {
        flex: 1;
    }
}

@media (min-width: 641px) {
    .post-list__item-main {
        padding: 30px;
    }
}

/*-----------------------------------------------------------------------------
    $ Resource Lists
-----------------------------------------------------------------------------*/
.resource-list__item {
    margin-top: 20px;
    padding: 15px 20px;
    background-color: #fff;
    font-weight: bold;
    text-align: left;
}

.resource-list__item:first-child {
    margin-top: 0;
}

.resource-list__item-heading {
    padding-right: 10px;
    flex: 1;
    font-size: 16px;
}

.resource-list__item-links {
    margin-top: 10px;
}

@media (min-width: 481px) {
    .resource-list__item {
        padding: 20px 25px;
        display: flex;
    }

    .resource-list__item-heading {
        font-size: 18px;
    }

    .resource-list__item-links {
        margin-top: 0;
        padding: 0.1875em 0 0 10px;
        text-align: right;
    }
}

@media (min-width: 641px) {
    .resource-list__item {
        padding: 25px 35px;
    }

    .resource-list__item-heading {
        font-size: 22px;
    }
}

/*-----------------------------------------------------------------------------
    $ Required Symbols
-----------------------------------------------------------------------------*/
.required-symbol {
    color: #f00;
}

/*-----------------------------------------------------------------------------
    $ Sections
-----------------------------------------------------------------------------*/
.section {
    padding-top: 7.03125vw;
    padding-bottom: 7.03125vw;
    position: relative;
    text-align: center;
}

.section.\--space\:0 {
    padding-top: 0;
    padding-bottom: 0;
}

.section.\--space-top\:0 {
    padding-top: 0;
}

.section.\--space\:-1,
.section.\--space-top\:-1 {
    padding-top: 4.6875vw;
}

.section.\--space\:-1 {
    padding-bottom: 4.6875vw;
}

.section[class*="--extend:top-"]:before,
.section[class*="--extend:bottom-"]:after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    background: center / 100% 100% no-repeat;
}

.section[class*="--extend:top-"]:before {
    top: 0;
}

.section[class*="--extend:bottom-"]:after {
    bottom: 0;
}

.section.\--extend\:bottom-primary:after {
    height: 24vw;
    background-image: url(../images/components/sections/extend-bottom-primary-mobile.png);
}

.section.\--extend\:bottom-straight-grey:after {
    height: 23.4375vw;
    background-color: #e1e1e1;
}

.section.\--extend\:top-primary:before {
    height: 25.28571vw;
    background-image: url(../images/components/sections/extend-top-primary-mobile.png);
}

.section.\--extend\:top-primary-dark:before {
    height: 5.71429vw;
    background-image: url(../images/components/sections/extend-top-primary-dark-mobile.png);
}

.section.\--extend\:top-straight-primary:before {
    height: 34.375vw;
    background-color: #e72582;
}

.section.\--extend\:top-straight-primary-tall:before {
    height: 46.875vw;
    background-color: #e72582;
}

.section.\--extend\:top-pattern-primary:before {
    height: 73.4375vw;
    background-image: url(../images/components/sections/extend-top-pattern-primary-mobile.png);
}

.section[class*="--extend:"] .section__inner {
    position: relative;
    z-index: 1;
}

@media (min-width: 641px) {
    .section {
        padding-top: 5.71429vw;
        padding-bottom: 5.71429vw;
    }

    .section.\--space\:-1,
    .section.\--space-top\:-1 {
        padding-top: 3.21429vw;
    }

    .section.\--space\:-1 {
        padding-bottom: 3.21429vw;
    }

    .section.\--pattern-grey {
        background-image: url(../images/components/sections/background-pattern-mobile.jpg);
    }

    .section.\--extend\:bottom-primary:after {
        background-image: url(../images/components/sections/extend-bottom-primary-desktop.png);
    }

    .section.\--extend\:bottom-straight-grey:after {
        height: 150px;
    }

    .section.\--extend\:top-primary:before {
        background-image: url(../images/components/sections/extend-top-primary-desktop.png);
    }

    .section.\--extend\:top-primary-dark:before {
        background-image: url(../images/components/sections/extend-top-primary-dark-desktop.png);
    }

    .section.\--extend\:top-straight-primary:before {
        height: 220px;
    }

    .section.\--extend\:top-straight-primary-tall:before {
        height: 300px;
    }

    .section.\--extend\:top-pattern-primary:before {
        height: 470px;
        background-image: url(../images/components/sections/extend-top-pattern-primary-desktop.png);
    }
}

@media (min-width: 1401px) {
    .section {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .section.\--space\:-1,
    .section.\--space-top\:-1 {
        padding-top: 45px;
    }

    .section.\--space\:-1 {
        padding-bottom: 45px;
    }

    .section.\--extend\:bottom-primary:after {
        height: 336px;
    }

    .section.\--extend\:top-primary:before {
        height: 354px;
    }

    .section.\--extend\:top-primary-dark:before {
        height: 80px;
    }
}

/*-----------------------------------------------------------------------------
    $ Site Bottom
-----------------------------------------------------------------------------*/
.site-bottom {
    padding-top: 7.03125%;
    padding-bottom: 7.03125%;
    position: relative;
    background-color: #6a387c;
    color: #fff;
    font-size: 16px;
}

.site-bottom__back-to-top {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    top: -20px;
    right: 20px;
    background-color: #e72582;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.35);
    color: #fff;
    cursor: pointer;
    z-index: 2;
}

.site-bottom__back-to-top:before {
    content: '';
    width: 9px;
    height: 9px;
    position: absolute;
    top: 17px;
    left: 15px;
    border: 0 solid transparent;
    border-width: 3px 3px 0 0;
    border-top-color: currentColor;
    border-right-color: currentColor;
    transform: rotate(-45deg);
}

.site-bottom__back-to-top:hover {
    background-color: #aa2966;
}

.site-bottom__side {
    margin-top: 15px;
}

.site-bottom__side:before,
.site-bottom__side:after {
    content: ' ';
    display: table;
}

.site-bottom__side:after {
    clear: both;
}

.site-bottom__ctas {
    margin: -15px -5px 0;
}

.site-bottom__cta {
    margin: 15px 5px 0;
}

.site-bottom__cta:not(.\--primary) {
    color: #fff;
}

.site-bottom__cta:not(.\--primary):hover {
    color: #dadada;
}

@media (max-width: 480px) {
    .site-bottom__cta {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
}

@media (min-width: 481px) {
    .site-bottom {
        font-size: 18px;
    }

    .site-bottom__layout {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .site-bottom__main {
        padding-right: 15px;
    }

    .site-bottom__side {
        margin-top: 0;
    }
}

@media (min-width: 641px) {
    .site-bottom {
        padding-top: 4.28571%;
        padding-bottom: 4.28571%;
    }

    .site-bottom__main {
        padding-right: 30px;
    }
}

@media (min-width: 1401px) {
    .site-bottom {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

/*-----------------------------------------------------------------------------
    $ Site Footer
-----------------------------------------------------------------------------*/
.site-footer {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}

.site-footer__nav {
    list-style: none;
    padding: 0;
}

.site-footer__nav-link:hover {
    color: #dadada;
}

.site-footer__side {
    margin-top: 10px;
    color: #5f5f5f;
    float: right;
}

.site-footer__social-medium {
    font-size: 34px;
}

.site-footer__social-medium:hover {
    color: #fff;
}

.site-footer__small {
    margin-top: 10px;
    padding-right: 45px;
    color: #5f5f5f;
    font-size: 10px;
    text-align: right;
}

.site-footer__small-nav {
    margin-top: 5px;
    list-style: none;
    padding: 0;
}

.site-footer__small-nav-item {
    margin-left: 5px;
    display: inline-block;
}

.site-footer__small-nav-item:before {
    content: '|';
    margin-right: 5px;
}

.site-footer__small-nav-item:first-child:before {
    content: none;
}

.site-footer__small-nav-link:hover {
    color: #fff;
}

@media (min-width: 641px) {
    .site-footer__layout {
        display: flex;
        align-items: center;
    }

    .site-footer__side {
        margin-top: 0;
        float: none;
        order: 1;
    }

    .site-footer__small {
        padding-right: 10px;
        margin-top: 0;
        flex: 1;
    }
}

/*-----------------------------------------------------------------------------
    $ Site Header
-----------------------------------------------------------------------------*/
#site-header-mq {
    font-family: 'mobile';
}

.site-header {
    width: 100%;
    padding: 5px 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: #000;
    color: #fff;
    font-family: "Exo 2", "Calibri", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    text-align: right;
    transition-property: transform;
}

.site-header:after {
    content: '';
    width: 100%;
    padding-top: 3.125%;
    position: absolute;
    top: 100%;
    left: 0;
    background: url(../images/components/site-header/decoration-small.png) center no-repeat;
    background-size: 100% 100%;
    transform-origin: 50% 0;
    transition-property: transform;
}

.site-header__mobile-logo {
    width: 55px;
    height: 40px;
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 1;
    margin: -20px 0 0 -28px;
}

.site-header__toggle {
    width: 30px;
    height: 30px;
    padding: 9px 7px;
    position: relative;
    z-index: 12;
    color: inherit;
    cursor: pointer;
    line-height: 12px;
    margin-right: -7px;
}

.site-header__toggle:hover {
    color: #dadada;
}

.site-header__hamburger {
    width: 16px;
    height: 12px;
    display: inline-block;
}

.site-header__hamburger-layer {
    height: 2px;
    margin-top: 3px;
    display: block;
    background-color: currentColor;
    transition-duration: 0.6s;
    transition-property: transform, opacity;
    transform-origin: 50% 50%;
}

.site-header__hamburger-layer:first-child {
    margin-top: 0;
}

.site-header__toggle:hover .site-header__hamburger-layer:nth-child(1) {
    transform: translateY(-1px);
}

.site-header__toggle:hover .site-header__hamburger-layer:nth-child(3) {
    transform: translateY(1px);
}

.site-header__toggle.\--is-active .site-header__hamburger-layer:nth-child(1) {
    transform: translateY(5px) rotate(45deg);
}

.site-header__toggle.\--is-active .site-header__hamburger-layer:nth-child(2) {
    opacity: 0;
}

.site-header__toggle.\--is-active .site-header__hamburger-layer:nth-child(3) {
    transform: translateY(-5px) rotate(-45deg);
}

@media (min-width: 481px) {
    .site-header:after {
        padding-top: 2.85714%;
        background-image: url(../images/components/site-header/decoration.png);
    }

    .site-header__mobile-logo {
        width: 79px;
        height: 60px;
        margin: -30px 0 0 -40px;
    }

    .site-header__toggle {
        width: 40px;
        height: 40px;
        padding: 12px 8px 11px;
    }

    .site-header__hamburger {
        width: 24px;
        height: 17px;
    }

    .site-header__hamburger-layer {
        height: 3px;
        margin-top: 4px;
    }

    .site-header__toggle:hover .site-header__hamburger-layer:nth-child(1) {
        transform: translateY(-2px);
    }

    .site-header__toggle:hover .site-header__hamburger-layer:nth-child(3) {
        transform: translateY(2px);
    }

    .site-header__toggle.\--is-active .site-header__hamburger-layer:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }

    .site-header__toggle.\--is-active .site-header__hamburger-layer:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }
}

@media (min-width: 1025px) {
    .site-header {
        padding: 95px 0 0;
    }

    #site-header-mq {
        font-family: 'desktop';
    }

    .site-header__mobile-logo,
    .site-header__toggle {
        display: none;
    }

    .site-header.\--is-compact {
        transform: translateY(-55px);
    }

    .site-header.\--is-compact:after {
        transform: scaleY(0.5);
    }

    .site-header.\--is-compact .site-nav__side-link {
        transform: translateY(55px);
    }

    .site-header.\--is-compact .site-nav__logo {
        transform: scale(0.7);
    }
}

@media (min-width: 1025px) and (max-width: 1350px) {
    .site-header.\--is-compact .site-nav__side-link {
        padding-top: 0.25em;
        padding-bottom: 0.25em;
    }
}

@media (min-width: 1351px) {
    .site-header.\--is-compact {
        transform: translateY(-75px);
    }

    .site-header.\--is-compact .site-nav__side-link {
        transform: translateY(75px);
    }
}

@media (min-width: 1401px) {
    .site-header:after {
        height: 40px;
    }
}

/*-----------------------------------------------------------------------------
    $ Site Main
-----------------------------------------------------------------------------*/
.site-main {
    padding-top: 40px;
}

@media (min-width: 1025px) {
    .site-main {
        padding-top: 134px;
    }
}

/*-----------------------------------------------------------------------------
    $ Sitemap
-----------------------------------------------------------------------------*/
.sitemap {
    margin: -30px 0 0 0;
    overflow: hidden;
    width: 100%;
    text-align: left;
}

.sitemap a {
    color: #000;
}

.sitemap a:hover {
    text-decoration: underline;
}

.sitemap-col {
    padding: 30px 15px 0;
}

.sitemap-heading {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
    color: #e72582;
}

.sitemap-heading a {
    color: #e72582;
}

.sitemap-subheading {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #ccc;
}

.sitemap-navi,
.sitemap-navi-portion {
    margin-bottom: 15px;
}

.sitemap-navi:last-child,
.sitemap-navi-portion:last-child {
    margin-bottom: 0;
}

@media (min-width: 481px) {
    .sitemap-col {
        float: left;
    }
}

@media (min-width: 481px) and (max-width: 640px) {
    .sitemap-col {
        width: 50%;
    }

    .sitemap-col:nth-child(2n+1) {
        clear: left;
    }
}

@media (min-width: 641px) and (max-width: 800px) {
    .sitemap-col {
        width: 33.3333%;
    }

    .sitemap-col:nth-child(3n+1) {
        clear: left;
    }
}

@media (min-width: 801px) and (max-width: 1024px) {
    .sitemap-col {
        width: 33.333%;
    }

    .sitemap-col:nth-child(3n+1) {
        clear: left;
    }
}

@media (min-width: 1025px) {
    .sitemap-col {
        width: 25%;
    }

    .sitemap-col:nth-child(4n+1) {
        clear: left;
    }
}

/*-----------------------------------------------------------------------------
    $ Site Navigation
-----------------------------------------------------------------------------*/
.site-nav {
    text-transform: uppercase;
}

.site-nav__list,
.site-nav__sublist {
    padding: 0;
    list-style: none;
}

.site-nav__item {
    position: relative;
}

.site-nav__link {
    position: relative;
    display: block;
    font-weight: bold;
}

.site-nav__sublist {
    display: none;
}

.site-nav__subitem {
    animation: 0.4s cubic-bezier(0.19, 1, 0.22, 1) both subitem-in;
}

.site-nav__subitem:first-child {
    animation: none;
}

.site-nav__subitem:nth-child(3) {
    animation-delay: 0.05s;
}

.site-nav__subitem:nth-child(4) {
    animation-delay: 0.1s;
}

.site-nav__subitem:nth-child(5) {
    animation-delay: 0.15s;
}

.site-nav__subitem:nth-child(6) {
    animation-delay: 0.2s;
}

.site-nav__subitem:nth-child(7) {
    animation-delay: 0.25s;
}

.site-nav__subitem:nth-child(8) {
    animation-delay: 0.3s;
}

.site-nav__subitem:nth-child(9) {
    animation-delay: 0.35s;
}

.site-nav__subitem:nth-child(10) {
    animation-delay: 0.4s;
}

.site-nav__sublink {
    display: block;
}

.site-nav__sublink:hover {
    color: #dadada;
}

/*---- Mobile ----*/
@media (max-width: 1024px) {
    .site-nav {
        width: 350px;
        height: 100%;
        padding: 40px 20px 20px;
        position: fixed;
        top: 0;
        right: -400px;
        z-index: 11;
        background-color: #e72582;
        box-shadow: -5px 0 40px rgba(0, 0, 0, 0.7);
        text-align: left;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        transition-duration: 0.6s;
        transition-property: transform;
    }

    .site-nav.\--is-shown {
        transform: translateX(-400px);
    }

    .site-nav__side-link {
        border: 2px solid currentColor;
        background-color: transparent;
        color: #fff;
    }

    .site-nav__side-link:hover {
        background-color: transparent;
        color: #dadada;
    }

    .site-nav__list {
        margin: 20px -20px 0;
    }

    .site-nav__item {
        opacity: 0;
        transform: translateX(20%);
        transition-property: opacity, transform;
    }

    .site-nav__item.\--logo {
        display: none;
    }

    .site-nav.\--is-shown .site-nav__item {
        opacity: 1;
        transform: translateX(0);
    }

    .site-nav.\--is-shown .site-nav__item:nth-child(2) {
        transition-delay: 0.03s;
    }

    .site-nav.\--is-shown .site-nav__item:nth-child(3) {
        transition-delay: 0.06s;
    }

    .site-nav.\--is-shown .site-nav__item:nth-child(4) {
        transition-delay: 0.09s;
    }

    .site-nav.\--is-shown .site-nav__item:nth-child(5) {
        transition-delay: 0.12s;
    }

    .site-nav.\--is-shown .site-nav__item:nth-child(6) {
        transition-delay: 0.15s;
    }

    .site-nav.\--is-shown .site-nav__item:nth-child(7) {
        transition-delay: 0.18s;
    }

    .site-nav.\--is-shown .site-nav__item:nth-child(8) {
        transition-delay: 0.21s;
    }

    .site-nav.\--is-shown .site-nav__item:nth-child(9) {
        transition-delay: 0.24s;
    }

    .site-nav.\--is-shown .site-nav__item:nth-child(10) {
        transition-delay: 0.27s;
    }

    .site-nav__item:before {
        content: '';
        border-top: 1px solid rgba(255, 255, 255, 0.5);
        position: absolute;
        top: 0;
        left: 20px;
        right: 20px;
    }

    .site-nav__link {
        padding: 20px 45px 20px 20px;
    }

    .site-nav__link:hover {
        color: #dadada;
    }

    .site-nav__link:before {
        content: '';
        width: 10px;
        height: 10px;
        border: 0 solid currentColor;
        border-width: 0 3px 3px 0;
        position: absolute;
        top: 50%;
        right: 25px;
        margin-top: -7px;
        transform: rotate(45deg);
        transform-origin: 50% 50%;
    }

    .site-nav__link:first-child:last-child:before {
        content: none;
    }

    .site-nav__link.\--is-expanded:before {
        transform: rotate(-135deg) translateX(-3px) translateY(-3px);
    }

    .site-nav__subitem.\--label {
        display: none;
    }

    +.site-nav__subitem.\--label {
        margin-top: -5px;
    }

    .site-nav__subitem:last-child {
        padding-bottom: 15px;
    }

    .site-nav__sublink {
        padding: 15px 20px 15px 40px;
    }
}

@media (max-width: 480px) {
    .site-nav {
        width: 250px;
        right: -300px;
    }

    .site-nav.\--is-shown {
        transform: translateX(-300px);
    }
}

/*---- Desktop ----*/
@media (min-width: 1025px) {
    .site-nav {
        text-align: center;
    }

    .site-nav__side-link {
        position: absolute;
        top: 0;
        right: 0;
        transition-property: background-color, transform, padding;
    }

    .site-nav__list {
        margin: 0 -18px 0 -15px;
        display: flex;
        justify-content: space-between;
    }

    .site-nav__item {
        order: 1;
    }

    .site-nav__item.\--logo {
        width: 132px;
        z-index: 1;
        order: 2;
    }

    .site-nav__item:nth-child(4)~.site-nav__item {
        order: 3;
    }

    .site-nav__logo {
        width: 132px;
        height: 100px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -66px;
        transform-origin: 50% 25%;
        transition-property: transform;
    }

    .site-nav__link {
        padding: 10px;
        cursor: default;
    }

    .site-nav__link.\--current {
        color: #e72582;
    }

    .site-nav__link:first-child:last-child {
        cursor: pointer;
    }

    .site-nav__link:first-child:last-child:hover {
        color: #e72582;
    }

    .site-nav__sublist {
        width: 230px;
        padding: 10px 0;
        position: absolute;
        top: -5px;
        left: -5px;
        z-index: 1;
        background-color: #e72582;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
        color: #fff;
        text-align: left;
    }

    .site-nav__item:nth-child(4)~.site-nav__item .site-nav__sublist {
        left: -2px;
    }

    .site-nav__item:nth-child(5) .site-nav__sublist {
        width: 300px;
    }

    .site-nav__item:nth-child(6) .site-nav__sublist {
        width: 270px;
    }

    .site-nav__item:nth-child(7) .site-nav__sublist {
        width: 130px;
    }

    .site-nav__subitem.\--label {
        padding: 10px 20px;
        font-weight: bold;
        cursor: default;
    }

    .site-nav__sublink {
        padding: 10px 20px;
    }
}

@media (min-width: 1101px) {
    .site-nav__list {
        margin-right: -22px;
    }

    .site-nav__item:nth-child(4)~.site-nav__item .site-nav__sublist {
        left: 2px;
    }
}

@keyframes subitem-in {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/*-----------------------------------------------------------------------------
    $ Slick
-----------------------------------------------------------------------------*/
.slick-slide {
    outline: 0;
}

.slick-dots {
    padding: 0;
    list-style: none;
}

.slick-dots>li {
    margin-left: 5px;
    display: inline;
    vertical-align: top;
}

.slick-dots>li:first-child {
    margin-left: 0;
}

.slick-dots>li>button {
    width: 18px;
    height: 18px;
    padding: 3px;
    position: relative;
    overflow: hidden;
    color: inherit;
    text-indent: 20px;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: top;
}

.slick-dots>li>button:before,
.slick-dots>li>button:after {
    content: '';
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transition-property: opacity;
}

.slick-dots>li>button:before {
    width: 12px;
    height: 12px;
    margin: -6px 0 0 -6px;
    border: 3px solid currentColor;
    opacity: 0;
}

.slick-dots>li>button:after {
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    background-color: currentColor;
}

.slick-dots>li>button:hover:before {
    opacity: 1;
}

.slick-dots>.slick-active>button:before {
    opacity: 1;
}

.slick-dots>.slick-active>button:after {
    opacity: 0;
}

/*-----------------------------------------------------------------------------
    $ Social Media
-----------------------------------------------------------------------------*/
.social-media {
    margin: -3px;
}

.social-medium {
    display: inline-block;
    margin: 3px;
}

.social-medium:hover {
    opacity: 0.8;
}

/*-----------------------------------------------------------------------------
    $ Split Sections
-----------------------------------------------------------------------------*/
.split-section__side {
    padding: calc(7.03125% + 30px) 0 7.03125%;
    position: relative;
}

.split-section__side:nth-child(2):before {
    content: '';
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #b4b4b4;
}

.split-section__corner {
    position: absolute;
    top: 0;
    right: 0;
}

.split-section__carousel {
    max-width: 515px;
    margin-left: auto;
    margin-right: auto;
}

.split-section__carousel .slick-dots {
    margin-top: 30px;
    color: #e72582;
}

.split-section__carousel-slide {
    padding-left: 20px;
    padding-right: 20px;
}

.split-section__carousel-slide img {
    display: inline-block;
}

.split-section__carousel-heading {
    color: inherit;
}

@media (min-width: 801px) {
    .split-section {
        padding: calc(5.71429% + 30px) 0 5.71429%;
    }
}

@media (min-width: 801px) {
    .split-section {
        display: flex;
    }

    .split-section__side {
        width: 50%;
    }

    .split-section__side:nth-child(2):before {
        width: 1px;
        height: auto;
        top: 80px;
        bottom: 80px;
    }
}

@media (min-width: 1401px) {
    .split-section__side {
        padding-top: 110px;
        padding-bottom: 80px;
    }
}

/*-----------------------------------------------------------------------------
    $ Sprites
-----------------------------------------------------------------------------*/
.sprite {
    display: inline-block;
    /*---- Social Media ----*/
}

.sprite[class*="--icons:"] {
    width: 30px;
    height: 30px;
    background: url(../images/components/sprites/icons.png) left top no-repeat;
}

.sprite.\--icons\:call {
    background-position: -30px top;
}

.sprite[class*="--social-media:"] {
    width: 38px;
    height: 36px;
    /*background-image: url(../images/components/sprites/social-media.png);*/
    background-image: url(/wp-content/uploads/2024/04/social-media_50.png);
    background-position: -40px top;
}

.sprite[class*="--social-media:"].\--social-media\:twitter {
    background-position: 80px top;
}

.sprite[class*="--social-media:"].\--social-media\:email {
    background-position: 40px top;
}

.sprite[class*="--social-media:"].\--social-media\:linkedin {
    background-position: 0 top;
}

/*-----------------------------------------------------------------------------
    $ Tables
-----------------------------------------------------------------------------*/
.table {
    width: 100%;
    text-align: left;
}

.table-bordered tr {
    vertical-align: top;
}

.table-bordered tr>td {
    padding: 15px 0;
    border-bottom: 1px solid #6a387c;
}

.table-locations tr>td:nth-child(1) {
    width: 30%;
    font-weight: bold;
}

.table-locations tr>td:nth-child(2) {
    width: 70%;
}

.table-locations tr>td.table-subtitle {
    background: #6a387c;
    color: #fff;
    font-size: 18px;
    padding: 10px;
}

.table-locations ul {
    padding-left: 20px;
}

/*-----------------------------------------------------------------------------
    $ Text Wrappers
-----------------------------------------------------------------------------*/
.text-wrapper {
    width: 100%;
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
}

.text-wrapper.\--align\:left {
    margin-left: 0;
    text-align: left;
}

/*-----------------------------------------------------------------------------
    $ Themes
-----------------------------------------------------------------------------*/
.theme\:primary {
    background-color: #e72582;
    color: #fff;
}

.theme\:primary .heading,
.theme\:primary .lead {
    color: inherit;
}

.theme\:primary .button:not(.\--outline) {
    background-color: #fff;
    color: #e72582;
}

.theme\:primary .button:not(.\--outline):hover {
    background-color: #dadada;
}

.theme\:primary .button.\--outline {
    color: #fff;
}

.theme\:primary .button.\--outline:hover {
    color: #dadada;
}

@media (max-width: 640px) {
    .theme\:primary .gfx-desc__trigger:before {
        border-bottom-color: #aa2966;
    }

    .theme\:primary .gfx-desc__main-inner {
        background-color: #aa2966;
    }
}

.theme\:light {
    background-color: #fff;
    color: #000;
}

@media (max-width: 640px) {
    .theme\:light .gfx-desc__trigger:before {
        border-bottom-color: #e1e1e1;
    }

    .theme\:light .gfx-desc__main-inner {
        background-color: #e1e1e1;
    }
}

.theme\:grey {
    background-color: #e1e1e1;
    color: #000;
}

.theme\:pattern-grey {
    background: url(../images/components/themes/background-pattern-grey-mobile.jpg) center/cover no-repeat #e1e1e1;
    color: #000;
}

@media (min-width: 641px) {
    .theme\:pattern-grey {
        background-image: url(../images/components/themes/background-pattern-grey-desktop.jpg);
    }
}

.theme\:dark {
    background-color: #353535;
    color: #fff;
}

.theme\:dark .heading,
.theme\:dark .lead {
    color: inherit;
}

/*-----------------------------------------------------------------------------
    $ Typography
-----------------------------------------------------------------------------*/
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6,
.typography p,
.typography ul,
.typography ol {
    margin-top: 15px;
    margin-bottom: 15px;
}

.typography h1 .typography__space-bottom\:2,
.typography h2 .typography__space-bottom\:2,
.typography h3 .typography__space-bottom\:2,
.typography h4 .typography__space-bottom\:2,
.typography h5 .typography__space-bottom\:2,
.typography h6 .typography__space-bottom\:2,
.typography p .typography__space-bottom\:2,
.typography ul .typography__space-bottom\:2,
.typography ol .typography__space-bottom\:2 {
    margin-bottom: 25px;
}

.typography a:not([class]) {
    color: #e72582;
}

.typography a:not([class]):hover {
    text-decoration: underline;
}

.typography:nth-child(n) h1:first-child,
.typography:nth-child(n) h2:first-child,
.typography:nth-child(n) h3:first-child,
.typography:nth-child(n) h4:first-child,
.typography:nth-child(n) h5:first-child,
.typography:nth-child(n) h6:first-child,
.typography:nth-child(n) p:first-child,
.typography:nth-child(n) ul:first-child,
.typography:nth-child(n) ol:first-child {
    margin-top: 0;
}

.typography:nth-child(n) h1:last-child,
.typography:nth-child(n) h2:last-child,
.typography:nth-child(n) h3:last-child,
.typography:nth-child(n) h4:last-child,
.typography:nth-child(n) h5:last-child,
.typography:nth-child(n) h6:last-child,
.typography:nth-child(n) p:last-child,
.typography:nth-child(n) ul:last-child,
.typography:nth-child(n) ol:last-child {
    margin-bottom: 0;
}

@media (min-width: 481px) {

    .typography.\--space\:2 h1,
    .typography.\--space\:2 h2,
    .typography.\--space\:2 h3,
    .typography.\--space\:2 h4,
    .typography.\--space\:2 h5,
    .typography.\--space\:2 h6,
    .typography.\--space\:2 p,
    .typography.\--space\:2 ul,
    .typography.\--space\:2 ol {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .typography.\--space\:2 .typography__space-bottom\:2 {
        margin-bottom: 30px;
    }
}

@media (min-width: 641px) {

    .typography.\--space\:2 h1,
    .typography.\--space\:2 h2,
    .typography.\--space\:2 h3,
    .typography.\--space\:2 h4,
    .typography.\--space\:2 h5,
    .typography.\--space\:2 h6,
    .typography.\--space\:2 p,
    .typography.\--space\:2 ul,
    .typography.\--space\:2 ol {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .typography.\--space\:2 .typography__space-bottom\:2 {
        margin-bottom: 40px;
    }
}

/*-----------------------------------------------------------------------------
    $ Vertical Aligners
-----------------------------------------------------------------------------*/
.valigner {
    display: flex;
    align-items: center;
}

.valigner__inner {
    width: 100%;
}

.valigner__image {
    vertical-align: middle;
}

/*-----------------------------------------------------------------------------
    $ Wrappers
-----------------------------------------------------------------------------*/
.wrapper {
    width: 100%;
    max-width: 1040px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
}

/*---- High Priority Components ----*/
/*-----------------------------------------------------------------------------
    $ Utilities
-----------------------------------------------------------------------------*/
.ha {
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    clip: rect(0, 0, 0, 0);
    opacity: 0;
    overflow: hidden;
}

.as\:c {
    align-self: center;
}

.as\:fs {
    align-self: flex-start;
}

.as\:fe {
    align-self: flex-end;
}

.c\:i {
    color: inherit;
}

.c\:light {
    color: #fff;
}

.fw\:100 {
    font-weight: 100;
}

.fw\:200 {
    font-weight: 200;
}

.fw\:300 {
    font-weight: 300;
}

.fw\:400 {
    font-weight: 400;
}

.fw\:500 {
    font-weight: 500;
}

.fw\:600 {
    font-weight: 600;
}

.fw\:700 {
    font-weight: 700;
}

.fw\:800 {
    font-weight: 800;
}

.fw\:900 {
    font-weight: 900;
}

.m\:0 {
    margin: 0;
}

.mx\:0,
.ml\:0 {
    margin-left: 0;
}

.mx\:0,
.mr\:0 {
    margin-right: 0;
}

.mx\:a,
.ml\:a {
    margin-left: auto;
}

.mx\:a,
.mr\:a {
    margin-right: auto;
}

.o\:a {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.o\:v {
    overflow: visible;
}

.o\:h {
    overflow: hidden;
}

.ta\:c {
    text-align: center;
}

.ta\:l {
    text-align: left;
}

.ta\:r {
    text-align: right;
}

.tt\:u {
    text-transform: uppercase;
}

.tt\:l {
    text-transform: lowercase;
}

.tt\:c {
    text-transform: capitalize;
}

.tt\:n {
    text-transform: normal;
}

.w\:1of12 {
    width: 8.33333%;
}

.w\:2of12 {
    width: 16.66667%;
}

.w\:3of12 {
    width: 25%;
}

.w\:4of12 {
    width: 33.33333%;
}

.w\:5of12 {
    width: 41.66667%;
}

.w\:6of12 {
    width: 50%;
}

.w\:7of12 {
    width: 58.33333%;
}

.w\:8of12 {
    width: 66.66667%;
}

.w\:9of12 {
    width: 75%;
}

.w\:10of12 {
    width: 83.33333%;
}

.w\:11of12 {
    width: 91.66667%;
}

.w\:12of12 {
    width: 100%;
}

@media (min-width: 481px) {
    .m\:0\@xs {
        margin: 0;
    }

    .mx\:0\@xs,
    .ml\:0\@xs {
        margin-left: 0;
    }

    .mx\:0\@xs,
    .mr\:0\@xs {
        margin-right: 0;
    }

    .mx\:a\@xs,
    .ml\:a\@xs {
        margin-left: auto;
    }

    .mx\:a\@xs,
    .mr\:a\@xs {
        margin-right: auto;
    }

    .ta\:c\@xs {
        text-align: center;
    }

    .ta\:l\@xs {
        text-align: left;
    }

    .ta\:r\@xs {
        text-align: right;
    }

    .w\:1of12\@xs {
        width: 8.33333%;
    }

    .w\:2of12\@xs {
        width: 16.66667%;
    }

    .w\:3of12\@xs {
        width: 25%;
    }

    .w\:4of12\@xs {
        width: 33.33333%;
    }

    .w\:5of12\@xs {
        width: 41.66667%;
    }

    .w\:6of12\@xs {
        width: 50%;
    }

    .w\:7of12\@xs {
        width: 58.33333%;
    }

    .w\:8of12\@xs {
        width: 66.66667%;
    }

    .w\:9of12\@xs {
        width: 75%;
    }

    .w\:10of12\@xs {
        width: 83.33333%;
    }

    .w\:11of12\@xs {
        width: 91.66667%;
    }

    .w\:12of12\@xs {
        width: 100%;
    }
}

@media (min-width: 641px) {
    .m\:0\@sm {
        margin: 0;
    }

    .mx\:0\@sm,
    .ml\:0\@sm {
        margin-left: 0;
    }

    .mx\:0\@sm,
    .mr\:0\@sm {
        margin-right: 0;
    }

    .mx\:a\@sm,
    .ml\:a\@sm {
        margin-left: auto;
    }

    .mx\:a\@sm,
    .mr\:a\@sm {
        margin-right: auto;
    }

    .ta\:c\@sm {
        text-align: center;
    }

    .ta\:l\@sm {
        text-align: left;
    }

    .ta\:r\@sm {
        text-align: right;
    }

    .w\:1of12\@sm {
        width: 8.33333%;
    }

    .w\:2of12\@sm {
        width: 16.66667%;
    }

    .w\:3of12\@sm {
        width: 25%;
    }

    .w\:4of12\@sm {
        width: 33.33333%;
    }

    .w\:5of12\@sm {
        width: 41.66667%;
    }

    .w\:6of12\@sm {
        width: 50%;
    }

    .w\:7of12\@sm {
        width: 58.33333%;
    }

    .w\:8of12\@sm {
        width: 66.66667%;
    }

    .w\:9of12\@sm {
        width: 75%;
    }

    .w\:10of12\@sm {
        width: 83.33333%;
    }

    .w\:11of12\@sm {
        width: 91.66667%;
    }

    .w\:12of12\@sm {
        width: 100%;
    }
}

@media (min-width: 801px) {
    .m\:0\@md {
        margin: 0;
    }

    .mx\:0\@md,
    .ml\:0\@md {
        margin-left: 0;
    }

    .mx\:0\@md,
    .mr\:0\@md {
        margin-right: 0;
    }

    .mx\:a\@md,
    .ml\:a\@md {
        margin-left: auto;
    }

    .mx\:a\@md,
    .mr\:a\@md {
        margin-right: auto;
    }

    .ta\:c\@md {
        text-align: center;
    }

    .ta\:l\@md {
        text-align: left;
    }

    .ta\:r\@md {
        text-align: right;
    }

    .w\:1of12\@md {
        width: 8.33333%;
    }

    .w\:2of12\@md {
        width: 16.66667%;
    }

    .w\:3of12\@md {
        width: 25%;
    }

    .w\:4of12\@md {
        width: 33.33333%;
    }

    .w\:5of12\@md {
        width: 41.66667%;
    }

    .w\:6of12\@md {
        width: 50%;
    }

    .w\:7of12\@md {
        width: 58.33333%;
    }

    .w\:8of12\@md {
        width: 66.66667%;
    }

    .w\:9of12\@md {
        width: 75%;
    }

    .w\:10of12\@md {
        width: 83.33333%;
    }

    .w\:11of12\@md {
        width: 91.66667%;
    }

    .w\:12of12\@md {
        width: 100%;
    }
}

@media (min-width: 1025px) {
    .m\:0\@lg {
        margin: 0;
    }

    .mx\:0\@lg,
    .ml\:0\@lg {
        margin-left: 0;
    }

    .mx\:0\@lg,
    .mr\:0\@lg {
        margin-right: 0;
    }

    .mx\:a\@lg,
    .ml\:a\@lg {
        margin-left: auto;
    }

    .mx\:a\@lg,
    .mr\:a\@lg {
        margin-right: auto;
    }

    .ta\:c\@lg {
        text-align: center;
    }

    .ta\:l\@lg {
        text-align: left;
    }

    .ta\:r\@lg {
        text-align: right;
    }

    .w\:1of12\@lg {
        width: 8.33333%;
    }

    .w\:2of12\@lg {
        width: 16.66667%;
    }

    .w\:3of12\@lg {
        width: 25%;
    }

    .w\:4of12\@lg {
        width: 33.33333%;
    }

    .w\:5of12\@lg {
        width: 41.66667%;
    }

    .w\:6of12\@lg {
        width: 50%;
    }

    .w\:7of12\@lg {
        width: 58.33333%;
    }

    .w\:8of12\@lg {
        width: 66.66667%;
    }

    .w\:9of12\@lg {
        width: 75%;
    }

    .w\:10of12\@lg {
        width: 83.33333%;
    }

    .w\:11of12\@lg {
        width: 91.66667%;
    }

    .w\:12of12\@lg {
        width: 100%;
    }
}

/*# sourceMappingURL=style.css.map */
.carousel__award-slide-gfx {
    z-index: 5;
    position: relative;
}

.carousel__award-slide-main {
    z-index: 9;
}

.interconnectivity-slide {
    background-image: url('../images/pages/home/banner/interconnectivity-banner-bg.png');
    background-position: 95% center;
    background-color: #3e7893;
}

.interconnectivity-slide h1+p {
    width: 82%;
}

.interconnectivity-slide .carousel__award-slide-layout {
    padding-bottom: 100px;
}

.cyberjaya-slide {
    background-image: url('../images/pages/home/banner/cyberjaya-banner-bg.png');
    background-position: 95% center;
    background-color: #3e7893;
    background-color: #eaeaea;
}

.cyberjaya-slide h1+p {
    width: 62%;
}

.cyberjaya-slide .carousel__award-slide-layout {
    padding-bottom: 100px;
}

.cyberjaya-slide .carousel__award-slide-gfx {
    position: relative;
}

.cyberjaya-slide .icon-shadow {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    max-width: 300px;
}

.cyberjaya-page-banner {
    background-image: none;
    background-color: #000;
    padding: 0px 0 60px;
}

.cyberjaya-page-banner h1,
.cyberjaya-page-banner p {
    color: #fff;
}

.cyberjaya-page-banner p {
    font-family: "Calibri", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 100;
}

.cyberjaya-page-banner .video-container {
    width: 50%;
    height: 100%;
    position: relative;
}

.cyberjaya-page-banner .video-container video {
    width: 100%;
    height: 120%;
}

.bkk-page-banner {
    background-image: url("../images/pages/bangkok/bkk-banner-bg.jpg");
    background-size: auto 100%;
    background-position: right center;
    background-color: #bbbdbf;
    padding: 0px 0 60px;
}

.bkk-page-banner h1 {
    color: #e72582;
}

.bkk-page-banner p {
    color: #000;
}

.bkk-page-banner p {
    font-family: "Calibri", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 100;
}

.bkk-page-banner .video-container {
    opacity: 0;
}

.bkk-page-banner .video-container img {
    max-width: 400px;
}

@media (max-width:800px) {
    .bkk-page-banner {
        background-image: none;
    }

    .bkk-page-banner .video-container {
        opacity: 1;
    }
}

.video-modal .modal-dialog,
.video-modal .modal-body {
    background-color: #000;
    padding: 0px;
}

.video-modal .modal-body,
.video-modal .modal-body iframe {
    height: 536px;
}

.spec-icon {
    max-width: 80px;
}

#play_button {
    position: absolute;
    z-index: 9;
    top: 50%;
    transform: translate(-50%);
    left: 50%;
    /*right: 0;*/
    margin: 0 auto;
    cursor: pointer;
}

.global-map {
    background-color: #E7E9EA !important;
}

.cyberjaya-download-form {
    background-image: url('../images/pages/cyberjaya/leads-bg.png');
    background-size: 80% auto;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-color: #E1E1E1;
}

.table-line {
    width: 100%;
}

.table-line td {
    border-bottom: 1px solid #ccc;
    padding: 10px;
    vertical-align: top;
    width: 50%;
}

.table-line td h5 {
    font-family: "Exo 2", "Calibri", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-size: 16px;
}

.table-line td ul {
    padding-left: 15px;
}

.table-line tr:last-child td {
    border-bottom: 0px solid #ccc;
}

.accredition-table tr {
    min-height: 80px;
    display: block;
    width: 100%;
}

.accredition-table td+td {
    vertical-align: top;
    padding-top: 20px;
}

.accredition-table img {
    margin-right: 35px;
    max-height: 65px;
}

.text-black {
    color: #000 !important;
}

.cj-submit {
    width: 300px;
    margin-top: 0px;
}

.captcha {
    margin-top: 50px;
}

.gfx-box p {}

.hidden-xs {
    display: block !important;
}

.visible-xs {
    display: none !important;
}

.icon-scroll,
.icon-scroll:before {
    position: absolute;
    left: 50%;
}

.icon-scroll {
    left: 50%;
    width: 70px;
    height: 30px;
    margin-left: -35px;
    top: 30px;
    box-shadow: inset 0 0 0 1px #ec008c;
    border-radius: 25px;
    position: relative;
}

.icon-scroll:before {
    content: '';
    width: 18px;
    height: 18px;
    background: #ec008c;
    margin-left: -30px;
    top: 5px;
    border-radius: 24px;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: scroll;
}

@keyframes scroll {
    0% {
        opacity: 1;
        transform: translateX(40px);
    }

    100% {
        opacity: 0;
        transform: translateX(5px);
    }
}

.cyberjaya-page-banner .carousel__award-slide-main {
    padding-left: 20px;
}

@media (min-width: 481px) {
    .gfx-long-box {
        padding: 50px 30px;
    }
}

@media (max-width:640px) {
    .gfx-desc:nth-child(4n) .gfx-desc__main {
        margin-left: -280%;
        transform: translateX(-60px);
    }

    .gfx-desc__main {
        z-index: 1 !important;
    }
}

@media (max-width:900px) {
    .cyberjaya-slide {
        background-image: url('../images/pages/home/banner/cyberjaya-banner-bg-mobile.png');
        background-size: auto 100%;
    }
}

@media (max-width:800px) {

    .video-modal .modal-body,
    .video-modal .modal-body iframe {
        height: 300px;
    }

    .img-scroll {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }

    .pincard-checked {
        width: 1100px;
        height: auto;
    }

    .pincard-checked img {
        opacity: 0.3;
        transition: 0.3s;
    }

    .pinGridWrapper {
        overflow-x: scroll;
        overflow-y: hidden;
        width: 100%;
        padding: 0px;
    }

    .pinGridWrapper.scrolled .pincard-checked img {
        opacity: 1;
        transition: 0.3s;
    }

    .pinGrid {
        display: inline-flex;
        list-style: none;
        padding: 0px;
    }

    .ab-pin {
        position: absolute;
        right: 10%;
        background: #000;
        height: 100px;
        width: 1px;
    }

    .pin {
        margin: 0px 0px 0px 0px;
        position: relative;
        margin-top: 0px;
        display: inline-block;
        overflow-y: hidden;
        text-align: center;
    }

    .mobile-global-map-wrapper {
        position: relative;
    }

    .mobile-global-map-wrapper>img {
        position: absolute;
        display: block;
        top: 50%;
        margin: 0 auto;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        opacity: 1;
        pointer-events: none;
        z-index: 10;
    }

    .mobile-global-map {
        display: block;
        overflow-y: hidden;
        overflow-x: scroll;
        text-align: right;
    }

    .mobile-global-map img {
        display: block;
        height: 600px;
        width: auto !important;
        max-width: none;
        opacity: 0.5;
    }

    .mobile-global-map .pin {
        position: absolute;
        right: 0px;
        top: 0px;
    }

    .mobile-global-map-wrapper.scroll .mobile-global-map img {
        opacity: 1;
        transition: 0.3s;
    }

    .mobile-global-map-wrapper.scroll>img {
        opacity: 0;
        transition: 0.3s;
    }

    .site-bottom__main {
        text-align: center;
    }

    .hidden-xs {
        display: none !important;
    }

    .visible-xs {
        display: block !important;
    }

    .table-line td {
        display: block;
        width: 100%;
    }

    .table-line td.btm-first-child {
        border-bottom: 0px;
    }

    .table-line td.top-child {}

    .table-line td.top-child+td,
    .table-line td.btm-first-child+td {
        padding-top: 0px;
    }

    .table-line ul li {
        display: block;
    }

    .accredition-table-wrapper {
        margin: 0 auto;
    }

    .accredition-table-wrapper td {
        display: block;
    }

    .accredition-table img {
        margin: 0 auto;
    }

    .accredition-table tr {
        margin-bottom: 20px;
    }

    .accredition-table td {
        display: inline-block !important;
        width: 48%;
    }

    .cyberjaya-download-form {
        background-size: auto 100%;
        background-position: -250px 100px;
    }

    .cyberjaya-slide .icon-shadow {
        max-width: 230px;
        opacity: .5;
    }

    .cyberjaya-slide .wrapper {
        z-index: 10;
        position: relative;
    }

    .cyberjaya-slide {
        background-color: #cbcbcb !important;
        background-color: rgb(221, 221, 221);
        background-color: -moz-linear-gradient(0deg, rgba(221, 221, 221, 1) 0%, rgba(200, 200, 200, 1) 100%);
        background-color: -webkit-linear-gradient(0deg, rgba(221, 221, 221, 1) 0%, rgba(200, 200, 200, 1) 100%);
        background-color: linear-gradient(0deg, rgba(221, 221, 221, 1) 0%, rgba(200, 200, 200, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dddddd", endColorstr="#c8c8c8", GradientType=1);
    }

    .cyberjaya-slide:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-color: rgba(255, 255, 255, 0);
        z-index: 0;
        pointer-events: none;
    }

    .interconnectivity-slide:after {
        display: none !important;
    }

    .cyberjaya-page-banner>.wrapper {
        padding: 80px 0px 0px;
        margin-top: -20px;
        margin-bottom: -50px;
    }

    .cyberjaya-page-banner .carousel__award-slide-main {
        padding: 0px 20px;
    }

    .cyberjaya-page-banner .video-container {
        width: 100%;
        height: 100%;
        position: relative;
        padding-top: 30px;
    }
}

.ripple {
    position: relative;
    display: block;
    width: 320px;
    height: 320px;
    margin: 10% auto;
    left: 0;
    right: 0;
}

.ripple img {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    display: block;
    width: 200px;
    z-index: 1;
}

.ripple img.ripple-1,
.ripple img.ripple-2 {
    width: 190px;
    z-index: 0;
}

.ripple img.ripple-1 {
    animation: ripple 2s linear infinite 1s;
}

.ripple img.ripple-2 {
    animation: ripple 2s linear infinite 2s;
}

@keyframes ripple {
    0% {
        width: 190px;
        opacity: 1;
    }

    100% {
        width: 320px;
        opacity: 0;
    }
}

@-webkit-keyframes ripple {
    0% {
        width: 190px;
        opacity: 1;
    }

    95% {
        width: 320px;
        opacity: 0;
    }

    100% {
        width: 190px;
        opacity: 0;
    }
}

@media (max-width:900px) {
    .title-mobile-t60 {
        margin-top: 60px;
    }

    .interconnectivity-slide {
        background-image: url("../images/pages/home/banner/interconnectivity-banner-bg-xs-mid.jpg");
        background-position: center top;
        /*padding-bottom:150px;*/
        background-size: auto 100%;
    }

    .cyberjaya-slide,
    .interconnectivity-slide {
        min-height: 658px;
    }

    .interconnectivity-slide .carousel__award-slide-main {
        margin-top: -10px;
    }

    .interconnectivity-slide .carousel__award-slide-layout {
        padding-bottom: 20px;
    }

    .ripple {
        margin: 0% auto;
        width: 180px;
        height: 180px;
    }

    .ripple img {
        width: 130px;
    }

    .ripple img.ripple-1,
    .ripple img.ripple-2 {
        width: 120px;
        opacity: 0;
    }

    .ripple img.ripple-1 {
        animation: ripple-mobile 2s linear infinite 1s;
    }

    .ripple img.ripple-2 {
        animation: ripple-mobile 2s linear infinite 2s;
    }

    .interconnectivity-slide .carousel__award-slide-layout,
    .cyberjaya-slide .carousel__award-slide-layout {
        padding-bottom: 20px;
        height: auto;
        display: block;
        text-align: center;
    }

    .carousel__award-slide-gfx {
        margin: 0 auto;
    }

    .interconnectivity-slide h1+p,
    .cyberjaya-slide h1+p {
        margin: 0 auto;
    }
}

@media (max-width:1200px) {
    .interconnectivity-slide .carousel__award-slide-layout {
        padding-bottom: 60px;
    }

    .interconnectivity-slide h1+p {
        width: 70%;
    }
}

@keyframes ripple-mobile {
    0% {
        width: 120px;
        opacity: 1;
    }

    100% {
        width: 180px;
        opacity: 0;
    }
}

@-webkit-keyframes ripple-mobile {
    0% {
        width: 120px;
        opacity: 1;
    }

    95% {
        width: 180px;
        opacity: 0;
    }

    100% {
        width: 0px;
        opacity: 0;
    }
}

@media (min-width:1200px) {
    .dr-3col .gfx-box {
        width: calc(33.33% - 30px) !important;
    }
}

@media screen and (max-width:480px) {
    .cyberjaya-slide {
        background-image: url('../images/pages/home/banner/cyberjaya-banner-bg-mobile-1.png');
        background-size: auto 55%;
        background-position: 89% 110%;
        background-color: #edf0f0;
        background-color: rgb(244, 244, 244);
        background-color: -moz-linear-gradient(90deg, rgba(244, 244, 244, 1) 0%, rgba(237, 240, 240, 1) 100%);
        background-color: -webkit-linear-gradient(90deg, rgba(244, 244, 244, 1) 0%, rgba(237, 240, 240, 1) 100%);
        background-color: linear-gradient(90deg, rgba(244, 244, 244, 1) 0%, rgba(237, 240, 240, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4f4f4", endColorstr="#edf0f0", GradientType=1);
    }
}


/*
* UPDATE ON 24 AUGUST 2020
* FOR FROST & SULLIVAN’S 2020 HOME BANNER
*/

.fs-slide p {
    width: 70%;
    margin: 0 auto;
}

.fs-slide {
    background-image: url('../images/pages/home/banner/frost-and-sullivan-2020-banner-2.png');
    background-position: 95% center;
    background-color: #d1d3d4;
    background-size: 103% auto;
    background-position: 30% 110%;
    background-size: 110% auto;
}

@media screen and (min-width:901px) {
    .fs-slide p {
        width: 500px;
        margin: 0;
    }
}

@media screen and (min-width:1024px) {
    .fs-slide p.btn-wrap {
        margin-bottom: 140px;
    }
}

@media screen and (max-width:900px) {
    .fs-slide .carousel__award-slide-gfx {
        display: none;
    }

    .fs-slide .carousel__award-slide-main {
        margin: 0 auto;
        text-align: center;
    }

    .fs-slide {
        min-height: 658px;
        background-image: url('../images/pages/home/banner/frost-and-sullivan-2020-banner-mobile.png');
        background-position: 70% center;
        background-size: cover;
    }

    .fs-slide h1+p {
        margin: 0 auto;
    }

    .interconnectivity-slide {
        background-size: auto 115%;
        background-position: 50% 111%;
    }

    .slick-dots>.slick-active>button:before {
        background-color: #ffffff;
    }
}

@media screen and (max-width:480px) {
    .fs-slide {
        background-position: top center;
        background-position: 50% 15%;
        background-size: auto 118%;
    }

    .fs-slide .carousel__award-slide-main {
        padding-top: 10vw;
    }
}

@media screen and (max-width:375px) {
    .interconnectivity-slide {
        background-size: auto 110%;
        background-position: 50% 105%;
    }
}

@media screen and (max-width:360px) {
    .interconnectivity-slide {
        background-size: auto 105%;
        background-position: 50% 100%;
    }
}

@media screen and (max-width:320px) {}

.terms-and-conditions .block:first-child {
    margin-top: 0;
}

.terms-and-conditions .block:nth-child(2) {
    margin-top: 4.28571vw;
}

.terms-and-conditions .block {
    margin-top: 20px;
}

.terms-and-conditions .box {
    padding: 25px 35px;
}

.terms-and-conditions ol {
    padding-left: 18px;
}

.dc-dr-entrance {
    padding: 0;
}

.dc-dr-entrance .wrapper-outter {
    overflow: hidden;
}

.blockbox-main {
    padding-left: 20px;
    padding-right: 20px;
}

.blockbox-main-cover {
    position: relative;
    padding-top: 7.03125vw;
}

.blockbox-main-cover:before {
    content: "";
    background-color: #f6f7f8;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 33vw;
}

.blockbox-main-cover:after {
    content: "";
    position: absolute;
    top: 30vw;
    left: 0;
    width: 100%;
    height: 14vw;
    background-image: url(../images/components/mega-sections/extend-dc-dr-bottom-cover-mobile.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
}

.blockbox-cover {
    width: 70%;
    margin: 0 auto;
    position: relative;
}

.blockbox-cover img {
    width: 100%;
}

.blockbox-main-heading {
    position: relative;
    background-color: #e83184;
    padding-bottom: 7.03125vw;
}

.blockbox-main-heading:before {
    content: "";
    position: absolute;
    top: -12vw;
    left: 0;
    width: 100%;
    height: 14vw;
    background-image: url("../images/components/mega-sections/extend-dc-dr-top-heading-mobile.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
}

.blockbox-heading {
    padding-top: 15px;
    margin-bottom: 15px;
    position: relative;
}

.blockbox-heading h2.heading.\--level-2 {
    color: #fff;
    font-size: 20px;
    font-style: normal;
}

.blockbox-button {
    margin: 0 auto 20px;
}

.blockbox-button .button {
    border: 2px solid #ffffff;
}

@media screen and (min-width:480px) {
    .blockbox-cover {
        width: 55%;
    }
}

@media screen and (min-width:768px) {
    .dc-dr-entrance .block {
        display: table;
        width: 100%;
        direction: rtl;
    }

    .blockbox-main {
        display: table-cell;
        direction: ltr;
        padding-top: 0;
        padding-bottom: 0;
        vertical-align: middle;
    }

    .blockbox-main-cover {
        width: 25%;
        padding: 20px;
    }

    .blockbox-cover {
        width: 100%;
    }

    .blockbox-main-heading {
        width: 75%;
        padding-left: 0;
    }

    .blockbox-heading {
        padding-top: 0;
        padding-right: 20px;
        text-align: left;
    }

    .blockbox-heading,
    .blockbox-button {
        display: table-cell;
        vertical-align: middle;
    }

    .blockbox-heading h2.heading.\--level-2 {
        font-size: 24px;
    }

    .blockbox-button {
        position: relative;
    }

    .blockbox-main-heading:before {
        top: 0;
        left: inherit;
        right: 0;
        width: 9999px;
        height: 100%;
        background-image: none;
        background-color: #e83184;
    }

    .blockbox-main-cover:before {
        width: 100%;
        height: 100%;
        background-image: url("../images/components/mega-sections/extend-dc-dr-primary-desktop.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center;
    }

    .blockbox-main-cover:after {
        top: 0;
        left: 100%;
        width: 9999px;
        height: 100%;
        background-image: none;
        background-color: #f6f7f8;
    }
}

@media screen and (min-width:960px) {
    .blockbox-heading h2.heading.\--level-2 {
        font-size: 28px;
    }
}

@media screen and (min-width:1170px) {
    .blockbox-main-cover {
        width: 20%;
    }

    .blockbox-main-heading {
        width: 80%;
    }

    .blockbox-main-cover {
        padding: 10px;
    }

    .blockbox-heading {
        padding-right: 50px;
    }
}

@media screen and (max-width:1079px) {
    .blockbox-button {
        width: 170px;
    }

    .blockbox-button .button {
        min-width: 100%;
    }
}

@media screen and (max-width:767px) {
    .dc-dr-entrance .wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .blockbox-cover {
        z-index: 2;
    }

    .blockbox-button .button {
        margin-bottom: 15px;
    }
}

/** 12 April 2021 **/
.dr-campaign-slide {
    background-color: #f1f0f1 !important;
    background-image: url('../images/pages/home/banner/aims-dr-campaign-bg.png');
    background-position: bottom center;
}

@media (max-width:900px) {
    .dr-campaign-slide {
        background-color: #ffffff;
        background-image: url('../images/pages/home/banner/aims-dr-campaign-bg-mobile.png');
    }
}

@media (max-width:480px) {
    .dr-campaign-slide {
        background-color: #ffffff;
        background-image: url('../images/pages/home/banner/aims-dr-campaign-bg-mobile.png');
        background-size: auto 65%;
    }

    .dr-campaign-slide .carousel__award-slide-main {
        margin-top: 70px;
    }
}

/* Homepage Banner 18082021 */
.carousel__center {
    background-size: 100% auto;
    font-family: "Exo 2", "Calibri", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-style: normal;
    text-transform: none;
    text-align: center;
}

.carousel__center .carousel__slide-main {
    margin-top: 70px;
}

@media (min-width: 320px) {
    .carousel__center .carousel__slide-main {
        margin-top: 90px;
    }
}

@media (min-width: 360px) {
    .carousel__center .carousel__slide-main {
        margin-top: 120px;
    }
}

@media (min-width: 801px) {
    .carousel__center .carousel__slide-layout {
        height: 28.57143vw;
        display: flex;
        align-items: center;
    }

    .carousel__center .carousel__slide-layout {
        height: 28.57143vw;
        display: flex;
        align-items: center;
    }

    .carousel__center .carousel__slide-layout .carousel__slide-main {
        flex: 1;
    }
}

@media (min-width: 901px) {
    .carousel__center .carousel__slide-main {
        margin-top: 0;
    }
}

@media (max-width: 900px) {
    .carousel__center {
        min-height: 658px;
    }
}

/* AO 2021 */
.carousel__ao {
    background: url("../images/pages/home/banner/aims-ao.png") center bottom no-repeat;
    background-size: cover;
    position: relative;
}

.carousel__center.carousel__ao .carousel__slide-main h1 {
    font-size: 30px;
}

.carousel__center.carousel__ao .carousel__slide-main p {
    font-size: 15px;
}

@media (min-width: 481px) {
    .carousel__center.carousel__ao .carousel__slide-main h1 span {
        display: block;
    }

    .carousel__center.carousel__ao .carousel__slide-main p span {
        display: block;
    }
}

@media (min-width: 901px) {
    .carousel__ao {
        background: url("/wp-content/themes/aims/assets/images/pages/home/banner/aims-ao.png") center bottom no-repeat;
        background-size: auto 130%;
        background-position-x: 51%;
        background-position-y: 100%;
    }

    .carousel__center.carousel__ao .carousel__slide-layout {
        display: block;
        padding-top: 4vw;
    }

    /*.carousel__center.carousel__ao .carousel__slide-main h1 {
        font-size: 36px;
    }*/
    .carousel__center.carousel__ao .carousel__slide-main p {
        font-size: 18px;
    }
}

@media (max-width: 900px) {
    .carousel__ao {
        background-size: auto 130%;
        background-position-x: 51%;
        background-position-y: 115%;
    }

    .carousel__ao:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 65vw;
        background: rgb(255, 255, 255);
        background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%);
        background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%);
        background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
    }

    .carousel__ao .wrapper {
        position: relative;
    }
}

@media (max-width: 800px) {}

/* F&S 2021 */
.carousel__fs2021 {
    background: url("/wp-content/themes/aims/assets/images/pages/home/banner/fs2021-bg-mobile.png") #cacbcb center no-repeat;
    background-position-y: -20vw;
    background-size: auto 185vw;
    position: relative;
}

.carousel__center.carousel__fs2021 .carousel__slide-main {
    position: relative;
    margin: 0 auto;
    max-width: 600px;
    z-index: 3;
}

.carousel__center.carousel__fs2021 .carousel__slide-main h1 {
    max-width: 570px;
}

.carousel__center.carousel__fs2021 .carousel__slide-cover {
    width: 80%;
    margin: 0 auto;
}

@media (min-width: 640px) {
    .carousel__fs2021 {
        background-position-y: -35vw;
        background-size: auto 200vw;
    }
}

@media (min-width: 768px) {
    .carousel__center.carousel__fs2021 .carousel__slide-main h1 {
        font-size: 2.65vw;
    }
}

@media (min-width: 801px) {
    .carousel__center.carousel__fs2021 .carousel__slide-layout {
        display: block;
    }
}

@media (min-width: 901px) {
    .carousel__fs2021 {
        background: url("/wp-content/themes/aims/assets/images/pages/home/banner/fs2021-bg-desktop.png") center no-repeat;
        background-size: cover;
        text-align: left;
    }

    .carousel__center.carousel__fs2021 .carousel__slide-layout {
        display: flex;
        direction: rtl;
    }

    .carousel__center.carousel__fs2021 .carousel__slide-cover {
        width: 35%;
        direction: ltr;
    }

    .carousel__center.carousel__fs2021 .carousel__slide-main {
        width: 65%;
        direction: ltr;
    }

    .carousel__center.carousel__fs2021 .carousel__slide-main p span {
        display: block;
    }
}

@media (min-width: 947px) {
    .carousel__center.carousel__fs2021 .carousel__slide-main h1 span {
        display: block;
    }
}

@media (min-width: 1025px) {
    .carousel__center.carousel__fs2021 .carousel__slide-main h1 {
        font-size: 28px;
    }
}

@media (max-width: 900px) {
    .carousel__fs2021:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -10vw;
        width: 100%;
        height: 47vw;
        background: url(../images/pages/home/banner/fs2021-bg-mobile-effect-bottom.png) center no-repeat;
        background-size: 100% auto;
    }

    .carousel__center.carousel__fs2021 .carousel__slide-cover {
        max-width: 300px;
    }
}

.fs-quote {
    color: #ffffff;
    position: relative;
    background: url("/wp-content/uploads/2021/12/quote-bg.png") center no-repeat;
    background-size: 100% 100%;
}

.fs-quote:before,
.fs-quote:after {
    content: '';
    color: #ffffff;
    position: absolute;
}

.fs-quote:before {
    background: url("/wp-content/uploads/2021/12/quote-open.png") center no-repeat;
    background-size: cover;
    width: 80px;
    height: 70px;
    width: 30px;
    height: 26px;
    top: 15px;
    left: 10px;
}

.fs-quote:after {
    background: url("/wp-content/uploads/2021/12/quote-close.png") center no-repeat;
    background-size: cover;
    width: 80px;
    height: 70px;
    width: 30px;
    height: 26px;
    bottom: 60px;
    right: 10px;
}

.fs-quote p:first-child {
    font-family: "Exo 2", "Calibri", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-style: italic;
    text-align: left;
    padding-left: 35px;
}

.fs-quote p:last-child {
    text-align: right;
    padding-right: 35px;
}

.firstletter:first-letter {
    font-size: 200px;
}

@media (min-width: 481px) {
    .fs-quote:before {
        top: 35px;
    }

    .fs-quote p:first-child {
        padding-left: 20px;
    }

    .fs-quote p:last-child {
        padding-right: 20px;
    }
}

@media (min-width: 640px) {

    .fs-quote:before,
    .fs-quote:after {
        width: 40px;
        height: 35px;
    }

    .fs-quote:before {
        top: 50px;
    }

    .fs-quote:after {
        bottom: 80px;
    }
}

@media (min-width: 1024px) {

    .fs-quote:before,
    .fs-quote:after {
        width: 50px;
        height: 43px;
    }

    .fs-quote:before {
        top: 30px;
        left: 35px;
    }

    .fs-quote:after {
        right: 20px;
    }

    .fs-quote p:first-child {
        padding-left: 60px;
        padding-right: 30px;
    }

    .fs-quote p:last-child {
        padding-right: 40px;
    }
}

/* 2023 Slider Hack */
.slick-initialized .slick-slide {
    height: 560px;
}
@media (min-width: 801px) {
    .carousel__center .carousel__slide-layout {
        height: 390px!important;
    }
}
@media (max-width: 900px) {
    .slick-initialized .slick-slide {
        height: 658px;
    }
}
/* 2023 Slider Hack */

/* WM 2023 */
.carousel__wm2023 {
    background: url("/wp-content/uploads/2023/01/wm2023-bg-desktop_1.png") center no-repeat;
    position: relative;
    background-size: cover;
    height: 560px;
}
    
.carousel__wm2023:before {
    content: '';
    position: absolute;
    background: url("/wp-content/uploads/2023/01/wm2023-cover_3.png") center no-repeat;
}

.carousel__center.carousel__wm2023 .carousel__slide-main {
    position: relative;
    margin: 0 auto;
    max-width: 600px;
    z-index: 3;
}

.carousel__center.carousel__wm2023 .carousel__slide-main h1 {
    max-width: 570px;
}

.carousel__center.carousel__wm2023 .carousel__slide-cover {
    width: 80%;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .carousel__center.carousel__wm2023 .carousel__slide-main h1 {
        font-size: 2.65vw;
    }
}

@media (min-width: 801px) {
    .carousel__center.carousel__wm2023 .carousel__slide-layout {
        display: block;
    }
}

@media (min-width: 901px) {
    
    .carousel__wm2023 {
        text-align: left;
    }
    
    .carousel__wm2023:before {
        background-size: auto 90%;
        background-position: left bottom;
        right: 0;
        bottom: 0;
        width: 50%;
        height: 100%;
    }

    .carousel__center.carousel__wm2023 .carousel__slide-layout {
        display: flex;
        direction: rtl;
    }

    .carousel__center.carousel__wm2023 .carousel__slide-cover {
        width: 35%;
        direction: ltr;
    }

    .carousel__center.carousel__wm2023 .carousel__slide-main {
        width: 65%;
        direction: ltr;
    }

    .carousel__center.carousel__wm2023 .carousel__slide-main p span {
        display: block;
    }
}

@media (min-width: 947px) {
    .carousel__center.carousel__wm2023 .carousel__slide-main h1 span {
        display: block;
    }
}

@media (min-width: 1025px) {
    .carousel__center.carousel__wm2023 .carousel__slide-main h1 {
        font-size: 28px;
    }
}

@media (max-width: 900px) {
    .carousel__wm2023:before {
        background-size: auto 100%;
        background-position: 80% 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 400px;
    }
}

@media (max-width: 680px) {
    .carousel__wm2023:before {
        background-position: 0 0;
    }
}

@media (max-width: 568px) {
    .carousel__wm2023:before {
        background: url("/wp-content/uploads/2023/01/wm2023-cover-mobile_1.png") center no-repeat;
        background-size: 100% auto;
        background-position: 0 40%;
    }
}

@media (max-width: 390px) {
    .carousel__wm2023:before {
        background-size: auto 100%;
        background-position: center;
    }
}
/* WM 2023 */