.d-flex {
    display: flex !important;
}

.rwTitle {
    font-size: 1rem !important;
}

.rwDialogContent {
    font-size: 1rem;
}

.rwDialogButtons {
    font-size: 1rem;
}

h2 {
    font-size: 1.6rem !important;
    font-weight: bold;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

h3 {
    font-size: 1.75rem;
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: 0.5;
}

    .btn-close:hover {
        color: #000;
        text-decoration: none;
        opacity: 0.75;
    }

    .btn-close:focus {
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
        opacity: 1;
    }

    .btn-close:disabled, .btn-close.disabled {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        opacity: 0.25;
    }

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
    width: 100%;
}
/* Site fonts */
@font-face {
    font-family: 'Baginda Script';
    src: url('fonts/BagindaScript.otf') format('opentype');
}

@font-face {
    font-family: 'BodoniXT';
    src: local('BodoniXT'), url('fonts/BodoniXT.otf') format('opentype');
}

/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    font-family: 'Montserrat' !important;
    /*font-size: 2.9dvw;*/
}

@media (min-width: 1280px) {
}

@media (orientation: landscape) {
    body {
        /*font-size: 2.9dvw;*/
    }
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    vertical-align: middle;
}

body {
    font-family: 'Montserrat' !important;
}

.EasyDNNSkin_Galore h1, .EasyDNNSkin_Galore .h1, .EasyDNNSkin_Galore h2, .EasyDNNSkin_Galore .h2, .EasyDNNSkin_Galore h3, .EasyDNNSkin_Galore .h3, .EasyDNNSkin_Galore h4, .EasyDNNSkin_Galore .h4,
.EasyDNNSkin_Galore h5, .EasyDNNSkin_Galore .h5, .EasyDNNSkin_Galore h6, .EasyDNNSkin_Galore .h6 {
    font-family: "BodoniXT", sans-serif;
    font-weight: normal;
    letter-spacing: normal;
    color: #557571;
}

.eds_bottomBorder {
    display: none;
}

/*
a.anchor:before {
    content: "";
    display: block;
    height: 280px; //fixed header height
    margin: -280px 0 0; //negative fixed header height
}

a.anchor {
    scroll-padding-top: 280px;
}
*/

a.anchor {
    display: block;
    position: relative;
    visibility: hidden;
    scroll-margin-top: 4rem;
}

/*
a, a:visited {
    color: #231f20 !important;
}
*/

/*Used for the overlay for Ajax*/
.umodal {
    background-color: #d6ddd8;
    filter: opacity(40%);
    height: 100%;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.loading {
    left: 0;
    position: absolute;
    top: 0;
    min-height: 400px;
    height: 100%;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}

.ucenter {
    border-radius: 10px;
    filter: opacity(100%);
    margin: 300px auto;
    opacity: 1;
    padding: 10px;
    width: 130px;
    z-index: 1000;
}

/*  Form Selection */
.forms-inputs {
    position: relative;
    margin-bottom: 1.5rem !important;
}

    .forms-inputs span {
        position: absolute;
        top: -12px;
        margin-left: 18px !important;
        background-color: #fff;
        font-size: 1rem;
        color: #ce7d5d;
        z-index: 10;
    }

    .forms-inputs input {
        height: 50px;
        border: 2px solid #eee
    }

        .forms-inputs input:focus {
            box-shadow: none;
            outline: none;
            border: 2px solid #000
        }


.form-select {
    line-height: 2.5rem !important;
}

.form-control:focus {
    box-shadow: none;
    outline: none;
    border: 2px solid #000 !important;
}

.form-check-input {
    border: 1px solid black;
    background-color: white;
}

    .form-check-input:checked {
        background-color: #ce7d5d !important;
        border-color: #000 !important;
    }

    .form-check-input:focus {
        border-color: #000;
        outline: 0;
        box-shadow: none;
    }

.dividingHeader {
    padding-bottom: 0.21428571rem;
    border-bottom: 1px solid rgba(34,36,38,.15);
}

    .dividingHeader:first-child {
        margin-top: -0.14285714em;
    }

/***** Julia code ******/
#container {
    min-width: 100%;
    width: 100%;
    max-width: 100%;
}

#dnn_cartPane {
    min-height: auto !important;
}

.eds_searchButtonLabel {
    cursor: pointer;
}

.notify {
    text-align: center;
    font-size: 1.4rem;
}

#page {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    margin: auto;
}

.heading1 {
    font-family: 'BodoniXT',Verdana,Arial,sans-serif;
    font-size: 20pt;
    font-weight: bold;
    color: #989898;
}

.heading1-green {
    font-size: 2.8rem;
    color: #567571;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    font-family: 'BodoniXT', serif;
}

.heading2 {
    font-family: 'Montserrat Medium',Verdana,Arial,sans-serif;
    font-size: 14pt;
    font-weight: bold;
    color: #838384;
}

.heading3 {
    font-family: 'Nunito Sans';
    letter-spacing: 3px;
    font-size: 18px;
}

.heading6 {
    font-family: 'Montserrat';
    font-size: 14pt;
    font-weight: bold;
    color: #838384;
}


#image-group-container {
    position: relative;
    border: 20px solid red;
}

#image-group {
    top: 0;
    left: 0;
    background: red;
    opacity: .8;
    position: absolute;
}

#image-group-overlay {
    background: blue;
    z-index: 999;
    margin: 20px;
}

#eds_searchButton {
    opacity: 1;
    visibility: visible;
}

.clear {
    clear: both;
}

.toolbar-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #c6c7c9;
}

.searchbar-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-menu-items {
    font-family: 'Montserrat Medium',Verdana,Arial,sans-serif !important;
    font-size: 12px;
    line-height: 1.2;
    height: 47px;
    overflow: visible;
    display: flex;
    align-items: center;
    margin: 0;
}

    .header-menu-items .dropdownLink-container img {
        width: 22px;
    }

    .header-menu-items li.dropdownLink-container, .header-menu-items li.toolbar-menu {
        margin-bottom: 0;
        height: 40px;
        color: #231f20;
    }

    .header-menu-items .desktop-only {
        display: inline-block;
    }

    .header-menu-items li {
        list-style-type: none;
        position: relative;
        margin-right: 0.5rem;
    }

    .header-menu-items .menu-item a span {
        font-family: Montserrat Medium,Verdana,Arial,sans-serif !important;
        font-size: 13px;
        color: #58595b;
    }

.upper-nav-item {
    display: inline-flex;
    line-height: 1;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

.EasyDNNSkin_Galore .responsAbilityMenu.eds_menuType5 .raMenuWrapper > ol > li.showlater_menuItem {
    display: none;
}

.toggleMenuItem {
    display: none !important;
}

.menuItemPricing {
    width: auto !important;
    float: right;
}

.dark-green-text {
    height: 50px;
    letter-spacing: 2px;
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #567571;
    font-family: montserrat, Verdana,Arial,sans-serif;
    text-align: center;
}

.dark-text {
    color: #000000;
    font-weight: bold;
    font-size: 1rem;
    text-align: center;
    padding: 34px 46px;
}

.light-text-box {
    background-color: #D5DDD8;
    padding: 60px 40px;
}

.medium-text-box {
    background-color: #CE7D5D;
    color: #fff;
    text-transform: uppercase;
    margin: 100px 0 20px 0;
    text-align: center;
    font-size: 2.8rem;
    letter-spacing: 3.4px;
    word-spacing: 14px;
    padding: 26px;
    text-transform: uppercase;
    font-family: 'BodoniXT', serif;
}

.Login {
    font-family: 'Montserrat Medium',Verdana,Arial,sans-serif !important;
    font-size: 12px;
    line-height: 1.2;
    height: 47px;
    overflow: visible;
    display: inline-flex !important;
    align-items: center;
    margin: 0;
    vertical-align: middle;
}

.sep {
    line-height: 1;
    vertical-align: middle;
    padding: 0 4px;
}

.grid-table td {
    vertical-align: top;
}

a.hover-reverse-colors:hover {
    background-color: #000000;
    color: #fff !important;
}

.dark-list, .dark-list ul li {
    font-family: 'Nunito Sans' !important;
    font-size: 18px !important;
    font-style: normal;
    line-height: 1.5em;
    letter-spacing: 3.5px;
    text-transform: capitalize;
    color: #231f20 !important;
}


.EasyDNNSkin_Galore .eds_headerContainer .eds_fixedHeader .eds_headerBackground .eds_header .eds_logo {
    margin: auto;
    text-align: center;
    width: 60%;
    max-width: 100% !important;
    transition: none;
    -webkit-transition: none;
    max-width: 500px;
}


#RightHeader1, #dnn_RightHeader2 {
    text-align: right;
    min-height: 30px !important;
    color: #40999c;
    text-transform: uppercase;
    font-family: "Nunito Sans";
    font-weight: 800;
}

    #RightHeader1 a, #RightHeader1 a:visited, #dnn_RightHeader2 a, #dnn_RightHeader2 a:visited {
        color: #40999c;
        letter-spacing: .75px;
    }

.padded-top {
    margin-top: 140px;
}

/* Tables */

td {
    vertical-align: top;
}

/* End Tables */

/* Buttons */
.StockButton {
    background-color: transparent;
    color: #2b2f33;
    text-transform: uppercase;
    padding: 10px 16px;
    font-weight: 600;
    font-family: 'FreightSans Pro';
    letter-spacing: 2px;
}

.StockButtonLarge {
    width: 320px !important;
}

.button-wrapper {
    padding: 10px 16px;
    width: 300px;
    margin-top: 100px;
    margin-bottom: 40px;
    text-align: center;
    border: 2px solid #2b2f33;
}

.transparent-button {
    background-color: transparent;
    color: #2b2f33;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'FreightSans Pro';
    letter-spacing: 2px;
}

.toggle-position {
    position: relative;
    margin: auto;
    height: 60vh;
}

    .toggle-position::after {
        content: "";
        display: table;
        clear: both;
    }

h4.ui.header {
    text-transform: capitalize;
    font-size: 18px;
    font-family: 'Nunito Sans';
    font-weight: 700;
    letter-spacing: 3.5px;
}

.field label {
    padding: 0 10px 0 6px;
}

/* Narrow scrolling block */
.marquee-narrow {
    height: 300px;
    width: 1146px; /* (Number of slides * width of each slide) + (number of slides * (slide left + right margins)) */
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin: 20px auto;
}

.marquee-narrow--inner {
    display: block;
    width: 200%;
    margin: 50px 0;
    position: absolute;
    animation: marquee 40s linear infinite;
}

.slide-narrow {
    width: 179px;
    height: 179px;
    background: #999;
    display: inline-block;
    margin: 0 6px;
    float: left;
    transition: all .2s ease-out;
}
/* End narrow scrolling block*/

/* Wide scrolling block */
.marquee {
    height: 500px;
    width: 1272px; /* (Number of slides * width of each slide) + (number of slides * (slide left + right margins)) */
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin: 0px auto;
}

.marquee--inner {
    display: block;
    width: 200%;
    margin: 170px 0;
    position: absolute;
    animation: marquee 20s linear infinite;
}

    .marquee--inner:hover, .marquee-narrow--inner:hover {
        animation-play-state: paused;
    }

.slide-set {
    float: left;
    width: 50%;
}

.slide {
    width: 200px;
    height: 200px;
    background: #999;
    display: inline-block;
    margin: 0 6px;
    float: left;
    transition: all .2s ease-out;
}

    .slide:hover, .slide-narrow:hover {
        transform: scale(2.02);
        box-shadow: 10px 5px 5px #2b2f33;
        /*opacity: .5;*/
        cursor: pointer;
    }

@keyframes marquee {
    0% {
        left: 0;
    }

    100% {
        left: -100%;
    }
}
/* End wide scrolling block */

/* Image gallery slider */



/* End image gallery slider */

/* Social media icons */
.fa:hover {
    /*opacity: 0.9;*/
    color: #000000;
    background-color: white;
}

.fa-facebook {
    color: white;
}

.fa-instagram::before {
    color: white;
}

.fa-instagram {
    color: white;
}

.fa {
    width: 26px;
    line-height: 1px;
    padding: 10px 0;
    border-radius: 50%;
    border: 2px solid white;
    text-align: center;
}

footer {
    position: relative;
    height: 300px;
    background-image: url('/Portals/AgentZ/images/Zebra-Background-Print.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer-logo-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    text-align: center;
}

.footer-text-overlay {
    position: absolute;
    top: 70%;
    left: 0;
    text-align: center;
    background-color: #fff;
    color: #676768;
    font-style: italic;
    width: 100%;
    padding: 40px 0 30px 0;
    letter-spacing: 1.1px;
    font-family: montserrat, Verdana,Arial,sans-serif;
    font-size: 1.1rem;
}

.footer-inner {
    padding: 20px 0;
    width: 100%;
    box-sizing: border-box;
}

#footerNav {
    margin-top: -160px;
    margin-bottom: 65px;
    box-sizing: border-box;
    display: block;
    vertical-align: middle;
}

#footerNavWrapper {
    text-align: center;
    position: relative;
}

#footerNavigation {
    display: block;
}

.footerNavItem {
    display: inline-block;
    text-transform: uppercase;
    color: #567571;
    font-family: montserrat,Verdana,Arial,sans-serif;
    font-weight: 700;
    font-style: normal;
    width: 15%;
    font-size: 1rem;
    letter-spacing: 2px;
}

    .footerNavItem:nth-child(2) {
        margin-right: 180px;
    }

    .footerNavItem:nth-child(3) {
        margin-left: 180px;
    }

    .footerNavItem a:visited {
        color: #567571 !important;
    }

#logoWrapper {
    height: auto;
    max-width: 500px;
    line-height: 1;
    position: relative;
    left: 50%;
    transform: translate(-50%, -10%);
    text-align: center;
}

.footer-menu {
    position: absolute;
    top: 50%;
    z-index: 3;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .footer-menu li {
        list-style-type: none;
        text-transform: uppercase;
        color: #567571;
        font-family: 'montserrat medium', Verdana,Arial,sans-serif;
    }



/*  DNN Overrides */

#dnn_ctr784_ModuleContent, .DnnModule .DnnModule-DNN_HTML .DnnModule-784, .eds_containers_Galore .eds_templateGroup_noTitle .eds_template_NoTitle, #dnn_ctr784_ContentPane {
    height: 100%;
}

.DnnModule-784 > * {
    height: 100%;
}

#dnn_rightPane1 > * {
    height: 100%;
}

#dnn_ctr784_ModuleContent > * {
    height: 100%;
}

#dnn_rightPane1 .DnnModule-784 > * {
    height: 100%;
}

.EasyDNNSkin_Galore .eds_headerContainer .responsAbilityMenu.raMenuOpened .raMenuWrapper {
    border: 2px solid;
    clear: both;
}


.searchInputContainer a.dnnSearchBoxClearText {
    display: block;
    position: absolute;
    right: -20px;
    width: 16px;
    height: 16px;
    background: none;
    cursor: pointer;
    margin: 7px 0 7px 0;
    z-index: 20;
}

.EasyDNNSkin_Galore .eds_fixedHeader.eds_headerStyle5 .eds_headerBackground .eds_header .eds_searchContainer {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
}

    .EasyDNNSkin_Galore .eds_fixedHeader.eds_headerStyle5 .eds_headerBackground .eds_header .eds_searchContainer #dnn_dnnSearch_ClassicSearch .searchInputContainer > input {
        border: none;
        font-family: 'Montserrat Medium',Verdana,Arial,sans-serif !important;
        padding: 0 10px;
        font-size: .8rem;
        background: none transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%;
        color: #231f20;
    }

.EasyDNNSkin_Galore .eds_headerContainer .eds_fixedHeader .eds_headerBackground .eds_header .eds_searchContainer.eds_searchVisible {
    border: 1px solid #dcdee1;
    border-radius: 4px;
}

.EasyDNNSkin_Galore .eds_fixedHeader.eds_headerStyle5 .eds_headerBackground .eds_header .eds_searchContainer #dnn_dnnSearch_ClassicSearch .SearchButton {
    margin-right: -25px;
    line-height: 1;
    /*content: url('https://agentz.lextest.com/Portals/AgentZ/images/icons/Search-Icon.png');*/
    margin-top: 2px;
    padding: 2px 4px;
    border: none;
}

.EasyDNNSkin_Galore .eds_fixedHeader.eds_headerStyle5 .eds_headerBackground .eds_header .eds_searchContainer #dnn_dnnSearch_ClassicSearch .searchInputContainer > input:focus {
    color: #231f20 !important;
    -webkit-transition: none;
    transition: none;
}

a:hover, .raMenuTrigger:hover {
    background-color: transparent !important;
    color: #231f20 !important;
}

.EasyDNNSkin_Galore .responsAbilityMenu.eds_menuType5 .raMenuTriggerWrapper .raMenuTrigger {
    color: #231f20;
}

    .EasyDNNSkin_Galore .responsAbilityMenu.eds_menuType5 .raMenuTriggerWrapper .raMenuTrigger::after {
        color: #231f20;
    }

.EasyDNNSkin_Galore .responsAbilityMenu .raMenuTriggerWrapper .raMenuTrigger {
    font-family: 'Montserrat Medium',Verdana,Arial,sans-serif !important;
    font-size: 20px;
    display: block;
    color: #2b2f33;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
}

/* New website colors */
/* Dark green = #567571 */
/* Light green-grey = #D5DDD8 */
/* Cantaloupe = #CE7D5D */
/* Dark grey font = #231F20 */

.cta {
    margin: 100px 0 60px 0;
    text-align: center;
    font-size: 2.8rem;
    color: #CE7D5D;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    font-family: 'BodoniXT', serif;
}

.sub-cta {
    background-color: #D5DDD8;
    color: #567571;
    text-transform: uppercase;
    letter-spacing: 6px;
    padding: 60px 0 40px 0;
    font-size: 2.1rem;
    text-align: center;
    font-family: 'montserrat medium' !important;
    width: 80%;
    margin: auto;
}

.siteBorderButton {
    /*width: 46%;*/
    /*margin: 10px auto 10px;*/
    color: #567571 !important;
    text-transform: uppercase;
    /*padding: 10px 32px;*/
    font-family: 'montserrat' !important;
    letter-spacing: 1.6px;
    font-weight: bold !important;
    font-size: .9rem;
    text-align: center;
    background: none !important;
    border: 1px solid #567571 !important;
}

.popupHeader {
    font-family: "BodoniXT", sans-serif;
    font-weight: normal;
    letter-spacing: normal;
    color: #557571;
}

.siteText {
    font-size: 1rem;
    font-family: 'montserrat' !important;
    letter-spacing: 0.5px;
}

.siteButton {
    color: #567571 !important;
    text-transform: uppercase;
    padding: 10px 32px;
    font-family: 'montserrat' !important;
    letter-spacing: 1.6px;
    font-weight: bold !important;
    font-size: 1em;
    text-align: center;
    border: none !important;
    background: none !important;
}

    .siteButton::after {
        content: ' >';
    }

    .siteButton.backBtn::before {
        content: "< ";
    }

    .siteButton.backBtn::after {
        content: "" !important;
    }

    .siteButton.inlineBtn {
        display: inline-block;
    }

    .siteButton:hover {
        color: #ce7d5d !important;
    }

    .siteButton.btnWhite {
        color: white !important;
    }

        .siteButton.btnWhite:hover {
            color: #567571 !important;
        }

.sub-cta-button {
    width: 46%;
    margin: 10px auto 10px;
    color: #567571 !important;
    /*border: 1px solid #567571;*/
    text-transform: uppercase;
    padding: 10px 32px;
    font-family: 'montserrat' !important;
    letter-spacing: 1.6px;
    font-weight: bold !important;
    font-size: .9rem;
    text-align: center;
    border: none !important;
    background: none !important;
}

    .sub-cta-button:after {
        content: " >";
    }

    .sub-cta-button.backBtn::before {
        content: "< ";
    }

    .sub-cta-button.backBtn::after {
        content: "" !important;
    }

.sub-cta-button-wide {
    display: block;
    width: 66%;
    margin: 50px auto;
    color: #567571 !important;
    /*border: 1px solid #567571;*/
    text-transform: uppercase;
    padding: 10px 32px;
    font-family: 'Montserrat' !important;
    letter-spacing: 1.6px;
    font-weight: bold !important;
    font-size: .7rem;
    text-align: center;
}

    .sub-cta-button-wide:after {
        content: " >";
    }

.custom_sidebarPane1 {
    padding: 40px !important;
    background-color: #CE7D5D;
    padding: 6px 12px;
    color: #fff;
    font-size: 4vmin;
    font-family: 'Montserrat' !important;
    font-weight: 300;
    font-style: italic;
    height: 100%;
}

@media screen and (max-width: 964px) {
    .custom_sidebarPane1 {
        padding: 40px 10px !important;
    }
}

img {
    max-width: 100%;
}

.dark-text-box {
    padding: 32px;
    background-color: #567571;
    color: #fff;
    font-family: BodoniXT, serif;
    font-weight: 400;
    font-style: normal;
    box-shadow: 5px 5px 10px #333;
}

.package-background-right {
    position: absolute;
    top: 50px;
    left: 50%;
    width: 540px;
    height: 280px;
}

.package-background-short-right {
    position: absolute;
    top: 50px;
    left: 43%;
    width: 540px;
    height: 280px;
}

.package-background-left {
    position: absolute;
    top: 50px;
    left: 5%;
    width: 540px;
    height: 280px;
}

.package-img {
    float: right;
}

#dnn_lexLoginView1_divUserName, #dnn_lexLoginView1_dnnLogin_loginGroup {
    display: inline-flex;
    line-height: 1;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

#dnn_ctr741_View_ctl00_imgCart {
    margin-right: 4px;
}

.EasyDNNSkin_Galore .eds_headerContainer .eds_fixedHeader .eds_headerBackground .eds_header .eds_searchButton, .EasyDNNSkin_Galore .eds_headerContainer .eds_fixedHeader .eds_headerBackground .eds_header .eds_userLogin {
    vertical-align: middle;
}

.EasyDNNSkin_Galore .eds_fixedHeader.eds_headerStyle5 .eds_headerBackground .eds_header .eds_topRibbon {
    background-color: #567571;
    color: #567571;
}


.EasyDNNSkin_Galore .responsAbilityMenu.eds_menuType5 .raMenuWrapper > ol > li {
    width: 200px;
}

    .EasyDNNSkin_Galore .responsAbilityMenu.eds_menuType5 .raMenuWrapper > ol > li.edsmm_active > span .edsmm_itemContainer::after {
        background-color: transparent;
    }

    .EasyDNNSkin_Galore .responsAbilityMenu.eds_menuType5 .raMenuWrapper > ol > li.edsmm_active {
        background-color: transparent;
        color: #231F20;
    }

    .EasyDNNSkin_Galore .responsAbilityMenu.eds_menuType5 .raMenuWrapper > ol > li > span .edsmm_itemContainer {
        color: #231F20;
    }

    .EasyDNNSkin_Galore .responsAbilityMenu.eds_menuType5 .raMenuWrapper > ol > li.edsmm_active > span .edsmm_itemContainer {
        color: #231F20;
    }

.EasyDNNSkin_Galore .responsAbilityMenu .raMenuWrapper ol li .edsmm_itemContainer {
    font-family: montserrat,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: .8rem !important;
    letter-spacing: 1.1px;
}

.EasyDNNSkin_Galore .eds_pageDetails.eds_pageDetails3 {
    display: none;
}

.EasyDNNSkin_Galore .responsAbilityMenu .raMenuWrapper > ol {
    text-align: center;
}

hr {
    border-bottom: 1px solid #f7d1ba !important;
    opacity: 1 !important;
}

.EasyDNNSkin_Galore .eds_headerContainer .eds_fixedHeader .eds_headerBackground .eds_header .eds_logo > a > img {
    max-height: 288px;
    -webkit-transition: none;
    transition: none;
}

.EasyDNNSkin_Galore .eds_headerContainer .eds_fixedHeader .eds_headerBackground .eds_header .eds_logo > a::before {
    background: none;
    transition: none;
    -webkit-transition: none;
}

.eds_containers_Galore > div {
    padding: 0 !important;
}


.container-fluid {
    padding: 0 !important;
    max-width: 1480px !important;
    /*padding: 10px 34px !important;*/
}

.container-full {
    max-width: none !important;
    padding: 0px !important;
}


.EasyDNNSkin_Galore .dnnPrimaryAction {
    font-size: 16px;
    border-radius: 3px;
    border: 2px solid black;
    background-color: transparent;
    color: #2b2f33;
    text-transform: uppercase;
    padding: 10px 16px;
    font-weight: 600;
    font-family: 'FreightSans Pro';
    letter-spacing: 2px;
    line-height: 0.8;
}

.EasyDNNSkin_Galore .dnnSecondaryAction, .EasyDNNSkin_Galore .journalTools #journalOptionArea .fileUploadArea .journal_localFileShare .dnnSecondaryAction {
    border-radius: 3px;
    border: 2px solid black;
    background-color: transparent;
    color: #2b2f33;
    text-transform: uppercase;
    padding: 10px 16px;
    font-weight: 600;
    font-family: 'FreightSans Pro';
    letter-spacing: 2px;
}

.EasyDNNSkin_Galore .responsAbilityMenu.eds_menuType5 .raMenuWrapper ol li > div .edsmm_menuListsContainer > ol li::before {
    background-color: #567571;
}

.EasyDNNSkin_Galore .responsAbilityMenu.eds_menuType5 .raMenuWrapper ol li > div .edsmm_menuListsContainer > ol li::before {
    display: none;
    background-color: #231f20;
}

.EasyDNNSkin_Galore .responsAbilityMenu .raMenuWrapper ol li > div .edsmm_menuListsContainer > ol > li:hover > span .edsmm_itemContainer {
    color: #567571;
}

.EasyDNNSkin_Galore .responsAbilityMenu .raMenuWrapper ol li > div .edsmm_menuListsContainer > ol > li:hover > span .edsmm_itemContainer {
    color: #567571;
}

.EasyDNNSkin_Galore .eds_fixedHeader.eds_headerStyle5 .eds_headerBackground .eds_header .eds_searchButton::before, .EasyDNNSkin_Galore .eds_fixedHeader.eds_headerStyle5 .eds_headerBackground .eds_header .eds_searchClose::before {
    line-height: 1;
}

.EasyDNNSkin_Galore .eds_fixedHeader.eds_headerStyle5 .eds_headerBackground .eds_header .eds_searchButton, .EasyDNNSkin_Galore .eds_fixedHeader.eds_headerStyle5 .eds_headerBackground .eds_header .eds_searchClose {
    border: none;
    border-radius: 0;
    text-align: center;
    opacity: 1;
    -webkit-transition: color 300ms linear;
    transition: color 300ms linear;
}

.EasyDNNSkin_Galore .eds_headerContainer .eds_fixedHeader .eds_headerBackground .eds_header .eds_searchButton {
    line-height: 1;
    margin: 0;
}

.EasyDNNSkin_Galore .eds_fixedHeader.eds_headerStyle5 .eds_headerBackground .eds_header .eds_searchButton {
    float: none;
    width: auto;
    height: auto;
}

.dnnFormMessage {
    margin-top: 20px;
}


/* Arrows */
#scrollDownContainer {
    z-index: 99999;
    position: fixed;
    bottom: 5%;
    right: 3%
}

.arrows {
    width: 60px;
    height: 72px;
    position: absolute;
    left: 50%;
    /*margin-left: -30px;*/
    bottom: 20px;
}

    .arrows path {
        stroke: #2994D1;
        fill: transparent;
        stroke-width: 1px;
        animation: arrow 2s infinite;
        -webkit-animation: arrow 2s infinite;
    }

@keyframes arrow {
    0% {
        opacity: 0
    }

    40% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
    0% {
        opacity: 0
    }

    40% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.arrows path.a1 {
    animation-delay: -1s;
    -webkit-animation-delay: -1s; /* Safari Chrome */
}

.arrows path.a2 {
    animation-delay: -0.5s;
    -webkit-animation-delay: -0.5s; /* Safari Chrome */
}

.arrows path.a3 {
    animation-delay: 0s;
    -webkit-animation-delay: 0s; /* Safari Chrome */
}
/* End Arrows */

/* Media Queries */
/* Please keep these at the end */

@media screen and (max-width: 1380px) {
    #dnn_sidebarPane1 div {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 1228px) {
    .footerNavItem {
        font-size: .8rem;
    }
}

@media screen and (max-width: 1250px) {
    .foreground-image {
        margin-left: 0px !important;
    }
}

@media screen and (max-width: 1230px) {
    #header #logoImage {
        width: 400px !important;
    }
}

@media screen and (max-width: 1190px) {
    .package-background-right, .package-background-short-right, .package-background-left {
        width: 440px;
    }
}

@media screen and (max-width: 1122px) {
    .sub-cta {
        font-size: 1.8rem;
        padding: 50px 0 30px 0;
    }

    .sub-cta-button {
        font-size: .8rem;
        padding: 8px 22px;
    }

    .dark-text {
        font-size: .8rem;
    }
}

@media screen and (max-width: 1096px) {
    .EasyDNNSkin_Galore .eds_headerContainer .eds_fixedHeader .eds_headerBackground .eds_header .eds_logo {
        width: 40%;
    }
}

@media screen and (max-width: 1052px) {
    .dark-green-text {
        font-size: 1rem;
    }

    .sub-cta-button-wide {
        font-size: .6rem;
    }

    .medium-text-box {
        padding: 18px;
        font-size: 2.6rem;
    }
}

@media screen and (max-width: 1163px) {
    .package-background-right, .package-background-short-right {
        left: 56%;
    }

    .sub-cta {
        padding: 30px 0;
        font-size: 2rem;
    }

    .dark-green-text {
        font-size: .8rem;
    }

    .dark-text {
        font-size: .6rem;
    }

    .medium-text-box {
        padding: 12px;
    }

    .EasyDNNSkin_Galore .responsAbilityMenu.eds_menuType5 .raMenuWrapper > ol > li {
        width: 160px;
    }
}

@media screen and (max-width: 1012px) {
    .footerNavItem:nth-child(2) {
        text-align: left;
        padding-left: 20px;
    }

    .footerNavItem:nth-child(3) {
        margin-left: 80px;
    }
}

@media screen and (max-width: 996px) {
    .package-button {
        width: 70%;
    }

    .package-description {
        width: 98%;
    }
}

.bottomAlignedBtn {
    position: absolute;
    width: fit-content;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    bottom: 0px;
}

@media screen and (max-width: 991px) {
    .custom-overlay {
        position: relative;
        height: auto !important;
    }


    @media screen and (max-width: 1190px) {
        .package-heading {
            font-size: 2rem !important;
        }

        .package-background-right, .package-background-short-right, .package-background-left {
            width: 340px;
        }

        .package-description {
            font-size: .9rem !important;
            margin-top: 0px;
        }
    }

    .foreground-image {
        display: none;
    }

    .toggle-position {
        height: auto;
    }

    .EasyDNNSkin_Galore .eds_headerContainer .eds_fixedHeader .eds_headerBackground .eds_header .eds_logo {
        width: auto !important;
        float: left;
        /*padding-bottom: 85px;*/
    }

        .EasyDNNSkin_Galore .eds_headerContainer .eds_fixedHeader .eds_headerBackground .eds_header .eds_logo > a > img {
            display: inline-block;
            max-height: 88px;
            -webkit-transition: none;
            transition: none;
        }

    .EasyDNNSkin_Galore .responsAbilityMenu.eds_menuType5 .raMenuWrapper > ol > li.showlater_menuItem {
        display: block;
    }

    .toggleMenuItem {
        display: inline-block !important;
    }

    .EasyDNNSkin_Galore .eds_headerContainer .eds_fixedHeader .eds_headerBackground .eds_header .eds_logo {
        width: auto !important;
        float: left;
        /*padding-bottom: 85px;*/
    }

    .header-menu-items, #eds_searchButton {
        /*visibility: hidden;*/
    }
}



@media screen and (max-width: 924px) {
    #header #logoImage {
        width: 300px !important;
    }
}

@media screen and (max-width: 848px) {

    .sub-cta {
        font-size: 1.4rem;
        width: 100%;
        margin-bottom: 20px;
    }

    .sub-cta-button {
        width: 80%;
    }

    .footerNavItem:nth-child(2) {
        padding-left: 0;
        margin-right: 0;
    }

    .footerNavItem:nth-child(3) {
        margin-left: 0;
    }

    .footerNavItem {
        display: block;
        text-align: left;
    }

    #footerNav {
        margin-top: -190px;
        margin-left: 40px;
    }

    .footerNavItem {
        width: 20%;
    }
}

@media screen and (max-width: 780px) {
    #scrollDownContainer {
        display: none !important;
    }

    #dnn_sidebarPane1 div {
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 980px) {
    .sub-cta {
        font-size: 1.8rem;
        width: 90%;
        margin-bottom: 20px;
    }

    .sub-cta-button {
        width: 70%;
    }
}

@media screen and (max-width: 907px) {
    .package-description {
        margin-bottom: 0 !important;
    }

    .home-page-package img {
        width: 100%;
    }

    .package-background-right, .package-background-short-right, .package-background-left {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        margin: 0;
        width: 100%;
        height: auto;
    }

    .package-img {
        float: none;
    }
}


@media screen and (max-width: 770px) {
    #logoImage {
        visibility: hidden;
    }
}

@media screen and (min-width: 768px) {
    #scrollDownContainer {
        bottom: 15%
    }
}

@media screen and (min-width: 1024px) {
    #scrollDownContainer {
        bottom: 5%
    }
}

@media screen and (max-width: 556px) {
    #logoWrapper {
        max-width: 200px;
        left: 60%;
    }
}

@media screen and (max-width: 494px) {
    #footerNav {
        margin-left: 10px;
    }

    #logoWrapper {
        left: 70%;
    }
}

/* This is for the 50% split color boxes */
.r-halfbleed, .l-halfbleed {
    min-height: 30vh;
    display: flex;
}

.r-halfbleed__element, .l-halfbleed__element {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 100%;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .l-halfbleed__element:first-child {
        color: white;
        background: #f7d1ba;
    }

    .r-halfbleed__element:first-child {
        color: #3DBE8B;
    }

    .l-halfbleed__element:last-child {
        color: #3DBE8B;
    }

    .r-halfbleed__element:last-child {
        color: white;
        background: #f7d1ba;
    }

    .r-halfbleed__element > *, .l-halfbleed__element > * {
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: auto;
        align-self: center;
    }

    .r-halfbleed__element img, .l-halfbleed__element img {
        display: block;
        max-height: 40vh;
    }

.halfbleed_themeNameText {
    font-family: 'Bodoni MT';
    font-weight: bold;
    color: white;
    font-size: 4rem;
}

.halfbleedh3_themeNameText {
    font-family: 'Bodoni MT' !important;
    font-weight: bold !important;
    color: white !important;
}

.halfbleed_clickDesc {
    font-family: 'Montserrat';
    color: #ce7d5d;
}

@media only screen and (max-width: 768px) {
    .l-halfbleed {
        flex-direction: column;
    }

    .r-halfbleed {
        flex-direction: column-reverse;
    }
}

.flex-wrapper {
    display: flex;
    flex-wrap: wrap;
}

    .flex-wrapper > div {
        width: 100%;
        max-width: 25%;
        padding: 10px;
    }


@media only screen and (max-width: 1279px) {
    .flex-wrapper > div {
        max-width: 50%;
    }
}

@media only screen and (max-width: 600px) {
    .flex-wrapper > div {
        max-width: 100%;
    }
}

@media only screen and (max-width: 500px) {
    .header-menu-items-left {
        display: none;
    }

    .header-menu-items li {
        margin-right: auto !important;
    }
}


@media handheld, only screen and (max-width: 450px), only screen and (max-device-width: 450px) {
    .EasyDNNSkin_Galore .responsAbilityMenu.eds_menuType5 .raMenuTriggerWrapper .raMenuTrigger {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 991px) {
    .raMenuWrapper {
        margin-top: 30px;
    }

    .menuItemPricing {
        width: min-content !important;
        float: none !important;
    }
}

.scrollToTop {
    position: fixed;
    bottom: 3rem;
    right: 3rem;
    padding: 0.5rem 0.25rem;
    border: 1px solid black;
    cursor: pointer;
    font-weight: bold;
    color: white;
    background-color: black;
    transform: translateY(50px);
    opacity: 0;
    transition: transform 0.5s, opacity 0.5s;
}

.showScrollToTop {
    opacity: 1;
    transform: translateY(0);
}

/* Animation stuff */
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes fadeBottom {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

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

@keyframes fadeLeft {
    0% {
        transform: translateX(-150px);
        opacity: 0;
    }

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

@keyframes fadeRight {
    0% {
        transform: translateX(100px);
        opacity: 0;
    }

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

@keyframes stretchBounce {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes slideIn {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0%);
    }
}

@keyframes dropIn {
    from {
        transform: rotate(-30deg) translateY(-100%);
        opacity: 0;
    }

    to {
        transform: rotate(0deg) translateY(0%);
        opacity: 1;
    }
}

@keyframes flipCard {
    0% {
        box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
        transform: scale(1) rotateY(0deg);
    }

    10% {
        box-shadow: 0px 1.0972799999999998px 1.0972799999999998px rgba(0,0,0,0.3);
        transform: scale(1.000768) rotateY(0deg);
    }

    20% {
        box-shadow: 0px 4.112960000000001px 4.112960000000001px rgba(0,0,0,0.3);
        transform: scale(1.024576) rotateY(0deg);
    }

    30% {
        box-shadow: 0px 16.88704px 16.88704px rgba(0,0,0,0.3);
        transform: scale(1.125424) rotateY(0.17135717260665195deg);
    }

    40% {
        box-shadow: 0px 19.90272px 19.90272px rgba(0,0,0,0.3);
        transform: scale(1.149232) rotateY(5.4834295234128625deg);
    }

    50% {
        box-shadow: 0px 20px 20px rgba(0,0,0,0.3);
        transform: scale(1.15) rotateY(41.639792943416424deg);
    }

    60% {
        box-shadow: 0px 19.90272px 19.90272px rgba(0,0,0,0.3);
        transform: scale(1.149232) rotateY(138.36020705658356deg);
    }

    70% {
        box-shadow: 0px 16.887040000000006px 16.887040000000006px rgba(0,0,0,0.3);
        transform: scale(1.125424) rotateY(174.51657047658713deg);
    }

    80% {
        box-shadow: 0px 4.112959999999997px 4.112959999999997px rgba(0,0,0,0.3);
        transform: scale(1.024576) rotateY(179.82864282739334deg);
    }

    90% {
        box-shadow: 0px 1.0972799999999998px 1.0972799999999998px rgba(0,0,0,0.3);
        transform: scale(1.000768) rotateY(180deg);
    }

    100% {
        box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
        transform: scale(1) rotateY(180deg);
    }
}

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

    to {
        transform: rotate(360deg);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}


.dropdown-item {
    padding: 10px;
}

.navbar-nav > li {
    margin-left: 30px;
    margin-right: 30px;
}

.underMenuLinks {
    margin-left: 11%;
}

@media only screen and (max-width: 1080px) {
    .underMenuLinks {
        margin-left: auto;
    }
}

.navbar-collapse.collapsing,
.navbar-collapse.show {
    margin-right: 200px;
    position: fixed;
    left: 0;
    top: 128px;
    width: 100%;
    background-color: white;
}

.navbar-container {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0 !important;
    max-width: 1480px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.navbar-toggler {
    padding: 0px !important;
}

@media only screen and (max-width: 991px) {
    .navbar {
        justify-content: end !important;
    }

    .navbar-container {
        text-align: right;
        width: auto;
        justify-content: end;
        margin: unset;
    }

    .AddOnsMenuDropDown {
        border: unset;
        text-align: right;
    }

        .AddOnsMenuDropDown li a {
            color: #ce7d5d !important;
            padding-right: 15px;
        }
}

/* End of site nav*/

.popover-header {
    font-family: 'Montserrat' !important;
    letter-spacing: 0.5px;
    background-color: #ce7d5d;
    color: white;
    border-bottom: 1px solid rgba(247,209,186,0.4);
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.popover-body {
    font-family: 'Montserrat' !important;
    letter-spacing: 0.5px;
    padding: 1rem 1rem;
    color: #212529;
}

.bg-logoWhite {
    background-image: url('/Lex/img/logoWhite.webp');
}

.bg-readingMail {
    background-image: url('/Lex/img/readingMail.webp');
}

.bg-readingMail2 {
    background-image: url('/Lex/img/readingMail2.webp');
}

.bg-dontSee {
    background-image: url('/Lex/img/dontSee.webp');
}

.bg-screenDesk {
    background-image: url('/Lex/img/screen_2x.webp');
}

.bg-talking {
    background-image: url('/Lex/img/talking.webp');
}

.bg-envelopes {
    background-image: url('/Lex/img/envelopes.jpg');
}

.bg-writting {
    background-image: url('/Lex/img/writting.webp');
}

.bg-designHeader {
    background-image: url('/Lex/img/designHeader.webp');
}

.bg-colorChart {
    background-image: url('/Lex/img/colorChart.webp');
}

.bg-printColors {
    background-image: url('/Lex/img/printColors.webp');
}

.bg-wave {
    background-image: url('/Lex/img/wave.svg');
}

.bg-lightPinkWave {
    background-image: url('/Lex/img/LtPinkWave.svg');
}

.bg-cirCut {
    background-image: url('/Lex/img/cirCut2.jpg');
}

.bg-gradient-to-45 {
    background: linear-gradient(180deg, #fff, #547570);
}

.bg-gradient-to-135 {
    background: linear-gradient(135deg, #fff, #547570);
}

.bg-darkOrange {
    background-color: #CE7D5D;
}

.bg-lightOrange {
    background-color: #f7d1ba;
}

.bg-whiteOrange {
    background-color: #fdede4;
}

.bg-darkGreen {
    background-color: #567571;
}

.bg-lightGreen {
    background-color: #D5DDD8;
}

.bg-whiteGreen {
    background-color: #edf3f1;
}

.text-darkOrange {
    color: #CE7D5D;
}

.text-lightOrange {
    color: #f7d1ba;
}

.text-whiteOrange {
    color: #fdede4;
}

.text-darkGreen {
    color: #567571;
}

.text-lightGreen {
    color: #D5DDD8;
}

.text-whiteGreen {
    color: #edf3f1;
}

.font-BagindaScript {
    font-family: 'Baginda Script';
}

.font-BodoniXT {
    font-family: 'BodoniXT';
}

.bg-lightGreen-30 {
    background-color: rgba(213, 221, 216, 0.3);
}

.bg-lightOrange-30 {
    background-color: rgba(247, 209, 186, 0.3);
}

.border-darkGreen {
    border-color: rgb(86 117 113) !important;
}

.bg-darkOrange-50 {
    background-color: rgba(206, 125, 93, 0.5);
}

.lnk_xl2_invertedGreen {
    /*
        rounded text-center ring-gray-200 ring-offset-2 transition focus-visible:ring-2 px-[5.5svw] landscape:px-[5.5svh] py-[2.5svw] landscape:py-[2.5svh] text-[3.5svw] landscape:text-[3.5svh] bg-white text-darkGreen font-semibold border-4 border-lightGreen uppercase
    */
    border-radius: 5px;
    border: 4px solid #C0CCC6;
    background-color: white;
    color: #567571 !important;
    font-weight: 700;
    text-transform: uppercase;
    padding: 20px 32px;
    font-family: 'montserrat' !important;
    letter-spacing: 1.6px;
    font-size: 1.3rem;
    text-align: center;
}

.link_xl12_invertedGreen:hover {
    color: #567571 !important;
}

.lnk_xl2_invertedOrange {
    border-radius: 5px;
    border: 4px solid #F7D1BA;
    background-color: white;
    color: #CE7D5D !important;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 28px;
    font-family: 'montserrat' !important;
    letter-spacing: 1.3px;
    font-size: 1.2rem;
    text-align: center;
}

.lnk_home_invertedOrange {
    border-radius: 5px;
    border: 4px solid #F7D1BA;
    background-color: white;
    color: #CE7D5D !important;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 22px;
    font-family: 'montserrat' !important;
    letter-spacing: 1.6px;
    font-size: 1.3rem;
    text-align: center;
}

.lnk_home_invertedOrangeFill {
    border-radius: 5px;
    border: 4px solid #CE7D5D;
    background-color: #f7d1ba;
    color: #CE7D5D !important;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 22px;
    font-family: 'montserrat' !important;
    letter-spacing: 1.6px;
    font-size: 1.3rem;
    text-align: center;
}