@charset "UTF-8";
            :root {
                --azul-logo: #6895ce;
            }
            .add-cart-btn {
                -webkit-text-size-adjust: 100%;
                -webkit-tap-highlight-color: transparent;
                --azul-logo: #6895ce;
                font-weight: 400;
                visibility: visible;
                margin: 0px;
                padding: 0px;
                box-sizing: border-box;
                text-decoration: none;
                touch-action: manipulation;
                padding-left: 15px;
                padding-right: 15px;
                margin-bottom: 10px;
                margin-right: 8px;
                transition: all 0.4s;
                display: flex;
                justify-content: center;
                align-items: center;
                color: #fff;
                font-family: Poppins-Medium;
                font-size: 15px;
                line-height: 1.466667;
                text-transform: uppercase;
                min-width: 145px;
                height: 40px;
                background-color: #222;
                border-radius: 20px;
            }
            .shipping{
                display: block;
                font-size: 14px;
                color: #888;
                line-height: 1.5;
            }
            .header-cart-total {
                font-size: 18px;
                color: #222;
                line-height: 1.3;
            }
            .cursor-pointer {
                cursor: pointer;
            }
            .sombra {
                -webkit-box-shadow: 3px -1px 2px -3px rgba(0,0,0,0.75);
                -moz-box-shadow: 3px -1px 2px -3px rgba(0,0,0,0.75);
                box-shadow: 3px -1px 2px -3px rgba(0,0,0,0.75);
            }
            .pinned-box {
                position: fixed;
                width: 300px;
                height: 100vh;
                z-index: 1000000000;
                background-color: antiquewhite;
                top: 0;
                transition: all 0.15s ease-in-out;
                overflow-y: auto;
            }
            .pinned-box ul {
                margin: 15px;
            }
            .pinned-box ul li {
                margin-bottom: 15px;
            }
            .pinned-box--footer {
                bottom: 0;
                text-align: center;
            }
            .pinned-box--footer a {
                display: block;
                background-color: black;
                opacity: .9;
                color: white;
                text-decoration: none;
                border-radius: 10px;
                padding: 5px;
                margin: 5px auto;
                width: 80%;
            }
            .hidden {
                display: none;
            }
            .staff {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .staff:hover {
                max-height: none;
            }
            .ellipsis {
                font-size: 12px;
                line-height: 1.4;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin: auto;
            }
            .ellipsis:hover {
                text-overflow: initial;
                white-space: initial;
                overflow: visible;
                cursor: pointer;
            }
            span.ellip {
                font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif;
                font-weight: 700;
                font-size: 16px;
                line-height: 1.6em;
                color: #333;
                
            }
            span.ellip:hover,
            span.ellip-line:hover
            {
                white-space: normal;
                display: block;
                overflow: visible;
                max-height: none;
            }
            .ellip {
              display: block;
              height: 100%;
            }

            .ellip-line {
              display: inline-block;
              text-overflow: ellipsis;
              white-space: nowrap;
              word-wrap: normal;
              max-width: 100%;
            }

            .ellip,
            .ellip-line {
              position: relative;
              overflow: hidden;
            }
            #top-menu > li {
                margin-top: 0 !important;
            }
            #top-menu > li > a {
                padding-top: 0px !important;
            }
            .filters {
                position: absolute;
                width: 180px;
                min-height: 250px;
                top: 5px;
                left: -200px;
            
            }

            @media (max-width: 1456px) {
                .filters {
                    position: relative;
                    left: 0px;
                    width: 100%;
                }

                /*.sidebar-collapse {
                    display: grid;
                    width: 100%;
                    grid-template-columns: 185px 1fr 1fr 1fr;
                    grid-gap: 20px;
                }*/
            }

            #side-menu,
            #side-menu .nav.nav-second-level.nav-second-filter.collapse.in,
            #side-menu .nav.nav-second-level.nav-second-filter.collapsing,
            #side-menu2,
            #side-menu2 .nav.nav-second-level.nav-second-filter.collapse.in,
            #side-menu2 .nav.nav-second-level.nav-second-filter.collapsing,
            #side-menu,
            #side-menu .nav-to-fix.nav-second-level.nav-second-filter.collapse.in,
            #side-menu .nav-to-fix.nav-second-level.nav-second-filter.collapsing,
            #side-menu2,
            #side-menu2 .nav-to-fix.nav-second-level.nav-second-filter.collapse.in,
            #side-menu2 .nav-to-fix.nav-second-level.nav-second-filter.collapsing,
            #side-menu2 .children,
            #side-menu .children {
                list-style: none;
            }

            .ribbon {
                width: 150px;
                height: 150px;
                overflow: hidden;
                position: absolute;
            }

            .ribbon::before,
            .ribbon::after {
                position: absolute;
                z-index: -1;
                content: '';
                display: block;
                /*border: 5px solid #2980b9;*/
                border: 5px solid red;
            }

            .ribbon span {
                position: absolute;
                display: block;
                width: 225px;
                padding: 15px 0;
                /*background-color: #3498db;*/
                /*background-color: red;*/
                background-color: rgba(255, 0, 0, 0.5);
                box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
                color: #fff;
                font: 700 18px/1 'Lato', sans-serif;
                text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
                text-transform: uppercase;
                text-align: center;
            }

            /* top left*/
            .ribbon-top-left {
                top: 0px;
                left: 15px;
            }

            .ribbon-top-left::before,
            .ribbon-top-left::after {
                border-top-color: transparent;
                border-left-color: transparent;
            }

            .ribbon-top-left::before {
                top: 0;
                right: 0;
            }

            .ribbon-top-left::after {
                bottom: 0;
                left: 0;
            }

            .ribbon-top-left span {
                right: -25px;
                top: 30px;
                transform: rotate(-45deg);
            }
        

            /*woocommerce-layout*/

            :root {
                --woocommerce: #9f9f9f;
                --wc-green: #7ad03a;
                --wc-red: #a00;
                --wc-orange: #ffba00;
                --wc-blue: #2ea2cc;
                --wc-primary: #9f9f9f;
                --wc-primary-text: white;
                --wc-secondary: #ebe9eb;
                --wc-secondary-text: #515151;
                --wc-highlight: #77a464;
                --wc-highligh-text: white;
                --wc-content-bg: #fff;
                --wc-subtext: #767676
            }

            .woocommerce img, .woocommerce-page img {
                height: auto;
                max-width: 100%
            }

            .woocommerce ul.products, .woocommerce-page ul.products {
                clear: both
            }

            .woocommerce ul.products::after, .woocommerce ul.products::before, .woocommerce-page ul.products::after, .woocommerce-page ul.products::before {
                content: " ";
                display: table
            }

            .woocommerce ul.products::after, .woocommerce-page ul.products::after {
                clear: both
            }

            .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
                float: left;
                margin: 0 3% 2.992em 0;
                padding: 0;
                position: relative;
                
                width: 21%;
                margin-left: 0
            }

            .woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
                clear: both
            }

            .woocommerce ul.products li.last, .woocommerce-page ul.products li.last {
                margin-right: 0
            }

            .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
                float: left
            }

            .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
                float: right
            }