/* The client's Celebros listing (gauges-ultra-lite, gauges-mopar-classic): its own stylesheet, CelStyles.css
   from celebrosnlp.com, as the client's page loads it, with its icon font swapped for the theme's
   Font Awesome v4 face (the same glyphs), then the few rules our static listing needs. */
 
 [class^="cel-icon-"]:before, [class*=" cel-icon-"]:before {
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  /*width: 1em;*/
  /*margin-right: .2em;*/
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /*margin-left: .2em;*/
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.cel-icon-grid:before { content: '\f00a'; }
.cel-icon-list:before { content: '\f03a'; }
.cel-icon-search:before { content: '\f002'; }
.cel-icon-cancel:before { content: '\f00d'; }
.cel-icon-plus:before { content: '\f067'; }
.cel-icon-minus:before { content: '\f068'; }
.cel-icon-star:before { content: '\e806'; }
.cel-icon-star-empty:before { content: '\e807'; }
.cel-icon-star-half:before { content: '\e808'; }
.cel-icon-heart-empty:before { content: '\e809'; }
.cel-icon-heart:before { content: '\e80a'; }
.cel-icon-spin3:before { content: '\e832'; }
.cel-icon-check-empty:before { content: '\f096'; }
.cel-icon-angle-double-left:before { content: '\f100'; }
.cel-icon-angle-double-right:before { content: '\f101'; }
.cel-icon-angle-left:before { content: '\f104'; }
.cel-icon-angle-right:before { content: '\f105'; }
.cel-icon-angle-up:before { content: '\f106'; }
.cel-icon-angle-down:before { content: '\f107'; }
.cel-icon-star-half-alt:before { content: '\f123'; }
.cel-icon-ok-squared:before { content: '\f14a'; }
.cel-icon-sort-name-up:before { content: '\f15d'; }
.cel-icon-sort-name-down:before { content: '\f15e'; }
.cel-icon-sort-alt-up:before { content: '\f160'; }
.cel-icon-sort-alt-down:before { content: '\f161'; }
.cel-icon-sort-number-up:before { content: '\f162'; }
.cel-icon-sort-number-down:before { content: '\f163'; }


/*
   Animation example, for spinners
*/
.animate-spin {
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-ms-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

#celUITDiv {
    max-width: 1280px;
    margin: 0 auto;
}

    #celUITDiv button {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    #celUITDiv .select-wrapper {
        position: relative;
        display: inline-block;
    }

        #celUITDiv .select-wrapper:before {
            position: absolute;
            top: 6px;
            right: 6px;
            pointer-events: none;
        }

        #celUITDiv .select-wrapper select {
            padding: 4px 40px 4px 5px;
            font-size: 1em;
            text-align: left;
            border: 1px solid #000;
            -webkit-appearance: none;
            -moz-appearance: window;
            appearance: window;
            -webkit-user-select: none;
            background: #fff;
        }

    #celUITDiv #profile-tabs {
        margin: 5px 0;
    }

        #celUITDiv #profile-tabs ul {
            margin: 0;
            padding: 0;
            list-style: none;
            display: flex;
            width: 30%;
        }

            #celUITDiv #profile-tabs ul li {
                padding: 10px;
                margin-right: 1px;
                border: 1px solid #000;
                flex-basis: 0;
                flex-grow: 1;
                cursor: default;
            }

                #celUITDiv #profile-tabs ul li.selected {
                    background: #0170a8;
                    color: #fff;
                }

                #celUITDiv #profile-tabs ul li:hover:not(.selected),
                #celUITDiv #profile-tabs ul li:focus,
                #celUITDiv #profile-tabs ul li:active {
                    background: #ddd;
                }

    #celUITDiv #loader {
        display: flex;
        min-height: 40vw;
    }

        #celUITDiv #loader > div {
            margin: auto;
        }

        #celUITDiv #loader i {
            font-size: 4em;
            line-height: 38px;
        }

    #celUITDiv #container {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    #celUITDiv #main-content {
        width: 100%;
    }

    #celUITDiv #filter-details, #celUITDiv #filter-breadcrumbs {
        padding: 5px 0 5px 5px;
        margin: 0;
    }

    #celUITDiv #filters #questions-toggle {
        text-align: right;
    }

        #celUITDiv #filters #questions-toggle span {
            background: #0170a8;
            color: #FFF;
            padding: 5px 15px 5px 10px;
            display: inline-block;
            cursor: pointer;
        }

            #celUITDiv #filters #questions-toggle span i {
                margin-right: .3em;
            }

    /*.more and .less rules are left here for backwards compatibility */
    #celUITDiv #filters .more-less,
    #celUITDiv #filters .more,
    #celUITDiv #filters .less {
        display: block;
        text-align: right;
        padding-bottom: 10px;
    }

    /*#celUITDiv #filters .more span,
        #celUITDiv #filters .less span {
            padding: 10px;
            font-size: 16px;
            background: #0170a8;
            color: #FFF;
            display: inline-block;
            cursor: default;
        }*/

    #celUITDiv #filter-content {
        margin-right: 20px;
        margin-top: 10px;
        font-size: 1.25em;
        min-width: 300px;
    }

    #celUITDiv #filter-title {
        border-bottom: 1px solid #FFF;
    }

    #celUITDiv .breadcrumbs {
        padding: 5px;
        margin: 0;
    }

        #celUITDiv .breadcrumbs li.breadcrumb {
            list-style: none;
            padding: 5px 25px;
            position: relative;
            font-size: 0.7em;
            cursor: pointer;
        }

            #celUITDiv .breadcrumbs li.breadcrumb span {
                text-decoration: none;
                color: #000;
                display: block;
            }

                #celUITDiv .breadcrumbs li.breadcrumb span:before {
                    position: absolute;
                    left: 4px;
                    top: 11px;
                    font-size: 1em;
                    line-height: 4px;
                    font-weight: bold;
                    color: #007fc2;
                    padding: 2px;
                }

    #celUITDiv #filters .questions,
    #celUITDiv #filters .answers {
        list-style: none;
        padding: 0;
        margin: 0;
    }
            #celUITDiv #filters .questions > li > div {
                border-top: 1px solid #ccc;
                border-bottom: 1px solid #ccc;
            }

            #celUITDiv #filters .questions > li .question-title {
                padding: 5px;
                margin-top: -1px;
                cursor: default;
                width: 100%;
                display: flex;
                flex-flow: row;
            }

                #celUITDiv #filters .questions > li .question-title > div {
                    flex-grow: 1;
                }

                #celUITDiv #filters .questions > li .question-title > .filter-apply {
                    display: flex;
                    justify-content: flex-end;
                }

        #celUITDiv #filters .questions > li > input {
            display: block;
            margin-top: 10px;
            width: 100%;
            padding: 5px;
        }

    #celUITDiv #filters .answers {
        width: 100%;
        padding: 10px 0 10px 10px;
        font-size: 0.8em;
    }

        #celUITDiv #filters .answers > li {
            padding: 5px 5px 5px 25px;
            display: flex;
            cursor: default;
            position: relative;
        }

            #celUITDiv #filters .answers > li.disabled {
                opacity: 0.25;
            }

        #celUITDiv #filters .answers.no-check > li {
            padding: 5px;
        }

        #celUITDiv #filters .answers > li:hover {
            cursor: pointer;
        }

        #celUITDiv #filters .answers > li:before {
            content: " ";
            width: 14px;
            height: 14px;
            border: 1px solid #000;
            position: absolute;
            left: 5px;
            top: 9px;
            /*font-size: 1em;*/
            line-height: 4px;
            padding: 2px;
        }

        #celUITDiv #filters .answers.no-check > li:before {
            display: none;
        }

        #celUITDiv #filters .answers > li:hover:before,
        #celUITDiv #filters .answers > li.selected:before {
            background: #007fc2;
        }

        #celUITDiv #filters .answers > li .answer-text {
            flex: 1 1 auto;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    #celUITDiv #filters .filter-apply {
        display: flex;
        margin: 5px 0;
    }

        #celUITDiv #filters .filter-apply span {
            padding: 5px 10px;
            font-size: 1.1em;
            background: #0170a8;
            color: #FFF;
            cursor: pointer;
        }

    #celUITDiv #campaigns {
        display: flex;
    }

        #celUITDiv #campaigns a,
        #celUITDiv #campaigns img {
            margin: 0 auto;
            display: block;
            max-width: 100%;
        }

        #celUITDiv #campaigns span {
            display: block;
        }

    #celUITDiv #messages {
        margin: 10px;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 5px;
        background: #666;
        color: #fff;
        display: flex;
    }

        #celUITDiv #messages a {
            color: #fff;
        }

    #celUITDiv .toolbar {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 10px;
    }

        #celUITDiv .toolbar:before,
        #celUITDiv .toolbar::after {
            display: none;
        }

        #celUITDiv .toolbar div {
            margin: auto 0;
        }

            #celUITDiv .toolbar div ul {
                padding: 0;
                -webkit-flex-wrap: nowrap;
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
            }

                #celUITDiv .toolbar div ul li {
                    list-style: none;
                }

        #celUITDiv .toolbar #page-sizer {
            text-align: center;
        }

        #celUITDiv .toolbar #sorting ul li {
            padding: 10px;
            cursor: pointer;
        }

            #celUITDiv .toolbar #sorting ul li:hover,
            #celUITDiv .toolbar #sorting ul li:focus,
            #celUITDiv .toolbar #sorting ul li:active,
            #celUITDiv .toolbar #sorting ul li.selected {
                color: #0170a8;
            }

            #celUITDiv .toolbar #sorting ul li.single-order.selected {
                cursor: default;
            }

            #celUITDiv .toolbar #sorting ul li i {
                margin-left: .2em;
            }

        #celUITDiv .toolbar #pagination {
            text-align: center;
            margin: auto;
            padding: 10px 0;
        }

            #celUITDiv .toolbar #pagination ul {
                justify-content: center;
            }

                #celUITDiv .toolbar #pagination ul li {
                    cursor: pointer;
                    display: inline-block;
                    padding: 10px 15px;
                    margin: 0;
                    margin-left: -1px;
                    background: #fff;
                    border: 1px solid #000;
                    text-decoration: none;
                    color: #000;
                }

                    #celUITDiv .toolbar #pagination ul li.selected {
                        background: #0170a8;
                        color: #fff;
                        cursor: default;
                    }

                    #celUITDiv .toolbar #pagination ul li:hover:not(.selected),
                    #celUITDiv .toolbar #pagination ul li:focus:not(.selected),
                    #celUITDiv .toolbar #pagination ul li:active:not(.selected) {
                        background: #ddd;
                    }

                    #celUITDiv .toolbar #pagination ul li i:before {
                        width: .5em;
                    }

        #celUITDiv .toolbar #display ul {
            justify-content: flex-end;
        }

            #celUITDiv .toolbar #display ul li {
                display: block;
                padding: 7px 10px;
                border: 1px solid #000;
                cursor: pointer;
            }

                #celUITDiv .toolbar #display ul li:hover,
                #celUITDiv .toolbar #display ul li:focus,
                #celUITDiv .toolbar #display ul li:active {
                    background: #ccc;
                }

                #celUITDiv .toolbar #display ul li.list {
                    margin-left: -1px;
                }

                #celUITDiv .toolbar #display ul li.selected {
                    background: #0170a8;
                    color: #FFF;
                    cursor: default;
                }

    #celUITDiv .products {
        padding: 0;
        margin: 0;
        list-style: none;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-grow: 1;
        -webkit-flex-shrink: 1;
        -webkit-flex-basis: auto;
        flex: 1 1 auto;
    }

        #celUITDiv .products > li {
            padding: 5px;
            margin: 0;
            -webkit-flex-grow: 0;
            -webkit-flex-shrink: 0;
            -webkit-flex-basis: auto;
            flex: 0 0 auto;
        }

            #celUITDiv .products > li a {
                text-decoration: none;
                color: #000;
            }

            #celUITDiv .products > li .cuit_item_container {
                width: 100%;
                -webkit-flex-grow: 1;
                -webkit-flex-shrink: 0;
                -webkit-flex-basis: auto;
                flex: 1 0 auto;
                padding: 10px;
                box-shadow: 1px 1px 4px 0 #B2B3B3;
            }

                #celUITDiv .products > li .cuit_item_container > div {
                    padding: 0 10px;
                }

                #celUITDiv .products > li .cuit_item_container .product-image {
                }

                #celUITDiv .products > li .cuit_item_container .product-details {
                }

                    #celUITDiv .products > li .cuit_item_container .product-details .product-title {
                        font-size: 1.4em;
                        color: #000;
                    }

                #celUITDiv .products > li .cuit_item_container .product-shop .product-price {
                    font-weight: bold;
                    color: #c70000;
                }

                #celUITDiv .products > li .cuit_item_container .add-to-cart a {
                    padding: 10px;
                    background: #0170a8;
                    color: #fff;
                    text-decoration: none;
                    display: inline-block;
                }

            #celUITDiv .products > li .product-image img {
                max-width: 100%;
            }

    #celUITDiv #clear-all {
        display: block;
        text-align: right;
    }

    /* Start Products - Grid */
    #celUITDiv .products-grid > li .cuit_item_container {
        /*display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-flow: column;*/
    }

        #celUITDiv .products-grid > li .cuit_item_container a,
        #celUITDiv .products-grid > li .cuit_item_container div {
            text-align: center;
        }

        #celUITDiv .products-grid > li .cuit_item_container .product-shop {
            margin-top: auto;
        }
    /* End Products - Grid*/

    /* Start Products - List */
    #celUITDiv .products-list > li .cuit_item_container {
        -webkit-flex-grow: 1;
        -webkit-flex-shrink: 1;
        -webkit-flex-basis: auto;
        flex: 1 1 auto;
    }

        #celUITDiv .products-list > li .cuit_item_container .product-details {
            flex: 0 0 80%;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
        }

            #celUITDiv .products-list > li .cuit_item_container .product-details .product-info {
                padding: 0 15px;
            }

            #celUITDiv .products-list > li .cuit_item_container .product-details .product-image {
                flex: 0 0 25%;
            }

        #celUITDiv .products-list > li .cuit_item_container .product-shop {
            text-align: right;
            margin-left: auto;
            flex: 0 0 20%;
        }
    /* End Products - List */

    #celUITDiv button.btn-default {
        border: 0;
        text-decoration: none;
        font-size: 0.6em;
        background: #0170a8;
        padding: 5px;
        color: #fff;
        display: inline-block;
    }

    #celUITDiv .to-top {
        position: fixed;
        bottom: 10px;
        right: 10px;
        font-size: 2.2em;
        width: 30px;
        height: 30px;
        background: #0170a8;
        color: #FFF;
        cursor: pointer;
    }

        #celUITDiv .to-top:before {
            width: 100%;
            line-height: 28px;
            display: block;
        }

    #celUITDiv .ratings-container {
        display: inline-block;
    }

        #celUITDiv .ratings-container .ratings {
            position: relative;
            font-size: 1.3em;
        }

            #celUITDiv .ratings-container .ratings .ratings-stars {
                overflow: hidden;
                display: inline-block;
            }

            #celUITDiv .ratings-container .ratings .ratings-stars-off {
                color: #ccc;
            }

            #celUITDiv .ratings-container .ratings .ratings-stars-on {
                color: #ffcd5d;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
            }

/* Firefox fixes */
@-moz-document url-prefix() {
    #celUITDiv .select-wrapper:before {
        position: absolute;
        top: 10px;
        right: 6px;
        pointer-events: none;
    }
}

@media (max-width: 1024px) {
    #celUITDiv .products-list > li .cuit_item_container {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
        #celUITDiv .products-list > li .cuit_item_container .product-details {
            flex: 1 1 75%;
        }
        #celUITDiv .products-list > li .cuit_item_container .product-shop {
            padding-top: 10px;
            flex: 1 1 auto;
        }

    #celUITDiv .toolbar #pagination ul li {
        /*padding: 5px 10px;*/
    }
}
@media (max-width: 768px) {
    #celUITDiv #container {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #celUITDiv #filters .answers > li .answer-text {
        width: auto;
    }

    #celUITDiv #filter-content {
        margin: 0;
        padding: 10px;
    }

    #celUITDiv .toolbar #pagination {
        margin: auto 0;
    }

    #celUITDiv .toolbar #sorting ul {
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
    #celUITDiv .toolbar #pagination ul {
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }

    #celUITDiv .products-list > li .cuit_item_container {
        display: block;
        text-align: center;
    }

        #celUITDiv .products-list > li .cuit_item_container .product-details {
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }
        #celUITDiv .products-list > li .cuit_item_container .product-shop {
            text-align: center;
        }
}
@media (max-width: 480px) {

    #celUITDiv .toolbar #pagination ul {
        order: 1;
    }
    #celUITDiv .toolbar #sorting ul {
        order: 2;
    }
    #celUITDiv .toolbar #pagination ul, 
    #celUITDiv .toolbar #sorting ul {
        justify-content: center;
    }
}
.flex-box-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex-box-column {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@layer base { *, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
} }

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

/* Grid Rules - Mainly used for products */
/* Default */
#celUITDiv .col-max-1 > * {
    width: 100%;
}

#celUITDiv .col-max-2 > * {
    width: 50%;
}

#celUITDiv .col-max-3 > * {
    width: calc(100% / 3);
}

#celUITDiv .col-max-4 > * {
    width: calc(100% / 4);
}

#celUITDiv .col-max-5 > * {
    width: calc(100% / 5);
}

#celUITDiv .col-max-6 > * {
    width: calc(100% / 6);
}

#celUITDiv .col-max-7 > * {
    width: calc(100% / 7);
}

#celUITDiv .col-max-8 > * {
    width: calc(100% / 8);
}

#celUITDiv .col-max-9 > * {
    width: calc(100% / 9);
}

#celUITDiv .col-max-10 > * {
    width: calc(100% / 10);
}

#celUITDiv .col-max-11 > * {
    width: calc(100% / 11);
}

#celUITDiv .col-max-12 > * {
    width: calc(100% / 12);
}

@media only screen and (max-width: 1280px) {
    #celUITDiv .col-lg-max-1 > * {
        width: 100%;
    }

    #celUITDiv .col-lg-max-2 > * {
        width: 50%;
    }

    #celUITDiv .col-lg-max-3 > * {
        width: calc(100% / 3);
    }

    #celUITDiv .col-lg-max-4 > * {
        width: calc(100% / 4);
    }

    #celUITDiv .col-lg-max-5 > * {
        width: calc(100% / 5);
    }

    #celUITDiv .col-lg-max-6 > * {
        width: calc(100% / 6);
    }

    #celUITDiv .col-lg-max-7 > * {
        width: calc(100% / 7);
    }

    #celUITDiv .col-lg-max-8 > * {
        width: calc(100% / 8);
    }

    #celUITDiv .col-lg-max-9 > * {
        width: calc(100% / 9);
    }

    #celUITDiv .col-lg-max-10 > * {
        width: calc(100% / 10);
    }

    #celUITDiv .col-lg-max-11 > * {
        width: calc(100% / 11);
    }

    #celUITDiv .col-lg-max-12 > * {
        width: calc(100% / 12);
    }
}

@media only screen and (max-width: 1024px) {
    #celUITDiv .col-md-max-1 > * {
        width: 100%;
    }

    #celUITDiv .col-md-max-2 > * {
        width: 50%;
    }

    #celUITDiv .col-md-max-3 > * {
        width: calc(100% / 3);
    }

    #celUITDiv .col-md-max-4 > * {
        width: calc(100% / 4);
    }

    #celUITDiv .col-md-max-5 > * {
        width: calc(100% / 5);
    }

    #celUITDiv .col-md-max-6 > * {
        width: calc(100% / 6);
    }

    #celUITDiv .col-md-max-7 > * {
        width: calc(100% / 7);
    }

    #celUITDiv .col-md-max-8 > * {
        width: calc(100% / 8);
    }

    #celUITDiv .col-md-max-9 > * {
        width: calc(100% / 9);
    }

    #celUITDiv .col-md-max-10 > * {
        width: calc(100% / 10);
    }

    #celUITDiv .col-md-max-11 > * {
        width: calc(100% / 11);
    }

    #celUITDiv .col-md-max-12 > * {
        width: calc(100% / 12);
    }
}

@media only screen and (max-width: 768px) {
    #celUITDiv .col-sm-max-1 > * {
        width: 100%;
    }

    #celUITDiv .col-sm-max-2 > * {
        width: 50%;
    }

    #celUITDiv .col-sm-max-3 > * {
        width: calc(100% / 3);
    }

    #celUITDiv .col-sm-max-4 > * {
        width: calc(100% / 4);
    }

    #celUITDiv .col-sm-max-5 > * {
        width: calc(100% / 5);
    }

    #celUITDiv .col-sm-max-6 > * {
        width: calc(100% / 6);
    }

    #celUITDiv .col-sm-max-7 > * {
        width: calc(100% / 7);
    }

    #celUITDiv .col-sm-max-8 > * {
        width: calc(100% / 8);
    }

    #celUITDiv .col-sm-max-9 > * {
        width: calc(100% / 9);
    }

    #celUITDiv .col-sm-max-10 > * {
        width: calc(100% / 10);
    }

    #celUITDiv .col-sm-max-11 > * {
        width: calc(100% / 11);
    }

    #celUITDiv .col-sm-max-12 > * {
        width: calc(100% / 12);
    }
}

@media only screen and (max-width: 480px) {
    #celUITDiv .col-xs-max-1 > * {
        width: 100%;
    }

    #celUITDiv .col-xs-max-2 > * {
        width: 50%;
    }

    #celUITDiv .col-xs-max-3 > * {
        width: calc(100% / 3);
    }

    #celUITDiv .col-xs-max-4 > * {
        width: calc(100% / 4);
    }

    #celUITDiv .col-xs-max-5 > * {
        width: calc(100% / 5);
    }

    #celUITDiv .col-xs-max-6 > * {
        width: calc(100% / 6);
    }

    #celUITDiv .col-xs-max-7 > * {
        width: calc(100% / 7);
    }

    #celUITDiv .col-xs-max-8 > * {
        width: calc(100% / 8);
    }

    #celUITDiv .col-xs-max-9 > * {
        width: calc(100% / 9);
    }

    #celUITDiv .col-xs-max-10 > * {
        width: calc(100% / 10);
    }

    #celUITDiv .col-xs-max-11 > * {
        width: calc(100% / 11);
    }

    #celUITDiv .col-xs-max-12 > * {
        width: calc(100% / 12);
    }
}
/* End Grid Rules */

/* Start Hidden / Visible Rules */
.hidden {
    display: none;
}

@media (max-width: 1280px) {
    .hidden-lg {
        display: none;
    }
    .visible-lg {
        display: block;
    }
}

@media (max-width: 1024px) {
    .hidden-md {
        display: none;
    }
    .visible-md {
        display: block;
    }
}

@media (max-width: 768px) {
    .hidden-sm {
        display: none;
    }
    .visible-sm {
        display: block;
    }
}

@media (max-width: 480px) {
    .hidden-xs {
        display: none;
    }
    .visible-xs {
        display: block;
    }
}
/* End Hidden / Visible Rules */
 .page-layout-1column.page-with-filter .column.main{
 	padding-top:0px;
 }
 .page-title-wrapper{
 display: none;
 }
 
#search{
	    width: 89%;
	    border: none;
}
#search_button{
	border: none;
}
.searchNavigatorDsktp{
	display:none;
}
#celUITDiv {
    
}


#celUITDiv #container{
	width: 100%;
    max-width: 1280px;
}


#celUITDiv .products > li:hover .cuit_item_container {
	box-shadow: 1px 1px 8px 0px rgba(0,0,0,.1);
}

#celUITDiv .products > li .cuit_item_container{
	box-shadow:none;
}
#celUITDiv .toolbar #pagination{
 
}

#celUITDiv .body{
	font-weight: 400;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

#celUITDiv .toolbar #page-sizer{
	 display:none;
}

 

#celUITDiv #sorting{
	 text-align: right;
}

#celUITDiv #messages span{
	color:#fff;
}

/* Grid/List  */
#celUITDiv .toolbar div{
	margin-top:0px;
}

#celUITDiv .cel-icon-grid, #celUITDiv .cel-icon-list{
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	display:inline-block;
	font-style:normal;
	font-variant:normal;
	text-rendering:auto;
	line-height:1;
	font-size:2em;
	font-weight: 900;
	font-family: "Font Awesome 5 Free" ;
}
 #celUITDiv .toolbar #pagination ul li:focus:not(.selected){
 	background:none;
 }
#celUITDiv .toolbar #display ul li.selected{
	background: none;
    color: var(--color-primary) !important;
    cursor: default;
}
#celUITDiv .toolbar #display ul li{
	border:none;
	display:none;
}

#celUITDiv .grid_list{
	color: #e3e3e3;
}



#celUITDiv .flex-box-row select {
    width: 200px;
    height: 40px;
    margin-top: 0;
    padding-right: 16px;
    padding-left: 16px;
    margin-bottom:0px;
}

#celUITDiv .sorting{
	width: 200px;
}

#celUITDiv #main-content{
      width: 100%;
}

/*left nav*/ 

#celUITDiv .cel-icon-plus:before{
	content:none;
}
#celUITDiv #filter-content{
	min-width: 19% !important;
	margin-top: 0px;
}
#celUITDiv #filter-title {
	border-bottom:none;
}
#celUITDiv #filters{
     box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.25);
    padding: 15px;
    background: #fff;
}


#celUITDiv #filters .answers > li .answer-text{
	color: #747474;
    font-size: 14px;
    font-weight: 500;
     text-transform: capitalize;
}

#celUITDiv #filters .answers > li .answer-text:hover{
	color:#FECB17;
	
}
#celUITDiv #filters .answers > li:hover:before, #celUITDiv #filters .answers > li.selected:before{
		background:#FECB17;
		color: #FECB17;
}
#celUITDiv #filters .questions > li .question-title{
	    cursor: pointer;
    font-weight: 600;
    margin: 0;
    overflow: hidden;
    padding: 10px 40px 0 10px;
    position: relative;
    text-transform: uppercase;
    word-break: break-all;
    z-index: 1;
    display: block;
    text-decoration: none;
	color:#000;
}
#celUITDiv #filters .questions > li > div{
	font-weight: 700;
    font-size: 16px;
    border-top:0;
    border-bottom: 1px solid #ddd;
    color:#747474;
    padding-bottom: 7px;
}
#celUITDiv .nav li a, span {
    color: #747474;
    font-weight: 500;
    font-size: 14px;
    border-top:0;
}


#celUITDiv button.btn-default{
	color: #CA1137;
	background:none;
	font-size: 16px;
    font-weight: 500;
    box-shadow: none;
    text-decoration: underline;
}

/*Products*/
#celUITDiv .products .product-sku{
	font-size: 12px;
	text-align: center;
	font-weight: 500;
}
#celUITDiv .products > li .cuit_item_container:hover{
	box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.45);
    border: 0px;
}
#celUITDiv .products > li .cuit_item_container{
	box-shadow: none;
    background: #fff;
    margin: 15px;
    padding: 15px;
    width:auto;
}
#celUITDiv .products > li:nth-child(3n+1)  .cuit_item_container{
	margin-left: 0px;
}
#celUITDiv .products > li:nth-child(3n) .cuit_item_container {
	margin-right: 0px;
}
#celUITDiv .products > li .cuit_item_container .product-details .product-title{
font-size: 14px;
    color: #333;
    min-height: 35px;
    font-weight: bold;
    margin: 5px 0;
    
}
 
#celUITDiv .products > li .cuit_item_container .product-details .product-title:hover{
	    text-decoration: underline;
}
#celUITDiv .products > li .cuit_item_container .product-shop .product-price{
	font-size: 14px;
	font-weight: 700;
	margin-top:5px;
	padding-bottom: 6px;
	color:#CA1137;
	text-align:left;
	display: inline-block;
}
#celUITDiv .products > li .cuit_item_container .product-shop .old-product-price{
	font-size: 14px;
	font-weight: 500;
    color: #aaa;
    text-decoration: line-through;
    display: inline-block;
    margin-right: 10px;
}
 

#celUITDiv .products-grid > li .cuit_item_container .product-shop{
	padding: 0;
}

#celUITDiv .products > li .product-image img{
	width: 100%;
	max-width: 240px;
    max-height: 300px;
    height: auto;
}
#celUITDiv .products > li .cuit_item_container .product-image{
 
}

#celUITDiv .flex-box-row select{
	font-size: 12px;
    color: #747474;
    text-transform: uppercase;
        border-radius: 2px;
    border-color: #e1e1e1;

}
#celUITDiv .products > li{
	padding:0px;
}

#celUITDiv .products .product-info{
	    margin-top: 15px;
}

#celUITDiv .products > li .cuit_item_container .product-shop .product-price{
	    margin-top: 10px;
}
#celUITDiv .breadcrumbs li.breadcrumb span:before{
color: #CA1137;
}

#celUITDiv .products .credit{
	display: flex!important;
}
#celUITDiv #filters .answers > li .answer-text{
	    text-transform: initial;
	    color: #494949;
}
#celUITDiv #filters .answers > li:before{
	    top: 7px;
}
#celUITDiv .cel-icon-minus:before{
	content:none;
}

/* Add to card*/
#celUITDiv .products > li .cuit_item_container .add-to-cart a{
    width: 100%;
    font-size: 15px;
    font-weight: 700;
    height: inherit;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--color-primary-hover);
    visibility: hidden;
    height: 30px;
    color:#fff;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

#celUITDiv .products > li .cuit_item_container:hover  .add-to-cart a{
    background: var(--color-button-go);
    color: white;
    border-radius: 5px;
    visibility: visible;
}
#celUITDiv .products > li .cuit_item_container  .add-to-cart a:hover{
    background: var(--color-primary-hover);
    color: white;
    border-radius: 5px;
      font-size: 15px;
    font-weight: 700;
}


#celUITDiv .products-grid .buttons-shelf-cont {
    display: flex;
}

#celUITDiv .products-grid .qty-add2-btns {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
}

#celUITDiv .products-grid span.qty-label-shelf {width: 100%;margin: 5px 0;}

#celUITDiv .products-grid .addtocart-button-shelf {
    width: 100%;
    padding-left: 10px;
}

#celUITDiv .products-grid body.list-view div.bw-shelf li a {
    display: flex;
    align-items:center;
    justify-content: center;
    flex: 1 0 33%;
    margin-right: 1rem;
}

/* toolbar */
#celUITDiv #campaigns a, #celUITDiv #campaigns img{
	 width: 100%;
}
#celUITDiv .toolbar{
	padding:0px;
	margin:0px;

}
#celUITDiv #campaigns a, #celUITDiv #campaigns img{
	padding-bottom: 15px;
}
#celUITDiv .toolbar #pagination ul li:hover{
	background:none !important;
}
#celUITDiv .toolbar #pagination ul li:hover span{
	background:#ddd;
}
#celUITDiv .toolbar #pagination ul li .cel-icon-angle-right {
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 0 0 rgba(204,204,204,0.3);
    padding: 8px;
    color: #7d7d7d;
    margin-left: 8px;
}
#celUITDiv .toolbar #pagination ul li .cel-icon-angle-left {
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 0 0 rgba(204,204,204,0.3);
    padding: 8px;
    color: #7d7d7d;
    margin-left: 8px;
}

#celUITDiv .toolbar #pagination ul li .cel-icon-angle-right:before{
	color: #7d7d7d;
	font-size: 16px;
	content: '\e608';
    font-family: 'luma-icons';
}

#celUITDiv .toolbar #pagination ul li .cel-icon-angle-left:before{
	color: #7d7d7d;
	font-size: 16px;
	content: '\e617';
    font-family: 'luma-icons';
}

#celUITDiv .toolbar #pagination ul li{
	background:none;
	border:0;
	padding:  8px;
    height: 30px;
    margin: 0 8px 0 0;
    font-size: 1.2rem;
	
}
#celUITDiv .toolbar #pagination ul li span{
	color:#006bb4;
	font-size: 1.2rem;
	
	background: none;
	font-weight: bold;
}
#celUITDiv .toolbar #pagination ul li.selected{
	 background: none;
    font-size: 1.2rem;
    letter-spacing: normal;
    color: #333;
   
}
#celUITDiv .toolbar #pagination ul li.selected span{
	color: #333;
	font-size: 1.2rem;
	background: #e5e5e5;
	font-weight: 700;
	padding: 5px;
}
#celUITDiv .toolbar #pagination{
	margin:0;
}
#celUITDiv .toolbar #pagination ul {
    justify-content: left;
}

@media (min-width:320px){
#celUITDiv .products-grid	span.escaped-name-shelf {
		font-size: 14px;
	}
#celUITDiv .products-grid body.home .buttons-shelf-cont {
	}
	#celUITDiv .products-grid .slick-slide:hover .buttons-shelf-cont {
	}
	#celUITDiv .products-grid .product-shelf-container:hover {
		box-shadow: 0px 0px 5px 2px #e6e6e6;
	}
	#celUITDiv .products-grid  .carousel {
		padding-bottom: 60px;
	}
#celUITDiv .products-grid 	.product .carousel .slick-slide {
		margin-bottom: 0px;
	}


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

	#ProductosDestacados.carousel .slick-slide {
		margin-bottom:0px;
	}
}

#TabsNavigationBrands{
	/* padding-top: 20px; */
	margin-bottom:30px;
}

@media only screen and (max-width: 480px){
	#celUITDiv .toolbar #pagination ul {
    justify-content: center;
}
	#celUITDiv .products > li:nth-child(3n) .cuit_item_container{
		    margin-right: 15px;
	}
	#celUITDiv .products > li:nth-child(3n+1) .cuit_item_container {
    margin-left: 15px;
	}
	#celUITDiv #filters{
	box-shadow: none;
    padding: 0px; 
    background: none;
	}
	#celUITDiv #sorting {
    text-align: left;
	}
	#celUITDiv .flex-box-row select {
    width: 170px;
	}
	.page-products .columns{
		padding-top:0px;
	}
}
@media (max-width: 768px){
	#celUITDiv #filters{
	box-shadow: none;
    padding: 0px; 
    background: none;
	}
}

@media (min-width:768px){

 
	#ProductosDestacados.carousel .slick-slide {
		margin-bottom:10px;
	}
	#celUITDiv + *{/* margin-top:-80px; */position:sticky;}
	#celUITDiv + *:hover{z-index: 99;}
	#SliderHome.carousel .slick-slide {
		margin-bottom:0;
		margin-top: 0;
	}
	#celUITDiv .products-grid .carousel .slick-slide {
		margin-bottom: 80px;
	}
	body.category .bw-shelf li .buttons-shelf-cont{opacity:1;visibility:visible;margin-top: 2rem;}
	body.subcategory .bw-shelf li .buttons-shelf-cont{opacity:1;visibility:visible;margin-top: 2rem;}
	body.category.list-view .bw-shelf li > div{background:#fff;flex-wrap: wrap;}
	body.subcategory.list-view .bw-shelf li > div{background:#fff;flex-wrap: wrap;}


	li.test.last.slick-slide.slick-current.slick-active {
		margin-bottom: 80px;
	}

}

@media (max-width: 768px){

}

@media (min-width: 576px){

.col-sm-9 {
    
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
}

@media only screen and (max-width: 1024px){
#celUITDiv #sorting {
     text-align: left;
    width: 100%;
}

}

/* ours: the filters, sort and pages are links and forms into our search */
#celUITDiv #filters .answers > li > a { display: flex; flex: 1 1 auto; min-width: 0; color: inherit; text-decoration: none; }
@media (min-width: 768px) { .breadcrumbs { margin-top: 25px; } } /* the client's Magento header leaves 25px above the crumbs; the shared header does not */
#celUITDiv #filters form, #celUITDiv #sorting form { margin: 0; }
#celUITDiv #pagination li > a { display: block; color: inherit; text-decoration: none; }
/* the series banner: the client's is 938x200 at 1440 and not shown on a phone */
#celUITDiv #campaigns img { width: 100%; height: auto; aspect-ratio: 938 / 200; }
@media (max-width: 767px) { #celUITDiv #campaigns { display: none; } }
.categorypath-gauges-ultra-lite main.page-main { margin-bottom: 20px; } /* the client's gap above the footer */