@charset "UTF-8";
/* CSS Document */


/* Start -- Walt Sturghill */



/* START CUSTOM CES */


/* CSS Document */
.profiler-results.profiler-left {
    display: none;
}

html, body {
    padding-bottom: 20px;
    font-smooth: always;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -o-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    padding-bottom: 0;
    -ms-overflow-style: scrollbar !important;
    font-family: 'Open Sans', sans-serif !important;
}


h1 {
    font-size: 24px;
}

h5 {
    margin-bottom: 7px;
}

input[type="tel"] {
    padding: 8px;
    vertical-align: middle;
    height: 36px;
}


.hidden {
    display: none;
}

/*********  Font Sizes  *************/


.font-12pt {
    font-size: 12.5px;
}

.font-7pt {
    font-size: 10px;
}

.font-13rem {
    font-size: 1.3rem !important;
}


.table-responsive h4 {
    font-size: 17px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin: 7px 0px;
}

.customnav {
    min-height: 100px;
}

.width30px {
    width: 30px;
}

.width50px {
    width: 50px;
}

.width100 {
    width: 100%;
}

/*.page {
    padding: 0 15px;
    text-align: left;
}*/

.clearleft {
    clear: left;
}

.product-list .after-display-block:after {
    display: initial;
    height: 42px;
}

.maxwidth-272 {
    max-width: 272px;
}

.maxwidth-338 {
    max-width: 338px;
}

.custom-ces-link {
    color: #0064C6;
    font-size: 11px;
    text-decoration: underline;
}

    .custom-ces-link:hover {
        color: #666;
    }


.center-text {
    text-align: center;
}

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

.footer-block {
    position: inherit;
    width: 100%;
}

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 0px;
}

#cescares h1 {
    font-size: 38px;
    margin-bottom: 3rem;
    padding-top: 100px;
}

#cescares .container {
    padding: 0 8em;
}


.input-group .form-control {
    z-index: 2;
    margin-bottom: 0;
}


.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}

#searchPostForm {
    width: 100%;
}

select.form-control#State,
select#SelectedSecurityQuestion {
    color: #555;
}

#halfwayPromo-form .halfway {
    width: 10%;
    background: #C60C30;
    color: white;
    padding: 10px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    float: left;
    height: 50px;
    max-width: 100%;
    border-radius: 0;
    margin-top: 20px;
    margin-left: 15px;
}

#halfwayPromo-form .field-validation-error {
    text-align: left;
    font-size: 11px !important;
    font-style: italic;
}

#halfwayPromo-form .g-recaptcha {
    margin-top: 80px;
    margin-left: 15px;
}

#halfwayPromo-form label.error {
    color: #c60c30;
    font-size: 10px;
    font-weight: normal;
    font-style: italic;
}

#halfwayPromo-form .terms {
    text-align: right;
}

    #halfwayPromo-form .terms a {
        color: #C60C30;
    }

#halfwayPromo-form .success box {
    font-size: 20px;
}

/**search result*/
#instanceSearchCategoryResults {
    border-left: 1px solid #ddd;
    overflow-y: hidden;
    min-height: 280px;
}

#free-shipping {
    position: absolute;
    top: 184px;
    background: #383838;
    width: 100%;
}

.national-account-deliver-icon {
    color: #fff;
    font-size: 22px;
    transform: scale(-1, 1);
}

.national-account-deliver-bar {
    text-align: right;
    float: right;
    display: none;
}

.national-account-deliver-bar-mobile {
    text-align: center;
    height: 34px;
    padding-top: 5px;
    font-size: 10px;
}

    .national-account-deliver-bar-mobile span {
        float: none !important;
        display: inline !important;
    }

        .national-account-deliver-bar-mobile span.national-account-deliver-small-text {
            padding-left: 0 !important;
        }

.national-account-deliver-bar span {
    height: 14px;
    line-height: 0.1;
    padding-top: 14px !important;
    padding-bottom: 0px !important;
}

.national-account-deliver-bar i {
    margin-top: -8px;
    margin-left: 8px;
    margin-right: 11px;
}



.national-account-deliver-zipcode {
    color: #e9b565 !important;
    text-decoration: underline;
}

.national-account-deliver-small-text {
    font-size: 11px;
    padding-left: 41px !important;
}

.national-account-deliver-modal-icon {
    color: #c72032;
    font-size: 34px;
    transform: scale(-1, 1);
}

.national-account-deliver-modal-title {
    font-size: 22px;
    font-weight: 600;
    padding-left: 10px;
}

#changeSelectedDeliveryAddress .modal-body {
    margin: 20px;
}

#changeSelectedDeliveryAddress .modal-content {
    padding-top: 20px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
}

.national-account-deliver-modal-text {
    font-weight: 600;
    font-size: 17px;
    color: #383838;
}


#changeSelectedDeliveryAddress select {
    padding-left: 15px;
    font-size: 12px;
    color: #3d3d3d;
    width: 100%;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    cursor: pointer;
    margin-bottom: 15px;
    font-weight: 100;
    height: 36px !important;
    background-color: #f7f6f6;
    border: solid 1px #ddd;
    direction: ltr;
    text-transform: uppercase;
}

    #changeSelectedDeliveryAddress select option {
    }

#changeSelectedDeliveryAddress .sel:after {
    content: "\f078";
    font-family: "FontAwesome";
    font-size: 11px;
    color: #3d3d3d;
    right: 10px;
    top: 13px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
    font-weight: 100;
}

#changeSelectedDeliveryAddress .sel {
    position: relative;
    width: 100%;
    float: left;
}

#changeSelectedDeliveryAddress .check-box-wrap {
    float: left;
    width: 20px;
}

#previous_address,
#previous_address:active,
#select_state {
    padding-left: 15px;
    line-height: 24px;
    text-align: left;
    font-size: 12px;
    color: #0066A1;
    width: 100%;
    -moz-appearance: none;
    border: 0;
    cursor: pointer;
    margin-bottom: 15px;
    font-weight: 700;
    height: 36px !important;
    background-color: #f7f6f6;
    border: solid 1px #ddd;
    direction: ltr;
    text-transform: uppercase;
    box-shadow: none;
}

span#selectedAddressName {
    display: block;
    width: 420px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#previous_address span i,
#select_state span i {
    padding: 12px;
    margin: -31px -12px 0 0;
    color: #fff;
    background: #C60C30;
    float: right;
}

#previous_address_dropdown {
    width: 100%;
    top: 30px;
    box-shadow: none;
    border: solid 1px #ddd;
    padding: 0;
    height: 150px;
    overflow-y: scroll;
}

#select_state_dropdown {
    width: 100%;
    top: 30px;
    box-shadow: none;
    border: solid 1px #ddd;
    padding: 0;
    height: 180px;
    overflow-y: scroll;
}

#previous_address_dropdown li a {
    padding: 5px 15px;
    text-transform: uppercase;
}

.national-account-deliver-modal-checkbox {
    margin-top: -1px !important;
}

.add-new-shipping-address-fields {
    margin-top: 30px
}


#changeSelectedDeliveryAddress button[type=submit] {
    width: 10%;
    background: #C60C30;
    color: white;
    padding: 10px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    height: 50px;
    width: 100%;
    border-radius: 0;
    margin-top: 20px;
}

.national-account-deliver-modal-city {
    float: left;
    width: 90%;
}

.w-100 {
    width: 100%
}

.mx-auto {
    margin: 0 auto;
}

.inventory-lazy.inventory-lazy-full-out {
	min-height: 70px;
}


/*****************   Guest zipcode modal   *******************/

#guest-zipcode-form {
    margin-top: 20px;
}

#guest-zipcode-modal #user-modal-guest-zipcode
{
    padding: 0 10px;
    display: block;
    border: 1px #ddd solid;
    box-sizing: border-box;
    font-size: 13px;
    border-radius: 0;
    position: relative;
    height: 40px;
    color: #777;
    font-weight: 600;
    max-width: 100%;
}


#guest-zipcode-modal div {
    text-align: left;
}

#guest-zipcode-modal #user-guest-zipcode-btn {
    width: 100%;
    background: #C60C30;
    color: white;
    padding: 10px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    height: 50px;
    border-radius: 3px;
    max-width: 100%;
    margin-top: 30px;
}

#guest-zipcode-modal .modal-header-footer {
    padding-top: 40px;
    margin-left: 40px;
    margin-right: 40px;
    padding-bottom: 15px;
}

#guest-zipcode-modal .modal-title {
    font-size: 25px;
}

#guest-zipcode-modal #guest-zipcode-form {
    margin: 0 auto;
    max-width: 510px;
    margin-top: 15px;
    font-size: 19px;
    padding-bottom: 20px;
}

/*****************   CES Renewables Engeries   *******************/

#renewableEngeries.master-column-wrapper {
    padding-top: 100px;
}





#renewableEngeries h2 {
    font-weight: 800;
    margin-top: 40px;
}

#renewableEngeries h3 {
    font-weight: 600;
    margin-top: -5px;
}

#renewableEngeries .header p {
    font-size: 16px;
    margin: 0 90px;
    padding-bottom: 30px;
}

#renewableEngeries h1 strong {
    font-weight: 800;
    color: #C60C30;
}

#renewableEngeries h1:before {
    content: "";
    display: block;
    border-top: solid 1px black;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 133px;
    z-index: 1;
}

#renewableEngeries h1 span {
    background: #fff;
    padding: 0 10px;
    position: relative;
    z-index: 5;
}


#renewableEngeries .jumbotron video {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.5;
}

.ces-renewables-video {
    width: 100%;
    height: 210px;
}

.shop-renewables,
.shop-renewables:active,
.shop-renewables:hover,
.shop-renewables:visited,
.shop-renewables:focus {
    background: #C60C30;
    color: #fff;
    padding: 11px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    margin-right: 5px;
    font-weight: 600;
    margin-top: 8px;
    margin-right: 10px;
    width: 80%;
    margin-bottom: 20px;
}

.right-side .shop-renewables {
    background-color: #f5f6f6;
    color: #444;
    margin-bottom: 30px;
}


    .renewable-content h4 {
        font-weight: 600;
    }

        .renewable-content h4 span {
            color: #C60C30;
            font-size: 27px;
            padding-right: 5px;
            background: #fff;
            position: relative;
            z-index: 5;
        }

        .renewable-content h4:before {
            content: "";
            display: block;
            border-top: solid 1px black;
            width: 98%;
            height: 1px;
            position: relative;
            top: 20px;
            z-index: 1;
        }

        .renewable-content h4 span:nth-child(2) {
            font-size: 18px;
            font-weight: 600;
            color: #444;
            background: #fff;
            margin-left: -5px;
            z-index: 5;
        }

    .renewable-content .row {
        margin: 5px 0 0 -5px;
    }

.why-icon {
    height: 170px;
    margin: 30px 0;
}

    .why-icon img {
        padding-bottom: 5px;
    }

    .why-icon div {
        font-size: 16px;
        color: #444;
        font-weight: 700;
        margin: 0;
        line-height: 1;
    }

.renewable-content.why-renewables .row:first-child,
.renewable-content.testimonials .row,
.AboutRES-renewables .row {
    /*background-color: #f7f7f7;*/
}

.why-renewables .right-side {
    border-radius: 0;
    border-left: solid 2px #fff;
    color: #fff;
    text-align: center;
    font-weight: 900;
    line-height: 1.8;
    font-size: 16px;
    padding: 25px;
    padding: 0;
    overflow: hidden;
    padding: 0;
}

.why-renewables .right-side div:nth-child(2) {
    margin: 0;
    background: #20b32e;
    padding-top: 30px;
}

.vendors-renewables span.left {
    float: left;
    font-size: 100px;
}

.vendors-renewables span.right {
    float: right;
    font-size: 100px;
}

.vendors-renewables img {
    margin: 0 5px;
    float: left;
}

.AboutRES {
    padding: 10px;
}

    .AboutRES p {
        font-size: 1.55rem;
        margin-right: 0;
    }

#configurationTools h5 {
    padding-top: 30px;
    font-size: 22px;
    font-weight: 900;
    color: #333;
}

#configurationTools p {
    margin-right: 30px;
}

#configtools {
    margin-top: 10px;
    text-align: center;
}

#configtools > li {
    display: inline-block;
    padding: 0;
    width: 16%;
    zoom: 1;
    padding: 0;
    margin: 0 auto;
}

#configtools > li a span {
    display: inline-block;
    color: #C60C30;
    font-size: 10px;
    font-weight: 700;
}

.configTools-logo {
    margin: 0 auto;
    display: none;
}

.AboutRES-renewables {
    margin-top: -95px;
}

.AboutRES div:first-child div {
    text-align: center;
}


/*****************   TESTIMONIALS  *******************/


.slick-track {
    min-height: 200px;
}



/*****************   VENDOR SLIDER   *******************/

.slick-slide {
    margin: 0px 20px;
}

    .slick-slide img {
        width: 100%;
    }

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.customer-logos .slick-list {
    width: 95%;
    margin: 0 auto;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-arrow {
    z-index: 1;
}

.slick-prev {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 10px;
    font-size: 50px;
    cursor: pointer;
}

.slick-next {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 10px;
    font-size: 50px;
    cursor: pointer;
}

#test-more {
    color: #2480a9;
    text-decoration: none;
    cursor: pointer;
}
/*****************   CUSTOM MODAL   *******************/
.ces-modal.modal-content {
    color: #373737;
    border-radius: 0px;
}

    .ces-modal.modal-content .modal-header {
        background-color: #383838;
        border-bottom: 15px solid #c60c30;
    }

    .ces-modal.modal-content .modal-title {
        color: #fff;
    }

    .ces-modal.modal-content .modal-header button.close {
        border: 0;
        background: url(/Themes/CESDefault/Content/images/close.png) no-repeat center !important;
        opacity: 1;
    }

.ces-modal-sucess-alert-text {
    color: #bf1d3b;
    font-size: 22px;
    font-weight: 900;
}

.ces-modal-big-text {
    font-size: 20px;
}

.modal-content {
    border: none;
    border-radius: 0px;
}

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none;
    margin: 0 auto;
}

/* RFQ Modal - Len*/

#featured-product-request-quote-modal .modal-dialog {
    width: 100%;
    max-width: 700px;
}

    #featured-product-request-quote-modal .modal-dialog .modal-content {
        padding: 15px;
    }

        #featured-product-request-quote-modal .modal-dialog .modal-content .modal-header {
            color: #000;
            background-color: #fff;
            padding: 0 15px 15px 15px !important;
        }

            #featured-product-request-quote-modal .modal-dialog .modal-content .modal-header p {
                color: #000;
            }


.rfq-title {
    font-size: 26px;
    color: #000;
}

#featured-product-request-quote-modal .modal-dialog .modal-content .modal-body {
    color: #000;
    position: relative;
    padding: 0px 20px;
    background-color: #fff;
}

    #featured-product-request-quote-modal .modal-dialog .modal-content .modal-body label {
        font-weight: normal;
    }


    #featured-product-request-quote-modal .modal-dialog .modal-content .modal-body .form-control {
        height: 36px;
        padding: 5px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #777;
        background-color: #f4f4f4;
        background-image: none;
        border: none;
        border-radius: 0;
    }

        #featured-product-request-quote-modal .modal-dialog .modal-content .modal-body .form-control.form-control:focus {
            outline: 0;
            box-shadow: none;
        }

    #featured-product-request-quote-modal .modal-dialog .modal-content .modal-body .ces-dark-button {
        margin-right: 30px;
    }

.rfq-details {
    background-color: #fff;
    padding: 20px;
    margin-top: 5px;
}

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
}

.vertical-align-top {
    vertical-align: top;
}

.buy-american-modal {
    max-width: 600px;
}


/*****************   Shipping Schedule Modal   *******************/
#shipping-schedule-modal-Christmas .modal-header-footer, #shipping-schedule-modal-NewYear .modal-header-footer {
    border-bottom: none;
}

#shipping-schedule-modal-Christmas .shipping-schedule-modal-body, #shipping-schedule-modal-NewYear .shipping-schedule-modal-body {
    padding: 0px 40px 20px 40px;
    color: #000;
    font-weight: 600;
}

#shipping-schedule-modal-Christmas .body-title, #shipping-schedule-modal-NewYear .body-title {
    color: #2271aa;
}

/*****************   CUSTOM FILE UPLOAD   *******************/
.file-upload {
    position: relative;
    overflow: hidden;
    margin: 10px;
    width: 100%;
    height: 43px;
    background: #b40829;
    color: #fff;
    max-width: 150px;
    padding-top: 12px;
}

    .file-upload:hover, .upload-selected-file:hover {
        color: #fff;
    }

    .file-upload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .file-upload img {
        width: 15px;
    }

.upload-file {
    height: 45px;
    border: none;
    width: 100%;
    max-width: 250px;
}

.upload-selected-file {
    position: relative;
    overflow: hidden;
    margin: 10px;
    width: 100%;
    height: 43px;
    background: #b40829;
    color: #fff;
    max-width: 150px;
}

/*****************   PADDING   *******************/


.no-padding {
    padding: 0px !important;
}

.padding05 {
    padding: 5px !important;
}

.padding10 {
    padding: 10px !important;
}

.padding20 {
    padding: 20px !important;
}

.padding30 {
    padding: 30px !important;
}

.padding40 {
    padding: 40px !important;
}

.padding2030 {
    padding: 20px 30px 0 30px;
}

.padding0-30 {
    padding: 0 30px;
}

.padding0-10 {
    padding: 0 10px;
}

.paddingright0 {
    padding-right: 0 !important;
}

.paddingright10 {
    padding-right: 10px !important;
}

.paddingright15 {
    padding-right: 15px !important;
}

.paddingleft6 {
    padding-left: 6px !important;
}

.paddingtop4 {
    padding-top: 4px !important;
}

.paddingtop5 {
    padding-top: 5px !important;
}

.paddingtop7 {
    padding-top: 7px !important;
}

.paddingtop10 {
    padding-top: 10px !important;
}

.paddingtop15 {
    padding-top: 15px !important;
}

.paddingtop20 {
    padding-top: 20px !important;
}

.paddingtop30 {
    padding-top: 30px !important;
}

.paddingtop33 {
    padding-top: 33px !important;
}

.paddingtop40 {
    padding-top: 40px !important;
}

.paddingtop50 {
    padding-top: 50px;
}

.paddingtop60 {
    padding-top: 60px;
}

.paddingtop70 {
    padding-top: 70px !important;
}

.paddingbottom05 {
    padding-bottom: 5px;
}

.paddingbottom10 {
    padding-bottom: 10px;
}

.paddingbottom15 {
    padding-bottom: 15px;
}

.paddingbottom20 {
    padding-bottom: 20px;
}

.paddingbottom25 {
    padding-bottom: 25px;
}

.paddingbottom30 {
    padding-bottom: 30px;
}

.paddingbottom60 {
    padding-bottom: 60px;
}

.paddingbottom70 {
    padding-bottom: 70px;
}

.paddingbottom80 {
    padding-bottom: 80px;
}

.paddingbottom90 {
    padding-bottom: 90px;
}

.paddingbottom100 {
    padding-bottom: 100px;
}


/**************   MARGIN   *****************/


.no-margin {
    margin: 0px !important;
}

.margintop-2 {
    margin-top: -2px !important;
}

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

.margintop-10 {
    margin-top: -10px !important;
}

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

.marginleft-30 {
    margin-left: -30px !important;
}

.marginright-30 {
    margin-right: -30px !important;
}

.marginleft5 {
    margin-left: 5px !important;
}

.marginright5 {
    margin-right: 5px !important;
}

.marginright0 {
    margin-right: 0 !important;
}

.marginright10 {
    margin-right: 10px !important;
}

.marginright20 {
    margin-right: 20px !important;
}

.marginleft10 {
    margin-left: 10px !important;
}

.marginleft20 {
    margin-left: 20px !important;
}

.margintop0 {
    margin-top: 0px !important;
}

.margintop03 {
    margin-top: 3px !important;
}

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

.margintop20 {
    margin-top: 20px !important;
}

.margintop40 {
    margin-top: 40px !important;
}

.margintop50 {
    margin-top: 50px !important;
}

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

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

.marginbottom20 {
    margin-bottom: 20px !important;
}


.marginbottom40 {
    margin-bottom: 40px !important;
}

.marginbottom55 {
    margin-bottom: 55px !important;
}

.marginbottom60 {
    margin-bottom: 60px !important;
}

/********************  COLORS  *********************/

.greyCCC {
    color: #CCCCCC !important;
}

.grey959595 {
    color: #959595 !important;
}

.grey333 {
    color: #333333 !important;
}

.grey666 {
    color: #666666 !important;
}

.greyf6f6f6 {
    background-color: #f6f6f6;
}


.greyEEEEEE {
    background-color: #EEEEEE;
}

.grey222 {
    color: #222;
}

.white {
    color: #FFFFFF !important;
}

.ces-red {
    color: #C60C30 !important;
}

/*.ces-dark-red {
    color: #b40829 !important;
}*/

/*.ces-blue {
    color: #0066A1 !important;
}*/

.ces-yellow {
    color: #FFC469 !important;
}

.ces-light-blue {
    color: #0174ad;
}

.background-dark-blue {
    background-color: #094e87 !important;
}

.background-white {
    background-color: #FFFFFF !important;
}


.background-red {
    background-color: #C60C30 !important;
}

/*.ces-green {
    color: #058E02 !important;
}*/


.background-grey222 {
    background-color: #222222 !important;
}

.background-grey333 {
    background-color: #333333 !important;
}

.asterisk-right {
    color: #C60C30 !important;
    float: unset !important;
}

.dropdownsection {
    color: #C60C30;
    padding: 3px 20px;
}

.slidefont {
    font-size: 2.45em !important;
    font-weight: lighter !important;
    max-width: 380px;
    text-align: left;
}

.red-underline {
    font-weight: bolder;
    font-size: 22px;
}

.right {
    float: right !important;
}

.left {
    float: left !important;
}

.width300 {
    max-width: 300px !important;
}

.dropdown .cesdrop {
    position: relative;
    color: #FFFFFF;
    background-color: #C60C30;
}

.view-all-row {
    line-height: 25px;
    margin: 0 0 0 0;
    padding-left: 5px;
}

.view-all-row-mobile {
    line-height: 25px;
    margin-top: -10px;
    padding-left: 5px;
}

#drop-display {
    height: auto;
    z-index: 1000;
    /* background-color: #ffffff !important; */
    background-color: #f1f0f0 !important;
    overflow: auto;
    display: none;
    border-left: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    top: 41px;
    font-size: 12px;
    overflow: hidden !important;
}

#drop-categories {
    z-index: 1000;
    border-right: none;
    background-color: #f1f0f0 !important;
    overflow: auto;
    display: block;
    line-height: 30px;
    width: 30%;
    /* max-width: 230px; */
}

.drop-search-house-account-only {
    width: 100%;
    float: right;
    background-color: #e3ab4a;
    /*margin-top: 5px;*/
    /*margin-bottom: 2px;*/
    padding: 15px 10px;
    height: 100%;
}

.drop-search-house-account-only-text {
    font-family: "OpenSans", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #fff;
}

.drop-search-not-result-header {
    background-color: #000;
    color: #fff;
}

.drop-search-not-result-header-msg {
    font-size: 14px;
    padding: 10px 10px 10px 40px;
}

.drop-search-not-result-msg-box {
    background-color: #fff;
    font-size: 26px;
    padding: 20px 20px 20px 40px;
    max-width: 775px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.drop-search-not-result-title {
    color: #c60c30;
    font-weight: 600;
    font-size: 16px;
    padding-bottom: 5px;
    max-width: 775px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.drop-search-not-result-nodivider {
    margin-top: 10px;
    margin-bottom: 10px;
}

.drop-search-not-result-divider {
    border-right: solid 1px #000;
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 78px;
}

.search-not-result-header {
    background-color: #000;
    color: #fff;
    margin-left: -30px;
    margin-bottom: 15px;
}

.view-all-row a, .view-all-row-mobile a {
    color: #00a5f3;
    text-decoration: none;
}

    .view-all-row a:hover, .view-all-row a:focus, .view-all-row-mobile a:hover, .view-all-row-mobile a:focus {
        color: #4ab2f1;
        /*text-decoration: underline;*/
    }

.dropdown .cesdrop:hover {
    color: #FFFFFF;
    background-color: #000;
}

#drop-search::selection {
    color: #ccc;
    background: none;
}

.search-drop-result {
    min-height: 50px;
    background-color: #fff;
    border: 1px solid #ddd;
    /*overflow-x: hidden;*/
}

/*#instanceSearchResult  {
    padding-bottom: 200px;
    overflow-y: scroll;
    height: 100vh;
}*/

.idems-in-cart {
    font-size: 10px !important;
    /*font-weight: bold;*/
    color: #c60c30;
}


.loginstyle {
    margin-top: 5px;
    padding: 3px 6px !important;
}

li.logout-one-option {
    width: 150px !important;
    display: inline-block !important;
}

    li.logout-one-option:hover {
        height: 40px;
    }

.serach-drop-unit-of-measure {
    top: -8px;
    position: relative;
}

.out-of-stock-modal-unit-of-measure {
    top: -45px;
    right: -31px;
    position: relative;
    font-size: 12px;
}

/****************  JSR   ********************/
.my_ces_section {
    position: relative;
}

/*.my-ces-tiles #email-address {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 30ch;
    position: relative;
}*/

.my-ces-tiles span i.fa {
    cursor: pointer;
}

/*
.my-ces-tiles .email-content {
    width: 85%;
}*/

div.tooltip-inner {
    max-width: 350px;
}

/*.myces-titles h2 {
    font-size: 23px !important;
    margin-bottom: 15px !important;
    font-weight: normal !important;
}*/

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

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

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

.my-ces-tiles span.divider:after {
    content: '';
    height: 65px;
    width: 1px;
    position: absolute;
    background-color: #dddddd;
    top: 5px;
    right: 45px;
}

/*.account-information-titles {
    color: #999;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 10px;
}*/

.myces-important-information {
    font-weight: 900;
    font-size: 14px;
    color: #000;
}

.myces-link-style {
    color: #1f719e;
    font-weight: 600;
    font-size: 12px;
    cursor: pointer;
}

.myces-right-section {
    margin-left: 10px;
}

.full-page-breadcrumb {
    font-weight: 600;
    font-size: 12px;
    padding: 30px 0;
}

.ces-accordion .panel .panel-heading h4 {
    color: #444;
    font-size: 12px;
    font-weight: 600;
}

.ces-accordion .panel .panel-heading {
    min-height: 40px;
}

.ces-accordion .panel .panel-collapse .panel-body {
    background-color: #fff;
}

.ces-accordion .panel {
    margin-bottom: 4px;
}

.ces-sort-header {
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.ces-no-sort-header {
    font-size: 12px;
    font-weight: 600;
    height: 46px;
    padding-top: 15px !important;
}

.ces-sort-icon {
    color: #C60C30;
    font-size: 16px;
    padding: 5px;
}

.ces-row-line,
.ces-row-sub-line {
    padding: 0px;
    border: 1px solid #e3e3e3;
}

.invoice-line {
    padding-left: 60px;
}

.ces-row-line a {
    color: #1f719e;
    /*text-decoration: underline;*/
}

.po-section {
    background-color: #e3e3e3;
    min-height: 40px;
}

    .po-section div.glyphicon {
        font-size: 8px;
    }

.input-search .fa-search {
    position: absolute;
    top: 12px;
    right: 18px;
    cursor: pointer;
}

.search-wrap {
    width: 182px;
}

    .search-wrap.input-search, .search-wrap.input-search input {
        width: 100%;
    }

.jsr-qty-purchased {
    /*color: #3974b6;*/
}

.jsr-footer {
    text-align: right;
    margin-top: 40px;
}

.ces-select {
    width: 100%;
    color: #777;
    background-color: #f7f6f6;
    display: block;
}

.small-ces-select {
    width: 100%;
    color: #444;
    background-color: #fff;
    display: block;
    font-size: 12px;
    height: 30px !important;
}

.ces-filter-title {
    text-align: right;
    padding-top: 10px;
    font-weight: 600;
}

.ces-modal-footer {
    background-color: #f0f0f0;
    text-align: center;
    padding: 15px 0;
}

.ces-small-button {
    width: 74px;
    height: 26px;
    background: #b40829;
    color: #fff;
    max-width: 278px;
    border: none;
}


.jsr-table .partial-status {
    color: #000;
    font-weight: 600;
}

.jsr-table .complete-status {
    color: #058e02;
    font-weight: 600;
}

.jsr-table .cancelled-status {
    color: #b40829;
    font-weight: 600;
}

.jsr-table .jsr-product {
    min-width: 200px;
}

.jsr-table .jsr-qty-released {
    min-width: 100px;
}

.jsr-table .jsr-po-number {
    min-width: 150px;
}

.jsr-table .jsr-manufacture {
    min-width: 150px;
}

.jsr-job-storage-icon {
    font-size: 43px;
    float: left;
}

.jsr-activate-user-field {
    max-width: 450px;
}

.myces-section-block {
    min-height: 230px;
}

.ces-po-accordion {
    cursor: pointer;
    padding-left: 50px;
}

.jsr-head-row {
    background-color: #383838;
    padding: 10px;
    color: #fff;
}

    .jsr-head-row th {
        color: #fff;
        font-size: 12px;
    }

.release-options {
    margin: 10px 0px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jsr-copy {
    font-weight: bold;
    font-size: 14px;
    margin-left: 15px;
}

.history-row-line {
    padding: 10px;
    border-top: none;
}

.jsr-email-confirmation {
    cursor: pointer;
}

    .jsr-email-confirmation .icon-messages {
        font-size: 14px;
        vertical-align: middle;
    }


/*-----  CES Tool Tip  ----------*/


.tooltip-inner {
    background-color: #0066A1;
    padding: 10px;
    border-radius: 3px;
}


.tooltip.top .tooltip-arrow {
    border-top-color: #0066A1;
}

.tooltip.top-left .tooltip-arrow {
    border-top-color: #0066A1;
}

.tooltip.top-right .tooltip-arrow {
    border-top-color: #0066A1;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #0066A1;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #0066A1;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #0066A1;
}

.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #0066A1;
}

.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #0066A1;
}






/****************   Not Found Page   ********************/
.not-found-page {
    text-align: center;
    min-height: 500px;
}

    .not-found-page .ces-red-button {
        font-size: 16px;
    }

.not-found-page-text {
    font-size: 22px;
    color: #444;
}

/****************   CREDIT STEPS   ********************/

/*.credit-step {
    width: 100%;
    max-width: 186px;
    height: auto;
    margin: 23px auto 0;
    box-sizing: border-box;
}*/

    /*.credit-step li {
        position: relative;
        list-style: none;
    }*/

        /*.credit-step li .item {
            position: relative;
            min-height: 10px;
            background: none;
            padding: 0 20px 20px 30px;
            margin-left: 10px;
            border-left: 1px solid #10C709;
        }*/

        .credit-step li:last-child .item {
            border-left: 1px solid transparent !important;
        }

        /*.credit-step li .item span {
            position: absolute;
            top: 0px;
            left: -7px;
            width: 13px;
            height: 13px;
            line-height: 55px;
            text-align: center;
            background: #10C709;
            color: #f8f8f8;
            font-size: 39px;
            font-weight: 700;
            border-radius: 50%;
            -webkit-transition: background-color 1s ease-out;
            -moz-transition: background-color 1s ease-out;
            -o-transition: background-color 1s ease-out;
            transition: background-color 1s ease-out;
        }*/

        .credit-step li:hover .item span {
            background: #147500;
        }

.no-underline {
    text-decoration: none !important;
}

/*.credit-step li .item h3 {
    font-size: 11px;
    padding: 0;
}*/


.active-step {
    font-weight: bold;
}


.finished-step {
    color: #10C709 !important;
    -webkit-transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out;
    transition: background-color 1s ease-out;
}

    .finished-step:hover {
        color: #147500 !important;
    }



/*.step-disabled {
    color: #cccccc !important;
    border-left: 1px solid !important;
    cursor: not-allowed;
}*/

.disabled {
    background: #cccccc !important;
}


/*.credit-step li .item h3,
.credit-step li .item p {
    margin: 0;
    padding: 0;
}*/

.last-completed-step {
    border-left: 1px solid #999999 !important;
}


/****************  Dialog   ********************/

.ui-dialog:before {
    width: auto;
    height: auto;
    background-color: none;
}

.ui-draggable .ui-dialog-titlebar {
    background-color: #383838;
}

.ui-dialog .ui-dialog-title {
    color: #fff;
}

.ui-dialog {
    border: none;
}

.ui-dialog-content ul {
    list-style: disc;
    margin-left: 15px;
}

.ui-copy-list li {
    list-style: disc;
    margin-left: 25px;
    margin-bottom: 5px;
    color: #222;
}

/****************  TOP BUTTON ********************/

#topbutton {
    position: fixed;
    /*background-image: url('/Themes/CESDefault/Content/images/up_btn.png');*/
    color: #eeeeee;
    font-size: 30px;
    background-color: #c7c7c7;
    border-radius: 5px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 40px;
    height: 35px;
    float: right;
    bottom: 60px;
    right: 20px;
    z-index: 200;
}

/****************  MEGA MENU  ********************/



.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
    position: static;
}

.yamm .container {
    position: relative;
}

#accounts_dropdown .dropdown .accounts-dropdown-menu {
    left: auto;
    top: 40px;
    width: 350px;
}

.yamm .yamm-content {
    padding: 20px 30px;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;
}

.product-list-styles {
    list-style: disc;
    margin-left: 15px;
}

/* menu styes */
.list-unstyled,
.list-unstyled ul {
    min-width: 120px;
    color: #333;
    font-size: 12px;
    line-height: 25px;
}




.inputspace {
    height: 75px !important;
}

/* Fix the "All Products" menu inside of a category */
.dropdown-backdrop {
    z-index: 1;
}



/*---------------  Nav FORM  --------------------*/

.form-control-utilityfield {
    display: block;
    width: 400px;
    height: 50px;
    padding: 15px 12px;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: .5px;
    line-height: 1.42857143;
    color: #666;
    background-color: #f4f4f4;
    background-image: none;
    border: none;
    border-bottom: solid 1px #dadada;
}

    .form-control-utilityfield:focus {
        border-color: #CCC;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    }

    .form-control-utilityfield::-moz-placeholder {
        color: #777;
        opacity: 1;
    }

    .form-control-utilityfield::-ms-input-placeholder {
        color: #777;
    }

    .form-control-utilityfield::-webkit-input-placeholder {
        color: #777;
    }




.list-group-item {
    width: 100%;
    background-color: #f6f6f6;
    border: none;
    cursor: pointer;
}

.product-price {
    font-weight: bold;
    color: #058E02;
    font-size: 30px;
    margin-bottom: 0px;
}

/***************************   SIDE NAV   *********************************/

#sidebar-wrapper {
    top: 50px;
    left: -200px;
    width: 100%;
    max-width: 350px;
    background-color: rgba(255,255,255,.5);
    color: #444;
    height: 510px;
}

.sidebar-nav {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
}

    .sidebar-nav li {
        text-indent: 30px;
        line-height: 50px;
    }

        .sidebar-nav li a {
            color: #444;
            display: block;
            text-decoration: none;
        }

            .sidebar-nav li a:hover {
                background: rgba(18, 18, 18, 0.6);
                color: white;
                text-decoration: none;
            }

            .sidebar-nav li a:active, .sidebar-nav li a:focus {
                text-decoration: none;
            }

#sidebar-wrapper.sidebar-toggle {
    transition: all 0.3s ease-out;
    margin-left: -200px;
}

#left_nav > .block-recently-viewed-products > .listbox > ul.list > li > h5 > a > p {
    color: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}

#left_nav > .block-recently-viewed-products > .listbox > ul.list > li > h5 > a {
    padding-left: 0px !important;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
}

#left_nav > .block-recently-viewed-products > .listbox > ul.list > li > h5 {
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: hidden;
    height: 4.8em;
}

.camera-icon {
    color: white;
    float: right;
    font-size: 22px;
    margin-top: 5px;
    margin-right: 10px;
    cursor: pointer;
}

.header-upper-for-mobiles .camare-for-mobiles {
    font-size: 18px;
}

@media (min-width: 768px) {
    #sidebar-wrapper.sidebar-toggle {
        transition: 0s;
        left: 200px;
    }
}

.icon-billpay .icon {
    vertical-align: middle;
}

.icon-billpay {
    /*display: none !important;*/ /* Hide until we launch B2B + BillPay*/
}

    .icon-billpay:hover svg {
        fill: #C60C30;
    }

    .icon-billpay img {
        background: url(/Themes/CESDefault/Content/images/billPay_icon.png) no-repeat;
        background-size: 20px 20px;
        width: 20px;
        height: 20px;
    }

    .icon-billpay:hover img {
        background: url(/Themes/CESDefault/Content/images/billPay_icon_red.png) no-repeat;
        background-size: 20px 20px;
        width: 20px;
        height: 20px;
    }

    .icon-billpay svg {
        fill: #ffffff;
    }


#system-nav {
    overflow: hidden;
    padding: 0px;
}

#accounts_dropdown_lower ul.accounts-dropdown-menu {
    top: 41px;
    left: -125px;
}

li.account-selection {
    position: relative;
}



#accounts_dropdown_lower li {
    cursor: pointer;
}

    #accounts_dropdown_lower li.order-prds-link {
        padding: 10px 0px 10px 10px;
    }

    #accounts_dropdown_lower li.account-selection {
        padding: 10px;
    }

    #accounts_dropdown_lower li.topcartlink {
        padding: 10px;
    }

    #accounts_dropdown_lower li:hover {
        background-color: none;
    }

    #accounts_dropdown_lower li a {
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
        color: #fff;
    }



/*span.selectedAccountText:hover {
    color: #333 !important;
}*/

span#selected-account, .wishlist-label, .nav-link span.wishlist-qty {
    font-size: 12px;
    vertical-align:unset !important;
}

.order-products-btn {
    position: relative;
}

li.bill-pay-btn {
    margin: 0 !important;
}

li.order-products-btn {
    /*background-color: #f01b1b;*/
}

.order-products-btn .glyphicon-shopping-cart:before {
    color: #fff;
}

.glyphicon-shopping-cart:before {
    /*color: #f01b1b;*/
}

li.bill-pay-btn {
    /*background-color: #7f061e;*/
}


    /*.order-products-btn:hover,*/
    li.bill-pay-btn:hover {
        /*background: #d90000;*/
        /*background: #f01b1b;*/
    }

.header-links .order-products-btn a:hover,
.header-links .bill-pay-btn a:hover {
    /*color: #ffffff;*/
}

/***************************   CUSTOM ICONS   *********************************/
.availability-icon {
    font-size: 22px;
    /*-webkit-text-stroke: 2px white;*/
}

.small-spiner-icon {
    color: #cccaca;
    font-size: 17px;
    -webkit-animation: fa-spin 1s infinite linear;
    animation: fa-spin 1s infinite linear;
}

.fa-spinner:before {
    content: "\f110";
}
/*.fa-spinner:before{content:"\e96c"}*/

.small-search-drop-spinner {
    font-size: 6px !important;
    margin: 15px;
    float: left;
}

.small-loading-drop-spinner {
    font-size: 14px;
    margin-top: 18px;
    color: #d0cfcf;
    font-weight: 600;
    float: left;
}

.overlay-spinner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 30%;
    z-index: 10;
    text-align: center;
}

.big-search-drop-spinner {
    font-size: 14px;
}

.big-loading-drop-spinner {
    font-size: 14px;
    margin-top: 18px;
    color: #d0cfcf;
    font-weight: 600;
}


/*--------------------------  BUTTON CES  -------------------------------*/


.btn {
    border: 0 none;
    letter-spacing: 1px;
    border-radius: 0;
}

    .btn:focus, .btn:active:focus, .btn.active:focus {
        outline: 0 none;
    }

.btn-primary {
    background: #c60c30;
    color: #ffffff;
    border-radius: 0;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        background: #333;
    }

    .btn-primary:active, .btn-primary.active {
        background: #383838;
        box-shadow: none;
    }


.btn.sharp {
    border-radius: 0;
}

.btn-ces {
    display: inline-block;
    padding: 13px 20px;
    margin-bottom: 0;
    font-size: 17px;
    font-weight: light;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: none;
    border-radius: 0px;
    transition: color .2s;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -o-transition: color .2s;
    -ms-transition: color .2s;
}

    .btn-ces:focus,
    .btn-ces:active:focus,
    .btn-ces.active:focus,
    .btn-ces.focus,
    .btn-ces:active.focus,
    .btn-ces.active.focus {
        /*outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;*/
    }

    .btn-ces:hover,
    .btn-ces:focus,
    .btn-ces.focus {
        color: #FFF;
        text-decoration: none;
    }

    .btn-ces:active,
    .btn-ces.active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    }

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

.select-disabled {
    pointer-events: none;
}

.btnces-default {
    color: #FFF;
    background-color: #C60C30;
    /*border-color: #ccc;*/
    transition: color .2s;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -o-transition: color .2s;
    -ms-transition: color .2s;
}

    .btnces-default:hover,
    .btnces-default:focus,
    .btnces-default.focus,
    .btnces-default:active,
    .btnces-default.active,
    .open > .dropdown-toggle.btnces-default {
        color: #FFF;
        background-color: #C60C30;
        /*border-color: #adadad;*/
    }

    .btnces-default:active,
    .btnces-default.active,
    .open > .dropdown-toggle.btnces-default {
        background-image: none;
    }

/**********   Thumbnails   **********(*/

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #337ab7;
}

/*.thumbnail .caption {
    padding: 0px 20px 10px 20px;
    color: #333;
    height: 150px;
    font-size: 14px;
}*/


/****************    Panel Group    ***********************/



/*.panel-group {
    margin-bottom: 20px;
    width: 100%;
}*/

    .panel-group .panel {
        border-radius: 0px;
        border-width: 0px 0px 1px 0px;
        border-color: #fff;
        /*padding:0 10px;*/
    }

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

    .panel-group .panel-heading {
        border-bottom: 0;
    }

        .panel-group .panel-heading img {
            height: 50px;
            width: 50px;
            vertical-align: middle;
            float: left;
            margin: 0px 10px 0px 0;
        }

        .panel-group .panel-heading + .panel-collapse > .panel-body,
        .panel-group .panel-heading + .panel-collapse > .list-group {
            border-top: 1px solid #ddd;
        }

    .panel-group .panel-footer {
        border-top: 0;
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd;
        }


.footer-block .title strong {
    font-weight: normal;
    margin-right: 10px;
}

.panel-primary {
    border-color: transparent;
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #C60C30;
        border-color: none;
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: none;
        }

        .panel-primary > .panel-heading .badge {
            color: #C60C30;
            background-color: #FFF;
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: none;
    }


.panel-title {
    padding-top: 15px;
    margin-bottom: 20px;
    font-size: 16px;
    color: #fff;
}

    .panel-title > a,
    .panel-title > small,
    .panel-title > .small,
    .panel-title > small > a,
    .panel-title > .small > a {
        color: inherit;
    }


.panel-body {
    background: #efefef;
}


#costomer {
    display: block;
    margin: 0px;
    width: 100%;
    height: 200px;
    color: #FFF;
    background: #C60c30;
    /*background: url('../images/logo_store.jpg') no-repeat;
	background-position:center;
	background-attachment:fixed;
	-moz-background-size: cover;
	background-size: cover;*/
}

/***************************   Boostrap Tour   *********************************/
h3.stock.popover-header {
    color: #000;
}

.popover-title {
    color: #fff;
    background-color: transparent;
}

.popover {
    background-color: #333333;
    color: #fff;
}

.popover-navigation .btn-default {
    background-color: #C60C30;
    color: #fff;
    margin-right: 2px;
}

.popover-navigation .disabled:hover {
    background-color: #C60C30;
}

.popover.right > .arrow:after {
    border-right-color: #333333;
}

.tour-step-background {
    background: none !important;
}

.tour-backdrop {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

/* END CUSTOM CES*/

p {
    color: #222;
    line-height: 23px;
    letter-spacing: .1px;
}


.titlewave {
    margin: 5px 0px 7px 50px;
    padding: 0px;
}


h5 {
    margin-bottom: 7px;
}


/*********  Font Sizes  *************/


.font-12pt {
    font-size: 12.5px;
}

.font-14pt {
    font-size: 14px;
}

.table {
    color: #383833;
}

.table-responsive h4 {
    font-size: 17px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin: 7px 0px;
}

.customnav {
    min-height: 100px;
}


.custom-ces-link {
    color: #0064C6;
    font-size: 11px;
    text-decoration: underline;
}

    .custom-ces-link:hover {
        color: #666;
    }


.ces-copy-link {
    color: #43a0e2;
    text-decoration: none;
}

    .ces-copy-link:hover {
        color: #43a0e2;
        text-decoration: underline;
    }


/*****************   PADDING   *******************/


.no-padding {
    padding: 0px !important;
}

.padding10 {
    padding: 10px !important;
}

.padding20 {
    padding: 20px !important;
}

.padding30 {
    padding: 30px !important;
}

.padding40 {
    padding: 40px !important;
}

.paddingtop4 {
    padding-top: 4px !important;
}

.paddingtop10 {
    padding-top: 10px !important;
}

.paddingtop15 {
    padding-top: 15px !important;
}

.paddingtop30 {
    padding-top: 30px !important;
}

.paddingbottom5 {
    padding-top: 5px !important;
}


.paddingbottom15 {
    padding-top: 15px !important;
}

.paddingright10 {
    padding: 0 10px 0 0 !important;
}


.paddingright4 {
    padding: 0 4px 0 0 !important;
}

.paddingleft0 {
    padding-left: 0px !important;
}

.paddingleft05 {
    padding: 0 0 0 5px !important;
}

.paddingleft10 {
    padding: 0 0 0 10px !important;
}

.paddingleft15 {
    padding: 0 0 0 15px !important;
}

.paddingleft20 {
    padding: 0 0 0 20px !important;
}

.paddingleft25 {
    padding: 0 0 0 25px !important;
}

.paddingleft30 {
    padding: 0 0 0 30px !important;
}

.paddingleft35 {
    padding: 0 0 0 35px !important;
}

.paddingleft40 {
    padding: 0 0 0 40px !important;
}

.paddingleft50 {
    padding: 0 0 0 50px !important;
}

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

.padding0-40 {
    padding: 0px 40px 0px 40px !important;
}

.paddingtop50 {
    padding-top: 50px;
}


/**************   MARGIN   *****************/


.no-margin {
    margin: 0px !important;
}

.marginleft5 {
    margin-left: 5px !important;
}

.marginright3 {
    margin-right: 3px !important;
}

.marginright10 {
    margin-right: 10px !important;
}

.marginright15 {
    margin-right: 15px !important;
}

.marginleft10 {
    margin-left: 10px !important;
}

.margintop0 {
    margin-top: 0px !important;
}

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

.margintop10 {
    margin-top: 10px !important;
}

.margintop40 {
    margin-top: 40px !important;
}

.marginbottom20 {
    margin-bottom: 20px !important;
}

.marginbottom40 {
    margin-bottom: 40px !important;
}

.pagemargins {
    margin: 0 10px;
}


/********************  COLORS  *********************/

.greyCCC {
    color: #CCCCCC !important;
}

.grey333 {
    color: #383838 !important;
}

.grey666 {
    color: #666666 !important;
}


.grey888 {
    color: #888888 !important;
}


.white {
    color: #FFFFFF !important;
}

.ces-red {
    color: #C60C30 !important;
}

.items-in-cart {
    color: #C60C30 !important;
}

.header-links span, .header-links a {
    font-size: 10px;
}


.background-red {
    background-color: #f01b1b !important;
}

.background-ces-red {
    background-color: #C60C30 !important;
}

.background-ces-red2 {
    background-color: #B30426 !important;
}

.background-ces-blue {
    background-color: #094e87;
}

.background-f2f2f2 {
    background-color: #f2f2f2 !important;
}

.background-f4f4f4 {
    background-color: #f4f4f4 !important;
}

.background-f6f6f6 {
    background-color: #f6f6f6 !important;
}

.background-f8f8f8 {
    background-color: #f8f8f8 !important;
}

.background-e6e6e6 {
    background-color: #e6e6e6 !important;
}

.background-e3e3e3 {
    background-color: #e3e3e3 !important;
}

.background-greyCCC {
    background-color: #CCCCCC !important;
}


.background-grey222 {
    background-color: #222222 !important;
}

.background-grey333 {
    background-color: #383838 !important;
}

.lightgreybackground {
    background-color: #F7F6F6 !important;
}

.dropdownsection {
    color: #C60C30;
    padding: 3px 20px;
}

.slidefont {
    font-size: 2.45em !important;
    font-weight: lighter !important;
    max-width: 380px;
    text-align: left;
}

.red-underline {
    border-bottom: 2px #C60C30 solid;
    max-width: 100%;
}

.right {
    float: right !important;
}

.left {
    float: left !important;
}

.width300 {
    max-width: 300px !important;
}

.dropdown .cesdrop {
    position: relative;
    color: #FFFFFF;
    background-color: #C60C30;
}

    .dropdown .cesdrop:hover {
        color: #FFFFFF;
        background-color: #000;
    }


.loginstyle {
    margin-top: 5px;
    padding: 3px 6px !important;
}


.greylargetext {
    line-height: 35px;
    color: #888888;
    font-size: 1.9em;
    margin: 15px 0;
}

.greySmallText {
    color: #555;
    font-size: 1.4em;
    line-height: 1.3;
}

#Terms_and_Conditions p, #Terms_and_Conditions li {
    text-align: left;
    color: #333;
}

#Terms_and_Conditions li {
    margin-bottom: 20px;
}

#Terms_and_Conditions a, #Terms_and_Conditions a:hover, #Terms_and_Conditions a:visited {
    color: #c60c30;
}


h2.modal-title {
    color: #000;
    font-size: 27px;
    margin: 3px 0;
    font-family: 'opensans-light', Arial, Helvetica, sans-serif;
}

.modal-body-footer h4 {
    font-weight: bold;
    margin: 0px !important;
    color: #444;
    font-size: 14px;
}



/* End -- Walt Sturghill */

/**********************   Start -- Len Osvatic - Make modal look consistant   *******************************/

.modal-header {
    /*background-color: #383838 !important;*/
    color: #000;
    border-bottom: 1px #cccccc solid;
    padding: 10px 25px 10px 15px;
    margin: 0 10px;
}

.modal-header-footer {
    /*background-color: #F7F6F6 !important;*/
    color: #000;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 15px 10px 15px;
    min-height: 56px;
    margin: 0 20px;
}

.modal-header .modal-title {
    color: #fff;
    font-size: 27px;
    margin: 3px 0;
    font-family: 'opensans-light', Arial, Helvetica, sans-serif;
}

.modal-header p {
    color: #fff;
}

.notification-header .right.close-modal-to-continue img {
    width:14px;
}

.modal-header .close {
    float: right;
    font-size: 20px;
    font-weight: normal;
    /*margin-top: 10px;*/
    line-height: 1;
    color: #fff;
    opacity: 1;
    font-family: 'opensans-light', Arial, Helvetica, sans-serif;
}

.modal-body {
    position: relative;
    padding: 25px 20px;
    /*background-color: #f0f0f0;*/
}

.modal-body-footer {
    position: relative;
    padding: 25px 20px;
    background-color: #fff;
}


.modal-body p {
    font-family: 'opensans-light', Arial, Helvetica, sans-serif;
    color: #383838;
    font-size: 16px;
    line-height: 30px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    /*background-color: #f0f0f0;*/
    border-top: none;
}
/**********************   End -- Len Osvatic - Make modal look consistant   *******************************/

/**********************   Start -- Len Osvatic - Apply Wire Cuts Modal   *******************************/

.modal-dialog-apply-cuts {
    width: 440px;
    margin: 10px auto;
    color: #333;
}

.apply-cuts-modal-header {
    padding-top: 10px;
    margin: 0 30px;
    border-bottom: solid 1px #eee;
}

.apply-cuts-modal-title {
    font-size: 15px;
    color: #333;
}

.apply-cuts-modal-body {
    margin: 20px 0px 0px 30px;
    font-weight: bold;
}

.apply-cuts-modal-help-icon {
    color: #0174ad;
}

.apply-cuts-modal-input {
    height: 30px !important;
    border: 1px solid #ddd;
    padding: 5px;
    vertical-align: middle;
    font-weight: bold;
    color: #333;
    background-color: #fff !important;
}

.apply-cuts-modal-times {
    font-size: 18px;
    color: #999;
}

.input-name {
    max-width: 150px;
}

.input-ft {
    max-width: 50px;
}

.input-qty {
    max-width: 60px;
}

.apply-cuts-modal-green {
    font-weight: bold;
    color: green;
}

tr.sapply-cuts-modal-body > td {
    padding-bottom: 1em;
}

.apply-cuts-modal-body td {
    padding-right: 10px;
    padding-bottom: 5px;
}

.apply-cuts-modal-confirm-header {
    padding: 10px 30px;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    background: #009b3a;
}

.apply-cuts-modal-confirm-body {
    margin: 0px auto;
    background: #f8f8f8;
}

.apply-cuts-modal-confirm-content {
    font-size: 14px;
    margin-left: 50px;
    margin-right: 50px;
    font-weight: 800;
}

.apply-cuts-modal-confirm-total {
    font-size: 15px;
    margin-left: 50px;
    margin-right: 50px;
    font-weight: bolder;
}

.font-red {
    color: #c70d32;
    font-weight: bold;
}

.borderbottom01 {
    border-bottom: 1px solid #eaeaea;
}



/**********************   End -- Len Osvatic -  Apply Wire Cuts Modal   *******************************/

/**********************   Start -- Len Osvatic - Switch User Accounts Modal   *******************************/

ul#user-accounts-list li h6 {
    font-weight: bold;
    background-color: #ccc;
    padding: 10px 20px;
    margin: 0px;
    color: #383838;
}

ul#user-accounts-list ul.account-group li:nth-child(odd) {
    background-color: #e3e3e3;
    padding: 10px 20px;
}

ul#user-accounts-list ul.account-group li {
    background-color: #EEE;
    padding: 10px 20px;
}

    ul#user-accounts-list ul.account-group li:hover {
        background-color: #FFFFFF;
        cursor: pointer;
    }

    ul#user-accounts-list ul.account-group li a {
        font-size: 10px !important;
        font-weight: bold;
        color: #383838;
        /*color: #c60c30;*/
        line-height: 30px;
    }

        ul#user-accounts-list ul.account-group li a:hover {
            font-size: 10px !important;
            font-weight: bold;
            /*color: #383838;*/
            color: #c60c30;
            line-height: 30px;
        }

ul#user-accounts-list-mobile li h6 {
    font-weight: bold;
    background-color: #ccc;
    padding: 10px 20px;
    margin: 0px;
    color: #383838;
}

ul#user-accounts-list-mobile ul.account-group li:nth-child(odd) {
    background-color: #e3e3e3;
    padding: 10px 20px;
}

ul#user-accounts-list-mobile ul.account-group li {
    background-color: #EEE;
    padding: 10px 20px;
}

    ul#user-accounts-list-mobile ul.account-group li:hover {
        background-color: #FFFFFF;
        cursor: pointer;
    }

    ul#user-accounts-list-mobile ul.account-group li a {
        font-size: 10px !important;
        font-weight: bold;
        color: #383838;
        /*color: #c60c30;*/
        line-height: 30px;
    }

        ul#user-accounts-list-mobile ul.account-group li a:hover {
            font-size: 10px !important;
            font-weight: bold;
            /*color: #383838;*/
            color: #c60c30;
            line-height: 30px;
        }

/**********************   End -- Len Osvatic - Switch User Accounts Modal   *******************************/

/**********************   Start -- Len Osvatic - Fix Styling In Dropdown in Mobile   *******************************/

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {

    /*.instance-search-result-product-actions {
        padding-top: 10px;
    }


    .drop-search-qty-add {
        margin-left: 55px;
    }*/

    /*.mobile-dropdown-width {
        max-width: 395px;
    }*/

    /*.ces-drop-product-description {
        min-height: 110px;
        width: 65%;
    }*/

    /*.drop-search-qty-add > input, .drop-search-qty-add > .search-add-button {
        margin-top: 0 !important;
    }*/

    /*article.welcome-msg h2 {
        font-size: 34px !important;
    }*/

    /*article.welcome-msg h4 {
        font-size: 16px !important;
    }*/

    /*.search-add-button {
        width: 124px !important;
    }*/
}


/**********************   End -- Len Osvatic - Fix Styling In Dropdown in Mobile   *******************************/


/* Start -- Matt Chappel*/

/****************************************COMMON *****************************************************/

.icon-carat {
    margin: 5px;
    margin-left: 9px;
}

.auto-width {
    width: auto;
}

.btn-primary-dark {
    background: #333;
    color: #ffffff;
    border-radius: 0;
    width: 100%;
}

    .btn-primary-dark:hover, .btn-primary-dark:active, .btn-primary-dark:visited, .btn-primary-dark:focus {
        color: #ffffff;
    }

.ces-dark-button {
    display: inline-block;
    min-width: 175px;
    border: none;
    padding: 10px 20px;
    font-size: 12px;
    height: 43px;
    color: #fff;
    background-color: #333;
    vertical-align: top;
    margin-bottom: 3px;
    text-align: center;
    border-radius: 3px;
}

.ces-grey-button {
    display: inline-block;
    min-width: 175px;
    border: none;
    padding: 10px 20px;
    font-size: 12px;
    height: 43px;
    color: #333;
    background-color: #ccc;
    vertical-align: top;
    margin-bottom: 3px;
    text-align: center;
    border-radius: 3px;
    font-weight: bold;
}

.ces-green-button {
    display: inline-block;
    min-width: 175px;
    border: none;
    padding: 10px 20px;
    font-size: 12px;
    height: 43px;
    color: #fff;
    background-color: #7ab800;
    vertical-align: top;
    margin-bottom: 3px;
    text-align: center;
    border-radius: 3px;
}

a.ces-dark-button {
    color: #fff;
}

    a.ces-dark-button:hover {
        text-decoration: none;
    }

.ces-red-button {
    display: inline-block;
    min-width: 175px;
    border: none;
    background-color: #aaa;
    padding: 10px 20px;
    font-size: 12px;
    height: 43px;
    color: #fff;
    background: #b40829;
    vertical-align: top;
    margin-bottom: 3px;
    text-align: center;
    border-radius: 3px;
}

.ces-red-button-sm {
    display: inline-block;
    min-width: 100px;
    border: none;
    background-color: #aaa;
    padding: 10px 20px;
    font-size: 12px;
    height: 43px;
    color: #fff;
    background: #b40829;
    vertical-align: top;
    margin-bottom: 3px;
    text-align: center;
    border-radius: 3px;
}

.ces-dark-button-sm {
    display: inline-block;
    min-width: 100px;
    border: none;
    background-color: #333;
    padding: 10px 20px;
    font-size: 12px;
    height: 43px;
    color: #fff;
    background: #333;
    vertical-align: top;
    margin-bottom: 3px;
    text-align: center;
    border-radius: 3px;
}


.ces-dark-button-xsm {
    display: inline-block;
    max-width: 60px;
    border: none;
    background-color: #333;
    padding: 5px 14px;
    font-size: 12px;
    height: 30px;
    color: #fff;
    background: #333;
    vertical-align: top;
    margin-bottom: 0px;
    text-align: center;
    border-radius: 3px;
}

a.ces-red-button, a.ces-red-button-sm, a.ces-dark-button-sm {
    color: #fff;
}

    a.ces-red-button:hover, a.ces-red-button-sm, a.ces-dark-button-sm {
        text-decoration: none;
    }

.ces-red-button[disabled], ces-red-button-sm[disabled], ces-dark-button-sm[disabled] {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

/*.ces-home-button {
    width: 100%;
    height: 37px;
    background: #b40829;
    color: #fff;
    max-width: 278px;
    right: 0;
    border: none;
}

.ces-home-button-text {
    width: 80%;
    height: 100%;
    float: left;
    padding: 7px;
    text-align: center;
    padding-top: 12px;
    font-size: 12px;
    line-height: 14px;
}*/

.ces-big-home-button {
    width: 100%;
    height: 43px;
    background: #b40829;
    color: #fff;
    max-width: 350px;
    right: 0;
    border: none;
}

.ces-big-home-button-text {
    width: 80%;
    height: 100%;
    float: left;
    padding: 7px;
    text-align: center;
    padding-top: 14px;
    font-size: 16px;
    line-height: 14px;
}

.ces-arrow-container img {
    width: 15px !important;
    margin: 12px;
}

.ces-arrow-container {
    width: 43px;
    height: 100%;
    float: right;
}

.select-all-boxes {
    float: left;
    font-size: 11px;
    color: #b40829;
}

.ces-small-font {
    font-size: 10px;
}

label.error {
    color: red;
    font-size: 10px;
}

/*.panel-heading .accordion-toggle:after {
     symbol for "opening" panels 
    font-family: 'Glyphicons Halflings';  essential for enabling glyphicon 
    content: "\e114";  adjust as needed, taken from bootstrap.css 
    float: right;
    font-size: x-small;
}*/

/*.panel-heading .accordion-toggle.collapsed:after {
     symbol for "collapsed" panels 
    content: "\e080";  adjust as needed, taken from bootstrap.css 
}*/

.accordion-toggle {
    width: 100%;
    display: inline-block;
    color: #333 !important;
}

.kit-panel-heading .accordion-toggle {
    color: #fff !important;
}

.accordion-toggle img {
    height: 52px;
    width: 52px;
    background-color: #fff;
    padding: 5px;
}

.accordion-toggle:active, .accordion-toggle:focus, .accordion-toggle:hover, .accordion-toggle:visited {
    text-decoration: none;
}

.option-value {
    padding: 10px 15px;
    border-color: #f1f1f1;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    cursor: pointer;
    text-transform: uppercase;
}

    .option-value:hover {
        background-color: #afaeae;
        color: #fff;
    }

    .option-value.selected {
        background-color: #E6E6E6;
        color: #777;
    }

.panel-default > .panel-heading {
    /*background-color: #f1f1f1;*/
    /*background-color: #ccc;*/
}

    .panel-default > .panel-heading:hover {
        background-color: #afaeae;
        color: #fff;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

.panel-heading {
    text-transform: uppercase;
}

.panel-title.filters {
    font-weight: 600;
    font-size: 12px;
    color: #383838;
}

.panel-group.filters {
    margin-bottom: 0px;
}

.panel-brand {
    background-color: #fff;
    padding: 10px 15px;
    border-color: #f1f1f1;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    text-transform: uppercase;
}

.error-alert {
    color: #fff;
    background-color: #cb2243;
    border-color: #ebccd1;
    margin-bottom: 10px;
}

.warning-alert {
    color: #fff;
    background-color: #e3ab4a;
    border-color: #ebccd1;
    margin-bottom: 10px;
}

#shipping-options-warning {
    margin-top: 10px;
}

.cart td.alert-td {
    padding: 10px 0px 0px 0px;
    border-width: 0px;
}

.error-alert-for-mobiles {
    display: none;
}

/*.cart td.quantity {
    min-width: 120px;
    text-align: center;
}*/

.cart td.stock {
    min-width: 120px;
    text-align: center;
}

/****************************** HOME PAGE ******************************************************/

.home-featured {
    clear: none !important;
    margin: 0;
    margin-right: 1%;
    width: 24.25%;
}

    .home-featured:last-child {
        margin: 0;
    }

.product-mashable .item-box.home-featured {
    width: 100%;
}

.feature-products-container {
    height: auto;
    overflow: hidden;
    min-height: 410px;
    margin-top: 50px;
}

.featureProductButton {
    width: 100%;
    position: relative;
    bottom: 50px;
}

#feature-products-body .feature-products-container a img {
    width: 80%;
}


.feature-products-container p {
    font-size: 20px;
    color: #333;
    font-weight: 600;
    padding-bottom: 10px;
    padding-top: 10px;
    min-height: 90px;
}

    .feature-products-container p span {
        font-size: 14px;
        color: #C60C30;
        text-decoration: line-through;
        font-weight: 600;
    }

#feature-products-body .feature-products-container p.featureProductPrice {
    font-size: 22px;
    font-weight: 600;
    color: #009B3A;
    margin-top: -6px;
}

#feature-products-body .feature-products-container .add-to-cart-button {
    height: 43px;
    border: none;
    padding: 0 24px;
    font-size: 15px;
    text-transform: uppercase;
    background: #C60C30 !important;
    color: #ffffff;
    border-radius: 0;
    width: 65%;
}

    #feature-products-body .feature-products-container .add-to-cart-button:hover {
        background: #b80125 !important;
    }

#hasColor:focus {
    border: 1px solid #ddd !important;
    color: #777;
}

/************************************* CES ACCOUNT DROPDOWN *****************************************/

/*.dropdown-menu {
    padding: 12px 0px;
    font-size: 13px;
    background-color: #fff;
    border: none;
    border-radius: 0px;
    min-width: initial;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}*/

.my-ces-drp {
    background-color: #fff !important;
    display: block;
    right: 0;
    padding: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.dropdown-menu > li > a {
    line-height: 25px;
}

li#accounts_dropdown ul.dropdown-menu {
    left: -93px;
    margin: 0px !important;
    width: 250px;
    border-radius: 0px;
    padding: 0px;
    border: none;
    height: 325px;
    max-height: 500px;
    overflow-y: auto;
    height: auto;
    display: none;
    font-weight: bolder;
}

li#accounts_dropdown ul.dropdown-menu li {
    display: block;
    margin: 0px;
}

li#accounts_dropdown ul.dropdown-menu li ul li {
    padding: 10px 25px;
    text-transform: lowercase;
    max-height: 50px;
}



li#accounts_dropdown ul.dropdown-menu a:hover {
    color: #c60c30;
}

li#accounts_dropdown li {
    width: 100%;
}

li#accounts_dropdown h6 {
    font-weight: bold;
    background-color: #ccc;
    padding: 10px;
    margin: 0px;
    color: #383838;
    cursor: default;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    height: 40px;
    display: table-cell;
    vertical-align: middle;
}


.account-address-header {
    font-size: 12px;
    font-weight: bold;
}

.my_ces_section #accout-address label, .my_ces_section #shipping-type label {
    font-size: 11px;
    font-weight: normal;
    padding-top: 0;
}

#shipping-type .disclaimer {
    margin: 10px 0;
    display: block;
}

#accout-address label input[type="radio"] {
    margin: 5px -20px 0;
}

.selected-shipping-address {
    font-size: 11px;
    font-weight: normal;
    padding-top: 5px;
    margin-left: 20px;
}

.shipping-options-checkbox {
    margin-left: 20px;
}

.edit_link {
    font-size: 1rem;
    padding: .5em;
}

.about_link {
    color: #B80125;
}

    .about_link:hover {
        color: #333;
    }

.largeheader {
    color: #333;
    font-size: 37px;
    text-align: left;
    margin-top: 0px;
    font-weight: 600;
}

    .largeheader.aboutus, .largeheader.timeline {
        padding-left: 40px;
        padding-top: 40px;
    }

.timeline-title {
    color: #444;
    font-family: 'Opensans-Regular', Helvetica, sans-serif !important;
    line-height: 1.2;
    font-weight: 500;
    /*font-size: 1.5rem !important;*/
}

.company-info {
    padding-left: 40px;
    padding-right: 40px;
}

    .company-info .size23 {
        margin-top: 10px;
    }

h2.ces-white small {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    display: block;
}

.size23 {
    font-size: 23px !important;
}

.bottom-line {
    border-bottom: 2px solid #C60C30 !important;
    margin-bottom: 30px;
}

.greybackground444 {
    background-color: #444444 !important;
}

.greybackground666 {
    background-color: #666666 !important;
}

.greybackground999 {
    background-color: #999999 !important;
}

.greybackgroundCCC {
    background-color: #CCCCCC !important;
}

.ces-white {
    color: #FFFFFF !important;
}


  
.upload-image_link {
    color: #C60C30 !important;
    font-weight: bold;
    font-size: 1rem;
    padding: .5em;
}

a:hover .upload-image_link {
    text-decoration: none;
    color: #C60C30 !important;
}

.free-shipping {
    font-size: 11px;
}

.order-subtotal,
.shipping-cost,
.tax-value {
    font-weight: bold;
    font-size: 12px;
    padding-top: 15px;
}


/* Changes to Account Dropdown height and colors - WS - 05/04/17 */

li#accounts_dropdown .dropdown {
    height: 100%;
    display: inline-flex;
}

ul.account-group li {
    background-color: #EEE;
    height: 50px;
}


    ul.account-group li a {
    }


    ul.account-group li:nth-child(odd) {
        background-color: #e3e3e3;
    }

    ul.account-group li:hover {
        background-color: #FFFFFF;
        cursor: pointer;
    }


#drop-display {
    width: 700px;
}

    #drop-display .view-all {
        text-decoration: underline;
        color: #3974b6;
        text-align: right;
        border-bottom: 0px;
    }

        #drop-display .view-all a:hover, #drop-display .view-all a:focus {
            color: #4ab2f1;
        }

#drop-categories.lastSearches {
    width: 100%;
    border-right: none;
}

    #drop-categories.lastSearches > .categoryDisplay {
        border-left: none;
    }

        #drop-categories.lastSearches > .categoryDisplay:hover {
            background: none rgba(141, 141, 141, 0.701961);
            color: #fff;
        }


/* RMA Request Dropdown height and colors - LO - 07/05/17 */

.search-by-order-number-dropdown {
    width: 100% !important;
    background-color: #EEE;
}

    .search-by-order-number-dropdown > li > a:hover, .search-by-order-number-dropdown > li > a:focus {
        color: #444;
        text-decoration: none;
        background-color: #FFFFFF;
    }

ul.search-by-order-number-dropdown li {
    background-color: #EEE;
}

    ul.search-by-order-number-dropdown li:nth-child(odd) {
        background-color: #e3e3e3;
    }

.min-width270 {
    min-width: 270px;
}

.marginbottom-2 {
    margin-bottom: -2px;
}

.marginleft20 {
    margin-left: 20px;
}

.margintop45 {
    margin-top: 45px;
}

input.web-order-number {
    width: 80%;
}

/*************************************** MY CES DESKTOP ****************************************************/

#my-ces-avatar {
    width: 100%;
    max-width: 100px;
    margin-bottom: 1em;
}

span#account-number {
    color: #c60c30;
    font-weight: bold;
}

.adduser_ces_section {
    background: #EEEEEE;
    padding: 1em;
    color: #444;
}

    .adduser_ces_section h2 {
        font-size: 1.5rem;
        font-weight: bold;
        margin: 0;
        display: inline-block;
    }

    .adduser_ces_section h3 {
        font-size: 1.3rem;
        font-weight: bold;
        margin: 0;
        display: inline-block;
    }

    .adduser_ces_section h4 {
        font-size: 1.0rem;
        margin: 0;
        display: inline-block;
    }


/*.my_ces_section {
    background: #f8f8f8;
    padding: 1em;
    margin-bottom: 10px;
    color: #444;
}*/

    /*.my_ces_section section {
        padding: 1em 1em;
    }*/

    /*.my_ces_section h2 {
        font-size: 2.5rem;
        margin: 0;
        display: inline-block;
        margin-bottom: .2em;
        margin-right: .2em;
    }*/

    .my_ces_section p {
        font-size: 14px;
        font-weight: 600;
        margin: 0;
        color: #444;
        line-height: 1.1;
    }

    .my_ces_section h4 {
        font-size: 1rem;
        font-weight: bold;
        margin: 0;
        color: #999;
        position: absolute;
        bottom: 0px;
    }

    .my_ces_section label {
        font-size: 1.2rem;
        font-weight: bold;
        color: #444;
        padding-top: 10px;
    }

.rma_request_section h3 {
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0;
}

.bottom-heading-tag {
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
}

/*.my_ces_section a.main{
    color: #1f719e;
}*/

/*.my_ces_section .section-head{
    padding-bottom: 1em;
}*/

/*.sub-links,
.sub-links a {
    color: #1f719e;
    font-size: 1.2rem;
}*/

/*.my_ces_column {
    background: #dbd7d7;
    padding-right: 0px;
    padding-left: 10px;
}*/

.section_right {
    /*min-height: 30%;*/
    text-align: center;
    padding: 1em;
}

.section_left {
    /*min-height: 30%;*/
    padding: 1em;
}




.section_right h3 span {
    display: block;
}

.section_right h3 a:hover {
    color: inherit;
}

.section_left {
    /*min-height: 48%;*/
}

/* Begin - Necessary to make all columns equal height */

.fill-height-or-more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .fill-height-or-more > div {
        /* these are the flex items */
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }



/* End - Necessary to make all columns equal height */

.bottom-rule {
    border-bottom: 1px solid #ddd;
    margin-bottom: 1em;
}

.right-rule {
    border-right: 1px solid #ddd;
    margin-bottom: 1em;
}

.left-rule {
    border-left: 1px solid #ddd;
    margin-bottom: 1em;
}

.my-ces-icon {
    width: 40px !important;
}

/* featured products insde my CES */
.featured-products-no-quickview .section-title h2 {
    margin-top: 0px;
}

.featured-products-no-quickview .product-item {
    padding: 5px;
}

.featured-products-no-quickview .home-featured {
    margin-right: 0.5%;
    width: 24.61%;
}

    .featured-products-no-quickview .home-featured:last-child {
        margin: 0;
    }

.featured-products-no-quickview .quick-view-button {
    display: none;
}

.featured-products-no-quickview .item-box input[type="button"] {
    font-size: 11px;
}

.featured-products-no-quickview .house-acct-error-text {
    font-size: 11px;
    line-height: 1.1;
}

.buttons .house-acct-error a {
    background-color: #e3ab4a !important;
}

.buttons .house-acct-error a:hover {
    color: #C60C30;
}

.featured-products-no-quickview .house-acct-error {
    margin-top: 0px;
}

.featured-products-no-quickview .home-featured .product-item {
    height: 360px;
    min-height: 360px;
}

.home-featured .product-item {
    height: inherit !important;
    padding-bottom: 50px;
}

/*Tablet Portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1023px) and (orientation : portrait) {

    .home-featured .product-item {
        /*min-height: 615px;*/
        height: inherit !important;
        padding-bottom: 50px;
    }
}

/*Tablet Landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1023px) and (orientation : landscape) {

    .home-featured .product-item {
        min-height: 512px;
    }
}


/* iPad Pro Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {

    .quick-view-button {
        display: none;
    }
}

/*Mobile Landscape*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {

    .home-featured .product-item {
        /*min-height: 570px;*/
    }
}

/*iPhone 6,7,8+ Landscape*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {

    .home-featured .product-item {
        /*min-height: 600px;*/
        height: inherit !important;
        padding-bottom: 30px;
    }
}



.featured-products-no-quickview .product-grid {
    margin: 0 0 10px;
}

.featured-products-no-quickview .item-box .product-title {
    font-size: 14px;
}

.featured-products-no-quickview .ces_price {
    font-size: 16px;
}

/*************************************** CES HOME SLIDER *******************************************/


.theme-custom {
    margin: 0 !important;
}


/*******FLEXSLIDER CUSTOM CES****************/


.flexslider {
    background: none !important;
    border: none !important;
    min-height: 458px;
    margin: 0 !important;
    z-index: 0;
}

    .flexslider a,
    .flexslider a:hover {
        text-decoration: none;
    }

#cap_1, #cap_2, #cap_3, #cap_4, #cap_5 {
    top: 80px;
    left: 100px;
    width: auto;
}


#cap_1 {
    top: 150px;
    left: 420px;
}

#cap_2 {
    top: 150px;
    left: 420px;
}

#cap_3 {
    top: 150px;
    left: 420px;
}

#cap_4 {
    top: 150px;
    left: 420px;
}

#cap_5 {
    top: 265px;
    left: 505px;
    text-align: left;
}

#cap_6 {
    top: 150px;
    left: 420px;
}

@media screen and (min-width: 1023px) and (max-width: 1024px) {
    #cap_1 {
        top: 120px;
        left: 385px;
    }

    #cap_2 {
        top: 210px;
        left: 405px;
    }

    #cap_3 {
        top: 217px;
        left: 435px;
    }

    #cap_4 {
        top: 150px;
        left: 415px;
    }

    #cap_5 {
        top: 185px;
        left: 375px;
        width: 360px;
    }

    #cap_6 {
        top: 205px;
        left: 275px;
        width: 400px;
    }
}

.flex-direction-nav a:before {
    color: #c2c2c2 !important;
}

.flex-control-paging li a {
    background-color: #c2c2c2 !important;
}

    .flex-control-paging li a.flex-active {
        background-color: #929292 !important;
    }

.flex-caption {
    position: absolute;
    width: 80%;
    top: 437px;
    /*padding-left: 120px;*/
    left: 90px;
    text-align: center;
}

    .flex-caption h2 {
        color: #C60C30;
        /*text-shadow: 0 1px 2px rgba(0, 0, 0, .6);*/
        font-size: 33px;
        margin-bottom: 0;
        font-weight: bolder;
    }

    .flex-caption p {
        color: #000;
        font-size: 19px;
        /*width: 470px;*/
        margin: 10px 0;
    }


    .flex-caption#cap_1 h2, .flex-caption#cap_3 h2, .flex-caption#cap_4 h2 {
        color: #C60c30;
        text-shadow: none;
        margin-top: -20px;
    }

    .flex-caption#cap_1 p, .flex-caption#cap_3 p, .flex-caption#cap_4 p {
        color: #000;
        text-shadow: none;
    }

    .flex-caption .home-button {
        width: 200px;
    }

    .flex-caption .home-button-text {
        width: 200px;
        width: 78%;
    }


    #hero_test .slider_img {
        width: 75%;
        max-height: 500px;
        transition: none;
        opacity: 1;
        margin-left: -40px;
    }

    #hero_test .slider_img_auth {
        width: 75% !important;
        max-height: 500px;
        transition: none;
        opacity: 1;
        margin-left: 10%;
    }

/* HERO SLIDER IMAGES */

#slide1 {
    top: 40px;
}

/*********/

.flex-direction-nav a {
    top: 60% !important;
    margin-top: -85px !important;
    z-index: 8 !important;
}

.slider-btn {
    margin-top: 10px;
}

    .slider-btn:hover {
        background-color: #d90000 !important;
    }


#hero0 {
    background: url('/Themes/CESDefault/Content/images/home_slider/hero0.jpg') #eaecee top center no-repeat;
}

#hero1 {
    background: url('../images/home_slider/hero1.webp') #eaecee top center no-repeat;
}

#hero2 {
    background: url('/Themes/CESDefault/Content/images/home_slider/hero_white') #FFF top center no-repeat;
}

#hero3 {
    background: url('/Themes/CESDefault/Content/images/home_slider/hero3.jpg') #FFF top center no-repeat;
}

#hero4 {
    background: url('/Themes/CESDefault/Content/images/home_slider/hero2.jpg') #eaecee top center no-repeat;
}

#hero5 {
    background: url('/Themes/CESDefault/Content/images/home_slider/hero2.jpg') #eaecee top center no-repeat;
}

#hero6 {
    background: url('/Themes/CESDefault/Content/images/home_slider/hero2.jpg') #eaecee top center no-repeat;
}

#hero7 {
    background: url('../images/home_slider/hero1.webp') #eaecee top center no-repeat;
}

#hero9 {
    background: url('/Themes/CESDefault/Content/images/home_slider/heroRenewblesBkg.jpg') #FFF top center no-repeat;
}

#hero10 {
    background: url('/Themes/CESDefault/Content/images/home_slider/hero10.jpg') #eaecee top center no-repeat;
}

#hero11 {
    background: url('/Themes/CESDefault/Content/images/home_slider/heroKleinPromo.jpg') #FFF top center no-repeat;
}

#hero12 {
    background: url('/Themes/CESDefault/Content/images/home_slider/hero12.jpg') #FFF top center no-repeat;
}

#hero13 {
    background: url('/Themes/CESDefault/Content/images/home_slider/hero13.jpg') #FFF top center no-repeat;
}

#hero14 {
    background: url('/Themes/CESDefault/Content/images/home_slider/hero14.jpg') #EF5413 top center no-repeat;
}

#hero15 {
    background: url('../images/home_slider/2020/07-July/klein-header-01.png') no-repeat;
    background-position: right bottom;
    border-bottom: 50px solid #F76C1C;
    background-color: #F9F9F9;
    background-size: 50% !important;
}

#hero16 {
    background: url('/Themes/CESDefault/Content/images/home_slider/hero16.jpg') #FFF top center no-repeat;
}

#hero17 {
    background: url('../images/home_slider/hero17.webp') #000 top center no-repeat;
}

#hero18 {
    background: url('/Themes/CESDefault/Content/images/hero18.jpg') #000 top center no-repeat;
}

#hero19 {
    background: url('/Themes/CESDefault/Content/images/home_slider/hero19.jpg') #41AD49 top center no-repeat;
}

#hero20 {
    background: url('/Themes/CESDefault/Content/images/home_slider/hero20.jpg') #000 top center no-repeat;
}

#hero21 {
    background: url('/Themes/CESDefault/Content/images/home_slider/hero21.jpg') #000 top center no-repeat;
}

#hero22 {
    background: url('/Themes/CESDefault/Content/images/home_slider/hero22.jpg') #000 top center no-repeat;
}

#hero23 {
    background: url('/Themes/CESDefault/Content/images/home_slider/hero23.jpg') #000 top center no-repeat;
}

#hero24 {
    background: url('/Themes/CESDefault/Content/images/home_slider/hero24.jpg') #000 bottom center no-repeat;
}

#hero25 {
    background: url(/Themes/CESDefault/Content/images/home_slider/2021/04-Apr/hero25_bk-image.png) #FFF bottom right no-repeat;
    background-size: auto !important;
}

#heroMay_2021 {
    background: url(/Themes/CESDefault/Content/images/home_slider/2021/05-May/May2021_Background.jpg) #000 bottom center no-repeat;
    background-size: cover !important;
}

#heroJune_2021 {
    background: url(/Themes/CESDefault/Content/images/home_slider/2021/06-Jun/Pre-klein/MainBanner_Background_1435x670_V2.jpg) #FFF bottom center no-repeat;
    background-size: cover !important;
}

#heroEventJune_2021 {
    background-image: url(/Themes/CESDefault/Content/images/home_slider/2021/06-Jun/Klein/MainBanner-Event_Background_1435x670_V4.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-color:#fff;
    background-size: cover !important;
}

#heroPostJune_2021 {
    background: url(/Themes/CESDefault/Content/images/home_slider/2021/06-Jun/Post-Klein/MainBanner_Background_1435x670_V1.jpg) #FFF bottom center no-repeat;
    background-size: cover !important;
}

#heroJuly_2021 {
    background: url(/Themes/CESDefault/Content/images/home_slider/2021/07-Jul/July_MainBanner_Background_1435x670_V1.jpg) #c50e13 bottom center no-repeat;
    background-size: cover !important;
}

#heroAug_2021 {
    background: url(/Themes/CESDefault/Content/images/home_slider/2021/08-Aug/MainBanner_Background_08-2021.jpg) #FFF bottom center no-repeat;
    background-size: cover !important;
}

#heroSept_2021 {
    background: url(/Themes/CESDefault/Content/images/home_slider/2021/09-Sept/MainBanner_Background_Sept-2021.jpg) #FFF bottom center no-repeat;
    background-size: cover !important;
}

#heroOct_2021 {
    background: url(/Themes/CESDefault/Content/images/home_slider/2021/10-Oct/MainBanner_ForeGround_Oct-2021_V7.jpg) #FFF bottom center no-repeat;
    background-size: cover !important;
}

#heroNov_2021 {
    background: url(/Themes/CESDefault/Content/images/home_slider/2021/11-Nov/Nov_MainBanner_Background_1435x670_V1.jpg) #FFF bottom center no-repeat;
    background-size: cover !important;
}

#heroNov_2021 {
    background: url(/Themes/CESDefault/Content/images/home_slider/2021/11-Nov/Nov_MainBanner_Background_1435x670_V1.jpg) #FFF bottom center no-repeat;
    background-size: cover !important;
}

#heroDec_2021 {
    background: url(/Themes/CESDefault/Content/images/home_slider/2021/12-Dec/Dec_MainBanner_Background_1435x670.jpg) #FFF bottom center no-repeat;
    background-size: cover !important;
}


#heroJan_2022 {
    background: url(/Themes/CESDefault/Content/images/home_slider/2022/01-Jan/Jan_MainBanner_Background_1435x670.jpg) #FFF bottom center no-repeat;
    background-size: cover !important;
}

#heroFeb_2022 {
    background: url(/Themes/CESDefault/Content/images/home_slider/2022/02-Feb/Feb_MainBanner_Background_1435x670.jpg) #FFF bottom center no-repeat;
    background-size: cover !important;
}

#heroMar_2022 {
    background: url(/Themes/CESDefault/Content/images/home_slider/2022/03-Mar/Mar_MainBanner_Background_1435x670.jpg) #FFF bottom center no-repeat;
    background-size: cover !important;
}


#heroApr_2022 {
    background: url(/Themes/CESDefault/Content/images/home_slider/2022/04-Apr/Apr_MainBanner_Background_1435x670_V1.jpg) #FFF bottom center no-repeat;
    background-size: cover !important;
}

#heroMay_2022 {
    background: url(/Themes/CESDefault/Content/images/home_slider/2022/05-May/May_MainBanner_Background_1435x670_V1.jpg) #FFF bottom center no-repeat;
    background-size: cover !important;
}

#heroJul_2022 {
    background: url(/Themes/CESDefault/Content/images/home_slider/2022/07-Jul/Jul_MainBanner_Background_1435x670_V1.jpg) #FFF bottom center no-repeat;
    background-size: cover !important;
}

#heroAug_2022 {
    background: url(../images/home_slider/2022/08-Aug/Aug_MainBanner_Background_1435x670_V1.webp) #FFF bottom center no-repeat;
    background-size: cover !important;
}

#heroGeneric_2021 {
    background: url(/Themes/CESDefault/Content/images/home_slider/2021/generic/MainBanner_Background_Generic_V1.jpg) #FFF bottom center no-repeat;
    background-size: cover !important;
}

#KleinBlowoutBackground-Orange {
    background: url('/Themes/CESDefault/Content/images/home_slider/2020/01-Jan/Web_Homebanner_Background_Orange.jpg') #f86c1d top center no-repeat;
}

#KleinBlowoutBackground-Black {
    background: url('/Themes/CESDefault/Content/images/home_slider/2020/01-Jan/Web_Homebanner_Background_Black.jpg') #d0cfcf top center no-repeat;
}

#MayKleinPromoBackground {
    background: url('/Themes/CESDefault/Content/images/home_slider/heroKleinPromo.jpg') #FFF top center no-repeat;
}

#yetiTCModal {
    max-height: 450px;
    overflow-y: scroll;
}

#yetiTCModal h4 {
    font-size: 20px;
}


.slide-image#slide3 {
    margin: 0 auto;
    padding-top: 136px;
}

.expanding-background {
    height: 670px;
}
/* SLIDE 1 IMAGE */
#slide0 {
    /*margin-left: 0px;*/
}

image#slide5 {
    /*margin-left: 0px;*/
}

img#slide1 {
    /*margin-left: 0px;*/
}

img#slide2 {
    /*margin-left: 0px;*/
}

img#slide3 {
    width: 80%;
    margin-right: 0;
}

img#slide4 {
    width: 80%;
    margin-right: 0;
}

img#slide5 {
    width: 80%;
    margin-right: 0;
}

img#slide6 {
    width: 80%;
    margin-right: 0;
}

img#slide7 {
    height: 570px;
    width: initial;
}


.bg_slide {
    height: 590px;
    position: absolute;
    display: block;
    width: 100%;
    background-size: cover !important;
    /*border-top: 1px solid #f01b1b;*/
}


.flex-control-nav {
    bottom: -100px !important;
    z-index: 100;
}

.col-lg-12 #hero_test .flexslider .flex-control-nav {
    bottom: -95px !important;
    z-index: 200;
}

.picks-title {
    font-size: 43px;
}


img#slide0 {
    /*height: 540px;*/
    width: 100%;
}

.sliderItem div:first-child img#slide0 {
    /*max-width: 100% !important;*/
    /*margin-left: -15px;*/
}

.flexslider:hover .flex-direction-nav .flex-next {
    right: 30px !important;
}

#CESDefaultLoginSlide.creditAppUser {
    float: none !important;
}

    #CESDefaultLoginSlide.creditAppUser .sliderItem .expanding-background {
        /*height: 600px;*/
    }

/********** LEFT COLUMN ********************/
.block {
    background: none !important;
}

    .block .title {
        color: #383838 !important;
        border: none !important;
        padding: 14px 30px 14px 15px !important;
    }

.products.title {
    background-color: #d0cfcf !important;
}

a.all-products-dropdown {
    text-decoration: none;
}


/*************************************LEFT NAV AND PRODUCT FILTERS *********************************/

.filter-container .block .title {
    padding: 14px 30px 14px 0px !important;
}

label.filter-main-label {
    width: 100%;
}

.block-recently-viewed-products h5 {
    float: right;
    width: 198px;
}


/*.block{
    margin: 0px !important;
}*/

.product-selectors {
    margin: 0px !important;
    padding: 0px !important;
    font-size: 12px;
    border: none;
}

    .product-selectors select {
        font-size: 12px;
        margin: 0px;
        max-width: 270px;
    }

    .product-selectors input,
    .product-selectors label {
        margin: 0px;
    }

    .product-selectors li {
        line-height: 20px;
    }

    .product-selectors input[type="checkbox"] {
        margin-right: 5px;
        margin-top: 0px;
    }

.filter-item {
    /*margin-right: 5px;
    margin-top: 10px;
    margin-left: 15px;*/
}

.product-viewmode {
    font-size: 0;
    float: right;
    margin:0 5px 0 20px;
}

.search-results {
    margin: 20px 0 0;
}

.results-display-count {
    height: 32px;
    float: right;
    padding-top: 5px;
}

.search-results-info {
    margin-bottom: 20px;
    height: 32px;
}

.product-viewmode span {
    display: none;
}

.product-viewmode a {
    display: inline-block;
    width: 24px;
    height: 32px;
    margin: 0 0 0 12px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.5;
}

    .product-viewmode a.grid {
        background-image: url('../images/view-grid.png');
    }

    .product-viewmode a.list {
        background-image: url('../images/view-list.png');
    }

    .product-viewmode a.selected {
        opacity: 1;
    }

#clear-all-filters {
    color: #4ab2f1;
    text-transform: none;
    float: right;
    font-weight: 600;
    cursor: pointer;
}

.filters-result-title {
    font-weight: 600;
    float: left;
}

/************************************* CES MEGA MENU *****************************************/

#product-nav {
    background-color: #d0cfcf;
    z-index: 3000;
    height: 52px;
}

li #mega-menu-background {
    display: none;
    z-index: -3;
    /*min-height: 680px; 
    border: 1px solid #d8d8d8; 
    width: 900px !important; 
    left: 100% !important; 
    top: -52px !important;
    position: absolute;
    text-align: left;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    border-top: 1px solid #f1f1f1;*/
}

a.product-image-megamenu {
    display: block;
}

    a.product-image-megamenu img {
        background-color: #fff;
        padding: 20px;
        pointer-events: none;
    }

.mega-menu.dropdown-menu .box {
    text-align: center;
}

.mega-menu .fullWidth.categories .box .title {
    padding: 0px !important;
    margin-bottom: 10px !important;
    background: none !important;
}

/* For collapsible product nav */
.collapsible {
    /*display:none;*/
}


.mega-menu .dropdown.categories.active {
    padding: 0px;
}

    .mega-menu .dropdown.categories.active ul {
        list-style-type: none;
    }

/*.mega-menu .sublist-wrap.active {
    width: 500px !important;
}*/

.mega-menu .fullWidth.categories .box {
    padding: 0px 5px !important;
}

.close {
    opacity: .3;
}

.close img {
    width: 16px;
    height: 16px;
}

ul.mega-menu {
    text-align: left;
    top: 0px;
    width: 100%;
    border: none;
}

.close {
    opacity: 1;
}

    .close img {
        width: 16px;
        height: 16px;
    }

        .close img.dark {
            opacity: 0.3;
        }

        .close img.light {
            opacity: 0.6;
        }

        .close img.dark:hover,
        .close img.light:hover {
            opacity: 1;
        }

.mega-menu > li > a, .mega-menu > li > span {
    padding: 0px !important;
    padding: 6px 8px !important;
}

ul.mega-menu li {
    display: block;
    border: none;
}

/*#megamenu-container .mega-menu .dropdown.fullWidth {
    width: 900px !important;
    left: 100%;
    top: -56px;
}*/

#left_nav_inner {
    top: 0;
    width: 100%;
}

    #left_nav_inner .mega-menu.dropdown-menu {
        /*background: none;*/
        border: none;
        box-shadow: none;
        margin-bottom: 20px !important;
        background-color: rgba(255,255,255,.7);
    }

.not-home-page #left_nav_inner .mega-menu.dropdown-menu {
    background-color: #f1f1f1;
}

#nav_bg_home {
    /*background-color: rgba(255,255,255,.7);*/
    width: 100%;
    height: -webkit-fill-available;
    margin-top: 1px;
    position: absolute;
}

#left_nav_inner span.caret {
    display: none;
}

/*.not-home-page #left_nav_inner span.caret {
    display: inline-block;
    position: absolute;
    top: 27px;
    right: 20px;
}*/

.mega-menu-item-image {
    padding-top: 30px;
}

/* Keep Product Dropdown open on homepage*/
.hold-nav-open ul.dropdown-menu {
    display: block;
}

#nav_bg {
    background-color: #f1f1f1;
    width: 25%;
    height: 607px; /* <----Needs to be dynamically set by content in nav */
    margin-top: 1px;
    position: absolute;
}


.orders-details-panel-heading h6 {
    font-weight: bold;
    font-size: 10px;
}


h2.title a,
#left_nav li a {
    color: #666;
    text-decoration: none;
    font-size: 13px;
    border: none;
    padding: 8px;
    padding-left: 10px !important;
    font-weight: bold;
    width: 256px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    #left_nav li a.left-nav-hover {
        /*background-color: rgba(141, 141, 141,.3) !important;*/
        background-color: #afaeae !important;
        color: #666;
        /*text-decoration: underline;*/
    }

    #left_nav li a.left-nav-active {
        /*background-color: rgba(141, 141, 141,.3) !important;*/
        background-color: #afaeae !important;
        color: #fff;
        /*text-decoration: underline;*/
    }

#left_nav li .box a:hover {
    background: none !important;
}

h2.title a:hover,
#left_nav .block-recently-viewed-products li a:hover {
    color: #C60C30;
    /*text-decoration: underline;*/
}


.megamenu-hover {
    color: #C60C30 !important;
}

#left_nav .mega-menu .dropdown.fullWidth {
    background-color: rgba(255, 255, 255,.95);
    background-color: #fff;
    /*opacity: 0.9883;*/
    /*-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);*/
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #f1f0f0;
    position: absolute;
}

#left_nav .mega-menu .dropdown.fullWidth {
    min-height: 640px;
    height: 640px;
    overflow-y: hidden;
    overflow-x: hidden;
}

    #left_nav .mega-menu .dropdown.fullWidth li a {
        color: #000;
    }

#left_nav_inner ul.mega-menu > li > a {
    width: 100%;
}

/* Remove "pipes" */
.mega-menu > li > a:before, .mega-menu > li > span:before {
    width: 0px !important;
    height: 0px !important;
}

/* No Photos in megamenu */
/*ul.mega-menu .picture{
    display:none !important;
}*/

/* Position titles over categories */
.mega-menu .fullWidth.categories .box .title {
    position: relative !important;
}

a.product-link-megamenu:hover {
    color: #C60C30 !important;
}

a.product-link-megamenu {
    text-overflow: inherit !important;
    white-space: inherit !important;
    font-size: 13px !important;
    width: 100% !important;
    font-weight: 600 !important;
    padding: 10px !important;
    width: 75% !important;
    margin: 0 auto;
}

/* Don't show sub-sub-categories*/
ul.subcategories {
    display: none;
}


.mega-menu .fullWidth.categories .box .title {
    text-align: center;
}

/* Start: Accounts in MegaMenu for mobiles*/
.mega-menu-responsive .sublist li h6 {
    color: #161616;
    background-color: #cfcfcf;
    font-weight: 600;
    font-size: 15px;
    height: 55px;
    line-height: 3.8;
    padding-left: 15px;
    margin: 0px;
    /*border-bottom: solid 1px #4b4b4b;*/
}

.mega-menu-responsive .sublist li a {
    color: #555;
}
/* End: MegaMenu in MegaMenu for mobiles */

/************* GLOBAL ICONS *************************/

.chat-text-icon {
    padding-left: 2px;
    padding-bottom: 2px;
    color: #fff;
    line-height: 0.8;
}

#free-shipping .icon {
    font-size: 16px;
    color: #fff;
    margin: 12px 5px;
    float: left;
    margin-right: 8px;
}

/*Start FresChat icon*/
.d-hotline.h-btn {
    border-radius: 34px 8px 34px 34px;
    box-shadow: 0 5px 4px 0 rgb(0 0 0 / 26%);
    color: #fff;
    cursor: pointer;
    display: table;
    position: fixed;
    right: 20px;
    bottom: 75px;
    z-index: 9995;
    height: 30px;
    width: 60px;
}

.animated.faster {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}

.d-hotline {
    background-color: #c60c30 !important;
    color: #FFFFFF !important;
    border-color: transparent #c60c30 transparent transparent;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

.d-hotline.h-btn .chat-content {
    display: table-cell;
    font-size: 23px;
    padding: 2px 0 0 2px;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    width: 100%;
}

.chat-content img {
    padding-bottom: 6px;
}

/* End FresChat icon*/

/********************************* CES HEADER *******************************************/

.please-wait {
    background: url('../images/loading-small.gif') no-repeat;
    padding-left: 20px;
    font-size: 14px;
}

.search-box .ui-autocomplete-loading {
    background: #fff url('../images/loading-small.gif') 98% 50% no-repeat;
    margin-right: 10px;
}

.gif-icon {
    float: right;
    margin-right: 12px;
    margin-top: 26px;
}

.top-bar-callout {
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding: 0;
}

    .top-bar-callout span {
        display: block;
        padding: 13px 0;
        color: #fff;
    }

#free-shipping span {
    float: left;
}

.account-name {
    color: #C60C30;
    font-weight: bold;
}


.header-links a {
    color: #333;
    font-size: 10px;
    font-weight: 600;
    text-decoration: none;
    width: 100%;
    display: block;
    padding-top: 12px;
}

.header-links-over,
.header-links-over:before {
    color: #0174AD !important;
}

.header-links ul li.loggedOutStyle.orderPrds {
    width: 150px;
}

/*.header-links ul li.loggedOutStyle a {
    padding-top: 10px;
    height: 35px;
    font-weight:600;
}*/

.header-links ul.account-group {
    display: block;
    text-align: left;
}

.header-links .selectAccountDisplayPanel {
    color: #fff;
    font-size: 14px !important;
    font-weight: bold;
    margin-left: 10px;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -o-transition: color .2s;
    -ms-transition: color .2s;
    text-decoration: none;
    margin-left: 0px;
    padding-left: 0;
}

    .header-links .selectAccountDisplayPanel .wishlist-label:first-child {
        margin-left: 10px;
    }

.selectAccountDisplayPanel:hover {
    background-color: transparent !important;
    text-decoration: none;
}

.header-links a:hover {
    text-decoration: none;
}

#user_nav {
    float: right;
    width: 100%;
    height: 40px;
    position: relative;
    max-width: 545px;
    top: 3px;
    margin-right: 0px;
}

.header-links {
    display: table;
    float: left;
    height: 40px;
    margin-right: 24px;
}

.header-links ul {
    margin: 0;
    padding: 0;
    text-align: center;
    list-style: none;
    display: table-row;
}

.logged-out {
    width: 0;
}

.logged-out-header-lower {
    padding-top: 40px;
}

.header-links > ul > li {
    display: table-cell;
    text-align: center;
    cursor: pointer;
    padding: 5px 10px 0;
}



    .header-links > ul > li.order-prds-link {
        text-align: right;
        padding-right: 5px;
        padding-left: 5px;
    }

    .header-links > ul > li.account-selection {
        text-align: left;
        /*padding-left: 5px;*/
        padding:0 33px 0 5px;
    }

    .header-links > ul > li:hover a {
        color: #0174AD;
    }

.header-links li div.header-sep {
    width: 2px;
    height: 15px;
    background-color: #c60c30;
    margin-left: 2px;
    margin-right: 2px;
    top: 12px;
    position: absolute;
}

.national-account-deliver-zipcode, .national-account-deliver-zipcode:hover {
    color: #e9b565 !important;
    text-decoration: underline;
}



/*.icon-bill-pay:before {
    content: "\e95a";
    color: #333 !important;
}*/

.header-links ul li.remove-hover {
    width: 1%;
}

.header-links ul li.remove-hover:hover {
    background-color: transparent !important;
    text-decoration: none;
}


#topcartlink a {
    padding: 0 !important;
}

.header-logo {
    display: inline-table;
    float: left;
    vertical-align: middle;
    font-size: 0;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}



#logo-copy {
    font-size: calc(10px + 0.8vw);
    /*font-size:  calc(10px + 1.2vw);*/
    color: #333;
    vertical-align: middle;
    margin-left: 10px;
}

a:focus, a:hover {
    text-decoration: none;
}

#secondNav {
    position: relative;
    padding-right: 35px;
    padding-top: 32px;
}

#secondNav .nav > li > a,
#secondNav .nav > li > a.myCesIcon {
    padding: 15px 10px;
}


#secondNav .nav > li > a:hover {
    /*background:none;*/
    color: #0066A1;
}

    #secondNav .myces-link.active a {
        color: #0066A1
    }

.nav > li > a:focus, .nav > li > a:hover {
    background: none;
}


#secondNav .icon-register-user {
    font-size: 16px;
}

#secondNav .ico-login.active {
    background: #F6F7F6;
    color: #0066A1;
}




    #login-box .form-group > .fa {
        position: absolute;
        top: 11px;
        margin-left: -3px;
        color: #0066A1;
        font-size: 16px;
    }

    #login-box .form-group input[type="text"] {
        font-weight: normal;
    }

    #login-box .form-group .forgot-pwd {
        text-align: right;
    }

    #login-box .form-group .forgot-pwd span {
        text-align: right;
        padding-right: 10px;
    }

    #login-box .form-group .forgot-pwd span:first-of-type {
        border-right: solid 1px #666;
    }

    #login-box .form-group .forgot-pwd span:nth-of-type(2) {
        padding-left: 10px;
        margin-right: -30px;
    }

    #login-box .form-group .forgot-pwd a:hover,
    #login-box .form-group .forgot-pwd a:focus {
        text-decoration: underline;
    }

    #login-box .form-group .login-btn {
        margin-top: -10px;
    }

    

#secondNav .myces-link span.icon-user,
#secondNav .topcartlink .icon-cart2 {
    font-size: 22px;
}

.page.search-page {
    margin-left: 0;
}

#secondNav #cart_count_amt {
    /*border-left: solid 1px #333;*/
    font-size: 11px;
    color: #333;
}

/*.cart-qty, .cart-txt {
    font-size:11px;
    font-weight:600;
    color:#333;
}*/

#secondNav li {
    /*width: 100px;*/
    text-align: center;
    color: #C60C30;
    font-weight: bold;
}

    #secondNav li .fa {
        font-size: 20px;
        vertical-align: text-top;
        margin-left: 5px;
    }

#secondNav.nav-pills > li > a {
    border-radius: 0px;
    background-color: #fff;
    color: #C60C30;
}

ul#secondNav > li.myces-link > .mycesdropdown {
    background: #ddd;
}

.mycesdropdown-open,
.mycesdropdown-open:before {
    color: #0174AE !important;
}


#secondNav .myces-link.active {
    background: #ddd;
}

.loggedin {
    background-color: #F6F7F6 !important;
    color: #0066A1 !important;
}


#user_nav {
    float: right;
}



.header-upper {
    background: #F6F7F6;
    height: 45px;
}

a.openModalChangeSelectedDeliveryAddress span {
    color: #e9b565 !important;
    text-decoration: underline;
}

a.openModalChangeSelectedDeliveryAddress:hover {
    color: #fff;
    text-decoration: none;
}

/*#GlobalSearchBar {
    position: fixed;
    width: 100%;
    top: 99px;
    z-index: 5;
    position: fixed;
    width: 100%;
}*/

/*#GlobalSearchBar.sticky {
    padding-top: 49px;
}*/


#main_navigation {
    /*margin-top: 13px;
    margin-right: 70px;*/
}

.top40 {
    top: 40px;
}

#main-menu-nav {
    z-index: 1;
    padding-right: 30px;
    padding-top: 0;
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 80px;
}



#sub-menu-nav {
    position: relative;
    top: -55px;
}


.top40 {
    top: 40px;
}

#main-menu-nav {
    z-index: 1;
    padding-right: 30px;
    padding-top: 0;
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 80px;
}



#sub-menu-nav {
    position: relative;
    top: -55px;
}


.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
    color: #333;
}

#main_navigation li a {
    font-weight: 600;
    font-size: calc(6px + 0.7vw);
    color: #333;
}

.nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}

.change-to-canada {
    margin-left: 60px;
    display: inline;
    float: left;
}

    .change-to-canada img {
        max-height: 20px;
        padding-top: 7px;
        position: absolute;
        margin: 8px 10px 0 10px;
    }

    .change-to-canada a {
        font-size: 10px;
        font-weight: 700;
        color: #0174AD;
        margin-left: 40px;
    }

.contact-ces-top-nav {
    color: #0174ad;
    display: inline;
    float: left;
    font-weight: 700;
    font-size: 10px;
    padding-left: 30px;
}

.contact-copy {
    display: none;
}

.top-follow-us .social .change-to-canada p a:hover,
.top-follow-us .social .change-to-canada p a:active,
.top-follow-us .social .change-to-canada p a:visited {
    color: #0174AD;
}

.top-follow-us .social .change-to-canada p a {
    font-size: 12px !important;
    display: inline-flex;
}


#main_navigation li a:hover {
    background-color: transparent;
    color: #0174AD;
}

#main_navigation li ul.dropdown-menu li a {
    font-size: 13px;
}

#catalog_navigation {
    margin-top: 13px;
}

#catalog_navigation li a {
    font-weight: bold;
}

#catalog_navigation li a:hover {
    background-color: transparent;
    color: #C60C30;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #C60C30;
    background-color: transparent;
}

.rma-dropdown {
    color: #fff;
    background-color: #b40829;
    min-width: 300px;
    font-size: 12px;
}

.rma-option-text {
    padding-left: 85px;
    font-weight: 700;
    font-size: 12px;
}

.rma-order-button {
    border-radius: 0;
    font-weight: 100;
    font-size: 12px;
    text-transform: capitalize;
    padding-top: 11px;
    cursor: pointer;
    border-radius: 3px;
}

.rma-search-btn {
    min-width: 0;
    width: 150px;
    height: 40px;
    margin-top: 2px;
}

/*#rma-search-btn-area {
    border-top: solid 1px #ececec;
    margin-top: 22px;
    text-align: center;
    padding: 0 20px;
}*/

    #rma-search-btn-area h6 {
        margin-top: 18px;
    }

.rma-details-dropdown {
    color: #fff;
    background-color: #b40829;
}

    .rma-details-dropdown option {
        color: #383838;
        background-color: #fff;
        border: #fff;
    }

.rma-dropdown select:focus, rma-details-dropdown select:focus {
    color: #fff;
}

.rma-search-section {
    cursor: pointer;
}

.rma-search-block {
    min-height: 0px !important;
}

select:focus {
    box-shadow: none !important;
}

.rma-dropdown option:nth-child(odd) {
    background: #fff;
    color: #383838;
}

.rma-dropdown option:nth-child(even) {
    background: #f0f0f0;
    color: #383838;
}

.rma-product-select {
    color: #b40829;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
}

.rma-details {
    text-decoration: none;
    cursor: pointer;
}

.rma-details-price-display {
    color: red !important;
}

.rma-details-content {
    overflow-y: auto;
    min-height: 150px;
    max-height: 250px;
    padding:0 20px;
}

.rma-icon {
    float: left;
    text-align: center;
    margin: 10px 20px 0px 0px;
}


#topcartlink,
#topcartlink a {
    background: none !important;
}

/*.navbar {
    border-radius: 0;
    border: none;
    min-height: 40px;
}*/



/*.breadcrumb {
    float: right;
    width: 100%;
    border-radius: 0px;
    background-color: #fff;
}

    .breadcrumb li .current-item {
        color: #666;
        font-weight: bold;
    }

    .breadcrumb li * {
        margin: 0 3px !important;
        font-size: 12px !important;
        line-height: 37px !important;
    }

    .breadcrumb a {
        color: #3974b6;
        font-weight: bold;
    }

    .breadcrumb.featured {
        float: left;
        margin-top: 110px;
        text-align: left;
    }*/

.header-upper-for-mobiles {
    display: none;
}

.contact-bar {
    background-color: #0174ad;
    color: #fff;
    font-size: 10px;
    height: 50px;
    text-align: center;
    left: -1px;
}

.contact-bar-icon {
    height: 51px;
    width: 41px;
    background-color: #094e87;
    float: right;
    padding-top: 2px;
    cursor: pointer;
    display: none;
}

.contact-bar-text {
    float: left;
    padding-top: 5px;
    padding-left: 3px;
}

.top-bar-callout > .contact-bar-text {
    width: 100%;
}

    .top-bar-callout > .contact-bar-text div:last-child {
        font-size: 9px;
    }

.contact-bar-text a:hover {
    color: #b8e7ff;
    text-decoration: none;
}



.top-follow-us .social {
    height: 40px;
    color: #fff;
}

    .top-follow-us .social ul {
        /*margin-left: 10px;*/
        border: none;
        font-size: 0;
    }

        .top-follow-us .social ul li {
            margin-left: 15px;
        }

    .top-follow-us .social li {
        display: inline-block;
    }

    /*.top-follow-us .social a {
    font-size: 16px;
    background: none;
    width: auto;
    height: auto;
    display: block;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -o-transition: color .2s;
    -ms-transition: color .2s;
    text-decoration: none;
}*/

    .top-follow-us .social a:hover {
        color: #C60C30;
    }

    .top-follow-us .social a span {
        color: #333;
    }

.logo-for-mobiles {
    float: left;
    margin-top: 3px;
}

    .logo-for-mobiles > a > img {
        height: 41px;
        width: 58px;
    }

/* KEEP THE SEARCH BAR STICKY */
.navbar-collapse {
    /*top: 0px;
    left: 0px;
    z-index: 5;
    width: 100%;
    max-height: 51px;*/
}

#accounts_dropdown_lower {
    display: none;
    padding-top: 5px;
}

    #accounts_dropdown_lower > ul {
        /*float: left;*/
        display: inline-flex;
        color: #fff;
        height: 40px;
        /*margin-right: 30px;*/
    }

/* Item(s) in cart Out of stock  message */
.items-in-cart-out-of-stock-msg {
    background: #b40829;
    color: #ffffff;
    height: 40px;
    padding: 10px;
}

#scroll-cart-flyout {
    height: 0px;
}

.items-in-cart-out-of-stock-msg .message {
    float: right;
}

.items-in-cart-out-of-stock-msg .cart {
    float: right;
    font-size: small;
}

    .items-in-cart-out-of-stock-msg .cart a {
        color: #ffffff;
    }

.items-in-cart-out-of-stock-msg .close {
    float: right;
    color: #ffffff;
    line-height: initial;
    font-weight: 500;
    text-shadow: none;
    opacity: 1;
    font-size: small;
}

.items-in-cart-out-of-stock-msg .divider {
    float: right;
    opacity: 0.4;
    margin: 0px 10px;
}

.items-in-cart-out-of-stock-msg-wrap {
    height: 40px;
}

#createOrderTemplate .form-group .field-validation-error.text-danger {
    text-align: left;
}

/***********************************************LIVE CHAT**********************************************************************/

#livechat-full {
    left: 0;
}

#livechat-compact-container {
    left: 0;
}

#livechat-compact-container {
    display: none;
}

/***********************************************CHECK ITEM AVAILABILITY**********************************************************************/

.check-item-availability {
    background-color: #0174ad;
    height: 35px;
    color: #fff;
    max-width: 250px;
    cursor: pointer;
}

.check-item-availability-text {
    text-align: center;
    display: inline-block;
    width: 210px;
    font-size: 12px;
    vertical-align: middle;
    padding-bottom: 14px;
}

.check-item-availability-icon {
    height: 35px;
    width: 35px;
    background-color: #094e87;
    display: inline-block;
    padding-top: 10px;
    padding-left: 8px;
}

.check-item-availability-text-for-modal {
    text-align: center;
    display: inline-block;
    width: 210px;
    font-size: 12px;
    float: left;
    vertical-align: middle;
    padding-bottom: 14px;
}

.check-item-availability-icon-for-modal {
    height: 35px;
    width: 35px;
    background-color: #094e87;
    display: inline-block;
    padding-top: 3px;
    float: right;
}

.recommended-prodcuts-title {
    font-weight: 600;
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
    color: #383838;
    font-family: 'OpenSans-Bold', Helvetica, sans-serif;
}

    .recommended-prodcuts-title .available {
        color: #3974b6;
    }

.out-of-stock-detail-page-text {
    margin-top: 5px;
    font-size: 14px;
    font-weight: 600;
}

/********************************* QUICK VIEW MODAL ***************************************/

.quick-view-button {
    border: 1px solid #d8d8d8;
}

.quickView .k-loading-image {
    background: url('../images/ring-alt.gif') center no-repeat !important;
}

.quickViewWindow .popup-header {
    background-color: #383838 !important;
}

.quickViewWindow h1.product-name {
    color: #fff !important;
    border-bottom: 15px solid #c60c30;
    padding: 17px 50px 14px 15px;
}

.quickViewWindow h2 {
    text-transform: uppercase;
    font-size: 23px;
    font-weight: bold;
}

.quickViewWindow .product-content {
    background-color: #f4f4f4;
}

.quickViewWindow .product-item {
    padding: 0;
}

.quickViewWindow a {
    color: #0073b0 !important;
}


.quickViewWindow .label {
    color: #444;
}

.quickViewWindow .gallery .picture {
    border: none !important;
}

    .quickViewWindow .gallery .picture img {
        border: none !important;
        pointer-events: none;
    }

a.link-to-product-page {
    margin: 10px 0;
}

.related-products-grid .title {
    background-color: #383838;
    text-transform: uppercase;
    color: #fff;
}

.item-grid {
    /*background-color: #f4f4f4;*/
}

.quickViewWindow .overview .purchase-area {
    border: none !important;
}

.quickview-price .ces_price {
    font-size: 26px;
    color: #058e02;
}

.quickViewWindow .overview .button-2 {
    width: 100% !important;
}

/******************************** CES SEARCH BAR ******************************************/

a#search-issue-report {
    line-height: 10px;
    height: 19px;
    font-size: .8em;
    margin-left: 3px;
    float: left;
}

.search-issue-icon {
    float: left;
}

#search-bar-container {
    margin: 0;
    padding: 0;
}

#search-hover-handler {
    margin: 0;
    padding: 0;
    /*max-height:110px;*/
}

.search-box-text {
    border-top: none !important;
    border-bottom: 1px solid #d7d7d7;
    background-color: transparent;
    position: relative;
    z-index: 10;
}

.ui-autocomplete {
    width: 300px !important;
}

.header-links-wrapper {
    width: 710px;
}

.search-box label {
    display: block;
    float: left;
    padding-top: 11px;
    color: #fff;
    margin-right: 10px;
}

input#quick-order {
    width: 146px;
    height: 40px;
    float: left;
}

select {
    /*height: 40px !important;*/
    /*width: 313px;*/
}

#category-search select#resizing_select {
    width: 130px;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}

#category-search select#width_tmp_select {
    display: none;
}

.search-box input.search-box-text {
    float: left !important;
    width: 100%;
    /*min-width: 500px;*/
    height: 50px;
    padding-left: 10px;
    -webkit-appearance: none;
    border: none;
    display: inline-block;
    font-size: 16px;
}

.search-box {
    padding: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0 !important;
    display: block !important;
    text-align: left !important;
    max-height: 41px;
    width: 100%;
}

.search-suggestion-text {
    color: #ccc;
    position: absolute;
    width: 100%;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 5px;
    padding-right: 0px;
    margin: 0 !important;
    text-align: left !important;
    background-color: #f4f4f4;
    height: 50px;
    top: 0px;
    left: 0px;
    z-index: 0;
    border: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.search-bar-form {
    width: 460px;
    margin-bottom: -5px;
}

#mainSlideContainer{

}


/**********************Ghost Search Bar for Predictive Search - BJ 10/23/2017********************************/
#drop-search-ghost {
    display: none;
}

.product-box-add-to-cart-button {
    background-color: #C60C30 !important;
}

input.product-box-add-to-cart-button[disabled] {
    background-color: #ccc !important;
}

a.product-box-add-to-cart-button {
    display: inline-block !important;
    height: 40px;
    vertical-align: middle;
}

    a.product-box-add-to-cart-button:hover, a.product-box-add-to-cart-button:focus {
        text-decoration: none;
    }

    a.product-box-add-to-cart-button::before {
        padding-top: 10px !important;
        display: inline-block;
    }

.product-box-create-cuts-button {
    width: 100%;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    background-color: #C60C30 !important;
}

a.product-box-create-cuts-button {
    display: inline-block !important;
    height: 40px;
    vertical-align: middle;
    line-height: 40px;
}

    a.product-box-create-cuts-button:hover, a.product-box-create-cuts-button:focus {
        text-decoration: none;
        color: #fff;
    }

    a.product-box-create-cuts-button::before {
        padding-top: 10px !important;
        display: inline-block;
    }

/*.product-box-unit-of-measure {
    position: absolute;
    top: 11px;
    right: 5px;
    font-size: 12px;
}*/

.product-item .buttons input[type=number].quantity {
    padding-right: 14px;
}

button#search_button,
button#quick-order {
    padding: 12px 12px;
    border: none;
    background-color: #C60C30;
    color: #fff;
    float: left !important;
    height: 50px;
    z-index: 11;
}


.apply-discount-coupon-code-button {
    font-weight: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    background-color: #C60C30 !important;
    border-color: #C60C30 !important;
    transition: background-color 300ms ease-out;
}


    .apply-discount-coupon-code-button:hover, apply-discount-coupon-code-button:focus {
        background-color: #b40829;
    }


button#search_button:hover,
button#quick-order:hover,
.product-box-add-to-cart-button:hover {
    background: #b40829 !important;
}

/*input[type="radio"], input[type="checkbox"] {
    margin: 7px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}*/


.remove-from-cart input[type="checkbox"] {
    margin-top: 2px;
}


.navbar-form {
    margin: 0px;
    /*width: 75%;*/
}

#defaultNavbar2 {
    background: #383838;
    padding-left: 0;
    height: 50px;
}

.navbar-inverse {
    background: #383838;
    padding-top: 0px;
    padding-bottom: 0px;
    /*max-height: 51px;
    height: 50px;*/
}

a.main-search-button {
    color: #fff !important;
}

    a.main-search-button:hover {
        background-color: #d90000 !important;
    }

/*.navbar-collapse {
    padding: 0;
}*/

.search-create-cuts-button {
    background-color: #c60c30;
    height: 26px;
    margin-top: 33px;
    width: 135px;
}

    .search-create-cuts-button:hover {
        background-color: #C60C30;
    }

.search-create-cuts-text {
    width: 104px;
    height: 26px;
    background: #b40829;
    color: #fff;
    border: none;
    padding: 5px;
    text-align: center;
    float: left;
}

.create-cuts-light-up {
    -webkit-transition: background .15s ease-out;
    -moz-transition: background .15s ease-out;
    -ms-transition: background .15s ease-out;
    -o-transition: background .15s ease-out;
    transition: background .15s ease-out;
    background-color: transparent;
    color: #fff;
    height: 26px;
    padding: 5px;
    float: left;
}

a.create-cuts-button {
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    background-color: #C60C30;
    color: #fff !important;
    font-size: 15px;
    width: 100%;
    text-decoration: none;
    padding-top: 10px;
}

    a.create-cuts-button > img.wirecut-gif {
        position: absolute;
        margin-top: 14px;
        right: auto !important;
    }

.add-to-template-button:hover {
    background-color: #ddd;
}

.add-to-template-button {
    height: 40px;
    border: none;
    width: 100%;
    background-color: #eaeaea;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
}

input.add-to-cart-button[disabled] {
    background-color: #ccc !important;
}

.add-to-wishlist-button[disabled], .add-to-template-button[disabled] {
    background-color: #ccc;
}

    .add-to-wishlist-button[disabled] > svg.svg-fill-grey, .add-to-template-button[disabled] > svg.svg-fill-grey {
        fill: #fff;
    }

    .add-to-wishlist-button[disabled]:hover, .add-to-template-button[disabled]:hover {
        background-color: #ccc;
    }

.add-to-cart-wrap {
    max-width: 300px;
}

    .add-to-cart-wrap .add-to-cart-button {
        background: #C60C30;
        color: #ffffff;
        border-radius: 0;
        width: 100%;
        height: 43px;
        border: none;
        text-transform: uppercase;
    }

    .add-to-cart-wrap .qty-input {
        height: 43px;
        text-align: center;
        padding: 0 12px;
        width: 100%;
    }

/*For home page, featured products, search and products in category */
button.add-to-wishlist-from-modal-button, .share-button, .share-button-no-login {
    height: 40px;
    border: none;
    width: 100%;
    background-color: #eaeaea;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
}

    .share-button:hover {
        background-color: #ddd;
    }

    .share-button-no-login:hover {
        background-color: #ddd;
    }

/* For share/action product modal  */
.share-product-group-wrap {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 25px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.share-product-wrap {
    text-align: center;
    margin: 0 15px;
}

.share-product-button, #order-template-btn-in-modal {
    background-color: #fff;
    border: none;
}

.share-product-icon {
    height: 40px;
    overflow: auto;
    position: relative;
}

.favorite-product-box-icon {
    font-size: 32px;
    line-height: 32px !important;
    margin: 0 10px;
}

.page-prod-buttons .favorite-product-box-icon, .prod-page-button.favorite-product-box-icon {
    font-size: 18px;
    line-height: 18px !important;
}

.share-product-box-icon {
    font-size: 26px;
    line-height: 32px !important;
    margin: 0 10px;
}

.share-product-icon .fa-plus-circle {
    position: absolute;
    top: 2px;
    left: calc(100% - 17px);
    z-index: 200;
}

.share-product-icon .fa-circle {
    color: #fff;
    position: absolute;
    top: 2px;
    left: calc(100% - 17px);
    z-index: 190;
}

.share-product-text {
    margin-top: 5px;
    font-size: 13px;
}

/*#share-product-preview {
    padding: 10px 25px;
}*/

@media (max-width: 400px) {
    .share-product-wrap {
        margin: 0 8px;
    }

    .share-product-text {
        font-size: 11px;
    }
}

/*For drop search*/
div.add-to-wishlist-from-modal-button {
    cursor: pointer;
}

/*****************************************SEARCH RESULTS PAGE ****************************/

.page-body .search-input {
    display: none;
}

.product-item {
    padding: 10px;
}

.product-item,
.item-box .home-featured-item-box .picture {
    background-color: #f4f4f4;
    min-height: 550px;
}


.home-featured-item-box .picture a,
.item-box .picture a {
    background-color: #fff;
}

.home-featured-item-box .details,
.item-box .details {
    padding: 0;
}


/* End -- Matt Chappel*/


/* Start -- Walt Sturghill */

/*---------------  Tables  --------------------*/


.table {
    border: 1px solid #ededed !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background: #F7F6F6;
}



.table > thead > tr > th, .table > tbody > tr > th,
.table > tfoot > tr > th, .table > thead > tr > td,
.table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: none;
}

.table-add_user {
}

    .table-add_user th {
        background-color: #EEEEEE;
    }

    .table-add_user tr:nth-child(even) {
        background-color: #FFFFFF;
    }

    .table-add_user tr:nth-child(odd) {
        background-color: #f7f8f7;
    }


/*---------------  Nav FORM  --------------------*/

.form-control-utilityfield {
    display: block;
    width: 400px;
    height: 40px;
    padding: 15px 12px;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: .5px;
    line-height: 1.42857143;
    color: #666;
    background-color: #FFF;
    background-image: none;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .form-control-utilityfield:focus {
        border-color: #CCC;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    }

    .form-control-utilityfield::-moz-placeholder {
        color: #777;
        opacity: 1;
    }

    .form-control-utilityfield::-ms-input-placeholder {
        color: #777;
    }

    .form-control-utilityfield::-webkit-input-placeholder {
        color: #777;
    }


/***************************   SIDE NAV   *********************************/

#sidebar-wrapper {
    top: 50px;
    left: -200px;
    width: 100%;
    max-width: 350px;
    background-color: rgba(255,255,255,.5);
    color: #444;
    height: 510px;
}

.sidebar-nav {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
}

    .sidebar-nav li {
        text-indent: 30px;
        line-height: 50px;
    }

        .sidebar-nav li a {
            color: #444;
            display: block;
            text-decoration: none;
        }

            .sidebar-nav li a:hover {
                background: rgba(18, 18, 18, 0.6);
                color: white;
                text-decoration: none;
            }

            .sidebar-nav li a:active, .sidebar-nav li a:focus {
                text-decoration: none;
            }

#sidebar-wrapper.sidebar-toggle {
    transition: all 0.3s ease-out;
    margin-left: -200px;
}

@media (min-width: 768px) {
    #sidebar-wrapper.sidebar-toggle {
        transition: 0s;
        left: 200px;
    }
}



/*--------------------------  BUTTON CES  -------------------------------*/




.btn {
    border: 0 none;
    letter-spacing: 1px;
}

    .btn:focus, .btn:active:focus, .btn.active:focus {
        outline: 0 none;
    }

.btn-grey {
    color: #333;
    background: #F7F6F6;
}

    .btn-grey:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

.btn-primary,
.products-carousel .button,
.newsletter-subscribe-button,
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button {
    background: #C60C30 !important;
    color: #ffffff;
    border-radius: 0;
    width: 100%;
}

.btn-resend {
    margin-left: 10px;
    width: 60%;
    /*height: 30px;*/
    min-width: 60%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    border-radius: 3px;
    font-size: 12px;
}

.btn-view {
    margin-left: 3px;
    width: 49%;
    height: 30px;
    min-width: 45%;
    padding-top: 5px;
    padding-bottom: 5px;
    /*padding-right: 5px;*/
    border-radius: 3px;
    font-size: 12px;
    display: inline;
}

.newsletter-subscribe-button {
    max-width: 272px;
}

    .products-carousel .button:hover,
    .newsletter-subscribe-button:hover,
    .add-to-cart-button:hover {
        background: #b40829 !important;
        text-decoration: none;
    }

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #333;
}

.btn-primary:active, .btn-primary.active {
    background: #007299;
    box-shadow: none;
}


.btn.sharp {
    border-radius: 0;
}

/**************************************** FEATURED PRODUCT CAROUSEL ********************************************************/

.nop-jcarousel a {
    color: #333;
}

.products-carousel .item-info {
    text-align: center;
}

.thumb-img {
    max-height: 200px;
}

.featured-product-detail-page-price {
    margin: 20px 0px 0px 45px;
    float: left;
}

/***************** BOTTOM ROW *********************************/

    .thumbnail a img.link-carat {
        width: 15px;
        margin: 10px;
    }

#bottom-row {
    margin-bottom: 10px;
}

    #bottom-row .blog-section {
        margin-right: -5px !important;
        margin-left: -5px !important;
    }



.home-button {
    width: 100%;
    height: 43px;
    background: #b40829;
    color: #fff;
    max-width: 278px;
    right: 0;
    border: none;
    font-weight: 700;
    font-size: 18px;
}

.home-button-dark {
    background: #333;
}

a.home-button {
    display: inline-block;
}

.home-button:disabled {
    opacity: 0.5;
}

.home-button:hover, .home-button:focus, .home-button:active {
    color: #fff;
}

/*.home-button-text {
    width: 80%;
    height: 100%;
    float: left;
    padding: 7px;
    text-align: center;
    padding-top: 14px;
    font-size: 12px;
    line-height: 14px;
}*/

.wire-button-text {
    width: 100%;
    height: 100%;
    float: left;
    padding: 7px;
    text-align: center;
    padding-top: 14px;
    font-size: 12px;
    line-height: 14px;
}

.main-image .img-responsive {
    /*padding-top: 80px;*/
    /*border: solid 3px lightgrey;*/
    /*margin-top: 30px;*/
    /*padding-top: 30px;*/
}


.flyout-cart a {
    line-height: normal !important;
}

.flyout-cart .price span, .flyout-cart .price, .flyout-cart .quantity, .flyout-cart .stock, .flyout-cart .totals,
.flyout-cart .quantity span {
    line-height: normal !important;
    font-size: 12px !important;
    color: #333 !important;
}

.flyout-cart .count a {
    font-size: 12px !important;
    color: #333 !important;
}

.flyout-cart .items a {
    font-size: 14px !important;
    font-weight: normal !important;
    color: #333 !important;
}

    .flyout-cart .items a:hover {
        text-decoration: none;
    }

.flyout-cart .home-button-text {
    width: 66%;
    font-size: 12px;
}

/*.thumbnail {
    border-radius: 0;
}*/


/*@-webkit-keyframes wobble {
  16.65% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
  }
  33.3% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  49.95% {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
  }
  66.6% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
  83.25% {
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes wobble {
  16.65% {
    -webkit-transform: translateX(-8px);
    -ms-transform: translateX(-8px);
    transform: translateX(-8px);
  }
  33.3% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  49.95% {
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    transform: translateX(-4px);
  }
  66.6% {
    -webkit-transform: translateX(2px);
    -ms-transform: translateX(2px);
    transform: translateX(2px);
  }
  83.25% {
    -webkit-transform: translateX(-1px);
    -ms-transform: translateX(-1px);
    transform: translateX(-1px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.wobble {
  display: inline-block;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

#go-button:hover .wobble{
  -webkit-animation-name: wobble;
  animation-name: wobble;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}*/

/*.arrow-container {
    background: #c60c30;
    width: 43px;
    height: 100%;
    float: right;
}*/

.no-background {
    background: none !important;
}

/*.fade-in{
  -webkit-transition:opacity .25s ease-out;
  -moz-transition:opacity .25s ease-out;
  -ms-transition:opacity .25s ease-out;
  -o-transition:opacity .25s ease-out;
  transition:opacity .25s ease-out;
  opacity:0.6;
  background: #c60c30;
}*/

.light-up {
    -webkit-transition: background .15s ease-out;
    -moz-transition: background .15s ease-out;
    -ms-transition: background .15s ease-out;
    -o-transition: background .15s ease-out;
    transition: background .15s ease-out;
    background: #c60c30;
}

.light-up-dark {
    -webkit-transition: background .15s ease-out;
    -moz-transition: background .15s ease-out;
    -ms-transition: background .15s ease-out;
    -o-transition: background .15s ease-out;
    transition: background .15s ease-out;
    background: #444;
}

.light-up-orange {
    -webkit-transition: background .15s ease-out;
    -moz-transition: background .15s ease-out;
    -ms-transition: background .15s ease-out;
    -o-transition: background .15s ease-out;
    transition: background .15s ease-out;
    background: #fe6a3a;
}


.light-up-left {
    -webkit-transition: background .15s ease-out;
    -moz-transition: background .15s ease-out;
    -ms-transition: background .15s ease-out;
    -o-transition: background .15s ease-out;
    transition: background .15s ease-out;
    background: #c60c30;
    float: left;
}

/*#go-button:hover .fade-in{
    opacity:1;
}*/

/*button:hover .light-up {
    background: #C60C30;
}*/

button:hover .light-up-dark {
    background: #666;
}

button:hover .light-up-orange {
    background: #f98059;
}



/*********************************************************CES FOOTER ***********************************************************************/

#feedback-sticky-footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 55px;
    display: block;
    background-color: #1d1d1d;
    padding: 10px;
    display: none;
}


    #feedback-sticky-footer input {
        float: right;
    }


.follow-us {
    position: inherit;
}

    .follow-us .social a {
        width: auto !important;
        height: auto !important;
    }

/* Hide Nop Commerce branding */
.footer-powered-by {
    display: none;
}



.social > .title {
    font-size: 12px !important;
    /*text-align: right;*/
    text-align: center;
}

.social-follow {
    color: #FFFFFF !important;
    text-align: center !important;
    padding: 15px 0px 0px 0px !important;
}

.newsletter {
    margin-bottom: 20px;
}

.footer-block .list a:hover {
    color: #cccccc !important;
}

.footer-block .list a:focus {
    color: #cccccc !important;
}

#entrust-container {
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
}

.footer-block, .follow-us {
    /*width: 20%;*/
}

.follow-us {
    /*width: 20% !important;*/
}


.footer {
    background: #383838 !important;
    color: #fff;
}

.footer-block .title {
    color: #fff !important;
}

.social > .title {
    font-size: 12px !important;
    text-align: left;
    /* text-align: center; */
}

ul.networks {
    display: block;
    text-align: left;
    padding-top: 10px;
}

.follow-us {
    margin: 0 !important;
}

    .follow-us .social ul {
        border: none !important;
        margin: 0;
    }

.footer-upper {
    border: none !important;
}



.follow-us .social ul li {
    margin-left: 6px;
}

.follow-us .social ul li:first-child {
    margin-left: 0;
}


.follow-us .social a {
    font-size: 22px !important;
    background: none !important;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -o-transition: color .2s;
    -ms-transition: color .2s;
    text-decoration: none;
}

    .follow-us .social a:hover {
        color: #C60C30;
    }

    .follow-us .social a span {
        font-size: 0 !important;
    }

.footer-block .contact li {
    line-height: 1;
    margin-bottom: 10px;
    font-size: 14px;
}

    .footer-block .contact li a:hover {
        color: #cccccc !important;
    }

.footer-block .contact span {
    font-size: 14px;
    display: block;
    text-align:left;
}

.footer-block .contact span i {
    margin-right:5px;
}

.footer-block .contact span.address {
    margin-left: 18px;
    text-align:left;
}



.btn-ces {
    display: inline-block;
    padding: 13px 20px;
    margin-bottom: 0;
    font-size: 17px;
    font-weight: lighter;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: none;
    border-radius: 0px;
    transition: color .2s;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -o-transition: color .2s;
    -ms-transition: color .2s;
}

    .btn-ces:focus,
    .btn-ces:active:focus,
    .btn-ces.active:focus,
    .btn-ces.focus,
    .btn-ces:active.focus,
    .btn-ces.active.focus {
        /*outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;*/
    }

    .btn-ces:hover,
    .btn-ces:focus,
    .btn-ces.focus {
        color: #FFF;
        text-decoration: none;
    }

    .btn-ces:active,
    .btn-ces.active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    }

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

.btnces-default {
    color: #FFF;
    background-color: #C60C30;
    /*border-color: #ccc;*/
    transition: color .2s;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -o-transition: color .2s;
    -ms-transition: color .2s;
}

    .btnces-default:hover,
    .btnces-default:focus,
    .btnces-default.focus,
    .btnces-default:active,
    .btnces-default.active,
    .open > .dropdown-toggle.btnces-default {
        color: #FFF;
        background-color: #C60C30;
        /*border-color: #adadad;*/
    }

    .btnces-default:active,
    .btnces-default.active,
    .open > .dropdown-toggle.btnces-default {
        background-image: none;
    }

/**********   Thumbnails   **********(*/



a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #337ab7;
}

/*.thumbnail .caption {
    padding: 0px 20px 10px 20px;
    color: #333;
}*/

.caption-min-height {
    min-height: 110px;
}

#bottom-row .thumbnail {
    max-height: 500px;
}

/****************    Panel Group    ***********************/



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

.panel-group .panel-heading {
    border-bottom: 0;
}

    .panel-group .panel-heading img {
        height: 50px;
        width: 50px;
        vertical-align: middle;
        float: left;
        margin: 0px 10px 0px 0;
    }

    .panel-group .panel-heading + .panel-collapse > .panel-body,
    .panel-group .panel-heading + .panel-collapse > .list-group {
        border-top: 1px solid #ddd;
    }

.panel-group .panel-footer {
    border-top: 0;
}

    .panel-group .panel-footer + .panel-collapse .panel-body {
        border-bottom: 1px solid #ddd;
    }



.panel-primary {
    border-color: transparent;
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #C60C30;
        border-color: none;
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: none;
        }

        .panel-primary > .panel-heading .badge {
            color: #C60C30;
            background-color: #FFF;
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: none;
    }


.panel-title {
    padding-top: 15px;
    margin-bottom: 20px;
    font-size: 16px;
    /*color: #fff;*/
}

    .panel-title > a,
    .panel-title > small,
    .panel-title > .small,
    .panel-title > small > a,
    .panel-title > .small > a {
        color: inherit;
    }


.panel-body {
    background: #efefef;
}


#costomer {
    display: block;
    margin: 0px;
    width: 100%;
    height: 200px;
    color: #FFF;
    background: #C60C30;
    /*background: url('../images/logo_store.jpg') no-repeat;
	background-position:center;
	background-attachment:fixed;
	-moz-background-size: cover;
	background-size: cover;*/
}


/* End -- Walt Sturghill */



/* Start -- Matt Chappel */
/****************************************************CATEGORY LANDING PAGE *******************************************/


.center-2 {
    min-height: 580px;
}

.home-featured-item-box .product-title,
.item-box .product-title {
    color: rgb(102, 102, 102);
}

.item-box .product-title {
    font-size:14px;
}

    .home-featured-item-box .product-title a:hover .item-box .product-title a:hover {
        color: rgb(102, 102, 102);
    }

.pager li > a,
.pager li > span {
    border-radius: 0;
    border: none;
}


.pager li {
    margin: 0 2px;
}

    .pager li span {
        background-color: #C60C30;
    }


/*****************************************************PRODUCT PAGE********************************************/

.product-item img {
    padding: 20px;
}


/************************************************** PRODUCT DETAIL PAGE ***************************************/

/*.product-essential .overview ul{
 list-style-type: disc;
}*/

.price-value span.no-pricing {
    font-size: 16px;
}

span.no-pricing a {
    color: #3974b6;
}

.overview .product-name h1 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
}

.breadcrumb ul li:last-of-type {
    display: none;
}



/*.breadcrumb ul li:nth-last-child(2) span.delimiter {
    display: none;
}*/

/*.product-item .buttons input.quantity {
    width: 100%;
    height: 40px;
}*/



.spec-name p {
    font-size: 1em;
    color: #444;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
}

.ui-tabs-nav h2 {
    margin: 0;
}

/* Handle buttons */

div.add-to-cart,
.overview-buttons {
    float: left;
    width: 100%;
    Max-width: 338px;
}

input.add-to-wishlist-button,
input.email-a-friend-button {
    padding: 14px 0px 13px 42px !important;
    max-width: 30px;
}

.data-table td {
    background: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-right: none !important;
}

.no-border-right {
    border-right: none !important;
}

.no-border-bottom {
    border-bottom: none !important;
}

td .spec-value {
    border-left: 1px solid #e6e5e5 !important;
}

.even {
    background-color: #fcfcfc;
}

.odd {
    background-color: #f6f6f6;
}

.cartlabel {
    font-size: 9px !important;
    line-height: 12px !important;
    color: #0066A1;
}

.table-add_user td, .table-add_user th {
    border-right: solid 1px #d3d3d3;
}

fieldset {
    border: 1px solid #dbdbdb;
    background: #f8f8f8;
    padding: 15px;
    margin: 0 20px;
}

    fieldset legend {
        background: #f8f8f8;
        color: #b4b4b4;
        padding: 5px 5px;
        font-size: 1.3rem;
        position: relative;
        border: none;
        width: 100px;
        margin: 0;
    }



.featured_overview .product-price, .overview .product-price,
.variant-overview .product-price {
    font-size: 26px !important;
    color: #058e02 !important;
}

.product-essential .overview li {
    padding-left: 1em;
    text-indent: -.7em;
}

    .product-essential .overview li:before {
        content: "• ";
        color: #C60C30; /* or whatever color you prefer */
    }

.productTabs-header ul {
    border: none;
    /*border-bottom: 5px solid #f01b1b;*/
}

/*.quickTabBar {
    height: 30px;
    width: 100%;
    background-color: #C60C30;
    margin-bottom: 10px;
    margin-top: -21px;
}*/

.featuredproducts_quickTabBar {
    height: 1px;
    width: 100%;
    background-color: #C60C30;
    margin-bottom: 10px;
    margin-top: -30px;
}

.block.block-manufacturer-navigation .list li {
    padding-left: 0px !important;
}

.block .list a:before {
    display: none;
}

a.product-picture {
    background: #fff;
}

    a.product-picture img {
        width: 100%;
        pointer-events: none;
    }

a.recently-view-picture {
    width: 30% !important;
}

a.recently-view-product-name {
    width: 100% !important;
    white-space: normal !important;
}

.block .list a:hover,
.block .list .active > a {
    background: none !important;
}

.ui-tabs .ui-tabs-nav li a {
    background-color: #ccc !important;
}

.ui-tabs-nav li.ui-state-active a {
    background-color: #C60C30 !important;
    color: #fff !important;
}

.product-essential {
    border: none !important;
    margin: 0 !important;
}

.overview .product-name {
    border: none !important;
    color: #383838;
    margin: 0 0 1px !important;
}

.short-description {
    color: #383838 !important;
    text-align: left;
}

.availability {
    margin-top: 0 !important;
}

    .availability .stock span {
        color: #383838;
    }

        .availability .stock span.label,
        .availability .stock span.value {
            font-size: 12px;
            padding: 0;
            font-weight: bold;
            line-height: 25px;
        }

    .availability .stock .in-stock .value {
        color: #3974b6;
    }

    .availability .stock .out-of-stock .value {
        color: #c60c30;
    }

.availability_in_stock {
    color: #3974b6;
}

.availability_out_of_stock {
    color: #c60c30;
}

.buy-american-act-section {
    margin-bottom: 20px;
}

.buy-american-logo {
    float: left;
    margin-right: 10px;
}

.buy-american-text {
    float: left;
    font-size: 12px;
    width: auto;
    max-width: 220px;
    margin-top: 12px;
    text-align: left;
}

.buy-american-learn-more {
    font-size: 12px;
    color: #3974b6;
}

.product-details-page .gallery a.thumb {
    display: inline-block;
    padding-bottom: 10px;
}

.product-details-tablist {
    margin-bottom: 30px;
}

    .product-details-tablist > li > a {
        font-size: 18px;
        color: #212121 !important;
        background-color: #ccc;
        margin-right: 10px !important;
    }

    .product-details-tablist > li.active > a {
        color: #fff !important;
        background-color: #C60C30 !important;
        margin-right: 10px !important;
    }

.tab-pane {
    background-color: #f9f9f9 !important;
}

.featured-product-info .tab-pane {
    background-color: #fff !important;
}
/*************************************** Job Templates page *******************************************/
/*.job-template-table {
    margin-bottom: 20px;
}*/

    /*.job-template-table .small-red-title {
        font-weight: bold;
        color: #b40829;
        font-size: 14px;
        margin-bottom: 7px;
    }*/

    ./*job-template-table .link-options a {
        color: #b40829;
    }*/

    .job-template-table td {
        /*padding: 20px 0px;
        min-width: 50px;
        border-width: 1px;
        border-style: solid;
        border-color: transparent transparent #ddd;
        background-color: #fff;
        color: #333;*/
    }

    .job-template-table th {
        font-size: 10px;
    }

    .job-template-table .total {
        /*white-space: nowrap;
        color: #54c71b;*/
        /*font-size: 18px;*/
        /*font-weight: 600;*/
    }

    /*.job-template-table .small-text {
        color: #777;
        font-size: 12px;
    }*/

    /*.job-template-table .td-big-title {
        font-size: 20px;
    }*/

    /*.job-template-table .td-big-title, .job-template-table .td-title {
        display: none;
    }*/

.select-template-option {
    color: #383838;
    border: 1px #ddd solid;
    border-radius: 5px;
    padding: 20px 10px;
    margin: 10px;
}

input[type="text"].job-template-form-control {
    width: 100%;
    border-top: none;
    border-right: none;
    border-left: none;
}

.job-template-modal-title {
    color: #383838;
    font-size: 19px;
    font-weight: 600;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
}

.order-template-header-table label {
    margin-bottom: 5px;
}

/*******************************************************************Wire Cutter**********************************************/

#cut-summary h3.panel-title {
    color: #058e02;
}


#cut-summary .panel-body {
    background-color: #fff;
}

/************************************************** My Account ******************************************/

.block-account-navigation a:hover {
    color: #C60C30 !important;
}

/************************************************ Favorites ***************************************/

.wishlist-content button {
    margin-right: 10px;
}

/****************************** Product Kits! ********************************************/
.kit-header {
    width: 100%;
    color: #fff;
    background-color: #000;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 50px;
    height: 50px;
}

.kit-panel-group {
    margin-bottom: 5px;
    width: 100%;
}

.panel-title {
    padding: 3px 0;
    margin-bottom: 0;
    font-size: 18px;
    color: #fff;
}


.kit-panel-heading {
    padding: 5px 10px;
    background-color: #C60C30;
    font-size: 18px;
    font-weight: bold;
}

.kit-panel {
    border: none;
    border-bottom: solid 3px #fff;
}

.kit-panel-body {
    background: #fff;
    padding: 10px;
}

.kit-data-table {
    margin-bottom: 10px;
}

    .kit-data-table td {
        min-width: 50px;
        border-width: 1px;
        border-style: solid;
        border-color: transparent #ddd #ddd;
        border-right: none;
        border-bottom: 1px;
        padding: 10px;
        color: #444;
    }

    .kit-data-table a {
        font-weight: normal;
        color: #4ab2f1;
    }


/****************************** Order Details! ********************************************/
.orders-details-panel-group {
    margin-bottom: 5px;
    width: 100%;
}

.orders-details-panel {
    border: none;
    border-bottom: solid 3px #fff;
}

.orders-details-panel-heading {
    /*padding: 20px 30px;*/
    /*background-color: #e3e3e3;*/
    background-color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    color: #444;
}

.order-details-table {
    color: #383838;
    font-size: 14px;
}

    .order-details-table td {
        padding: 30px 10px;
    }

    .order-details-table input {
        width: 40px;
        margin-top: 0 !important;
    }

    .order-details-table th, .order-details-product-lable {
        text-transform: uppercase;
        color: #919191;
        font-size: 10px;
    }

/*.order-details-product-name {
    text-transform: uppercase;
    color: #c60c30;
    font-size: 14px;
}*/

.order-details-product-total {
    color: #30ad0f;
}



/***********************************************************LOGIN*************************************************************/

.login-page .customer-blocks .text,
.login-page .returning-wrapper .form-fields {
    border: none;
}

.login-page .new-wrapper,
.login-page .returning-wrapper {
    width: 50%;
    float: left;
    padding-top: 20px;
}

.new-wrapper register-block {
    min-height: 400px;
}

.login-page .returning-wrapper .buttons {
    background: none;
}

.login-page .title {
    font-size: 24px;
}

.login-text {
    max-width: 300px;
    color: #444;
    margin: 0 auto;
    text-align: center;
}

.login-page .home-button-text {
    width: 80%;
}

.login-page .home-button {
    max-width: 220px;
}

.login-page input {
    border: none;
}

.login-page .returning-wrapper .buttons {
    padding: 0px;
    margin: 0px;
}

.login-page .new-wrapper .buttons {
    margin: 0px;
}

.form-fields {
    background: none;
}

.returning-wrapper {
    background-color: #f2f2f2;
    min-height: 400px;
}

.new-wrapper.login-block {
    background-color: #f8f8f8;
    min-height: 400px;
}

.rma-wrapper {
    background-color: #f8f8f8;
}

.login-page .returning-wrapper .inputs.reversed a, .login-page .returning-wrapper .inputs.reversed label {
    color: #4ab2f1;
}

.login-page .message-error ul {
    color: #e4434b;
    list-style-type: none;
}

/********************************************************** ADD TO CART STATUS MODALS *******************************************/

.ajax-loading-block-window {
    margin: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
}

.notification-loader {
    -webkit-box-shadow: 0px 0px 3px 1px rgba(189,189,189,0.16);
    -moz-box-shadow: 0px 0px 3px 1px rgba(189,189,189,0.16);
    box-shadow: 0px 0px 3px 1px rgba(189,189,189,0.16);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: fixed;
    z-index: 1003;
    width: 120px;
    height: 120px;
    background-color: #fff;
    padding: 20px;
}

.cart-notification {
    position: fixed;
    z-index: 2001;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5) !important;
    display: none;
    overflow-y: auto;
}



    /*add to cart modal*/
    .cart-notification .content {
        z-index: 1001;
        margin: 15% auto 0px auto;
        padding: 15px;
        line-height: 33px;
        color: #fff;
        width: 100%;
        max-width: 940px;
        opacity: 1 !important;
        text-align: center;
        font-size: 28px;
        min-height: 300px;
        border: 1px solid #cccccc;
        overflow: hidden;
    }

    .cart-notification img {
        pointer-events: none;
    }

    .cart-notification .content svg {
        margin-top: 5%;
    }

    .cart-notification.error .content {
        background-color: #fff;
        border: none;
        max-width: 750px;
    }

.error-msg-icon {
    color: #eee;
    line-height: .5 !important;
}

.error-msg-border-none {
    border: none !important;
}

.lineheight10 {
    line-height: 10px !important;
}

.cart-notification.success .content {
    /*background-color: #089e04;*/
    color: #000;
    background-color: #fff;
}

.add-cart-check {
    font-weight: 100;
    font-size: 40px;
    -webkit-text-stroke: 4px white;
}

.add-cart-ban {
    font-weight: 100;
    font-size: 40px;
    -webkit-text-stroke: 1px white;
}

.add-cart-close {
    font-weight: 100;
    font-size: 35px;
    -webkit-text-stroke: 4px white;
    vertical-align: middle;
    cursor: pointer;
}

/*.add-cart-title {
    font-size: 26px;
    margin-left: 10px;
}*/

.add-cart-continue-shopping {
    font-size: 18px;
    vertical-align: middle;
}

.close-modal-to-continue {
    cursor: pointer;
}

.notification-header {
    border-bottom: 1px #cccccc solid;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.add-cart-notification-image {
    width: 100%;
}

/*.add-cart-notification-item-name {
    font-weight: 600;
    font-size: 20px;
    text-align: left;
}*/

.small-add-cart-notification-item-name {
    font-weight: 600;
    font-size: 16px;
    text-align: left;
}

/*.add-cart-notification-item-label {
    font-size: 14px;
    font-weight: 600;
    float: left;
    width: 60px;
    text-align: left;
}*/

.add-cart-notification-price-disclaimer {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #C60C30;
}

.add-cart-notification-item-value {
    font-size: 18px;
    font-weight: 600;
    float: left;
}

.add-cart-notification-subtotal {
    float: left;
    color: #058e02;
}

.add-cart-notification-cart-total-text {
    font-size: 18px;
    text-align: left;
}

.add-cart-notification-cart-total {
    font-size: 24px;
    color: #058e02;
    text-align: left;
    font-weight: 800;
}

.add-cart-notification-small-text {
    font-size: 12px;
    color: #888888;
    text-align: left;
    line-height: 1.4;
    padding-top: 5px;
    padding-bottom: 15px;
}

.add-cart-notification-horizontal-line {
    border-bottom: 1px solid #cccccc;
    width: 40px;
    height: 1px;
    margin: 10px auto;
}

.add-cart-notification-view-cart {
    font-size: 14px;
}

    .add-cart-notification-view-cart a {
        text-decoration: none;
    }

.small-button-text {
    width: 70%;
}

.notification-body .product-image {
    max-width: 200px;
    width: 100%;
}

/*.account-number-small-text {
    font-size: 18px;
}*/


/* Add to favorites modal */
.cart-notification.favorites-modal .content {
    max-width: 840px;
    width: 100%;
}

/* Error Message modal */
.error-message-title {
    font-size: 26px;
}

.error-message-line {
    border-bottom: solid #eee 1px;
    width: 150px;
    margin: 0 auto;
}

.error-message-content {
    font-size: 18px;
    margin-bottom: 20px;
}

.error-message-close-btn {
    font-size: 14px;
    border-radius: 5px;
    border: solid #FFFFFF 1px;
    text-align: center;
    width: 100px;
    margin: 0px auto;
    cursor: pointer;
}

.lineheight35 {
    line-height: 35px;
}


/************************************************************* .START Shipping Issue Message AXO:8364 - LO ************************************************************/

.shipping-error-message {
    color: #C60C30 !important;
    margin-left: -10px;
}

.shipping-error-icon {
    font-size: 4rem;
    line-height: 5.5rem;
    color: #C60C30 !important;
}


/************************************************************* .END Shipping Issue Message - LO *****************************************************************************/

/************************************************************* .START Pop Over Modal - LO ************************************************************/
.in-stock.popover,
.inventory.popover {
    background-color: #fff;
    color: #383838 !important;
    width: 380px !important;
    max-width: 380px;
    border-radius: 0;
    left: 0 !important;
    border-bottom: 15px solid #2e79ba;
}

.product-list .in-stock.popover,
.product-list .inventory.popover {
    left: 200px !important;
}

.noleft-shipping.popover {
    background-color: #fff;
    color: #383838 !important;
    width: 380px !important;
    max-width: 380px;
    border-radius: 0;
    border-bottom: 15px solid #2e79ba;
}

/*.noleft-shipping .value {
    color: #3974b6;
}*/

/*Quickview Popover loc*/
.overview .availability .stock .in-stock.popover {
    left: -50px !important;
}

.bottom.inventory .popover, .bottom.product .popover {
    border-bottom: none;
    border-top: 15px solid #2e79ba;
}

.ces_drop_availability .popover {
    left: -20px !important;
}

.ces_drop_availability .inventory-available {
    /*font-size: 0.9rem !important;
    white-space: nowrap;*/
}

.noleft-shipping .popover > .popover-title,
.in-stock.popover > .popover-title,
.inventory.popover > .popover-title {
    color: #383838 !important;
    font-weight: bold;
    padding: 18px 0;
    margin: 0 30px;
    border-bottom: 1px solid #ddd;
}

.noleft-shipping.popover > .popover-content,
.in-stock.popover > .popover-content,
.inventory.popover > .popover-content {
    padding: 19px 24px;
    font-size: 12px;
}

.pop-zipcode {
    color: #5297ff !important;
    text-decoration: underline;
}

.noleft-shipping.popover.bs-popover-top > .arrow:after,
.in-stock.popover.bs-popover-top > .arrow:after,
.inventory.popover.bs-popover-top > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #2e79ba;
    border-bottom-width: 0;
}

.noleft-shipping.popover.bottom > .arrow:after,
.inventory.popover.bottom > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #2e79ba;
    border-bottom-width: 0;
}

.noleft-shipping.popover.bottom > .arrow,
.inventory.popover.bottom > .arrow {
    left: 15% !important;
    top: -25px;
    border-bottom-color: #2e79ba;
}

.noleft-shipping.popover.bs-popover-top > .arrow,
.in-stock.popover.bs-popover-top > .arrow,
.inventory.popover.bs-popover-top > .arrow {
    bottom: -23px;
    left: 26% !important;
}

.noleft-shipping.popover.bs-popover-top > .arrow::before,
.in-stock.popover.bs-popover-top > .arrow::before,
.inventory.popover.bs-popover-top > .arrow::before{
    border-width: 0;
}

.inventory .popover-body,
.noleft-shipping .popover-body,
.in-stock .popover-body {
    background-color: #fff;
}

.noleft-shipping.popover > .popover-content li:before,
.in-stock.popover > .popover-content li:before,
.inventory.popover > .popover-content li:before {
    content: "• " !important;
    color: #C60C30 !important;
    font-weight: bold;
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {

    .noleft-shipping.popover,
    .in-stock.popover,
    .inventory.popover {
        width: 340px !important;
        max-width: 340px;
    }

        .noleft-shipping.popover.bs-popover-top > .arrow,
        .in-stock.popover.bs-popover-top > .arrow,
        .inventory.popover.bs-popover-top > .arrow {
            left: 37% !important;
            bottom: -25px;
        }
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .col-md-12 #CES-Expanding {
        margin-left: 280px !important;
    }

    .col-md-9 #hero_test .flexslider .slides .flex-active-slide .sliderItem .col-md-12 #CES-Expanding {
        margin-left: 200px !important;
    }

    #CES-Expanding h2 {
        font-size: 31px !important;
    }

        #CES-Expanding h2 small {
            font-size: 14px !important;
        }

    .col-lg-9 #hero_test .flexslider .slides div.sliderItem div:nth-child(2) h2 {
        padding: 60% 0;
        font-size: 25px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

    .col-lg-9 #hero_test .flexslider .slides div.sliderItem div:nth-child(2) h2 {
        padding: 60% 0;
        font-size: 25px;
    }
}




/************************************************************* .End Pop Over Modal - LO ************************************************************/

.red-error-modal .content, .orange-error-modal .content {
    /*background-color: #d41212 !important;*/
    background-color: #fff !important;
}

    .red-error-modal .content .error-msg-icon {
        color: #d41212 !important;
    }

    .red-error-modal .content .error-message-line {
        border-bottom: solid #d41212 1px !important;
    }

    .orange-error-modal .content .error-msg-icon {
        color: #feaa24 !important;
    }

    .orange-error-modal .content .error-message-line {
        border-bottom: solid #feaa24 1px !important;
    }



/* Share product by email modal */
/*.cart-notification.share-by-email-modal .content {
    max-width: 750px;
    margin: 1% auto 0px auto;
}*/

.share-content-modal {
    text-align: left;
}

.share-content-modal input, .share-content-modal textarea {
    width: 100%;
    background-color: #f4f4f4;
    border: none;
}

/* Share product by text modal */
.cart-notification.share-by-text-modal .content {
    max-width: 700px;
    margin: 1% auto 0px auto;
}

.share-send-button {
    max-width: 240px;
}

.captcha-share-modal {
    float: right;
    margin-top: 10px;
    margin-right: 25px;
}

.captcha-contact-us {
    margin-top: 10px;
    margin-right: 25px;
}

.modal-small-title {
    border-bottom: solid 1px #cccccc;
    font-size: 10px;
    text-align: left;
    margin-top: 10px;
    color: #7b7b7b;
}

/* Message Modal */
.cart-notification.success-message-modal .content {
    max-width: 700px;
    min-height: 220px;
}

.cart-notification.success-message-modal .home-button {
    max-width: 180px;
}

.cart-notification.success-message-modal .notification-body {
    margin: 7% 0px;
}

/* Confirmation dialog */
.dialog-confirm-btn {
    height: 43px;
    border: none;
    background-color: #C60C30;
    padding: 0 24px;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
}

.dialog-cancel-btn {
    height: 43px;
    border: none;
    background-color: #C60C30;
    padding: 0 24px;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
}

.ces-dialog-header {
    background-color: #383838 !important;
}

    .ces-dialog-header > span.ui-dialog-title {
        color: #ffffff !important;
    }

/**************************************/
section.contact-us-pg {
    margin-top: 20px;
    width: 100%;
    margin: 0 auto;
}

    section.contact-us-pg .title {
        text-align: left;
    }

        section.contact-us-pg .title hr {
            margin-top: 0;
            margin-bottom: 0;
        }

    section.contact-us-pg .pg-desc h4 {
        font-size: 14px;
        line-height: 1.5em;
        font-weight: 500;
    }

    section.contact-us-pg .pg-desc {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    section.contact-us-pg .frm-input-items {
        width: 98%;
        display: inline-block;
    }


        section.contact-us-pg .frm-input-items label, .frm-input-items-msg label {
            margin-top: 10px;
        }

        section.contact-us-pg .frm-input-items span, .frm-input-items-msg span {
            float: left;
            font-weight: 600;
            font-size: 13px;
            margin-top: -5px;
        }

        /*section.contact-us-pg .frm-input-items label:after {
    content: "*";
    color: #C60C30;
    margin-left: 5px;
}*/

        section.contact-us-pg .frm-input-items label.rm-asterisk:after {
            content: "";
        }

    section.contact-us-pg .frm-input-items-msg {
        width: 100%;
        display: inline-grid;
    }

/*section.contact-us-pg .frm-input-items-msg label:after {
    content: "*";
    color: #C60C30;
    margin-left: 5px;
}*/

/*.contact-us-pg .page-form input[type=text], input[type=email], .contact-us-pg .page-form input[type=number] {
    width: 100%;
    padding: 12px 20px;
    display: inline-block;
    border: none;
    box-sizing: border-box;
    font-size: 13px;
    border-radius: 0;
    position: relative;
    margin-bottom: 15px;
    height: 40px;
    font-weight: 600;
    max-width: 100%;
    border: 1px solid #eee;
    background-color: #f7f6f6;
}*/

.contact-us-pg .page-form .sel select {
    padding-left: 15px;
    font-size: 12px;
    color: #777;
    width: 100%;
    /* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); */
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    cursor: pointer;
    margin-bottom: 15px;
    font-weight: 700;
    height: 40px;
    background-color: #f7f6f6;
    direction: ltr;
    text-transform: uppercase;
    margin-top: 6px;
}

.contact-us-pg .page-form span.sel select::-ms-expand {
    display: none;
}

.contact-us-pg .page-form .frm-input-items .sel {
    position: relative;
    width: 100%;
}

    .contact-us-pg .page-form .frm-input-items .sel:after {
        content: "\f078";
        font-family: "FontAwesome";
        font-size: 11px;
        color: #444;
        right: 10px;
        top: 18px;
        padding: 0 0 2px;
        position: absolute;
        pointer-events: none;
        font-weight: 100;
    }

.contact-us-pg #contactUsState, .contact-us-pg #Inquiry {
    width: 100%;
    padding: 12px 20px;
    display: inline-block;
    border: none;
    box-sizing: border-box;
    font-size: 13px;
    border-radius: 0;
    position: relative;
    margin-bottom: 15px;
    height: 40px;
    font-weight: 600;
    max-width: 100%;
    background-color: #f7f6f6;
}

.contact-us-pg .page-form .frm-input-items .sel:before {
    content: '';
    right: 4px;
    top: 0px;
    width: 23px;
    height: 18px;
    position: absolute;
    pointer-events: none;
    display: block;
}

.contact-us-pg .page-form textarea {
    width: 100%;
    padding: 12px 20px;
    display: inline-block;
    border: none;
    box-sizing: border-box;
    font-size: 13px;
    float: left;
    border-radius: 0;
    position: relative;
    margin-bottom: 15px;
    height: 40px;
    font-weight: 600;
    max-width: 100%;
    border: 1px solid #eee;
}

.contact-us-pg .page-form input[type=submit] {
    width: 10%;
    background: #C60C30;
    color: white;
    padding: 10px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    float: left;
    height: 50px;
    max-width: 100%;
    border-radius: 0;
    margin-top: 20px;
}



/*************************************/
/********************************************************* Branch Locator ***********************************************/

.branch-locator-title h1 {
    text-align: center;
    font-size: 24px;
    /*margin: 25px 330px;*/
    color: #444;
}

.branch-locator-sub-title {
    font-size: 22px;
    font-weight: 600;
    color: #444;
}

.branch-locator-big-number {
    font-size: 52px;
    font-weight: 600;
    color: #C60C30;
    margin-top: 12px;
}

.branch-locator-big-text {
    font-size: 26px;
    font-weight: 600;
    color: #444;
}

/*.branch-locator-box-background {
    background-color: #f8f8f8;
}*/

.branch-locator-square-box {
    min-height: 195px;
    padding: 25px 30px;
    color: #222;
}

.branch-locator-rectangular-box {
    padding: 25px;
    margin: 1px 15px;
}

.branch-locator-strong-text {
    font-weight: 600;
    color: #444;
}

.branch-locator-red-horizontal-line {
    border-bottom: solid 2px #C60C30;
}

.branch-locator-gray-horizontal-line {
    border-bottom: solid 1px #ddd;
    margin: 40px 0px 20px 0px;
    line-height: 1.8;
}

/*.branch-locator-search-term {
    width: 100%;
    margin-top: 4px;
}*/

/*.branch-locator-new-location {
    padding-top: 30px;
    padding-bottom: 10px;
    background-color: #f8f8f8;
    border-bottom: solid 2px #C60C30;
    text-align: center;
    color: #444;
    line-height: 1.7;
    min-height: 375px;
}*/

    .branch-locator-new-location a {
        color: #C60C30;
    }

        .branch-locator-new-location a:hover {
            text-decoration: none;
        }

.branch-locator-new-location-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 0;
}

/*.branch-locator-new-location > div:first-of-type {
    padding-top: 15px;
}*/

.branch-locator-left-side-map-info {
    overflow-y: auto;
    height: auto;
    text-align: center;
    border: 1px solid #e5e2e2;
}

    .branch-locator-left-side-map-info a {
        text-decoration: none;
    }

.branch-locator-map-size {
    height: 500px !important;
}

.branch-locator-city-result {
    background-color: #f8f8f8;
    border-bottom: 1px solid #e5e2e2;
    padding: .780rem 0.625rem;
}

    .branch-locator-city-result:hover {
        background-color: #C60C30;
        color: #fff;
    }

.branch-locator-branch-result {
    background-color: #f8f8f8;
    border-bottom: 1px solid #e5e2e2;
    padding: 10px 5px;
    line-height: 1.5;
    font-size: 12px;
    color: #444;
}

    .branch-locator-branch-result a {
        color: #C60C30;
        font-weight: 700;
    }

.branch-locator-branch-name {
    font-size: 14px;
    font-weight: 700;
}

.branch-locator-new-location-map {
    width: 100%;
    max-height: 230px;
}

.branch-locator-new-location > div:nth-of-type(2) > ul {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding-bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
}






.branch-locator-view-new-locations-button {
    display: inline-block;
    min-width: 175px;
    border: none;
    background-color: #aaa;
    padding: 12px 20px;
    font-size: 12px;
    height: 43px;
    color: #fff;
    background: #b40829;
    vertical-align: top;
    text-align: center;
}

.view-new-location-button {
    text-align: right;
}

.branch-locator-view-new-locations-button:hover, .branch-locator-view-new-locations-button:active, .branch-locator-view-new-locations-button:focus {
    text-decoration: none;
    color: #fff;
}

/******************Branch locator Map Marker Content*************************/
.branch-locator-marker-content {
    width: 200px;
    height: 240px;
}

.branch-locator-marker-content-detail-page {
    width: 200px;
    height: 180px;
}

    .branch-locator-marker-content-detail-page .branch-name {
        font-size: 20px !important;
        margin-bottom: 10px !important;
    }

.branch-locator-marker-content .branch-name {
    font-size: 1.25em !important;
    margin-bottom: 5px !important;
}

.branch-locator-marker-content .branch-address {
    font-size: 1.0em !important;
    margin-bottom: 2px !important;
}

.branch-locator-marker-content .branch-city-state-zipcode {
    font-size: 1.0em !important;
    margin-bottom: 2px !important;
}

.branch-locator-marker-content .branch-phone {
    font-size: 1.0em !important;
    margin-bottom: 2px !important;
}

.branch-locator-marker-content .branch-specials {
    font-size: 1.0em;
    margin-top: 10px;
    margin-bottom: 2px;
}

.branch-locator-marker-content .branch-email {
    font-size: 1.0em;
    margin-top: 10px;
    margin-bottom: 2px;
}

.branch-locator-marker-content .branch-specials a {
    color: red;
    text-decoration: none;
}

.branch-locator-marker-content .branch-email a {
    color: red;
    text-decoration: none;
}

/******************Branch Detail Page*************************/


    .branch-detail-page .branch-info {
        width: 35%;
    }

    .branch-detail-page .title {
        font-size: 37px;
        text-align: center;
        color: #333;
        margin-top: 40px;
    }

    .branch-detail-page .sub-title {
        font-size: 14px;
        text-align: center;
        color: #333;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .branch-detail-page h1.branch-name {
        font-size: 24px;
        margin-bottom: 20px;
        color: #777;
    }

    .branch-detail-page .branch-open-status {
        font-size: 14px;
        margin-bottom: 24px;
    }

    .branch-detail-page .branch-address, .branch-address-2, .branch-city-state-zip, .branch-phone, .branch-email {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .branch-detail-page .branch-address-2 {
        margin-left: 12px;
    }

    .branch-detail-page .branch-direction-button {
        display: block;
        width: 100%;
        height: 55px;
        margin-top: 30px;
    }

        .branch-detail-page .branch-direction-button a {
            background-color: #C60C30;
            border: none;
            border-radius: 5px;
            color: white;
            padding: 10px 32px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 14px;
            margin: 4px 2px;
            cursor: pointer;
            width: 85%;
        }

    .branch-detail-page a {
        color: red;
        text-decoration: none;
    }

    .branch-detail-page .branch-store-hours {
        font-size: 16px;
        font-weight: bold;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .branch-detail-page .branch-store-hours-details {
        font-size: 14px;
    }

        .branch-detail-page .branch-store-hours-details span {
            margin-right: 10px;
            width: 40px;
            float: left;
        }

    .branch-detail-page .branch-store-day-label {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 5px;
        display: inline-block;
    }

    .branch-detail-page p {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .branch-detail-page .branch-store-status {
        font-size: 16px;
        font-weight: bold;
        margin-top: 20px;
        color: #00c204;
        margin-bottom: 10px;
    }

    .branch-detail-page .branch-store-about {
        font-size: 24px;
        margin-top: 10px;
    }

    .branch-detail-page .branch-input input[type=text] {
        width: 100%;
        margin-bottom: 10px;
        background-color: #f8f8f8;
        display: block;
        padding-bottom: 3px;
        padding-top: 3px;
    }

    .branch-detail-page select {
        width: 100%;
        margin-bottom: 10px;
        color: #777;
        background-color: #f8f8f8;
        display: block;
    }

.form-control {
    border: 1px solid #ddd;
    border-radius: 0;
}

    .form-control:focus {
        border-color: #ddd !important;
    }

.branch-detail-page .branch-input i {
    color: #C60C30;
}

.branch-detail-page .captcha-share-modal {
    margin-right: 0 !important;
    float: left;
}

.branch-detail-page #submitForm {
    float: left;
    margin-top: 20px;
    color: #ffffff;
    background-color: #C60C30;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    border-radius: 3px;
    text-transform: uppercase;
}

.branch-detail-page #branch-email-span {
    color: #C60C30;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
}

.branch-detail-page .branch-map {
    margin-bottom: 60px;
    float: right;
}


/*******************Style for the Branch Image Slider BJ 07/23/2018******************************/
.branchPhotoSlides {
    display: none;
}

    .branchPhotoSlides img {
        vertical-align: middle;
        width: 100%;
    }

/* Branch Photos slideshow container */
.branchPhoto-slideshow-container {
    max-width: 360px;
    position: relative;
    margin: auto;
}

/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white !important;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    background-color: rgba(0, 0, 0, 0.5);
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

    /* On hover, add a black background color with a little bit see-through */
    .prev:hover, .next:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }

/* The dots/bullets/indicators */
.dot {
    cursor: pointer;
    height: 10px;
    width: 10px;
    margin: 0 2px;
    background-color: #cccccc;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

    .activeBranchSlide, .dot:hover {
        background-color: #999999;
    }


/* this is affecting the bootstrap backdrop so commenting out for now until we figure the functionality 
    Fading animation
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {
        opacity: .4;
    }

    to {
        opacity: 1;
    }
}

@keyframes fade {
    from {
        opacity: .4;
    }

    to {
        opacity: 1;
    }
}*/

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
    .prev, .next {
        font-size: 11px;
    }
}

/******************************************************************/

.branch-detail-page .branch-map .branch-main-photo {
    float: left;
    margin-left: 0px;
    margin-top: 10px;
}


/*******************Style for the Branch Image Slider BJ 07/23/2018******************************/
.branchPhotoSlides {
    display: none;
}

    .branchPhotoSlides img {
        vertical-align: middle;
        width: 100%;
    }

/* Branch Photos slideshow container */
.branchPhoto-slideshow-container {
    max-width: 360px;
    position: relative;
    margin: auto;
}

/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    background-color: rgba(0, 0, 0, 0.5);
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

    /* On hover, add a black background color with a little bit see-through */
    .prev:hover, .next:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }

/* this is affecting the bootstrap backdrop so commenting out for now until we figure the functionality 
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {
        opacity: .4;
    }

    to {
        opacity: 1;
    }
}

@keyframes fade {
    from {
        opacity: .4;
    }

    to {
        opacity: 1;
    }
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
    .prev, .next {
        font-size: 11px;
    }
}

/******************************************************************/

.branch-detail-page .branch-map .branch-main-photo {
    float: left;
    margin-left: 0px;
    margin-top: 10px;
}

    .branch-detail-page .branch-map .branch-main-photo img {
        max-width: 555px;
    }

.branch-detail-page .branch-input:nth-child(even) {
    float: right;
}

.branch-event-container:before, .branch-event-container:after {
    display: table;
    content: "";
    zoom: 1 /* ie fix */;
}

.container:after {
    clear: both;
}

.branch-event-container {
    width: 85%;
    margin: 0 auto;
    border: 1px solid #eee;
    background-color: #ffffff;
}

.branch-event-mainbody {
    height: auto;
    width: 100%;
    border-top: solid #C60C30;
    border-width: 2px 0;
}

.branch-detail-page .branch-event:nth-child(even) {
    float: right;
}

.branch-event-header {
    background-color: #F4F4F4;
    height: auto;
    width: 100%;
    padding: 5px;
}

    .branch-event-header .branch-event-logo {
        width: 25%;
        text-align: center;
        display: inline-block;
    }

    .branch-event-header .branch-event-title {
        width: 75%;
        text-align: center;
        float: right;
    }

        .branch-event-header .branch-event-title .title {
            font-size: 22px;
            font-weight: bold;
            margin-top: 5px;
            margin-right: 25%;
            text-transform: uppercase;
        }

        .branch-event-header .branch-event-title .subtitle {
            font-size: 18px;
            font-weight: bold;
            color: #C60C30;
            margin-right: 25%;
            text-transform: uppercase;
        }

.more-info {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
    cursor: pointer;
    color: #C60C30;
}

.branch-event-mainbody {
    padding: 20px;
    width: 100%;
}

    .branch-event-mainbody .event-name {
        text-align: center;
        font-size: 16px;
        font-weight: bold;
    }

    .branch-event-mainbody .date-time, .address, .notice {
        text-align: center;
        font-size: 14px;
        margin-top: 5px;
    }

    .branch-event-mainbody i {
        color: #C60C30;
    }

.branch-event-footer .attendance button {
    width: 90%;
    color: #ffffff;
    background-color: #C60C30;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    border-radius: 3px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.branch-event-footer .interested, .attending {
    text-align: center;
    margin-right: 30px;
    font-size: 12px;
}

.branch-event-footer .attendance {
    padding-left: 0;
    padding-right: 0;
    margin-left: 10%;
}

.branch-event-footer {
    height: auto;
    display: none;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #FFFFFF;
}

    .branch-event-footer p {
        text-align: center;
        font-size: 14px;
        margin-top: 5px;
    }

@media screen and (max-width: 768px) {
    .branch-detail-page .branch-map {
        margin-bottom: 30px;
        float: none;
    }

    .branch-detail-page .product-item {
        height: auto !important;
    }

    .branch-detail-page .branch-input:nth-child(even) {
        float: left;
    }

    .branch-detail-page #submitForm {
        float: none;
        width: 100%;
    }

    .branch-event-container {
        width: 100%;
    }

    .branch-event-header .branch-event-title .title {
        font-size: 16px;
    }

    .branch-event-header .branch-event-title .subtitle {
        font-size: 14px;
    }

    .camera-icon {
        display: none;
    }
}

/*********************************************************CREDIT APPLICATION***********************************************/

.credit-application-steps {
    float: right;
    font-size: 16px;
    font-weight: 900;
    padding-top: 30px;
    color: #be122c;
}

.credit-application-background-right-top {
    background-color: #f8f8f8;
    padding: 20px 40px;
    color: #383838;
}

.credit-application-background-right {
    background-color: #f8f8f8;
    padding: 20px 40px;
    color: #383838;
    margin-top: 5px;
}

/*.credit-application-background-left-top {
    background-color: #f8f8f8;
    padding: 20px 40px;
    color: #383838;
    margin-right: 5px;
}*/

.credit-application-background-left {
    background-color: #f8f8f8;
    padding: 20px 40px;
    color: #383838;
    margin-top: 5px;
    margin-right: 5px;
}

.credit-application-background {
    background-color: #f8f8f8;
    padding: 20px 40px;
    color: #383838;
}

.credit-application-select-customer-type {
    background-color: #f8f8f8;
    padding: 20px 40px;
    color: #383838;
    margin-bottom: 10px;
}

.credit-application-select-customer-type-left {
    padding: 0px 30px 0px 0px;
}

.credit-application-select-customer-type input[type="radio"].tax-exempt-account {
    margin-top: 5px;
}

.credit-application .require-field {
    margin-left: -13px;
    color: #C60C30;
}

.min-height-review-application {
    min-height: 500px;
}

.min-height-75 {
    min-height: 75px;
}



.group-span-label, .group-input-label {
    display: inline;
}

    .group-span-label > span, .group-span-label > label, .group-input-label > input, .group-input-label > label {
        float: left;
    }

.credit-application .field-validation-error {
    text-align: left;
}

.credit-application input, .credit-application select {
    border: none;
    border-radius: 0;
}

.credit-application select {
    background-color: #fff;
}

.credit-application input[type="text"], .credit-application input[type="number"], .credit-application input[type="password"] {
    background-color: #fff;
}

.credit-application .form-control[disabled], .credit-application .form-control[readonly], .credit-application fieldset[disabled] .form-control {
    background-color: #eee;
}

.link-style {
    color: #3366cc;
    text-decoration: underline;
}

.credit-application-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding-bottom: 7px;
    font-size: 18px;
    font-weight: 600;
}

.credit-application-header {
    color: #383838;
}

.btn-credit-application-add {
    background-color: #c60c31;
    color: #fff;
    padding: 10px;
    font-size: 12px;
}

    .btn-credit-application-add:hover, .btn-credit-application-add:focus, .btn-credit-application-add:active, .btn-credit-application-add:visited {
        background-color: #b40829;
        color: #fff;
    }

    .btn-credit-application-add[disabled] {
        background-color: #c60c31 !important;
    }

.ui-dialog-buttonset > button {
    background-color: #c60c31;
    color: #fff;
    padding: 10px;
    border: none;
}

    .ui-dialog-buttonset > button:hover, .ui-dialog-buttonset > button:focus, .ui-dialog-buttonset > button:active, .ui-dialog-buttonset > button:visited {
        background-color: #b40829;
        color: #fff;
    }

.credit-application-column-left {
    padding-right: 5px !important;
}

.credit-application .home-button {
    width: 150px;
    font-size: 12px;
}

#continue-credit-application-modal .home-button {
    font-size: 14px;
}


.credit-application .home-button-text {
    width: 70%;
}

.credit-application .medium-text {
    font-size: 18px;
    font-weight: 600;
}

.credit-application .small-text {
    font-size: 10px;
}

.credit-application .big-text {
    font-size: 24px;
    padding-bottom: 10px;
    font-weight: 600;
}

.credit-application .horizontal-line {
    border-bottom: 2px solid #ddd;
    margin: 20px 0px;
}

.credit-application .branch-table {
    border: 1px solid #ddd;
    margin: 20px 0px;
    background-color: #fff;
}

    .credit-application .branch-table tr:nth-child(even) {
        background-color: #f8f8f8;
    }

    .credit-application .branch-table tr {
        height: 30px;
    }

    .credit-application .branch-table td:first-child, .credit-application .branch-table th:first-child {
        padding: 0px 20px;
    }

.credit-application .button-group {
    margin-bottom: 30px;
}

    .credit-application .button-group input {
        float: left;
        margin-top: 3px;
    }

.credit-application input[type="radio"] {
    margin-top: 0px;
    margin-right: 5px;
}

.credit-application .strong-red {
    color: #be122c;
}

.credit-application-guarantor {
    background-color: #fff;
    height: 400px;
    padding: 20px;
    overflow-y: scroll;
}

.credit-application-agreement a {
    color: #3ea4ec;
}

.credit-application-agreement input[type="checkbox"] {
    margin: 0px 5px 0px 0px;
}

.credit-application-background-top-left.branch-selection {
    min-height: 690px;
}

.my-credit-application-ces-dashboard {
    max-width: 750px;
    margin-bottom: 60px;
}

.myces-modal-header {
    background-color: #383838;
    border-bottom: 15px solid #c60c30;
}

    .myces-modal-header h4 {
        color: #fff;
    }

    .myces-modal-header .close {
        font-size: 34px;
        color: #fff;
        opacity: .8;
        font-weight: 100;
    }

.myces-modal-body {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 22px;
}

    .myces-modal-body .home-button-text {
        font-size: 14px;
    }

button[disabled], button[disabled].arrow-container {
    color: #cccccc;
}

.credit-application-thank-you-title {
    text-align: center;
    font-size: 27px;
    font-weight: bold;
}

.credit-application-thank-you-content {
    text-align: center;
    font-size: 24px;
    margin-top: 30px;
}

.credit-application-thank-you-wrap {
    padding: 80px 30px 20px 30px;
    margin-bottom: 30px;
    min-height: 600px;
}

.credit-application-thank-you-title {
    color: #383838;
}

/* Switch */

label.toggle-switch {
    display: inline-block;
    width: 50px;
    padding: 2px;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    background-color: #ededed;
    cursor: pointer;
}

    label.toggle-switch input {
        display: none;
    }

    label.toggle-switch span {
        display: inline-block;
        position: relative;
        width: 18px;
        height: 18px;
        background-color: #b40829;
        border-radius: 5px;
        float: right;
        margin-top: 1px;
        -moz-box-shadow: inset 0 0 5px #ccc;
        -webkit-box-shadow: inset 0 0 5px #ccc;
        box-shadow: inset 0 0 5px #ccc;
    }

    label.toggle-switch.on {
        text-align: right;
    }

        label.toggle-switch.on span {
            float: left;
            background-color: #1bb44a;
        }

    label.toggle-switch:after {
        content: 'Off';
    }

    label.toggle-switch.on:after {
        content: 'On';
    }

.myces-credit-app-icon {
    margin-top: 17px !important;
}



/************************************************ Mini shopping cart ***************************************/
.mini-shopping-cart-red-background {
    background-color: #f9a1a0;
    opacity: 0.9;
}

.mini-shopping-cart {
    padding: 12px 0px;
}

    .mini-shopping-cart .item {
        padding: 10px 12px;
    }

        .mini-shopping-cart .item .picture img {
            pointer-events: none;
        }

    .mini-shopping-cart .count {
        padding: 5px 12px 15px;
    }

    .mini-shopping-cart .totals {
        margin: 0 12px 12px;
    }

    .mini-shopping-cart .buttons {
        margin: 0 10px 5px;
    }

.mini-cart-out-of-stock {
    background-color: #f01c1b;
    font-size: 10px;
    font-style: italic;
    color: #fff;
    padding: 10px;
    font-weight: 600;
}

    .mini-cart-out-of-stock .click-for-details {
        font-size: 10px;
        padding-left: 7px;
        font-weight: 500;
        cursor: pointer;
    }

.mini-cart-out-stock-message {
    background-color: #ededed;
    display: none;
    padding: 10px;
    color: #777;
}

.mini-cart-out-stock-message-close {
    float: right;
    font-size: 10px;
    cursor: pointer;
}

    .mini-cart-out-stock-message-close i {
        font-size: 12px;
    }

.mini-cart-out-stock-message-title {
    color: #f02826;
    font-weight: 600;
}

.mini-cart-out-stock-message-line {
    border-bottom: 1px solid #e0e0e0;
    height: 1px;
    width: 100px;
    margin: 10px 0px;
}

.mini-shopping-cart .view-all {
    padding: 10px 0;
}

    .mini-shopping-cart .view-all a {
        font-size: 12px !important;
        margin: 0 2px;
        font-weight: bold !important;
        color: #444;
    }

/*********************************************************CHECK OUT PROCESS***********************************************/

/*.unit-legend {
    padding: 20px 0;
    float: right;
    font-size: 10px;
    font-weight: 700;
}*/

/*table.cart td.product-picture {
    width: 100px;
    max-width: 161px;
}*/

    table.cart td.product-picture img {
        pointer-events: none;
    }

.mini-shopping-cart .name a,
.mini-shopping-cart .name a:hover {
    color: #333;
}

    .mini-shopping-cart .name a:hover {
        text-decoration: underline;
    }

.mini-cart-button-holder {
    width: 48%;
    float: left;
    margin-right: 3px;
}

td.cart-total-left {
    color: #777;
}

td.cart-total-right .value-summary.full-total {
    /*color: #c60c30;*/
    font-size: 28px;
}

.value-summary {
    font-weight: 600;
}

.cart-total .subtotal,
.shipping-cost,
.full-total,
.tax-value {
    color: #54c71b;
}

.order-progress li {
    margin: 0 5px;
}

.cart-footer .totals {
    background: none;
}

.cart-footer table,
.cart-footer th,
.cart-footer td {
    /*border: 1px solid black;*/
    border: 0px solid black;
    border-collapse: collapse;
}

.cart-footer td {
    padding: 4px;
}

.order-progress {
    background: none;
    text-align: right;
    padding: 0px;
    padding-top: 30px;
    margin: 0px;
}

.breadcrumb-carat {
    display: inline-block;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    color: #d9d9d9;
}

.carat-past {
    color: #777;
}

.carat-future {
    color: #d9d9d9;
}

.order-progress li.inactive-step a {
    color: #d9d9d9;
}

.order-progress a:before {
    display: none;
}

.order-progress {
    margin-top: 0px;
}

    .order-progress a {
        /*color: #777;*/
        font-weight: bold;
        display: inline-block;
        opacity: 1 !important;
        min-width: initial;
        margin-left: 10px;
    }

        .order-progress a:hover {
            text-decoration: none;
        }

    .order-progress li.past-step a {
        color: #777;
        cursor: pointer;
        text-decoration: underline;
    }

    .order-progress li.active-step a {
        color: #C60C30;
        cursor: default;
    }

    .order-progress li.inactive-step {
        /*background-color: #b7b7b7;*/
    }

        .order-progress li.inactive-step .home-button,
        .order-progress li.inactive-step .arrow-container {
            background: none;
        }

    .order-progress .home-button-text {
        width: auto;
    }

.shopping-cart-page .common-buttons input:first-child,
.shopping-cart-page .common-buttons input,
.checkout-page .button-1 {
    background-color: #333;
}

    .shopping-cart-page .common-buttons input:first-child:hover,
    .shopping-cart-page .common-buttons input:hover,
    .checkout-page .button-1:hover {
        background-color: #424242;
    }

/*.page-title {
    padding: 0px !important;
}*/

    /*.page-title h1 {
        font-family: "OpenSans-Light", Helvetica, Arial, sans-serif;
        font-size: 30px;
        font-weight: normal;
    }*/

    .page-title.create-update-template {
        margin-top: 40px;
    }

#purchase_order_req-error {
    display: inline;
    color: red;
    font-size: 12px;
    font-weight: 600;
    margin-top: 5px;
    position: absolute;
    top: 325px;
}

.page-title h2 {
    color: #383838;
    /* text-transform: uppercase; */
    font-size: 33px;
    padding: 7px;
    /* border-bottom: 3px solid #f01b1b; */
    text-align: left;
    padding-left: 20px;
}

.section-title h2 {
    background-color: #383838;
    text-transform: uppercase;
    font-size: 25px;
    padding: 7px;
    border-bottom: 3px solid #C60C30;
    text-align: left;
    padding-left: 20px;
    color: #fff;
}

/*.mobile-display {
    display: block;
}

.mobile-log-out {
    display: none;
}*/

.add-to-cart input[type="checkbox"] {
    margin: 2px 0px 0px 3px;
}

.inventory-availability-text {
    font-weight: 600;
    text-align: left;
    font-size: 12px;
    color: #383838;
    font-family: 'OpenSans-Bold', Helvetica, sans-serif;
}

.shipping-warning {
    border: solid 1px #C60C30;
    padding-left: 10px;
    padding-bottom: 5px;
    background: #fefef2;
    margin-bottom: 10px;
}

.inventory-availability-chat-text {
    color: #3974b6;
    cursor: pointer;
}

.inventory-limited-qty {
    color: #b40829;
}

.cut-label {
    color: #777;
    font-weight: 600;
    margin-top: 5px;
    font-size: 13px;
}

/* Exact match items Carousel */
.search-replace-button-text {
    width: 60px;
    height: 26px;
    float: left;
    padding: 7px;
    text-align: center;
    padding-top: 7px;
    font-size: 12px;
    line-height: 14px;
}

.carousel-replace-to-cart-button {
    width: 94px;
    height: 26px;
    background: #b40829;
    color: #fff;
    max-width: 278px;
    border: none;
    float: left;
    margin-left: 5px;
}

    .carousel-replace-to-cart-button .arrow-container {
        width: 26px;
    }

.carousel-item-box {
    background-color: #f1f1f1;
    padding: 6px;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}

    .carousel-item-box .ces_price {
        color: #058e02;
        font-size: 12px;
        height: 20px;
        line-height: 1.3;
    }

.carousel-add-to-cart-button {
    width: 74px;
    height: 26px;
    background: #b40829;
    color: #fff;
    max-width: 278px;
    border: none;
    float: left;
}

    .carousel-add-to-cart-button .arrow-container {
        width: 26px;
    }

.carousel-qty-add > input {
    max-width: 25px;
    height: 26px;
    float: left;
}

.carousel-qty-add {
    padding-left: 2px;
    margin-bottom: 5px;
}

.carousel-item-title {
    margin: 5px;
    font-size: 12px;
    height: 52px;
    text-align: left;
}

    .carousel-item-title p {
        line-height: 16px;
    }

.carousel-item-inventory {
    margin-left: 5px;
    font-size: 12px;
    text-align: left;
}

.carousel-item-box .carousel-item-title p a {
    line-height: 1.4;
    font-weight: normal;
    color: #222;
}

.carousel-item-box .price {
    margin-left: 5px;
    text-align: left;
}

.carousel-image-wrap {
    background-color: #ffffff;
    margin: 5px;
    padding: 16px;
}

.carousel-create-cuts-button {
    width: 100%;
    color: #ffffff;
    height: 26px;
    background-color: #C60C30;
    display: inline-block;
    text-align: center;
    padding-top: 3px;
}

    .carousel-create-cuts-button:hover, .carousel-create-cuts-button:active {
        color: #ffffff;
        text-decoration: none;
    }

.carousel-add-to-cart-button .arrow-container img, .carousel-replace-to-cart-button .arrow-container img {
    margin: 7px;
}

/************************************************ Table cart ***************************************/
.cart label {
    margin-bottom: 0px;
}

.cart .qty-input {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.table-wrapper .cart .cart-cell-top-margin {
    vertical-align: top;
    padding-top: 62px;
    text-align: center
}

/************************************************************ SVG ***************************************************/
.svg-gray-red {
    color: #c62032;
    fill: #494849;
    margin: 5px;
}


/* Style Additions for Registration Pages - GW - 02/20/2017 */

/*.page-title-left {
    padding: 0px;
    min-height: 50px;
    margin: -15px 0 25px;
    border-bottom: 1px solid #ddd;
}*/

.page-title-left.job-account-pg {
    margin-top: 210px;
}

/*.page-title-left.ces-dashboard {
    margin-top: 210px;
}*/

/*@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
    .page-title-left {
    }
}*/

.page-title-left h1 {
    font-family: "OpenSans-Light", Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: normal;
}

@media only screen and (max-width: 1050px) {
    .page-title-left h1 {
        margin-left: 20px;
        margin-top: 30px;
        margin-right: 20px;
    }
}

/* centered columns styles */
.row-centered {
    text-align: center;
}

.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix */
    margin-right: -4px;
}

.response-text {
    padding-top: 30px;
}

    .response-text h2 {
        font-size: 20px;
    }

.new-wrapper.register-block {
    background-color: #ffffff;
    min-height: 400px;
}

.new-wrapper.register-block-left {
    border-right: 1px solid #ddd;
}

.register-block-hidden {
    padding: 10px 20px;
    padding-bottom: 20px;
    background-color: #f8f8f8;
    min-height: 200px;
}

    .register-block-hidden .form-group label {
        font-size: 11px;
        font-weight: bold;
    }

.login-page .new-wrapper .text {
    background-color: #ffffff;
}

.login-page .title {
    font-family: "OpenSans-Semibold", Helvetica, Arial, sans-serif;
    text-align: left;
    padding-bottom: 15px;
    border-bottom: 2px solid #c60c30;
}

.login-title {
    font-family: "OpenSans-Semibold", Helvetica, Arial, sans-serif;
    text-align: center;
    padding-bottom: 15px;
    color: #444;
    font-size: 24px;
}

.login-page ul {
    list-style-type: disc;
    padding-left: 30px;
    color: #c60c30;
}

.registration-list li {
    display: list-item;
    padding-bottom: 5px;
}

    .registration-list li span {
        color: #777;
    }

.reg-form-fields {
    background-color: #f9f9f9;
    padding: 10px 20px 30px;
}

.reg-notification-fields {
    background-color: #f9f9f9;
    padding: 10px 20px 30px;
}

    .reg-notification-fields a {
        color: #c60c30;
    }

.reg-notification-group {
    float: right;
}

.reg-notification-text-solo {
    padding-bottom: 30px;
}

.reg-form-fields .form-group {
}

    .reg-form-fields .form-group label {
        font-size: 11px;
        font-weight: bold;
    }

.reg-form-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 13px;
}

    .reg-form-title h2 {
        font-size: 13px;
        font-weight: bold;
        padding-bottom: 5px;
    }

.short-left-fld {
    padding-left: 0px;
    padding-right: 7px;
}

.short-right-fld {
    padding-right: 0px;
    padding-left: 7px;
}

.reg-form-fields select {
    width: 100%;
    font-size: 11px;
}

.reg-form-row {
    padding-left: 17px;
}

.terms label {
    margin-bottom: 0px;
    padding-left: 5px;
}

.reg-form-fields .field-validation-error {
    font-size: 9px;
}

.register-block-hidden .field-validation-error {
    font-size: 9px;
}

.reg-form-button {
    width: 150px;
    height: 40px;
    background: #b40829;
    color: #fff;
    max-width: 278px;
    right: 0;
    border: none;
    font-size: 12px;
    letter-spacing: 0px;
    border-radius: 3px !important;
}


.reg-form-button-large {
    width: 350px;
    height: 40px;
    background: #b40829;
    color: #fff;
    max-width: 278px;
    right: 0;
    border: none;
    font-size: 12px;
    letter-spacing: 0px;
    border-radius: 3px;
}

.reg-notif-button-large {
    width: 200px;
    height: 40px;
    background: #b40829;
    color: #fff;
    max-width: 278px;
    right: 0;
    border: none;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.reg-upload-btn {
    width: 80px;
    height: 40px;
    background: #b40829;
    color: #fff;
    max-width: 278px;
    right: 0;
    border: none;
    font-size: 12px;
}

.reg-form-button:hover, .reg-form-button:focus, .reg-form-button:active, .reg-form-button.active, .open > .dropdown-toggle.reg-form-button {
    color: #fff;
    background-color: #C60C30;
    border-color: none; /*set the color you want here*/
}

.reg-form-button-large:hover, .reg-form-button-large:focus, .reg-form-button-large:active, .reg-form-button-large.active, .open > .dropdown-toggle.reg-form-button-large {
    color: #fff;
    background-color: #C60C30;
    border-color: none; /*set the color you want here*/
}


.reg-form-text-box {
    margin-top: 18px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 29px;
}

.bar-separator {
    border-bottom: 1px solid #ddd;
    margin-bottom: 13px;
    margin-top: 13px;
}

.bar-separator-small {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    margin-top: 5px;
}

/* style additions for Job Accounts Page - GW - 03/01/17 */

.job-acct-table-head {
    font-size: 10px;
    font-family: "OpenSans-Regular", Helvetica, Arial, sans-serif;
    color: #8a8a8a;
}

.job-acct-table-body td {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.job-acct-table {
    border: none !important;
}

.job-acct-table-body tr {
    border-bottom: 1px solid #ededed;
}

.job-acct-button-1 {
    width: 100px;
    height: 30px;
    background: #c60c30;
    color: #fff;
    max-width: 278px;
    right: 0;
    border: none;
    border-radius: 3px;
    font-size: 12px;
    pointer-events: none;
}


.job-acct-button-2 {
    width: 100px;
    height: 30px;
    background: none;
    color: #4d4d4d;
    max-width: 278px;
    right: 0;
    border: 1px solid #8b8b8b;
    border-radius: 3px;
    font-size: 12px;
    letter-spacing: 0px;
}

.job-acct-button-3 {
    width: 100px;
    height: 30px;
    background: none;
    color: #4d4d4d;
    max-width: 278px;
    right: 0;
    border: 1px solid #8b8b8b;
    border-radius: 3px;
    font-size: 12px;
    letter-spacing: 0px;
}

.ja-main-acct {
    font-size: 22px;
    font-family: "OpenSans-Regular", Helvetica, Arial, sans-serif;
}

.ja-sub-acct {
    font-size: 18px;
    font-family: "OpenSans-Light", Helvetica, Arial, sans-serif;
    /*font-style:italic;*/
    padding-right: 50px;
}

.ja-sub-icon {
    color: #9f9f9f;
}

.ja-name {
    font-size: 15px;
}

.pipe-separator-sml {
    padding-top: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    width: 100px;
}

.job-acct-address {
    font-size: 12px;
}

.ja-address-type {
    /*padding-top:5px;*/
    font-family: "OpenSans-Semibold", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.ja-address-info {
    padding-top: 5px;
    padding-bottom: 10px;
}

.ja-crd-lmt {
    /*font-size:16px;*/
}



/* Style updates for Review Order page - GW - 03/02/17 */

.page-title-left h3 {
    font-family: "OpenSans-Light", Helvetica, Arial, sans-serif;
    font-size: 20px;
}

.billing-addresses .row {
    padding-left: 25px;
}

.ba-address-label {
    font-family: "OpenSans-Semibold", Helvetica, Arial, sans-serif;
    color: #383838;
    font-size: 14px;
}

/*.ba-address-info {
    font-family: "OpenSans-Regular", Helvetica, Arial, sans-serif;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 10px;
}
*/
.checkout-page .section.order-summary {
    margin-top: 60px;
}

button#checkout {
    float: right;
}

/*.order-completed-page {
    width: 80%;
    margin: 0 auto;
}*/

/*    .order-completed-page .main-info {
        margin-top: 60px;
    }*/

        .order-completed-page .main-info h2 {
            font-size: 24px;
            font-weight: 500;
            margin-bottom: 10px;
        }

    /*.order-completed-page .info {
        background-color: #eeeeee;
        text-align: center;
        height: 350px;
        width: 100%;
        margin: 0 auto;
    }*/


        /*.order-completed-page .info.complete {
            background-color: #eeeeee;
            text-align: center;
            height: 450px;
            width: 100%;
            margin: 0 auto;
        }*/

        .order-completed-page .info img {
            font-size: 100%;
            max-height: 100px;
            margin-top: 50px;
            margin-bottom: 10px;
        }

        .order-completed-page .info h3 {
            font-size: 26px;
            font-weight: 300;
        }

        .order-completed-page .info h5 {
            font-size: 13px;
            font-weight: 600;
            width: 50%;
            margin: 0 auto;
            line-height: 1.5em;
        }

            .order-completed-page .info h5.complete {
                font-size: 13px;
                font-weight: 600;
                width: 60%;
                margin: 0 auto;
                line-height: 1.5em;
            }

        .order-completed-page .info .sep {
            width: 30%;
            height: 1px;
            background-color: #ddd;
            margin: 0 auto;
            margin-top: 40px;
            margin-bottom: 10px;
        }

        .order-completed-page .info .details .order-number {
            margin: 0 auto;
            margin-top: 10px;
            color: #333;
            margin-bottom: 10px;
        }

            .order-completed-page .info .details .order-number span#order-thank-text-sml {
                color: #333;
                font-size: 16px;
            }

            .order-completed-page .info .details .order-number span#order-thank-orderid {
                color: #333;
                font-weight: 600;
                font-size: 16px;
            }

        .order-completed-page .info .details .details-link {
            margin: 0 auto;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .order-completed-page .info .details #order-details-link a {
            color: #0174AD;
            font-weight: 600;
        }

        .order-completed-page .info .buttons input[type=button] {
            background: #c60c30;
            color: white;
            padding: 9px 16px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            border-radius: 3px;
            font-size: 14px;
            margin-bottom: 40px;
            margin-top: 10px;
            border: none;
            width: 190px;
        }

/*.cart td.subtotal {
    color: #058e02;
}*/

.myCesIcon img{
    width: 20px;
    height: auto;
    margin-top: -3px;
}

#register-Link img {
    width: 20px;
    height: 20px;
    margin-top: -3px;
}

.ico-cart img {
    width: 22px;
    height: 22px;
    margin-top: -3px;
}

.ico-cart span {
    line-height: 1.4;
}

li.login-link-logged-out a,
li.register-link-logged-out a {
    color: #C60C30;
    text-decoration: none;
}

/* style updates for Order Review (yes different from above) page - GW - 03/02/17 */
.search-orders-button {
    width: 100px;
    height: 37px;
    background: #c60c30;
    color: #fff;
    max-width: 278px;
    right: 0;
    border: none;
    border-radius: 3px !important;
    font-size: 12px;
    letter-spacing: 0px;
}

.clear-orders-button {
    width: 100px;
    height: 37px;
    background: #333;
    color: #fff;
    max-width: 278px;
    right: 0;
    border: none;
    border-radius: 3px !important;
    font-size: 12px;
    letter-spacing: 0px;
    margin-left: 10px;
}

.get-details-button {
    width: 100px;
    height: 30px;
    background: #c60c30;
    color: #fff;
    max-width: 278px;
    right: 0;
    border: none;
    border-radius: 3px !important;
    font-size: 12px;
    letter-spacing: 0px;
}

    .get-details-button:disabled {
        background: #ccc;
    }

.order-dropdown, .order-search-textbox {
    width: 300px;
    color: #777;
}

    .order-dropdown option {
        color: #777;
    }

    .order-dropdown::selection {
        color: #777;
    }

.orders-label {
    vertical-align: middle;
    font-family: "OpenSans-Semibold", Helvetica, Arial, sans-serif;
    font-size: 13px;
}

.orders-data {
    vertical-align: middle;
    font-family: "OpenSans-Light", Helvetica, Arial, sans-serif;
    font-size: 19px;
}

.orders-label-data-wrap {
    float: left;
}

.orders-info {
    margin: 0 0 10px;
    border-top: 1px solid #e6e6e6;
    background-color: #f9f9f9;
    padding: 20px;
    line-height: 26px;
    color: #444;
}

.order-status-label {
    font-family: "OpenSans-Regular", Helvetica, Arial, sans-serif;
    font-size: 13px;
    /*border-bottom:1px solid #ddd;*/
}

.ol-pipe-separator {
    margin-top: 1px;
    margin-bottom: 7px;
    width: 75px;
    border-top: 1px solid #cdcdcd;
}

.order-status {
    font-family: "OpenSans-Semibold", Helvetica, Arial, sans-serif;
    font-size: 16px;
}

.order-date {
    font-family: "OpenSans-Semibold", Helvetica, Arial, sans-serif;
    font-size: 16px;
}

.order-total {
    font-family: "OpenSans-Semibold", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #04c10a;
}

.total-disclaimer {
    font-family: "OpenSans-Light", Helvetica, Arial, sans-serif;
    font-size: 10px;
}

.orders-button {
    margin-top: 20px;
}

.order-cannt-be-cancel-text {
    font-size: 10px;
    line-height: 1.3;
    padding-top: 5px;
}

.order-cannot-be-cancel-chat-text {
    color: #3974b6;
    cursor: pointer;
    font-weight: bold;
}

/* left nav changes for Order Review page - GW - 03/03/17 */

.block-account-navigation .title {
    margin-top: 20px !important;
}


.block-nav-title {
    padding-left: 30px;
    font-family: "OpenSans-Semibold", Helvetica, Arial, sans-serif;
    font-size: 18px;
}

.nav-pipe-separator {
    margin-top: 7px;
    margin-bottom: 7px;
    margin-left: 30px;
    width: 75px;
    border-top: 1px solid #cdcdcd;
}

.listbox-sml {
    margin-top: -20px;
    margin-left: 30px;
}

.block-nav-list li a {
    font-family: "OpenSans-Regular", Helvetica, Arial, sans-serif;
    font-size: 14px !important;
    font-weight: normal !important;
}

/* Customer Orders page style - GW - 03/03/17 */
.order-list-page > .page-title, .order-item > .title {
    text-align: left;
}

.order-list-page .order-list .order-title {
    height: 60px;
    background-color: #383838;
    display: inline-flex;
    padding: 20px;
    margin-bottom: 15px;
}

    .order-list-page .order-list .order-title .icon-order-history {
        font-size: 24px;
    }

        .order-list-page .order-list .order-title .icon-order-history .path1:before {
            color: #fff;
        }

        .order-list-page .order-list .order-title .icon-order-history .path2:before {
            color: #fff;
        }

        .order-list-page .order-list .order-title .icon-order-history .path3:before {
            color: #fff;
        }

        .order-list-page .order-list .order-title .icon-order-history .path4:before {
            color: #fff;
        }

        .order-list-page .order-list .order-title .icon-order-history .path5:before {
            color: #fff;
        }

        .order-list-page .order-list .order-title .icon-order-history .path6:before {
            color: #fff;
        }

        .order-list-page .order-list .order-title .icon-order-history .path7:before {
            color: #fff;
        }

    .order-list-page .order-list .order-title h2 {
        color: #fff;
        font-size: 20px;
        margin-top: 0;
        padding-left: 10px;
    }

.order-list-page .page-title {
    margin: 0 0 25px;
}

#slider-register-option {
    display: inline-flex;
}

    #slider-register-option .icon-register {
        font-size: 14px;
    }

    #slider-register-option h3 {
        font-size: 14px;
        margin-top: 0;
        margin-left: 2px;
    }

        #slider-register-option h3 a {
            text-decoration: none;
            font-weight: 600;
            color: #428bca;
        }

            #slider-register-option h3 a:hover {
                color: #428bca;
            }


/* Registration page style changes - GW - 03/03/17 */

.reg-title {
    font-family: "OpenSans-Semibold", Helvetica, Arial, sans-serif;
    text-align: left;
    padding-bottom: 15px;
    border-bottom: 2px solid #c60c30;
    font-size: 1.55em;
    margin: 0 0 15px;
    color: #444;
}

.register-block .home-button-text {
    font-size: 12px;
}

.reg-form-button {
    letter-spacing: 0px;
    border-radius: 3px;
}

.home-button-rad {
    width: 80%;
    height: 43px;
    background: #b40829;
    color: #fff;
    right: 0;
    border: none;
    border-radius: 3px;
}

    .home-button-rad .arrow-container {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

.register-block .home-button {
    float: left;
}



/* added rounded buttons to the My Cart page - GW - 03/03/17 */

.common-buttons .update-cart-button {
    border-radius: 3px;
    font-size: 13px !important;
}

.common-buttons .continue-shopping-button {
    border-radius: 3px;
    font-size: 13px !important;
}

/* Changes to My Favorites botton button row - GW - 03/03/17 */

.fav-buttons {
    text-align: left;
}


/* changes to registration page - GW - 03/08/17 */

.reg-email-warning {
    font-size: 11px;
}

.reg-email-warning-title {
    font-size: 12px;
    font-family: "OpenSans-Semibold", Helvetica, Arial, sans-serif;
    color: #c60c30;
}

.reg-email-warning-text {
    padding-left: 10px;
    padding-right: 10px;
}

/* changes to Order Details page - GW - 03/13/17 */

/*.order-details-page .button-group {
    float: right;
    padding-left: 80px;
}*/

.order-details-page .section {
    margin-bottom: 20px;
}

.shipping-method .label {
    font-family: "OpenSans-Semibold", Helvetica, Arial, sans-serif;
    color: #383838;
}

.order-details-area li {
    padding-bottom: 1px;
}

.billing-info .li-label {
    font-size: 10px;
}

.billing-info .name {
    font-size: 15px;
}

.billing-label {
    vertical-align: middle;
    font-family: "OpenSans-Semibold", Helvetica, Arial, sans-serif;
    font-size: 13px;
}

.billing-data {
    vertical-align: middle;
    font-family: "OpenSans-Light", Helvetica, Arial, sans-serif;
    font-size: 19px;
}

.product-detail-item {
    border-bottom: 1px solid #e9e9e9;
}

.order-details-page .total-info {
    width: 300px;
    background: none;
    border-bottom: 1px solid #e9e9e9;
}

.total-info .od-order-total {
    color: #54c71b;
    font-size: 28px;
    font-weight: bold;
}

.od-products-title {
    font-size: 22px;
    float: left;
    position: absolute;
    padding-top: 5px;
    padding-bottom: 40px;
    color: #383838;
}

.order-details-page .quantity {
    min-width: 120px;
}

/*.order-detail-icon {
    cursor: pointer;
    float: left;
    text-align: center;
}*/

.text-icon {
    font-weight: 600;
    font-size: 12px;
    color: #444;
}

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

.order-details-page .product-picture img, .order-details-page th.picture {
    width: 100px;
    pointer-events: none;
}

.order-details-page .product {
    width: 100%;
}

.order-details-page .orders-info {
    text-align: left;
}

/*.order-list-page .page-title h1 {
    float: left;
}*/

.order-list-page .page-title .order-detail-icon {
    margin: 10px 20px 0px 0px;
}

.order-list-page .order-list .order-item {
    margin: 10px 0 20px;
}

.order-list label {
    margin-bottom: 0px;
}

.SubUserOrder {
    border: solid 1px blue;
}
/* Changes to User Edit and User Add pages - GW - 03/21/17 */
.user-left-form {
    background-color: #f8f8f8;
    padding-top: 35px;
    padding-bottom: 150px;
    margin-bottom: 30px;
}

.user-btn-save {
    margin-bottom: 10px;
}

.user-btn-cancel {
    background: #383838;
}

.user-form label {
    font-size: 12px;
    font-family: "OpenSans-Bold", Helvetica, Arial, sans-serif;
    color: #383838;
}

.user-form-header {
    font-size: 12px;
    font-family: "OpenSans-Bold", Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
    color: #383838;
}

.user-btn .reg-form-button {
    width: 95px;
}

#SelectedBillPayAccess, #SelectedBillPayAccess option {
    color: #777;
}


/* 'House Account Only' error text - GW - 03/22/17 */

/******************** Start. 'Swap Function' Function - Len - 06/07/18 *******************/
.house-acct-error {
    margin-top: 5px;
    margin-bottom: 2px;
    padding: 5px 10px;
    background-color: #e3ab4a;
    min-height: 80px;
}


.house-acct-error-text {
    font-family: "OpenSans", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #fff;
}


.add-to-cart-panel .house-acct-error-text {
    font-family: "OpenSans", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #C60C30;
}

.request-override {
    font-size: 12px;
    cursor: pointer;
    color: #383838;
    font-weight: bold;
    padding-top: 6px;
}

    .request-override:hover {
        color: #C60C30;
    }

.add-to-cart-panel .request-override {
    padding-bottom: 10px;
}

/******************** End. 'Swap Accounts' Function *******************/

/*changes to Favorites/Job Templates Modal - GW - 03/22/2017 */

/*.modal-body .ces-red-button {
    display: inline-block;
    min-width: 150px;
    border: none;
    background-color: #aaa;
    padding: 10px 20px;
    font-size: 12px;
    height: 43px;
    color: #fff;
    background: #b40829;
    vertical-align: top;
    margin-bottom: 3px;
    text-align: center;
    border-radius: 3px;
}

.modal-body .ces-dark-button {
    display: inline-block;
    min-width: 150px;
    border: none;
    padding: 10px 20px;
    font-size: 12px;
    height: 43px;
    color: #fff;
    background-color: #333;
    vertical-align: top;
    margin-bottom: 3px;
    text-align: center;
    border-radius: 3px;
}*/

.fav-buttons .ces-red-button {
    display: inline-block;
    min-width: 175px;
    border: none;
    background-color: #aaa;
    padding: 10px 20px;
    font-size: 12px;
    height: 43px;
    color: #fff;
    background: #b40829;
    vertical-align: top;
    margin-bottom: 3px;
    text-align: center;
    border-radius: 3px;
}

.fav-buttons .ces-dark-button {
    display: inline-block;
    min-width: 175px;
    border: none;
    padding: 10px 20px;
    font-size: 12px;
    height: 43px;
    color: #fff;
    background-color: #333;
    vertical-align: top;
    margin-bottom: 3px;
    text-align: center;
    border-radius: 3px;
}

.template-table {
    overflow-x: inherit;
}

.fav-pipe-seperator {
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
}


/* changes to My CES page - GW - 03/28/17 */

.account-select-area {
    margin-left: 0px;
}

#switch-acct {
    margin-left: 5px;
    font-size: 10px;
}

.switch-logo-icon {
    padding-left: 2px;
    color: #c60c30;
}

#switch-acct-modal {
    padding-top: 282px;
}

    #switch-acct-modal .modal-content {
        border-radius: 0px;
    }


/* Changes to Add User page GW 3/29/17 */

.make-admin-area {
    padding-bottom: 10px;
}

.make-disabled-area {
    padding-bottom: 40px;
}

.make-admin-chk, .make-disabled-chk {
    margin-left: inherit;
}

    .make-admin-chk .form-control, .make-disabled-chk .form-control {
        width: 15px;
        height: 15px;
    }

.make-admin-text, .make-disabled-text {
    margin-top: 6px;
    padding-left: 7px;
    font-size: 12px;
    font-family: "OpenSans-Bold", Helvetica, Arial, sans-serif;
    color: #383838;
}


.user-btn-save {
    margin-left: inherit;
}


.limit-input:disabled {
    background-color: #ddd;
}

.form-group {
    margin-bottom: 10px;
}


/* Changes to My CES page - Edit Modals - GW 03/30/17 */

#edit-email-modal, #edit-phone-modal, #edit-cellphone-modal {
    padding-top: 0;
}

.ces-edit-icon {
    color: #c60c30;
}

.edit-form-title {
    font-family: "OpenSans-Semibold", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #383838;
    margin-bottom: 5px;
}

.edit-form-field {
    margin-top: 5px;
}


.myces-modal .modal-title {
    font-family: "OpenSans-Semibold", Helvetica, Arial, sans-serif;
    font-size: 19px;
    padding-left: 15px;
}



.no-padding {
    padding: 0px !important;
}

/* Style changes for the product boxes on the homepage - GW - 04/03/17 */

.item-box .product-title a {
    font-family: "OpenSans-Bold", Helvetica, Arial, sans-serif;
    color: #383838;
}

.item-box .product-title a:hover {
    text-decoration: none;
}

.item-box .actual-price {
    font-family: "OpenSans-Regular", Helvetica, Arial, sans-serif;
    font-size: 18px !important;
    font-weight:600;
    color: #058e02 !important;
    padding-top: 5px;

}

.item-box .actual-price .no-pricing {
    font-family: "OpenSans-Regular", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #058e02;
}

.my_ces_section_tablet {
    display: none;
}

/*.item-box .product-title {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;


    height: 50px;
}*/

/*.item-box .product-title a {
    overflow: hidden;
    position: relative;
    line-height: 1.2em;
    max-height: 3.6em;
    text-align: justify;
    padding-right: 1em;
}

.item-box .product-title a:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0;
}

.item-box .product-title a:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: #f4f4f4;
}*/


/* Footer styling changes - GW - 04/04/17 */
    .footer-title h5 {
    color: #fff;
    font-family: "OpenSans-Semibold", Helvetica, Arial, sans-serif;
    font-size: 20px;
    padding-bottom: 10px;
}

.footer-list a {
    text-decoration: none;
}


.my_ces_section {
    position: relative;
}



/*.myces-icon-link {
    height: 100px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding-top: 7px;
    margin-bottom: 10px;
}*/

.my-ces-dashboard-icon:hover {
    text-decoration: none;
}

.myces-icon-link a:hover {
    text-decoration: none;
}

    .myces-icon-link a:hover p {
        text-decoration: underline;
        color: #444;
    }

.myces-icon-link a p:hover {
    text-decoration: underline;
    color: #444;
}

.linkcolor {
    color: #C60C30;
    text-decoration: none;
    line-height: inherit;
}

    .linkcolor:hover {
        color: #999;
        text-decoration: none;
        line-height: inherit;
    }
/* Styling for the Create Cuts SVG and GIF - GW - 04/7/17*/

.svg-fill-white {
    color: #fff;
}

.create-cuts-light-up img {
    margin: 0;
    margin-top: 3px;
    width: 15px;
}

.wirecut-gif {
    left: auto !important;
    right: 58px !important;
    top: 0px !important;
    bottom: 3px !important;
}

/* Changes to the homepage featured products area and the my ces page - GW - 04-11-17 */

.my-ces-inactive {
    opacity: .25;
}

.inactive-drop-down {
    opacity: .25 !important;
    height: 70px !important;
    cursor: default !important;
    padding: 3px 20px;
}

.home-featured .picture {
    margin-bottom: 10px;
}

.home-featured .product-title {
    height: 42px !important;
}





/* styling for My CES Dropdown menu - GW - 05/01/2017 */

.myces-dropdown {
    width: 560px;
    left: 10px;
    background-color: #eee;
    padding: 0;
    margin-left: 59px;
}

.myces-dropdown-onlyBillPay {
    margin-left: 59px;
}

.myces-dropdown-noBillPay {
    margin-left: 59px;
}

/*.yamm .dropdown-menu {
	top: auto;
}*/

.myces-dd-btn {
    /*width:100%;*/
    padding: 0;
    margin: 0 auto !important;
    letter-spacing: 0;
    float: left;
}

.header-links li {
    margin: 0 10px;
    width: auto;
    margin: 0;
}

    .header-links li:hover {
        /*background-color: #c60c30;*/
        color: #0174AD;
    }

.accounts-dropdown-menu li {
    padding-left: 0;
    padding-right: 0;
}

    .accounts-dropdown-menu li:hover {
        padding-left: 0;
        padding-right: 0;
    }

.dd-alt a {
    background-color: #eee;
    /*background-color:#e3e3e3;*/
    color: #383838;
}

.myces-dd-icon {
    margin-right: 0px;
    /*padding-left: 13px;*/
    padding-right: 5px;
    padding-left: 5px;
    height: 40px;
}

.dd-icon {
    width: 35px;
    height: 35px;
}

.myces-dd-label {
    border-left: solid 1px #dadada;
    padding-right: 10px;
    padding-left: 10px;
}

    .myces-dd-label span {
        font-size: 11px !important;
    }


@media all and (max-width: 768px) {
    .myces-dropdown {
        width: 245px;
        margin-top: -15px;
        background-color: #eee;
        padding: 0;
    }
}





#dd-currentstaticon, #dd-previousstaticon {
    padding-top: 16px;
}

#dd-secondline {
    margin-top: -28px;
}

#dd-fatbtn, #dd-fatbtn a {
    /*height: 85px;*/
}

.myces-dropdown li a:hover {
    background-color: #fff;
    /*color: #383838;*/
}

.myces-dropdown li a {
    height: 70px;
    font-size: 12px !important;
    padding-top: 10px;
    padding-left: 3px;
}





.myces-dd-label span {
    float: inherit;
}



.myces-dd-icon img {
    width: 25px;
}

@media (max-height:860px) {

    #myces-drop-menu {
        /*height:325px;*/
        overflow-x: hidden;
        overflow-y: hidden;
    }
}






#step-4 {
    top: 84px;
    left: 1400.76px;
    display: block;
    width: 265px;
}


.order-completed .details {
    margin: 0;
}

#order-thank-text {
    font-family: "OpenSans-Light", Helvetica, Arial, sans-serif;
    font-size: 23px;
}

#order-thank-text-sml {
    font-family: "OpenSans-Light", Helvetica, Arial, sans-serif;
    font-size: 20px;
}

#order-thank-orderid {
    font-family: "OpenSans-Bold", Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #c60c30;
}

#order-details-link a {
    font-family: "OpenSans-Bold", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #c60c30;
}

#order-thank-bar {
    border-top: 1px solid #ddd;
}

#order-top-bar {
    padding-top: 15px;
}

#order-bottom-bar {
    padding-bottom: 25px;
}

#order-completed-btn {
    background-color: #c60c30;
    font-family: "OpenSans-Regular", Helvetica, Arial, sans-serif;
    font-size: 13px;
}

.password-recovery-page .form-fields {
    border: none;
}

#password-recover-btn {
    background-color: #c60c30;
    font-family: "OpenSans-Regular", Helvetica, Arial, sans-serif;
    font-size: 13px;
}

.order-completed #phonelink {
    text-decoration: none;
    color: #c60c30;
    font-weight: 800;
}

.order-completed #chatlink {
    text-decoration: none;
    color: #c60c30;
    font-weight: 800;
}

/****************************** CUSTOM FONTS! ********************************************/

/* SWISS */

@font-face {
    font-family: 'fontAwesome';
    src: url('../fonts/fontawesome-webfont.eot');
    src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
    /* url('../fonts/fontawesome-webfont.woff2') format('woff2'), */ /* Super Modern Browsers */
    url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg#fontawesome-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'swiss_721light';
    src: url('../fonts/swiss721bt-light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/swiss721bt-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/swiss721bt-light.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/swiss721bt-light.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/swiss721bt-light.svg#swiss_721light') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'swiss_721black';
    src: url('../fonts/swiss721bt-black.eot');
    src: url('../fonts/swiss721bt-black.eot?#iefix') format('embedded-opentype'), url('../fonts/swiss721bt-black.woff') format('woff'), url('../fonts/swiss721bt-black.ttf') format('truetype'), url('../fonts/swiss721bt-black.svg#swiss_721black') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'swiss_721italic';
    src: url('../fonts/swiss721bt-italic.eot');
    src: url('../fonts/swiss721bt-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/swiss721bt-italic.woff') format('woff'), url('../fonts/swiss721bt-italic.ttf') format('truetype'), url('../fonts/swiss721bt-italic.svg#swiss_721italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'swiss_721bold_condensed';
    src: url('../fonts/swiss721bt-boldcondensed.eot');
    src: url('../fonts/swiss721bt-boldcondensed.eot?#iefix') format('embedded-opentype'), url('../fonts/swiss721bt-boldcondensed.woff') format('woff'), url('../fonts/swiss721bt-boldcondensed.ttf') format('truetype'), url('../fonts/swiss721bt-boldcondensed.svg#swiss_721bold_condensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'swiss_721heavy';
    src: url('../fonts/swiss721bt-heavy.eot');
    src: url('../fonts/swiss721bt-heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/swiss721bt-heavy.woff') format('woff'), url('../fonts/swiss721bt-heavy.ttf') format('truetype'), url('../fonts/swiss721bt-heavy.svg#swiss_721heavy') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'swiss_721roman';
    src: url('../fonts/swiss_721.eot');
    src: url('../fonts/swiss_721.eot?#iefix') format('embedded-opentype'), url('../fonts/swiss_721.woff') format('woff'), url('../fonts/swiss_721.ttf') format('truetype'), url('../fonts/swiss_721.svg#swiss_721roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'swiss_721medium';
    src: url('../fonts/swiss_721_medium.eot');
    src: url('../fonts/swiss_721_medium.eot?#iefix') format('embedded-opentype'), url('../fonts/swiss_721_medium.woff') format('woff'), url('../fonts/swiss_721_medium.ttf') format('truetype'), url('../fonts/swiss_721_medium.svg#swiss_721medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'swiss_721light_italic';
    src: url('../fonts/swiss_721_light_italic.eot');
    src: url('../fonts/swiss_721_light_italic.eot?#iefix') format('embedded-opentype'), url('../fonts/swiss_721_light_italic.woff') format('woff'), url('../fonts/swiss_721_light_italic.ttf') format('truetype'), url('../fonts/swiss_721_light_italic.svg#swiss_721light_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'swiss_721light';
    src: url('../fonts/swiss_721_light.eot');
    src: url('../fonts/swiss_721_light.eot?#iefix') format('embedded-opentype'), url('../fonts/swiss_721_light.woff') format('woff'), url('../fonts/swiss_721_light.ttf') format('truetype'), url('../fonts/swiss_721_light.svg#swiss_721light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'swiss_721bold';
    src: url('../fonts/swiss_721_bold.eot');
    src: url('../fonts/swiss_721_bold.eot?#iefix') format('embedded-opentype'), url('../fonts/swiss_721_bold.woff') format('woff'), url('../fonts/swiss_721_bold.ttf') format('truetype'), url('../fonts/swiss_721_bold.svg#swiss_721bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'swiss_721roman';
    src: url('../fonts/swiss721bt-roman.eot');
    src: url('../fonts/swiss721bt-roman.eot?#iefix') format('embedded-opentype'), url('../fonts/swiss721bt-roman.woff') format('woff'), url('../fonts/swiss721bt-roman.ttf') format('truetype'), url('../fonts/swiss721bt-roman.svg#swiss_721roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* MONTSERRAT */

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* OPEN SANS */

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-BoldItalic';
    src: url('../fonts/OpenSans-BoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-ExtraBold';
    src: url('../fonts/OpenSans-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-ExtraBoldItalic';
    src: url('../fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Italic';
    src: url('../fonts/OpenSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Light';
    src: url('../fonts/OpenSans-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-LightItalic';
    src: url('../fonts/OpenSans-LightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Semibold';
    src: url('../fonts/OpenSans-Semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-SemiboldItalic';
    src: url('../fonts/OpenSans-SemiboldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


.default-font {
    font-family: 'OpenSans-Regular', Helvetica, sans-serif !important;
}


/********************************************************************* Header for mobiles devices ******************************************************/

/*.admin-header-links {
    display: block;
}*/


.header-upper-for-mobiles {
    height: auto;
    color: #fff;
    background-color: #383838;
}

    .header-upper-for-mobiles a:hover {
        color: #C60C30;
        text-decoration: none;
    }

.top-menu-icon {
    float: left;
    text-align: center;
    font-size: 10px;
    margin: 11px 5px;
}

    .top-menu-icon a:focus {
        color: #fff;
    }

.mobile-menu > .close:hover, .mobile-menu > .close:focus {
    color: #fff;
    filter: alpha(opacity=100);
    opacity: 1;
}

.mobile-menu > .close {
    opacity: 1;
    margin-bottom: 40px !important;
}

.mobile-menu > ul > li > div.sublist-wrap > ul > li > a {
    background-color: #484848;
}

.mobile-menu > ul > li > div.sublist-wrap > ul > li > a {
    margin-left: 0px;
}

.top-options {
    color: #fff !important;
    background-color: #383838;
    border-bottom: solid 1px #4b4b4b;
}

.top-black-divider {
    border-top: solid 1px #000;
}

.ces-custom-options > .plus-button {
    border-left: 1px solid #4b4b4b;
}

.ces-menu-title {
    color: #161616 !important;
    background-color: #cfcfcf;
    font-weight: 600;
}

.mobile-menu > .mega-menu-responsive > li > .dropdown.categories {
    display: none;
}


/********************************************************************** BROWSER SPECIFIC *******************************************************/


/********************************************************************** FATURED PRODUCTS *******************************************************/
.product-name {
    width: 100%;
    text-align: center;
}

.featured_overview .product-name h1 {
    font-family: 'OpenSans-Regular', Helvetica, sans-serif !important;
    font-size: 3em;
}

#ContentPlaceHolder1_subfeatures_bannerContent {
    background-color: #0066a1;
    margin: 2em 5em;
}



#ContentPlaceHolder1_minorfeatures {
    margin: 2em 5em;
    text-align: center;
}

#ContentPlaceHolder1_subfeatures_bannerContent div:nth-child(2) {
    text-align: center;
    color: #fff;
}

    #ContentPlaceHolder1_subfeatures_bannerContent div:nth-child(2) div:nth-child(3) {
        margin-top: .5em;
    }

#ContentPlaceHolder1_subfeatures_bannerLogo {
    margin: 5em 0 1em;
}

.banner-head-line {
    font-size: 2.7em;
    font-weight: 900;
    line-height: 1;
}

.banner-sub-head-line {
    font-size: 1.7em;
    font-weight: 700;
    line-height: 1.2;
}

#ContentPlaceHolder1_minorfeatures div {
    background: #666;
    padding: 0;
}

    #ContentPlaceHolder1_minorfeatures div:first-child {
        margin-left: 0;
    }

    #ContentPlaceHolder1_minorfeatures div:last-child {
        margin-right: 0;
    }

.minorfeaturesbox {
    margin: 0 10px;
}

    .minorfeaturesbox div:first-child {
        background: #fff !important;
    }

        .minorfeaturesbox div:first-child img {
            width: 60%;
        }

.minorfeaturesCopy {
    text-align: left;
    padding: 5px 20px !important;
}

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

    .minorfeaturesCopy h2 {
        font-size: 24px;
        line-height: 30px;
        margin: 10px 0;
        color: #fff;
    }

    .minorfeaturesCopy p {
        margin-top: 0px;
        font-size: 11px;
        line-height: 1.3;
        color: #FFFFFF !important;
    }

#previous_featured_products {
    /*hide Feature PRoducts till later - L.O. 04/25/19*/
    margin: 2em 2.5em;
    display: none;
}

    #previous_featured_products hr {
        margin-top: 10px;
    }

    #previous_featured_products h4 {
        margin: 10px 0 30px;
        text-align: left;
    }

    #previous_featured_products img {
        width: 80%;
    }

    #previous_featured_products .row {
        padding-top: 40px;
    }

#feature-products-header {
    max-width: 1164px;
    margin: 0 auto 40px;
    padding: 20px 10px;
    background: url('../images/home_slider/hero1.webp') #eaecee top center no-repeat;
}

    #feature-products-header > div {
        max-width: 560px;
        margin: 0 auto;
        text-align: center;
    }

    #feature-products-header div:first-of-type {
        border-right: solid 2px #999;
    }

    #feature-products-header > div img {
        width: 85%
    }

    #feature-products-header > div:nth-child(2) img {
        float: right;
    }



.passproductname {
    color: #000;
    padding: 7px 0 0 6px;
}

.pastproductcompany {
    color: #555;
    padding: 0 0 0 6px;
}

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






.featured_overview .short-description {
    margin: 0 0 25px;
    line-height: 22px;
    color: #666 !important;
}

.product-overview-box, .product-resources-box {
    padding-left: 45px;
    padding-top: 50px;
}

.product-video-box, .product-specifications-box {
    padding-left: 45px;
    padding-top: 50px;
}


/* featured products detail page */

.overview .featured-product-info {
    text-align: left;
    padding-top: 30px;
    margin-left: 0;
}

    .overview .featured-product-info .nav li {
        padding-left: 0px;
        color: #333;
    }

        .overview .featured-product-info .nav li:before {
            content: "";
        }

    .overview .featured-product-info .bodytext li:before {
        color: #222;
    }

.featured-product-info .nav li a {
    background: #c5c5c5;
    border-radius: 0px;
    border: 0px;
    font-size: 1.2rem;
    padding-left: 20px;
    color: #333;
}

.featured-product-info .nav li:hover a {
    background: #b80125;
    color: #fff;
    border: 0px;
    font-size: 1.2rem;
    -webkit-transition: color .25s ease-in-out, background-color .25s ease-in-out, opacity .25s ease-in-out;
}

.featured-product-info .nav li.active a {
    background: #b80125;
    color: #fff;
    border: 0px;
    font-size: 1.2rem;
}

.featured-product-info ul.nav-tabs {
    margin-bottom: 20px;
    padding-bottom: 1px;
    border-bottom: 1px solid #b80125;
}

.featured-product-info .bodytext a, .featured-product-info .row a {
    color: #C60C30;
}

.featured-product-info .columns {
    float: left;
    position: relative;
}

.featured-product-info .large-1 {
    width: 8.33333%;
}

.featured-product-info .large-11 {
    width: 91.66667%;
}

.featured-product-info .has-line2 {
    line-height: 25px;
    border-bottom: 1px solid #e5e2e2;
}

.featured-product-info dd > h2 {
    padding: 14px 0px;
    display: block;
    font-family: 'opensans-regular';
    font-size: 1rem;
    border-bottom: 1px solid #F7F6F6;
}

.featured-product-info table > tbody > tr > td {
    font-size: 12px;
    padding: 6px 4px;
    line-height: 13px;
}

.featured-product-info table tr.even, .featured-product-info table tr.alt, .featured-product-info table tr:nth-of-type(even) {
    background: #F7F6F6;
}

.featured-product-info .sectiontitle {
    color: #333;
    font-size: 14px;
    letter-spacing: .7px;
    font-weight: bold;
    margin: 0px;
}

.featured-product-info ul.disc {
    list-style-type: disc;
    margin-left: 1.1rem;
}

.featured-product-info .bodytext {
    color: #383838 !important;
    font-size: 14px;
    line-height: 22px;
}

    .featured-product-info .bodytext.grey666 {
        font-size: 13px;
        line-height: 18px;
        letter-spacing: .1px;
        color: #666666 !important;
    }

.featured-product-cta {
    margin: 0 auto;
    max-width: 243px;
}

.bar-social {
    display: inline-block;
    list-style: none;
    margin: -6px 0 0 8px;
}

    .bar-social li {
        display: inline-block;
        margin: 0 1px 0 0;
    }

    .bar-social a,
    .bar-social img.hover {
        transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
    }

    .bar-social a {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: none;
        border: none;
        box-sizing: border-box;
        display: inline-block;
        line-height: 0;
        margin: 0 1px;
        position: relative;
    }

        .bar-social a:hover,
        .bar-social a:hover img.hover {
            opacity: 0.9;
        }

        .bar-social a:hover {
            border: none;
            border: none;
        }

    .bar-social img.hover {
        left: 0;
        opacity: 0;
        position: absolute;
    }

.featured-product-info .tab-content {
    padding: 20px;
}

.featured-product-info .marginleft11rem {
    margin-left: 10px;
}

.featured-product-headline {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #444;
    margin-bottom: 20px;
}




.PDF-link {
    color: #4ab2f1 !important;
}

@media (min-width: 1001px) {
    .featured_overview {
        float: left;
        width: 100%;
    }
}


/******************************************************************* COMPANY TIMELINE ******************************************************/



    

    

    

    

.cd-horizontal-timeline .events a::after {
    /* this is used to create the event spot */
    content: '';
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -5px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    background-color: #f8f8f8;
    -webkit-transition: background-color 0.3s, border-color 0.3s;
    -moz-transition: background-color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.3s;
}

.no-touch .cd-horizontal-timeline .events a:hover::after {
    background-color: #C60C30;
    border-color: #C60C30;
}

.cd-horizontal-timeline .events a.selected {
    pointer-events: none;
}

    .cd-horizontal-timeline .events a.selected::after {
        background-color: #C60C30;
        border-color: #C60C30;
    }

.cd-horizontal-timeline .events a.older-event::after {
    border-color: #C60C30;
}




    .cd-timeline-navigation a::after {
        /* arrow icon */
        content: '';
        position: absolute;
        height: 16px;
        width: 16px;
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        background: url(../images/cd-arrow.svg) no-repeat 0 0;
    }

    

    

.no-touch .cd-timeline-navigation a:hover {
    border-color: #C60C30;
}



    .cd-timeline-navigation a.inactive::after {
        background-position: 0 -16px;
    }

.no-touch .cd-timeline-navigation a.inactive:hover {
    border-color: #dfdfdf;
}



    

        .cd-horizontal-timeline .events-content li.selected {
            /* visible event content */
            position: relative;
            z-index: 2;
            opacity: 1;
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
        }

        .cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
            -webkit-animation-name: cd-enter-right;
            -moz-animation-name: cd-enter-right;
            animation-name: cd-enter-right;
        }

        .cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
            -webkit-animation-name: cd-enter-left;
            -moz-animation-name: cd-enter-left;
            animation-name: cd-enter-left;
        }

        .cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
            -webkit-animation-direction: reverse;
            -moz-animation-direction: reverse;
            animation-direction: reverse;
        }

    .cd-horizontal-timeline .events-content h2 {
        font-size: 1.1rem;
        font-family: 'Opensans-Regular', Helvetica, sans-serif !important;
        line-height: 1.2;
    }

    .cd-horizontal-timeline .events-content em {
        font-family: 'Opensans-Regular', Helvetica, sans-serif !important;
        display: block;
        font-style: italic;
        margin: 10px auto;
        color: #777777;
    }

        .cd-horizontal-timeline .events-content em::before {
            content: '- ';
        }

    /*cd-horizontal-timeline .events-content p {
        font-family: 'Opensans-Regular', Helvetica, sans-serif;
        font-size: 1rem;
        color: #000000;
    }

    .cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
        line-height: 2.7rem;
    }*/

@-webkit-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }

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

@-moz-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%);
    }

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

@keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-webkit-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }

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

@-moz-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }

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

@keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}



#issueModelError, #searchIssueModelError {
    float: left;
    color: red;
}

.modal-footer {
    padding: 0;
    padding-top: 15px;
}


/* Home page Blog Feature*/

/*.blog-feature-image {
    width: 100%;
}*/

/*.blog-read-more {
    text-align: right;
    width: 100%;
    padding: 10px;
    position: absolute;
    right: 30px;
    bottom: 15px;
}*/




/*************************Home Page Featured Product Link to RFQ ***************************************************************************/

.cart-rfq-swap a:before {
    content: none !important;
}

.order-progress .payment-progress {
    width: 50%;
    text-align: right;
    float: right;
    margin-top: 15px;
    margin-right: -60px;
}

.order-progress .progressbar li {
    list-style: none;
    display: inline-block;
    width: 20%;
    position: relative;
    text-align: center;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
}

    .order-progress .progressbar li:before {
        content: '';
        width: 10px;
        height: 10px;
        line-height: 10px;
        border: 1px solid #ddd;
        border-radius: 100%;
        display: block;
        text-align: center;
        margin: 0 auto 10px auto;
        background-color: #fff;
    }

    .order-progress .progressbar li:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: #ddd;
        top: 15px;
        left: -50%;
        z-index: -1;
    }

    .order-progress .progressbar li:first-child:after {
        content: none;
    }

    .order-progress .progressbar li.active:before {
        background-color: #C60C30;
        border-color: #C60C30;
    }

    .order-progress .progressbar li.next-pro:before {
        background-color: #eeeeee;
        border-color: #eeeeee;
    }

    .order-progress .progressbar li.active + li:after {
        background-color: #eeeeee;
        margin-top: -10px;
    }

    .order-progress .progressbar li.next-pro + li:after {
        background-color: #eeeeee;
        margin-top: -10px;
    }

/*Start credit card screen*/
/*.wrapper {
    max-width: 1366px;
}*/

/*Start credit card screen*/
/*.checkout-page {
    padding: 30px 10px 0;
    color: #333;
}*/

    ./*checkout-page .title {
        text-align: left;*/
        /*padding: 10px;*/
    /*}*/

        /*.checkout-page .title h1 {
            font-size: 28px;
            margin-left: 10px;
            margin-top: 50px;
        }*/

    .checkout-page .items-shipping p {
        /*font-size: 20px;
        margin: 0;*/
    }

    .checkout-page hr {
        /*margin-top: 0;*/
    }

    /*.checkout-page .payment-progress {
        width: 100%;
        text-align: right;
        margin-top: 15px;
    }*/

    /*.checkout-page .progressbar li {
        list-style: none;
        display: inline-block;
        width: 20%;
        position: relative;
        text-align: center;
        cursor: pointer;
        font-size: 11px;
        font-weight: 700;
    }*/

        .checkout-page .progressbar li:before {
            content: '';
            width: 10px;
            height: 10px;
            line-height: 10px;
            border: 1px solid #ddd;
            border-radius: 100%;
            display: block;
            text-align: center;
            margin: 0 auto 10px auto;
            background-color: #fff;
        }

        .checkout-page .progressbar li:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 1px;
            background-color: #ddd;
            top: 15px;
            left: -50%;
            z-index: -1;
        }

        .checkout-page .progressbar li:first-child:after {
            content: none;
        }

        .checkout-page .progressbar li.active:before {
            background-color: #C60C30;
            border-color: #C60C30;
        }

.payment-summary .progressbar li.next-pro:before {
    background-color: #eeeeee;
    border-color: #eeeeee;
}

.checkout-page .progressbar li.active + li:after {
    background-color: #eeeeee;
    margin-top: -10px;
}

.checkout-page .progressbar li.next-pro + li:after {
    background-color: #eeeeee;
    margin-top: -10px;
}

.checkout-page .my-order-checkout {
    position: relative;
}

    .checkout-page .my-order-checkout .bound-all {
        height: 230px;
        background-color: #f7f7f7;
        position: absolute;
        padding: 20px;
        border: 1px solid #eee;
        border-bottom: none;
        left: 20px;
        width: 95%;
        clear: both;
    }

    .checkout-page .my-order-checkout .bound-all-2 {
        background-color: #fff;
        position: absolute;
        top: 100%;
        border-bottom: none;
        left: 15px;
        width: 100%;
    }

    .checkout-page .my-order-checkout h3 {
        font-size: 18px;
        margin-top: 0;
    }

    .checkout-page .my-order-checkout .bound-all .summary {
        width: 100%;
    }

    .checkout-page .my-order-checkout .subtotal {
        display: inline-flex;
        width: 100%;
        margin-bottom: 20px;
    }

        .checkout-page .my-order-checkout .subtotal div {
            font-size: 14px;
            font-weight: 600;
            width: 50%;
        }

            .checkout-page .my-order-checkout .subtotal div.title {
                text-align: left;
            }

            .checkout-page .my-order-checkout .subtotal div.amount {
                text-align: right;
            }

    .checkout-page .my-order-checkout .sales-taxes {
        display: inline-flex;
        width: 100%;
        margin-bottom: 40px;
    }

        .checkout-page .my-order-checkout .sales-taxes div {
            font-size: 14px;
            font-weight: 600;
            width: 50%;
        }

            .checkout-page .my-order-checkout .sales-taxes div.title {
                text-align: left;
            }

            .checkout-page .my-order-checkout .sales-taxes div.amount {
                text-align: right;
            }

    /*.checkout-page .my-order-checkout .est-shipping {
        display: inline-flex;
        width: 100%;
    }*/

        /*.checkout-page .my-order-checkout .est-shipping div {
            font-size: 14px;
            font-weight: 600;
            width: 50%;
        }*/

            /*.checkout-page .my-order-checkout .est-shipping div.title {
                text-align: left;
            }*/

            /*.checkout-page .my-order-checkout .est-shipping div.amount {
                text-align: right;
            }*/

    /*.checkout-page .my-order-checkout .est-total {
        display: inline-flex;
        width: 100%;
        margin-bottom: 40px;
        height: 50px;
        background-color: #fff;
        padding-left: 20px;
        padding-top: 15px;
        padding-right: 20px;
        border: 1px solid #eee;
    }*/

        /*.checkout-page .my-order-checkout .est-total div {
            font-size: 14px;
            font-weight: 600;
            width: 50%;
        }*/

            /*.checkout-page .my-order-checkout .est-total div.title {
                text-align: left;
            }*/

            /*.checkout-page .my-order-checkout .est-total div.amount {
                text-align: right;
                color: #04b205;
                font-size: 18px;
            }*/

    .checkout-page .my-order-checkout .est-purchase-ord {
        display: inline-flex;
        width: 100%;
        height: 50px;
        background-color: #fff;
        padding-left: 20px;
        padding-top: 7px;
        padding-right: 20px;
        border: 1px solid #eee;
    }

        .checkout-page .my-order-checkout .est-purchase-ord .title {
            padding-top: 10px;
            font-weight: 600;
            font-size: 14px;
            margin-right: 0;
        }

        .checkout-page .my-order-checkout .est-purchase-ord #purchase_order {
            height: 36px;
            border: 1px solid #ddd;
            padding: 5px;
            vertical-align: middle;
            background-color: #f7f6f6;
            margin-left: 50px;
        }

    .checkout-page .my-order-checkout .bottom-options {
        background-color: #fff;
        height: 70px;
        width: 100%;
    }

    .checkout-page .my-order-checkout .confirm-order {
        /*width: 100%;
        background: #C60C30;
        color: white;
        padding: 10px 20px;
        border: none;
        cursor: pointer;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
        text-transform: uppercase;
        height: 40px;
        position: absolute;
        text-decoration: none;
        border-radius: 3px;
        margin-top: 30px;*/
    }

/*.notification-message .ship-complete-btn {
    width: 150px;
    background: #C60C30;
    float: right;
    color: white;
    padding: 5px 10px;
    border: none;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    height: 30px;
    text-decoration: none;
    border-radius: 3px;
    margin-top: 13px;
    margin-right: 15px;
}
*/
.checkout-page .my-order-checkout #update-order {
    display: none;
}

.checkout-page .my-order-checkout #update-order {
    width: 100%;
    background: #C60C30;
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    height: 40px;
    position: absolute;
    text-decoration: none;
    border-radius: 3px;
    margin-top: 30px;
}

.checkout-page .my-order-checkout .confirm-order.error {
    width: 100%;
    background: #ddd;
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    height: 40px;
    position: absolute;
    text-decoration: none;
    border-radius: 3px;
    margin-top: 30px;
}

.checkout-page .my-order-checkout .error-msg {
    padding: 10px 20px;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    position: absolute;
    margin-top: 70px;
    color: red;
}

.checkout-page .my-order-checkout #error-msg-validation {
    padding: 10px 20px;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    position: absolute;
    margin-top: 70px;
    color: red;
}


.glyphicon-refresh:before {
    content: none;
}

/*.checkout-page .items-shipping h2 {
    font-size: 20px;
    margin-top: 0;
    margin-left: 10px;
}*/

    .checkout-page .items-shipping h2 span {
        font-size: 10px;
        color: #C60C30;
        font-weight: 600;
        margin-left: 5px;
    }

        .checkout-page .items-shipping h2 span a {
            color: #C60C30;
        }

/*.checkout-page .items-shipping .shipment-notification {
    display: inline-block;
    height: 60px;
    border: 2px solid #FFC469;
    width: 100%;
}*/

.row .checkout-cart-items .cutoffmsg {
    display: inline-block;
    padding: 10px;
    border: 2px solid #FFC469;
    width: 100%;
    font-size: 12px;
    font-weight: 600;
}

.checkout-page .items-shipping .shipment-notification .notification-icon {
    width: 10%;
    background-color: #FFC469;
    float: left;
    height: 56px;
}

    .checkout-page .items-shipping .shipment-notification .notification-icon i {
        font-size: 48px;
        padding: 5px 0 0 15px;
        color: #fff;
    }

.checkout-page .items-shipping .shipment-notification .notification-message {
    width: 100%;
    float: left;
    padding: 0px 0 0 10px;
}

    .checkout-page .items-shipping .shipment-notification .notification-message h4 {
        font-size: 12px;
        font-weight: 600;
    }

        .checkout-page .items-shipping .shipment-notification .notification-message h4 a {
            color: #0174ad;
            text-decoration: none;
        }

.checkout-page .checkout-cart-items .cart-item {
    background-color: #383838;
    border-radius: 0;
    height: 40px;
    width: 100%;
}

    .checkout-page .checkout-cart-items .cart-item h3 {
        text-transform: capitalize;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        padding: 12px 15px;
        letter-spacing: 2px;
    }

    .checkout-page .checkout-cart-items .cart-item i {
        color: #FFC469;
    }

    .checkout-page .checkout-cart-items .cart-item span.shipment-type {
        color: #FFC469;
    }

.mt-20 {
    margin-top: -20px !important;
}

.checkout-page .checkout-cart-items .panel-title a:after {
    font-family: Fontawesome;
    content: '\f077';
    float: right;
    margin-left: 5px;
    font-size: 10px;
    font-weight: 300;
    margin-top: 0;
}

.checkout-page .checkout-cart-items .panel-title a.collapsed:after {
    font-family: Fontawesome;
    content: '\f078';
    color: #333;
}

.checkout-page .checkout-cart-items .blog-section .caption p {
    color: #333;
    line-height: 23px;
    letter-spacing: .1px;
    font-size: 14px;
    max-width: 150ch;
    text-overflow: ellipsis;
}

.blog-section .col-sm-12 .homepage-caption h3 {
    font-size: 20px;
}

.blog-section .col-sm-12 .homepage-caption h4 {
    font-size: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.blog-section .col-sm-12 .homepage-caption p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.checkout-page .checkout-cart-items .panel-heading {
    background-color: #f7f7f7;
    max-height: 250px;
    padding: 20px;
}

.checkout-page .checkout-cart-items .panel-title .shipping p {
    font-size: 11px;
    font-weight: 600;
    margin: 0;
    margin-bottom: 10px;
    text-transform: none;
    color: #444;
    line-height: 1;
}

.checkout-page .checkout-cart-items .panel-title .shipping h3.shipping-error {
    font-size: 11px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 10px;
    text-transform: none;
    color: #C60C30;
}

.checkout-page .checkout-cart-items .panel-title .edit-shipping {
    margin-top: 10px;
}

    .checkout-page .checkout-cart-items .panel-title .edit-shipping a {
        color: #333;
        font-size: 12px;
        font-weight: 600;
        float: right;
        text-transform: none;
    }

.checkout-page .checkout-cart-items .panel-title .delivery {
    padding-left: 80px;
}

    .checkout-page .checkout-cart-items .panel-title .delivery h4 {
        font-size: 12px;
        font-weight: 800;
        margin-top: 0;
        margin-bottom: 10px;
        text-align: left;
        text-transform: none;
    }

    .checkout-page .checkout-cart-items .panel-title .delivery h3 {
        font-size: 12px;
        font-weight: 600;
        margin-top: 0;
        margin-bottom: 10px;
        text-align: left;
        text-transform: none;
    }

.checkout-page .checkout-cart-items .shipping-options {
    padding: 30px;
    border-right: 2px solid #f7f7f7;
    border-left: 2px solid #f7f7f7;
}

    .checkout-page .checkout-cart-items .shipping-options .special-phone {
        margin-top: 20px;
    }

        .checkout-page .checkout-cart-items .shipping-options .special-phone .instructions {
            display: inline-grid;
        }

            .checkout-page .checkout-cart-items .shipping-options .special-phone .instructions textarea {
                resize: none;
                background-color: #fff;
                overflow-y: scroll;
                overflow: hidden;
                padding: 10px;
            }

            .checkout-page .checkout-cart-items .shipping-options .special-phone .instructions label {
                width: 100%;
            }

    .checkout-page .checkout-cart-items .shipping-options h4 {
        font-size: 16px;
        font-weight: 600;
        color: #444;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 1.1;
    }

    .checkout-page .checkout-cart-items .shipping-options p {
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
        margin-top: 15px;
        margin-left: 10px;
        color: #444;
        line-height: 1.1;
    }

.checkout-page .checkout-cart-items .panel-group {
    margin-bottom: 0;
}

.checkout-page .checkout-cart-items .shipping-options .underline {
    width: 100%;
    height: 1px;
    background-color: #ddd;
    margin-top: 10px;
    margin-bottom: 20px;
}

.checkout-page .checkout-cart-items .cart-products {
    width: 100%;
    border: 2px solid #f7f7f7;
    height: auto;
    border-top: none;
}

    .checkout-page .checkout-cart-items .cart-products .clear-link {
        text-align: right;
        margin-bottom: 10px;
    }

    .checkout-page .checkout-cart-items .cart-products .clear-link a {
        color: #c60c30;
        font-weight: 600;
        margin-right: 24px;
    }

    .checkout-page .checkout-cart-items .cart-products .heading {
        width: 100%;
        height: 40px;
        text-align: center;
        margin-bottom: 30px;
    }

    .checkout-page .checkout-cart-items .cart-products .heading h4 {
        color: #333;
        font-weight: 600;
        font-size: 13px;
    }

    .checkout-page .checkout-cart-items .cart-products .heading h4.qty {
        text-align: center;
    }

    h3.ttl {
        text-align: right;
    }

    .checkout-page .checkout-cart-items .cart-products .ind-product {
        text-align: left;
        padding-left: 20px;
        margin-bottom: 20px;
        padding: 20px;
    }

        .checkout-page .checkout-cart-items .cart-products .ind-product .prd-img img {
            max-height: 200px;
            width: 75%;
        }

        .checkout-page .checkout-cart-items .cart-products .ind-product .specs p {
            font-size: 12px;
            margin-top: 0;
            font-weight: 600;
            color: #444;
            margin-bottom: 10px;
            line-height: 1.3;
        }

            .checkout-page .checkout-cart-items .cart-products .ind-product .specs p.eachprice {
                margin-top: 20px;
            }

            .checkout-page .checkout-cart-items .cart-products .ind-product .specs p span.each-price {
                color: #04b205;
                font-weight: 700;
            }

            .checkout-page .checkout-cart-items .cart-products .ind-product .specs p span.stock {
                color: #3974b6;
            }

        .checkout-page .checkout-cart-items .cart-products .ind-product .qty {
            display: inline-grid;
            text-align: center;
            margin: 0 auto;
        }

            .checkout-page .checkout-cart-items .cart-products .ind-product .qty input[type=text] {
                width: 60px;
                background-color: #fff;
                border-radius: 8px;
                text-align: center;
                margin-bottom: 5px;
                border: 1px solid #eee;
                margin: 0 auto;
            }

            .checkout-page .checkout-cart-items .cart-products .ind-product .qty input[type=number] {
                width: 60px;
                background-color: #fff;
                border-radius: 8px;
                text-align: center;
                margin-bottom: 5px;
                border: 1px solid #eee;
            }

            .checkout-page .checkout-cart-items .cart-products .ind-product .qty span.validation-msg {
                color: red;
                font-size: 10px;
                display: none;
                font-weight: 600;
            }

            .checkout-page .checkout-cart-items .cart-products .ind-product .qty span {
                text-align: center;
            }

            .checkout-page .checkout-cart-items .cart-products .ind-product .qty span a {
                font-size: 10px;
                font-weight: 600;
                text-align: center;
            }

        .checkout-page .checkout-cart-items .cart-products .ind-product .ttl {
            text-align: center;
        }

        .checkout-page .checkout-cart-items .cart-products .ind-product .ttl p {
            font-size: 16px;
            font-weight: 600;
            color: #04b205;
            margin-right: 10px;
        }


    .checkout-page .checkout-cart-items .cart-products .shipment-notification {
        display: inline-block;
        border: 2px solid #FFC469;
        width: 100%;
    }

        .checkout-page .checkout-cart-items .cart-products .shipment-notification .notification-icon {
            width: 10%;
            background-color: #FFC469;
            float: left;
            height: 56px;
        }

            .checkout-page .checkout-cart-items .cart-products .shipment-notification .notification-icon i {
                font-size: 48px;
                padding: 5px 0 0 15px;
                color: #fff;
            }

        .checkout-page .checkout-cart-items .cart-products .shipment-notification .notification-message {
            width: 100%;
            float: left;
            padding: 0px 0 0 10px;
            height: 56px;
            background-color: #FFC469;
            margin-bottom: 20px;
        }

            .checkout-page .checkout-cart-items .cart-products .shipment-notification .notification-message h4 {
                font-size: 12px;
                font-weight: 600;
            }

                .checkout-page .checkout-cart-items .cart-products .shipment-notification .notification-message h4 a {
                    color: #0174ad;
                    text-decoration: none;
                }

.checkout-page .payment-type-heading {
    margin-top: 20px;
}

    .checkout-page .payment-type-heading h3 {
        font-size: 18px;
    }

.checkout-page .payment-type .panel-heading {
    background-color: #f7f7f7;
}

    .checkout-page .payment-type .panel-heading .panel-title {
        color: #333;
        text-transform: none;
        font-size: 14px;
        font-weight: 600;
    }

    .checkout-page .payment-type .panel-heading label {
        width: 200px;
    }

        .checkout-page .payment-type .panel-heading label input[type=radio] {
            margin: 0;
        }

            .checkout-page .payment-type .panel-heading label input[type=radio]:after {
                width: 15px;
                height: 15px;
                border-radius: 15px;
                top: -2px;
                left: -1px;
                position: relative;
                background-color: #fff;
                content: '';
                display: inline-block;
                visibility: visible;
                border: 2px solid #ddd;
            }

            .checkout-page .payment-type .panel-heading label input[type=radio]:checked:after {
                width: 15px;
                height: 15px;
                border-radius: 15px;
                top: -2px;
                left: -1px;
                position: relative;
                background-color: #C60C30;
                content: '';
                display: inline-block;
                visibility: visible;
                border: 2px solid #ddd;
            }

#collapseBillAccount .bill-to-account h3 {
    font-size: 13px;
    font-weight: 600;
}

#collapseBillAccount .bill-to-account {
    position: relative;
    padding: 15px 40px 15px 40px;
    background-color: #eee;
    width: 100%;
    max-width: 100%;
    height: 280px;
}

    #collapseBillAccount .bill-to-account a#save-value {
        width: 20%;
        background: #333;
        color: white;
        padding: 10px 20px;
        border: none;
        cursor: pointer;
        font-size: 13px;
        font-weight: 600;
        text-align: center;
        height: 40px;
        text-decoration: none;
        border-radius: 0;
        float: right;
    }

.checkout-page .checkout-cart-items .shipping-options .ship-opt span select {
    font-size: 12px;
    color: #fff;
    width: 170px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 0;
    /*-webkit-appearance: none;
    -moz-appearance: none;*/
    border: 0;
    cursor: pointer;
    font-weight: 700;
    height: 40px;
    background-color: #C60C30;
    direction: ltr;
    padding-right: 30px;
}

.checkout-page .checkout-cart-items .shipping-options .ship-opt label.add-address {
    margin-top: 10px;
}

    .checkout-page .checkout-cart-items .shipping-options .ship-opt label.add-address i {
        color: #c60c30;
        font-size: 12px;
        font-weight: 600;
    }

    .checkout-page .checkout-cart-items .shipping-options .ship-opt label.add-address a {
        color: #333;
        font-size: 12px;
        font-weight: 600;
    }

#prdReceiveAll .modal-content {
    padding: 20px 40px 20px 40px;
}

    #prdReceiveAll .modal-content .modal-header {
        background-color: #fff;
    }

        #prdReceiveAll .modal-content .modal-header .close {
            color: #999;
        }

        #prdReceiveAll .modal-content .modal-header .modal-title {
            color: #333;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 10px;
        }

    #prdReceiveAll .modal-content .modal-body p {
        color: #333;
        font-size: 14px;
        font-weight: 600;
        font-family: inherit;
    }

    #prdReceiveAll .modal-content .modal-footer .confirm-btn {
        width: 25%;
        background: #C60C30;
        color: white;
        padding: 10px 20px;
        border: none;
        cursor: pointer;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
        height: 40px;
        text-decoration: none;
        border-radius: 3px;
    }

#primaryReceiveAll .modal-content {
    padding: 20px 40px 20px 40px;
}

    #primaryReceiveAll .modal-content .modal-header {
        background-color: #fff;
    }

        #primaryReceiveAll .modal-content .modal-header .close {
            color: #999;
        }

        #primaryReceiveAll .modal-content .modal-header .modal-title {
            color: #333;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 10px;
        }

#primaryReceiveAll .modal-content .modal-body .all-products {
    max-height: 400px;
    overflow-y: auto;
    padding-right: 40px;
}

    #primaryReceiveAll .modal-content .modal-body .prd-item {
        display: inline-block;
        margin-bottom: 30px;
        border-bottom: 1px solid #eee;
    }

        #primaryReceiveAll .modal-content .modal-body .prd-item .prd-image img {
            width: 95%;
            max-height: 100px;
        }

        #primaryReceiveAll .modal-content .modal-body .prd-item .prd-desc p {
            font-size: 13px;
        }


    #primaryReceiveAll .modal-content .modal-body p {
        color: #333;
        font-size: 14px;
        font-weight: 600;
        font-family: inherit;
    }

#primaryReceiveAll .modal-content .modal-footer {
    text-align: center;
    /*height: 400px;*/
}

#primaryReceiveAll .modal-content .modal-footer .confirm-btn {
    width: 250px;
    background: #C60C30;
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    height: 40px;
    text-decoration: none;
    border-radius: 3px;
    bottom: 0;
}


#shippingNotification .modal-content {
    padding: 20px 40px 20px 40px;
}

    #shippingNotification .modal-content .modal-header {
        background-color: #fff;
    }

        #shippingNotification .modal-content .modal-header .close {
            color: #999;
        }

        #shippingNotification .modal-content .modal-header .modal-title {
            color: #333;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 10px;
        }

    #shippingNotification .modal-content .modal-body .all-products {
        height: 400px;
        overflow-y: auto;
        padding-right: 40px;
    }

    #shippingNotification .modal-content .modal-body .prod-item {
        margin-bottom: 15px;
        margin-top: 15px;
    }

    #shippingNotification .modal-content .modal-body {
        padding: 10px 20px;
    }

        #shippingNotification .modal-content .modal-body .prd-item {
            display: inline-block;
            margin-bottom: 30px;
            border-bottom: 1px solid #eee;
        }

        #shippingNotification .modal-content .modal-body .confirm-msg h4 {
            font-size: 13px;
            color: #333;
        }

            #shippingNotification .modal-content .modal-body .confirm-msg h4 span {
                font-weight: 600;
                font-style: italic;
            }

        #shippingNotification .modal-content .modal-body .prd-item .prd-image img {
            width: 95%;
            max-height: 100px;
        }

        #shippingNotification .modal-content .modal-body .prd-item .prd-desc p {
            font-size: 13px;
        }

        #shippingNotification .modal-content .modal-body .notification-msg h4 {
            color: #333;
            font-size: 14px;
            line-height: 1.5em;
            width: 80%;
        }

            #shippingNotification .modal-content .modal-body .notification-msg h4 span {
                font-weight: 600;
            }

        #shippingNotification .modal-content .modal-body p {
            color: #333;
            font-size: 14px;
            font-weight: 600;
            font-family: inherit;
            width: 65%;
            padding-top: 10px;
        }

    #shippingNotification .modal-content .modal-footer {
        text-align: left;
        margin-bottom: 20px;
    }

        #shippingNotification .modal-content .modal-footer .confirm-btn {
            width: 45%;
            background: #C60C30;
            color: white;
            padding: 10px 20px;
            border: none;
            cursor: pointer;
            font-size: 14px;
            font-weight: 600;
            text-align: center;
            height: 40px;
            text-decoration: none;
            border-radius: 3px;
            float: right;
            font-family: inherit;
        }

            #shippingNotification .modal-content .modal-footer .confirm-btn.yes {
                float: left;
                background: #383838;
            }

#add_address.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
}

    #add_address.overlay:target {
        visibility: visible;
        opacity: 1;
    }

#add_address .popup {
    margin: 70px auto;
    padding-top: 30px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 30px;
    background: #fff;
    border-radius: 0;
    width: 500px;
    position: relative;
    transition: all 5s ease-in-out;
}

    #add_address .popup h2 {
        margin-top: 0;
        color: #333;
        font-size: 26px;
    }

    #add_address .popup .close {
        position: absolute;
        top: 20px;
        right: 30px;
        transition: all 200ms;
        font-size: 30px;
        font-weight: bold;
        text-decoration: none;
        color: #333;
    }

    #add_address .popup .content {
        max-height: 30%;
        overflow: auto;
    }

        #add_address .popup .content .address-section {
            margin-bottom: 20px;
        }

            #add_address .popup .content .address-section .address h4 {
                width: 60%;
                text-align: left;
                font-size: 14px;
                font-weight: 600;
                line-height: 20px;
            }

            #add_address .popup .content .address-section .edit-remove {
                padding-top: 10px;
                text-align: right;
            }

                #add_address .popup .content .address-section .edit-remove h4 a {
                    width: 60%;
                    text-align: left;
                    font-size: 12px;
                    font-weight: 600;
                }

        #add_address .popup .content label.add-address {
            margin-top: 30px;
            margin-left: 3px;
        }

            #add_address .popup .content label.add-address i {
                color: #c60c30;
                font-size: 12px;
                font-weight: 600;
            }

            #add_address .popup .content label.add-address a {
                color: #333;
                font-size: 12px;
                font-weight: 600;
            }

/*@media screen and (max-width: 700px) {
    #add_address .popup {
        width: 70%;
    }
}*/

/*#edit_address.overlay, #validate_edit_address.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
    display: none;
    z-index: 2;
}*/



/*#edit_address .popup, #validate_edit_address .popup {
    margin: 160px auto;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    background: #fff;
    border-radius: 0;
    width: 90%;
    height: 75%;
    position: relative;
    overflow-y: scroll;
    /*transition: all 5s ease-in-out;*/
}*/

    #edit_address .popup h3, #validate_edit_address .popup h3 {
        margin-top: 0;
        color: #333;
        font-size: 22px;
    }

    /*#edit_address .popup .close, #validate_edit_address .popup .close {
        position: absolute;
        top: 20px;
        right: 30px;
        transition: all 200ms;
        font-size: 30px;
        font-weight: bold;
        text-decoration: none;
        color: #333;
    }*/

    /*#edit_address .popup .content, #validate_edit_address .popup .content {
        height: auto;
        overflow: hidden;
    }

        #edit_address .popup .content .frm, #validate_edit_address .popup .content .frm {
            display: inline-grid;
        }*/

#recommended-address-block .frm input[type="radio"] {
    margin: 10px 10px 0px 10px;
    float: left;
}

#recommended-address-block .frm span {
    display: block;
    float: left;
    font-weight: 600;
}

#recommended-address-block .validation-title {
    font-size: 18px;
}

/*#edit_address .popup .content .frm #city, #validate_edit_address .popup .content .frm #validate_city {
    width: 95%;
}*/

/*#edit_address .popup .content .frm #zipcode_edit, #zipcode-ext {
    width: 95%;
}

#edit_address .popup .content .frm #zipcode-ext {
    width: 90%;
}*/


/*#edit_address .popup .content input[type=text] {
    width: 100%;
    padding: 0 10px;
    display: block;
    border: 1px #ddd solid;
    box-sizing: border-box;
    font-size: 13px;
    float: left;
    border-radius: 0;
    position: relative;
    margin-bottom: 5px;
    height: 40px;
    color: #777;
    font-weight: 600;
    max-width: 100%;
}

#edit_address .popup .content #zipcode-ext {
    margin-top: 17px;
}*/

/*#edit_address .popup .content #submitbtnEditAddress {
    width: 100%;
    background: #C60C30;
    color: white;
    padding: 10px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    float: right;
    height: 50px;
    border-radius: 3px;
    max-width: 100%;
    margin-top: 30px;
}*/

#edit_address .popup .content #yesProceedsubmitbtnEditAddress, #edit_address .popup .content #noProceedsubmitbtnEditAddress {
    width: 60px;
    background: #C60C30;
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    border-radius: 3px;
    max-width: 100%;
    margin-top: 2px;
    margin-right: 10px;
}

#validate_edit_address .popup .content #submitbtnValidateEditAddress {
    width: 100%;
    background: #C60C30;
    color: white;
    padding: 10px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    float: right;
    height: 50px;
    border-radius: 3px;
    max-width: 100%;
    margin-top: 30px;
}

#edit_address .popup .content span.state-select select, #validate_edit_address .popup .content span.state-select select {
    font-size: 12px;
    color: #777;
    cursor: pointer;
    font-weight: 700;
    height: 40px;
    background-color: #f7f6f6;
    margin-bottom: 15px;
    border: 1px #ddd solid;
    width: 99%;
}

    #edit_address .popup .content span.state-select select::-ms-expand, #validate_edit_address .popup .content span.state-select select::-ms-expand {
        display: none;
    }

#edit_address .popup .content span.state-select, #validate_edit_address .popup .content span.state-select {
    margin-top: 0;
}

    #edit_address .popup .content span.state-select:after {
        /*content: "\f078";*/
        font-family: "FontAwesome";
        font-size: 12px;
        color: #fff;
        right: 10px;
        top: 35px;
        padding: 0 0 2px;
        position: absolute;
        pointer-events: none;
        font-weight: 100;
    }

.checkout-page .checkout-cart-items .shipping-options .ship-opt span select {
    font-size: 12px;
    color: #777;
    width: 110%;
    border: 1px solid #ddd;
    cursor: pointer;
    font-weight: 700;
    height: 40px;
    background-color: #fff;
    direction: ltr;
    text-shadow: none;
}

.selectedDeliveryOptions {
    background-color: rgb(198, 12, 48);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.special-phone input[type="text"] {
    background: #fff;
    width: 100%;
}

.checkout-page .checkout-cart-items .shipping-options .ship-opt .dropdown.multiselect .dropdownMenu {
    width: 100%;
    height: 40px;
    background-color: #fff;
    color: #777;
    text-align: left;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    border: 1px solid #ddd;
}

    .checkout-page .checkout-cart-items .shipping-options .ship-opt .dropdown.multiselect .dropdownMenu:active {
        box-shadow: none;
        -webkit-box-shadow: none;
    }

.checkout-page .checkout-cart-items .shipping-options .ship-opt .dropdown.multiselect ul.dropdown-menu {
    width: 100%;
    background-color: #eee;
    padding: 1px 0;
}

    .checkout-page .checkout-cart-items .shipping-options .ship-opt .dropdown.multiselect ul.dropdown-menu li a {
        cursor: pointer;
    }

        .checkout-page .checkout-cart-items .shipping-options .ship-opt .dropdown.multiselect ul.dropdown-menu li a:hover {
            color: #333;
        }

.checkout-page .checkout-cart-items .shipping-options .ship-opt .dropdown.multiselect input[type="checkbox"] {
    display: inline-block;
    opacity: 0;
}

.checkout-page .checkout-cart-items .shipping-options .ship-opt .dropdown.multiselect label {
    cursor: pointer;
    margin-left: -20px;
}

.checkout-page .checkout-cart-items .shipping-options .ship-opt .dropdown.multiselect li.selected {
    color: #fff;
    background-color: #c60c30;
}

    .checkout-page .checkout-cart-items .shipping-options .ship-opt .dropdown.multiselect li.selected a {
        color: #fff;
    }

        .checkout-page .checkout-cart-items .shipping-options .ship-opt .dropdown.multiselect li.selected a:hover {
            color: #fff !important;
        }

.checkout-page .checkout-cart-items .shipping-options .ship-opt select::-ms-expand {
    display: none;
}

.checkout-page .checkout-cart-items .shipping-options .ship-opt span {
    position: relative;
    margin-top: 0;
}

.checkout-page .checkout-cart-items .shipping-options .ship-opt select option {
    margin: 40px;
    background: #E9E9E9;
    color: #333;
    padding: 40px;
    cursor: pointer;
}

.checkout-page .checkout-cart-items .shipping-options .ship-opt span:after {
    /*content: "\f078";*/
    font-family: "FontAwesome";
    font-size: 12px;
    color: #fff;
    right: 10px;
    top: -23px;
    padding: 0 0 2px;
    position: inherit;
    pointer-events: none;
    font-weight: 100;
    float: right;
}

@-moz-document url-prefix() {
    .checkout-page .checkout-cart-items .shipping-options .ship-opt span:after {
        right: -40px;
        top: 30px;
    }
}

/*.checkout-page .checkout-cart-items .shipping-options .ship-opt span:before {
    content: '';
    right: 4px;
    top: 0px;
    width: 23px;
    height: 18px;
    position: absolute;
    display: inline-block;
}*/


/*****Marketing Email Opt In*******/
.email-optIn-switch {
    font-size: 12px;
    height: 1.875em;
    margin-bottom: 0.625em;
    position: relative;
    width: 4.5em;
    margin-top: 10px;
    float: right;
    right: 25px;
}

    .email-optIn-switch .lbl-off,
    .email-optIn-switch .lbl-on {
        cursor: pointer;
        display: block;
        font-size: 0.9em;
        font-weight: bold;
        line-height: 1em;
        position: absolute;
        top: -4px;
        font-weight: 700;
        color: #333;
        transition: opacity 0.25s ease-out 0.1s;
    }

    .email-optIn-switch .cmn-toggle:checked ~ .lbl-off {
        opacity: 0;
    }

    .email-optIn-switch .cmn-toggle:checked ~ .lbl-on {
        opacity: 1;
    }

    .email-optIn-switch .lbl-off {
        left: 60px;
    }

    .email-optIn-switch .lbl-on {
        opacity: 0;
        left: 60px;
    }

.marketinng-opt-in-title {
    margin-top: 10px;
    font-weight: 600;
    font-size: 11px;
    padding-left: 30%;
}

.email-optIn-switch .cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}

#email-optIn-switch-msg {
    text-align: right;
}

    #email-optIn-switch-msg p {
        padding-right: 90px;
        padding-top: 8px;
        font-weight: 600;
        font-size: 11px;
    }


.email-optIn-switch .cmn-toggle + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.email-optIn-switch input.cmn-toggle-round + label {
    padding: 2px;
    width: 48px;
    height: 22px;
    background-color: #dddddd;
    border-radius: 60px;
}

    .email-optIn-switch input.cmn-toggle-round + label:before,
    .email-optIn-switch input.cmn-toggle-round + label:after {
        display: block;
        position: absolute;
        top: 1px;
        left: 1px;
        bottom: 1px;
        content: "";
    }

    .email-optIn-switch input.cmn-toggle-round + label:before {
        right: 1px;
        background-color: #f1f1f1;
        border-radius: 60px;
        transition: background 0.4s;
    }

    .email-optIn-switch input.cmn-toggle-round + label:after {
        width: 16px;
        height: 16px;
        background-color: #fff;
        border-radius: 100%;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        transition: margin 0.4s;
        margin-top: 2px;
        margin-left: 2px;
    }

.email-optIn-switch input.cmn-toggle-round:checked + label:before {
    background-color: #7AB800;
}

.email-optIn-switch input.cmn-toggle-round:checked + label:after {
    margin-left: 26px;
}

/****End Marketing Email Opt In*****/

/*Payment Form*/
/*#collapsePayCredit .payment-form {
    position: relative;
    padding: 15px 20px 15px 20px;
    background-color: #eee;
    width: 100%;
    max-width: 100%;
}*/

#collapsePayCredit .zipcode {
    margin-bottom: -15px;
}

#collapsePayCredit .payment-form label.zip-mobile {
    display: none;
}

#collapsePayCredit .payment-form h2 {
    font-size: 18px;
    font-weight: 600;
}

#collapsePayCredit .payment-form h4 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

#collapseBillAccount .bill-to-account h4 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

#collapsePayCredit .payment-form ul {
    display: inline-flex;
    padding-left: 0;
}

    #collapsePayCredit .payment-form ul li {
        text-decoration: none;
        list-style: none;
        margin-right: 5px;
    }

#collapsePayCredit .payment-form label {
    display: block;
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 13px;
}

#collapsePayCredit .payment-form .form-group {
    margin-bottom: 10px;
}

#collapsePayCredit .payment-form label > span {
    width: 100px;
    font-weight: bold;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}

#collapsePayCredit .payment-form span.required {
    color: red;
}

/*#collapsePayCredit .payment-form input[type=text] {
    width: 55%;
    padding: 12px 20px;
    display: inline-block;
    border: none;
    box-sizing: border-box;
    font-size: 13px;
    max-width: 100%;
    position: relative;
    margin-bottom: 5px;
    background: #fff;
    height: 40px;
    font-weight: 600;
}*/

/*#collapsePayCredit .payment-form #creditcardState {
    width: 100%;
    padding-left: 15px;
    font-size: 12px;
    color: #777;
    border: 0;
    cursor: pointer;
    height: 40px;
    background-color: #fff;
    direction: ltr;
    -webkit-border-radius: 0;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
}*/


/*#collapsePayCredit .payment-form .selectStateCreditCard span:after {
    content: "\f078";
    font-family: "FontAwesome";
    font-size: 11px;
    color: #fff;
    right: 30px;
    top: 52px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
    font-weight: 100;
}*/

#collapsePayCredit .payment-form #cardnumber {
    width: 85%;
    padding-left: 40px;
}

#collapsePayCredit .payment-form #payment-form-tooltip {
    color: #5297ff;
    cursor: pointer;
}

#collapsePayCredit .payment-form #zipcode {
    width: 67%;
}

#collapsePayCredit .payment-form i.creditcard-icon {
    font-size: 20px;
    position: absolute;
    top: 35px;
    left: 10px;
    z-index: 3;
    color: #ddd;
}

#collapsePayCredit .payment-form i.creditcard-icon-cvv {
    font-size: 20px;
    position: absolute;
    top: 38px;
    left: 30px;
    z-index: 3;
    color: #ddd;
}

#collapsePayCredit .payment-form .zip-code {
    float: right;
    margin-top: 0;
}

    #collapsePayCredit .payment-form .zip-code label.zip {
        text-align: left;
        margin-left: -70px;
        position: absolute;
    }

    #collapsePayCredit .payment-form .zip-code label {
        width: 100%;
        margin-right: 10px;
        text-align: left;
        margin-top: 10px;
    }

#collapsePayCredit .payment-form .date-and-cvv {
    width: 65%;
    display: inline-flex;
}


    #collapsePayCredit .payment-form .date-and-cvv .cvvCode {
        width: 30%;
        float: right;
    }

    #collapsePayCredit .payment-form .date-and-cvv span select,
    #collapsePayCredit .payment-form #creditcardState {
        padding-left: 15px;
        font-size: 12px;
        color: #777;
        width: 100%;
        border: 0;
        cursor: pointer;
        font-weight: 600;
        height: 40px;
        background-color: #fff;
        -webkit-border-radius: 0;
        -webkit-appearance: menulist;
        -moz-appearance: menulist;
    }

    #collapsePayCredit .payment-form .date-and-cvv select::-ms-expand {
        display: none;
    }

    #collapsePayCredit .payment-form .date-and-cvv span {
        margin-top: 0;
    }

        #collapsePayCredit .payment-form .date-and-cvv span label#creditcardmonth-error {
            margin-top: 5px;
        }

        #collapsePayCredit .payment-form .date-and-cvv span label#creditcardyear-error {
            margin-top: 5px;
        }

        #collapsePayCredit .payment-form .date-and-cvv span:after {
            /*content: "\f078";
    font-family: "FontAwesome";
    font-size: 11px;
    color: #fff;
    right: 45px;
    top: 15px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;*/
            /*font-weight: 100;*/
        }

#creditcardState {
    padding-left: 15px;
    font-size: 12px;
    color: #fff;
    width: 100%;
    border: 0;
    cursor: pointer;
    font-weight: 600;
    height: 40px;
    background-color: #C60C30;
    direction: ltr;
}



#collapsePayCredit .transparent-tooltip + .tooltip > .tooltip-inner {
    background-color: transparent;
    width: 100%;
}

#collapsePayCredit .tooltip-inner {
    min-width: 100px;
    max-width: 100%;
}

#collapsePayCredit .tooltip.in {
    opacity: 1 !important;
}

#collapsePayCredit .payment-form .check-type span select {
    padding-left: 15px;
    font-size: 12px;
    color: #fff;
    width: 170px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    cursor: pointer;
    font-weight: 700;
    height: 40px;
    background-color: #C60C30;
    direction: ltr;
    margin-bottom: 15px;
}

    #collapsePayCredit .payment-form .check-type span select::-ms-expand {
        display: none;
    }

#collapsePayCredit .payment-form .check-type span {
    position: relative;
    margin-top: 0;
}

    #collapsePayCredit .payment-form .check-type span:after {
        content: "\f078";
        font-family: "FontAwesome";
        font-size: 11px;
        color: #fff;
        right: 10px;
        top: 5px;
        padding: 0 0 2px;
        position: absolute;
        pointer-events: none;
        font-weight: 100;
    }

#collapsePayCredit .payment-form .state-select span select {
    padding-left: 15px;
    font-size: 12px;
    color: #fff;
    width: 150px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    cursor: pointer;
    font-weight: 700;
    height: 40px;
    background-color: #C60C30;
    direction: ltr;
    margin-bottom: 15px;
}

    #collapsePayCredit .payment-form .state-select span select::-ms-expand {
        display: none;
    }

#collapsePayCredit .payment-form .state-select span {
    margin-top: 0;
}

.payment-form .state-select span:after {
    content: "\f078";
    font-family: "FontAwesome";
    font-size: 11px;
    color: #fff;
    right: 10px;
    top: 10px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
    font-weight: 100;
}

#collapsePayCredit .payment-form .total-amount-paying {
    text-align: right;
    margin-top: 30px;
}

    #collapsePayCredit .payment-form .total-amount-paying p {
        font-size: 18px;
        font-weight: 600;
    }

        #collapsePayCredit .payment-form .total-amount-paying p span {
            font-weight: 700;
            color: #04b205;
        }

            #collapsePayCredit .payment-form .total-amount-paying p span.discount {
                color: #333;
            }

#collapsePayCredit .cvvCode {
    margin-left: -10%;
}

/*#collapsePayCredit .cvv-on-back {
    padding-left: 0;
}*/

#collapsePayCredit .payment-form label.error {
    margin-top: 0px;
    font-size: 12px;
    color: red;
}

#success {
    text-align: center;
}
/*******Spinner*************/
.loading-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999999999;
}

.spin-loader {
    background: no-repeat center center transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 15px;
    text-align: center;
}
/*********End Spinner******/

/*******Style for the credicard icons***********/
input.full {
    padding: 9px;
    font-size: 14px;
}

div.input-wrapped.full {
    position: relative;
}

#validateCard span.card span {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 40px;
    width: 50px;
    z-index: 99;
}

#collapsePayCredit .payment-form .cvvCode input[type=text] {
    width: 61%;
}

#validateCard span.card span.card-generic {
    background: url("images/generic.png") no-repeat 3px 4px;
}

#validateCard span.card span.card-visa {
    background: url("images/visa.png") no-repeat 3px 4px;
}

#validateCard span.card span.card-amex {
    background: url("images/amex.png") no-repeat 3px 4px;
}

#validateCard span.card span.card-mastercard {
    background: url("images/mastercard.png") no-repeat 3px 4px;
}

#validateCard span.card span.card-discover {
    background: url("images/discover.png") no-repeat 3px 4px;
}

input#cardnumber {
    padding-left: 55px !important;
    position: static;
}

i.icon-ok {
    color: #a7a9ac;
    cursor: auto !important;
}

    i.icon-ok.valid {
        color: #1b365d;
    }
/*End credit card screen*/

.hmpage-map-markers {
    width: 200px;
    height: 150px;
    padding-top: 10px;
}

.hmpage-map-markers .gmaps-branchlist li {
    font-size: 16px;
    font-weight: 600;
}

.hmpage-map-markers .gmaps-branchlist li.address {
    margin-top: 10px;
    text-align: left;
    font-size: 14px;
}

.hmpage-map-markers .gmaps-branchlist li.address2 {
    text-align: left;
    font-size: 14px;
}


.header-lower {
    margin: auto;
    position: relative;
    z-index: 1;
    background: #fff;
}


.fixedTopNav {
    position: fixed;
}

.header-lower {
    display: table;
    width: 100%;
    margin: auto;
}

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

.no-margin {
    margin-right: 0;
    margin-left: 0;
}

/*#purchase_order_req {
    margin-left: 45px;
}*/

.no-margin-right {
    margin-right: 0 !important;
}

.float-right {
    float: right !important;
}

.ml20 {
    margin-left: 20px;
}

.ml10 {
    margin-left: 10px;
}


article.market-sector-tiles {
    margin: 0 10px;
    padding-top: 70px;
}

/********* Services Sectors .Start *********/











.logo-container img {
    display: inline-block;
    width: 100px;
    height: auto;
    padding-bottom: 15px;
}

/*#home-page-services-sector p {
    margin-top: 30px;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 30px;
}

#home-page-services-sector p strong {
    margin: 0 10px;
}*/

#home-page-services-sector p strong:first-of-type {
    margin-left: 0;
}

.services-sector-cta {
    text-align: center;
}

.services-sector-button {
    background: #000;
    border: none;
    border-radius: 40px;
}

.services-sector-button-text {
    color: #fff;
    padding: 10px 65px;
    font-size: 16px;
}
/********* Market Sectors .Start *********/
.market-sector-tiles .title-bar {
    background-color: #383838;
    height: 50px;
    margin-bottom: 10px;
    margin-top: 25px;
}

.market-sector-tiles .title-bar h3 {
    font-size: 18px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    padding: 15px 20px 0px 20px;
}

article.market-sector-tiles .main-tile {
    min-height: 305px;
    background-color: #f4f4f4;
}

article.market-sector-tiles .main-tile-home {
    min-height: 230px;
    background-color: #f4f4f4;
}

.main-tile p {
    font-size: 18px;
    line-height: 1.5em;
    margin-top: 20px;
    color: #444;
    margin: 20px;
}

article.market-sector-tiles .child-tile {
    background-size: 100%;
    background-repeat: no-repeat;
    height: 230px;
    margin: 5px 0;
}

/*COMMERICAL*/
article.market-sector-tiles .child-tile.commerical-sectors {
    background-image: url(../../../../Content/Images/sectors/sector3.jpg);
}

/*RESIDENTIAL*/
article.market-sector-tiles .child-tile.residential-sectors {
    background-image: url(../../../../Content/Images/sectors/sector1.jpg);
}

/*INDUSTRIAL*/
article.market-sector-tiles .child-tile.industrial-sector {
    background-image: url(../../../../Content/Images/sectors/sector2.jpg);
}

/*MANUFACTURING*/
article.market-sector-tiles .child-tile.manufacturing-sector {
    background-image: url(../../../../Content/Images/sectors/sector4.jpg);
}

/*GOVERNMENT*/
article.market-sector-tiles .child-tile.government-sector {
    background-image: url(../../../../Content/Images/sectors/sector5.jpg);
}

/*LEISURE INDUSTRY*/
article.market-sector-tiles .child-tile.leisure-sector {
    background-image: url(../../../../Content/Images/sectors/sector6.jpg);
}

.content-text {
    position: absolute;
    z-index: 1;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    bottom: 0;
    padding: 10px 30px;
    left: 0;
}

.content-text p {
    color: #fff;
    z-index: 2;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
}

.content-text .sep {
    z-index: 2;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 80%;
    height: 2px;
    background-color: #C60C30;
}

.content-text .learn-more {
    color: #fff;
    z-index: 2;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}


/*** .START MARKET SECTORS PAGES  ***/
article.market-sector-tiles {
    margin: 0 10px;
}

.market-sector-overlay span {
    color: #fff;
    font-size: 16px;
}

#industrialSector .largeheader {
    margin-top: 0;
}

#marketSectorView article.market-sector-tiles {
    padding: 0;
    margin: 0;
}

#marketSectorView article.market-sector-tiles .child-tile {
    height: auto;
    border-left: solid 5px #fff;
    border-right: solid 5px #fff;
}

#marketSectorView article.market-sector-tiles .child-tile img {
    width: 100%;
    height: auto;
}


/***End Home page market sectors*/
/***Start Branch locator*****/


article.branch-locator .information-bar .view-new-locations, .product-categories {
    float: right;
    background: #C60C30;
    color: #fff;
    height: 35px;
    padding: 7px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    margin-right: 5px;
    font-weight: 600;
    margin-top: 8px;
    margin-right: 10px;
    width: 15%;
}

article.branch-locator .nearby-locations {
    height: 50px;
    background-color: #383838;
    margin-top: 10px;
    margin-bottom: 5px;
}

article.branch-locator .nearby-locations .map-locations {
    position: relative;
}

article.branch-locator .nearby-locations .map-locations h3 {
    font-size: 18px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    padding: 15px 20px 0px 20px;
    position: absolute;
}


article.branch-locator .map-results .results {
    overflow-y: auto;
    height: 500px;
}

article.branch-locator .map-results .map-image img {
    height: 500px;
    width: 99%;
    float: right;
}

article.branch-locator .map-results .results .result-tile {
    height: 122px;
    background-color: #f4f4f4;
    padding: 15px;
    margin-bottom: 5px;
}

article.branch-locator .map-results .results .result-tile h4 {
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
}

article.branch-locator .map-results .col-xs-12.results .result-tile h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 270px;
    margin-bottom: -5px;
}

article.branch-locator .map-results .col-xs-12.results .result-tile .contact-details p {
    font-size: 12px;
    font-weight: 600;
    margin-right: 8px;
    margin-top: 0px;
}


article.branch-locator .map-results .results .result-tile p {
    font-size: 13px;
    font-weight: 400;
    margin-top: 8px;
    margin-bottom: 5px;
    line-height: 1.5;
}

article.branch-locator .map-results .results .result-tile .contact-details {
    display: inline-flex;
}

article.branch-locator .map-results .results .result-tile .contact-details p {
    font-size: 13px;
    font-weight: 600;
    margin-right: 15px;
}

article.branch-locator .map-results .results .result-tile .contact-details p a {
    color: #428bca;
}

.auto-height {
    display: flex;
}





#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    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: 5px;
    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;
}

#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 0;
    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;
}

#training-banner {
    width: 100%;
    height: 50px;
    background-color: #C60C30;
    padding: 15px;
    text-align: left;
}

#training-banner h3 {
    margin-top: 0;
    font-size: 18px;
    color: #fff;
}

#training-banner.fixedScroll {
    position: fixed;
    top: 0;
    z-index: 4;
}

#defaultNavbar2.fixedScroll {
    top: 50px !important;
}

#training-banner h3 a {
    text-decoration: none;
    color: #fff;
    font-weight: 600;
}
/***End Branch locator*****/



.topcartlink.active {
    background-color: #C60C30;
    position: relative;
}

#accounts_dropdown.active {
    background-color: #ccc;
    position: relative;
}

.order-prds-link.active {
    background-color: #ccc;
    position: relative;
}

.topcartlink.active:after {
    border-top: 10px solid #C60C30;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: 3px;
    content: "";
    position: absolute;
    left: 60%;
    margin-left: -21px;
    width: 0;
    height: 0;
    top: 40px;
    z-index: 9999;
}

#accounts_dropdown.active:after {
    border-top: 10px solid #C60C30;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: 3px;
    content: "";
    position: absolute;
    left: 60%;
    margin-left: -21px;
    width: 0;
    height: 0;
    top: 40px;
    z-index: 9999;
    display: none;
}


/*#myces-dropdown-content .group-container .menu-section {
    width: 200px;
    font-weight: 700;
    display: inline-flex;
    margin-top: -15px;
}

#myces-dropdown-content .group-container .menu-section .menu-section-title {
    background-color: #ddd;
    height: 40px;
    padding: 12px;
    min-width: 220px;
}

#myces-dropdown-content .group-container .menu-section .menu-section-title p {
    font-size: 14px;
    margin-top: 0;
    font-weight: 700;
    color: #444;
}

#myces-dropdown-content .group-container .menu-section .menu-item {
    display: inline-flex;
    padding-left: 15px;
    padding-bottom: 5px;
    margin-top: 10px;
    height: 50px;
    padding-right: 20px;
}

#myces-dropdown-content .group-container .menu-section .menu-item span {
    width: 24px;
}



#myces-dropdown-content .group-container .menu-section .menu-item [class^="icon-"], [class*=" icon-"] {
    font-size: 24px;
}

#myces-dropdown-content .group-container .menu-section a.myces-drp .menu-item p {
    padding-left: 5px;
    padding-top: 0;
}

#myces-dropdown-content .group-container .menu-section .menu-item p {
    font-size: 11px;
    line-height: 1.5em;
    color: #333333;
    font-weight: 600;
}*/

.drop-menu {
    display: block !important;
}

/*#myces-dropdown-content .group-container .menu-section .menu-item .sep {
    width: 2px;
    background-color: #ddd;
    height: 20px;
    left: 10px;
    position: absolute;
    margin-top: 0;
}*/

/*#myces-dropdown-content .group-container .menu-section a.myces-drp {
    display: inline-flex;
    padding-left: 15px;
    padding-bottom: 5px;
    height: 60px;
    padding-top: 0;
}*/

   

/*target IE*/
_:-ms-fullscreen, :root #myces-dropdown-content .group-container .menu-section .menu-item a {
    width: 55%;
    padding-left: 5px;
}

_:-ms-fullscreen, :root .icon-favorites-star {
    padding-right: 15px;
}

_:-ms-fullscreen, :root #myces-dropdown-content .group-container div:first-of-type .row div:last-of-type p {
    /*margin-left: 5px !important;*/
}

_:-ms-fullscreen, :root #myces-dropdown-content .group-container .menu-section .menu-item .sep {
    margin-top: 0;
    position: relative;
    left: 0;
}



/*check if IE 10+*/
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {

    #myces-dropdown-content .group-container .menu-section .menu-item .icon-ordertemplate {
        font-size: 20px;
    }

    #myces-dropdown-content .group-container .menu-section .menu-item span {
        width: auto;
    }

    #myces-dropdown-content .group-container .menu-section a.myces-drp .menu-item p {
        padding-left: 15px;
    }

    .flexslider .slides img {
        width: auto !important;
    }

    #myces-dropdown-content .group-container .menu-section a.myces-drp .icon-security {
        line-height: 44px;
        margin-top: -15px;
    }

    #myces-dropdown-content .group-container .menu-section a.myces-drp .icon-previous-invoices-and-statements {
        line-height: 44px;
        margin-top: -13px;
    }
}

/*Check if Edge*/
@supports (-ms-ime-align: auto) {
    #myces-dropdown-content .group-container .menu-section .menu-item .icon-ordertemplate {
        font-size: 20px;
    }
}

#myces-dropdown-content .group-container .menu-section .menu-item a {
    width: 90%;
    padding-left: 25px;
    padding-top: 0;
}

#myces-dropdown-content .group-container div:first-of-type .row div:last-of-type a {
    color: #494849;
    font-size: 24px !important;
    padding: 0;
    width: auto;
}

/*#myces-dropdown-content .group-container div:first-of-type .row div:last-of-type p {
    margin-left: 30px;
}*/




.open-drp {
    display: block !important;
}

.close-drp {
    display: none !important;
}
/* End MyCES dropdown */

/* Mobile navigation */
.navigation-mobile {
    display: none;
}

.nav-mobile {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    background: #383838;
    height: 60px;
    width: 100%;
}

.navigation-mobile .nav-mobile a.title {
    color: #fff;
}

.navigation-mobile nav#mobile-nav ul.nav-list {
    width: 100%;
    position: inherit;
    max-height: 500px;
    overflow: scroll;
    background-color: #C7C7C7;
    color: #333;
}

.navigation-mobile nav#mobile-nav ul.nav-list li a.parent-item {
    border-bottom: 1px solid #999;
}

.navigation-mobile nav#mobile-nav ul.nav-list li {
    padding: 0;
}

.navigation-mobile nav#mobile-nav ul.nav-list li a {
    color: #333;
    text-transform: capitalize;
    font-weight: 700;
}

.navigation-mobile nav#mobile-nav ul.nav-list li ul li a {
    padding-left: 30px;
    padding-top: 5px;
}

.nav-mobile p.website-title {
    position: absolute;
    left: 15px;
    top: 20px;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

#nav-toggle {
    position: absolute;
    right: 15px;
    top: 18px;
    cursor: pointer;
    padding: 10px 35px 16px 0;
}

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 2px;
    width: 35px;
    background: #ffffff;
    position: absolute;
    display: block;
    content: '';
    transition: all 300ms ease-in-out;
}

#nav-toggle span:before {
    top: -10px;
}

#nav-toggle span:after {
    bottom: -10px;
}

#nav-toggle.active span {
    background-color: transparent;
}

#nav-toggle.active span:before, #nav-toggle.active span:after {
    top: 0;
}

#nav-toggle.active span:before {
    transform: rotate(45deg);
}

#nav-toggle.active span:after {
    transform: rotate(-45deg);
}

#productVideo .flex-video > .product_video_lg {
    width: 100%;
    height: 280px;
}

.branch-locator-box-background.branch-locator-rectangular-box {
    margin-top: 40px;
}

.mobile-product-listing-menu {
    display: none;
}

#careers-page > div:first-child {
    padding-bottom: 30px;
}

#careers-page .container-fluid .img-responsive {
    width: 100%;
}



/*****End Navigation Bar*****/


/* ----------- Start: Yeti promo ----------- */

.yeti-promo-msg {
    color: #000;
    font-size: 12px;
    font-weight: 800;
    border: solid 1px #ddd;
    padding: 10px;
    margin-top: 12px;
}

    .yeti-promo-msg span.red {
        color: #C60C30;
    }

#feature_loginModal.modal-content {
    background-color: #fff;
    width: auto;
    max-width: 600px;
}

.yeti-modal-header {
    display: inline-block;
    float: right;
}

#feature_loginModal button {
    padding: 0 10px;
    color: #333;
    font-size: 35px;
}

.cart-yeti-banner {
    margin-top: 20px;
}

.myces-yeti-banner {
    margin-bottom: 20px;
}

/* ----------- Start: Yeti promo landing page ----------- */
#yetiPromo .jumbotron {
    background: #000;
    border-radius: 0;
    background-image: url('../images/yeti-promo/yetiPromoLandingPageBkg.png');
    background-position-x: left;
    background-repeat: no-repeat;
    background-size: auto 100%;
    text-align: right;
}

#yetiPromo .yeti-terms-and-coditions {
    margin-top: -50px;
    margin-right: 10px;
    text-align: right;
    padding-bottom: 30px;
    font-size: 11px;
}


#yetiPromo .jumbotron h2 {
    color: #fff;
    font-weight: bolder;
}

#yetiPromo .title-bar {
    background-color: #383838;
    height: 50px;
    margin-bottom: 10px;
    margin-top: 25px;
}

#yetiPromo .title-bar h3 {
    font-size: 18px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    padding: 15px 20px 0px 20px;
}

.product-categories, .product-categories:hover, .product-categories:focus {
    float: right;
    background: #C60C30;
    color: #fff;
    height: auto;
    padding: 7px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    margin-right: 5px;
    font-weight: 600;
    margin-top: 8px;
    margin-right: 20px;
    width: 15%;
}

#changeZip-link span.changeZip {
    color: #5797ff;
    text-decoration: underline;
}

#order-product-link span.changeZip:hover,
#order-product-link:hover span.changeZip,
#changeZip-link span.changeZip:hover,
#changeZip-link:hover span.changeZip {
    color: #0174AD
}

#changeZip-link img,
#orderProduct-link img,
#billPay-link img{
    width: 16px;
    margin-top: -5px;
}




@media screen and (min-width: 1024px) {
    #cart-yeti-banner-1200 {
        display: block;
    }

    #cart-yeti-banner-970 {
        display: none;
    }

    #cart-yeti-banner-728 {
        display: none;
    }

    #cart-yeti-banner-320 {
        display: none;
    }

    #yetiPromo .jumbotron {
        height: 400px;
    }



    #myces-promo-banner-1200 {
        display: block;
    }

    #myces-promo-banner-970 {
        display: none;
    }

    #myces-promo-banner-728 {
        display: none;
    }

    #myces-promo-banner-320 {
        display: none;
    }
}

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

    #cart-yeti-banner-1200 {
        display: none;
    }

    #cart-yeti-banner-970 {
        display: block;
    }

    #cart-yeti-banner-728 {
        display: none;
    }

    #cart-yeti-banner-320 {
        display: none;
    }

    #myces-yeti-banner-1200 {
        display: none;
    }

    #myces-yeti-banner-970 {
        display: block;
    }

    #myces-yeti-banner-728 {
        display: none;
    }

    #myces-yeti-banner-320 {
        display: none;
    }
}

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

    .yeti-promo-modal > .modal-dialog {
        width: 720px;
    }
}

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

    #cart-yeti-banner-1200 {
        display: none;
    }

    #cart-yeti-banner-970 {
        display: none;
    }

    #cart-yeti-banner-728 {
        display: block;
    }

    #cart-yeti-banner-320 {
        display: none;
    }

    #myces-yeti-banner-1200 {
        display: none;
    }

    #myces-yeti-banner-970 {
        display: none;
    }

    #myces-yeti-banner-728 {
        display: block;
    }

    #myces-yeti-banner-320 {
        display: none;
    }

    #yetiPromo .jumbotron {
        height: 150px;
        min-width: 290px;
        margin-top: 60px;
    }
}


/********************************************************************* MEDIA QUERIES ******************************************************/


/* COMPANY TIMELINE */

@media only screen and (min-width: 768px) {
    .cd-horizontal-timeline .events-content h2 {
        font-size: 1.5rem;
    }

    .cd-horizontal-timeline .events-content em {
        font-size: 1rem;
    }

    /*.cd-horizontal-timeline .events-content p {
        font-size: 1.2rem;
    }*/
}


@media only screen and (min-width: 1100px) {
    .cd-horizontal-timeline {
        margin: 3em auto;
    }

        .cd-horizontal-timeline::before {
            /* never visible - this is used in jQuery to check the current MQ */
            content: 'desktop';
        }
}

/*Changes to My CES sizing for better layout in both mobile and reg   - GW - 02/23/17 */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {


    .section_right {
        max-height: 25% !important;
        min-height: 25% !important;
    }

    .my-ces-media-changes-main {
        /*//max-height: 631px;*/
    }

    .my-ces-media-changes {
        max-height: 158px;
    }

        .my-ces-media-changes .row {
            display: flex;
        }

    /*.cart .product {
        min-width: 200px;
    }*/
}

@media (min-width:1001px) {
    .section_right {
        /*max-height: 25% !important;*/
        min-height: 156px !important;
    }

    .my-ces-media-changes-main {
        /*max-height:631px;*/
    }

    .my-ces-media-changes {
        max-height: 158px;
    }

    .master-wrapper-content {
        /*width: 100% !important;*/
        max-width: 1200px;
    }

    #drop-details {
        position: relative;
        overflow-y: auto;
        max-height: 400px;
    }

    /*.header-links a, .header-links span {
		line-height: 39px;
	}*/
}

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

    .contact-bar-icon {
        display: initial;
    }

    .top-bar-callout > .contact-bar-text {
        width: 83%;
    }

    .contact-bar .contact-bar-icon {
        display: none;
    }
}

/* For Hero Slider */
/*@media screen and (max-width: 1284px) {
    .master-wrapper-content {
        width: 100% !important;
    }
}*/
/*Start: Adjusting searchbar height Axosoft #1736 - Len 06/18/18*/



.col-xs-10 .search-box-text {
    margin-top: 60px;
}

.col-sm-11 .search-box-text {
    margin-top: 60px;
}

.col-md-11 .search-box-text {
    margin-top: 20px;
}

.col-lg-11 .search-box-text {
    margin-top: 20px;
}

/*End: Adjusting searchbar height Axosoft #1736 - Len 06/18/18*/

/* Medium devices (desktops, max 1200px) */
@media screen and (min-width: 1200px) {

    /* Home page */
    .flex-caption {
        padding-left: 5px;
    }

    .slides {
        width: 100%;
    }

    img#slide1, img#slide2, img#slide4 {
        margin: 0 auto;
        margin-top: -40px;
    }

    .quick-view-button {
        display: none;
    }

    .newsletter-subscribe-button {
        max-width: 100%;
    }

    .item-box .details {
        padding: 0 10px;
    }

    .home-button {
        width: 100%;
    }


    .flex-caption > h2 {
        width: 550px;
        margin-top: 0px;
    }

    .menu-title {
        text-transform: initial !important;
    }

    #hero_test {
        width: 100%;
    }

    .close {
        /*float: none;*/
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        /*background-color: #0174ad;*/
    }

    .search-box input.search-box-text {
        max-width: 100%;
    }

    .container {
        width: 100%;
    }

    .header-lower {
        width: 100%;
    }

    /*.search-bar-box {
        z-index: 1;
    }*/

    .flex-direction-nav .flex-next {
        right: -50px;
        text-align: right;
    }

    .row {
        margin-right: -5px;
        margin-left: -5px;
    }

    .product-selectors select {
        max-width: 220px;
    }

    /* Featured products in My Ces page */
    .featured-products-no-quickview .home-featured {
        width: 49.3%;
    }

    .featured-products-no-quickview .home-featured .product-item {
        height: 490px;
    }

    /*Header*/
    .header-links a {
        font-size: 12px;
        line-height: 16px;
    }

    .mobile-result-display {
        padding-left: 5px;
        padding-right: 5px;
    }
}



@media (max-width: 1025px) {
    .mobile-display {
        display: none;
    }

    /*Centers the Order Progress area on Tablet View*/

    .order-progress {
        text-align: center;
    }

    /*resizes the arrows for the Order Progress area allowing for it to reflect properly in Tablet view without wrapping */
    /*.arrow-container img {
        margin-right: 14px;
        margin-left: 8px;
        margin-top: 14px;
        margin-bottom: 14px;
    }*/

    /*.arrow-container {
        width: 31px;
    }*/


    /*Table Data Color fixes for Tablet View*/
    .td-title {
        color: #444;
    }

    .job-acct-table-body .td-title {
        margin-bottom: 3px;
    }

    .ja-sub-acct {
        margin-top: 7px;
    }

        .ja-sub-acct .td-title {
            margin-bottom: 5px !important;
        }

    .ja-main-acct .td-title {
        margin-bottom: 9px !important;
        margin-top: 1px;
    }

    .ja-crd-lmt .td-title {
        margin-bottom: 3px;
    }

    /*Centers Page Title for Tablet View*/
    .shopping-cart-page .page-title {
        text-align: center;
    }

    /*Remove styles from bottom of items causing some table border issues*/
    .cart td.remove-from-cart {
        margin: 0;
        border-bottom: none;
    }
}

@media screen and (max-width: 1024px) {
    .row-eq-height {
        /*margin-bottom: 700px;*/
    }
}

@media screen and (max-width: 1001px) {
    /* Home page */
    #nav_bg_home {
        height: auto;
    }

    #hero_test {
        margin-left: 0px;
        display: none;
    }



    #main_navigation {
        display: none;
    }

    .bg_slide {
        display: none;
    }

    .products.title {
        display: none;
    }

    .flex-caption > h2 {
        font-size: 30px;
    }

    .flex-caption > p {
        font-size: 16px;
        width: 350px;
    }

    .header-upper-for-desktops, .top-bar-callout {
        display: none;
    }

    /*.navbar {
        min-height: 0px;
    }*/

    .header-upper-for-mobiles {
        display: inherit;
    }

    .block {
        min-height: 0px;
    }


    /******************** Start. Fix Footer Not Displaying In Tablet Portrait Mode ********************/

    .footer-upper {
        display: block;
    }

    .footer-block .title {
        margin: 0 0 1px;
        background: none;
        padding: 0;
        font-size: 20px;
        color: #fff;
        cursor: pointer;
    }

    .footer-block .list {
        display: block;
        margin: 0 0 20px;
        background: #383838 !important;
        padding: 0;
    }
}




@media only screen and (max-width: 834px) {
    /*textarea,
    input[type="text"],
    input[type="button"],
    input[type="submit"] {
        -webkit-appearance: none;
        border-radius: 0;
    }*/

    .outOfStockSearchbarMargin {
        margin-top: 55px !important;
    }

    .navigation-mobile {
        position: fixed;
        z-index: 9999;
        width: 100%;
        display: block;
    }

        .navigation-mobile .mobile-sub-menu {
            background-color: #C60C30;
            height: 80px;
            position: fixed;
            top: 60px;
            display: inline-flex;
            width: 100%;
            padding: 10px;
            margin: 0;
            z-index: 99;
            border-bottom: 1px solid #fff;
        }

            .navigation-mobile .mobile-sub-menu .nav-item {
                font-size: 28px;
                color: #fff;
                text-align: center;
            }

                .navigation-mobile .mobile-sub-menu .nav-item p {
                    font-size: 11px;
                    font-weight: 600;
                    margin-top: 5px;
                    color: #fff;
                }

                .navigation-mobile .mobile-sub-menu .nav-item i, .navigation-mobile .mobile-sub-menu .nav-item .icon-bill-pay:before {
                    color: #fff !important;
                }

        .navigation-mobile nav#mobile-nav ul.nav-list li a.parent-item {
            text-decoration: none;
        }

    .nav-mobile {
        display: block;
        position: fixed;
    }

        .nav-mobile p.website-title {
            color: #fff;
        }

    /*nav {
        width: 100%;
        padding: 50px 0 0 0;
        background-color: #383838;
        margin-bottom: 30px;
    }*/

    .navigation {
        display: none;
    }

    /*nav ul {
        display: none;
        z-index: 999;
        height: auto;
        color: #fff;
        padding-top: 86px;
        text-align: left;
        position: absolute;
        background: #C60c30;
    }*/

        /*nav ul li {
            float: none;
            display: inline;
            display: grid;
        }*/

            /*nav ul li a {
                padding: 15px;
                line-height: 20px;
                text-transform: uppercase;
                font-weight: 600;
                color: #fff;
                text-decoration: none;
            }*/

                /*nav ul li a:not(:only-child):after {
                    font-size: 18px;
                    float: right;
                    content: ' ▾';
                }*/

            /*nav ul li ul li a {
                padding-left: 40px;
                border: 1px solid #ddd;
                background-color: #e9e9e9;
                color: #333 !important;
                height: 35px;
            }*/

            /*nav ul li ul li:nth-child(even) a {
                background-color: #e3e3e3;
            }*/


    .nav-dropdown {
        position: static;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

        .nav-dropdown.sub-menu {
            padding-top: 0;
        }

    .nav-item .icon-register .path1:before {
        color: #fff;
    }

    .nav-item .icon-register .path2:before {
        color: #fff;
    }

    .nav-item .icon-register .path3:before {
        color: #fff;
    }

    .nav-item .icon-security .path2:before {
        color: #fff;
    }

    #switch-user-accounts {
        margin-top: 150px;
    }

        #switch-user-accounts .modal-content h4.modal-title {
            font-size: 18px;
            font-weight: 700;
        }

        #switch-user-accounts .modal-content p {
            font-size: 13px;
            line-height: 20px;
            font-weight: 600;
        }

        #switch-user-accounts .modal-content .modal-body {
            max-height: 320px !important;
        }

            #switch-user-accounts .modal-content .modal-body ul#user-accounts-list ul.account-group li a {
                display: block;
                background-color: transparent;
            }

    #switch-user-accounts-mobile {
        margin-top: 150px;
    }

        #switch-user-accounts-mobile .modal-content h4.modal-title {
            font-size: 18px;
            font-weight: 700;
        }

        #switch-user-accounts-mobile .modal-content p {
            font-size: 13px;
            line-height: 20px;
            font-weight: 600;
        }

        #switch-user-accounts-mobile .modal-content .modal-body {
            max-height: 320px !important;
        }

            #switch-user-accounts-mobile .modal-content .modal-body ul#user-accounts-list ul.account-group li a {
                display: block;
                background-color: transparent;
            }



    /*.mobile-log-out {
        display: block;
    }*/

        .mobile-log-out a.mobile-logout {
            background: #C60C30;
            color: white;
            padding: 10px 20px;
            margin: 8px 0;
            border: none;
            border-radius: 0;
            cursor: pointer;
            font-size: 14px;
            font-weight: 700;
            height: 40px;
            float: right;
            text-align: center;
            width: 100%;
            margin-top: 0;
            margin-bottom: 20px;
        }


    #txtSearchSuggestionBox {
        top: 0 !important;
        height: 36px;
    }

    .navigation-mobile .nav-mobile h4.website-title a.title {
        color: #fff;
    }

    /*.checkout-page .payment-progress {
        display: none;
    }*/

/*    .checkout-page .my-order-checkout {
        width: 100%;
        padding: 10px;
    }*/

    /*#cont {
        padding-top: 45%;
        padding-left: 10px;
        padding-right: 10px;
    }*/

    .checkout-page .my-order-checkout .bound-all {
        height: auto;
        min-height: 170px;
        width: 100%;
        position: relative;
        left: 0;
        margin-right: 0;
        margin-left: 0;
    }

    

    .checkout-page .my-order-checkout .est-purchase-ord .title {
        font-size: 12px;
    }

    /*.checkout-page .my-order-checkout .est-total {
        margin-bottom: 5px;
    }*/

    /*.checkout-page .my-order-checkout .confirm-order {
        margin-top: 5px;
    }*/

    .checkout-page .my-order-checkout .sales-taxes {
        margin-bottom: 15px;
    }

    .checkout-page .title h3 {
        font-size: 28px;
        margin-top: 0;
        padding-left: 15px;
    }

    .checkout-page .items-shipping h3 {
        /*Hotfix: 3998*/
        margin-left: 20px;
    }

    .checkout-page hr {
        display: none;
    }

    .checkout-page .checkout-cart-items .cart-products .ind-product .prd-img img {
        width: 75%;
    }

    .checkout-page .checkout-cart-items .panel-title .edit-shipping a {
        float: left;
    }

    .checkout-page .checkout-cart-items .cart-products .heading {
        height: auto;
        margin-bottom: 0;
        display: none;
    }

    .checkout-page .checkout-cart-items .cart-products .ind-product .qty {
        padding-left: 0;
    }

        .checkout-page .checkout-cart-items .cart-products .ind-product .qty span a {
            background-color: #C60C30;
            padding: 10px 20px;
            color: #fff;
            font-size: 12px;
            float: left;
            margin-top: 15px;
        }

    .checkout-page .checkout-cart-items .cart-products .ind-product .ttl h4 {
        text-align: left;
    }

    .checkout-page .checkout-cart-items .shipping-options .ship-opt span select {
        width: 100%;
    }

    .checkout-page .checkout-cart-items .shipping-options .ship-opt span select {
        width: 100%;
    }

    .checkout-page .checkout-cart-items .shipping-options .ship-opt .dropdown.multiselect .dropdownMenu {
        width: 100%;
    }

    .checkout-page .checkout-cart-items .shipping-options .special-phone label.mobile-width {
        width: 100%;
        margin-top: 15px;
    }

    /*#collapsePayCredit .payment-form input[type=text] {
        width: 100%;
    }*/

    #collapsePayCredit .payment-form #cardnumber {
        width: 100%;
    }

    #collapsePayCredit .cvvCode {
        margin-left: 0;
    }

    /*#collapsePayCredit .payment-form .date-and-cvv {
        display: inline-block;
        width: 100%;
    }*/

    #collapsePayCredit .payment-form .zip-code {
        float: left;
        width: 100%;
    }

    #collapsePayCredit .payment-form #zipcode {
        width: 100%;
    }

    #collapsePayCredit .payment-form label.zip {
        display: none;
    }

    #collapsePayCredit .payment-form label.zip-mobile {
        display: block;
    }

    .checkout-page .items-shipping .shipment-notification .notification-icon {
        width: 22%;
    }

    .checkout-page .items-shipping .shipment-notification .notification-message {
        width: 78%;
    }

        .checkout-page .items-shipping .shipment-notification .notification-message h4 {
            font-size: 10px;
            margin-top: 5px;
            margin-bottom: 0;
        }

    .checkout-page .checkout-cart-items .cart-products .shipment-notification .notification-icon {
        width: 22%;
    }

    .checkout-page .checkout-cart-items .cart-products .shipment-notification .notification-message h4 {
        font-size: 11px;
        margin-top: 5px;
        margin-bottom: 0;
    }

    #prdReceiveAll {
        margin-top: 40%;
    }

        #prdReceiveAll .modal-content .modal-footer .confirm-btn {
            width: 100%;
        }

    #primaryReceiveAll {
        margin-top: 40%;
        height: 500px;
    }

        #primaryReceiveAll .modal-content .modal-body .all-products {
            height: 250px;
            padding: 0;
        }

        #primaryReceiveAll .modal-content .modal-footer {
            height: 100px;
        }

        #primaryReceiveAll .modal-content .modal-body .prd-item .prd-image img {
            width: 45%;
        }

/*    #user-account-settings {
        display: none;
    }
*/
    /*.checkout-page .my-order-checkout .est-total.mobile {
        position: fixed;
        top: 139px;
        left: 0;
        z-index: 9999;
    }*/

    .checkout-page .my-order-checkout .complete-ord-btn.mobile {
        position: fixed;
        top: 184px;
        left: 0;
        z-index: 9999;
        width: 100%;
    }

    .cart-notification.share-by-email-modal .content {
        margin-top: 3%;
    }

    /*.cart-notification.share-by-text-modal .content {
        margin-top: 3%;
    }*/

    /*.modal-content {
        top: 130px;
    }*/
}




/******************** End. Fix Footer Not Displaying In Tablet Portrait Mode ********************/


#defaultNavbar2 {
    height: 41px;
}

.search-box input.search-box-text {
    margin-top: 0;
    padding-left: 12px;
    border-left: 0;
    background-color: #F7F6F6;
    border-radius: 0;
}

/* Menu */
.top-icons-for-mobiles {
    position: fixed;
    z-index: 100;
    width: 80%;
}

.first-login-menu-icon {
    margin-left: 40%;
}

.first-logout-menu-icon {
    margin-left: 50%;
}

.menu-title {
    background: #383838 url('/Plugins/SevenSpikes.Nop.Plugins.MegaMenu/Themes/DefaultClean/Content/images/menu-icon.png') right center no-repeat !important;
    width: 100%;
    margin: -2px auto auto !important;
    height: 45px;
    position: fixed;
    z-index: 90;
}

#drop-display {
    margin-top: 45px;
    width: 110%;
}

ul#drop-categories {
    max-width: 100%;
    width: 100%;
}

.drop-option-value {
    padding: 10px 15px;
    border-color: #f1f1f1;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    cursor: pointer;
    height: auto;
    background: #fff;
}

.drop-search-item {
    width: 92%;
    float: left;
    padding: 5px;
    color: #383838;
    line-height: 1.1;
}

.drop-search-category {
    width: 62%;
    float: left;
    padding: 5px;
    color: #383838;
    line-height: 1.1;
}

.drop-search-image {
    float: left;
    width: 8%;
}

.drop-search-item-logged-in {
    width: 47%;
    float: left;
    padding-left: 10px;
    color: #383838;
    line-height: 1.2;
}

.drop-group-options {
    width: 35%;
    float: left;
}

.drop-search-item-actions {
    width: 100%;
    padding: 0px;
}

    .drop-search-item-actions .dropui-favicon {
        float: left;
        margin: 0px 5px;
        height: 18px;
    }

/*.drop-search-qty-add {
    width: 100%;
    padding: 5px;
    margin-top: 12px;
}*/

    

    /*.drop-search-qty-add > .search-add-button {
        margin-left: 0px;
    }*/

.drop-search-item-logged-in > .ces_drop_price {
    float: none;
}

.drop-mobiles.collapse.in {
    max-height: 350px;
    overflow-y: scroll;
}

#drop-search::-webkit-search-cancel-button {
    position: relative;
    -webkit-appearance: none;
    right: 20px;
    height: 20px;
    width: 20px;
    margin-left: 20px;
    border-radius: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: rgba(0,0,0,.3);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QMHDi4k9iHgGQAAAOVJREFUGNNNkM1OAkEQhL8hJryA2RCjgFECF9//UUw8+4dkwSAyM8x0l4dlXeraXf1VNQA1xrlKeQQobYsfDgCo1pXFOOW8NHX3F0mvnnMjCQDPeSbpQ+7PdjzeoVoXkt4kSe47mU08pXtJ3+r0rloXnft0msj95zzYSmrPxr3Mrjv0fg+ApXQjaadBrcwaSQFgFEIAIIRwBTiDKpIBUq30wW8lbf4vDehWZk33ArPlRZkos8Zznsi9XpRZjryUjJSBL6Q5IWxG4/GnlzIDtki/Xmvq0Ck9eCmrPlxar3vak8U4B/gDlS/+hfsumvsAAAAASUVORK5CYII=');
}

#drop-search::-ms-clear {
    margin-right: 20px;
}

.drop-search-house-account-only {
    width: 80%;
    padding-top: 5px;
}

li > .drop-search-house-account-only {
    width: 30%;
}

/* Hide menu for desktop*/
#left_nav_inner .mega-menu.dropdown-menu {
    /*display: none;*/
}

.navbar-inverse .navbar-form {
    background-color: transparent;
    margin-left: 0px;
}

/* Footer */
#feedback-sticky-footer {
    display: none;
}

ul.networks li {
    display: inline;
    margin-right: 10px;
}
/* Product details page */
#product-nav {
    display: none;
}

.block-recently-viewed-products {
    display: none;
}

.mega-menu-responsive .sublist {
    padding: 0px !important;
}

    .mega-menu-responsive .sublist li {
        margin: 0px !important;
        border-bottom: solid 1px #4b4b4b;
    }

.product-name, #total-feet-requested, .product-essential .product-price {
    text-align: left;
}

#total-price .product-price {
    padding-left: 10px;
}

.product-essential #remainder-notification, .overview .availability .stock {
    text-align: left;
}



/* Filters */
.product-selectors select {
    max-width: none;
    width: 100%;
}

.filter-container .block .title {
    background: none;
    min-width: 250px;
}

.clearfix-for-mobiles {
    clear: both;
}

/*.master-wrapper-content {
    margin: 0 auto;
    padding-bottom: 10px;
}*/

/* Job Templates */
/*.job-template-table td {
    display: inline-block !important;
    display: block;
    border: none;
    text-align: left;
    margin-bottom: 20px;
    float: left !important;
}*/

    .job-template-table td .link-options {
        font-size: 13px;
    }

.job-template-table tr {
    /*display: block;
    float: left;
    border-bottom: 1px solid #ddd;
    width: 95%;
    width: 100%;
    margin: 40px 2% 0;
    margin: 40px 0 0;*/
}

.job-template-table thead {
    display: none;
}

.job-template-table .td-big-title, .job-template-table .td-title {
    /*display: initial;*/
    /*display: block;*/
}


/* Login */
.login-page .new-wrapper, .login-page .returning-wrapper {
    width: 100%;
}

/*.side-2 {
    margin: 0px;
}*/

.product-details-page {
    padding: 0px;
}

.gallery .picture img {
    width: 100%;
}

.items-in-cart-out-of-stock-msg {
    position: fixed;
    width: 100%;
    z-index: 10;
}

/* Featured products in My ces page*/
.featured-products-no-quickview .home-featured .product-item {
    height: 450px;
}

@media screen and (max-width: 1000px) {
    .menu-title {
        width: 100% !important;
    }

    .mega-menu-responsive {
        margin-top: 1px !important;
        padding-top: 45px;
        width: 100% !important;
        margin: 0 !important;
    }

    /* Alert messages in favorites and cart pages */

    .error-alert-for-mobiles {
        display: block;
    }

    table.cart > tbody > tr.error-alert-for-desktop {
        display: none;
    }

    /* cart page */
    .table-wrapper .cart .cart-cell-top-margin {
        padding-top: 10px;
    }

    /*table.cart td.product-picture {
        max-width: 100%;
    }*/

    ul.account-group li {
        height: auto;
    }


    .myces-right-section {
        margin-left: 0px;
    }
}

@media screen and (max-width: 1001px) {
    /* Credit Application*/
    /*.credit-application-background-left-top, .credit-application-background-left {
        margin-right: 0px;
    }*/

    .credit-application-background-right-top {
        margin-top: 5px;
    }

    .min-height-review-application {
        min-height: 0px;
    }

    button#search_button {
        margin-top: 42px;
    }

    .credit-application-select-customer-type-left {
        padding: 0px;
    }

    /* Branch Locator */
    /*.branch-locator-square-box {
        margin-bottom: 5px;
    }*/

    .branch-locator-new-location-map {
        max-width: 500px;
        margin-top: 10px;
    }

    /* Orders pages */
    .orders-label-data-wrap {
        float: none;
    }

    .orders-info {
        text-align: left;
    }

    .drop-search-not-result-divider {
        border-right: none;
    }
}

/* Small devices (tablets portrait, max 768px) */
@media screen and (max-width: 768px) {
    /* Home Page */
    .footer-block > ul > li > a {
        color: #fff;
    }

    .footer-block .list a {
        display: block;
        padding: 5px 0px;
        line-height: 20px;
    }

    .admin-header-links {
        display: none;
    }

    .home-featured {
        width: 49%;
        margin-bottom: 5px;
    }

        .home-featured .product-item {
            /*height: 550px;*/
        }

    .container > .navbar-collapse {
        margin-left: 0;
        margin-right: 0;
    }

    /*.navbar {
        border: none;
    }*/

    .navbar-inverse .navbar-collapse {
        border: 0px;
    }

    .navbar-inverse .navbar-form {
        border: 0px;
        background-color: #fff;
    }

    /* Start: Added for fixed header */
    /*.master-wrapper-content {
        margin: 55px auto 0px;
    }*/

    .search-box input.search-box-text {
        margin-top: 42px;
    }
    /* End: Added for fixed header */

    /* Add cart modal*/
    /*.cart-notification .content {
        margin: 5% auto 0px auto;
    }*/

    .add-cart-check {
        font-size: 30px;
    }

    .add-cart-close {
        font-size: 30px;
    }

    /*.add-cart-title {
        font-size: 24px;
    }*/

    /*.add-cart-notification-item-name {
        font-size: 18px;
        line-height: 1.1;
    }*/

    /* Featured products in My ces page*/
    .featured-products-no-quickview .home-featured .product-item {
        height: 400px;
    }

    /*.row-eq-height {
        margin-bottom: 900px;
    }*/

    /* Search drop */
    /*.drop-search-qty-add {
        clear: both;
    }*/

    .drop-search-house-account-only {
        width: 100%;
        padding-top: 10px;
        line-height: 1.1;
    }

    li > .drop-search-house-account-only {
        width: 40%;
    }

    .search-item-actions {
        width: 30% !important;
    }

    .drop-search-item-actions {
        display: inline-block;
    }

    .drop-group-options {
        width: 40%;
    }

    .search-qty-add {
        width: 40% !important;
    }

    .search-drop-result-container {
        min-width: initial !important;
        overflow-y: scroll;
        /*max-width: 360px;*/
    }

    .mobile-result-display > div:nth-last-child(1) {
        padding-bottom: 100px;
    }
}

@media screen and (max-width: 767px) {
    #drop-display {
        width: 120%;
    }

    /* My ces page */
    .section_right {
        min-height: 120px;
    }

    .row-eq-height {
        display: block;
    }

    /* Featured products in My ces page*/
    .featured-products-no-quickview .home-featured .product-item {
        height: 525px;
    }
}

/********************** Start: Media Queries - Len: 06/12/18  **********************/



/*iPhone 6, 7, & 8 in portrait*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {

    .product-viewmode {
        display: none;
    }

    .results-display-count {
        float: left;
    }

    .search-drop-result-container {
        width: 375px;
        min-width: 375px;
        /*max-width: 100%;*/
    }

    .instance-search-result-product {
        width: 100% !important;
        min-width: 380px;
        max-width: 100%;
    }

    /*.my-ces-tiles {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }*/

        /*.my-ces-tiles #email-address {
            white-space: normal;
            overflow: visible;
            text-overflow: inherit;
            width: 100%;
            position: relative;
        }*/

    .p-left {
        padding-left: 15px;
        padding-right: 15px;
    }

    .p-right {
        padding-left: 15px;
        padding-right: 15px;
    }

    .my-ces-tiles span.divider:after {
        display: none;
    }

    .my-ces-tiles span i.fa {
        display: none;
    }

    /*.my-ces-tiles .email-content .email-address {
        padding-left: 5px;
        padding-left: 5px;
    }*/


    .section-title h2 {
        text-align: center;
    }

    .overview .featured-product-info {
        margin-left: 0;
    }

    .page.product-details-page.featuredproducts .page-body .row {
        text-align: left;
    }

    .featured-product-info .nav li a,
    .featured-product-info .nav li.active a,
    .featured-product-info .nav li.hover a {
        font-size: .9rem !important;
    }

    .row.after-display-block.featured-product-cta {
        margin: 50px auto 0;
    }

    #productVideo .flex-video > .product_video_lg {
        width: 100%;
        height: 220px;
    }

    /*Style for the Mobile Product Megamenu*/
    .mobile-product-listing-menu {
        position: absolute;
        top: 190px;
        width: 100%;
        background: #fff;
        -webkit-overflow-scrolling: touch;
        z-index: 1;
    }

        .mobile-product-listing-menu #all-products-menu {
            position: absolute;
            right: 28px;
            top: 15px;
            font-size: 20px;
            color: #333;
        }

    .nav-product-mobile a,
    .nav-product-mobile label {
        display: block;
        padding: 1.5rem;
        color: #333;
        background-color: #ddd;
        transition: all 0.25s ease-in;
    }

    .nav-product-mobile label {
        cursor: pointer;
        margin-bottom: 0;
    }

    .nav-product-mobile .group-list a,
    .nav-product-mobile .group-list label {
        padding: 15px 30px 10px 30px;
        margin-bottom: 0;
    }

    .nav-product-mobile .group-list li:nth-child(odd) label {
        background-color: #eee;
    }

    .nav-product-mobile .group-list li:nth-child(even) label {
        background-color: #f7f7f7;
    }

    .nav-product-mobile .sub-group-list a,
    .nav-product-mobile .sub-group-list label {
        padding: 0;
        background: transparent;
        width: 100% !important;
    }

    .nav-product-mobile .sub-group-list .row-wrapper .box {
        text-align: center;
        width: 50%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        min-height: 255px;
    }

    .nav-product-mobile .group-list {
        height: 680px;
        overflow-y: scroll;
    }

    .nav-product-mobile .sub-group-list {
        height: 100%;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s ease-in-out;
    }

    .nav-product-mobile .nav__list input[type=checkbox]:checked + label + ul {
        max-height: 100%;
        height: 100%;
    }

    .nav-product-mobile label > span {
        float: right;
        font-size: 22px;
        font-weight: 600;
        transition: transform 0.65s ease;
    }

    .nav-product-mobile .nav__list input[type=checkbox]:checked + label > span {
        transform: rotate(90deg);
    }

    .newbranchrow div:last-child {
        padding-bottom: 30px;
    }

    #share-this-product-modal .modal-dialog {
        top: 140px;
    }

    #cescares .container {
        padding: 0 1em;
    }
}

/*Phone 6, 7, & 8 in landscape*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {

    .search-add-button {
        min-width: 105px;
        max-width: 278px;
    }

    .drop-search-qty-add {
        padding-left: 100px;
    }

    .instance-search-result-product-actions {
        padding-top: 0px !important;
        padding-left: 130px;
        padding-bottom: 25px;
    }

    .search-add-button, .drop-search-qty-add > input {
        margin-top: 15px;
    }

    .instance-search-result-summary {
        max-width: 667px !important;
    }

    /*Style for the Mobile Product Megamenu*/
    .mobile-product-listing-menu {
        position: absolute;
        top: 190px;
        width: 100%;
        background: #fff;
        -webkit-overflow-scrolling: touch;
        z-index: 9999;
    }

        .mobile-product-listing-menu #all-products-menu {
            position: absolute;
            right: 28px;
            top: 15px;
            font-size: 20px;
            color: #333;
        }

    .nav-product-mobile a,
    .nav-product-mobile label {
        display: block;
        padding: 1.5rem;
        color: #333;
        background-color: #ddd;
        transition: all 0.25s ease-in;
    }

    .nav-product-mobile label {
        cursor: pointer;
        margin-bottom: 0;
    }

    .nav-product-mobile .group-list a,
    .nav-product-mobile .group-list label {
        padding: 15px 30px 10px 30px;
        margin-bottom: 0;
    }

    .nav-product-mobile .group-list li:nth-child(odd) label {
        background-color: #eee;
    }

    .nav-product-mobile .group-list li:nth-child(even) label {
        background-color: #f7f7f7;
    }

    .nav-product-mobile .sub-group-list a,
    .nav-product-mobile .sub-group-list label {
        padding: 0;
        background: transparent;
        width: 100% !important;
    }

    .nav-product-mobile .sub-group-list .row-wrapper .box {
        text-align: center;
    }

    .nav-product-mobile .group-list,
    .nav-product-mobile .sub-group-list {
        height: 100%;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s ease-in-out;
    }

    .nav-product-mobile .nav__list input[type=checkbox]:checked + label + ul {
        max-height: 100%;
    }

    .nav-product-mobile label > span {
        float: right;
        font-size: 22px;
        font-weight: 800;
        transition: transform 0.65s ease;
    }

    .nav-product-mobile .nav__list input[type=checkbox]:checked + label > span {
        transform: rotate(90deg);
    }
    /*Style for the Mobile Product Megamenu*/
}


/*iPhone 6+, 7+, & 8+ in portrait*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) {

    .product-viewmode {
        display: none;
    }

    .results-display-count {
        float: left;
    }

    .mobile-dropdown-width {
        max-width: 435px;
    }

    .my-ces-tiles {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .p-left {
        padding-left: 15px;
        padding-right: 15px;
    }

    .p-right {
        padding-left: 15px;
        padding-right: 15px;
    }

    .my-ces-tiles span.divider:after {
        display: none;
    }

    .my-ces-tiles #email-address {
        white-space: normal;
        overflow: visible;
        text-overflow: inherit;
        width: 100%;
        position: relative;
    }

    .my-ces-tiles span i.fa {
        display: none;
    }

    .my-ces-tiles .email-content .email-address {
        padding-left: 5px;
    }
}

/*iPhone 6+, 7+, & 8+ in landscape*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {

    .mobile-dropdown-width {
        max-width: 745px;
    }

    .my-ces-tiles {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .p-left {
        padding-left: 15px;
        padding-right: 15px;
    }

    .p-right {
        padding-left: 15px;
        padding-right: 15px;
    }

    .my-ces-tiles span.divider:after {
        display: none;
    }

    .my-ces-tiles #email-address {
        white-space: normal;
        overflow: visible;
        text-overflow: inherit;
        width: 100%;
        position: relative;
    }

    .my-ces-tiles span i.fa {
        display: none;
    }

    .my-ces-tiles .email-content .email-address {
        padding-left: 5px;
    }
}

/*iPad in portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    .results-display-count {
        float: left;
    }

    .nav-mobile {
        display: block;
        position: fixed;
    }

    .search-add-button {
        width: 124px !important;
        height: 26px;
        background: #b40829;
        color: #fff;
        max-width: 278px;
        border: none;
    }

    .drop-search-qty-add {
        padding-left: 60px;
        margin-top: 0;
    }

    .instance-search-result-product-actions a {
        padding: 0 45px !important;
    }

    .drop-search-house-account-only {
        margin-right: 0;
    }

    .row mobile-dropdown-width {
        width: 725px !important;
        min-width: 725px !important;
    }

    .page.product-details-page.featuredproducts .gallery {
        margin: 0 auto 10px;
    }

        .page.product-details-page.featuredproducts .gallery > .picture {
            max-width: 60%;
        }

    .row.after-display-block.featured-product-cta {
        margin: 50px auto 0;
    }

    #productVideo .flex-video > .product_video_lg {
        width: 100%;
        height: 400px;
    }


    .branch-locator-square-box.branch-locator-red-horizontal-line .branch-locator-sub-title {
        margin-top: 26px;
    }

    .branch-locator-box-background.branch-locator-rectangular-box {
        margin-top: 0;
    }

    /*Style for the Mobile Product Megamenu*/
    .mobile-product-listing-menu {
        position: absolute;
        top: 190px;
        width: 100%;
        background: #fff;
        -webkit-overflow-scrolling: touch;
        z-index: 1;
    }

        .mobile-product-listing-menu #all-products-menu {
            position: absolute;
            right: 28px;
            top: 15px;
            font-size: 20px;
            color: #333;
        }

    .nav-product-mobile a,
    .nav-product-mobile label {
        display: block;
        padding: 1.5rem;
        color: #333;
        background-color: #ddd;
        transition: all 0.25s ease-in;
    }

    .nav-product-mobile label {
        cursor: pointer;
        margin-bottom: 0;
    }

    .nav-product-mobile .group-list a,
    .nav-product-mobile .group-list label {
        padding: 15px 30px 10px 30px;
        margin-bottom: 0;
    }

    .nav-product-mobile .group-list li:nth-child(odd) label {
        background-color: #eee;
    }

    .nav-product-mobile .group-list li:nth-child(even) label {
        background-color: #f7f7f7;
    }

    .nav-product-mobile .sub-group-list a,
    .nav-product-mobile .sub-group-list label {
        padding: 0;
        background: transparent;
        width: 100% !important;
    }

    .nav-product-mobile .sub-group-list .row-wrapper .box {
        text-align: center;
        width: 25%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        min-height: 225px;
    }


    .nav-product-mobile .group-list {
        height: 680px;
        overflow-y: scroll;
    }

    .nav-product-mobile .sub-group-list {
        height: 100%;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s ease-in-out;
    }

    .nav-product-mobile .nav__list input[type=checkbox]:checked + label + ul {
        max-height: 100%;
        height: 100%;
    }

    .nav-product-mobile label > span {
        float: right;
        font-size: 22px;
        font-weight: 600;
        transition: transform 0.65s ease;
    }

    .nav-product-mobile .nav__list input[type=checkbox]:checked + label > span {
        transform: rotate(90deg);
    }

    .newbranchrow div:last-child {
        padding-bottom: 30px;
    }
}

/*iPad in landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

    .instance-search-result-product {
        padding-left: 0 !important;
    }

    /*.search-add-button {
        width: 145px !important;
    }*/

    /*.drop-search-qty-add {
        padding-left: 10px !important;
    }*/

    /*.ces-drop-product-description {
        padding-left: 25px !important;
    }*/

    /*.ces-drop-product-fav-buttons {
        margin-left: -45px;
    }*/

/*    .my-ces-tiles {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }*/
/*
    .p-left {
        padding-left: 15px;
        padding-right: 15px;
    }*/

/*    .p-right {
        padding-left: 15px;
        padding-right: 15px;
    }*/

   /* .my-ces-tiles span.divider:after {
        right: 10px;
    }*/

/*    .my-ces-tiles .email-content {
        width: 100%;
    }*/

    /*.my-ces-tiles #email-address {
        white-space: normal;
        overflow: visible;
        text-overflow: inherit;
        width: 100%;
        position: relative;
        max-width: 25ch;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
*/
    .my-ces-tiles span i.fa {
        display: none;
    }

    .my-ces-tiles .email-content .email-address {
        padding-left: 5px;
    }

/*    #user-account-settings {
        display: none;
    }
*/
    #myces-dropdown-content .group-container .menu-section .menu-item.user-admin {
        display: none;
    }

    .featured-product-info .nav li a,
    .featured-product-info .nav li.active a,
    .featured-product-info .nav li.hover a {
        font-size: .8rem !important;
    }

    .row.after-display-block.featured-product-cta {
        margin: 20px auto 0;
    }

    #productVideo .flex-video > .product_video_lg {
        width: 100%;
        height: 225px;
    }
}

/********************** End: Media Queries for Dropdown Menu UI  **********************/


/* Extra small devices (phones and tablets, max 480px) */
@media screen and (max-width: 480px) {
    .home-featured {
        width: 100%;
    }

        .home-featured .product-item {
            height: inherit;
            padding-bottom: 50px;
        }

    /*************************************** MY CES MOBILE ****************************************************/

    .my_ces_column {
        text-align: center;
    }

    .my_ces_section h4 {
        margin: auto;
        left: 0;
        bottom: 0;
        right: 0;
    }

    /* Start - Reset equal height columns to default bootstrap functionality for mobile */
    .row-eq-height {
        display: block;
    }
    /* End - Reset equal height columns to default bootstrap functionality for mobile */

    /* Add cart modal*/
    /*.cart-notification.success .content {
        height: 75%;
        overflow: scroll;
    }*/

    /*.cart-notification .add-cart-title {
        font-size: 22px;
    }

    .cart-notification .add-cart-continue-shopping {
        font-size: 22px;
    }*/

    /* Add to favorites modal */
    .cart-notification.favorites-modal .content {
        height: initial;
        overflow: hidden;
    }

    .cart-notification.favorites-modal .add-cart-title {
        font-size: 22px;
    }

    .cart-notification.favorites-modal .add-cart-continue-shopping {
        font-size: 22px;
    }

    /* Share modal */
    .captcha-share-modal {
        margin-right: auto;
    }

    #search-hover-handler input {
        font-size: .9em;
    }

    /* Top menu */
    .first-login-menu-icon {
        margin-left: 30%;
    }

    .first-logout-menu-icon {
        margin-left: 40%;
    }

    /* Items in cart out of stock message */
    .items-in-cart-out-of-stock-msg .divider, .items-in-cart-out-of-stock-msg .cart, .items-in-cart-out-of-stock-msg .close-text {
        display: none;
    }

    /* Featured products in My ces page*/
    .featured-products-no-quickview .home-featured .product-item {
        height: 420px;
    }

/*    .order-details-page .button-group {
        width: 160px;
        margin: 0 auto;
        margin-top: 10px;
        padding: 0;
        float: none;
    }*/

    /*.my-ces-tiles {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }*/

    .p-left {
        padding-left: 15px;
        padding-right: 15px;
    }

    .p-right {
        padding-left: 15px;
        padding-right: 15px;
    }

    .my-ces-tiles span.divider:after {
        display: none;
    }

    /*.my-ces-tiles #email-address {
        white-space: normal;
        overflow: visible;
        text-overflow: inherit;
        width: 100%;
        position: relative;
    }*/

    .my-ces-tiles span i.fa {
        display: none;
    }

    /*.my-ces-tiles .email-content .email-address {
        padding-left: 5px;
    }*/
}


@media (max-width: 376px) {

    /*fixes how the Order Progress displays in Phone view*/
    .order-progress ul {
        display: inline;
    }

    .arrow-container img {
        margin-right: 8px;
        margin-left: 2px;
        margin-top: 14px;
        margin-bottom: 14px;
    }

    /*#search-hover-handler input {
        font-size: .83em;
        background-color: #F7F6F6;
        border-radius: 0;
        border-left-width: 1px;
        padding-left: 10px;
        -webkit-appearance: none;
    }*/

    /* Top menu */
    .first-login-menu-icon {
        margin-left: 15%;
    }

    /* Featured products in My ces page*/
    .featured-products-no-quickview .home-featured .product-item {
        height: 370px;
    }
}


@media (max-width: 360px) {
    .col-sm-12 #search-bar-container {
        margin-top: 46px;
    }

    .master-wrapper-page {
        /*height: 0;*/
    }

    #return-to-top {
        bottom: 60px;
    }

    div span.iconLabel {
        font-size: 12px;
    }
}

@media (max-width: 320px) {
    #search-hover-handler input {
        font-size: .7em;
    }

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

    .ces-drop-product-description {
        width: 23%;
    }
}

.cart-options .ces-red-button {
    min-width: 175px;
}

.cart-options .ces-dark-button {
    min-width: 175px;
}

@media only screen and (max-device-width: 768px), only screen and (max-width: 768px) {
    .cart-options .ces-red-button {
        min-width: 278px;
    }

    .cart-options .ces-dark-button {
        min-width: 278px;
    }

    .cart-options .home-button-text {
        padding-left: 64px;
    }
}

#jobTemplateModal .add-cart-title {
    /*color: #fff;*/
    font-size: 22px;
}

@media screen and (max-width: 768px) {
    #jobTemplateModal .add-cart-title {
        color: #000000;
        font-size: 22px;
    }
}

/******* Style updates for Add User Form - BJ - 07/12/2017 *******/
.user-form-table {
    margin-left: 5px;
    width: 100%;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

.user-form-header {
    font-size: 12px;
    font-family: "OpenSans-Bold", Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
    color: #383838;
}

    .user-form-header th {
        height: 45px;
        background: #eee;
        padding-left: 20px;
    }

.user-form-row .user-radio-btn {
    margin-top: -2px;
    margin-right: 5px;
}

.user-form-row .user-checkbox {
    margin-left: 40px;
}

.user-form-row .user-limit {
    width: 125px;
}

.user-form-row {
    padding-top: 20px;
}

    .user-form-row td {
        padding-left: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ddd;
    }

@media only screen and (max-device-width: 768px), only screen and (max-width: 768px) {
    .user-left-form {
        padding-bottom: 0;
    }

        .user-left-form .btn-div {
            display: flex;
            margin-left: -9px;
        }

    .user-right-grid {
        padding-right: 0;
        padding-left: 0;
    }

    .user-form-table {
        margin-left: 0;
        margin-bottom: 20px;
        width: 100%;
        padding: 2px;
        border-collapse: collapse;
        border-spacing: 1px;
    }

        .user-form-table thead {
            display: none;
        }

    .user-form-row {
        padding-top: 5px;
        margin-bottom: 20px;
        display: block;
    }

        .user-form-row td {
            display: block;
            text-align: right;
            font-size: 12px;
            padding: 10px;
            border-left: 1px solid #ddd;
            border-right: 1px solid #ddd;
            border-bottom: none;
        }

            .user-form-row td:first-child {
                border-top: 1px solid #ddd;
            }

            .user-form-row td:last-child {
                border-bottom: 1px solid #ddd;
            }

            .user-form-row td:nth-child(odd) {
                background-color: #f8f8f8;
            }

            .user-form-row td:before {
                content: attr(data-label);
                float: left;
                color: #000;
                font-weight: bold;
            }
}


/* ----------- Catalogs ----------- */
.row-catalog-nav {
    margin-bottom: 20px;
}

.row-catalogs {
    margin-top: 15px;
}

    .row-catalogs figure {
        border: 1px solid #ddd;
        margin-bottom: 10px;
        background: #000000;
    }

        .row-catalogs figure img {
            opacity: 1;
            -ms-transition: .3s ease-in-out;
            -webkit-transition: .3s ease-in-out;
            -moz-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
        }

        .row-catalogs figure:hover img {
            opacity: .5;
        }

    /*.row-catalogs ul, li {
        list-style: none !important;
    }*/

h2.page-header {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 0px;
}


/*.branch-locator-title {
    padding-top: 120px;
}*/


@media screen and (max-width: 768px) {
    ul.grid {
        position: relative;
        overflow: hidden;
        transition: height 250ms ease-out;
    }

    /*h1.page-header {
        margin: 80px 0 10px 0;
    }*/

    .row-catalogs li {
        list-style: none;
        padding-right: 10px;
        padding-left: 10px;
    }

    .center-1 {
        margin: 0;
    }

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

    .container-catalognav {
        margin-right: 15px;
    }
}

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

    .row-eq-height {
        margin-bottom: 0px;
    }

    .bottom-heading-tag {
        font-size: 12px;
    }
}




/********************************** Home Page Sider - START **************************************/

/*.flexslider .slides {
    max-height: 500px;
}*/


.lightcopy {
    color: #fff;
}

.darkcopy {
    color: #222;
}

.redcopy {
    color: #C60C30;
}

/*for area slide*/
.sliderItem {
    /*max-height: 460px;*/
    /*max-height: 540px;*/
}

/*.flexslider .slides img {
    width: auto !important;
}*/

#feature-product-header img {
    position: relative;
    float: left;
    padding-left: 20px;
    /*padding-top: 25px;*/
    width: 100% !important;
    z-index: 1;
}

#feature-product-01 img {
    width: 100% !important;
}

#feature-product-02 img {
    float: left;
    padding-left: 20px;
    margin-top: -40px;
    width: 100% !important;
}

#feature-product-03 img {
    float: left;
    margin-top: -40px;
    width: 100% !important;
}

#feature-product-04 img {
    float: left;
    margin-top: -40px;
    width: 100% !important;
}

#feature-product-05 img {
    /*max-height: 390px;*/
}

.sliderItem div:first-child img {
    /*max-width: 1120px;*/
    margin: 0 auto;
}


.sliderItem div:nth-child(2) {
    /*text-transform: uppercase;
    text-shadow: none;
    font-size: 33px;
    font-weight: bolder;
    line-height: 30px;*/
}




    .sliderItem div:nth-child(2) button img.wobble.fade-in {
        padding-left: 0px;
        margin-left: 12px;
        margin-top: 10px;
        width: 25px !important;
    }



.col-lg-12 #hero_test .flexslider .slides div.sliderItem div:nth-child(2) h2 {
    color: #333;
    font-weight: bolder;
    text-align: center;
    /* padding: 20% 0; */
    font-size: 20px;
    /* margin-left: -30%; */
    /* padding-bottom: 30px; */
    /* text-transform: capitalize;*/
}

    .col-lg-12 #hero_test .flexslider .slides div.sliderItem div:nth-child(2) h2 small {
        font-size: .55em;
        font-weight: bold;
        color: #333;
        text-transform: none;
    }

.col-lg-9 #hero_test .flexslider .slides div.sliderItem div:nth-child(2) h2 {
    /*color: #C60C30;
    font-weight: bolder;
    text-align: center;
    padding: 30% 0;
    font-size: 29px;
    margin-left: -30%;
    padding-bottom: 30px;*/
}

    .col-lg-9 #hero_test .flexslider .slides div.sliderItem div:nth-child(2) h2 small {
        font-size: .55em;
        font-weight: bold;
        color: #333;
        text-transform: none;
    }

.sliderItem .feature-products-title {
    margin-top: 30px;
}

.sliderItem div:nth-child(2) img {
    /*max-width: 250px;
    float: left;*/
}

.sliderItem div:nth-child(3) {
    padding: 2% 15px 0 15px;
    font-size: 19px;
    line-height: 23px;
    letter-spacing: .1px;
    text-transform: none;
    font-weight: normal;
}

/*Hiding Minor Feature Products While Only 2 - L.O.*/
#ContentPlaceHolder1_minorfeatures {
    display: none;
}


/*.flexslider .slides > li {
    top: 0;
}*/

.sliderItem div:first-child img {
    /*padding:6%;*/
}

.col-lg-9 .flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 0.7;
    left: 0px !important;
}

#CES-Expanding {
    position: absolute;
    margin-top: 100px;
}

    #CES-Expanding h2 {
        color: #C60C30;
        font-weight: 800;
        font-size: 36px;
    }

        #CES-Expanding h2 small {
            font-size: 16px;
            font-weight: 700;
            color: #333333;
        }

    #CES-Expanding .home-button {
        margin-top: 30px;
    }

        #CES-Expanding .home-button .wobble.fade-in {
            margin: 14px;
        }

.CES-Expanding-image {
    width: 100% !important;
}


/********************************** Home Page Sider - END **************************************/





/********************************** Media Queries for iPad and Mobile viewing - RMA Process Screens - GW 8/1/17 **************************************/

/********************************** Media Queries for iPad and Mobile viewing - RMA Process Screens - GW 8/1/17 **************************************/




@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

    .rma-dropdown {
        min-width: 210px;
    }

    .rma-option-text {
        width: 150px;
    }

    #rma-search-btn-area {
        margin-bottom: 15px;
    }

    /*#rma-dropdown-area {
        width: 300px;
    }*/

    /*#rma-separator-area {
        width: 39px;
    }*/

    /*#rma-form-area {
        width: 320px;
    }*/

    /*#rma-accord-toggle {
        padding-top: 8px;
    }*/


        #rma-accord-toggle .mobile-display {
            display: block;
        }


    #rma-order-details-title h3 {
        float: left;
        padding-top: 12px;
        font-size: 19px;
    }

    #rma-table-img {
        width: 35px;
    }

    .rma-submit-btn {
        margin-right: 10px;
        margin-bottom: 19px;
        font-weight: 100;
    }

    .rma-details-dropdown {
        font-size: 12px;
    }

        .rma-details-dropdown option {
            font-size: 12px;
        }

    /*#search-hover-handler input {
        font-size: .83em;
        background-color: #F7F6F6;
        border-radius: 0;
        border-left-width: 1px;
        padding-left: 10px;
        -webkit-appearance: none;
    }*/



    .search-suggestion-text {
        height: 31px;
    }

    .col-lg-9 #hero_test .flexslider .slides div.sliderItem .expanding-background {
        margin-left: -10px;
    }

    .sliderItem div:nth-child(2) {
        text-transform: uppercase;
        text-shadow: none;
        font-size: 33px;
        font-weight: bolder;
        line-height: 30px;
        top: 100px
    }

    .col-lg-12 #hero_test .flexslider .slides div.sliderItem div:nth-child(2) h2 {
        /*padding-top: 190px;*/
        font-size: 33px;
        /*margin-left: -100px;*/
    }

    .sliderItem div:first-child img#slide0 {
        height: 580px;
    }

    .sliderItem div:nth-child(2) button img.wobble.fade-in {
        margin-left: 3px;
    }
}

.sliderItem div:first-child img#slide0 {
    width: 100% !important;
    height: 100%;
}

.sliderItem div:nth-child(2) button img.wobble.fade-in {
    margin-left: 3px;
}

@media only screen and (min-device-width : 768px) and (max-device-width :1160px) {

    .col-lg-9 #hero_test .flexslider .slides div.sliderItem .expanding-background {
        margin-left: -10px;
    }

    .col-lg-9 #hero_test .flexslider .slides div.sliderItem div:nth-child(2) h2 {
        padding: 50% 0;
    }
}


/*******P.O Number Style - BSA 08/03/2017 ***********/
.po-number-order-review {
    width: 25%;
    float: right;
    margin-right: 18px;
}

.po-number-label {
    font-family: "OpenSans-Semibold", Helvetica, Arial, sans-serif;
    color: #000000;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: left;
}

    .po-number-label .fa {
        color: #C60C30;
    }

.po-number-order-review input[type=text] {
    width: 95%;
    background-color: #f4f4f4;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 1px solid #afaeae;
}

.po-number-order-review #po-number-span {
    color: #f01b1b;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
}


/* ----------- P.O Number Media Queries ----------- */
@media screen and (max-width: 768px) {
    .po-number-order-review {
        width: 90%;
    }

        .po-number-order-review input[type=text] {
            width: 100%;
        }

    .poNumber-button {
        margin-bottom: 20px;
    }
}

/* ----------- P.O Number Style iPhone 5 and 5S ----------- */
@media only screen and (max-device-width: 320px), only screen and (max-width: 320px) {
    .po-number-order-review {
        width: 85%;
    }

        .po-number-order-review input[type=text] {
            width: 100%;
        }

    .product-viewmode {
        display: none;
    }

    .results-display-count {
        float: left;
        padding-left: 15px;
    }
}

/* ----------- P.O Number Style iPad ----------- */
@media screen and (min-device-width: 768px) and (max-device-width: 1023px) and (-webkit-min-device-pixel-ratio: 1) {
    .po-number-order-review {
        width: 70%;
    }

        .po-number-order-review input[type=text] {
            width: 70%;
        }

    .poNumber-button {
        width: 50%;
        margin-right: 20%;
    }
}

/* ----------- Fancy Box Added Style ----------- */
#fancybox-img {
    pointer-events: none;
    background: #fff;
}


/* ----------- P.O Number Style iPad Pro ----------- */
@media screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1) {
    .po-number-order-review {
        width: 30%;
    }

        .po-number-order-review input[type=text] {
            width: 100%;
        }

    .poNumber-button {
        width: 30%;
    }
}

/* ----------- Let us Know (Product Description Issues) ----------- */
/*.let-us-know {
    padding-bottom: 20px;
    color: #000;
    text-align: left;
    display: inline-flex;
    font-size: 12px;
    font-weight: bold;
    float: right;
    margin-top: -10px;
}*/

.let-us-know-seperator {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid #eee;
}

.let-us-know a {
    color: #3974b6;
    text-decoration: none;
}

/*Updated on 07/25/18 - L0 AXO: #2020*/

.modal.let-us-know-modal .modal-content {
    /*padding-left: 40px;
    padding-right: 40px;*/
}

.modal.let-us-know-modal .modal-content {
    /*padding-left: 40px;
    padding-right: 40px;*/
}

    /*Updated on 07/25/18 - L0 AXO: #2020*/

    .modal.let-us-know-modal .modal-content h4 {
        color: #000;
        font-size: 26px;
    }

    .modal.let-us-know-modal .modal-content fieldset legend {
        color: #000;
        font-weight: bold;
        width: 70%;
        background: none;
        font-size: 12px;
        vertical-align: baseline;
    }

    .modal.let-us-know-modal .modal-content fieldset label {
        color: #000;
        font-weight: bold;
        font-size: 12px;
        margin-left: 10px;
    }

    .modal.let-us-know-modal .modal-content p {
        font-size: 12px;
        font-weight: bold;
        margin: 20px 40px 0;
        line-height: 16px;
    }

.modal-content .modal-header {
    background-color: #000;
    padding: 0 !important;
    margin: 0 !important;
}

.modal.let-us-know-modal .modal-content .let-us-know-text-title {
    color: #000;
    font-size: 12px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 40px;
}

.modal.let-us-know-modal .modal-content textarea {
    width: 100%;
    height: 260px;
    border: none;
    background-color: #f4f4f4;
    padding: 40px;
    border: 1px solid #dbdbdb;
    resize: none;
}

.modal.let-us-know-modal .modal-content input[type="checkbox"] {
    vertical-align: inherit;
}

.modal.let-us-know-modal .modal-content input[type="text"] {
    width: 50%;
    padding: 12px 20px;
    border: 1px solid #afaeae;
    margin-bottom: 10px;
}

.modal.let-us-know-modal .modal-content button.btn {
    background-color: #C60C30;
    border-radius: 6px;
    color: #fff;
    font-size: 11px;
    height: 35px;
    letter-spacing: 0;
    width: 120px;
    margin-bottom: 20px;
}

.modal.let-us-know-modal #let-us-know-text-content {
    width: 100%;
    min-width: 315px;
    max-width: 315px;
}

@media screen and (max-width: 768px) {
    .modal.let-us-know-modal .modal-content h4 {
        color: #000;
        font-size: 16px;
    }

    .modal.let-us-know-modal .close {
        float: right;
    }

    .let-us-know {
        float: none;
    }

    /*.page-title h1, .contact-us-pg h3 {
        margin-top: 50px;
    }*/

    .shopping-cart-page .page-title h1 {
        /*margin-top: 120px;*/
    }

    .master-column-wrapper {
        /*margin-top: 156px;*/
    }
}
/* Search Filter */
.SearchFilterItem {
    cursor: pointer;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    text-transform: uppercase;
}

.SearchFilterItem-Level2 {
    padding-left: .75em;
}

.SearchFilterItem-Level3 {
    padding-left: 1.5em;
}

.SearchFilterItem-Level4 {
    padding-left: 2.25em;
}

.SearchFilterItem-Selected {
    font-weight: bolder;
    color: blue;
}

.product-selectors > div {
    margin: 0px !important;
}
/* End Search Filter */
/* Search Drop Result*/

.search-drop-result-container {
    width: 100%;
    min-width: 420px;
    /*max-width: 100%;*/
    min-height: 0;
    max-height: 500px;
    /*overflow-y: auto;*/
    /*overflow-x: auto;*/
    background-color: #f0f0f0;
    border: 1px, solid, #d7d7d7;
    border-top: 0, solid, #d7d7d7;
    /*position:absolute;*/
    display: block;
    font-size: 12px;
    margin-top: -4px;
    border-radius: 0;
}

.mobile-result-display > .row {
    margin: 0;
}

/* Axosoft #1719 - Quick View button misaligned Len O*/

/* Styled the Search Results category menu items BJ*/

.hide-able, .custom-padding-remove {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/*.custom-search-drp-menu {
    border: none;
    color: #666;
    padding: 10px 10px 10px 40px;
    text-align: left;
    text-decoration: none;
    display: inline-block;
    font-size: 1em;
    cursor: pointer;
    width: -webkit-fill-available;
    font-weight: 700;
    margin: 0 0px 0 5px;
}*/

    .custom-search-drp-menu:hover {
        background-color: #afaeae;
        color: #fff;
        width: 94%;
    }

.custom-search-drp-menu-last-used {
    border: none;
    color: #666;
    padding: 10px 5px;
    text-align: left;
    text-decoration: none;
    display: inline-block;
    font-size: 1em;
    cursor: pointer;
    width: 100%;
    max-width: 775px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .custom-search-drp-menu-last-used:hover {
        background-color: #afaeae;
        color: #fff;
    }



.product-item .picture .quick-view-button {
    position: absolute;
    top: 135px;
    /*top: 50%;
  transform: translateY(-50%);
      margin-top: -40px;*/
}

input[type=search] {
    -webkit-appearance: textfield;
}

​​​ .instance-search-result-item {
    width: 100%;
    height: 50px;
    cursor: pointer;
    text-align: left;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: rgb(102,102,102);
}

/*.instance-search-result-item:hover {
	background-color: rgba(141,141,141,0.7);
	color: white;
	text-decoration: none !important;
}*/

/*.hover-no-underline:hover {
	color: white;
	text-decoration: none !important;
}*/

/*.instance-search-result-product {
    width: 100%;
    background-color: white;
    padding-left: 20px;
    padding-top: 15px;
	padding-bottom: 15px;
    text-align: left;
    border-bottom: 1px solid #d7d7d7;
    margin-left: 0px !important;
    margin-right: 0px !important;
}*/

    .instance-search-result-product .L1 img {
        position: absolute;
        left: -15px;
        width: 60px !important;
    }

.instance-search-result-category-item {
    width: 100%;
    background-color: white;
    padding-left: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
    border-bottom: 1px solid #d7d7d7;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.instance-search-result-cateogry {
    margin-top: 15px;
}

.instance-search-result-summary {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    width: 100%;
    height: 50px;
    background-color: #383838;
    color: white;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

/*.drop-search-qty-add > input {
    max-width: 65px !important;
    height: 26px;
    margin-top: 25px;
    float: left;
    text-align: right;
}*/


.search-add-button {
    /*margin-top: 25px;*/
}

.inventory {
    font-weight: 600;
}

.inventory-available {
    /*color: #3974b6;*/
}

inventory-available small {
    font-weight: normal !important;
}

.inventory-outofstock {
    color: #c60c30;
}

/*.instance-search-result-product-actions {
    padding-top: 26px;
}*/


#menu1 .row {
    margin: 0 5px;
}

#menu3 .row .table-responsive,
#menu4 .row .table-responsive,
#menu5 div:nth-child(2),
#menu6 div:nth-child(2),
#menu7 div:nth-child(2) {
    margin: 0 15px;
}

.ces-drop-product-description a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-weight: 900;
}





/*@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
    .instance-search-result-product-actions {
        padding-top: 0px !important;
        float: right;
        margin-right: 30px;
        padding-bottom: 10px;
    }
}*/

/*.instance-search-result-product-actions a {
    font-size: 18px;
    color: #434244;
    display: inline-block;
    padding: 0 5px;
    /*border-radius: 20px;
    line-height: 0;*/
}*/

    .instance-search-result-product-actions a:hover {
        /*background-color: #C60C30;
    color: #fff;*/
        color: #C60C30;
    }

.instance-search-result-product-actions > span {
    margin-left: 10px;
    cursor: pointer;
}

.category-view-all-button {
    width: 100px !important;
    font-size: 12px !important;
    display: inline-block;
}

    .category-view-all-button:hover {
        color: white;
    }

.search-view-all-button {
    cursor: pointer;
    color: #00a5f3;
}

    .search-view-all-button:hover {
        color: #4ab2f1;
    }

.search-create-cuts-button {
    display: inline-block;
}

.search-result-view-all-button {
    cursor: pointer;
}

    .search-result-view-all-button:hover {
        color: #4ab2f1;
    }

.search-result-view-all-footer {
    height: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 15px;
    background-color: white;
}

.search-issue-icon-color {
    margin-top: 3px;
    color: #ffd800;
}



.search-issue-text {
    color: #337ab7;
    font-size: 10px;
}

/*.category-result-selected {
	background-color: rgba(141,141,141,0.5);
    color: white;
}*/

.instance-search-result-category-item-m {
    color: black !important;
    font-size: 12px;
}

    .instance-search-result-category-item-m:hover {
        color: black !important;
        font-size: 12px;
    }

.panel {
    border: none !important;
}

.panel-body {
    padding: 0px;
}

.panel-heading {
    position: relative;
}

.categoryAccordion {
    padding: 0px !important;
}

div[data-placeholder]:not(:focus):not([data-div-placeholder-content]):before {
    content: attr(data-placeholder);
    float: left;
    margin-left: 2px;
    color: #b3b3b3;
}
/* End Search Drop Result*/


.cut-or-reel-warning {
    font-style: italic;
    text-transform: uppercase;
    color: #3974b6;
    font-size: 14px;
    font-weight: bold;
}


.branch-detail-page .container .clearfix {
    display: none;
}

.flexslider:hover .flex-direction-nav .flex-next,
.flexslider:hover .flex-direction-nav .flex-prev {
    display: inherit;
}



/*.center-1 {
    margin: 50px 0 100px;
}*/


article.market-sector-tiles .sector-tiles .child-tile .mobile-slide-in-overlay {
    display: none;
}

.overview .featured-product-info .tab-content #resources ul li:before {
    content: none;
}


.overview .featured-product-info .tab-content #resources p:nth-of-type(2) {
    margin-top: -30px;
}

.overview .featured-product-info .tab-content #resources p:last-of-type {
    /*margin-bottom: -10px;*/
}

.overview .featured-product-info .tab-content #resources ul li a {
    color: #C60C30;
    text-decoration: none;
}

.titleCopy div:nth-child(2) > img {
    padding-top: 75px;
}


#user_nav .header-links ul li:last-child {
    /*display: none;*/
}

#secondNav .nav {
    float: right;
    padding-top: 18px;
}

#secondNav.sticky .nav.nav-pills {
    padding-top: 3px;
}

#secondNav li a:focus {
    color: #C60C30
}


.sticky {
    position: initial;
    position: -webkit-sticky !important;
}


.header-lower.sticky {
    height: 75px;
    top: 40px;
}

#main_logo.sticky {
    /*width: 90px;*/
}

#logo-copy.sticky {
    display: block;
    font-size: calc(0.45vw);
    font-weight: 700;
    margin-left: 0;
    margin-top: -2px;
    padding-bottom: 10px;
}


#main-menu-nav.sticky {
    padding-top: 15px;
    float: right;
}

#secondNav.sticky {
    margin-top: 10px;
}

.search-box form {
    width: 100%;
}

article.branch-locator .information-bar .view-new-locations {
    margin-right: 10px;
    width: 25%;
    padding: 12px 0px;
    font-size: 9px;
}

article.branch-locator .nearby-locations .map-locations .find-your-branch {
    float: right;
    background: #C60C30;
    color: #fff;
    height: 35px;
    width: 25%;
    padding: 11px 0 0 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 9px;
    margin-right: 5px;
    font-weight: 600;
    margin-top: 8px;
    margin-right: 10px;
}

article.branch-locator .nearby-locations .map-locations p {
    font-size: 13px;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 0;
    padding: 7px 20px 0px 20px;
    float: right;
    display: none;
}

/*.center-2 h1 {
    margin-top: 30px;
}*/
/*#order-temps {
    margin-top: 100px;
}*/


.shopping-cart-page .page-title h1 {
    margin-top: 120px;
    text-align: center
}

.header-logo {
    display: none;
}

.search-box input.search-box-text {
    margin-top: 0;
}

button#search_button {
    margin-top: 0;
}

/*.col-sm-12 #search-bar-container {
    margin-top: 40px;
}

#secondNav {
    display: none;
}*/

/*.breadcrumb {
    padding: 30px 0px 0px 10px;
    margin: 75px 0 0 0;
}*/

.breadcrumb ul li {
    
}



/*.breadcrumb ul li .delimiter {
    position: relative;
    top: -5px;
}*/

/*.breadcrumb li * {
    margin: 0 2px !important;
    line-height: 20px !important;
}*/


.filter-container {
    /*padding-top: 95px;*/
    padding-bottom: 45px;
}

/*.side-2 {
    width: 100%;
}*/

.footer {
    /*margin-top: 60px;*/
}

.view-new-locations {
    font-size: 13px;
}

.page.product-details-page.featuredproducts {
    padding-top: 0;
}

/**********************   Media Queries   *******************************/

/****** Desktop Header Media Queries .START ******/

/* Desktop Small screens START----------- */
@media only screen and (min-width :1024px) {
    #secondNav .nav {
        padding-top: 0;
    }

    /*General Header*/
    .header-selectors-wrapper > div {
        margin: 0 12px 0 15px;
    }

    .change-to-canada {
        margin-left: 0;
    }

    .header-links {
        margin-right: 0;
    }

    .header-lower.sticky {
        height: 75px
    }



    .header-logo {
        padding-top: 10px;
    }

    #logo-copy {
        margin-left: 0px;
        margin-top: -5px;
        display: block;
        font-size: calc(5px + 0.5vw);
        font-weight: bolder;
    }

        #logo-copy.sticky {
            font-size: calc(0.6vw);
            margin-top: -1px;
        }

    /*#GlobalSearchBar.sticky {
        padding-top: 0;
    }*/

    .search-box input.search-box-text {
        font-size: 13px;
    }

    .search-drop-result-container {
        min-width: 360px;
    }

    #main-menu-nav.sticky #main_navigation {
        float: right;
        margin-top: -13px;
        padding-right: 45px;
    }

    /*#GlobalSearchBar .search-box {
        max-width: 460px;
    }*/

    #main-menu-nav.sticky li a {
        font-size: calc(6px + 0.3vw);
        padding: 10px 10px;
    }

    #GlobalSearchBar.sticky #instanceSearchCategoryResults .instance-search-result-category-item div:first-child {
        padding: 0;
    }

        #GlobalSearchBar.sticky #instanceSearchCategoryResults .instance-search-result-category-item div:first-child img {
            width: 25px;
        }

    /*#GlobalSearchBar.sticky .search-box {
        margin-left: 0px !important;
    }*/

    /*#GlobalSearchBar.sticky .glyphicon-search {
        left: -5px;
    }*/

    #main-menu-nav.sticky .dropdown-menu > li > a {
        line-height: 1;
        padding: 7px 10px;
    }

    /*.instance-search-result-product img {
        position: absolute;
        left: -5px;
    }*/

    /*.instance-search-result-product-actions a {
        margin-left: -20px;
    }*/
}
/* Desktop Small screens END----------- */


/****** iPhone 6, 7, & 8 in portrait & landscape .START ******/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {

    .master-wrapper-page .header.navbar.yamm.navbar-inverse {
        display: none;
    }

    #blog-populate .homepage-caption p:nth-of-type(2) {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    article.market-sector-tiles .sector-tiles .main-tile {
        width: 100%;
        margin-bottom: 5px;
    }

    article.branch-locator .information-bar .branch-icon img {
        max-width: 30px;
        margin-top: 15px;
    }

    article.market-sector-tiles .sector-tiles .main-tile h4 {
        font-size: 1.3em;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
    }

   /* article.branch-locator .information-bar .branch-icon {
        width: 60px;
    }

    article.branch-locator .information-bar .branch-count {
        left: 57px;
        margin-left: 10px;
    }*/

        article.branch-locator .information-bar .branch-count h4 {
            font-size: 13px;
            margin-top: 20px;
        }

    article.branch-locator .information-bar .state-count h4 {
        font-size: 13px;
        margin-top: 20px;
        /*margin-left: 15px;*/
        text-align: center;
    }

    article.branch-locator .information-bar .state-count {
        display: none;
    }

    article.branch-locator .information-bar .view-new-locations {
        margin-right: 10px;
        width: 25%;
        padding: 12px 0px;
        font-size: 9px;
    }



/*    article.branch-locator .map-results .map-image {
        width: 100%;
        display: block !important;
        margin-left: 0;
        margin-bottom: 30px;
    }*/

        article.branch-locator .map-results .map-image #cesMap {
            height: 320px;
            margin-top: 5px;
        }

    article.branch-locator .nearby-locations .map-locations h5 {
        display: none;
    }

    #return-to-top {
        bottom: 60px !important;
        margin: 0;
    }

    section.contact-us-pg .frm-input-items {
        width: 100%;
    }

    .contact-us-pg .page-form input[type=submit] {
        width: 40%;
    }


    #corpBrochure .bottom-line {
        display: none;
    }

    #corpBrochure .bottom-line {
        display: none;
    }

    .ces-select {
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    /*.page {
        padding: 10px 15px;
    }*/

    .small-ces-select {
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .branch-detail-page select {
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .container .customer-summary select {
        -webkit-appearance: none;
    }

    .noleft-shipping .popover.bottom > .arrow, .inventory .popover.bottom > .arrow {
        left: 40% !important;
    }

    .bg_slide.h_active {
        display: none !important;
    }

    .footer-upper div[class*="col-"] {
        position: inherit;
    }
}
/****** iPhone 6, 7, & 8 in portrait & landscape .END ******/

/****** iPhone 6, 7, & 8 in portrait .START ******/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {

    article.market-sector-tiles .sector-tiles div:nth-of-type(4) {
        margin-right: 0;
    }

    article.market-sector-tiles .sector-tiles div:nth-of-type(5) {
        margin-right: 0;
    }

    .item-box .product-title {
        margin: 0 !important;
    }

    .availability {
        margin-top: 0px !important;
    }

    .branch-detail-page .branch-info {
        width: 100%;
    }

    .branch-detail-page .container .clearfix {
        display: block;
    }

    .featured_overview .product-name h1 {
        font-size: 2em;
    }

    #ContentPlaceHolder1_subfeatures_bannerContent div:nth-child(2) div:nth-child(3) {
        margin-top: .5em;
        margin-bottom: 20px;
    }

    .previous_featured_products h3 {
    }

    #ContentPlaceHolder1_subfeatures_bannerContent {
        background-color: #0066a1;
        margin: 2em 0em;
    }

        #ContentPlaceHolder1_subfeatures_bannerContent div:nth-of-type(1) img {
            width: 100%;
        }

        #ContentPlaceHolder1_subfeatures_bannerContent div:nth-of-type(2) img {
            width: 80%;
        }

    #ContentPlaceHolder1_subfeatures_bannerLogo {
        margin: 1em 0 1em;
    }

    .banner-head-line {
        font-size: 2em;
    }

    .banner-sub-head-line {
        font-size: 1.0em;
        font-weight: 600;
    }

    #ContentPlaceHolder1_minorfeatures {
        margin: 2em 0;
    }

    .minorfeaturesbox div:first-child img {
        width: inherit;
    }

    .minorfeaturesCopy h2, .minorfeaturesCopy h2 p {
        font-size: 20px;
        line-height: 25px;
    }

    /*.cart-notification {
        top: 135px;
    }*/

        .cart-notification.favorites-modal .add-cart-title {
            font-size: 17px;
        }

    /*.add-cart-notification-item-label {
        font-size: 12px;
    }*/

    .add-cart-notification-item-value {
        font-size: 16px;
    }

    .add-cart-notification-subtotal {
        font-size: 16px;
    }

    .add-cart-check {
        font-size: 25px;
    }

    .notification-body .product-image {
        max-width: 150px;
        width: 100%;
        padding-bottom: 10px;
    }

    /*.add-cart-notification-item-name {
        font-size: 14px;
        line-height: 1.1;
    }*/

    /*.my_ces_section, .my_ces_section {
        margin: 15px 15px;
    }*/

    /*#start-tour {
        margin: 0 0 0 20px;
    }
*/
    /*.page-title-left {
        margin-left: 10px;
    }*/

        .page-title-left h1 {
            font-size: 20px;
        }

    .panel.panel-default .panel-heading .panel-title span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 26ch;
        padding-left: 0;
        padding-right: 0;
    }

    .ces-accordion .panel .panel-heading h4 {
        font-size: 10px;
    }

    .ces-sort-header {
        font-size: 9px;
        padding-left: 5px;
    }

    .ces-no-sort-header {
        font-size: 9px;
    }

    .ces-accordion .panel .panel-heading {
        padding-left: 0;
        padding-right: 0;
    }

    .po-section .col-xs-4 {
        width: 50%;
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 26ch;
    }

    .po-section .col-xs-8 {
        width: 50%;
    }

    .po-section {
        height: auto;
    }

    .full-page-breadcrumb {
        margin-top: 10px !important;
        margin-left: 20px;
    }

    .input-search .fa-search {
        right: 20px;
    }

    .ces-filter-title {
        text-align: left;
    }

    /*.cart td.product, .cart td.quantity {
        width: 100%;
        text-align: left;
        padding: 5px 10px 5px;
    }*/

    .jsr-footer {
        text-align: center;
        margin-top: 40px;
    }

    .search-wrap, .search-wrap.input-search input {
        width: 100%;
    }

    /*.cart tr {
        width: 94.5%;
        margin: 40px 10px 0px;
    }*/

    #job-account-number {
        padding-left: 5px;
    }



/*    .order-completed-page .order-complete-message {
        margin-top: 90px;
        margin-bottom: 30px;
    }*/

    /*.sub-links, .sub-links a {
        padding-left: 0 !important;
    }*/

    #job-account-number.col-xs-2.jsr-head-row,
    #released-conf.col-xs-3.jsr-head-row,
    #jsr-release-number.col-xs-2,
    #jsr-release-confirmation.col-xs-3 {
        width: 20% !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 26ch;
    }

    #released-by-title.col-xs-3.jsr-head-row,
    #released-time-title.col-xs-4.jsr-head-row,
    #jsr-release-email.col-xs-3,
    #jsr-release-time.col-xs-4 {
        width: 30% !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 26ch;
        line-height: 12px;
    }

    #jsr-release-email.col-xs-3 {
        padding-left: 5px !important;
        line-height: 12px;
    }

    #jsr-release-number.col-xs-2 {
        padding-left: 5px !important;
    }

    #job-account-number.col-xs-2,
    #released-conf.col-xs-3 {
        line-height: 2.5;
    }

    .small-ces-select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .about-us-img {
        width: 100%;
    }

    .largeheader.aboutus, .largeheader.timeline {
        padding-left: 10px;
        padding-top: 40px;
    }

    .largeheader.timeline {
        font-size: 27px;
    }

    

    .company-info h2.ces-white {
        padding: 20px 0;
    }

    .company-info h2.ces-white small {
        display: inline;
    }

    article.branch-locator .information-bar .state-count h4 {
        color: #fff;
    }

    #menu6 .table > thead > tr > th {
        padding: 7px;
    }

    #menu7 .table-responsive > .table > tbody > tr > td {
        white-space: nowrap;
    }

    #menu1 .row div:nth-child(2), #menu3 div:nth-child(n+2) {
        padding: 0;
    }

    #menu3 .row .table-responsive, #menu4 .row .table-responsive, #menu5 div:nth-child(2), #menu6 div:nth-child(2), #menu7 div:nth-child(2) {
        margin: 0;
    }

    #search-hover-handler {
        max-height: 105px !important;
    }

    article.market-sector-tiles .sector-tiles .child-tile .mobile-slide-in-overlay {
        display: initial;
        height: 71px;
        width: 95%;
        position: absolute;
        top: 102px !important;
        right: 0px;
        bottom: 0px;
        left: 5px;
        overflow: hidden;
        background: rgba(0, 0, 0, 0.6);
    }

    .mobile-slide-in-overlay .content-text p {
        color: #fff;
        margin-left: 10px;
    }

    .mobile-slide-in-overlay .content-text span.learn-more {
        margin-left: 10px;
        color: #fff;
    }

    .mobile-slide-in-overlay.commerical,
    .mobile-slide-in-overlay.residential {
        top: 70px !important;
    }

    article.market-sector-tiles .sector-tiles .child-tile .mobile-slide-in-overlay h3 {
        margin-top: -10px;
        position: absolute;
        color: #fff;
        left: 10px;
        bottom: 35px;
        z-index: 2;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 13px;
    }

    article.market-sector-tiles .sector-tiles .child-tile .mobile-slide-in-overlay .content-text .sep {
        position: absolute;
        color: #fff;
        left: 10px;
        bottom: 25px;
        z-index: 2;
        margin-top: 10px;
        margin-bottom: 10px;
        width: 80%;
        height: 2px;
        background-color: #C60C30;
    }

    article.market-sector-tiles .sector-tiles .child-tile .mobile-slide-in-overlay .content-text h4 {
        position: absolute;
        color: #fff;
        left: 15px;
        bottom: 0px;
        z-index: 2;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 12px;
    }


    .view-new-location-button {
        text-align: left;
    }

    /*#find-your-branch-button {
        margin-top: 15px;
    }*/

    .full-page-breadcrumb {
        margin-top: 60px !important;
        margin-left: 20px;
    }

    /*.page-title-left {
        margin-left: 0px;
    }*/

    .container .customer-summary select {
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    

    .search-result-view-all-footer {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /*.page-title-left.ces-dashboard {
        margin-top: 60px;
    }*/

    .branch-detail-page .branch-map .branch-main-photo img {
        max-width: 325px;
    }

    .main-image .img-responsive {
        padding-top: 30px;
        max-width: 100%;
    }

    /*.branch-detail-page {
        margin-top: 120px;
    }*/

    .breadcrumb li span a span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 20ch;
        /*margin-bottom: -8px !important;*/
    }

    .modal.let-us-know-modal .modal-content {
        top: 150px;
    }

    .overview .availability .stock .in-stock.popover {
        left: -5px !important;
    }

    .popover-content > ul {
        color: #333 !important;
        padding-top: 0;
        position: inherit;
        background: #fff;
    }

    .popover-content > ul li {
        display: inline;
    }

    .ces_drop_availability .popover {
        left: -60px !important;
    }

    .branch-locator-title h1 {
        margin: 0;
    }

    

    #secondNav {
        display: none;
    }
}
/****** iPhone 6, 7, & 8 in portrait .END ******/


/****** iPhone 6+, 7+, & 8+ in portrait .START ******/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) {

    article.market-sector-tiles .sector-tiles .child-tile .mobile-slide-in-overlay {
        display: initial;
        height: 71px;
        width: 95%;
        position: absolute;
        top: 122px !important;
        right: 0px;
        bottom: 0px;
        left: 5px;
        overflow: hidden;
        background: rgba(0, 0, 0, 0.6);
    }

    .mobile-slide-in-overlay.commerical, .mobile-slide-in-overlay.residential {
        top: 122px !important;
    }

    article.market-sector-tiles .sector-tiles .child-tile .mobile-slide-in-overlay.commerical,
    article.market-sector-tiles .sector-tiles .child-tile .mobile-slide-in-overlay.residential {
        top: 122px !important;
    }

    .search-results-info {
        margin-right: 15px;
    }

        .search-results-info .product-viewmode {
            display: none;
        }

    .view-new-location-button {
        text-align: center;
    }

    #find-your-branch-button {
        margin-top: 15px;
    }

    .container .customer-summary select {
        -webkit-appearance: none;
    }

    .full-page-breadcrumb {
        margin-top: 60px !important;
        margin-left: 20px;
    }

    .full-page-breadcrumb {
        margin-top: 60px !important;
        margin-left: 20px;
    }

    .page-title-left {
        margin-left: 0px;
    }

    .container .customer-summary select {
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .branch-detail-page .branch-map .branch-main-photo img {
        max-width: 365px;
    }

    .main-image .img-responsive {
        padding-top: 0;
        max-width: 100%;
    }

    .filter-container {
        padding-top: 70px;
    }

    #instanceSearchResult {
        padding-bottom: 70px;
        overflow-y: scroll;
        height: inherit;
    }
}
/****** iPhone 6+, 7+, & 8+ in portrait .END ******/


/****** iPad in portrait .START ******/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    .master-wrapper-page .header.navbar.yamm.navbar-inverse {
        display: none;
    }

    article.market-sector-tiles .sector-tiles .main-tile {
        width: 100%;
        min-height: auto;
    }

    article.branch-locator .map-results .map-image {
        width: 100%;
        display: block !important;
        margin-left: 0;
        margin-bottom: 30px;
        margin-top: 5px;
    }

    article.branch-locator .map-results .results div:last-child {
        margin-bottom: 0 !important;
    }

/*    article.branch-locator .map-results .map-image #cesMap {
        width: 100%;
        display: block !important;
        height: 320px;
    }*/

    #return-to-top {
        bottom: 60px !important;
    }

    .item-box .product-title {
        margin: 0 !important;
    }

    .availability {
        margin-top: 0px !important;
    }

    section #myContactForm {
        padding-top: 30px;
    }

    .contact-us-pg .page-form input[type=submit] {
        width: 20%;
    }

    branch-detail-page .branch-input:nth-child(even) {
        float: left;
    }

    .my_ces_section_tablet {
        display: block;
    }

    .my_ces_section div:nth-child(3) span.divider:after {
        display: none;
    }

    .branch-detail-page .branch-map {
        float: right;
        width: 65%;
    }


    .branch-detail-page .container .clearfix {
        display: none;
    }

    .email-content .email-address {
        padding-left: 5px;
    }

    .small-ces-select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    /****** Feature Products Mobile ******/
    #ContentPlaceHolder1_subfeatures_bannerContent {
        background-color: #0066a1;
        margin: 2em 0em;
    }

        #ContentPlaceHolder1_subfeatures_bannerContent div:nth-of-type(1) img {
            width: 100%;
        }

        #ContentPlaceHolder1_subfeatures_bannerContent div:nth-of-type(2) img {
            width: 80%;
        }

    #ContentPlaceHolder1_subfeatures_bannerLogo {
        margin: 1em 0 1em;
    }

    .banner-head-line {
        font-size: 2em;
    }

    .banner-sub-head-line {
        font-size: 1.0em;
        font-weight: 600;
    }

    #ContentPlaceHolder1_minorfeatures {
        margin: 2em 0;
    }

    .minorfeaturesbox div:first-child img {
        width: inherit;
    }

    .minorfeaturesCopy h2, .minorfeaturesCopy h2 p {
        font-size: 20px;
        line-height: 25px;
    }

   /* .cart-notification {
        top: 135px;
    }*/

    .page.shopping-cart-page {
        padding-top: 50px;
    }

    /*#view-pay-invoices .myces-icon-link {
        margin-bottom: 20px;
    }*/

    /*#edit_address .popup, #validate_edit_address .popup {
        margin: 170px auto;
    }*/

    #edit_address.overlay:target, #validate_edit_address.overlay:target {
        z-index: 10000;
    }

    .ces-row-sub-line .release-options {
        font-weight: normal !important;
    }

    .page-title-left h1 {
        margin-left: 20px;
        /*margin-top: 120px;*/
    }

    .cart td.product, #jsr-release-email {
        /*white-space: nowrap;*/
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 55ch;
    }

    .remaining-qty {
        line-height: 2;
    }

    .cart td.quantity {
        min-width: 120px;
        text-align: left;
        width: 100%;
    }

    .search-wrap, .search-wrap input {
        width: 100%;
    }

    .ces-filter-title {
        text-align: left;
    }

    .full-page-breadcrumb {
        margin-left: 20px;
        margin-top: 70px !important;
    }

    .jsr-footer {
        margin-right: 10px;
    }

    .ces-select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .small-ces-select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }


    .order-completed-page .main-info {
        margin-top: 0;
    }

    .order-completed-page .order-complete-message {
        margin-top: 80px;
        margin-bottom: 30px;
    }

    .page {
        padding: 10px 15px;
    }

    section.contact-us-pg {
        padding: 0 20px;
    }

    .about-us-img {
        width: 100%;
    }

    article.market-sector-tiles .sector-tiles .child-tile .slide-in-overlay {
        display: none;
    }

    article.market-sector-tiles .sector-tiles .child-tile .mobile-slide-in-overlay {
        display: initial;
        height: 80px;
        width: 100%;
        position: absolute;
        top: 160px;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
        background: rgba(0, 0, 0, 0.6);
    }


        article.market-sector-tiles .sector-tiles .child-tile .mobile-slide-in-overlay p {
            margin-top: -10px;
            position: absolute;
            color: #fff;
            left: 30px;
            bottom: 35px;
            z-index: 2;
            text-transform: uppercase;
            font-weight: 500;
            font-size: 18px;
        }

        article.market-sector-tiles .sector-tiles .child-tile .mobile-slide-in-overlay .content-text .sep {
            position: absolute;
            color: #fff;
            left: 30px;
            bottom: 25px;
            z-index: 2;
            margin-top: 10px;
            margin-bottom: 10px;
            width: 80%;
            height: 2px;
            background-color: #C60C30;
        }

        article.market-sector-tiles .sector-tiles .child-tile .mobile-slide-in-overlay .content-text .learn-more {
            position: absolute;
            color: #fff;
            left: 35px;
            bottom: 5px;
            z-index: 2;
            text-transform: uppercase;
            font-weight: 500;
            font-size: 15px;
        }

    .cart-collaterals {
        padding: 0;
    }



    .page-title-left.ces-dashboard {
        margin-top: 100px;
    }

    .overview .featured-product-info {
        margin-left: 0;
    }

    .search-results-info {
        margin-right: 15px;
    }

        .search-results-info .product-viewmode {
            display: none;
        }

    .branch-locator-square-box {
        min-height: 135px;
        padding: 10px 30px 20px 30px;
    }

    .branch-locator-box-background.branch-locator-rectangular-box.margintop40 .col-md-2 {
        padding-top: 20px;
    }

    /*#find-your-branch-button {
        margin-top: 15px;
    }*/



    .page-title-left.jsr-title {
        margin-top: 80px !important;
    }

    .search-bar-form {
        width: 705px;
        margin-bottom: -5px;
    }

    .container .customer-summary select {
        -webkit-appearance: none;
    }

    .branch-detail-page .container .row.col-lg-12.margintop45 {
        margin-top: 100px;
    }

    .page-title-left.job-account-pg {
        margin-top: 180px;
    }

    .container .customer-summary select {
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .branch-detail-page .branch-map .branch-main-photo img {
        max-width: 456px;
    }

    .main-image .img-responsive {
        padding-top: 120px;
        max-width: 100%;
    }

    .breadcrumb li span a span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 31ch;
        /*margin-bottom: -14px !important;*/
    }

    .overview .availability .stock .in-stock.popover {
        left: 0 !important;
    }

    .popover-content > ul {
        color: #333 !important;
        padding-top: 0;
        position: inherit;
        background: #fff;
    }

    .popover-content > ul li {
        display: inline;
    }

    .col-sm-12 #search-bar-container {
        margin-top: -1px;
    }
}
/****** iPad in portrait .END ******/


/****** iPad in landscape .START ******/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

    article.market-sector-tiles .sector-tiles .child-tile img {
        height: 100%;
        width: 100%;
    }

    article.market-sector-tiles .sector-tiles .child-tile {
        width: 33%;
    }

    article.market-sector-tiles .sector-tiles .main-tile {
        width: 100%;
    }

    /*article.market-sector-tiles .sector-tiles div:nth-of-type(2) {
        padding-top: 15px;
        margin-right: 5px;
    }

    article.market-sector-tiles .sector-tiles div:nth-of-type(3) {
        padding-top: 15px;
        float: left;
    }

    article.market-sector-tiles .sector-tiles div:nth-of-type(4) {
        margin-right: 0;
        float: right;
    }

    article.market-sector-tiles .sector-tiles div:nth-of-type(5) {
        margin-right: 5px;
    }*/

    article.branch-locator .information-bar .view-new-locations, article.branch-locator .nearby-locations .map-locations .find-your-branch {
        font-size: 10px;
        padding: 9px 25px;
    }

    
    .item-box .product-title {
        margin: 0 !important;
    }

    .availability {
        margin-top: 0px !important;
    }

    #user_nav {
        /*width: 640px;*/
    }

    .header-links {
        /*padding-right: 10px;*/
    }

    #return-to-top {
        bottom: 60px !important;
    }

    .header-links > ul > li {
        /*padding: 10px 12px 0;*/
    }

    button#search_button, button#quick-order {
        padding: 12px 0px;
    }

    .my_ces_section_tablet {
        display: none;
    }

    .small-ces-select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .myces-icon-link {
        margin-bottom: 20px;
    }

    /*.my_ces_section {
        position: relative;
        min-height: 246px;
    }*/

        /*.my_ces_section.opt-in {
            min-height: 96px !important;
        }*/

    .small-ces-select {
        font-size: 10px;
    }

    /****** Feature Products Mobile ******/
    #ContentPlaceHolder1_subfeatures_bannerContent {
        background-color: #0066a1;
        margin: 2em 0em;
    }

    #ContentPlaceHolder1_subfeatures_bannerContent div:nth-of-type(1) img {
        width: 100%;
    }

    #ContentPlaceHolder1_subfeatures_bannerContent div:nth-of-type(2) img {
        width: 80%;
    }

    #ContentPlaceHolder1_subfeatures_bannerLogo {
        margin: 1em 0 1em;
    }

    .banner-head-line {
        font-size: 2em;
    }

    .banner-sub-head-line {
        font-size: 1.0em;
        font-weight: 600;
    }

    #ContentPlaceHolder1_minorfeatures {
        margin: 2em 0;
    }

    .minorfeaturesbox div:first-child img {
        width: inherit;
    }

    .minorfeaturesCopy h2, .minorfeaturesCopy h2 p {
        font-size: 20px;
        line-height: 25px;
    }

    .ces-row-sub-line .release-options {
        font-weight: normal !important;
    }

    .search-wrap, .search-wrap input {
        width: 100%;
    }

    .jsr-footer {
        text-align: right;
        padding-right: 10px;
    }

    .full-page-breadcrumb {
        margin-left: 20px;
    }

    .ces-select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .flexslider:hover .flex-direction-nav .flex-next,
    .flexslider:hover .flex-direction-nav .flex-prev {
        display: none;
    }

    .checkout-page .checkout-cart-items .shipping-options .ship-opt .dropdown.multiselect .dropdownMenu i {
        padding-left: 40px;
    }

    .order-completed-page .order-complete-message {
        margin-top: 100px;
    }

    .page {
        padding: 10px 15px;
    }

    .order-progress .payment-progress {
        margin-right: 0px;
    }

    section.contact-us-pg {
        margin-top: 20px;
        width: 100%;
        margin: 0 auto;
        padding: 0 20px;
    }


    .checkout-page .title h3, .checkout-page .items-shipping h3 {
        padding-left: 15px;
    }

    .col-lg-9 #hero_test .flexslider .slides div.sliderItem div:nth-child(2) h2 {
        padding: 60% 0;
        font-size: 25px;
    }

    article.market-sector-tiles .sector-tiles .child-tile .slide-in-overlay {
        display: none;
    }

    article.market-sector-tiles .sector-tiles .child-tile .mobile-slide-in-overlay {
        display: initial;
        height: 80px;
        width: 100%;
        position: absolute;
        top: 273px;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
        background: rgba(0, 0, 0, 0.6);
    }


    article.market-sector-tiles .sector-tiles .child-tile .mobile-slide-in-overlay p {
        margin-top: -10px;
        position: absolute;
        color: #fff;
        left: 35px;
        bottom: 36px;
        z-index: 2;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 18px;
    }

    article.market-sector-tiles .sector-tiles .child-tile .mobile-slide-in-overlay .content-text .sep {
        position: absolute;
        color: #fff;
        left: 30px;
        bottom: 31px;
        z-index: 2;
        margin-top: 10px;
        margin-bottom: 10px;
        width: 80%;
        height: 2px;
        background-color: #C60C30;
    }

    article.market-sector-tiles .sector-tiles .child-tile .mobile-slide-in-overlay .content-text .learn-more {
        position: absolute;
        color: #fff;
        left: 35px;
        bottom: 11px;
        z-index: 2;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 15px;
    }

    img#slide7 {
        height: 510px;
        width: initial;
    }

    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .branch-locator-title {
        margin: 25px 255px;
    }

    .container .customer-summary select {
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .branch-detail-page .branch-map .branch-main-photo img {
        max-width: 472px;
    }

    .main-image .img-responsive {
        padding-top: 80px;
        max-width: 100%;
    }

    /*.flexslider .slides img {
        width: auto !important;
    }*/

    #feature-product-header img {
        max-width: 400px;
    }

    #feature-product-01 img {
        /*max-width: 450px;*/
    }

    #feature-product-02 img {
        max-width: 240px;
    }

    #feature-product-03 img {
        max-width: 240px;
    }

    #feature-product-04 img {
        max-width: 240px;
    }

    #feature-product-05 img {
        max-height: 390px;
    }

    .change-to-canada {
        /*margin-left: 20px;*/
    }



    #logo-copy {
        display: none;
    }

    #main_navigation li a {
        /*font-size: 1.4vw;*/
    }

    #main_navigation li ul.dropdown-menu li a {
        font-size: 1vw;
    }

    /*#secondNav {
        padding-top: 20px;
    padding-right: 0px;
    margin-top: 0px;
        position: relative;
    display: table-cell;
    }*/

    #main_navigation {
        /*margin-right: 20px;*/
    }

    .header-links {
        margin-right: 0;
    }

    #instanceSearchResult {
        padding-bottom: 70px;
        overflow-y: scroll;
        height: inherit;
    }

    #sub-menu-nav {
        top: -55px;
    }

    #main-menu-nav {
        /*top: 55px;*/
    }

    /*.search-bar-box {
        left: 0;
    }*/

    .search-box form {
        width: 100%;
    }



    /*#search-hover-handler input {
        max-width: 100%;
        height: 50px;
    }*/

    .search-box input.search-box-text {
        min-width: fit-content;
    }

    .search-drop-result-container {
        /*width: 654px;
        min-width: 654px;*/
    }

    #myces-dropdown-content {
        /*top: 140px;*/
    }
}
/****** iPad in landscape .END ******/

/****** Galaxy S5 portrait .START ******/
@media screen and (max-width: 360px) and (orientation: portrait) {

    article.market-sector-tiles .sector-tiles .main-tile {
        height: auto;
    }

    .master-wrapper-page .header.navbar.yamm.navbar-inverse {
        display: block;
        width: 110px;
    }



    #feature-product-header img {
        max-width: 400px;
    }

    #feature-product-01 img {
        /*max-width: 360px;*/
    }

    #feature-product-02 img {
        max-width: 360px;
    }

    #feature-product-03 img {
        max-width: 330px;
    }

    #feature-product-04 img {
        max-width: 165px;
    }

    .branch-locator-title {
        margin: 50px 75px 25px 25px;
    }

    .branch-locator-title h1 {
        text-align: center;
        font-size: 37px;
        margin: 25px 0;
        color: #444;
    }

    #search-hover-handler input {
        max-width: 426px;
    }
}
/****** iPad Pro portrait .END ******/


/****** iPad Pro 11/2018  portrait .START ******/
@media only screen and (min-width: 834px) and (max-height: 1112px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {

    button#search_button {
        margin-top: 0;
    }

    .navigation-mobile {
        position: fixed;
        z-index: 9999;
        width: 100%;
        display: block;
    }

    .nav-mobile {
        display: block;
        position: fixed;
    }

    nav {
        width: 100%;
        padding: 50px 0 0 0;
        background-color: #383838;
        margin-bottom: 30px;
    }

        nav ul {
            display: none;
            z-index: 999;
            height: auto;
            color: #fff;
            padding-top: 86px;
            text-align: left;
            position: absolute;
            background: #C60c30;
        }

    .navigation-mobile .mobile-sub-menu {
        background-color: #C60C30;
        height: 80px;
        position: fixed;
        top: 60px;
        display: inline-flex;
        width: 100%;
        padding: 10px;
        margin: 0;
        z-index: 99;
        border-bottom: 1px solid #fff;
    }

        .navigation-mobile .mobile-sub-menu .nav-item {
            font-size: 28px;
            color: #fff;
            text-align: center;
        }

            .navigation-mobile .mobile-sub-menu .nav-item p {
                font-size: 11px;
                font-weight: 600;
                margin-top: 5px;
                color: #fff;
            }

    .col-sm-12 #search-bar-container {
        margin-top: 62px;
    }

    /*#search-hover-handler input {
        max-width: 765px;
        width: 765px !important;
    }*/

    .search-box input.search-box-text {
        /*margin-top: 43px;*/
    }
}



/****** iPad Pro 11/2018  portrait .START ******/
@media only screen and (min-width: 834px) and (max-height: 1112px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {

    .navigation-mobile {
        position: fixed;
        z-index: 9999;
        width: 100%;
        display: block;
    }

    .nav-mobile {
        display: block;
        position: fixed;
    }

    nav {
        width: 100%;
        padding: 50px 0 0 0;
        background-color: #383838;
        margin-bottom: 30px;
    }

        nav ul {
            display: none;
            z-index: 999;
            height: auto;
            color: #fff;
            padding-top: 86px;
            text-align: left;
            position: absolute;
            background: #C60c30;
        }

    .navigation-mobile .mobile-sub-menu {
        background-color: #C60C30;
        height: 80px;
        position: fixed;
        top: 60px;
        display: inline-flex;
        width: 100%;
        padding: 10px;
        margin: 0;
        z-index: 99;
        border-bottom: 1px solid #fff;
    }

        .navigation-mobile .mobile-sub-menu .nav-item {
            font-size: 28px;
            color: #fff;
            text-align: center;
        }

            .navigation-mobile .mobile-sub-menu .nav-item p {
                font-size: 11px;
                font-weight: 600;
                margin-top: 5px;
                color: #fff;
            }

    .col-sm-12 #search-bar-container {
        margin-top: 62px;
    }

    /*#search-hover-handler input {
        max-width: 765px;
        width: 765px !important;
    }*/

    .search-box input.search-box-text {
        /*margin-top: 43px;*/
    }
}
/****** iPad Pro 11/2018  portrait .END ******/


/****** Galaxy S5 portrait .START ******/
@media only screen and (max-device-width: 360px), only screen and (max-width: 360px) {

    /*#GlobalSearchBar {
        width: 100% !important;
        margin-right: 0;
    }

        #GlobalSearchBar.sticky {
            position: absolute !important;
            top: 48px;
            left: 0;
        }*/

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

    .ces-drop-product-description {
        width: 28%;
    }

    article.market-sector-tiles .sector-tiles .main-tile {
        height: inherit;
        margin-right: 0;
        width: 100%;
    }

    .home-featured .product-item {
        height: initial;
        padding-bottom: 50px;
    }

    .home-featured {
        width: 100%;
        margin-bottom: 25px;
    }

    article.market-sector-tiles .sector-tiles .child-tile {
        width: 50%;
        padding: 5px;
    }

        article.market-sector-tiles .sector-tiles .child-tile img {
            height: inherit;
            width: 100%;
        }

    article.market-sector-tiles .sector-tiles div:nth-of-type(5) {
        margin-right: 0px;
    }

    article.market-sector-tiles .sector-tiles div:nth-of-type(4) {
        margin-right: 0px;
    }

    article.market-sector-tiles .sector-tiles div:nth-of-type(n+4) {
        padding-top: 7px;
    }

    article.branch-locator .information-bar .branch-icon {
        width: 60px;
    }

        article.branch-locator .information-bar .branch-icon img {
            max-width: 30px;
            margin-top: 15px;
        }

    article.branch-locator .information-bar .branch-count h4 {
        font-size: 13px;
        margin-top: 20px;
    }

    article.branch-locator .information-bar .branch-count {
        left: 57px;
        margin-left: 5px;
    }

    article.branch-locator .information-bar .state-count {
        left: 137px;
        width: 95px;
    }

        article.branch-locator .information-bar .state-count h4 {
            font-size: 13px;
            margin-top: 20px;
            margin-left: 15px;
        }

    article.branch-locator .information-bar .view-new-locations {
        margin-right: 5px;
        width: 20%;
        padding: 3px 10px;
        font-size: 10px;
    }

    article.branch-locator .nearby-locations .map-locations .find-your-branch {
        font-size: 10px;
        width: 40%;
        padding: 3px 30px;
        margin-right: 5px;
    }

    article.branch-locator .map-results .map-image {
        width: 100%;
        display: block !important;
        margin-left: 0;
        margin-bottom: 30px;
    }

    .section-title h2 {
        text-align: center;
    }

    .contact-us-pg .page-form input[type=submit] {
        width: 40%;
    }

    section.contact-us-pg .frm-input-items {
        width: 100%;
    }

    #corpBrochure .bottom-line {
        display: none;
    }

    #corpBrochure .bottom-line {
        display: none;
    }

    .branch-detail-page .branch-info {
        width: 100%;
    }

    .branch-detail-page .container .clearfix {
        display: block;
    }

    /****** Feature Products Mobile ******/
    .featured_overview .product-name h1 {
        font-size: 2em;
    }

    #ContentPlaceHolder1_subfeatures_bannerContent div:nth-of-type(1) img {
        width: 100%;
    }

    #ContentPlaceHolder1_subfeatures_bannerContent div:nth-child(2) div:nth-child(3) {
        margin-top: .5em;
        margin-bottom: 20px;
    }

    #ContentPlaceHolder1_subfeatures_bannerContent {
        background-color: #0066a1;
        margin: 2em 0em;
    }


        #ContentPlaceHolder1_subfeatures_bannerContent div:nth-of-type(2) img {
            width: 80%;
        }

    #ContentPlaceHolder1_subfeatures_bannerLogo {
        margin: 1em 0 1em;
    }

    .banner-head-line {
        font-size: 2em;
    }

    .banner-sub-head-line {
        font-size: 1.0em;
        font-weight: 600;
    }

    #ContentPlaceHolder1_minorfeatures {
        margin: 2em 0;
    }

    .minorfeaturesbox div:first-child img {
        width: inherit;
    }

    .minorfeaturesCopy h2, .minorfeaturesCopy h2 p {
        font-size: 20px;
        line-height: 25px;
    }

/*    .cart-notification {
        top: 135px;
    }*/

        .cart-notification.favorites-modal .add-cart-title {
            font-size: 17px;
        }

    .add-cart-notification-item-label {
        font-size: 12px;
    }

    .add-cart-notification-item-value {
        font-size: 16px;
    }

    .add-cart-notification-subtotal {
        font-size: 16px;
    }

    .add-cart-check {
        font-size: 25px;
    }

    .notification-body .product-image {
        max-width: 120px;
        width: 100%;
        padding-bottom: 10px;
    }

    .add-cart-notification-item-name {
        font-size: 14px;
        line-height: 1.1;
    }

    .page-title-left h1 {
        font-size: 20px;
        margin-top: 30px;
    }

    .ces-sort-header {
        font-size: 10px;
        padding-left: 20px;
    }

    .panel.panel-default .panel-heading .panel-title span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 26ch;
    }

    .po-section {
        height: auto;
    }

        .po-section .col-xs-4 {
            width: 50%;
            font-size: 14px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 26ch;
        }

        .po-section .col-xs-8 {
            width: 50%;
        }

    .ces-row-sub-line .release-options {
        font-weight: normal !important;
    }

    .page {
        padding: 10px 15px;
    }

    .sub-links, .sub-links a {
        padding-left: 10px !important;
    }

    section.contact-us-pg {
        margin-top: 20px;
        width: 100%;
        margin: 0 auto;
        padding: 0 20px;
    }

    .full-page-breadcrumb {
        margin-left: 15px;
    }

    .ces-filter-title {
        text-align: left;
    }

    .small-ces-select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    article.branch-locator .map-results .map-image #cesMap {
        height: 325px;
    }

    article.branch-locator .information-bar .state-count h4 {
        color: #fff;
        font-size: 28px;
        /*margin-left: 40px;*/
    }

    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    article.market-sector-tiles .sector-tiles .child-tile .mobile-slide-in-overlay {
        display: initial;
        height: 71px;
        width: 94%;
        position: absolute;
        top: 96px;
        right: 0px;
        bottom: 0px;
        left: 5px;
        overflow: hidden;
        background: rgba(0, 0, 0, 0.6);
    }

        article.market-sector-tiles .sector-tiles .child-tile .mobile-slide-in-overlay h3 {
            margin-top: -10px;
            position: absolute;
            color: #fff;
            left: 10px;
            bottom: 35px;
            z-index: 2;
            text-transform: uppercase;
            font-weight: 500;
            font-size: 13px;
        }

        article.market-sector-tiles .sector-tiles .child-tile .mobile-slide-in-overlay .content-text .sep {
            position: absolute;
            color: #fff;
            left: 10px;
            bottom: 25px;
            z-index: 2;
            margin-top: 10px;
            margin-bottom: 10px;
            width: 80%;
            height: 2px;
            background-color: #C60C30;
        }

        article.market-sector-tiles .sector-tiles .child-tile .mobile-slide-in-overlay .content-text h4 {
            position: absolute;
            color: #fff;
            left: 15px;
            bottom: 0px;
            z-index: 2;
            text-transform: uppercase;
            font-weight: 500;
            font-size: 12px;
        }

    .page.product-details-page.featuredproducts .page-body .row {
        margin: 0 auto;
    }

    .breadcrumb.featured {
        float: left;
        margin-left: 0;
        margin-top: 50px;
        text-align: left;
    }

    .overview .featured-product-info {
        margin-left: 0;
    }

    .featured-product-info .nav li a,
    .featured-product-info .nav li.active a,
    .featured-product-info .nav li.hover a {
        font-size: .8rem !important;
    }

    #productVideo .flex-video > .product_video_lg {
        width: 100%;
        height: 200px;
    }

    .search-results-info {
        margin-right: 15px;
    }

        .search-results-info .product-viewmode {
            display: none;
        }

    .view-new-location-button {
        text-align: left;
    }

    .branch-locator-title {
        margin: 120px 30px 25px 30px;
    }

    #find-your-branch-button {
        margin-top: 15px;
    }

    .search-drop-result-container {
        width: 100vw;
    }

    .branch-detail-page .branch-map .branch-main-photo img {
        max-width: 310px;
    }

    .main-image .img-responsive {
        padding-top: 0;
        max-width: 100%;
    }

    .breadcrumb li * {
        margin: 0 2px !important;
        line-height: 25px !important;
    }


    .breadcrumb li span a span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 20ch;
        margin-bottom: -8px !important;
    }
}

/****** iPad Pro  portrait .START ******/
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {

    .master-wrapper-page .header.navbar.yamm.navbar-inverse {
        display: block;
        width: 110px;
    }



    #feature-product-header img {
        max-width: 400px;
    }

    #feature-product-01 img {
        /*max-width: 360px;*/
    }

    #feature-product-02 img {
        max-width: 360px;
    }

    #feature-product-03 img {
        max-width: 330px;
    }

    #feature-product-04 img {
        max-width: 165px;
    }


    .branch-locator-title h1 {
        text-align: center;
        font-size: 37px;
        margin: 25px 0;
        color: #444;
    }
}
/****** iPad Pro portrait .END ******/

/****** iPad Pro 11/2018  portrait .START ******/
@media only screen and (min-width: 834px) and (max-height: 1112px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {

    .navigation-mobile {
        position: fixed;
        z-index: 9999;
        width: 100%;
        display: block;
    }

    .nav-mobile {
        display: block;
        position: fixed;
    }

    nav {
        width: 100%;
        padding: 50px 0 0 0;
        background-color: #383838;
        margin-bottom: 30px;
    }

        nav ul {
            display: none;
            z-index: 999;
            height: auto;
            color: #fff;
            padding-top: 86px;
            text-align: left;
            position: absolute;
            background: #C60c30;
        }

    .navigation-mobile .mobile-sub-menu {
        background-color: #C60C30;
        height: 80px;
        position: fixed;
        top: 60px;
        display: inline-flex;
        width: 100%;
        padding: 10px;
        margin: 0;
        z-index: 99;
        border-bottom: 1px solid #fff;
    }

        .navigation-mobile .mobile-sub-menu .nav-item {
            font-size: 28px;
            color: #fff;
            text-align: center;
        }

            .navigation-mobile .mobile-sub-menu .nav-item p {
                font-size: 11px;
                font-weight: 600;
                margin-top: 5px;
                color: #fff;
            }

    .col-sm-12 #search-bar-container {
        margin-top: 62px;
    }

    /*#search-hover-handler input {
        max-width: 765px;
        width: 765px !important;
    }*/

   /* .search-box input.search-box-text {
        margin-top: 43px;
    }*/
}

/****** iPad Pro 11/2018  portrait .START ******/
@media only screen and (min-width: 834px) and (max-height: 1112px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {

    .navigation-mobile {
        position: fixed;
        z-index: 9999;
        width: 100%;
        display: block;
    }

    .nav-mobile {
        display: block;
        position: fixed;
    }

    nav {
        width: 100%;
        padding: 50px 0 0 0;
        background-color: #383838;
        margin-bottom: 30px;
    }

        nav ul {
            display: none;
            z-index: 999;
            height: auto;
            color: #fff;
            padding-top: 86px;
            text-align: left;
            position: absolute;
            background: #C60c30;
        }

    .navigation-mobile .mobile-sub-menu {
        background-color: #C60C30;
        height: 80px;
        position: fixed;
        top: 60px;
        display: inline-flex;
        width: 100%;
        padding: 10px;
        margin: 0;
        z-index: 99;
        border-bottom: 1px solid #fff;
    }

        .navigation-mobile .mobile-sub-menu .nav-item {
            font-size: 28px;
            color: #fff;
            text-align: center;
        }

            .navigation-mobile .mobile-sub-menu .nav-item p {
                font-size: 11px;
                font-weight: 600;
                margin-top: 5px;
                color: #fff;
            }

    .col-sm-12 #search-bar-container {
        margin-top: 62px;
    }

    /*#search-hover-handler input {
        max-width: 765px;
        width: 765px !important;
    }*/

    /*.search-box input.search-box-text {
        margin-top: 43px;
    }*/
}
/****** iPad Pro 11/2018  portrait .END ******/











/* ::::::::::::::::::::::::::::::::::::::::::::::::::::     Bootstrap breakpoints. START     :::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {
}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    
    /*#GlobalSearchBar {
        top: 140px;
    }*/

    /*article.welcome-msg h1 {
        margin: 80px 0 30px 0;
    }*/

    /*article.welcome-msg.welcome-msg-loggedIn h1 {
        margin-top: 40px;
    }*/

    .modal.let-us-know-modal .modal-content fieldset legend {
        width: 45%;
    }

    .modal.let-us-know-modal #let-us-know-text-content {
        /*min-width: 560px;*/
        max-width: 560px;
    }

    article.branch-locator .information-bar .view-new-locations {
        width: 20%;
        font-size: 12px;
    }

    article.branch-locator .nearby-locations .map-locations .find-your-branch {
        width: 20%;
        padding: 9px 0 0 0;
        font-size: 12px;
    }

    article.branch-locator .nearby-locations .map-locations p {
        display: block;
    }

    .ces-renewables-video {
        height: 430px;
    }

    .cart tbody {
        display: contents;
        overflow: hidden;
    }

    .why-renewables .right-side div:nth-child(2) {
        padding-top: 15px;
    }

    .shop-renewables {
        max-width: 240px;
    }

    .configTools-logo {
        display: block;
        padding: 0 12px;
    }

    #configtools > li a span {
        display: none;
    }

    #UserAssignment_Form h1 {
        padding-top: 60px;
    }

    .footer {
        /*margin-top: 60px;*/
    }

    /*#UserAssignment_Dashboard h1,
    #UserAssignment_Form h1
    .job-account-pg > h1 {
        padding-top: 60px;
    }*/

    /*.master-column-wrapper h1 {
        margin-top: -10px;
    }*/

    /*.breadcrumb {
        padding: 30px 0px 0px 10px
    }*/

    .col-sm-12 #search-bar-container {
        margin-top: 0;
    }

    .page-title.create-update-template {
        margin-top: 100px;
    }

    .logo-container {
        width: 70%;
    }

    #home-page-services-sector p {
        width: 350px;
        margin-top: 0;
    }

    .services-sector-cta {
        text-align: left;
    }

    #hero9 {
        background-position-y: 70px;
    }

    .featureProductButton {
        position: absolute;
        margin-top: 25px;
        bottom: 50px;
        left: 0%
    }

    /*#edit_address .popup, #validate_edit_address .popup {
        width: 60%;
        height: 60%;
    }

    .breadcrumb ul li a {
        max-width: 260px;
    }*/

    /*#cont {
        padding-top: 25%;
    }*/
}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .header-lower {
        border-bottom: solid 1px #333;
    }

    .sticky {
        position: sticky !important;
        position: -webkit-sticky !important;
    }

    #renewableEngeries.master-column-wrapper {
        padding-top: 60px;
    }

    #renewableEngeries h1:before {
        top: 93px;
    }

    .ces-renewables-video {
        height: 580px;
    }

    /*#order-temps {
        margin-top: 80px;
    }*/


    .page-title.create-update-template {
        margin-top: 60px;
    }

    #product-nav {
        display: block;
    }

    .center-2 {
        width: 75%;
    }

    .shopping-cart-page .page-title h1 {
        text-align: left;
    }

    .search-drop-result-container {
        width: 705px;
    }

    /*.search-bar-box {
        min-width: 100%;
    }*/

    .header-links-wrapper {
        width: 600px;
    }

    article.welcome-msg h1 {
        margin: 60px 0 30px 0;
    }

    article.welcome-msg.welcome-msg-loggedIn h1 {
        margin-top: 95px;
    }

    #secondNav {
        display: block;
    }

    .header-links {
        width: auto;
        margin-top: -3px;
        white-space: nowrap;
        float:right;
    }

    .header-selectors-wrapper {
        margin-top: 2px;
    }

    .why-renewables .right-side div:nth-child(2) {
        padding-top: 39px;
        padding-bottom: 35px;
    }

    .footer-block {
        width: 20%;
    }

    .footer-block.follow-us {
        /*float: left;*/
        width: 20% !important;
    }

    #header-fp-feb {
        height: 230px;
    }

    #whia-fp-feb {
        height: 200px;
    }

    #aura-fp-feb {
        margin-top: 0;
    }

    #current-fp-feb {
        height: 190px;
    }

    #f4p-fp-feb {
        margin-left: -18%;
        margin-top: -10%;
        height: 145px;
    }

    #klein-fp-feb {
        margin-top: -15%;
        margin-left: -15%;
        height: 250px;
    }

    /*#GlobalSearchBar {
        position: absolute;
        top: 25px;
        left: 160px;
        width: 400px;
        position: absolute;
    }

    .header-lower.sticky #GlobalSearchBar {
        padding-top: 0;
    }*/

    .header-logo {
        display: block;
    }

    .col-sm-12 #search-bar-container {
        margin-top: 0px;
    }

    .top-bar-callout {
        display: none;
    }

    .search-bar-container {
        display: block;
    }

    /*breadcrumb {
        padding: 10px 0px 0px 256px;
    }*/

    .filter-container {
        padding-top: 8px;
    }

    /*.side-2 {
        position: relative;
        top: -47px;
        width: 25%;
    }*/

    .page.search-page {
        padding-top: 100px;
    }

    .page.product-details-page.featuredproducts {
        padding-top: 80px;
    }

    .breadcrumb.featured {
        margin-top: 10px;
    }

    .branch-locator-title {
        padding-top: 40px;
        margin: 0 156px;
    }

    .featured-product-info .nav li a,
    .featured-product-info .nav li.active a {
        font-size: 1rem;
    }

    #CESDefaultLoginSlide.creditAppUser .sliderItem .expanding-background {
        margin-bottom: 60px;
    }

    .breadcrumb.featureProductsGroup {
        margin: 30px 0 0 0;
    }

    li#accounts_dropdown ul.dropdown-menu {
        left: -64px;
        width: 245px;
    }


    

    .featureProductButton {
        bottom: 20px;
    }

    /*#hero11 {
        background-position-y: -60px;
    }*/

    /*#edit_address .popup, #validate_edit_address .popup {
        margin: 100px auto;
        height: 70%;
    }*/

    .popup .modal-header-footer {
        min-height: 0;
    }

    /*.breadcrumb ul li a {
        max-width: fit-content;
    }

    .breadcrumb {
        margin: 43px 0 0 0;
    }*/

    #cont {
        padding-top: 0;
    }

    .checkout-page .my-order-checkout .est-purchase-ord {
        display: inline-block;
    }

    .checkout-page .my-order-checkout .est-purchase-ord .title {
        display: inline-block;
    }

    #purchase_order_req {
        margin-left: 0;
        float: right;
        max-width: 160px;
    }
}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .branch-locator-title {
        padding-top: 40px;
        margin: 0px 246px;
    }

    .ces-renewables-video {
        height: 670px;
    }

    /*.custom-search-drp-menu {
        margin: 0 0px 0 15px;
    }*/

    .drop-search-house-account-only {
        width: 100%;
    }

    .why-renewables .right-side div:nth-child(2) {
        padding-top: 39px;
        padding-bottom: 0;
    }

    .header-links-wrapper {
        width: 710px;
    }

    .contact-ces-top-nav {
        font-size: 13px;
    }

    #header-fp-feb {
        height: 230px;
    }

    #aura-fp-feb {
        margin-top: -3%;
    }

    #current-fp-feb {
        height: 190px;
        margin-left: 40px;
    }

    #f4p-fp-feb {
        margin-left: -25%;
        margin-top: -7%;
    }


    #klein-fp-feb {
        margin-top: -3%;
        margin-left: -20%;
    }

    .page.search-page {
        margin: 0 20px;
    }

    .header-selectors-wrapper > div {
        margin: 0 12px 0 20px;
    }

    .header-logo {
        padding-left: 20px;
        padding-top: 16px;
    }

    #main_navigation li a {
        /*font-size: calc(6px + 0.7vw);*/
        font-size: 14px;
        margin-bottom: 2px;
        margin-top: 2px;
        padding-top: 5px;
    }



    /*#GlobalSearchBar {
        top: 20px;
        left: 200px;
        width: 460px;
    }*/

    /*.header-lower.sticky #GlobalSearchBar {
        top: 22px;
        left: 135px;
        width: 400px;
    }*/

    .header-lower.sticky #secondNav {
        padding-top: 15px;
    }

    #main-menu-nav {
        top: 75px;
    }

    .header-lower.sticky #main-menu-nav {
        top: 51px;
    }

    /*#GlobalSearchBar .search-box {
        max-width: 460px;
    }*/

    /*.header-lower.sticky #GlobalSearchBar .search-box {
        max-width: 420px;
    }*/

    #secondNav {
        padding-top: 25px;
    }

    /*.breadcrumb {
        padding: 55px 0px 0px 300px;
        margin: 0;
    }*/

    .breadcrumb.featured {
        margin-left: 20px;
    }

    .featured-product-info .nav li a,
    .featured-product-info .nav li.active a {
        font-size: 1.2rem;
    }

    #CESDefaultLoginSlide.creditAppUser .sliderItem .expanding-background {
        margin-bottom: 0;
    }


    .breadcrumb.featureProductsGroup {
        padding: 10px 0px 0px 26%;
    }

    li#accounts_dropdown ul.dropdown-menu {
        left: -65px;
        width: 256px;
    }

    #home-page-services-sector h3 {
        font-size: 55px;
    }

    #home-page-services-sector .services-sector {
        background-size: 56%;
        background-position-y: 0px;
    }

    .logo-container {
        width: 100%;
    }

    .featureProductButton {
        bottom: 10px;
    }

    #hero11 {
        background-position-y: -30px;
    }

    #hero15 {
        background-size: auto 80% !important;
    }

    .ico-cart {
        margin-top: 0px;
    }

    /*#edit_address .popup, #validate_edit_address .popup {
        height: 50%;
        min-height:600px;
        max-width:500px;
        overflow-y: hidden;
    }*/

    li#accounts_dropdown ul.dropdown-menu {
        width: 283px;
    }

    .change-to-canada a,
    .header-links span,
    .header-links a {
        font-size: 12px;
    }

    #user_nav {
        max-width: 640px;
    }

    #user_nav {
        margin-right: 20px;
    }

    .checkout-page .my-order-checkout .bound-all-2 {
        left: 5px;
    }


}


/* Extra large devices Hi Rez (Xlarge desktops, 1824px and up) */
@media only screen and (min-width : 1824px) {

    .contact-ces-top-nav {
        font-size: 13px;
        padding-left: 20px;
    }

    .contact-copy {
        display: inline;
        padding-right: 5px;
    }

    #main-menu-nav {
        padding-right: 30px;
    }

    .header-lower.sticky #main-menu-nav {
        top: 41px;
        right: 415px;
    }

    .header-lower.sticky #secondNav {
        padding-top: 32px;
    }

    /*#GlobalSearchBar {
        top: 30px;
        left: 380px;
        width: 600px;
    }*/

    /*.header-lower.sticky #GlobalSearchBar {
        top: 12px;
        left: 200px;
        width: 600px;
    }*/

    /*#GlobalSearchBar .search-box {
        max-width: 600px;
        width: 100%;
    }*/

    /*.header-lower.sticky #GlobalSearchBar .search-box {
        max-width: 600px;
    }*/

    #main_navigation li a {
        font-size: inherit;
    }

    .header-lower.sticky #main_navigation li a {
        font-size: inherit;
    }

    .header-selectors-wrapper > div {
        margin: 0 12px 0 20px;
    }

    .header-logo {
        padding-top: 10px;
    }

    #hero9 {
        background-position-y: -30px;
    }

    #hero11 {
        background-position-y: -210px;
    }
}