/* Responsive Styles */

@media (max-width: 1920px) {}

@media (max-width: 1680px) {
    html {
        font-size: 12pt;
    }
}

@media (max-width: 1280px) {
    html {
        font-size: 12pt;
    }
}

@media (max-width: 1024px) {}

@media (max-width: 980px) {
    html {
        font-size: 10pt;
    }

    .container.style3.columns>.wrapper>.inner {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }

    .container.style3.columns>.wrapper>.inner>span {
        height: 0;
        margin-top: calc(var(--gutters) * -1);
        pointer-events: none;
        visibility: hidden;
    }

    .container.style3.columns>.wrapper>.inner>*:first-child {
        margin-left: 0 !important;
        padding-top: 0 !important;
    }

    .container.style3.columns>.wrapper>.inner>* {
        padding: calc(var(--gutters) * 0.5) 0 !important;
    }

    .container.style3.columns>.wrapper>.inner>*:last-child {
        padding-bottom: 0 !important;
    }

    .container.style3.columns>.wrapper>.inner>div>.full {
        margin-left: calc(var(--padding-horizontal) * -1);
        width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
    }

    .container.style3.columns>.wrapper>.inner>div:first-of-type>.full {
        margin-left: calc(var(--padding-horizontal) * -1);
        width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
    }

    .container.style3.columns>.wrapper>.inner>div:last-of-type>.full {
        margin-left: calc(var(--padding-horizontal) * -1);
        width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
    }

    .container.style3.columns>.wrapper>.inner>div>.full:first-child {
        margin-top: calc(var(--gutters) * -0.5) !important;
    }

    .container.style3.columns>.wrapper>.inner>div>.full:last-child {
        margin-bottom: calc(var(--gutters) * -0.5) !important;
    }

    .container.style3.columns>.wrapper>.inner>div:first-of-type>.full:first-child {
        margin-top: calc(var(--padding-vertical) * -1) !important;
    }

    .container.style3.columns>.wrapper>.inner>div:last-of-type>.full:last-child {
        margin-bottom: calc(var(--padding-vertical) * -1) !important;
    }

    .container.style3.columns>.wrapper>.inner>div:first-of-type,
    .container.style3.columns>.wrapper>.inner>div:first-of-type>.full:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
    }

    .container.style3.columns>.wrapper>.inner>div:last-of-type,
    .container.style3.columns>.wrapper>.inner>div:last-of-type>.full:last-child {
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit;
    }

    .container.style3.columns>.wrapper>.inner>div:first-of-type,
    .container.style3.columns>.wrapper>.inner>div:first-of-type>.full:last-child {
        border-bottom-left-radius: 0 !important;
    }

    .container.style3.columns>.wrapper>.inner>div:last-of-type,
    .container.style3.columns>.wrapper>.inner>div:last-of-type>.full:first-child {
        border-top-right-radius: 0 !important;
    }

    .container.style3.columns>.wrapper>.inner>.full>.full:first-child:last-child {
        height: auto;
    }

    .container.style3.columns>.wrapper>.inner>.full>.full:first-child:last-child>* {
        height: auto;
        position: relative;
        width: auto;
    }

    .container.style3.columns>.wrapper>.inner>.full>.full:first-child:last-child.image img {
        max-height: 35rem;
    }


    #container02>.wrapper>.inner> :nth-child(1) {
        min-height: 100% !important;
        width: 100% !important;
    }

    #container02>.wrapper>.inner> :nth-child(2) {
        min-height: 100% !important;
        width: 100% !important;
    }

    .container.style1.columns>.wrapper>.inner {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }

    .container.style1.columns>.wrapper>.inner>span {
        height: 0;
        margin-top: calc(var(--gutters) * -1);
        pointer-events: none;
        visibility: hidden;
    }

    .container.style1.columns>.wrapper>.inner>*:first-child {
        margin-left: 0 !important;
        padding-top: 0 !important;
    }

    .container.style1.columns>.wrapper>.inner>* {
        padding: calc(var(--gutters) * 0.5) 0 !important;
    }

    .container.style1.columns>.wrapper>.inner>*:last-child {
        padding-bottom: 0 !important;
    }

    .container.style1.columns>.wrapper>.inner>div>.full {
        margin-left: calc(var(--padding-horizontal) * -1);
        width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
    }

    .container.style1.columns>.wrapper>.inner>div:first-of-type>.full {
        margin-left: calc(var(--padding-horizontal) * -1);
        width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
    }

    .container.style1.columns>.wrapper>.inner>div:last-of-type>.full {
        margin-left: calc(var(--padding-horizontal) * -1);
        width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
    }

    .container.style1.columns>.wrapper>.inner>div>.full:first-child {
        margin-top: calc(var(--gutters) * -0.5) !important;
    }

    .container.style1.columns>.wrapper>.inner>div>.full:last-child {
        margin-bottom: calc(var(--gutters) * -0.5) !important;
    }

    .container.style1.columns>.wrapper>.inner>div:first-of-type>.full:first-child {
        margin-top: calc(var(--padding-vertical) * -1) !important;
    }

    .container.style1.columns>.wrapper>.inner>div:last-of-type>.full:last-child {
        margin-bottom: calc(var(--padding-vertical) * -1) !important;
    }

    .container.style1.columns>.wrapper>.inner>div:first-of-type,
    .container.style1.columns>.wrapper>.inner>div:first-of-type>.full:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
    }

    .container.style1.columns>.wrapper>.inner>div:last-of-type,
    .container.style1.columns>.wrapper>.inner>div:last-of-type>.full:last-child {
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit;
    }

    .container.style1.columns>.wrapper>.inner>div:first-of-type,
    .container.style1.columns>.wrapper>.inner>div:first-of-type>.full:last-child {
        border-bottom-left-radius: 0 !important;
    }

    .container.style1.columns>.wrapper>.inner>div:last-of-type,
    .container.style1.columns>.wrapper>.inner>div:last-of-type>.full:first-child {
        border-top-right-radius: 0 !important;
    }

    .container.style1.columns>.wrapper>.inner>.full>.full:first-child:last-child {
        height: auto;
    }

    .container.style1.columns>.wrapper>.inner>.full>.full:first-child:last-child>* {
        height: auto;
        position: relative;
        width: auto;
    }

    .container.style1.columns>.wrapper>.inner>.full>.full:first-child:last-child.image img {
        max-height: 35rem;
    }


    /* Layout: Image Left - Mobile responsive */
    .layout-image-left>.wrapper>.inner> :nth-child(1) {
        --alignment: left;
        --flex-alignment: flex-start;
        --indent-left: 1;
        --indent-right: 0;
        --margin-left: 0;
        --margin-right: auto;
        min-height: 100% !important;
        width: 100% !important;
    }

    .layout-image-left>.wrapper>.inner> :nth-child(2) {
        min-height: 100% !important;
        width: 100% !important;
    }

    /* Layout: Text Left - Mobile responsive */
    .layout-text-left>.wrapper>.inner> :nth-child(1) {
        min-height: 100% !important;
        width: 100% !important;
    }

    .layout-text-left>.wrapper>.inner> :nth-child(2) {
        min-height: 100% !important;
        width: 100% !important;
    }



}

@media (max-width: 736px) {
    html {
        font-size: 12pt;
    }

    #main>.inner {
        --padding-horizontal: 2rem;
        --padding-vertical: 5rem;
        --spacing: 2rem;
    }

    .image.style1 .frame {
        height: 25rem !important;
    }

    .image.style1 img {
        height: 100% !important;
        object-fit: cover;
        object-position: center;
        width: 100% !important;
    }

    .image.style2 .frame {
        height: 22.5rem !important;
    }

    .image.style2 img {
        height: 100% !important;
        object-fit: cover;
        object-position: center;
        width: 100% !important;
    }

    h1.style3,
    h2.style3,
    h3.style3,
    p.style3 {
        letter-spacing: 0rem;
        width: 100%;
        font-size: 1.75em;
        line-height: 1.25;
    }

    h1.style2,
    h2.style2,
    h3.style2,
    p.style2 {
        letter-spacing: 0rem;
        width: 100%;
        font-size: 1em;
        line-height: 2.25;
    }

    h1.style1,
    h2.style1,
    h3.style1,
    p.style1 {
        letter-spacing: 0rem;
        width: 100%;
        font-size: 3em;
        line-height: 1.125;
    }

    .buttons.style1 {
        gap: 1rem;
    }

    .buttons.style1:not(:first-child) {
        margin-top: 2.25rem !important;
    }

    .buttons.style1:not(:last-child) {
        margin-bottom: 2.25rem !important;
    }

    .buttons.style1 li a {
        letter-spacing: 0.125rem;
        padding-left: calc(0.125rem + 1.75rem);
        font-size: 0.75em;
    }

    .buttons.style1 li a svg {
        width: 1.40625em;
    }

    .container.style3:not(:first-child) {
        margin-top: 0rem !important;
    }

    .container.style3:not(:last-child) {
        margin-bottom: 0rem !important;
    }

    .container.style3>.wrapper>.inner {
        --gutters: calc(var(--padding-vertical) * 2);
    }

    .container.style3 {
        min-height: 20rem;
    }

    .container.style3.columns>.wrapper>.inner>* {
        padding: calc(var(--gutters) * 0.5) 0 !important;
    }

    .container.style3.columns>.wrapper>.inner>.full {
        min-height: calc(20rem - (var(--padding-vertical) * 2));
    }

    .container.style3.columns>.wrapper>.inner>.full>.full:first-child:last-child.image img {
        max-height: none;
    }


    .container.style1:not(:first-child) {
        margin-top: 0rem !important;
    }

    .container.style1:not(:last-child) {
        margin-bottom: 0rem !important;
    }

    .container.style1>.wrapper>.inner {
        --gutters: calc(var(--padding-vertical) * 2);
    }

    .container.style1.columns>.wrapper>.inner>* {
        padding: calc(var(--gutters) * 0.5) 0 !important;
    }

    .container.style1.columns>.wrapper>.inner>.full>.full:first-child:last-child.image img {
        max-height: none;
    }

}

@media (max-width: 480px) {
    #main>.inner {
        --spacing: 1.75rem;
    }

    .image.style1 .frame {
        height: 20rem !important;
    }

    .image.style2 .frame {
        height: 18rem !important;
    }
}

@media (max-width: 360px) {
    #main>.inner {
        --padding-horizontal: 1.5rem;
        --padding-vertical: 3.75rem;
        --spacing: 1.5rem;
    }

    .image.style1 .frame {
        height: 17.5rem !important;
    }

    .image.style2 .frame {
        height: 15.75rem !important;
    }

    h1.style3,
    h2.style3,
    h3.style3,
    p.style3 {
        font-size: 1.75em;
    }

    h1.style2,
    h2.style2,
    h3.style2,
    p.style2 {
        font-size: 1em;
    }

    h1.style1,
    h2.style1,
    h3.style1,
    p.style1 {
        font-size: 3em;
    }

    .buttons.style1 {
        gap: 0.75rem;
    }

    .container.style3>.wrapper>.inner {
        --gutters: calc(var(--padding-vertical) * 2);
    }

    .container.style3 {
        min-height: 15rem;
    }

    .container.style3.columns>.wrapper>.inner>.full {
        min-height: calc(15rem - (var(--padding-vertical) * 2));
    }

    .container.style1>.wrapper>.inner {
        --gutters: calc(var(--padding-vertical) * 2);
    }
}

/* NoScript Styles */
noscript body {
    overflow: auto !important;
}

noscript #main {
    opacity: 1.0 !important;
    transform: none !important;
    transition: none !important;
    filter: none !important;
}

noscript #main > .inner > * {
    opacity: 1.0 !important;
    transform: none !important;
    transition: none !important;
    filter: none !important;
}

noscript #main > .inner > section {
    opacity: 1.0 !important;
    transform: none !important;
    transition: none !important;
    filter: none !important;
}