/* $Base
--------------------------------------- */
html, body{ background-color: #fff; color: #000; }
html{ scroll-behavior: smooth;}
body{ -webkit-font-smoothing: antialiased; text-shadow: rgba(0,0,0,.01) 0 0 1px; font-family: 'Montserrat', sans-serif; font-weight: 400; margin-top: 0 !important; padding-bottom: 0 !important; }

.workspace{ margin: 0 auto; min-width: 320px; overflow: hidden;}
.workspace--fixed-header{ padding-top: 135px;}
    .workspace--fixed-sidebar{ padding-left: 90px;}

/* NOTEBOOK */
@media (max-width: 999px) {
	.workspace--fixed-header{ padding-top: 0;}
    .workspace--fixed-sidebar{ padding-left: 0;}
}

/* MOBILE */
@media (max-width: 766px) {
    .workspace{ padding: 0;}
    .hentry { margin-bottom: 0; }
}

* { outline: none !important; }

a{ text-decoration: none !important; color: inherit; outline: none !important;}
a:hover, a:focus, a:active { color: #de0031;}

.container-fluid{ max-width: 1920px; min-width: 320px;}
.container{ min-width: 320px;}

.display--flex{ display: flex;}

.truncate{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

h1, h2, h3, h4, h5, h6, .wc-block-grid__product-title {
    color: #000;
}

.m-b--0{ margin-bottom: 0px !important;}
.m-b--30{ margin-bottom: 30px !important;}
.m-b--45{ margin-bottom: 45px !important;}
.m-b--60{ margin-bottom: 60px !important;}
.m-b--75{ margin-bottom: 75px !important;}

.m-t--30{ margin-top: 30px !important;}
.m-t--45{ margin-top: 45px !important;}
.m-t--75{ margin-top: 75px !important;}
.m-t--90{ margin-top: 90px !important;}

.p-b--0{ padding-bottom: 0px !important;}
.p-t--0{ padding-top: 0px !important;}
.p-t--30{ padding-top: 30px !important;}
.p-b--60{ padding-bottom: 60px !important;}
.p-b--180{ padding-bottom: 180px !important;}


/* $Links and $Buttons
--------------------------------------- */
.btn.btn--xs{ font-size: 10px;}

.btn.btn--primary{ background-color: #FF660A; color: #fff; border-radius: 0px; padding: 12px 20px; font-weight: 600; transition: all .25s ease-in; text-transform: uppercase; position: relative; border-radius: 4px;}
.btn.btn--primary:hover, .btn.btn--primary:focus, .btn.btn--primary:active, .btn.btn--primary:active:focus{ background-color: #E65C09;}

.fab-whatsapp{ background-color: #25d366; color: #fff; width: 64px; height: 64px; text-align: center; padding: 17px; border-radius: 100px; box-shadow: 0 3px 5px 1px rgba(0,0,0,0.50); position: fixed; z-index: 9; bottom: 30px; right: 30px; transition: all .25s ease-in;}
.fab-whatsapp:hover, .fab-whatsapp:focus, .fab-whatsapp:active{ background-color: #128c7e; color: #fff;}

.btn.btn--blue, .button.alt{ text-transform: uppercase; color: #fff; background-color: #367CED; transition: all .25s ease-in; font-weight: 700;}
.btn.btn--blue:hover, .btn.btn--blue:focus, .btn.btn--blue:active,
.button.alt:hover, .button.alt:focus, .button.alt:active{ background-color: #2D6CC4; color: #fff }

.btn.btn--grey{ text-transform: uppercase; color: #858585; background-color: #ededed; transition: all .25s ease-in; font-weight: 700;}
.btn.btn--grey:hover, .btn.btn--grey:focus, .btn.btn--grey:active{ background-color: #D4D4D4;}

.btn.btn--grey-blue{ text-transform: uppercase; color: #367CED; background-color: #ededed; transition: all .25s ease-in; font-weight: 700;}
.btn.btn--grey-blue:hover, .btn.btn--grey-blue:focus, .btn.btn--grey-blue:active{ background-color: #D4D4D4;}

.button, button, .added_to_cart, input[type=submit]{ border: 1px solid transparent !important; padding: 5px 12px; border-radius: 4px; line-height: 22px; margin: 0; text-transform: uppercase; color: #fff; background-color: #367CED; transition: all .25s ease-in; font-weight: 700;}
.button:hover, .button:focus, .button:active,
button:hover, button:focus, button:active,
.added_to_cart:hover, .added_to_cart:focus, .added_to_cart:active,
input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active{ background-color: #2D6CC4 !important; color: #fff !important;}

.added_to_cart { text-align: center !important; width: 100%; }
.added_to_cart:hover { background-color: #2D6CC4; }

form p.comment-form-cookies-consent { clear: both; display: block; }


/* $Inputs
--------------------------------------- */
select, input[type=text], input[type=email], input[type=number], textarea { height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px;}
select:focus, input[type=text]:focus, input[type=email]:focus, input[type=number]:focus, textarea:focus { background-color: #fff; }
textarea { height: unset; }


/* $Owl-carousel
--------------------------------------- */
.owl-dots{ text-align: center; padding: 15px 0;}
.owl-dot{ width: 15px; height: 15px; background-color: #ddd; border-radius: 100px; display: inline-block; margin: 15px 5px;}
.owl-dot.active{ background-color: #999;}


/* $Typography
--------------------------------------- */
.underlined{ text-decoration: underline !important;}
.muted{ color: #999;}


/* $Header $Sidebar
--------------------------------------- */
.header{ position: fixed; top: 0; left: 0; right: 0; padding-left: 90px; z-index: 9;}
.sidebar{ width: 90px; min-height: 100vh; position: fixed; top: 0; left: 0; right: 0; z-index: 9; background-color: #222327; color: #fff; padding-top: 45px;}


/* $Topbar
--------------------------------------- */
.topbar{ background-color: #222327; color: #fff; padding: 15px 15px; line-height: 1em;}
.topbar ul{ margin: 0;}
.topbar ul li{ margin: 0 0 0 15px;}
.topbar a:hover, .topbar a:focus, .topbar a:active{ text-decoration: none !important; color: #fff;}
.topbar i{ color: #de0031; transform: rotate(-30deg); margin-left: 5px;}


/* $Breadcrumbs
--------------------------------------- */
#breadcrumbs { padding: 30px; }

/* MOBILE */
@media (max-width: 766px) {
	#breadcrumbs { padding: 20px; }
}


/* $HeaderNav
--------------------------------------- */
.header__nav{ padding: 19px 0; background-color: #fff; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15);}
.header__nav .navbar-collapse{ padding: 0; }


/* $Site-nav */
.site-nav{ margin: 0; text-transform: uppercase; font-weight: 700;}
.site-nav>li{ padding: 10px 0px;}
.site-nav>li>a{ display: block; border-right: 1px solid #ddd; padding: 5px 15px 5px 15px;}
.site-nav>li:last-child>a{ border-right: none;}

.btn.btn--shopping-cart{ display: block; margin: 5px 0 0; position: static;}


/* $Header-form
--------------------------------------- */
.header__form{ margin-bottom: 0; position: relative;}
.header__form .form-group{ position: relative; margin: 9px 15px 0 0;}
.header__form .form-control{ background-color: #f2f2f2; border: none; margin: 0; padding-right: 30px; box-shadow: none;}
.header__form .btn{ position: absolute; top: 9px; right: 15px; background-color: #f2f2f2; border-color: #f2f2f2; color: #367CED;}


/* $Sidebar
--------------------------------------- */
.sidebar__brand{ align-items: center!important; display: flex; width: 90px; height: 90px;  background-color: #de0031; text-align: center; padding: 10px;}
.sidebar__brand a{ display: block;}
.sidebar__brand img{ margin: 0 auto;}

.sidebar__list{ text-align: center; text-transform: uppercase; font-weight: 700; margin:0;} /* adicionado margin zero para remover o conflito com o css do woocommerce */
.sidebar__list>li{ width: 90px; border-bottom: 1px solid #ddd; font-size: 10px;}
.sidebar__list>li>a{ display: block; line-height: 1em; padding: 15px 5px; transition: all .25s ease-in;}
.sidebar__list>li>a:hover, .sidebar__list>li>a:focus, .sidebar__list>li>a:active{ color: inherit; background-color: #373940;}

.sidebar__list>li>a i{ margin: 0px 0 10px;}


/* $Footer
--------------------------------------- */
.footer{ color: #fff; background-color: #3C3C3C; padding: 0 0 45px; display: block; clear: both;}
.footer-content{ padding: 0 45px;}
.footer__heading{ text-transform: uppercase; font-weight: 700; margin: 0 0 20px; color:white!important;}
.footer ul.menu { margin: 0; }
.footer ul.menu li { list-style: none; margin-bottom: 10px; }
.footer ul.menu li a { color: #fff;}

.footer-list{ margin: 0 0 30px;}
.footer-list>li{ margin: 0 0 10px;}
.footer-list.with-icon>li{ margin: 0 0 10px; position: relative; padding-left: 30px;}
.footer-list>li>a{}
.footer-list>li>a i{ position: absolute; top: 5px; left: 0;}

.footer__logo{ display: inline-block; width: 135px; margin: 0 0 30px;}
.footer__social{}
.footer__social>li{ }
.footer__social>li>a{ }

/* MOBILE */
@media (max-width: 766px) {
	.footer { padding: 45px 0; }
	.footer-content .container-fluid { padding: 0; }
	.footer__social{ margin: 0; padding: 15px 15px 0; }
}


/* $Newsletter-bar
--------------------------------------- */
.newsletter-bar{ background-color: #222327; padding: 20px 15px; margin: 0 0 45px; color: #fff ;}
.newsletter-bar .media{ margin: 0;}

.newsletter__form{ position: relative; margin: 0;}
.newsletter__form .form-group{ position: relative; margin: 0;}
.newsletter__form .form-control{ background-color: #f2f2f2; border: none; margin: 0; padding-right: 30px; box-shadow: none; width: 100%; max-width: 100%;}
.newsletter__form .btn{ position: absolute; top: 0px; right: 15px; background-color: #f2f2f2; border-color: #f2f2f2; color: #367CED;}


/* $Bottom-bar
--------------------------------------- */
.bottom-bar{ background-color: #222327; padding: 10px 0; color: #fff;}
.bottom-bar__image{ width: 75px;}


/* $Hero
--------------------------------------- */
.hero{ position: relative;}
.hero__controls{ position: absolute; left: 0; right: 0; top: 40%; top: calc(50% - 25px); z-index: 8;}
.hero__controls .control--prev{ position: absolute; left: 0; width: 50px; height: 50px; background-color: #fff; opacity: .5; padding: 15px; text-align: center; color: #000; transition: all .5s ease-in; cursor: pointer;}
.hero__controls .control--prev:hover{ opacity: 1;}
.hero__controls .control--next{ position: absolute; right: 0; width: 50px; height: 50px; background-color: #fff; opacity: .5; padding: 15px; text-align: center; color: #000; transition: all .5s ease-in; cursor: pointer;}
.hero__controls .control--next:hover{ opacity: 1;}


/* $Advantages
--------------------------------------- */
.advantages{ padding: 30px 0 0; border-bottom: 2px solid #ddd;}
.advantages--footer{ border-bottom: none; border-top: 2px solid #ddd;}

.media--advantages{ margin: 0 0 30px; padding-left: 30px;}
.media--advantages .media-heading{ text-transform: uppercase;}
.media--advantages .media-heading.media-heading--white{ color: #fff !important;}


/* $Filter
--------------------------------------- */
.filter{ padding: 30px; text-align: center;}
.filter__heading{ text-transform: uppercase; font-weight: 700; margin-top: 10px; margin-bottom: 15px;}
.filter .form-control{ border-color: #808082;}
input[type="checkbox"], input[type="radio"] { bottom: -1px; height: 13px; position: relative; }


/* $Shelf
--------------------------------------- */
.shelf{ padding: 45px; overflow: hidden; position: relative;}
.shelf--bordered{ border-top: 2px solid #757574; border-bottom: 2px solid #757574; margin-bottom: 30px;}

.shelf__heading{ text-align: center; font-weight: 700; text-transform: uppercase; margin: 0 0 30px;}

.shelf__controls{ position: absolute; left: 0; right: 0; top: 40%; top: calc(50% - 25px); z-index: 8;}
.shelf__controls .control--prev{ position: absolute; left: 0; width: 50px; height: 50px; background-color: #fff; opacity: .5; padding: 15px; text-align: center; color: #000; transition: all .5s ease-in; cursor: pointer;}
.shelf__controls .control--prev:hover{ opacity: 1;}
.shelf__controls .control--next{ position: absolute; right: 0; width: 50px; height: 50px; background-color: #fff; opacity: .5; padding: 15px; text-align: center; color: #000; transition: all .5s ease-in; cursor: pointer;}
.shelf__controls .control--next:hover{ opacity: 1;}

/* MOBILE */
@media (max-width: 766px) {
	.shelf{ padding: 0;}
	.shelf--bordered{ padding: 30px 0;}
}


/* $Product-box
--------------------------------------- */
.product-box{ border: 2px solid #ddd; padding: 10px; margin: 0 0 30px;}

.product-box__actions{ opacity: 0; transition: all .25s ease-in; padding: 0 0 10px; color: #666; font-size: 12px; position: absolute; top: -39px; width: 100%;}
.product-box:hover .product-box__actions{ opacity: 1;}
.product-box__actions .fa-thumbtack{ color: #de0031; transform: rotate(-30deg);}
.product-box__actions .fa-share-alt{ color: #367CED; }
.product-box__media{ margin: 0 0 10px;}
.product-box__heading{ font-size: 14px; color: #666; margin: 0 0 10px;}
.product-box__price{ position: relative; padding-right: 45px; color: #666; font-weight: 700; font-size: 28px; margin: 0 0 10px;}
.product-box__discount{ position: absolute; top: 10px; right: 0; color: #de0031; font-size: 16px; font-weight: 600;}
.product-box__buttons{ text-align: center;}
.product-box__buttons .btn{ opacity: 0; transition: all .25s ease-in; margin: 0 0 10px;}
.product-box:hover .product-box__buttons{ opacity: 1;}


/* $Products
--------------------------------------- */
ul.products > a{ border: 2px solid #ddd; display: inline-block; padding: 10px; margin: 0 0 30px;}

.product-box .product-box__actions{ padding: 0 0 10px; color: #666; font-size: 12px; transition: all .25s ease-in;}
    .product-box:hover .product-box__actions{ opacity: 1;}
.product-box__actions .fa-thumbtack{ color: #de0031; transform: rotate(-30deg);}
.product-box__actions .fa-share-alt{ color: #367CED; }

.product-box__media{ margin: 0 0 10px;}
ul.products > a > img{ margin-bottom: 10px;}
ul.products > a > h2{ font-size: 14px; color: #666; margin: 0 0 10px;}
ul.products > a > span.price{ position: relative; padding-right: 30px; margin: 0 0 10px;}
ul.products > a > span.price del,
ul.products > a > span.price ins{ color: #666; display: block; font-weight: 700; font-size: 14px; }
ul.products > a > span.price ins{ font-size: 28px; text-decoration: none; }
.product-box__price{ position: relative; padding-right: 45px; color: #666; font-weight: 700; font-size: 28px; margin: 0 0 10px;}
.product-box__discount{ position: absolute; top: 10px; right: 0; color: #de0031; font-size: 16px; font-weight: 600;}
.product-box__buttons{ opacity: 0; transition: all .25s ease-in; text-align: center;}
.product-box__buttons .btn{ margin: 0 0 10px;}
.product-box:hover .product-box__buttons{ opacity: 1;}


/* $Seller
--------------------------------------- */
.seller{ text-align: center; text-transform: uppercase; font-weight: 700; padding: 10px 30px; font-size: 10px;}
.seller img{ margin: 0 auto 30px;}


/* $Breadcrumbs
--------------------------------------- */
.breadcrumbs{ padding: 15px;}
.breadcrumb{ background-color: #fff;}


/* $Page-Header
--------------------------------------- */
.page-header{ padding: 15px; margin: 0 0 45px; border: none;}
.page__heading{ margin: 0 0 30px; font-weight: 700;}
.page__heading .mini-text{ font-size: 14px; text-transform: uppercase;}
.page-title { font-weight: 700; margin: 0; padding: 0 0 15px; }


/* $Category-filters
--------------------------------------- */
.category-filters__clean{ margin: 0 0 30px 15px; color: #999; text-decoration: underline !important;}
.category-filters__module{ margin: 10px 0 30px 15px;}
.category-filters__heading{ text-transform: uppercase; font-weight: 700; margin: 0 0 15px;}
.category-filters ul{ margin: 0 0 10px;}
.category-filters ul>li{ list-style: none; margin: 0 0 7px;}
.category-filters ul>li>a{}
.category-filters ul>li.active>a{ text-decoration: underline !important;}
.category-filters button { margin-top: 15px; }


/* $Category Filter */
.category-filters__form{ text-align: right; margin: 0 0 30px;}
.category-filters__form .form-group{ margin: 0 0 0 15px;}


/* $Pagination
--------------------------------------- */
.pagination{ padding: 30px 0 60px;}
.pagination>li{}
.pagination>li>a{ border: none; font-weight: 700; color: #000; background-color: #fff !important;}
.pagination>li>a:hover{ color: #357CED;}
.pagination>li.active>a{ color: #DD3B31 !important;}
.pagination>li>a i{ color: #357CED;}


/* $Product-details
--------------------------------------- */
.product-details{ padding: 45px; border-bottom: 2px solid #ddd; margin: 0 -15px; position: relative; }
.product-details .onsale { background: #de0031; border-color: #de0031; color: #fff; position: absolute; right: 0; top: 0; }
.product-details .list-details{ margin: 0; }
.list-details>li{ padding: 15px 0; border-bottom: 1px solid #ddd;}


/* $Product-main
--------------------------------------- */
.product-main{ padding: 0 15px; }
.product__heading{ font-weight: 700; margin: 0 0 15px;}
.product__subheading{ font-weight: 700; margin: 0 0 15px; color: #377CED;}
.product__code{ color: #999; margin: 0 0 30px; text-transform: uppercase;}
.product__rating{ color: #F3A433; font-size: 24px; margin: 0 0 45px;}
.product__rating>li{ margin: 0px; padding: 0 2px;}
.product__lead{ color: #666;}
.product-main .pwb-single-product-brands{display: none;}
.product-main .extra-description{}
.product-main .extra-description.hidden{ display: none;}
.product-details .product-main .onsale{ right: 30px; top: 0; z-index: 10; }
.yith-wcwl-add-to-wishlist { margin-top: 0; }

.product-main .woocommerce-product-gallery { position: relative; }
	.product-main .woocommerce-product-gallery .woocommerce-product-gallery__trigger { position: absolute; left: 0; top: 0; z-index: 10; }
	.product-main .woocommerce-product-gallery:hover .product-box__actions { opacity: 1; }

	.product-main .woocommerce-product-gallery ol.flex-control-nav { display: flex; flex-wrap: wrap;margin: 0 -10px 10px; list-style: none; padding-top: 30px; }
	.product-main .woocommerce-product-gallery ol.flex-control-nav li { display: flex; flex: 0 0 25%; max-width: 25%; }
/* $Product-features
--------------------------------------- */
.product-features { margin: 0 -15px; }
.product-features .list-numbers{ margin: 0; }
.product-features .list-numbers>li { margin: 30px 0 0 0; }


/* $Price-box
--------------------------------------- */
.price-box{ border: 2px solid #ddd; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15); padding: 20px; background-color: #fff; color: #666; width: 345px; border: 2px solid #ddd; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15); margin-right: 30px; background-color: #fff; position: fixed; top: 200px; right: 30px; z-index: 9; color: #666;}

.price-box__heading{ color: #666; margin: 0 0 15px; }
.price-box__heading del { display: block; font-size: 16px; line-height: 16px; }
.price-box__heading ins { display: block; font-size: 30px; font-weight: 700; margin: 0; }
.price-box__heading .button { display: block; text-align: center; }

.price-box form {overflow: hidden; margin-bottom: 0;}
.price-box__form{ margin: 30px 0;}
.price-box__form label{ margin-top: 7px; color: #000;}
.price-box__form .form-control{ font-weight: 700; color: #000;}

.price-box .calculo-de-frete { overflow: hidden; position: relative; width: 100%; }
div#cfpp .calculo-de-frete input { background-color: #fff; border: 1px solid #ccc; border-radius: 4px 0 0 4px; color: #555; display: block; float: left; height: 34px; padding: 6px 12px; font-size: 14px; width: 50%; }
div#cfpp div.calculo-de-frete div#calcular-frete { border-radius: 0 4px 4px 0; display: block; float: left; height: 34px; line-height: 34px; margin: 0; padding: 0 10px; text-align: center; width: 50%; font-size: 0.875em; text-transform: uppercase; background: #367CED !important; transition: all .25s ease-in; font-weight: 700;}
div#cfpp div.calculo-de-frete div#calcular-frete:hover { border-color: #2D6CC4 !important; }
div#cfpp .calculo-de-frete div#calcular-frete svg { display: none; }
.price-box .calculo-de-frete #calcular-frete-loader { height: 34px; width: 34px; position: absolute; right: 25%; top: 50%; margin-right: -17px; margin-top: -17px; }
div#cfpp .resultado-frete { margin: 20px 0 0; }
    .price-box .resultado-frete table { margin: 0; }
        .price-box .resultado-frete table thead { margin: 0 -3px; }
            .price-box .resultado-frete table thead td { border-bottom: 1px solid #EDEDED; font-size: 10px; font-weight: bold; }
        .price-box .resultado-frete table tbody { margin: 0 -5px; }
            .price-box .resultado-frete table tbody td { font-size: 12px; }
            div#cfpp { margin-top: 0; }
            div#cfpp td { padding: 7px 0 6px; }

.price-box .quantity { float: left; width: 30%; }
    .price-box .quantity input { background-color: #fff; border: 1px solid #ccc; border-radius: 4px 0 0 4px; color: #555; display: block; height: 34px; padding: 6px 12px; font-size: 14px; width: 100%; }
.price-box .quantity + button { border-radius: 0 4px 4px 0; float: left; font-size: 0.875em; width: 70%; font-family: 'Montserrat', sans-serif; text-transform: uppercase; border-color: #367CED; background-color: #367CED; transition: all .25s ease-in; font-weight: 700; }
    .price-box .quantity + button:hover { border-color: #2D6CC4; background-color: #2D6CC4 }

.price-box .product-box__buttons{ margin: 0 0 15px;}
.price-box .product-box__buttons .btn{ font-size: 12px; margin: 0 3px 15px 0;}

@media (max-width: 1200px) {
	.price-box{ position: relative; top: unset; right: unset; width: 100%; }
}


/* $CEP */
.cep-box{ padding: 20px 10px; border: 1px solid #999; border-radius: 4px;}
.cep-form{}
.cep-form .form-control{ border: none; box-shadow: none !important;}
.cep-form .btn{ font-size: 12px;}
.cep-unsure{ margin: 5px 0;}


/* $Product-features
--------------------------------------- */
.product-features{ background-color: #EDEDED; padding: 45px;}

.list-numbers{ font-size: 16px; font-weight: 500; margin: 45px 0;}
.list-numbers>li{ margin: 0 0 30px; position: relative; padding-left: 40px;}
.list-numbers .list-numbers__number{ position: absolute; left: 0; top: -3px; text-align: center; display: inline-block; padding: 5px; border-radius: 100px; background-color: #fff; width: 30px; height: 30px; font-weight: 700;}

/* $Woof-redraw-zone */
.widget-woof { margin-bottom: 0; }
.woof_redraw_zone { text-align: center; }
.woof_redraw_zone .woof_container_pa_altura,
.woof_redraw_zone .woof_container_pa_aro,
.woof_redraw_zone .woof_container_pa_largura,
.woof_redraw_zone .woof_submit_search_form_container { bottom: -1px; display: inline-flex; margin: 0 0 10px; padding: 0; position: relative; }

.chosen-container-single .chosen-single { height: 34px !important; padding: 6px 12px; font-size: 14px; line-height: 34px !important; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
    .chosen-container-single .chosen-single span { line-height: 20px; }
    .chosen-container-single .chosen-single div b { background-position: 0 7px !important; }
    .chosen-container { margin: 0; }
    .chosen-container .chosen-results li.highlighted { background: #367CED !important; border-radius: 6px; }


/* $Storefront-sorting
--------------------------------------- */
.storefront-sorting{ margin: 0; padding: 0 0 30px; }
.woocommerce-result-count { font-weight: 700; line-height: 34px; }

/* MOBILE */
@media (max-width: 766px) {
	.storefront-sorting{ margin: 0; padding: 0 0 10px; }
		.storefront-sorting form{ margin-bottom: 10px; }
		.storefront-sorting form + p { line-height: 1em; }
}


/* $Pwb-all-brands
--------------------------------------- */
.pwb-all-brands{}
.pwb-brands-cols-outer {}
.pwb-all-brands .pwb-brands-col3{ width: 33.3% !important; }
.pwb-all-brands .pwb-brands-col3 a { display: block; padding: 0 45px; }
.pwb-all-brands .pwb-brands-col3 img { height: auto; margin-bottom: 30px; width: 100%; }
.pwb-all-brands .pwb-brands-col3 p { display: block; margin: 0; text-align: center; }
        .pwb-all-brands .pwb-brands-col3 p a { display: inline-block; font-weight: 700; padding: 0; }
        .pwb-all-brands .pwb-brands-col3 p span { display: inline-block; font-weight: 700; }


/* $Product-reviews
--------------------------------------- */
.product-reviews{ padding: 45px; border-bottom: 2px solid #ddd; margin: 0 -15px; }
.product-reviews .commentlist { margin: 0; }
.product-reviews .commentlist li img { display: none;}
.product-reviews .commentlist li .comment-text { position: relative;}
.product-reviews .commentlist li .comment-text p.meta { position: absolute; right: 0; top: 0;}
.product-reviews .commentlist li .comment-text .description { padding-top: 20px; }
#respond { padding: 0; }


/* $testimonial
--------------------------------------- */
.testimonial-list{}
.testimonial{ padding: 30px 0; border-bottom: 1px solid #f2f2f2;}
.testimonial:last-child{ border-bottom: none;}


.testimonial__heading{ margin: 0 0 15px;}
.testimonial__ratings{ text-align: left; margin: 0 0 20px;}
.testimonial__author{ color: #000; font-weight: 600; font-size: 12px; margin-top: 2px;}
.testimonial__date{ color: #000; font-weight: 400; font-size: 12px;}
.testimonial__extra{ font-style: italic; color: #000;}
.testimonial__extra .fa{ color: #3AB63A;}

.ratings{ text-align: left; font-size: 14px;}
.ratings .star{ font-family: 'Font Awesome 5 Pro'; font-weight: normal; font-style: normal; display: inline-block; font-weight: 900;}
.ratings .star:before{ content: "\f005"; padding-right: 0px; color: #F3A433;}

.ratings .star-o{ font-family: 'Font Awesome 5 Pro'; font-weight: normal; font-style: normal; display: inline-block; font-weight: 900;}
.ratings .star-o:before{ content: "\f5c0"; padding-right: 5px; color: #F3A433;}


/* $Mobile-Topbar
--------------------------------------- */
.mobile-topbar{ height: 50px; background-color: #222327;}
.mobile-brand{ height: 50px;}
.mobile-topbar__button{ height: 50px; text-align: center; display: inline-block; padding: 14px 10px; color: #de0031;}

.mobile-menu{ position: fixed; left: -100%; top: 0; width: 320px; background-color: #E5E5E5; z-index: 999; min-height: 100vh; transition: all .25s ease-in;}
.mobile-menu--open{ position: fixed; top: 0; left: 0;}

.mobile-menu--bordered{ border-right: 1px solid #222327; border-bottom: 1px solid #222327;}
.mobile-menu--bordered--menu{ background-color: #222327;}

.mobile-menu__button{ text-align: center; display: inline-block; font-size: 12px; height: 50px; padding: 8px 0;}
.mobile-menu__button--menu{ font-weight: 700; text-transform: uppercase; padding: 17px 5px 0; color: #fff;}

.mobile-menu .panel-default{ border: none;}
.mobile-menu .panel-default>.panel-heading+.panel-collapse>.panel-body{ background-color: #E5E5E5;}
.mobile-menu .panel-default>.panel-heading{ background-color: #E5E5E5;}

.mobile-menu .panel-title{ position: relative;}
.mobile-menu .panel-title i{ position: absolute; right: 0;}

.mobile-menu__list{}
.mobile-menu__list>li{ padding: 5px 0;}

.menu-overlay{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.75); z-index: 888; display: none;}
.menu-overlay--show{ display: block;}


/* $products
--------------------------------------- */
ul.products { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
	ul.products li.product .product-container { border: 2px solid #ddd; padding: 10px 10px 45px; position: relative; text-align: left; width: 100%; }
	    ul.products li.product { clear: none !important; display: flex; float: unset; margin-bottom: 30px; padding: 0 15px; position: relative; width: 100%; }
	        ul.products li.product a img { margin-bottom: 10px; width: 100%; }
	        ul.products li.product a h2 { color: #666; font-size: 14px !important; margin: 0 0 10px !important; }
	        ul.products li.product .star-rating { margin: 0 0 10px; }
	        ul.products li.product .onsale { background: #de0031; border-color: #de0031; color: #fff; position: absolute; right: 10px; top: 10px; }
	        ul.products li.product .price { margin-bottom: 0; }
	            ul.products li.product .price del { display: block; font-size: 16px; line-height: 16px; margin-bottom: 10px; }
	            ul.products li.product .price ins { display: block; font-size: 30px; line-height: 30px; font-weight: 700; margin: 0 0 10px; }
	        ul.products li.product .button { bottom: 10px; display: block; left: 10px; margin: 0; position: absolute; text-align: center; width: calc(100% - 20px); }
	        ul.products li.product .added_to_cart { margin-bottom: 10px; }

    ul.products.columns-2 li.product { flex: 0 0 50%; max-width: 50%; }
    ul.products.columns-3 li.product { flex: 0 0 33.3%; max-width: 33.3%; }
    ul.products.columns-4 li.product { flex: 0 0 25%; max-width: 25%; }

/* MOBILE */
@media (max-width: 766px) {
    ul.products.columns-3 li.product,
    ul.products.columns-4 li.product { flex: 0 0 50%; max-width: 50%; }
        ul.products li.product .price del { font-size: 12px; line-height: 12px; }
        ul.products li.product .price ins { font-size: 24px; line-height: 24px; }
}

/* MOBILE */
@media (max-width: 420px) {
    ul.products.columns-3 li.product,
    ul.products.columns-4 li.product { flex: 0 0 100%; max-width: 100%; }
        ul.products li.product .price del { font-size: 12px; line-height: 12px; }
        ul.products li.product .price ins { font-size: 24px; line-height: 24px; }
}

.main-sidebar__heading {font-weight: 700; margin: 0; padding: 0 0 15px; font-size: 2.617924em; line-height: 1.214; letter-spacing: -1px;}

/* $Blog-featured
--------------------------------------- */
.blog-featured {  }
.blog-featured .blog__media { display: block; overflow: hidden; margin-bottom: 25px; max-height: 450px; }
.blog-featured .blog__media img,
.blog-featured ~ .row > div img { display: block; height: auto; width: 100%; }
.blog-featured ~ .row { display: flex; flex-wrap: wrap; }
.blog-featured ~ .row > div { display: flex; }
.blog-featured ~ .row > div .blog-thumbnail__media { display: block; overflow: hidden; max-height: 250px; }
.blog-featured ~ .row > div .blog-thumbnail { border: 2px solid #ddd; border-radius: 0; padding: 10px;  }
.blog-featured ~ .row > div .blog-thumbnail .caption { padding: 20px 0 0 0; }
.blog-featured ~ .row > div .blog-thumbnail .caption .blog-thumbnail__lead { margin: 0; }

/* $Woocommerce-message
--------------------------------------- */
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments { background-color: #377CED; }

.storefront-full-width-content .content-area { margin: 0; padding: 45px; }
    .storefront-full-width-content .content-area .site-main { margin: 0; padding: 0; }