body.pixiedust .pm-brands .w3-border {width: 100%;height: 8px;max-width: 80%;margin: 0 auto 0 auto;border-radius: 2px;background: #dcdcdc;overflow: hidden;}
body.pixiedust .pm-brands .w3-border .w3-grey{background-color: #009a4d;height: 8px;transition: all 300ms ease;}
body.pixiedust .pm-brands{display: inline-block;width: 100%;margin: 20px auto 20px auto ;}
body.pixiedust .pm-brands .slick-slide{height: 160px;position: relative;}
body.pixiedust .pm-brand-items .brand-item{height:220px;position: relative;}
body.pixiedust .pm-brand-items .brand-item span{position: absolute;top:50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
body.pixiedust .pm-brands .fetch-more{margin: 40px auto;display: block;width: 100%;max-width: 90%;font-weight: 700;height: auto;padding: 15px 10px;font-size: 18px;}
body.pixiedust .items-container {max-width: 100% !important;}
body.pixiedust .pm-brands .pm-brand-items {margin-bottom: 20px;}
body.pixiedust .pm-brands .slick-slide img {display: inline-block;width: 100%;max-width: 67%;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);object-fit: contain;object-position: center;}
body.pixiedust .pm-featured-brands{padding: 0 20px 0 20px;}
body.pixiedust .pm-featured-brands .slick-prev {display: block;position: absolute;left: -20px;width: 20px;height: 20px;z-index: 999;padding: 0;outline: none;background: none !important;top: 36%;}
body.pixiedust .pm-featured-brands .slick-next {display: block;position: absolute;right: -20px;width: 20px;height: 20px;z-index: 999;padding: 0;outline: none;background: none !important;top: 36%;transform: translateY(-50%);}
body.pixiedust .pm-featured-brands .slick-prev:before{content: "\f104";display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;color: black;font-size: 36px;position: absolute;top: -9px;right: 2px;}
body.pixiedust .pm-featured-brands .slick-next:before{content: "\f105";display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;color: black;font-size: 36px;position: absolute;top: -9px;left: 0;}
body.pixiedust .pm-featured-brands .featured-brands {margin: 0 0 20px 0;}
body.pixiedust .the-featured-brands-text{font-size: 18px;}
body.pixiedust .pm-brand-filters .container{max-width: calc(100% - 30px) !important;}
body.pixiedust .pm-brand-filters .container > .row{border-top: solid 1px #d9dddb;padding-top: 20px;margin-bottom: 16px;height: 100%;}
body.pixiedust .active_filters a{cursor: pointer;}
body.pixiedust .active_filters a:not(.clear-all){margin-right: 8px;border: solid 1px #d9dddb;background: #f2f4f3;padding: 5px 35px 5px 10px;position: relative;color: #5d5d5d;margin-bottom: 8px;display: inline-block;}
body.pixiedust .active_filters a:not(.clear-all):after {content: "+";position: absolute;right: 6px;top: 50%;transform: translateY(-54%) rotate(45deg);font-size: 20px;}
body.pixiedust .active_filters a.clear-all{text-decoration: underline;text-transform: uppercase;position: relative;top: 6px;}
body.pixiedust .fetch-more-text{text-align: center;margin: 50px 0 20px 0;font-weight: 700;font-size: 16px;}
body.pixiedust .brand-item .brand-item-wrap {width: 100%;height: calc(100% - 30px);margin-top: 15px;border: solid 1px #d9dddb;border-radius: 3px;text-align: center;display: inline-flex;align-items: center;text-align: center;justify-content: center;}
body.pixiedust .brand-item .brand-item-wrap img {position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);max-width: 70%; max-height: 75%}
body.pixiedust .brand-item .brand-item-wrap p{background: #ffdb00;position: relative;padding: 9px 10px 7px 10px;text-transform: uppercase;font-weight: 900;font-size: 11px;line-height: normal;margin-bottom: 10px;}
body.pixiedust .brand-item .brand-item-wrap p[data-authorised]{background: #005740;color:white;}
body.pixiedust .brand-item .brand-item-wrap p[data-authorised]:after{border-color: transparent #0b2921 transparent transparent;}
body.pixiedust .brand-item .brand-item-wrap p:after{content: " ";width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 0;border-color: transparent #eb9820 transparent transparent;left: 0px;top: 29px;position: absolute;}
body.pixiedust .pm-brand-filters [name="sort_by"]{border: solid 1px #d9dddb;border-radius: 0;padding: 10px;height: 50px;}
body.pixiedust .pm-brand-filters [name="text_search"]{border: solid 1px #d9dddb;border-radius: 0;padding: 10px;height: 50px;}
body.pixiedust .pm-brand-filters input::placeholder {color: black;opacity: 1;font-weight: 700;}
body.pixiedust .pm-brand-filters input:-ms-input-placeholder {color: black;font-weight: 700;}
body.pixiedust .pm-brand-filters input::-ms-input-placeholder {color: black;font-weight: 700;}
body.pixiedust .filters-filter-by{margin-bottom: 0;color: #009a4d;font-size: 20px;font-weight: bold;}
body.pixiedust .pm-brand-filters [name="image_text"]{position: absolute;left: -9999999px;}
body.pixiedust .pm-brand-filters label[for="image"],
body.pixiedust .pm-brand-filters label[for="text"]{text-transform: uppercase;font-weight: 700;cursor: pointer;}
body.pixiedust .pm-brand-filters label[for="image"]:before,
body.pixiedust .pm-brand-filters label[for="text"]:before{content: " ";width: 24px;height: 24px;display: block;margin: 0 auto 10px auto;background-size: contain !important;}
body.pixiedust .pm-brand-filters label[for="image"]:before{background: url("../images/Images-activex2.png");}
body.pixiedust .pm-brand-filters label[for="text"]:before{background: url("../images/Text-normalx2.png");}
body.pixiedust.brands_show_text .pm-brand-filters label[for="image"]:before{background: url("../images/Images-normalx2.png");}
body.pixiedust.brands_show_text .pm-brand-filters label[for="text"]:before{background: url("../images/Text-activex2.png");}
body.pixiedust .pm-brand-filters .image-li{padding: 0px 15px 0px 0;position: relative;margin-right: 10px;}
body.pixiedust .pm-brand-filters .image-li:after{content: " ";width: 1px;height: calc(100% - 4px);border-right: solid 1px #d9dddb;;display: block;position: absolute;right: 0px;top: 0px;}
body.pixiedust.brands_show_text .pm-brand-items .brand-item img{display: none !important;}
body.pixiedust.brands_show_text .pm-brand-items .brand-item .title{display:block !important;}
body.pixiedust.brands_show_text .pm-brand-items .brand-item{flex: 0 0 calc(100% - 30px) !important;max-width: 100% !important;margin-left: 15px;}
body.pixiedust.brands_show_text .pm-brand-items .brand-item{height: 85px;border-bottom: solid 1px #d9dddb;}
body.pixiedust.brands_show_text .pm-brand-items .brand-item span {left: 0;transform: translateX(0) translateY(-50%);}
body.pixiedust.brands_show_text .brand-item .brand-item-wrap {border:none;}
body.pixiedust.brands_show_text .brand-item .brand-item-wrap p:after {opacity: 0;visibility: hidden;}
body.pixiedust .active-filters-title{margin: 0 10px 0 0;font-weight: 900;height: 26px;display: inline-block !important;}
body.pixiedust .active_filters a.clear-all{height: 26px;}
body.pixiedust .mob-filter-dropdown .btn{display: block;width: 100%;font-weight: 700;text-align: left;text-transform: uppercase;padding: 18px 20px 16px 20px;height: auto;line-height: normal;background: white;color: black !important;border-bottom: solid 1px #d9dddb;border-radius: 0;position: relative;}
body.pixiedust .mob-filter-dropdown .btn.active {border: none;box-shadow: none;background-color: #FFDB00;}
body.pixiedust .mob-filter-dropdown .dropdown-menu{position: relative;border-radius: 0;width: 100%;margin: 0;border-left: 0;border-right: 0;padding: 25px 20px 20px 20px;}
body.pixiedust .mob-filter-dropdown .dropdown-menu.show{background: #f2f4f3;}
body.pixiedust .mob-filter-dropdown .dropdown-menu .item{display: block;font-weight: 700;margin-bottom: 10px;font-size: 16px;}
body.pixiedust #mySidenav [type="checkbox"]:checked,
/*.bottom-filters-row [type="checkbox"]:checked{background: transparent url(../images/Checkbox-activex2.png) no-repeat center / 100% !important; border: none;}*/
body.pixiedust #mySidenav [type="checkbox"], .bottom-filters-row [type="checkbox"] {transition: background 100ms ease-in;}
body.pixiedust #mySidenav [type="checkbox"],
/*body.pixiedust .pm-brands [type="checkbox"]:disabled + label{opacity: 0.3;}*/
body.pixiedust .pm-brands [type="checkbox"], .pm-brands [type="checkbox"] + label{cursor:pointer;}
body.pixiedust .bottom-filters-row [type="checkbox"] { /*background: transparent url(../images/Checkbox-emptyx2.png) no-repeat center / 100%;-webkit-appearance: none;appearance: none;*/width: 20px;height: 20px;border: none;margin-bottom: 5px;border-radius: 0;}
body.pixiedust .bottom-filters-row .item label {display: inline-block;margin-bottom: .5rem;font-weight: 900;position: relative;top: -2px;margin-left: 8px;}
body.pixiedust:not(.brands_show_text) .pm-brand-items .brand-item img{display: block !important;}
body.pixiedust:not(.brands_show_text) .pm-brand-items .brand-item .title{display:none !important;}
body.pixiedust .pm-brands .side_filters{border-top:none !important;}
body.pixiedust .f-btn-container{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
body.pixiedust .f-btn-item{flex: 1 1 auto;}
body.pixiedust .f-btn-item .btn {width: 100%;height: 56px;border: solid 1px #d9dddb;border-radius: 0;background: white;font-weight: 900;text-transform: uppercase;text-align: left;}
body.pixiedust .f-btn-item .btn:focus{color: black;}
body.pixiedust .f-btn-item .btn.is_open,
body.pixiedust .f-btn-item .btn:active,
body.pixiedust .f-btn-item .btn:hover{background: #ffdb00;border-color: #d9dddb;color: black;}
body.pixiedust .bottom-filters-row .select-container{width: 70%;}
body.pixiedust .bottom-filters-row .select-container .item{width:33%;display: inline-block;}
body.pixiedust .f-btn-item .btn{position: relative;}
body.pixiedust .mob-filter-dropdown .btn:after,
body.pixiedust .f-btn-item .btn:after{position: absolute;right: 10px;top: 45%;transform: translateY(-50%);content: "\f107";display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;color: black;border: none;height: 22px;width: 15px;font-size: 22px;line-height: normal;padding: 0;}
body.pixiedust .mob-filter-dropdown .btn:after{right: 19px}
body.pixiedust .mob-filter-dropdown .btn.active:after,
body.pixiedust .mob-filter-dropdown .btn.is_open:after,
body.pixiedust .mob-filter-dropdown .btn:active:after,
body.pixiedust .mob-filter-dropdown .btn:hover:after,
body.pixiedust .f-btn-item .btn.is_open:after,
body.pixiedust .f-btn-item .btn:active:after,
body.pixiedust .f-btn-item .btn:hover:after {content: "\f106";top: calc(45% - 1px);}
body.pixiedust .brands_sidenav .f1{background: #009a4d;color: white;display: flex;width: 100%;justify-content: start;align-items: stretch;padding: 24px 23px;font-size: 24px;text-transform: uppercase;position: relative;}
body.pixiedust .brands_sidenav .f3{position: absolute;right: 19px;z-index: 1;top: 0;height: 100%;padding: 0;display: flex;align-items: center;opacity: 0;}
body.pixiedust .brands_sidenav .f2{min-width: 200px;}
body.pixiedust.brand_filters_open .brands_sidenav .f3{opacity: 1;}
body.pixiedust .brands_sidenav .f3 a{color: white;padding: 0;transition: all 300ms ease;text-decoration: none;}
body.pixiedust .brands_sidenav .f3 a:hover{color: white;opacity: 0.7;}
body.pixiedust.brand_filters_open #mySidenav{width:80%;max-width: 350px;}
body.pixiedust .closer{position: fixed;top:0;left:0;width:100%;height:100%;background: black;z-index: 999;opacity: 0;visibility: hidden;cursor:pointer;pointer-events: none;transition: all 300ms ease;}
body.pixiedust.brand_filters_open .closer{visibility: visible;opacity: 0.7;pointer-events: all;}
body.pixiedust .brands_sidenav {height: 100%;width: 0;position: fixed;z-index: 9999;top: 0;right: 0;background-color: white;overflow-x: hidden;transition: 0.5s;padding-top: 0;}
body.pixiedust .brands_sidenav a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 25px;color: #818181;display: block;transition: 0.3s;}
body.pixiedust .brands_sidenav a:hover {color: #f1f1f1;}
body.pixiedust .brands_sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;}
body.pixiedust .pm-brands .filters_openbtn {font-size: 30px;cursor: pointer;width: 100%;background: #009a4d;display: block;padding: 12px 10px;color: white;text-align: center;text-transform: uppercase;font-size: 20px;transition: all 300ms ease;}
body.pixiedust #main {transition: margin-left .5s;padding: 16px;}
body.pixiedust .badge-container{position: absolute;top: 28px;left: 5px;min-height: 30%;}
body.pixiedust .brands_show_text .brand-item .brand-item-wrap .badge-container{top: 50%;left: unset;right: 0;transform: translateY(-50%);}
body.pixiedust .pixie-brands .loading-mask {background: rgba(0, 0, 0, 0.2) !important;}
body.pixiedust .brands_show_text .brand-item .brand-item-wrap .badge-container p{margin-bottom: 0;}
body.pixiedust .some-filters{width: 100%;background: #f2f4f3;min-height: 150px;position: absolute;top: 76px;z-index: 999;padding: 30px 40px;}
body.pixiedust .pm-brand-filters .active_filters{width:100%;}
body.pixiedust .brand_title_name{ color: black;margin: 0px;display: block;max-width: 90%;}


@media screen and (max-height: 450px) {
    body.pixiedust .brands_sidenav {padding-top: 15px;}  .brands_sidenav a {font-size: 18px;}
}

@media(max-width: 767px) {
    body.pixiedust .pm-brand-filters .above-filters-row {border-top: solid 1px #d9dddb;margin-top: 17px;}
    body.pixiedust .filter-row {padding-left: 0 !important;padding-right: 0 !important;}
}

@media(min-width: 1320px) {
    body.pixiedust .active-filters-title {height: 28px;}
    body.pixiedust .active_filters a.clear-all{height: 28px;}
}

@media(min-width: 768px){
    body.pixiedust .pm-brands .fetch-more{max-width: 26%;}
    body.pixiedust .pm-brand-items .brand-item{height:250px;}
    body.pixiedust .pm-brands .w3-border {max-width: 24%;}
    body.pixiedust .pm-brands .pm-brand-items {margin-top: 60px;}
    body.pixiedust .items-container {max-width: calc(100% - 30px) !important;}
    body.pixiedust.brands_show_text .pm-brand-items .brand-item{flex: 0 0 48% !important;max-width: 48% !important;margin-left: inherit;}
    body.pixiedust.brands_show_text .pm-brand-items .brand-item:nth-child(odd){margin-right: 2%;}
    body.pixiedust.brands_show_text .pm-brand-items .brand-item:nth-child(even){margin-left: 2%;}
    body.pixiedust.brands_show_text .pm-brand-items .brand-item:nth-child(1), body.pixiedust.brands_show_text .pm-brand-items .brand-item:nth-child(2){border-top: solid 1px #d9dddb;}
    body.pixiedust .pm-brands .side_filters {border-top: solid 1px #d9dddb !important;margin-top: 16px;padding-top: 16px !important;}
}

@media(max-width: 1199px){
    body.pixiedust .some-filters{display: none !important;visibility: hidden;opacity: 0;pointer-events: none;}
    body.pixiedust .pm-brands .bottom_filters{display:none !important;}
    body.pixiedust .bottom-filters-row {border-top: none !important;}
}

@media(min-width: 1200px){
    body.pixiedust .pm-brands .side_filters, body.pixiedust .pm-brands .filters_openbtn, body.pixiedust .pm-brands .brands_sidenav, body.pixiedust .pm-brands .closer{display:none !important;}
    body.pixiedust:not(.brands_show_text) .pm-brand-items .col-xl-2 {flex: 0 0 20% !important;max-width: 20% !important;}
}
