/*! ================================
// Description: Custom CSS for AGNES (agnes.queensu.ca)
// Version: 2.0
// Author: Jonathan Gallivan @ Gallivan Media
// Author URI: https://gallivanmedia.com
// Date created: Nov 26, 2019
// Date revised: Jun 03, 2021
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
:root {
    --c_dark: #231f20;
    --c_light: #ebebeb;
    --c_interface: #d6d6d6;
    --c_grey: #757679;
    --c_dark_grey: #414142;
    --c_alert: #444043;
    --c_white: #fff;
    --c_active: #d60037;
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b, strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

/* Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    min-height: 0;
    min-width: 0;
}

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

html {
    scroll-behavior: smooth;
}

body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    color: var(--c_dark);
    background-color: var(--c_white);
    font-family: 'Whitney', sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.3em;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.anchor {
    display: block;
    position: relative;
    top: -152px;
    visibility: hidden;
}

.a-right {
    float: right;
    padding: 0 0 30px 30px;
}

#back-to-top {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 90px;
    width: 45px;
    height: 45px;
    background-color: var(--c_dark);
    color: var(--c_white);
    opacity: 0.3;
    transition: background-color .2s ease-in-out;
}

#back-to-top:hover {
    cursor: pointer;
    background-color: var(--c_active);
    opacity: 1;
}

.bg {
    position: relative;
    background-color: #fff;
}

.btt-arrow {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.btt-arrow svg {
    flex: 1;
}

.boxed-container {
    position: relative;
    width: 100%;
    max-width: 1366px;
    height: 100%;
    margin: 0 auto;
    padding: 0 20px;
    overflow: hidden;
}

header .slide-text .boxed-container {
    overflow: visible;
}

.collection_highlight_date {
    font-family: 'Whitney';
    font-weight: 500;
    display: inline-block;
}

.home_highlight_date {
    font-family: 'Whitney';
    font-weight: 500;
    display: inline-block;
    margin-bottom: 10px;
}

.clear {
    clear: both;
}

.d-half {
    width: 100%;
}

.divided {
    margin-top: 10px;
    padding-top: 25px;
    margin-right: 0 !important;
    border-top: 1px solid var(--c_interface);
}

.divided-bottom {
    margin-bottom: 20px;
    padding-bottom: 25px;
    margin-right: 0 !important;
    border-bottom: 1px solid var(--c_interface);
}

.divided.no-mobile-divide {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}

.divider {
    margin-top: 10px;
    padding-top: 9px;
    border-top: 1px solid var(--c_interface);
}

.f-center {
    justify-content: center;
    align-items: center;
}

.full-container {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
}

img {
    display: block;
    width: 100%;
    height: auto;
    outline: 0;
}

img.reduced {
    width: auto;
    height: 339px;
}

.mobile-pad-b {
    margin: 0 0 45px 0;
}

.mobile-pad-b-30 {
    margin: 0 0 30px 0;
}

.mobile-pad-b-15 {
    margin: 0 0 15px 0;
}

.mobile-pad-t {
    margin: 30px 0 0 0;
}

.mu25 {
    margin: -25px 0 0 0 !important;
}

.no-desktop {
    display: block !important;
}

.no-mobile {
    display: none !important;
}

.no-border {
    border: none !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb10 {
    margin: 0 0 10px 0 !important;
    display: block;
}

.mb20 {
    margin: 0 0 20px 0 !important;
    display: block;
}

.mb30 {
    margin: 0 0 30px 0 !important;
    display: block;
}

.mb50 {
    margin: 0 0 50px 0 !important;
    display: block;
}

.mt10 {
    margin: 10px 0 !important;
    display: block;
}

.mt15 {
    margin-top: 15px !important;
    display: block;
}

.mt20 {
    margin-top: 20px !important;
    display: block;
}

.mt30 {
    margin-top: 30px !important;
    display: block;
}

.mt50 {
    margin-top: 50px !important;
    display: block;
}

.mt100 {
    margin-top: 100px !important;
    display: block;
}

.nb {
    white-space: nowrap;
}

.np {
    margin: 0 !important;
    padding: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
    display: block;
}

.pb2 {
    padding-bottom: 2px !important;
    display: block;
}

.pb5 {
    padding-bottom: 10px !important;
    display: block;
}

.pb8 {
    padding-bottom: 8px !important;
    display: block;
}

.pb10 {
    padding-bottom: 10px !important;
    display: block;
}

.pb12 {
    padding-bottom: 12px !important;
    display: block;
}

.pb15 {
    padding-bottom: 15px !important;
    display: block;
}

.pb20 {
    padding-bottom: 20px !important;
    display: block;
}

.pb25 {
    padding-bottom: 25px !important;
    display: block;
}

.pb30 {
    padding-bottom: 30px !important;
    display: block;
}

.pb40 {
    padding-bottom: 40px !important;
    display: block;
}

.pb50 {
    padding-bottom: 50px !important;
    display: block;
}

.pb60 {
    padding-bottom: 60px !important;
    display: block;
}

.pb80 {
    padding-bottom: 80px !important;
    display: block;
}

.pb100 {
    padding-bottom: 100px !important;
    display: block;
}

.pb120 {
    padding-bottom: 120px !important;
    display: block;
}

.pt0 {
    padding-top: 0px !important;
}

.pt2 {
    padding-top: 2px !important;
    display: block;
}

.pt5 {
    padding-top: 5px !important;
    display: block;
}

.pt7 {
    padding-top: 7px !important;
    display: block;
}

.pt10 {
    padding-top: 10px !important;
    display: block;
}

.pt14 {
    padding-top: 14px !important;
    display: block;
}

.divided.pt14 {
    padding-top: 10px !important;
    padding-bottom: 15px;
}

.pt20 {
    padding-top: 20px !important;
    display: block;
}

.pt25 {
    padding-top: 25px !important;
    display: block;
}

.pt30 {
    padding-top: 30px !important;
    display: block;
}

.pt35 {
    padding-top: 35px !important;
    display: block;
}

.pt40 {
    padding-top: 40px !important;
    display: block;
}

.pt45 {
    padding-top: 45px !important;
    display: block;
}

.pt50 {
    padding-top: 50px !important;
    display: block;
}

.pt60 {
    padding-top: 60px !important;
    display: block;
}

.pt120 {
    padding-top: 120px !important;
    display: block;
}

.pr2 {
    padding-right: 2.5vw;
}

.pr5 {
    padding-right: 5vw;
}

.pr10 {
    padding-right: 10vw;
}

.scrollable-area {
    height: 100%;
    overflow: scroll;
    margin-top: -25px;
    padding: 25px 30px 0 0;
}

.second.pt60 {
    padding-top: 0 !important;
}

#screen {
    display: none;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(35, 31, 32, .6);
}

section {
    margin-bottom: 15px;
}

section.divided.small {
    padding-top: 25px;
}

.full {
    overflow: visible;
}

.full-margin {
    margin-top: 100vh;
}

.spacer {
    margin-top: 155px;
}

.spacer.scrolled {
    margin-top: 115px;
}

.spacer.da {
    margin-top: 90px;
}

#stage {
    position: relative;
    background: var(--c_white);
    z-index: 2;
}

#subnav-sticky-wrapper {
    background: var(--c_white);
}

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

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

.ta-right-nm {
    margin-bottom: 30px;
}

.uc {
    text-transform: uppercase;
}

.up40 {
    margin-top: -40px;
}

.posb {
    padding-bottom: 0 !important;
}

@media (min-width: 786px) {
    .mw50 {
        max-width: 50%;
    }

    .mobile-pad-b,
    .mobile-pad-b-30,
    .mobile-pad-b-15,
    .mobile-pad-t {
        margin: 0 !important;
    }

    .page-sub-title {
        margin-top: -3px;
        max-width: 75%;
    }

    .posb {
        position: absolute;
        bottom: 48px;
    }
}

@media (min-width: 1249px) {
    .boxed-container {
        padding: 0 35px;
    }

    .copy p, .copy h3, .copy h4, .copy h5 {
        padding-right: 4%;
    }

    .divided.no-mobile-divide {
        border-top: 1px solid var(--c_interface);
        margin-top: 20px;
        padding-top: 25px;
    }

    .divided.pt14 {
        padding-top: 14px !important;
        padding-bottom: 0;
    }

    .mobile-pad-b, .mobile-pad-t {
        margin: 0;
    }

    .no-desktop {
        display: none !important;
    }

    .no-mobile {
        display: block !important;
    }

    .pb30 {
        padding-bottom: 30px !important;
    }

    .ta-right-nm {
        text-align: right;
        margin-bottom: 0;
    }

    .second.pt60 {
        padding-top: 60px !important;
    }

    .d-half {
        width: 50% !important;
    }
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
:focus {
    outline: none;
}

::-moz-focus-inner {
    border: 0;
}

::selection {
    color: #fff;
    background: var(--c_active);
}

a {
    color: var(--c_grey);
    text-decoration: underline;
    transition: color .1s ease-in-out;
}

.alert a {
    color: var(--c_active);
}

b {
    font-weight: 600;
}

.bold {
    font-weight: 600 !important;
}

.block {
    display: block;
    width: 100%;
}

blockquote {
    padding: 0 0 15px 30px;
}

.category {
    padding: 0 0 5px 0;
    line-height: 1.1em;
    font-family: 'WhitneySC', sans-serif;
    font-weight: 500;
    text-transform: lowercase;
    letter-spacing: .07rem;
}

.category a, .link a, .link-nb a {
    text-decoration: none;
    color: var(--c_dark);
}

.category a:hover, .link a:hover, a.link.active, .category a.active {
    color: var(--c_active);
}

.category a.active {
    font-weight: 600;
}

.da-heading {
    font-family: 'WhitneySC', sans-serif;
    text-transform: lowercase;
    font-weight: 400;
}

.da-heading.active {
    color: var(--c_active);
}

em, .italic {
    font-style: italic;
}

.grey {
    color: var(--c_grey);
}

.heading {
    padding-bottom: 30px;
    font-family: 'Genath', serif;
    font-weight: 300;
}

.highlight {
    color: var(--c_active);
}

h1 {
    font-weight: 300;
}

h2 {
    font-weight: 300;
}

h3 {
    padding-bottom: 30px;
    font-family: 'Genath', serif;
    font-weight: 300;
    line-height: 32px;
}

.light {
    color: var(--c_white)!important;
}

.title-bar h3 {
    margin-bottom: 30px;
    font-weight: 300;
    font-style: italic;
}

.title-bar h3.bordered {
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(35, 31, 32, .5);
}

.title-bar h3.straight {
    font-style: normal;
}

h5 {
    font-size: 1em;
    font-weight: normal !important;
}

h5 .category {
    font-size: 1em;
    font-weight: normal !important;
}

li {
    margin-bottom: 0;
    font-size: inherit;
}

.link, .mobile-menu-link {
    display: block;
    margin-top: -1px;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #d6d6d6;
    border-top: 0px solid #d6d6d6;
    width: 100%;
    font-family: 'WhitneySC', sans-serif;
    font-weight: 600;
    color: var(--c_dark);
    text-transform: lowercase;
    letter-spacing: .05rem;
    text-decoration: none; /*margin-bottom: 4px;*/
}

.mini-heading {
    display: block;
    margin-top: -1px;
    padding: 0;
    width: 100%;
    font-family: 'WhitneySC', sans-serif;
    font-weight: 600;
    color: var(--c_dark);
    text-transform: lowercase;
    letter-spacing: .07rem;
    text-decoration: none;
}

.mini-heading a {
    color: var(--c_dark);
    text-decoration: none;
}

.light .mini-heading {
    color: var(--c_white);
}

.link-nb {
    display: block;
    padding: 0;
    width: 100%;
    font-family: 'WhitneySC', sans-serif;
    font-weight: 600;
    color: var(--c_dark);
    text-transform: lowercase;
    letter-spacing: .07rem;
    text-decoration: none;
    padding-top: inherit;
}

.link span, .mobile-menu-link span {
    float: right;
    margin-left: 10px;
}

.medium {
    font-family: WhitneyMedium;
}

.quote .link {
    border-bottom: none;
    border-top: none;
}

p {
    margin-bottom: 18px;
    font-size: inherit;
    line-height: inherit;
}

p.pb10 {
    margin-bottom: 10px;
    padding-bottom: 0 !important;
}

.sc {
    font-family: 'WhitneySC', sans-serif;
    text-transform: lowercase;
    letter-spacing: .07rem;
}

.serif {
    font-family: 'Genath', serif !important;
}

.sans-serif {
    font-family: 'Whitney', sans-serif !important;
}

.shadow {
    text-shadow: 0 5px 5px rgba(35, 31, 32, 0.3), 0px 8px 13px rgba(35, 31, 32, 0.1), 0px 2px 1px rgba(35, 31, 32, 0.1);
}

strong {
    font-weight: bold;
}

.supporting {
    color: var(--c_grey);
}

ol, ul {
    margin-bottom: 18px;
    padding: 0 0 0 15px;
}

ol li {
    margin: 0 0 0 15px;
}

.copy ul li {
    list-style-type: none;
}

.copy ul li:before {
    position: absolute;
    margin-left: -15px;
    content: "●";
    color: var(--c_dark);
    font-size: 50%;
}

.sub-links {
    font-family: 'WhitneySC', sans-serif;
    font-weight: normal;
    letter-spacing: .07rem;
    text-transform: lowercase;
}

.sub-links.right {
    text-align: right;
}

.sub-links.right .left {
    text-align: left;
}

.copy .sub-links ul li:before {
    margin-left: inherit;
    content: "";
}

.sub-links a {
    text-decoration: none;
}

ul li {
    margin: 0 0 0 0;
}

.zoom {
    display: inline-block;
    transform: scale(.99);
    transition: all .2s ease-in-out;
}

.zoom:hover {
    transform: scale(1.2);
}

.fs72 {
    font-size: 72px;
    line-height: 80px;
}

.fs54 {
    font-size: 54px;
    line-height: 62px;
}

.fs50 {
    font-size: 50px;
    line-height: 50px;
}

.fs46 {
    font-size: 40px;
    line-height: 42px;
}

.fs42 {
    font-size: 38px;
    line-height: 46px;
}

.fs40 {
    font-size: 36px;
    line-height: 40px;
}

.fs38 {
    font-size: 38px;
    line-height: 46px;
}

.fs36 {
    font-size: 36px;
    line-height: 46px;
}

.fs32 {
    font-size: 32px;
    line-height: 38px;
}

.fs28 {
    font-size: 24px;
    line-height: 30px;
}

.fs24 {
    font-size: 20px;
    line-height: 26px;
}

.fs22 {
    font-size: 19px;
    line-height: 25px;
}

.fs20 {
    font-size: 18px;
    line-height: 24px;
}

.fs18 {
    font-size: 18px;
    line-height: 23px;
}

.fs16 {
    font-size: 17px;
    line-height: 24px;
}

.fs14 {
    font-size: 14px;
    line-height: 18px;
}

.fs13 {
    font-size: 13px;
    line-height: 17px;
}

.sans {
    font-family: Whitney, sans-serif;
}

@media (min-width: 768px) {
    a:hover {
        color: var(--c_active);
    }

    .link {
        display: inherit;
        width: inherit;
        margin-top: inherit;
        padding: inherit;
        border-bottom: inherit;
        border-top: inherit;
    }

    .link span {
        float: inherit;
        margin-left: 0;
    }

    .page-title {
        max-width: 460px;
    }

    .fs46 {
        font-size: 46px;
        line-height: 48px;
    }

    .fs40 {
        font-size: 40px;
        line-height: 46px;
    }

    .fs42 {
        font-size: 42px;
        line-height: 46px;
    }

    .fs28 {
        font-size: 28px;
        line-height: 32px;
    }

    .fs24 {
        font-size: 24px;
        line-height: 30px;
    }

    .fs22 {
        font-size: 22px;
        line-height: 28px;
    }

    .fs20 {
        font-size: 20px;
        line-height: 26px;
    }

    .fs16 {
        font-size: 16px;
        line-height: 23px;
    }
}

@media print {
    .fs72 {
        font-size: 60px;
        line-height: 66px;
    }

    .fs54 {
        font-size: 46px;
        line-height: 48px;
    }

    .fs42 {
        font-size: 36px;
        line-height: 36px;
    }

    .fs38 {
        font-size: 36px;
        line-height: 46px;
    }

    .fs36 {
        font-size: 32px;
        line-height: 36px;
    }

    .fs32 {
        font-size: 28px;
        line-height: 32px;
    }

    .fs28 {
        font-size: 24px;
        line-height: 28px;
    }

    .fs24 {
        font-size: 19px;
        line-height: 24px;
    }

    .fs20 {
        font-size: 19px;
        line-height: 24px;
    }

    .fs18 {
        font-size: 14px;
        line-height: 21px;
    }

    .fs14 {
        font-size: 10px;
        line-height: 14px;
    }

    .fs13 {
        font-size: 9px;
        line-height: 13px;
    }
}

/* Mouse Scroll Icon
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.scroll-icon {
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 40px;
    left: 0;
    margin: auto;
    width: 34px;
    height: 55px;
}

.scroll-icon .mousey {
    width: 3px;
    padding: 10px 15px;
    height: 35px;
    border: 2px solid #bbb;
    background: none;
    border-radius: 25px;
    opacity: 0.75;
    box-sizing: content-box;
    transition: all .2s ease-in-out;
}

.scroll-icon .mousey:hover {
    cursor: pointer;
    border: 2px solid var(--c_white);
}

.scroll-icon .scroller {
    width: 3px;
    height: 10px;
    border-radius: 25%;
    background-color: #bbb;
    animation-name: scroll;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(.15, .41, .69, .94);
    animation-iteration-count: infinite;
    transition: all .2s ease-in-out;
}

.scroll-icon .scroller:hover {
    background-color: var(--c_white);
}

@keyframes scroll {
    0% {
        opacity: 0;
    }
    10% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(15px);
        opacity: 0;
    }
}

@media (min-width: 768px) {
    .scroll-icon {
        bottom: 40px;
    }
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button {
    display: block;
    width: 100%;
    border: 1px solid var(--c_dark);
    background-color: var(--c_white);
    padding: 12px 55px 16px 55px;
    text-decoration: none;
    color: var(--c_dark);
    font-family: 'WhitneySC', sans-serif;
    font-weight: 600;
    text-transform: lowercase;
    letter-spacing: .07rem;
    text-align: center;
    transition: all .1s ease-in-out;
    line-height: 18px;
}

.button:hover {
    border: 1px solid var(--c_active);
    background-color: var(--c_active);
    color: var(--c_white);
    cursor: pointer;
}

.button.strong {
    border: 1px solid var(--c_active);
    background-color: var(--c_active);
    color: var(--c_white);
}

.button.strong:hover {
    border: 1px solid var(--c_active);
    background-color: var(--c_white);
    color: var(--c_active);
}

@media (min-width: 1175px) {
    .button {
        display: inline-block;
        width: auto;
        margin-right: 15px !important;
    }

    .button.load-more-button {
        width: 100%;
    }

    .button.load-more-button.loading {
        border: 1px solid transparent;
        background-color: transparent;
    }
}

/* Captions
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.caption-container {
    position: absolute;
    z-index: 10;
    width: 50vw;
    height: 100%;
}

.background-media-caption {
    position: absolute;
    z-index: 11;
    max-width: 500px;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: 0 auto;
    opacity: 1;
}

.split-screen-wrapper .background-media-caption {
    left: -100%;
}

.background-media-caption .st0 {
    fill: transparent;
}

.background-media-caption.light {
    color: var(--c_dark)!important;
}

.background-media-caption.light .st0 {
    stroke: var(--c_white);
}

.background-media-caption.light .st2 {
    fill: var(--c_white);
}

.background-media-caption.light.active {
    background-color: var(--c_white);
    color: var(--c_dark);
}

.background-media-caption.light.active .st2 {
    fill: var(--c_dark);
}

.background-media-caption.light-solid {
    background-color: var(--c_white);
    color: var(--c_dark);
}

.background-media-caption.light-solid .st2 {
    fill: var(--c_dark);
}

.background-media-caption.dark {
    color: var(--c_white)!important;
}

.background-media-caption.dark .st0 {
    stroke: var(--c_white);
}

.background-media-caption.dark .st2 {
    fill: var(--c_white);
}

.background-media-caption.dark.active {
    background-color: var(--c_dark);
    color: var(--c_white);
}

.background-media-caption.dark.active .st0 {
    stroke: var(--c_dark);
}

.background-media-caption.dark.active .st2 {
    fill: var(--c_white);
}

.background-media-caption.dark-solid {
    background-color: var(--c_dark);
    color: var(--c_white);
}

.background-media-caption.dark-solid .st0 {
    stroke: var(--c_dark);
}

.background-media-caption.dark-solid .st2 {
    fill: var(--c_white);
}

.background-media-caption:hover {
    cursor: pointer;
}

.background-media-caption .icon {
    width: 34px;
    height: 34px;
    max-width: 34px;
}

.background-media-caption span {
    position: relative;
    display: none;
    height: auto;
    padding: 8px 40px 8px 0px;
    flex: 10;
    transition: background-color 0.2s ease-in-out;
    line-height: 34px;
}

.background-media-caption span svg {
    position: absolute;
    top: 10px;
    right: 10px;
}

.background-media-caption.active span {
    display: block;
    line-height: inherit;
}

@media (min-width: 768px) {
    .split-screen-wrapper .background-media-caption {
        left: 0;
    }

    .background-media-caption.dark .st0 {
        stroke: var(--c_dark);
    }

    .background-media-caption.dark .st2 {
        fill: var(--c_dark);
    }
}

/* Queen's University Bar
–––––––––––––––––––––––––––––––––––––––––––––––––– */
div#queens-university-bar {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 40px;
    background-color: var(--c_active);
    color: var(--c_white)
}

.admin-bar div#queens-university-bar {
    top: 32px;
}

div#queens-university-bar .bar-layout {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

div#queens-university-bar .queens-logo {
    flex: 1 1 100%;
    min-height: 40px;
}

div#queens-university-bar .alert {
    flex: 1 1 100%;
    position: relative;
    z-index: 10;
    color: var(--c_white);
    min-height: 40px;
}

div#queens-university-bar .alert p {
    display: inline-block;
    margin: 10px 0 15px 0;
}

div#queens-university-bar .alert p a {
    color: var(--c_white);
    white-space: nowrap;
}

div#queens-university-bar .alert p a:hover {
    text-decoration: none;
}

div#queens-university-bar .alert.fs18 {
    font-size: 16px;
    line-height: 19px;
}

div#queens-university-bar img {
    width: 164px;
    padding: 15px 0 0 0;
}

@media (min-width: 768px) {
    div#queens-university-bar .queens-logo {
        flex: 1 1 30%;
    }

    div#queens-university-bar .alert {
        flex: 1 1 70%;
        text-align: right;
    }

    div#queens-university-bar .alert p {
        display: inline-block;
        margin: 15px 0;
    }

    div#queens-university-bar .alert.fs18 {
        font-size: 18px;
        line-height: 26px;
    }

    div#queens-university-bar img {
        padding: 10px 0;
    }
}

/* Nav (Main)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
nav#main {
    position: fixed;
    top: 40px;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 105px;
    transition: all 0.2s ease-in-out;
}

body.alert nav#main {
    top: 62px;
}

.admin-bar nav#main {
    top: 72px;
}

body.alert.admin-bar nav#main {
    top: 94px;
}

nav#main .row {
    width: 100%;
    height: 100%;
}

nav#main .logo {
    max-width: 178px;
    transition: all 0.2s ease-in-out;
}

nav#main .logo path {
    fill: var(--c_white);
}

nav#main .col-xs-9 {
    text-align: right;
}

@media (max-width: 640px) {
    nav#main ul {
        margin: 0 -15px 0 0;
        padding: 0;
    }
}

nav#main ul li {
    display: inline;
    list-style-type: none;
    margin-left: 35px;
}

nav#main ul li a {
    display: inline-block;
    margin-top: -3px;
    font-family: 'WhitneySC', sans-serif;
    font-weight: bold;
    color: var(--c_white);
    text-transform: lowercase;
    letter-spacing: .07rem;
    text-decoration: none;
}

nav#main ul li a:hover {
    color: var(--c_active);
}

nav#main ul li a.button {
    min-width: 115px;
    margin-top: 0;
    padding: 7px 25px 10px 25px;
    background-color: transparent;
    border: 1px solid var(--c_white);
}

nav#main ul li a.button:hover {
    border: 1px solid var(--c_active);
    background-color: var(--c_active);
    color: var(--c_white);
}

nav#main ul li.active a {
    color: var(--c_active);
    text-decoration: underline;
}

nav#main ul li #search-trigger {
    min-width: 20px;
}

nav#main.scrolled {
    top: 0 !important;
}

.admin-bar nav#main.scrolled {
    top: 32px !important;
}

nav#main.active, nav#main.always-active {
    height: 59px;
    background-color: var(--c_white);
    box-shadow: -1px 1px 5px 2px rgba(35, 31, 32, 0.17);
}

nav#main.active .logo, nav#main.always-active .logo {
    max-width: 109px;
}

nav#main.active .logo path, nav#main.always-active .logo path {
    fill: var(--c_active);
}

nav#main.active ul li a, nav#main.always-active ul li a {
    color: var(--c_dark);
}

nav#main.active ul li a:hover, nav#main.always-active ul li a:hover {
    color: var(--c_active);
}

nav#main.active ul li a.button, nav#main.always-active ul li a.button {
    border: 1px solid var(--c_dark);
}

nav#main.active ul li a.button:hover, nav#main.always-active ul li a.button:hover {
    border: 1px solid var(--c_active);
    background-color: var(--c_active);
    color: var(--c_white);
}

nav#main.active ul li.active a, nav#main.active ul li.active a {
    color: var(--c_active);
    text-decoration: underline;
}

nav#main.inverted .logo path {
    fill: var(--c_active);
}

nav#main.inverted ul li a {
    color: var(--c_dark);
}

nav#main.inverted ul li a.button {
    border: 1px solid var(--c_dark);
}

nav#main.inverted ul li a.button:hover {
    border: 1px solid var(--c_active);
}

.menu-panel {
    position: fixed;
    z-index: 99;
    top: -2000px;
    left: 0;
    width: 100%;
    height: auto;
    margin-top: 40px;
    padding: 50px 0 35px 0;
    background-color: var(--c_white);
    border-top: 1px solid var(--c_interface);
}

.admin-bar .menu-panel {
    margin-top: 72px;
}

.admin-bar .menu-panel.scrolled {
    margin-top: 72px;
}

.menu-panel .category {
    line-height: 21px;
}

.menu-panel .heading {
    padding-right: 30px;
}

nav#mobile {
    position: relative;
    top: 40px;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 105px;
    transition: all 0.2s ease-in-out;
}

body.alert nav#mobile {
    top: 72px;
}

nav#mobile.scrolled {
    top: 0 !important;
    position: fixed;
}

nav#mobile .row {
    width: 100%;
    height: 100%;
}

nav#mobile .logo {
    max-width: 170px
}

nav#mobile .logo path {
    fill: var(--c_white);
}

nav#mobile .col-xs-5 {
    text-align: right;
}

nav#mobile .col-xs-5 .icon path {
    fill: var(--c_white);
}

nav#mobile.active {
    height: 59px;
    background-color: var(--c_white);
    box-shadow: -1px 1px 5px 2px rgba(35, 31, 32, 0.17);
    margin-top: -13px;
}

nav#mobile.scrolled {
    margin-top: 0;
}

nav#mobile.active .logo {
    max-width: 120px
}

nav#mobile.active .logo path {
    fill: var(--c_active);
}

nav#mobile.active .col-xs-5 .icon path {
    fill: var(--c_dark);
}

nav#mobile.inverted .logo path {
    fill: var(--c_active);
}

nav#mobile.inverted .col-xs-5 .icon path {
    fill: var(--c_dark);
}

.mobile-menu-panel {
    display: none;
    position: fixed;
    z-index: 110;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 360px;
    height: 100vh;
    padding-top: 17px;
    padding-bottom: 17px;
    background-color: var(--c_white);
    color: var(--c_dark);
    box-shadow: 0 10px 10px 3px rgba(35, 31, 32, .2);
}

.mobile-menu-panel .boxed-container {
    overflow: auto;
}

.mobile-menu-panel .logo {
    max-width: 120px;
}

.mobile-menu-panel .logo path {
    fill: var(--c_active);
}

.mobile-menu-panel .col-xs-5 {
    text-align: right;
}

.mobile-menu-panel .col-xs-5 .icon {
    margin-right: 2px;
}

.mobile-menu-panel .col-xs-5 .icon path {
    fill: var(--c_dark);
}

.mobile-menu-trigger:hover {
    cursor: pointer;
}

.mobile-menu-panel .social-links {
    position: fixed;
    bottom: 15px;
}

.mobile-menu-panel .social-links a {
    display: inline-block;
    margin: 0 20px 0 0;
    color: var(--c_dark);
}

.mobile-menu-panel .social-links a:hover {
    color: var(--c_active);
}

.mobile-menu-panel .link, .mobile-menu-sub-panel .link {
    font-weight: 700;
}

.mobile-menu-sub-panel .boxed-container {
    overflow: auto !important;
    padding-bottom: 75px;
}

.mobile-menu-sub-panel .link.trigger, .mobile-menu-sub-panel .mobile-menu-link.trigger {
    color: var(--c_active);
}

.mobile-menu-sub-panel .link.sub-link, .mobile-menu-sub-panel .mobile-menu-link.sub-link {
    width: calc(100% - 18px);
    margin-left: 18px;
}

.mobile-menu-sub-panel .link.sub-link.child, .mobile-menu-sub-panel .mobile-menu-link.sub-link.child {
    width: calc(100% - 36px);
    margin-left: 36px;
    font-weight: 400;
}

.mobile-menu-sub-panel {
    display: none;
    position: fixed;
    z-index: 120;
    top: 52px;
    right: 0;
    width: 100%;
    max-width: 360px;
    height: 100vh;
    background-color: var(--c_white);
    color: var(--c_dark);
}

.fancybox-close-small {
    display: none !important;
}

/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#subnav {
    min-height: 59px;
    position: absolute;
    z-index: 10;
    width: 100%;
    height: auto;
    margin-top: -59px;
    background: var(--c_light);
    box-shadow: -1px 1px 5px 2px rgba(35, 31, 32, 0.17);
}

#subnav.da {
    background: var(--c_active);
}

#subnav ul {
    margin: 0;
    padding: 0 0 5px 0;
    width: 100%;
    height: 100%;
}

#subnav li {
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    line-height: 55px;
    border-bottom: 1px solid var(--c_white);
}

#subnav li:last-child {
    border-bottom: none;
}

#subnav li a {
    display: block;
    width: 100%;
    text-decoration: none;
    color: var(--c_dark);
    transition: all 0.2s ease-in-out;
}

#subnav.da li a {
    color: var(--c_white);
}

#subnav li a:hover {
    color: var(--c_active);
}

#subnav.da li a:hover {
    color: var(--c_white);
}

#subnav li.active a {
    color: var(--c_active);
}

#subnav li.active a.activated {
    color: var(--c_dark);
}

#subnav.da li.active a.activated {
    color: var(--c_white);
}

#subnav.da li.active a.activated {
    color: #aeaeae;
}

#subnav.da li.active a {
    color: var(--c_white);
}

#subnav li.subnav-trigger {
    position: relative;
    display: block !important;
    border-bottom: none;
}

#subnav li.subnav-trigger svg {
    position: absolute;
    right: 0;
    top: 23px;
    color: var(--c_dark);
}

#subnav li.subnav-trigger path {
    fill: var(--c_dark);
}

#subnav.da li.subnav-trigger {
    font-weight: 600;
}

#subnav.da li.subnav-trigger path {
    fill: var(--c_white);
}

#subnav li.subnav-trigger:hover {
    cursor: pointer;
}

.page-introduction {
    font-family: 'Genath', serif;
    font-weight: 300;
}

.slide-shadow {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
    width: 100%;
    height: 200px;
}

.slide-shadow.da {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    position: absolute;
    bottom: 0;
    width: 50vw;
    height: 50vh;
}

.swiper-slide.exhibition-swiper .slide-shadow {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
    width: 100vw;
    height: 200px;
}

@media (min-width: 1249px) {
    #subnav {
        position: absolute;
        z-index: 10;
        width: 100%;
        height: 59px;
        margin-top: -59px;
        background: var(--c_light);
        border-left: 10px solid var(--c_active);
        box-shadow: none;
    }

    .admin-bar #subnav {
        margin-top: -27px;
    }

    .is-sticky #subnav {
        box-shadow: -1px 1px 5px 2px rgba(35, 31, 32, 0.17);
    }

    #subnav ul {
        margin: 0;
        padding: 0;
        height: 100%;
    }

    #subnav li {
        display: inline;
        margin: 0 35px 0 0;
        border-bottom: none;
    }

    #subnav li a {
        display: inline;
        width: inherit;
    }

    #subnav.da li.active a {
        border-bottom: 1px solid var(--c_white);
    }
}

.page-introduction {
    margin-top: -3px;
}

.page-introduction p {
    margin-bottom: 16px;
}

/* Hero Slides / Blocks
–––––––––––––––––––––––––––––––––––––––––––––––––– */
header {
    position: relative;
    width: 100%;
    height: 100vh;
}

header .slide, header .swiper-slide {
    position: relative;
    background-size: cover;
    height: 100vh;
}

header .slide a.slide-link {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
}

header .slide-label {
    font-family: 'WhitneySC', sans-serif;
    font-style: normal;
    font-weight: normal;
    text-transform: lowercase;
    letter-spacing: .07rem;
}

header .slide-text {
    position: absolute;
    z-index: 8;
    width: 100%;
    bottom: 59px;
    left: 0;
    color: var(--c_white);
    text-shadow: 0 5px 5px rgba(35, 31, 32, 0.3), 0px 8px 13px rgba(35, 31, 32, 0.1), 0px 2px 1px rgba(35, 31, 32, 0.1);
}

header .slide-text.da {
    text-shadow: none;
}

header .text-screen {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

header .slide-text.da a:hover span.title {
    text-decoration: underline;
}

header .slide-text.da .uh a:hover {
    text-decoration: underline;
}

header .slide-text.da.bg {
    background-color: rgba(35, 31, 32, 0.7);
}

header .slide-text.da.bg .boxed-container {
    min-height: 160px;
}

header .slide-text .slide-title {
    font-family: 'Whitney', sans-serif;
}

header .slide-text.da.bg .slide-title {
    position: absolute;
    bottom: 80px;
}

header .slide-text .slide-title .hero-heading {
    position: relative;
    bottom: 0px;
}

header .darken .slide-text {
    color: var(--c_dark);
    text-shadow: 0 4px 10px rgba(255, 255, 255, .4), 3px 8px 10px rgba(255, 254, 255, 0.2), 1px 1px 1px rgba(255, 255, 255, 0.8);
}

header .slide-sub-title {
    padding-bottom: 15px;
}

header .readability-bar {
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to top, rgba(35, 31, 32, .4), rgba(35, 31, 32, 0));
    width: 100%;
    height: 200px;
}

header .exhibition-swiper .slide-text {
    bottom: 40px;
}

header .slide-link {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
}

#boxed-swiper .swiper-slide {
    background-size: cover;
    height: 20vh;
}

.hero-heading.da {
    text-transform: uppercase;
    font-size: .95em;
}

.single-image {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
    background-color: var(--c_dark);
}

.bg-video-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
    background-color: var(--c_dark);
}

.bg-video-wrapper iframe {
    width: 100%;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.section-video-wrapper {
    width: 100%;
    height: 100vh;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}

.section-video-wrapper iframe {
    width: 100%;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video-screen {
    position: relative;
}

header .swiper-slide .image-screen {
    position: relative;
    background-size: cover;
    width: 100%;
    height: 100vh;
}

.split-screen-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.split-screen-wrapper .image-screen {
    position: relative;
    background-size: cover;
    height: 100vh;
    background-position: 80% center;
}

.split-screen-wrapper .bg-video-wrapper {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center center;
}

.split-screen-wrapper .bg-video-wrapper iframe {
    width: 100%;
    height: 100vh;
}

.overlay-digital-agnes {
    position: absolute;
    z-index: 99;
    top: 40%;
    padding: 0 5vw;
}

@media (min-width: 299px) {
    #boxed-swiper .swiper-slide {
        height: 30vh;
    }
}

@media (min-width: 499px) {
    #boxed-swiper .swiper-slide {
        height: 42vh;
    }
}

@media (min-width: 699px) {
    #boxed-swiper .swiper-slide {
        height: 55vh;
    }
}

@media (min-width: 768px) {
    #boxed-swiper .swiper-slide {
        height: 76vh;
    }

    header .slide-text.split {
        height: 100%;
    }

    header .text-screen {
        padding-bottom: 50px;
        background-image: none !important;
    }

    .split-screen-wrapper {
        position: fixed;
        top: 110px;
        left: 0;
        width: 100%;
        height: calc(100vh - 110px);
        overflow: hidden;
    }

    .split-screen-wrapper .image-screen {
        position: relative;
        left: 50%;
        background-size: cover;
        height: 100vh;
        background-position: 20% center;
    }

    .split-screen-wrapper .bg-video-wrapper {
        width: 50vw;
        height: 100vh;
    }

    .split-screen-wrapper .bg-video-wrapper iframe {
        width: 50vw;
        height: 100vh;
    }

    .split-screen-wrapper.split_screen_wrapper_interactive .image-screen {
        position: static;
        left: 50%;
        background-size: cover;
        height: 100vh;
        background-position: 20% center;
    }

    .split_screen_wrapper_interactive .text-screen {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        left: auto;
        width: 100%;
        height: 100%;
        z-index: 9;
    }

}

@media only screen and (max-width: 1025px) {
    .split-screen-wrapper.split_screen_wrapper_interactive .image-screen {
        background-position: center;
    }
}

/* Footnotes / Definitions
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.modern-footnotes-footnote a {
    font-weight: 700;
    color: var(--c_active);
    text-decoration: underline;
}

.modern-footnotes-footnote a:hover {
    color: var(--c_grey);
}

.modern-footnotes-footnote__note--expandable {
    background-color: #f5eff1;
    color: var(--c_dark);
    font-size: 16px;
    line-height: 18px;
    padding: 15px 20px;
}

.modern-footnotes-footnote__note--expandable .fa-times {
    display: inline-block;
    position: relative;
    z-index: 99999;
    float: right;
    margin: 0 0 15px 20px;
    color: var(--c_grey);
}

.modern-footnotes-footnote__note--expandable .fa-times:hover {
    color: var(--c_active);
    cursor: pointer;
}

.modern-definitions-definition {
    margin: 0;
    padding: 0;
    top: 0;
}

.modern-definitions-definition a {
    font-size: 19px;
    line-height: 26px;
    color: var(--c_active);
    text-decoration: underline;
}

.modern-definitions-definition a:hover {
    color: var(--c_grey);
}

.modern-definitions-definition__note--expandable {
    background-color: #f5eff1;
    color: var(--c_dark);
    font-size: 16px;
    line-height: 21px;
    padding: 15px 20px;
}

.modern-definitions-definition__note--expandable .fa-times {
    display: inline-block;
    position: relative;
    z-index: 99999;
    float: right;
    margin: 0 0 15px 20px;
    color: var(--c_grey);
}

.modern-definitions-definition__note--expandable .fa-times:hover {
    color: var(--c_active);
    cursor: pointer;
}

@media (min-width: 768px) {
    .modern-definitions-definition a {
        font-size: 18px;
        line-height: 25px;
    }
}

/* Highlights
–––––––––––––––––––––––––––––––––––––––––––––––––– */
nav#highlight {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 60px;
    transition: all 0.3s ease-in-out;
    background-color: var(--c_dark);
    color: var(--c_white);
    border-bottom: 1px solid var(--c_interface);
    transition: all 0.2s ease-in-out;
}

nav#highlight.minimal {
    border-bottom: none;
}

nav#highlight.active {
    height: 110px;
}

nav#highlight .boxed-container {
    height: 59px;
}

nav#highlight .logo-container {
    display: inline;
}

nav#highlight .logo {
    max-width: 109px;
    transition: all 0.2s ease-in-out;
}

nav#highlight .logo path {
    fill: var(--c_white);
}

nav#highlight .title-container a {
    color: var(--c_white);
    text-decoration: none;
}

nav#highlight h1.highlight-title {
    display: none;
    font-size: 15px;
    line-height: 16px;
    font-family: 'WhitneyMedium', sans-serif;
    font-weight: 400;
}

nav#highlight .icon-container {
    white-space: nowrap;
}

nav#highlight .menu-bar {
    height: 59px
}

nav#highlight .menu-nav-bar {
    display: none;
    height: 50px;
    border-top: 1px solid var(--c_alert);
}

nav#highlight ul {
    padding: 0;
    height: 46px;
}

nav#highlight li {
    margin: 0 10px;
    display: inline;
    padding: 0;
}

nav#highlight li a {
    font-family: 'WhitneySC', sans-serif;
    font-weight: 500;
    line-height: 46px;
    text-transform: lowercase;
    letter-spacing: .07rem;
    text-decoration: none;
    color: var(--c_white);
    transition: all 0.1s ease-in-out;
}

nav#highlight li a.active {
    font-weight: 700;
    cursor: default;
    letter-spacing: .06rem;
}

nav#highlight .icon {
    font-size: .7em;
}

nav#highlight .icon a {
    margin: 0 0 0 24px;
    color: var(--c_white);
}

nav#highlight .icon a:hover {
    color: var(--c_active);
    cursor: pointer;
}

#i-content {
    padding-top: 120px;
}

#i-content.initial {
    padding-top: 59px !important;
}

#highlight-feature {
    position: relative;
    z-index: 10;
    margin-bottom: 60px;
    box-shadow: -1px 1px 5px 2px rgba(0, 0, 0, 0.17);
}

#highlight-feature-image {
    position: relative;
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center 38%;
}

#highlight-feature-info {
    position: relative;
    width: 100%;
    padding: 21px 0;
    background-color: var(--c_dark);
    color: var(--c_white);
}

#highlight-feature-info .category {
    font-weight: 400;
}

#highlight-feature-info .highlight-title {
    padding-bottom: 42px;
}

.highlight-title span {
    display: inline-block;
    padding-right: 5px;
    font-style: italic;
}

#overview-image img {
    display: block;
    padding: 15px 0;
}

#overview-attribution {
    padding: 15px 0 60px 0;
    font-family: WhitneySC;
    font-weight: 500;
    text-transform: lowercase;
    letter-spacing: 0.07rem;
}

@media (min-width: 768px) {
    #highlight-feature-info {
        padding: 42px 0;
    }

    nav#highlight .title-container {
        display: inline-block !important;
    }

    nav#highlight .icon {
        font-size: inherit;
    }

    nav#highlight h1.highlight-title {
        font-size: 18px;
        line-height: 19px;
    }

    #highlight-feature-info .highlight-title {
        padding-bottom: 0;
    }

    #i-content {
        padding-top: 154px;
    }

    #i-content h2.fs32 {
        font-size: 44px;
        line-height: 50px;
    }

    #overview-heading {
        position: fixed;
        top: 154px;
        z-index: 5;
        max-width: 50%;
    }

    #overview-heading h2 {
        padding-top: 0;
        padding-bottom: 25px;
    }

    #overview-image {
        max-width: 65%;
    }
}

@media (min-width: 1380px) {
    #overview-heading {
        max-width: 680px;
    }
}

/* Online Exhibitions (OE)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#OE-stage {
    margin-top: 100vh;
    position: relative;
    z-index: 20;
}

#OE-stage section {
    margin-bottom: 0;
}

.OE-bg {
    position: relative;
    height: 100%;
}

@media (min-width: 768px) {
    #OE .text-screen {
        height: 100vh;
    }

    .OE-page-sub-title {
        padding-right: 25%;
    }
}

/* OE: Child Page
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.online-exhibition-child-number {
    font-family: WhitneySC, serif;
    font-weight: 600;
    text-decoration: underline;
}

.oec {
    left: inherit;
    right: 0;
}

/* OE: Activity Banner
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.OE-activity-banner {
    position: relative;
    width: 100%;
    color: var(--c_white);
}

.OE-activity-banner .link-nb {
    color: var(--c_white);
}

.OE-activity-banner .row {
    justify-content: center;
    align-items: center;
}

.OE-activity-banner .col-xs-12 {
    height: 300px;
}

.OE-activity-banner .activity-banner-space {
    order: 2;
}

.OE-activity-banner .activity-banner-background {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    order: 1;
}

.OE-activity-banner .activity-banner-text-container {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    height: 600px;
}

.OE-activity-banner .activity-banner-text-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    order: 2;
}

.OE-activity-banner .activity-banner-space-panel {
    order: 1;
}

.OE-activity-banner .digital-agnes-entry-intro svg {
    transform: rotate(-135deg);
    position: absolute;
    margin: 2px 0 0 8px;
    transition: color 0.3s ease-in-out;
}

@media (min-width: 768px) {
    .OE-activity-banner .activity-banner-space {
        order: 1;
    }

    .OE-activity-banner .activity-banner-background {
        order: 2;
    }

    .OE-activity-banner .col-xs-12 {
        height: 600px;
    }

    .OE-activity-banner .activity-banner-text {
        width: 75%;
        max-width: 400px;
    }

    .OE-activity-banner .activity-banner-text-panel {
        order: 1;
    }

    .OE-activity-banner .activity-banner-space-panel {
        order: 2;
    }
}

/* OE: Carousel
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.OE-carousel .swiper-slide {
    width: 100%;
    height: auto;
}

.OE-carousel .swiper-container {
    user-select: none;
}

.OE-carousel .swiper-container img {
    width: 100%;
    height: auto;
}

.OE-carousel .swiper-slide.carousel-intro {
    position: relative;
    max-width: 90%;
    height: auto;
    padding-right: 3vw;
}

@media (min-width: 768px) {
    .OE-carousel .swiper-slide {
        width: 400px;
        height: 330px;
    }

    .OE-carousel .swiper-container img {
        width: auto;
        max-width: 100%;
        height: 330px;
        object-fit: contain;
    }

    .OE-carousel .swiper-slide.carousel-intro {
        max-width: 600px;
    }
}

/* OE: Expandable Section
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.OE-expandable-section .artwork-group {
    border-bottom: 1px solid #ccc;
    align-items: flex-start;
}

.OE-expandable-section .artwork-group:last-child {
    border-bottom: none;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.OE-expandable-section .expandable-section {
    position: relative;
    overflow: hidden;
    margin: 3vh 0;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.OE-expandable-section .expandable-section .image-container .image {
    position: relative;
    width: 100%;
    max-width: max-content;
    margin: 0 auto;
}

.OE-expandable-section .expandable-section .image-container .image img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 50vh;
}

.OE-expandable-section .trigger-button svg {
    width: 36px;
}

.OE-expandable-section .trigger-button svg .st1, .OE-expandable-section .trigger-button svg .st2 {
    transition: all 0.2s ease-in-out;
}

.OE-expandable-section .trigger-button:hover {
    cursor: pointer;
}

.OE-expandable-section .trigger-button.closer {
    display: none;
}

.OE-expandable-section .caption {
    padding: 0 10% 0 0;
}

.OE-expandable-section .expandable-section .image.left .caption {
    padding: 0 0 0 10%;
    text-align: right;
}

.OE-artworks {
    position: relative;
    padding: 20px 20px 10px 20px;
}

.OE-artworks .swiper-container {
    overflow: hidden;
}

.OE-artworks .swiper-container-initialized {
    margin: 0;
}

.OE-artworks .artwork-image-container {
    display: flex;
    flex-direction: column;
    height: auto;
    user-select: none;
}

.OE-artworks .artwork-image-container .OE-artworks .artwork-image-container .artwork-image {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 350px;
}

.artwork-group-description {
    padding: 3% 0 0 0;
}

.OE-expandable-section .order-image-left {
    order: 1;
    margin-bottom: 15px;
}

.OE-expandable-section .order-image-right {
    order: 1;
    margin-bottom: 15px;
}

.OE-expandable-section .order-text-left {
    order: 2;
}

.OE-expandable-section .order-text-right {
    order: 2;
}

@media (min-width: 768px) {
    .OE-expandable-section .order-image-left {
        order: 1;
        margin-bottom: 0;
    }

    .OE-expandable-section .order-image-right {
        order: 2;
        margin-bottom: 0;
    }

    .OE-expandable-section .order-text-left {
        order: 1;
    }

    .OE-expandable-section .order-text-right {
        order: 2;
    }

    .OE-artworks {
        min-height: 350px;
    }

    .OE-artworks {
        padding: 45px;
    }

    .artwork-group-description {
        padding: 0 3% 3% 3%;
    }

    .OE-artworks .artwork-image-container {
        height: 350px;
    }

    .OE-artworks img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: auto;
        height: auto;
        max-width: 99%;
        max-height: 99%;
    }
}

/* OE: Hero
–––––––––––––––––––––––––––––––––––––––––––––––––– */
header.OE {
    position: fixed;
    z-index: 0;
    width: 100%;
    height: calc(100vh - 110px);
    top: 110px;
    left: 0;
}

#OE-hero {
    position: relative;
}

#OE-hero-image {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: 50% 50%;
}

#OE-hero-content {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}

#OE-hero-content, #OE-hero-introduction {
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
}

#OE-hero-content.light {
    color: var(--c_white);
}

#OE-hero-content h1 {
    margin: 0;
    padding: 25px 0 0 0;
}

#OE-hero-content h2 {
    max-width: 340px;
    margin: 0;
    padding: 0 0 25px 0;
}

#graphic-title img {
    max-width: 200px;
}

@media (min-width: 768px) {
    #graphic-title {
        position: fixed;
        top: 85px;
        display: flex;
        width: 100%;
        height: calc(100vh - 110px);
        justify-content: flex-start;
        align-items: center;
    }

    #graphic-title img {
        max-width: 25vw;
        margin: 0;
    }
}

/* OE: Horizontal Accordion
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.OE-horizontal-accordion {
    position: relative;
    height: calc(100vh - 110px);
    overflow: hidden;
}

.h-accordion {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: background 1s linear;
    border-bottom: 1px solid var(--c_white);
}

.h-accordion .panel {
    overflow: hidden;
    position: relative;
    min-height: 50px;
    max-height: 50px;
}

.h-accordion .text-title-container {
    position: relative;
    z-index: 2;
}

.h-accordion .panel.title {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    color: var(--c_white);
}

.h-accordion .bg-shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, .5));
}

.h-accordion .panel.title .title-text {
    width: 100%;
    padding: 15px 20px;
    text-shadow: 0 5px 5px rgba(35, 31, 32, 0.3), 0px 8px 13px rgba(35, 31, 32, 0.1), 0px 2px 1px rgba(35, 31, 32, 0.1);
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

.h-accordion .panel.title .intro {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

.h-accordion .panel.title.active {
    display: none;
}

.h-accordion .panel .trigger {
    position: relative;
    width: 100%;
    height: 70px;
    border-top: 1px solid var(--c_white);
    color: var(--c_white);
    transition: all 0.3s ease-in-out;
}

.h-accordion .panel .trigger .arrow {
    display: none;
}

.h-accordion .panel .trigger .plus {
    float: right;
}

.h-accordion .panel .trigger:hover {
    cursor: pointer;
}

.h-accordion .panel .trigger svg {
    position: absolute;
    bottom: 5px;
    right: 32px;
}

.h-accordion .panel .trigger .plus svg {
    position: absolute;
    bottom: 37px;
    right: 20px;
}

.h-accordion .panel.open {
    height: 100%;
    max-height: 100%;
}

.h-accordion .panel.open .trigger {
    display: none;
}

.h-accordion .panel .trigger span {
    width: 100%;
    padding: 10px 20px;
    text-align: left;
}

.h-accordion .panel .content {
    padding: 20px 50px 20px 20px;
}

.h-accordion .panel .content-pane {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: none;
    flex: 1;
}

.h-accordion .panel .content-pane .close-pane-icon {
    display: none;
}

.h-accordion .panel .content-pane .mobile-feature-image {
    margin-top: 20px;
    width: 100%;
    max-width: 320px;
}

.h-accordion .panel .content-pane .close-all-panes {
    position: absolute;
    z-index: 5;
    top: 23px;
    right: 20px;
}

.h-accordion .panel .content-pane .close-all-panes:hover {
    cursor: pointer;
}

.h-accordion .panel .content-pane .desktop-caption {
    display: none;
}

@media (min-width: 959px) {
    .OE-horizontal-accordion {
        height: 600px;
    }

    .h-accordion {
        flex-direction: row;
        border-bottom: none;
    }

    .h-accordion .bg-shadow {
        width: 30%;
        height: 100%;
        background-image: linear-gradient(to right, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));
    }

    .h-accordion .panel {
        position: relative;
        min-width: 85px;
        min-height: 85px;
        max-height: inherit;
        padding: 0;
        border: none;
        display: flex;
        transition: all 0.2s ease-in-out;
    }

    .h-accordion .text-title-container {
        position: relative;
        z-index: 1;
    }

    .h-accordion .panel.open {
        width: 100%;
    }

    .h-accordion .panel.title .title-text {
        max-width: 320px;
        padding: 30px 40px;
    }

    .h-accordion .panel.title .title-text.wider {
        max-width: 460px;
    }

    .h-accordion .panel.title.active {
        display: inline-block;
    }

    .h-accordion .panel.title.active .title-text {
        opacity: 0;
    }

    .h-accordion .panel.title.active .intro {
        opacity: 0;
    }

    .h-accordion .panel .trigger {
        width: 85px;
        height: 100%;
        border-left: 1px solid var(--c_white);
        border-top: none;
    }

    .h-accordion .panel .trigger .arrow {
        display: block;
        text-align: center;
        padding: 10px 6px 0 0;
    }

    .h-accordion .panel .trigger .plus {
        display: none;
    }

    .h-accordion .panel .trigger svg {
        position: absolute;
        bottom: 20px;
        left: 32px;
        right: inherit;
    }

    .h-accordion .panel .trigger span {
        position: absolute;
        width: 500px;
        height: 85px;
        line-height: 85px;
        left: 85px;
        padding: 0 45px;
        transform: rotate(90deg);
        transform-origin: top left;
        overflow: hidden;
        color: white;
    }

    .page-sections .OE-horizontal-accordion .h-accordion .panel .trigger:hover {
        background-color: var(--c_white);
    }

    .h-accordion .panel .content {
        padding: 40px 100px 40px 40px;
    }

    .h-accordion .panel .content-pane .mobile-feature-image {
        display: none;
    }

    .h-accordion .panel .content-pane .close-pane-icon {
        display: block;
        position: absolute;
        z-index: 5;
        bottom: 16px;
        right: 30px;
    }

    .h-accordion .panel .content-pane .close-pane-icon:hover {
        cursor: pointer;
    }

    .h-accordion .panel .content-pane .close-all-panes {
        top: 46px;
        right: 30px;
    }

    .h-accordion .panel .content-pane .mobile-caption {
        display: none;
    }

    .h-accordion .panel .content-pane .desktop-caption {
        display: block;
    }
}

/* OE: Image Collage
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.image-collage {
    position: relative;
    width: 100%;
    height: auto;
}

.image-collage .video-wrap {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - 110px);
    overflow: hidden;
}

.image-collage .panels {
    position: relative;
    z-index: 2;
    padding: 60vh 0 30vh 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.image-collage .panel {
    flex: 1 1 100%;
    padding: 10vh 4vw;
}

.image-collage .image {
    margin: 0 auto;
}

@media (min-width: 768px) {
    .image-collage .panels {
        padding: 50vh 0;
    }

    .image-collage .panel {
        flex: 0 1 50%;
        padding: 10vh 4vw 20vh 4vw;
    }
}

@media (max-width: 992px) {
    .rellax {
        transform: translate3d(0, 0, 0) !important;
    }
}

/* OE: Menu
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#OE-menu {
    position: fixed;
    z-index: 60;
    top: 60px;
    width: 100%;
    height: 50px;
    font-family: 'WhitneySC', sans-serif;
    font-weight: 600;
    text-transform: lowercase;
    letter-spacing: .07rem;
    border-bottom: 1px solid #333;
}

#OE-menu .row {
    height: 100%;
    align-items: center;
}

#OE-menu a {
    display: inline-block;
    padding-right: 15px;
    color: var(--c_white);
    text-decoration: none;
}

#OE-menu #nav-trigger {
    padding-left: 15px;
}

#OE-menu #nav-trigger:hover {
    cursor: pointer;
}

#OE-navigation {
    display: none;
    position: fixed;
    z-index: 50;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}

#OE-navigation a {
    text-decoration: none;
}

#OE-navigation .nav-container {
    width: 100%;
    height: 100vh;
    z-index: 59;
}

#OE-navigation .scrollable-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
}

#OE-navigation .scrollable {
    max-width: 1360px;
    margin: 0 auto;
    padding: 7vh 20px 15vh 18px;
    overflow: hidden;
}

@media (min-width: 768px) {
    #OE-navigation .scrollable {
        padding: 0 39px 5vh 39px;
    }

    #OE-navigation .scrollable {
        padding: 7vh 20px 20vh 18px;
    }
}

/* OE: Multi-Column Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.OE-multi-column-grid .row {
    justify-content: center;
}

.OE-multi-column-grid .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 126px;
    object-fit: contain;
}

.OE-multi-column-grid .logo img {
    padding: 1rem;
    width: auto;
    max-height: 126px;
}

@media (min-width: 768px) {
    .OE-multi-column-grid .col-sm-4 {
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media (min-width: 1175px) {
    .OE-multi-column-grid .col-sm-4 {
        flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }
}

/* OE: Pause Quote
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.OE-pause-quote {
    height: calc(100vh - 110px);
}

.pause-quote-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.pause-quote {
    max-width: 800px;
    margin: 0 auto;
    font-size: 95%;
}

.pause-quote .pause-quote-text p {
    margin: 0;
    padding: 1.5vh 0;
    font-size: 30px;
    line-height: 34px;
}

@media (min-width: 768px) {
    .pause-quote .pause-quote-text p {
        margin: 0;
        padding: 1.5vh 0;
        font-size: 40px;
        line-height: 44px;
    }
}

/* OE: Rollover Cards
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.OE-rollover-cards .panel-container {
    width: 100%;
    height: auto;
    color: var(--c_white);
    padding-bottom: 40px;
}

.OE-rollover-cards .mobile-intro {
    padding: 40px 20px 10px 20px;
}

.OE-rollover-cards .rollover-cards-intro {
    display: none;
}

.OE-rollover-cards .panel {
    position: absolute;
    width: 100%;
    height: 100%;
}

.OE-rollover-cards .background-image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.OE-rollover-cards .swiper-wrapper {
    padding: 20px 0;
}

.OE-rollover-cards .rollover-cards-carousel {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.OE-rollover-cards .rollover-cards-carousel .swiper-slide {
    position: relative;
    width: 280px;
    height: 280px;
}

.OE-rollover-cards .rollover-card-content {
    padding: 30px;
}

.OE-rollover-cards .swiper-container-initialized {
    margin-bottom: 0;
}

.OE-rollover-cards .rollover-card:hover {
    cursor: pointer;
}

.OE-rollover-cards .icon-flip {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 7px 10px 5px 10px;
    background-color: #afafaf;
    color: var(--c_white);
}

.OE-rollover-cards .rollover-card .wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.OE-rollover-cards .rollover-card .card {
    perspective: 1200px;
}

.OE-rollover-cards .rollover-card .faces {
    width: 420px;
    height: 420px;
    transform-style: preserve-3d;
}

.OE-rollover-cards .rollover-card .face {
    width: 100%;
    height: 100%;
    padding: 10% 20% 5% 10%;
    position: absolute;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.OE-rollover-cards .card-shadow {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
    position: absolute;
    width: 100%;
    height: 150px;
    top: 0;
    left: 0;
}

.OE-rollover-cards .card-text {
    position: absolute;
    z-index: 1;
}

.OE-rollover-cards .rollover-card .face > * {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.OE-rollover-cards .rollover-card .front {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.OE-rollover-cards .rollover-card .back {
    transform: rotateY(180deg);
    z-index: 2;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.OE-rollover-cards .fs18 {
    font-size: 16px;
    line-height: 19px;
}

@media (min-width: 768px) {
    .OE-rollover-cards .rollover-cards-carousel .swiper-slide {
        width: 380px;
        height: 380px;
    }

    .OE-rollover-cards .fs18 {
        font-size: 18px;
        line-height: 23px;
    }
}

@media (min-width: 1100px) {
    .OE-rollover-cards .mobile-intro {
        display: none;
    }

    .OE-rollover-cards .swiper-wrapper {
        padding: 0;
    }

    .OE-rollover-cards .rollover-cards-intro {
        display: inline-block;
    }

    .OE-rollover-cards .panel-container {
        height: 600px;
        padding-bottom: 0;
    }

    .OE-rollover-cards .rollover-cards-carousel .swiper-slide {
        width: 420px;
        height: 420px;
    }
}

.rolleover_maxfull .rollover-cards-carousel.boxed-container {
    max-width: 100%;
    /*    padding-right: 0px;*/
    margin-left: auto;
    margin-right: 0px;
}

.rolleover_maxfull.OE-rollover-cards .rollover-cards-carousel .swiper-slide {
    width: auto;
    height: auto;
}

/* OE: Split Text Panel	
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.OE-split-text-panel {
    position: relative;
    padding: 0;
}

/* OE: Sub-Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#OE-sub-navigation {
    position: relative;
    padding: 0;
    color: var(--c_dark);
}

#OE-sub-navigation .boxed-container {
    padding-top: 50px;
}

@media (min-width: 768px) {
    #OE-sub-navigation .boxed-container {
        padding-top: 20px;
    }
}

/* OE: Text Block
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.OE-text-block .flip-left {
    order: 1;
}

.OE-text-block .flip-right {
    order: 2;
    padding-bottom: 45px;
}

.OE-text-block .order-left {
    order: 1;
}

.OE-text-block .order-right {
    order: 2;
    padding-bottom: 45px;
}

@media (min-width: 768px) {
    .OE-text-block .flip-left {
        order: 1;
    }

    .OE-text-block .flip-right {
        order: 2;
        padding-bottom: 0;
    }

    .OE-text-block .order-left {
        order: inherit;
    }

    .OE-text-block .order-right {
        order: inherit;
        padding-bottom: 0;
    }
}

/* OE: Text Fly-By
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.OE-text-fly-by .background-container {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: calc(100vh - 110px);
}

.OE-text-fly-by .background-colour {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: calc(100vh - 110px);
}

.OE-text-fly-by .background-image {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: calc(100vh - 110px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.OE-text-fly-by .background-image.shift-left {
    background-position: 20% center;
}

.OE-text-fly-by .background-image.shift-right {
    background-position: 80% center;
}

.OE-text-fly-by .divider-line {
    margin: 7px 0 25px 0;
    width: 60px;
    border-bottom: 2px solid var(--c_white);
}

.OE-text-fly-by .text-content {
    z-index: 4;
}

.OE-text-fly-by .text-content .high-level-title {
    max-width: 600px;
}

.OE-text-fly-by .text-content .text-slide {
    max-width: 600px;
}

/* OE: Video (Full-Bleed)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.OE-video-full-bleed {
    position: relative;
    width: 100%;
    height: 60vh;
    overflow: hidden;
}

.OE-video-full-bleed-container {
    width: 100%;
    height: 100%;
}

.OE-video-full-bleed-container > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-aspect-ratio: 16/9) {
    .OE-video-full-bleed-container > iframe {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    .OE-video-full-bleed-container > iframe {
        width: 300%;
        left: -100%;
        transform: scale(1.2);
    }

    .OE-video-full-bleed.shift-left .OE-video-full-bleed-container > iframe {
        left: -50%;
    }

    .OE-video-full-bleed.shift-right .OE-video-full-bleed-container > iframe {
        left: -150%;
    }
}

@media (min-width: 560px) {
    .OE-video-full-bleed {
        height: calc(100vh - 110px);
    }

    .OE-video-full-bleed.shift-left .OE-video-full-bleed-container > iframe {
        left: -100%;
    }

    .OE-video-full-bleed.shift-right .OE-video-full-bleed-container > iframe {
        left: -100%;
    }
}

/* OE: Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#OE-footer {
    position: relative;
    padding: 50px 0 30px 0;
    color: var(--c_white);
    background-color: var(--c_dark_grey);
}

#OE-footer .link-nb {
    color: var(--c_white);
}

#OE-footer left-column p {
    margin-bottom: 30px;
}

#OE-footer right-column {
    margin-bottom: 30px;
}

#OE-footer .logo-flex {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

#OE-footer .logo-flex-item {
    flex: 1 1 auto;
    margin: 0 15px;
}

#OE-footer .logos.primary .logo-flex-item {
    flex: 1 1 100%;
}

#OE-footer .logos img {
    float: none;
    width: auto;
    height: auto;
    margin: 0 auto;
    max-width: 130px;
    max-height: 55px;
    vertical-align: middle;
    padding-bottom: 15px;
}

#OE-footer .logos img.boost {
    max-height: 54px;
}

#OE-footer .logos img.boostx2 {
    max-height: 62px;
}

#OE-footer .logos img.reduce {
    max-height: 40px;
}

#OE-footer .logos img.reducex2 {
    max-height: 32px;
}

#OE-footer .logos.primary img {
    max-width: 300px;
    max-height: 100px;
}

#OE-footer .logos.primary img.boost {
    max-height: 110px;
}

#OE-footer .logos.primary img.boostx2 {
    max-height: 120px;
}

#OE-footer .logos.primary img.reduce {
    max-height: 90px;
}

#OE-footer .logos.primary img.reducex2 {
    max-height: 80px;
}

@media (min-width: 600px) {
    #OE-footer .logo-flex-item {
        flex: 1 1 auto;
    }

    #OE-footer .logos.primary .logo-flex-item {
        flex: 1 1 auto;
    }

    #OE-footer .logos img {
        max-width: 130px;
        max-height: 60px;
    }

    #OE-footer .logos img.boost {
        max-width: 140px;
    }

    #OE-footer .logos img.boostx2 {
        max-width: 150px;
    }

    #OE-footer .logos img.reduce {
        max-width: 120px;
    }

    #OE-footer .logos img.reducex2 {
        max-width: 1100px;
    }

    #OE-footer .logos.primary img {
        max-width: 190px;
        max-height: 90px;
    }

    #OE-footer .logos.primary img.boost {
        max-height: 100px;
    }

    #OE-footer .logos.primary img.boostx2 {
        max-height: 100px;
    }

    #OE-footer .logos.primary img.reduce {
        max-height: 80px;
    }

    #OE-footer .logos.primary img.reducex2 {
        max-height: 70px;
    }
}

@media (min-width: 868px) {
    #OE-footer {
        padding: 50px 0 60px 0;
    }

    #OE-footer .left-column {
        padding-right: 10px;
    }

    #OE-footer .right-column {
        padding-left: 10px;
    }

    #OE-footer .logos img {
        padding: 20px;
    }

    #OE-footer .logos img.boostx2 {
        padding: 15px;
    }

    #OE-footer .logo-flex-item {
        flex: 1 1 auto;
    }

    #OE-footer .logos.primary .logo-flex-item {
        flex: 1 1 auto;
    }

    #OE-footer .logos img {
        max-width: 190px;
        max-height: 90px;
    }

    #OE-footer .logos img.boost {
        max-width: 200px;
        max-height: 100px;
    }

    #OE-footer .logos img.boostx2 {
        max-width: 210px;
        max-height: 100px;
    }

    #OE-footer .logos img.reduce {
        max-width: 180px;
    }

    #OE-footer .logos img.reducex2 {
        max-width: 170px;
    }

    #OE-footer .logos.primary img {
        max-width: 220px;
        max-height: 135px;
    }

    #OE-footer .logos.primary img.boost {
        max-height: 145px;
    }

    #OE-footer .logos.primary img.boostx2 {
        max-height: 155px;
    }

    #OE-footer .logos.primary img.reduce {
        max-height: 125px;
    }

    #OE-footer .logos.primary img.reducex2 {
        max-height: 115px;
    }
}

/* Account
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#my-account input[type='text'], #my-account input[type='password'] {
    width: 100%;
    background: transparent;
    border: 1px solid var(--c_grey);
    color: var(--c_grey);
    padding: 10px;
    border-radius: 0;
}

/* AddThis
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.at-icon-wrapper {
    display: none !important;
}

/* Masonry Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.masonry-list {
    margin: -20px 0 60px 0;
}

.masonry-list .item a {
    display: flex;
    flex-wrap: nowrap;
}

.masonry-list .masonry-list-image {
    flex: 1 1 50%;
    order: 2;
    width: 100%;
}

.masonry-list .masonry-list-image img {
    width: auto;
    height: 55px;
    float: right;
}

.masonry-list .masonry-list-meta {
    flex: 1 1 50%;
    order: 1;
}

@media (min-width: 768px) {
    .masonry {
        column-count: 4;
        column-gap: 32px;
    }

    .masonry.sixes {
        column-count: 6;
    }

    .masonry .item {
        display: inline-block;
        margin: 0 0 32px;
        width: 100%;
    }

    .masonry .item a {
        text-decoration: none;
    }
}

/* Newsletter Box
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#newsletter-box-mobile {
    display: none !important;
    height: 0;
    position: relative;
    background-color: var(--c_light);
    padding: 30px 0;
    font-family: Whitney;
    text-transform: none;
    font-weight: 300;
    letter-spacing: 0;
    transition: height .5s ease-in-out;
}

#newsletter-box-mobile.active {
    display: block !important;
    height: auto;
}

#newsletter-box-mobile input[type='email'] {
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 3px solid var(--c_grey);
    padding-bottom: 7px;
    color: var(--c_grey);
    border-radius: 0;
}

#newsletter-box-mobile #mc-embedded-hidden {
    display: none;
}

#newsletter-box-mobile form {
    position: relative;
    padding-top: 19px;
}

#newsletter-box-mobile button {
    position: absolute;
    right: 0;
    font-family: 'WhitneySC', sans-serif;
    font-weight: 600;
    text-transform: lowercase;
    color: var(--c_grey);
    border: none;
    background: transparent;
    outline: 0;
    box-shadow: none;
}

#newsletter-box-mobile svg {
    margin-top: 24px;
    color: var(--c_grey);
}

#newsletter-box {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 144px;
    bottom: -145px;
    background-color: var(--c_light);
    padding-top: 30px;
}

#newsletter-box input[type='email'] {
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--c_grey);
    color: var(--c_grey);
    border-radius: 0;
}

#newsletter-box #mc-embedded-hidden {
    display: none;
}

#newsletter-box form {
    position: relative;
    padding-top: 19px;
}

#newsletter-box button {
    position: absolute;
    right: 0;
    font-family: 'WhitneySC', sans-serif;
    font-weight: 600;
    text-transform: lowercase;
    color: var(--c_grey);
    border: none;
    background: transparent;
    outline: 0;
    box-shadow: none;
}

#newsletter-box svg {
    margin-top: 24px;
    color: var(--c_grey);
}

#newsletter-trigger:hover {
    cursor: pointer;
}

#newsletter-closer:hover {
    cursor: pointer;
}

/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
footer {
    margin-top: 30px;
    padding: 42px 0 84px 0;
    border-top: 1px solid var(--c_interface);
}

footer.highlight {
    margin: 0;
    padding: 0;
    border-top: none;
}

footer .logo {
    width: 90%;
    max-width: 170px;
    padding-bottom: 30px;
}

footer .logo path {
    fill: var(--c_dark);
}

footer .logo-queens {
    position: absolute;
    margin-top: -79px;
    max-width: 148px;
}

footer .logo-queens path {
    fill: var(--c_dark);
}

footer a {
    text-decoration: none;
    color: var(--c_dark);
    line-height: 21px;
}

footer a:hover {
    color: var(--c_active);
}

footer ul {
    margin: 0;
    padding: 0 0 80px 0;
}

footer ul:last-child {
    padding: 0 0 35px 0;
}

footer ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

footer .link {
    width: inherit;
    margin-top: inherit;
    padding: inherit;
    border-bottom: inherit;
    border-top: inherit;
}

.no-desktop footer .links {
    margin: 30px 0 0 0;
    padding: 12px 0 0 0;
    border-top: 1px solid #d6d6d6;
}

.no-desktop footer .links a {
    display: block;
    padding: 4px 0 15px 0;
    border-bottom: 1px solid #d6d6d6;
}

.no-desktop footer .links a span {
    display: inline-block;
    float: right;
    font-weight: normal;
}

.no-desktop footer .social-links {
    margin-top: 15px;
    width: 97%;
}

.no-desktop footer .social-links a {
    display: inline-block;
    padding: 0 10px;
}

.no-desktop footer .logo-queens {
    position: relative;
    max-width: 120px;
    margin: inherit;
    margin: 10px 0px 20px 0px;
}

@media (min-width: 768px) {
    footer {
        padding: 42px 0;
    }

    footer .logo {
        width: 100%;
        max-width: 210px;
        padding-bottom: inherit;
    }
}

/* Accordion
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.listings .accordion.divided {
    margin-top: 0;
    padding-top: 15px;
}

.accordion-images {
    border-top: 1px solid var(--c_interface);
}

.accordion-title span {
    display: inline-block;
    float: right;
}

.accordion.divided.small {
    margin-top: 10px;
    padding-top: 15px;
}

.gallery .accordion {
    margin-top: -30px;
}

#text-block-adds .accordion {
    margin-top: 0 !important;
}

#text-block-adds .accordion .category {
    font-weight: 600;
}

#text-block-adds .accordion.divided.small {
    margin-top: 15px;
    padding: 15px 0 10px 0;
}

#text-block-adds .fn-content svg {
    display: none !important;
}

#gm-footnotes-container {
    display: none;
}

#gm-image-credits-container {
    display: none;
}

.fn-source {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 18px;
}

.fn-counter {
    flex: 1;
    padding-right: 15px;
}

.fn-counter a {
    color: var(--c_active);
    font-weight: bold;
}

.fn-content {
    flex: 1 1 100%;
}

@media (min-width: 768px) {
    .accordion {
        margin-top: -10px;
    }

    .accordion.divided.small {
        margin-top: -10px;
        padding-top: 20px;
    }

    #text-block-adds .accordion.divided.small {
        margin-top: 15px;
        padding: 15px 0 10px 0;
    }
}

/* Audio Player / Playlist
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#audio-player {
    position: fixed;
    z-index: 30;
    left: 0;
    bottom: -500px;
    width: 100%;
    border-top: 1px solid var(--c_white);
}

#audio-player1 {
    position: fixed;
    z-index: 30;
    left: 0;
    bottom: -500px;
    width: 100%;
    border-top: 1px solid var(--c_white);
}

.player {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 75px;
    background-color: #231f20;
}

.player #time-total, .player #time-current {
    display: inline;
}

.player #time-total1, .player #time-current {
    display: inline;
}

.player .closer {
    position: absolute;
    z-index: 20;
    right: 36px;
    top: 8px;
}

.player .closer a {
    color: var(--c_white);
    transition: color .2s ease-in-out;
}

.player .closer a:hover {
    color: var(--c_active);
}

.player .title, .player .description {
    display: none;
}

.player .time-details {
    display: none;
}

.player .title {
    top: 10px;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
}

.player .description {
    top: 30px;
    max-width: 32%;
    font-size: 15px;
    color: #fff;
}

.player .cover {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 75px;
    height: 75px;
    /*background: transparent url() no-repeat scroll;*/
    /*background-size: 75px 75px;*/
}

.player .times {
    position: absolute;
    right: 36px;
    bottom: 15px;
    color: #fff;
}

.audio-player .player .times {
    display: flex;
}

.player .controls {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 75px;
}

.player .controls .icons {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    height: 75px;
}

.player .controls .play, .player .controls .pause, .player .controls .rew, .player .controls .fwd {
    display: inline;
    color: #fff;
    font-size: 40px;
    margin: 0 8px;
    transition: color .2s ease-in-out;
}

.player .controls .play:hover, .player .controls .pause:hover {
    color: #d60037;
    cursor: pointer;
}

.player .controls .rew, .player .controls .fwd {
    font-size: 22px;
}

.player .controls .rew:hover, .player .controls .fwd:hover {
    color: #d60037;
    cursor: pointer;
}

.player .controls .pause {
    display: none;
}

.player .hidden {
    display: none !important;
}

.player .controls .visible {
    display: block;
}

.player .tracker {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 4px;
}

.player .tracker:hover {
    cursor: pointer;
}

.player .ui-slider-range {
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0px;
    background-color: var(--c_active);
    height: 100%;
}

.player .ui-slider-handle {
    position: absolute;
    z-index: 101;
    top: 0;
    width: 10px;
    background-color: var(--c_interface);
    height: 4px;
    margin-left: -5px;
    cursor: pointer;
}

.playlist-item-container {
    position: relative;
    padding-top: 15px;
}

.simple .playlist-item-container {
    padding: 20px 0 0 0;
    border-top: 1px solid var(--c_interface);
}

.playlist .playlist-item {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--c_interface);
    padding: 10px 0;
}

#master-playlist {
    position: absolute;
    left: -10000px;
}

#master-playlist1 {
    position: absolute;
    left: -10000px;
}

#master-playlist .playlist-item {
    display: inline;
    opacity: 0;
    height: 0;
}

#master-playlist1 .playlist-item {
    display: inline;
    opacity: 0;
    height: 0;
}

.playlist.simple .playlist-item {
    border-bottom: none;
    padding-bottom: 12px;
}

#i-content .playlist-section {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid var(--c_interface);
}

.playlist .playlist-item .icon:hover, .playlist .playlist-item .ap-title:hover {
    cursor: pointer;
}

.playlist .playlist-item .icon {
    margin: 10px 15px 0 0;
    object-fit: contain;
    align-self: flex-start;
    font-size: 26px;
}

.playlist .playlist-item .icon svg {
    color: var(--c_grey);
}

.playlist .playlist-item.active .icon svg {
    color: var(--c_active);
}

.playlist .playlist-item .details {
    position: relative;
    flex: 1 1 auto;
    width: 100%;
    margin-top: 10px;
}

.audio-player-meta {
    position: sticky;
    top: 150px;
}

.ap-title {
    padding-right: 40px;
    font-weight: bold;
}

.playlist-cover {
    display: none;
}

.playlist-cover img {
    padding-bottom: 15px;
}

.ap-transcript-trigger a {
    display: inline-block;
    padding-bottom: 15px;
}

.ap-transcript-trigger a:hover {
    color: var(--c_active);
}

.ap-time {
    position: absolute;
    right: 0;
    bottom: 23px;
}

.playlist.simple .ap-time {
    bottom: 34px;
}

.ap-popup {
    display: none;
    width: 100%;
}

.transcript {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.transcript > li {
    margin-bottom: 18px;
}

.speakerName {
    font-weight: bold;
}

.speaking {
    color: var(--c_active);
}

.playlist-popup-closer {
    font-weight: bold;
}

.playlist-popup-closer:hover {
    color: var(--c_dark)!important;
}

@media (min-width: 768px) {
    .player .title, .player .description {
        display: inline-block;
        position: absolute;
        left: 90px;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
    }

    .player .time-details {
        display: inline-block;
    }

    .player .closer {
        right: 36px;
    }

    .playlist.simple .playlist-item {
        padding-bottom: 30px;
    }

    .playlist .playlist-item .icon {
        font-size: 36px;
        padding: 0 10px 0 0;
    }

    .ap-description {
        max-width: 70%;
    }

    .playlist-popup-title .ap-description {
        max-width: inherit !important;
    }

    .ap-time {
        bottom: inherit;
        top: 0;
    }

    .playlist.simple .ap-time {
        top: 45px;
    }

    .ap-transcript-trigger {
        position: absolute;
        z-index: 20;
        right: 0;
        bottom: 0;
        padding: 0;
    }

    .ap-transcript-trigger a {
        display: inline-block;
        padding: 0;
    }

    .playlist-cover {
        max-width: 85%;
    }
}

/***********Single audio page******/
.single_audio_page_sec img {
    max-width: 535px;
}

.single_audio_play_btn .play_pause {
    padding: 0px 39px 0 0;
}

.single_video_page_sec .video-wrapper {
    max-width: 535px;
}

/********other Page*******/
.data_publication_title_1 {
    font-family: 'Genath';
}

/* Banner
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.banner {
    position: relative;
    width: 100%;
    height: 667px;
    background-size: cover;
    background-position: 100% 30%;
}

.banner-panel {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    padding: 25px;
    color: var(--c_white);
    background-color: rgba(35, 31, 32, .8);
}

.banner-panel a {
    color: var(--c_white);
}

.banner-panel a:hover {
    color: var(--c_active);
}

@media (min-width: 768px) {
    .banner {
        height: 535px;
    }

    .banner-panel {
        padding: 50px;
        max-width: 500px;
        height: 535px;
        bottom: inherit;
        right: 0;
    }
}

/* Collections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#collections-search-form input[type="text"], #collections-search-form select {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid var(--c_interface)!important;
    border-radius: 0;
    -webkit-appearance: none;
}

#collections-search-form label {
    display: block;
    font-family: 'WhitneySC', sans-serif;
    text-transform: lowercase;
    letter-spacing: 0.07rem;
}

.filter-toggle {
    color: var(--c_grey);
    font-weight: 600;
}

.filter-toggle:hover {
    cursor: pointer;
}

#collections-search-form {
    display: none;
}

#collections-search-form .fa-search {
    position: absolute;
    margin-left: -26px;
    margin-top: 14px;
    color: var(--c_grey);
}

.list-styler {
    color: var(--c_grey);
}

.list-style-toggle {
    display: inline-block;
    padding: 0 10px 0 15px;
    font-weight: 300;
}

.list-style-toggle:hover {
    cursor: pointer;
}

.list-style-toggle.active {
    color: var(--c_active);
}

#list img {
    height: 55px;
    width: auto;
}

.collection-title {
    font-family: 'Genath', serif;
    font-weight: 300;
}

.collection-title a {
    text-decoration: none;
    color: var(--c_dark);
}

.collection-intro {
    font-family: 'Whitney', sans-serif;
}

.object-label {
    line-height: 15px;
    padding: 10px 0 5px 0;
}

.object-data {
    line-height: 15px;
    padding: 0 0 10px 0;
}

.collections-search-meta {
    display: none;
    color: var(--c_interface);
}

#collections-return a {
    text-decoration: none;
    color: var(--c_dark);
}

#collections-return a:hover {
    color: var(--c_active);
}

@media (min-width: 768px) {
    .collection-listing:hover a {
        color: var(--c_active);
    }

    .object-label {
        line-height: 26px;
        padding: inherit;
    }

    .object-data {
        line-height: 26px;
        padding: inherit;
    }

    .collections-search-meta {
        margin-top: -30px;
    }
}

#collections-related {
    display: none;
}

#bottom-nav-buttons {
    display: none;
}

/* Expanders
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.expander:hover {
    cursor: pointer;
    color: var(--c_grey);
}

.expanded {
    display: none;
}

/* Featured Events
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.featured-event a {
    text-decoration: none;
    color: var(--c_dark);
}

@media (min-width: 768px) {
    .featured-events {
        padding-bottom: 50px;
    }

    .featured-event:hover a {
        color: var(--c_active);
    }
}

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.filter-label {
    height: 40px;
    line-height: 40px;
    margin-right: 20px;
}

.filter-select {
    float: left;
}

input[type='text'], input[type='password'], textarea {
    background: transparent;
    color: var(--c_grey);
    padding: 10px;
    border-radius: 0;
    -webkit-appearance: none;
}

.gform_wrapper input[type='text'], .woocommerce input[type='text'], .gform_wrapper input[type='password'], .woocommerce input[type='password'], textarea {
    border: 1px solid var(--c_grey)!important;
}

select {
    appearance: none;
    outline: 0;
    appearance: none;
    box-shadow: none;
    border: 0 !important;
    background: var(--c_white);
    background-image: none;
}

.select, .select2 {
    position: relative;
    display: flex;
    width: 100%;
    height: 40px;
    line-height: 3;
    background: var(--c_white);
    overflow: hidden;
    border: 1px solid var(--c_grey);
}

.select:last-child {
    width: 48%;
    margin-right: 0;
}

select {
    flex: 1;
    padding: 0 1em;
    color: var(--c_grey);
    cursor: pointer;
    background: #fff url('/site/themes/agnes2/images/select-arrow.png') no-repeat;
    background-size: 20px;
    background-position: right 10px center;
}

button.submit {
    letter-spacing: .07rem;
}

@media (min-width: 768px) {
    .filter-label {
        float: left;
    }

    .select {
        width: 215px;
        margin-right: 15px;
    }

    .select:last-child {
        width: 188px;
    }

    .select.search-select:last-child {
        width: 288px;
    }
}

/* Classes, Workshops, Camps
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.class-workshop-camp-title {
    font-family: 'Genath', serif;
    font-weight: 300;
}

.class-workshop-camp-title a {
    text-decoration: none;
    color: var(--c_dark);
}

.class-workshop-camp-intro {
    font-family: 'Whitney', sans-serif;
}

.class-workshop-camp-date {
    font-family: 'Whitney', sans-serif;
}

@media (min-width: 768px) {
    .class-workshop-camp-listing:hover a {
        color: var(--c_active);
    }
}

/* Content Grid Listing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.content-grid-listing a {
    text-decoration: none;
    color: var(--c_dark);
}

.content-grid-listing-title {
    font-family: 'Genath', serif;
    font-weight: 300;
}

.content-grid-listing-title a {
    text-decoration: none;
    color: var(--c_dark);
    font-family: 'Genath';
    font-weight: 300;
}

.page-sections .content-grid-listing-title a {
    display: block;
    padding-bottom: 3px;
}

.swiper-container.swiper-container-initialized.swiper-container-horizontal.swiper-container-autoheight .swiper-wrapper .swiper-slide .digital-agnes-entry-title .digital-agnes-entry-intro {
    color: var(--c_dark);
}

.content-grid-listing-title:hover a {
    color: var(--c_active);
}

.content-grid-listing-title .pt10 {
    padding-top: 1px !important;
}

/* Digital Agnes Entry
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#da-single-header {
    z-index: 2 !important;
    margin-top: -35px;
    padding-top: 20px;
    background: #fff;
}

#da-single-header .divider {
    margin: 0;
    padding: 0;
}

.digital-agnes-entry-title {
    font-family: 'Genath', serif;
    font-weight: 300;
}

.split-screen-wrapper .digital-agnes-entry-title {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    bottom: 59px;
    padding: 5vw;
    font-family: Genath, serif;
    font-weight: 300;
}

.swiper-slide .digital-agnes-entry-title {
    color: var(--c_white);
}

.digital-agnes-entry-title a {
    text-decoration: none;
    color: var(--c_dark);
}

.digital-agnes-entry-title .link a {
    color: var(--c_active);
}

.digital-agnes-entry-title a:hover {
    color: var(--c_active);
    cursor: pointer;
}

header .digital-agnes-entry-title a {
    color: var(--c_white);
}

header .digital-agnes-entry-title a:hover {
    color: var(--c_active);
}

header .digital-agnes-entry-note {
    font-family: 'Whitney', sans-serif;
    font-weight: normal;
}

header .digital-agnes-entry-title a, header .digital-agnes-entry-title .link a {
    color: var(--c_white);
}

header .digital-agnes-entry-title:hover a, header .digital-agnes-entry-title:hover .link a {
    color: var(--c_white);
}

header .split-screen-wrapper .slide-text.da.light {
    text-shadow: inherit;
}

header .split-screen-wrapper .da.dark .digital-agnes-entry-title a:hover, header a:hover .highlight-title span {
    text-decoration: underline;
}

header .split-screen-wrapper .da.dark .digital-agnes-entry-intro {
    color: var(--c_white);
}

header .split-screen-wrapper .da.light .digital-agnes-entry-title a {
    color: var(--c_dark);
}

header .split-screen-wrapper .da.light .digital-agnes-entry-title a:hover {
    color: var(--c_active);
}

header .split-screen-wrapper .da.light .digital-agnes-entry-intro {
    color: var(--c_dark);
}

header .split-screen-wrapper .slide-text.da a:hover span.title {
    text-decoration: none;
}

.digital-agnes-entry-intro {
    font-family: 'Whitney', sans-serif;
    line-height: 30px;
}

.digital-agnes-entry-title.video_agnes_title .digital-agnes-entry-intro {
    line-height: 24px;
}

.digital-agnes-entry-title.common_sub_title_clr .digital-agnes-entry-intro {
    line-height: 24px;
}

.single_audio_play_btn .digital-agnes-entry-intro {
    font-family: 'Whitney', serif;
    line-height: 24px;
}

.digital-agnes-entry-title.single_agnes_video_page {
    line-height: 1.1;
}

.audio-listing .digital-agnes-entry-title .digital-agnes-entry-intro {
    font-family: 'Whitney', serif;
    line-height: 24px;
}

.digital-agnes-entry-intro p:last-child {
    margin-bottom: 0;
}

header .split-screen-wrapper .digital-agnes-entry-intro {
    font-family: 'Genath', serif;
    font-weight: 300;
}

.digital-agnes-entry-date {
    font-family: 'Whitney', sans-serif;
}

.slide-title {
    color: var(--c_white);
}

.audio-length, .video-length {
    position: absolute;
    z-index: 1;
    bottom: 15px;
    right: 15px;
    font-family: 'WhitneySC', sans-serif, sans-serif;
    text-transform: lowercase;
    color: var(--c_white);
    text-shadow: 0 5px 5px rgba(35, 31, 32, 0.3), 0px 8px 13px rgba(35, 31, 32, 0.1), 0px 2px 1px rgba(35, 31, 32, 0.1);
    letter-spacing: 0.5px;
}

a.audio, a.video {
    position: relative;
    text-decoration: none;
    color: var(--c_dark);
}

a.audio:hover, a.video:hover {
    text-decoration: none;
    color: var(--c_active);
}

.news-story-intro {
    color: var(--c_dark)!important;
}

.recent-videos {
    margin-top: -10px;
}


@media (min-width: 768px) {
    .split-screen-wrapper .digital-agnes-entry-title {
        width: 50vw;
        top: calc(50% + 80px);
        bottom: inherit;
        transform: translate(0%, -50%);
    }

    .digital-agnes-entry-listing:hover .digital-agnes-entry-intro {
        color: var(--c_dark);
    }

    /*.transcript a { color: <?php echo $c_dark; ?> !important; }*/
    .transcript a:hover {
        color: var(--c_active) !important;
    }

    .split-screen-wrapper .digital-agnes-entry-title {
        padding: 4vw;
        left: 0;
    }
}

@media (min-width: 976px) {
    .split-screen-wrapper .digital-agnes-entry-title {
        padding: 7vw;
        left: 0;
    }
}

@media (min-width: 1380px) {
    .split-screen-wrapper .digital-agnes-entry-title {
        padding: 1vw 11vw 1vw;
        left: 0;
    }
}

@media (max-width: 767px) {
    .page-template-page-interactives .slide-shadow.da,
    .page-template-page-collection-highlights .slide-shadow.da,
    .page-template-page-digital-publications .slide-shadow.da,
    .page-template-page-online-exhibitions .slide-shadow.da {
        width: 100%;
        height: 100%;

    }

    .page-template-page-interactives header,
    .page-template-page-collection-highlights header,
    .page-template-page-digital-publications header,
    .page-template-page-online-exhibitions header {
        height: auto;
    }

    .page-template-page-interactives .split-screen-wrapper,
    .page-template-page-collection-highlights .split-screen-wrapper,
    .page-template-page-digital-publications .split-screen-wrapper,
    .page-template-page-online-exhibitions .split-screen-wrapper {
        position: relative;
        z-index: 1;
        height: auto;
        top: 0px;
        margin-top: 40px;
    }

    .split-screen-wrapper {
        margin-top: 40px;
    }

    div#external-bars[style="display: none;"] ~ header .split-screen-wrapper {
        margin-top: 60px;
    }

    #subnav.da {
        margin-top: 0px;
    }

    .page-template-page-digital-agnes-new #subnav.da {
        margin-top: -60px;
    }

    .page-template-page-interactives header .split-screen-wrapper .text-screen.hero_block_content_clr,
    .page-template-page-collection-highlights header .split-screen-wrapper .slide-text.da.light,
    .page-template-page-digital-publications header .split-screen-wrapper .slide-text.da.light,
    .page-template-page-online-exhibitions header .hero_block_content_clr .slide-text.da.dark {
        height: auto;
        position: static;
        background: #000 !important;
    }

    .page-template-page-interactives header .split-screen-wrapper .slide-text {
        position: absolute;
        background: transparent;
    }

    .page-template-page-interactives .split-screen-wrapper .image-screen,
    .page-template-page-collection-highlights .split-screen-wrapper .image-screen,
    .page-template-page-digital-publications .split-screen-wrapper .image-screen,
    .page-template-page-online-exhibitions .split-screen-wrapper .image-screen {
        height: 100% !important;
    }

    .page-template-page-interactives .split_screen_wrapper_interactive .hero-heading,
    .page-template-page-collection-highlights .split_screen_wrapper_interactive .hero-heading,
    .page-template-page-digital-publications .split_screen_wrapper_interactive .hero-heading,
    .page-template-page-online-exhibitions .split_screen_wrapper_interactive .hero-heading {
        bottom: auto !important;
        top: 80px;
        left: 0;
        padding: 0 20px;
        width: 100%;
        line-height: normal !important;
    }

    .page-template-page-collection-highlights .split_screen_wrapper_interactive .hero-heading {
        top: 110px;
        padding: 0px;
    }

    .page-template-page-interactives .split-screen-wrapper .digital-agnes-entry-title,
    .page-template-page-collection-highlights .split-screen-wrapper .digital-agnes-entry-title,
    .page-template-page-digital-publications .split-screen-wrapper .digital-agnes-entry-title,
    .page-template-page-online-exhibitions .split-screen-wrapper .digital-agnes-entry-title {
        margin-bottom: 25px;
        padding: 0;
        word-break: break-word;
    }

    .page-template-page-interactives .split-screen-wrapper .text-screen,
    .page-template-page-collection-highlights .split-screen-wrapper .text-screen,
    .page-template-page-digital-publications .split-screen-wrapper .text-screen,
    .page-template-page-online-exhibitions .split-screen-wrapper .text-screen {
        z-index: 999;
        background: none !important;
        position: static;
        padding: 200px 0 60px !important;
    }


    .page-template-page-interactives header .hero_block_content_clr .da.dark,
    .page-template-page-collection-highlights header .hero_block_content_clr .da.dark,
    .page-template-page-digital-publications header .hero_block_content_clr .da.dark,
    .page-template-page-online-exhibitions header .hero_block_content_clr .da.dark {
        color: #fff;
    }

    .page-template-page-interactives header .hero_block_content_clr .da.dark .digital-agnes-entry-title a,
    .page-template-page-interactives header .digital-agnes-entry-title .link a,
    .page-template-page-collection-highlights header .hero_block_content_clr .da.dark .digital-agnes-entry-title a,
    .page-template-page-collection-highlights header .digital-agnes-entry-title .link a,
    .page-template-page-digital-publications header .hero_block_content_clr .da.dark .digital-agnes-entry-title a,
    .page-template-page-digital-publications header .digital-agnes-entry-title .link a,
    .page-template-page-online-exhibitions header .hero_block_content_clr .da.dark .digital-agnes-entry-title a,
    .page-template-page-online-exhibitions header .digital-agnes-entry-title .link a {
        color: rgb(255 255 255);
    }


    .page-template-page-interactives header .hero_block_content_clr .da.dark .digital-agnes-entry-intro,
    .page-template-page-collection-highlights header .hero_block_content_clr .da.dark .digital-agnes-entry-intro,
    .page-template-page-digital-publications header .hero_block_content_clr .da.dark .digital-agnes-entry-intro,
    .page-template-page-online-exhibitions header .hero_block_content_clr .da.dark .digital-agnes-entry-intro {
        color: rgb(255 255 255);
    }

}

/* Exhibitions
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.exhibition p img {
    width: auto;
    max-width: 150px;
}

.exhibition-title {
    font-family: 'Genath', serif;
    font-weight: 300;
}

.exhibition-title a {
    text-decoration: none;
    color: var(--c_dark);
}

.exhibition-date {
    font-family: 'Whitney', sans-serif;
}

@media (min-width: 768px) {
    .exhibition-listing:hover a {
        color: var(--c_active);
    }
}

/* Figure Block
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#gm-image-credits-container {
    display: none;
}

.figure-block.single .figure-block-image {
    max-width: 400px;
    margin: 0 auto;
}

.figure-block.dual.images {
    align-items: flex-end;
}

.figure-block.dual.captions {
    align-items: flex-start;
}

.figure-text strong {
    display: inline;
    font-family: 'WhitneySC', sans-serif, sans-serif;
    text-transform: lowercase;
    letter-spacing: 0.07rem;
}

.figure-source {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 10px;
}

.figure-label {
    flex: 1 1;
    padding-right: 15px;
    font-family: 'WhitneySC', sans-serif;
    text-transform: lowercase;
    letter-spacing: 0.07rem;
    font-weight: bold;
}

.figure-credit {
    flex: 1;
}

@media (min-width: 768px) {
}

/* IIIF Image
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.iiif-stage {
    width: 100%;
    height: 100%;
}

@media (min-width: 768px) {
}

/* Image Button
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.image-buttons .image-button-container {
    padding-bottom: 20px;
}

.image-button {
    position: relative;
}

.image-button img {
    display: none;
}

.image-button a.button {
    position: relative;
    display: block;
    color: var(--c_dark);
    border: 1px solid var(--c_dark);
    font-weight: 600;
    width: auto !important;
}

.image-button a.button:hover {
    color: var(--c_dark);
    background: var(--c_white);
}

@media (min-width: 1175px) {
    .image-buttons .image-button-container {
        padding-bottom: 40px;
    }

    .image-button img {
        display: block;
    }

    .image-button a.button {
        position: absolute;
        z-index: 10;
        display: block;
        bottom: 18px;
        left: 18px;
        right: 18px;
        background: rgba(35, 31, 32, .3);
        color: var(--c_white);
        border: 1px solid var(--c_white);
    }
}

/* List (Archive)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.list-archive .category {
    padding: 0 0 5px 0;
    padding-top: inherit;
}

/* Listings Block
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.listings {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid var(--c_interface);
}

/* Logos
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.logo-flex {
    width: 100%;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.logo-flex-item {
    flex: auto;
}

.logos img {
    width: auto;
    height: auto;
    margin: 0 auto;
    max-width: 120px;
    max-height: 100px;
    vertical-align: middle;
}

@media (min-width: 768px) {
    .logo-flex {
        width: inherit;
        justify-content: flex-start;
    }

    .logos img {
        float: left;
        margin: 0 45px 45px 0;
    }
}

/* Publications
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.publication-listing .publication-image {
    width: 100%;
    height: 265px;
    background: #ebebeb;
}

.publication-listing .publication-image img {
    display: block;
    width: auto;
    height: 100%;
    margin: 0 auto;
    padding: 5%;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.publication-gallery, .publication-gallery .standard-swiper, .publication-gallery .swiper-container {
    width: 100%;
    height: 300px;
    background: #ebebeb;
}

.publication-gallery .swiper-container {
    background: #ebebeb;
}

.publication-gallery .swiper-slide img {
    display: block;
    width: auto;
    height: 100%;
    margin: 0 auto;
    padding: 5%;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.publication-gallery .standard-swiper .swiper-container-horizontal > .swiper-pagination-bullets, .publication-gallery .standard-swiper .swiper-pagination-custom, .publication-gallery .standard-swiper .swiper-pagination-fraction {
    bottom: -40px;
}

@media (min-width: 768px) {
    .publication-gallery, .publication-gallery .standard-swiper, .publication-gallery .swiper-container {
        height: 600px;
    }
}

/* Maps
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.map-container {
    position: relative;
    width: 100%;
    height: 470px;
}

#map-canvas {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* News and Stories
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.news-story-title {
    font-family: 'Genath', serif;
    font-weight: 300;
}

.news-story-title a {
    text-decoration: none;
    color: var(--c_dark);
}

.news-story-intro {
    font-family: 'Whitney', sans-serif;
}

.news-story-date {
    font-family: 'Whitney', sans-serif;
}

@media (min-width: 768px) {
    .news-story-listing:hover a {
        color: var(--c_active);
    }
}

/* Pages
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-title {
    font-family: 'Genath', serif;
    font-weight: 300;
    transition: color .1s ease-in-out;
}

.page-listing a {
    text-decoration: none;
    color: var(--c_dark);
}

.page-overview {
    font-family: 'Whitney', sans-serif;
}

@media (min-width: 768px) {
    .page-listing:hover a .page-title {
        color: var(--c_active);
    }
}

/* Quote
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.quote {
    max-width: 628px;
    margin: 0 auto;
}

.quote.large {
    max-width: 800px;
}

.quote.wide {
    max-width: 100%;
}

.quote .quote-text {
    color: var(--c_active);
    font-family: 'Genath', serif;
    font-weight: 300;
    font-style: italic;
}

.quote .quote-text p {
    margin: 0;
    padding: 0;
}

.quote .link {
    color: var(--c_active);
}

/* Quote Gallery
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.quote-gallery-quote {
    padding-right: 4vw;
    font-family: 'Genath', serif;
    font-weight: 300;
    font-style: italic;
    color: var(--c_active);
}

.quote-gallery-quotee {
    color: var(--c_active);
}

.quote-gallery-left {
    order: 2;
}

.quote-gallery-right {
    order: 1;
}

@media (min-width: 768px) {
    .quote-gallery-left {
        order: 1;
    }

    .quote-gallery-right {
        order: 2;
    }
}

/* Residencies and Fellowships
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.residency-fellowship-title {
    font-weight: bold;
}

.residency-fellowship-title a {
    text-decoration: none;
    color: var(--c_dark);
}

.residency-fellowship-date {
    font-weight: normal;
}

@media (min-width: 768px) {
    .residency-fellowship-listing:hover a {
        color: var(--c_active);
    }
}

/* Search Box
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#search-box {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100vh;
    top: -100vh;
    background-color: var(--c_light);
    text-shadow: 0 5px 5px rgba(35, 31, 32, 0.5), 0px 8px 13px rgba(35, 31, 32, 0.2), 0px 2px 1px rgba(35, 31, 32, 0.1);
}

#search-box input[type='text'] {
    width: 100%;
    padding: 0;
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--c_grey);
    color: var(--c_grey);
    border-radius: 0;
}

#search-box form {
    display: block;
    position: absolute;
    top: 40vh;
    width: 100%;
    margin-left: -20px;
    padding: 20px;
}

#search-box button {
    position: absolute;
    top: 20px;
    right: 20px;
    font-family: 'WhitneySC', sans-serif;
    font-weight: 600;
    text-transform: lowercase;
    color: var(--c_grey);
    border: none;
    background: transparent;
    outline: 0;
    box-shadow: none;
}

#search-box svg {
    margin-top: 18px;
    color: var(--c_grey);
}

#mobile-search-trigger {
    display: inline-block;
}

#mobile-search-closer svg {
    margin-top: 18px;
    color: var(--c_dark);
    font-weight: bold;
}

#search-trigger {
    display: none;
}

#search-trigger:hover {
    cursor: pointer;
}

#mobile-search-closer {
    position: absolute;
    top: 2px;
    right: 21px;
}

@media (min-width: 1249px) {
    #search-box {
        height: 112px;
        top: -120px;
        box-shadow: -1px 1px 5px 2px rgba(35, 31, 32, 0.17);
    }

    #search-box form {
        position: relative;
        width: inherit;
        margin: 53px 40px 0 0;
        padding: 0;
        top: inherit;
    }

    #search-box button {
        right: 0;
        top: 0;
    }

    #search-box button:hover {
        color: var(--c_active);
        cursor: pointer;
    }

    #search-trigger {
        display: inline-block;
    }

    #mobile-search-trigger {
        display: none;
    }

    #search-closer {
        position: absolute;
        right: 40px;
        top: 40px;
    }

    #search-box svg:hover {
        color: var(--c_active);
        cursor: pointer;
    }
}

/* Search Box (Content)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.search-box-content input[type='text'] {
    width: 100%;
    background: var(--c_light);
    border: 0;
    color: var(--c_grey);
    padding: 10px 10px 15px 10px;
}

.search-box-content form {
    position: relative;
    margin-bottom: 10px;
}

.search-box-content button {
    position: absolute;
    right: 0;
    font-family: 'WhitneySC', sans-serif;
    font-weight: 600;
    text-transform: lowercase;
    color: var(--c_white);
    border: none;
    background: var(--c_active);
    outline: 0;
    box-shadow: none;
    padding: 10px 10px 15px 10px;
}

.search-box-content button:hover {
    cursor: pointer;
}

@media (min-width: 768px) {
    .search-box-content input[type='text'] {
        padding: 15px 15px 18px 15px;
    }

    .search-box-content button {
        padding: 15px 15px 18px 15px;
    }
}

/* Search Results
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.total-results-count {
    color: var(--c_grey);
}

.search-category-count .category {
    margin-top: -30px;
}

.search-category-count .category a {
    color: var(--c_grey);
}

.search-category-count .category a:hover {
    color: var(--c_active);
}

#search-results {
    position: relative;
    margin: 0 0 10vh 0;
}

#search-results h3 {
    padding-bottom: 50px;
}

.search-result {
    border-top: 1px solid #ccc;
    padding: 25px 0;
}

.search-category {
    font-weight: 300;
    color: var(--c_active);
}

.search-title a {
    color: var(--c_dark);
}

.search-title a:hover {
    color: var(--c_active);
    text-decoration: none;
}

.search-result .meta {
    padding-right: 10%;
}

.search-result .overview {
    padding-top: 7px;
    padding-right: 10%;
}

.search-result .arrow {
    float: right;
    font-weight: 600;
}

.search-result .arrow a {
    color: var(--c_active);
}

.search-result .arrow a:hover {
    text-decoration: none;
    border: none;
    color: var(--c_dark);
}

.results-count {
    color: #999;
}

@media (min-width: 759px) {
    .search-category-count {
        text-align: right;
    }

    .search-category-count .category {
        margin-top: 0;
        padding: 10px 0;
    }

    .search-result {
        display: flex;
        flex-wrap: wrap;
    }

    .search-result .meta {
        flex: 1 1 50%;
        padding-right: 5vw;
        order: 1;
    }

    .search-result .overview {
        flex: 1 1 42%;
        padding: 0;
        order: 2;
    }

    .search-result .arrow {
        flex: 1 1 8%;
        text-align: right;
        order: 3;
    }
}

@media (min-width: 1249px) {

    .results-count {
        position: absolute;
        right: 0;
        top: 18px;
    }
}

/* Talks, Tours, Events
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.talk-tour-event-title {
    font-family: 'Genath', serif;
    font-weight: 300;
}

.talk-tour-event-title a {
    text-decoration: none;
    color: var(--c_dark);
}

.talk-tour-event-intro {
    font-family: 'Whitney', sans-serif;
}

.talk-tour-event-date {
    font-family: 'Whitney', sans-serif;
}

@media (min-width: 768px) {
    .talk-tour-event-listing:hover a {
        color: var(--c_active);
    }
}

/* Text and Image
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.text-and-image img {
    margin-bottom: 15px;
}

.text-and-image .first {
    order: 1;
}

.text-and-image .second {
    order: 2;
}

.text-and-image .second {
    order: 2;
}

/* Text Block
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.text-block.da {
    font-family: 'Genath', serif;
    font-weight: 300;
}

.text-block.da p {
    font-size: 19px !important;
    line-height: 24px;
}

@media (min-width: 768px) {
    .text-block.da p {
        font-size: 24px !important;
        line-height: 30px;
    }
}

/* Text Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.text-grid ul li {
    margin: 0;
}

.text-grid .category {
    margin-top: 10px;
}

/* Timeline
–––––––––––––––––––––––––––––––––––––––––––––––––– */
nav.timeline {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    font-family: 'WhitneySC', sans-serif;
}

.timeline-item {
    flex: 1;
    width: 100%;
    color: #fff;
    height: 46px;
    line-height: 40px;
    text-align: center;
    border-top: 1px solid var(--c_white);
}

.timeline-item.active {
    font-weight: 600;
}

.timeline-item:hover {
    cursor: pointer;
}

.timeline-feature-image {
    display: none;
}

.timeline-content {
    display: none;
}

.timeline-year {
    font-family: 'Genath', serif;
    font-weight: 300;
}

.timeline-copy .swiper-container img {
    display: block;
    max-height: 400px;
    width: auto;
    padding-bottom: 15px;
}

.timeline-caption {
    padding-right: 30px;
}

/* Tools
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.tools ul {
    margin: 20px 0 0 0;
    padding: 0;
    white-space: nowrap;
}

.tools.np ul {
    margin: 0;
}

.tools.right ul {
    float: right;
}

.tools ul li {
    list-style-type: none;
    display: inline;
    margin: 0 20px 0 0;
    padding: 0;
}

.tools.right ul li {
    margin: 0 0 0 20px;
}

.tools ul li a {
    text-decoration: none;
}

@media (min-width: 768px) {
}

/* Audio / Video
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.inline-video {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.inline-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.inline-video img {
    width: 100%;
    height: auto;
}

.audio-wrapper, .video-wrapper {
    position: relative;
}

.swiper-slide .video-wrapper, .video-wrapper.da {
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.single_video_homepage .video-wrapper {
    height: 64.2vw;
    overflow: hidden;
}

.audio-wrapper .play-icon {
    position: absolute;
    color: var(--c_white);
    left: 32px;
    bottom: -8px;
    transform: translate(-50%, -50%);
    opacity: .5;
}

.video-wrapper .play-icon {
    position: absolute;
    color: var(--c_white);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: .5;
}

.audio-wrapper .play-icon a, .video-wrapper .play-icon a {
    color: var(--c_white);
    opacity: .5;
}

.audio-wrapper .play-icon a:hover, .video-wrapper .play-icon a:hover {
    color: var(--c_white);
    opacity: 1;
}

.audio-wrapper:hover .play-icon, .video-wrapper:hover .play-icon {
    color: var(--c_white);
    opacity: 1;
}

.video-banner {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-banner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.jarallax {
    position: relative;
    z-index: 0;
}

.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.audio-list .digital-agnes-entry-listing .digital-agnes-entry-title .category a {
    color: #d60037;
}

/* Web Fonts
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@font-face {
    font-family: Whitney;
    src: url(../fonts/WhitneyHTF-Book3.woff2) format('woff2'), url(../fonts/WhitneyHTF-Book3.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Whitney;
    src: url(../fonts/WhitneyHTF-BookItalic.woff2) format('woff2'), url(../fonts/WhitneyHTF-BookItalic.woff) format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Whitney;
    src: url(../fonts/WhitneyHTF-SemiBold.woff2) format('woff2'), url(../fonts/WhitneyHTF-SemiBold.woff) format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Whitney;
    src: url(../fonts/WhitneyHTF-SemiBoldItalic.woff2) format('woff2'), url(../fonts/WhitneyHTF-SemiBoldItalic.woff) format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: WhitneySC;
    src: url(../fonts/WhitneyHTF-BookSC.woff2) format('woff2'), url(../fonts/WhitneyHTF-BookSC.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: WhitneyMedium;
    src: url(../fonts/WhitneyHTF-Medium.woff2) format('woff2'), url(../fonts/WhitneyHTF-Medium.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: WhitneyMedium;
    src: url(../fonts/WhitneyHTF-MediumItalic.woff2) format('woff2'), url(../fonts/WhitneyHTF-MediumItalic.woff) format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: WhitneySC;
    src: url(../fonts/WhitneyHTF-MediumSC.woff2) format('woff2'), url(../fonts/WhitneyHTF-MediumSC.woff) format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: WhitneySC;
    src: url(../fonts/WhitneyHTF-SemiBoldSC.woff2) format('woff2'), url(../fonts/WhitneyHTF-SemiBoldSC.woff) format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: WhitneySC;
    src: url(../fonts/WhitneyHTF-BoldSC.woff2) format('woff2'), url(../fonts/WhitneyHTF-BoldSC.woff) format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/**@font-face {
	font-family: WhitneySC;
	src: url(../fonts/WhitneyHTF-Black.otf) format('otf'),url(../fonts/WhitneyHTF-Black.otf) format('otf');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}**/
@font-face {
    font-family: Genath-Light;
    src: url(../fonts/Genath-Light.otf);
    font-display: swap;
}

@font-face {
    font-family: Genath;
    src: url(../fonts/Genath-Light.woff2) format('woff2'), url(../fonts/Genath-Light.woff) format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Genath;
    src: url(../fonts/Genath-RegularIta.woff2) format('woff2'), url(../fonts/Genath-RegularIta.woff) format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}


@font-face {
    font-family: WhitneyHTFSC-Medium;
    src: url(../fonts/WhitneyHTF-MediumSC.otf);
    font-display: swap;
}


/* Spinner
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@keyframes lds-rolling {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@-webkit-keyframes lds-rolling {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.lds-rolling {
    position: relative;
}

.lds-rolling div, .lds-rolling div:after {
    position: absolute;
    width: 110px;
    height: 110px;
    border: 14px solid var(--c_active);
    border-top-color: transparent;
    border-radius: 50%;
    margin-top: 4px;
}

.lds-rolling div {
    -webkit-animation: lds-rolling 1s linear infinite;
    animation: lds-rolling 1s linear infinite;
    top: 64px;
    left: 64px;
}

.lds-rolling div:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.lds-rolling {
    width: 30px !important;
    height: 30px !important;
    -webkit-transform: translate(-25.5px, -25.5px) scale(0.255) translate(25.5px, 25.5px);
    transform: translate(-15px, -15px) scale(0.255) translate(25.5px, 15px);
}

.lds-rolling {
    width: 100%;
    height: 100%;
    margin: -8px auto 0 auto;
}

#loader-full-screen {
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Grids
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*! FlexGrid https://github.com/kristoferjoseph/flexboxgrid */
.container, .container-fluid {
    margin-right: auto;
    margin-left: auto
}

.container-fluid {
    padding-right: 2rem;
    padding-left: 2rem
}

.row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -2.4844720496894% -2.4844720496894% 0
}

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

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

.col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 2.4844720496894% 0 0
}

.col-xs-12 {
    padding-bottom: 1.8%
}

.col-xs {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
}

.col-xs-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%
}

.col-xs-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%
}

.col-xs-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.col-xs-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%
}

.col-xs-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%
}

.col-xs-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.col-xs-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%
}

.col-xs-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%
}

.col-xs-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.col-xs-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%
}

.col-xs-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%
}

.col-xs-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

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

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

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

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

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

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

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

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

.first-xs {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.last-xs {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

@media only screen and (min-width: 48em) {
    .container {
        width: 49rem
    }

    .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-offset-0, .col-sm-offset-1, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 0 2.4844720496894% 0 0
    }

    .col-sm {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .col-sm-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .col-sm-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .col-sm-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .col-sm-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .col-sm-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .col-sm-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .col-sm-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .col-sm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

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

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

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

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

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

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

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

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

    .first-sm {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .last-sm {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width: 64em) {
    .container {
        width: 65rem
    }

    .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-offset-0, .col-md-offset-1, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 0 2.4844720496894% 0 0
    }

    .col-md {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .col-md-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .col-md-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .col-md-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .col-md-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .col-md-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .col-md-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .col-md-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .col-md-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

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

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

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

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

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

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

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

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

    .first-md {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .last-md {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width: 75em) {
    .container {
        width: 76rem
    }

    .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 0 2.4844720496894% 0 0
    }

    .col-lg {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .col-lg-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .col-lg-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .col-lg-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .col-lg-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .col-lg-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .col-lg-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .col-lg-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .col-lg-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .col-lg-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

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

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

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

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

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

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

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

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

    .first-lg {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .last-lg {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.row {
    margin: 0 -2.4844720496894% -30px 0;
}

.col-xs-12, .col-xs-6, .col-sm-6 {
    padding-bottom: 15px;
}

.col-xs-12.col-sm-3, .col-xs-12.col-sm-9 {
    padding-bottom: 23px;
}

.col-xs-3 {
    padding-bottom: 5px;
}

@media (min-width: 768px) {
    .col-xs-12, .col-xs-6, .col-sm-6 {
        padding-bottom: 30px;
    }
}

@media print {
    footer .links,
    .menu-panel,
    .no-mobile,
    .no-print,
    nav#main,
    nav#mobile,
    #newsletter-box,
    #search-box,
    .social-links {
        display: none !important;
    }

    footer {
        page-break-before: always;
    }
}

/**
 * fancyBox v3.5.7
 * https://fancyapps.com/fancybox/3/
 */

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #fff;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: 1;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #fff
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe, .fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled], .fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg, rgba(35, 31, 32, .85) 0, rgba(35, 31, 32, .3) 50%, rgba(35, 31, 32, .15) 65%, rgba(35, 31, 32, .075) 75.5%, rgba(35, 31, 32, .037) 82.85%, rgba(35, 31, 32, .019) 88%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link, .fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(35, 31, 32, 0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(35, 31, 32, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(35, 31, 32, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.fancybox-caption {
    background: none;
    color: var(--c_dark);
}

/**
 * Swiper 6.3.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 9, 2020
 */

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide img {
    object-fit: contain;
    object-position: center center;
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .3;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-container {
    position: relative;
}

.swiper-pagination-bullet {
    margin: 0 4px !important;
}

.swiper-container-initialized {
    margin-bottom: 39px;
}

.page-template-page-audio-php .swiper-container-initialized {
    margin-bottom: 25px;
}

.swiper-wrapper {
    margin-bottom: 10px;
}

/*.swiper-container { overflow: inherit; }*/
.da-swiper {
    width: 100% !important;
}

header .swiper-container {
    overflow: hidden;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    left: 0;
    bottom: -30px;
}

.standard-swiper .swiper-container-horizontal > .swiper-pagination-bullets, .standard-swiper .swiper-pagination-custom, .standard-swiper .swiper-pagination-fraction {
    left: 0;
    bottom: -5px;
}

header .swiper-container-horizontal > .swiper-pagination-bullets, header .swiper-pagination-custom, header .swiper-pagination-fraction {
    left: 40px;
    bottom: 40px;
}

header .swiper-pagination-bullet {
    background: var(--c_white);
    opacity: .5;
    transition: all .5s ease-in-out;
}

header .darken .swiper-pagination-bullet {
    background: var(--c_dark);
    opacity: .5;
}

header .swiper-pagination-bullet-active, header .darken .swiper-pagination-bullet-active {
    background: var(--c_active);
}

.swiper-pagination {
    text-align: left;
    left: -4px !important;
    right: 0;
    width: 100%;
    z-index: 20;
}

header .swiper-pagination {
    left: 0 !important;
    right: 0;
    max-width: 1366px;
    margin: 0 auto;
    padding: 0 39px;
    transition: all .1s ease-in-out;
}

#boxed-swiper .swiper-pagination, #quote-gallery .swiper-pagination {
    bottom: 0;
}

.swiper-button-next, .swiper-button-prev {
    width: 45px;
    height: 45px;
    background-color: var(--c_dark);
    color: var(--c_white);
    opacity: 0.8;
    transition: all .2s ease-in-out;
}

.swiper-button-next {
    right: 0;
}

.swiper-button-prev {
    left: 0;
}

.da-swiper .swiper-button-next, .da-swiper .swiper-button-prev {
    top: calc(50% - 15px) !important;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    cursor: pointer;
    background-color: var(--c_active);
    opacity: 1;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    color: black;
}

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

.swiper-button-disabled {
    opacity: 0 !important;
}

.quote-gallery .swiper-button-prev {
    right: auto;
    left: -15px;
    background-color: transparent;
    color: var(--c_active);
    opacity: 1;
}

.quote-gallery .swiper-button-next {
    right: auto;
    left: 30px;
    background-color: transparent;
    color: var(--c_active);
    opacity: 1;
}

/* CHECKBOX STYLING
------------------------------------------*/
/**
 * pretty-checkbox.css
 * A pure CSS library to beautify checkbox and radio buttons
 * Source: https://github.com/lokesh-coder/pretty-checkbox
 * Demo: https://lokesh-coder.github.io/pretty-checkbox
 * Copyright (c) 2017 Lokesh rajendran
 */
.pretty * {
    box-sizing: border-box
}

.pretty input:not([type=checkbox]):not([type=radio]) {
    display: none
}

.pretty {
    position: relative;
    display: inline-block;
    margin-right: 1em;
    white-space: nowrap;
    line-height: 1
}

.pretty input {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 1em;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.pretty .state label {
    position: initial;
    display: inline-block;
    font-weight: 400;
    margin: 0;
    text-indent: 1.5em;
    min-width: calc(1em + 2px)
}

.pretty .state label:after, .pretty .state label:before {
    content: '';
    width: calc(1em + 2px);
    height: calc(1em + 2px);
    display: block;
    box-sizing: border-box;
    border-radius: 0;
    border: 1px solid transparent;
    z-index: 0;
    position: absolute;
    left: 0;
    top: calc((0% - (100% - 1em)) - 8%);
    background-color: transparent
}

.pretty .state label:before {
    border-color: #bdc3c7
}

.pretty .state.p-is-hover, .pretty .state.p-is-indeterminate {
    display: none
}

@-webkit-keyframes zoom {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes zoom {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: scale(7);
        transform: scale(7)
    }
    38% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    55% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
    72% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    81% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.24);
        transform: scale(1.24)
    }
    89% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    95% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.04);
        transform: scale(1.04)
    }
    100% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes tada {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: scale(7);
        transform: scale(7)
    }
    38% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    55% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
    72% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    81% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.24);
        transform: scale(1.24)
    }
    89% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    95% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.04);
        transform: scale(1.04)
    }
    100% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes jelly {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    40% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    50% {
        -webkit-transform: scale3d(.85, 1.15, 1);
        transform: scale3d(.85, 1.15, 1)
    }
    65% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    75% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes jelly {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    40% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    50% {
        -webkit-transform: scale3d(.85, 1.15, 1);
        transform: scale3d(.85, 1.15, 1)
    }
    65% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    75% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes rotate {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-200px) rotate(-45deg);
        transform: translateZ(-200px) rotate(-45deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) rotate(0);
        transform: translateZ(0) rotate(0)
    }
}

@keyframes rotate {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-200px) rotate(-45deg);
        transform: translateZ(-200px) rotate(-45deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) rotate(0);
        transform: translateZ(0) rotate(0)
    }
}

@-webkit-keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #bdc3c7
    }
    100% {
        box-shadow: 0 0 0 1.5em rgba(189, 195, 199, 0)
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #bdc3c7
    }
    100% {
        box-shadow: 0 0 0 1.5em rgba(189, 195, 199, 0)
    }
}

.pretty.p-default.p-fill .state label:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.pretty.p-default .state label:after {
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6)
}

.pretty.p-default input:checked ~ .state label:after {
    background-color: #bdc3c7 !important
}

.pretty.p-default.p-thick .state label:after, .pretty.p-default.p-thick .state label:before {
    border-width: calc(1em / 7)
}

.pretty.p-default.p-thick .state label:after {
    -webkit-transform: scale(.4) !important;
    -ms-transform: scale(.4) !important;
    transform: scale(.4) !important
}

.pretty.p-icon .state .icon {
    position: absolute;
    font-size: 1em;
    width: calc(1em + 2px);
    height: calc(1em + 2px);
    left: 0;
    z-index: 1;
    text-align: center;
    line-height: normal;
    top: calc((0% - (100% - 1em)) - 8%);
    border: 1px solid transparent;
    opacity: 0
}

.pretty.p-icon .state .icon:before {
    margin: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1
}

.pretty.p-icon input:checked ~ .state .icon {
    opacity: 1
}

.pretty.p-icon input:checked ~ .state label:before {
    border-color: #5a656b
}

.pretty.p-svg .state .svg {
    position: absolute;
    font-size: 1em;
    width: calc(1em + 2px);
    height: calc(1em + 2px);
    left: 0;
    z-index: 1;
    text-align: center;
    line-height: normal;
    top: calc((0% - (100% - 1em)) - 8%);
    border: 1px solid transparent;
    opacity: 0
}

.pretty.p-svg .state svg {
    margin: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1
}

.pretty.p-svg input:checked ~ .state .svg {
    opacity: 1
}

.pretty.p-image .state img {
    opacity: 0;
    position: absolute;
    width: calc(1em + 2px);
    height: calc(1em + 2px);
    top: 0;
    top: calc((0% - (100% - 1em)) - 8%);
    left: 0;
    z-index: 0;
    text-align: center;
    line-height: normal;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.pretty.p-image input:checked ~ .state img {
    opacity: 1
}

.pretty.p-switch input {
    min-width: 2em
}

.pretty.p-switch .state {
    position: relative
}

.pretty.p-switch .state:before {
    content: '';
    border: 1px solid #bdc3c7;
    border-radius: 60px;
    width: 2em;
    box-sizing: unset;
    height: calc(1em + 2px);
    position: absolute;
    top: 0;
    top: calc((0% - (100% - 1em)) - 16%);
    z-index: 0;
    transition: all .5s ease
}

.pretty.p-switch .state label {
    text-indent: 2.5em
}

.pretty.p-switch .state label:after, .pretty.p-switch .state label:before {
    transition: all .5s ease;
    border-radius: 100%;
    left: 0;
    border-color: transparent;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.pretty.p-switch .state label:after {
    background-color: #bdc3c7 !important
}

.pretty.p-switch input:checked ~ .state:before {
    border-color: #5a656b
}

.pretty.p-switch input:checked ~ .state label:before {
    opacity: 0
}

.pretty.p-switch input:checked ~ .state label:after {
    background-color: #5a656b !important;
    left: 1em
}

.pretty.p-switch.p-fill input:checked ~ .state:before {
    border-color: #5a656b;
    background-color: #5a656b !important
}

.pretty.p-switch.p-fill input:checked ~ .state label:before {
    opacity: 0
}

.pretty.p-switch.p-fill input:checked ~ .state label:after {
    background-color: #fff !important;
    left: 1em
}

.pretty.p-switch.p-slim .state:before {
    height: .1em;
    background: #bdc3c7 !important;
    top: calc(50% - .1em)
}

.pretty.p-switch.p-slim input:checked ~ .state:before {
    border-color: #5a656b;
    background-color: #5a656b !important
}

.pretty.p-has-hover input:hover ~ .state:not(.p-is-hover) {
    display: none
}

.pretty.p-has-hover input:hover ~ .state.p-is-hover {
    display: block
}

.pretty.p-has-hover input:hover ~ .state.p-is-hover .icon {
    display: block
}

.pretty.p-has-focus input:focus ~ .state label:before {
    box-shadow: 0 0 3px 0 #bdc3c7
}

.pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state:not(.p-is-indeterminate) {
    display: none
}

.pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state.p-is-indeterminate {
    display: block
}

.pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state.p-is-indeterminate .icon {
    display: block;
    opacity: 1
}

.pretty.p-toggle .state.p-on {
    opacity: 0;
    display: none
}

.pretty.p-toggle .state .icon, .pretty.p-toggle .state .svg, .pretty.p-toggle .state img, .pretty.p-toggle .state.p-off {
    opacity: 1;
    display: inherit
}

.pretty.p-toggle .state.p-off .icon {
    color: #bdc3c7
}

.pretty.p-toggle input:checked ~ .state.p-on {
    opacity: 1;
    display: inherit
}

.pretty.p-toggle input:checked ~ .state.p-off {
    opacity: 0;
    display: none
}

.pretty.p-plain input:checked ~ .state label:before, .pretty.p-plain.p-toggle .state label:before {
    content: none
}

.pretty.p-plain.p-plain .icon {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.pretty.p-round .state label:after, .pretty.p-round .state label:before {
    border-radius: 100%
}

.pretty.p-round.p-icon .state .icon {
    border-radius: 100%;
    overflow: hidden
}

.pretty.p-round.p-icon .state .icon:before {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.pretty.p-curve .state label:after, .pretty.p-curve .state label:before {
    border-radius: 20%
}

.pretty.p-smooth .icon, .pretty.p-smooth .svg, .pretty.p-smooth label:after, .pretty.p-smooth label:before {
    transition: all .5s ease
}

.pretty.p-smooth input:checked + .state label:after {
    transition: all .3s ease
}

.pretty.p-smooth input:checked + .state .icon, .pretty.p-smooth input:checked + .state .svg, .pretty.p-smooth input:checked + .state img {
    -webkit-animation: zoom .2s ease;
    animation: zoom .2s ease
}

.pretty.p-smooth.p-default input:checked + .state label:after {
    -webkit-animation: zoom .2s ease;
    animation: zoom .2s ease
}

.pretty.p-smooth.p-plain input:checked + .state label:before {
    content: '';
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition: all .5s ease
}

.pretty.p-tada:not(.p-default) input:checked + .state .icon, .pretty.p-tada:not(.p-default) input:checked + .state .svg, .pretty.p-tada:not(.p-default) input:checked + .state img, .pretty.p-tada:not(.p-default) input:checked + .state label:after, .pretty.p-tada:not(.p-default) input:checked + .state label:before {
    -webkit-animation: tada .7s cubic-bezier(.25, .46, .45, .94) 1 alternate;
    animation: tada .7s cubic-bezier(.25, .46, .45, .94) 1 alternate;
    opacity: 1
}

.pretty.p-jelly:not(.p-default) input:checked + .state .icon, .pretty.p-jelly:not(.p-default) input:checked + .state .svg, .pretty.p-jelly:not(.p-default) input:checked + .state img, .pretty.p-jelly:not(.p-default) input:checked + .state label:after, .pretty.p-jelly:not(.p-default) input:checked + .state label:before {
    -webkit-animation: jelly .7s cubic-bezier(.25, .46, .45, .94);
    animation: jelly .7s cubic-bezier(.25, .46, .45, .94);
    opacity: 1
}

.pretty.p-jelly:not(.p-default) input:checked + .state label:before {
    border-color: transparent
}

.pretty.p-rotate:not(.p-default) input:checked ~ .state .icon, .pretty.p-rotate:not(.p-default) input:checked ~ .state .svg, .pretty.p-rotate:not(.p-default) input:checked ~ .state img, .pretty.p-rotate:not(.p-default) input:checked ~ .state label:after, .pretty.p-rotate:not(.p-default) input:checked ~ .state label:before {
    -webkit-animation: rotate .7s cubic-bezier(.25, .46, .45, .94);
    animation: rotate .7s cubic-bezier(.25, .46, .45, .94);
    opacity: 1
}

.pretty.p-rotate:not(.p-default) input:checked ~ .state label:before {
    border-color: transparent
}

.pretty.p-pulse:not(.p-switch) input:checked ~ .state label:before {
    -webkit-animation: pulse 1s;
    animation: pulse 1s
}

.pretty input[disabled] {
    cursor: not-allowed;
    display: none
}

.pretty input[disabled] ~ * {
    opacity: .5
}

.pretty.p-locked input {
    display: none;
    cursor: not-allowed
}

.pretty input:checked ~ .state.p-primary label:after, .pretty.p-toggle .state.p-primary label:after {
    background-color: #428bca !important
}

.pretty input:checked ~ .state.p-primary .icon, .pretty input:checked ~ .state.p-primary .svg, .pretty.p-toggle .state.p-primary .icon, .pretty.p-toggle .state.p-primary .svg {
    color: #fff;
    stroke: #fff
}

.pretty input:checked ~ .state.p-primary-o label:before, .pretty.p-toggle .state.p-primary-o label:before {
    border-color: #428bca
}

.pretty input:checked ~ .state.p-primary-o label:after, .pretty.p-toggle .state.p-primary-o label:after {
    background-color: transparent
}

.pretty input:checked ~ .state.p-primary-o .icon, .pretty input:checked ~ .state.p-primary-o .svg, .pretty input:checked ~ .state.p-primary-o svg, .pretty.p-toggle .state.p-primary-o .icon, .pretty.p-toggle .state.p-primary-o .svg, .pretty.p-toggle .state.p-primary-o svg {
    color: #428bca;
    stroke: #428bca
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-primary-o label:after {
    background-color: #428bca !important
}

.pretty.p-switch input:checked ~ .state.p-primary:before {
    border-color: #428bca
}

.pretty.p-switch.p-fill input:checked ~ .state.p-primary:before {
    background-color: #428bca !important
}

.pretty.p-switch.p-slim input:checked ~ .state.p-primary:before {
    border-color: #245682;
    background-color: #245682 !important
}

.pretty input:checked ~ .state.p-info label:after, .pretty.p-toggle .state.p-info label:after {
    background-color: #5bc0de !important
}

.pretty input:checked ~ .state.p-info .icon, .pretty input:checked ~ .state.p-info .svg, .pretty.p-toggle .state.p-info .icon, .pretty.p-toggle .state.p-info .svg {
    color: #fff;
    stroke: #fff
}

.pretty input:checked ~ .state.p-info-o label:before, .pretty.p-toggle .state.p-info-o label:before {
    border-color: #5bc0de
}

.pretty input:checked ~ .state.p-info-o label:after, .pretty.p-toggle .state.p-info-o label:after {
    background-color: transparent
}

.pretty input:checked ~ .state.p-info-o .icon, .pretty input:checked ~ .state.p-info-o .svg, .pretty input:checked ~ .state.p-info-o svg, .pretty.p-toggle .state.p-info-o .icon, .pretty.p-toggle .state.p-info-o .svg, .pretty.p-toggle .state.p-info-o svg {
    color: #5bc0de;
    stroke: #5bc0de
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-info-o label:after {
    background-color: #5bc0de !important
}

.pretty.p-switch input:checked ~ .state.p-info:before {
    border-color: #5bc0de
}

.pretty.p-switch.p-fill input:checked ~ .state.p-info:before {
    background-color: #5bc0de !important
}

.pretty.p-switch.p-slim input:checked ~ .state.p-info:before {
    border-color: #2390b0;
    background-color: #2390b0 !important
}

.pretty input:checked ~ .state.p-success label:after, .pretty.p-toggle .state.p-success label:after {
    background-color: #5cb85c !important
}

.pretty input:checked ~ .state.p-success .icon, .pretty input:checked ~ .state.p-success .svg, .pretty.p-toggle .state.p-success .icon, .pretty.p-toggle .state.p-success .svg {
    color: #fff;
    stroke: #fff
}

.pretty input:checked ~ .state.p-success-o label:before, .pretty.p-toggle .state.p-success-o label:before {
    border-color: #5cb85c
}

.pretty input:checked ~ .state.p-success-o label:after, .pretty.p-toggle .state.p-success-o label:after {
    background-color: transparent
}

.pretty input:checked ~ .state.p-success-o .icon, .pretty input:checked ~ .state.p-success-o .svg, .pretty input:checked ~ .state.p-success-o svg, .pretty.p-toggle .state.p-success-o .icon, .pretty.p-toggle .state.p-success-o .svg, .pretty.p-toggle .state.p-success-o svg {
    color: #5cb85c;
    stroke: #5cb85c
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-success-o label:after {
    background-color: #5cb85c !important
}

.pretty.p-switch input:checked ~ .state.p-success:before {
    border-color: #5cb85c
}

.pretty.p-switch.p-fill input:checked ~ .state.p-success:before {
    background-color: #5cb85c !important
}

.pretty.p-switch.p-slim input:checked ~ .state.p-success:before {
    border-color: #357935;
    background-color: #357935 !important
}

.pretty input:checked ~ .state.p-warning label:after, .pretty.p-toggle .state.p-warning label:after {
    background-color: #f0ad4e !important
}

.pretty input:checked ~ .state.p-warning .icon, .pretty input:checked ~ .state.p-warning .svg, .pretty.p-toggle .state.p-warning .icon, .pretty.p-toggle .state.p-warning .svg {
    color: #fff;
    stroke: #fff
}

.pretty input:checked ~ .state.p-warning-o label:before, .pretty.p-toggle .state.p-warning-o label:before {
    border-color: #f0ad4e
}

.pretty input:checked ~ .state.p-warning-o label:after, .pretty.p-toggle .state.p-warning-o label:after {
    background-color: transparent
}

.pretty input:checked ~ .state.p-warning-o .icon, .pretty input:checked ~ .state.p-warning-o .svg, .pretty input:checked ~ .state.p-warning-o svg, .pretty.p-toggle .state.p-warning-o .icon, .pretty.p-toggle .state.p-warning-o .svg, .pretty.p-toggle .state.p-warning-o svg {
    color: #f0ad4e;
    stroke: #f0ad4e
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-warning-o label:after {
    background-color: #f0ad4e !important
}

.pretty.p-switch input:checked ~ .state.p-warning:before {
    border-color: #f0ad4e
}

.pretty.p-switch.p-fill input:checked ~ .state.p-warning:before {
    background-color: #f0ad4e !important
}

.pretty.p-switch.p-slim input:checked ~ .state.p-warning:before {
    border-color: #c77c11;
    background-color: #c77c11 !important
}

.pretty input:checked ~ .state.p-danger label:after, .pretty.p-toggle .state.p-danger label:after {
    background-color: #d9534f !important
}

.pretty input:checked ~ .state.p-danger .icon, .pretty input:checked ~ .state.p-danger .svg, .pretty.p-toggle .state.p-danger .icon, .pretty.p-toggle .state.p-danger .svg {
    color: #fff;
    stroke: #fff
}

.pretty input:checked ~ .state.p-danger-o label:before, .pretty.p-toggle .state.p-danger-o label:before {
    border-color: #d9534f
}

.pretty input:checked ~ .state.p-danger-o label:after, .pretty.p-toggle .state.p-danger-o label:after {
    background-color: transparent
}

.pretty input:checked ~ .state.p-danger-o .icon, .pretty input:checked ~ .state.p-danger-o .svg, .pretty input:checked ~ .state.p-danger-o svg, .pretty.p-toggle .state.p-danger-o .icon, .pretty.p-toggle .state.p-danger-o .svg, .pretty.p-toggle .state.p-danger-o svg {
    color: #d9534f;
    stroke: #d9534f
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-danger-o label:after {
    background-color: #d9534f !important
}

.pretty.p-switch input:checked ~ .state.p-danger:before {
    border-color: #d9534f
}

.pretty.p-switch.p-fill input:checked ~ .state.p-danger:before {
    background-color: #d9534f !important
}

.pretty.p-switch.p-slim input:checked ~ .state.p-danger:before {
    border-color: #a02622;
    background-color: #a02622 !important
}

.pretty.p-bigger .icon, .pretty.p-bigger .img, .pretty.p-bigger .svg, .pretty.p-bigger label:after, .pretty.p-bigger label:before {
    font-size: 1.2em !important;
    top: calc((0% - (100% - 1em)) - 35%) !important
}

.pretty.p-bigger label {
    text-indent: 1.7em
}

@media print {
    .pretty .state .icon, .pretty .state label:after, .pretty .state label:before, .pretty .state:before {
        color-adjust: exact;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact
    }
}

/* SHOP OVERRIDES
------------------------------------------*/
.add-to-cart-simple .quantity {
    visibility: hidden;
    height: 0;
    margin: 0;
    padding: 0;
}

.add-to-cart-simple p.stock {
    visibility: hidden;
    height: 0;
    margin: 0;
    padding: 0;
}

.gform_ajax_spinner {
    margin-top: 30px;
    max-width: 30px;
}

.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title {
    font-family: Genath;
    font-weight: normal !important;
    font-size: 28px !important;
}

.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
    margin: 0 0 0 5px !important;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
    padding: 16px !important;
}

.input-text.qty.text {
    margin-bottom: 30px;
}

.woocommerce div.product .product_title, h1 {
    font-weight: 300;
}

.woocommerce div.product form.cart .variations label {
    font-family: 'WhitneySC', sans-serif;
    font-weight: 500;
    text-transform: lowercase;
    letter-spacing: .07rem;
    font-size: 18px;
}

.gform_wrapper label.gfield_label {
    font-family: 'WhitneySC', sans-serif;
    font-weight: 500 !important;
    text-transform: lowercase;
    letter-spacing: .07rem;
    font-size: 18px;
}

.gform_wrapper select, .woocommerce select {
    border-radius: 0 !important;
    border: 1px solid var(--c_grey)!important;
    color: var(--c_grey);
    padding: 10px;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    display: block !important;
    background-color: var(--c_active)!important;
}

.woocommerce .actions button.button, .woocommerce .woocommerce-message button.button {
    border-color: var(--c_dark)!important;
}

.woocommerce .actions button.button:hover, .woocommerce .woocommerce-message button.button:hover {
    border-color: var(--c_active)!important;
}

.woocommerce a.button.strong {
    display: block;
    border-color: var(--c_active)!important;
    background-color: var(--c_active)!important;
    color: var(--c_white)!important;
}

.woocommerce nav#main.inverted ul li a.button:hover, .woocommerce a.button.strong:hover {
    border-color: var(--c_active)!important;
}

.woocommerce table.shop_table th {
    font-family: 'WhitneySC', sans-serif;
    font-weight: 500;
    text-transform: lowercase;
    letter-spacing: .07rem;
    font-size: 18px;
}

#sub-menu {
    text-align: right;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    padding: 10px;
}

.related.products {
    display: none;
}

.woocommerce #sidebar {
    display: none;
}

form.cart button.button {
    width: calc(100% - 15px) !important;
}

.woocommerce table.shop_table {
    border: none !important;
    background-color: #fff !important;
    border-radius: 0 !important;
}

.woocommerce table.shop_table td {
    padding: 12px 12px !important;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    font-size: 18px;
    border-radius: 0 !important;
    border: 1px solid var(--c_active);
    background-color: var(--c_white);
    padding: 12px 55px 16px 55px;
    text-decoration: none;
    color: var(--c_dark);
    font-family: 'WhitneySC', sans-serif;
    font-weight: 600;
    text-transform: lowercase;
    letter-spacing: .07rem;
    text-align: center;
    transition: all .1s ease-in-out;
    line-height: 18px;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    border: 1px solid var(--c_active);
    background-color: var(--c_white)!important;
    color: var(--c_active)!important;
}

woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: auto !important;
}

ul.payment_methods li {
    list-style-type: none !important;
}

.checkout label {
    width: 100% !important;
    float: none !important;
}

.wc_payment_method label img {
    float: right !important;
    width: 150px !important;
    height: auto !important;
}

.woocommerce label {
    width: auto !important;
    margin-right: 10px !important;
}

.woocommerce form .form-row textarea {
    border-color: #ddd;
    padding: 7px;
}

strong.product-quantity {
    font-family: Helvetica;
    font-size: .9em;
    font-weight: normal;
}

.woocommerce-checkout-review-order-table {
    font-size: .9em;
}

.checkout h3 {
    font-size: 28px;
}

.woocommerce-checkout-review-order {
    margin-top: 15px;
}

.woocommerce h2 {
    margin-bottom: 15px !important;
}

.select2-results .select2-result-label {
    font-size: .9em;
}

#calc_shipping_country_field select, #calc_shipping_country_field input[type="text"] {
    background-color: #efefef;
}

address {
    line-height: 1.4em;
}

.woocommerce-MyAccount-navigation {
    display: none !important;
}

.woocommerce-MyAccount-content {
    float: none !important;
    width: 100% !important;
}

.woocommerce a.remove {
    font-family: Helvetica !important;
    text-decoration: none !important;
    font-size: 1.2em !important;
    line-height: 1em !important;
}

#add-to-cart {
    padding-bottom: 30px;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: none !important;
    width: 100% !important;
}

#content .gform_fields {
    padding: 0 !important;
}

.gform_wrapper .left_label .gfield_description {
    margin: -30px 0 0 0 !important;
    width: auto !important;
}

.product_meta {
    display: none !important;
}

.woocommerce-tabs {
    display: none !important;
}

.woocommerce div.product form.cart .variations td.label {
    padding-right: 0 !important;
    width: 29% !important;
}

.left_label label {
    width: 29% !important;
    margin-right: 0 !important;
}

.consent-checkbox label {
    width: 75% !important;
}

.gform_wrapper select {
    padding: 0 0 0 10px;
    height: 32px !important;
    font-size: .9em !important;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
}

.gform_wrapper input {
    padding-left: 10px !important;
}

h2.gsection_title {
    border-top: 20px solid transparent !important;
}

.woocommerce-variation-add-to-cart .quantity {
    display: none !important;
}

.gform_wrapper.gf_browser_chrome select {
    padding: 2px 0 2px 10px !important;
}

.gform_wrapper .gform_footer input.button {
    background-image: none !important;
    padding: 6px 15px;
}

.floater {
    width: 50%;
    float: left;
}

body .gform_wrapper ul li.gfield {
    padding-bottom: 10px;
}

.gform_wrapper textarea {
    border: 0;
}

.gform_wrapper table.gfield_list thead th {
    font-weight: normal !important;
    font-size: .9em;
}

.gfield_list_cell input {
    margin-right: 7px !important;
}

.gform_wrapper .gfield_list, .gform_wrapper .gfield_list td.gfield_list_cell input {
    width: 95% !important;
}

.woocommerce td.product-name dl.variation dd, .woocommerce td.product-name dl.variation dt {
    float: none !important;
    margin-bottom: 0 !important;
}

dl.variation dt, dl.variation dd {
    display: none !important;
}

li.email-permission-checkbox {
    margin-top: -25px !important;
}

.form-move-up {
    margin-top: -25px !important;
}

dl.variation dd.variation-Nameofparticipant {
    display: block !important;
    z-index: 9999;
}

input#payment_method_authorize {
    display: block;
    float: left;
    margin-top: 10px !important;
}

.woocommerce-mini-cart__buttons a {
    margin-left: 8px;
}

@media (min-width: 768px) {
    #swipe {
        width: 300px !important;
    }

    .swiper-slide .oe-carousel-width {
        width: 100% !important;
    }
}

.viemo-button {
    width: 3%;
    z-index: 999999999999 !important;
    position: absolute !important;
    bottom: 151px;
    right: 16px;
}

.viemo-button button {
    font-size: 0;
    padding: 0;
    border: 1px solid #fff;
    color: #fff !important;
    font-weight: 600;
    cursor: pointer;
    background: transparent;
    width: 34px;
    height: 34px;
}

.viemo-button .fa-play, .viemo-button .fa-pause {
    font-size: 22px;
}

@media (min-width: 320px) and (max-width: 767px) {
    .viemo-button {
        width: 10%;
    }
}

.viemo-button-full-bleed-video {
    width: 34px;
    z-index: 9 !important;
    position: absolute !important;
    bottom: 0;
    clear: both;
    right: 16px;
}

@media (min-width: 320px) and (max-width: 767px) {
    .viemo-button-full-bleed-video {
        width: 10%;
    }

    .viemo-button-full-bleed-video-child {
        left: -75% !important;
    }

    #top-background-video-collage {
        top: -0.7% !important;
    }

    #oe-full-bleed {
        left: 12% !important;
    }

    #oe-full-bleed.cntrVbtn {
        bottom: 30px !important;
        left: auto !important;
        right: 0 !important;
    }
}

.hero-parent-vimeo-color .fa-play {
    background: #231f20 !important;
}

.hero-parent-vimeo-color .fa-pause {
    background: #231f20 !important;
}

.viemo-button-full-bleed-video-child {
    width: 34px;
    z-index: -1 !important;
    position: absolute !important;
    bottom: 0;
    left: 6%;
}

.controller-button .fa-pause {
    font-size: 17px;
    color: #fff;
    opacity: .8;
}

.controller-button .fa-play {
    font-size: 17px;
    color: #fff;
    opacity: .8;
}

.controller-button {
    color: #fff !important;
    font-weight: 600;
    cursor: pointer;
    width: 33px;
    height: 33px;
    background: none;
    border: 1px outset white;
}

#top-background-video-collage {
    top: 0;
}

#top-background-video-collage .fa-play {
    background: #231f20 !important;
}

#top-background-video-collage .fa-pause {
    background: #231f20 !important;
}

#oe-full-bleed {
    left: 3%;
}

#oe-full-bleed .fa-play {
    background: none !important;
    opacity: 0.8;
}

#oe-full-bleed .fa-pause {
    background: none !important;
    opacity: 0.8;
}

#full-video-button .fa-play {
    border: 0 !important;
}

#full-video-button .fa-pause {
    border: 0 !important;
}

#oe-full-bleed.cntrVbtn {
    left: auto;
    bottom: 30px;
    transform: translate(-50%, -50%);
    top: auto;
    right: 5.5%;
    width: auto;
}


#oe-full-bleed.cntrVbtn .fa-play,
#oe-full-bleed.cntrVbtn .fa-pause {
    border: none !important;
    opacity: 1;
}

#da-single-header.audio_breadcrumb_wrap .divider, .audio_timer_n_link {
    margin: 10px 0 0;
    padding: 0;
}

.play_pause_with_title {
    display: flex;
    align-items: center;
}

.play_pause {
    padding: 0px 25px 0 0;
    font-size: 28px;
}

.play_pause a, .podcast_sub a, .digital-agnes-entry-title .category .podcast_sub {
    color: #d60037;
    font-weight: 600;
}

.audio_info_wrapper .digital-agnes-entry-title {
    font-style: italic;
    line-height: 1.1;
}

.transcript {
    margin-left: 10px;
}

.intro_desc {
    font-family: 'Whitney', sans-serif;
    font-weight: 300;
    font-size: 24px;
}

/*.intro_desc *{
	font-family: 'Genath', serif !important;
	font-size: inherit !important;
	line-height: 32px !important;
}*/
.digital-agnes-entry-intro.intro_desc {
    font-family: 'Whitney', sans-serif;
    /*font-weight: 300;
    font-size: 24px;*/
    line-height: 30px;
}

.single-video .digital-agnes-entry-intro.intro_desc {
    font-family: 'Genath', serif;
    /*    font-family: Whitney, sans-serif;
    font-size: 18px;
    line-height: 24px;*/
}

.single-video .text-block.copy .boxed-container .text-block-section .col-sm-6 p {
    /*	font-family: 'Genath', serif;*/
    font-family: 'Whitney', sans-serif;
    font-size: 18px;
    line-height: 24px;
}

.single-audio .digital-agnes-entry-intro.intro_desc {
    font-family: 'Genath', serif;
    /*	font-size: 18px;
	line-height: 24px;*/
}

.single-audio .single_audio_play_btn .digital-agnes-entry-intro {
    font-family: Whitney, sans-serif;
}

.single-audio div#queens-university-bar {
    position: relative;
}

.single-audio nav#main.scrolled.always-active {
    position: relative;
}

.single-audio nav#main.scrolled.always-active.active {
    position: fixed;
}

.single-audio #external-bars {
    display: block;
}

.single-video div#queens-university-bar {
    position: relative;
}

.single-video nav#main.scrolled.always-active {
    position: relative;
}

.single-video nav#main.scrolled.always-active.active {
    position: fixed;
}

.single-audio .spacer.da {
    margin-top: 60px;
}

.single-video .spacer.da {
    margin-top: 60px;
}

.single-video #external-bars {
    display: block;
}

.audio_info_wrapper .divider {
    margin-top: 20px;
}

.related_tags, .need_help {
    margin-top: 15px;
}

.related_tags a {
    opacity: 0.6;
    text-decoration: underline;
}

.related_tags a:hover {
    opacity: 1;
}

.digital-agnes-entry-title .related_tags.link a {
    color: #231f20;
}

.related_tags span {
    float: none;
    margin-left: 0;
}

.page-template-page-audio {
    overflow-x: hidden;
}

.page-template-page-audio .swiper-container {
    overflow: hidden;
}

.page-template-page-audio #stage .da-swiper {
    position: relative;
}

.page-template-page-audio .swiper-button-next {
    right: 0px;
    top: calc(27% - 15px);
}

.page-template-page-audio .swiper-button-prev {
    top: calc(27% - 15px);
    left: 0px;
}

.recent_filter .filter-label a {
    text-decoration: none;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.5px;
    color: #757679;
    font-family: 'WhitneySC', sans-serif;
    text-transform: lowercase;
}

.clear_all_filters a {
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.5px;
    color: #757679;
    font-family: 'WhitneySC', sans-serif;
    text-transform: lowercase;
}

.page-template-page-audio #discover-more + .page-sub-title {
    font-family: 'WhitneySC', sans-serif !important;
    font-weight: 400;
    font-size: 32px;
    line-height: 38px;
}

.page-template-page-audio .swiper-slide .digital-agnes-entry-title {
    color: #231f20;
    padding-top: 20px !important;
}

.page-template-page-videos .swiper-slide .digital-agnes-entry-title {
    /*    padding-top: 20px !important;*/
}

.clear_all_filters {
    float: right;
    display: inline-block;
    margin: 0;
}

.audio_all_filter .button[type="submit"] {
    padding: 10px 40px;
    line-height: 1.2;
}

.audio_all_filter form {
    display: inline-block;
}

.page-template-page-audio #audio-list .audio + .category a, .page-template-page-search-result #audio-list .audio + .category a {
    color: #d60037;
}

@media (max-width: 1248px) {
    nav#mobile {
        height: 59px;
        background-color: rgb(255, 255, 255);
        box-shadow: rgb(35 31 32 / 17%) -1px 1px 5px 2px;
    }

    nav#mobile {
        height: 59px;
        background-color: #fff;
        box-shadow: -1px 1px 5px 2px rgba(35, 31, 32, 0.17);
    }

    nav#mobile .logo {
        max-width: 120px
    }

    nav#mobile .logo path {
        fill: #d60037;
    }

    nav#mobile .col-xs-5 .icon path {
        fill: #231f20;
    }

    nav#mobile.inverted .logo path {
        fill: #d60037;
    }

    nav#mobile.inverted .col-xs-5 .icon path {
        fill: #231f20;
    }

    #subnav.da li.subnav-trigger {
        margin: auto -20px;
        padding: 5px 20px 10px;
        background: #d60037;
    }

    #subnav.da li.activated a {
        color: #fff !important;
    }

    #subnav li.active a {
        color: #d60037 !important;
    }

    #subnav li.subnav-trigger svg {
        right: 20px;
    }

    #subnav.da {
        background: #ebebeb;
    }

    #subnav.da li a {
        color: #231f20;
    }

    #subnav li.fs18 {
        font-size: 16px;
    }

    #subnav ul {
        padding: 0px 0px 0px;
    }

    #subnav.da li a:hover {
        color: rgb(214, 0, 55);
    }

    #subnav.da li.activated a {
        line-height: normal;
        padding: 18.3px 0px;
    }

    #subnav.da li {
        position: relative;
    }

    #subnav.da li a span {
        right: 20px;
        position: absolute;
    }
}

@media (max-width: 767px) {
    .play_pause_with_title {
        display: block;
    }

    .play_pause {
        padding: 0px 25px 13px 0px;
    }

    .transcript .link, .related_tags, .need_help, .podcast_sub {
        border: 0;
    }

    .intro_desc {
        font-size: 18px;
    }

    select#content-type {
        padding: 0px 10px !important;
        background-position: right 10px center !important;
    }

    .page-template-page-digital-publications-exhibition #subnav-sticky-wrapper {
        margin-bottom: 20px;
    }

    .page-template-page-interactives #subnav-sticky-wrapper {
        margin-bottom: 20px;
    }

    .page-template-page-videos #subnav-sticky-wrapper {
        margin-bottom: 20px;
    }

    .page-template-page-videos #subnav-sticky-wrapper {
        margin-bottom: 20px;
    }

    .page-template-page-collection-highlights #subnav-sticky-wrapper {
        margin-bottom: 20px;
    }
}

/***New Css **/
.common_class_all .digital-agnes-entry-listing .category {
    font-weight: 600;
}

.single_video_quate {
    width: 97.5%;
}

.common_class_all .audio-listing.all .category {
    font-weight: 600;
}

.common_class_all .digital-agnes-entry-listing .podcast_sub {
    padding-bottom: 5px;
}

.common_sub_ttl {
    font-weight: 600;
}

#content_type_chosen a.chosen-single {
    border: none;
    background: transparent;
    box-shadow: none;
    line-height: 38px;
    height: auto;
    color: #757679;
    font-size: 18px;
    font-family: Whitney, sans-serif;
}

@media (min-width: 1024px) {
    /*.page-template-page-digital-agnes-new .da-swiper.all_page_swipper_common .swiper-container.swiper-container-initialized{
        width: calc(100% + 115px);
}*/
}

.chosen-container-single#content_type_chosen .chosen-search {
    display: none;
}

.page-template-page-digital-publications-exhibition .collection_highlight_sec {
    padding-bottom: 30px;
    margin-top: 3px;
}

.home_page_screen_imagetxt .digital-agnes-entry-title a:hover {
    color: #231f20;
}

@media (min-width: 1260px) {
    .chosen-select {
        display: none;
    }
}

.recent_videos_view {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0px;
    margin-bottom: 9px;
}

.recent_videos_view a {
    color: #231f20;
    text-decoration: none;
    font-weight: 600;
    text-transform: inherit;
    font-family: 'WhitneySC', sans-serif;
    letter-spacing: .5px;
    line-height: 21px;
    text-transform: lowercase;
}

.common_txt_discover h2 {
    font-family: 'Whitney', sans-serif !important;
    padding-bottom: 0px !important;
    color: #000000 !important;
    font-size: 38px !important;
    letter-spacing: 0.5px;
}

.common_txt_discover p {
    font-family: 'Genath';
    line-height: 32px;
    margin-bottom: 43px;
}

.home_page_screen_imagetxt .highlight-title span {
    font-style: normal;
    font-family: 'Genath', sans-serif;
    font-weight: 300;
}

.home_page_screen_imagetxt .digital-agnes-entry-intro {
    font-family: 'Genath', sans-serif;
    font-weight: 300;
}

.home_page_screen_imagetxt .digital-agnes-entry-title a {
    font-family: 'WhitneySC', sans-serif;
    font-weight: 600;
}

.home_page_screen_imagetxt .digital-agnes-entry-title .category a {
    font-family: 'WhitneySC', sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 21px;

}

.home_page_screen_imagetxt .digital-agnes-entry-title .category {
    margin-bottom: 10px;
}

.home_page_screen_imagetxt .digital-agnes-entry-title a.category {
    display: block;
    margin-bottom: 0px;
    letter-spacing: 0.5px;
    line-height: 21px;


}

.all_filter_commom .row.pt25.pb25 {
    padding-top: 23px !important;
}

.recent_video_title {
    font-family: 'WhitneySC', sans-serif !important;
    font-weight: 400;
    text-transform: inherit;
    font-size: 32px;
    letter-spacing: 1.53px;
    line-height: 24px;
    margin-bottom: 3px;
    text-transform: lowercase;
}

.recent_video_title.pb20 {
    padding-bottom: 0px !important;
}

.play-icon svg {
    height: 36px !important;
    width: 42px !important;
}

.digital-agnes-entry-title.video_agnes_title .transcript.link a {
    color: #231f20;
    font-weight: 500;
}

.video_agnes_title .video_title_sm a {
    color: #d60037;
}

.audio_timer_n_link .category .transcript {
    margin-left: 0px;
}

header .slide-text.da .digital-agnes-entry-title a:hover {
    text-decoration: none;
}

header .slide-text.da .digital-agnes-entry-title a span:hover {
    text-decoration: none;
}

header .digital-agnes-entry-title a, header .digital-agnes-entry-title .link a:hover {
    text-decoration: none;
}

header .digital-agnes-entry-title a span, header .digital-agnes-entry-title .link a:hover span {
    text-decoration: none !important;
}

.digital-agnes-entry-title .transcript.link {
    border: 0px;
}

.lds-css {
    color: #fff;
}

.digital-agnes-entry-title .link {
    border: 0px;
}

.digital-agnes-entry-title .transcript.link a {
    color: #231f20;
    font-weight: 500;
}

.digital-agnes-entry-title .transcript {
    margin-left: 0px !important;
}

.video_main_title {
    font-family: 'Genath';
    font-size: 28px;
    font-weight: 300;
}

.recent_video_subtitle {
    font-family: 'WhitneySC', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

.learn_more_discription a {
    font-family: 'WhitneySC', sans-serif;
    font-weight: 600;
}

a.learn_more_title {
    font-family: 'Genath' !important;
    font-weight: 300 !important;
    text-decoration: none !important;
    color: #231f20 !important;
}

.home_page_screen_imagetxt .digital-agnes-entry-title .highlight-title {

    display: block;
}

.home_page_screen_imagetxt .digital-agnes-entry-title .digital-agnes-entry-intro {
    margin: 0.5rem 0px 0.68rem 0px;
    padding-top: 0px !important;
    line-height: 32px;
}

.common_txt_discover .fs24 p {
    font-family: 'Genath', sans-serif;
    font-weight: 300;
    color: #231F20;
}

.home_page_video_title.video_agnes_title .video_title_sm a {
    color: #d60037;
    font-family: 'WhitneySC', sans-serif;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 21px;
    text-transform: inherit;
}

.digital-agnes-entry-title.video_agnes_title .transcript {
    margin-left: 0px;
}

.single_agnes_video_page .transcript {
    margin-left: 0px;
}

/*.single_video_quate .quote{margin: 0 0 0 auto;}*/
.video_all_filter form {
    display: inline-block;
}

.video_all_filter .filter-label a {
    text-decoration: none;
}

.video_page_swipper {
    position: relative;
}

.video_page_swipper .swiper-container {
    overflow: hidden;
}

.video_page_swipper .swiper-button-prev {
    top: calc(27% - 15px);
    left: -37px;
}

.video_page_swipper .swiper-button-next {
    top: calc(27% - 15px);
    right: -37px;
}

.digital-agnes-entry-intro blockquote {
    padding: 20px 0;
    font-size: 26px;
    line-height: 1.3;
    font-family: Genath;
    font-style: italic;
    color: #D60037;
    text-align: center;
}

.video_all_filter form .btn_search_video {
    display: inline-block;
    width: auto;
}

.video_length_transcript {
    display: flex;
    align-items: baseline;
    margin-bottom: 10px;
}

.video_length_transcript .video-length-show {
    margin-right: 20px;
    font-family: 'Whitney', serif;
}

.audio_timer_n_link {
    display: flex;
    align-items: baseline;
    margin-bottom: 10px;
}

.audio_timer_n_link span {
    margin-right: 20px;
    font-family: 'Whitney', serif;
}

.page-template-page-videos {
    overflow-x: hidden;
}

.page-template-page-search-result {
    overflow-x: hidden;
}

.page-template-page-interactives {
    overflow-x: hidden;
}

.video_all_filter .button[type="submit"] {
    padding: 10.4px 40px;
    line-height: 1.2;
    border-radius: 0;
}

.all_filter_commom form {
    display: inline-block;
}

.all_filter_commom form .btn_search_video {
    display: inline-block;
    width: auto;
}

.all_filter_commom .button[type="submit"] {
    padding: 10px 40px;
    line-height: 1;
    min-height: 42px;
    border-radius: 0px;
}

.all_filter_commom .filter-label a {
    text-decoration: none;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.5px;
    color: #757679;
    font-family: 'WhitneySC', sans-serif;
    text-transform: lowercase;
}

.all_filter_commom .filter-label a {
    text-decoration: none;
}

.all_page_swipper_common {
    position: relative;
}

.all_page_swipper_common .swiper-container {
    overflow: hidden;
}

.dummy_page_swipper {
    position: relative;
}

.dummy_page_swipper .swiper-container {
    overflow: hidden;
}

.all_page_swipper_common .swiper-button-prev {
    top: calc(27% - 15px);
    left: 0px;
}

.all_page_swipper_common .swiper-button-next {
    top: calc(27% - 15px);
    right: 0px;
}

.dummy_page_swipper .swiper-button-prev {
    top: calc(45% - 15px);
    left: 0px;
}

.dummy_page_swipper .swiper-button-next {
    top: calc(45% - 15px);
    right: 0px;
}

.video_all_filter form .filter-select select {
    font-size: 15px;
    letter-spacing: -0.2px;
    padding-left: 10px;
}

.video_all_filter form .filter-select select option {
    white-space: nowrap;
}

.all_filter_commom form .filter-select select {
    font-size: 15px;
    letter-spacing: -0.2px;
    padding-left: 10px;
}

.all_filter_commom form .filter-select select#content-type option {
    width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.split_screen_wrapper_interactive .hero-heading {
    padding: 0vw 0px 20vw 0vw;
    position: absolute;
    bottom: 48px;
    max-width: 490px;
}

.audio_all_filter .select {
    overflow: visible;
    min-height: 40px;
    height: auto;
}

.video_all_filter .select {
    overflow: visible;
    min-height: 40px;
    height: auto;
}

.all_filter_commom .select {
    overflow: visible;
    min-height: 42px;
    height: auto;
}

.all_filter_commom svg:not(:root).svg-inline--fa path {
}

.all_filter_commom svg:not(:root).svg-inline--fa {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: visible;
    background: url(../images/select-arrow.png) no-repeat;
    background-size: 20px;
    background-position: right 0px center;
    flex: 1;
    padding: 0 1em;
    color: #757679;
    cursor: pointer;

}

.audio_all_filter svg:not(:root).svg-inline--fa {
    overflow: visible;
    background: url(../images/select-arrow.png) no-repeat;
    background-size: 20px;
    background-position: right 0px center;
    flex: 1;
    padding: 0 1em;
    color: #757679;
    cursor: pointer;
}

.video_all_filter svg:not(:root).svg-inline--fa {
    overflow: visible;
    background: url(../images/select-arrow.png) no-repeat;
    background-size: 20px;
    background-position: right 0px center;
    flex: 1;
    padding: 0 1em;
    color: #757679;
    cursor: pointer;
}

.common_sub_title_clr .category {
    color: #d60037;
    font-weight: 600;
}


header .hero_block_content_clr .da.dark {
    color: #000;
}

header .hero_block_content_clr .da.light {
    color: #fff;
}

header .hero_block_content_clr .da.light .digital-agnes-entry-title a, header .digital-agnes-entry-title .link a,
.home_page_screen_imagetxt .da.light .digital-agnes-entry-title a, .home_page_screen_imagetxt .digital-agnes-entry-title .link a {
    color: #fff;
}

header .hero_block_content_clr .da.dark .digital-agnes-entry-title a, header .digital-agnes-entry-title .link a,
.home_page_screen_imagetxt .da.dark .digital-agnes-entry-title a, .home_page_screen_imagetxt .digital-agnes-entry-title .link a {
    color: #000;
}

header .hero_block_content_clr .da.light .digital-agnes-entry-intro {
    color: #fff;
}

header .hero_block_content_clr .da.dark .digital-agnes-entry-intro {
    color: #000;
}

.page-template-page-collection-highlights {
    overflow-x: hidden;
}

.page-template-page-digital-publications {
    overflow-x: hidden;
}

.page-template-page-online-exhibitions {
    overflow-x: hidden;
}

.common_sub_title_clr a {
    text-decoration: none;
    color: #231f20;
}

.collection_liteshow {
    align-items: center;
}

.collection_highlight_txt a {
    text-decoration: none;
    color: #231f20;
    border: 0px;
}

.collection_highlight_txt .category {
    color: #231f20;
}

.filtered-audio .digital-agnes-entry-listing .category {
    color: #d60037;
}

/***********Home Page video*********/
.home_page_video .home-slide-text.da.bg {
    background-color: rgba(35, 31, 32, 0.7);
}

.home_page_video .home-slide-text {
    position: absolute;
    z-index: 8;
    width: 100%;
    bottom: 0;
    left: 0;
    color: #fff;
    text-shadow: 0 5px 5px rgb(35 31 32 / 30%), 0px 8px 13px rgb(35 31 32 / 10%), 0px 2px 1px rgb(35 31 32 / 10%);
    top: 0;
}

.home_page_video .hero-heading {
    position: absolute;
    top: 42%;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home_page_video .hero-heading {
    position: absolute;
    top: 42%;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 548px;
    margin: 0px auto;
    text-align: center;
    transition: 1.0s all;
}

.homepage-bg-video-wrapper {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
    background-color: #231f20;
}

.homepage-bg-video-wrapper iframe {
    width: 100%;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.home-slide-text p {
    font-size: 46px;
    line-height: 54px;
    text-transform: initial;
    font-weight: 300;
    font-family: 'Genath';
}

.home-slide-text h1 {
    font-family: 'WhitneySC', sans-serif;
    font-size: 45px;
    letter-spacing: -0.10px;
    line-height: 38px;
}

.home-slide-text h1 span {
    font-weight: 900;
}

.home_page_video.video_effect_text .hero-heading {
    top: 28%;
    opacity: 0.5;
    transform: scale(0.8);
}

.home_page_video.video_effect_text.video_effect_text2 .hero-heading {
    top: 0;
    opacity: 0;
    transform: scale(0.5);
}

.single_video_quate .page-sections .text-block.copy {
    margin-bottom: 20px;
}

.single-video .related_tags {
    padding-bottom: 0px;
}

.single-video .related_tags .divider {
    margin-top: 20px;
}

.home_banner_txt {
    opacity: 0;
    transition: .8s all;
}

.home_page_video.video_effect_text .home_banner_txt {
    position: absolute;
    top: 60%;
    display: block;
    z-index: 222;
    opacity: 1;
    transform: scale(1);
}

.home_page_video.video_effect_text.video_effect_text2 .home_banner_txt {
    top: 48%;
    opacity: 1;
    transform: scale(1);
}

.home_page_video.video_effect_text.video_effect_text3 .home_banner_txt {
    top: 46%;
    /*transform: scale(0.6);*/
}

.home_page_video.video_effect_text .home_banner_txt.add_wdith {
    /*max-width: 800px;*/
}

/*********end home page video*********/

.home_page_video_title .recent_video_maintitle.link-nb {
    margin-top: 0px;
    margin-bottom: 3px;
}

/*********Home Page Section */
.left-screen-wrapper .image-screen {
    position: relative;
    background-size: cover;
    height: auto;
    background-position: center;
}

.left-screen-wrapper.home_page_screen_imagetxt .row.np {
    height: 88vh;
    overflow: hidden;
}

.discover_more_view {
    position: relative;
    margin-bottom: 2rem;
}

@media (min-width: 768px) {
    .discover_more_view {
        margin-bottom: 3.8rem;
    }
}

.discover_more_view img {
    min-height: 698px;
    height: auto;
    width: 100%;
    max-height: 698px;
}

.common_txt_discover {
    text-align: center;
}

.title_discover {
    text-transform: uppercase;
    margin-bottom: 20px;
}

.common_txt_discoverp {
    font-size: 14px;
    color: #000;
}

.discover_more_discription {
    position: absolute;
    bottom: 0px;
    background: #231F20;
    color: #fff;
    top: auto;
    padding: 30px 35px 36px 35px;
    width: 100%;
    display: block;
}

.discover_more_discription {
    font-size: 18px;
    font-family: 'Whitney';
}

.discover_more_discription a {
    color: #fff;
    text-decoration: none;
}

h4.dis_sub_title {
    font-size: 18px;
}

.discover_more_discription h4.dis_sub_title {
    line-height: 21px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding-bottom: 10px;
}

h3.dis_title {
    font-size: 28px;
    margin-bottom: 9px;
    line-height: 32px;
    padding-bottom: 0px;
    font-family: 'Genath';
    font-weight: 300;
}

.discover_more_discription p {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 0px;
}

.discover_more_discription .post_paragraph {
    line-height: 24px;
    font-size: 18px;
}

.common_txt_discover {
    width: 629px;
    margin: 0px auto;
    padding: 2.5rem 0px 1.45rem 0px;
}

.boxed-container:first-child .common_txt_discover {
    padding-top: 0.8rem;
}

.common_txt_discoverp {
    font-size: 14px;
    color: #231f20;
}

.learn_more_discription {
    position: relative;
    color: #231f20;
    padding: 20px 0px;

}

.learn_more_discription .transcript {
    margin-left: 0px;
    line-height: 21px;
    letter-spacing: 0.5px;
}

h4.learn_sub_title {
    font-size: 16px;
}

h3.learn_title {
    margin-bottom: 5px;
    padding-bottom: 0px;
    font-family: 'Genath';
    font-weight: 300;
}

.learn_more_view {
    margin-bottom: 10px;
}

.learn_more_discription p {
    margin-bottom: 0px;
    font-family: 'Whitney';
    line-height: 25px;
}

.learn_more_view .image_tag img {
    min-height: 407px;
    height: auto;
    width: 100%;
    max-height: 407px;
}

.single_video_homepage {
    position: relative;
    margin: 1.65rem 0px;
}

.home_page_screen_imagetxt {
    margin: 2rem 0px;
}

.single_video_home {
    position: absolute;
    bottom: 0px;
    background: #000;
    color: #fff;
    top: auto;
    padding: 20px 30px;
}

.single-agnes-entry-title.video_agnes_title .video_title_sm a {
    color: #fff;
    font-size: 18px;
    line-height: 21px;
    font-family: 'WhitneySC', sans-serif;
    font-weight: 300;
    letter-spacing: 0.5px;
}

.single-agnes-entry-title {
    position: relative;
    bottom: 0px;
    background: #231F20;
    z-index: 2;
    width: 100%;
    padding: 30px 30px 38px 30px;
    color: #fff;
}

.single-agnes-entry-title a {
    color: #fff;
}

.single-agnes-entry-title .digital-agnes-entry-intro {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
}

a.single_video_title_sec {
    font-size: 28px;
    text-decoration: none;
    line-height: 32px;
    font-weight: 300;
    /* font-family: 'Geneath'; */
    font-family: 'Genath', serif;
}

.single-agnes-entry-title a:hover {
    color: #fff;
}

.single-agnes-entry-title:hover {
    color: #fff;
}

.single-agnes-entry-title .link-nb {
    padding: 0 0 5px 0;
}

.down-indicator::after {
<!-- content: "\f061";
font-family: FontAwesome;
--> font-size: 2.48832rem;
    display: inline-block;
<!-- transform: rotate(90 deg);
--> border-radius: 50%;
}

.down-indicator {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    z-index: 999;
    padding: 0;
    bottom: 45px;
    top: auto;
    transition: 0.3s all;
    width: 50px;
}

.down-indicator .black-icon {
    display: none;
}

.video_effect_text .down-indicator .white-icon {
    display: none;
}

.video_effect_text .down-indicator .black-icon {
    display: block;
}

.home_page_video.video_effect_text a img {
    display: none !important;
}

.home_banner_txt {
    position: absolute;
    color: #000;
    top: 72%;
    padding: 20px 30px;
    margin: 0px auto;
    text-align: center;
    width: 1068px;
    left: 0px;
    right: 0px;
    /*transform: scale(0.5);*/
}

.home_banner_desc {
    box-shadow: inset 0px -453px 85px rgb(255 255 255);
}

.home_banner_desc img {
    position: relative;
    z-index: -2;
    width: 100%;
}

.home_banner_txt p {
    font-size: 46px;
    line-height: normal;
    text-shadow: none;
}

.skip_btn_now {
    position: absolute;
    bottom: 50px;
    font-size: 20px;
    text-transform: uppercase;
    right: 30px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    z-index: 22;
    cursor: pointer;
}

.skip_btn_now a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
    text-transform: inherit;
    font-family: 'WhitneySC', sans-serif;
    font-weight: 600;
    /** background: #d60037;
    padding: 2px 5px;**/
}

.home_banner_slides {
    padding: 0px;
}

.home_banner_padding {
    padding: 0px;
}

.newClass {
    position: fixed;
}

.single_video_show.col-md-12 {
    padding: 0px;
}

.single_video_show .row {
    margin: 0px;
}

.single_video_show .digital-agnes-entry-listing:hover .digital-agnes-entry-intro {
    color: #fff;
}

/*To add to code*/
/*To add to code END*/

.home_page_screen_imagetxt .text-screen {
    display: flex;
    align-items: center;
    justify-content: center;
}

.home_page_screen_imagetxt .slide-text {
    padding: 0px 9rem;
    padding: 1vw 10vw 1vw;
    padding: 20px 0px;
    max-width: 409px;

}

.home_page_screen_imagetxt .slide-text .box-container {
    padding: 0px;
}

.home_page_screen_imagetxt .highlight-title span {
    display: block;
}


.boxes_images {
    display: flex;
    justify-content: center;
    margin-bottom: 3rem;
    margin-top: 3rem;
}

.big_image_tags img {
    position: relative;
    max-width: 738px;
}

.image_tags {
    position: relative;
    margin-bottom: 11.7rem;
}

.image_tags2 {
    text-align: center;
    width: 100%;
    margin-bottom: 5rem;
}

.small_image_tags {
    position: absolute;
    right: -106px;
    top: 20%;
    z-index: 2;
    max-width: 518px;
}

.image_tags1 {
    width: 100%;
    margin: 0px auto;
    text-align: center;
    display: block;
    position: relative;
    margin-bottom: 2rem;
}

.big_image_tags1 img {
    max-width: 518px;
}

.image_tags1 .small_image_tags {
    display: inline-block;
    margin-left: 104px;
    margin-top: 0px;
    position: relative;
    right: 0px;
    bottom: 0px;
}

.image_tags1 .small_image_tags img {
    right: 0px;
    position: relative;
    bottom: 0px;
    max-width: 218px;
}

.boxes_images1 {
    display: block;
    margin-bottom: 4rem;
}

.big_image_tags {
    position: relative;
}

.boxes_images2 {
    margin-bottom: 5rem;
    text-align: center;
}

.big_image_tags1 {
    display: inline-block;
    position: relative;
    margin-top: 5rem;
    left: -100px;
}

.small_image_tags1 {
    display: inline-block;
    position: relative;
    margin-left: 42px;
    margin-bottom: -78px;
}

.small_image_tags1 img {
    max-width: 298px;
}

.big_image_tags2 img {
    max-width: 626px;
}

.show_image1 {
    text-align: center;
}

.show_image2 {
    text-align: center;
}

.icon_view_txt {
    cursor: pointer;
    position: absolute;
    bottom: 0px;
    top: auto;
    padding: 5px 10px;
    border: 1px solid #000;
    left: 0px;
    right: 0px;
    display: inline-block;
    text-align: center;
    z-index: 222222;
    width: 30px;
    background: #fff;
}

.slickbox_view {
    position: absolute;
    border: 0px;
    bottom: 0px;
    background: rgb(255, 255, 255);
    padding: 8px 8px 8px 36px;
    left: 36px;
    margin-bottom: 0px;
    width: 100%;
    font-size: 14px;
    margin-left: -36px;
    line-height: 20px;
    transition: background-color 0.2s ease-in-out;
    max-width: 456px;
    z-index: 0;
    text-align: left;
    font-family: 'Whitney', sans-serif;
}

.slickbox_view + .slickbox_view {
    max-width: 100%;
}

.icon_view_txt svg:not(:root).svg-inline--fa {
    color: #fff;
}

.icon_view_txt i {
    color: #000;
}

.icon_view_txt.active {
    background: #fff;
    width: 31px;
}

.image_txt_overlap.active .icon_view_txt svg:not(:root).svg-inline--fa {
    color: #000;
}

.image_txt_overlap.active i {
    color: #000;
}

.image_txt_overlap.active .icon_view_txt {
    border: 1px solid #fff;
}

.image_txt_overlap .slickbox_view {
    display: none;
}

.image_txt_overlap.active .slickbox_view {
    display: block;
}

.home_page_video.video_effect_text .home-slide-text.da.bg:before {
    background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 70%);
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    content: '';
    /* opacity: 0.6; */
}

.home_page_video.video_effect_text .home-slide-text.da.bg:after {
    background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 70%);
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    content: '';
    /* opacity: 0.6; */
}

.home_page_video.video_effect_text a {
    color: #000;
}

.home_page_video.video_effect_text .down-indicator down-arrow {
    display: none;
}

.image_txt_overlap {
    cursor: pointer;
    position: absolute;
    bottom: 0px;
    top: auto;
    padding: 5px 10px;
    background: transparent;
    left: 0px;
    right: 0px;
    display: block;
    width: 100%;
    text-align: center;
    z-index: 2;
}

.big_image_tags2 {
    position: relative;
    display: block;
    margin: 0px auto;
    max-width: 626px;
    margin-top: 7.2rem;
    text-align: center;
}

#back-to-top {
    z-index: 999;
}

.skip_btn_now.skip_btn {
    position: fixed;
}

.icon_view_txt.light {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
}

.icon_view_txt.light i {
    color: #fff;
}

.icon_view_txt.light-solid {
    background-color: #fff;
    color: #231f20;
}

.icon_view_txt.light-solid i {
    color: #231f20;
}

.icon_view_txt.dark {
    background: transparent;
    color: #fff;
    border: 1px solid #231f20;
}

.icon_view_txt.dark i {
    color: #fff;
}

.icon_view_txt.dark-solid {
    background-color: #231f20;
    color: #fff;
}

.icon_view_txt.dark-solid i {
    color: #fff;
}

/************END HOME PAGE SECTION **********/

.related_title {
    font-family: 'Whitney', sans-serif !important;
    font-weight: normal !important;
    font-size: 32px !important;
    padding-bottom: 0 !important;
}

.the_heading_new {
    font-size: 32px !important;
    line-height: 38px !important;
    font-family: 'WhitneySC', sans-serif !important;
    text-transform: lowercase !important;
    font-weight: 400 !important;
}


@media only screen and (max-width: 1440px) {
    .home_page_screen_imagetxt .slide-text {
        /* padding: 1vw 6vw 1vw; */
    }

    .home_page_video .hero-heading {
        max-width: 548px;
    }

    .down-indicator {
        bottom: 30px;
        width: 44px;
    }

    .home_page_video .hero-heading {
        top: 36%;
    }

    .home_page_video.video_effect_text .hero-heading {
        top: 18%;
    }

    .home_page_video.video_effect_text .home_banner_txt {
        top: 54%;
        opacity: 0.8;

    }

    .home_page_video.video_effect_text.video_effect_text2 .home_banner_txt {
        transform: scale(0.6);
    }

    .home_page_video.video_effect_text.video_effect_text3 .home_banner_txt {
        /*transform: scale(0.5);*/
    }

}

@media only screen and (min-width: 479.8px) and (max-width: 1199px) {
    .down-indicator {
        padding-top: 40px;
    }

    /*.home-slide-text p {
    font-size: 40px !important;
    line-height: 46px;
}*/
}

@media only screen and (max-width: 1199px) {
    .da-swiper .swiper-button-prev {
        top: calc(30% - 15px);
        left: 0px;
    }

    .da-swiper .swiper-button-next {
        top: calc(30% - 15px);
        right: 0px;
    }

    .video_page_swipper .swiper-button-prev {
        top: calc(30% - 15px);
        left: 0px;
    }

    .video_page_swipper .swiper-button-next {
        top: calc(30% - 15px);
        right: 0px;
    }

    .all_page_swipper_common .swiper-button-prev {
        top: calc(27% - 15px);
        left: 0px;
    }

    .all_page_swipper_common .swiper-button-next {
        top: calc(27% - 15px);
        right: 0px;
    }

    .dummy_page_swipper .swiper-button-prev {
        top: calc(45% - 15px);
        left: 0px;
    }

    .dummy_page_swipper .swiper-button-next {
        top: calc(45% - 15px);
        right: 0px;
    }

    .home_page_video .hero-heading {
        max-width: 548px;
    }

    .home_banner_txt {
        width: 100%;
    }

    .home_page_screen_imagetxt .slide-text {
        /* padding: 0px 2rem;*/
    }

    .learn_more_view .image_tag img {
        min-height: 350px;
    }

    .skip_btn_now {
        right: 0px;
    }
}


@media only screen and (max-width: 991px) {
    .home_page_video .hero-heading {
        max-width: 548px;
        top: 37%;
    }

    .home_page_video.video_effect_text .home_banner_txt {
        width: auto;
    }

    .small_image_tags img {
        right: 0px;
        bottom: -50px;
    }

    .discover_more_discription {
        position: relative;
        display: flex;
        min-height: 100%;
        flex-wrap: wrap;
    }

    .discover_more_discription h4.dis_sub_title {
        width: 100%;
        display: block;
    }

    .discover_more_view img {
        min-height: auto;
        height: 100%;
        width: 100%;
    }

    .learn_more_view .image_tag img {
        min-height: auto;
    }

    .small_image_tags {
        right: -54px;
    }

    .image_tags {
        margin-bottom: 3.7rem;
    }

    /*.home-slide-text p {
    font-size: 32px !important;
    line-height: 36px;
}*/
    .home_page_screen_imagetxt .slide-text {
        padding: 0px 1rem;
    }

    .home_banner_txt p {
        font-size: 44px;
    }

    .swiper-slide .video-wrapper, .video-wrapper.da {
        height: 100%;
        overflow: inherit;
    }

    .home_page_video.video_effect_text .home_banner_txt {
        top: 44%;
    }

    .discover_more_view {
        display: flex;
        flex-direction: column;
        background: #231f20;
        min-height: 92%;
    }
}

@media only screen and (max-width: 767px) {
    .split-screen-wrapper .image-screen {
        position: absolute;
        height: 52vh;
        z-index: 999;
        width: 100%;
    }

    .split-screen-wrapper .text-screen {
        z-index: 222;
    }

    .slickbox_view {
        max-width: 100%;
    }

    .split-screen-wrapper .digital-agnes-entry-title {
        position: initial;
        padding: 9vw 5vw;
    }

    .home_banner_desc {
        box-shadow: inset 0px -303px 85px rgb(255 255 255);
    }

    .image_tags1 .small_image_tags {
        margin-left: 0px;
        margin-top: 20px;
    }

    .small_image_tags img {
        right: 0px;
        bottom: 0px;
        left: 0px;
        transform: none;
    }

    .big_image_tags {
        position: relative;
    }

    .small_image_tags {
        position: relative;
        right: 0px;
        bottom: 0px;
        z-index: 2;
        max-width: 518px;
        margin: 0px auto;
        margin-top: 30px;
    }

    .boxes_images1 {
        margin-bottom: 3rem;
    }

    .common_txt_discover {
        width: auto;
    }

    .learn_more_view .image_tag img {
        min-height: auto;
    }

    .boxes_images2 {
        margin-bottom: 2rem;
        margin-top: 2rem;
    }

    .big_image_tags1 {
        display: block;
        position: relative;
        margin-top: 3rem;
        margin: 0px auto;
        max-width: 518px;
        position: relative;
        right: 0px;
        bottom: 0px;
        z-index: 2;
        margin-top: 30px;
        left: auto;
    }

    .small_image_tags1 {
        display: block;
        position: relative;
        margin: 2rem auto;
        text-align: center;
        max-width: 298px;
    }

    .big_image_tags2 {
        max-width: 626px;
        margin: 0px auto;
    }

    .home_page_screen_imagetxt .slide-text .digital-agnes-entry-title {
        padding: 75px 0px !important;
    }

    .home_page_screen_imagetxt .slide-text .mobile-pad-b {
        margin-bottom: 0px;
    }

    .left-screen-wrapper .image-screen {
        background-position: initial;
    }

    .left-screen-wrapper.home_page_screen_imagetxt .image-screen {
        background-position: center;
    }

    .home_page_video.video_effect_text.video_effect_text3 .home_banner_txt,
    .home_page_video.video_effect_text.video_effect_text2 .home_banner_txt,
    .home_page_video.video_effect_text.video_effect_text3 .home_banner_txt {
        transform: none;
        opacity: 1;
    }

    .left-screen-wrapper .image-screen {
        height: 65vh;
    }

    .left-screen-wrapper.home_page_screen_imagetxt .row.np {
        height: auto;
        overflow: inherit;
    }

    #subnav li.active:nth-child(3) {
        /**line-height: 25px;
    padding-bottom: 5px;**/
    }

    /*#subnav.da li.activated a {
    line-height: normal;
    padding: 13px 0px;
}*/
    #subnav li {
        padding-bottom: 5px;
    }

    #subnav {
        min-height: 60px;
        /*margin-top: -60px;*/
    }

    #discover-more + h2.fs32.page-sub-title.pb20.serif.fs28 {
        margin-bottom: 12px;
    }

    .swiper-slide .digital-agnes-entry-title {
        margin-bottom: 10px;
    }

    .all_page_swipper_common .swiper-container {
        margin-bottom: 0px;
    }

    .home_page_screen_imagetxt {
        margin-top: 1rem;
    }

    .home_page_video.video_effect_text.video_effect_text3 .home_banner_txt {
        top: 50%;
        opacity: 1;
    }

    .home_page_video.video_effect_text.video_effect_text2 .home_banner_txt {
        top: 50%;
    }
}

@media only screen and (min-width: 712px) {
    .split-screen-wrapper .image-screen {
        /*position: absolute;
    height: 66vh;*/
    }
}


@media only screen and (max-width: 575px) {
    .video_all_filter form .btn_search_video {
        display: block;
        width: 100%;
    }

    .all_filter_commom form .btn_search_video {
        display: block;
        width: 100%;
    }

    .da-swiper .swiper-button-prev {
        top: calc(30% - 15px);
        left: 0px;
    }

    .da-swiper .swiper-button-next {
        top: calc(30% - 15px);
        right: 0px;
    }

    .video_page_swipper .swiper-button-prev {
        top: calc(30% - 15px);
        left: 0px;
    }

    .video_page_swipper .swiper-button-next {
        top: calc(30% - 15px);
        right: 0px;
    }

    .left-screen-wrapper .image-screen {
        height: 65vh;
    }

    .all_page_swipper_common .swiper-button-prev {
        top: calc(27% - 15px);
        left: 0px;
    }

    .all_page_swipper_common .swiper-button-next {
        top: calc(27% - 15px);
        right: 0px;
    }

    .home_page_video .hero-heading {
        width: auto;
        padding: 0px 2rem;
    }

    .home_banner_desc {
        box-shadow: inset 0px -203px 85px rgb(255 255 255);
    }

    .boxes_images1 {
        margin-bottom: 0rem;
    }

    .recent_videos_view {
        /*display: block;*/
    }

    .recent_videos_view .recent_video_title {
        /*margin-bottom: 1rem;*/
    }

    .home_page_screen_imagetxt .slide-text {
        padding: 0px 0rem;
    }

    .recent_video_title {
        font-size: 30px;
        letter-spacing: 0.2px;
    }

    .home_page_screen_imagetxt .slide-text .digital-agnes-entry-title {
        padding: 95px 31px !important
    }

    .home-slide-text h1 {
        font-size: 35px;
        letter-spacing: 1px;
    }

    .home-slide-text p {
        font-size: 36px;
        line-height: 40px;
    }

    #oe-full-bleed.cntrVbtn {
        bottom: 58.5px !important;
    }

    .split_screen_wrapper_interactive .hero-heading {
        position: absolute;
        top: inherit;
        padding-left: 18px;
        bottom: 0%;
    }

    header .slide-text {
        bottom: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .discover_more_view {
        margin-bottom: 2rem;
    }

    .page-template-page-videos header .slide-text {
        bottom: 0px;
    }

    .home_page_screen_imagetxt .slide-text .digital-agnes-entry-title {
        padding: 95px 31px 35px !important;
    }

    .home_banner_txt p {
        font-size: 28px !important;
    }

    /*.down-indicator{top: 62%;}*/
    .single_video_show img {
        /*min-height: 350px;*/
        height: 100%;
        width: 100%;
    }

    .audio-player .player .time-details {
        display: block;
    }

    .audio-player .player .times {
        right: 10px;
    }

    .discover_more_view img {
        min-height: 100%;
        height: 100%;
        width: 100%;
    }

    .boxes_images {
        margin-top: 6rem;
    }

    .fs40 {
        font-size: 30px;
    }

    .left-screen-wrapper.home_page_screen_imagetxt .row.np {
        position: relative;
    }

    .home_page_screen_imagetxt .text-screen {
        background-color: inherit !important;
        /*background-image: linear-gradient(0deg, rgba(14, 44, 80,.95) 40%, rgba(14, 44, 80,.7) 50%, rgba(14, 44, 80,.1) 70%);*/
        display: flex;
        align-items: flex-end;
        justify-content: center;
        position: absolute;
        top: 0px;
        height: 100%;
        width: 100%;
        z-index: 2;
    }

    .mobile_bg_sh {
        justify-content: center;
        position: absolute;
        bottom: 0px;
        height: 100%;
        width: 100%;
        z-index: -1;
        opacity: 0.97;
    }

    .left-screen-wrapper.home_page_screen_imagetxt .image-screen {
        height: 100vh;
    }

    /*.home_page_screen_imagetxt .digital-agnes-entry-title .link a {
    color: #fff;
}
.home_page_screen_imagetxt .da.dark .digital-agnes-entry-title a {
    color: #fff;
}
.home_page_screen_imagetxt .digital-agnes-entry-title .digital-agnes-entry-intro {
    color: #fff;
}*/
    .boxed-container.no-mobile-pd {
        padding: 0px;
    }

    .discover_more_discription {
        position: relative;
    }

    .learn_more_discription h3.learn_title {
        font-size: 28px;
    }

    .digital-agnes-entry-title.video_agnes_title.fs28 {
        font-size: 26px;
    }

    .common_txt_discover p {
        font-size: 23px
    }

    .content-grid-listing-title {
        font-size: 28px;
    }

    .no-desktop footer .links {
        margin-top: 45px;
    }

    .no-desktop p.sc {
        margin-top: 10px;
    }

    .mobile_highlight_txt .digital-agnes-entry-intro.fs24 {
        font-size: 22px;
        line-height: 28px;
    }

    .list-archive .category {
        padding: 0 0 9px 0;
    }

    .link.video_title_sm.fs18 {
        border: none;
        padding-bottom: 0px;
        margin-bottom: 5px;
    }

    .page-template-page-audio .slide-text .slide-title.pb80 {
        padding-bottom: 8px !important;
    }

    header .slide-text.da.bg {
        background: transparent;
    }

    header .slide-text.da.bg .digital-agnes-entry-title {
        background-color: rgba(35, 31, 32, 1);
        margin: 0px -21px;
        padding: 0px 21px;
        padding-bottom: 12px;
    }

    #oe-full-bleed.cntrVbtn {
        bottom: 0 !important;
        transform: initial;
    }

    .common_txt_discover .fs24 p {
        line-height: normal;
    }

    .single-agnes-entry-title.video_agnes_title .video_title_sm a {
        font-weight: 600;
    }

    #discover-more + h2.fs32.page-sub-title.pb20.serif.fs28 {
        margin-bottom: 12px;
    }

    .swiper-slide .digital-agnes-entry-title {
        margin-bottom: 10px;
    }

    .swiper-container-initialized {
        margin-bottom: 25px;
    }

    .da-swiper.pt40 {
        padding-top: 30px !important;
    }

    .all_filter_commom .row.pt25.pb25 {
        padding-top: 17px !important;
    }

    .home_page_video.video_effect_text .home_banner_txt {
        top: 44%;
    }

    .home_banner_txt p {
        font-size: 31px !important;
    }

    .split-screen-wrapper .image-screen {
        height: 49vh;
        position: relative;
    }

    .split-screen-wrapper .digital-agnes-entry-title {
        position: initial;
        padding: 4vw 0vw;
        bottom: 0px;
    }

    .split-screen-wrapper .text-screen {
        position: relative;
    }

    header .slide-text.da {
        /*position: relative;
	bottom: 0px;*/
    }

    .page-template-page-digital-publications-exhibition header {
        height: auto;
    }

    .page-template-page-digital-publications-exhibition #subnav {
        margin-top: 0px;
        cursor: initial;
    }

    .sticky-wrapper.is-sticky #subnav {
        margin-top: -60px;
    }

    .page-template-page-digital-publications-exhibition .split_screen_wrapper_interactive {
        position: relative;
        z-index: 1;
        height: auto;
    }

    .split-screen-wrapper .text-screen .slide-text.da {
        position: relative;
        bottom: 0px;
    }

}

@media only screen and (max-width: 414.6px) {
    .mobile_highlight_txt .highlight-title .fs42 {
        font-size: 26px;
        line-height: 24px;
    }

    .discover_more_discription h3.dis_title {
        font-size: 28px;
    }

    .discover_more_discription .post_paragraph {
        line-height: 22px;
        font-size: 16px;
    }

    .common_txt_discover h2 {
        font-size: 32px !important;
    }

    .home_page_screen_imagetxt .slide-text {
        padding: 0px 1rem;
    }
}

@media only screen and (max-width: 360px) {
    .home-slide-text h1 {
        font-size: 26px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    .home-slide-text p {
        line-height: 36px;
    }

    .split-screen-wrapper .image-screen {

    }

    .common_txt_discover p {
        margin-bottom: 45px;
    }

    /*.mobile_highlight_txt .digital-agnes-entry-intro.fs24{
	font-size: 16px;
	line-height: 20px;	
}*/
    .banner_image_titile .hero-heading.fs36 {
        line-height: 30px;
    }

    .page-template-page-digital-publications-exhibition .banner_image_titile .hero-heading.fs36 {
        line-height: normal;
    }

    .split_screen_wrapper_interactive .banner_image_titile .hero-heading {
        bottom: 12%;
    }

    .common_txt_discover h2 {
        font-size: 28px !important;
    }

    #subnav.da li a span {
        right: 10px;
    }
}


/* For iPhone 4 Portrait or Landscape View */
@media (device-height: 480px) and (device-width: 320px)
and (-webkit-min-device-pixel-ratio: 2) {
    .split-screen-wrapper .image-screen {
        height: 30vh;
    }
}


#discover-more + h2.fs32.page-sub-title.pb20.serif.fs28 {
    font-size: 32px;
    line-height: 38px;
    font-family: 'Whitney', sans-serif !important;
    margin-bottom: 7px;
    margin-top: 3px;
}

.single-video .single_video_quate .boxed-container {
    padding: 0;
    max-width: 100%;
}

.single-interactive .single_video_quate .boxed-container {
    padding: 0;
    max-width: 100%;
}

.single_video_quate .page-sections .divider {
    display: none !important;
}


.single-video .single_video_quate .boxed-container .col-sm-6 {
    flex-basis: 100%;
    font-family: 'Whitney', sans-serif;
    line-height: 32px;
}

.single-video .single_video_quate .boxed-container .text-block-section .col-sm-6 p {
    font-family: 'Whitney', sans-serif;
    line-height: 1.3;
}

.text-block.copy .boxed-container .text-block-section .col-sm-6 p {
    font-family: 'Whitney', sans-serif;
    /*line-height: 30px;*/
}

.single-video .single_video_quate .boxed-container .col-sm-6.quote-gallery-right {
    font-family: 'Whitney', sans-serif;
    line-height: 23px;
}

.single-interactive .single_video_quate .boxed-container .col-sm-6 {
    flex-basis: 100%;
    max-width: 100%;
    padding-bottom: 0;
}

.single-video .single_video_quate .boxed-container .col-sm-6 p {
    padding-right: 0;
}

.page-sections .button-block .button-block {
    display: flex;
    justify-content: space-between;
}

.page-sections .button-block .button-block .button {
    margin: 0px 5px;
}

.rolleover_maxfull .swiper-slide.rollover-cards-intro {
    max-width: 420px;
    width: auto;
}

.rollover-cards .swiper-slide.rollover-cards-intro.swiper-slide-active {
    margin-left: calc(50% - 652px);
}

@media only screen and (max-width: 1366px) {
    .rollover-cards .swiper-slide.rollover-cards-intro.swiper-slide-active {
        margin-left: 0px;
    }
}

@media (min-width: 768px) {
    .single-online_exhibition .OE-carousel .swiper-container img {
        height: auto;
    }
}

@media (max-width: 575px) {
    .page-sections .button-block .button-block {
        flex-wrap: wrap;
    }

    .page-sections .button-block .button-block .button {
        margin: 10px 10px;
    }
}

.single-video .quote .quote-text {
    padding: 15px 3% 13px 3%;
}

@media only screen and (max-width: 767px) {
    #discover-more + h2.fs32.page-sub-title.pb20.serif.fs28 {
        margin-bottom: 10px;
    }

    .page-template-page-interactives .split-screen-wrapper .image-screen, .page-template-page-collection-highlights .split-screen-wrapper .image-screen, .page-template-page-digital-publications .split-screen-wrapper .image-screen, .page-template-page-online-exhibitions .split-screen-wrapper .image-screen {
        height: 57vh !important;
        position: relative;
    }

    .page-template-page-collection-highlights .split_screen_wrapper_interactive .hero-heading {
        bottom: 12% !important;
        padding: 0px;
        position: absolute;
        top: auto;
        left: 18px;
        padding-right: 10px;
    }

    .page-template-page-interactives .split-screen-wrapper .text-screen, .page-template-page-collection-highlights .split-screen-wrapper .text-screen, .page-template-page-digital-publications .split-screen-wrapper .text-screen, .page-template-page-online-exhibitions .split-screen-wrapper .text-screen {
        padding: 0px 0 0px !important;
    }
}

@media (max-width: 767px) {
    .single-video .col-sm-6 > .pr5 {
        padding-right: 0px;
    }

    .single-video .single_agnes_video_page .link {
        border: none;
    }

    .single-video .single_agnes_video_page {
        margin-bottom: 0;
    }


    .link.video_title_sm.fs18 {
        border: none;
        padding-bottom: 5px;
    }

    .single-video .single_agnes_video_page {
        margin-bottom: 0;
        font-size: 26px;
        line-height: 1.3;
    }

    .related_title, .the_heading_new, #discover-more + h2.fs32.page-sub-title.pb20.serif.fs28 {
        font-size: 30px !important;
        padding-bottom: 20px !important;
    }

    .digital-agnes-entry-title .link {
        padding: 0 0 5px 0;
        margin: 10px 0;
    }

    .digital-agnes-entry-intro blockquote {
        font-size: 18px;
    }

    .audio_info_wrapper .digital-agnes-entry-title {
        margin-bottom: 20px;
    }

    .all_filter_commom .select {
        margin-bottom: 10px
    }

    .recent_filter .select {
        margin-bottom: 10px
    }

    .page-template-page-interactives .split_screen_wrapper_interactive .hero-heading {
        top: auto;
        position: absolute;
        bottom: 12% !important;
        padding: 0 5vw 20vw 20px;
    }

    .split_screen_wrapper_interactive .hero-heading {
        position: absolute;
        top: inherit;
        padding-left: 0px;
        bottom: 12%;
    }

}

a.read_more_hidden {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
}

.page-parent .swiper-container div[aria-live="polite"] img {
    object-fit: cover;
    aspect-ratio: 1;
}


.home_page_video.video_effect_text .home_banner_txt.video_effect_text4 {
    position: fixed;
    /*	top: 375px !important;*/
}

#images_section .big_image_tags {
    margin-top: 500px;
}


.swiper-container .swiper-wrapper {
    height: 100% !important;
}

@media (min-width: 786px) {
    .home_page .home_banner_txt p {
        font-size: 32px;
    }
}

.home_page_video_title .link-nb {
    padding-top: 0px;
}

@media only screen and (max-width: 767px) {
    header .slide-text.da.bg .slide-title {
        position: relative;
        bottom: auto;
    }

    header .slide-text {
        bottom: 0px;
    }
}

@media only screen and (max-width: 575px) {
    header .slide-text {
        bottom: 0;
    }
}

img.banner-background-image, img.swiper-background-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

img.banner-background-image.up.left {
    object-position: 5% 5%;
}

img.banner-background-image.down.left {
    object-position: 5% 95%;
}

img.banner-background-image.center.left {
    object-position: 5% 50%;
}

img.banner-background-image.up.right {
    object-position: 95% 5%;
}

img.banner-background-image.down.right {
    object-position: 95% 95%;
}

img.banner-background-image.center.right {
    object-position: 95% 50%;
}

img.banner-background-image.up.centerh {
    object-position: 50% 5%;
}

img.banner-background-image.down.centerh {
    object-position: 50% 95%;
}

img.banner-background-image.center.centerh {
    object-position: 50% 50%;
}
/* ---- */
img.swiper-background-image.up.left {
    object-position: 12% 22%;
}

img.swiper-background-image.down.left {
    object-position: 12% 88%;
}

img.swiper-background-image.center.left {
    object-position: 12% 50%;
}

img.swiper-background-image.up.right {
    object-position: 88% 22%;
}

img.swiper-background-image.down.right {
    object-position: 88% 88%;
}

img.swiper-background-image.center.right {
    object-position: 88% 50%;
}

img.swiper-background-image.up.centerh {
    object-position: 50% 22%;
}

img.swiper-background-image.down.centerh {
    object-position: 50% 88%;
}

img.swiper-background-image.center.centerh {
    object-position: 50% 50%;
}

@media (min-width: 768px) {
    .split-screen-wrapper .background-media-caption {
        left: 8px !important;
    }
}

.sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

/* Janky Fix - remove Digital Agnes subnav on new Agnes building page */
body.page-id-132961 #subnav-sticky-wrapper {
    display: none;
}