_______________________________________________________*/

/*---------- General Style ------------*/
*{box-sizing: border-box; outline: none !important;}
body, html {height: 100%; margin: 0; padding: 0;}
.transition, a, input, button{transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s;}
.right-side {float: right;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-uppercase{text-transform: uppercase;}
.align-flax{display: flex; align-items: center;}
.justify-flex{display: flex; justify-content: center;}



/* checkbox CSS Start */
.check-box input, .radio input.radio-button {display: none;}
.checkbox + label, .radio-button + label {cursor: pointer; line-height: 17px; padding-bottom: 4px; padding-left: 22px; padding-top: 4px; position: relative;}
.checkbox:checked + label::before, .radio-button:checked + label::before {background: #2d3031 none repeat scroll 0 0; border-color: #2d3031;}
.checkbox + label::before, .radio-button + label::before, .checkbox + label::after { content: ""; height: 16px; left: 0; position: absolute; top: 0; width: 16px; margin-top: 4px;}
.checkbox + label::before, .radio-button + label::before {background: #fff none repeat scroll 0 0; border: 2px solid #d5d5d5; border-radius: 1.5px; -moz-border-radius: 1.5px; -webkit-border-radius: 1.5px; -o-border-radius: 1.5px;}
.checkbox:checked + label::after {background-image: url("../images/check-box-icon.png"); background-repeat: no-repeat;}
	input.radio-button:checked + label::before {background-image: url("../images/radio-icon.png"); background-repeat: no-repeat;}
.radio-button + label::before {-webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
.radio-btn label{position: relative;}
.radio-btn label:before { content: ""; -webkit-appearance: none; background-color: transparent; border: 1px solid #333333; padding: 5px; border-radius: 50px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 8px; top: -1px;}
.radio-btn input {display: none; cursor: pointer;}
.radio-btn input:checked + label:before {background-color: #e9ecee; color: #99a1a7; border: 1px solid #0079bf;}
.radio-btn input:checked + label:after {content: ''; width: 12px; height: 12px; border-radius: 50px; position: absolute; top: 6px; left: 0px; background: #000;}

/* - Spacer Style  //---------------- */
.ptb-100{padding-top: 100px; padding-bottom: 100px;}
.ptb-120{padding-top: 120px; padding-bottom: 120px;}
.pt-70{padding-top: 70px;}
.pt-100{padding-top: 100px;}
.pl-15{padding-left: 15px;}
.pr-30{padding-right: 30px;}
.pb-10{padding-bottom: 10px;}
.pb-15{padding-bottom: 15px;}
.pb-20{padding-bottom: 20px;}
.pb-25{padding-bottom: 25px;}
.mt-100{margin-top: 100px;}
.mt-20 {margin-top: 20px;}
.mb-15{margin-bottom: 15px;}
.mb-25{margin-bottom: 25px;}
.mb-30{margin-bottom: 30px;}
.m-0{margin: 0;}
.ml-0{margin-left: 0;}

/*----------- Best Seller Style -------------*/
.seller-img {width: 85px; float: left; border: 5px solid #f5f5f5;}
.seller-img a{overflow: hidden;}
.seller-img:hover img {transform: scale(1.2) rotate(10deg);}
.seller-contain {width: calc(100% - 85px); float: left;}
.offer-week {background: #f5f5f5; padding: 40px;}
.week-img {background: #fff;}
.week-img:hover {box-shadow: 0px 0px 15px 1px rgb(0, 0, 0, .2);}
.week-head {font-size: 25px; font-weight: 700; color: #2d3031;}
.week-sub {font-size: 18px; color: #2d3031;}
.price-r, .price-o {font-size: 18px; color: #979797; text-decoration: line-through; font-weight: 700;}
.price-o {color: #2d3031; text-decoration: unset;}
.star-rating {direction: rtl;}
.star-rating input[type=radio] {display: none}
.star-rating label {color: #bbb; font-size: 18px; padding: 0; cursor: pointer;}
.star-rating label:hover, .star-rating label:hover ~ label, .star-rating input[type=radio]:checked ~ label {color: #f2b600}
.countdown li{display: inline-block; margin: 0px 8px;}
.counter-timer {border: 1px solid #e4e4e4; width: 60px; height: 60px; line-height: 60px; background: #fff; font-size: 24px; color: #2d3031; font-weight: 700;}
.day-name {font-size: 14px; color: #2d3031; padding-top: 5px;}





/*------- Sidebar__1 Style ----------*/
.sidebar__1-default {border: 1px solid #e5e5e5; padding: 26px 30px;background: #f5f5f557;}
.cat-title {color: #2a2b2c; font-weight: 700; font-size: 16px; margin-bottom: 15px;}
.category li {padding: 5px 0px; position: relative;}
.category li:first-child {padding-top: 0;}
.category li:last-child {padding-bottom: 0;}
.category li a {font-size: 14px; color: #999999; display: block;}
.category li a:hover{color: #000;}
.category li.active a{color: #000;}
.category ul{padding: 15px 0px 5px 30px;}
.category-sub{display: none;}
.category .opener {display: block !important; color: #999999; position: absolute; top: 1px; right: 0; font-size: 11px;} 
.category .opener.plus:before{content: "\f067"; font-family: fontawesome;}
.category .opener.minus:before{content: "\f068"; font-family: fontawesome;}
.sidebar__1 .btn-filter {font-size: 12px; text-transform: none; background: #dadada; border: unset; margin-bottom: 20px;}
.sidebar__1 .btn-filter span {margin-left: 5px;}
.filter-by {border-bottom: 1px solid #e9e9e9; padding-bottom: 16px; margin-bottom: 16px;}
.filter-by:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.checkbox + label.beige::before {background: #e9e99d none repeat scroll 0 0 !important; border-color: #d5d5d5}
.checkbox + label.white::before {background: #fff none repeat scroll 0 0 !important; border-color: #d5d5d5}
.checkbox + label.black::before {background: #0d0d0d none repeat scroll 0 0 !important; border-color: #d5d5d5}
.checkbox + label.orange::before {background: #f39c11 none repeat scroll 0 0 !important; border-color: #d5d5d5}
.checkbox + label.blue::before {background: #5d9cec none repeat scroll 0 0 !important; border-color: #d5d5d5}
.checkbox + label.green::before {background: #83c53c none repeat scroll 0 0 !important; border-color: #d5d5d5}
.checkbox + label.yellow::before {background: #f9cc16 none repeat scroll 0 0 !important; border-color: #d5d5d5}
.checkbox + label.pink::before {background: #f8989d none repeat scroll 0 0 !important; border-color: #d5d5d5}
.checkbox:checked + label.white::after{background-image: url(../images/check-box-icon-2.png);}
.latest-prod {margin-bottom: 20px;}
.product-list .featured-product {flex: 0 0 25%; max-width: 25%;}

/* - Sorting CSS //---------------- */
.shorting {border: 1px solid #e5e5e5; padding: 9px 20px;background: #f5f5f557;}
.list-types {display: inline-flex; margin: 3px 0px 0; padding: 0 5px;}
.list-types.grid {padding-left: 0;}
.list-types.list {padding-right: 0;}
.list-types-icon {display: inline-block; height: 25px; width: 25px; font-size: 25px; color: #969797;}
.active .list-types-icon{color: #363535;}
.list-types-icon:hover{color: #363535;}
.list-types a {display: inline-flex;}
.shorting select {font-size: 14px; max-width: 150px; padding: 7px 10px 7px 15px; border: 1px solid #e5e5e5; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/select-icon.png) no-repeat scroll right 50% #fff; color: #999999;}
.short-by{float: left; width: calc(100% - 78px);}
.shorting .view {width: 78px; float: left;}
.select-item{display: inline-block;}
.short-by > span {float: left; margin: 5px 5px 3px; font-size: 14px; color: #999999;}
.show-item > span {float: left; margin: 9px 10px 3px; font-size: 14px; color: #999999;}
.show-item {display: inline-block; padding-left: 10px;}
.show-item:first-child{padding-left: 0;}
.compare {float: right;}
.compare .btn {padding: 9px 8px; font-weight: 500; text-transform: none; font-size: 14px;}
.pagination-bar ul {display: inline-flex;}
.pagination-bar ul li {float: left; margin: 0 2px;}
.pagination-bar ul li a {background: #dcdcdc; color: #333; height: 35px; width: 35px; display: inline-block; line-height: 35px; text-align: center;}
.pagination-bar ul li.active a, .pagination-bar ul li a:hover {background: #363535; color: #fff;}
.pagination-1 {padding: 10px;}

/*_______________________________________________________
// SHOP List PAGE  //----------------------------
_________________________________________________________*/
.product-list .featured-product-list {flex: 0 0 100% !important; max-width: 100% !important;background: #ffff;}
.featured-product-list .product-img {width: 250px; float: left;}
.featured-product-list .product-desc {width: calc(100% - 330px); float: left; margin-bottom: 15px;}
.product-detail-desc {font-size: 14px; margin-bottom: 0; font-weight: 300; margin-top: 10px;}
.product-action{margin-top: 30px;}
.product-action li {display: inline-block; padding: 0px 8px;}
.product-action li:first-child{padding-left: 0;}
.product-action li:last-child{padding-right: 0;}
.product-action .btn span{position: relative; top: 3px; padding-left: 0px;}
.product-action .btn{height: 50px; width: 50px; padding: 0; line-height: 50px; font-size: 20px; color: #999999;}
.product-action .btn:before{content: unset;}
.product-action .btn-color{font-size: 14px; width: 200px; color: #fff; line-height: 43px;background-color: #000;}
.product-action .btn:hover{background: #000; color: #fff;}

.new{
  /* position: absolute; */
  top: 10px;
  right: 10px;
  background: #133A1B;
  padding: 5px;
  border-radius: 4px;
  color: white;
  font-size: 12px;
}
.product-pricce{
  color: red;
  font-weight: 600;
}
.product-name{
  font-size: 20px;
  color: #133A1B;
  font-weight: 600;
  /* border-bottom: 1px solid #133A1B; */
}
.featured__scroll{
  height: 700px;
  overflow-y: auto;
  overflow-x: hidden;
}