/*==============listing starts ===============*/
#contentHolder {position:relative; width:100%; height: auto; padding-bottom: 3em;}
.leftsidebar {position: relative; left: 0; top: 0;width:100%; float: left;}
.breadcrumbs {float: left;padding: 10px 0px;width: 100%;  margin-top: 10px;}
.breadcrumbs ul {float: none;margin: 0;padding: 0;position: relative;text-align: left;}
.breadcrumbs ul li {color: #000;float: left;font-size: 12px;line-height: 1.45em;list-style-type: none; font-weight: 600;}
.breadcrumbs ul li span.dot {color: #666;display: inline-block;margin: 0 8px;}
.breadcrumbs ul li a {color: #666;text-decoration: none; font-weight: 400;}
.breadcrumbs ul li a:hover {text-decoration: underline;}
.arrow {float: right; margin-right: 20px;}
.glyphicon.arrow:before {content: "\e079";}
.active > a > .glyphicon.arrow:before {content: "\e114";}
.fa.arrow:before {content: "\f104";}
.active > a > .fa.arrow:before {content: "\f107";}
.plus-times {float: right;}
.fa.plus-times:before {content: "\f067";}
.active > a > .fa.plus-times {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.plus-minus {float: right; }
.fa.plus-minus:before {content: "\f067";}
.active > a > .fa.plus-minus:before {content: "\f068";}
.left-menu{ width: auto; padding: 0px; margin-bottom: 0px; }
.left-menu h3 {font-size: 18px;line-height: 1;min-height: 23px;text-transform: uppercase; color: #000;border-bottom: 1px solid #eee; padding-bottom: 15px;}
.left-menu .fa{ font-size: 10px; margin-right: 10px; margin-top:6px;}
.left-menu ul{ margin: 0; list-style: none; padding: 0; }
.left-menu ul ul{ padding: 10px 0;/*font-family: 'Roboto', sans-serif!important;*/}
.left-menu ul li{padding: 5px 0px}
.left-menu ul li:not(.light-grey):last-child{ border-bottom: none;}
.left-menu ul li a{ width: 100%; display: block; color: #000; padding-left: 0px; /*font-weight: 600;*/ outline: none; font-size: 14px}
.left-menu ul ul{ margin-top: 10px; margin-left: 0px;}
.left-menu ul ul li{ text-transform: capitalize!important; font-weight: 400; border: none; padding: 2px 0 0 20px;/*font-family: 'Roboto', sans-serif!important;*/ }
.left-menu ul ul li a{ font-weight: normal; color: #555;}
.narrow-search{  background: #fff none repeat scroll 0 0;color: #000; text-transform: uppercase; line-height: 35px; height: 40px; border-top: 4px solid #000;font-weight: 600; font-size: 14px; letter-spacing: 1px;}
.filter label, .radio label  {cursor: pointer;display: inline-block;font-size: 13px;margin-right: 15px;padding-left: 22px;position: relative; margin: 0; padding: 0; color: #666; font-weight: 300;}
.filter label img{ display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; width: 18px; height: 10px;}
.filter input[type="checkbox"], .radio input[type="radio"] {display: none;}
.pricefilter input[type="checkbox"]{
  display:none;
}

.pricefilter input[type="radio"]{
  display:none;
}



.filter{font-size:13px; font-weight:300;}
.filter label::before {background: url(../images/chkbox.png) no-repeat;content: "";display: inline-block;height: 12px;left: -17px;margin-right: 10px;position: absolute;width: 12px; top: 3px;}
.filter label.color::before {background:#000;content: "";display: inline-block;height: 18px;left: 0;margin-right: 10px;position: absolute;width: 18px; top: 3px; border-radius: 25px;}
.filter label, .radio label {margin-bottom: 0px;padding-left: 5px !important;}
.filter label::before {border-radius: 2px;}
.filter input[type="checkbox"]:checked + label::before {background: url(../images/selectbox.png) no-repeat; width: 12px; height: 12px;}
.filter .colorbox input[type="checkbox"]:checked + label::before {background: url(../images/selectbox.png) no-repeat; width: 18px; height: 18px;}
.radio label::before {background: url(../images/radio.jpg) no-repeat;content: "";display: inline-block;height: 14px;left: 0;margin-right: 10px;position: absolute;width: 14px; top: 2px;}
.radio input[type="radio"]:checked + label::before {background: url(../images/select-radio.jpg) no-repeat; width: 14px; height: 14px;}
.size-option{ width: 100%; float: left;}
.size-option a{ float: left!important;margin-bottom: -1px;margin-right: -1px;text-align: center;width: 42px!important; font-weight: normal!important; color: #666!important;}
.light-grey {border: 1px solid #e5e5e5;}
.price{ width: 100%; font-size: 11px;  margin-left: 10px;}
.price input[type="text"]{display: inline-block;border: 1px solid #ccc;border-radius: 3px;box-shadow: 2px 3px 3px #f3f3f3 inset;width: 45px; line-height: 26px; padding: 0 3px; margin-top: 5px;height: 26px;}
.price input[type="submit"] {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff 1%, #ebebeb 100%) repeat scroll 0 0;border: 1px solid #ccc;border-radius: 3px;color: #666;height: 26px;margin-left: 5px;width: 35px;margin-top: 5px;}
.category-item{ width: 100%; position: relative; margin-top: 10px; margin-bottom: 5em;}
.filterby{ margin: 4px 0; background:#fff url(../images/down-arrow.png) no-repeat 100px 14px;border: 1px solid #111;width: 85px;padding: 5px 5px;font-size: 12px;border: 1px solid #ccc;float: right; position: relative;}
/* .filterby:hover .sort-opt{ display: block; } */
.sort-opt{ width: 150px; position: absolute; display: none; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); border: 1px solid #efefef; top: 29px; right: 0; height: 150px; z-index: 99; background: #fff; padding: 1em;}
.sort-opt a{ text-align: left; display: inline-block; width: 100%; line-height: 22px; }
.sort{ width: 98%; padding: 0px 0; margin: 10px 0 0px;}
.sort h5{  display: inline-block; line-height: 2.5em; margin: 0; padding: 0 0 0 10px; font-size: 18px; text-transform: uppercase;}
.sort .item-num{ font-size: 11px; display: inline-block;vertical-align: baseline; margin-left: 10px}
.accordion {width: 100%;background-color: #EDEDED; position: relative;}
.accordion .close{opacity: 0.9!important; font: 18px arial;}
.accordion .accordion-head {color: #333;background-color: #fff;border-bottom: 1px solid #fff;position: relative;padding: 0px 0;cursor: pointer;overflow: hidden; width: 100%; float: left; border: 1px solid #ddd; height: 40px; margin-bottom: 5px;}
.accordion .accordion-head.last{float: right; }
.accordion .accordion-head * {cursor: pointer;}
.accordion .accordion-head h4 {float: left;  font-size: 15px; color: #333; font-weight: normal; line-height: 36px; margin: 0 0 0 10px;}
.accordion .accordion-body {border-bottom: 1px solid #fff;padding: 20px;height: auto;display: none; background: #fff; z-index: 1; width: 100%!important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); overflow: hidden;}
.arrow {float: right;width: 0px;height: 0px;margin: 6px 30px 0 0;font: 22px arial;}
.arrow:after{content:"+"}
.accordion-head.open .arrow{margin-top: 4px;}
.accordion-head.open .arrow:after{content:"-"; }
.panel-heading a { outline: none!important; text-decoration: none;}
.panel-heading a:after {font-family:'FontAwesome';content: "\f106";float: right;color: #fff;}
.panel-heading a.collapsed:after {content: "\f107";}

.filter-apply{width: 80px;padding: 5px;font-size: 12px;border: 1px solid #fa5400;height: 34px; text-align:center; float: left;-webkit-appearance: none;-moz-appearance: none;appearance: none; background: #fa5400; text-transform: uppercase; margin: 4px 0; color: #fff; margin-left: 5px;}
.checkbox * {cursor: pointer; position: relative;}
.checkbox {padding-left: 2px;/* display: inline-block;*/}
.checkbox label {display: inline-block;vertical-align: middle;position: relative;padding-left: 10px; font-size:13px; font-weight:300;}
.checkbox label::before {content: "";display: inline-block;position: absolute;width: 20px;height: 20px;left: 0;margin-left: -20px;border: 1px solid #cccccc;border-radius: 3px;background-color: #fff;-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: border 0.15s ease-in-out, color 0.15s ease-in-out; top: -2px;}
.checkbox label::after {display:block;position: absolute;width: 20px;height: 20px;left: 2px;top: -2px;margin-left: -21px;padding-left: 3px;padding-top: 1px;font-size: 11px;color: #D9D8C2; }
.checkbox input[type="checkbox"]{opacity: 0;z-index: 1; margin-top: 5px;}
.checkbox input[type="checkbox"]:checked + label::after{font-family: "Font Awesome 5 Free";content: "\f00c"; font-weight: 900;}
.checkbox.checkbox-circle label::before {border-radius:0;}
.checkbox.checkbox-inline {margin-top: 0;}
.checkbox-Red input[type="checkbox"]:checked + label::after,
.checkbox-Yellow input[type="checkbox"]:checked + label::after,
.checkbox-Green input[type="checkbox"]:checked + label::after,
.checkbox-Blue input[type="checkbox"]:checked + label::after,
.checkbox-Black input[type="checkbox"]:checked + label::after,
.checkbox-Khaki input[type="checkbox"]:checked + label::after,
.checkbox-Olive input[type="checkbox"]:checked + label::after,
.checkbox-Orange input[type="checkbox"]:checked + label::after,
.checkbox-Pink input[type="checkbox"]:checked + label::after,
.checkbox-Beige input[type="checkbox"]:checked + label::after,
.checkbox-Grey input[type="checkbox"]:checked + label::after,
.checkbox-Purple input[type="checkbox"]:checked + label::after,
.checkbox-Brown input[type="checkbox"]:checked + label::after,
.checkbox-Peach input[type="checkbox"]:checked + label::after,
.checkbox-Offwhite input[type="checkbox"]:checked + label::after
{color: #fff;}
.checkbox-Red input[type="checkbox"] + label::before{background-color: #EE1111;  border-color: #EE1111;}
.checkbox-Yellow input[type="checkbox"] + label::before{background-color: #FCF40A;  border-color: #FCF40A;}
.checkbox-Green input[type="checkbox"] + label::before{background-color: #28AC28;  border-color: #28AC28;}
.checkbox-Blue input[type="checkbox"] + label::before{background-color: #1712E5;  border-color: #1712E5;}
.checkbox-Black input[type="checkbox"] + label::before{background-color: #000;  border-color: #000;}
.checkbox-Khaki input[type="checkbox"] + label::before{ background: #ebe1be;border-color: #ebe1be; }
.checkbox-Olive input[type="checkbox"] + label::before{ background: #7f7f00;border-color: #7f7f00; }
.checkbox-Orange input[type="checkbox"] + label::before{ background: #FF7000;border-color: #FF7000; }
.checkbox-Pink input[type="checkbox"] + label::before{ background: #FB03C4;border-color: #FB03C4; }
.checkbox-Beige input[type="checkbox"] + label::before{ background: #DECCBE;border-color: #DECCBE; }
.checkbox-Brown input[type="checkbox"] + label::before{ background: #A2881B;border-color: #A2881B; }
.checkbox-Grey input[type="checkbox"] + label::before{ background: #AFB2B2;border-color: #AFB2B2; }
.checkbox-Purple input[type="checkbox"] + label::before{ background: #BD1AE4; border-color: #BD1AE4;}
.checkbox-Peach input[type="checkbox"] + label::before{ background: #FFDAB9; border-color: #FFDAB9;}
.checkbox-Offwhite input[type="checkbox"] + label::before{ background: #F9F9F1; border-color: #F9F9F1;}
.checkbox-Multicolor input[type="checkbox"] + label::before{ background: linear-gradient(-45deg, #e91e63 0%, #e91e63 15%, #673ab7 15%, #673ab7 30%, #2196f3 30%, #2196f3 45%, #8bc34a 45%, #8bc34a 60%, #fdd835 60%, #fdd835 75%, #ff9800 75%, #ff9800 90%, #f44336 90%, #f44336 100%);}

input[type="checkbox"].styled:checked + label:after {font-family: "Font Awesome 5 Free";content: "\f00c"; font-weight: 900;}
ul.thumb{ width: 100%; display: inline-block; float: left; margin: 10px 0;}
ul.thumb li{width: 60px; display: inline-block; margin-bottom: 5px; }
#size-sel ul{ margin: 0 30px 0 0; padding: 0;  list-style: none; }
#size-sel ul li{ width: 20px; display: inline-block; margin-right: 2px; }
#size-sel .checkbox * {cursor: pointer;}
#size-sel .checkbox {padding-left: 20px;width: 50px;height: 50px;margin-top: 1px;}
#size-sel .checkbox label {display: inline-block;vertical-align: middle;position: relative;padding-left: 5px;}
#size-sel .checkbox label::before { content: ""; display: inline-block; position: absolute;width: 20px;height: 20px;left: 0;margin-left: -20px;border: 1px solid #555;border-radius: 3px;background-color: #fff;-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: border 0.15s ease-in-out, color 0.15s ease-in-out;}
#size-sel .checkbox label::after {display: inline-block;position: absolute;width: 20px;height: 20px;left: 0;top: 2px;margin-left: -21px;padding-left: 3px;padding-top: 1px;font-size: 11px;color: #555555;}
#size-sel .checkbox input[type="checkbox"]{opacity: 0;z-index: 1;width: 20px;height: 20px;}
#size-sel .checkbox input[type="checkbox"]:checked + label::after{font-family: "FontAwesome";content: "\f00c";}
#size-sel .checkbox.checkbox-circle label::before {border-radius: 50%;}
.listee .fa{float: right;}
.listee > ul{float: left; width: 100%; margin: 0; padding: 0;}
.listee .pick-colorbox{margin-bottom: 0;}
html body ul li.light-grey{ display: inline-block; border: 1px solid #e5e5e5;line-height: 30px; width: 42px; margin-left: 0; padding-left: 0;vertical-align: middle;}
html body ul li.light-grey:not(:last-of-type){margin-right: 5px;}
ul li.light-grey a{display: inline-block; float: none; width: 100%; text-align: center; line-height: 30px; margin-top:0;}
.addSelect.FullWidth{width: 100%;}
.LabelsCustom .labelBox input[type="checkbox"]{ opacity: 0; position: absolute; left: -20px;}
.LabelsCustom .labelBox input[type="checkbox"]:checked + label:after{bottom: 0; color: #fff;background-color: #c88843; border-color: #c88843;}
.labelBox label:before,
.labelBox label:after{-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;}
.labelBox label:after{position:absolute; left: 0; width: 100%; height: 100%; display: inline-block; float: left; text-align:center;color: #444546;cursor: pointer;font-size: 11px;padding:13px 7px; font-weight: normal; line-height: 12px; z-index: 2;  content: ""attr(data-content)""; opacity: 1; bottom: 0px; text-align: center;}
.labelBox label:before{position:absolute; left: 0; width: 100%; height: 100%; display: inline-block; float: left; text-align:center;border: 1px solid #eee;color: #444546;cursor: pointer;font-size: 12px; font-weight: normal; background-color: #fff; line-height: 20px; z-index: 1; content: "";top: 0;}
.LabelsCustom > .labelBox{position: relative;display: inline-block; float: left; text-align: center; line-height: 20px; overflow: visible; min-width: 40px; height:36px; margin-bottom: 5px;}
.LabelsCustom > .labelBox:not(:last-of-type){margin-right: 5px;}
.RefineBtn{ display: none; }

.left-menu ul li > a.bg{background: #c88843d9; padding:5px 15px; }

.cur-from{ display: inline-block;}
.cur-flag{width:25px; height:25px;display: inline-block;margin-left: 5px;}
.listing-banner {
    padding-left: 10px; 
}
.img-dis{ width: 70px; position: absolute; bottom: 16px; left: 0; background: #98272C; font-size: 11px; text-align: center; color: #fff; z-index: 1;}
.sold-out{ width: 30px; height: 98px; position: absolute; top: 0; left: 0; }
/*============== listing ends ===============*/