
/*--------------------------------- Colors ----------------------------------*/
/* official colors
    Blue-xLT: rgb(220, 235, 245);
    Blue-LT: rgb(60, 155, 220);
    Blue-MD: rgb(30, 75, 125);
    Blue-DK: rgb(15, 40, 75);
    Grey-LT: rgb(185,185,185);
    Grey-MD: rgb(110, 110, 110);
*/

/* color Blue-xLT */
.dark, .dark a[class="clickable"]
{
    color: rgb(220, 235, 245);
}

/* color Blue-LT */
footer, footer a, tbody, .dark-inset, h2, .dark a, .cart-title > span, .item-total > .value,
.item .info, .intro-subheader, .checkout-badge, .item .price
{
    color: rgb(95, 185, 248);
}

/* color Blue-MD */
.table-header, thead
{
    color: rgb(30, 75, 125);
}

/* color Blue-DK */
.light, .dark button, .dark input[type="submit"]
{
    color: rgb(15, 40, 75);
}

/* color Aqua-LT */
.demo-c2a_continue a
{
    color: rgb(245, 251, 252);
}

.demo-c2a_footer .copyright, button:disabled
{
    color: gray;
}

.demo-c2a_form label
{
    color: lightgrey;
}

.demo-c2a_alternate h2
{
    color: rgb(185,185,185);
}

.dark input[type="text"], .dark input[type="password"], .dark input[type="email"],
.dark input[type="url"], .dark input[type="textarea"]
{
    color: #f5f5f5;
}

.notices, .special, .special-features, #header-checkout, #path-q, .dark thead, .qty input,
.demo-c2a_continue h1, .demo-c2a_form button, .demo-c2a_thanks
{
    color: white;
}

.notices a[notice-color="red"] {
    background-color: #e51c23;
}

.notices a, select option
{
    color: inherit;
}

.offer button, #checkout-submit, .overlay-area .action button
{
    color: rgb(0, 152, 0);
}

/*------------------------------- Backgrounds --------------------------------*/

/* background Blue-xLT */
.light, .demo-c2a_form input[type="text"], .demo-c2a_form select
{
    background-color: white;
}

/* background Blue-MD */
.dark, button, input[type="submit"], .search-results li:hover
{
    background-color: rgb(30, 75, 125);
}

/* background Blue-DK */
button:active, input[type="submit"]:active, .dark-inset
{
    background-color: rgb(15, 40, 75);
}

.cart-title > span
{
    background-color: rgb(23, 58, 100);
}

/* color Aqua */
.demo-c2a_form button
{
    background:#31B0BF;
}

body
{
    background-color: #061222;
}

#overlay, .c-button
{
    background-color: rgba(0,0,0,0.5);
}

.banner
{
    background: url("https://dgnasabhsd3lp.cloudfront.net/img/Store_Product-Multi_Banner-Green.png") left / cover no-repeat;
}

.special
{
    background-color: rgb(0, 152, 0);
}

.bg-img:before
{
    background-size: cover;
    background-repeat: repeat-x;
}

.dark
{
    background: linear-gradient(to bottom right, rgb(30,75,125), rgb(15,40,75));
}

.offer .info
{
    background-size: cover;
    background-position: bottom left;
}

#c-left
{
    background: url("https://dgnasabhsd3lp.cloudfront.net/img/Store_Button_Arrow-Left-up.png") center no-repeat,
        url("https://dgnasabhsd3lp.cloudfront.net/img/Store_Image_Header-Left.png") bottom left / cover no-repeat;
}
#c-left:active
{
    background: url("https://dgnasabhsd3lp.cloudfront.net/img/Store_Button_Arrow-Left-mouseover.png") center no-repeat,
        url("https://dgnasabhsd3lp.cloudfront.net/img/Store_Image_Header-Left.png") bottom left / cover no-repeat;
}

#c-right
{
    background: url("https://dgnasabhsd3lp.cloudfront.net/img/Store_Button_Arrow-Right-up.png") center no-repeat,
        url("https://dgnasabhsd3lp.cloudfront.net/img/Store_Image_Header-Right.png") bottom right / cover no-repeat;
}
#c-right:active
{
    background: url("https://dgnasabhsd3lp.cloudfront.net/img/Store_Button_Arrow-Right-mouseover.png") center no-repeat,
        url("https://dgnasabhsd3lp.cloudfront.net/img/Store_Image_Header-Right.png") bottom right / cover no-repeat;
}

.demo-c2a
{
    background: url("https://dgnasabhsd3lp.cloudfront.net/img/Demo-LP_Background-bottom.jpg") top / 640px no-repeat;
}

.demo-c2a_formarea
{
    background: url("https://dgnasabhsd3lp.cloudfront.net/img/Demo-LP_Background-form.jpg") top / cover no-repeat;
}

button, input[type="submit"]
{
    background-image: linear-gradient(to bottom, rgb(30,75,125), rgb(15,40,75));
}

.offer button, .dark button, .dark input[type="submit"], .overlay-area .action button,
.offer button:active, .dark button:active, .dark input[type="submit"]:active, .overlay-area .action button:active
{
    background: -webkit-linear-gradient(rgb(220, 235, 245), rgb(185,185,185));
    background: -moz-linear-gradient(rgb(220, 235, 245), rgb(185,185,185));
    background: -o-linear-gradient(rgb(220, 235, 245), rgb(185,185,185));
    background: linear-gradient(rgb(220, 235, 245), rgb(185,185,185));
}

button:active, input[type="submit"]:active
{
    background-image: none;
    background-color: rgb(15,40,75);
}

input[type="text"], input[type="password"], input[type="email"], .item > .info input[type="number"],
input[type="url"], input[type="textarea"], .pure-form select, select, .search-results, .StripeElement
{
    background: rgb(22, 53, 90);
}

input[type="text"]:disabled, input[type="textarea"]:disabled, select:disabled
{
    background: linear-gradient(to bottom right, rgb(90,90,90), rgb(185,185,185));
}

.mag-border
{
    background-position: 30% 15%;
}

.overlay-area .cancel button
{
    background: none;
}

/*-------------------------------- Sizes ------------------------------------*/

.bg-img:before, #overlay, .wrapper, select, #checkout-submit, .c-button, .full,
.page-centered-md > div, .overlay-area, .overlay-embed, .demo-c2a_form input, .demo-c2a_form select, .demo-c2a_form textarea
{
    width: 100%;
}

html, body, .bg-img:before, #overlay, .wrapper, .overlay-area
{
    height: 100%;
}

.writein_entry
{
    width: 439px;
}

.page-centered-sm, .sm, .search-results, .overlay-area .container
{
    width: 480px;
}

.page-centered-md
{
    width: 640px;
}

.product-block
{
    min-width: 33%;
}

.md-variable
{
    min-width: 640px;
    width: 70%;
    max-width: 960px;
}

.page-centered-lg, .page-lg
{
    min-width: 960px;
    width: 90%;
    max-width: 1440px;
}

button, input[type="submit"]
{
    min-height: 2.5em;
}

.row button, .row .info, .row .dark-inset
{
    height: 3rem;
}

.header-button img
{
    height: 3em;
}

.co-brand > img
{
    height: 4em;
}

.search-results
{
    max-height: 20rem;
}

.item-total > .label
{
    width: 70%;
}

.cc-icons
{
    width: 66%;
}

.item-total > .value, .yes-no > button, .product__notice
{
    width: 30%;
}

.item .qty input
{
    width: 2em;
}

#loader
{
    width: 5rem;
    height: 5rem;
}

.product-logo > img
{
    width: 10rem;
}

#header-checkout, .header-button img, .offer button
{
    height: 52px;
}

#header-checkout, .overlay-area .icon img
{
    width: 57px;
}

.carousel > div
{
    height: 480px;
}

.demo-c2a_thanks
{
    height: 411px;
}

.demo-c2a
{
    height: 730px;
}

.mag-border
{
    height: 15px;
}

.item > .thumbnail img
{
    width: 100%;
    max-width: 80px;
}

.banner
{
    width: 225px;
}

.checkbox_btn, .demo-c2a_footer img
{
    width: 35px;
    height: 35px;
}

.checkout-badge > img, .cc-icons > img
{
    height: 2em;
}

/*------------------------------- Positions ---------------------------------*/

.bg-img, .bg-img::before, .notices a, #loader, .product-logo > img,
.cart-title > span, .search-results, .co-brand
{
    position: absolute;
}

.c-button, .checkout-badge > img, .checkbox_btn
{
    position: relative;
}

.banner span, .mag-border, .demo-c2a_overlay
{
    z-index: 2;
}

#overlay, .overlay-area
{
    position: fixed;
}

.bg-img
{
    z-index: -1000;
}

.dark, .light
{
    z-index: 1;
}

.notices a, #overlay, .overlay-area, .search-results
{
    z-index: 100;
}

.bg-img, .bg-img:before, #overlay, .overlay-area
{
    top: 0;
}

.checkbox_btn
{
    top: 12px;
}

.checkout-badge > img
{
    top: 0.68em;
}

.bg-img, #overlay
{
    right: 0;
}

.co-brand
{
    right: 3em;
    top: 3em;
}

.bg-img, #overlay
{
    left: 0;
}

.bg-img, #overlay
{
    bottom: 0;
}

#loader
{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.notices a
{
    top: 5rem;
    left: 10%;
    right: 10%;
}

/*---------------------------------- Margins --------------------------------*/

.offer button, .offer > .info ul, .search-results
{
    margin: 0;
}

.center, .page-centered-sm, .page-centered-md, .page-centered-lg, .overlay-area .container, .product__notice
{
    margin: auto;
}

.item-total, .intro-subheader, #path-q, .demo-c2a_footer .social a
{
    margin: 0.5em;
}

.demo-c2a_footer
{
    margin: 1em;
}

.page-lg
{
    margin: 3rem 3rem auto;
}

.product-block
{
    margin: 3em 1em 1em 1em;
}

.demo-c2a_alternate h2
{
    margin: 1rem 0 0.5rem 1.5rem;
}

.checkout-cart, .demo-c2a_alternate
{
    margin-top: 3em;
}

.radio-group, .demo-c2a_form > div
{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.product-block > .description, .product-block > .offer, #intro-logo, .submit
{
    margin-bottom: 1em;
}

.demo-c2a_overlap
{
    margin-bottom: -2em;
}

button, input[type="submit"]
{
    margin-top: 1em;
    margin-right: 1em;
}

.overlay-area button
{
    margin-top: 0.5em;
    margin-right: 0;
}

footer
{
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.notices a .icon
{
    margin: 0.25em 0.5em 0.25em 0.5em;
}

.notices a .close
{
    margin: 0.25em 0.5em 0.25em 0;
}

.header #logo, .demo-c2a_alternate > div
{
    margin-left: 2em;
}

.demo-c2a_continue
{
    margin-right: 2em;
}

.demo-c2a_footer .copyright
{
    margin-right: 4em;
}

.cc-icons > img
{
    margin-left: 0.1em;
}

.product-logo
{
    margin-bottom: 3rem;
}

.product-logo > img
{
    margin-top: -3rem;
    margin-left: -5rem;
}

.item .title, .banner
{
    margin-bottom: 0.3em;
}

#header-checkout span
{
    margin-left: 0.7em;
    margin-top: -0.3em;
}

.cart-title > span
{
    margin-top: -3em;
    margin-left: -2em;
}

.cc-icons
{
    margin-left: 11.3em;
}

.banner
{
    margin-left: -1em;
}

.banner > span
{
    margin-left: 1em;
}

.demo-c2a_continue h1
{
    margin-bottom: 0.2em;
}

.StripeElement--label
{
    margin-top: -1.5em !important;
}

/*----------------------------------- Borders --------------------------------*/
.dark, .notices a
{
    border-radius: 4px;
}

.offer button
{
    border-radius: 0
}

.pure-form .pure-control-group input[type='text'], .pure-form .pure-control-group input[type="email"],
.pure-form .pure-control-group select, .demo-c2a_form select
{
    border: none;
    border-radius: 0;
}

button, input[type="submit"], input[type="text"], input[type="number"], iframe
{
    border: none;
}

.product-block
{
    border: 2px solid rgb(30, 75, 125);
}

.checkout-cart
{
    border: 2px solid white;
}

#loader
{
    border: 1rem solid white;
    border-right-color: transparent;
    border-radius: 50%;
}

.h-line1
{
    border-top: 1px solid rgb(30,75,125);
    border-bottom: 2px solid rgb(15, 40, 75);
}

.h-line2
{
    border-bottom: 1px solid white;
}

.h-line3, .search-results li
{
    border-bottom: 1px solid rgb(95, 185, 248);
}

.dark thead
{
    border-bottom: 3px double white;
}

.dark td
{
    border: 1px solid white;
}

/*----------------------------------- Padding --------------------------------*/

.dark
{
    padding: 3rem;
}

.light, .product-block, .demo-c2a_formarea
{
    padding: 1rem;
}

select, input[type="email"], .dark-inset
{
    padding: 0.5em;
}

.special, .search-results li, .demo-c2a_form input[type="text"], .demo-c2a_form textarea
{
    padding-left: 0.5em;
}

ul
{
    padding-left: 1em;
}

.header-button, .offer .info, #checkout-submit, .page-centered-md button
{
    padding: 1em;
}

.item
{
    padding: 1em 0;
}

.checkout-cart, #enter-id, #choose-school
{
    padding: 2em;
}

input[type="text"], .label, .value
{
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.qty input[type="text"]
{
    padding: 0;
}

.item .price
{
    padding-right: 0.5em;
}

.cart-title > span, tr, td
{
    padding: 0.2em 0.5em;
}

.StripeElement
{
    padding: .5em .6em;
}

.search-results li
{
    padding: 0 0.5em;
}

.overlay-area .action button, .demo-c2a_form button
{
    padding-left: 2em;
    padding-right: 2em;
}

.overlay-embed
{
    padding-bottom: 0.5em;
}

.demo-c2a_continue
{
    padding-top: 0.1em;
}

/*------------------------------------ Text ----------------------------------*/


html, input, select, textarea, .pure-g [class *= "pure-u"], .product-block button, .overlay-area .cancel button,
.demo-c2a_alternate h2, .demo-c2a_form button
{
    font-family: "Roboto", sans-serif;
}

button, input[type="submit"], .product-block > .button-anchor,
.offer .info, .offer .special, h2, h3, .cart-title > span, #euala-check > a,
.title span:first-child, .is-slab
{
    font-family: "Roboto Slab", serif;
}

.demo-c2a_continue h1, .demo-c2a_form label
{
    font-family: "Roboto Condensed", "Roboto", sans-serif;
}

a
{
    font-family: inherit;
}

h1, .cart-title > span, .intro-subheader
{
    font-weight: 300;
}

.offer button,
button, input[type="submit"], h2
{
    font-weight: 400;
}

.dark-inset, #header-checkout span, #checkout-submit, .item-total > .value, #path-q, .page-centered-md button,
.title span:first-child, .qty span:first-child, .info .clickable, .demo-c2a_continue h1,
.demo-c2a_alternate h2, .demo-c2a_form label, .product__notice
{
    font-weight: bold;
}

.demo-c2a_continue a, .demo-c2a_form button
{
    font-weight: 900;
}

.notices a, footer, .overlay-area .cancel button, .title .subtitle, .qty span:first-child,
.demo-c2a_form label, .demo-c2a_footer .copyright
{
    font-size: small;
}

h2, .search-results li, .demo-c2a_form button
{
    font-size: large;
}

.intro-subheader, #path-q, .big-input
{
    font-size: x-large;
}

.demo-c2a_alternate h2
{
    font-size: xx-large;
}

h1
{
    font-size: 2.5em;
}

.product__notice
{
    font-style: italic;
}

.demo-c2a_continue h1
{
    font-size: 1.8em;
    letter-spacing: 0.02em;
}

.demo-c2a_continue a
{
    font-size: 1.6em;
    letter-spacing: 0.08em;
}

.info .clickable
{
    font-size: 0.9em;
}

footer, .dark-inset, #checkout-submit, .back-link
{
    letter-spacing: 0.15em;
}

.intro-subheader
{
    letter-spacing: 0.0825em;
}

button, input[type="submit"], h1, h2, label, .item-total .label, #euala-check,
.cart-title > span, .item .price, .item-total .value
{
    letter-spacing: 0.05em;
}

.demo-c2a_alternate h2
{
    letter-spacing: 0;
}

a, button, input[type="submit"], .overlay-area .cancel button
{
    text-decoration: none;
}

button, input[type="submit"], label
{
    text-transform: uppercase;
}

a:hover, .button-anchor:hover, .item a:hover, td a:hover, .overlay-area .cancel button:hover:enabled,
.clickable:hover, footer a:hover
{
    text-decoration: underline;
}

/*---------------------------------- Alignment ------------------------------*/

footer, .centered, .notices a .icon, .notices a .close,
.header-button, .dark-inset, .offer button, .product-block > a, .product-logo,
.cart-title, #checkout-submit, #euala-check, #path-q, #intro-logo,
.page-centered-md button, .page-centered-md .back-link, .big-input,
.intro-subheader, .item .qty input, .product__notice
{
    text-align: center;
}

button, input[type="submit"], .checkout-badge.force-left
{
    text-align: left;
}

.item-total, .overlay-area .close, .checkout-badge, .item .price, .demo-c2a_continue,
.demo-c2a_footer .copyright
{
    text-align: right;
}

/*------------------------------------ Flex ---------------------------------*/

.notices a, .wrapper, .header, .carousel, .container, .details, .header-content, .product__container,
.item-total, .page-centered-md, .yes-no, .overlay-area, .cc-icons, .demo-c2a_alternate, .demo-c2a_form .row,
.demo-c2a_footer
{
    display:-webkit-box;
    display:-webkit-flexbox;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
}

[display="flex"] > *
{
    /* flex: <grow> <shrink> <basis> */
    -webkit-box-flex: 0;
            -ms-flex: 0 1 auto;
                flex: 0 1 auto;
}

.product__container
{
    flex-wrap: wrap;
}

.wrapper, .container, .details, .page-centered-md, .overlay-area
{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.wrapper, .yes-no
{
    -ms-flex-line-pack: center;
    align-content: center;
}

.container, .header-content, .carousel, .demo-c2a_footer
{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.yes-no
{
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.demo-c2a_form .row
{
    justify-content: space-between;
}

.cc-icons
{
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.notices a
{
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.page-centered-md
{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product__container
{
    align-items: flex-start;
}

.demo-c2a_footer
{
    align-items: end;
}

.notices a .icon
{
    -webkit-box-flex: 0;
    -ms-flex: 0 1 1.25em;
    flex: 0 1 1.25em;
}

.notices a .message, #logo
{
    -webkit-box-flex: 99;
    -ms-flex: 99 1 auto;
    flex: 99 1 auto;
}

.notices a .close
{
    -webkit-box-flex: 0;
    -ms-flex: 0 1 1em;
    flex: 0 1 1em;
}

.details > *, .details > .dark-inset
{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.product-block
{
    flex: 1 1 0%;
}

.details > .special
{
    -webkit-box-flex: 10;
    -ms-flex: 10 1 auto;
    flex: 10 1 auto;
}

.header-button, #header-checkout span, #logo, .page-lg,
.overlay-area .container > div
{
    -ms-flex-item-align: center;
    align-self: center;
}

.overlay-area > .container > .close
{
    -ms-flex-item-align: auto;
    align-self: auto;
}

.demo-c2a_form .row > div
{
    flex: 0.45 1 auto;
}


/*------------------------------------ Grid ---------------------------------*/

.offer, .item
{
    display: -ms-grid;
    display: grid;
}

.item
{
    -ms-grid-columns: 25% auto 20%;
    grid-template-columns: 25% auto 20%;
}

.offer
{
    -ms-grid-columns: auto 6em;
    grid-template-columns: auto 6em;
}

.offer > .info, .item > .thumbnail
{
    -ms-grid-column: 1;
    /*-ms-grid-column-span: 2;*/
    grid-column: 1 / 2;
}

.offer > .details, .item > .title, .item > .info
{
    -ms-grid-column: 2;
    /*-ms-grid-column-span: 2;*/
    grid-column: 2 / 3;
}

.item > .price
{
    -ms-grid-column: 3;
    grid-column: 3;
}

.item > .h-line3
{
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1 / span 3;
}

.item > .thumbnail
{
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / span 2;
}

.item > .title
{
    -ms-grid-row: 1;
    grid-row: 1 / 2;
}
.item > .info
{
    -ms-grid-row: 2;
    grid-row: 2;
}

/*----------------------------------- Shadow --------------------------------*/

.dark, .light, .header, .carousel
{
    box-shadow:
        0 0 80px rgba(0,0,0,0.5),
        0 20px 50px rgba(0,0,0,0.5),
        0 -20px 50px rgba(0,0,0,0.5);
}

button:hover:enabled, input[type="submit"]:hover:enabled, .dark button:hover:enabled, .dark input[type="submit"]:hover:enabled,
.offer button:hover, .overlay-area .action button:hover, .header-button:hover, .checkbox_btn:hover
{
    box-shadow: inset 0 0 6px white;
}

.pure-form .pure-control-group input[type='text'], .pure-form .pure-control-group input[type="email"],
.pure-form .pure-control-group select, .item > .info input[type='number'],
input[type="text"], input[type="password"], input[type="email"],
input[type="url"], input[type="textarea"], .StripeElement
{
    box-shadow:
        inset 0px -8px 3px -10px white,
        inset 0 8px 9px -10px black;
}

.offer > .info
{
    box-shadow:
        inset 0px 0px 0px 2px rgb(95, 185, 248);
}

.notices a
{
    box-shadow: 0 5px 20px rgba(0,0,0,0.5);
}

.dark button, .dark input[type="submit"]
{
    box-shadow:
        inset -0.2rem -0.2rem 0.4rem -0.2rem black,
        inset 0 0.1rem 0.1rem 0 white;
}

.offer button, .overlay-area .action button
{
    box-shadow:
        inset -0.15rem -0.1rem 0.11rem -0.12rem black,
        inset 0 0.1rem 0.1rem 0 white;
}

.offer button:active, .overlay-area .action button:active,
.dark button:active:enabled, .dark input[type="submit"]:active:enabled, .header-button:active
{
    box-shadow:
        inset -0.15rem -0.1rem 0.11rem -0.12rem white,
        inset 0 0.1rem 0.1rem 0 black;
}

.header-button
{
    box-shadow:
        inset -2px -2px 1px 0px rgba(0,0,0,0.7),
        inset 2px 2px 1px 0px rgba(110, 110, 110, 0.5)
}



/*------------------------------------ Other --------------------------------*/

html
{
    touch-action: manipulation;
}

.bg-img:before
{
    content: '';
}

.notices a .close, .button-anchor, .overlay-area .close, .clickable, select, .c-button, .checkbox_btn
{
    cursor: pointer;
}

.closed, #overlay, .hide, [v-cloak]
{
    display: none;
}

.checkbox_btn, .label, .StripeElement
{
    display: inline-block;
}

.demo-c2a_form label
{
    display: block;
}

.banner > span
{
    white-space: nowrap;
}

.is-clearfix:after
{
    content: "";
    display: table;
    clear: both;
}

.notices a
{
    opacity: 0;
    transition: opacity .6s;
    visibility: hidden;
}

.notices a.active
{
    opacity: 1;
    visibility: visible;
}

#loader
{
    animation: spin 1s linear infinite;
}

@keyframes spin
{
  from { transform: rotate(0deg); opacity: 0.2; }
  50%  { transform: rotate(180deg); opacity: 1.0; }
  to   { transform: rotate(360deg); opacity: 0.2; }
}

select
{
    overflow: hidden;
}

.search-results
{
    overflow-y: scroll;
}

.fade-item {
    display: block;
}

.fade-enter-active, .fade-leave-active
{
    transition: opacity .5s;
}

.fade-enter, .fade-leave-to
{
    opacity: 0;
}

.search-results li
{
    list-style: none inside;
}

textarea
{
    resize: none;
}

.demo-c2a_form select
{
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url("https://dgnasabhsd3lp.cloudfront.net/img/icon_dropdown-arrow.png") right / 24px no-repeat content-box, white;
}

form input, form textarea, .StripeElement
{
    box-sizing: border-box;
}

/*------------------------------- Media Queries ----------------------------*/

@media (max-width: 960px)
{
    .page-lg, .overlay-area .container > div
    {
        align-self: auto;
    }

    .page-lg
    {
        margin: 0 0 auto;
    }
}
