/* =====================================
  
Version:1.0
========================================*/
/*======================================
[ CSS Table of contents ]
01. Preloader CSS
02. Header CSS
	+ Logo
	+ Category Menu
	+ Main Menu
03. Hero Area CSS
04. Small Banner CSS
05. Medium Banner CSS
06. Single Product CSS
07. Shop Sidebar CSS
08. Shop Single CSS
09. Shop Home List CSS
10. Cart CSS
11. Checkout CSS
12. Login & Register CSS
13. Cowndown CSS
14. Shop Services CSS
15. Newslatter CSS
16. About Us CSS
17. Team CSS
18. Blog CSS	
	+ Blog Archive
	+ Blog Sidebar
	+ Blog Single
19. Contact CSS
20. 404 Error CSS
21. Footer CSS
========================================*/

html{ scroll-behavior: smooth; }
html, body { height:100%; }
.slide-plate, .pro-plate, .note-plate {
	position: fixed;
	display: block;
	z-index: 99;
	padding: 20px;
	min-width:545px; max-width:60%; height:70%; 
	background: #fff;
	right: -545px;
	text-align: left;
	bottom:0;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	-webkit-box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
	box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
} 
::-webkit-input-placeholder { /* Edge */
  color: #adaaaa!important; opacity:1!important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #adaaaa!important; opacity:1!important;
}

::placeholder {
  color: #adaaaa!important; opacity:1!important;
}
input:focus, textarea:focus {
    border: 1px solid #000!important; outline:none!important;
}
button:focus{outline:none;}
.slide-inn{max-width:500px; margin-top:1px; min-width:100%; height:calc(100% - 50px); overflow-y:auto; overflow-x: hidden;}
.slide-plate.active, .pro-plate.active, .note-plate.active{
	right:0; z-index: 9999;
}
.slide-plate .slide-plate-icon, .pro-plate .slide-plate-icon, .note-plate .slide-plate-icon  {
	position: absolute; 
	left: -38px;
	width: 48px;
	height: 45px;
	line-height:50px;
	font-size: 21px;
	border-radius: 100%;
	background: var(--mycolor);
	text-align: center;
	color: #fff;
	top:inherit;
	cursor: pointer;
	box-shadow: -4px 0px 5px #00000036;
}
.slide-close{position:absolute; right:0; top:0; padding:10px; cursor:pointer;}
.pro-plate .slide-plate-icon{top:140px!important;}
.note-plate .slide-plate-icon{top:200px!important;}
.slide-plate .slide-plate-icon{
  transition: transform .7s ease-in-out;
}
.slide-plate.active .slide-plate-icon{
  transform: rotate(180deg);
}

/*.slide-plate.active .slide-plate-icon, .pro-plate.active .slide-plate-icon{opacity:0;}*/
.pro-plate .list-small .product-img{width:70px!important}
.plate-head{height:40px;}

.color-plate {
	position: fixed;
	display: block;
	z-index: 9;
	padding: 20px;
	width: 245px;
	background: #fff;
	right: -245px;
	text-align: left;
	top: 30%;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	-webkit-box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
	box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
}
.color-plate.active{
	right:0;
}
.color-plate .color-plate-icon {
	position: absolute;
	left: -48px;
	width: 48px;
	height: 45px;
	line-height: 45px;
	font-size: 21px;
	border-radius: 5px 0 0 5px;
	background: #fff;
	text-align: center;
	color: #333;
	top: 0;
	cursor: pointer;
	box-shadow: -4px 0px 5px #00000036;
}
.color-plate h4 {
	display: block;
	font-size: 15px;
	margin-bottom: 5px;
	font-weight: 500;
}
.color-plate p {
	font-size: 13px;
	margin-bottom: 15px;
	line-height: 20px;
}
.color-plate span {
	width: 42px;
	height: 35px;
	border-radius: 0;
	cursor: pointer;
	display: inline-block;
	margin-right: 3px;
}
.color-plate span:hover{
	cursor:pointer;
}
.color-plate span.color1{
	background:#F7941D;
}
.color-plate span.color2{
	background:#0088CC;
}
.color-plate span.color3{
	background:#32B87D;
}
.color-plate span.color4{
	background:#FE754A;
}
.color-plate span.color5{
	background:#F82F56;
}
.color-plate span.color6{
	background:#00cec9;
}
.color-plate span.color7{
	background:#6c5ce7;
}
.color-plate span.color8{
	background:#85BA46;
}
.color-plate span.color9{
	background:#fd79a8;
}
.color-plate span.color10{
	background:#a29bfe;
}
.color-plate span.color11{
	background:#badc58;
}
.color-plate span.color12{
	background:#FF1D38;
}
/* Preloader */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999999;
  width: 100%;
  height: 100%;
  background-color: #fff;
  overflow: hidden;
}
.preloader-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.preloader-icon {
  width: 100px;
  height: 100px;
  display: inline-block;
  padding: 0px;
}
.preloader-icon span {
  position: absolute;
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background:#F7941D;
  -webkit-animation: preloader-fx 1.6s linear infinite;
  animation: preloader-fx 1.6s linear infinite;
}
.preloader-icon span:last-child {
  animation-delay: -0.8s;
  -webkit-animation-delay: -0.8s;
}
@keyframes preloader-fx {
  0% {transform: scale(0, 0); opacity:0.5;}
  100% {transform: scale(1, 1); opacity:0;}
}
@-webkit-keyframes preloader-fx {
  0% {-webkit-transform: scale(0, 0); opacity:0.5;}
  100% {-webkit-transform: scale(1, 1); opacity:0;}
}
/* End Preloader */

.btn {
	position: relative;
	font-weight: 500;
	/*font-size:14px;
	color: #fff;
	background: #333; */
	display: inline-block;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	z-index: 5;
	display: inline-block;
	/*padding: 13px 32px;*/
	border-radius: 6px;
	text-transform:uppercase;
}

.btn:hover{ color:#fff; background:var(--mycolor); }
.btn-sm{font-size: 12px; letter-spacing: 0.03rem;}
.btn-white, .btn-white3{background: #fff; border: solid 1px #e8e8e8; color: #424646; border-radius:6px;}
.btn-white3:hover{background:#333!important;}
.btn-white.active{ background:var(--mycolor);/* border: solid 1px #e8e8e8; */color: #fff;}
.form-control{border-radius:6px; /*font-size:15px;*/}
#scrollUp {
	right: 0px; 
	z-index: 33;
	bottom: 50%;
	text-align: center;
}
#scrollUp i{
	height: 40px;
    width: 40px;
    line-height: 40px;
	background:transparent;
    background:#222;
    border-radius: 0;
	font-size: 18px;
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
	display:block;
	color: #fff;
	box-shadow: 0px 4px 19px #00000038;
}
#scrollUp i:hover{
	background:#F7941D;
	color:#fff;
}
/*======================================
	01. Header CSS
========================================*/
/* Topbar */
.topbar {
	background-color: #fff;
	border-bottom: 1px solid #e2e2e2;
	padding: 15px 0;
}
/* Logo */
.header .logo {
	float: left;
	margin-top: 35px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.header .navbar {
	padding: 0;
}
/* Main Menu */
.navbar-expand-lg .navbar-collapse{
	display:block !important;
}
.header.v3 .navbar-expand-lg .navbar-collapse{
	display:block !important;
	background:#333;
}
.header .nav li a i { 
	font-size: 10px; margin-left:10px;
} .header .nav li a .ti-home{font-size:20px;}
/* Dropdown Menu */
.header .nav li .dropdown {
	background: #fff;
	width: 220px;
	position: absolute;
	top: 100%;
	z-index: 999;
	-webkit-box-shadow: 0px 3px 5px #3333334d;
	-moz-box-shadow: 0px 3px 5px #3333334d;
	box-shadow: 0px 3px 5px #3333334d;
	transform-origin: 0 0 0;
	transform: scaleY(0.2);
	-webkit-transition: all 0.1s ease 0s;
	-moz-transition: all 0.1s ease 0s;
	transition: all 0.1s ease 0s;
	opacity: 0;
	display: none;
	padding: 10px;
	left: auto;
	margin: 0; max-height:350px; overflow:auto;   overflow-x: hidden;
}
.header .ver_menu li:hover .dropdown{
	opacity:1;
	display:block;
	transform:translateY(0px);
}
.header .nav li.show .dropdown{
	opacity:1;
	display:block;
	transform:translateY(0px);
}
.header .nav li .dropdown li{
	float:none;
	margin:0;
}
.header .nav li .dropdown li a {
	padding: 8px 15px;
	color: #666;
	display: block;
	font-weight: 400;
	text-transform: capitalize;
	background: transparent;
}
.header .nav li .dropdown li a:before{
	display:none;
}
.header .nav li .dropdown li:last-child a{
	border-bottom:0px;
}
 
.header .nav li .dropdown li a:hover{
	border-color:transparent;
}
.header .nav li .dropdown li i {
	float: right;
	margin-top: 8px;
	font-size:10px;
	z-index:5;
}
.header .nav li .dropdown.sub-dropdown {
	background: #fff;
    width: 220px;
    position: absolute;
    left: 186px;
    top: 0;
    z-index: 999;
   -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 5px #3333334d;
    transform-origin: 0 0 0;
    transform: scaleY(0.2);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
    padding: 10px;
}
.header .nav li .dropdown li:hover .dropdown.sub-dropdown{
	opacity:1;
	visibility:visible;
	transform:translateY(0px);
}
.header .nav li .dropdown.sub-dropdown li a{
	padding: 8px 15px;
	color: #666;
	display: block;
	font-weight: 400;
	text-transform: capitalize;
	background: transparent;
}
.header .nav li .dropdown li:hover .dropdown.sub-dropdown li a{
	background:transparent;
}
.header .nav li .dropdown li .dropdown.sub-dropdown li a:hover{
	color:#fff;
	background:#F7941D;
}
.header .nav li .dropdown.sub-dropdown li:last-child a{
	border-bottom:0px solid;
}
.mobile-search{
	display:none;
}
.header.shop .topbar {
	border: none;
	padding: 12px 0px;
}
.header.shop .nav-inner {
	margin-right: 188px;
}
.header.shop .logo {
	float: left;
	margin-top: 0;
}
.header.shop .top-contact {
	margin-top:0px;
}
.header.shop .topbar p {
	color: #ccc;
}
.header.shop .topbar .login a {
	color: #F7941D;
}
/* Topbar Left Nav */
.header.shop .left-nav{
	
}
.header.shop .top-left .list-main li:first-child{

	padding-left:0;
}
.header.shop .top-left .list-main li i{
	display: inline-block;
	margin-right: 4px;
	font-size: 15px;
	color: #F7941D;
	position: relative;
	top: 3px;
}
.header.shop .right-content{
	float:right;
}
.header.shop .list-main{display:flex; align-items:center; flex-wrap:wrap;}
.header.shop .list-main li {
	display: inline-block;
	color: #333;
	font-size: 13px;
	font-weight: 500;
	/*border-right: 1px solid #f0f0f0;*/
	padding: 0px 13px;
}
.header.shop .list-main li i {
	display: inline-block;
	margin-right: 4px;
	font-size: 15px;
	color: #F7941D;
	position: relative;
	top: 1px;
}
.header.shop .list-main li:last-child{
	padding-right:0;
	border:none;
}
.header.shop .list-main li a{
	color:#333; white-space: nowrap; display:flex; align-items:center;
  overflow: hidden;
  text-overflow: ellipsis; max-width:290px;
}
.header.shop .list-main li a span {
    line-height: 1;
}
.header.shop .list-main li a:hover{
	color:#F7941D;
}
.header.shop .list-main li:hover .svg_ico{stroke:var(--mycolor)!important;}
.header.shop .nav li {
	margin-right: 40px;
	float: left;
	position: relative;
}
.header.shop .nav li {
	margin-right: 38px;
	position: relative;
}
 
.header.shop .nav li .new {
	background: #F7941D;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	padding: 0px 9px;
	position: absolute;
	left: 0;
	top: 6px;
	font-weight: 500;
}
.header.shop .nav li .new::before {
	position: absolute;
	content: "";
	left: 4px;
	bottom: -8px;
	border: 4px solid #F7941D;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
}
/* Shopping Cart */
.header .shopping {
	display: inline-block;
	z-index: 99;
}
.header .shopping .icon {
	position: relative;
	cursor:pointer;
	color:#222;
}
.header .shopping .shopping-item {
	position: absolute;
	top: 40px;
	left: 0;
	width: 350px; 
	background: #fff;
	padding: 20px 25px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	opacity:0;
	visibility:hidden;
	z-index:99;
}
.header .shopping:hover .shopping-item{
	transform: translateY(0px);
	opacity:1;
	visibility:visible;
}
.header .shopping .dropdown-cart-header{
	padding-bottom: 10px;
    margin-bottom: 15px;
	border-bottom:1px solid #e6e6e6;
}
.header .shopping .dropdown-cart-header span {
	text-transform: uppercase;
	color: #222;
	font-size: 13px;
	font-weight: 600;
}
.header .shopping .dropdown-cart-header a {
	float: right;
	text-transform: uppercase;
	color: #222;
	font-size: 13px;
	font-weight: 600;
}
.header .shopping .dropdown-cart-header a:hover{
	color:#F7941D;
}
.cartli .shopping-list li { background: #fff;
	overflow: hidden;
	border-bottom: 1px solid #e6e6e6;
	padding:10px 6px; 
	position:relative;   background: #fff;
}

.cartli .shopping-list li .remove { line-height: 18px; text-align: center; } 
.cartli .shopping-list li .remove i{ font-size:16px; color:#171717; }
.cartli .shopping-list li .remove:hover i{ color:var(--danger) !important; }
 
.header .shopping-list .cart-img:hover img{
	transform:scale(1.09);
}
 
.header .shopping-list h4 {
	font-size: 14px;
}
.header .shopping-list h4 a {
	font-weight: 600;
	font-size: 13px;
	color: #333;
}
.header .shopping-list h4 a:hover{
	color:#F7941D;
}
.header .shopping-item .bottom {
	text-align: center;
}
.header .shopping-item .total {
	overflow:hidden;
	display: block;
    padding-bottom: 10px;
}
.header .shopping-item .total span {
	text-transform:uppercase;
	color:#222;
	font-size:13px;
	font-weight:600;
	float:left;
}
.header .shopping-item .total .total-amount {
	float:right;
	font-size:14px;
}
.header .shopping-item .bottom .btn {
	background: #222;
	padding: 10px 20px;
	display: block;
	color: #fff;
	margin-top: 10px;
	border-radius: 0px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
}
.header .shopping-item .bottom .btn:hover{
	background:#F7941D;
	color:#fff;
}

ul.panel.shopping-list {
    background: #fff;
    padding: 0;
    border-radius: 0;
    margin:0 0 10px 0;
} 
ul.panel.shopping-list .panel-heading{border-radius: 5px 5px 0 0;}
ul.panel.shopping-list:hover .panel-heading .ch5{ color: var(--mycolor)!important; }
ul.panel.shopping-list .clickable{ background: var(--mycolor); color:#fff; }
ul.panel.shopping-list li:last-child{border-radius:0 0 5px 5px;}
.shopping-list li h5{font-size:20px;
    font-weight:500;}
.header.shop{
	background:#fff;
}
.header.shop .nav-inner {
	margin: 0;
	float: left;
}
.header.shop .topbar {
	background-color: #fff;
	border: none;
}
.header.shop.v3 .topbar{
	padding:0;
}
.header.shop.v3 .topbar .inner-content{
	border-bottom:1px solid #eee;
	padding: 12px 0px;
}
.header.shop .right-nav li a {
	color: #333;
}
.header.shop .logo {
	float: left;
	margin: 0 0 0;
}
.header.shop .top-contact {
	margin-top:0px;
}
/* Header Middle */
.header.shop .search-bar-top {
	text-align: center; 
}
.header.shop .search-bar {
	margin-top: 33px;
	width: 460px;
	height: 40px;
	display: inline-block;
	background: #fff;
	position: relative;
}
.header.shop .search-bar {
	width: 100%;     max-width:100%;
	height:44px;
	display: inline-block;
	background: #fff;
	position: relative;
	margin: 0;
	line-height:35px;
	border-radius: 6px;
	border:1px solid #ececec;
}
.header.shop .search-bar:hover{border:1px solid var(--mycolor);}
input:focus{border:solid 1px #000;} 
.header.shop .nice-select {
	clear: initial;
	margin: 0;
	height: 48px;
	width: 150px;
	border: none;
	text-align: center;
	background: transparent;
	text-transform: capitalize;
	padding: 0 0 0 20px;
	border-right: 1px solid #eee;
	line-height: 50px;
	font-size: 14px;
	font-weight: 400;
}
.header.shop .nice-select::after {
	border-color: #666;
	right: 20px;
}
/*.header.shop .nice-select .list {
	border-radius:0px;
}*/
.shop .nice-select .list.drop-down-right{left:auto; right:0;}
.header.shop .nice-select .list li.focus{
	font-weight:400;
}
.header.shop .nice-select .list li {
	color: #666;
	border-radius: 0px;
	font-size: 14px;
	font-weight: 400;
}
.header.shop .nice-select .list li:hover{
	background:#F7941D;
	color:#fff;
}
.header.shop .search-bar form {
	display: inline-block;
	float: left;
	width: 100%;
}
.header.shop .search-bar #searchin {
	height: 42px;
	background: transparent;
	color: #666;
	border-radius: 0;
	border: none;
	font-size: 14px;
	font-weight: 400;
	padding:0 20px 0;
	width: calc(100% - 20px);
}
.header.shop .search-bar #searchin:focus {
    border: none!important;
}
.header.shop .search-bar input:focus-visible{outline:0;}
.header.shop .search-bar .btnn {
	height:40px;
	line-height:42px;
	width: 42px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: #fff;
	position: absolute;
	right: 0;
	top: 0px;
	border: none; 
	border-radius: 0 30px 30px 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
} .header.shop .search-bar .btnn i{color:#999;}
.header.shop .search-bar .btnn:hover{
	color:#fff;
	background:#F7941D;
}
/* Search Form */
/*.header.shop .search-top {
	opacity: 1;
	visibility: visible;
	top: 0;
	background: transparent;
	border: none;
	box-shadow: none;
	padding: 0;
	top: 0;
}*/
.header.shop .middle-inner {
	padding: 10px 0;
	background: #fff;
	/*border-top: 1px solid #eee;*/
}
.header.shop.v3 .middle-inner {
	border:none;
}
.header.shop .header-inner {
	background: var(--mycolor); /*border-top: solid 1px #f7f7f7;*/   position:relative; 
}

.header.shop.v3 .header-inner {
	background: transparent;
}
.header.shop.v2 .header-inner {
	background: #fff;
	border-top:1px solid #eee;
}
.header.shop .topbar p {
	color: #333;
}
.header.shop .all-category {
	color: #fff;
	background: transparent;
	position: relative;
	background: #f7941d;
}
.header.shop .all-category h3{
	padding:8px 15px;     align-items: center; height:100%;
}
.header.shop .cat-heading {
    color: #fff;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 15px;
    font-weight: 600;
    display: block;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.header.shop .cat-heading i {
	color: #fff;
	display: inline-block;
	margin-right: 15px;
	font-size: 22px;
}
.sticky.header.shop .cat-heading i{margin-right:0;}
.allcat:hover i{color:#fff!important;}
.showcat .main-category{opacity: 1!important; visibility: visible!important;}
.homenu .main-mega{height:37px;}
.header.shop .main-category {opacity: 0;
    visibility: hidden;
	position: absolute;
	left: 0;
	top: 44px;
	background: #fff;
	z-index: 1;
	width: 100%;
	 -webkit-box-shadow: 0px 5px 15px #0000000a;
	-moz-box-shadow: 0px 5px 15px #0000000a;
	box-shadow: 0px 5px 15px #0000000a; 
}
.header.shop .main-category li{
	display:block;
	border-bottom:1px solid #f6f6f6;
	position:relative;  height: calc(100%/10);
}
.header.shop .main-category li:last-child{
	border:none;
}
.header.shop .main-category li a {
	font-size: 13px;
	font-weight: 600;
	color: #333;
	padding:5px 15px 5px 10px;
	display: block; line-height:23px;
	text-transform: uppercase;
}
.showcat .header.shop .main-category li a{line-height:18px;}
.showcat .main-category li a{padding:5px 15px 5px 0!important;}
.showcat .sub-category li a{padding:8px 15px!important;}
.header.shop .main-category li a img{width:25px; height:25px; padding:2px; border:solid 1px #EEE;}
.header.shop .main-category li a i{
	display:inline-block;
	float:right;
}
.menu-area .main-category{min-width: 260px!important;}
.header.shop .sub-category {
	background: #fff;
	width: 220px;
	position: absolute;
	left: 100%; margin:0;
	top: 0;
	z-index: 999999;
	opacity: 0;
	visibility: hidden; 
	border: 1px solid #F7941D; border-left-width:3px;
	-webkit-box-shadow: 0px 5px 15px #0000000a;
	-moz-box-shadow: 0px 5px 15px #0000000a;
	box-shadow: 0px 5px 15px #0000000a;
}
.header.shop .main-category li:hover .sub-category{
	opacity:1;
	visibility:visible;
}
.header.shop .main-category li a{
	text-transform:capitalize;
	font-weight:400;
}
.header.shop .main-category li a:hover{
	color:#F7941D;
}
.header.shop .main-category .main-mega{
	position:initial;
}
.header.shop .main-category li .mega-menu {
	width: 850px; min-height: 400px;
	display: flex;
    flex-wrap: wrap;
	height: auto;
	position: absolute;
	left: 100%; margin: 0;
	top:0;
	z-index: 99999;
	background: #fff;
	border: none;
	padding: 30px;
	border: 1px solid #F7941D; border-left-width:3px;
	opacity:0;
	visibility:hidden; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	-webkit-box-shadow: 0px 3px 5px #3333334d;
    -moz-box-shadow: 0px 3px 5px #3333334d;
    box-shadow: 0px 3px 5px #3333334d; 
}
.header.shop .main-category li:hover .mega-menu{
	opacity:1;
	visibility:visible;    position: absolute;
    top: 0;
}
.header.shop .main-category li .mega-menu .single-menu {
	width: 33%;
	display: inline-block;
	border: none;
	padding: 0;
	padding-right: 20px;
}
.header.shop .main-category li .mega-menu .single-menu a{
	padding:0;
}
.header.shop .main-category li .mega-menu .single-menu .image{
	overflow:hidden;
}
.header.shop .main-category li .mega-menu .single-menu img{
	display:block;
	height:100%;
	width:100%;
	cursor:pointer;
}
.header.shop .main-category li .mega-menu .single-menu .image:hover img{
	transform:scale(1.1);
}
.header.shop .main-category li .mega-menu .single-menu .title-link {
	margin-bottom: 0;
	background: #F7941D;
	color: #fff;
	padding: 2px 13px!important;
	border-radius: 3px;
	display: inline-block;
	font-size: 14px;
}
.header.shop .main-category li .mega-menu .single-menu .title-link:hover{
	background:#333;
	color:#fff;
}
.header.shop .main-category li .mega-menu .single-menu .inner-link{
	margin-top:0;
}
.header.shop .main-category li .mega-menu .single-menu .inner-link a{
	margin-bottom:0;
}
.header.shop .main-category li .mega-menu .single-menu .inner-link a:hover{
	color:#F7941D;
	background:transparent;
}
.header.shop .main-category li .mega-menu .single-menu .inner-link a:last-child{
	margin-bottom:0px;
}
.header.shop .menu-origin {
	float:none;
	display: inline-block;
	float: right;
}
.header.shop .nav li {
	margin-right: 40px;
	float: left;
	position: relative;
}
.header.shop .nav li {
	margin-right:0;
	position: relative;
	float: none;
}
.header.shop .nav li:last-child{
	margin-right:0;
}
.header.shop .nav li .new {
	background: #F7941D;
	color: #fff;
	text-transform: uppercase;
	font-size: 9px;
	position: absolute;
	left: 21px;
	top: -6px;
	font-weight: 500;
	height: 18px;
	line-height: 18px;
	text-align: center;
	display: block;
}
.header.shop.v2 .nav li a{
	color:#333;
}
.header.shop .nav li a { 
	text-transform: capitalize;
	font-size: 16px; 
	line-height: 24px; 
	font-weight: 600;
	display: block;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	display: flex;
  align-items: center; height:100%;
}
.ver_menu li a{color:#fff; 	padding:15px 15px!important;}
.col-megamenu > a{background:none!important; color:#333!important;}
 
/*.header.shop .nav li .dropdown li a:hover, .header.shop .nav li a:hover{background:var(--mycolor)!important; color:#fff!important;}*/
 
 .header.shop .nav > li:hover > a {
    background: #fff!important;
    color: var(--mycolor)!important;
}

.header.shop.v2 .nav li:hover a{
	color:#F7941D;
	background:transparent;
}
.header.shop .nav li.active a{
	color:#fff;
	background:#F7941D;
}
.header.shop.v2 .nav li.active a{
	color:#333 !important;
	background:transparent !important;
}
.header.shop.v2 .nav li.active a{
	color:#F7941D !important;
}
.header.shop .nav .dropdown li{
	margin:0;
}
 
.header.shop.v2 .nav li.active .dropdown li a{
	color:#333 !important;
}
.header.shop.v2 .nav li.active .dropdown li a:hover{
	color:#fff !important;
	background:#F7941D !important;
}
.header.shop.v2 .nav li.active .dropdown li a:hover{
	color:#fff !important;
}
.header.shop.v2 .nav li .dropdown li:hover a{
	color:#F7941D;
}
.header.shop .nav li .dropdown li a {
	color: #333;
	padding: 8px 15px;
	font-weight: 400;
	background:#fff;
}
.header.shop.v2 .nav li .dropdown li a {
	color: #333;
	background:#fff;
}
.header.shop .nav li .dropdown li a {
	font-weight: 400;
	font-size: 14px;
}
.header.shop .nav li .dropdown li a:hover{
	color:#fff;
}
.header.shop.v2 .nav li .dropdown li a:hover{
	color:#fff !important;
	background:#F7941D;
}
.header.shop .nav li .dropdown li .dropdown.sub-dropdown li a:hover{
	background:#F7941D;
}
.header.shop .right-bar {
	    display: flex; align-items: center;
	padding: 0;
	margin: 0;
	top: 0;
	float: right;
	position: relative; height:100%;
}
.header.shop .right-bar .sinlge-bar.top-search a {
	transform: translateY(3px);
}
.header.shop .right-bar .sinlge-bar.top-search a:hover {
	color:#F7941D;
}
.header.shop .right-bar .sinlge-bar .single-icon{
	color:#fff;
	font-size:15px;  
	position:relative;  height:100%;
}
.header.shop .right-bar .sinlge-bar .single-icon:hover{
	color:#fff; background:var(--mycolor);
}
.header.shop .right-bar .sinlge-bar .single-icon .total-count {
	  /* position: absolute; bottom: -2px; left: 11px; top:17px; width: 22px; height: 22px; line-height: 22px; border-radius: 100%; */    
    display: block; min-width:15px; margin:0px 5px; font-size: 14px; color: #fff; text-align: center; /*background: var(--mycolor)!important;*/  
}
.header.shop .right-bar .sinlge-bar{
	display:inline-block; 
}
.header.shop .right-bar .sinlge-bar:last-child{
	margin-right:0px; height:100%;
}
.header.shop .right-bar .sinlge-bar li a:hover{
	color:#F7941D;
}
.mobile-search{
	display:none;
}
/* Header Search */
/* Search */
.header .middle-inner .search-top{
	display:none;
}
.header .search-top a{  
	font-size:17px; padding:5px; margin-right:5px;
}
.header .search-top a:hover{
	color:#fff!important;
}
.header.sticky .search-top a{color:#fff;}
.header .search-form {     width: 100%;
	position: absolute;
	left:0;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	top: 61px;
	background: #ffffff75;
	padding: 7px;
	border-radius: 5px;
	transform: scaleY(0);
	box-shadow: 0px 4px 7px #0000003b;
	padding: 0;
	border-radius: 0;
}
.header .search-top.active .search-form {
	opacity:1;
	visibility:visible;
	transform: scaleY(1); background:#fff; 
}
.header .search-form input {
	width: 100%;
	height: 45px;
	line-height: 45px;
	padding: 0 10px 0 15px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 3px; 
	background: #fff;
	color: #333;
	border-radius: 0; outline:none;
}
.sclose{line-height: 35px;} .sclose2{line-height:50px!important;}
.header .search-form button {
	 
	height: 45px; 
	width: 45px;
	background:var(--mycolor);
	border: none;
	color: #fff;
	border-radius: 0 3px 3px 0;
	border-radius: 0; 
	font-size: 15px; 
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.header .search-form button:hover{
	color:#fff;
	background:#F7941D;
	border-color:transparent;
}

.header .mob-search .search-form button, .header .mob-search .search-form button:focus{ color:var(--mycolor); background:#fff; }
.header .mob-search .search-form .search-icon{ border: 1px solid #e6e2f5; border-left:0px; }
.header .mob-search .search-form .search-icon .svg_black{ stroke:var(--mycolor); }
.header .mob-search .search-form .search-icon:hover .svg_black{ stroke-width:1.5px; }

/* Header Sticky */
.header .header-inner{ width:100%; z-index:9; }
.all-category{cursor:pointer; background: transparent!important;}
.header.sticky .all-category h3{ cursor:pointer; }
.header.sticky .all-category .main-category{ opacity:0; visibility:hidden; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; }
.all-category:hover .main-category, .header.sticky .all-category:hover .main-category{ opacity:1; visibility:visible; }
.header.sticky .header-inner .nav li a { color: #fff; }
.header.sticky.v3 .header-inner .nav li a { color: #fff; }
.header.sticky .header-inner .nav li:hover a{ color:#fff; }
.header.sticky.v2 .header-inner .nav li:hover a{ color:#F7941D; }
.header.sticky .header-inner .nav li .dropdown li a{ color:#333; }
.header.sticky.v2 .header-inner .nav li .dropdown li a{ color:#333; }
.header.sticky .header-inner .nav li .dropdown li a:hover{ color:#fff; }
.header.sticky .header-inner .nav li.active a { color: #fff; }
.header.sticky .header-inner{ position:fixed; top:0; left:0; background:var(--mycolor); animation: fadeInDown 1s both 0.2s; z-index:99; -webkit-box-shadow:0px 0px 10px rgb(0 0 0 / 5%); -moz-box-shadow:0px 0px 10px rgb(0 0 0 / 5%); box-shadow:0px 0px 10px rgb(0 0 0 / 5%); }
.header.sticky.v3 .header-inner{ box-shadow:none; }
.header.sticky.v3 .navbar-expand-lg .navbar-collapse{ animation: fadeInDown 1s both 0.2s; -webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3); box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3); }
.header.sticky .search-top{display:block;}
.header.sticky .search-form{top:55px;}
.header.sticky .search-form input{ height:48px; font-size:16px; border:1px solid #e6e2f5; }
.header.sticky .search-form button{ height:48px; font-size:16px; background:#fff; color: var(--mycolor); }
.s_close { position: absolute; background: var(--mycolor); padding: 5px; color: #fff; border-radius: 50px; width: 25px; height: 25px; font-size: 9px; border: none; right: -7px; top: -7px; }

/*======================================
	End Header CSS
========================================*/

/*======================================
   Hero Area CSS
========================================*/ 
.hero-slider {
	background: #fff;
	overflow: hidden;
}
section div.single-slider{background: #fff; }
.single-slider{padding:15px 0 30px 0;}
.hero-slider .single-slider {
	height: auto;
	background-image: url('https://via.placeholder.com/1900x700');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
    height: auto; 
}
.hero-slider .text-inner {
	
}
.hero-slider .hero-text {
	padding: 0 30px;
	margin-top:100px;
}
.hero-slider .hero-text h1 {
	line-height: 50px;
	font-size: 47px;
	font-weight: 700;
	color: #F7941D;
	margin-bottom: 20px;
}
.hero-slider .hero-text h1 span {
	font-size: 20px;
	display: block;
	margin-bottom: 12px;
	color: #333;
	font-weight: 700;
	line-height: initial;
}
.hero-slider .hero-text p {
	color: #333;
	margin-bottom: 35px;
}
.hero-slider .hero-text .button{
	margin:0;
}
.hero-slider .hero-text .btn {
	color: #fff;
	background: #333;
	padding: 13px 30px;
	line-height: initial;
	border: none;
	height: auto;
	z-index: 0;
}
.hero-slider .hero-text .btn:hover{
	background:#F7941D;
	color:#fff;
}
/* Start Hero Area 2 CSS */
.hero-area2{
	position:relative;
}
.hero-area2 .single-slider.overlay:before{
	background:#F7941D;
	opacity:0;
	visibility:hidden;
	transform:scale(0.9);
}
.hero-area2 .single-slider.overlay:hover:before{
	opacity:0.9;
	visibility:visible;
	transform:scale(1);
}
.hero-area2 .single-slider{
	height:500px;
	position:relative;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
.hero-area2 .single-slider .content{
	position:relative;
}
.hero-area2 .single-slider .content {
	width: 100%;
	padding: 15px;
	z-index: 2;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	text-align: center;
	padding-top: 120px;
	opacity:0;
	visibility:hidden;
	transform:scale(1.1);
}
.hero-area2 .single-slider:hover .content{
	opacity:1;
	visibility:visible;
	transform:scale(1);
}
.hero-area2 .single-slider .content .sub-title{
	color:#fff;
	text-transform: uppercase;
	font-size:15px;
	font-weight:500;
}
.hero-area2 .single-slider .content .title {
	color: #fff;
	text-transform: uppercase;
	font-size: 24px;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
.hero-area2 .single-slider .content .des{
	color:#fff;
}
.hero-area2 .single-slider .content .button{}
.hero-area2 .single-slider .content .button .btn {
	padding: 9px 25px;
	border: 2px solid #fff;
	background: transparent;
	color: #fff;
	margin-top: 25px;
}
.hero-area2 .single-slider .content .button .btn:hover{
	background:#fff;
	color:#333;
	border-color:transparent;
}
/* Owl Nav CSS */
.hero-area2 .owl-carousel .owl-nav {
	margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
	margin-top:-30px;
}
.hero-area2 .owl-carousel .owl-nav div {
	height: 60px;
	width: 40px;
	line-height: 60px;
	text-align: center;
	background: #333;
	color: #fff;
	font-size: 14px;
	position: absolute;
	margin: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 0;
	border-radius: 0;
}
.hero-area2 .owl-carousel .owl-nav div:hover{
	background:#F7941D;
	color:#fff;
}
.hero-area2 .owl-carousel .owl-controls .owl-nav .owl-prev{
	left:0;
}
.hero-area2 .owl-carousel .owl-controls .owl-nav .owl-next{
	right:0;
}
/* Hero Area 3 */
.hero-area3{}
.hero-area3 .big-content{
	background-image: url('https://via.placeholder.com/850x530');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
    height: 511px;
	margin-top:30px;
	position:relative;
}
.hero-area3 .big-content .inner {
	position: absolute;
	right: 0;
	top: 50%;
	padding: 0 50px 0 360px;
	transform: translateY(-50%);
}
.hero-area3 .big-content .title {
	font-size: 28px;
	margin-bottom: 20px;
	font-weight: 700;
	text-transform: capitalize;
	line-height: 37px;
}
.hero-area3 .big-content .title span{
	color:#F7941D;
}
.hero-area3 .big-content .des{}
.hero-area3 .big-content .button{
	margin-top:40px;
	display:block;
}
.hero-area3 .big-content .button .btn{
	color:#fff;
}

.hero-area3 .small-content{
	height:240px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-top:30px;
	position:relative;
}
.hero-area3 .small-content.first{
	background-image: url('https://via.placeholder.com/450x300');
}
.hero-area3 .small-content.secound{
	background-image: url('https://via.placeholder.com/450x300');
}
.hero-area3 .small-content .inner {
	padding: 30px;
	text-align:right;
	position:absolute;
	right:0;
	bottom:0;
}
.hero-area3 .small-content .title {
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: 600;
	text-transform: capitalize;
}
.hero-area3 .small-content .title span{
	color:#F7941D;
}
.hero-area3 .small-content .des{}
.hero-area3 .small-content .button{
	margin-top:10px;
	display:block;
}
.hero-area3 .small-content .button .btn {
	background: transparent;
	padding: 0;
	color: #333;
	border-bottom: 2px solid #333;
	font-size: 13px;
}
.hero-area3 .small-content .button .btn:hover{
	color:#F7941D;
	border-color:#F7941D;
}
/* Hero Area 4 */ 
/*.main-banner{margin-bottom:16px;}*/
.hero-area4 .big-content{
	-moz-box-flex: auto;
    -webkit-box-flex: auto;
    -moz-flex: auto 0 0;
    -ms-flex: auto 0 0;
    -webkit-flex: auto 0 0;
    flex: auto 0 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
   /* height: 396px; */
	position:relative;
}
.hero-area4 .big-content .inner {
	position: absolute;
	right: 0;
	top: 50%;
	padding: 0 80px 0 50px;
	transform: translateY(-50%);
}
.hero-area4 .big-content .title {
	font-size: 32px;
	margin-bottom: 20px;
	font-weight: 700;
	text-transform: capitalize;
	line-height: 35px;
}
.hero-area4 .big-content .title span{
	color:#F7941D;
}
.hero-area4 .big-content .des{}
.hero-area4 .big-content .button{
	margin-top:40px;
	display:block;
}
.hero-area4 .big-content .button .btn{
	color:#fff;
}
.hero-area4 .owl-carousel .owl-nav {
	margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
	margin-top:-35px;
}
.hero-area4 .owl-carousel .owl-nav div {
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	background: #fff;
	color: #000;
	font-size: 14px;
	position: absolute;
	margin: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 0;
	border-radius: 0;
}
.hero-area4 .owl-carousel .owl-nav div:hover{
	background:#F7941D;
	color:#fff;
}
.hero-area4 .owl-carousel .owl-controls .owl-nav .owl-prev{
	right:0; top:40px;
}
.hero-area4 .owl-carousel .owl-controls .owl-nav .owl-next{
	right:0;
}
.hero-area4{}
.hero-area4 .owl-theme:hover .owl-nav{opacity:1;}
/*======================================
   End Hero Area CSS
========================================*/ 

/*======================================
   Start Small Banner CSS
========================================*/ 


.small-banner{
	padding:0 0 30px 0; 
}
.small-banner .single-banner {
	overflow:hidden; height:auto; margin-bottom:5px;
	position:relative;/* border: solid 1px transparent;*/ border-radius:0;
	  /*  -webkit-box-shadow: 0 0 6px -1px rgb(0 0 0 / 38%);
    box-shadow: 0 0 6px -1px rgb(0 0 0 / 38%);*/
} 

.small-banner .single-banner p{height:100%;}
.small-banner .single-banner img{
	height:100%!important;
	width:100%!important;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	 padding:0;
    background-color: #fff;
    /*border: 1px solid #dee2e6;*/
    border-radius:0rem;
    max-width: 100%;
    height: auto;
	
}.small-banner .single-banner p{margin: 0!important; padding: 0!important;}
.small-banner .single-banner:hover{box-shadow: 0px 10px 10px rgb(0 0 0 / 10%);  border: solid 1px var(--mycolor);}
.small-banner .single-banner:hover img{ transform: scale(1.1); border-radius: 0;
}
.small-banner .single-banner .content {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	padding-left: 35px;
}
.small-banner .single-banner h3 {
	font-size: 22px;
	font-weight: 700;
	text-transform: capitalize;
	color: #333;
}
.small-banner .single-banner h3 span{
	color:#F7941D;
}
.small-banner .single-banner p {
	font-size: 14px;
	color: #F7941D;
	font-weight: 500;
	margin-bottom: 5px;
	text-transform: capitalize;
}
.small-banner .single-banner a {
	color: #333;
	/*margin-top: 22px;*/
	display: block;
	font-size: 12px;
	font-weight:500;
	display: inline-block;
	text-transform:uppercase;
	/*border-bottom:2px solid #333;*/
}
.small-banner .single-banner a:hover{
	color:#F7941D;
	border-color:#F7941D;
}
/*======================================
   End Small Banner CSS
========================================*/ 

/*======================================
   Start Mid Banner CSS
========================================*/ 
.midium-banner{
	padding:0;
}
.midium-banner .single-banner{
	position:relative;
}
.midium-banner .single-banner img{
	height:100%;
	width:100%;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
 
.midium-banner .single-banner h3 {
	font-size: 27px;
	font-weight: 700;
	text-transform: uppercase;
	color: #333;
	line-height: 30px;
}
.midium-banner .single-banner h3 span{
	color:#F7941D;
}
.midium-banner .single-banner p {
	font-size: 13px;
	color: #F7941D;
	font-weight: 500;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.midium-banner .single-banner a {
	display: inline-block;
	font-weight: 600;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: .375rem .75rem;
	font-size: 13px;
	border-radius: .25rem;
	background: #333;
	color: #fff !important;
	padding: 10px 27px;
	border-radius: 30px;
	margin-top: 25px;
	text-transform: uppercase;
}
.midium-banner .single-banner a:hover{
	background:#F7941D;
	color:#fff;
}
/*======================================
   End Mid Banner CSS
========================================*/ 

/*======================================
   Start Most Popular CSS
========================================*/
.pro-tab-viewmore-wrap {
	position: relative;
	text-align: center;
}
.most-popular .section-title{
	margin-bottom:40px;
}
.pro-tab-viewmore-wrap .pro-viewmore {
  position: absolute;
  right: 40px;
  top: 0;
}
.most-popular .single-product{
	margin:0;
}
/* Slider Nav */
.most-popular .owl-nav{
	margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
	margin-top:-25px; /*display: none;*/
}
.popular-slider:hover .owl-nav, .popular-slider2:hover .owl-nav{display: block;}
.most-popular .owl-carousel .owl-nav div, .full-sliders .owl-carousel .owl-nav div {
	height: 60px;
	width: 30px;
	line-height: 58px;
	background: none;  
	color: #fff;
	position: absolute;
	margin: 0;
	border-radius: 0;
	font-size: 15px;
	text-align: center;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	/*box-shadow: 0px 0px 10px #3333331c;*/
}
.most-popular .owl-carousel .owl-nav div:hover{
	color:#fff;
	background:var(--dark)!important;
}
.most-popular .owl-carousel .owl-controls .owl-nav .owl-prev{
	left:0px;
}
.most-popular .owl-carousel .owl-controls .owl-nav .owl-next{
	right:0px;
}

/*full-sliders*/
.full-sliders .owl-nav {
margin: 0;
position: absolute;
top: 50%;
width: 100%;
margin-top: -25px;
display: none; 
} .full-sliders:hover .owl-nav{display:block;}
.full-sliders .owl-carousel .owl-controls .owl-nav .owl-prev{
left:0px;
}

.full-sliders .owl-carousel .owl-controls .owl-nav .owl-next{
right:0px;
}

/*owl-all*/
.tab-slider.owl-theme .owl-nav{position: absolute;
    top: 30%; width:100%;}
    .tab-slider.owl-theme .owl-nav .owl-prev{position:absolute; left: 0;}
    .tab-slider.owl-theme .owl-nav .owl-next{position:absolute; right:0;}

.tab-slider .cr_name{    display: -webkit-box;
    line-height: 1.4;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; margin:10px auto; text-align:center;}
.tab-slider .single-product{border-color:;}
.full-sliders{border: solid 2px var(--mycolor); padding:20px;}

.single-product.active-tab{border-color:var(--mycolor); border-width:2px; margin-bottom:-2px;}
/*======================================
   End Most Popular CSS
========================================*/

/*======================================
   Start Single Product CSS
========================================*/
.product-area .nav-tabs { text-align: center; display: inline-block; width: 100%; }
.product-area .nav-tabs .nav-item { margin-bottom: -1px; display: inline-block; }
.product-area .nav-tabs li a { color: #333; text-transform: uppercase; display: inline-block; position: relative; margin-right: 15px; font-weight: 400; background: #fff; color: #333; padding: 3px 0; border-radius: 3px; font-size: 13px; }
.product-area .nav-tabs li:last-child a{ border-color:transparent; } 
.product-area .nav-tabs li a i{ margin-right:10px; }
.product-area .nav-tabs li a.active, .product-area .nav-tabs li:hover a{ background:#F7941D; color:var(--mycolor); border-color:transparent; }

.single-product .badge.badge-success{ background:none!important; font-size:16px!important; line-height:22px!important; font-weight:600!important; color:#e30613!important; padding:0px!important; }

.single-product{ background: #fff; margin-top:0; border: solid 1px #e1e3e4; border-radius:8px; padding:15px; height:100%; }
.popular-slider .single-product, .popular-slider2 .single-product{ height: 170px; }
.single-product:hover, .single-product.active{ box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1); border: solid 2px var(--mycolor);}
.single-product .product-img { width:100%; position: relative; overflow: hidden; cursor:pointer; margin:0px 0; }
.single-product .product-img a { display: block; position: relative; }
.single-product .product-img a img { width: 100%; aspect-ratio: auto; object-fit: contain; }
.single-product .product-img a img.hover-img { position: absolute; left: 0; top: 0; z-index: 1; opacity: 0; transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18); }
.single-product .product-img a span.price-dec { background-color: #f6931d; display: inline-block; font-size: 11px; color: #fff; right: 20px; top: 20px; padding: 1px 16px; font-weight: 700; border-radius: 0; text-align: center; position: absolute; text-transform: uppercase; border-radius: 30px; height: 26px; line-height: 25px; }
.single-product .product-img a span.new { background-color: #8493ca; display: inline-block; font-size: 11px; color: #fff; right: 20px; top: 20px; padding: 1px 16px; font-weight: 700; border-radius: 0; text-align: center; position: absolute; text-transform: uppercase; border-radius: 30px; height: 26px; line-height: 24px; }
.single-product .product-img a span.out-of-stock {
	background-color: #ed1b24;
	display: inline-block;
	font-size: 11px;
	color: #fff;
	right: 20px;
	top: 20px;
	padding: 1px 16px;
	font-weight: 700;
	border-radius: 0;
	text-align: center;
	position: absolute;
	text-transform: uppercase;
	border-radius: 30px;
	height: 26px;
	line-height: 24px;
}
.single-product .product-action {
	display: inline-block; 
	border-radius: 3px;
}

.single-product .product-action a:last-child{
	margin-right:0;
	border:none;
}
.single-product .product-action a i {
  line-height: 40px;
}
.product-action{margin-left:20px;}
.product-action .svg_ico{margin-right:0;}
.single-product .product-action a span {
	visibility: hidden;
	position: absolute;
	background: var(--dark)!important;
	color: #fff !important;
	text-align: center;
	padding: 5px 12px;
	z-index: 3;
	opacity: 0;
	-webkit-transition: opacity .6s, margin .3s;
	-o-transition: opacity .6s, margin .3s;
	transition: opacity .6s, margin .3s;
	font-size: 11px;
	right: 0;
	line-height: 14px;
	top: -12px;
	margin-top: -5px;
	margin-right: 0;
	display: inline-block;
	width: 120px;
	border-radius:15px 0 0 15px; z-index: 9;
}
.single-product .button-head .product-action a span::after {
	position: absolute;
	content: "";
	right: 0;
	bottom: -12px;
	border: 6px solid var(--dark);
	border-left:0px solid transparent;
	border-right:6px solid transparent;
	border-bottom:6px solid transparent;
}
.single-product .product-action a:hover {
	color:var(--mycolor);
}
.single-product .product-action a:hover span {
  visibility: visible;
  opacity: 1;
  color:#333;
  background:#fff;
  margin-top: -12px;
}
.single-product .product-action.pro-action-width-dec a {
  width: 30px;
  height: 30px;
  font-size: 14px;
}
.single-product .product-action.pro-action-width-dec a i {
  line-height: 30px;
}
.single-product .product-img .product-action.pro-action-width-dec-2 {
  bottom: 45px;
}
/*.product-action-2{margin-top:15px;}*/
.single-product .product-img .product-action-2 {
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: left;
	z-index: 99;
	-webkit-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}
.single-product .product-img .product-action-2 a {
	display: block;
	background-color: transparent;
	color: #333;
	text-align: left;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1;
	display: inline-block;
}
.product-img .product-action-2 a:hover {
  color:#F7941D;
}
.button-head { 
	display: inline-block; 
	width: 100%; 
	/*height: 50px;
	line-height: 50px; */ flex: 1 0 100%; -ms-flex: 1 0 100%; align-self: flex-end;
}
 
.single-product .product-img .shop-list-quickview {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
  z-index: 99;
  margin-top: 20px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .35s ease 0s;
  -o-transition: all .35s ease 0s;
  transition: all .35s ease 0s;
}
.single-product .product-img .shop-list-quickview a {
  color: #000;
  background-color: #fff;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  font-size: 18px;
}
.single-product .product-img .shop-list-quickview a:hover {
  background-color: #222;
  color: #fff;
}
.single-product .product-img .shop-list-quickview a i {
  line-height: 50px;
}
.single-product .product-content{
  flex: 1; position: relative;
}
.single-product .product-img:hover.default-overlay::before {
  background-color: rgba(38, 38, 38, 0.2);
  z-index: 9;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  pointer-events: none;
  opacity: 1;
}
.single-product .product-img:hover.default-overlay.metro-overlay::before {
  background-color: rgba(38, 38, 38, 0.4);
  z-index: 9;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  pointer-events: none;
  opacity: 1;
}
.single-product .product-img:hover img.hover-img { opacity: 1; }
.single-product .product-content h3,.single-product .product-content .ch3 { line-height: 22px; margin-top:10px; margin-bottom:10px; }
.single-product .product-content h3.d-flex{ max-height:18px; }

.single-product .product-content h3 a, .single-product .product-content .ch3 a{ min-height:42px; font-size: 15px; line-height:inherit; font-weight: 500; margin: 0; display: -webkit-box; line-height: 1.4;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;     word-break: break-all;
}
.single-product .product-content h3 a:hover, .single-product .product-content .ch3 a:hover{
	color:var(--mycolor);
}
.single-product .product-content .product-price { align-items: center;
  margin: 6px 0 0 0; display: -ms-flexbox !important;  display: flex !important; flex-wrap: wrap;
  -ms-flex-pack: justify !important;  justify-content: space-between !important; 
}
.single-product .product-content .product-price span {
	font-size: 15px;
	font-weight: 500;
}
.single-product .product-content .product-price span.old {
  text-decoration: line-through;
  opacity: .6;
  margin-right: 2px;
}
/*======================================
   End Single Product CSS
========================================*/

/*======================================
   Start Shop Sidebar CSS
========================================*/
.shop-sidebar .single-widget {
	margin-top: 30px;
	background: #fff; border: solid 1px #e2e2e2;
}
.shop-sidebar .single-widget:first-child {
	margin-top: 0;
}
.shop-sidebar .single-widget .title {
	position: relative;
	font-size: 18px;
	font-weight: 500;
	text-transform: capitalize; 
	display: block; 
	padding: 15px 25px;
}
/* Shop Price */
.shop .range .price-filter {
	display: block;
	margin-top: 20px;
}
.shop .range #slider-range {
	box-shadow: none;
	border: none;
	height: 4px;
	background: #F7941D;
	color: #F7941D;
	border-radius: 0px;
}
.shop .range #slider-range .ui-slider-range {
	box-shadow: none;
	background: #222;
	border-radius: 0px;
	border: none;
}
.shop .range .ui-slider-handle.ui-state-default.ui-corner-all {
	width: 14px;
	height: 14px;
	line-height: 10px;
	background: #222;
	border: none;
	border-radius: 100%;
	top: -5px;
}
.shop .range .label-input {
	margin-top: 15px;
}
.shop .range .label-input span{
	margin-right:5px;
	color:#282828;
}
.shop .range .ui-slider-handle.ui-state-default.ui-corner-all {
	background: #F7941D;
	color: #F7941D;
	cursor:pointer;
}
.shop .range .label-input input {
	border: none;
	margin: 0;
	font-weight: 600;
	font-size: 14px;
	color: #222;
	background: transparent;
}
.shop .range .check-box-list {
	margin-top: 15px;
}
.shop .range .check-box-list li {
	margin-bottom: 5px;
}
.shop .range .check-box-list li:last-child{
	margin:0;
}
.shop .range .check-box-list li label input {
	display: inline-block;
	margin-right: 6px;
	position: relative;
	top: 1px;
}
.shop .range .check-box-list li label {
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	color:#333;
	cursor:pointer;
}
.shop .range .check-box-list .count{
	margin-left:5px;
	color:#666;
}
/* Category List */
.shop-sidebar .categor-list {
	margin:0 15px;
}
 
.shop-sidebar .categor-list li:last-child{
	margin-bottom:0px;
}
.shop-sidebar .categor-list li a {
	display: block;
	color: #666;
	font-weight: 400;
	font-size: 13px; padding: 7px 10px;
	text-transform: capitalize; line-height: 18px;
}
.shop-sidebar .categor-list li a:hover, .shop-sidebar .categor-list li.active a{
	color:#fff; background: var(--mycolor); border-radius: 4px;
}
.shop-sidebar .categor-list li a img{width: 25px; height: auto; float:left; margin-right: 5px;}
/* Recent Post */
.shop-sidebar .single-post {
	position: relative;
	margin-top: 30px;
    padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}
.shop-sidebar .single-post.first{
	padding-top:0px;
}
.shop-sidebar .single-post:last-child{
	padding-bottom:0px;
	border:none;
}
.shop-sidebar .single-post .image img{
	height: 80px;
	width: 80px;
	position:absolute;
	left:0;
	top:0;
	border-radius:100%;
}
.shop-sidebar .single-post .content{
	padding-left:100px;
}
.shop-sidebar .single-post .content h5 {
	line-height: 18px;
}
.shop-sidebar .single-post .content h5 a {
	color: #222;
	font-weight: 500;
	font-size: 14px;
	font-weight: 500;
	display: block;
}
.shop-sidebar .single-post .content h5 a:hover{
	color:#F7941D;
}
.shop-sidebar .single-post .content .price {
	display: block;
	color: #333;
	font-weight: 500;
	margin: 5px 0 0px 0;
	text-transform: uppercase;
	font-size: 14px;
}
.shop-sidebar .single-post .reviews li{
	display:inline-block;
}
.shop-sidebar .single-post .reviews li i{
	color:#999;
}
.shop-sidebar .single-post .reviews li.yellow i{
	color:#F7941D;
}
/* Shop Topbar */

.shop .shop-top {
	clear: both; 
	padding:10px 0;
}
.shop .shop-shorter {
	float: left;
}
.shop .single-shorter {
	display: inline-block;
	margin-right: 10px;
}
.shop .single-shorter:last-child{
	margin:0;
}
.shop .single-shorter label {
	display: inline-block;
	float: left;
	margin: 4px 5px 0 0;
	font-weight:500;
}
.shop .single-shorter option{}
.shop .nice-select {
	clear: initial;
	display: inline-block;
/*	margin: 0;
	border: 1px solid #e6e2f5;
	border-radius: 0px;
	height: auto;
	width: auto;
	border-radius: 0px;*/
}
.shop .nice-select::after{
	border-color:#888;
}
/*.shop .nice-select .list {
	border-radius:0px;
}*/
.shop .nice-select .option.selected {
	font-weight: 500;
}
.shop .nice-select .list li{
	color:#666;
	border-radius:0px;
}
.shop .nice-select .list li:hover{
	background:#F7941D;
	color:#fff;
}
.shop .view-mode {
	float: right; line-height:normal;
}
.shop .view-mode li {
	display: inline-block;
	margin-right: 5px; /*padding:6.5px 5px;*/ width:35px; height:35px; padding:0;
} .shop .view-mode li a{display:flex; align-items:center; justify-content:center; height:100%; line-height:0;}
.shop .view-mode li:last-child{
	margin:0;
}
.shop .view-mode li.btn.active, .shop .view-mode li.btn:hover{ background:#fff!important; }
.shop .view-mode li a svg, .cat_nav .btn svg{ stroke:#333; fill:none; background:none; width:25px; height:25px; margin-right:0; }
.btn.active a svg,.btn:hover a svg{stroke:var(--mycolor)!important;}
.shop .view-mode li.active a svg
{ stroke:var(--mycolor); fill:none; background:none; 
	cursor: default;}
	.btn-new svg{stroke:#fff!important;}
 .shop .view-mode li:hover a svg, .cat_nav .btn:hover svg{ stroke:#fff; fill:none;}
.view-mode2 li{padding:10px 0!important;}
/*======================================
   End Shop Sidebar CSS
========================================*/

/*======================================
   Start Shop Single CSS
========================================*/
.shop.single{
	padding:70px 0 100px;
}
.shop.single .product-gallery {
	margin-top: 30px;
}
.shop.single .flexslider-thumbnails {
	position: relative;
}
.shop.single .product-gallery .slides li{
	position:relative;
}
.shop.single .product-gallery .slides li img{
	width:100%;
}
.shop.single .flex-control-nav{
	margin-top:15px;
}
.shop.single .flex-control-thumbs li {
	width: 20%;
	position: relative;
	margin: 0 8px 10px -3px;
}
.shop.single .flex-control-thumbs li img {
	border: none;
	padding: 0;
	border:1px solid transparent;
}
.shop.single .flex-control-thumbs li img.flex-active{
	border-color:#F7941D;
}
.shop.single .flex-direction-nav{
	display:none;
}
.shop.single .product-des{
	margin-top:30px;
}
.shop.single .product-des .short h4 {
	font-size: 22px;
	font-weight: 600;
	margin-top: -5px;
	line-height: 28px;
}
.shop.single .product-des .short .description {
	font-size: 14px;
	color: #555555;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}
.shop.single .product-des {}
.shop.single .product-des .total-review{
	font-size:14px;
	font-weight:500;
	margin-left:10px;
	display:inline-block;
}
.shop.single .product-des .total-review:hover{
	color:#F7941D;
}
.shop.single .product-des  .rating{
	margin-top:20px;
	display:inline-block;
}
.shop.single .product-des .rating li{
	display:inline-block;
}
.shop.single .product-des .rating li i{
	color:#F7941D;
}
.shop.single .product-des .rating li.dark i{
	color:#555;
}
.shop.single .product-des .price {
	font-size: 20px;
	color: #333;
	font-weight: 600;
	margin-top: 15px;
}
.shop.single .product-des .price s{
	color:#333;
}
.shop.single .product-des .price span{
	display:inline-block;
	margin-right:15px;
	color:#F7941D;
}
.shop.single .product-des .product-buy {
	margin-top: 40px;
}
.shop.single .product-des .product-buy{}
.shop.single .product-des .color {
	display: inline-block;
	margin-right: 50px;
}
.shop.single .product-des .color h4 {
	font-size: 18px;
	font-weight: 600;
}
.shop.single .product-des .color h4 span {
	display: block;
	font-size: 14px;
	font-weight: 500;
	margin-top: 4px;
}
.shop.single .product-des .color ul{
	margin-top: 10px;
}
.shop.single .product-des .color ul li{
	display:inline-block;
	margin-right:5px;
}
.shop.single .product-des .color ul li:last-child{
	margin-right:0;
}
.shop.single .product-des .color ul li a{
	height:30px;
	width:30px;
	line-height:30px;
	text-align:center;
	display:block;
	background:#333;
}
.shop.single .product-des .color ul li a i{
	font-size:11px;
	color:#fff;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.shop.single .product-des .color ul li a:hover i{
	opacity:1;
	visibility:visible;
}
.shop.single .product-des .color ul li .one{
	background:#3498db;
}
.shop.single .product-des .color ul li .two{
	background:#F7941D;
}
.shop.single .product-des .color ul li .three{
	background:#8e44ad;
}
.shop.single .product-des .color ul li .four{
	background:#2ecc71;
}
/* Size */
.shop.single .product-des .size{
	display:inline-block;
}
.shop.single .product-des .size h4{
	display: block;
	font-size: 14px;
	font-weight: 500;
	margin-top: 0px;
}
.shop.single .product-des .size ul{
	display:inline-block;
	margin-top: 10px;
}
.shop.single .product-des .size ul li {
	display: inline-block;
	margin-right: 5px;
}
.shop.single .product-des .size ul li:last-child{
	margin-right:0;
}
.shop.single .product-des .size ul li a {
	display: block;
	height: 30px;
	width: 36px;
	border: 1px solid #eee;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
}
.shop.single .product-des .size ul li a:hover{
	color:#F7941D;
}
.shop.single .quantity {
	display: inline-block;
	margin-right: 10px;
}
.shop.single .quantity h6 {
	display: inline-block;
	margin-right: 10px;
	font-size: 15px;
	font-weight: 500;
}
.shop.single .quantity .input-group {
	width: 151px;
	display: inline-block;
}
.shop.single .quantity .button {
	display: inline-block;
	position: absolute;
	top: 0;
	display:inline-block;
}
.shop.single .quantity .button.minus{
	left:0;
	border-radius:0;
	overflow:hidden;
}
.shop.single .quantity .button.plus {
	right: 0;
	border-radius:0;
	overflow:hidden;
}
.shop.single .quantity .button .btn {
	padding: 0;
	width: 35px;
	height: 45px;
	line-height: 45px;
	border-radius: 0px;
	background: transparent;
	color: #282828;
	font-size: 12px;
	border: none;
}
.shop.single .quantity .button .btn:hover{
	color:#F7941D;
}
.shop.single .quantity .input-number {
	border: 1px solid #eceded;
	width: 100%;
	text-align: center;
	height: 45px;
	border-radius: 30px;
	overflow: hidden;
	padding: 0px 38px;
}
.shop.single .add-to-cart {
	display:inline-block;
}
.shop.single .add-to-cart .btn {
	height: 45px;
	width: auto;
	padding: 0 20px;
	line-height: 42px;
	text-align: center;
	text-transform: capitalize;
	margin-right: 5px; 
	background: #333;
	color: #fff;
	display: inline-block;
	font-weight: 500; border-radius:45px;
}
.shop.single .add-to-cart .btn:hover{
	color:#fff;
	background:#F7941D;
}
.shop.single .add-to-cart .btn.min {
	padding: 0 20px;
	font-size: 17px;
	position: relative;
	top: 1px;
	line-height: 45px;
}
.shop.single .cat{
	font-size: 14px;
	font-weight: 500;
	color:#333;
	margin-top:30px;
}
.shop.single .cat a{
	display:inline-block;
	margin-left:10px;
}
.shop.single .cat a:hover{
	color:#F7941D;
}
.shop.single .availability{
	color:#333;
	font-size:14px;
	margin-top:6px;
}
/* Product Tab */
.shop.single .product-info {
	margin-top: 50px;
}
.shop.single .nav-tabs {
	border:none;
}
.shop.single .nav-tabs li {
	margin-right: 10px;
}
.shop.single .nav-tabs li:last-child{
	margin-right:0;
}
.shop.single .nav-tabs li a {
	border: 0px solid;
	border-radius: 0px;
	background: #fff;
	color: #333;
	padding: 10px 30px;
	font-weight: 400;
	font-size: 14px;
	border: 1px solid #eee;
}
.shop.single .nav-tabs li a i{
	margin-right:10px;
}
.shop.single .nav-tabs li a.active,
.shop.single .nav-tabs li:hover a{
	background:#F7941D;
	color:#fff;
	border-color:transparent;
}
.shop.single .tab-single {
	
}
.shop.single .single-des {
	margin-top:35px;
}
.shop.single .single-des h4{
	margin-bottom:15px;
	font-weight:500;
	font-size:22px;
	
}
.shop.single .single-des ul{}
.shop.single .single-des ul li {
	color: #555;
	display: block;
	margin-bottom: 10px;
	position:relative;
	padding-left:20px;
}
.shop.single .single-des ul li::before {
	position: absolute;
	content: "";
	left: 0;
	top: 9px;
	height: 7px;
	width: 7px;
	background: #f7941d;
	border-radius: 50%;
}
.shop.single .single-des p{}

.shop.single .item-info {
	width: 100%;
}
.shop.single .item-info tbody{}
.shop.single .item-info tbody tr{}
.shop.single .item-info tbody td {
	border: 1px solid #e6e6e6;
	padding: 10px;
}
.shop.single .item-info tbody strong{}
.shop.single .ratting-main{}
.shop.single .avg-ratting {
	margin-bottom: 20px;
}
.shop.single .avg-ratting h4 {
	font-size: 18px;
	margin: 0;
}
.shop.single .avg-ratting h4 span{
	font-size:14px;
}
.shop.single .single-rating {
	margin-bottom: 20px;
}
.shop.single .single-rating:last-child{
	margin:0;
	border:none;
	padding:0;
}
.shop.single .rating-author {
	float: left;
	margin-right: 10px;
	padding: 20px;
	padding-right: 10px;
}
.shop.single .rating-author img {
	width: 60px;
	border-radius: 100%;
	height: 60px;
}
.shop.single .rating-des {
	padding-left: 72px;
	background: #f9f8f8;
	padding: 17px 20px 17px 107px;
}
.shop.single .rating-des .ratings {
	margin: 0;
}
.shop.single .rating-des h6 {
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
}
.shop.single .ratting-main .single-rating ul{}
.shop.single .ratting-main .single-rating ul li{
	display:inline-block;
}
.shop.single .ratting-main .single-rating ul li i{
	color:#F7941D;
	font-size:14px;
}
.shop.single .review-inner label {
	display: inline-block;
	margin: 0 5px 0 0;
}
.shop.single .review-inner .ratings {
	overflow: visible;
	display: inline-block;
	margin: 0;
}
.shop.single .review-inner .ratings ul{
	display:inline-block;
}
.shop.single .ratting-main .single-rating ul {
	display: inline-block;
	margin-right: 5px;
}
.shop.single .ratings .rate-count {
	display: inline-block;
	color: #666;
	font-size: 13px;
}
.shop.single .comment-review {
	margin-bottom: 30px;
}
.shop.single .comment-review .add-review{
	margin-top:30px;
}
.shop.single .comment-review .add-review h5{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 7px;
}
.shop.single .comment-review .add-review p{
	color:#333;
}
.shop.single .comment-review h4 {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 7px;
	margin-top:20px;
}
.shop.single .comment-review .review-inner{
	margin-bottom:15px;
	display:block;
}
.shop.single .comment-review .rating li {
	display:inline-block;
}
.shop.single .comment-review .rating li i{
	color:#F7941D;
	font-size: 14px;
}
.shop.single .rating-des p{
	margin-top:5px;
}
.shop.single .avg-ratting h4 {
	font-size: 20px;
	color: #333;
}
.shop.single .avg-ratting{}
.shop.single .form .form-group input {
	width: 100%;
	height: 45px;
	padding: 10px 20px;
	background: #fff;
	border: 1px solid #ddd;
	resize: none;
	border-radius: 0;
	color: #333;
}
.shop.single .form .form-group button {
	border: none;
	padding: 17px 50px;
}
.shop.single .form .form-group textarea {
	width: 100%;
	height:200px;
	padding: 20px;
	background:#fff;
	border:1px solid #ddd;
	resize:none;
	border-radius:0;
	color:#333;
}
.shop.single .form .form-group label {
	color: #333;
	position: relative;
}
.shop.single .form .form-group label span {
	color: #ff2c18;
	display: inline-block;
	position: absolute;
	right: -12px;
	top: 4px;
	font-size: 16px;
}
.shop.single .review-panel{
	margin-top:35px;
}
/*======================================
   End Shop Single CSS
========================================*/

/*======================================
   Start Shop Home List CSS
========================================*/
.shop-home-list{
	padding:0;
	padding-bottom:100px;
}
.shop-home-list .shop-section-title{
	margin-bottom:20px;
}
.shop-home-list .shop-section-title h1 {
	font-size: 22px;
	margin-bottom: 0;
	text-transform: capitalize;
	position: relative;
	color: #2c2d3f;
	font-weight: 700;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.shop-home-list .shop-section-title h1::before {
	position: absolute;
	content: "";
	height: 2px;
	width: 50px;
	background: #F7941D;
	left: 0;
	bottom: -1px;
}
.shop-home-list .single-list {
	overflow: hidden;
	position: relative;
	margin-top: 30px;
	border: 1px solid #eee;
	padding: 10px;
}
.shop-home-list .single-list .list-image{
	position:relative;
}
.shop-home-list .single-list .list-image.overlay:before{
	background:#000;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.shop-home-list .single-list .list-image.overlay:hover:before{
	opacity:0.3;
	visibility:visible;
}
.shop-home-list .single-list .list-image .buy{
	height:40px;
	width:40px;
	line-height:40px;
	font-size:14px;
	color:#fff;
	background:#F7941D;
	border-radius:100%;
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-20px;
	margin-top:-20px;
	text-align:center;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	transform:scale(0);
	opacity:0;
	visibility:hidden;
}
.shop-home-list .single-list .list-image .buy:hover{
	background:#fff;
	color:#333;
}
.shop-home-list .single-list .list-image:hover .buy{
	opacity:1;
	visibility:visible;
	transform:scale(1);
}
.shop-home-list .single-list .no-padding{
	padding-right:0px;
}
.shop-home-list .single-list img{
	width:100%;
	height:100%;
}
 
.shop-home-list .single-list .content .title {
	line-height: 18px;
}
.shop-home-list .single-list .content .title a{
	font-size: 14px;
	font-weight: 600;
}
.shop-home-list .single-list .content .titlea {
	color: #333;
}
.shop-home-list .single-list .content a:hover{
	color: #F7941D;
}
.shop-home-list .single-list .content .price {
	margin-top: 15px;
	font-weight: 500;
	background: #f7941d;
	display: inline-block;
	color: #fff;
	padding: 2px 18px;
	border-radius: 30px;
	font-size: 14px;
	font-weight: 500;
}
/*======================================
   End Shop Home List CSS
========================================*/

/*======================================
   Start Shopping Cart CSS
========================================*/
.table.shopping-summery {
	background: #fff;
}
.shopping-cart {
	background: #f6f6f6;
	padding: 50px 0;
}
.shopping-summery thead .main-hading{
	padding:0px 50px;
}
.shopping-summery thead {
	background: #F7941D;
	color: #fff;
}
.shopping-summery thead tr th {
	border: none;
	font-weight: 600;
	color: #fff;
	text-align: center;
}
.shopping-summery tbody tr {
	border-bottom: 1px solid #F7941D;
	margin-top: 20px;
}
.shopping-summery tbody tr img {
	border-radius: 0;
	width: 80px;
	height: 80px;
}
.shopping-summery tbody tr:last-child{
	border:none;
}
.shopping-summery tbody .product-name a {
	font-weight: 600;
	color: #282828;
	font-weight: 600;
	font-size: 17px;
}
.shopping-cart .table p {
	font-size: 14px;
	color: #666;
}
.shopping-summery tbody .product-name a:hover{
	color:#F7941D;
}
.shopping-summery tbody .product img {
	max-width: 70px;
	border-radius: 100%;
	max-height: 65px;
	border: 1px solid #e6e6e6;
	padding: 4px;
}
.shopping-summery tbody .product:hover img{
	border-color:#F7941D;
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	transform:rotate(360deg);
}
.shopping-cart .border{
	
}
.shopping-cart .table .remove-icon{
	font-size:16px;
}
.shopping-cart .table td {
	vertical-align: middle;
	border-top: 1px solid #eee;
	padding: 30px;
}
.shopping-summery tbody .price {
	text-align: center;
}
.shopping-summery tbody .price span{}
.shopping-cart tbody .qty .input-group {
	width: 175px;
	display: inline-block;
}
.shopping-cart .qty .button {
	display: inline-block;
	position: absolute;
	top: 0;
}
.shopping-cart .qty .button.minus{
	left:0;
	border-radius:0;
	overflow:hidden;
}
.shopping-cart .qty .button.plus {
	right: 0;
	border-radius:0;
	overflow:hidden;
}
.shopping-cart .qty .button .btn {
	padding: 0;
	width: 44px;
	height: 47px;
	line-height: 50px;
	border-radius: 0px;
	background: transparent;
	color: #282828;
	border: none;
	font-size: 12px;
}
.shopping-cart .qty .button .btn:hover{
	color:#F7941D;
}
.shopping-cart .qty .input-number {
	border: 1px solid #eceded;
	width: 100%;
	text-align: center;
	height: 47px;
	border-radius:0;
	overflow: hidden;
	padding: 0px 45px;
}
.shopping-summery tbody .total-amount {
	text-align: center;
}
.shopping-summery tbody .total-amount span{}
.shopping-summery tbody .action {
	text-align: center;
}
.shopping-summery tbody .action a:hover{
	color:#F7941D;
}
.shopping-cart .total-amount{
	margin-top:50px;
}
.shopping-cart .total-amount .left{}
.shopping-cart .total-amount .left .coupon{}
.shopping-cart .total-amount .left .coupon form{}
.shopping-cart .total-amount .left .coupon form input {
	width: 220px;
	display: inline-block;
	height: 48px;
	color: #333;
	padding: 0px 20px;
	border: none;
	box-shadow: 0px 0px 5px #0000000a;
}
.shopping-cart .total-amount .left .coupon form .btn {
	display: inline-block;
	height: 48px;
	border: navajowhite;
	margin-left: 4px;
	background: transparent;
	color: #333;
	background: #fff;
	box-shadow: 0px 0px 5px #00000012;
}
.shopping-cart .total-amount .left .coupon form .btn:hover{
	background:#fff;
	color:#F7941D;
}
.shopping-cart .total-amount .left label{
	font-size:22px;
	font-weight:500;
	color:#333;
}
.shopping-cart .total-amount .left .checkbox {
	text-align: left;
	margin: 0;
	margin-top: 20px;
}
.shopping-cart .total-amount .left .checkbox label {
	font-size: 15px;
	font-weight: 400;
	color: #333;
	position: relative;
	padding-left: 30px;
}
.shopping-cart .total-amount .left .checkbox label:hover{
	cursor:pointer;
}
.shopping-cart .total-amount .left .checkbox label input{
	display:none;
}
.shopping-cart .total-amount .left .checkbox label::before {
	position: absolute;
	content: "";
	left: 0;
	top: 4px;
	width: 16px;
	height: 16px;
	border: 1px solid #555555;
	border-radius: 0px;
}
.shopping-cart .total-amount .left .checkbox label::after {
	position: absolute;
	content: "\f00c";
	font-family: "Fontawesome";
	left: 0;
	top: 0;
	width: 22px;
	height: 22px;
	line-height: 24px;
	left: 3px;
	top: 0px;
	opacity: 0;
	visibility: hidden;
	transform: scale(0);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	display: block;
	font-size: 11px;
}
.shopping-cart .total-amount .left .checkbox label.checked::after{
	opacity:1;
	visibility:visible;
	transform:scale(1);
}
.shopping-cart .total-amount .right {
	padding-left: 100px;
}
.shopping-cart .total-amount .right ul{
	
}
.shopping-cart .total-amount .right ul li {
	font-size: 15px;
	font-weight: 400;
	color: #333;
	margin-bottom: 12px;
}
.shopping-cart .total-amount .right ul li.last {
	padding-top: 12px;
	border-top: 1px solid #c8c8c8;
	color: #333;
	font-size: 15px;
	font-weight: 400;
}
.shopping-cart .total-amount .right ul li span{
	display:inline-block;
	float:right;
}
.shopping-cart .total-amount .right .button5 .btn {
	text-align: center;
	border-radius: 0;
	width: 100%;
	margin-top: 10px;
	height: 46px;
	line-height: 18px;
	font-size: 13px;
	color: #fff;
}
/*======================================
   End Shopping Cart CSS
========================================*/

/*======================================
   Start Checkout Form CSS
========================================*/
.shop.checkout {
	padding: 0; 
	padding-top: 20px;
	padding-bottom: 50px;
}
.shop.checkout .checkout-form {
	margin-top: 30px;
}
.shop.checkout .checkout-form h2 {
	font-size: 25px;
	color: #333;
	font-weight: 700;
	line-height: 27px;
}
.shop.checkout .checkout-form p {
	font-size: 16px;
	color: #333;
	font-weight: 400;
	margin-top: 12px;
	margin-bottom: 30px;
}
.shop.checkout .form{}
.shop.checkout .form .form-group {
	margin-bottom: 25px;
}
.shop.checkout .form .form-group label{
	color:#333;
	position:relative;
}
.shop.checkout .form .form-group label span {
	color: #ff2c18;
	display: inline-block;
	position: absolute;
	right: -12px;
	top: 4px;
	font-size: 16px;
}
.shop textarea {
	padding:10px 20px!important; border-radius:6px!important;
}
.shop.checkout .form .form-group input{
	width: 100%;
	height: 45px;
	line-height: 50px;
	padding: 0 20px;
	color: #333 !important;
	border: 1px solid #e6e2f5;
	background: #fff;
}
.shop.checkout .nice-select {
	width: 100%;
	height: 37px;
	line-height: 45px;
	margin-bottom: 25px;
	background: #fff;
	border-radius: 30px;
 border: 1px solid #e6e2f5;
}
.shop.checkout .nice-select .list {
	width: 100%;
  max-height: 300px;
  overflow: auto;
  z-index:1024;
}
.shop.checkout .nice-select .list li{}
.shop.checkout .nice-select .list li.option{
	color:#333;
}
.shop.checkout .nice-select .list li.option:hover{
	background:var(--mycolor);
	color:#fff;
}
.shop.checkout .form .address input {
	margin-bottom: 15px;
}
.shop.checkout .form .address input:last-child{
	margin:0;
}
.shop.checkout .form .create-account {
	margin: 0;
}
.shop.checkout .form .create-account input {
	width: auto;
	display: inline-block;
	height: auto;
	border-radius: 100%;
	margin-right: 3px;
}
.shop.checkout .form .create-account label {
	display: inline-block;
	margin: 0;
}
.shop.checkout .order-details {
	margin-top: 30px;
	background: #fff;
	padding: 15px 0 30px 0;
	border: 1px solid #eee;
}
.shop.checkout .single-widget {
	margin-bottom: 30px;
}
.shop.checkout .single-widget:last-child{
	margin:0;
}
.shop.checkout .single-widget h2 {
	position:relative;
	font-size: 15px;
	font-weight: 600;
	padding: 10px 30px;
	line-height: 24px;
	text-transform: uppercase;
	color: #333;
	padding-bottom: 5px;
}
.shop.checkout .single-widget h2:before{
	position:absolute;
	content:"";
	left:30px;
	bottom:0;
	height:2px;
	width:50px;
	background:#F7941D;
}
.shop.checkout .single-widget .content ul{
	margin-top:30px;
}
.shop.checkout .single-widget .content ul li {
	display: block;
	padding: 0px 30px;
	font-size: 15px;
	font-weight: 400;
	color: #333;
	margin-bottom: 12px;
}
.shop.checkout .single-widget .content ul li span{
	display:inline-block;
	float:right;
}
.shop.checkout .single-widget .content ul li.last {
	padding-top: 12px;
	border-top: 1px solid #ebebeb;
	display: block;
	font-size: 15px;
	font-weight: 400;
	color: #333;
}
.shop.checkout .single-widget .checkbox {
	text-align: left;
	margin: 0;
	padding: 0px 30px;
	margin-top:30px;
}
.shop.checkout .single-widget .checkbox label {
	color: #555555;
	position: relative;
	font-size: 14px;
	padding-left: 20px;
	margin-top: -5px;
	font-weight: 400;
	display: block;
	margin-bottom: 15px;
}
.shop.checkout .single-widget .checkbox label:last-child{
	margin-bottom:0;
}
.shop.checkout .single-widget .checkbox label:hover{
	cursor:pointer;
}
.shop.checkout .single-widget .checkbox label input{
	display:none;
}
.shop.checkout .single-widget .checkbox label::before {
	position: absolute;
	content: "";
	left: 0;
	top: 7px;
	width: 12px;
	height: 12px;
	line-height: 16px;
	border: 1px solid #666;
	border-radius: 100%;
}
.shop.checkout .single-widget .checkbox label::after {
	position: absolute;
	content: "";
	left: 0;
	top: 7px;
	width: 12px;
	height: 12px;
	line-height: 16px;
	border-radius: 100%;
	display:block;
	background:#666;
	transform:scale(0);
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.shop.checkout .single-widget .checkbox label.checked::after{
	opacity:1;
	visibility:visible;
	transform:scale(1);
}
.shop.checkout .single-widget.payement {
	padding: 0px 38px;
	text-align: center;
	margin-top: 30px;
}
.shop.checkout .single-widget.get-button {
	text-align: center;
	padding:0px 35px;
}
 
/*======================================
   End Checkout Form CSS
========================================*/

/*======================================
   Login & Register CSS
========================================*/
.main-heading h3{font-weight:600;}
.shop.login {
	padding: 100px 0;
}
.shop.login .login-form h2 {
	position:relative;
	font-size: 35px;
	color: #333;
	font-weight: 400;
	line-height: 27px;
	text-transform: uppercase;
	margin-bottom: 12px;
	padding-bottom: 20px;
	text-align: center;
}
.shop.login .login-form h2:before{
	position:absolute;
	content:"";
	left:50%;
	bottom:0;
	height:2px;
	width:50px;
	background:#F7941D;
	margin-left:-25px;
}
.shop.login .login-form p {
	font-size: 14px;
	color: #333;
	font-weight: 400;
	text-align: center;
	margin-bottom:50px;
}
.shop.login .form {
	margin-top: 30px;
}
.shop.login .form .form-group {
	margin-bottom: 22px;
}
.shop.login .form .form-group input {
	width: 100%;
	height: 45px;
	line-height: 50px;
	padding: 0 20px;
	border-radius: 3px;
	border-radius: 0px;
	color:#333 !important;
	border: none;
	background:#F6F7FB;
}
.shop.login .form .form-group label {
	color: #333;
	position: relative;
}
.shop.login .form .form-group label span {
	color: #ff2c18;
	display: inline-block;
	position: absolute;
	right: -12px;
	top: 4px;
	font-size: 16px;
}
.shop.login .form .form-group input:hover{
	border-color:#1308a3;
	color:#1308a3;
}
.shop.login .form .form-group.login-btn {
	margin: 0;
}
.shop.login .form button {
	border: none;
}
.shop.login .form .btn {
	display: inline-block;
	margin-right: 10px;
	height: 46px;
	color: #fff;
	line-height: 20px;
}
.shop.login .form .btn:hover{
	background:#F7941D;
	color:#fff;
}
.shop.login .login-form .checkbox {
	text-align: left;
	margin: 0;
	margin-top: 20px;
	display:inline-block;
}
.shop.login .login-form .checkbox label {
	font-size: 14px;
	font-weight: 400;
	color: #333;
	position: relative;
	padding-left: 20px;
}
.shop.login .login-form .checkbox label:hover{
	cursor:pointer;
}
.shop.login .login-form .checkbox label input{
	display:none;
}
.shop.login .login-form .checkbox label::before {
	position: absolute;
	content: "";
	left: 0;
	top: 6px;
	width: 12px;
	height: 12px;
	border: 1px solid #555555;
	border-radius: 0px;
}
.shop.login .login-form .checkbox label::after {
	position: absolute;
	content: "\f00c";
	font-family: "Fontawesome";
	width: 12px;
	height: 12px;
	line-height: 23px;
	left: 2px;
	top: 0px;
	opacity: 0;
	visibility: hidden;
	transform: scale(0);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	display: block;
	font-size: 9px;
}
.shop.login .login-form .checkbox label.checked::after{
	opacity:1;
	visibility:visible;
	transform:scale(1);
}
.shop.login .login-form .lost-pass{
	display:inline-block;
	margin-left:25px;
	color:#333;
	font-size:14px;
	font-weight:400;
}
.shop.login .login-form .lost-pass:hover{
	color:#F7941D;
}
/*======================================
	End Login CSS
========================================*/

/*======================================
   Start Shop List CSS
========================================*/
.shop-list .list-content{
	margin-top:50px;
}
.shop-list .list-content .product-price{}
.shop-list .list-content .product-price span {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 3px;
	display: block;
}
.shop-list .list-content .title {
	line-height: 20px;
}
.shop-list .list-content .title a:hover{
	color:#F7941D;
}
.shop-list .list-content .title a {
	font-size: 18px;
	font-weight: 600;
}
.shop-list .list-content .rating {
	margin: 5px 0 8px 0;
}
.shop-list .list-content .rating li{
	display:inline-block;
}
.shop-list .list-content .rating li i{
	color: #F7941D;
}
.shop-list .list-content .rating li.total {
	color: #333;
	font-size: 12px;
	margin-left: 3px;
}
.shop-list .list-content .des{}
.shop-list .list-content .btn { 
	height: 42px;
	line-height: 15px;
	color: #333;
	background: transparent;
	border: 1px solid #cecece;
	font-size: 13px;
	border-radius: 30px;
	height: auto;
	line-height: a;
	padding: 8px 12px;
}
.shop-list .list-content .btn:hover{
	background:#F7941D;
	color:#fff;
	border-color:transparent;
}
.shop-list .list-content .btn svg{margin-right:0!important;}
.shop-list .list-content .btn:hover svg{stroke:#fff;}
/* Pagination CSS */
.pagination {
	text-align: left;
	margin: 50px 0 0 0;
	display:block;
}
.pagination.center {
	text-align: center;
}
.pagination .pagination-list li {
	margin-right: 0;
	display: inline-block;
}
.pagination .pagination-list li:last-child{
	margin-right:0px;
}
.pagination .pagination-list li a {
	background: #fff;
	color: #666;
	padding: 8px 18px;
	font-weight: 400;
	border: 1px solid #e1e1e1;
	font-size: 16px;
	border-radius: 0px;
}
.pagination .pagination-list li.active a,
.pagination .pagination-list li:hover a{
	background: #F7941D;
	color: #fff;
	border-color: transparent;
}
.pagination .pagination-list li a i{
	font-size:13px;
}
.pagination .pagination-list li a i{}
.pagination-list{display:flex; justify-content:center; margin-top:10px;}
.blog-grids.pagination{
	margin-top:50px;
	text-align:center;
}
/*======================================
   End Shop List CSS
========================================*/

/*=============================
	Start Cowndown CSS
===============================*/
.cown-down {
	position: relative;
	height: 515px;
	overflow:hidden;
}
.cown-down .padding-right{
	padding-right:0;
}
.cown-down .padding-left{
	padding-left:0;
}
.cown-down .image img {
	width:100%;
	height:100%;
}
.cown-down .content {
	text-align: center;
	background: #FDFBEF;
	height: 100%;
	position:relative;
}
.cown-down .content .heading-block{
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	padding: 75px;
}
.cown-down .content .small-title {
	font-size: 13px;
	color: #777;
	display: block;
	text-transform: uppercase;
	margin-bottom: 5px;
	font-weight: 600;
}
.cown-down .content .title {
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.cown-down .content .price {
	margin-top: 35px;
	font-size: 35px;
	font-weight: 700;
	color: #F7941D;
}
.cown-down .content .price s{
	margin-top: 35px;
	font-size: 24px;
	font-weight: 500;
	color:#666;
}
.cown-down .content .cdown {
	float: none;
	text-align:center;
	margin-top:40px;
	width: 80px;
	display:inline-block;
	
}
.cown-down .content .cdown {
	text-align: center;
}
.cown-down .content .cdown{
	display:inline-block;
}
.cown-down .content .cdown span {
	color: #333;
	font-size: 22px;
	font-weight:400;
	text-transform:uppercase;
}
.cown-down .content .cdown p{
	font-size:13px;
	color:#666;
	text-transform:uppercase;
}
/*=============================
	End Cowndown CSS
===============================*/

/*======================================
   Start Shop Services CSS
========================================*/
.shop-services.section {
	padding: 80px 0 0px 0;
	background: #fff;
}
.shop-services.home{
	padding:60px 0;
	background:#F6F7FB;
}
.shop-services .single-service {
	position: relative;
	padding-left: 65px;
}
.shop-services .single-service i {
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	color: #333;
	background: transparent;
	border-radius: 100%;
	display: block;
	font-size: 32px;
	position: absolute;
	left: 0;
	top: 0;
}
.shop-services .single-service h4 {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 22px;
	color: #333;
}
.shop-services .single-service p {
	color: #898989;
	line-height: 28px;
	font-size:14px;
}
/*======================================
   End Shop Services CSS
========================================*/
 
/*======================================
   End Shop Newsletter CSS
========================================*/

/*=============================
	About US CSS
===============================*/
.about-us{
	background:#fff;
}
.about-us .about-content {
	padding-right: 50px;
}
.about-us .about-content .story{
	display:block;
	color:#04AAF4;
	margin-bottom:20px;
	font-size:17px;
}
.about-us .about-content .story i{
	color:#04AAF4;
	margin-right:5px;
	font-size:22px;
}
/*.about-content {
  h1, h2, h3 
  { color:var(--gray) }
}*/
.about-content p{margin-bottom:15px;}
.about-content h1{font-size:28px; margin-bottom:15px;}
.about-content h2{font-size:26px; margin-bottom:15px;}
.about-content h3{font-size:22px; margin-bottom:15px;}
.about-content h4{font-size:18px; margin-bottom:15px;}
.about-content h5{font-size:16px; margin-bottom:15px;}
.about-us .about-content h3 {
	font-size: 30px;
	font-weight: 600;
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
/*.about-us .about-content h3::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	height: 2px;
	width: 60px;
	background: #F7941D;
}*/
.about-us .about-content h3 span{
	display:inline-block;
	font-weight:700;
	color:#F7941D;
}
.about-us .about-content p {
	line-height: 26px;
	margin-bottom: 10px;
}
.about-us .about-content p:last-child{
	margin:0;
}
.about-us .about-content .button{
	margin-top:40px;
}
.about-us .about-content .button .btn{
	background:#333;
	color:#fff;
	margin-right:15px;
}
.about-us .about-content .button .btn:hover, .about-content .btn.primary:hover{
	background:var(--dark);
	color:#fff;
}
.about-us .about-content .button .btn.primary, .about-content .btn.primary{
	background:var(--mycolor);
	color:#fff;
}
.about-us .about-content .button .btn.primary:hover{
	background:#333;
	color:#fff;
}
.about-us .about-content .button .btn:last-child{
	margin:0;
}
.about-us .about-img {
	position: relative;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	border: 10px solid #fff;
}
.about-us .about-img:before{
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.about-us .about-img:hover:before{
	opacity:0.6;
	visibility:visible;
}
.about-us .about-img .video {
	height: 64px;
	width: 64px;
	line-height: 64px;
	background: #F7941D;
	color: #fff;
	font-size: 20px;
	border-radius: 100%;
	display: block;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -32px;
	margin-top: -32px;
	padding-left: 4px;
	transform: scale(0);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.about-us .about-img .video:hover{
	background:#fff;
	color:#F7941D;
}
.about-us .about-img:hover .video{
	transform:scale(1);
}
.about-us .about-img img{
	height:100%;
	width:100%;
	
}
/*=============================
	End About US CSS
===============================*/

/*======================================
  10. Start Team CSS
========================================*/  
.team{
	background:#F6F7FB;
}
.team .title-line{
	margin-bottom:40px;
}
.team .single-team {
	margin-top: 30px;
	position:relative;
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
	display: inline-block;
	overflow:hidden;
	text-align:center;
	background:#fff;
}
.team .single-team .info-head {
	padding: 35px 30px;
}
.team .single-team .image img{
	height:100%;
	width:100%;
}
.team .single-team .info-box {
	text-align:center;
}
.team .single-team .info-box .name {
	display: block;
	font-size: 17px;
	color: #333;
	font-weight: 500;
	margin-bottom: 3px;
	text-transform:capitalize;
}
.team .single-team .info-box .designation{
	color:#aaa;
	font-size:13px;
}
.team .single-team .social-links {
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
	margin-top:15px;
}
.team .single-team .social-links .social li{
	display:inline-block;
	margin-right:15px;
}
.team .single-team .social-links .social li:last-child{
	margin-right:0px;
}
.team .single-team .social-links .social li a {
	color: #666;
	display: block;
	font-size: 14px;
}
.team .single-team .social-links .social li a:hover{
	color:#F7941D;
}
/*======================================
  End Team CSS
========================================*/ 

/*======================================
   Start Shop Blog CSS
========================================*/
.shop-blog.grid .shop-single-blog{
	margin-top:30px;
}
.shop-blog .shop-single-blog{
	text-align:center;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.shop-blog .shop-single-blog:hover{
	box-shadow: 0px 10px 10px #0000000a;
}
.shop-blog .shop-single-blog img{
	height:100%;
	width:100%;
}
.shop-blog .shop-single-blog .content {
	padding: 40px;
}
.shop-blog .shop-single-blog .content .title {
	font-size: 17px;
	font-weight: 600;
	color: #333;
}
.shop-blog .shop-single-blog .content .title:hover{
	color:#F7941D;
}
.shop-blog .shop-single-blog .content .date {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 5px;
	color: #B7B7B7;
}
.shop-blog .shop-single-blog .content .more-btn {
	font-size: 14px;
	font-weight: 400;
	color: #3c3c3c;
	margin-top: 10px;
	display: block;
}
.shop-blog .shop-single-blog .content .more-btn:hover{
	color:#F7941D;
}
/* Related Product */
.related-product{
	padding-top:0;
}
.related-product .section-title {
	text-align: center;
	margin-bottom: 10px;
	padding: 0;
}
.related-product .section-title h2 {
	font-size: 25px;
	margin-bottom: 0;
	text-transform: capitalize;
	position: relative;
	color: #2c2d3f;
	font-weight: 700;
	padding-bottom: 15px;
}
/* Blog Sidebar */
.main-sidebar {
	background: #fff;
	margin-top: 30px;
	padding: 40px;
	background: transparent;
	border: 1px solid #eeeeeec2;
}
.main-sidebar .single-widget{
	margin-bottom:50px;
}
.main-sidebar .single-widget .title {
	position: relative;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 30px;
	display: block;
	background: #fff;
	padding-left: 12px;
}
.main-sidebar .single-widget .title::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	height: 100%;
	width: 3px;
	background: #F7941D;
}
.main-sidebar .single-widget:last-child{
	margin:0;
}
.main-sidebar .search{
	position:relative;
}
.main-sidebar .search input {
	width: 100%;
	height: 45px;
	box-shadow: none;
	text-shadow: none;
	font-size: 14px;
	border: none;
	color: #222;
	background: transparent;
	padding: 0 70px 0 20px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 0;
	border: 1px solid #eee;
}
.main-sidebar .search .button {
	position: absolute;
	right: 0;
	top: 0;
	height: 44px;
	width: 50px;
	line-height: 45px;
	box-shadow: none;
	text-shadow: none;
	text-align: center;
	border: none;
	font-size: 14px;
	color: #fff;
	background: #333;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.main-sidebar .search .button:hover {
	background:#F7941D;
	color:#fff;
}
/* Category List */
.main-sidebar .categor-list {
	margin-top: 15px;
}
.main-sidebar .categor-list li{
	
}
.main-sidebar .categor-list li {
	margin-bottom: 10px;
}
.main-sidebar .categor-list li:last-child{
	margin-bottom:0px;
}
.main-sidebar .categor-list li a {
	display: inline-block;
	color: #333;
	font-size:14px;
}
.main-sidebar .categor-list li a:hover{
	color:#F7941D;
	padding-left:7px;
}
.main-sidebar .categor-list li a i {
	display: inline-block;
	margin-right:0px;
	font-size: 9px;
	transform: translateY(-1px);
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.main-sidebar .categor-list li a:hover i{
	margin-right: 6px;
	opacity:1;
	visibility:visible;
}
/* Recent Post */
.main-sidebar .recent-post{}
.main-sidebar .single-post {
	position: relative;
	border-bottom: 1px solid #ddd;
	display: inline-block;
	padding: 17px 0;
}
.main-sidebar .single-post:last-child{
	padding-bottom:0px;
	border:none;
}
.main-sidebar .single-post .image {
	
}
.main-sidebar .single-post .image img{
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 20px;
}
.main-sidebar .single-post .content{
	padding-left:100px;
}
.main-sidebar .single-post .content h5 {
	line-height: 18px;
}
.main-sidebar .single-post .content h5 a {
	color: #2C2D3F;
	font-weight: 500;
	font-size: 14px;
	font-weight: 500;
	margin-top: 10px;
	display: block;
	margin-bottom: 10px;
	margin-top: 0;
}
.main-sidebar .single-post .content h5 a:hover{
	color:#F7941D;
}
.main-sidebar .single-post .content .comment{}
.main-sidebar .single-post .content .comment li{
	color:#888;
	display:inline-block;
	margin-right:15px;
	font-weight:400;
	font-size:14px;
}
.main-sidebar .single-post .content .comment li:last-child{
	margin-right:0;
}
.main-sidebar .single-post .content .comment li i{
	display:inline-block;
	margin-right:5px;
}
/* Blog Tags */
.main-sidebar .side-tags{}
.main-sidebar .side-tags .tag{
	margin-top:40px;
}
.main-sidebar .side-tags .tag li {
	display: inline-block;
	margin-right: 7px;
	margin-bottom: 20px;
}
.main-sidebar .side-tags .tag li a {
	background: #fff;
	color: #333;
	padding: 8px 14px;
	text-transform: capitalize;
	border-radius: 0;
	font-size: 13px;
	background: #F6F7FB;
}
.main-sidebar .side-tags .tag a:hover{
	color:#fff;
	background:#F7941D;
	border-color:transparent;
}
/* Blog Newslatter CSS */
.main-sidebar .newsletter{
	
}
.main-sidebar .newsletter .letter-inner {
	position:relative;
	padding: 35px 30px;
	box-shadow: 0px 0px 12px #00000014;
	z-index:2;
	overflow:hidden;
}
.main-sidebar .newsletter .letter-inner h4 {
	text-transform: capitalize;
	margin-bottom: 25px;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
}
.main-sidebar .newsletter .letter-inner p{
	margin-bottom: 20px;
}
.main-sidebar .newsletter .letter-inner .form-inner{
	position:relative;
}
.main-sidebar .newsletter .letter-inner input {
	width: 100%;
	height: 45px;
	background: #fff;
	border: none;
	border: 1px solid #ddd;
	padding: 0px 60px 0px 20px;
	box-shadow: none;
	text-shadow: none;
	border-radius: 0;
}
.main-sidebar .newsletter .letter-inner .form-inner a {
	height: 42px;
	width: 100%;
	background: #F7941D;
	color: #fff;
	font-size: 14px;
	display: block;
	text-align: center;
	line-height: 42px;
	margin-top: 10px;
	text-transform: uppercase;
	font-weight: 500;
}
.main-sidebar .newsletter .letter-inner .form-inner a:hover{
	background:#333;
	color:#fff;
}
/* Blog Single CSS */
.blog-single{
	background:#fff;
	padding:70px 0 100px;
}
.blog-single .blog-single-main {
	margin-top: 30px;
	background: #fff;
}
.blog-single .blog-detail {
	background: #fff;
}
.blog-single .image{
	position:relative;
}
.blog-single .image img{
	width:100%;
	height:100%;
}
.blog-single .blog-title {
	font-size: 24px;
	font-weight: 600;
	text-transform: capitalize;
	margin: 40px 0 15px 0;
}
.blog-single .blog-meta {
	margin-bottom: 0;
	overflow: hidden;
	border-bottom: 1px solid #dddddd6e;
	padding-bottom: 20px;
	margin-bottom: 25px;
}
.blog-single .blog-meta .author i {
	color: #F7941D;
	margin-right: 10px;
	font-size: 13px;
}
.blog-single .blog-meta .author a {
	font-size: 13px;
	border-right:1px solid #ddd;
	padding:0px 15px;
}
.blog-single .blog-meta .author  a:first-child{
	padding-left:0;
}
.blog-single .blog-meta .author  a:last-child{
	padding-right:0;
	border:none;
}
.blog-single .blog-meta span {
	display: inline-block;
	font-size: 14px;
	color: #666;
}
.blog-single .blog-meta span a i {
	margin-right: 10px;
	color: #F7941D;
}
.blog-single .blog-meta span a:hover{
	color:#F7941D;
}
.blog-single .content p {
	margin-bottom: 25px;
	line-height: 26px;
}
.blog-single .content p:last-child{
	margin:0;
}
.blog-single blockquote {
	position: relative;
	font-size: 13px;
	font-weight: 400;
	padding-left: 20px;
	padding: 10px 20px;
	background: #F6F6F6;
	padding: 30px 40px 30px 70px;
	color: #555;
	border: none;
	margin-bottom: 25px;
	border-left: 3px solid #F7941D;
}
.blog-single blockquote i {
	font-size: 30px;
	color: #F7941D;
	position: absolute;
	left: 20px;
	top: 20px;
}
.blog-single .content .img-post{
	margin-bottom: 25px;
}
.blog-single .share-social .content-tags {
	position: relative;
	margin-top: 25px;
}
.blog-single .share-social .content-tags h4 {
	position: absolute;
	left: 0;
	top: 7px;
	font-size: 15px;
	font-weight: 500;
}
.blog-single .share-social .content-tags .tag-inner{
	padding-left:60px;
}
.blog-single .share-social .content-tags .tag-inner li {
	display: inline-block;
	margin-right: 7px;
	margin-bottom: 10px;
	margin-top: 4px;
}
.blog-single .share-social .content-tags .tag-inner li:last-child{
	margin-right: 0px;
	margin-bottom: 0px;
}
.blog-single .share-social .content-tags .tag-inner li a {
	border-radius: 30px;
	padding: 5px 15px;
	background:#f4f7fc;
	font-size: 13px;
}
.blog-single .share-social .content-tags .tag-inner li a:hover{
	color:#fff;
	background:#F7941D;
}
/* Comments */
.blog-single .comments{
	margin-top:40px;
}
.blog-single .comments .comment-title {
	position: relative;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 30px;
	display: block;
	background: #fff;
	padding-left: 12px;
}
.blog-single .comments .comment-title:before{
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	height: 100%;
	width: 3px;
	background:#F7941D;
}
.blog-single .comments{
	
}
.blog-single .comments .single-comment {
	position: relative;
	margin-bottom: 40px;
	border-radius: 5px;
	padding-left: 95px;
}
.blog-single .comments .single-comment.left{
	margin-left:110px;
}
.blog-single .comments .single-comment img {
	height: 70px;
	width: 70px;
	border-radius: 100%;
	position: absolute;
	left: 0;
}
.blog-single .single-comment .content {
	
}
.blog-single .single-comment .content h4 {
	color: #333;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
	display: inline-block;
	margin-bottom: 18px;
	text-transform: capitalize;
}
.blog-single .single-comment .content h4 span {
	display: inline-block;
	font-size: 13px;
	color: #8D8D8D;
	margin: 0;
	font-weight: 400;
	text-transform: capitalize;
	display: block;
	margin-top: 5px;
}
.blog-single .single-comment .content p {
	color: #666;
	font-weight: 400;
	display: block;
	margin: 0;
	margin-bottom: 20px;
	line-height: 22px;
}
.blog-single .single-comment .content .button{}
.blog-single .single-comment .content .btn {
	display: inline-block;
	color: #666;
	font-weight: 400;
	color: #6a6a6a;
	border-radius: 4px;
	text-transform: capitalize;
	font-size: 14px;
	background: transparent;
	padding: 0;
}
.blog-single .single-comment .content a i{
	display:inline-block;
	margin-right:5px;
}
.blog-single .single-comment .content a:hover{
	color:#F7941D;
}
/* Comment Form */
.blog-single .reply form {
	padding: 40px;
	border: 1px solid #eee;
}
.blog-single .reply .reply-title {
	position: relative;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 30px;
	display: block;
	background: #fff;
	padding-left: 12px;
}
.blog-single .reply .reply-title:before{
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	height: 100%;
	width: 3px;
	background:#F7941D;
}
.blog-single .reply .form-group {
	margin-bottom: 20px;
}
.blog-single .reply .form-group input {
	width: 100%;
	height: 45px;
	line-height: 50px;
	padding: 0 20px;
	border-radius: 0px;
	color: #333 !important;
	border: none;
	border: 1px solid #eee;
}
.blog-single .reply .form-group textarea {
	width: 100%;
	height: 200px;
	line-height: 50px;
	padding: 0 20px;
	border-radius: 0px;
	color: #333 !important;
	border: none;
	border: 1px solid #eee;
}
.blog-single .reply .form-group label {
	color: #333;
	position: relative;
}
.blog-single .reply .form-group label span {
	color:#ff2c18;
	display: inline-block;
	position: absolute;
	right: -12px;
	top: 4px;
	font-size: 16px;
}
.blog-single .reply .button {
	text-align: left;
	margin-bottom:0px;
}
.blog-single .reply .button .btn {
	height: 50px;
	border: none;
}
/*======================================
   End Shop Blog CSS
========================================*/


/*======================================
  21. Contact CSS
========================================*/
.contact-us {
	position: relative;
	z-index: 1;
}
.contact-us .title{
	margin-bottom: 30px;
}
.contact-us .title h4 {
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 5px;
	color: #F7941D;
}
.contact-us .title h3 {
	font-size: 25px;
	text-transform: capitalize;
	font-weight: 600;
}
.contact-us .single-head {
	padding: 50px;
	box-shadow: 0px 0px 15px #0000001a;
	height: 100%;
}
.contact-us .single-info {
	text-align: left;
	margin-bottom:30px;
}
.contact-us .single-info i {
	color: #fff;
	font-size: 18px;
	display: inline-block;
	margin-bottom: 15px;
	height: 40px;
	width: 40px;
	display: block;
	text-align: center;
	border-radius: 3px;
	line-height: 40px;
	background:#F7941D;
}
.contact-us .single-info ul
.contact-us .single-info ul li{
	margin-bottom:5px;
}
.contact-us .single-info ul li:last-child{
	margin-bottom:0;
}
.contact-us .single-info ul li a{
	font-weight:400;
}
.contact-us .single-info ul li a:hover{
	color:#F7941D;
}
.contact-us .single-info .title {
	margin-bottom: 10px;
	font-weight: 500;
	color: #333;
	font-size: 18px;
}

.contact-us .form-main { padding: 40px; border:2px solid var(--mycolor); }
.contact-us .form .form-group .nice-select{ border-radius: 40px;}
.contact-us .form .form-group input { height: 45px; line-height: 50px; width: 100%; border: 1px solid #e6e2f5; padding: 0px 20px; color: #333; border-radius: 6px; font-weight: 400; }
.contact-us .form .form-group input:focus{border:1px solid #000;}
.contact-us .form .form-group textarea { width: 100%; height: 180px; border:1px solid #e6e2f5; padding:15px 20px; color: #333; border-radius:6px; resize: none; font-weight:400; }
.contact-us .form .form-group label { color: #333; position: relative; }
.contact-us .form .form-group label span { color: #ff2c18; display: inline-block; position: absolute; right: -12px; top: 4px; font-size: 16px; }
.contact-us .form .button { margin:0; }
.selectin{ height: 45px; line-height: 50px; width: 100%; border: 1px solid #e6e2f5; padding: 0px 20px; color: #333; border-radius: 6px; font-weight: 400; }

 #myMap { height: 500px; width: 100%; }

/*======================================
  End Contact CSS
========================================*/

/* Mail Success */
.mail-success .mail-inner {
	text-align: center;
	background: #fff;
	padding: 0px 30px;
}
.mail-success .mail-inner h2 {
	margin-bottom: 10px;
	display: block;
	font-weight: 600;
	color: #F7941D;
	text-transform: uppercase;
	font-size: 30px;
}
.mail-success .mail-inner p {
	font-size: 14;
	color: #333;
	margin-bottom: 30px;
	line-height: 22px;
}
.mail-success .mail-inner .btn {
	color: #fff;
	padding: 10px 30px;
}
.mail-success .mail-inner .btn i{
	margin-right:5px;
}

/*=============================
	Start 404 Error CSS
===============================*/
.error-page {
	background:#fff;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position:relative;
}
.error-page .error-inner {
	text-align: center;
	flex-direction: initial;
	height: auto;
	text-align: center;
}
.error-page .error-inner h2 {
	color: #F7941D;
	margin-bottom: 0;
	font-weight: 700;
	font-size: 100px;
	display: inline-block;
	font-size: 120px;
}
.error-page .error-inner h5 {
	display: block;
	color: #444;
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: 600;
	text-transform: capitalize;
}
.error-page .error-inner p {
	color: #666;
	font-weight: 400;
	line-height: 22px;
	font-size: 15px;
	padding: 0 30px;
}
.error-page .button {
	margin-top: 30px;
}
.error-page .button .btn {
	margin-right: 15px;
	border-radius: 30px;
	background: #333;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	font-weight: 500;
	border: 1px solid #d7d7d7;
	background: transparent;
	color: #333;
	padding: 10px 28px;
}
.error-page .button .btn:hover{
	color:#fff;
	background:#F7941D;
	border-color:transparent;
}
/*=============================
	/End 404 Error CSS
===============================*/

.free-version-banner {
  position: relative;
  background: #333;
  text-align: center;
  background-color: #F7941D;
  margin-bottom:100px;
}

.free-version-banner .section-title span {
  font-weight: 500;
  text-transform: capitalize;
}

.free-version-banner .section-title {
  margin: 0;
  padding: 0;
  text-align: center;
}

.free-version-banner .section-title h2 {
  padding-bottom: 15px;
}

.free-version-banner .section-title h2::before {
  background-color: #fff;
}

.free-version-banner .button {
  z-index: 5;
  margin-top: 40px;
}

.free-version-banner .button .btn {
  background-color: #fff;
  color: #333;
  text-transform:capitalize;
}

/*=============================
	20. Start Footer CSS
===============================*/
.footer{
	background:#f9f9f9; margin-top:40px;
}
.footer .about {
	padding-right: 50px;
}
.footer .single-footer h4 {
	font-size: 17px;
	font-weight: 600;
	color: #fff;
	text-transform: capitalize;
	margin-bottom: 30px;
}
.footer .about .logo{
	margin-bottom:20px;
}
.footer .about .logo img{max-width: 200px; width:100%;}
.footer .about .text{
	color:#fff;
	font-weight: 400;
}
.footer .about .call {
	color: #000;
	margin-top: 15px;
	font-weight: 400;
}
.footer .about .call span{
	display: block;
}
.footer .about .call a {
	color: #f7941d;
	font-size: 20px;
	font-weight: 600;
}
.footer .links ul{}
.footer .links ul li {
	display: block;
	margin-bottom: 8px;
}
.footer .links ul li:last-child{
	margin-bottom:0;
}
.footer .links ul li a{
	color:#fff;
	font-weight: 400;
}
.footer .links ul li a:hover{
	color:#F7941D;
	padding-left:10px;
}
.footer .social{ padding:15px 0px 0px 0px; text-align: center; }
.footer .social .contact{}
.footer .social .contact ul{}
.footer .social .contact ul li {
	color: #fff;
	display: block;
	margin-bottom: 4px;
	font-weight: 400;
}
.footer .contact ul li:last-child{
	margin-bottom:0;
}
 
.footer .social ul li{
	display:inline-block;
	margin-right:10px;
}
.footer .social ul li:last-child{
	margin-right:0;
}
.footer .social ul li a{
	color:#fff;
	display:block;
	font-size:16px; width:45px; height:45px; border-radius:45px; /*background:var(--mycolor);*/ line-height:45px;
}
.footer .social ul li a:hover{
	color:#fff; /*background:var(--gray);*/
}
.footer .social ul li a:hover i{color:#fff;}
/* Copyright */
.footer .copyright{ background:#404040; color:#fff;
	
}
.footer .copyright .inner{
	border-top:1px solid #eeeeee3d;
	padding:20px 0;
}
.footer .copyright .left{}
.footer .copyright .right{
	float:right;
}
.footer .copyright p{
	color:#fff;
}
.footer .copyright p a{
	color:#fff;
	text-decoration:underline;
}
.fo_fir{width:auto; margin-left:1rem ;}
/*=============================
	End Footer CSS
===============================*/
 
.svg30{width: 20px; margin-right: 10px;
    height: auto;
    fill: currentColor;}
.new-select{ 
    margin: 0;
    padding: 0;
    display: inline-flex!important;
    height: 34px!important; margin-top: -2px;	
}
.new-select .current{font-size:12px!important;}    
.new-select .nice-select:after{top: 40%;}
.radius0{border-radius: 0!important;}
.btn-new{ min-width:100px; background:var(--mycolor); border-color:var(--mycolor); color: #fff!important; border-radius:6px; letter-spacing:0.08rem;}
.btn-new:hover,.btn-new:focus{ background:#333!important; border:1px solid #333; }
.btn-new svg{fill: #fff;}
a.btn-new, a.btn-dark{ color: #fff!important;}
.main-txt, a.main-txt{color:var(--mycolor);}
.logo img{width: auto; max-width: 100%;  }
.hero-area4 .owl-carousel{z-index:0!important;}
.header.sticky .allcat{display:block;} 


.banerli{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.banerli .list-group-item{ width: calc(100%/4); color:#fff; padding: 1.45rem 1.25rem; background:none; }
.banerli .list-group-item .svg_blue{ width: 25%; height: auto; stroke: #fff; margin-right: 15px; border-radius:5px; padding:5px; }
.banerli .fourcon{ width:75%; overflow:hidden; }
.banerli .fourcon .ch4{ font-size: 18px; font-weight: 400; color:#fff; margin:0; } 
.banerli .fourcon p{ font-size: 14px; font-weight: 400; color:#fff; margin:0; }

.banerli2 { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap:20px; }
.banerli2 .list-group-item { width:calc(100%/2 - 10px); align-items: center; color:#222; padding:1.45rem 1.25rem; background:#fff; border:0px; }
.banerli2 .list-group-item .svg_blue{ width: 25%; height: auto; stroke:var(--mycolor); margin-right: 15px; border-radius:5px; padding:5px; }
.banerli2 .fourcon{ width:75%; overflow:hidden; }
.banerli2 .fourcon .ch4{ font-size: 18px; font-weight: 400; color:var(--mycolor); margin:0px 0px 15px 0px; } 
.banerli2 .fourcon p{ font-size: 14px; font-weight: 400; color:var(--mycolor); margin:0; }

.showcat .all-category h3{font-size: 16px!important; font-weight: 500; padding:10px 15px!important;}
.showcat .header.shop .main-category{top: 44px!important; height: calc(100% - 104px);} .showcat .main-category{box-shadow:none!important;}

.banerli .list-group-item{border:none!important; border-radius:0!important; align-items:center;} 
.proid{font-size:12px!important; position: relative; color:#171717!important; display:block; font-weight:400!important; line-height:16px; }
.proid i,.copytxt i{ display:none; }
.proid:hover i,.proid:focus i{ display: none; color: #9b9a9a; font-size: 14px; cursor: pointer; position: absolute; z-index:1; right: -6px; top: 12px; left: auto;  padding:7px; }
.eyei i{color:#999!important;}
.copytxt:hover i,.copytxt:focus i{ display:inline-block; color:#000000; font-size:16px; cursor:pointer; margin-left:5px; }

.line1{ display: -webkit-box!important; line-height: 1.4; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.line2{ display: -webkit-box!important; line-height: 1.4; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.line3{ display: -webkit-box!important; line-height: 1.4; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.line4{ display: -webkit-box!important; line-height: 1.4; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.line5{ display: -webkit-box!important; line-height: 1.4; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.line15{ display: -webkit-box!important; line-height: 1.4; -webkit-line-clamp: 15; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.cartli .quantity2 .input-group{max-width:120px;}
.quantity2 .input-number { width: calc(100% - 70px)!important; padding: 0 3px!important; margin-left: 35px; }
.quantity2 .input-number, .quantity2 .button .btn{ height:40px!important; font-size:14px; line-height: 20px; padding: 0 11px; border-radius: 20px; box-shadow:none;}   

.quickview-content h3 span.proid{display:inline-block; text-decoration: inherit;} 
.telephone i{font-size:35px; margin-right:15px; margin-top: 8px;}
.telephone h4{font-weight:400; font-size:16px;} 
.header .shopping{margin-top:5px; height:100%;}
.header .ti-bag{color:#333;} .header.sticky .ti-bag{color:#000;}
.sliderbg{ background: #fff; padding:0; border:solid 0px #e8e8e8; height:100%; border-radius:0px; }
.sliderbg2{background: #fff;  }  

.pointer{cursor: pointer;}
.w3-sidebar{ height:100vh; width:500px; box-shadow: -2px -5px 15px 0px rgba(0, 0, 0, 0.2); max-width: 96%; background-color:#fff; position:fixed!important; right:0; top:0; z-index:9999; overflow:auto; }
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.8);z-index:99;}
.w3-card, .w3-card-2 { box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%); }
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.sidebar-header{ padding:15px 20px;/* min-height:120px;*/   color:#000; border-bottom: solid 1px #f3f3f3; align-items: center; } 
.sidebar-header h4{font-size:18px; font-weight:500;}
.sidebar-header h4 a.small{font-size:12px; font-weight: 400;  }
.sidebar-body{  height:calc(100vh - 130px); overflow: auto; background: #fff;}
.sidebar-body.addcart{ height:calc(100vh - 310px); }
.sidebar-body.freealt{ height:calc(100vh - 400px); }
.sidebar-footer{ height: 70px; border-top: solid 1px #f3f3f3; padding:10px; background:#fff; position:fixed; z-index:9; bottom:0; width:100%; max-width:500px; }
.sidebar-footer.addcart{ height: 200px; }
.sidebar-footer.freealt{ height: 300px; }

/* Rounded sliders */
.switch { position: relative; display: inline-block; width: 35px; height: 18px; margin: 0; }
.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 1px; left: 0; right: 0; bottom: 0; border: solid 1px #5c5c5c; -webkit-transition: .4s; transition: .4s; height:20px; }
.slider:before{ position: absolute; content: ""; height: 11px; width: 11px; left: 3px; top: 3px; border: solid 1px #4c4b4b; -webkit-transition: .4s; transition: .4s; }
.switch input:checked + .slider{ border:solid 1px var(--mycolor); }
.switch input:focus + .slider{ box-shadow: 0 0 1px  var(--mycolor); }
.switch input:checked + .slider:before { -webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px); border:solid 1px var(--mycolor); background:var(--mycolor); } 
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }
 
/*catalogue-list*/
.catalogue-list{background: #fff; margin-bottom: 10px; padding: 15px; border: solid 1px #f5f5f5dd;  -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; align-items: center; transition: all 0.4s ease;}
.catalogue-list .catalogue-img{width: calc(150px - 15px);}
.catalogue-list .list-content{width: calc(100% - 300px); margin:0 15px 0 0;}
.catalogue-list:hover{ box-shadow: 0px 10px 10px rgb(0 0 0 / 10%); border: solid 1px var(--mycolor);}
.catalogue-list:hover .catalogue-img img{transform: scale(1.1);}
.catalogue-btn{ width: 180px!important; margin: 0!important; text-align:right;}
.catalogue-btn .btn{display: block;}
.catalogue-btn .acart{display:inline-block;}
.catalogue-img svg{width:25px!important; height:25px!important; margin-right:15px;}
.acart.btn-l{font-size: 16px; padding: 10px 25px;}

/*banner custome*/
.list-small .product-img{width: 150px; margin-right: 10px; flex-shrink: 0;}
.popular-slider .list-small .product-img, .popular-slider2 .list-small .product-img{width: 100px;}
.list-small .product-content{width: 100%;} 
.custom-pro{padding-left: 1rem !important; padding-right: 1rem !important;}
.svg-link{color: rgba(0, 0, 0); font-size: 13px;  display: -ms-inline-flexbox !important; display: inline-flex !important; -ms-flex-align: center !important; align-items: center !important;} .svg-link:hover{color: var(--mycolor);}
.svg-link svg{width: 20px; height: 20px; margin-right: 5px;}
.custom-pro img{width:100%!important; height:auto!important;}

/*accordion-style-1*/
#accordion-style-1 .btn-link, .card2 .btn-link { color:var(--mycolor)!important; font-size:16px;line-height:22px; font-weight:600; background-color: transparent !important; text-decoration: none !important; text-transform:capitalize; }
#accordion-style-1 .btn-link.collapsed{ color:#000!important; font-size:16px;line-height:22px; font-weight:600; }
#accordion-style-1 .card-body, .card2 .card-body { border-top: 2px solid var(--mycolor); }
#accordion-style-1 .card-header{ background: #fff; }
#accordion-style-1 .card-header .btn-link .w-5{ max-width:15px; }
#accordion-style-1 .card-header .btn.collapsed .fa.main, .card2 .card-header .btn.collapsed .fa.main{ display:none; }
#accordion-style-1 .card-header .btn .main, .card2 .card-header .btn .main{ color: var(--mycolor); padding: 5px 0; background: #ffffff; width: 35px; height: 35px; position: absolute; left:-14px; top:0; border-radius:35px; display:block; text-align: center; line-height: inherit; }
#accordion-style-1 svg{ fill:none; stroke:#4e4e4e; stroke-width:1px; width:30px; height:30px; }


.collapsed .fup{ display:none; }
.fup{ display:block; } .fdon{ display:none; }
.contact-us.section .nice-select{ width: 100%; border-radius: 0; height: 48px; }
.row-product { padding: 10px; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; gap: 30px 20px; }
.row-product_4 { grid-template-columns: repeat(4, 1fr); }
.row-product_5 { grid-template-columns: repeat(5, 1fr); }
.row-product_6 { grid-template-columns: repeat(6, 1fr); }
.min-70{ min-height:70px; }
.row-product:hover{ box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);  background:rgba(0, 0, 0, 0.03); } 
.row_bor .row-product{ border:solid 1px rgba(0, 0, 0, 0.08); margin-bottom:-1px; }
.row_bor .row-product:hover{ border:solid 1px var(--mycolor); }
.mylist:hover,.mylist.active{ border:2px solid var(--mycolor)!important; box-shadow: 0px 10px 10px rgb(0 0 0 / 10%); }
.row_bor .row-product:last-child{ border-bottom:none; }
.button-head .add-list{ text-align:center; }
.row-product .button-head{ height:100%!important; line-height:inherit!important; align-items:center; } 
.row-product:last-of-type { border-bottom: none; }
.row-product .p_title{ width:100%; }
.card.shop-list .quote_head:hover{ border:solid 1px transparent; }

.pr_img { width: 50px; height: auto; padding: 4px;  margin-right:10px; }
.p_title{ font-weight:500; } 
.p_title a{ font-weight:500; font-size:16px; } 
.p_title a:hover{ color: var(--mycolor); }
.p_title small{ display:block;}
.pr_tit{ color:#424646; font-weight:500;} 
.pr_tit:hover{ color:var(--mycolor); }
a.seeall { font-size: 13px; color: var(--mycolor); align-items: center; }
.seeall:hover { color: var(--gray-dark); text-decoration:none; }
.seeall .i2 { opacity: 0; margin-left:-15px!important; }
.seeall:hover .i2 { opacity: 1; }
.seeall:hover .i1{ opacity: 0; margin-left:5px; }
.card-title a.seeall{ float: right; }
.w150p{ width:150px!important; } 
.w150p img{ width:100%; }

@media screen and (max-width: 980px){
	.row-product { grid-template-columns: repeat(1, 1fr); gap: 10px; } 
}

.save-list{ width:350px; max-width:96%; height:350px; line-height: initial; border: solid 1px #EBEBEB; background:#fff; position:absolute; z-index:999; bottom:70px; right:0; box-shadow: 1px -1px 10px 6px rgb(0 0 0 / 8%); -webkit-box-shadow: 1px -1px 10px 6px rgb(0 0 0 / 8%); -moz-box-shadow: 1px -1px 10px 6px rgb(0 0 0 / 8%); border-radius:10px; }
.save-head, .save-foot{height:40px;} .save-head{border-bottom:solid 1px #F2F2F2;} .save-foot{border-top:solid 1px #F2F2F2;}
.save-body{ overflow:auto; height:268px; }
.radius50{ border-radius:50px; }

.listcheck{ padding: 0; margin-left: 0; }
.listcheck li{ list-style: none; border:2px solid transparent; border:solid 1px #efefef; margin-bottom: 5px; background:#fff; }  
.listcheck li:hover{ background: #f5f5f5; border:2px solid var(--mycolor); }
.listcheck li label{ height:74px; margin-bottom: 0; cursor:pointer;  padding:12px 10px; }
.listcheck li span{ width:calc(100% - 28px); margin-left: 10px; font-weight: 500; font-size:14px; line-height:24px; } 
.listcheck li input{ font-weight: 500!important; width: 18px; height: 18px; border: solid 1px #ddd; opacity: 0.8; }

.admin-header{z-index: 9!important;}
.header.sticky .admin-header{top: 44px!important;}
.telephone h3{font-size: 20px;}
.mobilecart{ display: none; position: relative;  min-width:50px; } 
.mobilecart .single-icon{padding:5px; font-size:20px;}
.mobilecart svg, .top-search svg{width:30px; height:30px; stroke: #fff; margin-right:0;}
.tog .button-cover{ height: 100px; margin: 20px; background-color: #fff; box-shadow: 0 10px 20px -8px #c5d6d6; border-radius: 4px; } 
.tog .button-cover:before{ counter-increment: button-counter; content: counter(button-counter); position: absolute; right: 0; bottom: 0; color: #d7e3e3; font-size: 12px; line-height: 1; padding: 5px; }
.tog .button-cover, .knobs, .tog .layer{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.tog .button{
    position: relative;
    top: 50%;
    width: 86px;
    height: 48px;
    margin: -20px auto 0 auto;
    overflow: hidden;
}

.tog .button.r, .tog .button.r .layer
{
    border-radius: 100px;
}

.tog .button.b2
{
    border-radius: 2px;
}

.tog .checkbox
{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.tog .knobs
{
    z-index: 2;
}

.tog .layer
{
    width: 100%;
    background-color: #ebf7fc;
    transition: 0.3s ease all;
    z-index: 1;
}

/* Button 1 */
#button-1 .knobs:before
{
    content: 'YES';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: inherit;
    padding: 9px 4px;
    background-color: #03A9F4;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-1 .checkbox:checked + .knobs:before
{
    content: 'NO';
    left: 42px;
    background-color: #f44336;
}

#button-1 .checkbox:checked ~ .layer
{
    background-color: #fcebeb;
}

#button-1 .knobs, #button-1 .knobs:before, #button-1 .layer
{
    transition: 0.3s ease all;
}

 /*FAQ*/

.faq-list {
    list-style: none;
    padding: 0;
}

.faq-list > li {
    margin: 30px 0;
  border: 1px solid #f2f2f2;
    padding: 16px 16px;
    margin: 0px auto 20px;
    text-align: left; 
    border-radius: 5px;
}
.faq-list > li.active { border: 2px solid var(--mycolor); }


.faq-list .faq-heading::before {
    content: '+';
   font-size: 40px;
    display: block;
    position: absolute;
   right:0;
    top: -8px;
  color:#c2c2c2;
}

.faq-list .the-active .faq-heading::before {
    content: '-';
  
}

.faq-heading {
    position: relative;
    cursor: pointer;
    font-size: 18px;
  font-weight: 400;
  margin:0;     width: calc(100% - 10px);
}

.faq-heading:hover {
    color: var(--theme-color);
}

.faq-text {
    display: none; margin-top: 20px!important;
}
.faq-text ol, .faq-text ul{margin:20px 0 20px 20px;}
.faq-text ol li, .faq-text ul li{list-style:auto!important;} 
.art-box svg {
  width:100%;
}
 
 
.read {
    color: rgb(100, 100, 100);
    font-size: 16px;
    line-height: 1.5;
    margin-top: 25px;
}

.aact{    color: var(--mycolor)!important; 
    padding:10px 15px 10px 15px;
     }
    
.shopping-item ul li a{padding:5px 0; display: block;}
 
/*cart panel*/
 
.curpointer{ cursor:pointer; }
.badge2{ font-size: 12px!important; font-weight: 400!important; line-height: 12px; letter-spacing:normal; padding:5px 7px; border-radius:10px; margin-right:5px; }
.product-price .badge, .button-head .badge{ margin-bottom:16px; }
.product-price{ font-size: 15px; margin:10px 0; margin-left:auto; font-weight: 500; flex-wrap: wrap; }
.grid-container .product-price{ font-size: 15px; margin:8px 0; margin-left:auto; font-weight: 500; flex-wrap: wrap; } 
.product-title{ font-size: 14px; font-weight: 500!important; margin: 0; }
.product-title:hover{color:var(--mycolor);}
.cartli .shopping-list li:last-child{border-bottom:none;}
.cico{font-size: 17px!important; float: left; margin-right: 5px!important;} .cico i{color: #333!important;}
.allcat{ height:100%; }
.allcat:hover{ background:#ffffff; color:var(--mycolor); }
.allcat:hover .cat-heading{ color:var(--mycolor); }
.allcat:hover .svg-white{ stroke:var(--mycolor); }

.allcat:hover .cico{color:#fff!important;}
.allcat .cm_nam{margin-left:10px;}
.cart-pp{ font-size:14px; text-align:center; line-height: 1; display: flex;/* margin:0 5px; min-width: 70px;*/ } 
.cart-pp span{display:block; font-weight:500; margin-left:5px; }
.h-cart .acart{padding: 4px 5px; font-size: 10px;}
.h-cart i{ font-size:20px; position: relative; }
.h-cart svg{fill:none; stroke:#fff; stroke-width: 1px; width:30px; height:30px;}    
.ta-acc{ display:flex; align-items:center; padding:6px 0px; }
.man_name{display:block;}
.accname{line-height:1;}

.foot_col h6{color:#000!important; font-weight:500; margin-bottom:15px; padding-bottom:10px; position:relative;}
.foot_col h6:before{ position: absolute; content: ""; height: 2px; width: 50px; background:var(--mycolor); left: 0; bottom: 0; }
.footerli li a, .footerli li{color:#000000; }
.viewall{ border:solid 1px var(--mycolor); border-radius:4px; font-size:13px; padding:5px 10px; right: 0; top: 3px; position: absolute; transition: all 0.3s;} 
.footerli li a:hover{color:#999;}
.footer-top h6{    color: #000!important; font-weight: 500; margin-bottom: 15px;}
a.viewall {color:var(--mycolor);}
.hover_bor:hover .viewall{background:var(--mycolor); color:#fff; transition: all 0.3s; padding-right:25px; box-shadow: 0 10px 20px -8px rgba(0, 0, 0,.7); } 
.hover_bor:hover .viewall:after { font-family: 'themify';
  content: "\e65a";
  position: absolute;
  opacity: 0;  
  top: 5px;
  right: -20px;
  transition: 0.3s;
}  
.hover_bor:hover .viewall:after {
  opacity: 1;
  right:5px;
} 
.svg25{width: 25px; height:25px; fill: currentColor;} .mobtn span{margin-left: 5px;}
.sel-label{border: solid 1px #e8e8e8; padding:5px 10px; width: 100%; transition: background-color 0.5s ease; cursor: pointer;}
.sel-label:hover{background: var(--light);} 
.sel-label.checked{background: var(--gray-dark); color: #fff;}
.sel-label input{display: none;}
.mx-height{max-height: 300px; overflow-y: auto; position: relative;}

/**  slim scroll*/
.cat-mobile .single-product .slbgscroll::-webkit-scrollbar {
    width: 0px;
    background-color: #fff;
}
.cat-mobile .single-product:hover .slbgscroll::-webkit-scrollbar { 
    background-color: #F5F5F5; width:3px;
}
.cat-mobile .single-product .slbgscroll::-webkit-scrollbar-thumb {
    background-color: #fff;
}
.cat-mobile .single-product:hover .slbgscroll::-webkit-scrollbar-thumb {
    background-color: #ada7a7;
}

::-webkit-scrollbar-track{	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);	background-color: #F5F5F5;}
::-webkit-scrollbar{	width: 5px;	background-color: #F5F5F5;}
::-webkit-scrollbar-thumb{	background-color:var(--mycolor);}

.slscroll::-webkit-scrollbar-track{	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);	background-color: #F5F5F5;}
.slscroll::-webkit-scrollbar{	width: 3px;	background-color: #F5F5F5;}
.slscroll::-webkit-scrollbar-thumb{	background-color: #a4a6a5;}

.slbgscroll::-webkit-scrollbar-track{	/*-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);*/	background-color: #F5F5F5;}
.slbgscroll::-webkit-scrollbar{	width: 3px;	background-color: #F5F5F5;}
.slbgscroll::-webkit-scrollbar-thumb{	background-color: #ada7a7;}

/*mobile footer*/
.mob-footer{position:fixed; height:65px; width:100%; color: #fff; background:#fff; padding:10px 5px; z-index:999; bottom:-1px; display:none; left:0; -webkit-box-shadow: 0px -2px 7px rgb(0 0 0 / 16%); -moz-box-shadow: 0px -2px 7px rgb(0 0 0 / 16%); box-shadow: 0px -2px 7px rgb(0 0 0 / 16%); }
.mob-footer ul{list-style:none; display: flex; justify-content:space-around; width: 100%;} 
.mob-footer ul li{list-style:none;  display:table-cell;}
.mob-footer ul li a{ padding:0; margin: 0; display: block; line-height: 15px; text-align:center; color:var(--mycolor); } 
.mob-footer ul li a svg{ margin:0 0 7px 0; stroke:var(--mycolor); stroke-width: 1.5px; }
.mob-footer ul li a span{ font-size:12px; display: block; line-height: 14px; }
.lin45 .nice-select{line-height:45px!important;}
/*mobile footer*/

.sign-top .bg-white{padding:2rem;}
.sign-top img{width:60px; margin-bottom:15px;}


#mainacc {
  margin:0;
}
#mainacc.sticky-top{top: 70px;}
#mainacc .card{border-radius: 5px;}
#mainacc #faq .card {
  margin-bottom: 10px;
 /* border: 0;*/
}
#mainacc #faq .card .card-header {
border: 0;
-webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
border-radius: 0px;
padding: 0;
}
#mainacc #faq .card .card-header .btn-header-link {
  color: #fff;
  display: block;
  text-align: left;
  background: #fff;
  color: #222;
  padding: 20px;
}
#mainacc #faq .card .card-header .btn-header-link:after {
  content: "\e64b";
  font-family: 'themify';
  font-weight: 900;
  float: right;     margin-top: 0;
}
#mainacc #faq .card .card-header .btn-header-link.collapsed {
  background: #fff;
  color: #222;
}
#mainacc #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\e648";
}
#mainacc #faq .card .collapsing {
  background: #fff;
  line-height: 30px;
}
#mainacc #faq .card .collapse {
  border: 0;
}
#mainacc #faq .card .collapse.show {
  background: #fff;
  line-height: 30px;
  color: #222; border-top:solid 1px #f3f3f3;
}
.btn-header-link{font-size: 18px;
    font-weight: 500;}
.btn-header-link img{width:30px; margin-right:10px;}
.newul{margin-left: 5px;}.newul li{padding-left: 1.28571429em;
    text-indent: -0.28571429em;}
.newul li:before{  content: "\e64c";
  font-family: 'themify'; margin-left: -1.3em; 
  width: 1.3em; margin-right: 10px;  }
.newul2 li{max-width:235px; margin:10px 15px; text-align:left;}

.sm-pop{width: 500px; max-width: 98%;}
.single-product.onspecial{ border:1px solid var(--yellow); position: relative;  }
.onspecial2{border: solid 1px var(--yellow)!important; border-bottom:1px solid var(--yellow)!important; border-left: solid 3px var(--yellow)!important; }
.single-product.onspecial:hover, .cardblk.onspecial:hover{ border: solid 2px var(--mycolor)!important; }

.onspecial .product-img{ min-height: 120px; margin-top:30px!important;}
.onspecial-title{ position:absolute; width:100%; padding:3px; top:0; left:0; background:var(--gray); color:#fff; z-index: 1; text-align:center; border-radius:6px 6px 0 0; font-weight:600;}
.edit-add{border:solid 2px var(--mycolor);}
.product-price span{ color:var(--mycolor); } 


/*list-view*/
.list-view .single-product{ width: 100%!important; display: flex; flex-wrap:nowrap!important; margin-bottom:10px!important; padding:10px; }
.list-view .single-product .product-img{ width: 130px; margin-bottom:0; margin-right: 10px;}
.list-view .onspecial .product-img, .list-view .onspecial .product-content{ min-height: 50px; margin-top:20px!important;}
.list-view .psecond{ width:calc(100% - 140px); display: flex; flex-wrap: nowrap; min-height:initial; flex-grow:inherit!important;}
.list-view .product-content{ width: 50%; margin-top: 0; }
.list-view .product-content h3,.list-view .product-content .ch3{ width:100%; margin-bottom: 0; }
.list-view .product-price span{ color:var(--mycolor); } 
.list-view .product-price small{ display:block; margin-left:0px; }
.list-view .cardblk .flex-grow-1{ align-items:center; }
.list-view .cardblk .product-action-2{ width:120px!important; margin-top:20px; }


.list-view .button-head{ display:inherit; width: 50%; flex: inherit; align-self:inherit; }
.list-view .onspecial .button-head{ margin-top:20px; }
.list-view .single-product{height: auto!important; margin-bottom: 10px;}
.list-view .single-product .product-action{ width:150px; order: 1; margin-right: 10px; }
.list-view .single-product .product-action-2{ width:calc(100% - 10%); order: 2; margin-left:10%;}
.list-view .single-product .product-action-2 .product-price{ width:100%; align-items: center; margin:0px; }
.list-view .single-product .product-action-2 .quantity2{ width:150px; }
.list-view .single-product .product-action-2 .acart2{ max-width:100px; float:right; }
.requir{ width: 100%; text-align:right !important; }
.list-view .box6:after{display:none!important;}
.list-view .product-img:hover .bgOver, .list-view .product-img:hover .box-content2, .list-view .product-img:hover .box-content{ display:none!important; }
.list-view .glink{ width: 100%; height: 100%; display:flex; flex-direction: column; justify-content:space-between; justify-content: space-between; align-items: flex-end; border:0px; }
.glink a{ font-size:14px; color:var(--mycolor)!important; line-height:16px; font-weight:500; }

.dis_field input[type="text"]:disabled { background: none; border: none; font-weight: 600; font-size: 16px; padding: 0!important; color: #000; height:auto!important; }
.dis_field label{margin-bottom: 0;}
.green-bo { border: solid 2px #28a745; border-radius: 5px; }
.prof.sticky-top{top: 100px; z-index: 1;}
.leftmm li a { display: block;
    font-size: 1.5rem;
    font-weight:600; padding:10px;
    color: rgba(0, 0, 0, 0.7);
    background: #fff;
    margin: 5px 0;
    border: 1px solid rgba(0, 0, 0, 0.125);} 
    .leftmm li a img{width: 40px;}
    .leftmm li a:hover{background: var(--mycolor); color: #fff;}
.daslist li a, .daslist02 li{display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack:  space-between !important;
  justify-content: space-between; !important;
 -ms-flex-align: center !important;
  align-items: center !important;
padding: 15px;
}
.daslist02 li{padding:0 5px; color:var(--gray)}
.daslist02 li:hover{color:var(--dark);} .daslist02 li:hover .ldig{color:var(--mycolor); font-weight:700;}
.daslist li a:hover{background:rgba(0, 0, 0, 0.03);  } /*.daslist li a:hover span{color:#fff!important; }*/
.daslist li a{font-size:14px;}    
.daslist li a span:last-child {font-weight: 700;}
.aniarow{opacity:0; font-size: 16px;} .daslist li a:hover .aniarow{opacity:1; margin-left:10px;
transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 0.5s ease-in-out; /** Firefox **/
    -o-transition: all 0.5s ease-in-out; /** Opera **/
}
.btn-md{font-size: 15px!important; padding: 0.275rem 0.75rem!important;}
.moblist{display: block!important;  }
.d-hidden{display: none!important;}
.backtop{    width: 100%; display:none;
    background: #fff;
    border-bottom: solid 2px var(--mycolor);}  
.backtop .sbt, .backtop .sbt:hover{ 
        width: auto;
    border-radius: 0;
    display: block;
    padding:5px 10px;
    background: rgba(238, 238, 238, 1);
    color: #6e6e6e;
    text-align: center;
    margin: 0 auto;
    border: solid 2px var(--mycolor);
    border-radius: 10px 10px 0 0;
    border-bottom: solid 2px rgba(238, 238, 238, 1);
    margin-bottom: -2px;}
	.backtop .sbt:hover{background:var(--mycolor)!important;  border-bottom: solid 2px var(--mycolor)!important; color:#fff!important; }
 .sbt:focus, .sbt:hover{ outline: none;}
 .loadm, .loadm2 a{font-size:14px; color: #6e6e6e; cursor:pointer; padding:5px 10px; border-radius:5px;
  display:flex; align-items:center; border:solid 1px transparent; justify-content:center;} 
  .loadm:hover, .loadm2 a:hover{background:#f5f5f5; color:var(--mycolor)!important; border:solid 1px var(--mycolor);}
 .backtop .sbt i{margin-bottom:5px!important;}
 .loadm .roico{display:none!important;}
 .backtop .sbt i, .roico{      background: var(--mycolor);
    padding: 5px;
    border-radius: 15px;
    color: #fff;
    display: block;
    width: fit-content;
    margin:0 0 0 15px;}
.footer .about .call a{color:#000!important;}
/*SideBar Menu*/
.sidebar-menu{ /*white-space: nowrap;*/ list-style: none; margin: 0; padding: 0; overflow: hidden;}
.sidebar-menu>li{ position: relative; margin: 0; padding: 0; -webkit-transition: border-left-color .3s ease; -o-transition: border-left-color .3s ease; transition: border-left-color .3s ease;}
.sidebar-menu>li img{width:25px; border:solid 1px #F0F0F0; padding:2px; margin:0 5px 0 0;}
.sidebar-menu>li>a { font-weight: 500; position: relative; padding:5px 0; display: block; font-size: 15px; color: var(--mycolor);}
.sidebar-menu>li>a>.fa,.treeview-menu>li>a>.fa{ width: 15px; }
.sidebar-menu li>a>.pull-right-container { position: absolute; right: 10px; top: 50%; margin-top: -7px; }
.treeview-menu { display: none; list-style: none; padding: 0; margin: 0;  }
.treeview-menu .treeview-menu { margin-left: 20px; }
.treeview-menu>li { margin: 0; }
.treeview-menu>li>a { position: relative; color: #777; padding:3px 0; display: block; font-size: 14px; }
.menu-open>.treeview-menu{ display:block; border-left: solid 1px #ccc;}
.menu-open > a {
    font-weight: 600!important;
}
.sidebar-menu .menu-open>a>.pull-right-container>.fa-angle-left { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);}
.sidebar-menu>li>a:hover{ background:#EEEEEE; text-decoration:none; }
 .sidebar-menu .navact { color: var(--mycolor)!important; font-weight:600; text-decoration:none;
}
.menu-open > a{color: var(--mycolor)!important;} .menu-open > a:hover{color: #fff!important;}
.tree a:hover .fa-circle-o{margin-right:5px;}
.tree a .fa-circle-o{font-size:10px}
.tree a{ text-decoration:none;
text-indent: 0;
-webkit-transition:200ms ease;
    -moz-transition:200ms ease;
    -o-transition:200ms ease;
    transition:200ms ease;	
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tree a:hover{
text-indent: 5px;
-webkit-transition:200ms ease;
    -moz-transition:200ms ease;
    -o-transition:200ms ease;
    transition:200ms ease;	
}

.header.shop .nav-link i {color: #6e6d6d!important;} .header.shop .nav-link.active i{color:var(--mycolor)!important;}
.shopping-item .nav-tabs li a:hover{color: #fff!important; cursor: pointer;}
.bgcomb{margin-top: -1px; background:#f1f1f1;}
.line-text:before {
content: "";
margin: 0px auto;
position: absolute;
border-top: 1px solid rgb(224, 224, 224);
inset: 13px 0px 0px;
width: 95%;
z-index: -1;
}
      .line-text span {
    background: rgb(255, 255, 255);
    padding: 0px 15px;
}
.line-text{margin-top: 30px; 
    color: rgb(153, 153, 153);
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1;}
.btn-check{padding:1.5rem 1rem;}    
.btn-check h5{/*color: var(--mycolor);*/ margin-bottom: 10px; font-weight: 500;}  .btn-check p{margin: 0!important;} 
.btn-check.active p{color:#fff;}
.btn-check:hover h5, .btn-check:hover p/*, .active h5, .active p*/{color: #fff!important;}
.fullnav .nav-item{width: 100%;} .fullnav .nav-item .nav-link{border-radius: 0;}
.fullnav .tab-content{border:1px solid rgba(0, 0, 0, 0.125); border-right:none; padding: 15px;}

.inntab .nav-link.active{ border-bottom: solid 2px #fff; margin-bottom: -2px; }  
.inntab .nav-link i{ color:var(--mycolor); font-size: 20px!important; margin-left: 0!important; } 
.ordSum{margin-bottom: 10px; }    
.ordSum li.panel-heading .clickable{display:flex; align-items: center; justify-content: space-between;}
.ordSum .tab-content{ width:calc(100% - 40px); padding:10px; background-color:#fff; border:2px solid var(--dark); }

.lat-tab{ width:40px; background: #fff; color: #fff;} 
.lat-tab .nav-item{ width:100%; border:none; }
.lat-tab .nav-item:hover .active i{ color:var(--dark); }
.lat-tab .nav-item a{ color:var(--mycolor); border-radius:0; border: none;  padding: 0!important;  margin-right: -2px; }
.lat-tab .nav-item a i,.lat-tab .nav-item a:hover i{ display: block; color:var(--mycolor); font-size: 20px!important; margin:0; margin-left: 0!important; padding: 10px; }
.lat-tab .nav-item a.active{ border-top: none; border-right: 2px solid #fff; background:var(--dark); }
.lat-tab .nav-item a.active i,.lat-tab .nav-item a.active:hover i{ color: #fff; }

.orlist li{display: flex; align-items: center; justify-content: space-between; border-bottom: solid 1px #ddd; padding: 5px 0;}
.orlist li:last-child{font-weight: 500; border-bottom:none;} 
.orlist li:last-child span{font-size: 18px;}
.cartli{ padding: 10px; }
.avail{display:flex; align-items: center; color: var(--green);}
.avail li{text-align: center; flex: 1; font-size: 12px; font-weight: 600;}
.avail span{display: block; color: var(--dark); font-size: 11px; font-weight: 400;}

.fs-11{font-size: 11px!important;}
.fs-12{font-size: 12px!important;}
.fs-14{font-size: 14px!important;}
.fs-16{font-size: 16px!important;}
.fs-18{font-size: 18px!important;}
.fs-20{font-size: 20px!important;}
.fs-24{font-size: 24px!important;}
.fs-30{font-size: 30px!important;}
.lin-15{line-height: 15px;} .lin-18{line-height: 18px;}
.psuffix, .psymbol{/* vertical-align: super;*/ font-weight:500;}
/*.quantity2 .input-group{ max-width:130px; }*/
.icobox{border:solid 1px #EBEBEB; color:#333; padding:15px; display:flex; align-items:center; cursor:pointer;}
.icobox > i{font-size:25px; margin-right:15px}
.icobox h6{font-weight:500;}
.icobox span{color:#666;} .icobox:hover span{color:#fff!important;}
.icobox:hover{background:var(--mycolor); color:#fff!important;}
.smpage{display:none; float:right;} .smpage i{color:var(--mycolor);}
.dbblock:hover .smpage{display:block;}
.vall{color:var(--mycolor)!important;} .vall:hover{color:#000;}
.w-20{width:20px;} .w50{width:50px;} .w100{width:100px;}
.w-fit{width:fit-content;}
.lastview{position:absolute!important; z-index: 999; right: 10px; bottom: 10px;}
.p-count{  color:var(--mycolor); font-weight:700; padding:0 2px; border-radius:3px; font-size:11px; display:inline-block;}
.c-row{position:relative;}
.act-ac{position:absolute; right:5px; top:5px; display:none;}
.c-row.active .act-ac{ display:block;     background: var(--mycolor);
    color: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    font-size: 14px;
    line-height: 25px;
    text-align: center;}

/* progressbar*/

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey
}

#progressbar .active {
    color: #000000
}

#progressbar li {
    list-style-type: none;
    font-size: 12px;
    width: 25%;
    float: left;
    position: relative; text-align: center;
}
#progressbar li:before{content:"";}
/*#progressbar #account:before {
    font-family: FontAwesome;
    content: "\f023"
}

#progressbar #personal:before {
    font-family: FontAwesome;
    content: "\f007"
}

#progressbar #payment:before {
    font-family: FontAwesome;
    content: "\f09d"
}

#progressbar #confirm:before {
    font-family: FontAwesome;
    content: "\f00c"
}*/

#progressbar li:before {
    width: 15px;
    height: 15px;
    line-height: 45px;
    display: block;
    font-size: 18px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 6px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: var(--mycolor);
}

/* theme-style.php*/
.alertmsg{ position: fixed; display: inline-block; background:#fff; margin: 15px auto; padding:20px!important; transition: all 0.5s ease-in-out 0s; z-index: 9999; top: 20px; left: 0px; right: 0px; text-align:center; }

.cart-box { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; position: fixed; bottom: 30px; left: 20px; z-index: 9999; color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; display: block; font-weight: 500!important; }
.cart-box svg{fill: green;}
.flex-row{ display: flex; align-items: center; }
#cwrap { width: 30px; height: 30px; margin: 0 auto; position: relative; border-radius: 50%; margin-left: 10px; }
.box-left, .box-right{ width: 50%; height: 100%; box-sizing: border-box; position: absolute; top: 0; overflow: hidden; }
.box-left, .circle-left{ left: 0; }
.box-right, .circle-right{ right: 0; }
.circle-left, .circle-right{ width: 200%; height: 100%; box-sizing: border-box; border: 2px green solid; border-radius: 50%; position: absolute; top: 0; }
.circle-left{ border-top-color: transparent; border-left-color: transparent; transform: rotate(-45deg); animation: circleRotate 1s linear forwards 1s; }
.circle-right{ border-bottom-color: transparent; border-right-color: transparent; transform: rotate(-45deg); animation: circleRotate 1s linear forwards; }
@keyframes circleRotate{
  from {transform: rotate(-45deg)}
  to {transform: rotate(135deg)}
}

.innertable{ border-bottom: 1px solid #eee; border-collapse:collapse; }
.innertable tr{ border-bottom: 1px solid #eee; padding:3px 10px; color:#BEBEBE; font-size:11px; }
.nodename{ background:#d3d3d3; color:#000!important; font-weight:bold; }


.faq-list .faq-heading::before{ display:none; }
.address{ width:100%; padding:10px 20px; overflow:hidden; border:1px solid #D3D3D3; }
.address.active, .address:hover{ border:2px solid var(--mycolor); }
.sellabel{ background:var(--mycolor); color:#fff; padding:2px 5px; border-radius:4px; display:none; }
.address.active .sellabel{ display:block; }
.addrtype{ display:inline-block; padding:2px 8px; font-size:14px; line-height:18px; margin-top:10px; margin-bottom:0px; border-radius:5px; }
.addrgreen{ border:1px solid #28a745; color:#28a745; }
.addrgray{ border:1px solid #777; color:#777; }

.payacc .card-header .btndiv{ display: block; width: 100%; background:#f8f9fa; border:1px solid #f8f9fa; border-radius:0px; padding: 20px 16px; font-size: 18px; line-height: 22px; }
.payacc .card-header .btndiv:hover{ background:var(--mycolor); border:1px solid var(--mycolor); }
.payacc .card-body{ border:0px!important; border-top:1px solid #f2f2f2; }
.payacc:hover .card-body{ border-top:1px solid var(--mycolor)!important; }
.btndiv .small{ color:#6c757d; }
.btndiv:hover .main-txt, .btndiv:hover .small{ color:#fff; }
.btndiv:hover .svg_current{ stroke:#fff; }


.vocdis{ display:flex; flex-direction: column; align-items:start!important; }
.vocdis .valblk{ width:100%; display:flex; justify-content:space-between; }
.voucherblk{ display:flex; justify-content:space-between; width:100%; max-width:250px; margin:15px 0px 10px 0px; padding:4px 10px; font-size:14px; line-height:16px; border:1px solid var(--mycolor)!important; border-radius:5px; }
.voucherblk span{ color: var(--mycolor)!important; }

.psymbol{ font-size:24px; font-weight:700; line-height:32px; margin-right:3px; } 
.pprefix{ font-size:24px; font-weight:700; line-height:32px; }
.psuffix{ font-size:24px; font-weight:700; line-height:32px; } 
.quickview-content .psymbol{ font-size:36px; font-weight:700; line-height:40px; } 
.quickview-content .pprefix, .quickview-content .psuffix{ font-size:36px; font-weight:700; line-height:40px; } 

.saving{ margin:2px 2px 0 0; text-align:center; background:var(--warning); color:#000; font-size:12px!important; line-height:12px; padding:1px 4px; border-radius:4px; }
.saving02{ background:var(--mycolor); color:#fff; font-size:10px!important; text-transform:uppercase;  padding:4px 10px; border-radius:4px; }
.saving02 span{font-size:18px;}
.password{ position:absolute; right:15px; top:4px; font-size:22px; }
.paytype{ display: flex; align-items: center; width:100%; float:left; padding:10px 20px; border:1px solid #f8f9fa; cursor:pointer; background:#f8f9fa; }
.paytype.active{ border:2px solid var(--mycolor); }
.payimg{ margin-right:10px; }
.paycon{ display: flex; justify-content: space-between; width: calc(100% - 30px); }
.picon{ width:30px; text-align:right; }
.picon i{ font-size:20px; }
.paytitle{ position: relative; font-size: 15px; font-weight: 600; padding: 10px 15px; line-height: 24px; text-transform: uppercase; color: #333; padding-bottom: 5px; margin-bottom:10px; }
/*.paytitle:before { position: absolute; content: ""; left: 30px; bottom: 0; height: 2px; width: 50px; background:#0088CC; }*/

.mini-submenu{display:none;  background-color: rgba(0, 0, 0, 0);  border: 1px solid rgba(0, 0, 0, 0.9);border-radius: 4px;padding: 9px;  width: 42px; } 
.mini-submenu:hover{cursor: pointer;} 
.mini-submenu .icon-bar {border-radius: 1px;display: block;height: 2px;width: 22px;margin-top: 3px;} 
.mini-submenu .icon-bar {background-color: #000;} 
#slide-submenu{background: rgba(0, 0, 0, 0.45);display: inline-block;padding: 0 8px;border-radius: 4px;cursor: pointer;} 
.sidelevel {position: relative;margin: 0;width: 100%; }
.sidelevel ul {list-style: none;margin: 0;padding: 0;}
.sidelevel ul li {/* Sub Menu */}
.sidelevel ul li a {display: block;padding: 10px 15px;color: #fff;text-decoration: none;-webkit-transition: 0.2s linear;-moz-transition: 0.2s linear;-ms-transition: 0.2s linear;-o-transition: 0.2s linear;transition: 0.2s linear;}
.sidelevel ul li a:hover {background: #1d4f71;color: #fff;}
.sidelevel ul li a .fa {width: 16px;text-align: center;margin-right: 5px;float:right;}
.sidelevel ul ul {border-left:solid 1px #ddd; margin-left: 10px;}
.sidelevel ul li ul li a {border-left: 4px solid transparent;padding: 10px 20px;}
/*.sidelevel ul li ul li a:hover {border-left: 4px solid #3498db;}*/
#slide-submenu, .camob{display:none;} 
@media only screen and (max-width: 650px){
	#slide-submenu, .camob{display:block;}	
	.mini-submenu{display:block;}
	.sidelevel{display:none;}
	.sidelevel{position: fixed;top: 0;left: 0;background: #fff;z-index: 999;padding: 10px;overflow: auto; height: 100vh;}
	.modal-body .sidelevel{display:block!important; position:relative; height:auto;}
	.sidebar-body{  height:calc(100vh - 200px);}
	.sidebar-footer{/*height: 50px;*/ padding-bottom:0; }
	.single-product .product-content .ch3 a{ font-size:14px; font-weight:500; }

	.psymbol{ font-size:15px; font-weight:600; font-family: 'Poppins'; } 
	.pprefix,.psuffix{ font-size:15px; font-weight:600; }

	.mo_view .title{ font-size:16px; font-weight:600; }
	.mo_view .psymbol{ font-size:18px; font-weight:600; font-family: 'Poppins'; } 
	.mo_view .pprefix,.mo_view  .psuffix{ font-size:18px; font-weight:600; }
}
/* theme-style.php end*/
 
 .flip-card-3D-wrapper {
  width:100%;
  height:100px;
  max-width: 300px;
  max-height:200px;
  position: relative;
  -o-perspective: 900px;
  -webkit-perspective: 900px;
  -ms-perspective: 900px;
  perspective: 900px;
  margin: 0 auto;
}
#flip-card,#flip-card2 {
  width: 100%;
  height: 100%;  
  text-align: center;
  margin:0 auto;
  position: absolute;
  -o-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  -o-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.do-flip {
  -o-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
#flip-card-btn-turn-to-back, #flip-card-btn-turn-to-front {
  position: absolute;
  bottom:-5px;
  right: -5px; 
  background:var(--dark); color:#fff; padding: 5px; border:none;
  cursor: pointer;
  visibility: hidden;  
}
#flip-card .flip-card-front, #flip-card .flip-card-back, #flip-card2 .flip-card-front, #flip-card2 .flip-card-back{
  width: 100%;
  height: 100%;
  position: absolute;
  -o-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 2;
  -webkit-box-shadow: 5px 6px 32px 2px rgba(133,133,133,0.71);
  -moz-box-shadow: 5px 6px 32px 2px rgba(133,133,133,0.71);
  box-shadow: 5px 6px 32px 2px rgba(133,133,133,0.71);
}
#flip-card .flip-card-front, #flip-card2 .flip-card-front { background: var(--mycolor);  color:#fff; padding:10px; } 
#flip-card .flip-card-front p, #flip-card2 .flip-card-front p{ color:#fff;}
#flip-card .flip-card-back, #flip-card2 .flip-card-back { color:#333; padding:10px;
    -o-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
#flip-card .flip-card-back img, #flip-card2 .flip-card-back img{width:80%;}
.our-tab .nav-item{width:50%;}
.our-tab .nav-link{cursor:pointer; border:none; text-align:center; background:#ddd;}
.our-tab .nav-link.active{background:var(--mycolor); color:#fff;}

.filter-tab{width:100%; margin-top:1px;}
.filter-tab .nav-pills{width:200px; float:left;} 
.filter-tab .nav-pills .nav-link{ padding:0.5rem;   line-height:18px; display:flex; flex-wrap: nowrap;}
.filter-tab .nav-pills .nav-link span{ font-weight:bold; }
.filter-tab .nav-pills .nav-link .se_smal{white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis; max-width: 140px;}
.filter-tab .tab-content{width:calc(100% - 200px); float:left;}
.filter-tab .nav-pills i{font-size:25px; margin-right:15px; float:left;}
.filter-tab .nav-pills svg{width:20px; height:20px; float:left;}
.filter-b{line-height:1; margin:-1px;}
.linkbo{font-size:18px; border:none; padding:5px 7px; margin-bottom:5px; font-weight:500; background:none; color:var(--mycolor);} .linkbo.active{background:var(--mycolor); color:#fff;}
.linkbo.diasble{color:#c3c3c3; cursor:inherit;}
.linkbo:focus{border:none; outline:none;}

.borderbo{border-bottom:solid 1px #f5f5f5;}
.list-sel button i{margin-left:10px; font-size:12px; color:#bfbfbf;} .list-sel button:hover i{color:#fff;}
.m-hea{width: calc(100% - 50px); font-size:22px; font-weight:400; margin-bottom:0px; }
.modal-header2{    width: 100%; position: relative!important; top: inherit!important; right: inherit!important; padding: 1rem!important; display: -ms-flexbox !important;  display: flex !important;    align-items: center;}
.modal-body2{padding:0 1rem 1rem 1rem!important;}
.row3{margin-right: -8px!important; margin-left: -8px!important;}
.pack-siz{ max-width:400px; background:#fff;  overflow: hidden; margin-bottom:10px; border:solid 1px #e2e2e2; }
.pack-siz .adv_price{/*width:100px;*/ text-align:right;}
.pack-siz2{max-width:100%!important;}
.pack-siz2 .pack_img{min-width:50px!important; width:50px!important;}
.adv_price{text-align:right;}
.pack_trick{background-color:#fff; border-radius: 0 3px 3px 0;    margin: -1px -1px -1px 0; width:2.6rem; margin-left:auto;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-item-align: stretch;
align-self: stretch;
  -ms-flex-pack: center !important;
  justify-content: center !important;
    -ms-flex-align: center !important;
  align-items: center !important;
}
.pr_ch{ position:relative;   
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-item-align: stretch;
align-self: stretch;
  -ms-flex-pack: center !important;
  justify-content: center !important;
    -ms-flex-align: center !important;
  align-items: center !important;
}
.pack-siz.active{border-color:var(--mycolor);}
.pack-siz.active .pack_trick{background-color:var(--mycolor); }
.pack_trick i{color:#b3b3b3;} .pack-siz.active .pack_trick i{color:#fff;}
.pack_fir{color:#000;} .pack_fir span{color:#666; display:block; font-size:11px;}	
.pack_fir{padding:10px; width:30%;}
.pack_sec{-ms-flex-positive: 1; flex-grow: 1; margin: 1rem 0;}
.pack_mrp{margin:0 5px;} .pack_mrp span{text-decoration:line-through;}
.pack_img{width:50px; margin:10px; flex-shrink: 0;} .pack_img img{width:100%;}

.til_box .onspecial-title{ background:var(--mycolor); }
.til_box.onspecial{ border: 1px solid var(--mycolor) !important; }
.til_box.onspecial:hover{ border:2px solid var(--mycolor) !important; }

.line_t{text-decoration:line-through;}
.ribbon3 {
width: 100px;
height: 30px;
line-height: 30px;
padding-left: 15px;
position: absolute;
left: -8px;
top: 20px;
background: var(--mycolor); text-transform:uppercase;
z-index: 9;
color: #fff;
font-size: 17px;
letter-spacing: 0.08rem;
}
.ribbon3:before, .ribbon3:after {
  content: "";
  position: absolute;
}
.ribbon3:before {
  height: 0;
  width: 0;
  top: -8.5px;
  left: 0.1px;
  border-bottom: 9px solid black;
  border-left: 9px solid transparent;
}
.ribbon3:after {
  height: 0;
  width: 0;
  right: -14.5px;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid  var(--mycolor);
}
.til_box{position:relative;}
.til_box .acart{opacity:0;}
.til_box:hover .acart{opacity:1;}
.til_box .product-img{width:100%!important;}
.til_box .product-img a img{width:100%!important;}
.left_bor li{border:solid 1px #F4F4F4; border-left:solid 3px var(--yellow); padding:5px 10px;} 
.button.minus .btn-number{background: #f3f3f3!important; border-radius: 6px 0 0 6px!important;}
.button.plus .btn-number{background: #f3f3f3!important; border-radius:0 6px 6px 0!important;} 
.input-group.added .button.plus .btn-number, .input-group.added .button.minus .btn-number, .input-group.added .input-number{ border:1px solid #28a745; }


.btn.btn-number:hover{background:var(--mycolor)!important; color:#fff!important;}   
.btn.btn-number:hover i.text-success{color:#fff!important;} 
.w-spa{white-space: nowrap;}
.he_30 .nice-select{height:30px!important; font-size: 12px!important;}
.he_30 .nice-select .option{ max-height: 30px!important;}
.quantity3 .button.minus .btn-number, .quantity3 .button.plus .btn-number{ background:#ddd!important; color:#000!important;}

.singlecat a{ 
  transition: all 0.5s; padding-right:15px; padding-left:15px;
  cursor: pointer;  
}
 
.singlecat a:after { font-family: 'themify';
  content: "\e65a";
  position: absolute;
  opacity: 0;  
  top:15px;
  right:15px;
  transition: 0.5s;
} 

.singlecat a:hover:after {
  opacity: 1;
  right:12px; color:#fff;
}
.ca_view{width:100%; background:none!important;}
.ca_view li{margin:0 5px;}
.ca_view li.panel-heading{background:#fff; border-radius:0!important; padding:5px!important; margin:0 10px 10px 10px; border:solid 1px #EFEFEF;}
.ca_view li.panel-heading:hover{border:solid 1px var(--mycolor);}
.aborder{border:solid 1px var(--mycolor); border-left-width:5px!important;}
.acc_h3{ display:flex; color:var(--mycolor); font-size:20px; font-weight:400; cursor: pointer; padding:10px; border:1px solid rgba(0, 0, 0, 0.125); background:#fff; margin-bottom:10px;}
.acc_h3:hover{ font-weight:600; }
.doww{display:block;}
.ac_bott .doww, .upp{display:none;}
.ac_bott .upp{display:block;}
/*.btn_c{background:#CDCDCD!important; border-radius:0 4px 4px 0!important;}*/
.s_full, .s_full .nice-select{width:100%;} 
.p_name{font-size: 14px; line-height: 16px; font-weight: 500; margin: 0; }
.h-38{height:38px!important;}
.mb_l_r{text-align:right;}
.search_sug01 ul li a{display: -ms-flexbox !important;
  display: flex !important;   -ms-flex-align: start !important;  align-items: flex-start !important;}
.search_sug01 ul li a img{background: #fff; border:solid 1px #EEE; padding: 2px;}
.card_blo .card-title{   font-size: 16px!important;}
.card_blo .card:hover{box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;}
body.bomain {
    overflow: hidden;
    padding-right: 17px;
}

:root {  
  --time: 3s;
  --size: 3px;
}

.loader { 
	overflow: hidden;
  width: 100%;
  height:auto;
  position:absolute;
  top:auto; left: 0;
  display: flex;
  align-items: center;
  align-content: center; 
  justify-content: flex-start;  
	z-index: 100000;
}

.loader__element {
	height: var(--size);
	width: 100%;
	/*background:#BFBFBF;*/

}

.loader__element:before {
	content: '';
	display: block;
	background-color: var(--mycolor);
	height: var(--size);
	width: 0;
  animation: getWidth var(--time) ease-in infinite;
}

@keyframes getWidth {
	100% { width: 100%; }
}
 @media print {
.tr_bo{border-bottom:solid 1px #f2f2f2;}
 }
.alert-msg{ padding: 10px; border: solid 1px var(--mycolor); margin-bottom: 10px; font-size: 13px; line-height: 17px; background: #fff;}
.alert-msg:hover{ background: #f9f9f9; }
.alert-msg i{font-size:18px; color: var(--mycolor);}
.mview{display:none;} 
.dview{display: -ms-flexbox; display: flex; flex-wrap: wrap; margin:10px 0 0;}
.ev-lab{background:var(--dark); color:#fff!important; font-size:9px!important;}

.pop_car{ position:relative!important; margin-bottom:10px!important; margin:0px 0px 5px 0px!important; z-index:1!important; justify-content: flex-start; }
.pop_car li{ padding:3px; border:solid 1px transparent!important; max-width:120px; }
.pop_car li.active{ border:solid 1px var(--mycolor)!important; }

.pop_scr{ max-height: calc(100vh - 250px);    overflow: auto; }
.fl-1{ -ms-flex: 1; flex: 1; }
.row .foot_col{width:calc(100%/4); border-left: solid 1px #e9e9e9; padding-left:15px;}
.form-control:focus{border-color:#a1a4a7;}
.vtab .nav-link{ margin-bottom: 4px; border-radius:0; cursor: pointer; position: relative;}

 .vtab .nav-link.active{background-color:#fff!important; color:var(--mycolor); font-weight: 500;}
  .vtab .nav-link.active::after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    z-index: 10;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    margin-top: -10px;
    top: 50%;
    border-right: 10px solid #ddd;
    left: auto;
    right: 0px;
}
.pr-tab li a{cursor:pointer; padding:0 3px;}
.pr-tab .nav-link.active{background:none!important; color:var(--mycolor)!important; }
.my_ico {
    width: 70px;
    height: 70px;
    background: #f0f8ff;
    border-radius: 100%;
    text-align: center;
}
.my_ico img{filter: grayscale(100%); opacity:0.4; width:60px;}
.card_blo .card:hover img{filter: grayscale(0); opacity:1;}
.lat_tab li a{ cursor: pointer; font-size:16px!important; border: none!important; border-bottom: solid 2px transparent!important; text-transform:capitalize!important; background:none!important; border-radius:0!important;
padding:0.5rem 0.5rem!important; font-weight:500!important; }
.lat_tab li a.active{border-bottom: solid 2px var(--mycolor)!important; color: var(--mycolor)!important;}
.lat_tab li a:hover{color: var(--mycolor)!important;}
.lat_tab li a svg{width:30px; height:30px; fill: none!important; stroke:var(--dark);}
.lat_tab li a.active svg, .lat_tab li a:hover{stroke:var(--mycolor);}
.nav-tabs.lat_tab{margin:0 0 10px 0;}
.btn.active{background:var(--mycolor); color:#fff;}
.filter-bar .btn-md{text-transform: capitalize;}
.filter-bar .new-select .current{font-size:15px!important;}
.filter-bar .new-select{height: 32px!important; line-height: 29px!important;}
.btn-dark svg{fill:#fff;}
.slide .pop_car{flex-direction: column; margin:0;}
.pop_car li{max-width:90px;}
.v_rang{background: #fff;
    position: absolute;
    bottom: 0;
    text-align: center;
    width: calc(100% - 4px);
    margin: 0 0 3px 2px;
    opacity: 0;
    border-radius: 0 0 10px 10px; 
	overflow:hidden;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; height:0;
	box-shadow: 0px -5px 9px 0px rgb(0 0 0 / 6%);
    padding: 5px 0 0 0;
	}
	.v_rang .btn {
    font-size: 11px; border-radius: 20px; padding:3px 12px;
}
.v_rang h3 {
    font-size: 14px;
}
.roco5 li{position:relative;}
.roco5 li:hover .v_rang{opacity:1; height:55px;}

.pri_range{display:flex; flex-wrap: wrap; margin:0; text-transform: capitalize;}  
.pri_range li{padding:8px 15px; border:1px solid #d4d6d8; border-radius:4px; box-shadow: 0 1px 1px #d4d6d840;  margin:0 5px 5px 0; display:flex;}
.pri_range li.active{border:solid 1px var(--mycolor);  }
.sticky_t{position: sticky!important; top:50px;  position: -webkit-sticky; }
.sharico a{ margin: 0 1px; margin-right:10px; border-radius: 30px; border:none; width: 25px; height:25px; display: inline-block; text-align: center; padding:0; line-height:25px; font-size:12px; }
.sharico a:hover{ background:none; }	
.sharico a:hover svg{ stroke:var(--mycolor)!important; }

.svg_ico{ width:25px; height:25px; margin-right:5px; fill:none!important; stroke-width:1px;  stroke:var(--gray);}
.sharico a .svg_ico{ stroke:var(--mycolor); stroke-width:1px; width:25px; height:25px; }
.sharico a:last-child .svg_ico{ margin-right:0px; }

.flex-viewport{order:2;}
.rib_head { background:var(--blue); color:#fff; padding:6px 15px; margin-left: -25px; position: relative; font-size: 16px; }
.rib_head { background: var(--mycolor); width: fit-content; color: #fff; padding: 6px 15px; margin-left: -25px; position: relative; font-size: 16px; }
.rib_head::before { content: ""; position: absolute; top: 100%; left: 0; border-bottom: 10px solid transparent; border-right: 10px solid #565656; }
.t_fir tr:first-child td{border-top:none!important;}
.cir_new{flex: 1;}
.cir_new a{margin:0 10px; text-align:center;}
.cir_new a p{line-height:15px; font-size:14px; margin-top:10px;}
.cir_new a div{background: #CCC;
    border-radius: 40px;
    width: 40px;
    height: 40px; margin:0 auto;
    text-align: center;
    line-height: 40px;}
.cir_new a div:hover{background:var(--mycolor); color:#fff;}
.eq_tab{border-bottom:none; margin-left:2px;} .eq_tab li{width:50%;}
.badge-theme{background:var(--mycolor); color:#fff; }
.hor_menu.nav li .dropdown {
    max-width: 100%!important; left:0;
    width: 100%!important; max-height:calc(100vh - 150px)!important;
}
.hor_menu.nav li .dropdown li:hover, .hor_menu.nav li .dropdown li:hover a{background:none!important; color:#000!important;}
 
.hor_menu li {
    position: static!important; 
}
.hor_menu li a{padding:15px; color:#fff;}
.hor_menu.nav li .dropdown li{text-align:center;} 
.hor_menu .title img{width:100%;}  
.myaccul li { width: 100%;}
.header.shop .nav-item{border-right:none!important; width:50%}
.header.shop .nav-item:hover a{color:var(--mycolor)!important;}
/*.single-product02 a{padding:0!important;}*/
@media only screen and (min-width: 768px) {
.carousel-control-prev, .carousel-control-next{display:none;}
}
.carousel-control-prev{left:-28px;} .carousel-control-next{right:-28px;}
.carousel-control-prev span, .carousel-control-next span{ width: 30px; height: 60px; line-height: 58px; background-color:none; display: inline-block; color:var(--mycolor);}
.alert2 { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius:0rem; border:solid 1px #ddd; background:#fff; display: -ms-flexbox !important;
  display: flex !important; -ms-flex-pack: justify !important; justify-content: space-between !important; -ms-flex-align: center !important; align-items: center !important; }
.alert2 h4{font-size:18px; font-weight:500;}
.alert-success2{border-left:solid 4px var(--green);} .alert-success2 h4{color:var(--green);}
.alert-warning2{border-left:solid 4px var(--orange);} .alert-warning2 h4{color:var(--orange);}
.alert-danger2{border-left:solid 4px var(--red);} .alert-danger2 h4{color:var(--red);}
.alert-primary2{border-left:solid 4px var(--blue);} .alert-primary2 h4{color:var(--blue);}
.las_ico{font-size:30px;}
.home-slider-4 .owl-dots{position: absolute; bottom: 10px; left: 20px;}
.input-group.inpu-new { border: 1px solid #e6e2f5!important; }
.inpu-new .form-control{border:none!important;}
.inpu-new .btn{border:none!important;}
.inpu-new .btn-white{opacity:1;} .inpu-new:hover .btn-white{opacity:1;}
.inpu-new .btn-white:hover .fccolor{fill:#fff;}
.inpu-new .nice-select{font-size: 16px; line-height: 26px;}
.btnn:hover i{color:#fff!important;}

 
.val-bx .val-inn{margin:20px 0; padding:10px;  }
.val-inn c{font-size: 45px;
    font-weight: 400;
    position: relative;
    color: #bdbdbd;
    margin-top: 16px;
    display: inline-block;}
/*.val-inn:hover{background:var(--mycolor); color:#fff;} .val-inn:hover c{color:#fff;}*/

 

.minw120{min-width:120px;}
.minw150{min-width:150px;}
.slogo{display:none;}
.shop.sticky .slogo{display:block; align-items: center;}
.shop.sticky .cm_nam{display:none;}
.slogo img{height:45px; width:auto; margin:0px 5px;}
.header.shop.sticky .all-category h3{ padding: 13px 15px;}
.header.shop.sticky .allcat{border:none;}
.address-row .catalogue-img{text-align:center;}
.address-row .catalogue-img i{font-size:35px;}
.address-row .catalogue-img{width: calc(70px - 15px)!important;} 
.mylist .pr_img i{font-size:25px; color: var(--gray); margin-right:15px;}
.titul{list-style:none; padding:0; margin:0;}
.titul li{width:100%; margin:5px; float:left;   text-align:center; }
.titul li a{display:flex; height:100%; padding:0.7em; font-size:16px; font-weight:400;
-ms-flex-pack: center !important;
  justify-content: flex-start !important;
  -ms-flex-align: center !important;
  align-items: center !important;     flex-direction: row; border-radius: 10px;
}
.titul li i{ font-size: 22px;} 
.titul li a:hover{ background: var(--mycolor); color: #fff;}
.titul li a svg{width:30px; height:30px;}
.titul li a:hover svg{stroke:#ffffff;}
.titul li.last{width:100%; height:auto;}
.titul li.last a{ background: var(--mycolor); color: #fff; flex-direction: row;}
.titul li.last a svg{stroke:#fff;}
.titul2{  margin:15px 0 0 0;}
.titul2 li{margin:0 15px!important; width:auto;}

.ovhead{ background: #fff; color:#fff; width: 100%; margin-top: -2px;}
.appcoup{background: #f5f5f5; border: dashed 1px var(--mycolor);}
.appcoup .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--mycolor);
  opacity: 1; /* Firefox */
}
.appcoup .form-control:focus{border-color:var(--mycolor);}
.left_sea{ 
    max-height: 80vh;
    overflow: auto;
}
.qrri{width:70px; height:auto;}
 .dsha{ 
    width: 100%;
    height: 20px;
    -moz-box-shadow: 1px 4px 3px rgb(0 0 0 / 5%);
    box-shadow: 1px 4px 3px rgb(0 0 0 / 5%);
    position: absolute;
    z-index: 1px;
    bottom: 0;
  }
  .sticky .middle-inner{opacity:0; display:none;}
 .userp{width:40px;}
 .userp img{border-radius:50px; width:100%;}
 .p-img img{width:55px; height:55px;}
 .p-img{width:60px;}
 .p-con{width:calc(100% - 60px);}
 .p-con h3{font-size:14px;}   .p-con h3 a{font-weight:400;}
 .p-botm{padding-top:10px; line-height:18px;}
 .btn-white2{ 
    color: #333;
    background: transparent;
    border: 1px solid #cecece;
    font-size: 12px;
    border-radius: 6px;
    height: auto;
    line-height: 1.5;
    padding: 10px 32px;
    text-transform: capitalize;
    font-weight: 500;
}
.btn-white2:hover{background:var(--mycolor); color: #fff; border:solid 1px var(--mycolor);}
.ban_below{margin-top:-40px; position:relative;}
.nic_new:after{display:none;  }
.nic_new{border: none!important; padding: 6px!important; height: auto!important; line-height: inherit!important;}
.nic_new span i{font-size:18px;}
.nic_new:hover span i, i.ti-printer:hover{ color:var(--mycolor); }
.nic_new:hover .btn{ background:#fff!important; }

.filtersvg:hover svg{ stroke:var(--mycolor); }

#myDIV{display:none;}
.popca_right{ position:inherit; right:inherit; top: inherit; background:none; box-shadow:none;} 
.cart_oc .ti-shopping-cart{font-size: 18px; margin: 10px 5px; display: block;}
.ffcurv img{ border-radius: 0.25rem;     box-shadow: 0 0 6px -1px rgb(0 0 0 / 38%);}
.cartli .shopping-list li h5{font-size:18px!important;}
.product-price small{display:inline-block; margin-left:5px;}
.badge-freight{margin-left:5px;}
.popular-slider .single-product{ height: 100%!important; }
.popular-slider .single-product .owl-item{ margin: 0 5px!important; margin-bottom: 10px!important; }
.psecond { display: flex; flex-wrap: wrap; min-height: 160px; }

.dpara{display:none;}
.list-view .dpara{display:block;}
.product-action{position: relative;}
.lidis{display:none;}
.list-view .lidis{display:block;}
.list-view .linone{display:none;}
.list-view .pr_brandimg{top:0;}
.lidis .badge2{margin-left:5px;}
.grid-container .g-100{width:100%;}
.lsico{ font-size: 18px; line-height: inherit; float: left;}
.m-display{display:none;}
.d-display{display:block;}
.pro-pic img{height:60px; width:60px; border-radius:100%;  padding:5px; border: solid 1px #ddd;}
.br-img{width:50px; height:auto;  margin-right:0.5rem;  }
.product-action-2 .acart{align-self: self-end; flex:1;  text-align:center;}    
.product-action-2 .acart2{ flex:1;  text-align:center;}
.product-action-2 .quantity2{margin-right:0!important; width:100%;}
.product-action-2 .input-group{width:100%!important;}
.s-none .tpsea{display:none;}
.top-search .sclose{display:none;}
.top-search.s-none .sclose{display:block;}
.sttl{text-align:left; } .sttl h2{margin: 0; font-size:26px; display: flex; align-items: center; color:#424646;}
.sttl img{display:none;}
.sttl h2::before{margin-left: auto; bottom:0!important; left: 0;}
.main_tit{text-align:left!important; } 
.main_tit h2{margin:0; font-weight:400; font-size:22px; display:flex; align-items: center; position:relative; padding-bottom:8px;}
.main_tit h2::before{margin-left: auto; bottom:0; left:0; position: absolute; content: ""; background: var(--mycolor); height: 2px; width: 50px; display:none;}
.main_tit h2 i{margin-right:10px;}
.main_tit h6{font-size: 16px!important; margin: 10px 0 15px 0;}
.main_tit svg{width:32px; height:32px; display:none;} .main_tit img{display:none;}
.main_tit_img h2{width: fit-content; margin: 0 auto;}
.main_tit_img h2:before{left: 65px!important; bottom:8px;}
.tem_div{display: flex; width: fit-content; margin: 0 auto; min-width: 260px; border-radius: 5px; text-align: left;}
.tem_div h6{font-size:20px;}    
.tem_div i{font-size: 20px; margin-top: 5px; margin-right: 10px;}    
.tem_table{max-width:500px;}
.tem_table thead th{background:#f9f9f9; text-align:left; border-bottom-width: 1px; font-weight:400; padding-left:5px;}
.tem_table .m_val{ background: var(--mycolor); color:#fff; width: 26px; height: 26px; border-radius: 100%; display: inline-block; line-height: 26px; margin:2px 0;}
.btn-min{min-width:90px;}
.bor-5{border-width:5px;}
.hov_bor:hover{border-color:var(--mycolor)!important;}
.se_smal{display:block;   color:var(--gray); line-height:initial;}
.w-220{min-width:220px;}
input[type="checkbox"] { width: 20px; height: 20px; }
.wd-50{width:50px;}
.table thead th,.table tbody th{ white-space: nowrap; font-weight:500; color:#333; background:#fff; }
.div_head{ white-space: nowrap; font-weight:500; color:#333; }
.div_head:hover{ border:0px!important; }

/*order manage tab*/
.apptab{  position: relative; margin-top:15px; display:flex;}	
.apptab li{display: inline-block; flex: 1; text-align: center;  width: 150px; margin-right:5px; border: solid 1px transparent;}
.apptab li:last-child{margin-right:0;}
.apptab li a{background:#fff; border: solid 1px #f7f7f7; height:100%; box-shadow:0px 2px 1px rgb(0 0 0 / 8%); padding:10px; display:block; border-radius: 4px}
.apptab li a p{font-size:12px; color: var(--gray); line-height: 14px;}
.app_inf{ position: absolute; border-radius: 0 0 4px 4px; left:0; display:none; width:100%; margin:-1px 0 25px 0; background:#fff; padding:15px; text-align:left;}
.apptab li img{width:30px; height:auto; display:block; margin:0 auto;}
.apptab li.active .app_inf{display:block;}
.apptab li.active a{padding-bottom:20px; position:relative; z-index:1; border-bottom: 1px solid #fff!important; border-radius:4px 4px 0 0; box-shadow:none;}
.app_inf h5{font-size:14px; margin-bottom:10px;}
.app_hr{margin:5px 0; display:block; font-weight:500;}
.gre_bor .app_hr{color:#1bc71b;} .org_bor .app_hr{color:#ffb224;} .blu_bor .app_hr{color:#247cff;} .red_bor .app_hr{color:#ff4224;}
.active.gre_bor a, .active.gre_bor .app_inf, .gre_bor:hover a{border:solid 1px #1bc71b;}
.active.org_bor a, .active.org_bor .app_inf, .org_bor:hover a{border:solid 1px #ffb224;}
.active.blu_bor a, .active.blu_bor .app_inf, .blu_bor:hover a{border:solid 1px #247cff;}
.active.red_bor a, .active.red_bor .app_inf, .red_bor:hover a{border:solid 1px #ff4224;}

.gre_bor.active, .org_bor.active, .blu_bor.active, .red_bor.active {border: none;}
.app_inf p{margin-bottom:10px;}

 
.allcat:hover .svg_ico, .header.shop .nav li:hover .svg_ico{fill:#fff!important;}
.svg_ico2{fill:none!important; width:30px; height:30px; margin-right:5px; stroke: var(--mycolor); stroke-width: 1px}
.svg_ico3{width:50px; height:50px; fill:none!important;}
.svg_ico4{width:30px; height:30px; fill:none!important; margin-right:10px; stroke-width: 1px;}
.svg_ico5{width:30px; height:30px; fill:var(--mycolor)!important; margin-bottom:10px;}
.svg_ico:hover ellipse{fill:#fff;}
.svg-white{width:30px; height:30px; fill:none!important; stroke-width: 1px; stroke:#fff;}
.svg30{width:30px!important; height:30px!important;}
.svg40{width:40px!important; height:40px!important;}
.svg_current{width:30px; height:30px; fill:none!important; stroke-width:1px; stroke:var(--mycolor);}
.faq-text .svg_current { flex-grow: 0; flex-shrink: 0; margin-right:5px;}
.btn:hover .svg_current{stroke:#fff;}
.btn-white:hover .svg_ico, .btn-light:hover .svg_ico{stroke:#fff;}
.sv40{width:40px; height:40px; stroke-width:1px; }
.sv50{width:50px!important; height:50px!important;}
.svgray{stroke:var(--gray); fill:none!important;}
.svg-blue{stroke:var(--mycolor)!important; fill:none!important;}
.header.shop .nav li:hover a .svg-white{stroke:var(--mycolor);}
.val_ul li a:hover  .svg_ico3{stroke:var(--mycolor);}
.val_ul li a svg{stroke:#a9a9a9; stroke-width:1px;}
.nav-pills .nav-link.active .se_smal{color:#fff;}
.nav-pills .nav-link.active svg{stroke:#fff;}
/*.w_toggle .card{ box-shadow: 2px 1px 3px rgb(0 0 0 / 11%); }*/
.w_toggle .card:hover{ border:2px solid var(--mycolor)!important; }
.mul_tit {
    font-size: 14px!important;
}
/*.owl-loaded .owl-prev, .owl-loaded .owl-next{display:inline-block!important;}*/
.sha_bor{border: solid 1px #f7f7f7; box-shadow: 1px 2px 3px rgb(0 0 0 / 11%);}
.sha_bor:hover, .bor-hov:hover{border-color: var(--mycolor);}
/*.single-icon.w3-button{    background: var(--mycolor);
    color: #fff!important;
    padding: 5px 10px;
    border-radius: 25px;}*/
.cat_box .product-img {
    width:60px;
    margin-right: 10px;
}
.cat_box .product-content {
    width: 100%;
    margin-top: 0;
    -ms-flex: 1;
    flex: 1;
}
.cat_box{
    width: calc(100%/5 - 10px); min-width:210px;
    height: auto!important;
    margin: 0 5px;
    margin-bottom: 10px;
    background: #fff;
    margin-top: 0;
    border: solid 1px #e2e2e2;
    padding: 15px;
    height: 100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.cat_box .product-content h3 a {
    font-size: 16px;
    line-height: inherit;
    font-weight: 500;
    margin: 0;
    display: -webkit-box;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ca_fir{ display: flex; align-items: center; background: var(--mycolor); color: #fff;  padding:0px; position: relative; min-width: 40px; line-height:1;  text-align: center; }
.pro_hov{position: relative;}
.shopping .h-cart{font-size:15px; line-height:initial; font-weight:500; color:#fff; padding:8px 15px; margin-right: 5px; display:inline-block; height:100%;}
.shopping .h-cart:hover{background:#fff; color:var(--mycolor);}
.shopping .h-cart:hover svg{stroke:var(--mycolor);}
.search-top_one{position: absolute;
    top:45px;
    z-index: 999;
    width: 100%;
    background: #efefef; display:none;
}
.se-bot{    background: #fff;
    /* border: none; */
    /* outline: none; */
    padding: 0 10px;
    border-radius: 0;
    border-left: none;
    margin-left: 1px;
}
.h-150{max-height:calc(100vh - 150px)!important;}
.dropdown-item:hover{background:var(--mycolor); color:#fff;}
.dropdown-item.active, .dropdown-item:active{background:var(--mycolor);}
.dropdown-menu{ 
border:none; border-radius:0;
  -webkit-box-shadow: 0px 3px 5px #3333334d;
    -moz-box-shadow: 0px 3px 5px #3333334d;
    box-shadow: 0px 3px 5px #3333334d;}
.popca_left .proid { 
    position: relative;
}    
.popca_left .proid:hover i, .popca_left .proid:focus i { 
    right: auto;
    top: -10px;
    left: -32px;
}
.cart-modal .sidebar-body{width:100%;}
.search-th{display:flex; align-items:center; justify-content:flex-end;}

.search-th_w{max-width:300px; margin-right:0.25rem;}
.descrip h1{font-size:40px;} 
.descrip h2{font-size:14px; margin:0 0 10px 0;} 
.descrip h3{font-size:20px;}
.descrip h4{font-size:16px;} 
.descrip h5{font-size:14px;}
.descrip p{font-size:14px; margin:0 0 10px 0;}
.descrip p strong{font-weight:400!important;}
.descrip ul{ margin:0 0 10px 15px;}
.descrip ul li{list-style: disc;}
.btn-check .small{font-size:14px!important; text-transform: capitalize!important;
 margin:0 0 0 0!important;}
.btn:hover .main-txt{color:#fff!important;}
input{outline:none;}

.cardn{border: solid 1px #f3f3f3;
    padding: 15px;
    display: flex;
    height: 100%;
    text-align: center;
    align-items: center;
    flex-direction: column;
    justify-content: center;
-webkit-transition: all 0.2s ease; 
    -moz-transition: all 0.2s ease;
     transition: all 0.2s ease;
  }
.cardn h5{margin:0 0 10px 0; font-weight:500; font-size:18px;}
.cardn:hover{ -webkit-box-shadow: 1px 4px 32px -21px rgba(0,0,0,0.65); -moz-box-shadow: 1px 4px 32px -21px rgba(0,0,0,0.65); box-shadow: 1px 4px 32px -21px rgba(0,0,0,0.65); color:var(--mycolor); }

.arti{list-style:none; display: flex; justify-content: space-between; flex-wrap: wrap;}
.arti li{border-bottom:dashed 1px #ccc; border-top:dashed 1px #ccc;  width:45%;} .arti2 li{width:100%;}
.arti li:hover{border-bottom:dashed 1px var(--mycolor); border-top:dashed 1px var(--mycolor);}
.arti li a{display:block;  padding:10px 0; font-weight:400; font-size:17px;}
.arti li a:hover{color:var(--mycolor);}
.modal-sm{max-width:550px; width:98%;}
.modal-md{width:600px; max-width:98%;}
.p_logo{max-width:150px; height:auto;}


.emprow { display: flex; flex-flow: row wrap; overflow: inherit; margin:0 -5px; }
.emprow > div { flex: inherit; padding: 0; margin:10px 8px; }
.emprow input[type="radio"]{ display: none; }
.emprow label { width: 132px; height: 100%; display: block; background: white; border:1px solid #ebebeb; border-radius:4px; padding: 10px 5px; margin-bottom: 0; text-align: center; position: relative; align-items: center; display: flex; flex-direction: column; justify-content: center; }
.emprow input[type="radio"]:checked + label { background:#f3f3f3; color:var(--mycolor); border: 2px solid var(--mycolor); box-shadow:0 3px 6px rgb(0 0 0 / 10%); }
.emprow input[type="radio"]:checked + label span{opacity:1;}
.emprow input[type="radio"]:not(:disabled) ~ label { cursor: pointer; }
.emprow input[type="radio"]:checked + label::after { color:var(--mycolor); font-family: 'themify'; content: "\e64c"; font-size: 16px; position: absolute; top:5px; left:20px; transform: translateX(-50%); height: 20px; width: 20px; line-height: 20px; }
.emprow .l_ico {font-size: 2.15em; margin-bottom: 0.05em; margin-top: -0.05em; height: 1.42em; width: 100%; display: flex; justify-content: center; align-items: center; }
.emprow label span{opacity:.7;}
.l_tit{line-height:18px;}
.dy_cont p{margin-bottom:15px;}
.dy_cont h4{margin:15px 0;}
.art_sec{border: 1px solid #e6e6e6;}
.art_sec h4{padding:15px; font-size:18px;}
.art_sec li { border-top: 1px solid #e6e6e6; padding:10px 15px; line-height:20px; }
.art_sec li{border-left:solid 3px transparent;}
.art_sec li a{display:block;}
.art_sec li.active a{color:var(--mycolor);}
.art_sec li.active{border-left:solid 3px var(--mycolor);}
.art_sec li:hover{ color:var(--mycolor);}
.fccolor{ opacity:0.3; }
.btn:hover .fccolor{ opacity:1; }

.fw-400{font-weight:400!important;}
.fw-500{font-weight:500!important;}
.carousel-indicators li{border:solid 1px #f2f2f2!important; margin-bottom:5px;}
.carousel-indicators li:hover{border:solid 1px var(--mycolor)!important;}
.min-100{min-height:100%;}

.below_ban{width:100%; display:flex;}
.below_ban .below_child{width:100%; text-align: center;  border-radius:6px; overflow:hidden; position:relative; padding: 0px 10px; }
.below_ban .below_child img{height:auto!important; width:100%; transform-style: preserve-3d; border-radius:6px; }
.below_ban .below_child:hover img{ border:1px solid var(--mycolor); }
.below_ban .below_child .smb_cont{ display:none; }
.below_ban .below_child:hover .smb_cont{ position:absolute; display:block; width:calc(100% - 20px); bottom:15px; text-align:center; }
.below_ban .below_child .acart{  background:#fff!important; }
.below_ban .below_child .acart:hover{ background:var(--mycolor)!important; color:#fff!important; }

.h_sect, .h_sect2{padding:30px 0 60px 0;}
.h_sect:hover{background:rgba(238, 238, 238, 1);}
.h_sect_none:hover{background:none!important;}
.borderleft-0{border-left:none!important;}

.client-testimonial-carousel .owl-stage-outer{padding:20px 0 20px 0;}
.single-testimonial-item { padding: 25px; margin: 0 10px; text-align: center; cursor: grab; box-shadow: 0px 0px 14px rgb(0 0 0 / 8%); }
.single-testimonial-item:hover { border:1px solid #ebebeb; }
.client-testimonial-carousel h3{font-size:16px; margin:15px 0 0;}
.client-testimonial-carousel p{ font-size:16px; line-height: 23px; margin:15px 0px 25px 0px; text-align: justify;}
.client-testimonial-carousel svg{ fill: var(--mycolor); width:50px; height: 50px; margin-bottom:10px; }

.edithead{display:inline-flex; justify-content: space-between; width:90%;}
.sec-dark{background:rgba(238, 238, 238, 1);}
.slide-inn .alert-msg p{word-break: break-all; }
.slide-inn .alert-msg strong{font-weight:normal!important;}
.w-90{max-width:90%;}
.allcat .all-category{height:100%;}

/*side banner ad*/
.side_add{height:100%; flex-direction: column!important;}
.add_ch{ height: calc(50% - 8px)!important; overflow: hidden; position: relative; background: rgba(238, 238, 238, 1);}
 
.add_ch a{ display:block;}
.add_ch a img{float: right; }
.side-caption{position:absolute; line-height: initial; margin-left:25px; font-size:14px; font-weight:400; top:50%; top: 50%; left: 0; right: auto; bottom: auto; transform: translate3d(0, -50%, 0); max-width:40%;}
.side-caption span { display: block;  font-weight: 500; font-size: 15px; color:var(--mycolor); margin-bottom: 5px; }
.img_zoom{ position:relative; overflow:hidden;}
.img_zoom a{ display:block; height:100%; }
/*.img_zoom:hover img { transform: scale(1.1); }*/
.main-sections section{padding:50px 0!important; margin:0;}  

.about-list{ margin-top:1rem; }
.three_banner .owl-carousel .owl-item, #sec-features{text-align: justify;}
.hover-txt:hover{color:var(--mycolor);}
.line-h1{line-height:1;}
.feed-form .form-control{height: 45px; line-height: 50px; font-weight: 400;}
.feed-form .title { margin-bottom: 30px; }
.feed-form .title h4{ font-size: 17px; color:var(--mycolor); font-weight: 500; margin-bottom: 5px;}
.feed-form textarea.form-control{ line-height:inherit; }
.gra_table{width:1400px; margin:0 auto; margin-top:-10px;} 
.gra_table .f_chat{width:1220px; }
.gra_table .table{max-width:1300px;}
.gra_table .table tr th{font-size:12px!important; padding:10px 3px; text-align: center; background: #f7f7f7;}
.gra_table .table tbody tr th:first-child{width:72px; text-align:left;}
.gra_table .table tr td{padding:10px 3px; font-size:11px; background: #f7f7f7; text-align: center;}
.gra_table .table thead tr th{background: #f7f7f7;}
.gra_table .table-bordered th, .gra_table .table-bordered td { border: 2px solid #ffffff!important; }

.filter_row{ width:100%; }
.filter_row .filterbo{ width:380px; margin-right:20px; float: left;}
.filter_row .filter_ri{width:calc(100% - 270px);}
.filterbo .radioul li{width:100%; font-size:14px; display:flex;}
.filterbo .radioul li a{padding:5px 0;}
.filterbo .radioul li a.active{font-weight:500;}
.filterbo .radioul li .svg_ico{ width:20px; height:20px; }
.filterbo .radioul li a:before{ border:1px solid #a9a9a9; top:1px; flex: 1; align-self: flex-start; flex-grow: inherit; }
.filterbo .radioul li a:before, .filterbo .radioul li a.active:before{padding:9px;}
.filterbo .radioul li a.active:after{ top: 10px; left: 8px; width: 6px; height: 11px; border:solid var(--mycolor); border-width: 0 2px 2px 0; }
.filterbo h5, .sidebar-header h5{font-size:20px; margin:0 0 0 0; color:#424646; padding:0;  font-weight:500; }
.filterbo h6{ font-size:14px; margin:0 0 10px 0; color:var(--mycolor); font-weight:500; }

.filterbo #fil_acc .card{ background:transparent; border:none!important; border-bottom: solid 1px #ebebeb!important; margin-bottom:0; }
.filterbo #fil_acc .card .card-header{ border: 0; background:transparent; padding:0px 20px; }
.filterbo #fil_acc .card .card-header .btn-header-link { color: var(--dark); font-size:16px; text-transform: capitalize; display: block; text-align: left; padding:10px 0; }
.filterbo #fil_acc .card .card-header .btn-header-link:hover{ color:#fff; background:transparent;}
.filterbo #fil_acc .card .card-header .btn-header-link:after { content: "\e64b"; font-family: 'themify'; font-weight: 900; float: right; } 
.filterbo #fil_acc .card .card-header:hover .btn-header-link:after { color:#fff; }
.filterbo #fil_acc .card .card-header:hover{ color:#fff; background:var(--mycolor); }
.filterbo #fil_acc .card .card-header .btn-header-link.collapsed:after {content: "\e648";}
.filterbo #fil_acc .card .collapse {border: 0;}
.filterbo #fil_acc .card .card-body{padding:0 20px 15px 20px;}

.filterbo ul.list{margin-top:20px;}
.filterbo ul.list li a{display:block; padding:5px 0;}
.fil_header{ display:flex; align-items:center; justify-content: space-between; padding:15px 20px; }
.filtermain{ display:flex; flex-direction:column; height:100%; }
.filtermain .filter_box { flex-grow: 1; overflow-y: auto; min-height: 0px; display: flex; flex-direction: column; max-height:75vh; }
.fil_scr{ flex-grow: 1; padding:0px 0px; }
.fil_footer{ padding:20px 20px 30px 20px; display:flex; align-items:center; justify-content: space-between; }
.fil_footer .btn{ width:100%; }

.show_mo{ font-size:13px; color:var(--mycolor)!important; }
.color_sel li{list-style:none; float:left; position:relative;}
.color_sel li span{width:20px; height:20px; border-radius:20px; border:solid 1px #ddd; display:flex; margin-right:5px;}
.color_sel li input[type="checkbox"]{opacity:0; position:absolute;}
.c_red span{background:red; }
.c_yellow span{background:yellow; }
.c_purple span{background:purple; }
.c_orange span{background:orange; }
.c_green span{background:green; }
.color_sel li a{position: relative;}
.color_sel li a.active span{border:solid 1px #000;}
.color_sel li a.active:before{ position:absolute; content: "\e64c"; font-family: 'themify'; font-weight: 900; float: right; left: 5px; font-size: 11px; top: -1px; color:#fff; }
/*filter end*/


/*cookie design*/
.ShowHide { position:fixed; bottom:0px; left:10px; border-radius: 6px; display:flex; justify-content:space-between; align-items:center; width:calc(100% - 20px); height:auto; overflow: hidden;  z-index:9999; padding:10px; background-color: #f3f3f3; color: #000; animation-duration: .2s !important;animation-timing-function: cubic-bezier(0, 0, 0.1, 1) !important; animation-name: fade-in !important; box-shadow: 0px 4px 15px rgb(0 0 0 / 10%);}
.cookcon{ display:flex; gap:10px; align-items:center; overflow: auto; }
.cookpara{ display:flex; flex-direction:column; width:calc(100% - 50px); height:auto; }
.cookieico{ width:50px!important; height:50px!important; }
.cookcon p{ font-size:14px; line-height:22px; }
.cookcon a{ font-size:14px; line-height:22px; color:var(--mycolor); }
.cookbtn{ display:flex; gap:15px; align-items:center; }
.ShowHide a.btn{color:#fff!important;} 
.cookieSlide .pointer{display:block;}
.cookieSlide{ display:none; padding:15px; height: 100%; width: 400px; max-width: 96%; position: fixed!important; left: 0; top: 0; z-index: 9999;  background:#fff;}
#cooKie .card{ margin-bottom:10px; }
#cooKie .card .btn-header-link {  font-size: 14px; font-weight:600; text-transform: capitalize; display: block; text-align: left; padding: 5px 15px;} 
#cooKie .card .btn-header-link:hover{background:transparent; color:initial;}
.mobcook{ display:none; }

.accpos{position:relative;}
.ac-active{ position: absolute; right: 10px; top: 5px; z-index:99;}
.cok-body{ height:calc(100% - 100px); overflow: auto; }
.cok-head, .cok-foot{height:50px;}

.modal-title2{padding:10px; border-bottom:solid 1px #efefef;}
.modal-title2 h4{font-size:20px; font-weight:500; margin:0;}
.newFset legend{font-size:18px; font-weight:500;}
.alertPopup{    width: 100%; display:flex; height: 100%; top:0; background: rgba(0, 0, 0, 0.8); position: fixed; z-index: 9999;}
.alertPopup .alertBody{max-width:500px; width:96%; background:#fff; padding:15px; margin:auto;}
.lignh1{line-height:1!important;}
.su-round{border: solid 2px green; margin:15px auto; width: 60px; height: 60px; border-radius: 60px; text-align: center; line-height: 60px; font-size: 25px;}

/*dancing page issue*/
.fullPage.nohight .product-area{min-height:calc(100vh + 100px)!important;}
.nohight{min-height:calc(100vh - 100px)!important}
.mainBody{min-height:calc(100vh - 200px);}
/*dancing page issue end*/

.pr_brandimg{/*position: absolute; top:inherit; right:0; z-index:1;*/ width:100%; color:#171717; font-size:12px; line-height:16px; margin:0px; text-align:right; display: -webkit-box!important; line-height: 1.4; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.pr_brandimg img{width:35px!important; height:auto!important;}
.nav-link svg{width:20px; height: auto; margin-right:5px;}

/*Profiel page*/
.profile-img{text-align: center;}
.profile-img img{width:70px; height:auto; border-radius:10px;}
.prof-tit{text-align: center;} .prof-tit .badge-light{font-size: 14px; font-weight: 400; letter-spacing: inherit;}

.acc_d p{color:#000; line-height: initial; padding:10px 0; border-bottom: solid 1px #f5f5f5;}
.acc_d p:last-child{border-bottom:none;}
.acc_d p span{width: 140px; display:inline-block; color: #757575;}	
.acc_d h5{font-weight:400; font-size:14px; line-height:inherit;}
.dis_field input[type="text"]:disabled { background: none; font-weight:400!important; font-size: 14px!important; }
.dis_field .form-control{width: auto!important; display: inline-block;}
.custom-control{ border-bottom: solid 1px #f5f5f5; padding-bottom: 7px; padding-top: 10px;}
.acc_d .custom-control:last-child{border-bottom:none;}

table.budget tr td{ padding:5px; }
table.budget input { width:100%; border:none; }
table.budget input:disabled{ border:none; background:transparent;}
table.budget input:focus{ border:1px solid #e6e2f5; }

 
.contact-us .form .form-group input.otp { width: 50px; height: 50px; margin: 4px 4px 10px 4px; float: left; padding: 2px 5px !important; border-radius:5px!important; text-align: center; }


/*image overlay css*/
/*.box6{position:relative;}
.box6:hover .box-content{display: flex;
z-index: 9;
color: #fff;
width: 100%;
align-items: center;
justify-content: center;
height: 100%;}
.box-content{display:none; position:absolute;}
.bgOver{content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: none;
z-index: 2;}
.box6:hover .bgOver{position: absolute;
left: 0;
top: 0;
display: block;}
.box6:after {
background: rgba(237,28,36,.7);
position: absolute; z-index:2;
top: 0;
left: -96%;
bottom: 0;
right: 50%;
transform: skew(45deg) translateX(-75%);
content: "";
}
.box6:hover:after {
transform: skew(45deg) translateX(0);
}
.box-content h4 {
font-size: 25px; font-weight: 500;
margin: 0 auto;
display: block;
text-align: center;
}
.box6 .titlebo, .box6 img, .box6:after {
transition: all .35s ease 0s;
}




.box-content2{
opacity:0; position:absolute; width:150px!important; height:150px!important; 
text-align:center; background:rgb(31 102 1 / 73%);
border-radius:150px;   transition: all .075s ease-out; transform: translate3d(0,10px,0);
}
.box-content2 h4 {
font-size: 25px; font-weight: 500;
margin: 0 auto;
display: block;
text-align: center;
}

.box7{position:relative;}
.box7:hover .box-content2{ display: flex; 
z-index: 9;
color: #fff;
width: 100%;
align-items: center;
justify-content: center;
height: 100%;  opacity:1;      transform: translate3d(0,0,0);
}
.box7{display:flex; align-items: center; justify-content: center;}
.box7:hover .bgOver{position: absolute;
left: 0;
top: 0;
display: block;}
.box8 .box-content2{background:rgb(40 1 102 / 73%)!important; border-radius:50px 150px 50px 130px!important; height: 80px!important;}*/

.overlayer{ position:relative; }
.lay-bgblack{ position:absolute; z-index: 9; color: #fff; width: 100%; height: 100%; align-items: center; justify-content: center; }
.lay-bgcolor{ position:absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); z-index: 2;}
.lay-content{ position:absolute; width: 100%; left: 0; font-size: 20px; color: #fff; font-weight: 500; margin: 0 auto; display: block; text-align: center; z-index:99; }

.Fixed .lay-bgblack{ display: flex;  } 
.Fixed .lay-bgcolor, .Fixed .lay-content{ display:block; }
.MouseOver .lay-bgblack, .MouseOver .lay-bgcolor, .MouseOver .lay-content{ display:none; }
.overnone .lay-bgblack, .overnone .lay-bgcolor, .overnone .lay-content{ display:none; }

.overlayer.MouseOver:hover .lay-bgblack{ display: flex;}
.overlayer.MouseOver:hover .lay-bgcolor{ display: block;}
.overlayer.MouseOver:hover .lay-content{ display: block;}
.overlayer.MouseOver:hover .offerimg{ display: block;}


.lay-content.Top{ top: 0; }
.lay-content.Middle{ top: 40%; }
.lay-content.Bottom{ bottom: 0; }

.shape1{ z-index:2; top: 0; left: -50%; bottom: 0; right: 50%; transform: skew(45deg) translateX(0);  }
.shape2{ width: 90%!important; height: 90%!important; margin: 0px 5%; border-radius:150px; transition:all .35s ease 0s; transform: translate3d(0,10px,0); }
.shape3{ width: 50%!important; height: 100%!important; top:0; left:0; }
.shape4{ width: 100%!important; height: 50%!important; top:0; }
.shape5{ height: 80px!important; border-radius:50px 150px 50px 130px!important; }

.laycolor1{ background:rgb(247 148 29 / 73%); }
.laycolor2{ background:rgb(0 136 204 / 73%); }
.laycolor3{ background:rgb(50 184 125 / 73%); }
.laycolor4{ background:rgb(254 117 74 / 73%); }
.laycolor5{ background:rgb(248 47 86 / 73%); }
.laycolor6{ background:rgb(0 206 201 / 73%); }
.laycolor7{ background:rgb(108 92 231 / 73%); }
.laycolor8{ background:rgb(133 186 70 / 73%); }
.laycolor9{ background:rgb(0 103 56 / 73%); }
.laycolor10{ background:rgb(238 28 39 / 73%); }
.laycolor11{ background:rgb(186 220 88 / 73%); }
.laycolor12{ background:rgb(255 29 56 / 73%); }

.offerimg span{ position:absolute; width:50px; height:50px; cursor:pointer; text-align:center; }
.offerimg span img{ width:100%!important; height:auto!important; position:relative; z-index:1; }
.list-view .single-product .offerimg span{width:25px; height:25px;}
.offerimg span i{ display:none; bottom:0px; background: #fff; border-radius: 30px; }
.offerimg span:hover i{ display:inline-block; position:sticky; z-index:99; font-size:20px; margin-bottom:10px; }

.mainCate{margin:0 -20px;}
.mainCate .product-img{margin-top:20px;}
.catulList{height:235px; overflow:auto;}
.catulList li{padding:0; margin:5px 0; width:95%;}
.catulList li:last-child{border-bottom:none;}
.catulList .product-title{font-weight:400!important;}
.caTitle{ margin:0;
    display: block;
    padding:10px;  } .caTitle h5{font-size:18px;}
    .cat_view{display:block; color:var(--gray); font-size:13px; margin:0 0 15px 0; text-align:left; padding:0 0 0 13px;}
    .single-product:hover .cat_view{color:var(--mycolor);}
  .cat-mobile .single-product:hover .caTitle h5{color:var(--mycolor)!important;}
  .cat-mobile .product-img{ border: solid 1px #e9e9e9; margin:0 10px 10px 10px; width:calc(100% - 20px);}
.catulList .c_img{width:35px;}   .catulList .c_det {width:calc(100% - 35px);}
.mainCate .single-product{border:none; margin:0;}
.mainCate .single-product:hover{box-shadow:none;}
.stickyul{position: sticky; top:70px;}
.filter_ri .filterTitle{padding-top:70px; font-size:30px; margin-bottom:25px;}
.filter_ri .filterTitle:first-child{padding-top:0;}
.sview a .foff{display:none;}
.sclose a svg{stroke:#fff!important;}
.sview a .ti-close, .sview.sclose a .ti-more-alt, .sview.sclose a .fview{display:none;}
.sview.sclose a .ti-close, .sview.sclose a .foff{display:block;}
.sclose{background:var(--mycolor); color:#fff;}
li.newliv a:hover .svg_ico{stroke:#fff!important;}


 /* custome checkbox */
.c-check {
  display: flex;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer; 
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.c-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.c-check:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.c-check input:checked ~ .checkmark {
  background-color:var(--mycolor);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.c-check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.c-check .checkmark:after {
  left: 9px;
  top: 5px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.rec-user{padding:0; margin:0; display:flex; flex-wrap:wrap; gap:15px;}
.rec-user li{border:solid 1px #ddd; padding:10px; position:relative; width:160px; text-align:center; width: calc(100%/3 - 10px);}
.rec-user li .dropdown{position:absolute; right:0; top:0; }
.rec-user li h6{font-weight:400; font-size:12px;}
.rec-user .dropdown-toggle::after{display:none!important;}
.rec-user .btn, .rec-user .btn:hover, .rec-user .btn:focus{border:none!important; background:transparent;
color:#000;}
.r_user{ margin:0 auto 10px auto; color:var(--mycolor);}
.r_user svg{width:50px; height:50px;}
 

.cat-overlay{position:fixed;
	display:none!important; width:100%!important;
	height:100%!important;top:0;
	left:0;right:0;bottom:0;
	background-color:rgba(0,0,0,0.8)!important;
	z-index:99;}
.openshop .cat-overlay{display:block!important;}


/*login page design*/
.logpage{display:flex; align-items:center; flex-wrap:wrap; width:100%;/* box-shadow: 0px 0px 15px #0000001a;*/ margin:0 15px; margin-bottom:7rem; }
.logleft{width:50%; border-radius:20px 0 0 20px;  border-radius:20px 0 0 20px; padding:40px; min-height:600px; height:100%; background:var(--mycolor);}
.logbg{ background:var(--mycolor); }
.logright{width:50%; position:relative; padding: 40px; border-radius:0 20px 20px 0; border:solid 4px var(--mycolor); height:100%;}
.logleft img{width:90%;}
.logleft .carousel-item{text-align: center;} 
.logleft .carousel-item h4{font-size:22px; color:#fff;}
.logleft .carousel-item p{ color:#fff;}
.lognew{background:url(../images/login-bg-new.jpg) left bottom no-repeat!important;}
.logul li{line-height:35px;}
.sinpara{text-align:center; margin-bottom:20px;}
.bowhite{border:solid 1px #fff!important;}
.bowhite:hover{border: solid 1px var(--mycolor)!important;}

/*more option ul*/
.moreul{padding:0; margin:0; display:flex; flex-wrap:wrap; gap:5px;}
.moreul li{display:inline-block; border: solid 1px #ededed; width: calc(100%/3 - 5px);}
.moreul li a{display:block; padding:5px; text-align:center; background:#fff;}
.moreul li a svg{width:25px!important; height:25px!important; margin:0!important;} 
.moreul li .icotext{font-size:11px; display:block; line-height:1;}
.moreul li a:hover{background:#fff;}

.pr-button .nice-select:hover{border: solid 1px var(--mycolor)!important;}
.pr-button .nice-select .list li.option:hover { background: var(--mycolor)!important; color: #fff!important; }
.rev-row h5{font-size:16px; font-weight:500; margin:0 0 5px 0;}
.r-stars .stars i{font-size:18px!important;}
.r-comment svg{width:25px!important; height:25px!important; line-height:1; cursor: pointer;}
.r-date{font-size:12px; color:var(--dark);}
.revie-box .rev-row{border-bottom:solid 1px #efefef; padding-bottom:10px;}
.revie-box .rev-row:last-child{border-bottom:none;}

.password .fa{ color: #818181; font-size: 16px; }
.newpagen .pagination-list{margin-top:0!important;}

.dasbox{ display:flex; align-items: center; height:calc(100% - 20px); border:solid 1px #ebebeb; padding:10px; }
.dasbox:hover{border-color:var(--mycolor);}
.dasbox p { color: var(--secondary);}
.modalb_new{position:relative;}
.modalb_new .close{right:15px; top:15px; z-index:9; position:absolute;}

.dy_cont{ position: fixed; right: 0; max-width: 700px; width: 100%; top: 0; right: 0; z-index: 999; background: #f9f9f9; height: 100%; box-shadow: -4px 2px 13px 7px rgba(0, 0, 0, 0.1); }
.dy_cont ol{margin-left:1rem;}
.dy_header{background:var(--mycolor); color:#fff; padding:5px 20px;}
.bo-hover:hover{border-color:var(--mycolor)!important;}

.faqnewli h4{font-weight:700;}
.faqnewli h4 span{font-weight:400; font-size:14px; display:block;}
.faqnewli .faq-heading{display:flex;}
.faqnewli .faq-heading svg{margin-right:15px;}
.faqnewli .faq-heading:after{   font-family: 'themify'; content: "\e663"; position:absolute; right:0;}
.faqnewli .the-active .faq-heading:after{ rotate: 270deg}

.in_head{ background: #f2f2f2; padding: 20px; text-align: center; margin-top: 0!important; border-bottom: solid 1px #dddddd; }
.new_subs h1{font-size:3.5rem;}
.new_subs .input-group{border:1px solid #59b2de!important;}
.btn2{border:solid 1px #f2f2f2;}
.btn2:hover{background:var(--dark)!important; color:#fff!important;}
.btn2:hover .svg_ico{stroke:#fff!important;}
.jimu-primary-loading:before, .jimu-primary-loading:after, .jimu-primary-loading
{background:var(--mycolor)!important;}
.edt-bo{min-width:50px;}
.dr-none::after{display:none;}
.infsvg svg{width:30px; height:30px;}

.dropdown-toggle .svg_ico{margin-right:0;}
.dropdown-menu{padding:0;}
.dropdown-item { padding: 0.5rem 1.5rem; }
.search-flex1{flex:1; margin-right:5px;}

.sea-value { padding: 2px 5px; /*border:solid 1px var(--mycolor);*/ border-radius: 2px; margin: 5px; color: #333;}
.nobg, .nobg:hover, .nobg:hover i{ background:none!important; color:#999!important; }
.nobg:hover svg{ fill:#999!important; }

.paycancel{ cursor:pointer; color:#6c757d; font-size:14px; margin:25px 15px 0px 15px; text-align:right; }
.paycancel:hover{ color:var(--mycolor); }
.paynotes{ color:#dc3545; font-size:12px; margin:25px 15px 0px 15px; text-align:center; }
.vccc label{ font-size:13px; }

.cat-mobile .single-product{padding:0!important;}
.card_special{padding:0!important;}
.card_special .product-img{margin:30px 0 0 0!important;}
.card_special .flex-grow-1{padding:20px;  }
.card_special .product-content{ display: flex; flex-direction: column; justify-content: flex-end;}
.no-color{padding:0!important; background:none!important;}
.borno-color .product-img{margin:0!important;}
.card_special h3 a.line2{min-height:50px; padding-top:5px;}
.subcatul{margin-top:15px!important;}
.min-100px{min-height:60px;}
.pborder{border:solid 1px #e2e2e2;  padding:15px; border-radius: 8px;}
.pborder:hover{box-shadow:0px 10px 10px rgba(0, 0, 0, 0.1); border:solid 1px var(--mycolor);}
.sharico2 a{ padding:4px 8px; border-radius: 50%; width: 45px; height: 45px; text-align: center; display: flex; align-items: center;}
.sharico2 a svg{margin-right:0!important;}
.sharico2 a:hover svg{stroke:#fff;}
.hover-shadow:hover{box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
border: solid 1px var(--mycolor)!important;}
.cardUser{display:flex; align-items:center;   margin-bottom:25px;}
.cardUser .svgUs{ width:50px; height:50px; background:var(--light); border-radius:60px; text-align:center; 
margin-right:10px; display:flex; align-items:center; justify-content:center;}
.cardUser svg{margin-right:0!important;}
.ptitle{font-size:16px;}
.p-hover{border:solid 1px #e2e2e2; padding:10px; margin-bottom:10px; display:flex;}
.p-hover:hover{border:solid 1px var(--mycolor);}
.p-hover-img{width:100px;}
.p-hover-des{width:calc(100% - 120px); margin-left:20px;}
.bg-green-light{background:#edffed;}
.btnright{ max-width:150px; }

/*brandsdiv*/
.brandsdiv{flex-direction:column!important;}
.brandsdiv .product-img{margin:0 0 15px 0!important; text-align:center;}


.fil_bot{margin-top:10px;} .fil_bot:hover{color:#fff!important;}
.single-product .product-content h3 .eyei{ min-height:auto; opacity:0;}
.single-product .product-content h3:hover .eyei{opacity:1;}
.ck_smtext p{line-height:18px; color:var(--gray); font-size:13px; margin:0 0 10px 0;}
.ck_smtext p:last-child{margin:0 0 20px 0;}
.sec_title{color:var(--gray); font-weight:400;}
.all_acces{border-bottom:solid 1px #f3f3f3f;}
.border-hover{border:solid 1px #ddd!important;}
.border-hover:hover{border:solid 1px var(--mycolor)!important;}
.categ-svg{position: relative;
    cursor: pointer;
    /* display: block; */
    width: 30px;
    height: 25px;
    margin: 0;}
.categ-svg input{position:absolute; opacity:0;}
.categ-svg svg{position:absolute;}
.categ-svg.checked .svg_ico{stroke:var(--mycolor);}

/*horizontal menu*/
.v_sea .ca_fir{background:transparent!important; color:var(--mycolor)!important;}
.v_sea .cart-pp,.v_sea .total-count{ color:var(--mycolor)!important;}
.v_sea .sinlge-bar .single-icon:hover{background:transparent!important; color:var(--dark)!important;}
.v_sea .all-category{display:none; background:var(--mycolor)!important;}
.h_hea .single-product02 a{padding:0!important;}
.h_hea .single-product02{border:solid 1px #fff!important;}
.h_hea .single-product02:hover, .h_hea .single-product02.active {
    box-shadow: 0px 10px 10px rgb(0 0 0 / 10%);
    border: solid 1px var(--mycolor)!important;
}
.v_sea .logo img {
    max-width: 200px;
    width: 100%;
}
/*Vertical menu*/
.h_sea .single-icon:hover .cart-pp{color:#fff!important;}

.catm_tab{display:flex; }
.catm_tab .nav-pills{width:300px; flex-direction: column;}
.catm_tab .nav-pills li.nav-item{width:100%!important; margin: 5px;}
.catm_tab .nav-pills li.nav-item a{
    display: flex!important;
    height: 100%!important;
    padding: 15px!important;
    font-size: 15px!important;
    font-weight: 400!important; 
    border-radius: 10px !important; text-align: left;
}
.catm_tab .nav-pills li.nav-item a:hover, .catm_tab .nav-pills li.nav-item a.active, .catm_tab .nav-pills li.nav-item a.active:hover {
    background: #fff!important;
    color: var(--mycolor)!important;
}
.catm_tab .tab-content{width:calc(100% - 320px); margin-left:20px;}
.roco5 li a { 
    overflow: hidden;
    /* white-space: normal; */
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
}
.proho_div{display:none;
    position: absolute;
    /*background: rgba(0, 0, 0, 0.2);*/
    width: calc(100% + 40px);
    height: 100%;
    z-index: 1;
    margin: -5px 0 0 -20px;
}
.list-view .proho_div{margin:0; width:100%;}
.single-product:hover .proho_div{    display: flex;
    align-items: flex-end;
    justify-content: flex-end;}
.single-product:hover .product-img{position:relative; overflow:inherit; }
.single-product.rel_prod{overflow:hidden;}
.prsvg{ display:flex; align-items:center; justify-content:center; width:32px; height:32px; background:#fff; border-radius:30px; /*box-shadow:2px 1px 1px rgba(0, 0, 0, 0.2);*/ margin:20px; }
.proho_div .prsvg svg{stroke:var(--mycolor); width:21px; height:21px; }
.offprice{    font-weight: 400;
    font-size: 13px;
    text-decoration: line-through;}
    .peroff{ font-weight: 400; font-size: 13px; color:var(--mycolor);}
    
    h1.sticky-head{font-size:30px; font-weight:500;}
    .mylist_des .p_title{max-width: calc(100% - 20px); }
    .mobi_tem{display:none;}

    .quote_desk{display:block;} .quote_mob{display:none;}
    .main_tit2 h2:before{display:none;}
    .nic100 .nice-select{width:100%; margin-bottom:0;}
    .resp_form label{text-align:right;}
    .form-group {margin-bottom: 1.5rem;}
    .dropdown-toggle::after{display:none;}
    .quotepro .product-removal{margin-top:0!important;}
    .main_tit i{display:none;}
.lat_mob{width:100%;}
    .lat_mob li{flex:1; text-align:center;}

.fil_bot{font-weight:400!important; text-transform:capitalize!important; padding:0.375rem 0.75rem 0.375rem 0.60rem!important;}
.img-fluid{width:100%;}
.badge-new{color: #fff; background-color:var(--mycolor);}