@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap");
/*@import url("https://i.icomoon.io/public/temp/bf5c40ff26/OrgillIcons/style.css");*/

/*@media (max-width: 991px) {
    html, body {
        font-size: 14px !important;
    }
}

@media (min-width: 992px) {
    html, body {
        font-size: 16px !important;
    }
}*/

:root {
    --text-display: calc(1em * 4.769);
    --text-header01: calc(1em * 3.815);
    --text-header02: calc(1em * 3.052);
    --text-header03: calc(1em * 2.441);
    --text-header04: calc(1em * 1.953);
    --text-header05: calc(1em * 1.563);
    --text-header06: calc(1em * 1.25);
    --text-paragraph: calc(1em * 1);
    --text-small: calc(1em * 0.8);
    --orgill--red--400: rgba(217, 33, 57, 1);
    --orgill--red--500: rgba(171, 26, 45, 1);
    --orgill--red--600: rgba(135, 20, 36, 1);
    --orgill--red--800: rgba(94, 14, 25, 1);
    --orgill--red--900: rgba(75, 12, 20, 1);
    --orgill--blue--200: rgba(207, 236, 255, 1);
    --orgill--blue--400: rgba(0, 142, 237, 1);
    --orgill--blue--500: rgba(0, 90, 150, 1);
    --orgill--blue--700: rgba(0, 69, 115, 1);
    --orgill--blue--900: rgba(0, 44, 74, 1);
    --orgill--silver--200: rgba(242, 242, 242, 1);
    --orgill--silver--400: rgba(218, 218, 218, 1);
    --orgill--silver--500: rgba(176, 176, 176, 1);
    --orgill--silver--700: rgba(111, 111, 111, 1);
    --orgill--silver--900: rgba(51, 51, 51, 1);
    --white--100: rgba(255, 255, 255, 1);
    --white--200: rgba(249, 249, 250, 1);
    --web-orange-warning: rgba(255, 168, 0, 1);
    --limeade-success: rgba(103, 150, 4, 1);
    --scarlet-error: rgba(240, 43, 0, 1);
    --font-primary: "Roboto", sans-serif;
    --shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
    --shadow-md: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0px 20px 25px rgba(0, 0, 0, 0.1), 0px 8px 10px rgba(0, 0, 0, 0.1);
    --shadow-2xl: 0px 25px 50px rgba(0, 0, 0, 0.25);
}




/*===========================================NEW HEADER START===========================================*/

.header-top-bg {
    /*background-color: #F9F9FA;*/
    background-color: var(--orgill--silver--200);
    /*padding-top:2px;
    padding-bottom:2px;*/
}

.header-top-bg-highlight {
    background-color: #bbffbb;
}

.header-logo-bg {
    background-color: #fff;
    /*padding-top: 5px;
    padding-bottom: 5px;*/
}

.img-logo-plaintext {
    height: 30px;
}

.header-menu-bg {
    background-color: #fff;
}

.header-menu-bottom-border {
    border-bottom: 4px solid #9a0000;
}

.header-menu-top-border {
    /*border-bottom: 2px solid #c1c1c1;*/
    border-bottom: 2px solid var(--orgill--silver--400);
}

.header-top-link, .header-top-link a {
    font-family: Roboto;
    font-size: 12.8px;
    font-weight: normal;
    line-height: 150%;
    background-color: transparent;
    color: var(--orgill--silver--700);
    border: none;
    vertical-align: middle;
    padding: 10px 12px;
    text-decoration: none;

    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.25em;
}
    .header-top-link:hover, .header-top-link a:hover {
        background-color: #9a0000;
        color: #fff !important;
        text-decoration: none;
    }
    .header-top-link > i {
        font-size: 1.125rem;
        line-height: 1 !important;
    }

.header-top-link-active {
    background-color: #9a0000;
    color: #fff !important;
    text-decoration: none;
}

.header-top-link-xs, .header-top-link-xs a {
    font-family: Roboto;
    font-size: 12.8px;
    font-weight: normal;
    line-height: 150%;
    background-color: transparent;
    /*color: #666666 !important;*/
    color: var(--orgill--silver--700);
    border: none;
    vertical-align: middle;
    /*padding: 10px 5px;*/
    /*padding: 10px 12px;*/
    padding: 10px 6px;

    text-decoration: none;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 0.25em;
}
    .header-top-link-xs:hover, .header-top-link-xs a:hover {
        background-color: #9a0000;
        color: #fff !important;
        text-decoration: none;
    }
    .header-top-link-xs > i {
        font-size: 1.125rem;
        line-height: 1 !important;
    }

.header-top-link-last, .header-top-link-last a {
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    background-color: transparent;
    color: #666666 !important;
    border: none;
    vertical-align: middle;
    padding: 10px 5px;
    text-decoration: none;
}

    .header-top-link-last:hover, .header-top-link-last a:hover {
        background-color: #9a0000;
        color: #fff !important;
        text-decoration: none;
    }
.header-top-link-last-active {
    background-color: #9a0000;
    color: #fff !important;
    text-decoration: none;
}

.header-icon-link-xs {
    background-color:transparent;
    color: var(--orgill--silver--700);
    vertical-align:middle;
    line-height:normal;
    margin:0px;
    padding:0px;
    border-width:0px;
}


.header-top-text {
    /*font-family: Arial;
    font-size: 14px;*/
    font-family: Roboto;
    font-size: 12.8px;
    font-weight: normal;
    color: #666666 !important;
    border: none;
    vertical-align: middle;
    padding: 10px 5px;
}

.header-top-cart-container {
    /*font-family: Arial;
    font-size: 13px;*/
    font-family: Roboto;
    font-size: 12.8px;
    font-weight: normal;
    /*border: 1px solid #ababab;*/
    border: 1px solid var(--orgill--silver--500);
    border-radius: 4px;
    width: 170px;
    /*padding-top: 7px;
    padding-bottom: 6px;
    padding-left: 3px;
    padding-right: 3px;*/
    padding: 4px;
    /*background-color: #fff;*/
    background-color: var(--orgill--silver--200);
}

    .header-top-cart-container:hover {
        background-color: #9a0000;
        border-color: #9a0000;
        color: #fff !important;
    }

        .header-top-cart-container:hover .header-top-text {
            color: #fff !important;
        }

        .header-top-cart-container:hover .header-top-cart-count {
            background-color: #fff;
            border-color: #9a0000;
            color: #9a0000 !important;
        }

        .header-top-cart-container:hover .header-top-cart-arrow {
            color: #fff !important;
            rotate: 180deg;
            /*margin-top: -5px;*/
        }

.header-top-cart-container-active {
    background-color: #9a0000;
    border-color: #9a0000;
    color: #fff !important;
}

    .header-top-cart-container-active .header-top-text {
        color: #fff !important;
    }

    .header-top-cart-container-active .header-top-cart-count {
        background-color: #fff;
        border-color: #9a0000;
        color: #9a0000 !important;
    }

    .header-top-cart-container-active .header-top-cart-arrow {
        color: #fff !important;
        rotate: 180deg;
	margin-top: 2px;
        /*margin-top: -5px;*/
    }

.header-top-cart-count {
    /*font-family: Arial;
    font-size: 13px;
    font-weight: bold;*/
    font-family: Roboto;
    font-size: 12.8px;
    font-weight: normal;
    /*background-color: #ababab;*/
    background-color: var(--orgill--silver--500);
    color: var(--orgill--silver--200);
    /*border: 1px solid #ababab;*/
    border: 1px solid var(--orgill--silver--500);
    border-radius: 20px;
    /*padding-left: 9px;
    padding-right: 9px;
    padding-top: 5px;
    padding-bottom: 5px;*/
    padding: 2px 8px;
    line-height: 150%;
}

.header-top-cart-arrow {
    font-size: 18px;
    color: #666666;
    float: right;
    /*margin-top: -3px;*/
}

.header-top-cart-popup {
    width: 275px;
    min-height: 200px;
    max-height: 450px;
    background-color: #FFFFFF !important;
    border: 1px solid #F9F9FA;
    border-radius: 6px;
    position: absolute;
    z-index: 1000;
    margin-top: 0px;
    margin-left: -103px;
    padding: 15px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    overflow: auto;
}

.header-top-profile-popup {
    width: 240px;
    min-height: 320px;
    background-color: #FFFFFF !important;
    border: 1px solid #F9F9FA;
    border-radius: 6px;
    position: absolute;
    z-index: 1000;
    margin-top: 0px;
    margin-left: -75px;
    padding: 15px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.header-top-login-popup {
    width: 228px;
    min-height: 280px;
    background-color: #FFFFFF !important;
    border: 1px solid #F9F9FA;
    border-radius: 6px;
    position: absolute;
    z-index: 1000;
    margin-top: 0px;
    /*right: 0px;*/
    right: 14px;
    padding: 15px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.header-top-notification-popup, .header-top-notification-popup-single {
    width: 400px;
    background-color: #DFF3FC !important;
    border: 1px solid #C7C5C5;
    position: absolute;
    z-index: 1100;
    padding: 10px;
    margin-left: -155px;
    text-align: center;
}

.header-top-profile-button, .header-top-profile-button:hover, .header-top-profile-button:visited, .header-top-profile-button:focus, .header-top-profile-button:active {
    font-family: Arial !important;
    font-size: 16px !important;
    font-weight: bold !important;
    height: 34px;
    width: 100%;
    background-color: #9a0000 !important;
    border-color: #9a0000 !important;
    color: #FFFFFF !important;
    padding: 6px 15px;
    letter-spacing: 0.5px;
}

.header-top-popup-title {
    font-family: Arial !important;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #000000 !important;
}

.header-top-popup-sub-title {
    font-family: Arial !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #666666 !important;
}

.header-top-popup-body, .header-top-popup-body a {
    font-family: Arial !important;
    font-size: 12px !important;
    font-weight: normal !important;
    color: #666666 !important;
}

.header-top-popup-input {
    height: 30px;
    padding: 6px 4px;
    font-size: 12px;
}

.header-top-popup-signout {
    font-family: Arial !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #9a0000 !important;
    border-top: 2px solid #C7C5C5;
    padding-top: 10px;
}

    .header-top-popup-signout a {
        color: #9a0000 !important;
    }

.header-top-popup-imporsonation {
    font-family: Arial !important;
    font-size: 14px !important;
    font-weight: bold !important;
    background-color: #F9F9FA;
    color: #666666 !important;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
}

    .header-top-popup-imporsonation a {
        color: #9a0000 !important;
    }

.header-top-popup-cart-body {
    font-family: Arial !important;
    font-size: 12px !important;
    font-weight: normal !important;
    color: #666666 !important;
    /*padding: 5px;*/
    /*margin-bottom: 10px;*/
    border-radius: 4px;
    border:1px solid transparent;
}
    .header-top-popup-cart-body > div:first-child {
        margin: 8px 12px 12px 8px;
    }

.header-top-popup-cart-body-active {
    font-family: Arial !important;
    font-size: 12px !important;
    font-weight: normal !important;
    color: #666666 !important;
    background-color: #F9F9FA;
    /*padding: 5px;*/
    /*margin-bottom: 10px;*/
    border-radius: 4px;
    border: 1px solid transparent;
}
    .header-top-popup-cart-body-active > div:first-child {
        margin: 8px 12px 12px 8px;
    }

.header-top-popup-cart-link {
    font-family: Arial !important;
    font-size: 12px !important;
    font-weight: bold !important;
    color: #9a0000 !important;
}

.header-top-search-dropdown {
    font-family: Roboto;
    font-size: 16px !important;
    font-weight: normal;
    line-height: 145%;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    font-size: 12px;
    min-width: 122px;
    height: 40px;
    /*background-color: #eee;
    background-image: url(/Images/template/down-arrow-sm.png);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: right 5px bottom 16px;
    margin-left: -1px;*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0.2em 0.5em 0.2em 2.0em;
    /*background-image: url(/Images/logo/favicon.png);*/
    background: url(/Images/icons/Orgill-gray-O.svg) left 5px center no-repeat, url(/Images/template/down-arrow-sm.png) right 5px bottom 15px no-repeat;
    background-repeat: no-repeat;
    /*background-size: 1.3em auto;*/
    background-size: auto, 14px;
    /*background-size: 12px;*/
    /*background-position: 0.4em center;*/
    background-color: var(--orgill--silver--200);
}
    .header-top-search-dropdown::-ms-expand {
        display: none;
    }

.header-top-search-dropdownXS {
    font-family: Roboto;
    font-size: 16px !important;
    font-weight: normal;
    line-height: 145%;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    font-size: 12px;
    min-width: 117px;
    /*background-color: #eee;
    background-image: url(/Images/template/down-arrow-sm.png);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: right 5px bottom 16px;
    margin-left: -1px;*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0.2em 0.5em 0.2em 1.7em;
    /*background-image: url(/Images/logo/favicon.png);*/
    background: url(/Images/icons/Orgill-gray-O.svg) left 5px center no-repeat, url(/Images/template/down-arrow-sm.png) right 5px bottom 12px no-repeat;
    background-repeat: no-repeat;
    /*background-size: 1.1em auto;*/
    background-size: auto, 14px;
    /*background-size: 12px;*/
    /*background-position: 0.4em center;*/
    background-color: var(--orgill--silver--200);
}

    .header-top-search-dropdownXS::-ms-expand {
        display: none;
    }

.header-top-search-text {
    font-family: Roboto;
    font-size: 16px !important;
    font-weight: normal;
    line-height: 145%;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    font-size: 12px;
    min-width: 122px;
    height: 40px;
    padding: .5em 0.5em 0.2em 2.2em;
    background: url(/Images/icons/Orgill-gray-O.svg) left 5px center no-repeat;
    background-repeat: no-repeat;
    background-color: var(--orgill--silver--200);
}
.header-top-search-text-xs {
    font-family: Roboto;
    font-size: 16px !important;
    font-weight: normal;
    line-height: 145%;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    font-size: 12px;
    min-width: 122px;
    height: 34px;
    padding: .3em 0.5em 0.2em 2.2em;
    background: url(/Images/icons/Orgill-gray-O.svg) left 5px center no-repeat;
    background-repeat: no-repeat;
    background-color: var(--orgill--silver--200);
}

.select_box {
    
}
    .select_box:after {
        /*width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #f00;
        position: absolute;
        top: 40%;
        right: 5px;
        content: "";
        z-index: 98;
        background-image: url(/Images/template/down-arrow-sm.png);
        background-position: 11px 9px;
        background-repeat: no-repeat;*/
    }

    /*.select_box select {
        width: 220px;
        border: 0;
        position: relative;
        z-index: 99;
        background: none;
    }*/

.header-top-search-textbox {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-top-left-radius:0px !important;
    border-bottom-left-radius:0px !important;
    height:40px;
    /*top: 1px;*/
}

.header-top-search-textbox-xs {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.header-top-search-button {
    font-size: 10px;
    font-weight: normal;
    background-color: #9a0000 !important;
    border-color: #9a0000 !important;
    color: #FFFFFF !important;
    padding: 6px 16px;
    border-radius: 4px !important;
    height:40px;
    /*background-image: url(/images/template/orgill-searchbx-microphy-glass-icon.png);
    background-position: 11px 9px;
    background-repeat: no-repeat;*/
}

.header-top-search-button-xs {
    font-size: 10px;
    font-weight: normal;
    background-color: #9a0000 !important;
    border-color: #9a0000 !important;
    color: #FFFFFF !important;
    padding: 6px 12px;
    border-radius: 4px !important;
    height:34px;
}

.header-bottom-link-xs, .header-bottom-link-xs a {
    font-family: Roboto;
    font-size: 12.8px;
    font-weight: normal;
    line-height: 150%;
    background-color: transparent;
    /* color: #666666 !important; */
    color: var(--orgill--silver--700);
    border: none;
    vertical-align: middle;
    text-decoration: none;

    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 0.25em;
}
    .header-bottom-link-xs i {
        font-size: 1.125rem;
        line-height: 1 !important;
    }

.header-bottom-notification-popup, .header-bottom-notification-popup-single {
    width: 400px;
    background-color: #DFF3FC !important;
    border: 1px solid #C7C5C5;
    position: absolute;
    z-index: 1100;
    padding: 10px;
    text-align: center;
    top:38px;
    right: 15px;
}

.selected-loc-text {
    font-family: Roboto;
    font-size: 12.8px !important;
    font-weight: normal;
    color: var(--orgill--silver--700);
    line-height:150%;
}
.selected-loc-val, .selected-loc-val a, .selected-loc-val a:hover {
    font-family: Roboto;
    font-size: 16px !important;
    font-weight: 400;
    color: #AB192D;
    line-height: 24px;
    text-decoration:none;
}

.header-logo-text-sm {
    /*font-size: 12px;*/
    font-family: Roboto;
    /*font-size: 12.8px !important;*/
    font-size:1em !important;
    font-weight: bold;
    color: #9a0000;
    line-height:150%;
}

.header-logo-text {
    /*font-size: 12px;*/
    font-family: Roboto;
    font-size: 12.8px !important;
    font-weight: normal;
    color: var(--orgill--silver--700);
}

.header-logo-link, .header-logo-link a, .header-logo-link:hover, .header-logo-link a:hover {
    font-family: Roboto;
    /*font-size: 14px;*/
    font-weight: normal;
    background-color: transparent;
    color: var(--orgill--silver--700) !important;
    border: none;
    vertical-align: middle;
    /*padding: 6px 0px;*/
    /*margin-right: 10px;*/
    text-decoration: none;
}

.store-sku-link, .store-sku-link a, .store-sku-link:hover, .store-sku-link a:hover {
    font-family: Roboto;
    font-size: 12.8px;
    font-weight: normal;
    background-color: transparent;
    color: var(--orgill--silver--700) !important;
    border: none;
    vertical-align: middle;
    padding: 6px 0px;
    /*margin-right: 10px;*/
    text-decoration: none;
    line-height:150%;
}

.rotate--45 {
    rotate: -45deg;
}
.rotate-45 {
    rotate: 45deg;
}

.ham-icon-xs {
    font-size: 20px;
}
.ham-text-xs {
    font-size: 14px;
    padding-top: 0px;
    vertical-align: text-top;
}

.glb-search-type {
    padding: 0.2em 0.5em 0.2em 1.5em;
    /* background-color: #000; */
    background-image: url(/Images/logo/favicon.png);
    background-repeat: no-repeat;
    background-size: 0.8em auto;
    background-position: 0.4em center;
}

.custom-select {
    padding: 0.2em 0.5em 0.2em 1.5em;
    background-color: #000;
    background-image: url(/Images/logo/favicon.png);
    background-repeat: no-repeat;
    background-size: 0.8em auto;
    background-position: 0.4em center;
    font-size: 1.5em;
    color: #fff;
}

.btn-search-cancel, .btn-search-cancel:hover, .btn-search-cancel:active {
    border: 0px solid transparent !important;
    background-color: transparent !important;
    padding: 0px 0px 0px 7px;
    font-size: 20px;
}


/*===========================================NEW HEADER END===========================================*/


/*===========================================NEW BODY START===========================================*/

.body-bg {
    background-color: #f1f1f1;
}

.bread-crumb, .bread-crumb a {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    color: var(--orgill--silver--500);
    text-transform: capitalize;
}

.page-container {
    /*background: url(/images/template/Page-Background.png) 900px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    background-color: #F2F2F2;
    align-self: stretch;
    flex-shrink: 0;*/
    padding-bottom:48px;
}

.home-marketing-promo-container {
    background-color: #fff;
    border: 2px solid #e7e7e7;
    min-height: 500px;
    padding: 16px;
    margin-bottom: 30px;
    border-radius: 4px;
}

.home-marketing-promo-body-container {
    min-height: 330px;
    padding-bottom: 10px;
}

.home-marketing-promo-header, .home-marketing-promo-header a {
    font-size: 25px;
    /*font-weight: bold;*/
    color: var(--orgill--silver--900);
    line-height: 120%;
    margin-top: 16px;
    margin-bottom: 8px;
    text-decoration:none;
}

.home-marketing-promo-body {
    font-size: 16px;
    color: #666666;
}

.home-marketing-promo-image {
    width: 100%;
    height: auto;
    border-radius: 2px;
}

.home-marketing-promo-button {
    font-family: Arial !important;
    font-size: 16px !important;
    font-weight: bold !important;
    height: 34px;
    /*width: 100%;*/
    background-color: #9a0000 !important;
    border-color: #9a0000 !important;
    color: #FFFFFF !important;
    padding: 6px 15px;
    letter-spacing: 0.5px;
    text-decoration:none dashed;
}

.page-bottom-margin {
    margin-bottom: 40px;
}

.catalog-list-container {
    border: 1px solid #ededed;
    padding: 10px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
}
.catalog-list-price-container {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.catalog-list-img-container {
    height: 140px;
    width: auto;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius:4px;
    padding-top:30px;
}
.catalog-list-img {
    border: #D0D0D0 0px solid;
    padding: 1px;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    word-break: break-all;
}

.catalog-grid-container {
    border: 1px solid #ededed;
    padding: 10px;
    margin-bottom: 20px;
    min-height:635px;
}
.catalog-grid-img-container {
    height: 180px;
    width: auto;
    max-width: 100%;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding-top:30px;
}
.catalog-grid-img {
    border: #D0D0D0 0px solid;
    padding: 1px;
    width: 150px;
    height: auto;
    word-break: break-all;
}

.catalog-product-name {
    font-family: Arial;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24.71px;
}
.catalog-product-body {
    font-family: Arial;
    font-style: normal;
    font-size: 12px;
    line-height: 24.71px;
}
.catalog-product-seperator {
    border-right: 1px solid #cdcdcd;
    margin-left: 10px;
    margin-right: 10px;
}
.catalog-product-price {
    font-size: 13px;
    font-weight: bold;
}
.catalog-product-spl-price {
    font-size: 13px;
    font-weight: bold;
    color: #0000a9;
}
.catalog-product-link {
    color:#9a0000;
    text-decoration:underline;
}
.catalog-product-container {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.catalog-btn-cart {
    font-family: Arial !important;
    font-size: 14px !important;
    font-weight: bold !important;
    height: 34px;
    width: 135px;
    background-color: #9a0000 !important;
    border-color: #9a0000 !important;
    color: #FFFFFF !important;
    padding: 6px 15px;
    letter-spacing: 0.5px;
}
.btn-unavailable {
    font-family: Arial !important;
    font-size: 16px !important;
    font-weight: bold !important;
    height: 34px;
    width: 200px;
    background-color: #a1a1a1 !important;
    border-color: #a1a1a1 !important;
    color: #d3d3d3 !important;
    padding: 6px 15px;
    letter-spacing: 0.5px;
    opacity:0.9;
    cursor:default;
}

.catalog-grid-flash-container {
    position: absolute;
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    background: #cb0000;
    border-radius: 25px;
    color: #FFFFFF;
    height: 50px;
    width: 50px;
    padding: 2px;
    top:0px;
    left:15px;
    text-align: center;
}
.catalog-grid-flash-text1 {
    position: absolute;
    padding-left: 5px;
    padding-top: 7px;
    font-weight: bold;
    font-size: 13px;
}
.catalog-grid-flash-text2 {
    position: absolute;
    padding-top: 22px;
    right: 10px;
    font-weight: bold;
    font-size: 13px;
}
.catalog-grid-img-flash-icon-right {
    text-align: left;
    vertical-align: top;
    position: absolute;
    right: 15px;
    top: 0px;
    width: 75px;
}


.trans-y-100{
    transform: translateY(100%);
}

.page-header-section {
    background-color: #fff;
    border: 1px solid #e7e7e7;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
}
.page-header-section h1{
    font-size:42px;
    font-weight:bold;
    color:#9a0000;
}
    .page-header-section p {
        font-size: 16px;
        color:#000;
        font-weight:bold;
    }

.page-left-nav-section {
    background-color: #fff;
    border: 1px solid #e7e7e7;
    padding: 10px;
    margin-bottom: 30px;
    border-radius: 10px;
}
    .page-left-nav-section .header {
        font-size: 12px;
        font-weight: bold;
        color: #ababab;
    }
    .page-left-nav-section .nav {
        font-size: 14px;
        color: #666666;
        /*border: 1px solid transparent;*/
        border-left: 2px solid #C7C5C5;
        padding: 16px;
        cursor:pointer;
    }
        .page-left-nav-section .nav:hover {
            font-size: 14px;
            background-color: #ededed;
            color: #000000;
            /*border: 1px solid #ededed;*/
            border-left: 2px solid #9a0000;
            border-top-right-radius: 4px;
            border-bottom-right-radius:4px;
            padding: 16px;
            cursor: pointer;
        }
        .page-left-nav-section .nav-active {
            font-size: 14px;
            background-color: #ededed;
            color: #000000;
            /*border: 1px solid #ededed;*/
            border-left: 2px solid #9a0000;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            padding: 16px;
            cursor: pointer;
        }


.page-body-section {
    background-color: #fff;
    border: 1px solid #e7e7e7;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
}
    .page-body-section .header {
        font-size: 24px;
        color: #000;
        /*border-bottom:5px solid #9a0000;*/
        border-bottom: 1px solid #9a0000;
        padding-bottom: 5px;
        margin-bottom: 20px;
    }
    .page-body-section .sub-header {
        font-size: 16px;
        font-weight:bold;
        color: #000;
    }
    .page-body-section .body {
        font-size: 14px;
        color: #000;
    }

.btn-site-border {
    font-family: Arial !important;
    font-size: 14px !important;
    font-weight: bold !important;
    height: 34px;
    background-color: #fff!important;
    border-color: #9a0000 !important;
    color: #9a0000 !important;
    padding: 6px 15px;
    /*letter-spacing: 0.5px;*/
}
.btn-site {
    font-family: Arial !important;
    font-size: 14px !important;
    font-weight: bold !important;
    height: 34px;
    background-color: #9a0000 !important;
    border-color: #9a0000 !important;
    color: #fff !important;
    padding: 6px 15px;
    /*letter-spacing: 0.5px;*/
}

.btn-header-buying-event {
    height: 40px;
    min-width: 110px;
    background-color: #9a0000 !important;
    border-color: #9a0000 !important;
    color: #FFFFFF !important;
    padding: 9px 15px;
    padding-top: 9px;
    padding-right: 15px;
    padding-bottom: 9px;
    padding-left: 15px;
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.border-btm {
    border-bottom: 1px solid #e7e7e7;
}

.ddl-org {
    font-size: 12px;
    background-image: url(/Images/template/down-arrow-sm.png);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: right 8px bottom 12px;
    padding-right: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: normal !important;
}
.cart-profile-time {
    background-image: url(/Images/template/clock-icon.png);
    background-position: 95% 6px;
    background-repeat: no-repeat;
    padding-right: 40px;
    background-size: 20px;
}

.modal-org {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;

}
    .modal-org .dialog {
        position: relative;
        width: auto;
        margin: 8px;
        pointer-events: none;
        display: flex;
        align-items: center;
        min-height: calc(100% - 16px);
    }
    .modal-org .content {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        pointer-events: auto;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #adadad;
        border-radius: 8px;
        padding: 20px;
        outline: 0;
        z-index: 9999;
    }
    .modal-org .header {
        font-family:24px;
        font-weight:bold;
        display: flex;
        flex-shrink: 0;
        align-items: center;
        justify-content: space-between;
        border-bottom: 2px solid #dee2e6;
    }
    .modal-org .header h5{
        font-size: 24px;
        font-weight: bold;
    }
    .modal-org .body {
        font-size: 14px;
        font-weight: normal;
        position: relative;
        flex: 1 1 auto;
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .modal-org .footer {
        display: flex;
        flex-wrap: wrap;
        flex-shrink: 0;
        align-items: center;
        /*justify-content: flex-end;*/
        padding-top:10px;
        /*padding: 12px;
        border-top: 1px solid #dee2e6;
        border-bottom-right-radius: 7px;
        border-bottom-left-radius: 7px;*/
    }
    .modal-org .backdrop {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1040;
        width: 100vw;
        height: 100vh;
        background-color: #9b9b9b;
        opacity: 0.9;
    }
    .modal-org .close {
        position: absolute;
        top: 24px;
        right: 18px;
        font-size: 28px;
        color: #6a6a6a;
        opacity: 1;
    }
    .modal-org .close:hover {
        color: #9a0000;
    }


.password-match {
    margin-left: -21px;
    font-size: 16px !important;
    font-weight:bold;
    padding-right: 0px;
    color: #008000;
    position: absolute;
    margin-top: 1px;
}
.password-unmatch {
    margin-left: -20px;
    font-size: 16px !important;
    font-weight: bold;
    padding-right: 3px;
    color: #ff0b0b;
    position: absolute;
    margin-top: 2px;
}

.reset-pass-popup {
    overflow: auto;
    max-height: 650px;
    height: 100vh;
}

.carousel-control-prev-icon {
    text-decoration: none;
}
.carousel-control-next-icon {
    text-decoration: none;
}
.carousel-control-prev:hover, .carousel-control-prev:active {
    text-decoration: none;
}
.carousel-control-next:hover, .carousel-control-next:active {
    text-decoration: none;
}

.t-dec-none, .t-dec-none:hover, .t-dec-none:active {
    text-decoration: none;
}

.menu-modal-bg {
    filter: Alpha(Opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    width: 100%;
    height: 100%;
    background-color: #999999;
    position: fixed;
    z-index: 70;
    /*top: 137px;*/
    top: 172px;
    left: 0px;
}

.glb-search-container {
    position: absolute;
    min-width: 341px !important;
    top: 100px !important;
    left: 368.5px;
    z-index: 999;
}

.font-italic {
    font-style: italic;
}

.d-flex{
    display:flex;
}

/*a{
    color:var(--orgill--red--500);
    text-decoration:underline;
}
a:hover {
    color: var(--orgill--red--800);
}*/

/*===========================================NEW BODY END===========================================*/


/*===========================================NEW FOOTER START===========================================*/

.footer-container {
    /*border-top: 1px solid var(--orgill--silver--400);
    background: url(/images/template/Footer-Vector.png);
    background-repeat: no-repeat;
    background-size: 867px 665px;*/
    
    border-top: 1px solid var(--orgill--silver--400);
    position:relative;
}
    /*.footer-container::before {
        content: " ";
        background-image: url("https://cdn.builder.io/api/v1/image/assets%2Fc4f1de5083614670ab01b42c46fb0363%2Ffd5193cc48f44c1492205fcb38e27310");
        width: 40vw;
        height: 100%;
        display: block;
        z-index: -1;
        position: absolute;
        top: 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }*/

    .footer-container .container::before {
        content: " ";
        background-image: url(/images/template/footer-oval.svg);
        width: 600px;
        display: block;
        z-index: -1;
        position: absolute;
        top: 0;
        bottom: 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-left: -140px;
    }

.footer-bottom-border {
    border-top: 1px solid #c7c7c7;
}
.footer-bottom
{
    padding-top:6px;
}
.footer-bottom span, .footer-bottom a, .footer-bottom a:hover {
    font-size: 12px;
    /*color: #666666;*/
    color:var(--orgill--silver--700);
    margin-right: 20px;
}
    .footer-bottom a:last-child {
        font-size: 12px;
        /*color: #666666;*/
        color: var(--orgill--silver--700);
        margin-right: 0px;
    }
.footer-bottom-social{
    text-align:right;
}
.footer-bottom-social a {
    font-size: 24px;
    /*color: #9b9b9b;*/
    color:var(--orgill--silver--500);
    margin-left: 20px;
}
    .footer-bottom-social a:hover {
        text-decoration:none;
    }

.footer-top-header {
    font-family: Roboto;
    font-size: 20px !important;
    font-weight: normal;
    color:#000000;
    line-height:140%;
}
.footer-top-header-xs {
    font-family: Roboto;
    font-size: 20px !important;
    font-weight: bold;
    line-height: 140%;
    margin-bottom:20px;
    margin-top:15px;
}
.footer-top-header-slash {
    /*font-size: 18px;
    font-weight:bolder;*/
    font-family: Roboto;
    font-size: 20px !important;
    font-weight: normal;
    line-height: 140%;
    color: #9a0000;
    padding-right: 10px;
}
.footer-top-header-slash-xs {
    /*font-size: 18px;
    font-weight:bolder;*/
    font-family: Roboto;
    font-size: 20px !important;
    font-weight: bold;
    line-height: 140%;
    color: #9a0000;
    padding-right: 10px;
}
.footer-top-link  {
    padding-top: 10px;
    margin-left:18px;
}
    .footer-top-link a {
        font-family: Roboto;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        /*color: #AB192D;*/
        color: var(--orgill--silver--700);
    }
.footer-top-link div{
    margin-bottom: 10px;
}
    .footer-top-link div:last-child {
        margin-bottom: 0px;
    }

.footer-top-header-body-xs {
    border-bottom: 1px solid #c7c7c7;
}

.footer-search-textbox {
    border-radius: 4px !important;
    height: 40px;
}

.img-logo-footer{
    height:30px; 
    width:auto;
}

.footer-search-title {
    font-family: Roboto;
    font-size: 16px !important;
    font-weight: normal;
    color:#000000;
    line-height:145%;
}

.footer-social-bottom-border {
    border-bottom: 4px solid #c7c7c7;
}

.back-to-top-xs {
    font-family:Roboto;
    font-size:16px;
    font-weight:bold;
    text-decoration: none;
    color:var(--orgill--silver--700);
    cursor:pointer;
}
.back-to-top-xs:hover {
    color: var(--orgill--silver--700);
    cursor: pointer;
}
.back-to-top-glyph-xs {
    color: var(--orgill--silver--700);
    font-weight:bold;
}

.footer-row {
    display: flex;
    height: 100%;
}
.footer-search-bottom {
    position: absolute;
    bottom:0px;
    width:calc(100% - 30px);
}

.footer-org-motto {
    font-family: Roboto;
    font-size:25px;
    line-height:120%;
    margin-top:0px;
    margin-bottom:0px;
    color:var(--orgill--silver--900);
}

/*===========================================NEW FOOTER END===========================================*/

/*===========================================NEW PADDING/MARGIN START===========================================*/

.p-5{
    padding:5px;
}
.px-0 {
    padding-left: 0px;
    padding-right: 0px;
}
.py-2 {
    padding-top: 2px;
    padding-bottom: 2px;
}
.px-5{
    padding-left:5px;
    padding-right:5px;
}
.py-5{
    padding-top:5px;
    padding-bottom:5px;
}
.py-6 {
    padding-top: 6px;
    padding-bottom: 6px;
}
.py-7 {
    padding-top: 7px;
    padding-bottom: 7px;
}
.py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.py-12 {
    padding-top: 12px;
    padding-bottom: 12px;
}
.py-32 {
    padding-top: 32px;
    padding-bottom: 32px;
}
.pt-5{
    padding-top:5px;
}
.pt-6 {
    padding-top: 6px;
}
.pt-7 {
    padding-top: 7px;
}
.pt-10 {
    padding-top: 10px;
}
.pt-11 {
    padding-top: 11px;
}
.pt-15 {
    padding-top: 15px;
}
.pt-20 {
    padding-top: 20px;
}
.pt-30 {
    padding-top: 30px;
}
.pt-40 {
    padding-top: 40px;
}
.pb-4 {
    padding-bottom: 4px;
}
.pb-5{
    padding-bottom:5px;
}
.pb-10 {
    padding-bottom: 10px;
}
.pb-20 {
    padding-bottom: 20px;
}
.pl-4{
    padding-left:4px;
}
.pr-4 {
    padding-right: 4px;
}
.pr-5{
    padding-right:5px;
}
.pr-20 {
    padding-right: 20px;
}

.mt-auto{
    margin-top:auto;
}
.mt-0{
    margin-top:0px;
}
.mb-0 {
    margin-bottom: 0px;
}
.mb-5 {
    margin-bottom: 5px;
}
.mr-10{
    margin-right:10px;
}
.ml-5 {
    margin-left: 5px;
}
.ml-8{
    margin-left:8px !important;
}
.my-12 {
    margin-top: 12px;
    margin-bottom: 12px;
}
.my-16{
    margin-top:16px;
    margin-bottom:16px;
}


/*===========================================NEW PADDING/MARGIN END===========================================*/

/*===========================================NEW WIDTH/HEIGHT START===========================================*/

.w-p-100 {
    width: 100%;
}
.w-mx-80 {
    max-width: 80px;
}
.w-90{
    width:90px;
}
.w-mx-100{
    max-width:100px;
}
.h-min-15{
    min-height:15px;
}
.h-min-20 {
    min-height: 20px;
}
.h-min-25 {
    min-height: 25px;
}
.h-min-50{
    min-height:50px;
}
.h-min-90{
    min-height:80px;
}
.h-10{
    height:10px;
}
.h-12 {
    height: 12px;
}
.h-17 {
    height: 17px;
}
.h-20 {
    height: 20px;
}
.h-30 {
    height: 30px;
}
.h-35 {
    height: 35px;
}
.h-22 {
    height: 22px;
}
.h-40 {
    height: 40px;
}
.h-44 {
    height: 44px;
}
.h-50 {
    height: 50px;
}
.h-55 {
    height: 55px;
}

.row-h-v-100 {
    display: flex;
    height: 100%;
}

/*===========================================NEW WIDTH/HEIGHT END===========================================*/


/*===========================================NEW MEDIA START===========================================*/

@media (min-width: 576px) {
    .modal-org .dialog {
        max-width: 500px;
        margin: 28px auto;
    }
}

@media (max-width: 767px) {
    .footer-bottom-social {
        text-align: left;
    }
    .footer-bottom {
        padding-top: 12px;
    }
    .footer-bottom-social a {
        margin-left: 0px;
        margin-right:20px;
    }

    .footer-container {
        background-color:var(--orgill--silver--200);
    }

    .footer-row {
        display: block;
        height: 100%;
    }

    .footer-search-bottom {
        position: unset;
        bottom: 0px;
        width: calc(100% - 30px);
    }

    .footer-top-link div:last-child {
        margin-bottom: 20px;
    }
}

@media (max-width: 600px){
    .footer-container .container::before {
        margin-left: -15px;
        width: 100%;
    }
}


/*===========================================NEW MEDIA END===========================================*/


/*===========================================NEW GLOBAL SEARCH START===========================================*/

.ac_results {
    min-width: 25%;
    max-width: inherit;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    border-top: 0px solid #000000;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    /*border-bottom: 1px solid #ccc;*/
    background-color: white;
    overflow: hidden;
    z-index: 999;
}

@media (max-width: 1366px) {
    .ac_results {
        min-width: 100%;
        max-width: inherit;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
        border-top: 0px solid #000000;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        /*border-bottom: 1px solid #ccc;*/
        background-color: white;
        overflow: hidden;
        z-index: 999;
    }
}

@media (max-width: 1280px) {
    .ac_results {
        min-width: 27.5%;
        max-width: inherit;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
        border-top: 0px solid #000000;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        /*border-bottom: 1px solid #ccc;*/
        background-color: white;
        overflow: hidden;
        z-index: 999;
    }

    .glb-search-container {
        min-width: 283px !important;
        top: 81px !important;
        left: 281px;
    }
}

@media (max-width: 991px) {
    .ac_results {
        min-width: 82.5%;
        max-width: inherit;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
        /*border-top: 0px solid #000000;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;*/
        border-bottom: none;
        background-color: white;
        overflow: hidden;
        z-index: 999;
    }

    .glb-search-container {
        min-width: 80% !important;
        top: 82px !important;
        left: 15px;
        /*border-color:transparent !important;*/
    }
}

@media (max-width: 768px) {
    .ac_results {
        min-width: 80.5%;
        max-width: inherit;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
        /*border-top: 0px solid #000000;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;*/
        border-bottom: none;
        background-color: white;
        overflow: hidden;
        z-index: 999;
    }

    .glb-search-container {
        min-width: 80% !important;
        /*top: 128px !important;*/
        left: 15px;
        /*border-color: transparent !important;*/
    }
}

@media (max-width: 767px) {
    .ac_results {
        min-width: 80.5%;
        max-width: inherit;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
        /*border-top: 0px solid #000000;
        border-left: 2px solid #A5D2FC;
        border-right: 2px solid #A5D2FC;
        border-bottom: 2px solid #A5D2FC;*/
        border-bottom: none;
        background-color: white;
        /*background-color: transparent;*/
        overflow: hidden;
        z-index: 999;
    }
}

@media (max-width: 735px) {
    .ac_results {
        min-width: 80.5%;
        max-width: inherit;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
        /*border-top: 0px solid #000000;
        border-left: 2px solid #A5D2FC;
        border-right: 2px solid #A5D2FC;
        border-bottom: 2px solid #A5D2FC;*/
        border-bottom: none;
        background-color: white;
        /*background-color: transparent;*/
        overflow: hidden;
        z-index: 999;
    }
}

@media (max-width: 480px) {
    .ac_results {
        min-width: 63.5%;
        max-width: inherit;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
        /*border-top: 0px solid #000000;
        border-left: 2px solid #A5D2FC;
        border-right: 2px solid #A5D2FC;
        border-bottom: 2px solid #A5D2FC;*/
        border-bottom: none;
        background-color: white;
        /*background-color: transparent;*/
        overflow: hidden;
        z-index: 999;
    }
}

@media (max-width: 375px) {
    .ac_results {
        min-width: 60%;
        max-width: inherit;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
        /*border-top: 0px solid #000000;
        border-left: 2px solid #A5D2FC;
        border-right: 2px solid #A5D2FC;
        border-bottom: 2px solid #A5D2FC;*/
        border-bottom: none;
        background-color: white;
        /*background-color: transparent;*/
        overflow: hidden;
        z-index: 999;
    }
}

@media (max-width: 320px) {
    .ac_results {
        min-width: 53.5%;
        max-width: inherit;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
        /*border-top: 0px solid #000000;
        border-left: 2px solid #A5D2FC;
        border-right: 2px solid #A5D2FC;
        border-bottom: 2px solid #A5D2FC;*/
        border-bottom: none;
        background-color: white;
        /*background-color: transparent;*/
        overflow: hidden;
        z-index: 999;
    }
}


/*===========================================NEW GLOBAL SEARCH END===========================================*/