

/*   Fonts   */
@font-face {
  font-family: 'IranYekan';
  src: url('../fonts/iranyekanwebregular.html');
  src: url('../fonts/iranyekanwebregular.html') format('embedded-opentype'),
  url('../fonts/iranyekanwebregular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;

}


/*   CSS Reset   */
*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-weight: normal;
	outline: none;
	border: none;

}
*:link{
	display: inline-block;
	color: inherit;

}
*:visited{
	display: inline-block;
	color: inherit;

}
header,
nav,
section,
article,
aside,
footer{
   display:block;
}
html{
	overflow: auto;
}


/*   General   */
label,
button,
input[type=checkbox],
input[type=radio],
input[type=submit]{
	cursor:pointer;
}
input,
textarea,
select{
	font-family: 'IranYekan',tahoma;
}
p{
	margin: 0;

}
ol, ul, dl, li{
	margin: 0;
	padding: 0;
	display: inline-block;
	
}
a{
	text-decoration: none;

}
a:hover{
	color: inherit;
    text-decoration: none;
}
img{
	border: none;
    text-decoration: none;
    outline: none;
    max-width: 100%;
    height: auto;
}
h1,h2,h3,h4,h5,h6{
	margin: 0px !important;
}
.f-parent:after{
	display:block;
	content:' ';
	clear:both;
}
.trs-1{
	transition:0.1s;
	-webkit-transition:0.1s;
	-moz-transition:0.1s;
	-o-transition:0.1s;
}
.trs-2{
	transition:0.2s;
	-webkit-transition:0.2s;
	-moz-transition:0.2s;
	-o-transition:0.2s;
}
.trs-3{
	transition:0.3s;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-o-transition:0.3s;
}
.trs-4{
	transition:0.4s;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
}
.trs-5{
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
}
.c-btn{
	padding:0 10px;
	
	line-height:23px;
	font-size:14px;
	color:#fff;
	
	background-color:#3498db;
	cursor:pointer;
	
	border-radius:3px;
	-webkit-border-radius:3px;
	
	transition:0.2s;
	-webkit-transition:0.2s;
	-moz-transition:0.2s;
	-o-transition:0.2s;
}
.c-btn.wide{
	padding:3px 10px;
}
.c-btn:hover{
	background-color:#4db3f7;
}
.c-btn i{
	padding-left:2px;
	
	vertical-align:middle;
	font-size:12px;
}
.c-btn.red{
	background-color:#f86658;
}
.c-btn.red:hover{
	background-color:#ff897e;
}
.c-btn.dark{
	background-color:#34495e;
}
.c-btn.dark:hover{
	background-color:#49627c;
}
.c-btn.green{
	background-color:#2ecc71;
}
.c-btn.green:hover{
	background-color:#40e185;
}
.c-btn.orange{
	background-color:#ff7900;
}
.c-btn.orange:hover{
	background-color:#ff9c42;
}
.full-circle{
	border-radius: 50%;
	-webkit-border-radius: 50%;
}
.en-text{
	text-align:left;
	direction:ltr;
}
.en-font{
	text-align:left;
	direction:ltr;
	font-family: 'IranYekan';
}
.fa-text{
	text-align:right;
	direction:rtl;
}
.m-top-bug{
	padding-top:0.1px;
}
.m-bottom-bug{
	padding-bottom:0.1px;
}
.m-top-bottom-bug{
	padding-top:0.1px;
	padding-bottom:0.1px;
}
/*------------------------------   General   ------------------------------*/


body{
	overflow: hidden;
	direction: rtl;
	text-align: right;
	font-family: 'IranYekan';
	color: #2f2f2f;

}


/*---------------------------------------- Start Loding Page ----------------------------------------*/

#loading-wrapper {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #ffffff;
	z-index: 99999;

}
#loading-wrapper.del-loading{
	display: none;

}
#loading-wrapper .content-loaging{
	position: absolute;
    display: flex;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);

}
#loading-wrapper .content-loaging span{
	display: block;
    width: 15px;
    height: 15px;
    margin: 5px;
    border-radius: 50%;
    background: #ff5858;
	
}
#loading-wrapper .content-loaging span:nth-child(1){
	animation: items 0.5s 0.4s cubic-bezier(.30,.5,.15,.95) infinite alternate;
	-webkit-animation: items 0.5s 0.4s cubic-bezier(.30,.5,.15,.95) infinite alternate;
	-moz-animation: items 0.5s 0.4s cubic-bezier(.30,.5,.15,.95) infinite alternate;
	-o-animation: items 0.5s 0.4s cubic-bezier(.30,.5,.15,.95) infinite alternate;

}
#loading-wrapper .content-loaging span:nth-child(2){
	animation: items 0.5s 0.2s cubic-bezier(.30,.5,.15,.95) infinite alternate;
	-webkit-animation: items 0.5s 0.2s cubic-bezier(.30,.5,.15,.95) infinite alternate;
	-moz-animation: items 0.5s 0.2s cubic-bezier(.30,.5,.15,.95) infinite alternate;
	-o-animation: items 0.5s 0.2s cubic-bezier(.30,.5,.15,.95) infinite alternate;

}
#loading-wrapper .content-loaging span:nth-child(3){
	animation: items 0.5s cubic-bezier(.30,.5,.15,.95) infinite alternate;
	-webkit-animation: items 0.5s cubic-bezier(.30,.5,.15,.95) infinite alternate;
	-moz-animation: items 0.5s cubic-bezier(.30,.5,.15,.95) infinite alternate;
	-o-animation: items 0.5s cubic-bezier(.30,.5,.15,.95) infinite alternate;

}
@keyframes items{
	0% {
		transform: translate3d(0, 10px, 0) scale(1.2, 0.85);
		-webkit-transform: translate3d(0, 10px, 0) scale(1.2, 0.85);
		-moz-transform: translate3d(0, 10px, 0) scale(1.2, 0.85);
		-o-transform: translate3d(0, 10px, 0) scale(1.2, 0.85);
	}

	100% {
		transform: translate3d(0, -20px, 0) scale(0.9, 1.1);
		-webkit-transform: translate3d(0, -20px, 0) scale(0.9, 1.1);
		-moz-transform: translate3d(0, -20px, 0) scale(0.9, 1.1);
		-o-transform: translate3d(0, -20px, 0) scale(0.9, 1.1);
	}
}

/*---------------------------------------- Ene Loding Page ----------------------------------------*/





/*---------------------------------------- Start Head Title ----------------------------------------*/
#head-title {
	
}
#head-title .title{
	
}
#head-title .title h5{
	position: relative;
	float: right;
	font-weight: 600;
	padding-bottom: 10px;

}
#head-title .title h5:after{
	content: '';
	position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    right: 0;
    background: #ff5858;

}
/*---------------------------------------- End Head Title ----------------------------------------*/


/*---------------------------------------- Start Tooltip ----------------------------------------*/
.tooltip-box{
	display: none;

    position: absolute;
    right: 0;
    margin-top: 7px;
    min-width: 100px;
    font-size: 10px;
    padding: 5px;
    border-radius: 4px;
    color: #ffffff;
    background: #2f2f2f;

    z-index: 999;

}
.tooltip-box:after{
	content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    top: -4px;
    right: 19px;
    border-radius: 2px 0 0 0;
    background: #2f2f2f;
    transform: rotate(45deg);

}
.action-item:hover .tooltip-box{
	display: block;

}
/*---------------------------------------- End Tooltip ----------------------------------------*/


 /*---------------------------------------- Start Back To Top ----------------------------------------*/

#tops-button {
    width: 45px;
    height: 45px;
    display: none;
    position: fixed;
    bottom: 20px;
    left: 20px;
    text-align: center;
    border-radius: 15px;
    background: #2f2f2f;
    color: #ffffff;
    z-index: 9999;

}
#tops-button i{
	line-height: 45px;

}
#tops-button:hover {
    background: #ff5858;

}
 /*---------------------------------------- End Back To Top ----------------------------------------*/



  /*---------------------------------------- Start Banner Ads ----------------------------------------*/

.banner-ads{
    margin-bottom: 40px;
}
.banner-ads .holder-ads .ads .ads-pic{
	display: block;
	
}
.banner-ads .holder-ads .ads .ads-pic img{
	width: 100%;
	border-radius: 20px;

}
 /*---------------------------------------- End Banner Ads ----------------------------------------*/


 /*---------------------------------------- Start Owl Carousel ----------------------------------------*/

.owl-carousel.nav-arrow{
    padding: 0;

}
.owl-carousel.nav-arrow .owl-stage{
	padding: 20px 0;

}
.owl-carousel.nav-arrow .owl-nav{
	position: absolute;
    top: -40px;
    left: 0;
    padding: 0 10px;

}
.owl-carousel.nav-arrow .owl-nav button{
	width: 50px;
    height: 50px;
    font-size: 24px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    -o-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

    transition:0.3s;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-o-transition:0.3s;

}
.owl-carousel.nav-arrow .owl-nav button:hover{
    color: #ff5858;
    border: 1px solid #ff5858;

}
.owl-carousel.nav-arrow .owl-nav .owl-next{
	margin-right: 5px;

}
.owl-carousel.nav-arrow .owl-nav .owl-prev{
	margin-left: 5px;

}
 /*---------------------------------------- End Owl Carousel ----------------------------------------*/


 /*---------------------------------------- Address Bar ----------------------------------------*/

.address-bar{
	margin-bottom: 40px;

}
.address-bar .box-address{
	display: block;

}
.address-bar .box-address .item{
	margin-left: 10px;

}
.address-bar .box-address .item a{
	font-size: 12px;
	color: #a4a4a4;

}
.address-bar .box-address .item.active a{
	color: #2f2f2f;

}
.address-bar .box-address .item a:hover{
	color: #ff5858;

}
.address-bar .box-address .item a i{
	font-size: 10px;
	margin-right: 2px;

}
 /*---------------------------------------- Address Bar ----------------------------------------*/









 /*------------------------------------------------------------    Home Page 1 Start     ------------------------------------------------------------*/

 /*---------------------------------------- Start Header ----------------------------------------*/


.header{
	position: relative;
	z-index: 999;
}

.header.shadows{
	background: #ffffff; 
	-webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
	-moz-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
	-o-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);

}

/*   TopHead   */

.header .tophead{
	background: #2f2f2f;
	line-height: 34px;

}
.header .tophead .text{
	float: right;
    color: #ffffff;
    font-size: 12px;

}
.header .tophead .th-menu{
	float: left;

}
.header .tophead .th-menu .menu-item{
	padding-right: 10px;
}
.header .tophead .th-menu .menu-item a{
	color: #ffffff;
    font-size: 10px;

}
.header .tophead .th-menu .menu-item a:hover{
	color: #ff5858;

}

/*   Middle Menu   */

.middle-menu{
	padding: 20px 0;
}
.middle-menu .logo-top{

}
.middle-menu .logo-top a{
	
}
.middle-menu .logo-top a img{
	max-width: 250px;

}
.middle-menu .search-top{
	position: relative;
    height: 100%;

}
.middle-menu .search-top .search-warp{
	position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);

}
.middle-menu .search-top .search-warp input{
    width: 100%;
    font-size: 14px;
    background: #f1f1f1;
    padding: 15px;
    border-radius: 15px;

}
.middle-menu .search-top .search-warp button{
    position: absolute;
    left: 0px;
    padding: 15px;
    font-size: 20px;
    background: none;
    color: #2f2f2f;

}
.middle-menu .holder-left{
	position: relative;
    height: 100%;

}
.middle-menu .header-left{
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);

}
.middle-menu .header-left .hl-item{
	margin-right: 5px;
	float: left;

}
.middle-menu .header-left .hl-item .hl-btn{
	width: 55px;
    height: 55px;
	font-size: 30px;
    text-align: center;
    border-radius: 15px;
    background: #f1f1f1;

}
.middle-menu .header-left .hl-item .hl-btn i{
	line-height: 55px;

}
.middle-menu .header-left .hl-item:hover .hl-btn{
	color: #ff5858;

}
.middle-menu .header-left .h-cart{
	position: relative;

}
.middle-menu .header-left .h-cart .cart-number{
	position: absolute;
    width: 20px;
    height: 20px;
    top: -5px;
    left: -5px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    font-size: 12px;
    text-align: center;
    line-height: 15px;
    color: #ffffff;
    background: #ff5858;

}
.middle-menu .header-left .h-cart .cart-box{
	opacity: 0;
	visibility: hidden;

	position: absolute;
	width: 225px;
    top: 70px;
    right: 0px;
    padding: 12px;
    border-radius: 15px;
    background: #ffffff;

    z-index: 999;
    -webkit-box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 20%);
    -o-box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 20%);
    box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 20%);
   
}
.middle-menu .header-left .h-cart:hover .cart-box{
	opacity: 1;
	visibility: visible;
	top: 65px;
	
}
.middle-menu .header-left .h-cart .cart-box .holder-cart{
	display: block;

}
.middle-menu .header-left .h-cart .cart-box .product-item{
	display: inline-flex;
	width: 100%;
	margin: 0;

}
.middle-menu .header-left .h-cart .cart-box .product-item .right{
	position: relative;
    max-width: 60px;
    margin-left: 10px;
    float: right;

}
.middle-menu .header-left .h-cart .cart-box .product-item .right img{
 	border-radius: 10px;

}
.middle-menu .header-left .h-cart .cart-box .product-item .right .remove{
    position: absolute;
    right: -6px;
    top: -6px;
    font-size: 10px;
    background: #e8e8e8;
    padding: 4px 6px 3px 5px;
    border-radius: 50%;
    border: solid 2px #ffffff;

}
.middle-menu .header-left .h-cart .cart-box .product-item .right .remove:hover{
	color: #ff5858;

}

.middle-menu .header-left .h-cart .cart-box .product-item .left .title{
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;

    font-size: 14px;

}
.middle-menu .header-left .h-cart .cart-box .product-item .left .title:hover{
    color: #ff5858;

}
.middle-menu .header-left .h-cart .cart-box .product-item .left .pn-product .number{
	font-size: 12px;
    float: right;

}
.middle-menu .header-left .h-cart .cart-box .product-item .left .pn-product .price{
	font-size: 12px;
    float: left;
    color: #a4a4a4;

}
.middle-menu .header-left .h-cart .cart-box .pb-total{
	width: 100%;

}
.middle-menu .header-left .h-cart .cart-box .pb-total .total-price .tp-title{
	float: right;
    font-size: 14px;
    font-weight: 600;
	
}
.middle-menu .header-left .h-cart .cart-box .pb-total .total-price .tp-price{
	float: left;
    font-size: 14px;
    color: #ff5858;
    font-weight: 600;
	
}
.middle-menu .header-left .h-cart .cart-box .pb-total .tp-button button{
	padding: 10px;
    font-size: 12px;
    border-radius: 10px;
    color: #ffffff;
    
}
.middle-menu .header-left .h-cart .cart-box .pb-total .tp-button .btn-buy{
	float: right;
	width: 49%;
	background: #ff5858;

}
.middle-menu .header-left .h-cart .cart-box .pb-total .tp-button .btn-pay{
    float: left;
    width: 49%;
    background: #19bfd3;

}
.middle-menu .header-left .h-account{
	position: relative;

}
.middle-menu .header-left .h-account .btn-account{
    height: 55px;
    padding: 6px 5px 5px 10px;
    border-radius: 15px;
    background: #f1f1f1;

}
.middle-menu .header-left .h-account .ha-img{
    float: right;
    margin-left: 6px;

}
.middle-menu .header-left .h-account .ha-img img{
    max-width: 45px;
    border-radius: 10px;

}
.middle-menu .header-left .h-account .ha-title{
    float: left;
    font-size: 14px;

}
.middle-menu .header-left .hl-item:hover .btn-account .hat-link{
	color: #ff5858;

}
.middle-menu .header-left .h-account .account-box{
	opacity: 0;
    visibility: hidden;

	position: absolute;
    width: 180px;
    top: 70px;
    right: 0px;
    padding: 12px;
    border-radius: 15px;
    background: #ffffff;

    z-index: 999;
   -webkit-box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 20%);
   -moz-box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 20%);
   -o-box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 20%);
    box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 20%);

}
.middle-menu .header-left .h-account:hover .account-box{
	opacity: 1;
	visibility: visible;
	top: 65px;

}
.middle-menu .header-left .h-account .account-box .ab-menu{
	display: block;

}
.middle-menu .header-left .h-account .account-box .ab-menu .abm-item{
	width: 100%;

}
.middle-menu .header-left .h-account .account-box .ab-menu .abm-item .item-link{
	width: 100%;
	font-size: 12px;

}
.middle-menu .header-left .h-account .account-box .ab-menu .abm-item:hover .item-link{
	padding-right: 3px;
	color: #ff5858;

}
.middle-menu .header-left .h-account .account-box .ab-menu .abm-item .btn-out{
	width: 100%;
	text-align: center;
    padding: 10px;
    font-size: 12px;
    border-radius: 10px;
    color: #ffffff;
    background: #ff5858;

}

/*   Main Menu   */

.main-menu{
	margin-top: 10px;

}
.main-menu .holder-menu{
	position: relative;

}
.main-menu .holder-menu .menu .menu-item{
	margin-left: 10px;
	font-size: 14px;

}
.main-menu .holder-menu .menu .menu-item .menu-text{
	position: relative;
	padding: 10px 5px;

}
.main-menu .holder-menu .menu .menu-item .menu-text:after{
	content: '';
    position: absolute;
    height: 1px;
    bottom: 0;
    right: 50%;
    left: 50%;
    background: #ff5858;

    transition:0.3s;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-o-transition:0.3s;

}
.main-menu .holder-menu .menu .menu-item:hover .menu-text:after{
    right: 0;
    left: 0;

}
.main-menu .holder-menu .menu .menu-item:hover .menu-text{
	color: #ff5858;

}
.main-menu .holder-menu .menu .menu-item .menu-text i{
	font-size: 10px;

}
.menu .menu-item .mega-menu{
	opacity: 0;
    visibility: hidden;

	position: absolute;
    width: 900px;
    min-height: 400px;
    top: 100%;
    right: 0px;
    padding: 15px;
    margin-top: 10px;
    border-radius: 15px;
    background: #ffffff;

    z-index: 999;
   -webkit-box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 20%);
    box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 20%);
    overflow-y:scroll;

}
.menu .menu-item:hover .mega-menu{
	opacity: 1;
	visibility: visible;

	margin-top: 5px; 

}
.menu .mega-menu .category-list{
	position: relative;
	width: 200px;
	height: 100%;

}
.menu .mega-menu .category-list:after{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #f1f1f1;

}
.menu .mega-menu .category-list .category-item{
    display: block;

}
.menu .mega-menu .category-list .category-item .link{
    display: block;
    padding: 10px;
    border-radius: 0 10px 10px 0;

}
.menu .mega-menu .category-list .category-item.active .link{
	padding-right: 13px;
	color: #ff5858;
	background: #f1f1f1;

}
.menu .mega-menu .category-list .category-item .link .icon{
	margin-left: 5px;
	font-size: 16px;

}
.menu .mega-menu .category-list .category-item .sub-holder{
	display: none;

    position: absolute;
    top: 0;
    right: 200px;
    width: 600px;
    height: 100%;
    padding-right: 20px;
    padding-top: 10px;

}
.menu .mega-menu .category-list .category-item.active .sub-holder{
    display: block;
}

.menu .mega-menu .category-list .category-item .sub-menu{
	display: block;
	margin-bottom: 10px;

}
.menu .mega-menu .category-list .category-item .sub-menu .sub-title{
	position: relative;
	display: block;
	font-weight: 600;

}
.menu .mega-menu .category-list .category-item .sub-menu .sub-title:after{
	content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    right: -10px;
    top: 50%;
    border-radius: 50%;
    background: #ff5858;

}
.menu .mega-menu .category-list .category-item .sub-menu .sub-item{
	display: block;
	font-size: 12px;
    color: #a4a4a4;
}
.menu .mega-menu .category-list .category-item .sub-menu .sub-item .s-link:hover{
    padding-right: 3px;
    color: #ff5858;

}
.menu .menu-item .submenu-tow{
	opacity: 0;
    visibility: hidden;

	display: block;
    position: absolute;
    width: 200px;
    top: 100%;
    padding: 10px;
    margin-top: 10px;
    border-radius: 15px;
    background: #ffffff;
    z-index: 999;
    -webkit-box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 20%);
    box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 20%);

}
.menu .menu-item:hover .submenu-tow{
	opacity: 1;
    visibility: visible;
    margin-top: 5px;

}
.menu .menu-item .submenu-tow .submenu-item{
	display: block;

}
.menu .menu-item .submenu-tow .submenu-item a{
	display: block;
    padding: 5px 0;

}
.menu .menu-item .submenu-tow .submenu-item a:hover{
	color: #ff5858;
	padding-right: 3px;

}
.main-menu .number-tel{
	display: block;

}
.main-menu .number-tel p{
	display: block;
    text-align: left;
    padding: 7px 0;

}
.main-menu .number-tel p i{
	margin-right: 5px;
	font-size: 22px;
	
}



 /*---------- End Header ----------*/



 /*---------- Start Slider ----------*/


.slider .owl-carousel .owl-nav{
	position: absolute;
    right: 0;
    bottom: 0;
    margin-right: 20px;
}

.slider .owl-carousel .owl-dots{
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
}
.slider .owl-carousel .owl-dots .owl-dot span{
	width: 10px;
    height: 10px;
    margin: 5px;
    background: #e8e8e8;
    display: block;
    border-radius: 30px;

    transition:0.3s;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-o-transition:0.3s;

}
.slider .owl-carousel .owl-dots .owl-dot.active span{
	width: 30px;
	background: #ff5858;
}
.slider .owl-carousel .owl-dots .owl-dot:hover span{
	background: #ff5858;

}


 /*---------- End Slider ----------*/



 /*---------- Start Category ----------*/


.category .owl-carousel .owl-stage{
 	padding: 25px 0;

 }
.category .category-holder{
	margin-bottom: 30px;
	background: #f6f6f6;

}
.category .category-holder .category-item{
	margin: 0 10px;

}
.category .category-holder .category-item .item-holder{
    position: relative;
    padding: 15px;
    border-radius: 20px;
    background: #ffffff;

   -webkit-box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 20%);
    box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 20%);

}
.category .category-holder .category-item .item-holder:hover{
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);

}
.category .category-holder .category-item .item-holder .item-img{
	display: block;

}
.category .category-holder .category-item .item-holder .item-text{
	display: block;
    font-size: 14px;
    text-align: center;

}
.category .category-holder .category-item .item-holder:hover .item-text{
	opacity: 0;
	visibility: hidden;

}
.category .category-holder .category-item .item-holder .item-link{
	opacity: 0;
	visibility: hidden;

	position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 12px;

}
.category .category-holder .category-item .item-holder:hover .item-link{
	opacity: 1;
	visibility: visible;

}
.category .category-holder .category-item .item-holder .item-link .link{
	display: block;
    text-align: center;
    padding: 12px;
    border-radius: 12px;
    font-size: 14px;
    color: #ffffff;
    background: #ff5858;

}
.category .category-holder .category-item .item-holder .item-link .link:hover{
	background: #2f2f2f;

}

 /*---------- End Category ----------*/



 /*---------- Start New Products ----------*/

.new-products .owl-carousel .owl-stage{
	padding: 20px 0;

}
.new-products .holder-products .products .holder-item{
	position: relative;
	display: inline-flex;
    padding: 20px;
    margin: 10px;
    border-radius: 20px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}
.new-products .holder-item:hover{
	transform: translateY(-5px);
    -webkit-transform: translateY(-5px);

}
.new-products .holder-item .product-pic{
	margin-left: 10px;

}
.New-products .holder-item .product-pic .holder-pic{
	display: block;

}
.new-products .holder-item .product-pic .holder-pic img{
	max-width: 200px;

}
.new-products .holder-item .product-info{
	position: relative;
	padding: 10px;

}
.new-products .holder-item .product-info .title{
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

}
.new-products .holder-item .product-info .title a{
	display: block;
	font-size: 14px;

}
.new-products .holder-item .product-info .title a:hover{
	color: #ff5858;

}
.new-products .holder-item .product-info .category{
	display: block;
	font-size: 12px;
	color: #a4a4a4;

}
.new-products .holder-item .product-info .product-bottom{
	position: relative;
	margin-top: 15px;
	
}
.new-products .holder-item .product-info .product-bottom .rate{
	position: absolute;
    right: 0;
    bottom: 0;

}
.new-products .holder-item .product-info .product-bottom .rate i{
	font-size: 14px;
    color: #ffc300;

}
.new-products .holder-item .product-info .product-bottom .pric{
	float: left;
    text-align: left;

}
.new-products .holder-item .product-info .product-bottom .pric del{
	display: block;
    font-size: 12px;
    color: #a4a4a4;
    text-decoration: line-through;

}
.new-products .holder-item .product-info .product-bottom .pric ins{
	display: block;
    font-size: 14px;
    font-weight: 600;
    color: #ff5858;

}
.new-products .products .holder-item .product-info .product-actions{
	opacity: 0;
	visibility: hidden;

	position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    padding: 5px;
    border-radius: 10px;
    background: rgb(255 255 255 / 80%);

}
.new-products .products .holder-item:hover .product-info .product-actions{
	opacity: 1;
	visibility: visible;

}
.new-products .products .holder-item .product-info .product-actions .action-holder{
    text-align: center;

}
.new-products .products .holder-item .product-info .product-actions .action-holder .action-item{
	position: relative;
	display: inline-block;
    margin-left: 5px;

}
.new-products .products .holder-item .product-info .product-actions .action-holder .action-item a{
	display: block;
    width: 45px;
    height: 45px;
    font-size: 22px;
    border-radius: 12px;
    background: #e8e8e8;

}
.new-products .products .holder-item .product-info .product-actions .action-holder .action-item a:hover{
	color: #ff5858;

}
.new-products .products .holder-item .product-info .product-actions .action-holder .action-item a i{
	line-height: 45px;

}
.new-products .products .holder-item .onsale{
	position: absolute;
    right: 0;
    top: 0;
    padding: 0px 8px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    border-radius: 0px 10px;
    color: #ffffff;
    background: #ff5858;

}


 /*---------- End New Products ----------*/



 /*---------- Start Popular Products ----------*/


.popular-products{
    margin-top: 20px;

}
.popular-products .holder-popular .products .item-product{
	position: relative;
	padding: 20px;
    margin: 10px;
    border-radius: 20px;
    background: #ffffff;

    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}
.popular-products .holder-popular .products .item-product:hover{
	transform: translateY(-5px);
    -webkit-transform: translateY(-5px);

}
.popular-products .products .item-product .product-info{
	position: relative;

}
.popular-products .products .item-product .product-info .title-box{
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

}
.popular-products .products .item-product .product-info .title-box a{
	display: block;
	font-size: 14px;

}
.popular-products .products .item-product .product-info .title-box a:hover{
	color: #ff5858;

}
.popular-products .products .item-product .product-info .category{
	display: block;
	font-size: 12px;
	color: #a4a4a4;

}
.popular-products .products .item-product .product-info .product-bottom{
	position: relative;

}
.popular-products .products .item-product .product-info .product-bottom .rating{
	position: absolute;
    right: 0;
    bottom: 0;

}
.popular-products .products .item-product .product-info .product-bottom .rating .star{
	font-size: 16px;
	color: #ffc300;

}
.popular-products .products .item-product .product-info .product-bottom .rating strong{
    font-size: 16px;
    color: #444444;

}
.popular-products .products .item-product .product-info .product-bottom .pric{
    float: left;
    text-align: left;

}
.popular-products .products .item-product .product-info .product-bottom .pric del{
    display: block;
    font-size: 12px;
    color: #a4a4a4;
    text-decoration: line-through;

}
.popular-products .products .item-product .product-info .product-bottom .pric ins{
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #ff5858;

}
.popular-products .products .item-product .actions{
	opacity: 0;
    visibility: hidden;

    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    background: rgb(255 255 255 / 80%);

}
.popular-products .products .item-product:hover .product-info .actions{
	opacity: 1;
    visibility: visible;

}
.popular-products .products .item-product .product-info .actions .action-holder{
	text-align: center;

}
.popular-products .products .item-product .product-info .actions .action-holder .action-item{
	position: relative;
    display: inline-block;
    margin: 0 3px;

}
.popular-products .products .item-product .product-info .actions .action-holder .action-item a{
	display: block;
    width: 45px;
    height: 45px;
    font-size: 22px;
    border-radius: 12px;
    background: #f1f1f1;

}
.popular-products .products .item-product .product-info .actions .action-holder .action-item a:hover{
	color: #ff5858;

}
.popular-products .products .item-product .product-info .actions .action-holder .action-item a i{
	line-height: 45px;

}
.popular-products .products .item-product .discount{
	position: absolute;
    width: 50px;
    height: 40px;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    border-radius: 15px 0;
    color: #ffffff;
    background: #ff5858;

}


 /*---------- End Popular Products ----------*/



 /*---------- Start Amazing Offer ----------*/


.amazing-offer{
    margin-bottom: 20px;

}

 /*Amazing Right*/

.amazing-offer .products{
	margin-top: 20px;

}
.amazing-offer .amazing-right .product-item{
    position: relative;
    display: inline-flex;
    padding: 30px;
    margin: 10px;
    border-radius: 20px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}
.amazing-offer .amazing-right .product-item .pic-box img{
 	max-width: 300px;

}
.amazing-offer .amazing-right .info-pic{
	position: relative;
	margin-left: 25px;

}
.amazing-offer .amazing-right .info-pic .actions{
	opacity: 0;
    visibility: hidden;

    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    background: rgb(255 255 255 / 80%);

}
.amazing-offer .amazing-right .product-item:hover .info-pic .actions{
	opacity: 1;
    visibility: visible;

}
.amazing-offer .amazing-right .info-pic .actions .action-holder{
	text-align: center;

}
.amazing-offer .amazing-right .info-pic .actions .action-holder .action-item{
	position: relative;
    display: inline-block;
    margin: 0 3px;

}
.amazing-offer .amazing-right .info-pic .actions .action-holder .action-item a{
	display: block;
    width: 50px;
    height: 50px;
    font-size: 24px;
    border-radius: 12px;
    background: #e8e8e8;

}
.amazing-offer .amazing-right .info-pic .actions .action-holder .action-item a:hover{
	color: #ff5858;

}
.amazing-offer .amazing-right .info-pic .actions .action-holder .action-item a i{
	line-height: 50px;

}
.amazing-offer .amazing-right .product-item .product-info .title .text{
    font-size: 24px;
    font-weight: 600;

}
.amazing-offer .amazing-right .product-item .product-info .title .text:hover{
	color: #ff5858;

}
.amazing-offer .amazing-right .product-item .product-info .title .category{
	color: #a4a4a4;

}
.amazing-offer .amazing-right .product-item .product-info .rating i{
	color: #ffc300;

}
.amazing-offer .amazing-right .product-item .product-info .info-section{
	width: 50%;

}
.amazing-offer .amazing-right .product-item .product-info .info-section .info-box{
	display: grid;
}
.amazing-offer .amazing-right .product-item .product-info .info-section .info-box .info-title{
	font-weight: 600;

}
.amazing-offer .amazing-right .product-item .product-info .info-section .info-box .info-item{
    font-size: 14px;

}
.amazing-offer .amazing-right .product-item .product-info .info-section .info-box .info-item:before{
	content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #ff5858;

}
.amazing-offer .amazing-right .product-item .product-info .info-section .info-box .info-item .if-label{
	display: inline-block;
	margin-left: 5px;

}
.amazing-offer .amazing-right .product-item .product-info .info-section .info-box .info-item .if-title{
	display: inline-block;
	color: #a4a4a4;

}
.amazing-offer .amazing-right .product-item .product-info .info{
	display: inline-flex;
    width: 100%;

}
.amazing-offer .amazing-right .product-item .item-left .timer{
	text-align: left;

}
.amazing-offer .amazing-right .product-item .item-left .timer .time-count ul{
	display: inline-flex;

}
.amazing-offer .amazing-right .product-item .item-left .timer .time-count ul li{
	margin: 0 5px;
    text-align: center;

}
.amazing-offer .amazing-right .product-item .item-left .timer .time-count ul li .number{
	display: block;
	width: 60px;
    height: 60px;
    font-weight: 600;
    font-size: 20px;
    line-height: 60px;
    color: #2f2f2f;
    background: #dedede;
    border-radius: 50%;

}
.amazing-offer .amazing-right .product-item .item-left .timer .time-count ul li .text{
	display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #2f2f2f;

}
.amazing-offer .amazing-right .product-item .item-left .pric{
	text-align: left;

}
.amazing-offer .amazing-right .product-item .item-left .pric del{
	display: block;
    font-size: 18px;
    color: #a4a4a4;
    text-decoration: line-through;

}
.amazing-offer .amazing-right .product-item .item-left .pric ins{
	display: block;
    font-size: 20px;
    font-weight: 600;
    color: #ff5858;

}
.amazing-offer .amazing-right .product-item .discount{
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px 15px;
    text-align: center;
    font-size: 18px;
    border-radius: 15px 0;
    color: #ffffff;
    background: #ff5858;

}
.amazing-offer .amazing-right .owl-carousel .owl-stage {
	padding: 0;
   
}
.amazing-offer .amazing-right .owl-carousel .owl-nav{
    top: -60px;

}
.amazing-offer .moment{
	position: relative;
    padding: 20px;
    margin: 10px;
    border-radius: 20px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}
.amazing-offer .moment .top-moment .moment-title .text{
	text-align: center;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 2px solid #ff5858;

}
.amazing-offer .moment .moment-item .moment-info .pic-info{
	display: block;

}
.amazing-offer .moment .moment-item .moment-info .title-info{
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

}
.amazing-offer .moment .moment-item .moment-info .title-info p{
	display: block;
	font-size: 14px;

}
.amazing-offer .moment .moment-item .moment-info .title-info p:hover{
	color: #ff5858;

}
.amazing-offer .moment .moment-item .moment-info .pric{
	display: block;
	text-align: left;

}
.amazing-offer .moment .moment-item .moment-info .pric del{
	display: block;
    font-size: 14px;
    color: #a4a4a4;
    text-decoration: line-through;

}
.amazing-offer .moment .moment-item .moment-info .pric ins{
	display: block;
    font-size: 16px;
    font-weight: 600;
    color: #ff5858;

}


 /*---------- End Amazing Offer ----------*/



 /*---------- Start Banner Ads 2 ----------*/
 /*---------- End Banner Ads 2 ----------*/



 /*---------- Start Brand ----------*/


.brand .brand-box .brand-item{
	position: relative;
    display: inline-flex;
    margin: 10px;
    border-radius: 20px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
	
}
.brand .brand-box .brand-item:hover{
	transform: translateY(-5px);
    -webkit-transform: translateY(-5px);

}
.brand .brand-box .brand-item a{
	padding: 20px;

}
.brand .brand-box .brand-item a img{
	
}

 /*---------- End Brand ----------*/



 /*---------- Start Blog ----------*/

.blog .blog-box .blog-item{
	position: relative;
    padding: 20px;
    margin: 10px;
    border-radius: 20px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}
.blog .blog-box .blog-item:hover{
	transform: translateY(-5px);
    -webkit-transform: translateY(-5px);

}
.blog .blog-box .blog-item .pic-blog{
    position: relative;

}
.blog .blog-box .blog-item .pic-blog:before{
	content: '';
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    border-radius: 15px;
    background-image: linear-gradient(0deg,#2f2f2f 0,transparent 80px);

}
.blog .blog-box .blog-item .pic-blog img{
	border-radius: 15px;

}
.blog .blog-box .blog-item .pic-blog .user{
    position: absolute;
    display: flex;
    bottom: 10px;
    right: 10px;

}
.blog .blog-box .blog-item .pic-blog .user .pic-user{
	margin-left: 5px;

}
.blog .blog-box .blog-item .pic-blog .user .pic-user img{
	max-width: 45px;
    border-radius: 50%;

}
.blog .blog-box .blog-item .pic-blog .user .name-user h6{
	font-size: 14px;
    color: #ffffff;

}
.blog .blog-box .blog-item .pic-blog .user .name-user p{
	font-size: 12px;
    color: #a4a4a4;

}
.blog .blog-box .blog-item .info-blog{
    padding: 0 8px;

}
.blog .blog-box .blog-item .info-blog .title{
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	font-weight: 600;

}
.blog .blog-box .blog-item .info-blog .title:hover{
	color: #ff5858;

}
.blog .blog-box .blog-item .info-blog .text{
	font-size: 14px;
    color: #838383;

	display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;

}
.blog .blog-box .blog-item .info-blog .info-bottom{
    padding-top: 10px;
    border-top: 1px solid #dedede;

}
.blog .blog-box .blog-item .info-blog .info-bottom .comment{
	display: block;
    float: right;
    font-size: 14px;

}
.blog .blog-box .blog-item .info-blog .info-bottom .date{
	display: block;
    float: left;
    font-size: 14px;

}


 /*---------- End Blog ----------*/



 /*---------- Start Banner Ads 3 ----------*/
  /*---------- End Banner Ads 3 ----------*/




 /*---------- Start Footer ----------*/


.footer{
	background: #f6f6f6;

}
.footer .services{
	padding: 15px 0;
    background: #e8e8e8;

}
.footer .services .services-item{
	display: block;
    text-align: center;

}
.footer .services .services-item .pic{
	display: block;

}
.footer .services .services-item .pic img{
	max-width: 70px;

}
.footer .services .services-item .text{
	font-size: 14px;

}
.footer .footer-content{
	padding: 30px 0;

}
.footer .footer-content .description .title{
	font-weight: 600;

}
.footer .footer-content .description .text{
	font-size: 14px;
	color: #8e8e8e;

}
.footer .footer-content .namad .title{
	font-weight: 600;

}
.footer .footer-content .namad .namad-box .namad-item{
	position: relative;
	margin-left: 5px;
    border-radius: 15px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}
.footer .footer-content .namad .namad-box .namad-item:hover{
	transform: translateY(-5px);
    -webkit-transform: translateY(-5px);

}
.footer .footer-content .namad .namad-box .namad-item a{
	padding: 10px;

}
.footer .footer-content .namad .namad-box .namad-item a img{
	max-width: 70px

}
.footer .footer-middle{
	padding: 30px 0;
    border-top: 1px solid #e8e8e8;

}
.footer .footer-middle .links .title{
    font-weight: 600;

}
.footer .footer-middle .links .link-box{
	display: block;

}
.footer .footer-middle .links .link-box .link-item{
	display: block;
	margin-bottom: 8px;

}
.footer .footer-middle .links .link-box .link-item a{
	font-size: 14px;
    color: #8e8e8e;

}
.footer .footer-middle .links .link-box .link-item a:hover{
	padding-right: 5px;
	color: #ff5858;

}
.footer .footer-middle .middle-left .newsletter{
	margin-bottom: 20px;
	
}
.footer .footer-middle .middle-left .newsletter .title{
	font-weight: 600;
	
}
.footer .footer-middle .middle-left .newsletter form{
	position: relative;
	
}
.footer .footer-middle .middle-left .newsletter form input{
	width: 100%;
    padding: 15px 15px 15px 90px;
    font-size: 12px;
    border-radius: 15px;
    background: #e8e8e8;

}
.footer .footer-middle .middle-left .newsletter form button{
	position: absolute;
	width: 70px;
	left: 0;
	top: 0;
	bottom: 0;
	border-radius: 15px 0 0 15px;
	color: #ffffff;
	background: #ff5858;
	
}
.footer  .footer-middle .middle-left .social .title{
	font-weight: 600;

}
.footer  .footer-middle .middle-left .social .social-box{
	display: inline-flex;

}
.footer  .footer-middle .middle-left .social .social-box .social-item{
	margin-left: 5px;

}
.footer .footer-middle .middle-left .social .social-box .social-item a{
	width: 45px;
    height: 45px;
    padding: 10px;
    text-align: center;
    line-height: 45px;
    font-size: 26px;
    border-radius: 15px;
    background: #e8e8e8;

}
.footer .footer-middle .middle-left .social .social-box .social-item a .fa-instagram{
	color: #CE0061;

}
.footer .footer-middle .middle-left .social .social-box .social-item a .fa-telegram{
	color: #34a9e5;

}
.footer .footer-middle .middle-left .social .social-box .social-item a .fa-linkedin{
	color: #0077b5;

}
.footer .footer-middle .middle-left .social .social-box .social-item a .fa-twitter{
	color: #1da1f2;

}
.footer .footer-middle .middle-left .social .social-box .social-item a .fa-whatsapp{
	color: #25d366;

}
.footer .footer-middle .middle-left .social .social-box .social-item a:hover .fab{
	color: #ff5858;

}
.footer .copyright p{
    padding: 15px 0;
    text-align: center;
    font-size: 12px;
    background: #e8e8e8;

}
.footer .copyright p a{
	font-weight: 600;

}
.footer .copyright p a:hover{
	color: #ff5858;

}

 /*---------- End Footer ----------*/

 /*------------------------------------------------------------    Home Page 1 End     ------------------------------------------------------------*/












/*------------------------------------------------------------    Single Product Page Start     ------------------------------------------------------------*/

.single-product{
	margin: 30px 0;

}
.single-product .product{
	position: relative;
    padding: 30px;
    border-radius: 10px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}
.single-product .product .gallery-product #thumbs{
	padding-top: 5px;
	border-top: 1px solid #d8d8d8;

}
.single-product .product .gallery-product #thumbs .item{
	position: relative;
	margin: 2px;
    cursor: pointer;

}
.single-product .product .gallery-product #thumbs .current .item:before{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(215 ,215 ,215 , 40%);

}
.single-product .product .gallery-product #thumbs .current .item img{
	border: 1px solid #a4a4a4;

}
.single-product .product .gallery-product .owl-theme .owl-nav [class*='owl-']{
	transition: all .3s ease;
	-webkit-transition: all .3s ease;

}
.single-product .product .gallery-product .owl-theme .owl-nav [class*='owl-'].disabled:hover{
	background-color: #e8e8e8;

}
.single-product .product .gallery-product #big-pic.owl-theme{
	position: relative;

}
.single-product .product .gallery-product #big-pic.owl-theme .owl-next, #big-pic.owl-theme .owl-prev{
	opacity: 0;
	visibility: hidden;

	position: absolute;
	width: 50px;
    height: 50px;
    top: 50%;
    font-size: 24px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #ffffff;

    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;

}
.single-product .product .gallery-product #big-pic.owl-theme:hover .owl-next, #big-pic.owl-theme:hover .owl-prev{
	opacity: 1;
	visibility: visible;

}
.single-product .product .gallery-product #big-pic.owl-theme .owl-next:hover, #big-pic.owl-theme .owl-prev:hover{
	color: #ff5858;
    border-color: #ff5858;

}
.single-product .product .gallery-product #big-pic.owl-theme .owl-prev{
	left: 0px;

}
.single-product .product .gallery-product #big-pic.owl-theme .owl-next{
	right: 0px;

}
.single-product .product .gallery-product #thumbs.owl-theme .owl-next, #thumbs.owl-theme .owl-prev{
	background: #e8e8e8;

}
.single-product .product .info-product .info-title{
	margin-bottom: 10px;

}
.single-product .product .info-product .info-title .availability p{
	font-size: 12px;
    color: #ff5858;

}
.single-product .product .info-product .info-title .title h5{
	font-weight: 600;

}
.single-product .product .info-product .info-title  .category{
	position: relative;

}
.single-product .product .info-product .info-title  .category p{
	font-size: 10px;
    color: #a4a4a4;

}
.single-product .product .info-product .info-title  .category:before{
	content: '';
    position: absolute;
    width: 100%;
    height: 0.5px;
    bottom: 0;
    background: #d9d9d9;

}
.single-product .product .info-product .info-middle li{
	position: relative;
	font-size: 12px;
	margin-left: 30px;

}
.single-product .product .info-product .info-middle li:before{
	content: '';
    position: absolute;
    width: 6px;
    height: 3px;
    top: 50%;
    right: -20px;
    border-radius: 50%;
    background: #d9d9d9;

}
.single-product .product .info-product .info-middle .rating:before{
	content: none;

}
.single-product .product .info-product .info-middle .rating strong{
	font-size: 14px;

}
.single-product .product .info-product .info-middle .rating i{
	font-size: 14px;
    color: #ffc300;

}
.single-product .product .info-product .info-middle .comment a:hover{
	color: #ff5858;

}
.single-product .product .info-product .info-middle .comment a strong{
	color: #a4a4a4;
    font-weight: 100;

}
.single-product .product .info-product .info-middle .question a:hover{
	color: #ff5858;

}
.single-product .product .info-product .info-middle .question a strong{
	color: #a4a4a4;
    font-weight: 100;

}
.single-product .product .info-product .info-section{
	margin: 50px 0 20px 0;

}
.single-product .product .info-product .info-section .info-box{
	display: grid;
}
.single-product .product .info-product .info-section .info-box .info-title{
	font-weight: 600;

}
.single-product .product .info-product .info-section .info-box .info-item{
    font-size: 14px;

}
.single-product .product .info-product .info-section .info-box .info-item:before{
	content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #ff5858;

}
.single-product .product .info-product .info-section .info-box .info-item .if-label{
	display: inline-block;
	margin-left: 5px;

}
.single-product .product .info-product .info-section .info-box .info-item .if-title{
	display: inline-block;
	color: #a4a4a4;

}
.single-product .product .info-product .info-section .info-box .show-more{
	margin-top: 10px;

}
.single-product .product .info-product .info-section .info-box .show-more a{
	font-size: 12px;
    color: #19bfd3;
    cursor: pointer;

}
.single-product .product .info-product .info-section .info-box .show-more a:hover{
    color: #ff5858;

}
.single-product .product .info-product .info-section .info-box .show-more a i{
	font-size: 8px;

}
.single-product .product .info-product .delivery{
	padding: 20px;
    border-radius: 20px;
    border: 1px solid #d7d7d7;

}
.single-product .product .info-product .delivery .right{
	float: right;

}
.single-product .product .info-product .delivery .right h6{
	margin-bottom: 10px !important;
    font-weight: 600;

}
.single-product .product .info-product .delivery .right p{
	font-size: 12px;
    color: #a4a4a4;

}
.single-product .product .info-product .delivery .left{
	float: left;

}
.single-product .product .info-product .delivery .left img{
	max-width: 100px;
	
}
.single-product .product .sales-info{
	padding: 25px;
    border-radius: 20px;
    background: #f1f1f1;

}
.single-product .product .sales-info .color-product{
	padding: 15px 0;
    border-bottom: 1px solid #d9d9d9;
	
}
.single-product .product .sales-info .color-product .title{
	margin-bottom: 15px;
	font-weight: 600;
	
}
.single-product .product .sales-info .color-product .color-box .color{
	position: relative;
    display: block;
    width: 30px;
    height: 30px;
    float: left;
    margin: 0 6px;
    border-radius: 50%;
    text-align: center;
    background: #ff5858;
    cursor: pointer;

}
.single-product .product .sales-info .color-product .color-box .color.green{
	background: #1cbbb4;

}
.single-product .product .sales-info .color-product .color-box .color.blue{
	background: #00bff3;

}
.single-product .product .sales-info .color-product .color-box .color.pink{
	background: #f06eaa;

}
.single-product .product .sales-info .color-product .color-box .color.orange{
	background: #f26c4f;

}
.single-product .product .sales-info .color-product .color-box .color i{
	display: none;
	font-size: 20px;
	line-height: 30px;

}
.single-product .product .sales-info .color-product .color-box .color:before{
	content: '';
    position: absolute;
    display: block;
    top: -4px;
    right: -4px;
    width: 38px;
    height: 38px;
    border: 2px solid #ff5858;
    border-radius: 50%;

    transition:0.3s;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-o-transition:0.3s;

}
.single-product .product .sales-info .color-product .color-box .color.green:before{
	border-color: #1cbbb4;

}
.single-product .product .sales-info .color-product .color-box .color.blue:before{
	border-color: #00bff3;

}
.single-product .product .sales-info .color-product .color-box .color.pink:before{
	border-color: #f06eaa;

}
.single-product .product .sales-info .color-product .color-box .color.orange:before{
	border-color: #f26c4f;

}

.single-product .product .sales-info .color-product .color-box .color:hover:before{
	border-color: #2f2f2f;

}
.single-product .product .sales-info .color-product .color-box .color.active i{
	display: block;

}
.single-product .product .sales-info .color-product .color-box .color.active:before{
	border-color: #2f2f2f;

}

.single-product .product .sales-info .quantity-product{
	padding: 15px 0;
    border-bottom: 1px solid #d9d9d9;

}

.single-product .product .sales-info .quantity-product .title{
	margin-bottom: 15px;
	font-weight: 600;

}
.single-product .product .sales-info .quantity-product .quantity{
	position: relative;
	float: left;
	font-size: 18px;

}
.single-product .product .sales-info .quantity-product .quantity .qty{
	width: 80px;
    height: 40px;
    padding: 5px 25px 5px 25px;
    border-radius: 10px;
    text-align: center;

}
.single-product .product .sales-info .quantity-product .quantity .qtyminus{
	right: 0;

}
.single-product .product .sales-info .quantity-product .quantity .qtyplus{
	left: 0;

}
.single-product .product .sales-info .quantity-product .quantity .button{
	position: absolute;
    top: 50%;
    padding: 8px;
    background: none;

    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);

}
.single-product .product .sales-info .quantity-product .quantity .button:hover{
	color: #ff5858;

}
.single-product .product .sales-info .price-product{
	padding: 15px 0;

}
.single-product .product .sales-info .price-product .title{
	margin-bottom: 15px;
	font-weight: 600;

}
.single-product .product .sales-info .price-product .price{
	text-align: left;

}
.single-product .product .sales-info .price-product .price del{
	display: block;
    font-size: 16px;
    color: #a4a4a4;
    text-decoration: line-through;

}
.single-product .product .sales-info .price-product .price ins{
	display: block;
    font-size: 18px;
    font-weight: 600;
    color: #ff5858;

}
.single-product .product .sales-info .sales-original{
	padding: 15px 0;

}
.single-product .product .sales-info .sales-original .original-box{
	display: block;
	margin-bottom: 3px;
	

}
.single-product .product .sales-info .sales-original .original-box p{
	display: block;
	font-size: 12px;
    color: #4f4f4f;

}
.single-product .product .sales-info .sale-button a{
	display: block;
    padding: 15px;
    font-size: 14px;
    text-align: center;
    border-radius: 15px;
    color: #ffffff;
    background: #ff5858;

}
.single-product .product .sales-info .sale-button a:hover{
	background: #2f2f2f;

}
.tabs-product{
	margin-top: 50px;

}
.tabs-product .tabs .tabs-nav .nav-item {
	position: relative;
	float: right;
	margin-left: 20px;

	z-index: 1;

}
.tabs-product .tabs .tabs-nav .nav-item a {
	display: block;
	padding: 15px;
    font-size: 14px;
	text-align: center;
	border-radius: 10px 10px 0 0;
	background: #f1f1f1;

}
.tabs-product .tabs .tabs-nav .nav-item.tab-active{
	z-index: 3;
}
.tabs-product .tabs .tabs-nav .nav-item a:hover {
	color: #ff5858;

}
.tabs-product .tabs .tabs-nav .nav-item.tab-active a {
 	position: relative;
    color: #ff5858;
    background: #ffffff;

    -webkit-box-shadow: 0 10px 0 #ffffff, 0 0 10px rgb(0 0 0 / 20%);
    box-shadow: 0 10px 0 #ffffff, 0 0 10px rgb(0 0 0 / 20%);
    z-index: 222;

}
.tabs-product .tabs .tabs-stage {
	position: relative;
    padding: 50px;
    border-radius: 10px 0 10px 10px;
    background: #ffffff;

    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    z-index: 2;

}
.tabs-product .tabs .tabs-stage .item-tab .title{
	display: block;
    margin-bottom: 20px;

}
.tabs-product .tabs .tabs-stage .item-tab .title h5{
    font-weight: 600;

}
.tabs-product .tabs .tabs-stage .item-tab .text{
	padding: 10px 0;
	font-size: 14px;
    color: #a4a4a4;

}
.tabs-product .tabs .tabs-stage .item-tab .pic{
	display: block;
    padding: 50px 0;
    text-align: center;
	
}
.tabs-product .tabs .tabs-stage .item-tab .specification{
	display: block;

}
.tabs-product .tabs .tabs-stage .item-tab .specification .specification-item{
	display: flex;
	margin-bottom: 10px;
	font-size: 12px;
	
}
.tabs-product .tabs .tabs-stage .item-tab .specification .specification-item .specification-label{
	width: 20%;
    padding: 10px 20px;
    margin-left: 10px;
    border-radius: 10px;
    background: #efefef;
	
}
.tabs-product .tabs .tabs-stage .item-tab .specification .specification-item .specification-value{
	width: 80%;
    padding: 10px 20px;
    border-radius: 10px;
    color: #a4a4a4;
    background: #efefef;
	
}
.tabs-product .tabs .tabs-stage .item-tab .rating .avg-rating{
	display: inline-flex;
	
}
.tabs-product .tabs .tabs-stage .item-tab .rating .avg-rating .num-rating{
	font-size: 40px;
    font-weight: 600;
    color: #ff5858;
	
}
.tabs-product .tabs .tabs-stage .item-tab .rating .avg-rating .score{
	padding: 10px;
	
}
.tabs-product .tabs .tabs-stage .item-tab .rating .avg-rating .score .score-top{
	display: block;
	margin-bottom: 5px;
	font-size: 12px;
    color: #a4a4a4;
	
}
.tabs-product .tabs .tabs-stage .item-tab .rating .avg-rating .score .score-bottom{
	display: block;
	
}
.tabs-product .tabs .tabs-stage .item-tab .rating .avg-rating .score .score-bottom strong{
	margin-left: 5px;
	float: right;
	font-size: 10px;
    color: #ffc300;
	
}
.tabs-product .tabs .tabs-stage .item-tab .rating .avg-rating .score .score-bottom p{
	display: block;
	float: right;
	font-size: 12px;
    color: #a4a4a4;
	
}
.tabs-product .tabs .tabs-stage .item-tab .rating .ratings-list{
	margin-top: 20px;

}
.tabs-product .tabs .tabs-stage .item-tab .rating .ratings-list .ratings-box{
	display: block;

}
.tabs-product .tabs .tabs-stage .item-tab .rating .ratings-list .ratings-box .rating-item{
	display: block;
	padding: 5px 0;

}
.tabs-product .tabs .tabs-stage .item-tab .rating .ratings-list .ratings-box .rating-item .rating-name{
	display: block;
	font-size: 14px;

}
.tabs-product .tabs .tabs-stage .item-tab .rating .ratings-list .ratings-box .rating-item .rating-bottom{
	display: inline-flex;

}
.tabs-product .tabs .tabs-stage .item-tab .rating .ratings-list .ratings-box .rating-item .rating-bottom .rating-general{
	position: relative;
	width: 300px;
	margin-left: 10px;

}
.tabs-product .tabs .tabs-stage .item-tab .rating .ratings-list .ratings-box .rating-item .rating-bottom .rating-general:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 5px;
	right: 0;
	top: 50%;
	border-radius: 10px;
	background: #f1f1f1;

	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);

}
.tabs-product .tabs .tabs-stage .item-tab .rating .ratings-list .ratings-box .rating-item .rating-bottom .rating-general:after{
	content: '';
	position: absolute;
	width: 0%;
	height: 5px;
	right: 0;
	top: 50%;
	border-radius: 10px;
	background: #ff5858;

	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);

}
.tabs-product .tabs .tabs-stage .item-tab .rating .ratings-list .ratings-box .rating-item .rating-bottom .rating-general.rating-1:after{
	width: 75%;

}
.tabs-product .tabs .tabs-stage .item-tab .rating .ratings-list .ratings-box .rating-item .rating-bottom .rating-general.rating-2:after{
	width: 50%;

}
.tabs-product .tabs .tabs-stage .item-tab .rating .ratings-list .ratings-box .rating-item .rating-bottom .rating-general.rating-3:after{
	width: 40%;

}
.tabs-product .tabs .tabs-stage .item-tab .rating .ratings-list .ratings-box .rating-item .rating-bottom .rating-general.rating-4:after{
	width: 80%;

}
.tabs-product .tabs .tabs-stage .item-tab .rating .ratings-list .ratings-box .rating-item .rating-bottom .rating-general.rating-5:after{
	width: 35%;

}
.tabs-product .tabs .tabs-stage .item-tab .rating .ratings-list .ratings-box .rating-item .rating-bottom .rating-number{
	font-size: 12px;
    color: #a4a4a4;

}
.tabs-product .tabs .tabs-stage .item-tab .comment .comment-box .comment-rating{
	display: inline-flex;

}
.tabs-product .tabs .tabs-stage .item-tab .comment .comment-box .comment-rating p{
	margin-left: 10px;
    font-size: 12px;

}
.tabs-product .tabs .tabs-stage .item-tab .comment .comment-box .comment-rating .star{
	display: inline-flex;

}
.tabs-product .tabs .tabs-stage .item-tab .comment .comment-box .comment-rating .star a{
	margin: 2px;
    color: #ffc300;
    font-size: 12px;

}
.tabs-product .tabs .tabs-stage .item-tab .comment .comment-box form{
	margin-top: 10px;

}
.tabs-product .tabs .tabs-stage .item-tab .comment .comment-box form .top-box{
	display: block;
    margin-bottom: 12px;

}
.tabs-product .tabs .tabs-stage .item-tab .comment .comment-box form .top-box input{
	width: 49%;
    padding: 15px;
    font-size: 12px;
    border: 1px solid #a4a4a4;
    border-radius: 10px;

}
.tabs-product .tabs .tabs-stage .item-tab .comment .comment-box form .top-box input:focus{
	border-color: #ff5858;

}
.tabs-product .tabs .tabs-stage .item-tab .comment .comment-box form .top-box input:first-child{
	margin-left: 5px;

}
.tabs-product .tabs .tabs-stage .item-tab .comment .comment-box form textarea{
	width: 100%;
	min-height: 200px;
	margin-bottom: 15px;
    padding: 15px;
    font-size: 12px;
    border: 1px solid #a4a4a4;
    border-radius: 10px;

}
.tabs-product .tabs .tabs-stage .item-tab .comment .comment-box form textarea:focus{
	border-color: #ff5858;

}
.tabs-product .tabs .tabs-stage .item-tab .comment .comment-box form button{
	padding: 15px 50px;
    border-radius: 10px;
    color: #ffffff;
    background: #2f2f2f;

}
.tabs-product .tabs .tabs-stage .item-tab .comment .comment-box form button:hover{
	background: #ff5858;

}
.questions .questions-box{
	display: block;

}
.questions .questions-box .questions-item{
	display: block;
	margin-bottom: 20px;
	border-bottom: 1px solid #f1f1f1;

}
.questions .questions-box .questions-item:last-child{
	border-bottom: none;

}
.questions .questions-box .questions-item.response{
	padding-right: 50px;

}
.questions .questions-box .questions-item .question .pic-user{
	display: block;
    float: right;
    margin-left: 10px;

}
.questions .questions-box .questions-item .question .pic-user img{
	width: 43px;
    height: 43px;
    border-radius: 50%;

}

.questions .questions-box .questions-item .question .name-box{
	display: block;
    float: right;

}
.questions .questions-box .questions-item .question .name-box .name{
	font-size: 14px;

}
.questions .questions-box .questions-item .question .name-box .responsibility{
	font-size: 12px;
    color: #a4a4a4;

}
.questions .questions-box .questions-item .question .bottom{
	display: inline-grid;
    float: left;

}
.questions .questions-box .questions-item .question .bottom .reply{
	margin-bottom: 5px;
	text-align: left;

}
.questions .questions-box .questions-item .question .bottom .reply a{
	font-size: 12px;
    color: #19bfd3;

}
.questions .questions-box .questions-item .question .bottom .reply a:hover{
    color: #ff5858;

}
.questions .questions-box .questions-item .question .bottom .date{
    font-size: 12px;
    color: #a4a4a4;

}
.questions .questions-box .questions-item .question-text{
	padding: 10px 50px 10px 0;

}
.questions .questions-box .questions-item .question-text p{
	font-size: 14px;

}



/*------------------------------ Not Found Product ------------------------------*/

.single-product .product .sales-info .not-product{
	padding: 20px;

}
.single-product .product .sales-info .not-product p{
	text-align: center;
    font-size: 20px;
    font-weight: 600;

}
.single-product .product .sales-info.not .sale-button a{
	background: #2f2f2f;

}


/*------------------------------------------------------------    Single Product Page End     ------------------------------------------------------------*/




/*------------------------------------------------------------    Shop Page Start     ------------------------------------------------------------*/

.shop-product {
    margin: 30px 0 100px 0;
}
.shop-product .shop .filter .category{
    padding: 30px;
    margin-bottom: 20px;
    border-radius: 20px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}
.shop-product .shop .filter .title h6{
	padding-bottom: 15px;
	font-weight: 600;
    border-bottom: 1px solid #f1f1f1;

}
.shop-product .shop .filter .category .category-box{
    margin-top: 20px;
    max-height: 350px;
    overflow: auto;


}
.shop-product .shop .filter .category .category-box .category-menu{
	display: block;

}
.shop-product .shop .filter .category .category-box .category-menu .item{
	display: block;
	margin-left: 10px;
	cursor: pointer;

}
.shop-product .shop .filter .category .category-box .category-menu .item .item-text{
	display: block;
	padding: 8px 0;

}
.shop-product .shop .filter .category .category-box .category-menu .item.active .item-text .text{
	color: #ff5858;

}
.shop-product .shop .filter .category .category-box .category-menu .item .item-text:hover{
	color: #ff5858;

}
.shop-product .shop .filter .category .category-box .category-menu .item .item-text .text{
	display: block;
	float: right;

}
.shop-product .shop .filter .category .category-box .category-menu .item .item-text .text i{
	color: #2f2f2f;
	font-size: 18px;

}

.shop-product .shop .filter .category .category-box .category-menu .item .item-text .item-arrow{
	display: block;
	float: left;

}
.shop-product .shop .filter .category .category-box .category-menu .item.active .item-text .item-arrow{
	color: #ff5858;

}
.shop-product .shop .filter .category .category-box .category-menu .item.active .item-text .item-arrow{
	transform : rotate( 180deg );
	-webkit-transform: rotate( 180deg );
	-moz-transform: rotate( 180deg );
	-o-transform: rotate( 180deg );

}
.shop-product .shop .filter .category .category-box .category-menu .item .submenu{
	display: none;
    padding-right: 30px;

}
.shop-product .shop .filter .category .category-box .category-menu .item.active .submenu{
	display: block;

}
.shop-product .shop .filter .category .category-box .category-menu .item .submenu li{
	display: block;
	padding: 3px 0;

}
.shop-product .shop .filter .category .category-box .category-menu .item .submenu li a{
	position: relative;
	font-size: 14px;
	color: #a4a4a4;

}
.shop-product .shop .filter .category .category-box .category-menu .item .submenu li a:hover {
	padding-right: 3px;

}
.shop-product .shop .filter .category .category-box .category-menu .item .submenu li a:before{
	content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    top: 50%;
    right: -10px;
    border-radius: 50%;
    background: #ff5858;

    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);

}
.shop-product .shop .filter .available{
	padding: 20px;
	margin-bottom: 20px;
    border-radius: 20px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}
.shop-product .shop .filter .available .toggle-item{
	visibility: hidden;
    position: absolute;

}
.toggle-item {
  opacity: 0;
  width: 0;
  height: 0;

}
.shop-product .shop .filter .available .text{
	margin-right: 10px;

}
.shop-product .shop .filter .available .toggle-item + label {
    position: relative;
    display: flex;
    width: 40px;
    height: 20px;
    float: right;
    background: #f1f1f1;
    border-radius: 50px;
    cursor: pointer;

}
.shop-product .shop .filter .available .toggle-item + label:after {
	position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    top: 2px;
    right: 2px;
    border-radius: 50%;
    background: #ffffff;

    transition:0.3s;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-o-transition:0.3s;

}
.shop-product .shop .filter .available .toggle-item:checked + label {
  background: #19bfd3;

}
.shop-product .shop .filter .available .toggle-item:checked + label:after {
  right: 22px;

}
.shop-product .shop .filter .pric{
	padding: 30px;
	margin-bottom: 20px;
    border-radius: 20px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}
.shop-product .shop .filter .pric .wrapper {
	margin-bottom: 20px;

}
.shop-product .shop .filter .pric .price-input {
	display: flex;
	margin: 20px 0;

}
.shop-product .shop .filter .pric .price-input .field {
	display: flex;
	width: 100%;
	align-items: center;
	
}
.shop-product .shop .filter .pric .field input {
	width: 100%;
    font-size: 14px;
    margin-left: 5px;
    border-radius: 5px;
    text-align: center;

}
.shop-product .shop .filter .pric .field span{
	font-size: 12px;

}
.shop-product .shop .filter .pric input[type="number"]::-webkit-outer-spin-button,
.shop-product .shop .filter .pric input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
.shop-product .shop .filter .pric .price-input .separator {
	display: flex;
	width: 70px;
	font-size: 18px;
	align-items: center;
	justify-content: center;

}
.shop-product .shop .filter .pric .slider {
	position: relative;
	height: 5px;
	border-radius: 5px;
	background: #f1f1f1;
	
}
.shop-product .shop .filter .pric .slider .progress {
	position: absolute;
	height: 100%;
	left: 40%;
	right: 10%;
	border-radius: 5px;
	background: #ff5858;

}
.shop-product .shop .filter .pric .range-input {
	position: relative;

}
.shop-product .shop .filter .pric .range-input input {
	position: absolute;
	width: 100%;
	height: 5px;
	top: -5px;
	background: none;
	pointer-events: none;
	-webkit-appearance: none;
	-moz-appearance: none;

}
.shop-product .shop .filter .pric input[type="range"]::-webkit-slider-thumb {
	height: 12px;
	width: 12px;
	border-radius: 50%;
	background: #ff5858;
	pointer-events: auto;
	-webkit-appearance: none;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);

}
.shop-product .shop .filter .pric input[type="range"]::-moz-range-thumb {
	height: 12px;
	width: 12px;
	border: none;
	border-radius: 50%;
	background: #ff5858;
	pointer-events: auto;
	-moz-appearance: none;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);

}
.shop-product .shop .filter .pric .price-button{
	display: block;

}
.shop-product .shop .filter .pric .price-button a{
	display: block;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    color: #ffffff;
    background: #ff5858;
	
}
.shop-product .shop .filter .pric .price-button a:hover{
	background: #2f2f2f;
}
.shop-product .shop .filter .color{
    padding: 30px;
    margin-bottom: 20px;
    border-radius: 20px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}
.shop-product .shop .filter .color .color-box{
	margin-top: 20px;
	
}
.shop-product .shop .filter .color .color-box .color-item{
	position: relative;
    display: block;
    width: 30px;
    height: 30px;
    float: right;
    margin: 6px;
    border-radius: 50%;
    text-align: center;
    background: #ff5858;
    cursor: pointer;

}
.shop-product .shop .filter .color .color-box .color-item.color-1{
	background: #1cbbb4;

}
.shop-product .shop .filter .color .color-box .color-item.color-2{
	background: #00bff3;

}
.shop-product .shop .filter .color .color-box .color-item.color-3{
	background: #f06eaa;

}
.shop-product .shop .filter .color .color-box .color-item.color-4{
	background: #f26c4f;

}
.shop-product .shop .filter .color .color-box .color-item.color-5{
	background: #ed1c24;

}
.shop-product .shop .filter .color .color-box .color-item.color-6{
	background: #8dc63f;

}
.shop-product .shop .filter .color .color-box .color-item.color-7{
	background: #3498db;

}
.shop-product .shop .filter .color .color-box .color-item.color-8{
	background: #3cb878;

}
.shop-product .shop .filter .color .color-box .color-item.color-9{
	background: #605ca8;

}
.shop-product .shop .filter .color .color-box .color-item.color-10{
	background: #f5989d;

}
.shop-product .shop .filter .color .color-box .color-item i{
	display: none;
	font-size: 20px;
	line-height: 30px;

}
.shop-product .shop .filter .color .color-box .color-item:before{
	content: '';
    position: absolute;
    display: block;
    top: -4px;
    right: -4px;
    width: 38px;
    height: 38px;
    border: 2px solid #ff5858;
    border-radius: 50%;

    transition:0.3s;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-o-transition:0.3s;

}
.shop-product .shop .filter .color .color-box .color-item.color-1:before{
	border-color: #1cbbb4;

}
.shop-product .shop .filter .color .color-box .color-item.color-2:before{
	border-color: #00bff3;

}
.shop-product .shop .filter .color .color-box .color-item.color-3:before{
	border-color: #f06eaa;

}
.shop-product .shop .filter .color .color-box .color-item.color-4:before{
	border-color: #f26c4f;

}
.shop-product .shop .filter .color .color-box .color-item.color-5:before{
	border-color: #ed1c24;

}
.shop-product .shop .filter .color .color-box .color-item.color-6:before{
	border-color: #8dc63f;

}
.shop-product .shop .filter .color .color-box .color-item.color-7:before{
	border-color: #3498db;

}
.shop-product .shop .filter .color .color-box .color-item.color-8:before{
	border-color: #3cb878;

}
.shop-product .shop .filter .color .color-box .color-item.color-9:before{
	border-color: #605ca8;

}
.shop-product .shop .filter .color .color-box .color-item.color-10:before{
	border-color: #f5989d;

}
.shop-product .shop .filter .color .color-box .color-item:hover:before{
	border-color: #2f2f2f;

}
.shop-product .shop .filter .color .color-box .color-item.active i{
	display: block;

}
.shop-product .shop .filter .color .color-box .color-item.active:before{
	border-color: #2f2f2f;

}
.shop-product .shop .filter .brand{
	padding: 30px;
    margin-bottom: 20px;
    border-radius: 20px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}
.shop-product .shop .filter .brand .brand-box{
    max-height: 180px;
	margin-top: 20px;
    overflow: auto;

}
.shop-product .shop .filter .brand .brand-box .item{
	position: relative;
	display: block;
    padding-right: 30px;
    margin-bottom: 5px;
    font-size: 14px;

}
.shop-product .shop .filter .brand .brand-box .item input{
	position: absolute;
    right: 0;
    opacity: 0;
    cursor: pointer;

}
.shop-product .shop .filter .brand .brand-box .item .tick{
	position: absolute;
    height: 20px;
    width: 20px;
    top: 50%;
    right: 0;
    text-align: center;
    background: #f1f1f1;
    border-radius: 5px;

    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);

}
.shop-product .shop .filter .brand .brand-box .item .tick i{
	display: none;
	line-height: 20px;
    font-size: 12px;
	color: #ffffff;

}
.shop-product .shop .filter .brand .brand-box .item input:checked~.tick i{
	display: block;

}
.shop-product .shop .filter .brand .brand-box .item input:checked~.tick{
	background: #19bfd3;

}
.shop-product .shop .filter .button-filter a{
	display: block;
    padding: 15px;
    font-size: 18px;
    text-align: center;
    border-radius: 15px;
    color: #ffffff;
    background: #ff5858;

}
.shop-product .shop .filter .button-filter a:hover{
	background: #2f2f2f;

}
.shop-product .shop .shop-content .tabs .tabs-nav{
	display: flex;

}
.shop-product .shop .shop-content .tabs .tabs-nav .title{
	margin-left: 40px;

}
.shop-product .shop .shop-content .tabs .tabs-nav .title .icon{
	float: right;
    margin-left: 5px;
    font-size: 22px;

}
.shop-product .shop .shop-content .tabs .tabs-nav .title .icon i{
	font-weight: 100;

}
.shop-product .shop .shop-content .tabs .tabs-nav .title .text{
	float: right;

}
.shop-product .shop .shop-content .tabs .tabs-nav .nav-item{
    margin-left: 20px;

}
.shop-product .shop .shop-content .tabs .tabs-nav .nav-item a{
	font-size: 14px;
    color: #a4a4a4;

}
.shop-product .shop .shop-content .tabs .tabs-nav .nav-item a:hover{
	color: #ff5858;

}
.shop-product .shop .shop-content .tabs .tabs-nav .nav-item.tab-active a{
    color: #ff5858;

}
.shop-product .shop .shop-content .tabs .tabs-stage{
	margin-top: 40px;

}
.shop-product .shop .shop-content .tabs .tabs-stage .item-tab .products .item{
	position: relative;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 20px;
    background: #f1f1f1;
    height:100%;
        display: flex
;
    flex-direction: column;
    justify-content: space-between;

}
.shop-product .shop .shop-content .tabs .tabs-stage .item-tab .products .item:hover{
	-webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}
.shop-product .shop .shop-content .tabs .tabs-stage .item-tab .products .item .pic-box{
	display: block;
	
}
.shop-product .shop .shop-content .tabs .tabs-stage .item-tab .products .item .pic-box img{
	width: 100%;
	
}
.shop-product .shop .shop-content .tabs .tabs-stage .item-tab .products .item .product-info{
	position: relative;

}
.shop-product .shop .shop-content .tabs .tabs-stage .item-tab .products .item .product-info .title-box{
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

}
.shop-product .shop .shop-content .tabs .tabs-stage .item-tab .products .item .product-info .title-box a{
	display: block;
	font-size: 14px;

}
.shop-product .shop .shop-content .tabs .tabs-stage .item-tab .products .item .product-info .title-box a:hover{
	color: #ff5858;

}
.shop-product .shop .shop-content .tabs .tabs-stage .item-tab .products .item .product-info .category{
	display: block;
	font-size: 12px;
	color: #a4a4a4;

}
.shop-product .shop .shop-content .tabs .tabs-stage .item-tab .products .item .product-info .product-bottom{
	position: relative;

}
.shop-product .shop .shop-content .tabs .tabs-stage .item-tab .products .item .product-info .product-bottom .rating{
	position: absolute;
    right: 0;
    bottom: 0;

}
.shop-product .shop .shop-content .tabs .tabs-stage .item-tab .products .item .product-info .product-bottom .rating .star{
	font-size: 20px;
	color: #ffc300;

}
.shop-product .shop .shop-content .tabs .tabs-stage .item-tab .products .item .product-info .product-bottom .rating strong{
    font-size: 20px;
    color: #444444;

}
.shop-product .shop .shop-content .tabs .tabs-stage .item-tab .products .item .product-info .product-bottom .pric{
    float: left;
    text-align: left;

}
.shop-product .shop .shop-content .tabs .tabs-stage .item-tab .products .item .product-info .product-bottom .pric del{
    display: block;
    font-size: 14px;
    color: #a4a4a4;
    text-decoration: line-through;

}
.shop-product .shop .shop-content .tabs .tabs-stage .item-tab .products .item .product-info .product-bottom .pric ins{
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #ff5858;

}
.shop-product .shop .shop-content .tabs .tabs-stage .item-tab .products .item .actions{
	opacity: 0;
    visibility: hidden;

    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    background: rgb(241 241 241 / 80%);

}
.shop-product .shop .shop-content .tabs .tabs-stage .item-tab .products .item:hover .product-info .actions{
	opacity: 1;
    visibility: visible;

}
.shop-product .shop .shop-content .tabs .tabs-stage .item-tab .products .item .product-info .actions .action-holder{
	text-align: center;

}
.shop-product .shop .shop-content .tabs .tabs-stage .item-tab .products .item .product-info .actions .action-holder .action-item{
	position: relative;
    display: inline-block;
    margin: 0 3px;

}
.shop-product .shop .shop-content .tabs .tabs-stage .item-tab .products .item .product-info .actions .action-holder .action-item a{
	display: block;
    width: 45px;
    height: 45px;
    font-size: 22px;
    border-radius: 12px;
    color: #ffffff;
    background: #19bfd3;

}
.shop-product .shop .shop-content .tabs .tabs-stage .item-tab .products .item .product-info .actions .action-holder .action-item a:hover{
	color: #2f2f2f;

}
.shop-product .shop .shop-content .tabs .tabs-stage .item-tab .products .item .product-info .actions .action-holder .action-item a i{
	line-height: 45px;

}
.shop-product .shop .shop-content .tabs .tabs-stage .item-tab .products .item .discount{
	position: absolute;
    width: 50px;
    height: 40px;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 40px;
    border-radius: 15px 0;
    color: #ffffff;
    background: #ff5858;

}
.pagination{
	display: block;
	margin-top: 20px;

}
.pagination .pagination-box{
	display: block;
    text-align: center;

}
.pagination .pagination-box .item a{
	width: 45px;
    height: 45px;
    font-size: 18px;
    text-align: center;
    line-height: 45px;
    border-radius: 50%;
    border: 1px solid #a4a4a4;

}
.pagination .pagination-box .item a:hover{
	color: #ff5858;
	border-color: #ff5858;

}
.pagination .pagination-box .item a i{
	line-height: 45px;

}

/*------------------------------------------------------------    Shop Page End     ------------------------------------------------------------*/





/*------------------------------------------------------------    Blog Page Start     ------------------------------------------------------------*/

.blog-page{
	margin: 30px 0 100px 0;

}
.blog-page .blog .sidebar .bg{
	padding: 20px;
    margin-bottom: 20px;
    border-radius: 20px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}
.blog-page .blog .sidebar .title{
	margin-bottom: 20px;

}
.blog-page .blog .sidebar .title h6{
	padding-bottom: 15px;
    font-weight: 600;
    border-bottom: 1px solid #f1f1f1;

}

.blog-page .blog .sidebar .search form{
	position: relative;

}
.blog-page .blog .sidebar .search form input{
	width: 100%;
	padding: 15px 15px 15px 35px;
    font-size: 14px;
    border-radius: 15px;
    background: #f1f1f1;
	
}
.blog-page .blog .sidebar .search form button{
	position: absolute;
    height: 100%;
    left: 0;
    top: 50%;
    padding: 15px;
    background: none;

    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
	
}
.blog-page .blog .sidebar .search form button:hover{
	color: #ff5858;

}
.blog-page .blog .sidebar .category .category-box{
	display: block;

}
.blog-page .blog .sidebar .category .category-box .item{
	display: block;
	margin-bottom: 10px;
	line-height: 35px;
	color: #2f2f2f;

}
.blog-page .blog .sidebar .category .category-box .item a{
	display: block;
	font-size: 14px;
	color: #a4a4a4;

}
.blog-page .blog .sidebar .category .category-box .item a:hover{
	color: #2f2f2f;

}
.blog-page .blog .sidebar .category .category-box .item a i{
	width: 35px;
    height: 35px;
    margin-left: 5px;
    float: right;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    border-radius: 10px;
    color: #2f2f2f;
    background: #f1f1f1;

}
.blog-page .blog .sidebar .category .category-box .item a:hover i{
	color: #ffffff;
	background: #ff5858;

}
.blog-page .blog .sidebar .category .category-box .item a .number{
	display: block;
    float: left;
    color: #2f2f2f;

}
.blog-page .blog .sidebar .category .category-box .item a:hover .number{
	color: #ff5858;

}
.blog-page .blog .sidebar .archive .archive-box{
	display: block;

}
.blog-page .blog .sidebar .archive .archive-box .item{
	display: block;
	margin-bottom: 10px;

}
.blog-page .blog .sidebar .archive .archive-box .item a{
	font-size: 14px;
	color: #a4a4a4;

}
.blog-page .blog .sidebar .archive .archive-box .item a:hover{
	padding-right: 5px;
	color: #2f2f2f;

}
.blog-page .blog .sidebar .tags .tags-box{
	display: block;

}
.blog-page .blog .sidebar .tags .tags-box .item{
	margin-bottom: 5px;

}
.blog-page .blog .sidebar .tags .tags-box .item a{
	padding: 5px;
    font-size: 12px;
    border-radius: 8px;
    background: #f1f1f1;

}
.blog-page .blog .sidebar .tags .tags-box .item a:hover{
	color: #ffffff;
	background: #ff5858;
	
}
.blog-page .blog .sidebar .favorites{
	margin: 0;

}
.blog-page .blog .sidebar .favorites .toggle-item{
	visibility: hidden;
    position: absolute;

}
.toggle-item {
  opacity: 0;
  width: 0;
  height: 0;

}
.blog-page .blog .sidebar .favorites .text{
	margin-right: 10px;
	font-size: 14px;

}
.blog-page .blog .sidebar .favorites .toggle-item + label {
    position: relative;
    display: flex;
    width: 40px;
    height: 20px;
    float: right;
    background: #f1f1f1;
    border-radius: 50px;
    cursor: pointer;

}
.blog-page .blog .sidebar .favorites .toggle-item + label:after {
	position: absolute;
    content: '';
    width: 14px;
    height: 14px;
    top: 3px;
    right: 2px;
    border-radius: 50%;
    background: #ffffff;

    transition:0.3s;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-o-transition:0.3s;

}
.blog-page .blog .sidebar .favorites .toggle-item:checked + label {
  background: #19bfd3;

}
.blog-page .blog .sidebar .favorites .toggle-item:checked + label:after {
  right: 22px;

}
.blog-page .blog .blog-content .content .item{
	padding: 20px;
    margin-bottom: 20px;
    border-radius: 20px;
    background: #f1f1f1;

}
.blog-page .blog .blog-content .content .item:hover{
	background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}
.blog-page .blog .blog-content .item .pic{
	margin-bottom: 10px;

}
.blog-page .blog .blog-content .item .pic img{
	border-radius: 15px;

}
.blog-page .blog .blog-content .item .info .category{
	display: block;
    margin-bottom: 3px;
    font-size: 10px;

}
.blog-page .blog .blog-content .item .info .category a{
	color: #19bfd3;

}
.blog-page .blog .blog-content .item .info .text{
	display: block;
	margin-bottom: 30px;

}
.blog-page .blog .blog-content .item .info .text a{
	font-size: 14px;

}
.blog-page .blog .blog-content .item .info .text a:hover{
	color: #ff5858;

}
.blog-page .blog .blog-content .item .info .bottom{
	padding-top: 10px;
	border-top: 1px solid #d7d7d7;

}
.blog-page .blog .blog-content .item .info .bottom .comment{
	float: right;
    font-size: 12px;
    color: #a4a4a4;

}
.blog-page .blog .blog-content .item .info .bottom .date{
	float: left;
    font-size: 12px;
    color: #a4a4a4;

}

/*------------------------------------------------------------    Blog Page End     ------------------------------------------------------------*/




/*------------------------------------------------------------    Blog Detail Page Start     ------------------------------------------------------------*/


.blog-page .blog .blog-detail{
    margin-bottom: 20px;

}
.blog-page .blog .blog-detail .blog-inner{
	margin-bottom: 50px;
	
}
.blog-page .blog .blog-detail .blog-inner .blog-pic{
	display: block;
	margin-bottom: 20px;
	
}
.blog-page .blog .blog-detail .blog-inner .blog-pic img{
	border-radius: 20px;
	
}
.blog-page .blog .blog-detail .blog-inner .meta{
	display: flex;
	margin-bottom: 20px;
    line-height: 50px;
	
}
.blog-page .blog .blog-detail .blog-inner .meta .sender{
	margin-left: 20px;
	font-size: 14px;
	color: #a4a4a4;

}
.blog-page .blog .blog-detail .blog-inner .meta .sender img{
	max-width: 50px;
    border-radius: 50%;

}
.blog-page .blog .blog-detail .blog-inner .meta .sender a{
	color: #19bfd3;
	
}
.blog-page .blog .blog-detail .blog-inner .meta .date{
	margin-left: 20px;
	font-size: 14px;
	color: #a4a4a4;

}
.blog-page .blog .blog-detail .blog-inner .meta .comment{
	font-size: 14px;
	color: #a4a4a4;
	
}
.blog-page .blog .blog-detail .blog-inner .description{
	padding-bottom: 20px;
	border-bottom: 1px solid #f1f1f1;

}
.blog-page .blog .blog-detail .blog-inner .description h5 a{
	font-weight: 600;

}
.blog-page .blog .blog-detail .blog-inner .description h5 a:hover{
	color: #ff5858;

}
.blog-page .blog .blog-detail .blog-inner .description p{
	margin: 20px 0;
	font-size: 14px;
	color: #a4a4a4;

}

.blog-page .blog .blog-detail .comment-form{
	margin-bottom: 50px;

}
.blog-page .blog .blog-detail .comment-form .title{
	display: block;
    margin-bottom: 20px;

}
.blog-page .blog .blog-detail .comment-form form{
	margin-top: 10px;

}
.blog-page .blog .blog-detail .comment-form form .top-box{
	display: block;
    margin-bottom: 12px;

}
.blog-page .blog .blog-detail .comment-form form .top-box input{
	width: 49%;
    padding: 15px;
    font-size: 12px;
    border: 1px solid #a4a4a4;
    border-radius: 10px;

}
.blog-page .blog .blog-detail .comment-form form .top-box input:focus{
	border-color: #ff5858;

}
.blog-page .blog .blog-detail .comment-form form .top-box input:first-child{
	margin-left: 8px;
}
.blog-page .blog .blog-detail .comment-form form textarea{
	width: 100%;
	min-height: 200px;
	margin-bottom: 15px;
    padding: 15px;
    font-size: 12px;
    border: 1px solid #a4a4a4;
    border-radius: 10px;

}
.blog-page .blog .blog-detail .comment-form form textarea:focus{
	border-color: #ff5858;

}
.blog-page .blog .blog-detail .comment-form form button{
	padding: 15px 50px;
    border-radius: 10px;
    color: #ffffff;
    background: #2f2f2f;

}
.blog-page .blog .blog-detail .comment-form form button:hover{
	background: #ff5858;

}
.blog-page .blog .blog-detail .comments .title{
	display: block;
    margin-bottom: 20px;

}
.blog-page .blog .blog-detail .comments .comments-box{
	display: block;

}
.blog-page .blog .blog-detail .comments .comments-box .comments-item{
	display: block;
	margin-bottom: 20px;
	border-bottom: 1px solid #f1f1f1;

}
.blog-page .blog .blog-detail .comments .comments-box .comments-item:last-child{
	border-bottom: none;

}
.blog-page .blog .blog-detail .comments .comments-box .comments-item.response{
	padding-right: 50px;

}
.blog-page .blog .blog-detail .comments .comments-box .comments-item .comment .pic-user{
	display: block;
    float: right;
    margin-left: 10px;

}
.blog-page .blog .blog-detail .comments .comments-box .comments-item .comment .pic-user img{
	width: 43px;
    height: 43px;
    border-radius: 50%;

}
.blog-page .blog .blog-detail .comments .comments-box .comments-item .comment .name-box{
	display: block;
    float: right;

}
.blog-page .blog .blog-detail .comments .comments-box .comments-item .comment .name-box .name{
	font-size: 14px;

}
.blog-page .blog .blog-detail .comments .comments-box .comments-item .comment .name-box .responsibility{
	font-size: 12px;
    color: #a4a4a4;

}
.blog-page .blog .blog-detail .comments .comments-box .comments-item .comment .bottom{
	display: inline-grid;
    float: left;

}
.blog-page .blog .blog-detail .comments .comments-box .comments-item .comment .bottom .reply{
	margin-bottom: 5px;
	text-align: left;

}
.blog-page .blog .blog-detail .comments .comments-box .comments-item .comment .bottom .reply a{
	font-size: 12px;
    color: #19bfd3;

}
.blog-page .blog .blog-detail .comments .comments-box .comments-item .comment .bottom .reply a:hover{
    color: #ff5858;

}
.blog-page .blog .blog-detail .comments .comments-box .comments-item .comment .bottom .date{
    font-size: 12px;
    color: #a4a4a4;

}
.comments .comments-box .comments-item .comment-text{
	padding: 20px 50px 20px 0;

}
.comments .comments-box .comments-item .comment-text p{
	font-size: 14px;

}


/*------------------------------------------------------------    Blog Detail Page End     ------------------------------------------------------------*/





/*------------------------------------------------------------    Compare Page Start     ------------------------------------------------------------*/


.compare{
	margin: 30px 0 100px 0;

}
.compare .content{
    padding: 40px;
    border-radius: 20px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}
.compare .content .title{
	margin-bottom: 50px;

}
.compare .content .title h5{
	float: right;
	font-weight: 600;

}
.compare .content .title .add-product{
	display: block;
    float: left;

}
.compare .content .title .add-product a{
	font-size: 14px;
	color: #19bfd3;

}
.compare .content .title .add-product a:hover{
	color: #ff5858;

}
.compare .content .products{
	margin-bottom: 20px;

}
.compare .content .products .item{
	padding: 20px;
    border-radius: 20px;
    background: #f1f1f1;

}
.compare .content .products .item .pic{
	display: block;

}
.compare .content .products .item .name{
	display: block;

}
.compare .content .products .item .name a:hover{
	color: #ff5858;

}
.compare .content .products .item .category{
	display: block;
	margin-bottom: 5px;
	font-size: 12px;
	color: #a4a4a4;

}
.compare .content .products .item .rate{
	display: block;
	margin-bottom: 5px;

}
.compare .content .products .item .rate i{
	font-size: 12px;
	color: #ffc300;

}
.compare .content .products .item .price{
	display: block;
	margin-bottom: 20px;
	font-weight: 600;

}
.compare .content .products .item .button{
	display: flex;

}
.compare .content .products .item .button .add-to-cart{
	width: 80%;
    height: 50px;
    margin-left: 5px;
    line-height: 50px;
    font-size: 12px;
    text-align: center;
    border-radius: 15px;
    color: #ffffff;
    background: #ff5858;

}
.compare .content .products .item .button .remove{
	width: 20%;
    height: 50px;
    font-size: 20px;
    text-align: center;
    border-radius: 15px;
    color: #ffffff;
    background: #19bfd3;

}
.compare .content .products .item .button .remove i{
	line-height: 50px;

}
.compare .content .products .item .button a:hover{
	background: #2f2f2f;
}
.compare .content .info .compare-list{
	display: block;

}
.compare .content .info .compare-list li{
	display: block;

}
.compare .content .info .compare-list .title{
	display: block;
    margin: 0;
    padding: 15px;
    background: #f1f1f1;


}
.compare .content .info .compare-list .value{
	display: block;
    width: 25%;
    float: right;
    padding: 18px;
    text-align: center;
    font-size: 12px;
    color: #a4a4a4;

}


/*------------------------------------------------------------    Compare Page End     ------------------------------------------------------------*/



/*------------------------------------------------------------    Checkout Steps Start     ------------------------------------------------------------*/

.shop-cart{
	margin: 30px 0 100px 0;

}
.shop-cart .cart .checkout-steps{
	margin-bottom: 100px;

}
.shop-cart .cart .checkout-steps .steps{
	display: block;

}
.shop-cart .cart .checkout-steps .steps .item{
	position: relative;
	display: block;
    width: 25%;
    float: right;
    text-align: center;

}
.shop-cart .cart .checkout-steps .steps .item .circle{
	position: absolute;
	display: block;
    width: 30px;
    height: 30px;
    top: 40px;
    left: 50%;
    border-radius: 50%;
    border: 2px solid #d7d7d7;
    background: #ffffff;

    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);

    z-index: 99;

}
.shop-cart .cart .checkout-steps .steps .item .circle:before{
	content: '';
    position: absolute;
    width: 22px;
    height: 22px;
    left: 50%;
    top: 2px;
    border-radius: 50%;
    background: #d7d7d7;

    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);

}
.shop-cart .cart .checkout-steps .steps .item:before{
	content: '';
    position: absolute;
    width: 100%;
    height: 7px;
    top: 55px;
    left: 50%;
    background: #d7d7d7;

    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
	
}
.shop-cart .cart .checkout-steps .steps .item:first-child:before{
	display: none;

}
.shop-cart .cart .checkout-steps .steps .item.active .circle{
    border-color: #19bfd3;

}
.shop-cart .cart .checkout-steps .steps .item.active .circle:before{
    background: #19bfd3;

}
.shop-cart .cart .checkout-steps .steps .item.active:before{
	background: #19bfd3;

}
.shop-cart .cart .products-cart{
    padding: 40px;
    border-radius: 20px;
    background: #ffffff;

    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}
.shop-cart .cart .products-cart .title{
	margin-bottom: 50px;

}
.shop-cart .cart .products-cart .title h5{
	font-weight: 600;

}
.shop-cart .cart .products-cart .product-box{

}
.shop-cart .cart .products-cart .product-box table{
	width: 100%;
	margin-bottom: 30px;

}
.shop-cart .cart .products-cart .product-box table tr{
	border-bottom: 1px solid #d7d7d7;

}
.shop-cart .cart .products-cart .product-box table tr td{
	padding: 10px;
	
}
.shop-cart .cart .products-cart .product-box table img{
	width: 100px;

}
.shop-cart .cart .products-cart .product-box table .name{
	display: block;

}
.shop-cart .cart .products-cart .product-box table .name:hover{
	color: #19bfd3;

}
.shop-cart .cart .products-cart .product-box table .category{
	display: block;
    font-size: 12px;
    color: #a4a4a4;

}
.shop-cart .cart .products-cart .product-box table .price{
	display: block;
    font-size: 14px;
    color: #ff5858;

}
.shop-cart .cart .products-cart .product-box table .quantity{
	position: relative;
	float: right;
	font-size: 18px;

}
.shop-cart .cart .products-cart .product-box table .quantity .qty{
	width: 80px;
    height: 40px;
    padding: 5px 25px 5px 25px;
    border-radius: 10px;
    text-align: center;
    background: #f1f1f1;

}
.shop-cart .cart .products-cart .product-box table .quantity .qtyminus{
	right: 0;

}
.shop-cart .cart .products-cart .product-box table .quantity .qtyplus{
	left: 0;

}
.shop-cart .cart .products-cart .product-box table .quantity .button{
	position: absolute;
    top: 50%;
    padding: 8px;
    background: none;

    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);

}
.shop-cart .cart .products-cart .product-box table .quantity .button:hover{
	color: #ff5858;

}
.shop-cart .cart .products-cart .product-box table .total-price{
	display: block;
	font-size: 18px;

}
.shop-cart .cart .products-cart .product-box table .remove{
	width: 100%;
    padding: 10px 30px;
    font-size: 14px;
    text-align: center;
    border-radius: 15px;
    color: #ffffff;
    background: #ff5858;

}
.shop-cart .cart .products-cart .product-box table .remove:hover{
	background: #19bfd3;

}
.shop-cart .cart .products-cart .product-box .button a{
	padding: 10px 30px;
    border-radius: 15px;
    color: #ffffff;
    background: #19bfd3;

}
.shop-cart .cart .products-cart .product-box .button a:hover{
	background: #2f2f2f;

}
.shop-cart .cart .products-cart .product-box .button .back{
	float: right;
	
}
.shop-cart .cart .products-cart .product-box .button .update{
	float: left;
	
}
.shop-cart .cart .price-cart{
	padding: 40px;
    border-radius: 20px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}
.shop-cart .cart .price-cart .title{
	margin-bottom: 15px;

}
.shop-cart .cart .price-cart .title h6{
	font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 1px solid #d7d7d7;

}

.shop-cart .cart .price-cart .info{
	margin-bottom: 20px;
	padding-bottom: 10px;
    border-bottom: 1px solid #d7d7d7;

}
.shop-cart .cart .price-cart .info .price{
	margin-bottom: 40px;

}
.shop-cart .cart .price-cart .info .price .label{
	float: right;
    font-size: 14px;
}

.shop-cart .cart .price-cart .info .price .value{
	float: left;
    font-size: 14px;
}
.shop-cart .cart .price-cart .info .price .subtotal{
	margin-bottom: 5px;

}
.shop-cart .cart .price-cart .info .price .shipping{
	margin-bottom: 15px;

}
.shop-cart .cart .price-cart .info .price .total .label{
	font-weight: 600;

}
.shop-cart .cart .price-cart .info .price .total .value{
	font-weight: 600;
	color: #ff5858;

}
.shop-cart .cart .price-cart .info .payment-btn{
	margin-bottom: 10px;

}
.shop-cart .cart .price-cart .info .payment-btn a{
	width: 100%;
	padding: 15px 20px;
	text-align: center;
	font-size: 14px;
	border-radius: 15px;
	color: #ffffff;
	background: #2f2f2f;

}
.shop-cart .cart .price-cart .info .payment-btn a:hover{
	background: #19bfd3;

}
.shop-cart .cart .price-cart .info .back{
	display: block;
	text-align: center;

}
.shop-cart .cart .price-cart .info .back a{
	font-size: 10px;

}
.shop-cart .cart .price-cart .info .back a:hover{
	color: #19bfd3;

}
.shop-cart .cart .price-cart .services .services-box{
	display: block;

}
.shop-cart .cart .price-cart .services .services-box .item{
	display: block;
	margin-bottom: 5px;
	font-size: 12px;
    color: #a4a4a4;

}
.shop-cart .cart .price-cart .services .services-box .item i{
	margin-left: 5px;
    color: #ff5858;

}
.shop-cart .cart-empty{
	padding: 40px;
    border-radius: 20px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}
.shop-cart .cart-empty .empty{
	text-align: center;

}
.shop-cart .cart-empty .empty .pic{
	display: block;
    margin-bottom: 20px;

}
.shop-cart .cart-empty .empty .pic img{

}
.shop-cart .cart-empty h3{
	margin-bottom: 20px !important;
    font-weight: 600;
    color: #a4a4a4;

}
.shop-cart .cart-empty .menu{
	display: block;

}
.shop-cart .cart-empty .menu .item{
	padding: 0 10px;
	border-left: 1px solid #d7d7d7;

}
.shop-cart .cart-empty .menu .item:last-child{
	border: 0;

}
.shop-cart .cart-empty .menu .item a{
	font-size: 14px;
    color: #19bfd3;

}

.info-pyment{
	padding: 40px;
    border-radius: 20px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}
.info-pyment .title{
	margin-bottom: 50px;

}
.info-pyment .title h5{
	font-weight: 600;

}
.info-pyment .info-box form .item{
	position: relative;
	margin-bottom: 20px;
	
}
.info-pyment .info-box form label{
	display: block;
    margin-bottom: 5px;
    padding-right: 10px;
    font-size: 14px;
	
}
.info-pyment .info-box form input{
	width: 100%;
    padding: 15px;
    border-radius: 15px;
    font-size: 12px;
    border-color: #f1f1f1;
    background: #f1f1f1;
	
}
.info-pyment .info-box form input:focus{
	border-color: #ff5858;
	box-shadow: none;
}

.info-pyment .info-box form select{
	width: 100%;
    padding: 15px;
    border-radius: 15px;
    font-size: 12px;
    border-color: #f1f1f1;
    background: #f1f1f1;
    cursor: pointer;

}
.info-pyment .info-box form select:focus{
	border-color: #ff5858;
	box-shadow: none;

}
.info-pyment .info-box form .item .state-box{
	position: relative;

}
.info-pyment .info-box form .item .state-box i{
	position: absolute;
    left: 20px;
    top: 50%;
    cursor: pointer;

    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);

}
.info-pyment .info-box form .item .city{
	width: 50%;
	float: right;
	padding-left: 3px

}
.info-pyment .info-box form .item .state{
	width: 50%;
	float: left;
	padding-right: 3px

}
.info-pyment .info-box form .item textarea{
	width: 100%;
    padding: 15px;
    border-radius: 15px;
    font-size: 12px;
    border-color: #f1f1f1;
    background: #f1f1f1;

}
.info-pyment .info-box form .item textarea:focus{
    border-color: #ff5858;

}
.pyment{
	padding: 40px;
    border-radius: 20px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}
.pyment .title{
	margin-bottom: 50px;

}
.pyment .title h5{
	font-weight: 600;

}
.pyment .pyment-box .payment-method{
	margin-bottom: 20px;

}
.pyment .pyment-box .payment-method .item a{
	display: block;
	padding: 20px;
    border-radius: 20px;
    background: #f1f1f1;
    text-align: center;

}
.pyment .pyment-box .payment-method .item a:hover{
	background: #ffffff;

    -webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 20%);
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 20%);

}
.pyment .pyment-box .payment-method .item a .icon{
	display: block;
    margin-bottom: 20px;
    font-size: 50px;
    color: #ff5858;

}
.pyment .pyment-box .payment-method .item a .text{
	display: block;

}
.pyment .pyment-box .order-summary{
	padding: 20px;
    border-radius: 20px;
    background: #f1f1f1;

}
.pyment .pyment-box .order-summary .summary-box{
	display: block;

}
.pyment .pyment-box .order-summary .summary-box .item{
	display: block;
	margin-bottom: 10px;

}
.pyment .pyment-box .order-summary .summary-box .item .label{
	display: block;
    width: 100px;
    float: right;
    font-size: 14px;
    margin-left: 10px;

}
.pyment .pyment-box .order-summary .summary-box .item .value{
	font-size: 12px;
    color: #a4a4a4;

}
.pyment .pyment-box .successful{
	margin-bottom: 22px;
	text-align: center;

}
.pyment .pyment-box .successful .icon{
	display: block;
    width: 70px;
    height: 70px;
    margin: 10px auto;
    text-align: center;
    border-radius: 50%;
    color: #ffffff;
    background: #00a651;

}
.pyment .pyment-box .successful .icon i{
	font-size: 50px;
    line-height: 70px;

}
.pyment .pyment-box .successful .text{
	display: block;

}
.pyment .pyment-box .successful .text h5{
	margin-bottom: 10px !important;

}
.pyment .pyment-box .successful .text h5 a{
	font-weight: 600;
    color: #00a651;

}
.pyment .pyment-box .successful .text p{
    font-size: 12px;
    color: #a4a4a4;

}
.pyment .pyment-box .successful.failed .text h5 a{
    color: #ed1c24;

}
.pyment .pyment-box .successful.failed .icon{
	background: #ed1c24;
}

/*------------------------------------------------------------    Checkout Steps End    ------------------------------------------------------------*/






/*------------------------------------------------------------    Contact Us Start    ------------------------------------------------------------*/

.contact{
	margin: 30px 0 100px 0;

}
.contact .contact-box{


}
.contact .contact-box .con-item{
	margin-bottom: 30px; 
	padding: 40px;
    border-radius: 20px;
    text-align: center;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}
.contact .contact-box .con-item i{
	font-size: 60px;
	color: #ff5858;

}
.contact .contact-box .con-item h4{
	display: block;
	margin: 15px 0 !important;
	font-weight: 600;

}
.contact .contact-box .con-item p{
	color: #a4a4a4;

}
.contact .contact-box .con-item span{
	color: #a4a4a4;

}
.contact .contact-form .holder{
	padding: 40px;
    border-radius: 20px;
    border: 1px solid #d7d7d7;

}
.contact .contact-form .holder .title{
	margin-bottom: 30px;

}
.contact .contact-form .holder .title h5{
	font-weight: 600;

}
.contact .contact-form .holder form .form-group{
	margin-bottom: 20px;

}
.contact .contact-form .holder form .form-group label{
	display: block;
    margin-bottom: 5px;
    padding-right: 10px;
    font-size: 14px;

}
.contact .contact-form .holder form .form-group input,
.contact .contact-form .holder form .form-group textarea{
	width: 100%;
    padding: 15px;
    border-radius: 15px;
    font-size: 12px;
    border-color: #f1f1f1;
    background: #f1f1f1;

}
.contact .contact-form .holder form .form-group input:focus,
.contact .contact-form .holder form .form-group textarea:focus{
	border-color: #ff5858;
	box-shadow: none;

}
.contact .contact-form .holder form .form-group button{
	padding: 10px 30px;
    border-radius: 10px;
    color: #ffffff;
    background: #ff5858;

}
.contact .contact-form .holder form .form-group button:hover{
    background: #19bfd3;

}
.contact .contact-form iframe{
	border-radius: 20px;

}


/*------------------------------------------------------------    Contact Us End    ------------------------------------------------------------*/





/*------------------------------------------------------------    About Us Start    ------------------------------------------------------------*/


.about-us{
	margin: 30px 0 100px 0;

}
.about-us .about-content{

}
.about-us .about-content .title{
	margin-bottom: 20px;

}
.about-us .about-content .title h3{
	margin-bottom: 10px !important;
	font-weight: 600;

}
.about-us .about-content .title p{
	font-size: 12px;
	color: #ff5858;

}

.about-us .about-content .text{

}
.about-us .about-content .text p{
	font-size: 14px;
    color: #a4a4a4;
	
}
.about-us .about-content .text h6{
	font-weight: 600;

}



/*------------------------------------------------------------    About Us End    ------------------------------------------------------------*/




/*------------------------------------------------------------    Faq Start    ------------------------------------------------------------*/

.faq{
	margin: 30px 0 100px 0;

}
.faq .faq-content{

}
.faq .faq-content .title{
	margin-bottom: 20px !important;
	padding-right: 10px;
    font-weight: 600;

}
.faq .faq-content .faqs-grid{
	padding: 20px;
    margin-bottom: 30px;
    border-radius: 20px;
    background: #f1f1f1;

}
.faq .faq-content .faqs-item{
    width: 100%;
    margin-bottom: 5px;
    border-bottom: 1px solid #d7d7d7;

}
.faq .faq-content .faqs-item:last-child{
	border-bottom: none;

}
.faq .faq-content .faqs-title{
    display: block;
    position: relative;
    padding: 10px;
    border-radius: 10px 10px 0 0;

}
.faq .faq-content .active{
	color: #ff5858;
	background: #f1f1f1;

}
.faqs-title:hover{
	color: #ff5858;

}
.faq .faq-content .faqs-title i{
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);

}
.faq .faq-content .faqs-content{
    padding: 0;
    max-height: 0;
    overflow: hidden;
    background: #f1f1f1;
    border-radius: 0 0 10px 10px;
    transition: max-height 0.3s ease-out;
    -webkit-transition: max-height 0.3s ease-out;
    -moz-transition: max-height 0.3s ease-out;
    -o-transition: max-height 0.3s ease-out;

}
.faq .faq-content .faqs-content-inside{
    padding: 10px 20px 20px 20px;

}
.faq .faq-content .faqs-content-inside p{
	font-size: 14px;
}


/*------------------------------------------------------------    Faq End    ------------------------------------------------------------*/













/*------------------------------------------------------------    Dashboard Pages Start     ------------------------------------------------------------*/


/*--------------------    Dashboard Profile     --------------------*/

.dashboard-profile{
	margin: 30px 0 100px 0;

}
.dashboard-profile .profile .right-box .profile-box{
	position: relative;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 20px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}
.dashboard-profile .profile .right-box .profile-box .header-profile{
	display: flex;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f1f1;

}
.dashboard-profile .profile .right-box .profile-box .header-profile .pic{
	position: relative;
    display: block;

}
.dashboard-profile .profile .right-box .profile-box .header-profile .pic img{
	width: 70px;
    border-radius: 50%;

}
.dashboard-profile .profile .right-box .profile-box .header-profile .pic .edit{
	position: absolute;
    width: 24px;
    height: 24px;
    left: -5px;
    top: -5px;
    font-size: 10px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #ffffff;
    color: #ffffff;
    background: #19bfd3;
	

}
.dashboard-profile .profile .right-box .profile-box .header-profile .pic .edit i{
	line-height: 20px;

}
.dashboard-profile .profile .right-box .profile-box .header-profile .name{
	display: block;
	margin-right: 10px;
	padding-top: 25px;

}
.dashboard-profile .profile .right-box .profile-box .header-profile .name p{
	font-size: 14px;
    color: #a4a4a4;
	
}
.dashboard-profile .profile .right-box .profile-box .options{
	display: grid;
	margin-bottom: 10px;

}
.dashboard-profile .profile .right-box .profile-box .options span{
	display: block;
    margin-bottom: 5px;

}
.dashboard-profile .profile .right-box .profile-box .options span p{
	float: right;
	font-size: 14px;

}
.dashboard-profile .profile .right-box .profile-box .options span strong{
	float: left;
	font-size: 14px;
    color: #a4a4a4;

}
.dashboard-profile .profile .right-box .profile-box .buttons a{
	width: 48%;
    padding: 10px;
    font-size: 14px;
    text-align: center;
    border-radius: 10px;
    color: #ffffff;
    background: #ff5858;

}
.dashboard-profile .profile .right-box .profile-box .buttons a:hover{
    background: #19bfd3;

}
.dashboard-profile .profile .right-box .profile-menu{
	position: relative;
    padding: 20px;
    border-radius: 20px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}
.dashboard-profile .profile .right-box .profile-menu .title h6{
	padding-bottom: 15px;
	font-weight: 600;
    border-bottom: 1px solid #f1f1f1;

}
.dashboard-profile .profile .right-box .profile-menu .menu{
	display: block;
	margin-top: 20px;

}
.dashboard-profile .profile .right-box .profile-menu .menu .item{
	display: block;

}
.dashboard-profile .profile .right-box .profile-menu .menu .item a{
	display: block;
    padding: 10px;
    border-radius: 10px;

}
.dashboard-profile .profile .right-box .profile-menu .menu .item:hover a{
	padding-right: 15px;
	color: #ff5858;

}
.dashboard-profile .profile .right-box .profile-menu .menu .item.active a{
	padding-right: 25px;
	color: #ff5858;
    background: #f1f1f1;

}
.dashboard-profile .profile .profile-content{
	position: relative;
    padding: 40px;
    border-radius: 20px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}
.dashboard-profile .profile .profile-content .stats{
	margin-bottom: 20px;

}
.dashboard-profile .profile .profile-content .stats .item{
	height: 200px;
	padding: 40px;
    border-radius: 20px;
    text-align: center;
    background: #f1f1f1;

}
.dashboard-profile .profile .profile-content .stats .item.bg-color1{
	background: #ff5858;

}
.dashboard-profile .profile .profile-content .stats .item.bg-color2{
	background: #f1ac37;

}
.dashboard-profile .profile .profile-content .stats .item.bg-color3{
	background: #3a70f0;

}
.dashboard-profile .profile .profile-content .stats .item.bg-color4{
	background: #4297d5;

}
.dashboard-profile .profile .profile-content .stats .item .icon{
	display: block;
    margin-bottom: 20px;
    font-size: 50px;
    color: #ffffff;

}
.dashboard-profile .profile .profile-content .stats .item h5{
	margin-bottom: 8px !important;
	color: #ffffff;

}
.dashboard-profile .profile .profile-content .stats .item p{
	font-size: 12px;
    color: #f1f1f1;

}
.dashboard-profile .profile .profile-content .info{
	margin-bottom: 20px;

}
.dashboard-profile .profile .profile-content .info .personal{
	height: 320px;
	padding: 30px;
    border-radius: 20px;
    background: #f1f1f1;
	
}
.dashboard-profile .profile .profile-content .info .title{
	margin-bottom: 20px;

}
.dashboard-profile .profile .profile-content .info .title h5{
	float: right;
	font-weight: 600;
	
}
.dashboard-profile .profile .profile-content .info .title .button{
	float: left;
	
}
.dashboard-profile .profile .profile-content .info .title .button a{
	font-size: 12px;
	color: #19bfd3;
	
}
.dashboard-profile .profile .profile-content .info .title .button a:hover{
	color: #ff5858;

}
.dashboard-profile .profile .profile-content .info .personal .personal-box .label{
	display: block;
	margin-bottom: 5px;
    font-size: 14px;
    color: #a4a4a4;
	
}
.dashboard-profile .profile .profile-content .info .personal .personal-box .value{
	display: block;
	margin-bottom: 30px;
    font-size: 14px;
	
}

.dashboard-profile .profile .profile-content .info .favorite{
	height: 320px;
	padding: 30px;
    border-radius: 20px;
    background: #f1f1f1;

}
.dashboard-profile .profile .profile-content .info .favorite .favorite-box .box{
	display: block;

}
.dashboard-profile .profile .profile-content .info .favorite .favorite-box .item{
	position: relative;
	display: block;
	padding: 7px 0;
    border-bottom: 1px solid #d7d7d7;
	
}
.dashboard-profile .profile .profile-content .info .favorite .favorite-box .item:first-child{
	padding-top: 0;

}
.dashboard-profile .profile .profile-content .info .favorite .favorite-box .item:last-child{
	padding-bottom: 0;
    border-bottom: 0;

}
.dashboard-profile .profile .profile-content .info .favorite .favorite-box .item .pic{
	display: block;
    float: right;
	
}
.dashboard-profile .profile .profile-content .info .favorite .favorite-box .item .pic img{
	width: 60px;
	
}
.dashboard-profile .profile .profile-content .info .favorite .favorite-box .item .name{
	display: block;
	float: right;
	margin-right: 10px;
    padding: 10px 0;
    font-size: 14px;
	
}
.dashboard-profile .profile .profile-content .info .favorite .favorite-box .item .name a{
	display: block;
	margin-bottom: 5px;
	
}
.dashboard-profile .profile .profile-content .info .favorite .favorite-box .item .name a:hover{
	color: #19bfd3;

}
.dashboard-profile .profile .profile-content .info .favorite .favorite-box .item .name .price{
	display: block;
    color: #ff5858;
	
}
.dashboard-profile .profile .profile-content .info .favorite .favorite-box .item .remove{
	position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
	
}
.dashboard-profile .profile .profile-content .info .favorite .favorite-box .item .remove a{
	width: 40px;
    height: 40px;
    font-size: 18;
    text-align: center;
    border-radius: 12px;
    color: #ffffff;
    background: #a4a4a4;
	
}
.dashboard-profile .profile .profile-content .info .favorite .favorite-box .item .remove a:hover{
	background: #19bfd3;

}
.dashboard-profile .profile .profile-content .info .favorite .favorite-box .item .remove a i{
	line-height: 40px;

}
.dashboard-profile .profile .profile-content .orders{
    padding: 30px;
    border-radius: 20px;
    background: #f1f1f1;

}
.dashboard-profile .profile .profile-content .orders .title{
	margin-bottom: 20px;

}
.dashboard-profile .profile .profile-content .orders .title h5{
	float: right;
	font-weight: 600;
	
}
.dashboard-profile .profile .profile-content .orders .title .button{
	float: left;
	
}
.dashboard-profile .profile .profile-content .orders .title .button a{
	font-size: 12px;
	color: #19bfd3;
	
}
.dashboard-profile .profile .profile-content .orders .title .button a:hover{
	color: #ff5858;

}
.dashboard-profile .profile .profile-content .orders .order-box{

}
.dashboard-profile .profile .profile-content .orders .order-box table{
	width: 100%;
	font-size: 12px;
	border-collapse: collapse;

}
.dashboard-profile .profile .profile-content .orders .order-box table .title{
	background: #d7d7d7;

}
.dashboard-profile .profile .profile-content .orders .order-box table .title td{
	font-size: 14px;
	padding: 10px;

}
.dashboard-profile .profile .profile-content .orders .order-box table .title td:first-child{
	border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;

}
.dashboard-profile .profile .profile-content .orders .order-box table .title td:last-child{
	border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
	
}
.dashboard-profile .profile .profile-content .orders .order-box table .item{
	border-bottom: 1px solid #d7d7d7;

}
.dashboard-profile .profile .profile-content .orders .order-box table .item:last-child{
	border-bottom: 0;
}
.dashboard-profile .profile .profile-content .orders .order-box table .item td{
	padding: 10px;
	font-size: 12px;
    color: #a4a4a4;

}
.dashboard-profile .profile .profile-content .orders .order-box table tr td img{
	width: 55px;

}
.dashboard-profile .profile .profile-content .orders .order-box table tr td a:hover{
	color: #19bfd3;

}
.dashboard-profile .profile .profile-content .orders .order-box table tr td .button{
	display: block;
    padding: 8px;
    text-align: center;
    border-radius: 10px;
    color: #ffffff;
    background: #ff5858;

}
.dashboard-profile .profile .profile-content .orders .order-box table tr td .button:hover{
	background: #19bfd3;
	color: #ffffff;
}



/*--------------------    Dashboard Order     --------------------*/


.order-content{
	position: relative;
    padding: 40px;
    border-radius: 20px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
	
}
.order-content .title{
	margin-bottom: 20px;
	
}
.order-content .title h5{
	font-weight: 600;
	
}
.order-content .order-box table{
	width: 100%;
	
}
.order-content .order-box table .title{
	font-size: 14px;
	
}
.order-content .order-box table .title td{
	background: #d7d7d7;
    padding: 10px;
	
}
.order-content .order-box table .title td:first-child{
	border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;

}
.order-content .order-box table .title td:last-child{
	border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
	
}
.order-content .order-box table tr td label{
	position: relative;
	display: block;
	width: 20px;
    height: 20px;

}
.order-content .order-box table tr td label input{
	position: absolute;
    right: 0;
    opacity: 0;
    cursor: pointer;

}
.order-content .order-box table tr td label .tick{
	position: absolute;
    height: 20px;
    width: 20px;
    top: 50%;
    right: 0;
    text-align: center;
    background: #f1f1f1;
    border-radius: 5px;

    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);

}
.order-content .order-box table tr td label .tick i{
	display: none;
	line-height: 20px;
    font-size: 12px;
	color: #ffffff;

}
.order-content .order-box table tr td label input:checked~.tick i{
	display: block;

}
.order-content .order-box table tr td label input:checked~.tick{
	background: #19bfd3;

}
.order-content .order-box table .item{
	border-bottom: 1px solid #f1f1f1;

}
.order-content .order-box table .item:last-child{
	border-bottom: 0;
	
}
.order-content .order-box table .item td{
    padding: 10px;
    font-size: 12px;

}
.order-content .order-box table .item td img{
	width: 60px;
}
.order-content .order-box table .item td a{
	display: block;
    padding: 8px;
    text-align: center;
    border-radius: 10px;
    color: #ffffff;
    background: #ff5858;

}
.order-content .order-box table .item td a:hover{
	background: #19bfd3;
	
}



/*--------------------    Dashboard Favorites     --------------------*/

.favorite-content{
	position: relative;
    padding: 40px;
    border-radius: 20px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}
.favorite-content .title{
	margin-bottom: 20px;
	
}
.favorite-content .title h5{
	font-weight: 600;
	
}
.favorite-content .favorites-box .favorites .item{
	position: relative;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 20px;
    background: #f1f1f1;

}
.favorite-content .item .pic{
	display: block;
	
}
.favorite-content .item .pic img{
	width: 100%;
	
}
.favorite-content .item .info{
	display: block;
	
}
.favorite-content .item .info .name{
	margin-bottom: 5px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	
}
.favorite-content .item .info .name a{
	display: block;
    font-size: 14px;
	
}
.favorite-content .item .info .name a:hover{
	color: #ff5858;

}
.favorite-content .item .info .category{
	display: block;
    margin-bottom: 10px;
	font-size: 12px;
    color: #a4a4a4;
	
}
.favorite-content .item .info .button a{
	width: 48%;
	padding: 10px;
    font-size: 14px;
    text-align: center;
    border-radius: 15px;
    color: #ffffff;
	
}
.favorite-content .item .info .button a:hover{
	background: #2f2f2f;
}
.favorite-content .item .info .button .view{
    background: #ff5858;
	
}
.favorite-content .item .info .button .remove{
    background: #19bfd3;
	
}




/*--------------------    Dashboard Edit Info     --------------------*/



.edit-content{
	position: relative;
    padding: 40px;
    border-radius: 20px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}
.edit-content .title{
	margin-bottom: 50px;
	
}
.edit-content .title h5{
	font-weight: 600;
	
}
.edit-content .edit-box .item{
	position: relative;
	margin-bottom: 20px;
	
}
.edit-content .edit-box .item label{
	display: block;
    margin-bottom: 5px;
    padding-right: 10px;
    font-size: 14px;
	
}
.edit-content .edit-box .item input{
	width: 100%;
    padding: 15px;
    border-radius: 15px;
    font-size: 12px;
    border-color: #f1f1f1;
    background: #f1f1f1;
	
}
.edit-content .edit-box .item input:focus{
	border-color: #ff5858;
	box-shadow: none;
}
.edit-content .edit-box .item.address{
	margin-bottom: 20px;
	
}
.edit-content .edit-box .item.address .address-box{
	padding: 30px;
	border-radius: 15px;
    background: #f1f1f1;

}
.edit-content .edit-box .item.address .address-box .address1{
	display: block;
	margin-bottom: 5px;
    border-bottom: 1px solid #d7d7d7;

}
.edit-content .edit-box .item.address .address-box .address2{
	display: block;

}
.edit-content .edit-box .item.address .address-box label{
	margin: 0;

}
.edit-content .edit-box .item.address .address-box input{
	border: none;

}
.edit-content .edit-box .item.newsletters{
    margin-bottom: 50px;

}
.edit-content .edit-box .item.newsletters label{
	padding-right: 25px;

}

.edit-content .edit-box .item.newsletters input{
	position: absolute;
    right: 0;
    opacity: 0;
    cursor: pointer;

}
.edit-content .edit-box .item.newsletters .tick{
	position: absolute;
    height: 20px;
    width: 20px;
    top: 50%;
    right: 0;
    text-align: center;
    background: #f1f1f1;
    border-radius: 5px;

    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);

}
.edit-content .edit-box .item.newsletters .tick i{
	display: none;
	line-height: 20px;
    font-size: 12px;
	color: #ffffff;

}
.edit-content .edit-box .item.newsletters input:checked~.tick i{
	display: block;

}
.edit-content .edit-box .item.newsletters input:checked~.tick{
	background: #19bfd3;

}
.edit-content .edit-box .item label span{
	font-size: 10px;
    color: #19bfd3;

}
.edit-content .edit-box form button{
    padding: 12px 20px;
    font-size: 14px;
    border: none;
    border-radius: 15px;
    background: #ff5858;

}
.edit-content .edit-box form button:hover{
	background: #19bfd3;

}




/*------------------------------------------------------------    Dashboard Pages End     ------------------------------------------------------------*/




/*------------------------------------------------------------    Login / Register / Forgot Password / Change Password / Confirmation Number    Start ------------------------------------------------------------*/


.login .content{
	position: absolute;
	width: 500px;
    top: 50%;
    padding: 30px 50px;
    border-radius: 20px;
    background: #ffffff;

    box-shadow: 0px 0px 100px 0px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0px 0px 100px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 0px 100px 0px rgb(0 0 0 / 20%);
    -o-box-shadow: 0px 0px 100px 0px rgb(0 0 0 / 20%);

    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);

}
.login .content .logo{
	margin-bottom: 40px;
    text-align: center;

}
.login .content .logo img{
	max-width: 50%;
	
}
.login .content form{
	margin-bottom: 30px;

}
.login .content form .title{
	display: block;
	margin-bottom: 15px;

}
.login .content form .title h6{
	font-weight: 600;

}

.login .content form input{
	width: 100%;
    margin-bottom: 10px;
    padding: 15px;
    font-size: 14px;
    border-radius: 15px;
    border: 1px solid #d7d7d7;

}
.login .content form input:focus{
	border-color: #ff5858;

}
.login .content form .forget{
	margin-bottom: 40px;

}
.login .content form .forget .remember{
	position: relative;
	display: block;
	float: right;
    padding-right: 20px;
    font-size: 12px;

}
.login .content form .forget .remember input{
	position: absolute;
    margin: 0;
    right: 0;
    opacity: 0;
    cursor: pointer;

}
.login .content form .forget .remember .tick{
	position: absolute;
    height: 15px;
    width: 15px;
    top: 50%;
    right: 0;
    text-align: center;
    background: #f1f1f1;
    border-radius: 5px;

    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);

}
.login .content form .forget .remember .tick i{
	display: none;
	line-height: 16px;
    font-size: 10px;
	color: #ffffff;

}
.login .content form .forget .remember input:checked~.tick i{
	display: block;

}
.login .content form .forget .remember input:checked~.tick{
	background: #19bfd3;

}
.login .content form .forget a{
	float: left;
    font-size: 12px;
    color: #19bfd3;

}
.login .content form .forget a:hover{
	color: #ff5858;
	
}
.login .content form button{
	display: block;
    width: 100%;
    margin-bottom: 5px;
    padding: 15px;
    font-size: 14px;
    border-radius: 15px;
    color: #ffffff;
    background: #ff5858;

}
.login .content form button:hover{
	background: #2f2f2f;

}
.login .content form .disposables{
	background: #19bfd3;

}
.login .content .bottom-link{
	display: block;
    text-align: center;
    font-size: 12px;

}
.login .content .bottom-link a{
	color: #19bfd3;
	
}
.login .content .bottom-link a:hover{
	color: #ff5858;
	
}
.login .content form .text{
	display: block;
	margin-bottom: 40px;
	font-size: 12px;

}

.login .content form .number{
	margin-bottom: 10px;

}
.login .content form .number input{
	width: 55px;
    height: 55px;
    margin-left: 5px !important;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    padding: 10px;
    margin: 0;

}




/*------------------------------------------------------------    Login / Register / Forgot Password / Change Password / Confirmation Number    End ------------------------------------------------------------*/



/*------------------------------------------------------------    Error 404 Start ------------------------------------------------------------*/

.error{
	margin: 30px 0 100px 0;

}
.error .content{
	text-align: center;

}
.error .content .pic{
	display: block;

}
.error .content .button{
	display: block;

}
.error .content .button p{
	margin-bottom: 20px;
	font-size: 14px;
    color: #a4a4a4;

}
.error .content .button a{
	padding: 15px;
    border-radius: 15px;
    color: #ffffff;
    background: #2f2f2f;

}
.error .content .button a:hover{
	background: #19bfd3;
	
}


/*------------------------------------------------------------    Error 404 End ------------------------------------------------------------*/





/*------------------------------------------------------------    Mobile Menu Start ------------------------------------------------------------*/

.mobile-menu{
	float: right;

}
.mobile-menu .btn-mobile{
	width: 45px;
    padding: 5px;
    border-radius: 10px;
    cursor: pointer;

}
.mobile-menu .btn-mobile span{
	display: block;
    height: 4px;
    margin: 6px auto;
    border-radius: 3px;
    background: #4b4b4b;

    transition:0.3s;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-o-transition:0.3s;

}
.mobile-menu .btn-mobile:hover span:first-child {
    transform: translateY(10px) rotate(45deg);
}
.mobile-menu .btn-mobile:hover span:nth-child(2) {
    opacity: 0;
}
.mobile-menu .btn-mobile:hover span:last-child {
    transform: translateY(-10px) rotate(-45deg);
}
.mobile-menu .menu-overlay{
	display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(47, 47, 47, 50%);
    z-index: 99;

}
.mobile-menu .menu-overlay.active{
	display: block;

}
.mobile-menu .mobile-content{
	position: fixed;
    width: 280px;
    top: 0;
    right: -450px;
    bottom: 0;
    padding: 30px 20px;
    background: #ffffff;
    overflow: auto;
    z-index: 999;

    -webkit-box-shadow: -10px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: -10px 0px 10px 0px rgb(0 0 0 / 10%);

}
.mobile-menu .mobile-content.active{
	right: 0;

}
.mobile-menu .mobile-content .search{
	margin-bottom: 20px;

}
.mobile-menu .mobile-content .search form{
	position: relative;
	width: 100%;
	
}
.mobile-menu .mobile-content .search form input{
	width: 100%;
    padding: 15px;
    font-size: 12px;
    border-radius: 15px;
    border: 1px solid #f1f1f1;
    background: #f1f1f1;
	
}
.mobile-menu .mobile-content .search form input:focus{
	border: 1px solid #ff5858;

}
.mobile-menu .mobile-content .search form button{
	position: absolute;
    left: 0;
    padding: 15px;
    font-size: 20px;
    border-radius: 15px 0 0 15px;
    background: none;
	
}
.mobile-menu .mobile-content .menu{
	display: block;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d7d7d7;

}
.mobile-menu .mobile-content .menu .item{
	display: block;

}
.mobile-menu .mobile-content .menu .item a{
	display: block;
	padding: 3px 0;
	font-size: 14px;

}
.mobile-menu .mobile-content .menu .item a:hover{
	padding-right: 10px;
	color: #ff5858;

}
.mobile-menu .mobile-content .category{
	display: block;

}
.mobile-menu .mobile-content .category .item{
	display: block;
    padding: 0 10px;
    margin-bottom: 5px;

}
.mobile-menu .mobile-content .category .item.active{
	padding: 20px;
	border-radius: 20px;
    background: #f1f1f1;

}
.mobile-menu .mobile-content .category .item a{
	position: relative;
	display: block;
	padding: 5px 0;
	font-size: 14px;

}
.mobile-menu .mobile-content .category .item a span{
	position: absolute;
	left: 0;
    top: 50%;
    float: left;

    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);

}
.mobile-menu .mobile-content .category li.active > a{
	color: #ff5858;

}
.mobile-menu .mobile-content .category li.active > a > span > i{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);

}
.mobile-menu .mobile-content .category .item .sub-menu{
	display: none;
	padding: 5px 15px;

}
.mobile-menu .mobile-content .category .item .sub-menu li{
	display: block;

}
.mobile-menu .mobile-content .category .item .sub-menu li a{
	display: block;

}
.mobile-menu .mobile-content .category .item .sub-menu li ul{
	display: none;
	padding: 0 10px;

}
.mobile-menu .mobile-content .category .item .sub-menu li ul li a{
	display: block;
	font-size: 12px;
	color: #a4a4a4;

}
.mobile-menu .mobile-content .category .item .sub-menu li ul li a:hover{
	padding-right: 5px;
	color: #ff5858;

}
.mobile-menu .mobile-content .category .item .sub-menu li a.active span i{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);

}


/*------------------------------------------------------------    Mobile Menu End   ------------------------------------------------------------*/




/*------------------------------------------------------------    Switch Color Start   ------------------------------------------------------------*/


#template-color{
	display: inline-flex;
	position: fixed;
    top: 250px;
    left: -166px;

    z-index: 999;

}
#template-color.active{
	left: 0;
}
#template-color .btn-color{
	display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 0 5px 5px 0;
    color: #ffffff;
    background: #2f2f2f;
    cursor: pointer;

}
#template-color .btn-color i{
	line-height: 40px;
    font-size: 20px;

}
#template-color .box-color{
	display: block;
    width: 166px;
    padding: 20px;
    border-radius: 0 0 10px 0;
    background: #2f2f2f;
	
}
#template-color .box-color .color{
	position: relative;
    display: block;
    width: 30px;
    height: 30px;
    float: right;
    margin: 6px;
    border-radius: 50%;
    text-align: center;
    background: #2f2f2f;
    cursor: pointer;

}
#template-color .box-color .color.color-1{
	background: #FF5858;

}
#template-color .box-color .color.color-2{
	background: #FDB54E;

}
#template-color .box-color .color.color-3{
	background: #FF734F;

}
#template-color .box-color .color.color-4{
	background: #6FD4E6;

}
#template-color .box-color .color.color-5{
	background: #13B9A2;

}
#template-color .box-color .color.color-6{
	background: #7855E3;

}
#template-color .box-color .color i{
	display: none;
	font-size: 20px;
	line-height: 30px;

}
#template-color .box-color .color:before{
	content: '';
    position: absolute;
    display: block;
    top: -4px;
    right: -4px;
    width: 38px;
    height: 38px;
    border: 2px solid #f2f2f2;
    border-radius: 50%;

    transition:0.3s;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-o-transition:0.3s;

}
#template-color .box-color .color.color-1:before{
	border-color: #FF5858;

}
#template-color .box-color .color.color-2:before{
	border-color: #FDB54E;

}
#template-color .box-color .color.color-3:before{
	border-color: #FF734F;

}
#template-color .box-color .color.color-4:before{
	border-color: #6FD4E6;

}
#template-color .box-color .color.color-5:before{
	border-color: #13B9A2;

}
#template-color .box-color .color.color-6:before{
	border-color: #7855E3;

}

#template-color .box-color .color:hover:before{
	border-color: #2f2f2f;

}
#template-color .box-color .color.active i{
	display: block;

}
#template-color .box-color .color.active:before{
	border-color: #2f2f2f;

}

/*------------------------------------------------------------    Switch Color End   ------------------------------------------------------------*/












/*------------------------------    Scrollbar Start     ------------------------------*/

* {
	scrollbar-width: auto;
	scrollbar-color: #ff5858 #ffffff;

}
*::-webkit-scrollbar {
	width: 6px;
	height: 6px;

}
*::-webkit-scrollbar-track {
	background: none;

}
*::-webkit-scrollbar-thumb {
	background-color: #a4a4a4;
	border-radius: 10px;

}
*::-moz-scrollbar {
	width: 6px;
	height: 6px;

}
*::-moz-scrollbar-track {
	background: none;

}
*::-moz-scrollbar-thumb {
	background-color: #a4a4a4;
	border-radius: 10px;

}


/*------------------------------    Scrollbar End     ------------------------------*/






/*------------------------------    Responsive     ------------------------------*/


@media (max-width: 1200px) {

	.container{
		max-width: 100%;

	}
	.middle-menu .logo-top a img{
		max-width: 100%;

	}
	.amazing-offer .products .container{
		max-width: 100%;

	}
	.compare .content .products .item .button{
		display: grid;

	}
	.compare .content .products .item .button .add-to-cart,
	.compare .content .products .item .button .remove{
		width: 100%;
		margin-bottom: 5px;
		margin-left: 0;

	}
	.dashboard-profile .profile .profile-content .info .favorite{
		height: 100%;
	}
	.dashboard-profile .profile .profile-content .info .personal{
		height: 100%;

	}



}



@media (max-width: 992px) {

	.container{
		max-width: 100%;

	}
	.middle-menu .header-left .h-account .account-box{
		left: 0;
		right: auto;

	}
	.middle-menu .logo-top a img {
	    max-width: 100%;

	}
	.footer .services .services-item{
		margin-bottom: 30px;
		 
	}
	.footer .footer-content .description {
	    margin-bottom: 30px;

	}
	.footer .footer-middle .middle-left {
	    margin-top: 30px;

	}
	.amazing-offer .amazing-right .product-item{
		padding: 45px 30px;
	}
	.amazing-offer .moment .moment-item {
	    text-align: center;

	}
	.amazing-offer .moment .moment-item .moment-info .pric {
	    text-align: center;

	}
	.blog-page,
	.blog-page .blog .blog-content,
	.shop-cart .cart .products-cart,
	.info-pyment,
	.pyment,
	.shop-cart{
		margin-bottom: 30px;

	}
	.compare .content .products .item .name{
		display: -webkit-box;
    	-webkit-line-clamp: 1;
    	-webkit-box-orient: vertical;
    	overflow: hidden;

	}
	.compare .content .products .item .name a{
		display: block;

	}
	.dashboard-profile {
	    margin-bottom: 30px;

	}
	.order-content .order-box table td{
		min-width: 120px;

	}
	.order-content .order-box table{
		display: block;
    	overflow: auto;
    	width: calc(100% - 0px);

	}
	.dashboard-profile .profile .profile-content .orders .order-box table{
		display: block;
    	overflow: auto;
    	width: calc(100% - 0px);

	}
	.dashboard-profile .profile .profile-content .orders .order-box table td{
		min-width: 120px;

	}
	.dashboard-profile .profile .profile-content .stats .item{
		margin-bottom: 20px;
		
	}
	.dashboard-profile .profile .profile-content .stats{
		margin-bottom: 0;
		
	}
	.shop-product .shop .shop-content {
	    margin-bottom: 30px;

	}
	.shop-product{
		margin-bottom: 30px;

	}
	.single-product .product .gallery-product,
	.single-product .product .info-product{
		margin-bottom: 20px;

	}
	.tabs-product .tabs .tabs-stage .item-tab .comment .comment-box form .top-box input{
		width: 100%;

	}
	.tabs-product .tabs .tabs-stage .item-tab .comment .comment-box form .top-box input:first-child{
		margin: 0 0 10px 0;

	}

	.contact .contact-form .holder{
		margin-bottom: 20px;

	}
	.contact .contact-form iframe {
	    height: 300px;

	}
	



}



@media (max-width: 768px){

	.new-products .holder-products .products .holder-item{
		display: inline-grid;

	}
	.new-products .holder-item .product-pic .holder-pic img{
		max-width: 100%;
	}
	.amazing-offer .amazing-right .product-item .product-info .info{
		display: inline-grid;
		
	}
	.amazing-offer .amazing-right .product-item{
		display: inline-grid;
		padding: 30px;
	}
	.amazing-offer .amazing-right .info-pic{
		margin: 0;

	}
	.amazing-offer .amazing-right .product-item .pic-box img{
		margin: 0 auto;

	}
	.amazing-offer .amazing-right .product-item .item-left {
	    display: inline-flex;

	}
	.amazing-offer .amazing-right .product-item .item-left .timer,
	.amazing-offer .amazing-right .product-item .item-left .pric{
		width: 50%;

	}
	.amazing-offer .amazing-right .product-item .item-left .timer{
		text-align: right;
    	margin: 0 !important;

	}
	.amazing-offer .amazing-right .product-item .product-info .info-section {
	    width: 100%;
	    margin-bottom: 30px;

	}
	.amazing-offer .amazing-right .info-pic .actions{
		top: 0;

	}
	.banner-ads .holder-ads .ads {
	    margin-bottom: 10px;
	}
	.blog-page .blog .blog-detail .comment-form form .top-box input{
		width: 100%;
		margin-bottom: 10px;
		
	}
	.shop-cart .cart .products-cart .product-box table tr td{
		min-width: 180px;

	}
	.shop-cart .cart .products-cart .product-box table {
	    width: 100%;
	    display: block;
	    overflow: auto;
	    height: calc(90vh - 50px);

	}
	.pyment .pyment-box .payment-method .item {
	    margin-bottom: 20px;

	}
	.compare .content .products .item .rate{
		display: none;

	}
	.compare .content .products .item .price{
		font-size: 12px;

	}
	.dashboard-profile .profile .right-box {
	    margin-bottom: 20px;

	}
	.dashboard-profile .profile .profile-content .info .personal{
		margin-bottom: 20px;

	}
	.shop-product .shop .shop-content .tabs .tabs-nav{
		display: block;

	}
	.shop-product .shop .shop-content .tabs .tabs-nav .title{
		display: flex;
    	margin-bottom: 15px;
    	
	}
	.shop-product .shop .shop-content .tabs .tabs-nav .nav-item{
		margin-bottom: 10px;
		
	}
	.single-product .product .info-product .delivery{
		display: inline-flex;

	}
	.tabs-product .tabs .tabs-stage .item-tab .rating .ratings-list .ratings-box .rating-item .rating-bottom .rating-general{
		width: 250px;

	}



}



@media (max-width: 576px) {

	.footer .footer-middle .links {
	    margin-bottom: 30px;

	}
	.category .category-holder .category-item .item-holder .item-text{
		font-size: 12px;

	}
	.new-products .holder-item .product-info .product-bottom .rate{
		position: relative;
		display: block;
		margin-bottom: 5px;

	}
	.owl-carousel.nav-arrow .owl-nav{
		display: none;

	}
	.slider .owl-carousel .owl-dots{
		display: none;

	}
	.amazing-offer .amazing-right .product-item .product-info{
		text-align: center;

	}
	.amazing-offer .amazing-right .product-item .item-left{
		display: inline-grid;

	}
	.amazing-offer .amazing-right .product-item .item-left .timer,
	.amazing-offer .amazing-right .product-item .item-left .pric{
		width: 100%;
		text-align: center;

	}
	.amazing-offer .amazing-right .product-item .item-left .pric{
		margin-top: 20px;

	}
	.blog-page .blog .blog-content .item .pic img{
		width: 100%;

	}
	.pyment .pyment-box .order-summary .summary-box .item .label{
		float: none;
		margin-bottom: 5px;

	}
	.login .content{
		width: 100%;
		padding: 20px;

	}
	.login .content form .number input{
		margin-bottom: 5px;

	}
	.dashboard-profile .profile .profile-content .info .favorite .favorite-box .item{
		display: grid;

	}
	.tabs-product .tabs .tabs-nav{
		display: inline-flex;
    	white-space: nowrap;
    	overflow: hidden;
    	width: 100%;

	}
	.tabs-product .tabs .tabs-nav .nav-item{
		margin-left: 10px;

	}
	.tabs-product .tabs .tabs-nav .nav-item a{
		background: none;

	}
	.tabs-product .tabs .tabs-nav .nav-item.tab-active a{
		background: none;
		box-shadow: none;

	}
	.tabs-product .tabs .tabs-stage .item-tab .specification .specification-item{
		display: grid;
		margin: 0;

	}
	.tabs-product .tabs .tabs-stage .item-tab .specification .specification-item .specification-label,
	.tabs-product .tabs .tabs-stage .item-tab .specification .specification-item .specification-value{
		width: 100%;
		margin-bottom: 5px; 

	}

	.tabs-product .tabs .tabs-stage .item-tab .rating .ratings-list .ratings-box .rating-item .rating-bottom .rating-general{
		width: 200px;

	}

	.amazing-offer .amazing-right .product-item .item-left .timer .time-count ul {
	    display: inline-block;

	}
	.amazing-offer .amazing-right .product-item .product-info .title .text{
		display: -webkit-box;
    	-webkit-line-clamp: 2;
    	-webkit-box-orient: vertical;
    	overflow: hidden;

	}

	.contact .contact-form .holder {
	    padding: 20px;
	}
	.compare .content .products .item{
		padding: 10px;

	}
	.compare .content .products .item .button .add-to-cart{
		display: -webkit-box;
    	-webkit-line-clamp: 1;
    	-webkit-box-orient: vertical;
    	overflow: hidden;
	}



}



@media (max-width: 360px){

	.middle-menu .header-left .h-account .ha-title {
	    display: none;

	}
	.middle-menu .header-left .h-account .btn-account{
		padding: 6px;

	}
	.middle-menu .header-left .h-account .ha-img{
		margin: 0;
	}
	.main-menu .number-tel p i{
		display: none;

	}
	.footer .footer-content .namad .namad-box .namad-item{
		margin-bottom: 10px;
	}
	.shop-cart .cart .checkout-steps .steps .item{
		font-size: 12px;

	}
	.shop-cart .cart-empty .menu .item{
		display: block;
		margin-bottom: 5px;
		border-left: 0;

	}
	.login .content form{
		text-align: center;

	}
	.login .content form .forget .remember,
	.login .content form .forget a{
		float: none;
		margin-bottom: 5px;

	}
	.login .content form .forget .remember{
		display: flex;
		
	}
	.single-product .product .info-product .info-middle li{
		display: block;

	}
	.single-product .product .info-product .info-middle li:before{
		display: none;

	}



}

.display-grid {display:grid;
    grid-template-rows: fit-content fit-content;
    grid-template-columns: 1fr 1fr 1fr;
    ;}

.tabs-stage ol,.tabs-stage ul,.tabs-stage dl,.tabs-stage li{
	margin: 0;
	padding: 0;
	display: revert;
	
}
