@charset "utf-8";

/*#region - First Region - 1 = DONE  */

a.BlueButton:link {
    background-color: #002c77;
    border: 0 !important;
    color: #ffffff;
    margin: 0.25rem 1rem 1rem 0;
    display: inline-block;
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 32px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px !important;
}

a.BlueButton:visited {
    background-color: #002c77;
    border: 0 !important;
    color: #ffffff;
    margin: 0.25rem 1rem 1rem 0;
    display: inline-block;
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding: 6px 24px 4px 24px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px !important;
}

a.BlueButton:hover {
    background-color: #003faa;
    color: #ffffff;
    text-decoration: none;
}

a.BlueButton:focus {
    background-color: #003faa;
    color: #ffffff;
    text-decoration: none;
}

.DisabledButton {
    background-color: #b5bec2;
    border: #a0a9ad solid 1px;
    color: #e7e7e7;
    margin: 5px;
    display: inline-block;
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 6px 24px 4px 24px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px !important;
}


a.GreenButton:focus {
    background-color: #14853D;
    color: #ffffff;
    text-decoration: none;
}

/*#endregion */

/*#region - First Region - 2 = DONE  */

.Blue .list li {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    color: #002c77;
}

    .Blue .list li a {
        color: #2c6ef2;
        text-decoration: underline;
    }

        .Blue .list li a:hover {
            color: #2c6ef2;
            text-decoration: none !important;
        }

        .Blue .list li a:focus {
            color: #2c6ef2;
            text-decoration: none !important;
        }

    .Blue .list li:last-of-type {
        border-bottom: none;
    }

.breadcrumb-link {
    width: 219px;
    height: 36px;
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none solid rgb(102, 161, 185);
    line-height: 36px;
    letter-spacing: 1px;
    text-decoration: underline;
}

.breadcrumb-arrow {
    width: 15px;
    height: 36px;
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 18px;
    color: #808080;
    text-decoration: none solid rgb(128, 128, 128);
    line-height: 36px;
    padding-left: 5px;
    padding-right: 5px;
}

.breadcrumb-span {
    width: 219px;
    height: 36px;
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none solid rgb(102, 161, 185);
    line-height: 36px;
    letter-spacing: 1px;
    text-decoration: underline;
}

/*#endregion */

/*#region - First Region - 3 = DONE   */


html {
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 16px;
}

body, h3, h4, h5, h6, ul, ol, li, p {
    font-family: 'Noto Sans', Arial, sans-serif;
}

h1, h2, h3 {
    font-family: 'MMC Display', Arial, sans-serif;
    margin-top: 0;
}

h1 {
    font-family: 'MMC Display', Arial, sans-serif;
    font-weight: bold;
    font-size: 2rem;
    line-height: 2.1875rem;
}

h2 {
    font-family: 'MMC Display', Arial, sans-serif;
    font-weight: bold;
    font-size: 1.625rem;
    line-height: 1.8125rem;
}

h3 {
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1.625rem;
}

h4 {
    font-weight: bold;
    font-size: 1.15rem;
    line-height: 1.625rem;
}

h5 {
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.625rem;
}

h6 {
    font-weight: bold;
    font-size: 0.875rem;
    line-height: 1.625rem;
}

p {
    color: #001f52;
    font-size: 1rem;
    line-height: 1.5;
}
/*#endregion */

/*#region - First Region - 4 = DONE   */

.contentPane a:link {
    font-family: 'Noto Sans', Arial, sans-serif;
    line-height: 1.5;
    color: #2c6ef2;
    font-size: 16px;
    text-decoration: underline;
}

.contentPane a:hover {
    font-family: 'Noto Sans', Arial, sans-serif;
    color: #2c6ef2;
    text-decoration: none !important;
}

.contentPane a:focus {
    color: #2c6ef2;
    text-decoration: none !important;
}

#contentPane a:link {
    font-family: 'Noto Sans', Arial, sans-serif;
    line-height: 1.5;
    color: #2c6ef2;
    font-size: 16px;
    text-decoration: underline;
}

#contentPane a:hover {
    font-family: 'Noto Sans', Arial, sans-serif;
    color: #2c6ef2;
    text-decoration: none !important;
}

#contentPane a:focus {
    color: #2c6ef2;
    text-decoration: none !important;
}

.contentPane li {
    color: #001f52;
    font-size: 1rem;
    line-height: 1.5;
}

/*#endregion */


/*#region - First Region - 5 = DONE  */

button.disabledButton {
    border: none;
    padding: 8px 32px;
    background-color: rgb(108, 114, 120, 0.2);
    color: rgb(30, 32, 34, 0.5);
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    text-align: center;
    cursor: pointer;
    border-radius: 5px !important;
}

a.BlueButton:link {
    background-color: #002c77;
    border: 0 !important;
    color: #ffffff;
    margin: 0.25rem 1rem 1rem 0;
    display: inline-block;
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 32px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px !important;
}

a.BlueButton:visited {
    background-color: #002c77;
    border: 0 !important;
    color: #ffffff;
    margin: 0.25rem 1rem 1rem 0;
    display: inline-block;
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding: 6px 24px 4px 24px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px !important;
}

a.BlueButton:hover {
    background-color: #003faa;
    color: #ffffff;
    text-decoration: none;
}

.BlueButton:focus {
    background-color: #003faa;
    color: #ffffff;
    text-decoration: none;
}

a.GreenButton:link {
    background-color: #275d38;
    border: 0 !important;
    color: #ffffff;
    margin: 0.25rem 1rem 1rem 0;
    display: inline-block;
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding: 6px 24px 4px 24px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px !important;
}

a.GreenButton:visited {
    background-color: #275d38;
    border: 0 !important;
    color: #ffffff;
    margin: 0.25rem 1rem 1rem 0;
    display: inline-block;
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding: 6px 24px 4px 24px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px !important;
}

a.GreenButton:hover {
    background-color: #14853D;
    color: #ffffff;
    text-decoration: none;
}

.GreenButton:focus {
    background-color: #14853D;
    color: #ffffff;
    text-decoration: none;
}

/*#endregion */


/*#region - CSS Region - 6 = DONE  */

.divider {
    color: #d8d8d8;
    background-color: #d8d8d8;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
}

ul.secondary li.liDivider {
    list-style-type: none;
}

.gradientRule {
    background: rgb(0, 157, 224);
    background: linear-gradient(45deg, rgb(0, 157, 224, 1) 0%, rgb(0, 172, 65, 1) 100%);
    height: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
}

.card-title {
    color: #002c77; /*AH*/
    font-family: 'MMC Display', Arial, sans-serif; /*AH*/
    font-size: 26px;
    font-weight: bold;
    line-height: 29px;
    margin-bottom: 24px;
}

.card-link:link {
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 16px;
    text-decoration: none !important;
    color: #2c6ef2 !important;
}

.card-link:hover {
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 16px;
    text-decoration: none !important;
    color: #2c6ef2 !important;
}

.card-icon {
    color: #002c77; /*AH*/
    font-size: 24px !important;
    font-weight: 700 !important;
    margin-right: 8px; /*AH*/
    vertical-align: middle;
}

.box {
    height: 100%;
}

/*#endregion */


/*#region - CSS Region - 7 = DONE  */

.panel-default .panel-heading:before {
    font-family: 'Glyphicons Halflings';
    float: left;
    color: #4E6287;
    margin-right: 0.75rem;
}

.panel-default .panel-heading[aria-expanded="true"]:before {
    content: "\2212";
}

.panel-default .panel-heading:before {
    content: "\2b";
}

.panel-default > .panel-heading {
    border-left: none;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #FFF;
    border-top: 1px solid #003865;
}

    .panel-default > .panel-heading:hover, .panel-default > .panel-heading:focus {
        background-color: #FFF;
    }

.panel-group .panel + .panel {
    margin-top: 4px;
}

.panel-group .panel {
    border-radius: 0;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel {
    border: none;
}

.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-width: 0 0 0 0;
    border-style: solid;
    border-color: #ddd;
}

.panel-title a {
    text-decoration: none;
    color: #005A8E;
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

    .panel-title a:hover {
        color: #009DE0;
    }

.panel-heading {
    cursor: pointer;
}

.panel-body li {
    font-family: 'Noto Sans', Arial, sans-serif;
    color: #001f52;
    font-size: 16px;
}

.float-r a {
    color: #005A8E;
    text-decoration: underline !important;
}

    .float-r a:hover {
        color: #009DE0 !important;
        text-decoration: underline !important;
    }

/*#endregion */

/*#region - CSS Region - 8 =   */


/*#endregion */


/*#region - CSS Region - 9 = DONE   */


.noMargin {
    margin: 0;
}


.float-r a {
    color: #005A8E;
    text-decoration: underline !important;
}

    .float-r a:hover {
        color: #009DE0 !important;
        text-decoration: underline !important;
    }

.box {
    border-top: 5px solid #3BB8F0;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 1.25rem;
    height: 100%;
}


.bannerImage {
    float: right;
}

.topLeft {
    margin: 1rem 0;
}

    .topLeft h4 {
        font-size: 1.2rem;
    }

@media only screen and (min-width: 992px) {
    .topLeft h4 {
        font-size: 1.3rem;
    }
}

.mainContent {
    padding-top: 1rem;
}

.group:hover, .group:focus {
    cursor: pointer;
    box-shadow: 0 0 9px 1px rgb(0, 0, 0, 0.75);
}

    .group:hover .topLabel, .group:focus .topLabel {
        background-color: #00a8c8;
        cursor: pointer;
    }

.group a {
    text-decoration: none;
}

.heroImage {
    display: none !important;
}

@media (min-width: 992px) {
    .heroImage {
        display: block !important;
    }
}

/*#endregion */

/*#region - CSS Region - 10 =  DONE */

.panel-default .panel-heading:before {
    font-family: 'Glyphicons Halflings';
    float: left;
    color: #4E6287;
    margin-right: 0.75rem;
}

.panel-default .panel-heading[aria-expanded="true"]:before {
    content: "\2212";
}

.panel-default .panel-heading:before {
    content: "\2b";
}

.panel-default > .panel-heading {
    border-left: none;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #FFF;
    border-top: 1px solid #003865;
}

    .panel-default > .panel-heading:hover, .panel-default > .panel-heading:focus {
        background-color: #FFF;
    }

.panel-group .panel + .panel {
    margin-top: 4px;
}

.panel-group .panel {
    border-radius: 0;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel {
    border: none;
}

.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-width: 0 0 0 0;
    border-style: solid;
    border-color: #ddd;
}

.panel-title a {
    text-decoration: none;
    color: #005A8E;
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

    .panel-title a:hover {
        color: #009DE0;
    }

.panel-heading {
    cursor: pointer;
}

.panel-body li {
    font-family: 'Noto Sans', Arial, sans-serif;
    color: #001F37;
    font-size: 16px;
}



/*#endregion */

/*#region - CSS Region - 11 = DONE  */

@media (max-width: 800px) {
    a.BlueButton:link {
        background-color: #002c77;
        border: 0 !important;
        display: inline-block;
        font-family: 'Noto Sans', Arial, sans-serif;
        font-size: 14px !important;
        font-weight: bold;
        padding: 3px 5px 3px 5px !important;
        border-radius: 5px !important;
    }

    a.BlueButton:visited {
        background-color: #002c77;
        border: 0 !important;
        color: #ffffff;
        margin: 5px;
        display: inline-block;
        font-family: 'Noto Sans', Arial, sans-serif;
        font-size: 16px;
        font-weight: bold;
        padding: 5px 10px 5px 10px;
        text-align: center;
        text-decoration: none;
        border-radius: 5px !important;
    }

    .divider {
        color: #d8d8d8;
        background-color: #d8d8d8;
        height: 1px;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 15px;
        margin-right: 15px;
    }

    .container .contentPane {
        width: 100%;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .mainContainer {
        padding-top: 10px;
    }

    input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select, textarea {
        border-radius: 4px;
        background-clip: padding-box;
        box-shadow: 0 1px 1px #eeeeee inset;
        background-color: #FFF;
        border: #cccccc solid 1px;
        color: #666666;
        display: inline-block;
        height: auto;
        padding: 2px;
        font-size: 16px;
        vertical-align: middle;
        width: 100%;
    }

    #LocationUL {
        margin-left: 0;
    }

    .headerSearchPanel {
        width: 100%;
        float: right;
    }

    .containerTopBar {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        max-width: 1100px;
        max-height: 90px;
        padding-left: 0;
        padding-right: 0;
        font-family: 'Noto Sans', Arial, sans-serif;
        background: #FFF;
        color: #002c77;
        padding-top: 10px;
    }


    .iMercer-mul-masthead {
        max-width: 1110px;
        padding-left: 0;
        padding-right: 0;
        display: table;
        margin: 0 auto;
        width: 100%;
    }

    .iMercerlogo {
        max-width: 100%;
        margin-top: 15px;
        margin-bottom: 10px;
    }


    .top-dropdown-group {
        float: right;
    }

    .top-dropdown-item {
        float: left;
    }

    .header-dropdown-label {
        font-size: 13px;
        font-weight: normal;
        color: #3E4E6B;
    }

    .btn-default {
        border-color: transparent;
        background-color: transparent;
    }

        .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
            color: inherit;
            background-color: transparent;
            border-color: transparent;
        }

            .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active:focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
                color: #333;
                background-color: transparent;
                border-color: transparent;
            }

    .iMercerHeaderFlyout_AdjustPadding_Mob {
        padding-left: 0;
        padding-right: 0;
    }

    #spnCartItemCount {
        color: #ffffff;
    }
}

@media (max-width: 795px) {
    .iMercerlogo-xs {
        min-width: 160px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .welcome {
        font-size: 17px;
        color: #001f52;
        margin-top: 15px;
    }

    .btn {
        padding: 0 !important;
    }

    #iMercer_Headercontainerdiv {
        padding-left: 0;
    }

    #iMercerHeader_rowdiv {
        margin-left: 0;
    }

    .iMercerHeaderFlyout_AdjustPadding_Mob {
        padding-top: 0;
    }
}

@media (min-width: 768px) {
    .welcomeNote_AdjustWidth {
        padding: 0;
    }
}

@media (max-width: 390px) {
    .welcomeNote_AdjustWidth {
        width: 0%;
    }

    .iMercerlogo-xs {
        min-width: 100%;
    }

    .iMercerLogo_AdjustPadding_Mob {
        padding-left: 0;
        padding-right: 0;
    }

    .iMercerHeaderFlyout_AdjustPadding_Mob {
        padding-left: 0;
        padding-right: 0;
    }

    .iMercerFlyoutButton_AdjustPadding_Mob {
        padding: 0;
    }

    .iMercerDNN_Top_Header_AdjustPadding {
        padding-left: 5px;
        padding-right: 5px;
    }

    .iMercerLogo_Adjust_Margin {
        margin-top: 6px;
    }
}

@media (min-width: 360px) and (max-width: 767px) {
    .iMercerHeaderFlyout_AdjustPadding_Mob {
        padding-left: 0;
        padding-right: 0;
        padding-top: 8px;
        margin-bottom: 10px;
    }

    .iMercerLogo_AdjustPadding_Mob {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 991px) {
    .border {
        border-left: 0;
    }

    .welcome {
        font-size: 15px;
    }
}

@media (min-width: 340px) and (max-width: 585px) {
    .welcomeNote_AdjustWidth {
        width: 0%;
    }
}

@media (min-width: 350px) {
    .btn {
        padding: 6px 10px;
    }
}

@media (min-width: 350px) and (max-width: 590px) {
    .iMercerFlyoutButton_AdjustPadding_Mob {
        padding: 0;
    }
}

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

@media (min-width: 768px) {
    .iMercerCart_Adjust_Alignment {
        margin-top: 18px;
        height: 28px;
    }
}

@media (max-width: 420px) {
    .iMercerLogo_Adjust_Margin {
        margin-top: 22px;
    }

    #iMercer_Headercontainerdiv {
        padding-left: 0;
        padding-right: 0;
    }

    #iMercerHeader_rowdiv {
        margin-left: 0;
    }
}

/*#endregion */

/*#region - CSS Region - 12 = DONE  */

.dropdown-toggle::after {
    display: none;
}

.popover {
    border-radius: 0;
}

.popover-body {
    padding: 1rem;
}

.otherHeaderContent tr > td > a > ul > li {
    color: #005A8E;
    font-family: 'Noto Sans', Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 23px;
    text-decoration: none;
}

    .otherHeaderContent tr > td > a > ul > li:hover {
        background-color: #767676 !important;
        color: #ffffff;
        font-family: 'Noto Sans', Arial, sans-serif;
        font-weight: normal;
        font-size: 16px;
        line-height: 23px;
        text-decoration: none !important;
    }

    .otherHeaderContent tr > td > a > ul > li:focus {
        background-color: #767676 !important;
        color: #ffffff;
        text-decoration: none !important;
    }

.otherHeaderContent tr > td > a > ul {
    margin-bottom: 0;
}

.headerLabels {
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 12px;
    color: #002c77;
    text-decoration: none solid rgb(62, 78, 107);
}

a.headerdropdownsLabels {
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 13px;
    color: #0065AC;
    text-decoration: none solid rgb(62, 78, 107);
}

.popover-header {
    background-color: white;
}

a.hyperlnkRegisterNow {
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 16px;
    color: #0065AC;
    font-weight: bold;
    padding: 10px 0px 10px 0px;
}

    a.hyperlnkRegisterNow:focus {
        text-decoration: none !important;
    }

    a.hyperlnkRegisterNow:hover {
        text-decoration: none !important;
    }



.divLogoutMaint div {
    display: inline-block;
}

.divQuickLinks hr {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.divEditItem a {
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 14px;
    color: #2c6ef2;
    text-decoration: underline;
    line-height: 14px;
}

    .divEditItem a:hover {
        color: #2c6ef2;
        text-decoration: none !important;
    }

    .divEditItem a:focus {
        color: #2c6ef2;
        text-decoration: none !important;
    }

.divVariantPrice {
    text-align: right;
}

a.cartIcon_checkoutButton {
    background-color: #002c77;
    border: 0;
    color: #ffffff;
    display: inline-block;
    font-family: 'Noto Sans', Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    padding: 6px 24px 4px 24px;
    text-decoration: none;
    border-radius: 5px !important;
    margin: 0 20px 0 20px;
}

    a.cartIcon_checkoutButton:hover {
        background-color: #003faa;
        font-family: 'Noto Sans', Arial, sans-serif;
        font-weight: bold;
        font-size: 16px;
    }

a.NotificationsIcon_checkoutButton {
    background-color: #002c77;
    border: 0;
    color: #ffffff;
    display: inline-block;
    font-family: 'Noto Sans', Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    padding: 6px 24px 4px 24px;
    text-decoration: none;
    border-radius: 5px !important;
    margin: 0 20px 0 20px;
}

    a.NotificationsIcon_checkoutButton:hover {
        background-color: #003faa;
        font-family: 'Noto Sans', Arial, sans-serif;
        font-weight: bold;
        font-size: 16px;
    }

.divVariantName {
    padding: 10px 0 0 0;
}

.lblCart {
    margin-bottom: 0;
    display: inline-block;
}

span.iconTriangle {
    font-size: 8px;
}

.btnCkout {
    text-align: center;
    padding-bottom: 10px;
}

#myaccounts_content .iMMH-SignIn {
    padding-left: 15px;
}

    #myaccounts_content .iMMH-SignIn .iMMH-SignIn-HyperLnk {
        font-size: 18px;
        color: white;
    }

#myaccounts_content #divQuickLinks .iMMH-myLink {
    font-size: 14px;
}

#iMercerHeader_rowdiv .iMercerLogo_AdjustPadding_Mob {
    padding-left: 19px;
}

#iMercer_Headercontainerdiv #iMercerHeader_rowdiv .iMH-Header-divSearch .iM-Search-Section {
    float: right;
}


    #iMercer_Headercontainerdiv #iMercerHeader_rowdiv .iMH-Header-divSearch .iM-Search-Section .iM-Search-Section-div .iM-Search-Section-span {
        display: block;
        text-align: justify;
    }

        #iMercer_Headercontainerdiv #iMercerHeader_rowdiv .iMH-Header-divSearch .iM-Search-Section .iM-Search-Section-div .iM-Search-Section-span .iM-Search-Section-span-icon {
            font-size: 20px;
        }
/*#endregion */


/*#region - CSS Region - 13 = DONE   */


#myaccounts_content {
    width: 400px;
}

#pListTitle.iMMC-ListTitle {
    padding-left: 30px;
    margin: 0;
    line-height: 0;
    display: none;
}

#tdcart_ProductName a:hover {
    text-decoration: underline;
}

#tdEditItem a, #tdEditItem a:hover {
    width: 79px;
    background-color: transparent;
    line-height: 16px;
    font-size: 16px;
    color: #2c6ef2;
    float: left;
    text-decoration: underline;
    font-family: 'Noto Sans', Arial, sans-serif;
    font-weight: 400;
}

    #tdEditItem a:hover {
        text-decoration: underline;
    }


.cart_LinebetweenItem {
    z-index: 48;
    width: 209px;
    height: 1px;
    background-color: #BFBFBF;
    margin-top: 9px;
    position: relative;
    display: inline;
    float: left;
    clear: both;
}

.alblSurveyName {
    font-family: 'Noto Sans', Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #001f52;
    text-decoration: none solid rgb(0, 31, 55);
    line-height: 14px;
}


.marginleftzero {
    margin-left: 0;
}

.paddingzero {
    padding: 0;
}

.widthhundred {
    width: 100%;
}

.footerParentDiv {
    width: 100%;
    padding: 0;
    margin-left: 0;
}

#socialSharingList {
    padding-left: 0;
    margin-left: 0;
}

    #socialSharingList li {
        display: inline;
        padding-left: 5px;
        padding-right: 5px;
    }

    #socialSharingList img {
        border: none;
    }

#footerLinksList li {
    display: inline;
    font-family: 'Noto Sans', Arial, sans-serif;
    line-height: 1.4;
    color: #FFFFFF;
}

    #footerLinksList li + li:before {
        content: " | ";
        padding: 0 1px;
    }

#Footer {
    width: 100%;
    background-color: #4f4f4f;
}

.footerLinks {
    font-size: 0.9rem;
    color: #ffffff !important;
    margin-left: 0;
}

hr.Footer {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #7f7f7f;
    height: 0;
}

#FooterText {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
}

a.Footer {
    font-family: 'Noto Sans', Arial, sans-serif;
    font-weight: normal;
    line-height: 1.4;
    color: #FFFFFF;
    font-size: 15px;
    text-decoration: underline;
}

    a.Footer:hover {
        text-decoration: none;
    }

    a.Footer:visited {
        text-decoration: none;
    }

#footerLogoImg_Mob {
    min-width: 150px;
    float: right;
    display: none;
}

#footerCopyrightSpanMobile {
    display: none;
}

@media (max-width: 768px) and (min-width: 420px) {
    #footerCopyrightSpan {
        font-size: 12px;
    }
}

@media (max-width: 420px) {
    #footerLogoImg_Mob {
        min-width: 150px;
        float: right;
        display: block;
    }

    #footerCopyrightSpanMobile {
        display: block;
    }
}

#SocialSharingDivInner {
    text-align: right;
}
/*#endregion */


/*#region - CSS Region - 14 = DONE   */

.visible-xxs, .visible-sm1, .visible-md1, .visible-lg1 {
    display: none !important;
}

@media (max-width: 406px) {
    .visible-xxs {
        display: block !important;
    }
}

@media (max-width: 1024px) {
    .visible-sm1 {
        display: block !important;
    }
}

@media (min-width: 1025px) and (max-width: 1099px) {
    .visible-md1 {
        display: block !important;
    }
}

@media (min-width: 1100px) {
    .visible-lg1 {
        display: block;
    }
}

.iMercer-mul-Content-adjust {
/*    padding-left: 0;
    padding-right: 0;
    width: 100%;*/
    /*max-width: 1110px;*/
}

@media only screen and (min-width: 768px) {
    .iMercer-mul-Content-adjust {
        /*max-width: 1110px;*/
/*        padding-left: 20px;
        padding-right: 20px;
        display: table;
        margin: 0 auto;
        width: 100%;*/
    }
}

@media only screen and (min-width: 310px) and (max-width: 768px) {
    .iMercer-mul-Content-adjust {
        /*   max-width: 1110px;*/
        width: 100%;
/*        padding-right: 0;
        padding-left: 0;*/
    }
}

@media only screen and (device-width) and (device-width) {
    #parentrightpane {
       /* padding: 0;*/
    }
}

@media only screen and (device-width) and (device-width) {
    #dnn_rightPane {
        /*padding: 0;*/
    }
}

@media only screen and (device-width) and (device-width) {
    #dnn_rightPane {
        /*padding: 0;*/
    }
}

@media only screen and (device-width) and (device-width) {
    #parentrightpane {
        /*padding: 0;*/
    }
}

@media only screen and (device-width) and (device-width) {
    #parentrightpane {
        /*padding: 0;*/
    }
}

@media only screen and (device-width) and (device-width) {
    #dnn_rightPane {
       /* padding: 0;*/
    }
}

#iMercerSurveySkinHeaderContainer h4 {
    color: #002c77;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
}

#navBar {
    width: 100%;
    border-bottom: 1px solid #AEAEAE;
    background: #002c77;
    background: linear-gradient(to bottom, #002c77 0%, #002c77 100%);
    height: 41px;
    margin-top: 10px;
}

#smallNav {
    background: none;
    border: none;
    padding: 0;
}

@media screen, null {
    .cookie-bar {
        position: sticky;
        bottom: -150px !important;
    }

    .truste-banner {
        max-width: 80% !important;
    }
}

.cookie-bar {
    width: 100%;
    background: #002c77;
    color: #fff;
    position: fixed;
    bottom: -80px;
    left: 0;
    z-index: 4000;
}

    .cookie-bar p {
        padding: 8px 0 7px 0;
        font-family: 'Noto Sans', Arial, sans-serif;
        font-size: 13px;
        font-weight: normal;
        color: #fff;
    }

        .cookie-bar p a {
            color: #fff;
            text-decoration: underline;
        }

            .cookie-bar p a:hover {
                text-decoration: none;
            }

            .cookie-bar p a:focus {
                text-decoration: none;
            }

    .cookie-bar .btn {
        min-width: inherit;
        margin-left: auto;
        padding: 8px 30px 7px 30px;
        font-size: 14px;
        line-height: 14px;
        font-family: 'Noto Sans', Arial, sans-serif;
        color: #fff;
        text-transform: none;
        text-align: center;
        background: #002c77;
        display: inline-block;
        cursor: pointer;
        border-radius: 5px !important;
    }

        .cookie-bar .btn:hover {
            background: #003faa;
            color: #fff;
        }

        .cookie-bar .btn:focus {
            background: #003faa;
            color: #fff;
        }

.iMercer-mul-Content-adjust .iMLBC-mul-Content {
    margin-left: 0;
    margin-right: 0;
    padding-right: 10px;
    padding-left: 10px;
    background-color: white;
}

    .iMercer-mul-Content-adjust .iMLBC-mul-Content .iMLBC-mul-Content-left {
        padding: 0;
    }

    .iMercer-mul-Content-adjust .iMLBC-mul-Content .iMLBC-mul-Content-left-col {
        padding: 0;
    }

.visible-xxs, .visible-sm1, .visible-md1, .visible-lg1 {
    display: none !important;
}

@media (max-width: 406px) {
    .hidden-xxs {
        display: none !important;
    }
}

@media (max-width: 406px) {
    .visible-xxs {
        display: block !important;
    }
}

@media (max-width: 1024px) {
    .visible-sm1 {
        display: block !important;
    }
}

@media (min-width: 1025px) and (max-width: 1099px) {
    .visible-md1 {
        display: block !important;
    }
}

@media (min-width: 1100px) {
    .visible-lg1 {
        display: block;
    }
}

.iMercer-mul-Content-adjust {
/*    padding-left: 0;
    padding-right: 0;
    width: 100%;*/
    /*max-width: 1110px;*/
}

@media only screen and (min-width: 768px) {
    .iMercer-mul-Content-adjust {
        /*max-width: 1110px;*/
     /*   padding-left: 20px;
        padding-right: 20px;
        display: table;
        margin: 0 auto;
        width: 100%;*/
    }
}

@media only screen and (min-width: 310px) and (max-width: 768px) {
    .iMercer-mul-Content-adjust {
        /* max-width: 1110px;*/
      /*  width: 100%;
        padding-right: 0;
        padding-left: 0;*/
    }
}

@media only screen and (device-width) and (device-width) {
    #parentrightpane {
       /* padding: 0;*/
    }
}

@media only screen and (device-width) and (device-width) {
    #parentrightpane {
        /*padding: 0;*/
    }
}

@media only screen and (device-width) and (device-width) {
    #parentrightpane {
       /* padding: 0;*/
    }
}

/*#endregion */


/*#region - CSS Region - 15 =  DONE */


#iMercerSurveySkinHeaderContainer h4 {
    color: #002c77;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
}

#navBar {
    width: 100%;
    border-bottom: 1px solid #AEAEAE;
    background: #003865;
    background: linear-gradient(to bottom, #003865 0%, #003865 100%);
    height: 41px;
    margin-top: 10px;
}

#smallNav {
    background: none;
    border: none;
    padding: 0;
}

.cookie-content {
    padding: 0 15px 5px 15px;
}

.cookie-bar p {
    padding: 8px 0 7px 0;
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}

    .cookie-bar p a, .cookie-bar p a:hover {
        color: #00a8c8;
    }

.cookie-bar .btn {
    min-width: inherit;
    margin-left: auto;
    padding: 8px 30px 7px 30px;
    font-size: 14px;
    line-height: 14px;
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background: #006d9e;
    display: inline-block;
    transition: background-color 300ms ease-out;
    cursor: pointer;
}

    .cookie-bar .btn:hover {
        background: #006d9e;
        color: #fff;
    }

#iMercerSurveySkinHeaderContainer.iMLH-header {
    padding-bottom: 0;
}

#navBar .iMLH-mul-masthead {
    height: 100%;
    padding-left: 7px;
}

#navMenuSimple.iMLH-navigation {
    height: 100%;
}

.iMercer-mul-Content-adjust .iMLH-paneOutline-div {
/*    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;*/
    background-color: white;
}

    .iMercer-mul-Content-adjust .iMLH-paneOutline-div .iMLH-paneOutline-innerdiv {
        padding: 0;
    }

#cookies-consent.iMLH-cookies-consent {
    height: 30%;
}

@media screen and (max-width: 420px) {
    #cookies-consent.iMLH-cookies-consent {
        padding-left: 0;
    }
}

@media only screen and (device-width) and (device-width) {
    #cookies-consent.iMLH-cookies-consent {
        padding-left: 0;
        height: 30%;
    }
}

@media only screen and (device-width) and (device-width) {
    .cookie-bar {
        position: sticky;
        bottom: -40px;
    }
}

@media only screen and (device-width) and (device-width) {
    .cookie-content {
        padding: 0 15px 10px 15px;
    }
}

.iMLH-consent_blackbar {
    width: 100%;
}

#truste-consent-button {
    width: 100%;
    margin: 5px;
}

.trustarc-banner-content {
    background-color: #002c77 !important;
}

#teconsent {
    display: inline;
}

    #teconsent a {
        font-family: 'Noto Sans', Arial, sans-serif;
        font-weight: normal;
        line-height: 1.5;
        color: #FFFFFF;
        text-decoration: underline;
       /* margin-left: 0.75rem;*/
    }

        #teconsent a:hover {
            text-decoration: none;
        }

.GotToTopButton {
    font-family: 'Noto Sans', Arial, sans-serif;
    position: fixed;
    bottom: 10%;
    right: 1%;
    background: none;
    width: auto;
    white-space: nowrap;
    padding: 8px 16px;
    margin: 0;
    font-size: 15px;
    border-radius: 5px;
    z-index: 999;
    color: #002c77 !important;
    background-color: white;
    border: none;
    text-decoration: underline;
}

    .GotToTopButton:hover {
        color: #2c6ef2;
        text-decoration: none;
    }

#iMercerHeader_rowdiv .iMercerlogo {
    max-width: 80%;
}

@media only screen and (max-width: 768px) {
    #iMercerHeader_rowdiv .iMercerlogo {
        max-width: 80%;
        margin-left: 0;
    }
}

/*#endregion */


/*#region - CSS Region - 16 = DONE  */

@font-face {
    font-family: "Nucleo";
    src: url("https://www.imercer.com/uploads/fonts/nucleo/fonts/nucleo.woff");
}

h1, h2, h3 {
    font-family: 'MMC Display', Arial, sans-serif !important;
}

h1, h2 {
    font-weight: bold;
}

h3 {
    font-weight: normal;
}

h4, h5, h6 {
    font-weight: bold;
}

.bg-menu-nav {
    background-color: #002c77 !important;
}

.iMH_navbar {
    padding: 0 2.3rem;
}

.dropdown-menu {
    min-width: 250px;
    border-radius: 0 !important;
    margin: 0 !important;
    box-shadow: 0 0 12px rgb(30, 32, 34, 0.2), 0 0 4px rgb(30, 32, 34, 0.3);
    border: 0 !important;
}

.navbar {
    padding: 0.5rem 1rem 0 1rem;
}

.navbar-brand {
    margin: 1rem 0 0 0 !important;
    padding-top: 0 !important;
}

.navbar-dark .navbar-toggler {
    color: rgb(255, 255, 255, 1) !important;
    border-color: rgb(255, 255, 255, 1) !important;
    padding: 0.8rem !important;
    margin-bottom: 0.5rem !important;
    border-radius: 0 !important;
}

.divider {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.nav-link {
    font-size: 1rem !important;
    color: white !important;
    padding-left: 1rem !important;
}

.secondary li {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    list-style-type: disc;
}

ul .secondary {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.dropdown-item {
    color: #0065ac !important;
    font-size: 1rem;
    padding: 0.5rem !important;
    white-space: normal !important;
    cursor: pointer;
}

.topItem {
    font-weight: 600 !important;
    color: #002c77 !important;
    padding: 0.5rem 1rem !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: #767676 !important;
    color: #ffffff !important;
}

.dropdown-item a:focus, .dropdown-item a:hover {
    background-color: #767676 !important;
    color: #ffffff !important;
}

.dropdown-item button:focus, .dropdown-item button:hover {
    background-color: #767676 !important;
    color: #ffffff !important;
}

li .dropdown-item {
    list-style-type: disc !important;
}

.dropdown {
    padding-top: 6px !important;
}

@media all and (min-width: 992px) {
    .navbar {
        padding-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

        .navbar .has-megamenu {
            position: static !important;
        }

        .navbar .megamenu {
            left: auto;
            right: auto;
            width: 80%;
            padding: 1rem 0;
        }

        .navbar .nav-link {
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
        }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
}

.navbar {
    padding: 0 2.3rem;
}

#welcome {
    color: #ffffff !important;
    font-size: 1rem !important;
    margin-top: 1rem;
}

.nav-item i {
    vertical-align: bottom;
}

#topRow {
    padding: 0 1.5rem;
}

#homepage .card {
    border: #adadad solid 1px;
    box-shadow: 0 2px 6px rgb(0, 0, 0, 0.2);
    border-radius: 0 !important;
}

#homepage .card-img-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

#homepage .card-title {
    font-family: 'Noto Sans', Arial, sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.5;
    margin-bottom: 1rem !important;
    font-weight: bold;
}

    #homepage .card-title a {
        color: #002c77 !important;
        text-decoration: underline !important;
    }

        #homepage .card-title a:hover, #homepage .card-title a:focus {
            color: #002c77 !important;
            text-decoration: none !important;
        }

h2.card-title a {
    color: #002c77; /*AH*/
    font-family: 'MMC Display', Arial, sans-serif; /*AH*/
    font-size: 26px !important;
    font-weight: bold !important;
    line-height: 29px !important;
    margin-bottom: 24px !important;
}

#homepage .card-link {
    font-family: 'Noto Sans', Arial, sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.5;
    margin-bottom: 0 !important;
}

    #homepage .card-link a {
        color: #005a8e !important;
        text-decoration: underline !important;
    }

        #homepage .card-link a:hover, #homepage .card-link a:focus {
            color: #007bb7 !important;
            text-decoration: none !important;
        }

/*#endregion */


/*#region - CSS Region - 17 = DONE   */

#iMercerFooterContainer {
    background-color: #001f52;
    padding: 1.5rem;
}

.footerLinks a {
    color: #ffffff !important;
    text-decoration: underline !important;
    line-height: 1.5rem;
    /*margin-right: 0.75em;*/
}

    .footerLinks a + a {
        margin-left: 0.75rem;
        margin-right: 0.75rem;
    }

    .footerLinks a:hover, .footerLinks a:focus {
        text-decoration: none !important;
    }

.footerHR {
    border-top: 1px solid #0065ac;
}

#socialIcons {
    /*text-align: right;*/
}

    #socialIcons a:hover {
        text-decoration: none;
    }

@media (min-width: 992px) {
    .iMH_navbar {
        padding-top: 0;
        padding-bottom: 10px;
    }
}

.navbar-brand {
    color: #fff !important;
    margin: 1rem 0 0 0 !important;
    padding-top: 0 !important;
}

.iMH_Welcome {
    color: #ffffff !important;
    font-size: 1rem !important;
    margin-top: 1rem;
    font-family: 'Noto Sans', Arial, sans-serif !important;
}

.nav-link {
    font-size: 1rem !important;
    color: white !important;
}

#iMercerParentContainer {
    margin: 0;
}

#iMLH-HeaderDiv {
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: #002c77;
    background: linear-gradient(to bottom, #002c77 20%, #0077a0) fixed;
}

body, h4, h5, h6, p, ol, ul, li {
    font-family: 'Noto Sans', Arial, sans-serif !important;
}

.popover-header .divider {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

#changeLocationTitle {
    font-family: 'Noto Sans', Arial, sans-serif !important;
}

.popover-header {
    border-bottom: none;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.popover-body {
    padding: 0;
}

ul.secondary {
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0;
}

li.dropdown-item {
    list-style-type: disc !important;
}

.secondary li {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.dropdown-item {
    color: #0065ac !important;
    font-size: 1rem;
    padding: 0.5rem !important;
    white-space: normal !important;
    cursor: pointer;
}

.popContent {
    padding-bottom: 0.5rem;
}

.aChildLanguageLink {
    color: #0065ac !important;
    font-size: .9rem;
    white-space: normal !important;
    cursor: pointer;
    font-style: italic;
}

    .aChildLanguageLink a:focus, .aChildLanguageLink a:hover {
        background-color: #767676 !important;
        color: #ffffff !important;
    }

.dropdown {
    padding-top: 6px !important;
}

li.dropdown-item {
    list-style-type: disc !important;
}

/*.HomeBackground {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: #002c77;
    background: linear-gradient(to bottom, #002c77 20%, #0077a0) fixed;
}*/

.HeaderSearchTxt {
    margin-left: 5px;
}

#RegionalContactLinksList li {
    color: #a3bad4 !important;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

    #RegionalContactLinksList li a {
        text-decoration: underline !important;
        color: #ffffff !important;
        font-family: 'Noto Sans', Arial, sans-serif !important;
    }

        #RegionalContactLinksList li a:hover {
            text-decoration: none !important;
        }

.divLogoutMaint .dropdown-item {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#RegionalContactLinksList li span {
    color: #a3bad4 !important;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.5em;
    vertical-align: 0.25em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.SelectedRegion {
    color: rgb(86, 86, 86) !important;
    font-weight: 700 !important;
    line-height: 2.5rem !important;
}

.checkIcon {
    color: rgb(86, 86, 86) !important;
    padding: 0 2px 13px;
    font-size: 12px;
}

.dropdown-item:focus, .dropdown-item:hover a {
    background-color: #767676 !important;
    color: #ffffff !important;
}

#Head_txtSearch.searchBoxDisappear {
    width: auto !important;
    background-color: #001F52;
    border-color: #76D3FF;
    color: #FFFFFF;
    border-radius: 0;
    border-width: 1px;
    box-shadow: none !important;
    padding-left: 8px;
}

#Head_txtSearch:focus {
    border-width: 2px;
    outline: none !important;
}

#Header1_lnkBtnSearch:hover, #Header1_lnkBtnSearch:focus, #Header1_lnkBtnSearch:active {
    background-color: #c7edff;
    color: #002c77 !important;
}

#Header1_lnkBtnSearch.selectedButton {
    background-color: #c7edff;
    color: #002c77 !important;
}

#Header1_lnkBtnSearch {
    color: #ffffff;
    display: inline-block;
    font-family: 'Noto Sans', Arial, sans-serif;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    border-radius: 0;
    background: none;
    border: none;
    box-shadow: none;
}

.dropdown-item:focus, .dropdown-item:hover a {
    background-color: #767676 !important;
    color: #ffffff !important;
}

/*#endregion */

/*#region - CSS Region - 18 = DONE  */

.blueicon {
    color: #c7edff !important;
}

.selectedblueicon {
    color: #002c77;
}

#Header1_lnkBtnSearch:focus {
    border-color: #76D3FF;
    border-width: 2px;
}

#Head_txtSearch.searchBoxDisappear::placeholder {
    color: #ffffff;
}

.emptyCartLabel {
    padding: 10px 5px 5px 0 !important;
    font-size: 14px;
}

.lnkVariantName {
    font-size: 13px;
    color: #002c77 !important;
    font-family: 'Noto Sans', Arial, sans-serif;
}

#divEditItem a {
    text-decoration: underline !important;
    font-size: 13px;
}

    #divEditItem a:hover, #divEditItem a:focus {
        text-decoration: none !important;
        color: #007bff;
    }

#divEditItem {
    padding: 10px 0 0 0 !important;
}

#spnCartItemCount:hover {
    background: none !important;
    color: #ffffff !important;
}

.CartItemCount {
    color: #FFFFFF;
    font-size: 16px;
    font-family: 'Noto Sans', Arial, sans-serif;
    font-weight: 400;
    position: absolute;
    /*top: 7px;*/
    width: auto;
    height: 20px;
    vertical-align: top;
    margin-left: -12px;
}


#spnNotificationsItemCount:hover {
    background: none !important;
    color: #ffffff !important;
}

.NotificationsItemCount {
    color: #FFFFFF;
    font-size: 16px;
    font-family: 'Noto Sans', Arial, sans-serif;
    font-weight: 400;
    position: absolute;
    top: 7px;
    width: auto;
    height: 20px;
}

@media only screen and (min-width: 320px) {
    .NotificationsItemCount {
        right: 211px;
    }
}

@media only screen and (min-width: 375px) {
    .NotificationsItemCount {
        right: 266px;
    }
}

@media only screen and (min-width: 425px) {
    .NotificationsItemCount {
        right: 317px;
    }
}

@media only screen and (min-width: 768px) {
    .NotificationsItemCount {
        right: 659px;
    }
}

@media only screen and (min-width: 992px) {
    .NotificationsItemCount {
        right: 25px;
    }
}

@media only screen and (max-width: 576px) {
    .smFlexColumnReverse {
        flex-direction: column-reverse !important;
    }

    .smFloatLeft {
        float: left !important;
    }
}

#truste-consent-track {
    background-color: #002c77 !important;
}

#truste-consent-text {
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 14px;
}

#truste-show-consent {
    width: 100%;
}

.newcustomer {
    font-size: 16px;
    color: #001F52;
    padding: 17px;
}

#divAnnouncement {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 100;
    display: none;
}

.popup {
    width: 100%;
    margin: 0 auto;
    display: none;
    position: fixed;
    z-index: 999;
    top: 0px;
    left: 0px;
    height: 100%;
}

.announcementpopup p {
    margin-bottom: 0px !important;
    padding-left: 24px;
}

.announcementpopup {
    min-width: 600px;
    width: 600px;
    min-height: 150px;
    margin: 100px auto;
    background: #ffffff;
    position: relative;
    z-index: 103;
    fill: #ffffff;
    box-shadow: 3px 3px 30px rgba(0,0,0,0.5);
    stroke-width: 1;
    stroke: #b9bfc7;
    padding: 20px;
}

    .announcementpopup .x {
        float: right;
        height: 35px;
        left: 22px;
        position: relative;
        top: -25px;
        width: 34px;
    }

        .announcementpopup .x:hover {
            cursor: pointer;
        }

.AnnTitle {
    font-family: Noto Sans;
    font-size: 20px;
    color: #0065ac;
    border-bottom: 1px solid #b9bfc7;
}

.AnnDesc {
    margin-bottom: 20px;
    border-bottom: 1px solid grey;
    font-family: Noto Sans;
    font-size: 17px;
    color: #001f52;
    padding-bottom: 20px;
}

.MaintBlueButton {
    background-color: #0B41AD;
    border: 0 !important;
    color: #ffffff !important;
    display: inline-block;
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 16px;
    padding: 12px 24px !important;
    text-align: center;
    text-decoration: none !important;
    border-radius: 5px !important;
}

    .MaintBlueButton:hover {
        background-color: #2C6EF2;
        border: 0 !important;
        color: #ffffff !important;
        display: inline-block;
        font-family: 'Noto Sans', Arial, sans-serif;
        font-size: 16px;
        padding: 12px 24px !important;
        text-align: center;
        text-decoration: none !important;
        border-radius: 5px !important;
    }

    .MaintBlueButton:focus {
        box-shadow: 0 0 0 3px #ffffff, 0 0 4px 7px #3a97f9;
    }

.announce_asterisk {
    color: #C53532;
    float: left;
    padding-top: 3px;
    width: 24px;
}

.closepopup {
    text-align: right;
}

.closepopupbutton {
    width: 20%;
}

@media (max-width: 760px) {
    .announcementpopup {
        min-width: 300px;
        width: 300px;
    }

    .MaintBlueButton {
        font-size: 12px !important;
    }

    .closepopup {
        text-align: center;
    }

    .closepopupbutton {
        width: 35%;
    }
}
/*#endregion */
/*#region ---iMercer Mini Cart----*/
@media(min-width:992px) {
    .iMercerMiniCartWitdh {
        width: 350px;
    }
}
/*#endregion*/

/*#region ---iMercer Mini Notification----*/
.miniNotificationText {
    font-size: medium;
    color: #002c77;
    background-color: rgb(230 232 237);
    border-top: 2px solid #f4cdd4;
}

.miniNotificationBox {
    border-left: 7px solid rgb(238 61 139);
    background-color: white;
    font-size: 15px;
}

    .miniNotificationBox:hover {
        background-color: rgb(255, 231, 234);
    }

.miniNotificationHeading {
    color: #001F52;
    font-weight: 600;
}

.miniNotificationDesc {
    font-size: 13px;
    color: #001F52 !important;
}
/*#endregion*/

/*#region ---iMercer Carousal Display----*/
.divLatestReleasesProductsCard {
    display: flex;
    padding: 5px;
    margin: 10px;
    align-items: center;
    justify-content: center;
    min-height: 10vh;
}

#divLatestReleasesProductsCard .wrapper {
    max-width: 78.75rem;
    width: 100%;
    position: relative;
    margin-left: 0.0625rem;
}

    #divLatestReleasesProductsCard .wrapper i:first-child {
        left: 0px;
    }

    #divLatestReleasesProductsCard .wrapper i {
        top: 50%;
        height: 3.125rem;
        width: 3.125rem;
        cursor: pointer;
        font-size: 2rem;
        position: absolute;
        text-align: center;
        line-height: 2.125rem;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0 0.1875rem 0.375rem rgba(0,0,0,0.23);
        transform: translateY(-50%);
        transition: transform 0.1s linear;
        margin-left: -2.1875rem;
    }

        #divLatestReleasesProductsCard .wrapper i:last-child {
            right: 0px;
        }



        #divLatestReleasesProductsCard .wrapper i:active {
            transform: translateY(-50%) scale(0.85);
        }

        #divLatestReleasesProductsCard .wrapper i:first-child {
            left: 0px;
        }

        #divLatestReleasesProductsCard .wrapper i:last-child {
            right: 0px;
        }

    #divLatestReleasesProductsCard .wrapper .carousel {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: calc((100% / 4) - 12px);
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 16px;
        scroll-behavior: smooth;
        scrollbar-width: none;
        padding: 5px;
    }

#divLatestReleasesProductsCard .carousel::-webkit-scrollbar {
    display: none;
}

#divLatestReleasesProductsCard .carousel.no-transition {
    scroll-behavior: auto;
}

#divLatestReleasesProductsCard .carousel.dragging {
    scroll-snap-type: none;
    scroll-behavior: auto;
}

    #divLatestReleasesProductsCard .carousel.dragging .card {
        cursor: grab;
        user-select: none;
    }

#divLatestReleasesProductsCard .carousel .card {
    scroll-snap-align: start;
    box-shadow: 0px 0px 4px #888888;
    width: 15.5rem;
    height: auto;
    list-style: none;
    background: #fff;
    flex-direction: column;
    display: flex;
}

    #divLatestReleasesProductsCard .carousel .card img {
        width: 15.5rem;
        height: 8.75rem;
    }

    #divLatestReleasesProductsCard .carousel .card h3 {
        color: #0065ac;
        font-weight: bold;
        margin: 1.2rem;
        font-family: 'Noto Sans', Arial, sans-serif;
    }

    #divLatestReleasesProductsCard .carousel .card span {
        font-family: 'Noto Sans', Arial, sans-serif;
        font-size: 16px;
        color: #2c6ef2;
        text-decoration: underline;
        line-height: 21px;
        margin-left: 1.2rem;
        cursor: pointer;
    }

    #divLatestReleasesProductsCard .carousel .card h3 {
        color: #001f52;
        font-size: 1.125rem;
    }

#divLatestReleasesProductsCard .carousel .ShadowWidget {
    fill: #6e6e6e;
    box-shadow: 1px 1px 12px rgba(0,0,0,0.6);
    stroke-width: 1;
}


@media screen and (max-width: 1150px) {
    #divLatestReleasesProductsCard .wrapper .carousel {
        grid-auto-columns: calc((100% / 3) - 9px);
    }

    #divLatestReleasesProductsCard .carousel .card {
        height: auto;
    }
}

@media screen and (max-width: 992px) {
    #divLatestReleasesProductsCard .wrapper .carousel {
        grid-auto-columns: calc((100% / 2) - 9px);
    }

    #divLatestReleasesProductsCard .carousel .card {
        width: 12.5rem;
        height: auto;
    }

    .spnArticle {
        margin-left: 0px !important;
    }
}

@media screen and (max-width: 600px) {
    #divLatestReleasesProductsCard .wrapper .carousel {
        display: inline;
    }

    #divLatestReleasesProductsCard .carousel .card {
        width: 100%;
        height: auto;
        margin-top: 5px;
    }

    #leftLRP {
        display: none !important;
    }

    #rightLRP {
        display: none !important;
    }
}

.spnarrow {
    font-family: 'Font Awesome 5 Free' !important;
    text-decoration: none !important;
    margin-left: 0px !important;
}

#divLatestReleasesProductsCard .carousel .card:hover {
    transition: all linear 200ms;
    z-index: 1;
    cursor: pointer;
    fill: #6e6e6e;
    box-shadow: 1px 1px 12px rgba(0,0,0,0.6);
    stroke-width: 1;
}


#divLatestReleasesProductsCard .card-border-top {
    border-top: 10px solid #002c77;
}

#divLatestReleasesProductsCard .wrapper i:hover {
    transition: all linear 200ms;
    z-index: 1;
    cursor: pointer;
    fill: #b9bfc7;
    box-shadow: 1px 1px 12px rgba(0,0,0,0.6);
    stroke-width: 1;
    background: #b9bfc7;
    border-color: #001f52;
}

#leftLRP, #rightLRP {
    -webkit-text-stroke: 2.5px white;
}

/*#endregion*/