img.wp-smiley, img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}

@font-face {
    font-display: block;
    font-style: normal;
    font-family: "regular";
    font-weight: 400;
    src: url("../fonts/fa-regular-400.woff2") format("woff2")
}

:root {
    --color-header-middle-bg: #000000;
    --color-header-middle-bg-grad: #000000;
    --color-header-middle-text: #ffffff;
    --color-header-middle-text-hover: #0fd2d9;
    --color-header-transparent-bg: transparent;
    --color-header-transparent-bg-grad: transparent;
    --color-header-transparent-text: #fff;
    --color-header-transparent-text-hover: #fff;
    --color-chrome-toolbar: #f2f4f7;
    --color-chrome-toolbar-grad: #f2f4f7;
    --color-header-top-bg: #f2f4f7;
    --color-header-top-bg-grad: #f2f4f7;
    --color-header-top-text: #727f9f;
    --color-header-top-text-hover: #646cfd;
    --color-header-top-transparent-bg: rgba(0,0,0,0.2);
    --color-header-top-transparent-bg-grad: rgba(0,0,0,0.2);
    --color-header-top-transparent-text: rgba(255,255,255,0.66);
    --color-header-top-transparent-text-hover: #fff;
    --color-content-bg: #ffffff;
    --color-content-bg-grad: #ffffff;
    --color-content-bg-alt: #f5f5f5;
    --color-content-bg-alt-grad: #f5f5f5;
    --color-content-border: #ededed;
    --color-content-heading: #0fd2d9;
    --color-content-heading-grad: #0fd2d9;
    --color-content-text: #000000;
    --color-content-link: #000000;
    --color-content-link-hover: #0fd2d9;
    --color-content-secondary: #d22127;
    --color-content-secondary-grad: #d22127;
    --color-content-primary: #0fd2d9;
    --color-content-primary-grad: #0fd2d9;
    --color-content-faded: rgba(222, 222, 222, 0.45);
    --color-content-overlay: rgba(15,19,31,0.80);
    --color-content-overlay-grad: rgba(15,19,31,0.80);
    --color-alt-content-bg: #f2f4f7;
    --color-alt-content-bg-grad: #f2f4f7;
    --color-alt-content-bg-alt: #fff;
    --color-alt-content-bg-alt-grad: #fff;
    --color-alt-content-border: #e3e7f0;
    --color-alt-content-heading: #0f131f;
    --color-alt-content-heading-grad: #0f131f;
    --color-alt-content-text: #35415b;
    --color-alt-content-link: #646cfd;
    --color-alt-content-link-hover: #35415b;
    --color-alt-content-primary: #646cfd;
    --color-alt-content-primary-grad: #646cfd;
    --color-alt-content-secondary: #35415b;
    --color-alt-content-secondary-grad: #35415b;
    --color-alt-content-faded: #727f9f;
    --color-alt-content-overlay: rgba(100,108,253,0.85);
    --color-alt-content-overlay-grad: rgba(100,108,253,0.85);
    --color-footer-bg: #0f131f;
    --color-footer-bg-grad: #0f131f;
    --color-footer-bg-alt: #1c2130;
    --color-footer-bg-alt-grad: #1c2130;
    --color-footer-border: #2b3242;
    --color-footer-heading: #fff;
    --color-footer-heading-grad: #fff;
    --color-footer-text: #8d9096;
    --color-footer-link: #646cfd;
    --color-footer-link-hover: #fff;
    --color-subfooter-bg: #35415b;
    --color-subfooter-bg-grad: #35415b;
    --color-subfooter-bg-alt: #2b3242;
    --color-subfooter-bg-alt-grad: #2b3242;
    --color-subfooter-border: #727f9f;
    --color-subfooter-heading: #e3e7f0;
    --color-subfooter-heading-grad: #e3e7f0;
    --color-subfooter-text: #9ba5bf;
    --color-subfooter-link: #e3e7f0;
    --color-subfooter-link-hover: #fff;
    --color-content-primary-faded: rgba(210,33,39,0.15);
    --box-shadow: 0 5px 15px rgba(0,0,0,.15);
    --box-shadow-up: 0 -5px 15px rgba(0,0,0,.15);
    --site-canvas-width: 1300px;
    --site-content-width: 1140px;
    --text-block-margin-bottom: 0rem;
    --inputs-font-size: 1rem;
    --inputs-height: 2.8rem;
    --inputs-padding: 0.8rem;
    --inputs-border-width: 0px;
    --inputs-text-color: var(--color-content-text)
}

:root {
    --font-family: regular,serif;
    --font-size: 16px;
    --line-height: 28px;
    --font-weight: 400;
    --bold-font-weight: 700;
    --text-transform: none;
    --font-style: normal;
    --letter-spacing: 0em;
    --h1-font-family: regular;
    --h1-font-size: calc(32px + 2vw);
    --h1-line-height: 1.2;
    --h1-font-weight: 400;
    --h1-bold-font-weight: 700;
    --h1-text-transform: none;
    --h1-font-style: normal;
    --h1-letter-spacing: 0em;
    --h1-margin-bottom: 1.5rem;
    --h2-font-family: var(--h1-font-family);
    --h2-font-size: calc(22px + 1.3vw);
    --h2-line-height: 1.2;
    --h2-font-weight: var(--h1-font-weight);
    --h2-bold-font-weight: var(--h1-bold-font-weight);
    --h2-text-transform: var(--h1-text-transform);
    --h2-font-style: var(--h1-font-style);
    --h2-letter-spacing: 0em;
    --h2-margin-bottom: 1.5rem;
    --h3-font-family: var(--h1-font-family);
    --h3-font-size: calc(19px + 1vw);
    --h3-line-height: 1.2;
    --h3-font-weight: var(--h1-font-weight);
    --h3-bold-font-weight: var(--h1-bold-font-weight);
    --h3-text-transform: var(--h1-text-transform);
    --h3-font-style: var(--h1-font-style);
    --h3-letter-spacing: 0em;
    --h3-margin-bottom: 1.5rem;
    --h4-font-family: var(--h1-font-family);
    --h4-font-size: calc(17px + 0.9vw);
    --h4-line-height: 1.2;
    --h4-font-weight: var(--h1-font-weight);
    --h4-bold-font-weight: var(--h1-bold-font-weight);
    --h4-text-transform: var(--h1-text-transform);
    --h4-font-style: var(--h1-font-style);
    --h4-letter-spacing: 0em;
    --h4-margin-bottom: 1.5rem;
    --h5-font-family: var(--h1-font-family);
    --h5-font-size: calc(16px + 0.8vw);
    --h5-line-height: 1.2;
    --h5-font-weight: var(--h1-font-weight);
    --h5-bold-font-weight: var(--h1-bold-font-weight);
    --h5-text-transform: var(--h1-text-transform);
    --h5-font-style: var(--h1-font-style);
    --h5-letter-spacing: 0em;
    --h5-margin-bottom: 1.5rem;
    --h6-font-family: var(--h1-font-family);
    --h6-font-size: calc(15px + 0.8vw);
    --h6-line-height: 1.2;
    --h6-font-weight: var(--h1-font-weight);
    --h6-bold-font-weight: var(--h1-bold-font-weight);
    --h6-text-transform: var(--h1-text-transform);
    --h6-font-style: var(--h1-font-style);
    --h6-letter-spacing: 0em;
    --h6-margin-bottom: 1.5rem
}

h1:not(#editor.h1)  {
    font-family: var(--h1-font-family,inherit);
    font-weight: var(--h1-font-weight,inherit);
    font-size: var(--h1-font-size,inherit);
    font-style: var(--h1-font-style,inherit);
    line-height: var(--h1-line-height,1.4);
    letter-spacing: var(--h1-letter-spacing,inherit);
    text-transform: var(--h1-text-transform,inherit);
    margin-bottom: var(--h1-margin-bottom,1.5rem)
}

h1>strong {
    font-weight: var(--h1-bold-font-weight,bold)
}

h2:not(#editor) {
    font-family: var(--h2-font-family,inherit);
    font-weight: var(--h2-font-weight,inherit);
    font-size: var(--h2-font-size,inherit);
    font-style: var(--h2-font-style,inherit);
    line-height: var(--h2-line-height,1.4);
    letter-spacing: var(--h2-letter-spacing,inherit);
    text-transform: var(--h2-text-transform,inherit);
    margin-bottom: var(--h2-margin-bottom,1.5rem)
}

h2>strong {
    font-weight: var(--h2-bold-font-weight,bold)
}

h3 {
    font-family: var(--h3-font-family,inherit);
    font-weight: var(--h3-font-weight,inherit);
    font-size: var(--h3-font-size,inherit);
    font-style: var(--h3-font-style,inherit);
    line-height: var(--h3-line-height,1.4);
    letter-spacing: var(--h3-letter-spacing,inherit);
    text-transform: var(--h3-text-transform,inherit);
    margin-bottom: var(--h3-margin-bottom,1.5rem)
}

h3>strong {
    font-weight: var(--h3-bold-font-weight,bold)
}

h4 {
    font-family: var(--h4-font-family,inherit);
    font-weight: var(--h4-font-weight,inherit);
    font-size: var(--h4-font-size,inherit);
    font-style: var(--h4-font-style,inherit);
    line-height: var(--h4-line-height,1.4);
    letter-spacing: var(--h4-letter-spacing,inherit);
    text-transform: var(--h4-text-transform,inherit);
    margin-bottom: var(--h4-margin-bottom,1.5rem)
}

h4>strong {
    font-weight: var(--h4-bold-font-weight,bold)
}

h5 {
    font-family: var(--h5-font-family,inherit);
    font-weight: var(--h5-font-weight,inherit);
    font-size: var(--h5-font-size,inherit);
    font-style: var(--h5-font-style,inherit);
    line-height: var(--h5-line-height,1.4);
    letter-spacing: var(--h5-letter-spacing,inherit);
    text-transform: var(--h5-text-transform,inherit);
    margin-bottom: var(--h5-margin-bottom,1.5rem)
}

h5>strong {
    font-weight: var(--h5-bold-font-weight,bold)
}

h6 {
    font-family: var(--h6-font-family,inherit);
    font-weight: var(--h6-font-weight,inherit);
    font-size: var(--h6-font-size,inherit);
    font-style: var(--h6-font-style,inherit);
    line-height: var(--h6-line-height,1.4);
    letter-spacing: var(--h6-letter-spacing,inherit);
    text-transform: var(--h6-text-transform,inherit);
    margin-bottom: var(--h6-margin-bottom,1.5rem)
}

h6>strong {
    font-weight: var(--h6-bold-font-weight,bold)
}

body, html {
    background: var(--color-content-bg-grad);
    /*min-height: 100%;*/
    height: 100%;
    margin:0;
    /*font-family: regular, serif;*/
    /*padding:0;*/
}
.wrapper {
    display: flex;
    height: 100%;
    flex-direction: column;
    -ms-flex-direction: column;
    /*background:var(--color-content-bg-grad);*/
}
.content{
    flex: 1;
}
footer{
    position: relative;
    width: 100%;
}
#francineImg{
    margin-left:40%;
    max-width: 55%;
}
@media (max-width: 1220px) {
    .l-main .aligncenter {
        max-width:calc(100vw - 5rem)
    }
}

@media (min-width: 1381px) {
    body.usb_preview .hide_on_default {
        opacity:0.25!important
    }

    .vc_hidden-lg,body:not(.usb_preview) .hide_on_default {
        display: none!important
    }

    .default_align_left {
        text-align: left;
        justify-content: flex-start
    }

    .default_align_right {
        text-align: right;
        justify-content: flex-end
    }

    .default_align_center {
        text-align: center;
        justify-content: center
    }

    .w-hwrapper.default_align_center>* {
        margin-left: calc( var(--hwrapper-gap,1.2rem) / 2 );
        margin-right: calc( var(--hwrapper-gap,1.2rem) / 2 )
    }

    .default_align_justify {
        justify-content: space-between
    }

    .w-hwrapper>.default_align_justify,.default_align_justify>.w-btn {
        width: 100%
    }
}

@media (min-width: 1025px) and (max-width:1380px) {
    body.usb_preview .hide_on_laptops {
        opacity:0.25!important
    }

    .vc_hidden-md,body:not(.usb_preview) .hide_on_laptops {
        display: none!important
    }

    .laptops_align_left {
        text-align: left;
        justify-content: flex-start
    }

    .laptops_align_right {
        text-align: right;
        justify-content: flex-end
    }

    .laptops_align_center {
        text-align: center;
        justify-content: center
    }

    .w-hwrapper.laptops_align_center>* {
        margin-left: calc( var(--hwrapper-gap,1.2rem) / 2 );
        margin-right: calc( var(--hwrapper-gap,1.2rem) / 2 )
    }

    .laptops_align_justify {
        justify-content: space-between
    }

    .w-hwrapper>.laptops_align_justify,.laptops_align_justify>.w-btn {
        width: 100%
    }

    .g-cols.via_grid[style*="--laptops-gap"] {
        grid-gap: var(--laptops-gap,3rem)
    }
}

@media (min-width: 601px) and (max-width:1024px) {
    body.usb_preview .hide_on_tablets {
        opacity:0.25!important
    }

    .vc_hidden-sm,body:not(.usb_preview) .hide_on_tablets {
        display: none!important
    }

    .tablets_align_left {
        text-align: left;
        justify-content: flex-start
    }

    .tablets_align_right {
        text-align: right;
        justify-content: flex-end
    }

    .tablets_align_center {
        text-align: center;
        justify-content: center
    }

    .w-hwrapper.tablets_align_center>* {
        margin-left: calc( var(--hwrapper-gap,1.2rem) / 2 );
        margin-right: calc( var(--hwrapper-gap,1.2rem) / 2 )
    }

    .tablets_align_justify {
        justify-content: space-between
    }

    .w-hwrapper>.tablets_align_justify,.tablets_align_justify>.w-btn {
        width: 100%
    }

    .g-cols.via_grid[style*="--tablets-gap"] {
        grid-gap: var(--tablets-gap,3rem)
    }
    #francineImg{
        margin-left:0;
        max-width:85%;
    }
}

@media (max-width: 600px) {
    body.usb_preview .hide_on_mobiles {
        opacity:0.25!important
    }

    .vc_hidden-xs,body:not(.usb_preview) .hide_on_mobiles {
        display: none!important
    }

    .mobiles_align_left {
        text-align: left;
        justify-content: flex-start
    }

    .mobiles_align_right {
        text-align: right;
        justify-content: flex-end
    }

    .mobiles_align_center {
        text-align: center;
        justify-content: center
    }

    .w-hwrapper.mobiles_align_center>* {
        margin-left: calc( var(--hwrapper-gap,1.2rem) / 2 );
        margin-right: calc( var(--hwrapper-gap,1.2rem) / 2 )
    }

    .mobiles_align_justify {
        justify-content: space-between
    }

    .w-hwrapper>.mobiles_align_justify,.mobiles_align_justify>.w-btn {
        width: 100%
    }

    .w-hwrapper.stack_on_mobiles {
        display: block
    }

    .w-hwrapper.stack_on_mobiles>* {
        display: block;
        margin: 0 0 var(--hwrapper-gap,1.2rem)
    }

    .w-hwrapper.stack_on_mobiles>:last-child {
        margin-bottom: 0
    }

    .g-cols.via_grid[style*="--mobiles-gap"] {
        grid-gap: var(--mobiles-gap,1.5rem)
    }
    #francineImg{
        margin-left:10%;
    }
}

@media (max-width: 1380px) {
    .g-cols.laptops-cols_1 {
        grid-template-columns:100%
    }

    .g-cols.laptops-cols_1.reversed>div:last-of-type {
        order: -1
    }

    .g-cols.laptops-cols_2 {
        grid-template-columns: repeat(2,1fr)
    }

    .g-cols.laptops-cols_3 {
        grid-template-columns: repeat(3,1fr)
    }

    .g-cols.laptops-cols_4 {
        grid-template-columns: repeat(4,1fr)
    }

    .g-cols.laptops-cols_5 {
        grid-template-columns: repeat(5,1fr)
    }

    .g-cols.laptops-cols_6 {
        grid-template-columns: repeat(6,1fr)
    }

    .g-cols.laptops-cols_1-2 {
        grid-template-columns: 1fr 2fr
    }

    .g-cols.laptops-cols_2-1 {
        grid-template-columns: 2fr 1fr
    }

    .g-cols.laptops-cols_2-3 {
        grid-template-columns: 2fr 3fr
    }

    .g-cols.laptops-cols_3-2 {
        grid-template-columns: 3fr 2fr
    }

    .g-cols.laptops-cols_1-3 {
        grid-template-columns: 1fr 3fr
    }

    .g-cols.laptops-cols_3-1 {
        grid-template-columns: 3fr 1fr
    }

    .g-cols.laptops-cols_1-4 {
        grid-template-columns: 1fr 4fr
    }

    .g-cols.laptops-cols_4-1 {
        grid-template-columns: 4fr 1fr
    }

    .g-cols.laptops-cols_1-5 {
        grid-template-columns: 1fr 5fr
    }

    .g-cols.laptops-cols_5-1 {
        grid-template-columns: 5fr 1fr
    }

    .g-cols.laptops-cols_1-2-1 {
        grid-template-columns: 1fr 2fr 1fr
    }

    .g-cols.laptops-cols_1-3-1 {
        grid-template-columns: 1fr 3fr 1fr
    }

    .g-cols.laptops-cols_1-4-1 {
        grid-template-columns: 1fr 4fr 1fr
    }
}

@media (max-width: 1024px) {
    .g-cols.tablets-cols_1 {
        grid-template-columns:100%
    }

    .g-cols.tablets-cols_1.reversed>div:last-of-type {
        order: -1
    }

    .g-cols.tablets-cols_2 {
        grid-template-columns: repeat(2,1fr)
    }

    .g-cols.tablets-cols_3 {
        grid-template-columns: repeat(3,1fr)
    }

    .g-cols.tablets-cols_4 {
        grid-template-columns: repeat(4,1fr)
    }

    .g-cols.tablets-cols_5 {
        grid-template-columns: repeat(5,1fr)
    }

    .g-cols.tablets-cols_6 {
        grid-template-columns: repeat(6,1fr)
    }

    .g-cols.tablets-cols_1-2 {
        grid-template-columns: 1fr 2fr
    }

    .g-cols.tablets-cols_2-1 {
        grid-template-columns: 2fr 1fr
    }

    .g-cols.tablets-cols_2-3 {
        grid-template-columns: 2fr 3fr
    }

    .g-cols.tablets-cols_3-2 {
        grid-template-columns: 3fr 2fr
    }

    .g-cols.tablets-cols_1-3 {
        grid-template-columns: 1fr 3fr
    }

    .g-cols.tablets-cols_3-1 {
        grid-template-columns: 3fr 1fr
    }

    .g-cols.tablets-cols_1-4 {
        grid-template-columns: 1fr 4fr
    }

    .g-cols.tablets-cols_4-1 {
        grid-template-columns: 4fr 1fr
    }

    .g-cols.tablets-cols_1-5 {
        grid-template-columns: 1fr 5fr
    }

    .g-cols.tablets-cols_5-1 {
        grid-template-columns: 5fr 1fr
    }

    .g-cols.tablets-cols_1-2-1 {
        grid-template-columns: 1fr 2fr 1fr
    }

    .g-cols.tablets-cols_1-3-1 {
        grid-template-columns: 1fr 3fr 1fr
    }

    .g-cols.tablets-cols_1-4-1 {
        grid-template-columns: 1fr 4fr 1fr
    }
    .l-sidebar,.l-section.height_medium {
        padding-top:2.5rem;
        padding-bottom: 2.5rem
    }

    .l-section.height_large {
        padding-top: 6vmax;
        padding-bottom: 6vmax
    }

    .l-section.height_huge {
        padding-top: 9vmax;
        padding-bottom: 9vmax
    }
}

@media (max-width: 600px) {
    .g-cols.mobiles-cols_1 {
        grid-template-columns:100%
    }

    .g-cols.mobiles-cols_1.reversed>div:last-of-type {
        order: -1
    }

    .g-cols.mobiles-cols_2 {
        grid-template-columns: repeat(2,1fr)
    }

    .g-cols.mobiles-cols_3 {
        grid-template-columns: repeat(3,1fr)
    }

    .g-cols.mobiles-cols_4 {
        grid-template-columns: repeat(4,1fr)
    }

    .g-cols.mobiles-cols_5 {
        grid-template-columns: repeat(5,1fr)
    }

    .g-cols.mobiles-cols_6 {
        grid-template-columns: repeat(6,1fr)
    }

    .g-cols.mobiles-cols_1-2 {
        grid-template-columns: 1fr 2fr
    }

    .g-cols.mobiles-cols_2-1 {
        grid-template-columns: 2fr 1fr
    }

    .g-cols.mobiles-cols_2-3 {
        grid-template-columns: 2fr 3fr
    }

    .g-cols.mobiles-cols_3-2 {
        grid-template-columns: 3fr 2fr
    }

    .g-cols.mobiles-cols_1-3 {
        grid-template-columns: 1fr 3fr
    }

    .g-cols.mobiles-cols_3-1 {
        grid-template-columns: 3fr 1fr
    }

    .g-cols.mobiles-cols_1-4 {
        grid-template-columns: 1fr 4fr
    }

    .g-cols.mobiles-cols_4-1 {
        grid-template-columns: 4fr 1fr
    }

    .g-cols.mobiles-cols_1-5 {
        grid-template-columns: 1fr 5fr
    }

    .g-cols.mobiles-cols_5-1 {
        grid-template-columns: 5fr 1fr
    }

    .g-cols.mobiles-cols_1-2-1 {
        grid-template-columns: 1fr 2fr 1fr
    }

    .g-cols.mobiles-cols_1-3-1 {
        grid-template-columns: 1fr 3fr 1fr
    }

    .g-cols.mobiles-cols_1-4-1 {
        grid-template-columns: 1fr 4fr 1fr
    }

    .g-cols:not([style*="--gap"]) {
        grid-gap: 1.5rem
    }
}

@media (max-width: 599px) {
    .l-canvas {
        overflow:hidden;
        height: -moz-calc(100% - 100px); /* Firefox */
        height: -webkit-calc(100% - 100px); /* Chrome, Safari */
        height: calc(100% - 100px); /* IE9+ and future browsers */
    }

    .g-cols.stacking_default.reversed>div:last-of-type {
        order: -1
    }

    .g-cols.stacking_default.via_flex>div:not([class*="vc_col-xs"]) {
        width: 100%;
        margin: 0 0 1.5rem
    }

    .g-cols.stacking_default.via_grid.mobiles-cols_1 {
        grid-template-columns: 100%
    }

    .g-cols.stacking_default.via_flex.type_boxes>div,.g-cols.stacking_default.via_flex.reversed>div:first-child,.g-cols.stacking_default.via_flex:not(.reversed)>div:last-child,.g-cols.stacking_default.via_flex>div.has_bg_color {
        margin-bottom: 0
    }

    .g-cols.stacking_default.via_flex.type_default>.wpb_column.stretched {
        margin-left: -1rem;
        margin-right: -1rem
    }

    .g-cols.stacking_default.via_grid.mobiles-cols_1>.wpb_column.stretched,.g-cols.stacking_default.via_flex.type_boxes>.wpb_column.stretched {
        margin-left: -2.5rem;
        margin-right: -2.5rem;
        width: auto
    }

    .vc_column-inner.type_sticky>.wpb_wrapper,.vc_column_container.type_sticky>.vc_column-inner {
        top: 0!important
    }
}

@media (min-width: 600px) {
    body:not(.rtl) .l-section.for_sidebar.at_left>div>.l-sidebar,.rtl .l-section.for_sidebar.at_right>div>.l-sidebar {
        order:-1
    }

    .vc_column_container.type_sticky>.vc_column-inner,.vc_column-inner.type_sticky>.wpb_wrapper {
        position: -webkit-sticky;
        position: sticky
    }

    .l-section.type_sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 11;
        transition: top 0.3s cubic-bezier(.78,.13,.15,.86) 0.1s
    }

    .header_hor .l-header.post_fixed.sticky_auto_hide {
        z-index: 12
    }

    .admin-bar .l-section.type_sticky {
        top: 32px
    }

    .l-section.type_sticky>.l-section-h {
        transition: padding-top 0.3s
    }

    .header_hor .l-header.pos_fixed:not(.down)~.l-main .l-section.type_sticky:not(:first-of-type) {
        top: var(--header-sticky-height)
    }

    .admin-bar.header_hor .l-header.pos_fixed:not(.down)~.l-main .l-section.type_sticky:not(:first-of-type) {
        top: calc( var(--header-sticky-height) + 32px )
    }

    .header_hor .l-header.pos_fixed.sticky:not(.down)~.l-main .l-section.type_sticky:first-of-type>.l-section-h {
        padding-top: var(--header-sticky-height)
    }

    .header_hor.headerinpos_bottom .l-header.pos_fixed.sticky:not(.down)~.l-main .l-section.type_sticky:first-of-type>.l-section-h {
        padding-bottom: var(--header-sticky-height)!important
    }
}

@media screen and (min-width: 1220px) {
    .g-cols.via_flex.type_default>.wpb_column.stretched:first-of-type {
        margin-left:min( calc( var(--site-content-width) / 2 + 0px / 2 + 1.5rem - 50vw),-1rem )
    }

    .g-cols.via_flex.type_default>.wpb_column.stretched:last-of-type {
        margin-right: min( calc( var(--site-content-width) / 2 + 0px / 2 + 1.5rem - 50vw),-1rem )
    }

    .l-main .alignfull, .w-separator.width_screen,.g-cols.via_grid>.wpb_column.stretched:first-of-type,.g-cols.via_flex.type_boxes>.wpb_column.stretched:first-of-type {
        margin-left: min( calc( var(--site-content-width) / 2 + 0px / 2 - 50vw ),-2.5rem )
    }

    .l-main .alignfull, .w-separator.width_screen,.g-cols.via_grid>.wpb_column.stretched:last-of-type,.g-cols.via_flex.type_boxes>.wpb_column.stretched:last-of-type {
        margin-right: min( calc( var(--site-content-width) / 2 + 0px / 2 - 50vw ),-2.5rem )
    }
}

@media (max-width: 600px) {
    .w-form-row.for_submit[style*=btn-size-mobiles] .w-btn {
        font-size:var(--btn-size-mobiles)!important
    }
}

a,button,input[type=submit],.ui-slider-handle {
    outline: none!important
}

.w-toplink,.w-header-show {
    background: rgba(0,0,0,0.3)
}

.no-touch .w-toplink.active:hover,.no-touch .w-header-show:hover {
    background: var(--color-content-primary-grad)
}
.btn-warning{
    font-size: 16px;
    line-height: 1.2!important;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0em;
    border-radius: 0.3em;
    padding: 1.0em 2.0em;
    background: var(--color-content-faded);
    border-color: transparent;
    color: #fff!important;
    border-width: 0;
}
.btn-warning:hover{
    background: var(--color-content-secondary);
}
button[type=submit]:not(.w-btn),input[type=submit]:not(.w-btn),.us-nav-style_1>*,.navstyle_1>.owl-nav button,.us-btn-style_1 {
    font-size: 16px;
    line-height: 1.2!important;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0em;
    border-radius: 0.3em;
    padding: 1.0em 2.0em;
    background: var(--color-content-primary);
    border-color: transparent;
    color: #fff!important
}

button[type=submit]:not(.w-btn):before,input[type=submit]:not(.w-btn),.us-nav-style_1>*:before,.navstyle_1>.owl-nav button:before,.us-btn-style_1:before {
    border-width: 0px
}

.no-touch button[type=submit]:not(.w-btn):hover,.no-touch input[type=submit]:not(.w-btn):hover,.us-nav-style_1>span.current,.no-touch .us-nav-style_1>a:hover,.no-touch .navstyle_1>.owl-nav button:hover,.no-touch .us-btn-style_1:hover {
    background: var(--color-content-secondary);
    border-color: transparent;
    color: #fff!important
}

.us-nav-style_1>* {
    min-width: calc(1.2em + 2 * 1.0em)
}

.us-nav-style_2>*,.navstyle_2>.owl-nav button,.us-btn-style_2 {
    font-size: 16px;
    line-height: 1.2!important;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0em;
    border-radius: 0.3em;
    padding: 1.0em 2.0em;
    background: var(--color-content-border);
    border-color: transparent;
    color: var(--color-content-text)!important
}

.us-nav-style_2>*:before,.navstyle_2>.owl-nav button:before,.us-btn-style_2:before {
    border-width: 0px
}

.us-nav-style_2>span.current,.no-touch .us-nav-style_2>a:hover,.no-touch .navstyle_2>.owl-nav button:hover,.no-touch .us-btn-style_2:hover {
    background: var(--color-content-text);
    border-color: transparent;
    color: var(--color-content-bg)!important
}

.us-nav-style_2>* {
    min-width: calc(1.2em + 2 * 1.0em)
}

.w-filter.state_desktop.style_drop_default .w-filter-item-title,.w-color-swatch,.select2-selection,select,textarea,input:not([type=submit]) {
    font-weight: 400;
    letter-spacing: 0em;
    border-radius: 0.3rem;
    background: var(--color-content-bg-alt);
    border-color: var(--color-content-border);
    color: var(--color-content-text);
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.08) inset
}

.w-filter.state_desktop.style_drop_default .w-filter-item-title:focus,.select2-container--open .select2-selection,select:focus,textarea:focus,input:not([type=submit]):focus {
    box-shadow: 0px 0px 0px 2px var(--color-content-primary)
}

.w-form-row.move_label .w-form-row-label {
    font-size: 1rem;
    top: calc(2.8rem/2 + 0px - 0.7em);
    margin: 0 0.8rem;
    background-color: var(--color-content-bg-alt);
    color: var(--color-content-text)
}

.w-form-row.with_icon.move_label .w-form-row-label {
    margin-left: calc(1.6em + 0.8rem)
}

.color_alternate input:not([type=submit]),.color_alternate textarea,.color_alternate select,.color_alternate .move_label .w-form-row-label {
    background: var(--color-alt-content-bg-alt-grad)
}

.color_footer-top input:not([type=submit]),.color_footer-top textarea,.color_footer-top select,.color_footer-top .w-form-row.move_label .w-form-row-label {
    background: var(--color-subfooter-bg-alt-grad)
}

.color_footer-bottom input:not([type=submit]),.color_footer-bottom textarea,.color_footer-bottom select,.color_footer-bottom .w-form-row.move_label .w-form-row-label {
    background: var(--color-footer-bg-alt-grad)
}

.color_alternate input:not([type=submit]),.color_alternate textarea,.color_alternate select {
    border-color: var(--color-alt-content-border)
}

.color_footer-top input:not([type=submit]),.color_footer-top textarea,.color_footer-top select {
    border-color: var(--color-subfooter-border)
}

.color_footer-bottom input:not([type=submit]),.color_footer-bottom textarea,.color_footer-bottom select {
    border-color: var(--color-footer-border)
}

.color_alternate input:not([type=submit]),.color_alternate textarea,.color_alternate select,.color_alternate .w-form-row-field>i,.color_alternate .w-form-row-field:after,.color_alternate .widget_search form:after,.color_footer-top input:not([type=submit]),.color_footer-top textarea,.color_footer-top select,.color_footer-top .w-form-row-field>i,.color_footer-top .w-form-row-field:after,.color_footer-top .widget_search form:after,.color_footer-bottom input:not([type=submit]),.color_footer-bottom textarea,.color_footer-bottom select,.color_footer-bottom .w-form-row-field>i,.color_footer-bottom .w-form-row-field:after,.color_footer-bottom .widget_search form:after {
    color: inherit
}

.leaflet-default-icon-path {
    background-image: url(https://temp.broadstrokeinc.com/wp-content/themes/Impreza/common/css/vendor/images/marker-icon.png)
}

.l-subheader.at_middle,.l-subheader.at_middle .w-dropdown-list,.l-subheader.at_middle .type_mobile .w-nav-list.level_1 {
    background: var(--color-header-middle-bg);
    color: var(--color-header-middle-text)
}

.no-touch .l-subheader.at_middle a:hover,.no-touch .l-header.bg_transparent .l-subheader.at_middle .w-dropdown.opened a:hover {
    color: var(--color-header-middle-text-hover)
}

.l-header.bg_transparent:not(.sticky) .l-subheader.at_middle {
    background: var(--color-header-transparent-bg);
    color: var(--color-header-transparent-text)
}

.no-touch .l-header.bg_transparent:not(.sticky) .at_middle .w-cart-link:hover,.no-touch .l-header.bg_transparent:not(.sticky) .at_middle .w-text a:hover,.no-touch .l-header.bg_transparent:not(.sticky) .at_middle .w-html a:hover,.no-touch .l-header.bg_transparent:not(.sticky) .at_middle .w-nav>a:hover,.no-touch .l-header.bg_transparent:not(.sticky) .at_middle .w-menu a:hover,.no-touch .l-header.bg_transparent:not(.sticky) .at_middle .w-search>a:hover,.no-touch .l-header.bg_transparent:not(.sticky) .at_middle .w-dropdown a:hover,.no-touch .l-header.bg_transparent:not(.sticky) .at_middle .type_desktop .menu-item.level_1:hover>a {
    color: var(--color-header-transparent-text-hover)
}

.header_ver .l-header {
    background: var(--color-header-middle-bg);
    color: var(--color-header-middle-text)
}

@media (min-width: 1381px) {
    .hidden_for_default {
        display:none!important
    }

    .l-subheader.at_top {
        display: none
    }

    .l-subheader.at_bottom {
        display: none
    }

    .l-header {
        position: relative;
        z-index: 111;
        width: 100%
    }

    .l-subheader {
        margin: 0 auto
    }

    .l-subheader.width_full {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .l-subheader-h {
        display: flex;
        align-items: center;
        position: relative;
        margin: 0 auto;
        max-width: var(--site-content-width,1200px);
        height: inherit
    }

    .w-header-show {
        display: none
    }

    .l-header.pos_fixed {
        position: fixed;
        left: 0
    }

    .l-header.pos_fixed:not(.notransition) .l-subheader {
        transition-property: transform,background,box-shadow,line-height,height;
        transition-duration: .3s;
        transition-timing-function: cubic-bezier(.78,.13,.15,.86)
    }

    .headerinpos_bottom.sticky_first_section .l-header.pos_fixed {
        position: fixed!important
    }

    .header_hor .l-header.sticky_auto_hide {
        transition: transform .3s cubic-bezier(.78,.13,.15,.86) .1s
    }

    .header_hor .l-header.sticky_auto_hide.down {
        transform: translateY(-110%)
    }

    .l-header.bg_transparent:not(.sticky) .l-subheader {
        box-shadow: none!important;
        background: none
    }

    .l-header.bg_transparent~.l-main .l-section.width_full.height_auto:first-of-type>.l-section-h {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .l-header.pos_static.bg_transparent {
        position: absolute;
        left: 0
    }

    .l-subheader.width_full .l-subheader-h {
        max-width: none!important
    }

    .l-header.shadow_thin .l-subheader.at_middle,.l-header.shadow_thin .l-subheader.at_bottom {
        box-shadow: 0 1px 0 rgba(0,0,0,0.08)
    }

    .l-header.shadow_wide .l-subheader.at_middle,.l-header.shadow_wide .l-subheader.at_bottom {
        box-shadow: 0 3px 5px -1px rgba(0,0,0,0.1),0 2px 1px -1px rgba(0,0,0,0.05)
    }

    .header_hor .l-subheader-cell>.w-cart {
        margin-left: 0;
        margin-right: 0
    }

    :root {
        --header-height: 100px;
        --header-sticky-height: 60px;

    }

    .l-header:before {
        content: '100'
    }

    .l-header.sticky:before {
        content: '60'
    }

    .l-subheader.at_top {
        line-height: 40px;
        height: 40px
    }

    .l-header.sticky .l-subheader.at_top {
        line-height: 40px;
        height: 40px
    }

    .l-subheader.at_middle {
        line-height: 80px;
        height: 80px
    }

    .l-header.sticky .l-subheader.at_middle {
        line-height: 60px;
        height: 60px
    }

    .l-subheader.at_bottom {
        line-height: 50px;
        height: 50px
    }

    .l-header.sticky .l-subheader.at_bottom {
        line-height: 50px;
        height: 50px
    }

    .headerinpos_above .l-header.pos_fixed {
        overflow: hidden;
        transition: transform 0.3s;
        transform: translate3d(0,-100%,0)
    }

    .headerinpos_above .l-header.pos_fixed.sticky {
        overflow: visible;
        transform: none
    }

    .headerinpos_above .l-header.pos_fixed~.l-section>.l-section-h,.headerinpos_above .l-header.pos_fixed~.l-main .l-section:first-of-type>.l-section-h {
        padding-top: 0!important
    }

    .headerinpos_below .l-header.pos_fixed:not(.sticky) {
        position: absolute;
        top: 100%
    }

    .headerinpos_below .l-header.pos_fixed~.l-main>.l-section:first-of-type>.l-section-h {
        padding-top: 0!important
    }

    .headerinpos_below .l-header.pos_fixed~.l-main .l-section.full_height:nth-of-type(2) {
        min-height: 100vh
    }

    .headerinpos_below .l-header.pos_fixed~.l-main>.l-section:nth-of-type(2)>.l-section-h {
        padding-top: var(--header-height)
    }

    .headerinpos_bottom .l-header.pos_fixed:not(.sticky) {
        position: absolute;
        top: 100vh
    }

    .headerinpos_bottom .l-header.pos_fixed~.l-main>.l-section:first-of-type>.l-section-h {
        padding-top: 0!important
    }

    .headerinpos_bottom .l-header.pos_fixed~.l-main>.l-section:first-of-type>.l-section-h {
        padding-bottom: var(--header-height)
    }

    .headerinpos_bottom .l-header.pos_fixed.bg_transparent~.l-main .l-section.valign_center:not(.height_auto):first-of-type>.l-section-h {
        top: calc( var(--header-height) / 2 )
    }

    .headerinpos_bottom .l-header.pos_fixed:not(.sticky) .w-cart-dropdown,.headerinpos_bottom .l-header.pos_fixed:not(.sticky) .w-nav.type_desktop .w-nav-list.level_2 {
        bottom: 100%;
        transform-origin: 0 100%
    }

    .headerinpos_bottom .l-header.pos_fixed:not(.sticky) .w-nav.type_mobile.m_layout_dropdown .w-nav-list.level_1 {
        top: auto;
        bottom: 100%;
        box-shadow: var(--box-shadow-up)
    }

    .headerinpos_bottom .l-header.pos_fixed:not(.sticky) .w-nav.type_desktop .w-nav-list.level_3,.headerinpos_bottom .l-header.pos_fixed:not(.sticky) .w-nav.type_desktop .w-nav-list.level_4 {
        top: auto;
        bottom: 0;
        transform-origin: 0 100%
    }

    .headerinpos_bottom .l-header.pos_fixed:not(.sticky) .w-dropdown-list {
        top: auto;
        bottom: -0.4em;
        padding-top: 0.4em;
        padding-bottom: 2.4em
    }

    .admin-bar .l-header.pos_static.bg_solid~.l-main .l-section.full_height:first-of-type {
        min-height: calc( 100vh - var(--header-height) - 32px )
    }

    .admin-bar .l-header.pos_fixed:not(.sticky_auto_hide)~.l-main .l-section.full_height:not(:first-of-type) {
        min-height: calc( 100vh - var(--header-sticky-height) - 32px )
    }

    .admin-bar.headerinpos_below .l-header.pos_fixed~.l-main .l-section.full_height:nth-of-type(2) {
        min-height: calc(100vh - 32px)
    }
}

@media (min-width: 1025px) and (max-width:1380px) {
    .hidden_for_laptops {
        display:none!important
    }

    .l-subheader.at_top {
        display: none
    }

    .l-subheader.at_bottom {
        display: none
    }

    .l-header {
        position: relative;
        z-index: 111;
        width: 100%
    }

    .l-subheader {
        margin: 0 auto
    }

    .l-subheader.width_full {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .l-subheader-h {
        display: flex;
        align-items: center;
        position: relative;
        margin: 0 auto;
        max-width: var(--site-content-width,1200px);
        height: inherit
    }

    .w-header-show {
        display: none
    }

    .l-header.pos_fixed {
        position: fixed;
        left: 0
    }

    .l-header.pos_fixed:not(.notransition) .l-subheader {
        transition-property: transform,background,box-shadow,line-height,height;
        transition-duration: .3s;
        transition-timing-function: cubic-bezier(.78,.13,.15,.86)
    }

    .headerinpos_bottom.sticky_first_section .l-header.pos_fixed {
        position: fixed!important
    }

    .header_hor .l-header.sticky_auto_hide {
        transition: transform .3s cubic-bezier(.78,.13,.15,.86) .1s
    }

    .header_hor .l-header.sticky_auto_hide.down {
        transform: translateY(-110%)
    }

    .l-header.bg_transparent:not(.sticky) .l-subheader {
        box-shadow: none!important;
        background: none
    }

    .l-header.bg_transparent~.l-main .l-section.width_full.height_auto:first-of-type>.l-section-h {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .l-header.pos_static.bg_transparent {
        position: absolute;
        left: 0
    }

    .l-subheader.width_full .l-subheader-h {
        max-width: none!important
    }

    .l-header.shadow_thin .l-subheader.at_middle,.l-header.shadow_thin .l-subheader.at_bottom {
        box-shadow: 0 1px 0 rgba(0,0,0,0.08)
    }

    .l-header.shadow_wide .l-subheader.at_middle,.l-header.shadow_wide .l-subheader.at_bottom {
        box-shadow: 0 3px 5px -1px rgba(0,0,0,0.1),0 2px 1px -1px rgba(0,0,0,0.05)
    }

    .header_hor .l-subheader-cell>.w-cart {
        margin-left: 0;
        margin-right: 0
    }

    :root {
        --header-height: 80px;
        --header-sticky-height: 60px
    }

    .l-header:before {
        content: '80'
    }

    .l-header.sticky:before {
        content: '60'
    }

    .l-subheader.at_top {
        line-height: 40px;
        height: 40px
    }

    .l-header.sticky .l-subheader.at_top {
        line-height: 40px;
        height: 40px
    }

    .l-subheader.at_middle {
        line-height: 80px;
        height: 80px
    }

    .l-header.sticky .l-subheader.at_middle {
        line-height: 60px;
        height: 60px
    }

    .l-subheader.at_bottom {
        line-height: 50px;
        height: 50px
    }

    .l-header.sticky .l-subheader.at_bottom {
        line-height: 50px;
        height: 50px
    }

    .headerinpos_above .l-header.pos_fixed {
        overflow: hidden;
        transition: transform 0.3s;
        transform: translate3d(0,-100%,0)
    }

    .headerinpos_above .l-header.pos_fixed.sticky {
        overflow: visible;
        transform: none
    }

    .headerinpos_above .l-header.pos_fixed~.l-section>.l-section-h,.headerinpos_above .l-header.pos_fixed~.l-main .l-section:first-of-type>.l-section-h {
        padding-top: 0!important
    }

    .headerinpos_below .l-header.pos_fixed:not(.sticky) {
        position: absolute;
        top: 100%
    }

    .headerinpos_below .l-header.pos_fixed~.l-main>.l-section:first-of-type>.l-section-h {
        padding-top: 0!important
    }

    .headerinpos_below .l-header.pos_fixed~.l-main .l-section.full_height:nth-of-type(2) {
        min-height: 100vh
    }

    .headerinpos_below .l-header.pos_fixed~.l-main>.l-section:nth-of-type(2)>.l-section-h {
        padding-top: var(--header-height)
    }

    .headerinpos_bottom .l-header.pos_fixed:not(.sticky) {
        position: absolute;
        top: 100vh
    }

    .headerinpos_bottom .l-header.pos_fixed~.l-main>.l-section:first-of-type>.l-section-h {
        padding-top: 0!important
    }

    .headerinpos_bottom .l-header.pos_fixed~.l-main>.l-section:first-of-type>.l-section-h {
        padding-bottom: var(--header-height)
    }

    .headerinpos_bottom .l-header.pos_fixed.bg_transparent~.l-main .l-section.valign_center:not(.height_auto):first-of-type>.l-section-h {
        top: calc( var(--header-height) / 2 )
    }

    .headerinpos_bottom .l-header.pos_fixed:not(.sticky) .w-cart-dropdown,.headerinpos_bottom .l-header.pos_fixed:not(.sticky) .w-nav.type_desktop .w-nav-list.level_2 {
        bottom: 100%;
        transform-origin: 0 100%
    }

    .headerinpos_bottom .l-header.pos_fixed:not(.sticky) .w-nav.type_mobile.m_layout_dropdown .w-nav-list.level_1 {
        top: auto;
        bottom: 100%;
        box-shadow: var(--box-shadow-up)
    }

    .headerinpos_bottom .l-header.pos_fixed:not(.sticky) .w-nav.type_desktop .w-nav-list.level_3,.headerinpos_bottom .l-header.pos_fixed:not(.sticky) .w-nav.type_desktop .w-nav-list.level_4 {
        top: auto;
        bottom: 0;
        transform-origin: 0 100%
    }

    .headerinpos_bottom .l-header.pos_fixed:not(.sticky) .w-dropdown-list {
        top: auto;
        bottom: -0.4em;
        padding-top: 0.4em;
        padding-bottom: 2.4em
    }

    .admin-bar .l-header.pos_static.bg_solid~.l-main .l-section.full_height:first-of-type {
        min-height: calc( 100vh - var(--header-height) - 32px )
    }

    .admin-bar .l-header.pos_fixed:not(.sticky_auto_hide)~.l-main .l-section.full_height:not(:first-of-type) {
        min-height: calc( 100vh - var(--header-sticky-height) - 32px )
    }

    .admin-bar.headerinpos_below .l-header.pos_fixed~.l-main .l-section.full_height:nth-of-type(2) {
        min-height: calc(100vh - 32px)
    }
}

@media (min-width: 601px) and (max-width:1024px) {
    .hidden_for_tablets {
        display:none!important
    }

    .l-subheader.at_top {
        display: none
    }

    .l-subheader.at_bottom {
        display: none
    }

    .l-header {
        position: relative;
        z-index: 111;
        width: 100%
    }

    .l-subheader {
        margin: 0 auto
    }

    .l-subheader.width_full {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .l-subheader-h {
        display: flex;
        align-items: center;
        position: relative;
        margin: 0 auto;
        max-width: var(--site-content-width,1200px);
        height: inherit
    }

    .w-header-show {
        display: none
    }

    .l-header.pos_fixed {
        position: fixed;
        left: 0
    }

    .l-header.pos_fixed:not(.notransition) .l-subheader {
        transition-property: transform,background,box-shadow,line-height,height;
        transition-duration: .3s;
        transition-timing-function: cubic-bezier(.78,.13,.15,.86)
    }

    .headerinpos_bottom.sticky_first_section .l-header.pos_fixed {
        position: fixed!important
    }

    .header_hor .l-header.sticky_auto_hide {
        transition: transform .3s cubic-bezier(.78,.13,.15,.86) .1s
    }

    .header_hor .l-header.sticky_auto_hide.down {
        transform: translateY(-110%)
    }

    .l-header.bg_transparent:not(.sticky) .l-subheader {
        box-shadow: none!important;
        background: none
    }

    .l-header.bg_transparent~.l-main .l-section.width_full.height_auto:first-of-type>.l-section-h {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .l-header.pos_static.bg_transparent {
        position: absolute;
        left: 0
    }

    .l-subheader.width_full .l-subheader-h {
        max-width: none!important
    }

    .l-header.shadow_thin .l-subheader.at_middle,.l-header.shadow_thin .l-subheader.at_bottom {
        box-shadow: 0 1px 0 rgba(0,0,0,0.08)
    }

    .l-header.shadow_wide .l-subheader.at_middle,.l-header.shadow_wide .l-subheader.at_bottom {
        box-shadow: 0 3px 5px -1px rgba(0,0,0,0.1),0 2px 1px -1px rgba(0,0,0,0.05)
    }

    .header_hor .l-subheader-cell>.w-cart {
        margin-left: 0;
        margin-right: 0
    }

    :root {
        --header-height: 80px;
        --header-sticky-height: 60px
    }

    .l-header:before {
        content: '80'
    }

    .l-header.sticky:before {
        content: '60'
    }

    .l-subheader.at_top {
        line-height: 40px;
        height: 40px
    }

    .l-header.sticky .l-subheader.at_top {
        line-height: 40px;
        height: 40px
    }

    .l-subheader.at_middle {
        line-height: 80px;
        height: 80px
    }

    .l-header.sticky .l-subheader.at_middle {
        line-height: 60px;
        height: 60px
    }

    .l-subheader.at_bottom {
        line-height: 50px;
        height: 50px
    }

    .l-header.sticky .l-subheader.at_bottom {
        line-height: 50px;
        height: 50px
    }
}

@media (max-width: 600px) {
    .hidden_for_mobiles {
        display:none!important
    }

    .l-subheader.at_top {
        display: none
    }

    .l-subheader.at_bottom {
        display: none
    }

    .l-header {
        position: relative;
        z-index: 111;
        width: 100%
    }

    .l-subheader {
        margin: 0 auto
    }

    .l-subheader.width_full {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .l-subheader-h {
        display: flex;
        align-items: center;
        position: relative;
        margin: 0 auto;
        max-width: var(--site-content-width,1200px);
        height: inherit
    }

    .w-header-show {
        display: none
    }

    .l-header.pos_fixed {
        position: fixed;
        left: 0
    }

    .l-header.pos_fixed:not(.notransition) .l-subheader {
        transition-property: transform,background,box-shadow,line-height,height;
        transition-duration: .3s;
        transition-timing-function: cubic-bezier(.78,.13,.15,.86)
    }

    .headerinpos_bottom.sticky_first_section .l-header.pos_fixed {
        position: fixed!important
    }

    .header_hor .l-header.sticky_auto_hide {
        transition: transform .3s cubic-bezier(.78,.13,.15,.86) .1s
    }

    .header_hor .l-header.sticky_auto_hide.down {
        transform: translateY(-110%)
    }

    .l-header.bg_transparent:not(.sticky) .l-subheader {
        box-shadow: none!important;
        background: none
    }

    .l-header.bg_transparent~.l-main .l-section.width_full.height_auto:first-of-type>.l-section-h {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .l-header.pos_static.bg_transparent {
        position: absolute;
        left: 0
    }

    .l-subheader.width_full .l-subheader-h {
        max-width: none!important
    }

    .l-header.shadow_thin .l-subheader.at_middle,.l-header.shadow_thin .l-subheader.at_bottom {
        box-shadow: 0 1px 0 rgba(0,0,0,0.08)
    }

    .l-header.shadow_wide .l-subheader.at_middle,.l-header.shadow_wide .l-subheader.at_bottom {
        box-shadow: 0 3px 5px -1px rgba(0,0,0,0.1),0 2px 1px -1px rgba(0,0,0,0.05)
    }

    .header_hor .l-subheader-cell>.w-cart {
        margin-left: 0;
        margin-right: 0
    }

    :root {
        --header-height: 80px;
        --header-sticky-height: 60px
    }

    .l-header:before {
        content: '80'
    }

    .l-header.sticky:before {
        content: '60'
    }

    .l-subheader.at_top {
        line-height: 40px;
        height: 40px
    }

    .l-header.sticky .l-subheader.at_top {
        line-height: 40px;
        height: 40px
    }

    .l-subheader.at_middle {
        line-height: 80px;
        height: 80px
    }

    .l-header.sticky .l-subheader.at_middle {
        line-height: 60px;
        height: 60px
    }

    .l-subheader.at_bottom {
        line-height: 50px;
        height: 50px
    }

    .l-header.sticky .l-subheader.at_bottom {
        line-height: 50px;
        height: 50px
    }
}

@media (min-width: 1381px) {
    .ush_image_1 {
        height:55px!important
    }

    .l-header.sticky .ush_image_1 {
        height: 40px!important
    }
}

@media (min-width: 1025px) and (max-width:1380px) {
    .ush_image_1 {
        height:50px!important
    }

    .l-header.sticky .ush_image_1 {
        height: 35px!important
    }
}

@media (min-width: 601px) and (max-width:1024px) {
    .ush_image_1 {
        height:45px!important
    }

    .l-header.sticky .ush_image_1 {
        height: 30px!important
    }
}

@media (max-width: 600px) {
    .ush_image_1 {
        height:40px!important
    }

    .l-header.sticky .ush_image_1 {
        height: 20px!important
    }
}

.header_hor .ush_menu_1.type_desktop .menu-item.level_1>a:not(.w-btn) {
    padding-left: 20px;
    padding-right: 20px
}

.header_hor .ush_menu_1.type_desktop .menu-item.level_1>a.w-btn {
    margin-left: 20px;
    margin-right: 20px
}

.header_hor .ush_menu_1.type_desktop.align-edges>.w-nav-list.level_1 {
    margin-left: -20px;
    margin-right: -20px
}

.header_ver .ush_menu_1.type_desktop .menu-item.level_1>a:not(.w-btn) {
    padding-top: 20px;
    padding-bottom: 20px
}

.header_ver .ush_menu_1.type_desktop .menu-item.level_1>a.w-btn {
    margin-top: 20px;
    margin-bottom: 20px
}

.ush_menu_1.type_desktop .menu-item:not(.level_1) {
    font-size: 1rem
}

.ush_menu_1.type_mobile .w-nav-anchor.level_1,.ush_menu_1.type_mobile .w-nav-anchor.level_1 + .w-nav-arrow {
    font-size: 1.1rem
}

.ush_menu_1.type_mobile .w-nav-anchor:not(.level_1),.ush_menu_1.type_mobile .w-nav-anchor:not(.level_1) + .w-nav-arrow {
    font-size: 0.9rem
}

@media (min-width: 1381px) {
    .ush_menu_1 .w-nav-icon {
        font-size:36px
    }
}

@media (min-width: 1025px) and (max-width:1380px) {
    .ush_menu_1 .w-nav-icon {
        font-size:32px
    }
}

@media (min-width: 601px) and (max-width:1024px) {
    .ush_menu_1 .w-nav-icon {
        font-size:28px
    }
}

@media (max-width: 600px) {
    .ush_menu_1 .w-nav-icon {
        font-size:24px
    }
}

.ush_menu_1 .w-nav-icon>div {
    border-width: 3px
}

@media screen and (max-width: 899px) {
    .w-nav.ush_menu_1>.w-nav-list.level_1 {
        display:none
    }

    .ush_menu_1 .w-nav-control {
        display: block
    }
}

.ush_menu_1 .w-nav-item.level_1>a:not(.w-btn):focus,.no-touch .ush_menu_1 .w-nav-item.level_1.opened>a:not(.w-btn),.no-touch .ush_menu_1 .w-nav-item.level_1:hover>a:not(.w-btn) {
    background: transparent;
    color: var(--color-header-middle-text-hover)
}

.ush_menu_1 .w-nav-item.level_1.current-menu-item>a:not(.w-btn),.ush_menu_1 .w-nav-item.level_1.current-menu-ancestor>a:not(.w-btn),.ush_menu_1 .w-nav-item.level_1.current-page-ancestor>a:not(.w-btn) {
    background: transparent;
    color: var(--color-header-middle-text-hover)
}

.l-header.bg_transparent:not(.sticky) .ush_menu_1.type_desktop .w-nav-item.level_1.current-menu-item>a:not(.w-btn),.l-header.bg_transparent:not(.sticky) .ush_menu_1.type_desktop .w-nav-item.level_1.current-menu-ancestor>a:not(.w-btn),.l-header.bg_transparent:not(.sticky) .ush_menu_1.type_desktop .w-nav-item.level_1.current-page-ancestor>a:not(.w-btn) {
    background: transparent;
    color: var(--color-header-transparent-text-hover)
}

.ush_menu_1 .w-nav-list:not(.level_1) {
    background: var(--color-header-middle-bg);
    color: var(--color-header-middle-text)
}

.no-touch .ush_menu_1 .w-nav-item:not(.level_1)>a:focus,.no-touch .ush_menu_1 .w-nav-item:not(.level_1):hover>a {
    background: transparent;
    color: var(--color-header-middle-text-hover)
}

.ush_menu_1 .w-nav-item:not(.level_1).current-menu-item>a,.ush_menu_1 .w-nav-item:not(.level_1).current-menu-ancestor>a,.ush_menu_1 .w-nav-item:not(.level_1).current-page-ancestor>a {
    background: transparent;
    color: var(--color-header-middle-text-hover)
}

.us_custom_f87d9e8c {
    padding-top: 50px!important;
    padding-bottom: 50px!important;
    border-radius: 10px!important;
    border: 3px dashed #cfcfce!important
}

.us_custom_a222a55f {
    color: var(--color-footer-text)!important;
    text-align: center!important;
    font-weight: 700!important;
    padding-top: 10px!important
}

.us_custom_c2097984 {
    color: var(--color-header-middle-bg)!important;
    font-size: 12px!important;
    font-weight: 600!important;
    text-transform: uppercase!important;
    font-style: italic!important;
    padding-left: 10px!important
}

.us_custom_3065d0fd {
    color: var(--color-header-middle-bg)!important;
    font-size: 12px!important;
    text-transform: uppercase!important;
    font-style: italic!important
}

.us_custom_2482f3c6 {
    max-width: 459px!important;
    max-height: 594px!important
}

.us_custom_1faf7262 {
    max-width: 80%!important
}

.us_custom_057801f8 {
    background: var(--color-header-middle-bg)!important
}

.us_custom_28784076 {
    color: var(--color-header-middle-text)!important;
    text-align: center!important
}

.us_custom_22fa6e2e {
    color: var(--color-header-middle-text)!important;
    text-align: center!important;
    font-size: 12px!important;
    font-style: italic!important
}

.us_custom_4edec70e {
    color: var(--color-header-middle-text-hover)!important;
    text-align: center!important
}

@media (min-width: 1025px) and (max-width:1380px) {
    .us_custom_2482f3c6 {
        max-width:459px!important;
        max-height: 594px!important
    }
}

@media (min-width: 601px) and (max-width:1024px) {
    .us_custom_2482f3c6 {
        max-width:309px!important;
        max-height: 444px!important
    }
}

@media (max-width: 600px) {
    .us_custom_2482f3c6 {
        max-width:459px!important;
        max-height: 594px!important
    }
}

.choice-box input[type="radio"] {
    display: none
}

.choice-group {
    width: 100%;
    padding: 10px;
    margin-bottom: 30px
}

.choice-group p {
    color: black;
    font-size: 0.9rem;
    font-weight: bold;
    margin-bottom: 15px
}

.options-container {
    display: flex;
    justify-content: center
}

.choice-box {
    cursor: pointer;
    font-size: 1rem;
    position: relative;
    margin: 0 15px;
    display: flex;
    align-items: center
}

.choice-box span {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 2px solid #ccc;
    background-color: #fff;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.choice-box span + * {
    font-size: 1rem;
    color: black
}

.choice-box input[type="radio"]:checked + span {
    border-color: var(--color-content-secondary);
    background-color: var(--color-content-secondary)
}

.pdf-preview {
    border-radius: 10px;
    background-color: inherit;
    box-shadow: 0px 1px 5px gray;
    margin-bottom: 30px
}

.address-container {
    height: auto;
    border-radius: 10px;
    background-color: inherit;
    box-shadow: 0px 1px 5px gray;
    margin-bottom: 30px;
    padding: 10px
}

.address-form {
    margin-bottom: 10px;
    display: flex
}

#addressInput {
    width: 100%;
    height: auto;
    border: none;
    box-shadow: none;
    text-decoration: none
}

#addressDisplay {
    display: flex;
    align-items: center;
    background-color: #f1f2f2;
    padding: 10px;
    border-radius: 5px
}

#addressText {
    flex-grow: 1
}

#addresssubmitBtn {
    border-radius: 10px;
    background-color: var(--color-content-secondary);
    color: white;
    margin-left: 10px
}

#cancelBtn {
    background-color: transparent;
    border: none;
    font-size: 12px;
    cursor: pointer;
    color: var(--color-content-primary)
}
#returnAddressInput {
    width: 100%;
    min-height: 90px;
    height: auto;
    border: none;
    box-shadow: none;
    text-decoration: none
}

#returnAddressDisplay {
    display: flex;
    align-items: center;
    background-color: #f1f2f2;
    padding: 10px;
    border-radius: 5px
}

#returnAddressText {
    flex-grow: 1
}

#returnAddresssubmitBtn {
    border-radius: 10px;
    background-color: var(--color-content-secondary);
    color: white;
    margin-left: 10px
}

#returnCancelBtn {
    background-color: transparent;
    border: none;
    font-size: 12px;
    cursor: pointer;
    color: var(--color-content-primary)
}
.hidden {
    display: none
}

.address-form input,.address-form button {
    margin: 5px
}
.address-form button{
    max-height: 50px;
}
.address-form textarea{
    min-height: 40px;
    background:var(--color-content-faded)
}

.address-list {
    margin-top: 10px
}

.address-item {
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 10px
}
.returnAddress-item {
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 10px
}

.remove-btn {
    background: var(--color-content-primary);
    color: white;
    border-radius: 10px;
    padding: 5px;
    cursor: pointer
}
.remove-btn:hover {
    background: var(--color-content-secondary);
    color: white;
    border-radius: 10px;
    padding: 5px;
    cursor: pointer
}

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

.modal-content {
    background-color: #fff;
    /*margin: 15% auto;*/
    /*margin-top:20px;*/
    padding: 20px;
    border: 1px solid #888;
    /*width: 80%;*/
    /*max-width: 400px;*/
    border-radius: 10px;
    /*text-align: center*/
}

.close-btn {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer
}

.close-btn:hover,.close-btn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer
}

.francineUploadBrowse:hover {
    cursor: pointer;
}
.short{
    padding-top: 10px;
    padding-bottom: 10px;
}
/* Important part */
.modal-dialog{
    overflow-y: initial !important;
    justify-content: center;
}
.modal-xlg .modal-body {
    max-width:100vw;
    /*max-height: calc(100vh - 142px);*/
}
.center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -75%);
}
.modal-sm{
    width:100%;
    max-width:40vw;
}
.modalScroll {
    width:100%;
    overflow-y: auto;
    overflow-x: hidden;
    display: block;
    /*padding-right: 0;*/
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*margin-right: 15px;*/
    /*margin-left: 15px;*/
}
@media (min-width: 1250px) {
    /*.modal-xlg {*/
    /*    max-width: 1300px;*/
    /*}*/
}
@media screen and (max-width: 600px) {
    p {
        margin-bottom:1rem
    }

    h1,h2,h3,h4,h5,h6 {
        padding-top: 1rem
    }

    .admin-bar .l-header.sticky {
        top: 0
    }

    .w-header-show,.w-toplink {
        margin: 10px!important
    }

    .l-subheader,.l-section {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .l-sidebar,.l-section.height_small,.l-section.height_medium {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .l-main .alignfull {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .l-main .aligncenter {
        max-width: 100%!important
    }
}


.badAddress{
    border-style:solid;
    border-color:var(--color-content-primary);
    border-radius:20px;
    color:var(--color-content-primary);
    margin:2px;
}
.goodAddress{
    border-style:solid;
    border-color:lawngreen;
    border-radius:20px;
    color:lawngreen;
    margin:2px;
}
.editableAddress{
    opacity:.35;
}
.buttons{
    font-family: arial, sans-serif;
    height:45px;
    border-radius: 30px;
    padding:5px;
    background-color: var(--color-light);
    color:var(--color-dark);
}
.l-header .w-image {
     flex-shrink: 0;
     transition: height 0.3s
 }

.l-header .w-image.no_image {
    width: 100%
}

.l-main .w-image {
    max-width: 100%
}

.w-image-h {
    display: block;
    height: inherit;
    max-height: inherit;
    border-radius: inherit;
    border-color: inherit!important;
    color: inherit!important
}

.w-image:not([class*="style_phone"]) .w-image-h {
    background: inherit
}

.w-image img,.w-image picture {
    object-fit: contain;
    vertical-align: top;
    height: inherit;
    max-height: inherit;
    border-radius: inherit
}

.w-image img:not([src*=".svg"]),.w-image[class*="ush_image_"] img {
    width: auto
}

.w-image-h[href] {
    position: relative
}

.w-image-meta {
    line-height: 1.6
}

.w-image-description {
    font-size: 0.85rem;
    margin: 0.2rem 0;
    opacity: 0.5
}

.w-image.with_transparent .w-image-h>:last-of-type,.l-header.bg_transparent:not(.sticky) .w-image.with_transparent .w-image-h >:first-of-type {
    display: none
}

.l-header.bg_transparent:not(.sticky) .w-image.with_transparent .w-image-h >:last-of-type {
    display: block
}

.w-image.has_ratio {
    width: 100%
}

.w-image.has_ratio .w-image-h {
    display: block!important;
    position: relative
}

.w-image.has_ratio img {
    position: absolute!important;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: cover
}

.w-image.style_circle img {
    border-radius: 50%
}

.w-image.style_outlined img {
    border: 5px solid var(--color-content-border)
}

.w-image.style_shadow-1 img {
    box-shadow: var(--box-shadow)
}

.w-image.style_shadow-2 .w-image-h {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.w-image-shadow {
    position: absolute;
    top: 15%;
    left: 5%;
    right: 5%;
    height: 90%;
    background-size: 200% 80%;
    background-position: center bottom;
    background-repeat: no-repeat;
    border-radius: inherit;
    -webkit-filter: blur(25px);
    filter: blur(25px)
}

.w-image.style_shadow-2 img {
    position: relative
}

.w-image.style_shadow-2.meta_simple .w-image-meta {
    position: relative
}

.w-image.meta_simple .w-image-meta {
    padding-top: 0.6rem
}

.w-image.meta_simple[class*="style_phone6"] .w-image-meta {
    padding-top: 32%
}

.w-image.meta_modern .w-image-h {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.w-image.meta_modern .w-image-meta {
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 100%;
    padding: 3rem 1rem 0.6rem;
    overflow: hidden;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    background: linear-gradient(transparent,rgba(30,30,30,0.8)) repeat-x;
    color: #fff
}

.w-image.meta_modern[class*="style_phone6"] .w-image-meta {
    left: 12.5%;
    right: 12.5%;
    bottom: 13.5%
}

.w-image.meta_modern.style_outlined .w-image-meta {
    left: 5px;
    right: 5px;
    bottom: 5px
}

.w-image.has_bg_color:not(.style_phone12) .w-image-meta {
    padding-top: 0.6rem;
    background: inherit
}

.w-image.has_text_color .w-image-meta {
    color: inherit
}
.l-subheader-cell.at_center {
    justify-content: center
}

.l-subheader-cell.at_center>* {
    margin-left: 0.7rem;
    margin-right: 0.7rem
}
.l-section.for_sidebar.at_right .l-sidebar {
    margin-left: 5%
}
.l-subheader-cell.at_right {
    justify-content: flex-end
}

.header_hor .l-subheader-cell.at_right>* {
    margin-left: 1.4rem
}
.l-section.height_medium {
    padding-top: 7rem;
    padding-bottom: 4rem
}
.w-hwrapper.valign_top {
    align-items: flex-start
}

.header_hor .l-subheader-cell.at_left .w-nav:first-child .w-nav-control {
    margin-left: -0.8rem
}

.header_hor .l-subheader-cell.at_right .w-nav:last-child .w-nav-control {
    margin-right: -0.8rem
}

.header_ver .w-nav.type_mobile.m_layout_dropdown .w-nav-control {
    display: none
}

.header_hor .w-nav.type_mobile.m_layout_panel .w-nav-control.active + .w-nav-list.level_1 {
    transform: translateX(0)
}
.header_ver .w-nav.type_mobile.m_layout_panel .w-nav-control.active + .w-nav-list.level_1 {
    transform: scaleX(1)
}
.w-nav.type_mobile.m_layout_fullscreen .w-nav-control.active + .w-nav-list.level_1 {
    pointer-events: auto;
    opacity: 1;
    transform: translateY(0) scale(1)
}
.w-nav-control {
    display: none;
    line-height: 50px;
    height: 50px;
    padding: 0 0.8rem;
    color: inherit
}

.w-nav-control>* + * {
    margin-left: 0.5rem
}


.w-nav-control.active .w-nav-icon>div {
    transform: translateY(-50%) rotate(45deg);
    transition-delay: 0.15s
}

.w-nav-control.active .w-nav-icon>div:before {
    top: 0;
    opacity: 0;
    transition: top 0.15s cubic-bezier(0,1,.8,1),opacity 0.15s cubic-bezier(0,1,.8,1) 0.15s
}

.w-nav-control.active .w-nav-icon>div:after {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.15s cubic-bezier(0,1,.8,1),transform 0.15s cubic-bezier(0,1,.8,1) 0.15s
}
.justify-content-md-center, .justify-content-sm-center, .justify-content-xs-center, .justify-content-lg-center {
    justify-content: center;
}

#checkoutSampleImg{
    height:100%;
    width:100%;
}
.modal-dialog{
    display:flex;
}
.modal {
    position: absolute;
    top: 10px;
    right: 100px;
    bottom: 0;
    left: 0;
    z-index: 10040;
    overflow: auto;
    overflow-y: auto;
}
.modal-header>h4{
    text-align: center;
}
.modal-header:not[h4]{
    justify-content: right;
}
#animationText{
    color:var(--color-content-primary);
    font-size: 1.4rem;
}
#progressbar {
    background-image:repeating-linear-gradient(-45deg, rgba(210, 33, 39, 0.56), rgba(210, 33, 39, 0.56) 5px, white 5px, white 10px);
    border-radius: 13px;
    border:2px solid var(--color-content-primary);
}

#progressbar>div {
    background-color: var(--color-content-primary);
    width: 0;
    /* Adjust with JavaScript */
    height: 20px;
    border-radius: 10px;
}

/* ---- MAIN CONTENT STYLE ---- */
main {
    flex-grow: 1;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* ---- TITLE BLOCK ---- */
.title-section {
    width: 100%;
    text-align: center;
    z-index: 1;
}

.title {
    color: var(--color-content-primary);
    font-size: 36px;
    padding-top: 10px;
}

/* Shape Divider */
.l-section-shape-wrapper {
    position: relative;
    width: 100%;
    height: 20vmin;
    margin-top: -100px;
}

.l-section-shape-wrapper svg {
    width: 100vw;
    height: 100%;
    fill: #000;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* Mobile-specific adjustments */
@media screen and (max-width: 900px) {
    .l-section-shape-wrapper {
        height: 20vmin;
        margin-top: -80px;
    }

    .title {
        font-size: 28px;
        padding-top: 10px;
    }
}

@media screen and (max-width: 600px) {
    .l-section-shape-wrapper {
        height: 30vmin;
        margin-top: -80px;
    }

    .title {
        font-size: 28px;
        padding-top: 10px;
    }
}

/* ---- PAGE STYLE - terms of service ----*/
/* Main Layout */
main.terms-page {
    display: flex;
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
    column-gap: 50px;
    flex-direction: row;
}

/* Table of Contents (Left Column) */
main.terms-page .toc {
    /*width: 100%;*/
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    padding: 20px;
    height: max-content;
}

/* Table of Contents Header */
main.terms-page .toc h1 {
    margin-top: 0;
    color: var(--color-content-primary);
    font-size: 3em;
}

main.terms-page .toc ul {
    list-style-type: none;
    padding: 0;
}

main.terms-page .toc li {
    margin-bottom: 10px;
}

main.terms-page .toc a {
    text-decoration: none;
    color: #000;
}

main.terms-page .toc a:hover {
    color: var(--color-content-secondary);
}

/* Content (Right Column) */
main.terms-page .content h2 {
    font-size: 2em;
    color:black;
    margin:0;
}

main.terms-page .content h3 {
    color:black;
    font-size: 1.17em;
    margin:0;
}

main.terms-page .content p {
    line-height: 1.5em;
}

main.terms-page .content {
    width: 100%;
}

main.terms-page .content section {
    margin-bottom: 30px;
}

/* mobile style */
@media (max-width: 900px) {
    main.terms-page {
        flex-direction: column;
        column-gap: 0;
    }

    main.terms-page .toc {
        order: 1;
        position: static;
        padding: 10px 0;
        height: auto;
    }

    main.terms-page .content {
        order: 2;
        padding: 10px 0;
    }

    main.terms-page .content h2 {
        color:black;
        font-size: 1.6em;
    }

    main.terms-page .content p {
        font-size: 1em;
    }
}

/* ---- TITLE BLOCK ---- */
.title-section {
    width: 100%;
    text-align: center;
    z-index: 1;
}

.title {
    color: var(--color-content-primary);
    font-size: 36px;
    padding-top: 10px;
}

/* Shape Divider */
.l-section-shape-wrapper {
    position: relative;
    width: 100%;
    height: 20vmin;
    margin-top: -100px;
}

.l-section-shape-wrapper svg {
    width: 100vw;
    height: 100%;
    fill: #000;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* Mobile-specific adjustments */
@media screen and (max-width: 900px) {
    .l-section-shape-wrapper {
        height: 20vmin;
        margin-top: -80px;
    }

    .title {
        font-size: 28px;
        padding-top: 10px;
    }
}

@media screen and (max-width: 600px) {
    .l-section-shape-wrapper {
        height: 30vmin;
        margin-top: -80px;
    }

    .title {
        font-size: 28px;
        padding-top: 10px;
    }
}

/*main content of about */
.about-us {
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
    font-family: 'Arial', sans-serif;
}

.about-us h1 {
    color: var(--color-content-primary);
    font-size: 32px;
    margin-bottom: 10px;
    text-align: center;
}

.about-us h2 {
    color: white;
    font-size: 24px;
    margin-bottom: 10px;
}

.about-us h3 {
    font-size: 24px;
    color: white;
    margin-bottom: 5px;
    text-align: center;
}

.about-us p {
    color: black;
    line-height: 1.6;
    margin-bottom: 20px;
    text-align: center;
}

/* Intro Section */
.intro {
    margin-bottom: 30px;
}

/* Why Choose QuicMail Section */
.why-choose {
    margin-bottom: 30px;
    text-align: center;
}

.why-choose h1 {
    color: var(--color-content-primary);
    font-size: 28px;
    margin-bottom: 30px;
}

/* Row for circular items */
.circleRow {
    display: flex;
    justify-content: center;
    gap: 40px;
}

.column {
    flex: 1;
    max-width: 200px;
    text-align: center;
}

/* Circular containers for the points */
.circle {
    width: 80px;
    height: 80px;
    background-color: var(--color-content-secondary);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px auto;
    font-size: 36px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Adjust text styling */
.column h3 {
    color: #333;
    margin-bottom: 10px;
    font-size: 18px;
}

.column p {
    color: #555;
    font-size: 14px;
    line-height: 1.6;
}

/* For responsiveness, stack items on smaller screens */
@media (max-width: 768px) {
    .row {
        flex-direction: column;
        align-items: center;
    }

    .column {
        margin-bottom: 20px;
        max-width: 100%;
    }
}


/* Meet Francine Section */
.meet-francine {
    margin-bottom: 30px;
}

.image {
    margin-top: 20px;
    text-align: center;
}

.image img {
    max-width: 150px;
    width: 100%;
    height: auto;
    margin: 20px 10px 30px 10px;
}

/* ---- FOOTER STYLE ---- */
.footer-background {
    width: 100vw;
    background-color: #000000;
    position: relative;
    left: 50%;
    margin-left: calc(-50vw);
    box-sizing: border-box;
}

.footer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    background-color: #000;
    position: relative;
    margin-top: auto;
}

.footer-content {
    text-align: center;
    width: 100%;
}

.footer-logo img {
    width: 200px;
    max-width: 200px;
    margin-bottom: -20px;
}

.footer-disclaimer {
    color: white;
    margin-bottom: 20px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}

/* ---- FOOTER STYLE - social icons ---- */
.footer-social ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.footer-social img {
    width: 40px;
    height: auto;
    transition: filter 0.3s ease;
}

.footer-social img:hover {
    filter: invert(50%) sepia(13%) saturate(3207%) hue-rotate(140deg) brightness(150%) contrast(80%);
}

.footer-copyright {
    text-align: center;
    color: var(--color-content-primary);
    padding: 10px 0;
    width: 100%;
}

/* ---- FOOTER STYLE - mobile ---- */
@media (max-width: 900px) {
    .footer {
        flex-direction: column;
        padding: 20px;
    }

    .footer-social ul {
        flex-direction: row;
        gap: 10px;
    }

    .footer-social img {
        width: 30px;
    }
}


/* what is Send a Letter Section */
.send-a-letter {
    margin: 30px 0;
    text-align: center;
}

.send-a-letter h2 {
    color: var(--color-content-primary);
    font-size: 28px;
    margin-bottom: 40px;
}

/* Styling for the columns */
.letter-columns {
    display: flex;
    justify-content: center;
    gap: 30px;
}

.letter-column {
    flex: 1;
    max-width: 300px;
    padding: 20px;
    background-color: var(--color-content-primary);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.letter-column h3 {
    color: white;
    font-size: 20px;
    margin-bottom: 15px;
}

.letter-column p, .letter-column ul {
    color: white;
    font-size: 14px;
    line-height: 1.6;
}

.letter-column ul {
    padding-left: 20px;
}

.letter-column li {
    margin-bottom: 10px;
}

/* Circle Icon Styling */
.circle-icon {
    font-size: 50px;
    background-color: white;
    color: white;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Responsive Design: Stack columns on mobile */
@media (max-width: 768px) {
    .letter-columns {
        flex-direction: column;
    }

    .letter-column {
        max-width: 100%;
        margin-bottom: 30px;
    }
}


/* ---- PAGE STYLE - send a letter ---- */
.sendletter-bg {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100vw;
    position: relative;
    left: 50%;
    margin-left: -50vw;
    flex-grow: 1;
    min-height: 0;
    box-sizing: border-box;
    z-index: -1;
}

.sendletter-bg img {
    width: calc(100vw + 200px);
    max-width: none;
    height: auto;
    display: block;
}

/* rich text editor placeholder css */
.form-container {
    display: flex;
    justify-content: space-between;
    gap: 100px;
    flex-wrap: wrap;
    padding: 20px;
    box-sizing: border-box;
    z-index: 1;
    margin-top: -7rem;
}
#holidayLink{

}
#holiday{
    min-height: 90vh;
    padding-top: 10rem;
    /*background-image: url("../img/Christmas background.png");*/
    background-color:#FFFFFF;
    /*background-size: */
    background-repeat: no-repeat, repeat;
    background-position: bottom;
}
.tooLateSanta{
    background-image: url("../img/Christmas-background-late BLANK.png");
    height: 80vh;
    position:relative;
    background-size: cover;
    background-repeat: no-repeat, repeat;
    background-position: bottom;
}
#tooLateMessage{
    color: var(--color-content-secondary);
    text-align:center;
    position: absolute;
    width:max-content;
    top:35%;
    left:50%;
    right:50%;
    transform:translate(-50%,-50%);
    font-size: xx-large;
    font-family: var(--font-family);
    z-index:9;
}

/* Dropdown Button */
.dropbtn {
    background-color: var(--color-content-primary);
    color: white;
    padding: 0 5px;
    border-radius: 5px;
    border: none;
    width: max-content;
    min-width:225px;
    font-size:large;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    width: max-content;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    width:100%;
    background-color: var(--color-content-primary);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: white;
    padding: 2px 5px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: var(--color-content-secondary);}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {border-radius:0}

/* Left column - Text editor */
.editor-column {
    flex: 1 1 40%;
    min-width: 300px;
    padding: 20px;
    box-sizing: border-box;
    z-index: 1;
}
.editor-column label {
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
    color: #333;
}
.editor-column h3 {
    font-size: 32px;
    margin-bottom: 30px;
    color: var(--color-content-primary);
}
.editor-column input {
    width: 100%;
    padding: 10px;
    /*border: 1px solid #000;*/
    border-radius: 0 0 5px 5px;
    font-size: 16px;
    box-sizing: border-box;
}
#signatureBox{
    position: relative;
    border: 1px solid #000000;
    border-radius: 0 0 5px 5px;
    box-sizing: border-box;
    float:right;
    margin-top:-106px;
    background-color:#FFFFFF;
}
#signatureBox label{
    padding:0 10px 0 10px;
}
#editor{
    border-radius:0 0 5px 5px;
}
.text-editor {
    width: 100%;
    height: 150px;
    padding: 10px;
    font-size: 16px;
    border: 2px solid #000;
    border-radius: 5px;
    box-sizing: border-box;
    resize: vertical;
}

/* Right column - Form inputs */
.form-column {
    flex: 1 1 35%;
    min-width: 300px;
    padding: 20px;
    padding-top: 110px;
    box-sizing: border-box;
    z-index: 1;
    padding-bottom:16.2rem;
}

.form-column label {
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
    color: #333;
}
.form-column p{
    display: block;
    margin-bottom: 0;
    font-size: 11px;
    color: #333;
}

.form-column input {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #000;
    border-radius: 5px;
    font-size: 16px;
    box-sizing: border-box;
}
.form-column textarea{
    min-height: 80px;
    height:80px;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #000;
    border-radius: 5px;
    box-sizing: border-box;
    resize: vertical;
}

/* Responsive design for smaller screens */
@media (max-width: 900px) {
    .form-container {
        flex-direction: column;
        gap: 0;
    }

    .editor-column, .form-column {
        flex: 1 1 100%;
        min-width: 100%;
    }
    .form-column{
        padding-top:10px;
    }

    #editor{
        height:150px;
        min-height: 100px;
    }
}

/* button for send a letter */
.cta-button {
    background-color: var(--color-content-primary);
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    transition: background-color 0.3s ease-in-out;
    border: none;
    cursor: pointer;
    /*margin-top: 10px;*/
}

.no-touch .l-subheader.at_middle a:hover, .no-touch .l-header.bg_transparent .l-subheader.at_middle .w-dropdown.opened a:hover .cta-button:hover , .cta-button:hover {
    background-color: var(--color-content-secondary);
    color: white;
    cursor:pointer;
}
.ql-container h1,.ql-container h2,.ql-container h3,.ql-container h4,.ql-container h5,.ql-container h6{
    color:black;
}
.tooltip {
    position: relative;
    display: inline-block;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: relative;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}

#termsBox{
    height:25vh;
    width:100%;
    margin-top: 15px;
    margin-bottom: 15px;
}
#termsLinkBtn:hover{
    cursor: pointer;
}
#dynamicletteranimation{
    max-height:95vh;
    max-width:60vw;
    height:100%;
}
input#termsCheck:not(:checked){
    border: 2px var(--color-content-secondary) solid;
    animation: blink 750ms;
    animation-iteration-count: infinite;
}
@keyframes blink {
    50% {border-color: var(--color-content-primary);
    }

}
input#termsCheck:checked{
    background-color: var(--color-content-primary)
}
.shown.payColumn{
    width: auto;
    max-width:300px;
    opacity:1;
}
.payColumn{
    padding:10px;
    text-align:center;
    height: auto;
    opacity: 0;
    width: 0;
    transition: all 1s;
}
embed{
    min-width:80vw;
    min-height:80vh;
}