/* PLACEHOLDER FIX */
:-moz-placeholder { opacity: 1; }
::-moz-placeholder { opacity: 1; }
.panel { background-color: #FFFFFF; border: 1px solid #CCCCCC; padding: 20px; }
.panel ul { list-style-position: inside; margin-left: 20px; }
.panel ul li, .panel ul ol { list-style: circle !important; list-style-position: inside; }
.container h2 { font-size:18px; }
#roundLogo { width: 65px; height: 65px; margin-right:10px }

.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }

.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }

.page-section.with-sidebar { overflow: visible !important; }

.table { display: table; margin: 0; padding: 0; }
.tableCell { display: table-cell; margin: 0; padding: 0; }
.tableCell > div { padding: 6px; }
tr.content td.tableCell > div { padding: 3px 6px; }

tr.header { background-color: #7E7E7E; color: #FFFFFF; border-bottom: 1px solid #CCCCCC; }

table.table { margin: 0; margin-top: 20px; font-weight: bold; border: 1px solid #CCCCCC; }
.content:nth-child(odd) { background-color: #EEEEEE !important; }
.content.hiLight { background-color: #EFEFD6 !important; }

.itemCode { width: 15%; text-align: left; border-right: 1px solid #CCCCCC; }
.itemName { width: 28%; text-align: left; border-right: 1px solid #CCCCCC; }
.itemColor { width: 15%; text-align: center; border-right: 1px solid #CCCCCC; }
.itemSize { width: 15%; text-align: center; border-right: 1px solid #CCCCCC; }
.itemQty { width: 7%; text-align: center; border-right: 1px solid #CCCCCC; }
.itemUnitPrice { width: 7%; text-align: right; border-right: 1px solid #CCCCCC; }
.itemLinePrice { width: 8%; text-align: right; border-right: 1px solid #CCCCCC; }
.itemRemove { width: 5%; text-align: center; }

.no-border { border: none !important; }

#orderList { border: 1px solid #CCCCCC; }
#orderList th { border-bottom: 1px solid #666666; }
#orderList th, #orderList td { padding: 5px 3px; }
.boxedContent { border: 1px solid #E0E0E0; padding: 5px; margin-bottom: 20px; }
.boxedContent .itemCode, .boxedContent .itemName, .boxedContent .itemQty, .boxedContent .itemColour, .boxedContent .itemSize, .boxedContent .itemPrice { float: left; border-right: 1px solid #CCCCCC; padding: 3px; }
.orderLineItems .itemCode, .orderLineItems .itemName, .orderLineItems .itemQty, .orderLineItems .itemColour, .orderLineItems .itemSize, .orderLineItems .itemPrice {  border-bottom: 1px solid #CCCCCC; }
.orderLineItems { border-top: 1px solid #666666; }
.boxedContent .itemCode { width: 80px; }
.boxedContent .itemName { width: calc(100% - 300px); }
.boxedContent .itemQty { width: 30px; }
.boxedContent .itemColour { width: 50px; }
.boxedContent .itemSize { width: 60px; }
.boxedContent .itemPrice { width: 80px; border-right: none; text-align: right; }
.even { background-color: #F1F1F1; }
.odd  { background-color: #FFFFFF; }

.itemQty input { width: 40px; text-align: center; }
.emptyCart { margin: 100px 0; text-align: center; }

.bg-green { background-color: #40CC40; color: #FFFFFF; border-color: #99CC99; }
.bg-yellow { background-color: #F5F171; color: #222222; border-color: #BB9010; }
.bg-yellow:hover { background-color: #BB9010; }

.top-bar { background-color: #F4270D; }

#content .page-header { margin: 0; }
#content .page-header .productPageHeader span { margin-top: 15px; }
#content .products .thumbnail img { max-width: 300px; border: 1px solid #CCCCCC; }
#content .products { padding-bottom: 10px; border-bottom: 1px solid #CCCCCC; }
#content .products:last-child { border-bottom: none; }
.product-caption .itemPrice { float: right; font-size: 16px; font-weight: bold; line-height: 1.3; color: #5687BF; margin-bottom: 15px; text-decoration: none; }
.product-caption .caption-title { float: left; }
.product-description, .product-options { font-size: 12px; line-height: 1.4; }
#manufacturesLogo { float: right; margin: 0 0 10px 10px; border: 1px solid #CCCCCC; max-width: 100px; }

.owl-carousel .owl-item img { width: auto; margin-right: auto; margin-left: auto; }

ul.thumbnails { padding: 0; margin: 0; border: 1px solid #CCCCCC; border-top: none; background-color: #FFFFFF; }
ul.thumbnails li { padding: 2.5% 1%; width: 23%; float: left; }
ul.thumbnails li img { max-width: 100%; width: 100%; border: none !important; cursor: pointer; }

/* .product-options > .product-option { float: left; margin: 5px 10px 5px 0; } */
.productIcon { width: 40px; margin: 5px 0 5px 5px; }
.dropdown { margin: 5px 10px 5px 0; }
input[type=text]#quantity { max-width: 40px; margin: 5px 10px 5px 0; padding: 6px 4px ;}
input[type=submit]#submitBtn { border: none; margin: 5px 10px 5px 0; }
.btn-small { padding: 4px 6px; }
.btn, input[type=text] { border: 3px solid rgba(35, 35, 35, 0.1); }

.cart-items { max-width: 600px; }
.cart-items .cart-items-inner .media p.item-price { font-size: 14px; }
.cart-items .cart-items-inner .media a.cartImg { display: inline-block; *display: inline; *zoom: 1; width: 50px; }
.cart-items .cart-items-inner .media img { max-height: 25px; height: 25px; width: auto !important; }
.cart-items .cart-items-inner .media .media-body { }
.cart-items .cart-items-inner .media .media-body h4.media-heading { font-size: 13px; text-transform: capitalize; display: inline; }
.cart-items .cart-items-inner .media .media-body p { display: inline; }
.cart-items .cart-items-inner .media { padding: 5px 15px;}

#placeOrderFrm > div > div, #contactUsFrm > div { margin: 5px 0; vertical-align: top; }
#placeOrderFrm label { display: inline-block; *display: inline; *zoom: 1; min-width: 200px; width: 200px; }
#contactUsFrm label { display: inline-block; *display: inline; *zoom: 1; min-width: 100px; width: 100px; }
#placeOrderFrm input[type='text'], #placeOrderFrm textarea, #placeOrderFrm div.buttonContainer,
#contactUsFrm input[type='text'], #contactUsFrm textarea, #contactUsFrm div.buttonContainer { display: inline-block; *display: inline; *zoom: 1; width: 70%; width: calc(100% - 110px); }
#placeOrderFrm textarea { border: 3px solid rgba(35, 35, 35, 0.1); height: 150px; }

body #contactUsFrm textarea { border: 1px solid rgba(35, 35, 35, 0.1); height: 150px; padding:10px; }
body #contactUsFrm input[type='text'] { border: 1px solid rgba(35, 35, 35, 0.1); padding:10px; }

#placeOrderFrm div.buttonContainer, #contactUsFrm div.buttonContainer { text-align: right; width: calc( 70% + 10px ); }
#placeOrderFrm label.textarea { padding-top: 8px; vertical-align: top; }
#contactUsFrm label.textarea { padding-top: 8px; height: 130px; vertical-align: top; }

#googleMap { height: 400px; border: 1px solid #CCCCCC;}

.panel h2 { margin-top: 0; padding-top: 0; }
.rightSidebar { float: right !important; }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 0; vertical-align: middle; }
#orderButtonContainer { text-align: right; padding-bottom: 60px; }
.buttonContainer { text-align: right; width: 100% !important; }

.block-title { color: #5687BF; }
.block-title span { display: inline; }
.header-style-1 .header .header-search { right: 160px; }

.highlight { background-color: #FDF7B2; }

.clientLogo { margin: 10px 0 0 0; padding: 8px 0; border: 3px solid #E3E3E3; text-align: center; background-color: #FFFFFF; }

#owl-offers { border: 2px solid #5687bf; font-size: 0; }
#owl-offers .owl-controls { display: none; }

ul.two-cols li { width: 45%; margin-right: 5%; float: left; }
.widget.shop-categories ul li.active a { color: #5687BF !important; }
.widget.shop-categories ul li.topCategory { padding: 0; width: 100%; width: calc(100% + 1px); }
.widget.shop-categories ul li.topCategory > ul { padding: 10px; }
.widget.shop-categories ul li.topCategory > a { display: block; padding-left: 10px; color: #FFFFFF; background-color: #333333; height: 30px; line-height: 30px; margin: 0;  }

.slide-container { margin: 20px auto 0 auto; }
#sliderSidebar { padding-right: 15px; }
#sliderSidebar img { height: 30px;  }
#sliderSidebar h2 { font-size: 22px; color: #BB9010; font-weight: bold; } /* text-align: center; } */
#sliderSidebar p { font-size: 16px; font-weight: bold; } /* text-align: center; } */
#sliderSidebar .orangeText { color: #BB9010; margin: 0; padding: 0; }

.icons { text-align: left; margin-bottom: 16px; font-size: 0; }

/* Menu Flyout Drop */
ul.nav ul > li { position: relative; }
ul.nav ul > li > ul { display: none; position: absolute; right: 0; width: 280px; }
ul.nav ul > li:hover > ul { display: block; position: absolute; z-index: 1000; }
ul.nav ul > li:hover > ul > li { display: block; width: 100%; }
ul.nav ul > li:hover { background-color: #FFFFFF !important; color: #232323 !important; }
ul.nav ul > li:hover > a { color: inherit !important; }

.colourSwatch { width: 16px; height: 16px; margin: 3px; display: inline-block; border-left: 8px solid transparent; border-top: 8px solid transparent; border-right: 8px solid black; border-bottom: 8px solid black; }
#colorSelect .colourSwatch { float: left; }
#colorSelect .text { float: left; line-height: 34px; }

.productDetails .mainImage { width: calc(100% - 2px); max-width: 407px !important; }
.productDetails ul.thumbnails { background-color:transparent; border: none; }
.productDetails ul.thumbnails > li { border: 1px solid #CCCCCC; width: calc(33% - 10px); margin: 10px 5px 0 5px; box-sizing: border-box; }
.productDetails .product-option, .productDetails .colourSwatch { margin-bottom: 8px; }

.sf-menu ul li > a { padding: 6px 15px; }

.datasheet-button { display: inline-block; margin: 10px 0 0 0; padding: 4px 10px; background-color: #5687BF; color: #FFFFFF; }
.datasheet-button:hover { background-color: #000000; color: #FFFFFF; }
.datasheet-button i { margin-right: 8px; }


.thumbnail { border: none !important; background-color: #FFFFFF; }
.thumbnail .colours { margin: 0 auto; display: inline-block; }
.page-section { background-color: #F3F5F8; }
body.white-background .page-section { background-color: #FFFFFF; }
.caption-title { font-size: 16px; color: #333333; }
.thumbnail .media img { margin: 0 auto; }

.white-background { background-color: #FFFFFF; }
.larger-swatch > .colourSwatch { width: 28px; height: 28px; border-left: 14px solid transparent; border-top: 14px solid transparent; border-right: 14px solid black; border-bottom: 14px solid black; }

.btn.dropdown-toggle { color: #232323; font-size: 11px; line-height: 22px; text-transform: uppercase; font-weight: bold; width: 100%; text-align: left; }
.btn.dropdown-toggle .caret { float: right; margin-top: 8px; }
.product-single .buttons .quantity .qty { width: 60px; text-align: center; }
.thumbnail-banner .media-link .img-bg { z-index: 0; }
.thumbnail-banner .media-link .img-overlay { position: absolute; height: 100%; width: 100%; transition: all .5s; background-color: rgba(0, 0, 0, 0); }
.thumbnail-banner .media-link:hover .img-overlay { transition: all .5s; background-color: rgba(0, 0, 0, 0.2); }

.thumbnail { max-width: none !important; }
input.error, textarea.error { border: 1px solid #CC0000 !important; }
label.error { display: none !important; }
label > span { color: #CC0000;  }

.cart-wrapper { background-color: #FFFFFF; }

ul.dropdown-menu { max-height: 160px; overflow: scroll; z-index: 1;}

.product-text ul { list-style-type: disc;  }
.product-text li { margin-left: 20px; }





@media (min-width: 1200px) {

}


@media (max-width: 1199px) {

}


@media (min-width: 992px) {

}


@media (max-width: 991px) {
  .thumbnail { width: 100%; max-width: 400px; }
  ul.thumbnails { margin: 0; max-width: 400px; }
  ul.thumbnails > li { padding: 0; }
  .thumbnail > img, .thumbnail a > img { margin: 0; }
  .rightSidebar { float: none !important; }
  .header-style-1 .header .header-search { right: 190px; }
  ul.nav ul > li > ul { display: none !important; }
  .icons { text-align: center; }
  #sidebar { display: none; }
}


@media (max-width: 767px) {
  #placeOrderFrm input[type='text'], #placeOrderFrm textarea, #contactUsFrm input[type='text'], #contactUsFrm textarea { display: block; width: 100%; }
  #placeOrderFrm label.textarea, #contactUsFrm label.textarea  { padding-top: 0; height: auto; }
  #placeOrderFrm div.buttonContainer, #contactUsFrm div.buttonContainer { text-align: right; width: 100%; }
  .header-style-1 .header .header-search { right: 190px; }
  /* .header-wrapper .header-search { position: relative; margin-top: 130px; display: block; bottom: 0; left: 0; } */
  ul.two-cols li { width: 100%; float: none; }
  #sliderSidebar { display: none; }
}


@media (min-width: 480px) and (max-width: 768px) {
  .header-style-1 .header .header-search { left: 10px; top: 93px; width:150px; }
  .header .header-cart { left: 150px; top: 93px; }
  .sticky-wrapper .header { height: 160px !important; }
}


@media (max-width: 480px) {
  ul.thumbnails { margin: 0 auto; }
  .thumbnail > img, .thumbnail a > img { margin: 0 auto; }
  #roundLogo { display: none; }
  .header-style-1 .header .header-search { left: 10px; top: 93px; width:120px; }
  .header .header-cart { left: 130px; top: 93px; }
  .sticky-wrapper .header { height: 160px !important; }
  .header-style-1 .logo { margin: 0; }
}




/* News Item CSS */
.blog-item1-2 { background-color: #fff; border: 1px solid #DCDCDC; border-radius: 5px; display: block; float: left; position: relative; margin-bottom: 15px; }
.post-meta { display: block; left: 0; max-width: 94px; position: absolute; top: 0; margin-top: 0 !important; }
.post tr { border-bottom: 1px dashed #CCC; }
.post td { font-size: 11px; text-transform: uppercase; }

.blog-item { margin-top: 0; margin-bottom: 25px; }
.date h2 { background-color: #FFFFFF; border: #DCDCDC 1px solid; border-radius: 5px; color: #4960b0; margin: 0 !important; padding: 10px 0; position: relative; text-align: center; }
.blog-item .date h2 span { font-family: "Oswald" !important; font-size: 36px; }
.blog-item .date .month { color: #43474d; font-size: 21px; line-height: 1; }
.blog-item .date .year { color: #43474d; font-size: 16px; line-height: 1; padding: 0 30px; }
.blog-item1-2 .blog-item-description { float: left !important; }
.blog-item-description.borderTop { background-color: #FFFFFF; border-top: 1px solid #dcdcdc; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.blog-item1-2 img, .blog-item1-2 .video iframe { float: right !important; margin: 10px 10px 0; width: 300px !important; }

.blog-item1-2.full-width .blog-item-description { float: none !important;  width: 100%; }

/* .blog-item #blog-slider-pager .testimonials-item img { border-radius: 5px !important; width: 100%; } */

.blog .container .blog-item .post-meta .date .month { color: #43474D; font-size: 21px; line-height: 1; }
.blog .container .blog-item .post-meta .date .year { color: #43474d; font-size: 16px; line-height: 1; padding: 0 30px; }
.post-meta span, .post-meta .month, .post-meta .year { display: block; }
.blog-item1 { padding-left: 120px; position: relative; }
.blog-item1 img { border: 5px; max-width: 45%; }
.blog-item1-2 .blog-item-description { display: block; float: right; padding: 20px; width: 50%; }

.post__title_block figure img { width: 100%; height: auto; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: scale(1); transform: scale(1); backface-visibility: hidden; }

ul.socialShareIcons { margin: 0; padding: 0; }
ul.socialShareIcons li { margin: 6px 0 0 5px; padding: 0; list-style: none; float: left; }
ul.socialShareIcons li a { color: #CCCCCC; font-size: 14px; height: auto; border: 1px solid #CCCCCC; padding: 5px 6px; border-radius: 3px; display: block; }
ul.socialShareIcons li a.facebook          { color: #FFFFFF; background-color: #4867AA; border: 1px solid #4867AA; }
ul.socialShareIcons li a.twitter           { color: #FFFFFF; background-color: #1DA1F2; border: 1px solid #1DA1F2; }
ul.socialShareIcons li a.google-plus       { color: #FFFFFF; background-color: #DC4A38; border: 1px solid #DC4A38; }
ul.socialShareIcons li a.linkedin          { color: #FFFFFF; background-color: #0177B5; border: 1px solid #0177B5;}
ul.socialShareIcons li a.facebook:hover    { color: #4867AA; background-color: transparent; }
ul.socialShareIcons li a.twitter:hover     { color: #1DA1F2; background-color: transparent; }
ul.socialShareIcons li a.google-plus:hover { color: #DC4A38; background-color: transparent; }
ul.socialShareIcons li a.linkedin:hover    { color: #0177B5; background-color: transparent; }

.post.blog .post__title_block figure { position: relative; margin-bottom: 15px; }
.post.blog .post__title_block figure .time { position: absolute; bottom: 5px; right: -15px; }
.post.blog .post__title_block h2 { margin-bottom: 5px; padding-top: 0; }
.post.blog .post__title_block { padding-bottom: 0; }
.blogForm .filters-row__items { line-height: 45px; }
.recent-post-box .figure { background-color: transparent; position: relative; display: block; }
div.dateContainer, .post__title_block figure { background-color: transparent; position: relative; }
div.dateContainer { height: 35px; }
div.dateContainer .date { left: 12px; top: 12px; position: absolute; background-color: rgba( 255, 255, 255, 1); height: 65px; width: 65px; border-radius: 5px; border: 1px solid #FFFFFF; }
.post__title_block figure .date { position: absolute; background-color: rgba( 255, 255, 255, 1); height: 65px; width: 65px; border-radius: 5px; bottom: 8px; right: 8px; height: 58px; border: none; border: 1px solid #666666; }
.recent-post-box .figure .date { position: absolute; background-color: rgba( 255, 255, 255, 1); height: 65px; width: 65px; border-radius: 5px; bottom: 8px; left: 8px; border: none; }
div.dateContainerRecent .date .day,   div.dateContainer .date .day,   .post__title_block figure .date .day { position: absolute; top: 26px; left: 4px; font-size: 22px; font-weight: bold; width: 35px; text-align: center; color: #666666; }
div.dateContainerRecent .date .month, div.dateContainer .date .month, .post__title_block figure .date .month { position: absolute; top: 6px; left: 4px; font-size: 16px; font-weight: normal; width: 35px; text-align: center; color: #666666; }
div.dateContainerRecent .date .year,  div.dateContainer .date .year,  .post__title_block figure .date .year { position: absolute; top: 18px; left: 28px; font-size: 18px; font-weight: normal; color: #666666; -ms-transform: rotate(-90deg);  -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
 div.dateContainer .date .year { left: 2px; }
.post__title_block .post-heading { margin-left: 75px; }
.post__title_block.blog-item { padding-bottom: 15px; }
.post__title_block.blog-item .post__meta__item .autor, .post__title_block.blog-item .post__meta__item, .post__title_block.blog-item .post__meta .icon { font-size: 14px !important; }
div.recent-post-box .figure > img { width: 100%; }

.tagButton { border: 1px #CCCCCC solid; padding: 3px 6px; border-radius: 5px; font-size: 12px; }

.slogan.social-links { margin-bottom: 0; }
.slogan.social-links ul li:last-child { margin-right: 0; }
.social-links { margin-bottom: 2.438em; overflow: hidden; }
.social-links ul { margin: 0; padding: 0; list-style: none; }
.social-links ul li { display: block; float: left; margin-right: 10px; margin-bottom: 10px; }
.social-links ul a { text-decoration: none; display: inline-block; color: #c4c4c4; text-align: center; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; }
.social-links:hover ul a { background-color: #f3f3f3; }
.social-links:hover ul a:hover { background-color: #333333; text-decoration: none; }
.social-links.social-links--medium .icon { font-size: 22px; }
.social-links.social-links--medium .icon { width: 30px; height: 30px; line-height: 30px; }
.social-links.text-center ul { display: inline-block; }
.social-links.social-links-border ul a { border: 2px solid transparent; color: #fff; }
.social-links.social-links-border:hover ul a { background-color: transparent; border-color: #fff; }
.social-links.social-links-border:hover ul a:hover { background-color: #333333; border-color: #fff; }
.social-links.customColoured:hover > ul > li > a { background-color: transparent !important; }
.social-links.customColoured > ul > li > a.fa-facebook:hover       { background-color: #4867AA !important; color: #FFFFFF !important; }
.social-links.customColoured > ul > li > a.fa-twitter:hover        { background-color: #1DA1F2 !important; color: #FFFFFF !important; }
.social-links.customColoured > ul > li > a.fa-google-plus:hover    { background-color: #C03B30 !important; color: #FFFFFF !important; }
.social-links.customColoured > ul > li > a.fa-instagram:hover      { background-color: #FFFFFF !important; color: #000000 !important; }
.social-links.customColoured > ul > li > a.fa-youtube-square:hover { background-color: #E12B28 !important; color: #FFFFFF !important; }
.social-links.customColoured > ul > li > a.fa-snapchat-ghost:hover { background-color: #FFFC00 !important; color: #000000 !important; }
.pageContent .social-links.customColoured > ul > li > a.fa-instagram:hover { background-color: #000000 !important; color: #FFFFFF !important; }
.large-social-button { color: #FFFFFF; display: inline-block; font-size: 20px; height: 30px; line-height: 21px; text-align: center; width: 30px; margin-right: 4px; padding-top: 5px; }
.facebook-button { background-color: #3864A3; border: 1px solid #3864A3; }
.facebook-button:hover { background-color: #FFFFFF; color: #3864A3; }
.twitter-button { background-color: #659FCB; border: 1px solid #659FCB; }
.twitter-button:hover { background-color: #FFFFFF; color: #659FCB; }
.google-plus-button { background-color: #DD5044; border: 1px solid #DD5044; padding-left: 1px; }
.google-plus-button:hover { background-color: #FFFFFF; color: #dd5044; }
.linkedin-button { background-color: #0077B5; border: 1px solid #0077B5; }
.linkedin-button:hover { background-color: #FFFFFF; color: #0077B5; }
.reddit-button { background-color: #407AA9; border: 1px solid #407AA9; }
.reddit-button:hover { background-color: #FFFFFF; color: #407AA9; }

.small-gutters { margin-right: -5px; margin-left: -5px; }
.small-gutters div[class*='col-'] { padding-right: 5px !important; padding-left: 5px !important; margin-top: 10px !important; }
.small-gutters div[class*='col-'] .panel { margin: 0 !important; }

.pp_social { visibility: hidden; }

#filter-container { background-color: #101010;  }
#my-products-filters { display: block; list-style: none; margin: 0; padding: 0; }
#my-products-filters li { cursor: pointer; padding: 8px 12px; color: #FFFFFF;  list-style: none; margin: 0; display: inline-block; }
#my-products-filters li.active { background-color: #44444; }

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');