h3.h3{text-align:center;margin:1em;text-transform:capitalize;font-size:1.7em;}

/********************* shopping Demo-1 **********************/
.product-grid{text-align:center;padding:0 0 0px;overflow:hidden;position:relative;z-index:1}
.product-grid .product-image{position:relative;transition:all .3s ease 0s}
.product-grid .product-image a{display:block}
.product-grid .product-image img{width:100%;height:auto}
.product-grid .pic-1{opacity:1;transition:all .3s ease-out 0s}
.product-grid:hover .pic-1{opacity:1}
.product-grid .pic-2{opacity:0;position:absolute;top:0;left:0;transition:all .3s ease-out 0s}
.product-grid:hover .pic-2{opacity:1}
.product-grid .social{width:150px;padding:0;margin:0;list-style:none;opacity:0;transform:translateY(-50%) translateX(-50%);position:absolute;top:60%;left:50%;z-index:1;transition:all .3s ease 0s}
.product-grid:hover .social{opacity:1;top:50%}
.product-grid .social li{display:inline-block; margin-bottom: 28px;}
.product-grid .social li a{color:#fff;background-color:#333;font-size:16px;line-height:40px;text-align:center;height:40px;width:40px;margin:0 2px;display:block;position:relative;transition:all .3s ease-in-out}
.product-grid .social li a:hover{color:#fff;background-color:#f55d2c}
.product-grid .social li a:after,.product-grid .social li a:before{content:attr(data-tip);color:#fff;background-color:#000;font-size:14px;letter-spacing:1px;line-height:20px;padding:1px 5px;white-space:nowrap;opacity:0;transform:translateX(-50%);position:absolute;left:50%;top:-30px}
.product-grid .social li a:after{content:'';height:15px;width:15px;border-radius:0;transform:translateX(-50%) rotate(45deg);top:-20px;z-index:-1}
.product-grid .social li a:hover:after,.product-grid .social li a:hover:before{opacity:1}
.product-grid .product-discount-label,.product-grid .product-new-label{
color: #fff;
    background-color: #f55d2c;
    font-size: 14px;
    text-transform: uppercase;
    padding: 3px 9px;
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
}
.product-grid .product-discount-label{    background-color: #333;
    left: auto;
	font-size:14px;
    right: 0;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;}
.product-grid .rating{color:#FFD200;font-size:14px;padding:12px 0 0;margin:0;list-style:none;position:relative;z-index:-1}
.product-grid .rating li.disable{color:rgba(0,0,0,.2)}
.product-grid .product-content{background-color:#fff;text-align:center;padding:12px 0;margin:0 auto;position:absolute;left:0;right:0;bottom:-27px;z-index:1;transition:all .3s}
.product-grid:hover .product-content{bottom:0}
.product-grid .title{font-size:14px;font-weight:400;letter-spacing:.5px;text-transform:capitalize;margin:0 0 10px;transition:all .3s ease 0s}
.product-grid .title a{color:#363636; font-size:14px;
margin:10px 0px;}
.product-grid .title a:hover,.product-grid:hover .title a{color:#f55d2c}
.product-grid .price{color:#333;font-size:14px; margin: 18px; font-weight:600;letter-spacing:.6px;margin-bottom:8px;text-align:center;transition:all .3s}
.product-grid .price span{color:#363636;font-size:14px;font-weight:400;text-decoration:line-through;margin-left:3px;display:inline-block}
.product-grid .add-to-cart{color: #454545;
    font-size: 14px;
    font-weight: 600;
    padding: 10px;}
@media only screen and (max-width:990px){.product-grid{margin-bottom:30px}
}




.view-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
}
.thumbnail
{
    margin-bottom: 0px;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.item.list-group-item
{
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 30px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 1rem;
    border: 0;
}
.item.list-group-item .product-grid .img-event {
    float: left;
	height: 200px;
    width: 30%;
}

.item.list-group-item .list-group-image
{
    margin-right: 10px;
}
.item.list-group-item .thumbnail
{
    margin-bottom: 0px;
    display: inline-block;
	width:100%;
}
.item.list-group-item .product-grid .caption
{
    margin: 0;
    position: absolute;
    top: 0;
	z-index:-1;
}

.item.list-group-item:before, .item.list-group-item:after
{
    display: table;
    content: " ";
}

.item.list-group-item:after
{
    clear: both;
}
#myRange p{
	font-weight:600;
	font-size:16px;
}
#range
{
    border: 1px solid #efeeee;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: 600;
    float: right;
    text-align: center;
    width: 18%;	
}
/* Treeeview Css */

.treeview li {
position: relative;

}
.product-cat ul li {
display: block;
}
.treeview .hitarea {
cursor: pointer;
color:#363636;
height: 40px;
line-height: 40px;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 40px;
}
.hitarea.expandable-hitarea:before {
content: "+";
font-size: 20px;
}
.hitarea.collapsable-hitarea:before {
content: "-";
font-size: 20px;
color:#363636;
}
.product-cat ul li a {
color: #363636;
font-size: 14px;
letter-spacing: 0.8px;
line-height: 40px;
}
.product-cat ul li + li {
border-top: 1px solid #e5e5e5;
color: #363636;
}
.product-cat ul li ul li {
padding-left: 15px
}
.product-cat ul li ul li a {
font-size: 14px
}
/*************************************
#Right Sidebar 
*************************************/
.single-aside +.single-aside {
margin: 50px 0 0px;
}
.aside-title {
padding-bottom: 20px;
}
.heading-title {
display: inline-block;
}
.pos-rltv {
position: relative;
}
.heading-title h5 {
    margin: 0;
    font-size: 16px;
    color: #363636;
    font-weight: 600;
    text-transform: capitalize;
}
.aside-title:after {
background: #efeeee none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.product-cat {
margin-top: 15px;
}

/* End Treeeview css */

.product-cat ul li a {
padding-left: 15px;
position: relative;
}
.product-cat {
margin-top: 15px;
}
.banner-list ul li:before, .product-cat ul li a:before {
content: "\f28d ";
font-family: 'Font Awesome 5 Free';
height: 6px;
color: #363636;
left: 2px;
top: 0;
width: 5px;
margin-right: 5px;
}
.product-cat ul li a:hover{
text-decoration:none;
color:#f55d2c;
}
.mt-30 {
margin-top: 30px;
}
.tag-filter > li {
    color: #f7f7f7;
    display: block;
    padding: 8px 11px 9px;
    margin: 4px 6px 4px 0px;
    float: left;
    font-size: 14px;
    background: #363636;
    font-weight: 500;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.fa-heart {
color:#ffffff;
}
.tag-filter li a:hover{
text-decoration:none;
background:transparent;
color:#f55d2c;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.catagories-aside {
	background:#ffffff;
	padding:15px;
}
.size-filter li a {
border: 1px solid #efeeee;
    color: #666;
    display: block;
    height: 36px;
    line-height: 33px;
    text-align: center;
    width: 37px;
    float: left;
    font-size: 14px;
    margin-right: 7px;
}

.size-filter > li + li {
margin-left: 14px;
}
.shoping {
margin-bottom:30px;
}
/******************
#Price Range
*****************/

.range .slider {
-webkit-appearance: none;
width: 100%;
    border-radius: 30px;
height: 11px;
background: #f55d2c;
outline: none;
opacity: 0.7;
margin: 30px 0;
-webkit-transition: .2s;
transition: opacity .6s;
}

.range .slider:hover {
opacity: 1;
}

.range .slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 25px;
height: 25px;
background: #f55d2c;
cursor: pointer;
}

.range .slider::-moz-range-thumb {
width: 25px;
height: 25px;
background: #f55d2c;
cursor: pointer;
}

.color-filter > li {
margin-bottom: 8px;
margin-right: 13px;
float: left;
}

.color-filter li a {
background: #fff none repeat scroll 0 0;
display: block;
height: 20px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 20px;
border: 2px solid transparent;
}
.color-filter li a:hover,
.color-filter li a.active {
border: 2px solid #363636;
}
.color-filter li a.color-1 {
border: 1px solid #efeeee;
}
.color-filter li a.color-2 {
background: #636363 none repeat scroll 0 0;
}
.color-filter li a.color-3 {
background: #00aeef none repeat scroll 0 0;
}
.color-filter li a.color-4 {
background: #ed1c24 none repeat scroll 0 0;
}
.color-filter li a.color-5 {
background: #00a651 none repeat scroll 0 0;
}
.color-filter li a.color-6 {
background: #0072bc none repeat scroll 0 0;
}
.color-filter li a.color-7 {
background: #f69679 none repeat scroll 0 0;
}
.color-filter li a.color-8 {
background: #00ffff none repeat scroll 0 0;
}
.color-filter li a.color-9 {
background: #fff200 none repeat scroll 0 0;
}
.color-filter {
margin-bottom: -20px;
}

/*******************************
#Price Range
********************************/
.pricingrange {
        background-color: #fff;
    border-radius: 0;
    padding: 0px 0;
}
.pricingrange .value {
    font-size: 24px;
    color: #f55d2c;
    text-align: center;
    margin: 15px 0px;
}
.pricingrange .rangeSlider {
      border-radius: 1px;
    padding: 16px 9px;
    margin: 0px auto;
    box-shadow: 0px 0px 1px #ccc;
}
.pricingrange .rangeSlider .circleRange{
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #F44336;
    outline: none;
    height: 3px;
}

.pricingrange .rangeSlider .circleRange::-webkit-slider-thumb{
    -webkit-appearance: none;
    background: #f55d2c;
    cursor: pointer;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.pricingrange .rangeSlider .circleRange::-moz-slider-thumb{
    -moz-appearance: none;
    background: #f55d2c;
    cursor: pointer;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.fa-shopping-basket:before {
    content: "\f291";
    color: #fff;
    font-size: 16px;
}