/* DDS DUCK DUCK SURPRISE
 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted 
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *----------------------------------------------+--------+--------+
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name 
 *   Used on <div> tag surrounding Module Content, inside container
 *----------------------------------------------+--------+--------+
 */



/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {}

/* background color for the content part of the pages */
Body {}

.ControlPanel {}

/* background/border colors for the selected tab */
.TabBg {}

.LeftPane {}

.ContentPane {}

.RightPane {}

/* text style for the selected tab */
.SelectedTab {}

/* hyperlink style for the selected tab */
A.SelectedTab:link {}

A.SelectedTab:visited {}

A.SelectedTab:hover {}

A.SelectedTab:active {}

/* text style for the unselected tabs */
.OtherTabs {}

/* hyperlink style for the unselected tabs */
A.OtherTabs:link {}

A.OtherTabs:visited {}

A.OtherTabs:hover {}

A.OtherTabs:active {}

/* GENERAL */
/* style for module titles */
.Head {}

/* style of item titles on edit and admin pages */
.SubHead {}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {}

/* text style used for most text rendered by modules */
.Normal {}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox {}

.NormalRed {}

.NormalBold {}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton {}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {}

A.CommandButton:visited {}

A.CommandButton:hover {}

A.CommandButton:active {}

/* button style for standard HTML buttons */
.StandardButton {}

/* GENERIC */
H1 {}

H2 {}

H3 {}

H4 {}

H5,
DT {}

H6 {}

TFOOT,
THEAD {}

TH {}

A:link {}

A:visited {}

A:hover {}

A:active {}

SMALL {}

BIG {}

BLOCKQUOTE,
PRE {}


UL LI LI {}

UL LI LI LI {}

OL LI {}

OL OL LI {}

OL OL OL LI {}

OL UL LI {}

HR {}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */
.Message {}

/* style of item titles by Announcements and events */
.ItemTitle {}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {}

.ModuleTitle_MenuBar {}

.ModuleTitle_MenuItem {}

.ModuleTitle_MenuIcon {}

.ModuleTitle_SubMenu {}

.ModuleTitle_MenuBreak {}

.ModuleTitle_MenuItemSel {}

.ModuleTitle_MenuArrow {}

.ModuleTitle_RootMenuArrow {}

/* Main Menu */

.MainMenu_MenuContainer {}

.MainMenu_MenuBar {}

.MainMenu_MenuItem {}

.MainMenu_MenuIcon {}

.MainMenu_SubMenu {}

.MainMenu_MenuBreak {}

.MainMenu_MenuItemSel {}

.MainMenu_MenuArrow {}

.MainMenu_RootMenuArrow {}

/* Login Styles */
.LoginPanel {}

.LoginTabGroup {}

.LoginTab {}

.LoginTabSelected {}

.LoginTabHover {}

.LoginContainerGroup {}

.LoginContainer {}


:root {
    --extra-light: 45%;
    --light: 30%;
    --dark: 10%;

    --color-black: #000000;
    --color-white: #ffffff;

    --color-primary-h: 50;
    --color-primary-s: 79%;
    --color-primary-l: 51%;
    --color-primary: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l));

    --color-primary-extra-light: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + var(--extra-light)));
    --color-primary-light: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + var(--light)));
    --color-primary-regular: var(--color-primary);
    --color-primary-dark: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) - var(--dark)));

    --color-2-h: 334;
    --color-2-s: 86%;
    --color-2-l: 48%;
    --color-2: hsl(var(--color-2-h), var(--color-2-s), var(--color-2-l));

    --color-2-extra-light: hsl(var(--color-2-h), var(--color-2-s), calc(var(--color-2-l) + var(--extra-light)));
    --color-2-light: hsl(var(--color-2-h), var(--color-2-s), calc(var(--color-2-l) + var(--light)));
    --color-2-regular: var(--color-2);
    --color-2-dark: hsl(var(--color-2-h), var(--color-2-s), calc(var(--color-2-l) - var(--dark)));


    --color-3-h: 25;
    --color-3-s: 97%;
    --color-3-l: 13%;
    --color-3: hsl(var(--color-3-h), var(--color-3-s), var(--color-3-l));

    --color-3-extra-light: hsl(var(--color-3-h), var(--color-3-s), calc(var(--color-3-l) + var(--extra-light)));
    --color-3-light: hsl(var(--color-3-h), var(--color-3-s), calc(var(--color-3-l) + var(--light)));
    --color-3-regular: var(--color-3);
    --color-3-dark: hsl(var(--color-3-h), var(--color-3-s), calc(var(--color-3-l) - var(--dark)));

    --color-4-h: 50;
    --color-4-s: 68%;
    --color-4-l: 93%;
    --color-4: hsl(var(--color-4-h), var(--color-4-s), var(--color-4-l));

    --color-4-extra-light: hsl(var(--color-4-h), var(--color-4-s), calc(var(--color-4-l) + var(--extra-light)));
    --color-4-light: hsl(var(--color-4-h), var(--color-4-s), calc(var(--color-4-l) + var(--light)));
    --color-4-regular: var(--color-4);
    --color-4-dark: hsl(var(--color-4-h), var(--color-4-s), calc(var(--color-4-l) - var(--dark)));





    --color-6-h: 0;
    --color-6-s: 0%;
    --color-6-l: 0%;
    --color-6: var(--color-black);

    --color-6-extra-light: #000000;
    --color-6-light: #000000;
    --color-6-regular: #000000;
    --color-6-dark: #000000;


    --color-danger: #da2525;


    --color-gradient-primary: linear-gradient(180deg, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 100%);
    --color-gradient-secondary: linear-gradient(90deg, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0) 100%);

    --boxshadow-sm: 10px 10px 10px 10px rgba(0, 0, 0, 0.05);
    --boxshadow-md: 10px 10px 20px 10px rgba(0, 0, 0, 0.1);
    --boxshadow-lg: 10px 10px 40px 10px rgba(0, 0, 0, 0.1);
    --boxshadow-btn-focus: 0 0 0 3px rgb(140 166 60 / 50%);
    --font-family: "proxima-nova", sans-serif;
    --font-title: chelsea-market-pro, sans-serif;
    --font-subtitle: chelsea-market-pro, sans-serif;
    --font-body: "proxima-nova", sans-serif;
    --body-font-size-xxs: 14px;
    --body-font-size-xs: 16px;
    --body-font-size-sm: 18px;
    --body-font-size-md: clamp(20px, 0.33333333333333337vw + 17.6px ,24px);
    --body-font-size-lg: clamp(28px, 0.6666666666666667vw + 23.2px ,36px);
    --body-font-size-xl: clamp(32px, 1vw + 24.8px ,44px);
    --body-font-size-xxl: clamp(36px, 2.3333333333333335vw + 19.2px ,64px);
    --body-font-weight-normal: 400;
    --body-font-weight-semibold: 700;
    --body-font-weight-bold: 900;
    --body-line-height-xxs: .75;
    --body-line-height-xs: 1.0;
    --body-line-height-sm: 1.25;
    --body-line-height-md: 1.5;
    --body-line-height-lg: 2.0;
    --body-line-height-xl: 2.25;
    --letterspacing-xs: 0px;
    --letterspacing-sm: 1px;
    --letterspacing-md: 2px;
    --letterspacing-lg: 5px;
    --letterspacing-lg: 10px;
    --body-text-align: left;
    --underline-color: var(--color-primary);
    --border-weight-xs: 1px;
    --border-weight-sm: 2px;
    --border-weight-md: 3px;
    --border-weight-lg: 6px;
    --border-radius-sm: 6px;
    --border-radius-md: 20px;
    --border-radius-lg: 20vw;
    --padding-xxs: 3px;
    --padding-xs: 10px;
    --padding-sm: 20px;
    --padding-md: 40px;
    --padding-lg: 5vw;
    --padding-xl: 10vw;
    --width-10: 10%;
    --width-20: 20%;
    --width-25: 25%;
    --width-50: 50%;
    --min-height-xs: 10vh;
    --min-height-sm: 30vh;
    --min-height-md: 40vh;
    --min-height-lg: 60vh;
    --min-height-xl: 90vh;
}

html {
    font-size: 16px;
}

body,
.dnngo-main,
#dnn_content,
#Body,
html,
.Head,
.SubTitle,
.SubSubTitle,
.Normal {
    background-color: var(--color-4);
    font-family: var(--font-body);
    font-size: var(--body-font-size-md);
    font-weight: var(--body-font-weight-normal);
    line-height: var(--body-line-height-md);
    color: var(--color-black);
    text-align: left;
    margin: 0px;
}


#dnn_content {
    padding-top: 0px;
}

[class*="Pane"] {
    margin-bottom: 0px;
}

.container,
.dnn_layout,
.cccc.bkgd>.content,
.cccc.bkgd>.content>.cccc {
    margin: auto;
    max-width: 1920px;
    width: 100%;
    padding-right: var(--padding-lg);
    padding-left: var(--padding-lg);
}

.cccc.bkgd {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "full";
}

.cccc.bkgd>.full {
    grid-area: full;
}


.cccc.bkgd#promo>.full.bkgd {
    background-color: var(--color-2);
}

.cccc.bkgd#hero>.full.bkgd,
.cccc.bkgd.insidepage>.full.bkgd,
.cccc.bkgd#thankyou>.full.bkgd,
.cccc.bkgd#errorpage>.full.bkgd {
    background-color: var(--color-black);
    border-bottom: 0px solid var(--color-primary);
}

.cccc.bkgd.insidepage {
    margin: 0 0 var(--padding-md);
}

.cccc.bkgd#about>.full.bkgd {
    background-color: var(--color-black);
}

.cccc.bkgd#signup>.full.bkgd {
    background-color: var(--color-black);
}

.cccc.bkgd#footer>.full.bkgd,
.duck_footer {
    background: var(--color-black);
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 0px;
    margin-bottom: var(--padding-xs);
}

h1 {
    font-family: var(--font-title);
    font-weight: var(--body-font-weight-normal);
    line-height: var(--body-line-height-sm);
    letter-spacing: var(--letterspacing-sm);
    font-size: var(--body-font-size-lg);
    color: var(--color-black);
    text-shadow: 0;
    text-transform: capitalize;
    font-style: normal;
}

h2 {
    font-family: var(--font-subtitle);
    font-weight: var(--body-font-weight-normal);
    line-height: var(--body-line-height-xs);
    letter-spacing: var(--letterspacing-xs);
    font-size: var(--body-font-size-md);
    color: var(--color-black);
    text-shadow: 0;
    text-transform: capitalize;
    font-style: normal;
}

h3 {
    font-family: var(--font-subtitle);
    font-weight: var(--body-font-weight-normal);
    line-height: var(--body-line-height-xs);
    letter-spacing: var(--letterspacing-xs);
    font-size: var(--body-font-size-md);
    color: var(--color-black);
    text-shadow: 0;
    text-transform: capitalize;
    font-style: normal;
}

h4 {
    font-family: var(--font-subtitle);
    font-weight: var(--body-font-weight-normal);
    line-height: var(--body-line-height-xs);
    letter-spacing: var(--letterspacing-xs);
    font-size: var(--body-font-size-md);
    color: var(--color-black);
    text-transform: capitalize;
    font-style: normal;
    text-shadow: 0;
}

h5 {
    font-family: var(--font-body);
    font-weight: var(--body-font-weight-normal);
    line-height: var(--body-line-height-xs);
    letter-spacing: var(--letterspacing-sm);
    font-size: var(--body-font-size-md);
    color: var(--color-black);
    text-shadow: var(--boxshadow-sm);
    text-transform: capitalize;
    font-style: normal;
}

h6 {
    font-family: var(--font-body);
    font-weight: var(--body-font-weight-bold);
    line-height: var(--body-line-height-xs);
    letter-spacing: var(--letterspacing-sm);
    font-size: var(--body-font-size-sm);
    color: var(--color-black);
    text-shadow: 0;
    text-transform: uppercase;
    font-style: normal;
}

p,
input {
    font-family: var(--font-body);
    font-weight: var(--body-font-weight-normal);
    line-height: var(--body-line-height-md);
    letter-spacing: var(--letterspacing-sm);
    font-size: var(--body-font-size-md);
    color: var(--color-black);
    text-shadow: 0;
    text-transform: none;
    font-style: normal;
}

ul {
    font-family: var(--font-body);
    font-weight: var(--body-font-weight-normal);
    line-height: var(--body-line-height-lg);
    letter-spacing: var(--letterspacing-sm);
    font-size: var(--body-font-size-md);
    color: var(--color-black);
    font-style: normal;
    list-style: none;
}

ol {
    font-family: var(--font-body);
    font-weight: var(--body-font-weight-normal);
    line-height: var(--body-line-height-lg);
    letter-spacing: var(--letterspacing-sm);
    font-size: var(--body-font-size-md);
    color: var(--color-black);
    font-style: normal;
    list-style: none;
}

UL LI {
    font-family: var(--font-body);
    font-weight: var(--body-font-weight-normal);
    line-height: var(--body-line-height-md);
    letter-spacing: var(--letterspacing-sm);
    font-size: var(--body-font-size-xs);
}

a {
    color: var(--color-black);
    text-decoration: underline;
}

P>a {
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
}

hr {
    border-top: 0px solid var(--color-primary);
}

h1>sup {
    font-family: var(--font-title);
}

/*||STYLE GUIDE*/
.color-1{
    color: var(--color-1);
}
.color-2{
    color: var(--color-2);
}
.color-3{
    color: var(--color-3);
}
.color-4{
    color: var(--color-4);
}
.color-5{
    color: var(--color-5);
}
.color-6{
    color: var(--color-6);
}
.color-black{
    color: var(--color-black);
}
.color-white{
    color: var(--color-white);
}
.color-primary{
    color: var(--color-primary);
}

.color_list {
    display: grid;
    grid-column-gap: var(--padding-xs);
    grid-row-gap: var(--padding-xs);
    grid-template-columns: repeat(auto-fill, minmax(24%, 1fr));
}

.color {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "cell1"
        "cell2"
        "cell3"
        "cell4";
}


.color>.cell1 {
    grid-area: cell1;
}

.color>.cell2 {
    grid-area: cell2;
}

.color>.cell3 {
    grid-area: cell3;
}

.color>.cell4 {
    grid-area: cell4;
}

.color>.content {
    padding: var(--padding-xs) var(--padding-sm);
    place-self: end start;
    height: var(--min-height-sm);
}

.color#primary>.cell1 {
    background-color: var(--color-primary-dark);
}

.color#primary>.cell2 {
    background-color: var(--color-primary-regular);
}

.color#primary>.cell3 {
    background-color: var(--color-primary-light);
}

.color#primary>.cell4 {
    background-color: var(--color-primary-extra-light);
}


.color#secondary>.cell1 {
    background-color: var(--color-2-dark);
}

.color#secondary>.cell2 {
    background-color: var(--color-2);
}

.color#secondary>.cell3 {
    background-color: var(--color-2-light);
}

.color#secondary>.cell4 {
    background-color: var(--color-2-extra-light);
}

.color#third>.cell1 {
    background-color: var(--color-3-dark);
}

.color#third>.cell2 {
    background-color: var(--color-3);
}

.color#third>.cell3 {
    background-color: var(--color-3-light);
}

.color#third>.cell4 {
    background-color: var(--color-3-extra-light);
}

.color#fourth>.cell1 {
    background-color: var(--color-4-dark);
}

.color#fourth>.cell2 {
    background-color: var(--color-4);
}

.color#fourth>.cell3 {
    background-color: var(--color-4-light);
}

.color#fourth>.cell4 {
    background-color: var(--color-4-extra-light);
}








.color#sixth>.cell1 {
    background-color: var(--color-6-dark);
}

.color#sixth>.cell2 {
    background-color: var(--color-6);
}

.color#sixth>.cell3 {
    background-color: var(--color-6-light);
}

.color#sixth>.cell4 {
    background-color: var(--color-6-extra-light);
}


.color>.content>h6 {
    font-size: var(--body-font-size-xxs);
}


.color>.cell1>h6,
.color>.cell2>h6,
.color#fifth>.cell3>h6,
.color#sixth>.cell3>h6,
.color#sixth>.cell4>h6 {
    color: var(--color-white);
}

.color>.cell3>h6,
.color>.cell4>h6 {
    color: var(--color-black);
}


.styleguide.text_styling {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "cell1";
    padding: var(--padding-lg) 0 0;
}

.styleguide.text_styling>.cell1.content>p {
    color: var(--color-primary);
}

.styleguide.text_styling>.cell1.content>p:nth-child(19) {
    color: var(--color-6);
}

.styleguide.text_styling>.cell1 {
    grid-area: cell1;
}

.styleguide.button_styling {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "cell1";
    padding: 0 0 var(--padding-lg);
}

.styleguide.button_styling>.cell1 {
    grid-area: cell1;
}

.button_cta{
    display: flex;
    flex-wrap: nowrap;
    column-gap: 30px;
}
.text-center .button_cta,
.button_cta.text-center{
    justify-content: center;
}
.button_cta>a.btn {
    margin: 0 0 var(--padding-sm);
}


#to_top {
    display: none !important;
}

/*||BUTTON CSS*/

a,
a:link,
a:active,
a:visited {
    color: var(--color-black);
    text-decoration: underline;
    text-underline-offset: var(--padding-xxs);
    text-decoration-thickness: 1px;
}

a:hover {
    color: var(--color-black);
    text-decoration: underline;
    text-underline-offset: var(--padding-xxs);
}

.btn,
li.from-footer>div.form_submit>input.submit_but,
.eds_news_Ozone.eds_subCollection_news .edn_readMore.edn_readMoreButton,
.dnnPrimaryAction,
.dnnFormItem input[type="submit"],
a.dnnPrimaryAction,
.dnnFormItem button,
.dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnSecondaryAction,
a.dnnSecondaryAction,
ul.dnnAdminTabNav li a,
.dnnLogin .LoginTabGroup span,
ul.dnnAdminTabNav li.ui-tabs-active a,
.eds_news_Ozone.eds_subCollection_news .edn_readMore.edn_readMoreButton,
a.btn,
div.kyb_dbc_share>button,
.dg-modal .modal-footer .btn,
.eds_mailChimpPlus_Nova .edForm__subscribe,
.eds_mailChimpPlus_Nova .edForm__closeResponse,
#SignupForm_0>div.modalContent__content.strictContent.m>form>div.content__emailStep>div.content__button>input,
div>.edMaps_moduleWrapper>.edMaps_mapWrapper .edMaps_button {
    display: inline-block;
    font-weight: var(--body-font-weight-semibold);
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: var(--border-weight-sm) solid transparent;
    padding: .5rem .75rem;
    font-family: var(--font-body);
    font-style: normal;
    font-size: var(--body-font-size-xs);
    line-height: var(--body-line-height-md);
    border-radius: var(--border-radius-lg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    letter-spacing: var(--letterspacing-sm);
    box-shadow: 4px 4px 0 var(--color-black);
    /* Shadow to mimic offset layer */
    text-shadow: none;
    background-image: none;
    text-transform: uppercase;
    text-decoration: none;
    background-position: right -3px bottom -3px;
}

.btn:focus,
.btn:hover {
    text-decoration: none;
}

.btn-primary,
a.btn.btn-primary,
li.from-footer>div.form_submit>input.submit_but,
.eds_news_Ozone.eds_subCollection_news .edn_readMore.edn_readMoreButton,
.dnnPrimaryAction,
.dnnFormItem input[type="submit"],
a.dnnPrimaryAction,
.dg-modal .modal-footer .btn,
.eds_mailChimpPlus_Nova .edForm__subscribe,
.eds_mailChimpPlus_Nova .edForm__closeResponse,
#SignupForm_0>div.modalContent__content.strictContent.m>form>div.content__emailStep>div.content__button>input,
div>.edMaps_moduleWrapper>.edMaps_mapWrapper .edMaps_button {
    color: var(--color-black);
    background-color: var(--primary);
    border-color: var(--color-3);
    background: var(--color-primary);
    min-width: 120px;
}


a.btn.btn-primary:hover,
.dnnPrimaryAction:hover,
.dnnFormItem input[type="submit"]:hover,
a.dnnPrimaryAction:hover,
.eds_news_Ozone.eds_subCollection_news .edn_readMore.edn_readMoreButton:hover,
div>.Theme_01_Default .form_submit .submit_but:hover,
div>.Theme_01_Default .form_submit .reset_but:hover,
.dg-modal .modal-footer .btn:hover,
#bs-example-modal-xl>div>div>div.modal-header>button:hover,
.btn:focus,
.btn:hover,
.eds_mailChimpPlus_Nova .edForm__subscribe:hover,
.eds_mailChimpPlus_Nova .edForm__closeResponse:hover,
#SignupForm_0>div.modalContent__content.strictContent.m>form>div.content__emailStep>div.content__button>input:hover,
div>.edMaps_moduleWrapper>.edMaps_mapWrapper .edMaps_button:hover {
    color: var(--color-white) !important;
    background-color: var(--color-2);
    border-color: var(--color-3);
    background: var(--color-2);
}

.border-0 {
    border: 1px solid #e0e0e0 !important;
}

.btn-light.border-0:hover {
    border: 2px solid var(--color-black) !important;
    background-color: var(--color-black) !important;
    color: var(--color-white) !important;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: var(--color-black);
    background-color: var(--color-2);
    border-color: var(--color-2);
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: var(--boxshadow-btn-focus);
}

.btn.btn-secondary,
.dnnFormItem button,
.dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnSecondaryAction,
a.dnnSecondaryAction,
ul.dnnAdminTabNav li a,
.dnnLogin .LoginTabGroup span,
ul.dnnAdminTabNav li a,
ul.dnnAdminTabNav li.ui-tabs-active a,
.btn-light,
div.kyb_dbc_share>button {
    color: var(--color-black);
    background-color: var(--color-4);
    border-color: var(--color-3);
    min-width: 120px;
}

.btn.btn-secondary:hover,
#dnn_ctr_EditUser_adminTabNav>li>a:hover,
.dnnFormItem button:hover,
.dnnFormItem input[type="button"]:hover,
.dnnFormItem input[type="reset"]:hover,
.dnnSecondaryAction:hover,
a.dnnSecondaryAction:hover,
ul.dnnAdminTabNav li a:hover,
.dnnLogin .LoginTabGroup span:hover {
    color: var(--color-white);
    background-color: var(--color-2);
    border-color: var(--color-3);
    background: var(--color-2);
}

.btn.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: var(--color-black);
    background-color: var(--color-4);
    border-color: var(--color-3);
}

.btn.btn-secondary.focus,
.btn-secondary:focus {
    box-shadow: var(--boxshadow-btn-focus);
}

.btn.btn-link,
#dnn_dnnUser2_enhancedRegisterLink {
    color: var(--color-black);
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}

.btn.btn-link:hover {
    color: var(--color-2) !important;
    text-decoration: underline;
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline;
    border-color: transparent;
    box-shadow: none;
}

.btn.btn-success {
    color: var(--color-black);
    background-color: var(--color-white);
    border-color: var(--color-3);
    min-width: 120px;
}

.btn.btn-success:hover {
    color: var(--color-white);
    background-color: var(--color-2);
    border-color: var(--color-3);
}

.btn.btn-info {
    color: var(--color-white);
    background-color: var(--color-2);
    border-color: var(--color-3);
    min-width: 120px;
}

.btn.btn-info:hover {
    color: var(--color-black);
    background-color: var(--color-2);
    border-color: var(--color-2);
}

.btn.btn-warning {
    color: var(--color-white);
    background-color: var(--color-danger);
    border-color: var(--color-3);
    min-width: 120px;
}

.btn.btn-warning:hover {
    color: var(--color-black);
    background-color: var(--color-2);
    border-color: var(--color-3);
}

.btn.btn-danger {
    background-color: var(--color-danger);
    color: var(--color-white);
    border-color: var(--color-3);
    min-width: 120px;
}

.btn.btn-danger:hover {
    color: var(--color-black);
    background-color: var(--color-2);
    border-color: var(--color-3);
}

.button_cta {
    padding-top: var(--padding-sm);
}

.button_cta>.btn {
    width: 100%;
}

/*||VIDEO*/

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*||MENU CSS*/

.header_bg {
    box-shadow: none;
}

.header_bg .headerBox .container.boxed .head_mid,
.header_bg .headerBox .container.boxed .head_mid .Normal {
    background-color: #fff;
}

.header_bg .headerBox .container.boxed .head_mid {
    border-radius: 20px;
    box-shadow: var(--boxshadow-md);
}

.header_bg .headerBox .container.boxed .header-top {
    position: relative;
    display: flex;
    padding: 10px 50px;
    align-items: center;
    justify-content: space-between;
    z-index: 1000;
}

.header_bg .headerBox .container.boxed .header-top.sticky-element.fixed-element {
    position: fixed;
}

.header_bg .headerBox .container.boxed .header-top .dnn_logo .Logobox {
    height: auto;
    padding: 0;
}

.header_bg .headerBox .container.boxed .header-top .mobile_nav_ico {
    width: 1em;
    height: 1em;
    position: relative;
    color: var(--color-black);
    display: none;
    margin-left: 10px;
    font-size: var(--body-font-size-md);
    cursor: pointer;
}

.header_bg .headerBox .container.boxed .header-top .mobile_nav_ico::after,
.header_bg .headerBox .container.boxed .header-top .mobile_nav_ico::before,
.header_bg .headerBox .container.boxed .header-top .mobile_nav_ico .icon::after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: currentColor;
    position: absolute;
    top: 50%;
    left: 0;
}

.header_bg .headerBox .container.boxed .header-top .mobile_nav_ico::after {
    top: 2px;
}

.header_bg .headerBox .container.boxed .header-top .mobile_nav_ico::before {
    top: auto;
    bottom: 2px;
}

.header_bg .headerBox .container.boxed .header-top .mobile_nav_ico .icon::after {
    margin-top: -1px;
}

body .mobile_menu.mm-menu.mm-opened + #Form .header_bg .headerBox .container.boxed .header-top .mobile_nav_ico::before,
body .mobile_menu.mm-menu.mm-opened + #Form .header_bg .headerBox .container.boxed .header-top .mobile_nav_ico::after{
    inset: initial;
    top: 50%;
    left: 50%;
}
body .mobile_menu.mm-menu.mm-opened + #Form .header_bg .headerBox .container.boxed .header-top .mobile_nav_ico::before{
    transform: translate3d(-50%,-50%, 0) rotate(45deg);
}
body .mobile_menu.mm-menu.mm-opened + #Form .header_bg .headerBox .container.boxed .header-top .mobile_nav_ico::after{
    transform: translate3d(-50%,-50%, 0) rotate(-45deg);
}
body .mobile_menu.mm-menu.mm-opened + #Form .header_bg .headerBox .container.boxed .header-top .mobile_nav_ico .icon{
    opacity: 0;
}
.header_bg .headerBox .container.boxed .header-top .nav_ico:before {
    content: none;
}

.header_bg .headerBox .container.boxed .header-top .mobilemenu_close {
    display: none;
}

@media only screen and (min-width: 992px) {
    .header_bg .headerBox .container.boxed .header-top {
        position: relative !important;
        width: 100% !important;
        left: 0 !important;
    }

    .header_bg .headerBox .container.boxed .header-top+.placeholder {
        display: none;
    }
}
@media only screen and (max-width: 1199px) {
    .header_bg .headerBox .container.boxed{
        padding-left: 0;
        padding-right: 0;
    }
    .header_bg .headerBox .container.boxed .head_mid{
        border-radius: 0;
    }
}

@media only screen and (max-width: 991px) {
    .header_bg .headerBox .container.boxed .header-top {
        gap: 10px;
        padding: 10px 20px;
    }

    .header_bg .headerBox .container.boxed .header-top .mobile_nav_ico {
        display: block;
    }

    .header_bg .headerBox .container.boxed .header-top #user-icon {
        display: none;
    }
}

.header_bg .headerBox .container.boxed .header-top .leftBox {
    display: flex;
    align-items: center;
    gap: var(--padding-sm) var(--padding-md);
}

.header_bg .headerBox .container.boxed .header-top .leftBox .is-PcBox {
    max-width: 260px;
}

.header_bg .headerBox .container.boxed .header-top .leftBox .is-MobileBox {
    display: none;
}

.header_bg .headerBox .container.boxed .header-top .rightBox .is-PcBox {
    max-width: 350px;
}

.header_bg .headerBox .container.boxed .header-top .rightBox .is-PcBox .Normal {
    text-align: right;
}

.header_bg .headerBox .container.boxed .header-top .rightBox .is-MobileBox {
    display: none;
    align-items: center;
}

.header_bg .headerBox .container.boxed .header-top .centerBox .is-PcBox,
.header_bg .headerBox .container.boxed .header-top .centerBox .is-MobileBox {
    display: none;
}

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

    .header_bg .headerBox .container.boxed .header-top .leftBox .is-PcBox,
    .header_bg .headerBox .container.boxed .header-top .rightBox .is-PcBox,
    .header_bg .headerBox .container.boxed .header-top .centerBox .is-PcBox {
        display: none;
    }

    .header_bg .headerBox .container.boxed .header-top .leftBox,
    .header_bg .headerBox .container.boxed .header-top .rightBox {
        width: 140px;
    }

    .header_bg .headerBox .container.boxed .header-top .leftBox .is-MobileBox {
        display: none;
    }

    .header_bg .headerBox .container.boxed .header-top .centerBox .is-MobileBox {
        display: block;
    }

    .header_bg .headerBox .container.boxed .header-top .rightBox .is-MobileBox {
        display: flex;
        justify-content: flex-end;
    }
}

@media only screen and (max-width: 575px) {
    .header_bg .headerBox .container.boxed .header-top .centerBox .is-MobileBox {
        display: none;
    }
}


.header_bg .headerBox .container.boxed .header-middle {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px;
    background-color: var(--color-2);
    border: 2px dashed var(--color-black);
    z-index: 999;
}

.header_bg .headerBox .container.boxed .header-middle.sticky-element.fixed-element {
    position: fixed;
    z-index: 1000;
}

.header_bg .headerBox .container.boxed .header-middle .rightBox {
    display: flex;
    align-items: center;
}

.header_bg .headerBox .container.boxed .header-middle .rightBox .nav_ico:before {
    content: none;
}

.header_bg .headerBox .container.boxed .header-middle .mobileBox {
    display: none;
    flex-direction: column;
    justify-content: center;
    padding: var(--padding-md) 0;
    width: 100%;
    text-align: center;
    min-height: 100px;

}

.header_bg .headerBox .container.boxed .header-middle .mobileBox p {
    margin: 0 0 0;
    color: var(--color-white);
    font-size: var(--body-font-size-md);
    font-weight: bold;
    line-height: var(--body-line-height-md);
}

@media only screen and (max-width: 991px) {
    .header_bg .headerBox .container.boxed .header-middle {
        position: relative !important;
        width: 100% !important;
        left: 0 !important;
    }

    .header_bg .headerBox .container.boxed .header-middle+.placeholder {
        display: none;
    }

    .header_bg .headerBox .container.boxed .header-middle {
        text-align: center;
    }

    .header_bg .headerBox .container.boxed .header-middle .leftBox,
    .header_bg .headerBox .container.boxed .header-middle .rightBox {
        display: none;
    }

    .header_bg .headerBox .container.boxed .header-middle .mobileBox {
        display: flex;
    }
}

#Body .rvdsf-cartsummary-header-container .btn.rvdsf-btn-viewcart {
    margin-left: 17px;
    padding: 0;
    box-shadow: none;
}

#Body .rvdsf-cartsummary-header-container .rvd-label-qty {
    top: 6px;
    left: calc(17px + (100% - 17px) / 2);
    transform: translate3d(-50%, -50%, 0);

    min-width: 24px;
    height: 24px;

    color: var(--color-black);
    font-size: 18px;
    line-height: 1;
}

#Body .rvdsf-cartsummary-header-container .rvd-label-qty:empty {
    display: none;
}

#Body .btn.rvdsf-btn-viewcart::after {
    content: "\f7ef";
    margin-top: 4px;
    font-weight: 400;
    width: 1em;
    height: 1em;
    color: var(--color-white);
    font-size: var(--body-font-size-lg);
    line-height: 1;
}
@media only screen and (max-width: 1399px) {
    #Body .btn.rvdsf-btn-viewcart::after {
        margin-top: 6px;
        font-size: var(--body-font-size-md);
    }
}

@media only screen and (max-width: 991px) {
    #Body .nav_ico .fa {
        margin: 0;
        color: var(--color-black);
    }

    #Body .btn.rvdsf-btn-viewcart::after {
        color: var(--color-black);
    }

    #Body .rvdsf-cartsummary-header-container .rvd-label-qty {
        color: var(--color-white);
        background-color: var(--color-black);
    }
}


.header_bg .headerBox .container.boxed .header-bottom {
    border-radius: 0 0 20px 20px;
}

.header_bg .headerBox .container.boxed .header-bottom .headerBottomPaneB {
    padding: 55px 50px;
}
@media only screen and (max-width: 767.98px) {
    .header_bg .headerBox .container.boxed .header-bottom .headerBottomPaneB {
        padding: 35px 20px;
    }
}

.headerBox>.shade,
.roll_menu.roll_activated .headerBox>.shade,
.roll_menu.roll_activated .headerbottomBox>.shade {
    background-color: var(--color-black);
}

header.header_bg.roll_menu:has(.sticky-element) {
    position: relative;
    top: 0;
}

.sticky-element {
    opacity: 1;
    transform: translateY(0%);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.sticky-element.fixed-element {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    opacity: 1;
    transform: translateY(0%);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.sticky-element.fixed-element.is-entering {
    opacity: 0;
    transform: translateY(-100%);
    transition: opacity 0s ease-in-out, transform 0s ease-in-out;
}

.sticky-element .placeholder {
    width: 100%;
    background-color: transparent;
}

.mobile_header {
    margin-bottom: var(--padding-sm);
}

.mobile_nav {
    border-top: 0px solid var(--color-primary-extra-light);
    background-color: var(--color-black);
}

.mobile_dnn_logo img {
    max-width: 90%;
}

#dnngo_megamenu>div>ul>li {
    background: none;
    padding: var(--padding-sm) 0;
}

.mobile_left_icon .fa,
.mobile_right_icon a {
    border-color: var(--color-white);
    color: var(--color-white);
    text-decoration: none;
}

.mobile_menu.mm-menu {
    background: var(--color-black);
}

.mobile_menu,
.mobile_menu .Normal,
.HeaderPane_mobile,
.HeaderPaneB_mobile,
.mobile_menu .Header_Info,
.mm-menu .mm-navbar.mm-navbar-top-2,
.mm-menu .mm-navbar.mm-navbar-top-2 a,
.mobile_menu .mm-listview>li>a,
.mobile_menu .mm-listview>li>span,
.mobile_menu.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next):hover,
.mobile_menu.mm-menu .mm-listview>li.current>a:not(.mm-next),
.mobile_menu.mm-menu .mm-listview>li.subcurrent>a:not(.mm-next),
.mobile_menu.mm-menu .mm-listview>li>a:not(.mm-next):hover,
.mobile_menu.mm-menu .mm-listview>li.subcurrent>em,
.mobile_menu.mm-menu .mm-listview>li>em:hover,
.mobile_menu.mm-menu .mm-listview>li>.mm-next:hover>em,
.mobile_menu.mm-menu .mm-listview>li.subcurrent>.mm-next:after,
.mobile_menu.mm-menu .mm-listview>li>.mm-next:hover:after,
.mobile_menu.mm-menu em.mm-counter,
.mobile_menu .mm-next:after {
    color: var(--color-white) !important;
    font-size: var(--body-font-size-xs);
    font-family: var(--font-body);
}

.mobile_menu.mm-menu .mm-listview>li.current>em,
.mobile_menu.mm-menu .mm-listview>li.current>.mm-next:after {
    color: var(--color-black) !important;
}





.mobile_menu .mm-listview>li,
.mobile_menu .mm-listview>li:after,
.mobile_menu .mm-listview>li .mm-next,
.mobile_menu .mm-listview>li .mm-next:before,
.mobile_menu .mm-navbar.mm-navbar-top-2,
.mobile_menu .menu_header,
.mobile_menu .mm-navbar.mm-navbar-top.mm-navbar-top-1,
#mobile_user {
    border-color: transparent;
}

#mobile_user,
.mobile_menu .mm-navbar.mm-navbar-top-2 {
    border: none;
}

.mobile_menu.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),
.mobile_menu.mm-menu .mm-listview>li.mm-selected>span,
.mobile_menu.mm-menu .mm-listview>li.current>a:not(.mm-next),
.mobile_menu.mm-menu .mm-listview>li.subcurrent>a:not(.mm-next),
.mobile_menu.mm-menu .mm-listview>li.current>.mm-next,
.mobile_menu.mm-menu .mm-listview>li.subcurrent>.mm-next,
.mobile_menu.mm-menu .mm-listview>li>a:not(.mm-next):hover,
.mobile_menu.mm-menu .mm-listview>li>.mm-counter:hover+.mm-next,
.mobile_menu.mm-menu .mm-listview>li>a.mm-next:hover {
    background-color: var(--color-2);
    color: var(--color-black) !important;
}

.mobile_menu.mm-menu .mm-listview>li>a.mm-next {
    bottom: 0px;
}

.mobile_left_icon .fa.active,
html.mm-opening.mm-opened .mobile_right_icon a {
    color: var(--color-2);
    text-decoration: none;
}

.mobile_left_icon .fa.active:before,
html.mm-opening.mm-opened .mobile_right_icon a:before {
    content: "\f00d";
    font-size: var(--body-font-size-md);
}

.mm-menu .mm-navbar.mm-navbar-top-2 a {
    font-family: var(--font-subtitle);
    font-weight: var(--body-font-weight-semibold);
    font-size: var(--body-font-size-md);
}

#mobile_user>span:nth-child(2)>.sep,
#mobile_user>span:nth-child(1) {
    display: none;
}

#mobile_user>span:nth-child(2) {
    width: 100%;
}

#dnn_dnnLogin2_enhancedLoginLink {
    font-size: var(--body-font-size-xs) !important;
}

.LoginLink {
    width: 100%;
}

#mobile_user a:link,
#mobile_user a:active {
    color: var(--color-black);
    width: 100%;
    background-color: var(--color-2);
    font-weight: var(--body-font-weight-semibold);
    border: var(--border-weight-sm) solid var(--color-2);
    padding: 0.5rem 0.75rem;
    font-family: var(--font-subtitle);
    font-size: var(--body-font-size-xs);
    line-height: var(--body-line-height-md);
    border-radius: var(--border-radius-lg);
    text-transform: uppercase;
}

#mobile_user a:hover,
#mobile_user a:hover {
    background-color: var(--color-white);
    border-color: var(--color-white);
}

#dnn_dnnUser2_enhancedRegisterLink {
    color: var(--color-white) !important;
}

#dnn_dnnUser2_enhancedRegisterLink:hover {
    color: var(--color-2) !important;
}

#dnn_dnnUser2_enhancedRegisterLink {
    background-color: transparent !important;
    border: 0px !important;
}

#dnn_dnnUser2_messageGroupk,
#dnn_dnnUser2_notificationGroup,
#dnn_dnnUser2_messageLink {
    display: none;
}

#dnn_dnnUser2_registerGroup>.buttonGroup {
    margin: 0 0 var(--padding-sm);
}

.dnn_logo .Logobox,
.LogoPane {
    height: 75px;
}

#dnngo_megamenu>div>ul>li>a>span {
    color: var(--color-white);
    font-family: var(--font-body);
    font-weight: var(--body-font-weight-semibold);
    font-size: var(--body-font-size-md);
    letter-spacing: var(--letterspacing-sm);
    text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
    #dnngo_megamenu>div>ul>li>a>span {
        font-size: var(--body-font-size-sm);
    }
}
#dnngo_megamenu>div>ul>li:hover>a>span,
#dnngo_megamenu>div>ul>li.current>a>span,
#dnngo_megamenu>div>ul>li.menu_hover>a>span,
#dnngo_megamenu>div>ul>li>a:hover>span>i,
#dnngo_megamenu>div>ul>li.menu_hover>a>span>i,
#dnngo_megamenu>div>ul>li.current>a>span>i {
    color: var(--color-primary);
}

#dnngo_megamenu>div>ul>li:hover>a>span:before,
#dnngo_megamenu>div>ul>li.current>a>span:before,
#dnngo_megamenu>div>ul>li.menu_hover>a>span:before {
    right: 2px;
    opacity: 1;
    visibility: visible;
}

#dnngo_megamenu>div>ul>li>a>span:before {
    border-bottom: 4px solid var(--color-primary);
    /* right: 0px; */
    width: 100%;
    left: 0px;
}

.nav_ico .fa {
    width: 1em;
    height: 1em;
    color: var(--color-white);
    font-size: var(--body-font-size-lg);
    line-height: 1;
}

.nav_ico .fa:hover,
.nav_ico .fa.active {
    color: var(--color-primary);
}

.nav_ico .fa.active:before {
    content: "\f00d";
    color: var(--color-primary);
}
@media only screen and (max-width: 1399px) {
    .nav_ico .fa  {
        font-size: var(--body-font-size-md);
    }
}


.nav_ico .Loginandlanguage>.Login a,
.nav_ico .Loginandlanguage>.Login a:link,
.nav_ico .Loginandlanguage>.Login a:active,
.nav_ico .Loginandlanguage>.Login a:visited,
.nav_ico .Loginandlanguage>.Login .sep {
    color: var(--color-black);
    font-size: var(--body-font-size-sm);
    text-decoration: none;
}

.nav_ico .Loginandlanguage>.Login a:hover {
    text-decoration: underline;
}

.nav_ico .searchBox input.NormalTextBox,
#mobile_search,
#mobile_search input.NormalTextBox {
    background-color: var(--color-white);
    color: var(--color-black);
    font-family: var(--font-body);
    font-weight: var(--body-font-weight-normal);
    font-size: var(--body-font-size-xs);
    letter-spacing: var(--letterspacing-sm);
    width: 100%;
    padding: 0px 0px 0px var(--padding-xs);
}

.nav_ico .searchBox {
    height: inherit;

}

.nav_ico .search {
    margin-top: -2px;
}

.nav_ico .search,
.nav_ico a.search:link,
.nav_ico a.search:active,
.nav_ico a.search:visited,
#mobile_search .search,
#mobile_search a.search:link,
#mobile_search a.search:active,
#mobile_search a.search:visited {
    left: auto;
    background-color: var(--color-6);
    color: var(--color-white);
}

.nav_ico .search {
    color: var(--color-3);
}

.dnnSearchResultItem-Others {
    display: none;
}

ul.searchSkinObjectPreview {
    font-size: var(--body-font-size-xxs);
}

ul.searchSkinObjectPreview {
    position: absolute;
    top: 100%;
    right: 0;
    background: var(--color-white);
    border: 0px solid var(--color-primary);
    width: 300px;
}

ul.searchSkinObjectPreview>li.searchSkinObjectPreview_group {
    font-weight: var(--body-font-weight-semibold);
    color: var(--color-6);
    border-bottom: 0px solid var(--color-primary);
    font-family: var(--font-subtitle);
}

ul.searchSkinObjectPreview>li {
    border-top: 0px solid var(--color-white);
    color: var(--color-6);
}

.dnnSearchBoxPanel,
.dnnSearchResultPanel {
    margin: 0px;
    background-color: var(--color-white);
    border-bottom: 1px solid #e0e0e0;
}

.dnnSearchResultPager {
    margin: 0px 0px var(--padding-md);
}

.dnnSearchBox {
    display: inline-block;
    margin: 0;
    padding: 5px;
    border: 2px solid var(--color-primary-extra-light);
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
    background: var(--color-white);
    vertical-align: top;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0);
    position: relative;
}


.dnnSearchBox>input[type="text"],
.dnnSearchBox>input[type="text"]:focus {
    background: transparent;
    padding: var(--padding-sm);
    border: 1px solid #e0e0e0;
    border-radius: var(--border-radius-md);
}

.dnnSearchBox>a.dnnSearchBoxClearText.dnnShow,
.dnnSearchBox>a.dnnSearchButton,
.dnnSearchBox>.dnnSearchBox_advanced {
    margin: 14px var(--padding-xs) var(--padding-xs);
}

.dnnSearchBox>.dnnSearchBox_advanced>.dnnSearchBox_advanced_label {
    border-left: 0px solid #e0e0e0;
    padding: 0 var(--padding-xs);
    color: var(--color-black);
    background: url(../../../images/dnnSpinnerDownArrow.png) no-repeat;
    height: 22px;
}

div.dnnTagsInput,
.selectize-input,
.selectize-control.multi .selectize-input.has-items,
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input.items.full.has-options.has-items {
    display: inline-block;
    margin: 0;
    padding: var(--padding-xs);
    border: 1px solid var(--color-primary-extra-light);
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
    background: var(--color-white);
    /* -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8), inset 0 1px 2px 0 rgba(0, 0, 0, 0.3); */
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0), inset 0 1px 2px 0 rgba(0, 0, 0, 0);
    background-color: var(--color-white);
    background-image: none;
    border-color: var(--color-primary-extra-light);
}

.dnnSearchResultPanel .dnnSearchResultSortOptions {
    border: 0px solid #e0e0e0;
    padding: 0px;
}

.dnnSearchResultPanel .dnnSearchResultSortOptions>li.active>a,
.dnnSearchResultPanel .dnnSearchResultSortOptions>li.active>a:hover {
    background-color: var(--color-white);
    background: none;
    color: var(--color-6);
}

.dnnSearchResultPanel .dnnSearchResultSortOptions>li>a {
    padding: 0px var(--padding-xs);
    margin: 0;
    color: var(--color-6);
    background: none;
}





.roll_menu.roll_activated #dnngo_megamenu>div>ul>li>a>span {
    color: var(--color-white);
}

.roll_menu.roll_activated #dnngo_megamenu>div>ul>li:hover>a>span,
.roll_menu.roll_activated #dnngo_megamenu>div>ul>li.current>a>span,
.roll_menu.roll_activated #dnngo_megamenu>div>ul>li.menu_hover>a>span {
    color: var(--color-2);
}

.roll_menu.roll_activated #dnngo_megamenu>div>ul>li>a>span:before {
    border-color: var(--color-2);
}

#dnngo_megamenu .dnngo_menuslide .dnngo_slide_menu a {
    color: var(--color-6);
    background-color: var(--color-white);
    font-family: var(--font-body);
    font-weight: var(--body-font-weight-normal);
    letter-spacing: var(--letterspacing-sm);
    font-size: var(--body-font-size-xs);
}

#dnngo_megamenu .dnngo_slide_menu li:hover>a,
#dnngo_megamenu .dnngo_slide_menu li.subcurrent>a {
    color: var(--color-white);
    background-color: var(--color-black);
}

#dnngo_megamenu>div>ul>li.dir:hover>a>span:after,
#dnngo_megamenu>div>ul>li.dir.current>a>span:after,
#dnngo_megamenu>div>ul>li.dir.menu_hover>a>span:after {
    border-bottom: 1px solid var(--color-2);
    border-right: 1px solid var(--color-2);
}

div.cc-color-override-688238583.cc-window {
    color: var(--color-white);
    background-color: var(--color-black);
}

#cookieconsent\:desc {
    font-family: var(--font-body);
    font-size: var(--body-font-size-xs);
}

.cc-color-override-688238583 .cc-btn {
    color: var(--color-black) !important;
    border-color: 2px solid var(--color-white) !important;
    background-color: var(--color-primary) !important;
    border-radius: var(--border-radius-lg) !important;
    text-transform: uppercase !important;
    text-decoration: none;
    font-weight: var(--body-font-weight-semibold);
    font-family: var(--font-subtitle);
    box-shadow: var(--color-white);
}


#rvdsfDetailedGalleryCarousel>a.carousel-control {
    margin: var(--padding-sm) 0 0 !important;
    padding-top: 0 !important;
}

#rvdsfDetailedGalleryCarousel>a.carousel-control>span.sr-only {
    position: relative;
    color: var(--color-black);
}

.cc-bottom {
    bottom: 0;
    right: 0;
}

/*|| LOGIN*/

.dnnLogin {
    width: 100%;
    margin: auto;
}

.LoginPanel {
    width: 100%;
    padding-right: 0px;
    max-width: 500px;
    padding-top: var(--padding-sm);
    padding-bottom: var(--padding-lg);
}

.dnnLabel,
.dnnFormItem>span.dnnFormLabel {
    text-align: left !important;
    display: block !important;
    float: none !important;
}

#dnn_ctr2367_Login_Login_DNN_txtUsername,
#dnn_ctr3621_Login_Login_DNN_txtUsername {
    width: 100%;
    border-radius: 2em;
}

.dnnFormItem input[type="text"],
.dnnFormItem input[type="password"],
.dnnFormItem input[type="email"],
.dnnFormItem input[type="tel"],
.dnnFormItem select {
    width: 100%;
}

.dnnFormItem input[type="text"]:active,
.dnnFormItem input[type="text"]:focus,
.dnnFormItem input[type="password"]:focus,
.dnnFormItem input[type="password"]:active,
.dnnFormItem input[type="email"]:active,
.dnnFormItem input[type="email"]:focus,
.dnnFormItem input[type="search"]:active,
.dnnFormItem input[type="search"]:focus {
    background: var(--color-white);
    border: 1px solid #e0e0e0;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(2, 139, 255, 0);
    box-shadow: 0px 0px 0px 0px rgba(2, 139, 255, 0);
    color: var(--color-6);
}

.dnnFormItem input[type="text"],
.dnnFormItem input[type="email"],
.dnnFormItem input[type="search"],
.dnnFormItem input[type="password"] {
    border-radius: var(--border-radius-md);
    padding: var(--padding-xs) var(--padding-sm);
}

.LoginPanel {
    width: 100%;
    padding-right: 0px;
    max-width: 500px;
}

.LoginPanel {
    padding-top: 0;
    padding-bottom: var(--padding-lg);
}

.dnnFormItem input[type="text"],
.dnnFormItem input[type="password"],
.dnnFormItem input[type="email"],
.dnnFormItem input[type="tel"] {
    max-width: 100%;
}

#loginduck>div {
    padding-right: 0px;
    padding-left: 0px;
}

#contactinfo>.container {
    padding-right: 0px;
    padding-left: 0px;
}

#UserProfile>img {
    display: none;
}

#UserProfile>div.ProfileAddress>div:nth-child(2),
#UserProfile>div.ProfileAddress>div:nth-child(3),
#UserProfile>div.ProfileAddress>div:nth-child(4),
#UserProfile>div.ProfileContact,
#UserProfile>div.ProfileBio,
#dnn_ctr_EditUser_VanityUrlRow,
.dnnMembership,
#H2.dnnFormSectionHead>a,
#H2.dnnFormSectionHead,
#dnn_ctr_EditUser_adminTabNav>li:nth-child(3) {
    display: none;
}

/*MAILCHIMP*/

div.BottomFormPaneBox {
    background-color: var(--color-2);
    background-image: none;
}

div.BottomFormPaneBox .BottomFormPane {
    padding: var(--padding-lg);
    border-radius: var(--border-radius-md);
    background-color: var(--color-white);
    max-width: 1024px;
    margin: auto;
}

.dds.home.newsletter,
#dnn_BottomFormPane>div.DnnModule.DnnModule-EasyDNNMailChimpPlus.DnnModule-388 {
    max-width: 768px;
    margin: auto;
}

#eds_mailchimp_388_form .edmcp_header {
    display: none;
}

#eds_mailchimp_388_form .edmcp_formWrapper {
    border-left: solid 0px #e0e0e0;
    border-right: solid 0px #e0e0e0;
    padding: 0;
}

#eds_mailchimp_388_form .edmcp__inputGroup {
    margin-bottom: 0px;
    margin-top: var(--padding-sm);
}

#eds_mailchimp_388_form .edmcp_footerWrapper {
    display: none;
}

#eds_mailchimp_388_form .edmcp_center {
    text-align: left;
}

.eds_mailChimpPlus_Nova .edmcp__label {
    color: var(--color-black);
    font-family: var(--font-subtitle);
    font-size: var(--body-font-size-xxs);
    font-style: normal;
    font-weight: var(--body-font-weight-semibold);
}

.eds_mailChimpPlus_Nova input[type="text"],
.eds_mailChimpPlus_Nova input[type="email"],
.eds_mailChimpPlus_Nova input[type="number"],
.eds_mailChimpPlus_Nova select,
.eds_mailChimpPlus_Nova textarea {
    border: solid 2px var(--color-black);
    color: var(--color-black);
    font-family: var(--font-subtitle);
    font-size: var(--body-font-size-xxs);
    font-style: normal;
    font-weight: var(--body-font-weight-normal);
    border-radius: var(--border-radius-sm);
}

.eds_mailChimpPlus_Nova input[type="text"]:hover,
.eds_mailChimpPlus_Nova input[type="email"]:hover,
.eds_mailChimpPlus_Nova input[type="number"]:hover,
.eds_mailChimpPlus_Nova textarea:hover,
.eds_mailChimpPlus_Nova .edmcp__select:hover::before {
    border-color: var(--color-black);
}

.eds_mailChimpPlus_Nova .edForm__responseMessage>div::after,
.eds_mailChimpPlus_Nova .edmcp_header,
.eds_mailChimpPlus_Nova .edmcp_footerWrapper,
#eds_mailchimp_575_form>div.edmcp_formWrapper>div.edmcp_form>div:nth-child(1)>div>div>label {
    display: none;
}

.eds_mailChimpPlus_Nova .edForm__responseMessage>div {
    border: solid 0px #e0e0e0;
    margin: 0px;
    padding: var(--padding-sm) 0 0;
    width: 100%;
}

.eds_mailChimpPlus_Nova .edmcp__radioButton>label>span::before,
.eds_mailChimpPlus_Nova .edmcp__checkBox>label>span::before {
    border: solid 2px var(--color-black);
}

.eds_mailChimpPlus_Nova .edmcp__checkBoxWithCheckBoxGroup {
    margin: 0px;
}

.eds_mailChimpPlus_Nova .edmcp__radioButton>label>span,
.eds_mailChimpPlus_Nova .edmcp__checkBox>label>span {
    font-family: var(--font-subtitle);
    font-size: var(--body-font-size-xs);
    color: var(--color-black);
}

.eds_mailChimpPlus_Nova .edmcp__radioButton input[type="radio"]:checked+span::before,
.eds_mailChimpPlus_Nova .edmcp__checkBox input[type="checkbox"]:checked+span::before {
    border-color: var(--color-primary);
}

.eds_mailChimpPlus_Nova .edmcp__radioButton>label>span::after,
.eds_mailChimpPlus_Nova .edmcp__checkBox>label>span::after {
    color: var(--color-primary);
}

.eds_mailChimpPlus_Nova .edmcp_mailingList {
    display: none;
}

.eds_mailChimpPlus_Nova .edForm__responseMessage {
    margin: 0px;
}

div>.eds_mailChimpPlus_Nova .edmcp_mainMessage {
    color: var(--color-black);
    font-family: var(--font-subtitle);
    font-size: var(--body-font-size-md);
    font-style: normal;
    font-weight: bold;
    margin-bottom: var(--padding-xs);
}

div.edForm__responseMessage>div>p.edmcp_doubleOptInText {
    font-size: var(--body-font-size-sm);
    color: var(--color-black);
    margin-bottom: var(--padding-sm);
}

.eds_mailChimpPlus_Nova .edmcp_formWrapper {
    border: none;
    padding: var(--padding-sm) 0;
}

/*|| MENU_BOTTOM*/

.menu_bottom {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas: "cell1 cell2 cell4 cell5";
    position: fixed;
    bottom: 0;
    grid-column-gap: 0;
    grid-row-gap: 0;
    z-index: 7;
    width: 100%;
}

.menu_bottom>.full {
    grid-area: 1 / 1 / 2 / 6;
}

.menu_bottom>.cell1 {
    grid-area: cell1;

}

.menu_bottom>.cell2 {
    grid-area: cell2;

}

.menu_bottom>.cell3 {
    grid-area: cell3;
    display: none;

}

.menu_bottom>.cell4 {
    grid-area: cell4;

}

.menu_bottom>.cell5 {
    grid-area: cell5;

}

.fa-box:before {
    content: "\f466" !important;
}

.menu_bottom>.content>.btn {
    border-radius: 0px;
    padding: 2vw 0 1vw;
    box-shadow: none;
    font-family: var(--font-body);
    text-transform: capitalize;
    font-weight: var(--body-font-weight-normal);
    font-size: var(--body-font-size-xxs);
    font-style: normal;
    width: 100%;
    background-color: var(--color-black);
    border-color: var(--color-black);
    letter-spacing: var(--letterspacing-sm);
}

.menu_bottom>.content>a:hover {
    background-color: var(--color-2);
    border-color: var(--color-2);
}



.menu_bottom>.content>.btn>i,
.menu_bottom>.content>.btn>img {
    font-size: var(--body-font-size-sm);
    padding: 0.25vw;
    display: block;
    height: var(--body-font-size-md);
    margin: auto;
}

/* || BREADCRUMBS */

.HeaderPageTitle_bg {
    margin-bottom: 0px;
}

.pagetitleBox {
    background-color: var(--color-white);
    border-bottom: solid 0px var(--color-primary-light);
}

.pagetitleBox .pagetitle-left {
    display: none;
}

.pagetitleBox h1 {
    line-height: var(--body-line-height-md);
    margin: 0;
    Font-Size: var(--body-font-size-sm);
    text-transform: inherit;
    color: var(--color-black);
    Font-Family: var(--font-body);
    Font-weight: var(--body-font-weight-normal);
    letter-spacing: var(--letterspacing-sm);
    font-style: normal;
}

.pagetitleBox .pagetitletoken,
.pagetitleBox .pagetitletoken a,
.pagetitleBox .pagetitletoken aLlink,
.pagetitleBox .pagetitletoken a:active,
.pagetitleBox .pagetitletoken a:visited {
    font-style: Normal;
    Font-Size: var(--body-font-size-xxs);
    text-transform: inherit;
    color: var(--color-black);
    Font-Family: var(--font-body);
    letter-spacing: var(--letterspacing-sm);
    Font-weight: normal;
    margin-bottom: 0;
}

.pagetitleBox .pagetitletoken a:hover {
    color: var(--color-primary);
    text-decoration: underline;
}

.pagetitleBox .pagetitletoken .fa {
    display: none;
}




.banner-box#designhits,
.banner-box#webhits,
.banner-box#printhits {
    background: transparent;
}

#hero>div>div.content {
    position: relative;
    z-index: 6;
}

#hero>div>div.imgbox {
    margin-top: -110px;
    position: relative;
    z-index: 5;
}



.banner-box .container {
    align-items: center;
    justify-content: center;
}

.banner-box .content {

    padding: 0 0 var(--padding-sm);
}


.banner-box>.container>.imgbox {

    padding: 0;
    text-align: center;
}

.banner-box#hero>div>div.imgbox>div>img {
    width: 100%;
}

.banner-box>.container>.content>h1 {
    color: var(--color-black);
}

.banner-box>.container>.content>p,
.home-about>.container>.content>p,
.home-about>.container>.content>h2,
.home-calling>.container>.content>p,
.home-calling>.container>.content>h2,
.signup-box>.container>.content>p,
.signup-box>.container>.content>h2 {
    color: var(--color-black);
}

.home-about::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: var(--feather-white);
    background-repeat: no-repeat;
    background-size: 2690px 502px;
    background-position: left 54% bottom -400px;
    z-index: -1;
}

.home-services>.imgbox>div>img {
    border-radius: var(--border-radius-sm);
}


.hero.insidepage {
    min-height: var(--min-height-sm);
    margin: 0 0 var(--padding-sm);
}

.hero.insidepage>.content {
    place-self: center start;
}

/*||ICONS*/

.fa-store:before {
    content: "\f54e";
}

.fa-palette:before {
    content: "\f53f";
}

.fa-shirt:before,
.fa-t-shirt:before,
.fa-tshirt:before {
    content: "\f553";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-map-marker:before {
    content: "\f041";
}

/*|| FORMS*/

.dg-form-content.form-line .form-control-wrap input[type=text],
.dg-form-content.form-line .form-control-wrap input[type=email],
.dg-form-content.form-line .form-control-wrap input[type=url],
.dg-form-content.form-line .form-control-wrap input[type=tel],
.dg-form-content.form-line .form-control-wrap input[type=number],
.dg-form-content.form-line .form-control-wrap input[type=date],
.dg-form-content.form-line .form-control-wrap select,
.dg-form-content.form-line .form-control-wrap textarea {
    border: none;
    border-bottom: 1px solid var(--color-2);
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    height: 40px;
}

.dg-form-content.form-line.dark .form-control-wrap input[type=text],
.dg-form-content.form-line.dark .form-control-wrap input[type=email],
.dg-form-content.form-line.dark .form-control-wrap input[type=url],
.dg-form-content.form-line.dark .form-control-wrap input[type=tel],
.dg-form-content.form-line.dark .form-control-wrap input[type=number],
.dg-form-content.form-line.dark .form-control-wrap input[type=date],
.dg-form-content.form-line.dark .form-control-wrap select,
.dg-form-content.form-line.dark .form-control-wrap textarea,
.dg-form-content.form-line.dark .fixline:before {
    border-bottom-color: var(--color-black) !important;
    font-size: var(--body-font-size-xs);
}

.dg-form-content.form-line.dark,
.dg-form-content.form-line.dark span,
.dg-form-content.form-line.dark label,
.dg-form-content.form-line.dark label.valid,
.dg-form-content.form-line.dark li:not(.from-footer) input,
.dg-form-content.form-line.dark select,
.dg-form-content.form-line.dark textarea {
    color: var(--color-black) !important;
}

input,
select,
textarea,
.ls-layer,
.ls-layer *,
.uneditable-input {
    Font-Family: var(--font-body);
    Font-weight: normal;
    font-size: var(--body-font-size-sm);
}

li.from-footer>div.form_submit>input.submit_but {
    width: 100%;
}

li.from-footer>div.form_submit>input.submit_but {
    background-image: none;
}

.dropdown-menu>li>a {
    text-decoration: none;
}

.dropdown-menu {
    padding: var(--padding-xs) 0;
    margin: var(--padding-xxs) 0 0;
    font-size: var(--body-font-size-sm);
    background-color: var(--color-white);
    border: 1px solid #e0e0e0;
    border-radius: var(--border-radius-sm);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

#form_div_1147 .formError .formErrorContent,
#form_div_1147 .formError .formErrorArrow div,
.formError .formErrorContent {
    color: var(--color-white);
    background-color: var(--color-danger);
    background: var(--color-danger);
}

/*||FOOTER */

.footer-10 .footer-top {
    border-bottom: 1px solid var(--color-black);
}

.cccc.footer {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 0;
    grid-template-areas: "cell1"
        "cell2"
        "cell3"
        "cell7"
        "cell4"
        "cell5"
        "cell6";
    width: 100%;
    position: relative;
    overflow: hidden;
}

.cccc.footer>.full {
    grid-area: 1 / 1 / 8 / 2;
}

.cccc.footer>.cell1 {
    grid-area: cell1;
}

.cccc.footer>.cell2 {
    grid-area: cell2;
}

.cccc.footer>.cell3 {
    grid-area: cell3;
}

.cccc.footer>.cell4 {
    grid-area: cell4;
}

.cccc.footer>.cell5 {
    grid-area: cell5;
}

.cccc.footer>.cell6 {
    grid-area: cell6;
}

.cccc.footer>.cell7 {
    grid-area: cell7;
}

.cccc.footer>.cell1.content>div {
    text-align: center;
}



.cccc.footer>.content>p,
.cccc.footer>.content>h6 {
    color: var(--color-white);
}

.cccc.footer>.content>div>a,
.cccc.footer>.content>p>a {
    color: var(--color-white);
    text-decoration: none;
}

.cccc.footer>.content>div>a,
.cccc.footer>.content>p>a:hover {
    color: var(--color-2);
    text-decoration: underline;
}

#footer>div.content.full>div>div.cell6.content>p>a>i {
    color: var(--color-black);
}

.cccc.footer>div.cell6.content>p {
    text-align: center;
}

#footer>div.content.full>div>div.cell6.content>p>a {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

#footer>div.content.full>div>div.cell6.content>p>a:nth-child(1) {
    background-color: var(--color-4);
    border-color: var(--color-4);
}

#footer>div.content.full>div>div.cell6.content>p>a:nth-child(2) {
    background-color: var(--color-3);
    border-color: var(--color-3);
}

#footer>div.content.full>div>div.cell6.content>p>a:nth-child(5) {
    background-color: var(--color-2);
    border-color: var(--color-2);
}

#footer>div.content.full>div>div.cell6.content>p>a:nth-child(6) {
    background-color: var(--color-white);
    border-color: var(--color-white);
}

#footer>div.content.full>div>div.cell6.content>p>a:hover {
    background-color: var(--color-2);
    border-color: var(--color-2);
}

.cccc.footer>.content {
    padding: var(--padding-sm) 0;
}

.footer-10 .footer-bottom {
    color: var(--color-white);
    background-color: var(--color-6);
    font-size: var(--body-font-size-xxs);
    font-family: var(--font-body);
    font-weight: var(--body-font-weight-normal);
    padding: var(--padding-md) 0 100px;
}

.website_credits>p {
    background-color: var(--color-6);
}

.website_credits>p {
    text-align: center;
    font-size: var(--body-font-size-xxs);
    color: var(--color-white);
}

.footer-news li .title a:hover,
.footer-news02 li .title a:hover,
.footer-blogs .title a:hover,
.footer-number li .number,
.footer-menu03 li a:hover,
.footer-news04 .title a:hover,
.footer_box a:hover {
    color: var(--color-2);
}

#footer>div.content.full>div>div.cell6.content>p>a {
    margin: var(--padding-xxs);
}

.duck_footer {
    position: relative;
    overflow: hidden;
}

.duck_footer>img {
    min-height: 120px;
}



#footer>div.content.full>div>div.cell6.content>p>a:nth-child(4) {
    display: none;
}



/*|| Account Management / Profile */

.spacing {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "cell1";
    height: var(--padding-sm);
}

.spacing>.cell1 {
    grid-area: cell1;
}

.console.profile {
    border: 1px solid #e0e0e0;
    border-radius: var(--border-radius-sm);
    background-color: var(--color-white);
}


.console.profile .console-none:hover {
    background-color: #F5F5F5;
}

#dnn_ctr400_ViewConsole_Console>div>div.active.console-none {
    background-color: var(--color-2);
    color: var(--color-black);
}

.console.profile .console-none h3 {
    padding: 10px 8px 10px 40px;
    margin: 0;
    border-bottom: solid 1px var(--color-primary-light);
    background: url(../../../images/arrow-right-white.png) 18px center no-repeat;
    color: var(--color-black);
    font-size: var(--body-font-size-sm);
    line-height: var(--body-line-height-sm);
    font-weight: var(--body-font-weight-normal);
    font-family: var(--font-body);
    letter-spacing: var(--letterspacing-sm);
}

.console.profile .console-none h3:hover {
    color: var(--color-black);
}

#dnn_ctr1099_ViewConsole_Console>div>div:nth-child(12)>h3 {
    border-bottom: none;
}


#dnn_dnnUser2_avatarGroup,
.userProfileImg,
.footer-title,
.footer-title-span {
    display: none;
}

#dnnEditUser {
    margin: auto;
    padding: var(--padding-lg) 0;
}

ul.dnnAdminTabNav {
    border-bottom: 0px solid var(--color-primary-extra-light);
}

#dnn_ctr_EditUser_servicesTab,
#dnn_ctr_EditUser_adminTabNav>li>a {
    margin: var(--padding-sm) 0 0;
}



#ui-id-4,
#ui-id-5,
#dnn_dnnUser_avatarGroup,
#dnn_dnnUser_messageGroup,
#dnn_dnnUser_notificationGroup {
    display: none;
}

.UserProfileControls>ul {
    margin: 0;
}

.UserProfileControls>ul>li>a {
    margin: var(--padding-xs) 0 0;
}

#dnn_ctr1108_ViewProfile_profileOutput {
    margin: var(--padding-md) 0 0;
}

span.k-dropdown-wrap.k-state-hover {
    background-color: #F5F5F5;
    background-image: none;
    background-position: 50% 50%;
    border-color: #e0e0e0;
}

#rvdsfQuickOrderPanelContainer>div:nth-child(2)>div.row>div.col-sm-4>div>span>span {
    border-radius: var(--border-radius-sm);
    border: 1px solid #e0e0e0;
}

#rvdsfQuickOrderPanelContainer>div:nth-child(2)>div.row>div.col-sm-4>div>span>span>input {
    padding: var(--padding-xs);
}

#rvdsfQuickOrderPanelContainer>div:nth-child(2)>div.row>div.col-sm-4>div>span>span>input {
    border: none;
    box-shadow: none;
    border-radius: var(--border-radius-sm);
}


/*|| STOREFRONT*/

.rvdsf-label-featured {
    background-color: #000000;
    color: white;
    font-size: 11px;
    height: 20px;
    min-width: 70px;
    padding: 2px 4px;
    position: absolute;
    right: 20px;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    z-index: 10;
}

.rvdsf-label-featured-pre-order,
.rvdsf-label-featured-coming-soon,
.rvdsf-label-featured-exclusive,
.rvdsf-label-featured-limited-edition,
.rvdsf-label-featured-new {
    background-color: #000000;
}

.rvdsf-label-featured-sale {
    background-color: red;
}

.fa {
    font-family: 'Font Awesome 6 Pro' !important;
}

.rvdsf-administration-container {
    padding: var(--padding-lg) 0px;
}

.mobile_nav>.shade {
    background-color: var(--color-black);
    filter: alpha(opacity=100);
    opacity: 1;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0);
}



.rvdsf-cartsummary-container .btn-toolbar .btn {
    max-width: 100%;
}

.rvdsf-cartsummary-container {
    margin-bottom: -30px;
    position: relative;
    z-index: 1000;
    width: fit-content;
    /* left: 80%; */
    margin: 0px 5vw 0px auto;
    display: flex;
}

.rvdsf-cartsummary-header-container .rvdsf-label-amount {
    display: none;
}

.rvdsf-cartsummary-header-container {
    color: var(--color-primary);
    font-family: var(--font-body);
    font-weight: var(--body-font-weight-normal);
    text-transform: lowercase;
    font-size: var(--body-font-size-xs);
    letter-spacing: var(--letterspacing-sm);
    font-style: italic;
}

.rvdsf-cartsummary-detail-container,
.dnnFormPopup.rvdsfCartSummaryDetailContainer {
    right: 0;
}

.rvdsf-cartsummary-detail-container {
    top: 40px;
    z-index: 1;
}

.rvdsf-cartsummary-container .rvdsf-btn-viewcart span {
    color: var(--color-primary-light);
}



#dnn_ctr498_ModuleContent>div>div.rvdsf-productlist-navbar>div>div>div>div>button:hover {
    border: 0px !important;
}

.navbar-default {
    background-color: var(--color-white);
    border-color: #e0e0e0;
    border-radius: var(--border-radius-sm);
    margin-bottom: var(--padding-sm);
}

.navbar-default .navbar-brand {
    color: var(--color-black);
    text-decoration: none;
    font-family: var(--font-body);
    font-weight: var(--body-font-weight-bold);
    text-transform: uppercase;
    padding: var(--padding-sm) var(--padding-sm) 0;
}

.navbar-default .navbar-toggle {
    border-color: var(--color-black);
    border-radius: var(--border-radius-lg);
    padding: 9px 10px 5px;
    background-color: var(--color-black);
    color: var(--color-white);
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: var(--color-2);
    color: var(--color-black);
    border-color: var(--color-2);
}

#dnn_ctr498_ModuleContent>div>div.rvdsf-productlist-navbar>div:nth-child(1)>div.col-sm-4.text-right {
    display: none;
}

.rvdsf-productlist-container .rvdsf-product-gallery-container img {
    max-height: none;
    width: 100%;
    border-radius: var(--border-radius-sm);
}

.rvdsf-productlist-container .rvdsf-product-gallery-container>a {
    width: 100%;
}

.rvdsf-productlist-container .rvdsf-product-gallery-container {
    height: unset;
    width: 100%;
    border: 0px;
}

.list-group-item:first-child {
    border-top-left-radius: var(--border-radius-sm);
    border-top-right-radius: var(--border-radius-sm);
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: var(--border-radius-sm);
    border-bottom-left-radius: var(--border-radius-sm);
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: var(--color-white);
    border: 1px solid #e0e0e0;
}

.rvdsf-category-container .treeview li.list-group-item>a {
    text-decoration: none;
    font-family: var(--font-body);
}

.list-group-item.node-rvdsfCategoryTree.node-selected {
    background-color: var(--color-2) !important;
    color: var(--color-black) !important;
}

.rvdsf-productlist-navbar {
    background-color: var(--color-4);
    padding: 0px;
}

.rvdsf-productlist-grid .rvdsf-product-container {
    text-align: center;
    background-color: var(--color-4);
    border: none;
    border-radius: var(--border-radius-md);
    padding: var(--padding-sm);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.rvdsf-productlist-grid {
    height: 100%;
    padding: 0px 0px var(--padding-sm);
    display: flex;
    flex-wrap: wrap;
    gap: 19px;
    justify-content: flex-start;
}

.rvdsf-productlist-grid div.rvdsf-product-info-container {
    min-height: auto;
    display: flex;
    flex-direction: column;
    height: 100%;
}

div.rvdsf-productlist-navbar>div>div>div>div>button {
    font-size: var(--body-font-size-xxs);
}

#dnn_ctr498_ModuleContent>div>div.rvdsf-productlist-navbar>div.row.mt-2 {
    display: none;
}

.carousel-control {
    padding-top: 200px;
}


.rvdsf-productlist-container .rvdsf-field-name a {
    color: var(--color-black);
    font-size: var(--body-font-size-sm);
    font-weight: var(--body-font-weight-semibold);
    text-decoration: none;
    font-family: var(--font-subtitle);
    text-transform: capitalize;
}

.rvdsf-productlist-pager {
    background-color: transparent;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: var(--color-white);
    background-color: var(--color-black);
    border-color: var(--color-black);
}

.pagination>li>a,
.pagination>li>span {
    color: var(--color-black);
    background-color: var(--color-white);
    border: 1px solid #ddd;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: var(--color-black);
    background-color: #eee;
    border-color: #ddd;
}

.rating-symbol-background.fa-regular.fa-star {
    color: var(--color-2);
}

.rvdsf-productdetail-container {
    padding: var(--padding-sm) 0 0;
}


.rvdsf-productdetail-container .rvdsf-product-gallery-container {
    border: 0px;
    height: auto;
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
}

.rvdsf-productdetail-container .rvdsf-product-gallery-container img {
    max-height: none;
    width: 100%;
    border-radius: var(--border-radius-md);
}

.zoomPad {
    width: 100%;
    cursor: pointer !important;
    z-index: 4 !important;
}

#rvdsfDynamicFormField_Due_cell_selected {
    background-color: var(--color-primary);
}

#rvdsfProductDetailGalleryDisplay {
    width: 100%;
}

.rvdsf-productshowcase-container {
    margin: 0 -15px;
}

.rvdsf-productshowcase-container .rvdsf-product-gallery-container {
    border: var(--color-primary-extra-light) 0px solid;
    display: flex;
    justify-content: center;
    align-items: center;
    height: fit-content;
    border-radius: var(--border-radius-sm);
}

.rvdsf-productshowcase-container .rvdsf-product-gallery-container img {
    max-height: none;
    width: 100%;
    border-radius: var(--border-radius-sm);
}

.rvdsf-product-gallery-container>a {
    width: 100%;
    height: fit-content;
}

#rvdsfProductShowcaseCarousel_398 {
    height: fit-content !important;
}

.rvdsf-productshowcase-container .rvdsf-product-container {
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    border: none;
    border-radius: var(--border-radius-md);
    padding: var(--padding-sm);
}

.rvdsf-productshowcase-container div.rvdsf-product-info-container {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.dds-group {
    margin-top: auto;
}

.rvdsf-managefavorite-grid .rvdsf-product-container {
    border: solid #e0e0e0 2px;
    border-radius: var(--border-radius-md);
    padding: var(--padding-sm);
    margin-bottom: var(--padding-md);

}

#rvdsfProductShowcaseCarousel_398>div>div>div {
    height: fit-content !important;
}

#rvdsfProductShowcaseCarousel_398>div>div,
.rvdsf-productshowcase-container .carousel .item {
    height: fit-content;
}

.rvdsf-cartsummary-amount-container {
    display: none;
}


.modal-content {
    background-color: var(--color-white);
    border: 0px solid var(--color-primary);
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal-header {
    padding: 15px;
    border-bottom: 0px;
}

.ekko-lightbox.modal>div>div>div.modal-header>h4,
.ekko-lightbox.modal>div>div>div.modal-header>button>span,
.ekko-lightbox.modal>div>div>div.modal-header>button {
    color: var(--color-primary);
    opacity: 1;
}


.ekko-lightbox-nav-overlay a {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    transition: opacity .5s;
    color: var(--color-black);
    font-size: 30px;
    z-index: 1;
}

.form-control {
    display: block;
    width: 100%;
    height: 100%;
    padding: 11px 11px 12px;
    font-size: var(--body-font-size-xs);
    line-height: 1.0;
    color: var(--color-black) !important;
    background-color: var(--color-white);
    background-image: none;
    border: 1px solid #e0e0e0;
    border-radius: var(--border-radius-sm);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    max-height: 50px;
}

.form-control:focus {
    border-color: var(--color-black);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(25, 45, 88, .6);
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: var(--color-black);
    text-decoration: none;
    background-color: var(--color-primary);
}

.rvdsf.rvdsf-productsearch-container {
    margin: 0px 0px var(--padding-sm);
}

.k-widget {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    border-radius: 10px;
}


.rvdsf-cart-container .rvdsf-salesorderdetail-table .rvdsf-label-amount {
    color: black;
}

#rvdsfProductInfoContainer>div.rvdsf-field-summary>div.preorder-alert>p {
    color: var(--color-danger);
    text-transform: capitalize;
    font-weight: var(--body-font-weight-bold);
}

#rvdsfProductInfoContainer>div.rvdsf-field-summary>div.finalsale-alert>p {
    text-transform: capitalize;
    font-weight: var(--body-font-weight-bold);
}

.nav-tabs {
    border-bottom: 1px solid #e0e0e0;
}

.nav-tabs>li>a,
.rvdsf-checkout-container .rvdsf-salesorderdetail-table .rvdsf-label-amount {
    color: var(--color-black);
}

.nav-tabs>li>a:hover {
    border-color: #e0e0e0;
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: #e0e0e0;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: var(--color-black);
    cursor: default;
    background-color: var(--color-4);
    border: 1px solid #e0e0e0;
    border-bottom-color: transparent;
}

.rvdsf-productlist-container.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.DnnModule-RevindexDnnRevindexStorefrontCategory>div>div.dnntitle {
    display: none;
}

ul.rvdsf-socialshare-list a.rvdsf-socialshare-email,
ul.rvdsfSocialShareActions a.rvdsfSocialShareEmailAction,
ul.rvdsf-socialshare-list a.rvdsf-socialshare-facebook,
ul.rvdsfSocialShareActions a.rvdsfSocialShareFacebookAction,
ul.rvdsf-socialshare-list a.rvdsf-socialshare-linkedin,
ul.rvdsfSocialShareActions a.rvdsfSocialShareLinkedInAction,
ul.rvdsf-socialshare-list a.rvdsf-socialshare-twitter,
ul.rvdsfSocialShareActions a.rvdsfSocialShareTwitterAction {
    width: 37px;
    height: 37px;
    background-image: url(/Portals/0/Images/DDS%20Email%20Link%20Icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

ul.rvdsf-socialshare-list a.rvdsf-socialshare-facebook,
ul.rvdsfSocialShareActions a.rvdsfSocialShareFacebookAction {
    background-image: url(/Portals/0/Images/DDS%20Facebook%20Link%20Icon.svg);
}

ul.rvdsf-socialshare-list a.rvdsf-socialshare-linkedin,
ul.rvdsfSocialShareActions a.rvdsfSocialShareLinkedInAction {
    background-image: url(/Portals/0/Images/DDS%20LinkedIn%20Link%20Icon.svg);
}

ul.rvdsf-socialshare-list a.rvdsf-socialshare-twitter,
ul.rvdsfSocialShareActions a.rvdsfSocialShareTwitterAction {
    background-image: url(/Portals/0/Images/DDS%20X%20Link%20Icon.svg);
}



#rvdsfReviewOrderContainer>div:nth-child(3)>div.row>div:nth-child(1)>button {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

#rvdsfProductDetailReviewsPanel {
    height: fit-content !important;
}

.rvdsf-label-featured {
    color: var(--color-black);
    font-size: 11px;
    font-weight: var(--body-font-weight-semibold);
    padding: 0px 4px;
    right: 0;
    text-align: right;
    z-index: 4;
    position: relative;
    margin-bottom: var(--padding-xs);
}

.rvdsf-label-featured-pre-order,
.rvdsf-label-featured-coming-soon,
.rvdsf-label-featured-exclusive,
.rvdsf-label-featured-limited-edition,
.rvdsf-label-featured-new {
    background-color: var(--color-white);
}

.rvdsf-label-featured-sale {
    background-color: var(--color-danger);
}

.rvdsf-productfilter-container .btn-toolbar {
    background-color: var(--color-white);
}

/*|| HOME PAGE*/

.desktop {
    display: none;
}

.promo_sale {
    background-color: var(--color-4);
    padding: var(--padding-xs);
}

.promo_sale>.content>p,
.promo_sale>.content>p>a {
    color: var(--color-black);
    text-align: center;
    margin-bottom: 0px;
}

.seasonal_shop_banner {
    margin-bottom: var(--padding-sm);
}


.login_mobile {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 0px;
    grid-template-areas: "cell1";
    width: fit-content;
    margin-bottom: -45px;
}

.login_mobile>.full {
    grid-area: 1 / 1 / 2 / 2;
}

.login_mobile>.cell1 {
    grid-area: cell1;
    padding: var(--padding-sm) var(--padding-xs) 0;
}

.cccc.bkgd#mobilelogin>.content {
    padding: 0;
}

.login_mobile>.cell1.content>p {
    color: var(--color-white);
    line-height: 0;
    font-size: var(--body-font-size-xs);
    margin-bottom: 0px;
    font-style: normal;
    text-transform: lowercase;
}



#dnn_ctr389_HtmlModule_lblContent>div>div.owl-nav {
    display: none;
}

.duck_flocks {
    border-radius: var(--border-weight-sm);
    margin-top: var(--padding-md);
}

[class *="dg-carousel"] .owl-dots .owl-dot.active,
.dg-carousel03 .owl-nav .owl-prev,
.dg-carousel03 .owl-nav .owl-next,
.dg-carousel03 .owl-nav .owl-prev:before,
.dg-carousel03 .owl-nav .owl-next:before,
.dg-carousel06 .owl-nav .owl-prev:before,
.dg-carousel06 .owl-nav .owl-next:before,
.dg-carousel07 .owl-nav .owl-prev:before,
.dg-carousel07 .owl-nav .owl-next:before {
    border-color: var(--color-primary);
}

[class *="dg-carousel"] .owl-dots .owl-dot.active:after,
.dg-carousel03 .owl-nav .owl-prev:hover,
.dg-carousel03 .owl-nav .owl-next:hover,
.dg-carousel08 .owl-nav .owl-prev:hover,
.dg-carousel08 .owl-nav .owl-next:hover,
.dg-carousel12 .owl-nav .owl-prev:hover,
.dg-carousel12 .owl-nav .owl-next:hover {
    background-color: var(--color-primary);
}

div#magical_ducks {
    background-image: url(/Portals/0/Images/DDS-Magical-Ducks-Web-Hero-Image-Background-v1.jpg);
    background-size: cover;
    background-position: left 80px;
    background-repeat: no-repeat;
    border-radius: var(--border-radius-md);
}

div#magical_ducks>#hero,
div#dessert_ducks>#hero {
    border-radius: var(--border-radius-md);
}

div#dessert_ducks {
    background-image: url(/Portals/0/Images/Duck_Duck_Surprise_Dessert_Ducks_Hero_Banner_Candy_Dessert_Land_bkgd.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: var(--border-radius-md);

}


.banner-box#hero {
    background: var(--color-gradient-primary);
    padding: var(--padding-lg);
    /*border-radius: var(--border-radius-md);*/
    /*    margin-top: var(--padding-sm);*/

}


.banner-box#hero>.container>.content>div>img {
    width: 100%;
    max-width: 400px;
}

.banner-box#hero>div>div.content>p,
.banner#stevie_swirl>.banner-box#hero>div>div.content>h2 {
    color: var(--color-white);
}

#hero>div>div.content>div.button_cta>a {
    background-color: var(--color-white);
    color: var(--color-black);
    border-color: var(--color-white);
}

#hero>div>div.content>div.button_cta>a:hover {
    background-color: var(--color-2);
    color: var(--color-black);
    border-color: var(--color-2);
}


div#dessert_ducks>.banner-box#hero {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    min-height: 50vh;
}

div#dessert_ducks>.banner-box#hero>div>div.content>p {
    color: var(--color-black);
}

div#dessert_ducks>#hero>div>div.content>div.button_cta>a {
    background-color: var(--color-black);
    color: var(--color-white);
    border-color: var(--color-black);
}

div#dessert_ducks>#hero>div>div.content>div.button_cta>a:hover {
    background-color: var(--color-2);
    border-color: var(--color-2);
}




.banner#melody_mermaid {
    margin: var(--padding-lg) 0;
}

.banner#melody_mermaid>.banner-box#hero>div>div.imgbox {
    margin: -5vw -10vw var(--padding-md) -10vw;
}

.banner#melody_mermaid>.banner-box#hero>div>div.imgbox>div>img {
    border-radius: var(--border-radius-md) var(--border-radius-md) 0 0;
}

.banner#melody_mermaid>.banner-box#hero>div>div.content>h2 {
    color: var(--color-white)
}

.banner#melody_mermaid>.banner-box#hero {
    background: var(--color-black);
    border-radius: var(--border-radius-md);
}

.product_highlight,
.about_highlight {
    display: block;
    border-radius: var(--border-radius-md);
    margin-bottom: var(--padding-sm);
    min-height: 225px;
    align-items: center;
    background-color: var(--color-white);

}



.product_highlight>.content,
.about_highlight>.content {
    text-align: left;
    padding: var(--padding-sm);
}

.product_highlight>.imgbox>div>img,
.about_highlight>.imgbox>div>img {
    border-radius: var(--border-radius-md) var(--border-radius-md) 0 0;
}


.unboxing_video.dds.home {
    margin-top: 0;
}

.unboxing_video.dds.home>h2 {
    margin: 0 0 3px;
    font-size: var(--body-font-size-xxl);
    line-height: var(--body-line-height-sm);
    text-align: center;
}

.unboxing_video.dds.home>p {
    text-align: center;
}

.unboxing_video.dds.home>[class*="elfsight-app-"] {
    margin-top: var(--padding-md);
}


.about.dds.home {
    padding: 0 0 var(--padding-sm);
}

.dds.home>h1 {
    text-align: center;
}

.product_highlight>div.content>div>a,
.about_highlight>div.content>div>a {
    margin: 0;
}

.modal-title {
    color: var(--color-white);
}

.close {
    color: var(--color-white);
    text-shadow: 0 1px 0 var(--color-white);
    filter: alpha(opacity=100);
    opacity: 1.0;
}

.unboxing_video {
    margin: var(--padding-lg) 0;
}

.embed-responsive.embed-responsive-16by9 {
    border-radius: var(--border-radius-md);
}


/*ABOUT PAGES*/

.about#ourpurpose {
    margin: var(--padding-lg) 0;
}

.about#products {
    background-color: var(--color-primary);
    padding: var(--padding-lg) 0;
}

.about#products>.container {
    display: block;
}

.about#products>div>div {
    margin: var(--padding-sm) 0;
    align-content: center;
}

.about#products>div>div>div>img {
    max-width: 250px;
}

.about#products>div>div:nth-child(1),
#products>div>div:nth-child(2),
#products>div>div:nth-child(3) {
    background-color: var(--color-2);
    border-radius: var(--border-radius-md);
    padding: var(--padding-sm);
    height: 350px;

}

.about#products>div>div:nth-child(2) {
    background-color: var(--color-black);
}

#products>div>div:nth-child(3) {
    background-color: var(--color-3);
}

#allaboutdds>div>div.imgbox>div>img {
    max-width: 150px;
}

.about#about {
    margin: var(--padding-lg) 0;
}

.about#about>.container {
    border-radius: var(--border-radius-md);
}

.about#about>div>div.imgbox>div>img {
    border-radius: var(--border-radius-md);
    /*box-shadow: 20px 20px 0px 0px rgba(85,197,209,1);*/
}

.team_list {
    display: grid;
    grid-column-gap: var(--padding-md);
    grid-row-gap: var(--padding-md);
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    text-align: center;
}

.team_member {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: var(--padding-sm);
    grid-row-gap: var(--padding-sm);
    grid-template-areas: "cell1"
        "cell2";
}

.team_member>.cell1 {
    grid-area: cell1;
}

.team_member>.cell2 {
    grid-area: cell2;
}

.team_member>.cell1.content>a>img {
    max-height: var(--min-height-sm);
}

.team_member>.bkgd.cell1 {
    border: solid 0px var(--color-primary-extra-light);
}

.team_member>.content.cell1 {
    padding: var(--padding-xxs);
}


/*|| Team Memeber Bio*/

.team_contact {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-areas: "cell1";
}

.team_contact>.full {
    grid-area: 1 / 1 / 2 / 2;
}

.team_member>.cell2.content {
    padding: var(--padding-sm) var(--padding-lg);
}

/*CORE VALUES*/

.values_list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    grid-column-gap: var(--padding-md);
    grid-row-gap: var(--padding-md);
    padding: var(--padding-lg);
    background-color: var(--color-6);
    text-align: center;
}

.values_card {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: var(--padding-sm);
    grid-template-areas: "cell1"
        "cell2";
}

.values_card>.full {
    grid-area: 1 / 1 / 2 / 2;
}

.values_card>.cell1 {
    grid-area: cell1;
}

.values_card>.cell2 {
    grid-area: cell2;
}

.values_card>.cell1.content>img {
    width: 100%;
}

.values_card>.cell1.content {
    text-align: center;
}

.values_card>.cell1.content>i {
    color: var(--color-primary-light);
    font-size: var(--min-height-xs);
    padding: var(--padding-sm);
}

.values_card>.content>h2 {
    color: var(--color-3);
}

.values_card>.content>p {
    color: var(--color-white);
}




/*MISSION VISION*/

.missionvision {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
        "cell1"
        "cell2";
}

.missionvision>.full {
    grid-area: 1/1/3/2;
}

.missionvision>.cell1 {
    grid-area: cell1;
}

.missionvision>.cell2 {
    grid-area: cell2;
}

.missionvision>.cell1.bkgd {
    background-color: var(--color-2);
}

.missionvision>.cell2.bkgd {
    background-color: var(--color-3);
}

.missionvision>.content>h2 {
    color: var(--color-white);
}

.missionvision>.content>p {
    color: var(--color-white);
}

.missionvision>.content {
    place-self: center;
    padding: var(--padding-lg);
}

/*SHOP PAGES*/

.panel-body {
    padding: var(--padding-sm) 0;
}

.rvdsfProductDetailOverviewPanel {
    height: fit-content !important;
}

#magicalducks>div>div.imgbox>div>img,
#dessertducks>div>div.imgbox>div>img {
    max-width: 300px;
}

.department_list {
    display: grid;
    grid-column-gap: var(--padding-xs);
    grid-row-gap: var(--padding-xs);
    grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
}

.duck_card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #F2F1F8;
}

.duck_card>.content {
    text-align: center;
}

#gideon>div.cell1.content,
#gabe>div.cell1.content {
    padding-top: 34px;
}

div.department_list.v2>div.content {
    padding-right: 0;
}

#rvdsfProductDetailOverviewPanel {
    height: fit-content !important;
}


/*.duck_card > div.cell1 {
    background-color: var(--color-2);
    border-radius: 50%;
    width: 165px;
    height: 165px;
    box-shadow: var(--boxshadow-sm);
    background-repeat: no-repeat;
}*/

.duck_card>div.cell2.content>h6,
.duck_card>div.cell2.content>p {
    text-align: center;
}

div.duck_card>.content {
    padding: var(--padding-xs);
}

#magicalducks>.container {
    padding: 0px;
}

.duck_card>div.cell2.content>p:nth-child(3) {
    text-transform: uppercase;
    color: var(--color-primary);
    font-weight: var(--body-font-weight-bold);
}

.duck_card>.content>img {
    height: 60vw;
    text-align: center;
}

.shop.insidepage>.full.overlay {
    background-image: url(https://kamunikate.com/portals/0/Main%20Street%20Business%20Graphic.svg);
    background-size: var(--min-height-md);
    background-repeat: no-repeat;
    background-position: top center;
    margin: var(--padding-sm) 0 0;
    display: none;
}


.relatedproducts {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "cell1";
}

.relatedproducts>.full {
    grid-area: 1/1/2/2;
}

.relatedproducts>.cell1 {
    grid-area: cell1;
}



/*||CONTACT PAGE*/

#contactinfo.banner-box>div>div.imgbox {
    max-width: 500px;
}


/*|| INTERACTIVE / DIGITAL BUSINESS CARDS*/

.kyb_dbc_parent {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "logo logo"
        "headshot headshot"
        "info info"
        "save share";
    grid-column-gap: 0px;
    grid-row-gap: var(--padding-sm);
    padding: 0 var(--padding-lg) var(--padding-md);
}

.kyb_dbc_logo {
    display: none;
    grid-area: logo;
    place-self: center;
}

.kyb_dbc_headshot {
    grid-area: headshot;
    min-height: var(--min-height-md);
}

div.kyb_dbc_headshot>img {
    width: 100%;
}


.kyb_dbc_contactinfo {
    grid-area: info;
}

.kyb_dbc_save {
    grid-area: save;
}

.kyb_dbc_share {
    grid-area: share;
    text-align: right;
}

.kyb_dbc_parent>.kyb_dbc_contactinfo>p>.btn.btn-primary {
    width: 40px;
    height: 40px;
    padding: 7px;
    margin-right: var(--padding-xs);
}

.kyb_dbc_parent>.kyb_dbc_contactinfo>h2 {
    color: var(--color-3);
}

div.kyb_dbc_share>span {
    color: var(--color-primary-light);
    text-transform: uppercase;
    font-family: var(--font-body);
    font-weight: var(--body-font-weight-normal);
    font-style: normal;
}

.kyb_dbc_parent>.kyb_dbc_contactinfo>p>a>.fa-brands {
    font-size: var(--body-font-size-sm);
    padding: var(--padding-sm) 0 0 var(--padding-xs);
}

#bs-example-modal-xl>div>div>div.modal-header>button {
    border: solid 2px var(--color-primary-light);
    background-color: transparent;
    border-radius: 1000px;
    color: var(--color-primary-light);
    display: inline-block;
    padding: var(--padding-xxs) var(--padding-sm);
    background-size: 105% !important;
    background-position: center !important;
    text-transform: uppercase;
    font-family: var(--font-body);
    font-weight: var(--body-font-weight-normal);
    font-style: normal;
    margin: -2em -1em;
}

#bs-example-modal-xl>div>div>div.modal-header>button>span:nth-child(1) {
    font-weight: bold;
    font-size: var(--body-font-size-md);
    font-family: var(--font-subtitle);
}

.modal-content {
    background-color: var(--color-6);
    border: 0px solid var(--color-primary-light);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgb(0 0 0 / 0%);
}

.dg-modal .modal-title {
    font-size: var(--body-font-size-md);
    color: var(--color-3);
    font-weight: var(--body-font-weight-semibold);
    text-align: center;
    font-family: var(--font-subtitle);
    padding: var(--padding-sm) 0 0;
}

.dg-modal .modal-header:after {
    display: none;
}

.dg-modal .modal-body {
    background-color: var(--color-primary);
    border-radius: var(--border-radius-lg) 0 var(--border-radius-lg) 0;
    padding: var(--padding-sm) var(--padding-lg);
    text-align: center;
    margin: 0 var(--padding-lg);
}

div.modal-body>div {
    width: fit-content;
    margin: auto;
}

div.modal-body>div>img {
    padding: var(--padding-lg) 0;
    max-width: 60%;
    max-height: var(--body-line-height-md);
}

div.modal-footer>p {
    padding: 0 var(--padding-md) 0;
    color: var(--color-white);
}

div.modal-footer>p>a {
    color: var(--color-white);
}

div.modal-footer {
    text-align: center;
}

#bs-example-modal-xl {
    background-color: var(--color-6);
}

.pull-right>#paypal-button-container {
    display: none;
}

#paypal-button-container {
    width: 100% !important;
}

#paypal-button-container:hover {
    background: none;
}

/*|| Blog NEWS & EVENTS*/

#blognewsevents {
    margin: 0 var(--padding-lg) var(--padding-sm);
}

#blognewsevents>.container {
    background-image: url(/Portals/0/Images/Duck%20Duck%20Surprise%20Blog%20Background.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--border-radius-md);
}

#blognewsevents>div>div>div>img {
    max-height: 250px;
    padding: var(--padding-md);
}

.dds.live.whatnot {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "cell1"
        "cell2"
        "cell3";
    padding: var(--padding-sm);
    background-color: var(--color-primary-light);
    border-radius: var(--border-radius-md);
}

.dds.live.whatnot>.cell1 {
    grid-area: cell1;
    text-align: center;
}

#whatnotreferral>div.cell1.content>a>span {
    font-size: var(--body-font-size-xl);
}

.dds.live.whatnot>.cell2 {
    grid-area: cell2;
}

#whatnotreferral>div.cell3.content>div>a {
    margin-bottom: 0px;
    width: 100%;
}


.dds.live.whatnot>.cell3 {
    grid-area: cell3;
}

.eds_news_Ozone.eds_subCollection_categoryMenu div,
.eds_news_Ozone.eds_subCollection_categoryMenu span,
.eds_news_Ozone.eds_subCollection_categoryMenu a,
.eds_news_Ozone.eds_subCollection_categoryMenu li,
.eds_news_Ozone.eds_subCollection_news .edn_aditionalBox.edn_articleDocuments ul li .edn_docDetails,
.eds_news_Ozone.eds_subCollection_news .edn_aditionalBox ul li span {
    font-family: var(--font-body) !important;
    color: var(--color-6);
    line-height: var(--body-line-height-xs);
    font-size: var(--body-font-size-xs);
    font-weight: var(--body-font-weight-normal);
}

.eds_news_Ozone.eds_subCollection_news span .eds_news_Ozone.eds_subCollection_news li,
.eds_news_Ozone.eds_subCollection_news td,
.eds_news_Ozone.eds_subCollection_news table,
.eds_news_Ozone.eds_subCollection_news li {
    font-family: var(--font-body);
    font-size: var(--body-font-size-xs);
    line-height: var(--body-line-height-sm);
}



.eds_news_Ozone {
    margin-bottom: var(--padding-sm);
}

article>div.edn_articleSummary>h3 {
    font-family: var(--font-subtitle);
}

.eds_news_Ozone.eds_subCollection_news a,
.eds_news_Ozone.eds_subCollection_news .edn_aditionalBox.edn_articleDocuments ul li .edn_docDetails,
.eds_news_Ozone.eds_subCollection_news .edn_aditionalBox ul li span {
    color: var(--color-6);
}

.eds_news_Ozone.eds_subCollection_news a.btn-primary {
    color: var(--color-white);
    text-decoration: none;
}

.eds_news_Ozone.eds_subCollection_news a {
    text-decoration: underline;
}

.eds_news_Ozone h1,
.eds_news_Ozone h2,
.eds_news_Ozone h3,
.eds_news_Ozone h4,
.eds_news_Ozone h5,
.eds_news_Ozone h6 {
    margin: 0 0 15px;
    padding: 0;
    color: var(--color-black);
    font-weight: var(--body-font-weight-bold);
    letter-spacing: var(--letterspacing-xs);
    line-height: var(--body-line-height-sm);
    font-family: var(--font-subtitle);
    font-style: normal;
    font-size: var(--body-font-size-lg);
    text-transform: capitalize;
}

.eds_news_Ozone h6 {
    font-size: var(--body-font-size-xs);
    color: var(--color-6);
}

.eds_news_Ozone h2 {
    font-size: 22px;
    color: var(--color-6);
    font-family: var(--font-subtitle);
    text-transform: capitalize;
    letter-spacing: var(--letterspacing-sm);
}

.eds_news_Ozone.eds_subCollection_categoryMenu .edn_category_menu_wrapper li .edn_category:hover {
    color: var(--color-3);
}

.eds_news_Ozone.eds_subCollection_news .edn_mediaContainer {
    max-width: 100%;
    float: left;
    margin: 0px 15px 10px 0;
    position: relative;
    border: solid 1px var(--color-primary);
    padding: 0px;
    overflow: hidden;
    line-height: 0;
    transition: all 250ms linear;
    box-shadow: none;
    border-radius: var(--border-radius-md);
}

article>div:nth-child(2)>time,
article>div:nth-child(2)>div,
article>div:nth-child(2)>div>a {
    color: var(--color-black);
    font-size: var(--body-font-size-xxs) !important;
    font-weight: var(--body-font-weight-normal);
}



.eds_news_Ozone.eds_subCollection_news .article_pager a.active,
.eds_news_Ozone.eds_subCollection_news .article_pagination>span {
    color: var(--color-white);
    background-color: var(--color-2);
}

.eds_news_Ozone.eds_subCollection_news .article_pager a:hover,
.eds_news_Ozone.eds_subCollection_news .article_pagination a:hover {
    color: var(--color-white);
    background-color: var(--color-3);
}


.eds_news_Ozone.eds_subCollection_news .article_pager a,
.eds_news_Ozone.eds_subCollection_news .article_pagination a {
    color: var(--color-2);
}

.eds_news_Ozone.eds_subCollection_news .article_pager a,
.eds_news_Ozone.eds_subCollection_news .article_pager>span,
.eds_news_Ozone.eds_subCollection_news .article_pagination a,
.eds_news_Ozone.eds_subCollection_news .article_pagination>span {
    display: inline-block;
    font-size: 13px;
    font-family: var(--font-body);
    font-style: normal;
    line-height: 1;
    padding: 7px 10px;
    border-left: solid 2px var(--color-3);
    border-right: none !important;
    border-bottom: none !important;
    border-top: none !important;
    transition: all 200ms linear;
}

.eds_news_Ozone.eds_subCollection_news .article_pager,
.eds_news_Ozone.eds_subCollection_news .article_pagination table,
.eds_news_Ozone.eds_subCollection_news .edNews_loadMoreTriggerWrapper .trigger {
    border: solid 2px var(--color-3);
    border-radius: var(--border-radius-sm);
    margin: 20px 0;
    font-size: 0;
}

div.edn_1696_article_list_wrapper>article>div.edn_readMoreButtonWrapper {
    display: none;
}

div.edn_1696_article_list_wrapper>article>div.edn_articleSummary>p:nth-child(5)>a {
    color: var(--color-6);
    font-style: italic;
    text-decoration: underline;
    text-underline-offset: 2px;
}

article>div.edn_metaDetails>a,
.edn_numberOfVievs,
.edn_numberComments {
    display: none !important;
}

div.edMaps_moduleWrapper {
    margin-bottom: var(--padding-md);
}

.edMaps_map .edMaps_newsContent {
    width: auto;
}

.edMaps_moduleWrapper>.edMaps_mapWrapper .edMaps_map {
    border-radius: var(--border-radius-md);
}

div>.edMaps_map .edMaps_title {
    font-weight: var(--body-font-weight-bold);
    font-size: var(--body-font-size-md);
    line-height: var(--body-line-height-sm);
    font-family: var(--font-subtitle);
    text-transform: uppercase;
    color: var(--color-black);
}

div.edMaps_map .edMaps_newsContent>.edMaps_title>a {
    font-size: var(--body-font-size-xs);
    line-height: var(--body-line-height-sm);
    color: var(--color-black);
    transition: color ease-in-out 0.2s;
    text-decoration: none;
}

div.edMaps_map .edMaps_markerActions {
    margin-top: var(--padding-sm);
    margin-bottom: var(--padding-sm);
}

div.edMaps_map .edMaps_newsContent>.edMaps_summary>p {
    color: var(--color-6);
}



.eds_news_Ozone.eds_subCollection_calendar .calendar_table td.week_days,
.eds_news_Ozone.eds_subCollection_calendar .fc-widget-header {
    background-color: var(--color-primary);
}

.eds_news_Ozone.eds_subCollection_calendar .calendar_table td.week_days,
.eds_news_Ozone.eds_subCollection_calendar .fc .fc-day-header span,
.eds_news_Ozone.eds_subCollection_calendar .fc .fc-day-header a,
.eds_news_Ozone.eds_subCollection_calendar .fc .fc-week-number span,
.eds_news_Ozone.eds_subCollection_calendar .fc .fc-week-number a {
    font: normal normal 12px/1 var(--font-body), sans-serif;
}

.eds_news_Ozone.eds_subCollection_calendar .calendar_table,
.eds_news_Ozone.eds_subCollection_calendar .fc {
    border: solid 0px var(--color-primary) !important;
    background-color: var(--color-white);
}

.calendar_table>tbody>tr:nth-child(1)>td>table>tbody>tr>td:nth-child(1) {
    border-radius: var(--border-radius-sm) 0px 0px 0px;
}

.calendar_table>tbody>tr:nth-child(1)>td>table>tbody>tr>td:nth-child(3) {
    border-radius: 0px var(--border-radius-sm) 0px 0px;
}

.eds_news_Ozone.eds_subCollection_calendar .month_selection,
.eds_news_Ozone.eds_subCollection_calendar .fc-header-toolbar {
    background-color: var(--color-white);
    border: solid 1px var(--color-primary);
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.eds_news_Ozone.eds_subCollection_calendar .month_selection td.next_prev_months a,
.eds_news_Ozone.eds_subCollection_calendar .fc-button-group .fc-prev-button,
.eds_news_Ozone.eds_subCollection_calendar .fc-button-group .fc-next-button {
    border: solid 2px var(--color-2);
    background: var(--color-2);
}

.eds_news_Ozone.eds_subCollection_calendar .month_selection td.next_prev_months a::before,
.eds_news_Ozone.eds_subCollection_calendar .fc-button-group .fc-prev-button::before,
.eds_news_Ozone.eds_subCollection_calendar .fc-button-group .fc-next-button::before {
    color: var(--color-black);
}

.eds_news_Ozone.eds_subCollection_calendar .month_selection td.next_prev_months a:hover,
.eds_news_Ozone.eds_subCollection_calendar .fc-button-group .fc-prev-button:hover,
.eds_news_Ozone.eds_subCollection_calendar .fc-button-group .fc-next-button:hover {
    background-color: var(--color-6);
    border-color: var(--color-2);
}

.eds_news_Ozone.eds_subCollection_calendar .calendar_table td.day.has_posts>a {
    color: var(--color-black);
    border: solid 0px var(--color-primary-light);
    background-color: var(--color-white);
}

.eds_news_Ozone.eds_subCollection_calendar .calendar_table td.day.has_posts>a:hover {
    background-color: var(--color-primary);
}

.eds_news_Ozone.eds_subCollection_calendar .month_selection td,
.eds_news_Ozone.eds_subCollection_calendar .fc-toolbar h2 {
    font: normal normal 22px/1 var(--font-subtitle), sans-serif;
    color: var(--color-white);
    text-transform: uppercase;
    background-color: var(--color-6);
}

.eds_news_Ozone.eds_subCollection_calendar .calendar_table td.day.has_events>a {
    color: var(--color-primary);
    border: solid 2px var(--color-primary);
}

.eds_news_Ozone.eds_subCollection_calendar .calendar_table td.day,
.eds_news_Ozone.eds_subCollection_calendar .fc td.fc-day-top a {
    font-size: 13px;
    line-height: 1;
    color: var(--color-primary);
}

.eds_news_Ozone.eds_subCollection_calendar .calendar_table td.day.has_events>a:hover {
    background-color: var(--color-primary);
}

.eds_news_Ozone.eds_subCollection_calendar span,
.eds_news_Ozone.eds_subCollection_calendar a,
.eds_news_Ozone.eds_subCollection_calendar li,
.eds_news_Ozone.eds_subCollection_calendar td,
.eds_news_Ozone.eds_subCollection_calendar table {
    font-family: var(--font-body);
    color: var(--color-6);
}



.eds_news_Ozone.eds_subCollection_news .edn_simpleArticle6Bullet::before {
    font-family: "FontAwesome";
    color: var(--color-black);
}

.eds_news_Ozone.eds_subCollection_news .edn_article.edn_simpleArticle6 h2.edn_articleTitle a {
    color: var(--color-black);
    text-decoration: none;
}

.eds_news_Ozone.eds_subCollection_news .edn_article.edn_simpleArticle6 h2.edn_articleTitle a:hover {
    color: var(--color-primary);
}

.eds_news_Ozone.eds_subCollection_news .edn_metaDetails {
    font-size: 12px;
    line-height: 1.2;
    color: var(--color-black);
}

.eds_news_Ozone.eds_subCollection_news .edn_article.edn_simpleArticle6 {
    margin: 10px 0;
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: solid 1px var(--color-primary);
}

.eds_news_Ozone.eds_subCollection_news .article_pager.edn_articleScrolling a {
    border: solid 2px var(--color-black) !important;
    border-radius: var(--border-radius-md);
    color: var(--color-black);
    text-decoration: none;
}



.eds_news_Ozone.eds_subCollection_news .article_pager.edn_articleScrolling a.edn_previusArticle:hover,
.eds_news_Ozone.eds_subCollection_news .article_pager.edn_articleScrolling a.edn_nextArticle:hover {
    background-color: var(--color-black);
    color: var(--color-white);
}

.eds_news_Ozone.eds_subCollection_categoryMenu a {
    text-decoration: none;
    color: var(--color-black);
    transition: color 0.3s linear;
}

.eds_news_Ozone.eds_subCollection_categoryMenu .edn_category_menu_wrapper li .edn_articlecount {
    float: right;
    font-size: 11px;
    background-color: var(--color-2);
    min-width: 20px;
    border-radius: 10px;
    padding: 4px;
    line-height: 1;
    color: var(--color-black);
    text-align: center;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4);
}

.eds_news_Ozone.eds_subCollection_news .edn_eventDetails {
    padding: 10px;
    margin: 0px 0 10px;
    border-top: 1px solid var(--color-primary);
    border-bottom: 1px solid var(--color-primary);
    box-shadow: 0 0px 0 0 #fff inset, 0 0px 0 0 #fff inset;
    background-color: var(--color-6);
    color: var(--color-white);
    font-family: var(--font-body);
    font-style: italic;
    font-size: var(--body-font-size-xxs);
}

.eds_news_Ozone.eds_subCollection_news .edn_calendarExport::after {
    margin-left: 5px;
    color: var(--color-white);
}

.eds_news_Ozone.eds_subCollection_news a:hover {
    color: var(--color-primary);
    text-decoration: none;
}



.eds_news_Ozone.eds_subCollection_categoryMenu .edn_category_menu_wrapper li .edn_category {
    color: var(--color-6);
    font-size: var(--body-font-size-xs);
}

.eds_news_Ozone.eds_subCollection_categoryMenu .edn_category_menu_wrapper li>div {
    clear: both;
    overflow: hidden;
    padding: 3px 0 3px 90px;
    border-bottom: solid 1px var(--color-primary);
}


.eds_news_Ozone.eds_subCollection_news .edn_calendarExport:hover::after {
    color: var(--color-3);
}

.eds_news_Ozone.eds_subCollection_news .edn_aditionalBox {
    border: solid 1px var(--color-primary-extra-light);
    border-radius: var(--border-radius-sm);
    background-color: var(--color-primary-extra-light);
    box-shadow: 0 0 0 0px var(--color-white) inset, 0 0 0 0px var(--color-primary) inset;
}

.eds_news_Ozone.eds_subCollection_news .edn_aditionalBox h2 span::after {
    border-bottom: 4px solid var(--color-6);
}

.eds_news_Ozone.eds_subCollection_news .edn_aditionalBox h2 {
    border-bottom: 0px solid var(--color-white);
}

.eds_news_Ozone.eds_subCollection_news .edn_aditionalBox.edn_articleDocuments ul li {
    border-bottom: solid 0px var(--color-white);
}

.eds_news_Ozone.eds_subCollection_news .edn_aditionalBox ul li::before {
    color: var(--color-6);
    position: relative;
}

.eds_news_Ozone.eds_subCollection_news .edn_aditionalBox.edn_articleDocuments ul li::before {
    color: var(--color-6);
}

.eds_news_Ozone .edn_articleAccordion .edsAccordion_section .edsAccordion_title {
    border-bottom: solid 1px var(--color-primary);
    font-size: var(--body-font-size-sm);
    color: var(--color-black);
    padding: var(--padding-sm) var(--padding-xxs);
}

.eds_news_Ozone .edn_articleAccordion .edsAccordion_section .edsAccordion_title::after {
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    color: var(--color-black);
}

.eds_news_Ozone .edn_articleAccordion .edsAccordion_section.edsAccordion_active .edsAccordion_title,
.eds_news_Ozone .edn_articleAccordion .edsAccordion_section .edsAccordion_title:hover {
    color: var(--color-black);
}

.eds_news_Ozone .edn_articleAccordion .edsAccordion_section .edsAccordion_title:hover {
    color: var(--color-primary);
}

/*|| MAPS*/

div.edMaps_map .edMaps_infoWindow {
    border-radius: var(--border-radius-md);
}

/*||ELFSIGHT*/
#eapps-instagram-feed-1>div>div.eapps-instagram-feed-content>div.eapps-instagram-feed-posts-container>div>div.eapps-instagram-feed-posts-grid-load-more-container.eapps-instagram-feed-posts-grid-load-more-enabled>div {
    display: none;
}

/*|| INSTALINKS*/

.instalinks {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "cell1"
        "cell2";
}

.instalinks>.full {
    grid-area: 1 / 1 / 3 / 2;
}

.instalinks>.cell1 {
    grid-area: cell1;
}

.instalinks>.cell2 {
    grid-area: cell2;
}

.instalinks>.full.bkgd {
    background-color: var(--color-white);
}

.instalinks>.cell1.content {
    text-align: center;
    place-self: center;
}

.instalinks>.cell1.content>a>img {
    width: 100%;
    max-width: 250px;
    height: auto;
    margin: var(--padding-md) var(--padding-lg) var(--padding-sm);
}

.instalinks_list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    margin: var(--padding-sm) var(--padding-lg) var(--padding-md);
}

.instalinks_list>.content>.button_cta {
    text-align: center;
    padding-top: 0;
}

.instalinks_list>.content>.button_cta>.btn {
    width: 100%;
    max-width: 768px;
}

/*DUCK DUCK REWARDS*/

.banner-box.rewards {
    background-color: var(--color-black);
    border-radius: var(--border-radius-md);
}

.banner-box.rewards>.container {
    display: grid;
    grid-column-gap: var(--padding-sm);
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    padding: var(--padding-lg)
}

.banner-box.rewards>div>div.content>h1 {
    color: var(--color-2);
}


.banner-box.rewards>div>div.content>p {
    color: var(--color-white);
}

.banner-box.rewards>div>div.content>div>a.btn.btn-primary {
    border-color: var(--color-white);
}

.banner-box.rewards>div>div.content>div>a.btn.btn-primary:hover {
    border-color: var(--color-2);
}

/*MAILCHIMP EMAIL FORM*/

div.mc-modal-bg {
    background-color: var(--color-black);
    opacity: 0.80 !important;
}

#SignupForm_0>div.modalContent__content.strictContent.m>div>div>h1>strong {
    font-family: var(--font-title) !important;
}

.strictContent p,
.strictContent .helpText,
label,
#dijit__TemplatedMixin_0>div.bannerContent__description>h3>strong {
    font-family: var(--font-subtitle) !important;
}




/*END MOBILE VIEW*/

/*|| DESKTOP VIEW*/

@media screen and (min-width: 1367px) {

    .rvdsf-productlist-grid {
        gap: 1.4em;
    }

}

@media screen and (min-width: 1920px) {
    .rvdsf-productlist-grid {
        gap: 26px;
    }
}

@media screen and (min-width: 1025px) {

    .desktop {
        display: block;
    }

    .mobile {
        display: none;
    }

    .color_list {
        grid-template-columns: repeat(auto-fill, minmax(14%, 1fr));
    }

    .button_cta>.btn {
        width: fit-content;
    }

    .pagetitleBox h1 {
        display: inline-block;
    }

    .pagetitleBox .pagetitleborder {
        padding: var(--padding-sm) 0 var(--padding-sm);
    }

    .menu_bottom>.content>.btn {
        padding: var(--padding-xs) 0 var(--padding-xxs);
    }

    .cccc.footer {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-row-gap: var(--padding-sm);
        grid-column-gap: var(--padding-sm);
        grid-template-areas: "cell3 cell7 cell4 cell5 "
            "cell1 cell1 cell6 cell6";
    }

    .cccc.footer>.full {
        grid-area: 1 / 1 / 3 / 4;
    }

    .cccc.footer>.cell1 {
        margin-top: -40px;
        place-self: end start;
    }

    .cccc.footer>.cell6 {
        margin-top: 0px;
        place-self: end;
    }

    #bottommenu {
        display: none;
    }

    div.BottomFormPaneTopImage img {
        width: 250px;
    }

    #loginduck>div {
        margin-top: -80px;
        padding-right: var(--padding-md);
        padding-left: var(--padding-md);
    }


    .DnnModule-RevindexDnnRevindexStorefrontCategory>div>div.dnntitle {
        display: block;
    }

    .elfsight-app-f4fd66fa-2e8c-4263-af6e-e35e1162fc67 eapps-instagram-feed es-widget,
    .eapps-instagram-feed-posts-view {
        background: var(--color-black);
    }




    /*HOME PAGE - DESK*/



    .banner-box .content {
        padding-right: var(--padding-sm);
    }

    div#magical_ducks {
        /*margin: var(--padding-md) 0 0;*/
        background-position: left;
        background-size: 150%;
    }

    .banner-box#hero {
        padding: var(--padding-md) 0;
        background: var(--color-gradient-secondary);
    }

    div#dessert_ducks>.banner-box#hero {
        background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
        background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    }


    .banner-box#hero>.container {
        display: flex;
    }

    .banner-box#hero>.container>.content {
        flex: 50%;
    }

    .banner-box#hero>.container>.imgbox {
        flex: 50%;
    }

    .banner#stevie_swirl {
        background-image: url(/Portals/0/Images/Duck_Duck_Surprise_Green_Sparkle_Background.jpg);
    }

    .banner#stevie_swirl>.banner-box#hero>div>.content {
        text-align: left;
        order: -1;
        padding-bottom: 0;
    }

    .banner#stevie_swirl>.banner-box#hero>div>.content>.button_cta>a {
        margin-bottom: 0;
    }

    .banner#stevie_swirl>.banner-box#hero>div>.imgbox>div>img {
        max-height: 350px;
    }

    .product_highlight,
    .about_highlight {
        align-items: flex-start;
    }

    .banner-box#hero>div>div.imgbox>div>img {
        width: 75%;
    }

    .banner#melody_mermaid>.banner-box#hero>div>div.imgbox {
        margin: -40px 0 -40px -5vw;
    }

    .banner#melody_mermaid>.banner-box#hero>div>div.content {
        padding-left: var(--padding-md);
    }


    .banner#melody_mermaid>.banner-box#hero>div>div.imgbox>div>img {
        border-radius: var(--border-radius-md) 0 0 var(--border-radius-md);
    }



    /*ABOUT PAGE - DESK*/

    .about#products>.container,
    .about#allaboutdds>div {
        display: flex;
    }

    .about#allaboutdds>div {
        align-items: center;
        justify-content: center;
    }

    #allaboutdds>div>div.imgbox {
        margin: 0 var(--padding-md) var(--padding-md) var(--padding-sm);
        max-width: 200px;
        order: -1;
    }



    .about#products>div>div:nth-child(1),
    #products>div>div:nth-child(2),
    #products>div>div:nth-child(3) {
        padding: 0 var(--padding-lg);
        width: 33%;
    }

    .about#products>div>div {
        margin: var(--padding-sm);
    }

    .about#about>.container {
        display: flex;
        padding: var(--padding-md);
    }

    .about#about>.container>.content {
        flex: 60%;
    }

    .about#about>.container>.imgbox {
        flex: 40%;
    }



    .team_list {
        grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
    }

    .missionvision {
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "cell1 cell2";
        min-height: var(--min-height-lg);
    }

    .missionvision>.full {
        grid-area: 1/1/2/2;
    }

    .values_list {
        grid-template-columns: repeat(auto-fill, minmax(23%, 1fr));
    }

    .shop.insidepage>.full.overlay {
        background-size: contain;
        background-position: right center;
        margin: var(--padding-sm) var(--padding-lg);
        display: block;
    }

    .shop.insidepage>.content.full {
        padding: var(--padding-lg) var(--min-height-md) var(--padding-lg) 0;
    }

    .contact.hero.insidepage {
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "cell1 cell2";
    }

    .contact.hero.insidepage>.full {
        grid-area: 1/1/2/3;
    }

    .product_list {
        padding: 0;
    }

    li.from-footer>div.form_submit>input.submit_but {
        width: fit-content;
    }




    /*SERIES PAGES - DESK*/

    .dds.duck_series>.content>.button_cta {
        text-align: center;
    }

    .dds.duck_series>.content>.button_cta>a.btn {
        min-width: 140px;
    }

    .dds.duck_series>.content>.button_cta>a.btn-primary,
    .dds.duck_series>.content>.button_cta>a.btn-success {
        margin-right: var(--padding-sm);
    }

    .duck_card>.content>img {
        height: 15vw;
    }

    /*DIGITAL BUSINESS CARD - DESK*/
    .kyb_dbc_parent {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-areas: "logo logo logo logo"
            "headshot headshot info info"
            "headshot headshot save share";
    }

    .kyb_dbc_headshot {
        height: var(--body-line-height-lg);
    }

    .kyb_dbc_contactinfo {
        place-self: end start;
    }


    /*||THANK YOU & 404 Error - DESK*/

    #thankyou>.container,
    #ErrorPage>.container {
        display: flex;
        align-items: baseline;
    }

    #thankyou>div>div.imgbox,
    #ErrorPage>div>div.imgbox {
        flex: 50%;
        padding: var(--padding-sm);
    }

    #thankyou>div>div.content,
    #ErrorPage>div>div.content {
        flex: 50%;
    }

    .banner-box.rewards>.container::before {
        display: none;
    }

    .banner-box.rewards>.container {
        grid-template-columns: 60% 39%;
    }

    .dds-flex-item {
        flex: 0 0 31.5%;
    }

    .department_list {
        grid-template-columns: repeat(auto-fill, minmax(16%, 1fr));
    }


    /*END DESKTOP VIEW*/
}


/*|| TABLET VIEW*/


@media all and (min-width:769px) and (max-width:1024px) {



    .color_list {
        grid-template-columns: repeat(auto-fill, minmax(15%, 1fr));
    }

    .button_cta>.btn {
        width: fit-content;
    }

    .pagetitleBox h1 {
        display: inline-block;
    }

    .menu_bottom>.content>.btn {
        padding: var(--padding-xs) 0 var(--padding-xxs);
    }

    .cccc.footer {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-row-gap: var(--padding-sm);
        grid-column-gap: var(--padding-sm);
        grid-template-areas: "cell3 cell7 cell4 cell5 "
            "cell1 cell1 cell6 cell6";
    }

    .cccc.footer>.full {
        grid-area: 1 / 1 / 3 / 4;
    }

    .cccc.footer>.cell1 {
        margin-top: -50px;
        place-self: end start;
    }

    .cccc.footer>.cell6 {
        margin-top: 0px;
        place-self: center end;
    }


    .banner#stevie_swirl>.banner-box#hero>div>.imgbox>div>img {
        max-height: 350px;
    }

    .team_list {
        grid-template-columns: repeat(auto-fill, minmax(46%, 1fr));
    }

    .values_list {
        grid-template-columns: repeat(auto-fill, minmax(46%, 1fr));
    }

    .shop.insidepage>.full.overlay {
        background-position: right center;
        margin: var(--padding-sm) var(--padding-lg);
        display: block;
        background-size: var(--min-height-sm);
    }

    .shop.insidepage>.content.full {
        padding: var(--padding-lg) var(--min-height-sm) var(--padding-lg) var(--padding-lg);
    }


    .contact.hero.insidepage {
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "cell1 cell2";
    }

    .contact.hero.insidepage>.full {
        grid-area: 1/1/2/3;
    }

    .department_list {
        grid-template-columns: repeat(auto-fill, minmax(32%, 1fr));
    }

    .duck_card>.content>img {
        height: 40vw;
    }

    /*||THANK YOU & 404 Error - TABLET*/

    #thankyou>.container,
    #ErrorPage>container {
        display: flex;
        align-items: baseline;
    }

    #thankyou>div>div.imgbox,
    #ErrorPage>div>div.imgbox {
        flex: 50%;
        padding: var(--padding-sm);
    }

    #thankyou>div>div.content,
    #ErrorPage>div>div.content {
        flex: 50%;
    }


    /*END TABLET VIEW*/

}

.m-auto {
    margin-left: auto;
    margin-right: auto;
}

.custom_width {
    max-width: 500px;
    padding: 5px var(--padding-xs);
}

.custom_width .owl-dots {
    display: none;
}

#promo>div>div>div.owl-stage-outer>div>div.owl-item>div>p>a {
    text-decoration: underline;
}

.dg-carousel11 .owl-nav .owl-prev:before,
.dg-carousel11 .owl-nav .owl-next:before {
    width: 13px;
    height: 13px;
    margin: -7px 0 0 -8px;
    border-color: var(--color-blue);
}

.dg-carousel11 .owl-nav .owl-prev:before {
    margin-right: 8px;
}

.custom_width .item p {
    text-align: center;
    line-height: 1.0;
    font-size: var(--body-font-size-xxs);
    margin-bottom: 0px;
    font-style: normal;
    text-transform: capitalize;
}

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

    .custom_width .item p {
        display: flex;
        flex-flow: wrap;
        gap: 5px;
        justify-content: center;
    }
}



/* dg-carousel10 */
.dg-carousel10 .owl-stage {
    display: flex;
}

.dg-carousel10 .owl-item {
    flex-shrink: 0;
}

.dg-carousel10 .item._item,
.dg-carousel10 .item._item .banner,
.dg-carousel10 .item._item .banner .banner-box,
.dg-carousel10 .item._item .banner .banner-box .container {
    height: 100%;
}



/* custom */

.dg-form-content{
	margin-bottom: var(--padding-lg) !important;
}
.dg-form-content .form-control-wrap > label {
	display: none;
}
.dg-form-content .form-control-wrap > label:has(+ .form_input input[type="checkbox"]),
.dg-form-content .form-control-wrap > label:has(+ .form_input input[type="radio"]){
	display: block;
}
.dg-form-content .form-control-wrap:has(input[type="checkbox"]),
.dg-form-content .form-control-wrap:has(input[type="radio"]){
	padding: 21px 8px;
}

.dg-form-content .submit_but{
	min-width: 238px;
	height: 66px;
	margin: 40px 0 0;
}

@media only screen and (max-width: 991px) {
	.dg-form-content li[style="width:60%"]{
		width: 100% !important;  
	}
	.dg-form-content li[style="width:20%"]{
		width: 50% !important;  
	}
}

/*Bootstrap.css*/
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9 {
    min-height: inherit;
}

@media (min-width: 1600px) {

    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        float: left
    }

    .col-xl-12 {
        width: 100%
    }

    .col-xl-11 {
        width: 91.66666667%
    }

    .col-xl-10 {
        width: 83.33333333%
    }

    .col-xl-9 {
        width: 75%
    }

    .col-xl-8 {
        width: 66.66666667%
    }

    .col-xl-7 {
        width: 58.33333333%
    }

    .col-xl-6 {
        width: 50%
    }

    .col-xl-5 {
        width: 41.66666667%
    }

    .col-xl-4 {
        width: 33.33333333%
    }

    .col-xl-3 {
        width: 25%
    }

    .col-xl-2 {
        width: 16.66666667%
    }

    .col-xl-1 {
        width: 8.33333333%
    }

    .col-xl-pull-12 {
        right: 100%
    }

    .col-xl-pull-11 {
        right: 91.66666667%
    }

    .col-xl-pull-10 {
        right: 83.33333333%
    }

    .col-xl-pull-9 {
        right: 75%
    }

    .col-xl-pull-8 {
        right: 66.66666667%
    }

    .col-xl-pull-7 {
        right: 58.33333333%
    }

    .col-xl-pull-6 {
        right: 50%
    }

    .col-xl-pull-5 {
        right: 41.66666667%
    }

    .col-xl-pull-4 {
        right: 33.33333333%
    }

    .col-xl-pull-3 {
        right: 25%
    }

    .col-xl-pull-2 {
        right: 16.66666667%
    }

    .col-xl-pull-1 {
        right: 8.33333333%
    }

    .col-xl-pull-0 {
        right: auto
    }

    .col-xl-push-12 {
        left: 100%
    }

    .col-xl-push-11 {
        left: 91.66666667%
    }

    .col-xl-push-10 {
        left: 83.33333333%
    }

    .col-xl-push-9 {
        left: 75%
    }

    .col-xl-push-8 {
        left: 66.66666667%
    }

    .col-xl-push-7 {
        left: 58.33333333%
    }

    .col-xl-push-6 {
        left: 50%
    }

    .col-xl-push-5 {
        left: 41.66666667%
    }

    .col-xl-push-4 {
        left: 33.33333333%
    }

    .col-xl-push-3 {
        left: 25%
    }

    .col-xl-push-2 {
        left: 16.66666667%
    }

    .col-xl-push-1 {
        left: 8.33333333%
    }

    .col-xl-push-0 {
        left: auto
    }

    .col-xl-offset-12 {
        margin-left: 100%
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%
    }

    .col-xl-offset-9 {
        margin-left: 75%
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%
    }

    .col-xl-offset-6 {
        margin-left: 50%
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%
    }

    .col-xl-offset-3 {
        margin-left: 25%
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%
    }

    .col-xl-offset-0 {
        margin-left: 0
    }
}


/* Responsive spacing */
:root {
    --ResponsiveSpacing-80: 80px;
}


/* is-bigGap */
.row.is-bigGap {
    margin-right: -30px;
    margin-left: -30px;
}

.row.is-bigGap>[class*="col-"] {
    padding-left: 30px;
    padding-right: 30px;
}

@media only screen and (max-width: 1199px) {
    .row.is-bigGap {
        margin-right: -15px;
        margin-left: -15px;
    }

    .row.is-bigGap>[class*="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}



/* is-equalPane */
.row.is-equalPane{
    display: flex;
    flex-wrap: wrap;
}
.row.is-equalPane>[class*="col-"]{
    flex-grow: 1;
}


/* custom-headerBox-01 */
.custom-headerBox-01 {
    position: relative;
    display: flex;
    gap: 30px;
    z-index: 1;
}

.custom-headerBox-01 .content p {
    font-size: var(--body-font-size-md);
    line-height: var(--body-line-height-md);
}

.custom-headerBox-01 .content .title {
    font-size: var(--body-font-size-xxl);
    line-height: var(--body-line-height-sm);
}

.custom-headerBox-01 .pic {
    flex-shrink: 0;
    position: relative;
    z-index: -1;
    align-self: flex-end;
    /* 1200 ~ 1920 - 16px */
    margin-bottom: calc((50px + clamp(-50px, 33.33333333333333vw + -450px, 190px)) * -1);
    margin-right: calc((50px + clamp(0px, 4.166666666666666vw + -50px, 30px)) * -1);
    max-width: clamp(530px, 33.33333333333333vw + 130px, 770px);
    width: 100%;
}

.custom-headerBox-01 .pic img {
    max-width: 100%;
}

@media screen and (max-width: 991.98px) {
    .custom-headerBox-01 {
        flex-wrap: wrap;
    }

    .custom-headerBox-01 .pic {
        margin: 0 0 0 auto ;
        margin-top: calc( -1 * ( 30px + 60px + 60px ) );
        max-width: 50%;
    }
}
@media screen and (max-width: 767.98px) {
    .custom-headerBox-01 .pic {
        max-width: min(75%, 350px);
        margin: 0 auto 0;
    }
}

/* custom-headerBox-01-related */
.custom-headerBox-01-related {
    display: flex;
    justify-content: space-evenly;
    gap: 30px;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-right: clamp(430px, 60vw + -422px, 730px);
}

.custom-headerBox-01-related .item .pic {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 128px;
    margin-bottom: 15px;
}
.custom-headerBox-01-related .item .pic img{
    max-width: 100%;
    max-height: 100%;
}

.custom-headerBox-01-related .item .title {
    margin: 0 0 0;
    font-size: var(--body-font-size-md);
    font-family: var(--font-body);
    line-height: var(--body-line-height-sm);
    text-transform: uppercase;
}

@media screen and (max-width: 1400px) {
    .custom-headerBox-01-related {
        padding-right: 0;
    }
}

@media screen and (max-width: 767.98px) {
    .custom-headerBox-01-related {
        flex-wrap: wrap;
    }
}


/* custom-headerBox-02 */
.custom-headerBox-02 {
    position: relative;
    display: flex;
    gap: 30px;
}

.custom-headerBox-02 .content p {
    font-size: var(--body-font-size-md);
    line-height: var(--body-line-height-md);
}

.custom-headerBox-02 .content .title {
    font-size: var(--body-font-size-xxl);
    line-height: var(--body-line-height-sm);
}

.custom-headerBox-02 .pic {
    flex-shrink: 0;
    align-self: flex-end;
    /* 1200 ~ 1920 - 16px */
    margin-bottom: calc((50px + clamp(-50px, 13.88888888888889vw + -216.66666666666669px ,50px)) * -1);
    margin-right: calc((50px + clamp(0px, 4.166666666666666vw + -50px, 30px)) * -1);
    max-width: clamp(430px, 47.22222222222222vw + -136.66666666666663px ,770px);
    width: 100%;
}

.custom-headerBox-02 .pic img {
    max-width: 100%;
}

@media screen and (max-width: 991.98px) {
    .custom-headerBox-02 {
        flex-wrap: wrap;
    }

    .custom-headerBox-02 .pic {
        margin: 0 auto 0;
    }
}


/* custom-headerText-topLeft */
.custom-headerText-topLeft p {
    font-size: var(--body-font-size-md);
    line-height: var(--body-line-height-sm);
}

.custom-headerText-topLeft p:last-child {
    margin-bottom: 0;
}


/* custom-headerText-topRight */
.custom-headerText-topRight .title {
    margin: 0 0 var(--padding-xs);
    font-size: var(--body-font-size-lg);
    line-height: var(--body-line-height-sm);
}

.custom-headerText-topRight p {
    font-size: var(--body-font-size-sm);
    line-height: var(--body-line-height-sm);
}

.custom-headerText-topRight p:last-child {
    margin-bottom: 0;
}

@media only screen and (max-width: 991px) {
    .custom-headerText-topRight>* {
        display: none;
    }

    .custom-headerText-topRight>.title {
        display: block;
        margin: 0 0 0;
        font-size: var(--body-font-size-md);
    }
}

@media only screen and (max-width: 767px) {
    .custom-headerText-topRight>.title {
        font-size: var(--body-font-size-sm);
    }
}



/* custom-infobox-01 */
.custom-infobox-01 {
    --isRight: clamp(0px, 2.5vw + -18px, 30px);
    --shapeWidth: clamp(165px, 10vw + 93px, 285px);
    --shapeHeight: calc(var(--shapeWidth) / 285 * 260);
}

.custom-infobox-01 {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 160px;
    border-radius: var(--border-radius-md);
    box-shadow: var(--boxshadow-sm);
    background-color: var(--color-white);
}

.custom-infobox-01 img {
    max-width: 100%;
}

.custom-infobox-01 .pic {
    position: relative;
    border-radius: var(--border-radius-md) var(--border-radius-md) 0 0;
    overflow: hidden;
}

.custom-infobox-01 .pic img {
    width: 100%;
}

.custom-infobox-01 .content {
    padding: var(--padding-md);
    padding-bottom: calc(var(--padding-md) + 120px);
}

.custom-infobox-01 .content .title {
    margin: 0 0 0;
    font-size: var(--body-font-size-xxl);
    line-height: var(--body-line-height-sm);
}

.custom-infobox-01 .content p {
    display: inline;
    padding-right: calc(var(--shapeWidth) - 30px - var(--padding-md));
}

.custom-infobox-01 .content .button_cta {
    position: absolute;
    left: var(--padding-md);
    bottom: 45px;
    padding: 0;
}

.custom-infobox-01 .shape {
    position: absolute;
    right: calc(-1 * var(--isRight));
    bottom: -70px;
    width: var(--shapeWidth);
    height: var(--shapeHeight);
}

.custom-infobox-01 .shape img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.is-equalPane:has(.custom-infobox-01) > div > [class*="_Pane"],
.is-equalPane:has(.custom-infobox-01) > div > [class*="_Pane"] > .DnnModule,
.is-equalPane:has(.custom-infobox-01) > div > [class*="_Pane"] > .DnnModule > .White,
.is-equalPane:has(.custom-infobox-01) > div > [class*="_Pane"] > .DnnModule > .White > .contentpane,
.is-equalPane:has(.custom-infobox-01) > div > [class*="_Pane"] > .DnnModule > .White > .contentpane > .DNNModuleContent,
.is-equalPane:has(.custom-infobox-01) > div > [class*="_Pane"] > .DnnModule > .White > .contentpane > .DNNModuleContent > .Normal  {
    height: 100%;
}
.is-equalPane:has(.custom-infobox-01) .custom-infobox-01{
    margin-bottom: 160px;
    height: calc( 100% - 160px );
}



/* custom-infobox-02 */
.custom-infobox-02 {
    --shapeWidth: clamp(340px, 12.5vw + 250px ,490px);
    --shapeHeight: calc(var(--shapeWidth) / 490 * 345);
    --padding: clamp(30px, 2.5vw + 12px ,60px);
}

.custom-infobox-02 {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    gap: 30px;
    padding: var(--padding);
    padding-right: calc( var(--padding) + var(--shapeWidth));
    border-radius: var(--border-radius-md);
    box-shadow: var(--boxshadow-sm);
    background-color: var(--color-white);
    z-index: 1;
}
.custom-infobox-02.is-Reversal{
    padding-left: calc( var(--padding) + var(--shapeWidth));
    padding-right: var(--padding);
}

.custom-infobox-02 img {
    max-width: 100%;
}

.custom-infobox-02 .content {
    display: flex;
    align-items: center;
}

.custom-infobox-02 .content .title {
    margin: 0 0 0;
    font-size: var(--body-font-size-xxl);
    line-height: var(--body-line-height-sm);
}

.custom-infobox-02 .shape {
    position: absolute;
    top: -60px;
    right: -30px;
    bottom: -60px;
    width: var(--shapeWidth);
    height: auto;
    min-height: var(--shapeHeight);

    display: flex;
    justify-content: center;
    align-items: center;
    z-index: -1;
}
.custom-infobox-02.is-Reversal .shape {
    left: -30px;
    right: initial;
}

.custom-infobox-02 .shape img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
@media only screen and (max-width: 1199px){
    .custom-infobox-02 .content{
        display: block;
    }
}
@media only screen and (max-width: 991px) {

    .custom-infobox-02{
        flex-wrap: wrap;
    }

    .custom-infobox-02,
    .custom-infobox-02.is-Reversal{
        padding: var(--padding);
    }

    .custom-infobox-02 .shape,
    .custom-infobox-02.is-Reversal .shape{
        position: relative;
        inset: 0;
        margin: 0 0 0 auto ;
        margin-top: calc( -1 * ( 30px + 60px + 60px ) );
        max-width: 50%;
    }
}
@media only screen and (max-width: 767px){
    .custom-infobox-02 .shape,
    .custom-infobox-02.is-Reversal .shape{
        max-width: min(75%, 350px);
        margin: 0 auto 0 ;
    }
}


/* custom-infobox-03 */
.custom-infobox-03{
    display: flex;
    flex-direction: column;
    border-radius: var(--border-radius-md);
    box-shadow: var(--boxshadow-sm);
    background-color: var(--color-white);
}
.custom-infobox-03 img{
    max-width: 100%;
}
.custom-infobox-03 .pic{
    display: block;
}
.custom-infobox-03 .pic img{
    width: 100%;
}
.custom-infobox-03 .content{
    padding: clamp(25px, 6.25vw + -20px ,100px) clamp(35px, 5vw + -1px ,95px) clamp(35px, 2.5vw + 17px ,65px);
}
.custom-infobox-03 .content .title{
    margin: 0 0 10px;
    text-align: center;
    font-size: var(--body-font-size-xxl);
    line-height: var(--body-line-height-sm);
}



/* Footer-Section */
.Footer-Section {
    margin-bottom: 60px;
}
.Footer-Section .Normal {
    background: transparent;
}

.Footer-Section .section-bootom {
    position: relative;
    width: 100%;
    align-items: center;
    padding: 0 60px;
    border-radius: var(--border-radius-md);
    box-shadow: var(--boxshadow-sm);
    background-color: var(--color-white);
}

body:not(.dnnEditState) .Footer-Section .sectionContent-top:has(.FooterSection_PaneB.DNNEmptyPane):has(.FooterSection_PaneC.DNNEmptyPane):has(.FooterSection_PaneD.DNNEmptyPane) {
    display: none;
}

body:not(.dnnEditState) .Footer-Section .sectionContent-center:has(.FooterSection_PaneE.DNNEmptyPane) {
    display: none;
}

.Footer-Section .sectionContent-top {
    padding-top: 60px;
}

.Footer-Section .sectionContent-center .FooterSection_PaneE {
    background: var(--color-2);
    padding: 20px 60px;
    margin-left: -60px;
    margin-right: -60px;
    border: 2px dashed var(--color-black);
}

.Footer-Section .sectionContent-center .FooterSection_PaneE .Normal,
.Footer-Section .sectionContent-center .FooterSection_PaneE .Normal p,
.Footer-Section .sectionContent-center .FooterSection_PaneE .Normal a {
    color: #fff;
}

.Footer-Section .sectionContent-center .FooterSection_PaneE .Normal a:hover {
    color: var(--color-primary);
}

.Footer-Section .sectionContent-bootom {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    gap: 30px;
    padding: 30px 0;
    min-height: 115px;
}
@media only screen and (max-width: 1199px) {
    .Footer-Section .section-bootom{
        margin-right: calc( -1 * var(--padding-lg) );
        margin-left: calc( -1 * var(--padding-lg) );
        padding: 0 30px;
        width: calc( 100% + var(--padding-lg) * 2 );
        border-radius: 0;
        overflow: hidden;
    }
}
@media only screen and (max-width: 991px) {
    .Footer-Section .sectionContent-bootom {
        flex-wrap: wrap;
    }
}

/* footer-infobox-01 */
.footer-infobox-01 {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.footer-infobox-01 img {
    max-width: 100%;
}

.footer-infobox-01 .logo {
    position: relative;
    width: 100%;
    max-width: 285px;
}

.footer-infobox-01 .infoList {
    display: flex;
    justify-content: space-evenly;
    gap: 30px;
    text-align: center;
}

.footer-infobox-01 .infoList .item .pic {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 128px;
    margin-bottom: 15px;
}
.footer-infobox-01 .infoList .item .pic img{
    max-width: 100%;
    max-height: 100%;
}

.footer-infobox-01 .infoList .item .title {
    margin: 0 0 0;
    font-size: var(--body-font-size-md);
    font-family: var(--font-body);
    line-height: var(--body-line-height-sm);
    text-transform: uppercase;
}

@media screen and (max-width: 1199.98px) {
    .footer-infobox-01 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer-infobox-01 .logo,
    .footer-infobox-01 .infoList {
        width: 100%;
    }

    .footer-infobox-01 .logo {
        text-align: center;
    }
}
@media screen and (max-width: 767.98px) {
    .footer-infobox-01 .infoList {
        flex-wrap: wrap;
    }
}

/* footer-infobox-02 */
.footer-infobox-02 {
    position: relative;
    margin-bottom: 25px;
}

.footer-infobox-02 .headerBox {
    width: 100%;
}

.footer-infobox-02 .headerBox .subTitle {
    margin: 0 0 0;
    font-size: var(--body-font-size-lg);
    line-height: var(--body-line-height-sm);
}

.footer-infobox-02 .headerBox .title {
    margin: 0 0 20px;
    font-size: var(--body-font-size-xxl);
    line-height: var(--body-line-height-sm);
}

.footer-infobox-02.style-Account .customPic {
    margin-right: calc(-1 * clamp(60px, 2.5vw + 42px, 90px));
    display: flex;
    justify-content: flex-end;
}

.footer-infobox-02.style-Account .customPic img {
    max-width: 100%;
}

@media all and (min-width:768px) and (max-width:1599.98px) {

    .footer-infobox-02.style-OrderOnline,
    .footer-infobox-02.style-CallUs {
        text-align: center;
    }
    .footer-infobox-02.style-OrderOnline .button_cta{
        justify-content: center;
    }

    .Normal:has(.footer-infobox-02.style-Contact):has(.footer-infobox-02.style-GiftCards) {
        display: flex;
        gap: 60px;
    }

    .footer-infobox-02.style-Contact,
    .footer-infobox-02.style-GiftCards {
        width: 50%;
    }

    .footer-infobox-02.style-Account {
        position: relative;
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto 1fr;
        width: 100%;
    }

    .footer-infobox-02.style-Account .footerBox {
        grid-row: 1 / 3;
    }
    .footer-infobox-02.style-Account .customPic {
        margin: 0;
        display: flex;
        justify-content: flex-end;
        /* 770 ~ 1600 - 16px */
        margin-top: clamp(-240px, -10.843373493975903vw + -66.50602409638554px ,-150px);
    }
}
@media all and (max-width:767.98px) {
    .footer-infobox-02.style-Account .customPic {
        margin: 0 auto 0;
        display: flex;
        justify-content: flex-end;
        max-width: min(75%, 350px);
    }
}


/* footer-infobox-03 */
.footer-infobox-03 {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}
.footer-infobox-03 p{
    font-family: var(--font-title);
}
.footer-infobox-03 .leftBox p:last-child,
.footer-infobox-03 .rightBox p:last-child {
    margin-bottom: 0;
}

.custom-socialList-01 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px clamp(20px, 2.5vw + 2px, 50px);
    font-size: var(--body-font-size-xl);
    line-height: 1;
}



/* custom-pageTitle-01 */
.custom-pageTitle-01 {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 30px;
    min-height: 250px;
    overflow: hidden;
}

.custom-pageTitle-01 .pic {
    position: absolute;
    inset: 0;
}
.custom-pageTitle-01 .pic::after{
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--color-black);
    opacity: 0.3;
}
.custom-pageTitle-01 .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.custom-pageTitle-01 .content {
    position: relative;
}

.custom-pageTitle-01 .content .title {
    font-size: var(--body-font-size-xxl);
    line-height: var(--body-line-height-sm);
}

.custom-pageTitle-01 .content>* {
    color: var(--color-white);
}

.custom-pageTitle-01 .content>*:last-child {
    margin-bottom: 0;
}

/* custom-title-01 */
.custom-title-01{
    margin-bottom: var(--padding-xs);
}
.custom-title-01 .title {
    margin-bottom: 0;
    font-size: var(--body-font-size-xxl);
    line-height: var(--body-line-height-sm);
}



/* custom-picList-01 */
.custom-picList-01 {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 60px;
    padding: 20px 0 50px;
}

.custom-picList-01 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--border-radius-md);
}

.custom-picList-01 .item {
    width: calc((100% - 60px * 3) / 4);
    padding: 10px 10px clamp(60px, 5vw + 24px ,120px);
    border-radius: var(--border-radius-md);
    box-shadow: var(--boxshadow-sm);
    background-color: var(--color-white);
}
.custom-picList-01 .item:nth-child(8n+1),
.custom-picList-01 .item:nth-child(8n+2),
.custom-picList-01 .item:nth-child(8n+3),
.custom-picList-01 .item:nth-child(8n+4){
    margin-bottom: 60px;
}
.custom-picList-01 .item:nth-child(8n+5),
.custom-picList-01 .item:nth-child(8n+6),
.custom-picList-01 .item:nth-child(8n+7),
.custom-picList-01 .item:nth-child(8n+8){
    margin-bottom: 80px;
}

.custom-picList-01 .item:nth-child(8n+1) {
    transform-origin: right top;
    transform: rotate(-8.5deg);
}

.custom-picList-01 .item:nth-child(8n+2) {
    transform-origin: center top;
    transform: rotate(9deg) translateX(60px);
}

.custom-picList-01 .item:nth-child(8n+3) {
    transform-origin: center top;
    transform: rotate(-9.5deg) translateX(-60px);
}

.custom-picList-01 .item:nth-child(8n+4) {
    transform-origin: left top;
    transform: rotate(10deg);
}

.custom-picList-01 .item:nth-child(8n+5) {
    transform-origin: left bottom;
    transform: rotate(10deg);
}

.custom-picList-01 .item:nth-child(8n+6) {
    transform-origin: center bottom;
    transform: rotate(-9.5deg) translateX(60px);
}

.custom-picList-01 .item:nth-child(8n+7) {
    transform-origin: center bottom;
    transform: rotate(9deg) translateX(-60px);
}

.custom-picList-01 .item:nth-child(8n+8) {
    transform-origin: right bottom;
    transform: rotate(-8.5deg);
}

@media all and (max-width:1199.98px) {
    .custom-picList-01 .item {
        width: calc((100% - 60px * 1) / 2);
    }
    .custom-picList-01 .item:nth-child(8n+1),
    .custom-picList-01 .item:nth-child(8n+2),
    .custom-picList-01 .item:nth-child(8n+5),
    .custom-picList-01 .item:nth-child(8n+6){
        margin-bottom: 60px;
    }
    .custom-picList-01 .item:nth-child(8n+3),
    .custom-picList-01 .item:nth-child(8n+4),
    .custom-picList-01 .item:nth-child(8n+7),
    .custom-picList-01 .item:nth-child(8n+8){
        margin-bottom: 80px;
    }

    .custom-picList-01 .item:nth-child(8n+1),
    .custom-picList-01 .item:nth-child(8n+5) {
        transform-origin: right top;
        transform: rotate(-8.5deg);
    }

    .custom-picList-01 .item:nth-child(8n+2),
    .custom-picList-01 .item:nth-child(8n+6){
        transform-origin: left top;
        transform: rotate(9deg);
    }

    .custom-picList-01 .item:nth-child(8n+3),
    .custom-picList-01 .item:nth-child(8n+7) {
        transform-origin: left bottom;
        transform: rotate(9.5deg);
    }

    .custom-picList-01 .item:nth-child(8n+4),
    .custom-picList-01 .item:nth-child(8n+8) {
        transform-origin: right bottom;
        transform: rotate(-10deg);
    }
}
@media all and (max-width:767.98px) {
    .custom-picList-01 .item {
        width: 100%;
    }
    .custom-picList-01 .item:nth-child(8n+1),
    .custom-picList-01 .item:nth-child(8n+2),
    .custom-picList-01 .item:nth-child(8n+3),
    .custom-picList-01 .item:nth-child(8n+4),
    .custom-picList-01 .item:nth-child(8n+5),
    .custom-picList-01 .item:nth-child(8n+6),
    .custom-picList-01 .item:nth-child(8n+7),
    .custom-picList-01 .item:nth-child(8n+8){
        margin-bottom: 0;
        transform: none;
    }
}