<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */



@font-face {
    font-display: swap;
    font-family: "Sofia W01 Light";
    src: url("/assets/fonts/Sofia-Light.woff2") format("woff2"),url("/assets/fonts/Sofia-Light.woff") format("woff");
}

@font-face {
    font-display: swap;
    font-family: "Sofia W01 Regular";
    src: url("/assets/fonts/Sofia-Regular.woff2") format("woff2"),url("/assets/fonts/Sofia-Regular.woff") format("woff");
}

@font-face {
    font-display: swap;
    font-family: "Sofia W01 Black";
    src: url("/assets/fonts/Sofia-Black.woff2") format("woff2"),url("/assets/fonts/Sofia-Black.woff") format("woff");
}

@font-face {
    font-display: swap;
    font-family: "Sofia W01 Bold";
    src: url("/assets/fonts/Sofia-Bold.woff2") format("woff2"),url("/assets/fonts/Sofia-Bold.woff") format("woff");
}


@font-face {
    font-family: 'charter_digits';
    src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
    font-weight: bold;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: 'charter_digits';
    src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'charter_digits';
    src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'charter_digits';
    src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Glyphicons Halflings';
    font-display: swap;
    src: url('/Assets/fonts/glyphicons-halflings-regular.eot');
    src: url('/Assets/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/Assets/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/Assets/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/Assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

html {
    font-family: 'Sofia W01 Regular', Helvetica, Arial, sans-serif;
}

p {
    font-family: 'Sofia W01 Regular', Helvetica, Arial, sans-serif;
}

    p:lang(ko-KR) {
        font-family: Helvetica, Arial, " Malgun Gothic", sans-serif
    }

    p:lang(ja-JP) {
        font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif !Important;
    }

    p:lang(zh-CN) {
        font-family: Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    }

body {
    font-family: 'Sofia W01 Regular', Helvetica, Arial, sans-serif;
}

    body:lang(ko-KR) {
        font-family: Helvetica, Arial, "Verdana", "charter_digits", "Malgun Gothic", sans-serif
    }

    body:lang(ja-JP) {
        font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif !Important;
    }

    body:lang(zh-CN) {
        font-family: Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    }


h4, .h4, h4 small, .h4 small, h4 .small, .h4 .small, h1, .h1 {
    font-size: 36px;
    line-height: 60px;
}

.sofia-black {
    font-family: 'Sofia W01 Black', Helvetica, Arial, sans-serif !important;
}

.sofia-light {
    font-family: 'Sofia W01 Light', Helvetica, Arial, sans-serif !important;
}

.sofia-bold {
    font-family: 'Sofia W01 Bold', Helvetica, Arial, sans-serif !important;
}

strong {
    font-family: 'Sofia W01 Bold', Helvetica, Arial, sans-serif !important;
}

a:visited {
}

@media (min-width: 1400px) {
    .container {
        max-width: 1340px;
    }
}

a {
    color: #0462be;
}

    a:hover, a:focus {
        color: inherit;
    }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 0px;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
}

    ::-webkit-scrollbar:vertical {
        width: 12px;
    }

    ::-webkit-scrollbar:horizontal {
        height: 12px;
    }

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}

#logo-wrap img {
    display: none;
}

.fa-chevron-down {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .2s linear;
}

    .fa-chevron-down.down {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.fa-chevron-down {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .2s linear;
}

    .fa-chevron-down.down {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

#cookieacceptance {
    position: fixed;
    background-color: #000000;
    width: 100%;
    z-index: 9999999999;
    bottom: 0;
    opacity: .8;
    color: #fff;
}

    #cookieacceptance &gt; div &gt; div &gt; p &gt; a &gt; i.fa-times {
        color: #FFFFFF !important;
    }

.phonenumber a {
    font-size: 17px;
    text-decoration: none;
}

#added-cart {
    padding: 10px;
    padding-left: 5px;
    position: fixed;
    width: 230px;
    height: 50px;
    top: 0;
    left: 80%;
    transform: translate(-50%);
    background-color: #ffffff;
    color: #000000;
    border-radius: 8px;
    text-align: center;
    z-index: 9999999;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    -ms-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

    #added-cart.show {
        visibility: visible;
        animation: fadeInOut 3s;
    }

    #added-cart.show-cart-added {
        visibility: visible !important;
        animation: fadeInOut 3s;
    }

@keyframes fadeInOut {
    5%,95% {
        opacity: 1;
        top: 50px
    }

    15%,85% {
        opacity: 1;
        top: 30px
    }
}

@media (max-width: 767px) {
    #added-cart {
        top: 2%;
        left: 50%
    }
}

.lowerheadernav {
    display: block;
    font-size: 13px;
    margin: 0;
    padding: 0;
    float: right;
    margin-right: -25px;
    height: 40px;
    margin-top: -38px;
    z-index: 9999;
    position: relative;
    margin-bottom: -2px;
}

#tab-triangle-contact {
    display: none !important;
}

.lowerheadernav li {
    display: inline-block;
    list-style: none;
}

.lowerheadernav .button-dropdown {
    position: relative;
}

.lowerheadernav li a {
    display: block;
    color: #FFF;
    /*padding: 10px 7px;*/
    padding: 0px 7px;
    text-decoration: none;
}

    .lowerheadernav li a:after {
        display: block;
        color: #FFF;
        padding: 10px 7px;
        text-decoration: none;
        border: none !important
    }

    .lowerheadernav li a span {
        margin-left: 5px;
    }

    .lowerheadernav li a:hover, .lowerheadernav li a.dropdown-toggle.active {
        color: #fff;
    }

        .lowerheadernav li a:hover span, .lowerheadernav li a.dropdown-toggle.active span {
            color: #fff;
        }

.lowerheadernav li .dropdown-menu {
    display: none;
    position: absolute;
    left: -90px;
    text-align: left;
    top: 34px;
}

    .lowerheadernav li .dropdown-menu.active {
        display: block;
    }

#MyAccountLogout {
    padding: 15px;
    width: 250px;
}

#MyAccountLogin {
    padding: 15px;
    width: 250px;
    text-align:center;
}

    #MyAccountLogin a {
        color: #0462be;
        display: inline;
        padding: 0px;
    }

#MyAccountLogout a {
    color: #0462be;
    display: inline;
    padding: 0px;
}

.logout {
    text-align: center;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

    .logout a {
        color: #000 !important;
        text-decoration: none;
    }

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

#countryLG {
    padding: 15px;
    width: 250px;
}


#lowerheader form {
    display: inline !important;
    margin-top: 0em;
}


/** Country Dropdown Mobile **/

@media (max-width: 1199px) {
    .lowerheadernav {
        float: left;
        width: 100%;
        margin-top: 0px;
        text-align: center;
        position: relative;
        z-index: 99;
    }

    .header-m-bkgd {
        background-color: #585858 !important;
        height: 40px;
        margin-top: 12px;
    }

    #countrylink {
        display: inline-block !important;
    }

    .lowerheadernav li {
        display: block;
    }

    .country-header &gt; div &gt; span {
        font-size: 13px !important;
        padding-left: 0px !important;
        font-weight: normal !important;
    }

    .lowerheadernav li .dropdown-menu {
        left: 0px;
    }

    #countryLG {
        width: 100%;
    }

    .cd-nav-trigger {
        top: -8px !important;
        position: relative;
    }
}

/** SHARE ICONS **/

.share-btn {
    color: #fff;
    border: none;
    width: 1.5em;
    outline: none;
    text-align: center;
    height: 23px;
    background-color: transparent !important
}

    .share-btn:hover {
        opacity: .85;
        text-decoration: none;
    }

    .share-btn:active {
        position: relative;
        top: 2px;
        box-shadow: none;
        color: #e2e2e2;
        outline: none;
    }

    .share-btn.twitter {
        background: #55acee;
        padding-left: 5px;
        margin-right: 1px;
        color: #fff;
    }

    .share-btn.facebook {
        background: #3B5998;
        padding-left: 7px;
        padding-right: 5px;
        color: #fff;
    }

    .share-btn.linkedin {
        background: #4875B4;
        padding-left: 5px;
        margin-left: 1px;
        margin-right: 1px;
        color: #fff;
    }

    .share-btn.email {
        padding-left: 4px;
        color: #000;
    }

    .share-btn.print-pdf {
        color: #000;
    }

    .share-btn.print {
        color: #000;
        width: auto;
        position: relative;
        padding-right: 7px;
    }

.print-pdf {
    color:black;
    cursor:pointer;
}

.email {
    color: black;
    cursor: pointer;
}

.pdfText {
    float: right;
    font-size: 8px;
    padding-left: 5px;
    text-align: left;
    line-height: 9px;
}

.printText {
    float: right;
    font-size: 8px;
    padding-left: 5px;
    text-align: left;
    line-height: 9px;
    padding-top: 3px;
    padding-right: 3px;
}

/** LIGHTBOX MARKUP **/

.video-container iframe {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0px;
}

.video-container2 iframe {
    position: absolute;
    top: 0;
    left: 5%;
    width: 80%;
    height: 80%;
}

#popupVid {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0px;
    left: 0;
    background: rgba(0,0,0,0.8);
    padding-top: 15%;
}

.popupmodal-header {
    border: 0;
    position: relative;
    width: 100%;
    min-height: 16.42857143px;
}

.popupclose {
    background: #6c6c6c;
    color: #fff;
    font-size: 15px;
    opacity: 1;
    position: absolute;
    width: 38px;
    padding-top: 6px;
    padding-bottom: 5px;
    border-radius: 35px;
    z-index: 999;
    margin-right: 20px;
    font-weight: bolder;
    margin-left: 33%;
}

body.modal-open {
    overflow: hidden;
}

/*Back to Top*/

#return-to-top {
    position: fixed;
    bottom: 100px;
    right: 16px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 100000;
}

    #return-to-top i {
        color: #fff;
        margin: 0;
        position: relative;
        left: 16px;
        top: 13px;
        font-size: 19px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #return-to-top:hover {
        background: rgba(0, 0, 0, 0.9);
    }

        #return-to-top:hover i {
            color: #fff;
            top: 5px;
        }

/*End Back to Top*/

.headerPhoneNumber {
    font-size: 14px;
}

.headersitebtns {
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-top: 7px;
    font-size: 15px;
    font-weight: bold;
}

.alignCenter {
    text-align: left;
}

#mainContent {
    border-right: 1px solid lightgray;
    padding-right: 40px;
    padding-bottom: 50px;
    margin-bottom: 50px;
    margin-top: -20px
}

@media (max-width: 1199px) {
    #mainContent {
        border-right: none;
        padding-left: 0px;
        padding-right: 0px;
        border-bottom: 1px solid #dadada;
        padding-bottom: 15px;
    }
}

@media (max-width: 767px) {
    #mainContent {
        padding-left: 15px;
        padding-right: 15px;
    }
}

#RightHandColumnContent {
    padding-left: 50px;
}

.textAlignRight {
    text-align: right !important;
}

.floatRight {
    float: right;
}

.imgFloatRight {
    float: right;
    padding-left: 10px;
}

.floatLeft {
    float: left;
}

.alpha {
    margin-left: -15px;
}

.omega {
    position: relative;
    left: 15px;
}

.yellowBkgd {
    background-color: #fffbeb !important;
}

.lightGrayBkgd {
    background-color: #f7f7f7 !important;
}

.bold {
    font-weight: bold !important;
}

.new {
    font-size: 10px !important;
    font-weight: 700;
    background-color: #0175e4;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    padding: 1px 4px 1px 4px;
    white-space: nowrap;
}
    .new:active, .new:hover, .new:focus {
        color: #fff;
        text-decoration: none;
    }

.volume {
    font-size: 8px !important;
    font-weight: 700;
    background-color: #8801fb;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    padding: 3px 4px 3px 4px;
    white-space: nowrap;
    border-radius: 20px;
    box-shadow: 2px 2px 2px #dadada;
}

    .volume:hover {
        top: 1px;
        position: relative;
        color: #ffffff;
    }

.clearance {
    font-size: 8px !important;
    font-weight: 700;
    background-color: #fb0101;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    padding: 3px 4px 3px 4px;
    white-space: nowrap;
    top:-3px !important;
    position:relative;
}
    .clearance:active, .clearance:hover {
        color: #fff;
        text-decoration: none;
    }

.best-seller-container {
    display: inline-flex;
}

.best-seller {
    padding: 3px;
    background-color: #5ad6db !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    top: 9px;
    position: relative;
}

.best-seller-arrow-left {
    width: 0;
    height: 0;
    border-top: 11px solid #5ad6db;
    border-bottom: 11px solid #5ad6db;
    border-right: 11px solid #fff;
    top: 9px;
    position: relative;
}

.best-seller-part {
    font-size: 8px;
    font-weight: 700;
    background-color: #5cb85c;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    padding: 3px 4px 1px 4px;
    white-space: nowrap;
}

.bestSeller {
    padding-left: 2px;
}

.recertified {
    font-size: 8px !important;
    font-weight: 700;
    background-color: #236602;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    padding: 3px 4px 3px 4px;
    white-space: nowrap;
}
    .recertified:active, .recertified:hover, .recertified:focus {
        color: #fff;
        text-decoration: none;
    }


/*New placement for inventory labels*/
div.xzoom-container.trigger .new,
div.xzoom-container.trigger .recertified {
    position: absolute !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
}

div.xzoom-container.trigger .clearance {
    position: absolute !important;
    margin-left: 0px !important;
    margin-top: 3px !important;
}

.product-family-result3 .new,
.product-family-result3 .clearance,
.product-family-result3 .recertified {
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
}

span.new ~
span.clearance {
    margin-left: 35px
}

a.new ~ a.clearance {
    top: 18px !important;
}

#FacetSearchResults a.new ~ a.clearance {
    top: -1px !important;
}

.instock, .twodays, .threedays, .tendays, .sixdays {
    font-size: 8px;
    font-weight: 700;
    background-color: #007200;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    padding: 3px 4px 3px 4px;
    white-space: nowrap;
}

.volumeoptions {
    font-size: 10px !important;
    font-weight: 700;
    background-color: #61019e;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    padding: 3px 4px 3px 4px;
    margin-left: 9px;
    white-space: nowrap;
    font-family: 'Sofia W01 Bold', Helvetica, Arial, sans-serif !important;
}

.outofstock {
    font-size: 8px !important;
    font-weight: 700;
    background-color: #fcf49e;
    text-transform: uppercase;
    color: #1f1b31;
    text-decoration: none;
    padding: 3px 4px 3px 4px;
}

.contactus {
    font-size: 8px !important;
    font-weight: 700 !important;
    background-color: #6d6d6d !important;
    text-transform: uppercase !important;
    color: #fff !important;
    text-decoration: none !important;
    cursor: pointer !important;
    padding: 2px 4px 4px 4px !important;
    white-space: nowrap !important;
    display: inline !important;
}

#cluetip {
    background-color: white;
    border: 1px solid gray;
    padding: 0px 10px 10px 10px;
}

.btn-cart {
    margin-top: 10px;
    cursor: pointer;
    padding: 10px 20px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #d97d00;
    color: #fff;
    box-shadow: 3px 3px 4px #dadada;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    border-radius: 5px;
    margin-bottom: 15px;
    border: none;
}

    .btn-cart:hover {
        text-decoration: none !important;
        box-shadow: 5px 3px 4px #dadada;
        background-color: #f78e1b;
    }

.btn-cart-outline {
    margin-right: 10px;
    margin-bottom: 0px;
    text-transform: uppercase;
    padding: 8px;
    background: #0065fd !important;
    color: #fff !important;
    border-radius: 5px !important;
    border: none;
}

    .btn-cart-outline:hover {
        background-color: #0045ad !important;
        color: #fff !important;
        border-radius: 5px !important;
        text-decoration: none !important;
    }





.btn-header {
    color: #fff;
    background-color: #575757;
    text-transform: uppercase !important;
    padding-left: 10px;
    padding-right: 10px;
    border: 0px;
    font-weight: bold;
}

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


.flag {
    border: 1px solid #e3e3e3;
    position: relative;
    margin-top: -4px;
    width: 16px;
    height: 11px;
}

.changeIcon {
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    margin-top: -5px;
}

.change {
    color: #d3d3d3;
    font-weight: normal !important;
    text-decoration: underline !important;
    font-size: 12px !important;
    position: relative;
    top: -2px;
    margin-right: 8px;
}

.tagline {
    font-weight: bold;
    padding-left: 20px;
    font-size: 15px;
    color: #ffffff;
    position: relative;
    top: 3px;
}

.countryname {
    position: relative;
    font-weight: normal !important;
}

.headertop {
    background-color: #8d8c8c;
    height: auto;
    margin-bottom: -10px;
    padding-bottom: 5px;
}

    .headertop ul {
        text-align: right;
        color: #ffffff;
        font-weight: bold;
    }

    .headertop li {
        display: inline-block;
        list-style: none;
        padding: 3px 10px 0px 10px;
        margin: 0;
    }

    .headertop a {
        color: #ffffff;
    }


.headerFloat {
    padding-bottom: 5px;
}

.header-checkout {
    color: white !important;
    font-family: 'Sofia W01 Regular', Helvetica, Arial, sans-serif !important;
}

.headermiddle {
    background-color: #000000;
    padding-top: 17px;
    padding-bottom: 10px;
    margin-top: -1px;
    z-index: 99999;
    position: relative;
    height: 74px;
}

    .headermiddle .logo {
        height: 79px;
        width: 240px;
        float: left;
        margin-top: 40px;
    }

    .headermiddle .headerlinks {
        text-align: center;
        font-size: 10.65px;
        color: #ffffff;
    }

.headerlinks a:visited {
    color: #fff !important;
}

.top-navigation {
    position: relative;
    bottom: 10px;
    color: black;
    background-color: white;
    z-index: 1023;
    /*min-height: 370px;*/
    margin-top: 8px;
}


#myaccounttext a {
    font-size: 15px;
    color: #fff !important;
    font-weight: bold;
    position: relative;
    top: -5px;
    text-decoration: none !important;
    left: -7px;
}

    #myaccounttext a:hover {
        text-decoration: underline !important;
    }

#myaccountpadding {
    height: 11px;
    display: block;
}

#cartshiftfull {
    float: left;
    margin-top: -2px;
}

#cartCount {
    border-radius: 50%;
    padding: 2px 7px 2px 7px;
    color: black;
    background-color: #fdcd00;
    position: relative;
    top: -3px;
    font-weight: bold;
    font-size: 11px;
    margin-left: 0px;
    left: -17px;
}

@media (max-width: 319px) {
    #cartCount {
        left: -4px;
    }
}

#AutoCompleteProducts {
    margin-bottom: 5px;
}

.cartImg {
    font-size: 25px !important;
    position: relative;
    left: -4px;
    top: 5px;
}

@media (max-width: 319px) {
    .cartImg {
        left: 9px;
        top: 5px;
    }
}

#cartCount:hover {
    text-decoration: none;
}

#miniCartClick {
    cursor: pointer;
}



.eo-header {
    float: left;
    padding-right: 40px;
}

@media (max-width: 991px) {

    .eo-header {
        padding-right: 0px;
        float: none !important;
    }
}

@media (max-width: 400px) {

    .eo-header img {
        width: 194px !important;
    }
}

/*header search box*/

.searchbox {
    width: auto;
    padding: unset;
    border-radius: 5px;
    border: none;
    height: auto;
}

.input-group-sh &gt; .form-control-sh:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-sh &gt; .form-control-sh {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
    padding-left: 10px !Important
}

.form-control-sh {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.input-group-sh {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    padding-top: 2px;
}

.input-group-append-sh {
    margin-left: -1px;
}

.input-group-append-sh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.input-group-sh &gt; .input-group-append-sh &gt; .btn-sh {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}


.btn-sh:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn-outline-secondary-sh {
    color: #000000;
    background-color: #fdcd00;
    background-image: none;
}

.btn-sh {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    z-index: 99;
}

.btn-outline-secondary-sh:hover {
    color: #fff;
}

#searchbar.col-lg-7:lang(de) {
    width: 58% !important;
}

#searchbar.col-lg-7:lang(fr) {
    width: 57% !important;
}

#searchbar.col-lg-7:lang(en-IE) {
    width: 57% !important;
}

#searchbar.col-lg-7:lang(zh-CN) {
    width: 57% !important;
}

#searchbar.col-lg-7:lang(ja-JP) {
    width: 57% !important;
}

#searchbar.col-lg-7:lang(en-GB) {
    width: 57% !important;
}

@media (max-width: 1199px) {

    #searchbar.col-lg-7:lang(de) {
        width: 48% !important;
    }

    #searchbar.col-lg-7:lang(fr) {
        width: 47% !important;
    }

    #searchbar.col-lg-7:lang(en-IE) {
        width: 47% !important;
    }

    #searchbar.col-lg-7:lang(zh-CN) {
        width: 47% !important;
    }

    #searchbar.col-lg-7:lang(ja-JP) {
        width: 47% !important;
    }

    #searchbar.col-lg-7:lang(en-GB) {
        width: 47% !important;
    }
}

/*header search box old*/

#SearchButton {
    height: 37px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #fdcd00;
    border: none;
    position: relative;
    left: -10px;
    padding-right: 15px;
    padding-left: 15px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    line-height: 0px;
    top: 1px;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .searchbutton2 {
        top: 0px;
    }
}


/*SAFARI Iphone*/

@supports (-webkit-text-size-adjust:none) and (not (-ms-accelerator:true)) {
    #SearchButton {
        top: 1px;
    }

    .searchbutton2 {
        top: 0px !important;
    }
}

/*CHROME*/

@media (min-width:1200px) and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {

    #SearchButton {
        top: 0px;
    }
}


/* Safari 10.1 */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {
        #SearchButton {
            top: 0px;
        }

        .searchbutton2 {
            top: -1px !important;
        }
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .searchbutton2 {
        top: 0px !important;
    }

    #SearchButton {
        top: 0px !important;
        height: 36.5px;
    }
}

@-moz-document url-prefix() {

    .searchbutton2 {
        top: 0px !important;
    }

    #SearchButton {
        top: 1px;
        height: 37.5px;
    }
}

.st-default-autocomplete {
    width: 712px !important;
}

/*RESOURCES*/

.arrow2 {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #efefef;
    margin: auto;
    position: relative;
    padding-top: 4px
}

/*
    ================
    Footer
    ================
*/

.eoFooter {
    border-top: 1px solid #dadada;
    background-color: #ffffff;
}

#footerbg form {
    display: inline !important;
    margin-top: 0em;
}


#footerbg input[type=text] {
    width: 50%;
    height: 49px;
    padding: 10px;
    color: #000000;
    font-size: 18px !important;
    margin-bottom: 40px;
}

    #footerbg input[type=text]::-webkit-input-placeholder {
        color: #bcbcbc;
    }

    #footerbg input[type=text]::-moz-placeholder {
        color: #bcbcbc;
    }

    #footerbg input[type=text]:-ms-input-placeholder {
        color: #bcbcbc;
    }


    #footerbg input[type=text]::-moz-placeholder {
        color: #bcbcbc;
    }

@media (max-width:1199px) {
    #footerbg input[type=text] {
        width: 90%;
        margin-left: 15px;
        margin-bottom: 15px !important;
    }

    #footerbg input[type=submit] {
        top: 0px;
        margin-left: 7px;
        height: 55px !important;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 30px !important;
    }
}

#footerbg input[type=submit] {
    font-weight: bold;
    margin-top: 2px;
    height: 49px;
    position: relative;
    top: -1px;
    box-shadow: 3px 3px 4px #686868;
}

    #footerbg input[type=submit]:hover {
        top: 1px;
        position: relative;
        text-decoration: none !important;
        box-shadow: 5px 3px 4px #686868;
    }

.quote {
    font-size: 17px !important;
    font-weight: bolder !important;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 0px;
}

.stocknumber {
    font-size: 14px;
}

#containerone {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

#footer a {
    font-size: 15px;
}

.footerbtnlink {
    font-weight: bold;
    font-size: 36px;
}

#footerbg {
    background-color: #949494;
}

.copyright {
    margin-top: 10px;
    text-align: center;
    font-size: 15px;
}

    .copyright a {
        color: #6b6b6b !important;
    }

.footerheading {
    font-size: 19px;
}



#legallogos {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 10px;
}

#socialnetworks {
    margin: 0px auto;
}

#belowsitemap {
    margin: 0 auto;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

#underseals {
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

.footerlinks {
    position: relative;
    top: -5px;
}

    .footerlinks ul {
        list-style-type: none;
        padding: 0px;
        font-size: 15px;
        position: relative;
        z-index: 9999;
        background-color: #fff;
        margin-bottom: -16px;
    }

        .footerlinks ul li {
            padding-bottom: 10px;
        }

            .footerlinks ul li ul li {
                padding-bottom: 0px !important;
                margin: 0px;
                font-weight: normal;
                font-size: 15px;
            }
/* Quick Quote and Catalog homepage */
.quickquotehome {
    width: 380px;
}

.quickquote {
    width: 200px;
}

#footerbg {
    margin-bottom: 15px;
}

.qq {
    font-size: 12px !important;
    box-shadow: none !important;
    padding: 10px !important;
    border: 1px solid #fff;
    background-color: transparent !important;
    color: #fff !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
    float: left;
    margin-left: 0px !important;
    margin-left: 15px !important;
}

.qqh2 {
    margin-top: 10px;
    text-align: right;
}

@media (max-width:991px) {

    .qq {
        font-size: 17px !important;
        margin: auto 0;
        margin-top: 10px !important;
        margin-bottom: 30px !important;
        width: 50% !important;
        float: none;
        margin-left: 0px !important;
        height: auto !important;
    }

    .qqh2 {
        text-align: center;
    }
}


/* Mobile */
.nomobile {
    display: normal;
}

.yesmobile {
    display: none;
}

#searchbar {
    position: relative;
}

.cfm-header {
    float: left;
    padding-top: 5px
}

@media (max-width:1199px) {

    .category-container .next, .category-container .prev {
        text-align: left !important;
    }

    .nohomepage {
        display: none;
    }

    .twoColhome {
        padding-left: 0px;
        padding-right: 15px;
    }

    .yeshomepage {
        display: inline;
    }

    .lapPaddingLeft65px {
        padding-left: 65px !important;
    }

    .g-recaptcha {
        float: right;
        padding-right: 15px;
        padding-bottom: 15px;
    }

    .st-default-autocomplete {
        width: 508px !important;
    }

    .no1199 {
        display: none !important;
    }

    .yes1199 {
        display: inline;
    }

    #lowerheader {
        height: 100px;
        padding-top: 10px;
    }

        #lowerheader input[type=text] {
            width: 80% !important;
            height: 37px;
            position: relative;
            padding-left: 5px !important;
        }
}

@media (max-width:991px) {

    .alignCenter {
        text-align: center;
    }

    .category-container .next a {
        left: -11px;
    }

    .lapPaddingLeft65px {
        padding-left: 15px !important;
    }

    #categories .header {
        margin-left: -30px;
        margin: auto 0;
    }

    .mnopad {
        padding: 0px !important;
    }

    .mpadneg10 {
        margin-bottom: -10px !important;
    }

    .icarousel {
        width: 632px;
    }

    #countrySM .countryContent {
        border-right: none !important;
    }

    .noipad {
        display: none !important;
    }

    .yesipad {
        display: inline;
    }

    .nineNineLeft15px {
        margin-left: 15px;
    }

    .nRight20px {
        margin-right: 20px;
    }

    .nLeft22px {
        padding-left: 22px;
    }

    .nLeft15px {
        margin-left: 15px;
    }

    /* Homepage mobile */

    .quickquotehome {
        width: 100%;
    }

    .quickquote {
        width: 100%;
    }


    /* Mobile Menu */

    .menu {
        padding-top: 0px !important;
        display: inline-block !important;
        padding-bottom: 0px !important;
    }

        .menu div {
            height: 45px !important;
            border-bottom: 1px solid #fff;
            display: inline-block !important;
            width: 100% !important;
        }

            .menu div a {
                padding-left: 0px !important;
                width: auto !important;
            }

                .menu div a:visited {
                    color: #000 !important;
                }


    /* Mobile Search */


    .norightborder {
        border-right: 0px !important;
    }

    .headerFloat {
        float: inherit;
        padding-bottom: 5px;
        padding-left: 10px;
    }

    .container {
        width: 100%;
    }

    .quote {
        font-size: 19px;
    }

    span.stocknumber {
        font-family: Helvetica, Arial, sans-serif !important;
    }

    .category-container {
        width: 92% !important;
    }

    .btn-othernine {
        width: 100%;
        margin-top: 10px;
        height: 50px;
    }

    .indentLeftnine {
        margin-left: 20px;
    }

    .indentRightnine {
        margin-right: 15px;
    }

    .mindentleft {
        padding-left: 15px !important;
    }

    .mindentright {
        padding-right: 15px;
    }

    .mindentminusleft {
        padding-left: 15px;
    }

    .st-default-autocomplete {
        width: 635px !important;
    }
}

@media (max-width: 767px) {

    #footerbg {
        margin-bottom: 35px;
    }

    .category-container .next a {
        left: -9px;
    }

    .twoColhome {
        padding-left: 0px;
        padding-right: 15px;
    }


    .st-default-autocomplete {
        width: 480px !important;
    }

    .g-recaptcha {
        float: none;
    }

    .lapPaddingLeft65px {
        padding-left: 15px !important;
    }

    .mobile100 {
        width: 100% !important;
    }


    .yesmobile {
        display: inline;
    }

    .btn-other {
        width: 100%;
        margin-top: 10px;
    }

    .nomobile {
        display: none;
    }

    .mindentright {
        margin-right: 17px;
    }

    .mnorightborder {
        border-right: 0px !important;
    }

    .mRight10px {
        margin-right: 10px;
    }


    /* Mobile Country Select */

    #countryLG .countryContent {
        border: none !important;
    }

    .mshippmentbtn {
        width: 93%;
        margin-bottom: 10px;
    }
    /* Forms */

    .mleftalign {
        text-align: left !important;
    }
    /* Footer */
    #footerbg input[type=submit] {
        top: 0px;
        margin-left: 7px;
        height: 55px;
        width: 100%;
        margin-top: 5px;
    }

    body {
        font-size: 18px;
    }

    .stocknumber {
        padding: 10px;
        font-size: 16px;
    }

    #containerone {
        padding-top: 15px;
        padding-bottom: 20px;
    }

    .nopadding {
        margin-top: 0px;
        margin-bottom: 0px;
    }
}


.dropdownpad ul {
    margin-bottom: -30px;
}


/* End Footer */

@media (max-width: 666px) {
    .mcarousel {
        width: 195px;
    }

    .st-default-autocomplete {
        width: 275px !important;
    }
}

@media (max-width: 400px) {
    .headerFloat a img {
        width: 60%;
        height: 60%;
        margin-top: 7px !important
    }

    .st-default-autocomplete {
        width: 225px !important;
    }
}

@media (max-width: 319px) {
    .headerFloat a img {
        width: 172px !important;
        margin-top: 9px !important
    }
}

/*
    ================
    Country Box
    ================
*/
#countrySM {
    background-color: #f7f7f7;
}

    #countrySM .countryContent {
        border-right: #bbb 1px solid;
    }

.countryPadding {
    padding-top: 8px;
}

@media (max-width:1170px) {
    .respd {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.country-form p {
    font-size: 14px;
    margin-bottom: 10px;
}
/*
    ================
    Video Thumbnail
    ================
*/
.duration {
    position: relative;
    top: -29px;
    right: -53px;
    padding: 5px;
    color: #FFF;
    background: rgba(0,0,0,.5);
    cursor: pointer;
}

.clip {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

    .clip img {
        cursor: pointer;
    }

.vidBlockTitle {
    text-align: center;
    position: relative;
    top: -15px;
}


/*
    ================
    Video
    ================
*/

.video-container {
    position: relative;
    padding-bottom: 51.25% !important;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    border: 1px solid #dadada;
}

.video-container2 {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container2 iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        width: 80%;
        height: 80%;
    }
/*
    ================
    FAQ
    ================
*/
.faqQuestion {
    cursor: pointer;
}

#faqContainer {
    padding-top: 5px;
}

    #faqContainer faqQuestion {
        margin: 5px 4px;
        line-height: 16px;
        cursor: pointer;
    }

        #faqContainer faqQuestion a {
            padding-left: 15px;
            display: inline-block;
        }

            #faqContainer faqQuestion a.open {
                background: transparent url(/images/ui/minus.gif) 0px 3px no-repeat;
            }

            #faqContainer faqQuestion a.closed {
                background: transparent url(/images/ui/plus.gif) 0px 3px no-repeat;
            }

.faqList faqAnswer {
    margin: 5px 0 5px 19px;
    display: none;
}
/*

/* Press Release */
.prImage {
    float: right;
    padding-left: 10px;
}

@media (max-width: 767px) {
    .prImage {
        float: unset;
        margin-bottom: 15px;
    }
}
/*
================================
    Old Banner
================================
   
*/


.next {
    background-position: 0 -42px;
}

.prev {
}

.pagination {
    width: 100px;
    margin: 0 auto;
    margin-top: 10px;
    padding-left: 45px;
}

    .pagination li a {
        display: inline-block;
        width: 15px;
        height: 15px;
    }

    .pagination li {
        background: url(/assets/images/banner-images/circle-highlight-set.gif) no-repeat top;
        display: inline;
        float: left;
    }

        .pagination li.current {
            background-position: 0 -15px;
        }

/*
    ================
    Login/Register
    ================
*/

.wrapper-login {
    max-width: 430px;
    padding: 32px 30px;
    border: solid 1px #e4e4e4;
    margin: 20px auto 40px auto;
    background-color: white;
}

.wrapper-grey {
    max-width: 430px;
    padding: 0px 30px;
    margin: 0px auto 40px auto;
    font-family: Arial, Helvetica, sans-serif;
}

.wrapper-login p {
    font-family: Arial, Helvetica, sans-serif;
}

.wrapper-login .btn, .my-account-btn {
    background-color: #7286a8;
    border-radius: 0px !important;
    font-weight: bold !important;
    text-transform: uppercase;
}

.wrapper-login h2 {
    text-align: center;
    margin-top: 0;
}

.link-forgot-password {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.link-register-container {
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
}

.field-bluebg {
    background-color: #e9f1fb;
    padding: 20px 30px;
    margin-left: -30px !important;
    width: 428px;
}


/*
================
Carousel
================
*/
#categories .header {
    font-size: 24px;
    padding-bottom: 0px !important;
}

    #categories .header .line {
        font-weight: normal;
    }

.featheader {
    margin-bottom: 20px;
    border-bottom: 1px solid #dadada;
}

#categories .header a {
    color: #0462BE;
    font-size: 15px;
    font-weight: normal;
}

    #categories .header a:lang(ko-KR) {
        color: #0462BE;
        font-size: 15px;
        font-weight: normal;
        font-family: Helvetica, Arial, "Malgun Gothic", sans-serif !important;
        border-left: 1px solid #dadada;
        padding-left: 7px;
    }

    #categories .header a:lang(ja-JP) {
        color: #0462BE;
        font-size: 15px;
        font-weight: normal;
        font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif !important;
        border-left: 1px solid #dadada;
        padding-left: 7px;
    }

    #categories .header a:lang(zh-CN) {
        color: #0462BE;
        font-size: 15px;
        font-weight: normal;
        font-family: Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif !important;
        border-left: 1px solid #dadada;
        padding-left: 7px;
    }

.category-container {
    margin-left: 0px;
    overflow: hidden;
    position: relative;
}

.category-contents {
    margin-left: 0px;
    padding-right: 0px;
}

.category-cover {
    width: 7000px !important;
    height: 210px;
    position: relative;
    left: 0;
    margin: 0;
    padding: 0;
    top: 0;
    overflow: visible !important;
}

.category-item p {
    font-size: 12px;
    padding: 10px;
    text-align: center;
    line-height: 16px;
    margin-bottom: 10px;
    font-family: Helvetica, Arial, sans-serif !important;
}

.category-item {
    padding-top: 10px;
    text-align: center;
    display: inline-block;
    text-align: center;
    width: 170px;
    margin-right: 30px;
}

    .category-item img {
        width: 170px;
        height: 170px;
    }

.category-container .next, .category-container .prev {
    min-height: 100px;
    width: 30px;
    cursor: pointer;
    position: absolute;
}

.category-container .next {
    right: 0;
    float: right;
}

    .category-container .next a, .category-container .prev a {
        background: url(/assets/images/carousel/arrow-banner-set-sm.png) no-repeat top;
        width: 30px;
        height: 30px;
        position: absolute;
        z-index: 65;
        top: 80px;
    }

    .category-container .next a {
        background-position: 0 -30px;
    }

.category-container .prev a {
    float: left;
    background-position: 0 0;
}

/*
    ================
    Right Column
    ================
*/
.rccImage {
    float: right;
    padding-left: 10px;
    padding-top: 10px;
}

/*
    ================
    Forms
    ================
*/
#validation {
    display: none;
}

    #validation &gt; span {
        display: none;
    }

/* 
	==========================
	Html Style
	==========================

*/
html {
    font-size: 16px !important;
    -webkit-tap-highlight-color: #ffffff !important;
}

html {
    -webkit-text-size-adjust: 100% !important;
    -ms-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
}

body {
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #333 !important;
    background-color: #fff !important;
}
/* 
	==========================
	HR Style
	==========================

*/

hr {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    border: 0 !important;
    border-top: 1px solid #dadada !important;
}

/* 
	==========================
	Heading Styles
	==========================
*/

.row {
    margin-right: -15px;
    margin-left: 0px;
}

.h3 {
    font-weight: 500 !important;
    color: inherit !important;
    font-family: 'Sofia W01 Bold', Helvetica, Arial, sans-serif !important;
}

    .h3:lang(ko-KR) {
        font-family: Helvetica, Arial, "Malgun Gothic", sans-serif;
        font-weight: 500 !important;
        color: inherit !important;
    }

    .h3:lang(ja-JP) {
        font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif !important;
        font-weight: 500 !important;
        color: inherit !important;
    }

    .h3:lang(zh-CN) {
        font-family: Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
        font-weight: 500 !important;
        color: inherit !important;
    }

.h4 .small {
    font-weight: normal !important;
    color: #777 !important;
    font-family: 'Sofia W01 Regular', Helvetica, Arial, sans-serif !important;
}

h1, .h1, h2, .h2, h3, .h3, h5, .h5, h4 .h4 h6, .h6, h8, .h8 {
    line-height: 1.5em;
    font-family: 'Sofia W01 Regular', Helvetica, Arial, sans-serif !important;
}

h1, .h1, h2, .h2, h3, .h3 {
    letter-spacing: .8px;
}

    h1:lang(ja-JP), .h1:lang(ja-JP), h2:lang(ja-JP), .h2:lang(ja-JP), h3:lang(ja-JP), .h3:lang(ja-JP), h5:lang(ja-JP), .h5:lang(ja-JP) h6:lang(ja-JP), .h6:lang(ja-JP), h8:lang(ja-JP), .h8:lang(ja-JP) {
        font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif !important;
        line-height: 1.5em;
    }

    h1:lang(ko-KR), .h1:lang(ko-KR), h2:lang(ko-KR), .h2:lang(ko-KR), h3:lang(ko-KR), .h3:lang(ko-KR), h5:lang(ko-KR), .h5:lang(ko-KR) h6:lang(ko-KR), .h6:lang(ko-KR), h8:lang(ko-KR), .h8:lang(ko-KR) {
        font-family: Helvetica, Arial, "Malgun Gothic", sans-serif;
        line-height: 1.5em;
    }

    h1:lang(zh-CN), .h1:lang(zh-CN), h2:lang(zh-CN), .h2:lang(zh-CN), h3:lang(zh-CN), .h3:lang(zh-CN), h5:lang(zh-CN), .h5:lang(zh-CN) h6:lang(zh-CN), .h6:lang(zh-CN), h8:lang(zh-CN), .h8:lang(zh-CN) {
        font-family: Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
        line-height: 1.5em;
    }

h1, .h1 {
    font-size: 30px !important;
    font-weight: bold;
    font-family: 'Sofia W01 Bold', Helvetica, Arial, sans-serif !important;
}

h2, .h2 {
    font-size: 24px !important;
    font-weight: normal;
    font-family: 'Sofia W01 Regular', Helvetica, Arial, sans-serif !important;
}

h3, .h3 {
    font-size: 18px !important;
    font-weight: bold !important;
    font-family: 'Sofia W01 Bold', Helvetica, Arial, sans-serif !important;
}

h4, .h4 {
    font-size: 15px !important;
    font-family: 'Sofia W01 Bold', Helvetica, Arial, sans-serif !important;
    font-weight: bold
}

    h4:lang(ko-KR), .h4:lang(ko-KR) {
        font-size: 15px !important;
        font-family: Helvetica, Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo, sans-serif !important;
    }

    h4:lang(ja-JP), .h4:lang(ja-JP) {
        font-size: 15px !important;
        font-family: Georgia, "Times New Roman", Times, serif !important;
    }

    h4:lang(zh-CN), .h4:lang(zh-CN) {
        font-size: 15px !important;
        font-family: Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif !important;
    }

h5, .h5 {
    font-size: 16px !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-family: 'Sofia W01 Regular', Helvetica, Arial, sans-serif !important;
    margin-top: 10px;
}

    h5:lang(ko-KR), .h5:lang(ko-KR) {
        font-size: 16px !important;
        font-style: italic !important;
        font-weight: 100 !important;
        font-family: Helvetica, Arial, "Malgun Gothic", sans-serif !important;
        margin-top: 10px;
    }

    h5:lang(ja-JP), .h5:lang(ja-JP) {
        font-size: 16px !important;
        font-style: italic !important;
        font-weight: 100 !important;
        font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif !important;
        margin-top: 10px;
    }

    h5:lang(zh-CN), .h5:lang(zh-CN) {
        font-size: 16px !important;
        font-style: italic !important;
        font-weight: 100 !important;
        font-family: Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif !important;
        margin-top: 10px;
    }

h8, .h8 {
    font-size: 16px !important;
    font-weight: bold;
    padding-left: 10px;
    font-family: 'Sofia W01 Bold', Helvetica, Arial, sans-serif !important;
}

h6, .h6 {
    font-size: 12px !important;
    font-weight: 400 !important;
    font-family: 'Sofia W01 Regular', Helvetica, Arial, sans-serif !important;
    line-height: 1.6;
    margin-bottom: 20px;
}

    h6 a:link {
        text-decoration: underline !important;
    }

p {
    margin: 0 0 10px !important;
}

/* 
	==========================
	Container Styles
	==========================
*/

.container {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

@media (max-width: 991px) {
    .respon-pd {
        padding-left: 15px !important;
    }

    .respon-m-tp {
        padding-top: 15px !important;
    }
}

.pdright0px {
    padding-right: 0px;
}

@media (max-width: 991px) {
    .pdright0px {
        padding-right: 15px;
    }

    .text-right {
        text-align: left;
    }
}

@media (max-width: 1199px) {
    .text-right {
        text-align: left;
        margin-bottom: 5px;
    }
}

@media (max-width: 991px) {

    .familyid {
        margin-top: 15px !important;
    }
}


.container.grey {
    background-color: #efefef;
    margin-bottom: 30px;
}

.box-white {
    background-color: white;
    border: solid 1px #dadada;
    padding: 15px;
}

.halfboxL-white {
    background-color: white;
    border: solid 1px #dadada;
    padding: 15px;
    width: 49%;
    float: left;
}

.halfboxR-white {
    background-color: white;
    border: solid 1px #dadada;
    padding: 15px;
    width: 50%;
    float: right;
}


@media (max-width: 1199px) {
    .halfboxL-white, .halfboxR-white {
        width: 100%;
        margin-bottom: 15px;
    }

    .cart-headL {
        margin-left: 15px;
    }
}

@media (max-width: 991px) {
    .halfboxL-white a.cart-button, .halfboxR-white a.cart-button {
        width: 100%;
        margin-top: 15px
    }
}

.primary {
    padding: 5px;
    background-color: #dadada;
    border: none;
    text-align: center;
}

.primarytop {
    padding: 5px;
    background-color: #dadada;
    border: none;
    text-align: center;
}

@media (max-width: 991px) {

    .primary {
        margin-bottom: 15px;
    }

    .primarytop {
        margin-right: 15px;
    }
}

.container-fluid {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

/* 
	==========================
	Table  Styles
	==========================
*/
.gridContent {
    border-bottom: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
    margin-bottom: 20px;
    width: 100%;
}

    .gridContent td {
        border-bottom: 1px solid #dadada;
        border-right: 1px solid #dadada;
        padding: 5px;
        vertical-align: top;
    }

.table &gt; thead &gt; tr &gt; th, .table &gt; tbody &gt; tr &gt; th, .table &gt; tfoot &gt; tr &gt; th, .table &gt; thead &gt; tr &gt; td, .table &gt; tbody &gt; tr &gt; td, .table &gt; tfoot &gt; tr &gt; td {
    padding: 8px !important;
    line-height: 1.42857143 !important;
    vertical-align: top !important;
    border-top: 0px !important;
}

.table &gt; thead &gt; tr &gt; th {
    vertical-align: bottom !important;
    background-color: #fffbeb;
    border-bottom: 4px solid #fff;
}

.table-bordered &gt; thead &gt; tr &gt; th, .table-bordered &gt; thead &gt; tr &gt; td {
    border-bottom: 1px solid #ddd !important;
}

.table-bordered &gt; thead &gt; tr &gt; th, .table-bordered &gt; thead &gt; tr &gt; td {
    border-left: 1px solid #ddd !important;
}

.table-striped &gt; tbody &gt; tr:nth-of-type(even) {
    background-color: #fff !important;
}

.table-striped &gt; tbody &gt; tr:nth-of-type(odd) {
    background-color: #f7f7f7 !important;
}

.grayBkgd {
    background-color: #929497 !important;
    color: #fff;
    font-weight: 600;
}

th.headerSortUp &gt; span {
    background-image: url(/assets/images/up-arrow-az.png);
    background-repeat: no-repeat;
    background-position: center right;
}

th.headerSortDown &gt; span {
    background-image: url(/assets/images/down-arrow-az.png);
    background-repeat: no-repeat;
    background-position: center right;
}

/* 
	==========================
	Form Group Styles
	==========================

*/
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed !important;
    background-color: #eee !important;
    opacity: 1 !important;
}

.form-group-sm .form-control-static {
    height: 30px !important;
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

select.form-group-lg .form-control {
    height: 46px !important;
    line-height: 46px !important;
}

textarea.form-group-lg .form-control, select[multiple].form-group-lg .form-co {
    height: auto !important;
}

.form-group-lg .form-control-static {
    height: 46px !important;
    padding: 10px 16px !important;
    font-size: 18px !important;
    line-height: 1.3333333 !important;
}

form-control-static {
    min-height: 0px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    margin-bottom: 0 !important;
}

/* 
	==========================
	Input Styles
	==========================
*/
.input-lg + .form-control-feedback {
    width: 46px !important;
    height: 46px !important;
    line-height: 46px !important;
}

.input-sm + .form-control-feedback {
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
}
/* 
	==========================
	Collapse Styles
	==========================

*/


.collapse {
    display: none !important;
    visibility: hidden !important;
}

    .collapse.in {
        display: block !important;
        visibility: visible !important;
    }

/* 
	==========================
	Caret Styles
	==========================

*/

.caret {
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    margin-left: 2px !important;
    vertical-align: middle !important;
    border-top: 4px solid !important;
    border-right: 4px solid transparent !important;
    border-left: 4px solid transparent !important;
}

/* 
	==========================
	Tab Styles
	==========================
*/

.tab-content &gt; .tab-pane {
    display: none !important;
    visibility: hidden !important;
}

.tab-content &gt; .active {
    display: block !important;
    visibility: visible !important;
}
/* 
	==========================
	Nav Styles
	==========================
*/

.navcat {
    padding-left: 0 !important;
    margin-bottom: 0 !important;
    list-style: none !important;
    flex-direction: row;
    display: block;
}

    .navcat &gt; li {
        position: relative !important;
        display: inline-block;
    }

.nav &gt; li &gt; a {
    position: relative !important;
    display: block !important;
    padding: 10px 10px !important;
}

    .nav &gt; li &gt; a:hover, .nav &gt; li &gt; a:focus {
        text-decoration: none !important;
        background-color: #eee !important;
    }

.nav &gt; li.disabled &gt; a {
    color: #000 !important;
}

.navbar-nav &gt; li &gt; a {
    padding-top: 15px;
    padding-bottom: 15px;
    padding: 10px 10px;
    display: block;
}


.nav &gt; li.disabled &gt; a:hover, .nav &gt; li.disabled &gt; a:focus {
    color: #000 !important;
    text-decoration: none !important;
    cursor: not-allowed !important;
    background-color: transparent !important;
}

.nav-tabs &gt; li.active &gt; a, .nav-tabs &gt; li.active &gt; a:hover, .nav-tabs &gt; li.active &gt; a:focus {
    color: #000 !important;
    cursor: default !important;
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    border-bottom: solid 4px #ffd339 !important;
}

.navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    visibility: visible !important;
    padding-left: 15px;
}

.navbar-default {
    background-color: #fff !important;
    border: 1px solid #dadada !important;
    margin-bottom: 25px;
    margin-top: 15px;
}

    .navbar-default .navbar-brand {
        color: #000 !important;
        padding-left: 30px !important;
    }

        .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
            color: #000 !important;
        }

    .navbar-default .navbar-text {
        color: #000 !important;
    }

    .navbar-default .navbar-nav &gt; .active .navbar-default .navbar-nav &gt; .active .navbar-default .navbar-nav &gt; .active {
        color: #555 !important;
    }

    .navbar-default .navbar-nav &gt; .disable .navbar-default .navbar-nav &gt; .disable .navbar-default .navbar-nav &gt; .disable {
        color: #ccc !important;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e7e7e7 !important;
    }

    .navbar-default .navbar-nav .open .dr .navbar-default .navbar-nav .open .dr .navbar-default .navbar-nav .open .dr {
        color: #555 !important;
    }

    .navbar-default .navbar-nav &gt; .open &gt; a, .navbar-default .navbar-nav &gt; .active &gt; a {
        background-color: #eeeeee !important;
        padding-left: 10px;
        padding-right: 10px;
    }

.navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    visibility: visible !important;
}

.dropdown-menu &gt; li &gt; a {
    color: #0462be;
}
/* 
	==========================
	Radio Styles
	==========================

*/

.radio-inline, .checkbox-inline {
    position: relative !important;
}

.radio, .checkbox {
    margin-top: 0px !important;
}

/* 
	==========================
	Label Styles
	==========================
*/

.label {
    border: 1px solid #000 !important;
    text-decoration: none !important;
}

label {
    display: inline-block;
    max-width: 100% !important;
    margin-bottom: 5px !important;
    font-weight: bold !important;
}

.label {
    display: inline !important;
    padding: .5em .6em .3em !important;
    font-size: 55% !important;
    font-weight: bold !important;
    line-height: 1 !important;
    color: #fff !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: baseline !important;
}

.label-instock, .label-twotothreedays, .label-threetofivedays, .label-tentofifteendays {
    background-color: #007200 !important;
}

.label-contactus {
    background-color: #000 !important;
}

.label-anchor {
    background-color: #022f66 !important;
}

.label-recertified {
    background-color: #25a902 !important;
}

.label-clearance {
    background-color: #fb0101 !important;
}

.label-volume {
    background-color: #8801fb !important;
}

.label-new {
    background-color: #0194fb !important;
}

.label-twotothreedays {
    background-color: #b37f01 !important;
}

.label-threetofivedays {
    background-color: #568dbf !important;
}

.label-tentofifteendays {
    background-color: #70763e !important;
}


input[type="checkbox"], input[type="radio"] {
    margin-right: 7px !important;
}


div#facet-modal-list input[type="checkbox"] {
    margin-top: 8px !important;
}

/* 
	==========================
	Jumbotron Styles
	==========================

*/

.jumbotron {
    width: 100% !important;
    padding-top: 0px !important;
    margin-bottom: 30px !important;
    color: inherit !important;
    background-color: #eee !important;
}

.jumbotron {
    padding: 48px 0 !important;
}
/* 
	==========================
	Alert Styles
	==========================

*/

.alert {
    padding: 10px !important;
    padding-left: 15px !important;
}

.alert-info, .alert-winter {
    color: #31708f !important;
    background-color: #d9edf7 !important;
    border-color: #bce8f1 !important;
}

.alert-warning {
    color: #8a6d3b !important;
    background-color: #fcfccf !important;
    border-color: #fcfccf !important;
}

    .alert-warning hr {
        border-top-color: #fcfccf !important;
    }

.alert-danger {
    color: #a94442 !important;
    background-color: #fcfccf !important;
    border-color: #ebccd1 !important;
}

/* 
	==========================
	A.List Styles
	==========================
*/


a.list-group-item {
    color: inherit;
}

a.list-group-item-danger .list-group-item-heading {
    color: #333 !important;
}

a.list-group-item:hover, a.list-group-item:focus {
    color: #555 !important;
    text-decoration: none !important;
    background-color: #f5f5f5 !important;
}

a.list-group-item-success {
    color: #3c763d !important;
}

    a.list-group-item-success:hover, a.list-group-item-success:focus {
        color: #3c763d !important;
        background-color: #d0e9c6 !important;
    }

    a.list-group-item-success.active, a.list-group-item-success.active:hover a.list-group-item-success.active:focus {
        color: #fff !important;
        background-color: #3c763d !important;
        border-color: #3c763d !important;
    }

/* 
	==========================
	Modal
	==========================

*/

/*.modal {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0;
    left: 0 !important;
    z-index: 1040 !important;
    display: none !important;
    overflow: hidden !important;
}

.modal-backdrop {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
}*/

.k-window {
    top: 50% !important;
    left: 50% !important;
    width: 30em;
    height: 18em;
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    position: fixed;
}

div.k-window .rohs {
    overflow-x: hidden;
    box-shadow: 1px 1px 7px 1px rgba(128,128,128,.2);
    margin-top: -40%;
    width: 150%;
    margin-left: -30%;
    height: 80vh;
    max-height: fit-content;
    background-color: #fff;
    padding: 1.333em;
}

/* Custom Modal Window */
.eo-modal-window {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    z-index: 9999999900 !important;
}

#divModalCover {
    z-index: 999900 !important;
}

.eo-modal-content {
    background-color: #fefefe;
    margin: 15% auto !important; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
    overflow-y: auto;
}

.eo-modal-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .eo-modal-close:hover,
    .eo-modal-close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

@media (max-width: 400px) {
    div.k-window .rohs {
        width: 115%;
        margin-left: -15px;
        top: 15px;
    }
}

.k-widget.k-window {
    background: white;
    border: 1px solid #dadada;
    padding: 11px;
}

#view-all-modal .facets &gt; div &gt; div &gt; h1 {
    margin-top: 0px;
}

.widthc {
    width: 90%;
}

@media (max-width: 1000px) {
    div.k-window {
        left: 20% !important;
        width: 60% !important;
    }
}

@media (max-width: 700px) {
    .widthc {
        width: 80%;
    }
}

@media (max-width: 400px) {
    div.k-window {
        left: 7% !important;
        width: 80% !important;
        top: 10% !important;
    }

    div.k-window-content {
        font-size: 13px !important;
    }

    .close {
        font-size: 13px !important
    }
}
/* 
	==========================
	Tooltip Styles
	==========================
*/
.tooltip {
    position: absolute !important;
    z-index: 1070 !important;
    display: block !important;
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 1.4 !important;
    visibility: visible !important;
    filter: alpha(opacity=0) !important;
    opacity: 0 !important;
}
/*input[type=text], input[type=password] {
    color: #aeadad;
    padding-left: 5px;
}*/

.tooltip-inner {
    max-width: 200px !important;
    padding: 3px 8px !important;
    color: #fff !important;
    text-align: center !important;
    text-decoration: none !important;
    background-color: #000 !important;
    border-radius: 4px !important;
}

/* 
	==========================
	Hidden Styles
	==========================
*/
.hidden {
    display: none !important;
}

/* 
	==========================
	Bootstrap Form Styles
	==========================
*/
.zipReq, span.zipReq, .bootstrap-frm label &gt; span.zipReq {
    float: none !important;
    padding-right: 0 !important;
}

.bootstrap-frm {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    background: #FFF !important;
    padding: 0px 0px 0px 0px !important;
    color: #000 !important;
    font-weight: normal !important; /*font-weight: normal;*/
}

    .bootstrap-frm h1 &gt; span {
        display: block !important;
        font-size: 11px !important;
    }

    .bootstrap-frm label {
        display: inline !important;
        margin: 0px 0px 5px !important;
        font-weight: normal !important;
        color: #000;
        padding-right: 10px;
        font-family: 'Sofia W01 Regular', Helvetica, Arial, sans-serif !important;
    }

        .bootstrap-frm label:lang(ko-KR) {
            display: inline !important;
            margin: 0px 0px 5px !important;
            font-family: Helvetica, Arial, "Malgun Gothic", sans-serif !important;
            font-weight: normal !important;
            color: #000;
            padding-right: 10px;
        }

        .bootstrap-frm label:lang(ja-JP) {
            display: inline !important;
            margin: 0px 0px 5px !important;
            font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif !important;
            font-weight: normal !important;
            color: #000;
            padding-right: 10px;
        }

        .bootstrap-frm label:lang(zh-CN) {
            display: inline !important;
            margin: 0px 0px 5px !important;
            font-family: Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif !important;
            font-weight: normal !important;
            color: #000;
            padding-right: 10px;
        }

        .bootstrap-frm label &gt; span {
            float: left !important;
            width: 20% !important;
            text-align: right !important;
            padding-right: 10px !important;
            color: #000 !important;
            /*font-family: Georgia, "Times New
font-size: 16pt;*/
            font-weight: normal !important;
        }

    .bootstrap-frm input[type="text"], .bootstrap-frm input[type="password"], .bootstrap-frm input[type="email"], .bootstrap-frm textarea, .bootstrap-frm select, .bootstrap-frm input[type="number"] {
        border: 1px solid #e3e3e3 !important;
        color: #000 !important;
        height: 30px !important;
        line-height: 20px !important;
        margin-bottom: 16px !important;
        margin-right: 6px !important;
        margin-top: 2px !important;
        outline: 0 none !important;
        padding: 0px 0px 0px 10px !important;
        font-weight: normal;
        width: 100%
    }

    .bootstrap-frm input[type="file"] {
        color: #000 !important;
        height: 30px !important;
        line-height: 20px !important;
        margin-bottom: 16px !important;
        margin-right: 6px !important;
        margin-top: 2px !important;
        outline: 0 none !important;
        padding: 5px 0px 5px 5px !important;
        width: 100% !important;
        font-weight: normal;
        font-size: 14px;
    }

    .bootstrap-frm select {
        background: #FFF !important;
        text-indent: 0.01px !important;
        text-overflow: '' !important;
        width: 30% !important;
        line-height: 15px !important;
        padding-left: 5px !important;
    }

    .bootstrap-frm textarea {
        height: 100px !important;
        padding: 5px 0px 0px 5px !important;
        width: 70% !important;
    }
/* Forms Review Styling */
input:disabled, select:disabled {
    background-color: #e3e3e3 !important;
}
/* 
	==========================
	Cart Nav Style
	==========================

*/


.cartnav a {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

    .cartnav a#on {
        font-weight: bold !important;
    }
/* 
	==========================
	Button Styles
	==========================

*/

.btn {
    display: inline-block !important;
    padding-top: 5px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-bottom: 0 !important;
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 1.42857143 !important;
    text-align: center !important;
    white-space: nowrap !important;
    -ms-touch-action: manipulation !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    background-image: none !important;
    border: 1px solid transparent !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    border-radius: 04px !important;
    vertical-align: middle !important;
}

    .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
        pointer-events: none !important;
        cursor: not-allowed !important;
        filter: alpha(opacity=65) !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        opacity: .65 !important;
    }

    .btn:hover, .btn:focus, .btn.focus {
        color: #fff !important;
        text-decoration: none !important;
        font-weight: 500 !important;
    }


.btn-other, .btn-new {
    text-align: center !important;
    color: #000;
    display: inline-block !important;
    padding: 5px 10px 6px !important;
    cursor: pointer !important;
    letter-spacing: 2px !important;
    position: relative !important;
    overflow: hidden !important;
    text-decoration: none !important;
    background-color: #fdcd00;
    bottom: -12px !important;
    text-transform: uppercase !important;
    font-size: 19px !important;
    width: auto !important;
    box-shadow: none !important;
    bottom: 0 !important;
    top: 0 !important;
    border-radius: 0 !important;
    background: #fbcc30;
    margin-top: 10px;
    font-family: sofia w01 bold,Helvetica,Arial,sans-serif !important;
    margin-bottom: 15px;
    border: 0px !important;
    color: #000 !important;
}

    .btn-new:before, .btn-other:before, .mktoForm .mktoButtonWrap.mktoGlow .mktoButton:before {
        content: "" !important;
        position: absolute !important;
        height: 150px !important;
        width: 50px !important;
        background: #fff !important;
        left: -60px !important;
        top: -40px !important;
        transform: rotate(37deg) !important;
        transition: all .3s !important;
        opacity: 0.3 !important;
    }

    .btn-new:hover, .btn-other:hover {
        text-decoration: none !important;
        color: #000 !important;
        top: 0px !important;
    }

        .btn-new:hover:before, .btn-other:hover:before {
            left: 160px !important;
        }
/* 
	==========================
	Alerts
	==========================

*/

.alert-info {
    background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9cef0 100%) !important;
    background-image: -o-linear-gradient(top, #d9edf7 0%, #b9cef0 100%) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9cef0)) !important;
    background-image: linear-gradient(to bottom, #d9edf7 0%, #b9cef0 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9cef0', GradientType=0) !important;
    background-repeat: repeat-x !important;
    border-color: #9acfea !important;
}

.alert-winter {
    background-image: url('../Library/Caches/TemporaryItems/img/snow-holiday-hours.png') !important;
    background-position: bottom !important;
}

.alert-warning {
    background-image: -webkit-linear-gradient(top, #fcfccf 0%, #f8edb1 100%) !important;
    background-image: -o-linear-gradient(top, #fcfccf 0%, #f8edb1 100%) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8edb1), to(#f8efc0)) !important;
    background-image: linear-gradient(to bottom, #fcfccf 0%, #f8edb1 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcfccf', endColorstr='#fff8edb1', GradientType=0) !important;
    background-repeat: repeat-x !important;
    border-color: #f5e69a !important;
}
/* 
	==========================
	Secondary Nav Menu
	==========================

*/

.menuwell {
    border-radius: 5px !important;
    background: #eeeeee !important;
    margin-top: -25px !important;
    padding: 7px !important;
    width: 100% !important;
}

    .menuwell &gt; .navbar-nav &gt; li &gt; a:hover, .menuwell &gt; .navbar-nav &gt; li &gt; a:focus {
        background-color: #bfbfbf !important;
    }

    .menuwell &gt; .navbar-nav &gt; .active, .menuwell &gt; .navbar-nav &gt; .active {
        background-color: #bfbfbf !important;
        font-weight: bold !important;
        color: #414141 !important;
    }

.well-blue {
    background-color: #0090b4;
    color: #fff;
    padding-bottom: 15px;
    padding-left: 30px;
    height: 120px;
}

/* Cart */
.greenCircle {
    background-color: green;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
    color: white;
    float: left;
    margin-right: 5px;
}

    .greenCircle a:hover {
        text-decoration: none;
    }
/* Breadcrumbs */

.breadcrumb {
    background-color: transparent !important;
    padding-right: 5px;
    padding-left: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    display: inline-block;
    margin-top: -5px !important;
    font-size:12px !important;
}

    .breadcrumb &gt; p {
        margin-top: 5px !important;
        margin-bottom: 15px !important;
        font-size: 12px;
    }

    .breadcrumb a {
        text-decoration: underline;
    }


/* Righthand Column Block */

.rightcolumncontentblock {
    /*padding-left:30px;*/
}

.rightcolumnexternalcontentblock {
    /*padding-left:30px;*/
}
/* Form Input Box */

input, button, select, textarea {
    /*color:#989898;*/
    padding-left: 5px;
    padding: 2px;
}
/* My Account */

.thickBorderTop {
    border-top: 3px solid #dadada;
}

.thickBorderBottom {
    border-bottom: 3px solid #dadada;
}

.thinBorderBottom {
    border-bottom: 1px solid #dadada;
}

.thinBorderRight {
    border-right: 1px solid #dadada;
}

.greenText {
    color: #0c710e;
}
/* Mini Cart */
.grayBorder {
    border: 1px solid #dadada;
}

/* Icons */
.pdf-icon {
    background: url(/assets/images/ui/share-pdf.gif) no-repeat;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 3px;
    background-size: 20px;
}

    .pdf-icon:hover {
        opacity: .75;
    }

.printer-icon {
    background: url(/assets/images/ui/share-print.gif) no-repeat;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    width: 16px;
}

.familyid {
    margin-top: 5px;
}
/* Add This Share Icons */
a.addthis_button_facebook, a.addthis_button_twitter, a.addthis_button_email {
    position: relative;
    top: -5px;
    margin-left: 3px;
}
/* Digital Catalog Styles */

#digitalcatalog {
    margin: 0;
    padding: 0;
}

    #digitalcatalog a, #digitalcatalog a:hover, #digitalcatalog a:visited {
        text-decoration: underline !important;
        color: #fff !important;
    }

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

    #digitalcatalog #headerLinks li {
        position: relative;
        list-style: none;
        float: right;
        position: relative;
        margin: 7px 10px 0 5px;
        padding-left: 8px;
    }

    #digitalcatalog #eoLogo {
        float: left;
        width: 350px;
        height: 52px;
        margin: 3px;
    }

    #digitalcatalog #eoheader {
        background: url(../images/digital-catalog/logo_eo_worldwide.jpg)no-repeat left #141414;
        margin: 0;
        padding: 0;
        height: 61px;
    }

        #digitalcatalog #eoheader .linkRegion {
            height: 60px;
            width: 210px;
            margin-left: 10px;
            display: inline-block;
        }

    #digitalcatalog .yellowBullets li {
        background: url(../images/digital-catalog/ui/bullet-arrow-yellow.gif) no-repeat scroll 0 4px;
        padding-left: 10px;
        list-style: none !important;
    }

        #digitalcatalog .yellowBullets li a {
            color: #fff;
        }

.linkRegion:hover {
    text-decoration: none;
}

#digitalcatalog #eoheader ul {
    text-align: right;
    clear: none;
    float: right;
}

#digitalcatalog #iframe {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.st-query-present {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
}

.st-default-search-input {
    height: 16px !important;
    background-image: none !important;
    padding-left: 10px !important;
}

.st-ui-search-input, .st-default-search-input, #searchbar input [type="text"] {
    display: inline-block;
    padding-top: 1px;
    height: 16px !important;
    border: 1px solid rgba(0,0,0,0.25);
    font-weight: 400;
    color: #444;
    font-size: 14px;
    line-height: 16px;
    box-sizing: content-box;
    background: #fff !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


.field-validation-error {
    color: maroon;
    padding: 7px;
    margin-bottom: 5px;
    width: 100%;
    display: inline;
    float: left;
    background-color: #fce1e1;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    background-color: #fce1e1;
}

.validation-summary-info, .validation-summary-warning, .validation-summary-nothing, .validation-summary-errors {
    padding: 7px;
    margin-bottom: 5px;
    display: block;
}

.validation-summary-info {
    color: #000;
    background: #eff5ea !important;
}

.validation-summary-warning {
    color: #000;
    background: #fcfccf !important;
}

.validation-summary-nothing {
    color: #000;
    background: #f7f7f7 !important;
}

.validation-summary-errors {
    color: maroon;
    background: #fce1e1 !important;
}

    .validation-summary-info ul, .validation-summary-warning ul, .validation-summary-nothing ul, .validation-summary-errors ul {
        margin-bottom: 0;
        margin-left: 15px;
    }

        .validation-summary-info ul li, .validation-summary-warning ul li, .validation-summary-nothing ul li, .validation-summary-errors ul li {
            list-style: disc;
            line-height: 16px;
        }

    .validation-summary-info li ul li, .validation-summary-warning li ul li, .validation-summary-nothing li ul li, .validation-summary-errors li ul li {
        list-style-type: circle;
    }

.validation-summary-valid {
    display: none;
}

.sourced {
    font-size: 13px;
    text-align: center;
    line-height: 1.2em;
    background-color: #dadada;
    border-bottom: #b9b9b9 1px solid;
}

.my-new-list {
    float: left;
    position: absolute !important;
    width: 700px;
    background-color: #FFF;
    border: solid 1px #e1e1e1;
    z-index: 100000;
    box-shadow: 3px 3px 3px #f5f5f5;
    padding-left: 0px !important;
}

@media (max-width: 1199px) {
    .my-new-list {
        width: 600px !important;
    }
}

@media (max-width: 1167px) {
    .my-new-list {
        width: 400px !important;
    }
}

@media (max-width: 992px) {
    .my-new-list {
        width: 80% !important;
        margin-left: 10%;
    }
}

.my-new-list .row {
    cursor: pointer;
    border-bottom: solid #e1e1e1 1px;
    padding: 5px;
}

    .my-new-list .row:hover {
        background-color: #f0efef;
    }

#lowerheader input::placeholder {
    color: #bcbcbc;
}

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

.btn-new {
    margin-top: 10px;
    cursor: pointer;
    padding: 10px 20px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #fbcc30;
    color: #000;
    box-shadow: 3px 3px 4px #dadada;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    border-radius: 5px;
    margin-bottom: 15px;
    font-family: 'Sofia W01 Bold', Helvetica, Arial, sans-serif !important;
}

    .btn-new:hover {
        top: 2px;
        text-decoration: none !important;
        box-shadow: 5px 3px 4px #dadada;
        background-color: #fdd01c;
    }


@media (max-width: 992px) {
    .search-results.dropdown-menu {
        display: none;
    }
}

/* dividers */

.divied-5 {
    width: 100%;
    height: 5px;
    clear: both;
}

.divied-10 {
    width: 100%;
    height: 10px;
    clear: both;
}

.divied-20 {
    width: 100%;
    height: 20px;
    clear: both;
}

.divied-30 {
    width: 100%;
    height: 30px;
    clear: both;
}

.divied-40 {
    width: 100%;
    height: 40px;
    clear: both;
}

.divied-60 {
    width: 100%;
    height: 60px;
    clear: both;
}

/* Add to Saved List button */
@media (max-width: 1200px) {
    .saved-list {
        width: 100%
    }
}

@media (max-width: 991px) {
    .saved-list {
        width: auto
    }
}

.saved-list {
    padding: 5px;
    background-color: #0065fd !Important;
    border-radius: 5px !important;
    color: #fff !important;
    border: none;
    font-family: 'Sofia W01 Regular', Arial, Helvetica, sans-serif !important;
}

    .saved-list a {
        color: #fff !important;
    }

    .saved-list:hover {
        background-color: #0065fd !important;
    }

.btn-savedList {
    margin-bottom: 15px;
}

ul.btn-savedList {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ul.btn-savedList li {
        float: left;
        text-align: center;
        width: 170px;
        margin-right: -10px;
        padding-bottom: 5px;
        padding-top: 5px;
        margin-bottom: 10px;
    }

        ul.btn-savedList li:hover {
            text-decoration: none !important;
            border-color: #585858 !important;
            color: #585858 !important;
        }

            ul.btn-savedList li:hover a {
                color: #585858 !important;
            }

.btn-savedList-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    width: 172px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 15;
    border: 1px solid #a1a1a1;
}

    .btn-savedList-content a {
        color: #a1a1a1;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        border-top: 1px solid #dadada;
    }

        .btn-savedList-content a:first-child {
            border-top: none;
        }

        .btn-savedList-content a:hover {
            background-color: #f1f1f1
        }

.viewAllSavedLists:hover .btn-savedList-content {
    display: block;
}

.viewAllSavedLists:hover .viewAllSavedLists {
    background-color: none;
}

.viewAllSavedLists {
    text-align: left
}

.rating-box {
    border-top: 1px solid #dadada;
    height: 210px;
    padding: 30px;
    margin-right: 30px
}

/* star rating */

.rating {
    border: none;
    float: left;
}

    .rating &gt; input {
        display: none;
    }

    .rating &gt; label:before {
        margin: 5px;
        font-size: 1.75em;
        font-family: var(--fa-style-family, "Font Awesome 6 Free") !important;
        display: inline-block;
        content: "\f005";
    }

    .rating &gt; label {
        color: #ddd;
        float: right;
    }

#rating-thank-you {
    display: none;
    color: #0e7700;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating &gt; input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) &gt; label:hover, /* hover current star */
.rating:not(:checked) &gt; label:hover ~ label {
    color: #fdcd00;
}
    /* hover previous stars in list */

    .rating &gt; input:checked + label:hover, /* hover current star when changing rating */
    .rating &gt; input:checked ~ label:hover,
    .rating &gt; label:hover ~ input:checked ~ label, /* lighten current selection */
    .rating &gt; input:checked ~ label:hover ~ label {
        color: #FFED85;
    }

/* Numeric rating */

.numeric-rating {
    border: none;
    float: left;
}

    .numeric-rating &gt; input {
        display: none;
    }

    /*
    .rating &gt; label:before {
        margin: 5px;
        font-size: 1.75em;
        font-family: var(--fa-style-family, "Font Awesome 6 Free") !important;
        display: inline-block;
        content: "\f005";
    }
    */

    .numeric-rating &gt; label {
        color: #000000;
        float: right;
        border: solid 1px #000000;
        padding: 15px;
        background-color: white;
        width: 10%;
    }

#rating-thank-you {
    display: none;
    color: #0e7700;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.numeric-rating &gt; input:checked ~ label, /* show gold star when clicked */
.numeric-rating:not(:checked) &gt; label:hover, /* hover current star */
.numeric-rating:not(:checked) &gt; label:hover ~ label {
    background-color: #dddddd;
}
    /* hover previous stars in list */

    .numeric-rating &gt; input:checked + label:hover, /* hover current star when changing rating */
    .numeric-rating &gt; input:checked ~ label:hover,
    .numeric-rating &gt; label:hover ~ input:checked ~ label, /* lighten current selection */
    .numeric-rating &gt; input:checked ~ label:hover ~ label {
        background-color: #dddddd;
    }

/** startUP MARKUP **/

.startup_cart {
    background-color: #000;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    font-size: 14px;
    text-align: center;
}

    .startup_cart a {
        color: #fff;
    }

        .startup_cart a:hover {
            text-decoration: none
        }

.startup_checkout {
    background-color: #000;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

    .startup_checkout a {
        color: #fff;
    }

        .startup_checkout a:hover {
            text-decoration: none
        }

#startupModalContent {
    color: #000;
}

/* 
	==========================
	Product Compare Toolbar
	==========================
*/
#productCompareCount {
    background-color: #fdcd00;
    margin-left: 5px;
    font-weight: bold;
    border-radius: 5px;
    font-size: 12px;
    padding: 5px;
    padding-right: 8px;
    top: -4px;
    position: relative;
    color:#000 !important;
}

#productCompareToolbar span#item-stocknum-label {
    color:#000;
}

#productCompareToolbar {
    position: fixed !important;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #000000cf !important;
    color: #fff;
    z-index: 999999 !important;
    padding-bottom: 15px;
}

#productCompareExpand {
    float: right !important;
    width: 15px;
    margin-top: 2px;
}

.productCompareToolbarItem {
    background-color: white;
    border: 1px solid #dadada;
    margin-bottom: 15px;
    margin-right: 20px;
    width: 48%;
    padding: 10px;
}

    .productCompareToolbarItem img {
        float: left;
        padding-right: 15px;
        padding-bottom: 0px !important;
    }

.productContainer div.container div div:nth-child(odd) {
    margin-right: 0px;
}

#removeAll {
    font-size: 12px;
    padding-bottom: 4.5px;
    padding-top: 4.5px;
    margin-top: 2px;
    top: -16px;
    position: relative;
}

#compareItems {
    float: right;
    margin: 0px 5px 0px 5px;
    font-size: 12px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-top: 2px;
}

#compareTop {
    padding-top: 10px;
    padding-bottom: 7px
}

#compareButtonsDiv {
    margin-right: 3%;
    direction: rtl;
    float: right;
    /*margin-bottom: 15px;*/
}

@media (max-width:767px) {
    .productCompareToolbarItem {
        width: 100% !important;
    }

    #removeAll {
        width: 100% !important;
        margin-top: 10px
    }

    #compareButtonsDiv {
        margin-bottom: 15px;
    }

    #productCompareExpand {
        display: none;
    }
}

@media (max-width:991px) {
    .productCompareToolbarItem {
        width: 100% !important;
    }

    #compareButtonsDiv {
        margin-right: 0%;
        direction: unset;
        float: unset;
        margin-bottom: 15px;
        display: block;
    }

    #compareItems {
        float: unset;
        margin-left: 0px;
        margin-top: 10px;
    }
}
@media (max-width:767px) {

    #compareTop &gt; span:nth-child(1) {
        display: block;
    }

    #removeAll {
        width: 100% !important;
        margin-top: 35px;
    }

    #productCompareCount {
        display: inline-block;
    }

    #compareButtonsDiv &gt; a.btn-sm.btn-other {
        width: 100% !important;
    }
}

@media (max-width:468px) {
    #compareTop &gt; span:nth-child(1) {
    }

    #productCompareCount {
        display: block;
        top: 5px;
        text-align: center;
    }
}



/* 
	==========================
	LiveChat Invite
	==========================
*/
#chatInvite {
    position: fixed;
    right: 76px;
    bottom: 76px;
    background-color: #FFFFFF;
    background-attachment: scroll;
    z-index: 100;
    width: 252px;
    height: 135px;
    padding: 20px;
    padding-bottom: 220px;
    -webkit-box-shadow: -1px 2px 29px -4px rgba(0,0,0,0.47);
    -moz-box-shadow: -1px 2px 29px -4px rgba(0,0,0,0.47);
    box-shadow: -1px 2px 29px -4px rgba(0,0,0,0.47);
    z-index: 999;
    border-top-left-radius:25px;
    border-top-right-radius:25px;
    border-bottom-left-radius:25px;
    border-bottom-right-radius:5px;
}

@media (max-width: 1200px) {
    #chatInvite {
        height: 285px;
    }
}

.chat-header {
    color: #000000;
    font-size: 30px !important;
    font-weight: bold;
}

    .chat-header:lang(fr) {
        font-size: 25px !important
    }

    .chat-header:lang(de) {
        font-size: 20px !important
    }

.chatInviteMessage {
    color: #000000;
    font-size: 17px;
}

    .chatInviteMessage:lang(de) {
        color: #000000;
        font-size: 15px;
    }

#chatInviteX {
    float: right;
    cursor: pointer;
    font-size: 15px;
    color: #000000;
    top: -7px;
    position: relative;
}

.btn-liveChat {
    background-color: #FA5C36;
    color: #FFFFFF;
    border-radius: 4.32px;
    width: 100%;
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 3px 3px 4px #dadada;
    -moz-box-shadow: 3px 3px 4px #dadada;
    -webkit-box-shadow: 3px 3px 4px #dadada;
    height: 45px;
}

    .btn-liveChat:hover {
        top: 2px;
        position: relative;
        text-decoration: none !important;
        box-shadow: 5px 3px 4px #dadada;
        background-color: #fa613c;
    }

/* 
	==========================
	LiveChat Offline Message
	==========================
*/
#chatOfflineMessage {
    position: fixed;
    right: 81px;
    bottom: 31px;
    background-color: #FFFFFF;
    background-attachment: scroll;
    z-index: 9999;
    width: 320px;
    height: 135px;
    padding: 20px;
    padding-bottom: 160px;
    -webkit-box-shadow: -1px 2px 29px -4px rgba(0,0,0,0.47);
    -moz-box-shadow: -1px 2px 29px -4px rgba(0,0,0,0.47);
    box-shadow: -1px 2px 29px -4px rgba(0,0,0,0.47);
    border-top-right-radius:25px;
    border-top-left-radius:25px;
    border-bottom-left-radius:25px;
    border-bottom-right-radius:5px;

}

    #chatOfflineMessage a:hover {
        text-decoration: none !Important;
    }

    #chatOfflineMessage .btn-liveChat {
        height: auto
    }

#chatOfflineX {
    float: right;
    cursor: pointer;
    color: #000000;
    top: -12px;
    position: relative;
    left: 7px;
}

/* 
	==========================
	Mega Menu
	==========================
*/


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


    .see-all &gt; .content &gt; .subject2 {
        text-align: left;
        padding-top: 0px;
        color: #000000;
    }
}
/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
    box-sizing: border-box;
}

.topt {
    color: #0462be;
    font-weight: bold;
    margin-bottom: .6em;
}

ol.mm, ul.mm {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.new-p {
    top: 30px;
    position: relative;
}

.CountrySpecificPhoneNumber a {
    font-weight: bold !important;
}

@media only screen and (max-width: 1199px) {
    body.nav-on-left.overflow-hidden {
        overflow: hidden;
    }
}

.m-cap-mm-ie {
    height: auto !important;
}

.new-i {
    font-size: inherit;
    font-weight: normal;
    background-color: transparent;
    text-transform: capitalize;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    padding: 0px;
    white-space: nowrap;
}

.new-l {
    line-height: 50px !important;
    height: auto !Important;
    width: auto !important;
    color: #ffffff !important;
    top: 0px;
    margin-right: 15px;
}

@media only screen and (max-width: 1199px) {
    .cd-overlay {
        margin-top: -199px;
    }

    .headermiddle {
        z-index: 0;
    }
}


.cd-overlay {
    position: fixed;
    z-index: 2;
    height: 200vh;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.6);
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}

    .cd-overlay.is-visible {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
        -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
        transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
    }


.icon-kc {
    border-radius: 50px;
    padding: 10px;
}

.static-opto {
    position: absolute;
}

    .static-opto:hover {
        opacity: 0;
    }

.static-micro {
    position: absolute;
}

    .static-micro:hover {
        opacity: 0;
    }

.static-laser {
    position: absolute;
}

    .static-laser:hover {
        opacity: 0;
    }

.static-test {
    position: absolute;
}

    .static-test:hover {
        opacity: 0;
    }

.static-optic {
    position: absolute;
}

    .static-optic:hover {
        opacity: 0;
    }

.static-imaging {
    position: absolute;
}

    .static-imaging:hover {
        opacity: 0;
    }

.mm-sign {
    margin-top: -70px !important
}

.alignkc {
    width: 115px;
    float: left;
}

    .alignkc a {
        padding-right: 0px !important;
        height: auto !important;
    }

.red {
    background-color: #d76457;
}

.yellow {
    background-color: #e5c259;
}

.blue {
    background-color: #4082a7;
}

.orange {
    background-color: #bc7030;
}

.purple {
    background-color: #7f34b0;
}

.blueb {
    background-color: #363dc6;
}

/* -------------------------------- 

bootstrap 4 fixes

-------------------------------- */


a:not([href]):not([tabindex]) {
    color: #fff;
}

    a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
        color: #fff;
    }

.faqQuestion {
    color: #000 !important
}

.cd-overlay {
    z-index: 99;
}

.pagination li a {
    color: #585858 !Important;
}

.specs &gt; div &gt; div a {
    color: #0462be !important;
}

.download-excel {
    color: #ffffff !Important;
}

.jstree-default .jstree-icon:empty {
    line-height: 31px !important;
}

.faqQuestion a {
    color: #0462be !important;
}

.removeItemLink {
    color: #0462be !important;
}

#emergencyMessage {
    background-color: #fef9e0 !important;
    padding-top: 10px;
    letter-spacing: .5px;
    font-size: 15px;
    text-align: center;
    color: #000000;
    padding-bottom: 2px;
}

html {
    scroll-behavior: smooth
}

/* 
	==========================
	Manufacturing classes
	==========================
*/


.headline-cap {
    max-width: 449px;
    color: rgba(255, 255, 255, 0.75);
    text-transform: uppercase;
    font-size: 45px !important;
    line-height: 1em;
}

@media (max-width: 450px) {
    .headline-cap {
        padding-left: 20px;
        font-size: 32px !Important;
        width: 300px;
    }
}


.grey-background {
    background-color: #efefef;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    padding-top: 30px;
    padding-bottom: 30px;
}

.bullets-cap {
    font-size: 18px !important;
    font-weight: 400 !important;
    font-family: 'Sofia W01 Regular', Helvetica, Arial, sans-serif !important;
}

.h2-cap {
    font-size: 30px !important;
    font-weight: 700;
    font-family: 'Sofia W01 Bold', Helvetica, Arial, sans-serif !important;
    margin-top: 30px;
}

.h3-cap {
    font-size: 24px !important;
    font-weight: 400 !important;
    font-family: 'Sofia W01 Regular', Helvetica, Arial, sans-serif !important;
}

.call-to-action-cap {
    font-size: 30px !important;
    text-align: center;
    text-transform: capitalize;
    line-height: 1.3em;
    font-weight: lighter;
}

/* 
	==========================
	Add Cart Icon to iPad/Mobile
	==========================
*/

@media (max-width: 1199px) {
    .cart-header {
        display: block !important;
        float: right;
        margin-top: -159px;
        margin-right: 40px !important;
    }

    .minicart-container {
        left: 4px;
        margin-top: -12px;
    }
}


/* TECHSPEC hover*/
#tstip {
    position: relative;
    cursor: help;
    text-decoration: underline !important;
    color: #000;
    text-align: left !important
}


    #tstip &gt; span {
        display: none;
        z-index: 100;
        position: absolute;
        padding: .6em;
        padding-left: 1em;
        left: 0px;
        top: -6em;
        width: 20em;
        background-color: #dadada;
        border-radius: 0.5em;
        font-weight: normal;
    }

        #tstip &gt; span &gt; a {
            display: inline;
            color: #0462be;
            font-weight: normal;
        }

    #tstip:hover &gt; span {
        display: inline-block;
    }

/* End TECHSPEC hover*/

#stockNumList {
    margin-bottom: 30px;
}

.breadcrumb {
    z-index: 1 !important;
}


/* New Nav 2022 */

.headermiddle {
    z-index: 999 !important;
}

.mm-pop-phone {
    display: inline-block
}


.mm-m-22 {
    visibility: hidden;
    height: 0px;
    padding: 0px !important;
}

@media (max-width:991px) {
    .mm-m-22 {
        visibility: visible;
        height: auto;
        padding: 10px 15px !important;
    }
}

.mm-optics-t4 {
    display: none;
}

.mega-menu-t1-f {
    font-size: 15px;
    padding: 4px 5px;
    padding-right: 40px;
}

.eo-header:hover {
    text-decoration: none;
}

.mm-optics-t3.active-mm:after {
    content: "-" !important;
    font-size: 2.5em !important;
    top: 8px !important;
}

.menu-link.active-mm {
    font-family: sofia w01 bold,Helvetica,Arial,sans-serif !important;
}

.view-menu-mm {
    border-bottom: 1px solid #dadada;
    color: #0462be !important;
    opacity: .8;
    padding-bottom: 15px !important;
    padding-top: 15px !important;
}

    .view-menu-mm:hover {
        opacity: 1 !Important;
        text-decoration: underline !Important;
        background-color: transparent !important;
    }

.menu-bar-link-header {
    font-family: sofia w01 bold,Helvetica,Arial,sans-serif !important;
}

.menu-mm-active {
    top: 0 !important;
    position: relative !important;
    display: block !important;
}

ul.menu.menu-list {
    border-bottom: 1px solid #dadada;
    padding-bottom: 15px;
}

nav ul,
nav li {
    list-style: none;
    padding: 0;
    margin: 0;
}

nav a {
    display: block;
    text-decoration: none;
}

    nav a:hover,
    nav a:visited {
        text-decoration: none;
    }

.menu-bar {
    background: #ffffff;
    display: flex;
}

.menu-link {
    padding: 10px 15px;
    background: #ffffff;
    color: #000;
    transition: background 0.2s, color 0.2s;
    position: relative;
    z-index: 1;
    font-family: sofia w01 regular,Helvetica,Arial,sans-serif;
}

.menu-list-link {
    color: #585858;
    font-family: sofia w01 regular,Helvetica,Arial,sans-serif;
    font-size: 13px;
    padding: 5px 15px;
}

.menu-link {
    padding-right: 40px;
}

    .menu-link[aria-haspopup="true"]:after {
        background-size: 14px;
        width: 14px;
        height: 14px;
        font-size: 12px;
        position: absolute;
        right: 10px;
        top: 47%;
        transform: translateY(-50%);
        content: "\f105";
        font-family: 'Font Awesome 6 Free';
        font-family: var(--fa-style-family, "Font Awesome 6 Free") !important;
        color: #585858;
    }

.mega-menu-header {
    font-size: 1.2em;
    font-weight: bold;
    color: #000;
    font-family: sofia w01 bold,Helvetica,Arial,sans-serif;
}

.mega-menu {
    background: #ffffff;
    z-index: 10;
}


.nav-mm {
    background: #ffffff;
    position: relative;
    z-index: 9999999999;
    top: -46px;
}

#shop-btn:hover {
    color: gold;
}

.nav-mm &gt; nav {
    height: 0px;
    max-width: 1340px;
    top: 17px;
    position: relative;
    margin: auto;
}

.menu-bar {
    position: relative;
}

.mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
}

.menu-link:hover {
    background-color: #efefef;
}


.mobile-menu-trigger,
.mobile-menu-header,
.mobile-menu-back-item {
    display: none;
}


.mobile-menu-trigger,
.mobile-menu-header,
.mobile-menu-back-item {
    display: block;
}

.mobile-menu-trigger {
    color: #ffffff;
    border: 0;
    position: relative;
    width: 100px;
}

.mobile-menu-header {
    order: -1;
}

    .mobile-menu-header a {
        padding: 20px 25px;
        color: #ffffff;
        visibility: visible;
    }


.menu-bar {
    flex-direction: column;
    position: fixed;
    top: 0;
    left: -100%;
    height: 100vh;
    width: 350px;
    max-width: 350px;
    max-width: 90%;
    overflow-x: hidden;
    transition: left 0.3s;
    box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.25);
}

    .menu-bar &gt; li &gt; [aria-haspopup="true"] ~ ul {
        height: 100vh;
        flex-direction: column;
        background: #ffffff;
        position: absolute;
        left: 100%;
        top: 0;
        max-height: 100vh;
        width: 100%;
        transition: left 0.3s;
        overflow: auto;
    }


        .menu-bar &gt; li &gt; [aria-haspopup="true"] ~ ul &gt; li &gt; [aria-haspopup="true"] ~ ul &gt; li &gt; [aria-haspopup="true"] ~ ul a {
            padding-left: 80px;
        }

        .menu-bar &gt; li &gt; [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:after {
            content: "+";
            background: none;
            font-size: 1em;
            font-weight: normal;
            height: 20px;
            line-height: 1;
        }

.mega-menu-content {
    padding: 20px 25px;
}

.mobile-menu-back-item {
    border-bottom: 1px solid #dadada;
}

    .mobile-menu-back-item a {
        background: transparent;
        color: #2a2a2a;
        width: 63%;
    }

        .mobile-menu-back-item a:hover {
            background-color: transparent;
            text-decoration: underline;
        }


        .mobile-menu-back-item a:before {
            width: 14px;
            height: 12px;
            background-size: 14px;
            margin-right: 10px;
            display: inline-block;
            content: "\f104";
            font-family: 'Font Awesome 6 Free';
            font-family: var(--fa-style-family, "Font Awesome 6 Free") !important;
            color: #585858;
        }


.overlay {
    background-color: rgba(0, 0, 0, .5);
    display: block;
    opacity: 1;
    position: fixed;
    transition: all .3s ease;
    visibility: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9;
    height: 100%;
    width: 100%;
}

div#menu1.sign-in-mm {
    font-size: 17px !important;
    top: 6px !important;
}

.sign-in-mm-ul {
    width: 498px;
    font-size: 12px;
    border-radius: 0;
    left: -372.3px !Important;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
    margin-top: 0px !important;
    padding-bottom: 20px;
}

.headerPhoneNumber a {
    color: #dadada !important;
    font-size: 12px;
}

.dropdown div i.fa-angle-down {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .2s linear;
}


.dropdown:hover div i.fa-angle-down {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #585858 !important
}

.about-d {
    color: #000;
    font-size: 15px;
    line-height: 4;
    padding: 20px;
}

.contact-d {
    color: #000;
    font-size: 17px;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .contact-d:hover {
        text-decoration: underline;
        background-color: #efefef;
    }

.about-d:hover {
    text-decoration: underline;
    background-color: #efefef;
}

.btn-phone {
    font-size: 1.1em;
    color: #000;
    margin: auto;
}

    .btn-phone span {
        color: #000;
        font-size: 0;
        padding: 10px 30px;
    }

    .btn-phone:hover span {
        font-size: 1.0em;
    }

    .btn-phone:hover .ico {
        margin-left: 0px;
    }

    .btn-phone:hover .span {
        visibility: visible;
    }

.ico {
    transition: all 0.5s;
    color: #FFF;
    width: 40px;
    height: 40px;
    padding: 5px;
    border-radius: 20px;
    position: absolute;
    margin-left: -50px;
    margin-top: -10px;
    font-size: 1.5em;
}

.btn-phone:hover .ico::before {
    margin-left: -5px;
}

.abutton-dropdown {
    padding-left: 10px;
}

.dropdown:hover ul.dropdown-menu {
    display: inline !important;
    box-shadow: 0px 10px 13px 0 rgb(0 0 0 / 20%);
    margin-top: -1px;
}

.dropdown:focus ul.dropdown-menu {
    display: inline !important;
    box-shadow: 0px 10px 13px 0 rgb(0 0 0 / 20%);
    margin-top: -1px;
}
.dropdown:active ul.dropdown-menu {
    display: inline !important;
    box-shadow: 0px 10px 13px 0 rgb(0 0 0 / 20%);
    margin-top: -1px;
}

.abutton-dropdown:hover div span, .abutton-dropdown:hover div a, .abutton-dropdown:hover:before, .abutton-dropdown:hover div a span i {
    color: #000 !important;
}

.dropdown:hover:after ul.dropdown-menu, .dropdown:hover:before ul.dropdown-menu {
    z-index: -1;
    position: absolute;
    top: 100%;
    left: 65%;
    margin-left: -25%;
    content: '';
    width: 0;
    height: 0;
    border-left: solid 25px transparent;
    border-right: solid 25px transparent;
}

.dropdown:hover:after ul.dropdown-menu {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #333;
}

.dropdown:hover div#menu1 {
    color: #000 !important
}

.dropdown:hover {
    background-color: #fdfdfd;
    box-shadow: 0px 10px 13px 0 rgb(0 0 0 / 20%);
}

ul.nav-menu li.focus a i.fa-bars:before {
    content: "\f00d" !important;
}



div#menu1[aria-expanded="true"] {
    border-bottom: 5px solid gold !important;
    border-radius: 0 !important;
}



    div#menu1[aria-expanded="true"] i.fas.fa-angle-down {
        color: gold !important;
    }

div#menu1 {
    font-size: 12px !important;
    color: #fff;
    padding-top: 2px !important;
    padding-left: 21px !important;
    padding-left: 7px !important;
    margin-bottom: -3px !important;
    height: 35px;
    top: 3px;
    position: relative;
}

.dropdown-menu {
    border: none;
}

    .dropdown-menu &gt; li &gt; a {
        color: #000;
        padding-left: 10px;
    }



.dropdown-menu {
    background-color: #fdfdfd;
}




.about-us-mm-ul li {
    padding-bottom: 10px;
    padding-top: 10px;
}

.btn:focus, .btn.focus {
    box-shadow: none !important;
}

.about-us-mm-ul {
    width: 524px;
    font-size: 12px;
    border-radius: 0;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    z-index: 999999;
}


.contact-us-mm-ul {
    width: 545px;
    font-size: 17px;
    border-radius: 0;
    left: -453.3px !Important;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-top: 20px
}

.nav-menu &gt; li:hover &gt; a .submenu-indicator-chevron, .nav-menu &gt; .active &gt; a .submenu-indicator-chevron, .nav-menu &gt; .focus &gt; a .submenu-indicator-chevron {
    border-color: transparent gold gold transparent !important;
}

.dropdown-toggle.about-us-mm::after, .dropdown-toggle.contact-us-mm::after {
    display: none;
}

.kc-mega {
    border: none !Important
}

#menu1 &gt; i.fa-angle-down:hover {
    Color: gold
}


.navigation-landscape .list-col-8 {
    width: 50%;
}

.headerPhoneNumber strong a {
    color: #fff !important;
}

.lowerheadernav {
    margin-top: 0px;
    top: -21px;
    position: relative;
}


#cartCount {
    border-radius: 50%;
    padding: 0px 5px 2px 5px;
    color: #000;
    background-color: #fdcd00;
    position: relative;
    top: -3px;
    font-weight: 700;
    font-size: 11px;
    margin-left: 0;
    left: -18px;
}

.nav-menus-wrapper-close-button2 {
    width: 30px;
    height: 40px;
    margin: 10px 7px;
    float: left;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    left: 363px;
    top: 7px;
    ;
    z-index: 9999999999999;
    position: fixed;
    visibility: hidden;
}

.headermiddle {
    padding-top: 10px;
    height: 60px;
    z-index: 99999999;
    position: relative;
}

@media (max-width:1399px) {
    .nav-mm &gt; nav {
        max-width: 1140px;
    }
}

@media (max-width: 1199px) {
    .nav-mm &gt; nav {
        max-width: 960px;
        top: 17px;
    }

    .crt_s {
        margin-left: 22px !important;
    }
}

@media (max-width: 1149px) {
    .crt_s {
        margin-left: 1px !important;
    }
}

@media (max-width:992px) {
    .menu {
        display: flex !important;
        width: 100%;
        max-width: 100%;
    }

    .menu-bar {
        width: 80%;
    }

    .nav-mm &gt; nav {
        top: 13px;
    }

    .mm-two-row {
        display: none !important;
    }


    .mobile-menu-trigger {
        width: 30px;
        font-size: 22px;
        top: -93px;
        right: -30px;
    }

    .headermiddle {
        height: 66px;
    }

    .nav-menu &gt; li &gt; a {
        color: #000 !important;
    }

    .headermiddle &gt; .container {
        max-width: 100%
    }

    .headerFloat {
        padding-left: 0px
    }

    .nav-toggle:before {
        background-color: #FFF !important;
    }

    .headerFloat {
        text-align: center;
        width: 260px;
        margin: auto;
        top: 0px !important;
    }

    .nav-toggle {
        right: auto !important;
        margin-top: -92px !important;
        margin-left: 25px;
    }

    .crt_s {
        top: -62px !important;
    }

    .hm-m {
        margin-right: 0px;
        display: block;
    }


    .eo-header img {
        width: 183px;
        float: right;
    }

    .searchbox {
        padding-left: 0px;
        font-size: 14px !Important;
    }
}

@media (max-width: 991px) {
    .nav-menus-wrapper-close-button2 {
        left: 82%;
    }

    .eo-header img {
        width: 183px;
        float: none;
        top: 4px;
        position: relative;
    }

    .crt_s {
        top: -110px !important;
        left: -14px;
    }

    .nav-toggle {
        margin-top: -140px !important;
    }

    .headermiddle {
        height: 105px;
    }

    .searchbox {
        top: -28px !important;
    }

    .input-group-sh &gt; .input-group-append-sh &gt; .btn-sh {
        top: -28px !important;
    }
}


.cartImg {
    font-size: 25px !important;
    position: relative;
    left: -3px;
    top: 7px;
}

.input-group-sh &gt; .input-group-append-sh &gt; .btn-sh {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    top: -2px;
    position: relative;
    height: 35px;
}

.input-group-sh {
    padding-top: 4px;
    padding-left: 15px;
}

.lowerheadernav {
    margin-top: 4px
}


.searchbox {
    width: auto !important;
    padding: unset !important;
    border-radius: 5px;
    border: none;
    height: auto;
    height: 35px;
    top: -2px;
}



.headerFloat {
    top: 4px;
    position: relative;
}

.navigation-hidden {
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.align-to-right {
    float: right;
}

.nav-header {
    float: left;
}

.navigation-hidden .nav-header {
    display: none;
}


.nav-logo &gt; img {
    height: 48px;
    margin: 11px auto;
    padding: 0 15px;
    float: left;
}

.nav-logo:focus &gt; img {
    outline: initial;
}


.nav-toggle {
    width: 30px;
    height: 30px;
    padding: 6px 2px 0;
    position: absolute;
    top: 88%;
    margin-top: -14px;
    right: 15px;
    display: none;
    cursor: pointer;
}

    .nav-toggle:before {
        content: "";
        position: absolute;
        width: 24px;
        height: 2px;
        background-color: #343a40;
        border-radius: 10px;
        box-shadow: 0 0.5em 0 0 #FFF, 0 1em 0 0 #FFF;
    }


.nav-menus-wrapper-close-button {
    width: 30px;
    height: 40px;
    margin: 10px 7px;
    display: none;
    float: right;
    color: #343a40;
    font-size: 26px;
    cursor: pointer;
}

.nav-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
    margin: auto;
    position: relative;
    padding-left: 95px;
}

@media (min-width: 992px) {
    .shop-mm &gt; span.submenu-indicator {
        display: none;
    }
}



.nav-menu &gt; li {
    display: inline-block;
    float: left;
    text-align: left;
}



    .nav-menu &gt; li &gt; a {
        height: 24px;
        display: inline-block;
        text-decoration: none;
        color: #fff;
        transition: color 0.3s, background 0.3s;
        font-family: sofia w01 Bold,Helvetica,Arial,sans-serif;
        padding-bottom: 24px;
        z-index: 9;
        position: relative
    }


    .nav-menu &gt; li:hover &gt; a, .nav-menu &gt; li.active &gt; a, .nav-menu &gt; li.focus &gt; a {
        color: gold;
        transition: all .5s;
    }


    .nav-menu &gt; li &gt; a &gt; i,
    .nav-menu &gt; li &gt; a &gt; [class*="ion-"] {
        width: 18px;
        height: 16px;
        line-height: 16px;
        transform: scale(1.4);
    }

    .nav-menu &gt; li &gt; a &gt; [class*="ion-"] {
        width: 16px;
        display: inline-block;
        transform: scale(1.8);
    }


.submenu-indicator {
    margin-left: 6px;
    margin-top: 6px;
    float: right;
    transition: all 0.2s;
}



.submenu-indicator-chevron {
    height: 6px;
    width: 6px;
    display: block;
    border-style: solid;
    border-width: 0 2px 2px 0;
    border-color: transparent #dadada #dadada transparent;
    transform: rotate(45deg);
    transition: border 0.2s;
}


.nav-menu &gt; li:hover &gt; a .submenu-indicator-chevron,
.nav-menu &gt; .active &gt; a .submenu-indicator-chevron,
.nav-menu &gt; .focus &gt; a .submenu-indicator-chevron {
    border-color: transparent #967adc #967adc transparent;
}

.navigation-portrait .submenu-indicator.submenu-indicator-up {
    transform: rotate(-180deg);
}



.no-scroll {
    width: 100%;
    height: 100%;
    overflow: hidden;
}


.nav-button {
    margin: 18px 15px 0;
    padding: 8px 14px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
}

    .nav-button:hover,
    .nav-button:focus {
        color: #fff;
        text-decoration: none;
    }


.nav-text {
    margin: 25px 15px;
    display: inline-block;
    color: #343a40;
    font-size: 14px;
}


.nav-dropdown {
    min-width: 180px;
    width: 350px;
    margin: 0;
    padding: 0;
    display: none;
    position: fixed;
    list-style: none;
    z-index: 9999999999999999999;
    white-space: nowrap;
    top: 58px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 100vh;
    background-color: #fff;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    overflow-x: auto;
}




.nav-submenu {
    animation: slide-in 0.5s forwards;
    -webkit-animation: slide-in 0.5s forwards;
}



@keyframes nav-submenu {
    100% {
        transform: translateX(0%);
    }
}

@-webkit-keyframes nav-submenu {
    100% {
        -webkit-transform: translateX(0%);
    }
}



.nav-menu &gt; li &gt; .nav-dropdown {
    border-top: solid 1px #f0f0f0;
}

.nav-dropdown &gt; li {
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    text-align: left;
}

    .nav-dropdown &gt; li &gt; a {
        width: 100%;
        padding: 16px 20px;
        display: inline-block;
        text-decoration: none;
        float: left;
        font-size: 13px;
        color: #343a40;
        background-color: #fdfdfd;
    }

    .nav-dropdown &gt; li:hover &gt; a,
    .nav-dropdown &gt; li.focus &gt; a {
        color: #ff6b00;
    }

.nav-dropdown.nav-dropdown-left {
    right: 0;
}

.nav-dropdown &gt; li &gt; .nav-dropdown-left {
    left: auto;
    right: 100%;
}


.nav-dropdown .submenu-indicator {
    right: 15px;
    top: 10px;
    position: absolute;
}


    .nav-dropdown .submenu-indicator .submenu-indicator-chevron {
        transform: rotate(-45deg);
    }



.nav-dropdown &gt; li &gt; a {
    color: #343a40;
    padding: 20px 30px;
    border-bottom: 1px solid #f6f6f6;
}

    .nav-dropdown &gt; li &gt; a:hover,
    .nav-dropdown &gt; li &gt; a:focus {
        color: #ff6b00;
    }

.header_area {
    background-color: #333;
    height: 32px;
    position: relative;
    z-index: 99
}

.main_header_area.sticky {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 9999;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}


@media only screen and (min-width: 320px) and (max-width: 767px) {
    .nav-dropdown &gt; li &gt; a,
    .megamenu-list &gt; li &gt; a {
        width: 65%;
    }
}

.headerPhoneNumber.mm-pop-phone a {
    color: #000 !Important;
    font-size: 17px;
}

ul.dropdown-menu.adropdown-menu:hover {
    display: inline-block !important;
}

.abutton-dropdown:hover ul.dropdown-menu.adropdown-menu {
    display: inline-block !important;
    display: inline-block !important;
    border-radius: 0;
    left: -83.5px;
    top: 45px;
}

.headerlinks-m {
    font-size: 11px;
    color: #ffffff;
}

.country-header, .headerlinks-m {
    display: inline-block;
}

.righthand-links {
    float: right;
}

.cdropdown-menu {
    position: absolute;
    top: 23px;
    left: 64%;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.abutton-dropdown {
    top: 8px;
    padding-bottom: 10px;
}


@media (max-width: 1199px) {

    .abutton-dropdown {
        top: 20px;
    }

    .cdropdown-menu {
        top: 36px;
        left: 64%;
    }

    .cart-header {
        float: none;
        left: 124px;
        top: 13px !important;
        margin-right: -12px !important;
    }

    .lowerheadernav {
        width: auto
    }

    .righthand-links {
        float: none;
        text-align: right;
    }
}



@media (max-width: 992px) {

    .cdropdown-menu {
        top: 62px;
        left: 1%;
    }

    .cartImg {
        right: -9px;
        top: 4px;
        left: auto;
    }

    #cartCount {
        top: -4px;
        right: 0px;
        left: auto;
    }

    .lowerheadernav li a:after {
        display: none;
    }

    .nomid {
        display: none !important;
    }

    #WebsiteSearchForm {
        width: auto !important;
    }

    .righthand-links {
        float: none;
        text-align: center;
        top: -21px;
        position: relative;
    }

    .lowerheadernav li a {
        padding: 0px;
    }

    .headerlinks-m, .nav-menu, .abutton-dropdown, .codropdown {
        display: none !important;
    }

    .cart-header {
        left: -25px;
        margin-top: 0px;
        margin-right: 0px !important;
        top: -59px !important;
        float: right;
    }

    .lowerheadernav {
        width: 100%
    }

    #searchbar {
        top: 34px;
        z-index: 999;
    }

    #shop-btn {
        font-size: 15px;
    }

        #shop-btn i {
            font-size: 22px;
            top: 6px;
            position: relative;
        }
}



@media (max-width: 400px) {
    .headerFloat a img {
        margin-top: 0px !important;
        width: 137px !important;
    }

    .cartImg {
        right: -13px;
        top: 4x;
    }

    #cartCount {
        top: -4px;
    }

    .mobile-menu-trigger {
        top: -96px;
        right: -20px;
    }

    .righthand-links {
        top: -25px;
    }

    #cartshiftfull {
        left: 20px;
        position: relative;
    }
}


.dropdown-toggle.country-arrow-link::after {
    display: none;
}

.country-arrow-link {
    padding-right: 21px;
    font-size: 12px;
    color: #dadada;
}

    .country-arrow-link:hover {
        color: #dadada;
    }





.headerPhoneNumber span.CountrySpecificPhoneNumber a {
    color: #fff !Important;
}

.headerPhoneNumber {
    font-size: 14px;
    padding-right: 15px;
}

.autoc-prod:hover {
    cursor: pointer;
    background-color: #efefef;
}

.abutton-dropdown:before {
    content: "\f2bd";
    font-family: 'font awesome 6 free';
    padding-right: 11px;
    color: #fff;
    font-size: 22px;
    float: left;
}


.search-result.dropdown-menu {
    box-shadow: 0px 10px 13px 0 rgb(0 0 0 / 20%);
    border-radius: 0;
    top: 36px;
}

.headertop {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.dei-mm:lang(ko-KR), .dei-mm:lang(ja-JP), .dei-mm:lang(zh-CN), .dei-mm:lang(ko-KR), .dei-mm:lang(en-GB), .dei-mm:lang(zh-TW), .dei-mm:lang(en-SG), .dei-mm:lang(en-IN), .dei-mm:lang(de), .dei-mm:lang(fr), .dei-mm:lang(en-IE), .dei-mm:lang(en-AU) {
    display: none;
}
.eor-mm:lang(ko-KR), .eor-mm:lang(ja-JP), .eor-mm:lang(zh-CN), .eor-mm:lang(ko-KR), .eor-mm:lang(en-GB), .eor-mm:lang(zh-TW), .eor-mm:lang(en-SG), .eor-mm:lang(en-IN), .eor-mm:lang(de), .eor-mm:lang(fr), .eor-mm:lang(en-IE), .eor-mm:lang(en-AU) {
    display: none;
}

.lowerheadernav li a {
    font-size: 17px;
}

.countryname {
    padding-right: 3px;
}

#MyAccountLogout a:hover {
    background-color: #efefef;
    text-decoration: underline;
    cursor: pointer;
}

#MyAccountLogout a {
    padding: 15px;
    font-size: 18px;
}

#MyAccountLogout p {
    margin-bottom: 25px !important;
}

#MyAccountLogout .logout a:hover {
    background-color: transparent;
    text-decoration: none;
    cursor: pointer;
}

.locked-body {
    overflow: hidden !important;
}

.header_area {
    z-index: 9999
}

.headermiddle {
    z-index: 99999 !important;
}

.nav-menu:lang(fr) {
    padding-left: 163px;
}

.mobile-menu-trigger:lang(fr) {
    width: 152px;
}

.lowerheadernav li a:lang(de) {
    font-size: 14px;
}

#miniCartClick &gt; div &gt; div:lang(de), #miniCartClick &gt; div &gt; div:lang(fr), #miniCartClick &gt; div &gt; div:lang(cn), #miniCartClick &gt; div &gt; div:lang(ja-JP), #miniCartClick &gt; div &gt; div:lang(zh-TW), miniCartClick &gt; div &gt; div:lang(ko-KR) {
    display: none !important;
}

.nav-menu:lang(de) {
    padding-left: 112px;
}

.mobile-menu-trigger:lang(de) {
    width: 151px;
}

/* 
	==========================
	Learn dropdown
	==========================
*/


.ldropdown:after {
    display: none;
}

.ldropdown:hover {
    color: #000;
}

.ldropdown {
    font-size: 15px !important;
    padding-top: 3px !important;
    height: 32px !important;
    padding-left: 10px !important;
}

    .dropdown:hover a.ldropdown, .ldropdown:hover {
        color: #000 !important;
    }

.dropdown a i.fa-angle-down {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .2s linear;
    font-size: 9px;
    top: -2px;
    position: relative;
    left: -2px;
}


.dropdown:hover a i.fa-angle-down {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #585858 !important;
    font-size: 9px;
}

.ldropdown-ul {
    border-radius: 0;
    width: 263px;
    padding-left: 16px;
    padding-right: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.country-arrow-link:lang(de) {
    padding-right: 0px;
}

div#menu1:lang(de) {
    padding-right: 0px !important;
    padding-left: 0px !important;
}


.spec-tooltiptext-hidden {
    display: none;
}

.spec-tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    cursor: help;
}

    .spec-tooltip a {
        text-decoration: none !important;
        cursor: inherit !important;
    }

    .spec-tooltip .spec-tooltiptext {
        visibility: hidden;
        min-width: 250px;
        background-color: #fef9e0;
        color: #000;
        text-align: center;
        border-radius: 6px;
        padding: 8px 8px;
        position: absolute;
        z-index: 1;
        top: -25px;
        left: 102%;
        font-weight: normal !important;
    }

        .spec-tooltip .spec-tooltiptext::after {
            content: " ";
            position: absolute;
            top: 50%;
            right: 100%;
            margin-top: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent #fef9e0 transparent transparent;
        }

    .spec-tooltip:hover .spec-tooltiptext {
        visibility: visible;
    }

    .spec-tooltip:after {
        content: "ⓘ";
    }

.volPrice {
    font-size: 15px !important;
}

.btn-other.btn-blue {
    color: #fff !important;
}

.btn-blue {
    background-color: #0194fb !important;
    color: #fff !important;
}

a#menu1 {
    font-size: 12px !important;
    color: #dadada;
    padding-top: 2px !important;
    padding-left: 7px !important;
    margin-bottom: -3px !important;
    height: 35px;
    top: 3px;
    position: relative;
}

.codropdown:hover a#menu1 {
    color: #000 !important;
}

a#menu1 i.fa-angle-down {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .2s linear;
    color: #fff !important;
    padding-left: 2px;
    top: -1px !important;
    font-size: 12px !important;
    color: #fff !important;
}

.codropdown:hover a#menu1 i.fa-angle-down {
    color: #000 !important;
}
/* 3/27 */

.Price {
    font-size: 40px !important;
    display: inline-block !important;
    margin-top: -20px;
}

.snpn {
    font-size: 16px !important;
    text-transform: capitalize !important;
}

    .snpn strong {
        font-size: 18px;
    }

#FamilyBody &gt; div:nth-child(2) &gt; div.col-lg-4 {
    padding-left: 30px;
}

.specSelectHeader {
    border-bottom: 4px solid #dadada;
    width: 46% !important;
    display: inline-block;
}



@media screen and (max-width: 541px) {
    #FamilyBody &gt; div:nth-child(2) &gt; div.col-lg-4 {
        padding-left: 0px;
    }

    #selectSpecOrReset {
        margin-top: 15px !important;
    }
}


@media screen and (max-width: 768px) {
    #FamilyBody #volumePricing {
        margin-right: 0px !important;
    }
}


@media screen and (max-width: 992px) {
    div#specDataContainer {
        margin-bottom: 30px;
    }

    #FamilyBody.container div.row div.col-lg-4 div.partialContents.partials span.Price {
        margin-left: 0px !important;
    }

    div.pn-counter {
        margin-right: 30px !important;
    }
}

@media screen and (max-width: 991px) {
    #FamilyBody.container div.row div.col-lg-5 {
        border-right: 0px !important;
    }
}

@media screen and (min-width: 1399px) {
    div#specDataContainer {
        padding-right: 15px;
    }
}


@media (max-width: 1200px) {
    #FamilyBody #volumePricing {
        margin-right: -50px !important;
    }
}

.langCurrDropdown {
    width: 375px;
    font-size: 12px;
    border-radius: 0;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    z-index: 999999;
    margin-left:-256px !important;
}

.menu-bar-link-header {
    font-family: sofia w01 bold,Helvetica,Arial,sans-serif !important;
    background-color: #efefef !important;
}

#miniCartClick &gt; div &gt; div:lang(cn), #miniCartClick &gt; div &gt; div:lang(ja-JP), #miniCartClick &gt; div &gt; div:lang(zh-TW), #miniCartClick &gt; div &gt; div:lang(ko-KR) {
    display: none !important;
}


.country-arrow-link:lang(de) {
    padding-right: 10px;
}

div#menu1:lang(de) {
    padding-right: 0px !important;
    padding-left: 0px !important;
}



.modalThumbnail:after {
    top: 23px;
}


.social-icon {
    filter: brightness(0) invert(1);
}

    .social-icon:hover {
        filter: none;
    }



#socialnetworks + hr, #legallogos &gt; hr:nth-child(4) {
    display: none;
}


div.footeranchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
    height: 0px;
}

.headertop {
    position: relative;
    z-index: 99;
}

#socialnetworks {
    margin-top: -16px;
}

#legallogos {
    padding-top: 0px
}

.footer-links3 {
    font-size: 13px;
    color: #ffffff;
}


.footer-links {
    background-color: #292929;
    border-top: solid 1px #4a4949;
    padding-top: 30px;
    padding-bottom: 60px;
    color: #fff;
    text-align: left;
}

    .footer-links a {
        color: #bac0c3;
        font-size: .8rem;
        text-decoration: none;
        margin-top: .75rem;
        margin-bottom: .75rem;
        display: block
    }

.ie-footer {
    margin-bottom: 30px !important;
}

@media (max-width:992px) {
    .hp-ns {
        display: block !important;
        width: 80%;
        margin: auto !important;
        text-align: center;
        font-size: 15px !important;
        margin-top: 15px !important;
    }
}


@media (max-width:767px) {
    .ie-footer {
        margin-bottom: 0px !important;
    }

    .footer-links {
        padding-top: 15px;
    }
}

.footer-links a:hover {
    text-decoration: underline;
    color: #ffffff;
}

#legallogos {
    text-align: right !important;
}



.footer-pn a {
    color: #fff
}


.footer-links2 {
    text-transform: uppercase;
    font-size: 11px;
    color: #ffffff;
}

    .footer-links2 a {
        color: #bac0c3;
    }

.footer-links3 a {
    color: #bac0c3;
}






.supplier {
    width: 100% !important;
    padding-left: 60px;
}

.supplier-inside {
    color: #fff;
    text-align: center;
    padding-bottom: inherit;
    padding: 15px;
    top: 52px;
    background-color: #585858;
    margin-bottom: 30px;
}


.arrow-sliver:after {
    display: inline-block;
    padding-left: 5px;
    content: "\f101";
    transition: transform 0.2s ease-out;
    font-family: var(--fa-style-family, "Font Awesome 6 Free") !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    color: #fdcd00
}

.arrow-sliver:hover::after {
    transform: translateX(5px);
}



.asf:after {
    color: #fdcd00 !important
}

.contactbanner_whitefooter {
    background-image: url(/media/r2xjpxcm/footer-2021.jpg);
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 319px;
    color: #ffffff;
    padding-top: 30px;
    text-align: center;
}



.CountrySpecificPhoneNumber.footer a {
    font-size: 25px !Important;
    color: #000;
}



#confirmform {
    background-color: #fff;
    text-align: center;
    padding: 30px;
    border: 10px solid green;
    margin-bottom: 30px;
    color: green;
    font-size: 20px;
    margin-top: -80px;
    position: relative;
}


.footer-newsletter {
    font-weight: lighter !important;
    top: 24px;
    position: relative;
    font-size: 15px;
    padding-right: 15px;
    float: left;
    left: 36px;
}

.footer-socialnetworks {
    text-align: right;
    margin-top: 30px;
}

.footer-copyr {
    margin-bottom: 30px !important;
    margin-top: 30px !important;
    color: #fff;
    text-align: left
}

.footer-sign-con {
    background-color: #292929;
    border-bottom: solid 1px #4a4949;
    color: #fff;
    margin-bottom: -60px;
    text-align: center;
    border-top: solid 1px #4a4949;
}

.chat-footer-m {
    margin-bottom: 30px;
}

.footer-sign-up &gt; #mktoForm_1170.mktoLayoutAbove .mktoField#Email {
    top: -14px;
    margin-left: 9px;
    position: relative;
    border: none;
}





@media (max-width: 1170px) {


    .footer-newsletter {
        padding-top: 30px;
        top: 10px;
        width: 80%;
        margin: auto;
        float: none;
        left: 0px;
    }

    .footer-sign-con {
        margin-bottom: 0px;
    }
}

@media (max-width: 992px) {
    .contactbanner_whitefooter {
        height: 420px;
    }

    .email-footer-m {
        margin-bottom: 42px
    }

    .footer-links a.nomobile, .nomobile-footer {
        display: none;
    }

    .footer-links {
        padding-top: 0px;
        padding-bottom: 0px;
        text-align: center;
    }
}

@media (max-width: 767px) {

    .footer-logos img {
        height: 30px !important
    }

    .contactbanner_whitefooter {
        height: 609px;
        background-size: 260% !important;
    }



    .footer-socialnetworks {
        text-align: center;
        padding-right: 0px;
    }




    .email-footer-m {
        padding-top: 20px;
        padding-bottom: 40px;
        margin-bottom: 0px;
    }

    .chat-footer-m {
        margin-bottom: 0px;
    }
}

@media (max-width: 502px) {

    .contactbanner_whitefooter {
        height: 455px;
        background-size: 274% !important;
    }
}

@media (max-width: 776px) {



    .footer-copyr {
        text-align: center;
        padding: 30px;
        padding-bottom: 0px;
        padding-top: 0px;
    }






    [type="submit"] {
        box-shadow: none !Important;
    }
}




@media (max-width: 400px) {
    .righthand-links {
        top: -15px;
    }
}


.num-o {
    top: -123px !important;
}


.cat-header-ban img {
    width: 95%;
}



/* nov.14 */
@media (max-width: 992px) {
    #maxi {
        max-height: 424px;
        height: auto;
    }
}

@supports (-webkit-text-size-adjust:none) and (not (-ms-accelerator:true)) {
    #SearchButton {
        top: -0.5px;
        height: 37.5px;
    }
}



#AddToCartBox .instock, #AddToCartBox .twodays, #AddToCartBox .threedays, #AddToCartBox .sixdays, #AddToCartBox .tendays {
    font-size: 20px !important;
    margin-bottom: 0px;
}

.fa-file-text-o:before {
    content: "\f15b" !important;
}

.fa-external-link:before {
    content: "\f08e" !important;
}


/* nov.14 */
.jstree-default .jstree-closed &gt; .jstree-ocl:before {
    content: "\2b";
    margin-right: 5px;
    font-weight: bold;
    top: -1px;
    position: relative;
}

/* nov.14 */

.jstree-default .jstree-open &gt; .jstree-ocl:before {
    content: "\2d";
    margin-right: 5px;
    font-weight: bold;
    top: -2px;
    position: relative;
}



.family-view-by-toggle span:before {
    color: #000 !important;
}


.volume-stock:before {
    content: "\f254"
}

@media(max-width: 992px){
    #searchbar {
        top: 34px;
        z-index: 999;
    }
}

.mm-services:lang(de), .mm-services:lang(fr), .mm-services:lang(cn), .mm-services:lang(ja-JP), .mm-services:lang(zh-TW), .mm-services:lang(ko-KR), .mm-services:lang(en-GB), .mm-services:lang(en-SG), .mm-services:lang(en-IN), .mm-services:lang(en-IE)-IN), .mm-services:lang(en-AU) {
    display: none !important;
}

.color-sliver {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    animation: gradient 15s ease infinite;
    background-size: 400% 400%;
}

.modal {
    z-index: 100000;
}

.close {
    cursor: pointer;
}

.pricet a {
    font-size: 13px;
}

/* Resource Tab modal with mobile 'filter' button */
.filter-btn {
    padding: 5px 20px;
    background-color: #0571fd;
    color: #fff;
    border-radius: 25px;
    display: none;
    font-size: 20px;
    box-shadow: 0 4px 4px #c9c9c9
}

    .filter-btn:hover {
        background-color: #0149a7;
        color: #fff;
        text-decoration: none;
        transition: background .15s ease-in;
        transform: translate(2px,2px)
    }

    .filter-btn:focus {
        color: #fff
    }

.modalNoHeader {
    display: none;
    border: 0 !important
}

/*.modal-body {
    padding-top: 5px;
    padding: 0 !important
}*/

@media(min-width: 992px) {
    .mobileModal {
        position: relative;
        display: inline !important;
        padding: 0 !important;
        top: 0;
        left: 0
    }

    #btn-close {
        display: none;
    }
}

@media(max-width: 991px) {
    .filter-btn {
        display: inline-block;
        z-index: 999;
        position: relative;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 10px
    }

    .mobileModal {
        position: fixed;
        display: none;
        background-color: #fff;
        z-index: 9999999999;
        height: 100%;
        width: 100%;
        padding: 60px !important;
    }

    .modalNoHeader {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .close {
        font-size: 18px !important
    }
}

/* Rebuild */

@media (max-width: 1099px) {
    li.abutton-dropdown div a {
        padding-right: 0px !Important;
    }
}

img.miniFlags {
    height: 15px;
    width: auto;
    padding: 0px;
    margin-right: 15px;
    border: 1px solid #efefef;
    margin-top: -2px;
    border-radius:2px;
}

#panelImage {
    height: auto;
    overflow: hidden;
}

.webinar1 {
    position: relative;
    box-shadow: 3px 4px 12px #9a999a;
    text-align: left;
}

#panelDescription {
    background-color: #fff;
    position: relative;
    padding: 20px;
    height: 200px !important;
    border-top: 3px solid #fdcd00;
    width: auto;
    padding-top: 10px;
}

.image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.trending {
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: 0px !important;
    background-color: #fbcc30;
    text-align: left;
    padding-left:5px;
    padding-right:5px;
    display:inline-block;
    color:#000;
}

.fa-file-text-o:before {
    content: "\f15b" !important;
}

.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    text-align: center;
    width: 80%;
}

.text {
    color: #f2f2f2;
    font-size: 15px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom:10px;
    width: 100%;
    text-align: center;
    background-color: #222428;
}

.ymobile {
    display:none !important;
}

@media (max-width: 991px) {
    .ymobile {
        display:block !important;
    }
}

@media (max-width: 991px) {
    .langDropdown {
        width:290px !important;
        margin-left:-75px !important;
    }
    #currencyDropdown ul.langCurrDropdown {
        margin-left: -153px !important;
    }
}


/* KC */

.webinar1:hover .image {
    opacity: 0;
}

.webinar1:hover .middle {
    opacity: 1;
    width: 80%;
}

.text {
    background-color: #0090b4;
    color: white;
    font-size: 16px;
    padding: 16px 32px;
}

    .text:hover {
        color: #fff;
        text-decoration: none;
    }

.content-star {
    cursor: pointer;
    text-align: center;
    margin-top: 15px;
    display: block;
}

.kcicon-inside a {
    font-size: 17px;
    color: #fff;
    font-weight: 700;
}

.kcicon-inside {
    display: inline-block;
    margin-right: 12px;
    margin-left: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 15px !important;
    padding-top: 15px;
    height: 60px;
    margin-bottom: -5px;
}

.selected-kc {
    padding-left: 30px;
    padding-right: 30px;
    font-family: open sans,sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    display: inline-block;
    color: #000;
    background-color: #fff;
    display: inline-block !Important;
    border-top: 4px solid #fdcd00;
    height: 60px;
    display: grid;
    grid-template-columns: 1fr auto;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 10px 10px 0 0;
    padding-top: 15px;
}

.kcicon-inside:hover {
    grid-template-columns: 1fr auto;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 10px 10px 0 0;
    font-weight: 600;
    color: #000;
    background-color: #fafafa;
    display: inline-block !Important;
    border-top: 4px solid #fdcd00;
    height: 62px;
    margin-top: -2px;
}

.header-container-kc {
    margin-bottom: 30px;
    padding-right: 0;
    text-align: center;
}

.headline-kc {
    font-size: 77px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .03em;
    top: -19px;
    margin-bottom: -38px;
    position: relative;
}

.selected-kc::before, .selected-kc::after {
    background-color: #fff;
}

.selected-kc::before, .selected-kc::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 0;
}

.selected-kc::before {
    right: 100%;
    -webkit-mask-image: radial-gradient(circle at 0px 0px,transparent 20px,black 21px);
}

.selected-kc::after {
    left: 100%;
    -webkit-mask-image: radial-gradient(circle at 100% 0px,transparent 20px,black 21px);
}

.kcicon-inside:hover a {
    color: #000 !important;
}

#sortByDropDown {
    border: none;
    text-align: right;
    color: #8d9296;
}

.sort-kc {
    position: relative;
    top: 5px;
    text-align: right;
}

#kcSearchBar {
    background: #ededed url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center;
    border: solid 1px #ccc;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    display: block;
    outline: none !important;
    -webkit-appearance: textfield !important;
    -webkit-box-sizing: content-box !important;
    font-family: inherit !important;
    padding-left: 32px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    width: auto;
}

@media (max-width: 1052px) {
    .kc-nav {
        padding-left: 15px !important;
        width: 1750px;
        overflow-y: hidden;
        white-space: nowrap;
        position: relative;
        display: block;
        margin: 0;
        overscroll-behavior: auto;
        scroll-behavior: smooth;
        width: 100%;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        scroll-behavior: smooth;
        overscroll-behavior: auto;
        -webkit-overflow-scrolling: auto;
        display: flex;
    }
}

@media (max-width: 767px) {
    .headline-kc {
        line-height: 1.5em;
        margin-top: 40px;
        margin-bottom: 15px;
        font-size: 40px
    }

    .headline-kc-eo {
        font-size: 16px !important;
        margin: 30px
    }
}
.see-more-topics {
    background-color:#0571fd;
    padding-left:7px;
    padding-right:7px;
    border-radius:20px;
    padding-top:3px;
    padding-bottom:3px;
    color:#fff;
    font-size:11px;
    border-radius:20px;
    border:none;
    margin-right:10px;
    text-transform:capitalize;
}
.modal-header {
    border-bottom:none;
}

#panelImage a span {
    font-size:96px !important;
}

ul.kc-m {
    margin-top: 15px;
    padding-left: 0;
    margin-bottom: 0;
}

#topicsList {
    margin-bottom: 30px;
}

    #topicsList li {
        color: #8d9296;
        padding-bottom: 0.77em;
    }

.checkbox-kc-m, .radio {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1em;
}

.kc-topics {
    font-weight: 400;
    margin-bottom: -24px !important;
    margin-top: 7px !important;
}
.kc-nav::-webkit-scrollbar {
    display:none;
}

.eoFooter {
    margin-top:15px;
}

#panelImage {
    height:126px;
    overflow:hidden
}

    #panelImage a img {
        width:100%;
        text-align:center;
        overflow:hidden
    }

@media (max-width: 767px) {
    #panelImage {
        height: auto;
    }
}

#redirectGeolocationModal .modal-dialog .modal-content {
    padding: 30px;
}

/* Language Dropdown Margins */
#languageDropdown &gt; ul:lang(en) {
    margin-left: -300.5px !important;
}

#languageDropdown &gt; ul:lang(ja-JP) {
    margin-left: -302.5px !important;
}

#languageDropdown &gt; ul:lang(zh-Hant-TW),
#languageDropdown &gt; ul:lang(zh) {
    margin-left: -291px !important;
}

#languageDropdown &gt; ul:lang(fr) {
    margin-left: -293px !important;
}

#languageDropdown &gt; ul:lang(ko-KR) {
    margin-left: -308px !important;
}

#languageDropdown &gt; ul:lang(de) {
    margin-left: -302px !important;
}

/* Currency Dropdown Margins */
#currencyDropdown &gt; ul:lang(ja-JP) {
    margin-left: -253px !important;
}

#currencyDropdown &gt; ul:lang(fr) {
    margin-left: -256px !important;
}

#currencyDropdown &gt; ul:lang(ko-KR) {
    margin-left: -253px !Important;
}

#currencyDropdown &gt; ul:lang(de) {
    margin-left: -273px !important;
}

#currencyPromptModal div div.modal-content {
    padding: 30px;
}

#languageDropdown:lang(de) {
    padding-left:5px;
    padding-right:5px;
}

/* Mobile Dropdowns */
@media (max-width: 991px) {
    #languageDropdown &gt; ul:lang(ja-JP) {
        margin-left: -217px !important;
    }

    #languageDropdown &gt; ul:lang(zh-Hant-TW) {
        margin-left: -206px !important;
    }

    #languageDropdown &gt; ul:lang(fr) {
        margin-left: -209px !important;
    }

    #languageDropdown &gt; ul:lang(zh) {
        margin-left: -205px !important;
    }

    #languageDropdown &gt; ul:lang(ko-KR) {
        margin-left: -223px !important;
    }

    #languageDropdown &gt; ul:lang(de) {
        margin-left: -302px !important;
    }
}

@media (max-width: 665px) {
    .righthand-links &gt; #languageDropdown &gt; ul {
        margin-left: -75px !important;
    }

    .righthand-links &gt; #currencyDropdown &gt; ul {
        margin-left: -138px !important;
    }
}

.btn-compareSpecs {
    background:#fff !important;
    color:#0462be !important;
    text-decoration: underline;
    float:none;
    padding-left:0px !important;
    border:none !important;
}

.inventory.imw span.instock {
    font-size:8px;
    font-weight:700;
    text-transform:uppercase;
    text-decoration:none;
    cursor:pointer;
    padding:3px 4px 3px 4px;
    white-space:nowrap;
}

a.clearance:hover, a.clearance:focus {
    color:#fff;
}

#FamilyBody div.best-seller-container {
    top:-14px !important;
}

.av-mm a {
    font-size: 24px !important;
}

    .av-mm a &gt; span {
        font-size: 18px !important;
        display: block;
    }

.po-box {
    text-align: center !important;
    display: inline-block !important;
    padding: 0px 5px 10px !important;
    cursor: pointer !important;
    letter-spacing: 1px !important;
    position: relative !important;
    overflow: hidden !important;
    text-decoration: none !important;
    font-size: 18px !important;
    background-color: #d13f03;
    /* margin-top: 10px; */
    font-family: sofia w01 light, Helvetica, Arial, sans-serif !important;
    margin-bottom: 15px;
    border: 0px !important;
    color: #fff !important;
    width: 100% !important;
}

.fo-box {
    text-align: center !important;
    display: inline-block !important;
    padding: 0px 30px 10px !important;
    cursor: pointer !important;
    letter-spacing: 1px !important;
    position: relative !important;
    overflow: hidden !important;
    text-decoration: none !important;
    font-size: 18px !important;
    background-color: #bd335b;
    /* margin-top: 10px; */
    font-family: sofia w01 light, Helvetica, Arial, sans-serif !important;
    margin-bottom: 15px;
    border: 0px !important;
    color: #fff !important;
    width: 100% !important;
}

.lo-box {
    text-align: center !important;
    display: inline-block !important;
    padding: 0px 30px 10px !important;
    cursor: pointer !important;
    letter-spacing: 1px !important;
    position: relative !important;
    overflow: hidden !important;
    text-decoration: none !important;
    font-size: 18px !important;
    background: #8f318b;
    /* margin-top: 10px; */
    font-family: sofia w01 light, Helvetica, Arial, sans-serif !important;
    margin-bottom: 15px;
    border: 0px !important;
    color: #fff !important;
    width: 100% !important;
}

.io-box {
    text-align: center !important;
    display: inline-block !important;
    padding: 0px 30px 10px !important;
    cursor: pointer !important;
    letter-spacing: 1px !important;
    position: relative !important;
    overflow: hidden !important;
    text-decoration: none !important;
    font-size: 18px !important;
    background-color: #2b8381;
    /* margin-top: 10px; */
    font-family: sofia w01 light, Helvetica, Arial, sans-serif !important;
    margin-bottom: 15px;
    border: 0px !important;
    color: #fff !important;
    width: 100% !important;
}

    .lo-box:before, .fo-box:before, .po-box:before, .io-box:before {
        content: "" !important;
        position: absolute !important;
        height: 150px !important;
        width: 50px !important;
        background: #fff !important;
        left: -60px !important;
        top: -40px !important;
        transform: rotate(37deg) !important;
        transition: all .3s !important;
        opacity: 0.1 !important;
    }

    .lo-box:hover:before, .fo-box:hover:before, .po-box:hover:before, .io-box:hover:before {
        left: 380px !important;
    }


.searchSuggestion {
    border-radius: 25px;
    border: 1px solid #000;
    color: #333;
    cursor: pointer;
    height: 1.3em;
    transition: color .1s ease, background .1s ease;
    text-transform: lowercase;
    padding: 6px 12px 7px;
    text-decoration: none;
    display: inline-block;
    height: auto;
    font-size: 12px;
    margin-bottom: 5px;
    margin-right: 2.5px;
    margin-left: 2.5px;
}

    .searchSuggestion:hover {
        background: #cccccc;
    }

#SearchAutoComplete {
    background-color: white;
    box-shadow: 0 4px 6px rgba(61,62,66,.05),0 4px 25px rgba(75,76,83,.15);
    border-radius: 25px;
    width: 115%;
}

.round-corner-box {
    position: relative;
    box-shadow: none;
    text-align: left;
    border-radius: 25px;
    margin-bottom: 30px;
    padding: 0px;
    border: none;
}

.round-corner-box-in {
    margin-right: 15px;
    background-color: #fff;
    border-radius: 25px;
}

.rcb-img {
    border-bottom: 2px solid gold;
}

    .rcb-img img {
        width: 100%;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
    }

.rcb-des {
    padding: 10px;
    height: 175px
}

#jumpedFromSearch {
    color: #a94442 !important;
    background-color: #fcfccf !important;
    border-color: #ebccd1 !important;
    padding: 10px !important;
    padding-left: 15px !important;
    border: 1px solid transparent;
    border-radius: 10px;
    text-align: center;
    margin-bottom: -10px;
    position: relative;
    z-index: 9;
    margin-top: 10px;
}
    }

/* Cart Shimmer */
#cartCount {
    background-repeat: no-repeat;
    background-position: -17px -17px, 0 0;
    background-image: -webkit-linear-gradient( top left, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 37%, rgba(255, 255, 255, 0.8) 45%, rgba(255, 255, 255, 0.0) 50% );
    background-image: -moz-linear-gradient( 0 0, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 37%, rgba(255, 255, 255, 0.8) 45%, rgba(255, 255, 255, 0.0) 50% );
    background-image: -o-linear-gradient( 0 0, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 37%, rgba(255, 255, 255, 0.8) 45%, rgba(255, 255, 255, 0.0) 50% );
    background-image: linear-gradient( 0 0, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 37%, rgba(255, 255, 255, 0.8) 45%, rgba(255, 255, 255, 0.0) 50% );
    -moz-background-size: 250% 250%, 100% 100%;
    background-size: 250% 250%, 100% 100%;
    -webkit-transition: background-position 0s ease;
    -moz-transition: background-position 0s ease;
    -o-transition: background-position 0s ease;
    transition: background-position 0s ease;
}

.cart-header a:hover #cartCount {
    background-position: 0 0, 0 0;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

@media (max-width: 319px) {
    #cartCount {
        left: -4px;
    }
}


.btn-myaccount {
    background-color: gold;
    font-family: 'Sofia W01 Bold', Helvetica, Arial, sans-serif;
    display: inline-block;
    padding: 5px 10px 6px !important;
}

.kc-m label span#titleIcon {
    display:none;
}

/* Search Autocomplete */

#SearchAutoComplete {
    margin-right: 0px;
    width: 100%
}

.searchSuggestion:hover {
    background-color: #0175e4;
    color: #fff;
}

.rcb-img {
    border-bottom: 3px solid gold;
}

@media (max-width: 991px) {
    #SearchAutoCompleteContainer {
        margin-top: -27px;
        position: absolute;
    }
}



.rcb-des div.trending {
    display: table;
}

.search-icon-m {
    margin-left: -20px;
    left: 24px;
    position: relative;
    z-index: 9;
    top: 9px;
}

@media (max-width: 991px) {
    .search-icon-m {
        top: -17px;
    }
}

.input-group-sh &gt; .searchbox.form-control-sh {
    padding-left: 30px !important;
}

.rcb-des {
    height: 150px;
}
.rcb-des p {
    white-space:normal;
}

@media (max-width: 480px) {
    .s-menu {
        margin-bottom: 0px !important;
    }
}

/* test */</pre></body></html>