/* ======================
   Index
   1. Default css
   2. Button css
   3. Header
   4. Header Cart
   5. Breadcrumb
   6. Section Heading
   7. Menu css
   8. caro-common css
   9. Top Categories
   10. Slider
   11. Featured Categories
   12. Offer Section
   13. Products Section
   14. Product Details
   15. Deals Section
   16. Video Section
   17. Shopping Cart and Wish List
   18. Sidebar css
   19. Auth Section
   20. Checkbox and Radio css
   21. My Dashbord css
   22. Entry css
   23. Social Media
   24. Stores
   25. Parsley css
   26. Keyframes
   27. Order Tracking
   28. Home Page 2
   29. Home Page 3
   30. Home Page 4
   31. Contact
   32. Blog
   33. Footer Section
   34. cookies content css
   ====================== */

/* ======================
   Default css
   ====================== */
   
* {
	margin: 0;
	padding: 0;
	outline: 0;
}
body {
	font-family: var(--primary-font-family);
	font-weight: normal;
	font-style: normal;
	color: var(--color-gray-dark);
	font-size: var(--font-size-100);
	line-height: var(--line-height-200);
}
.img, img {
	max-width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
a, .button {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
a:focus, .button:focus {
	text-decoration: none;
	outline: none;
}
a {
	text-decoration: none;
	display: inline-block;
	color: var(--color-gray-dark);
}
a:focus, 
a:hover {
	text-decoration: none;
	color: var(--theme-color);
}
a, button {
	outline: medium none;
}
.relative {
	position: relative;
}
table{
    width:100%;
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--secondary-font-family);
	color: var(--color-black);
	margin-top: 0px;
	font-style: normal;
	font-weight: 700;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
}
h1 {font-size: var(--heading-1);}
h2 {font-size: var(--heading-2);}
h3 {font-size: var(--heading-3);}
h4 {font-size: var(--heading-4);}
h5 {font-size: var(--heading-5);}
h6 {font-size: var(--heading-6);}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style: none
}
p {
	color: var(--color-gray-dark);
	font-family: var(--secondary-font-family);
	font-size: var(--font-size-100);
	font-weight: normal;
	margin-bottom: 15px;
}
label {
	color: var(--color-gray-dark);
	cursor: pointer;
	font-size: var(--font-size-100);
	font-weight: 600;
}

*::-moz-selection {
	background: var(--theme-color); 
	color: var(--color-white);
	text-shadow: none;
}
::-moz-selection {
	background: var(--theme-color); 
	color: var(--color-white);
	text-shadow: none;
}
::selection {
	background: var(--theme-color); 
	color: var(--color-white);
	text-shadow: none;
}

*::-moz-placeholder {
	color: var(--color-gray-400);
}
*::placeholder {
	color: var(--color-gray-400);
}
.red {
	color: #f25961;
}

input:hover, 
input:active, 
input:focus,
textarea:hover, 
textarea:active,
textarea:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active {
    outline:0px !important;
    box-shadow: none !important;
}
.form-control,
.form-group input, input,
input.form-control,
.form-select,
.form-control textarea, 
.form-group textarea, textarea {
	padding: 8px 10px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border-color: var(--color-gray-400);
	height: auto;
	color: var(--color-gray-dark);
	font-size: var(--font-size-100);
}
.form-control:focus,
input.form-control:focus,
.form-group input:focus,
.form-group textarea:focus,
input:focus,
textarea:focus,
.form-control textarea:focus,
.form-control:focus {
	box-shadow: none;
	color: var(--color-gray-dark);
	border-color: var(--theme-color);
}
.form-select:focus {
	border-color: var(--theme-color);
	box-shadow: none;
}
.form-control:-moz-focusring {
	color: var(--color-gray-dark);
	text-shadow: none;
}
main {
	display: block;
}
.section {
	padding: 80px 0;
}

.inner-section {
	padding: 40px 0px;
}
.inner-section-bg {
	height: 100%;
	position: relative;
	background: var(--color-lightness-green);
}
a.scroll-to-top {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	color: var(--color-white);
	background-color: var(--theme-color);
	text-align: center;
	font-size: 18px;
	z-index: 9999;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
a.scroll-to-top:hover {
	background: var(--color-black);
}

.sticky {
	left: 0;
	margin: auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
	-webkit-animation: fadeInDown .7s ease-in-out 0s 1 normal none running;
	animation: fadeInDown .7s ease-in-out 0s 1 normal none running;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}

.pt0 {padding-top: 0px !important;}
.pl0 {padding-left: 0px !important;}
.pr0 {padding-right: 0px !important;}
.pb0 {padding-bottom: 0px !important;}

.mr10 {margin-right: 10px;}

.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.full {
	width: 100%;
}

/* ======================
   Preloader css
   ====================== */
.tw-loader {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 100vh;
	background: var(--color-white);
}
.tw-ellipsis {
	position: relative;
	width: 80px;
	height: 15px;
	top: 50%;
	margin: auto;
}
.tw-ellipsis div {
	position: absolute;
	top: 3px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
	background: var(--theme-color);
}
.tw-ellipsis div:nth-child(1) {
	left: 8px;
	animation: tw-ellipsis1 0.6s infinite;
}
.tw-ellipsis div:nth-child(2) {
	left: 8px;
	animation: tw-ellipsis2 0.6s infinite;
}
.tw-ellipsis div:nth-child(3) {
	left: 32px;
	animation: tw-ellipsis2 0.6s infinite;
}
.tw-ellipsis div:nth-child(4) {
	left: 56px;
	animation: tw-ellipsis3 0.6s infinite;
}

@keyframes tw-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes tw-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes tw-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

/* ======================
   Button css
   ====================== */
.btn {
	-moz-user-select: none;
	border: none;
	border-radius: 50px;
	padding: 15px 30px;
	cursor: pointer;
	display: inline-block;
	font-size: var(--font-size-100);
	font-family: var(--secondary-font-family);
	font-weight: 800;
	line-height: var(--line-height-100);
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	position: relative;
	z-index: 2;
	overflow: hidden;
	-moz-transition: all ease 400ms;
	-webkit-transition: all ease 400ms;
	transition: all ease 400ms;
}
.btn.focus, 
.btn:focus {
	box-shadow: none;
}
.btn.theme-btn {
	color: var(--color-white);
	background-color: var(--theme-color);
}
.btn.theme-btn::before {
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	content: "";
	width: 0;
	height: 100%;
	z-index: -1;
	background-color: var(--color-green);
	overflow: hidden;
	border-radius: inherit;	
 	-moz-transition: width .5s cubic-bezier(.17,.67,.12,.81) 0s;
	-webkit-transition: width .5s cubic-bezier(.17,.67,.12,.81) 0s;
	transition: width .5s cubic-bezier(.17,.67,.12,.81) 0s;
}
.btn.theme-btn:hover::before {
	width: 100%;
	left: 0;
	right: auto;
}

.btn.black-btn {
	color: var(--color-white);
	background-color: var(--color-black);
}
.btn.black-btn::before {
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	content: "";
	width: 0;
	height: 100%;
	z-index: -1;
	background-color: var(--color-gray-dark);
	overflow: hidden;
	border-radius: inherit;	
	-moz-transition: width .5s cubic-bezier(.25,.8,.25,1) 0s;
	-webkit-transition: width .5s cubic-bezier(.25,.8,.25,1) 0s;
	transition: width .5s cubic-bezier(.25,.8,.25,1) 0s;
}
.btn.black-btn:hover::before {
	width: 100%;
	left: 0;
	right: auto;
}
.btn.white-btn {
	color: var(--color-black);
	background-color: var(--color-white);
	border: 1px solid var(--color-light-green);
	border-radius: 30px;
	padding: 10px 20px;
}
.btn.white-btn.active,
.btn.white-btn:hover {
	background-color: var(--color-light-green);
	border: 1px solid var(--color-light-green);
	color: var(--theme-color);
}

.more-btn-card {}
.btn.more-btn {
	color: var(--color-white);
	background-color: var(--theme-color);
	padding: 14px 20px;
}
.btn.more-btn::before {
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	content: "";
	width: 0;
	height: 100%;
	z-index: -1;
	background-color: var(--color-green);
	overflow: hidden;
	border-radius: inherit;	
 	-moz-transition: width .5s cubic-bezier(.17,.67,.12,.81) 0s;
	-webkit-transition: width .5s cubic-bezier(.17,.67,.12,.81) 0s;
	transition: width .5s cubic-bezier(.17,.67,.12,.81) 0s;
}
.btn.more-btn:hover::before {
	width: 100%;
	left: 0;
	right: auto;
}

/* ======================
   Header
   ====================== */
.top-header {
	border-bottom: 1px solid var(--color-gray-400);
}
ul.top-list-1 {
	float: left;
	display: block;
}
ul.top-list-1 li {
	float: left;
	color: var(--color-gray-dark);
	padding: 7px 15px 7px 0px;
}
ul.top-list-1 li i {
	margin-right: 5px;
}

.top-header ul.top-list {
	float: right;
}
.top-header ul.top-list li {
	float: left;
	padding: 8px 15px;
}
.top-header ul.top-list > li:last-child {
	padding: 8px 0px 8px 15px;
}
.top-header ul.top-list li:not(:last-of-type) {
	border-right: 1px solid var(--color-gray-400);
}
.top-header ul.top-list li a {
	color: var(--color-gray-dark);
	font-weight: 400;
	line-height: var(--line-height-100);
}
.top-header ul.top-list li a:hover {
	color: var(--theme-color);
}
.top-header ul.top-list li a i {
	margin-right: 5px;
}

.language-menu {}
.language-menu a.dropdown-toggle {
	text-decoration: none;
	padding: 0px;
}
.language-menu a.dropdown-toggle::after {
	margin-left: .355em;
	vertical-align: .155em;
}
.language-menu ul.dropdown-menu {
	min-width: 7rem;
	padding: 0;
	border: 1px solid var(--color-gray-400);
	border-radius: 0;
	color: var(--color-gray-dark);	
}
.language-menu ul.dropdown-menu li {
	width: 100%;
	padding: 0;
	border: none !important;
}
.language-menu ul.dropdown-menu li a.dropdown-item {
	color: var(--color-gray-dark);
	font-size: var(--font-size-100);
	text-align: center;
	padding: 8px 5px;
}
.language-menu ul.dropdown-menu li a.dropdown-item:focus, 
.language-menu ul.dropdown-menu li a.dropdown-item:hover {
	color: var(--color-white);
	background-color: var(--theme-color);
}
.header {
	display: block;
	background-color: var(--color-white);
}
.header-desktop {
	display: block;
	padding: 20px 0px;
}
.header-mobile {
	display: none;
	width: 100%;
	background: var(--color-white);
	padding: 6px 0px 6px 0px;
	border-bottom: 1px solid var(--color-gray-400);
}
.header .logo {
	width: 170px;
}
.header .logo img {
	width: 100%;
	height: auto;
}
.header .search-card {
	border: 1px solid var(--theme-color);
	width: 100%;
	height: 48px;
	border-radius: 45px;
	margin-top: 8px;
	overflow: hidden;
}
.header .search-card .search-box {
	width: calc(100% - 200px);
	float: left;
	border-right: 1px solid var(--theme-color);
}
.header .search-card .cat-select {
	width: 150px;
	float: left;
	border-right: 1px solid var(--theme-color);
}
.header .search-card .search-box input.form-control {
	padding: 14px 20px;
	background: transparent;
	border: none;
}
.header .search-card .cat-select select.form-select {
	padding: 14px 10px;
	border: none;
}
.header .search-card .search-btn {
	width: 50px;
	float: left;
}
.header .search-card .search-btn .btn-search {
	padding: 14px 16px;
	margin: 0 auto;
	background: var(--theme-color);
	border-radius: 0px;
	color: var(--color-white);
	font-size: 18px;
}
.header ul.login-reg-list {
	float: left;
	margin-top: 5px;
	border-left: 5px solid var(--theme-color);
	padding-left: 15px;
	border-radius: 15px 0px 0px 15px;
}
.header ul.login-reg-list li {
	padding: 2px 0px;
}
.header ul.login-reg-list li a {
	color: var(--theme-color);
	font-weight: 600;
	line-height: var(--line-height-100);
	font-family: var(--secondary-font-family);
}
.header ul.login-reg-list li a:hover {
	color: var(--color-gray-dark);
}
.header ul.login-reg-list li a i {
	margin-right: 5px;
}
.header ul.head-round-icon {
	display: flex;
	float: right;
	margin-top: 13px;
}
.header ul.head-round-icon li:not(:last-of-type) {
	margin-right: 30px;
}
.header ul.head-round-icon li a {
	position: relative;
	display: inline-block;
}
.header ul.head-round-icon li a i {
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	display: inline-block;
	text-align: center;
	background: var(--color-light-green);
	color: var(--color-gray-dark);
	border-radius: 50%;
	margin-right: 15px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.header ul.head-round-icon li:hover a i {
	background: var(--theme-color);
	color: var(--color-white);
}
.header ul.head-round-icon li a .cart_count {
	width: 22px;
	height: 22px;
	position: absolute;
	left: 22px;
	top: -10px;
	background: var(--theme-color);
	padding: 0px 3px;
	line-height: 22px;
	border-radius: 50%;
	color: var(--color-white);
	font-size: 12px;
	text-align: center;
}
.header-mobile-card {}
.header-mobile-card .bars-search-card {
	width: 120px;
	float: left;
}
.header-mobile-card .logo-card {
	width: calc(100% - 240px);
	float: left;	
}
.header .header-mobile-card .logo-card .logo {
	margin: 0 auto;
}
.header-mobile-card .head-round-card {
	width: 120px;
	float: right;
}
.header .header-mobile-card .bars-search-card ul.head-round-icon,
.header .header-mobile-card .head-round-card ul.head-round-icon {
	margin-top: 5px;
}
.header .header-mobile-card .bars-search-card ul.head-round-icon li:not(:last-of-type),
.header .header-mobile-card .head-round-card ul.head-round-icon li:not(:last-of-type) {
	margin-right: 5px;
}

/* ======================
   Header Cart
   ====================== */
.shopingCart {
	position: relative;
}
.shopingCart .shoping-cart-card {
	position: absolute;
	top: 130%;
	right: 0;
	width: 260px;
	background: var(--color-white);
	border-radius: 5px;
	z-index: 9999;
	visibility: hidden;
	opacity: 0;
	-webkit-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	-moz-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border-top: 3px solid var(--theme-color);
	border-bottom: 3px solid var(--theme-color);
}
.shopingCart .shoping-cart-card.open {
	visibility: visible;
	opacity: 1;
	top: 115%;
}
.shopingCart .shoping-cart-card .shoping-cart-body {
	max-height: 330px;
	overflow-y: auto;
	padding: 20px 15px 15px 15px;
	width: 100%;
}
.shopingCart ul.cart_list {
	width: 100%;
	display: inline-block;
}
.shopingCart ul.cart_list li {
	margin-right: 0px !important;
	display: flex;
	width: 100%;
	border-bottom: 1px dotted var(--color-green);
	margin-bottom: 10px;
	padding-bottom: 8px;
}
.shopingCart ul.cart_list li:last-child {
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.shopingCart ul.cart_list li .cart-item-card {
	width: 100%;
	position: relative;
}
.shopingCart ul.cart_list li .cart-item-card .cart-item-img {
	width: 50px;
	height: 50px;
	float: left;
	overflow: hidden;
	margin-right: 5px;
}
.shopingCart ul.cart_list li .cart-item-card .cart-item-img img {
	width: 100%;
}
.shopingCart ul.cart_list li .cart-item-card .cart-item-desc {
	width: calc(100% - 56px);
	float: left;
}
.shopingCart ul.cart_list li .cart-item-card .cart-item-desc h6 {
	font-size: var(--font-size-100);
	font-weight: 500;
	margin-bottom: 1px;
	font-family: var(--primary-font-family);
}
.shopingCart ul.cart_list li .cart-item-card .cart-item-desc p {
	font-size: 12px;
	font-family: var(--primary-font-family);
	margin: 0;
}
.shopingCart ul.cart_list li a.item-remove {
	position: absolute;
	top: -8px;
	left: 0;
}
.shopingCart ul.cart_list > li a.item-remove > i {
	width: 16px;
	height: 16px;
	line-height: 17px;
	background: var(--color-green);
	color: var(--color-white);
	text-align: center;
	margin: 0;
}
.shopingCart .shoping-cart-card .shoping-cart-footer {
	display: inline-block;
	padding: 15px 15px;
	width: 100%;
	border-top: 1px solid var(--color-green);
}
.shopingCart .shoping-cart-card .shoping-cart-footer p {
	color: var(--color-black);
	margin-bottom: 10px;
	font-weight: 500;
}
.shopingCart .shoping-cart-card .shoping-cart-footer p span {
	float: right;
}
.shopingCart .shoping-cart-card .shoping-cart-footer h6 {
	font-size: var(--font-size-100);
	margin-bottom: 20px;
	font-weight: 600;
}
.shopingCart .shoping-cart-card .shoping-cart-footer h6 span {
	float: right;
}
.shoping-cart-footer .view-cart-btn {
	background: var(--color-black);
	padding: 10px 10px;
	float: left;
	font-size: 12px;
	border-radius: 5px;
	color: var(--color-white);
}
.shoping-cart-footer .view-cart-btn:hover {
	background: var(--theme-color);
}
.shoping-cart-footer .checkout-btn {
	background: var(--theme-color);
	padding: 10px 10px;
	float: right;
	font-size: 12px;
	color: var(--color-white);
	border-radius: 5px;
}
.shoping-cart-footer .checkout-btn:hover {
	background: var(--color-green);
}

/* ======================
   Breadcrumb
   ====================== */
.breadcrumb-section {
	width: 100%;
	height: auto;
	background: var(--color-light-green);
	padding: 15px 0px;
}
.breadcrumb-section .page-title {
	text-align: right;
}
.breadcrumb-section .page-title h1 {
	font-size: var(--font-size-100);
	margin-bottom: 0px;
}
.breadcrumb-section .breadcrumb {
	float: left;
	margin-bottom: 0px;
}
.breadcrumb-section .breadcrumb .breadcrumb-item a {
	color: var(--color-black);
}
.breadcrumb-section .breadcrumb li a:hover {
	color: var(--theme-color);
}
.breadcrumb-section .breadcrumb-item.active {
	color: var(--theme-color);
}
.breadcrumb-section .breadcrumb-item + .breadcrumb-item::before {
	color: var(--theme-color);
}

/* ======================
   Section Heading
   ====================== */
.section-heading {
	margin-bottom: 40px;
}
.section-heading h5 {
	position: relative;
	margin-bottom: 20px;
	font-weight: 900;
	color: var(--theme-color);
}
.section-heading h2 {
	position: relative;
	margin-bottom: 20px;
	font-weight: 900;
}

/* ======================
   Menu css
   ====================== */
.header-menu {
	height: auto;
	padding: 0px 0px;
	background-color: var(--color-green);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.tp-mega-full {
	position: relative;
	width: 100%;
	line-height: 1;
}
.tp-menu {
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
}
.tp-menu nav {
	float: left;
	padding-top: 0px;
}
.tp-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.tp-menu ul li {
	float: left;
	position: relative;
}

.tp-menu ul li a.tp-updown {
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.tp-menu ul > li > a.tp-updown::before {
	position: absolute;
	content: "\F282";
	right: 0px;
	top: 24px;
	bottom: 24px;
	font-family: "bootstrap-icons";
	color: var(--color-white);
	font-size: 14px;
}
.tp-menu ul > li:hover > a.tp-updown::before {
	position: absolute;
	content: "\F286";
	right: 0px;
	top: 24px;
	bottom: 24px;
	font-family: "bootstrap-icons";
	color: var(--color-black);
	font-size: 14px;
}
.tp-menu ul li a {
	font-family: var(--secondary-font-family);
	color: var(--color-white);
	font-size: var(--font-size-200);
	font-weight: 800;
	display: block;
	padding: 23px 20px;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;	
}
.tp-menu ul li:hover > a,
.tp-menu ul li.active > a {
	color: var(--color-black);
}

/*submenu*/
.tp-menu ul li ul.submenu {
	position: absolute;
	top: 110%;
	left: 0;
	width: 260px;
	padding: 15px 15px;
	border-radius: 0px 0px 10px 10px;
	background: var(--color-white);
	z-index: 999999;
	visibility: hidden;
	opacity: 0;
	-webkit-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	-moz-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.tp-menu ul li:hover ul.submenu {
	visibility: visible;
	opacity: 1;
	top: 100%;
}
.tp-menu ul li ul.submenu li {
	float: none;
	margin: 0;
}
.tp-menu ul li ul.submenu li:last-child {
	border-bottom: none;
}
.tp-menu ul li ul.submenu li a {
	font-size: var(--font-size-100);
	font-weight: 700;
	padding: 12px 15px;
	color: var(--color-black);
	text-transform: capitalize;
}

/*three level menu*/
.tp-menu ul li ul.submenu li ul.submenu {
	left: 100%;
	top: 0;
	opacity: 0;
	visibility: hidden;
}
.tp-menu ul li ul.submenu li:hover > ul.submenu {
	opacity: 1;
	visibility: visible;
}

/*mega-menu*/
.tp-menu ul li .mega-menu {
	position: absolute;
	top: 110%;
	left: 0;
	width: 500px;
	background: var(--color-white);
	border-radius: 0px 0px 10px 10px;
	padding: 30px 15px 18px 15px;
	z-index: 999999;
	visibility: hidden;
	opacity: 0;
	-webkit-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	-moz-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;	
}
.tp-menu ul li:hover .mega-menu {
	visibility: visible;
	opacity: 1;
	top: 100%;
}
.tp-menu ul li .mega-menu ul {
	float: left;
}
.tp-menu ul li .mega-menu ul li {
	float: none;
	margin-right: 0;
}
.tp-menu ul li .mega-menu ul li a {
	padding: 12px 0px;
	color: var(--color-black);
	font-size: var(--font-size-100);
	font-weight: 700;
	font-family: var(--secondary-font-family);
}
.tp-menu ul li ul.submenu li:hover > a,
.tp-menu ul li ul.submenu li.active > a,
.tp-menu ul li .mega-menu ul li:hover a,
.tp-menu ul li .mega-menu ul li.active > a {
	color: var(--theme-color);
	background: transparent;
}
.tp-menu ul li .mega-menu ul li.mega-title {
	padding: 0px 0px 5px 0px;
	color: var(--color-green);
	font-weight: 800;
	font-size: var(--font-size-100);
	font-family: var(--secondary-font-family);
	position: relative;
	margin-bottom: 10px;
}
.tp-menu ul li .mega-menu ul li.mega-title::before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 30px;
	height: 2px;
	background: var(--color-green);
}

.tp-menu ul li .mega-menu ul.megafixed-col-1 {width: 100%;}
.tp-menu ul li .mega-menu ul.megafixed-col-2 {width: 50%;}
.tp-menu ul li .mega-menu ul.megafixed-col-3 {width: 33.33333333333333%;}
.tp-menu ul li .mega-menu ul.megafixed-col-4 {width: 25%;}
.tp-menu ul li .mega-menu ul.megafixed-col-5 {width: 20%;}
.tp-menu ul li .mega-menu ul.megafixed-col-6 {width: 16.66666666666667%;}

/*mega-menu full*/
.tp-menu ul li.tp-static {
	position: static;
}
.tp-menu ul li .mega-menu.mega-full {
	width: 100%;
}
.tp-menu ul li .mega-menu ul {
	padding: 0px 15px;
}
.tp-menu ul li .mega-menu ul:last-child {
	border-right: none;
}
.tp-menu ul li .mega-menu ul li.mega-col-image {
	overflow: hidden;
	padding: 0px 10px 0px 0px;
}
.tp-menu ul li .mega-menu ul li.mega-col-image a {
	padding: 0;
}
.tp-menu ul li .mega-menu ul li.mega-col-image img {
	width: 100%;
	height: auto;
	border-radius: 5px;
}

.tp-menu ul li .mega-menu.mega-full ul.mega-col-1 {width: 100%;}
.tp-menu ul li .mega-menu.mega-full ul.mega-col-2 {width: 50%;}
.tp-menu ul li .mega-menu.mega-full ul.mega-col-3 {width: 33.33333333333333%;}
.tp-menu ul li .mega-menu.mega-full ul.mega-col-4 {width: 25%;}
.tp-menu ul li .mega-menu.mega-full ul.mega-col-5 {width: 20%;}
.tp-menu ul li .mega-menu.mega-full ul.mega-col-6 {width: 16.66666666666667%;}

/*mobile menu*/
.mobile-menu-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	z-index: 99999;
}
.mobile-menu-wrapper.open {
	opacity: 1;
	visibility: visible;
}
.mobile-menu-wrapper .off-canvas-overlay {
	background-color: rgba(0, 0, 0, 0.4);
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.mobile-menu-wrapper .offcanvas-body {
	background-color: var(--color-black);
	width: 300px;
	height: 100%;
	padding: 0px 0px 100px 0px;
	position: relative;
	-webkit-transform: translateX(calc(-100% - 50px));
	-ms-transform: translateX(calc(-100% - 50px));
	transform: translateX(calc(-100% - 50px));
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.mobile-menu-wrapper.open .offcanvas-body {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.offcanvas-body .offcanvas-top {
	width: 100%;
	padding: 20px 20px;
	border-bottom: 1px solid var(--color-gray-dark);
	margin-bottom: 15px;
	height: auto;
	transform: none;
}
.offcanvas-top .offcanvas-btn-close {
	width: 30px;
	height: 30px;
	font-size: 14px;
	color: var(--color-black);
	line-height: 29px;
	text-align: center;
	cursor: pointer;
	background: var(--color-white);
	border-radius: 50%;
}
.mobile-navigation {}
.mobile-navigation nav {
    height: 100%; 
}
.mobile-menu {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.mobile-menu li > a {
	font-size: var(--font-size-100);
	color: var(--color-gray);
	line-height: var(--line-height-200);
	position: relative;
	display: inline-block;
	padding: 10px 10px 10px 20px;
	width: 100%;
	font-family: var(--secondary-font-family);
	font-weight: 700;
}
.mobile-menu li > a:hover,
.mobile-menu li.active > a {
    color: var(--theme-color);
	text-decoration: none;
}
.mobile-menu li.has-children-menu.active > a {
    color: var(--theme-color);
}
.mobile-menu li.has-children-menu ul.dropdown,
.mobile-menu li.has-children-menu.active ul.dropdown,
.mobile-menu li ul.megamenu {
	margin: 0px;
	padding: 0px;
	background-color: rgba(255,255,255,0.05);	
}
.mobile-menu li ul li {
    border: none;
}
.mobile-menu li ul li a {
	font-size: var(--font-size-100);
	padding: 10px 10px 10px 20px;
	width: 100%;
}
.mobile-menu li.has-children-menu {
	display: block;
	position: relative;
	width: 100%;
}
.mobile-menu li.has-children-menu .menu-expand {
	top: 10px;
	right: 20px;
	width: 14px;
	position: absolute;
	height: 20px;
	text-align: center;
	cursor: pointer;
}
.mobile-menu li.has-children-menu .menu-expand i {
	display: block;
	position: relative;
	width: 100%;
	margin-top: 10px;
	border-bottom: 1px solid var(--color-gray);
	-webkit-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}
.mobile-menu li.has-children-menu .menu-expand i:before {
    top: 0;
    width: 100%;
    content: "";
    display: block;
    position: absolute;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    border-bottom: 1px solid var(--color-gray);
    -webkit-transition: 0.4s;
    transition: 0.4s; 
}
.mobile-menu li.has-children-menu.active > .menu-expand i:before {
   	-webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); 
}
.search-for-mobile {
	padding: 0px 20px 20px 20px;
}
.search-for-mobile input.form-control {
	margin-bottom: 15px;
	border-radius: 50px;
	border: none;
	background: var(--color-gray-400);
	padding: 10px 15px;
}
.search-for-mobile button {
	width: 100%;
	font-weight: 700;
	border-radius: 50px;
	font-family: var(--secondary-font-family);
	padding: 8px 15px;
	font-size: var(--font-size-300);
}
.search-for-mobile button i {
	margin-right: 8px;
}

/* ======================
   caro-common css
   ====================== */
.caro-common {
	position: relative;
}
.caro-common .owl-nav {
	position: absolute;
	top: -78px;
	z-index: 99;
	right: -10px;
	width: auto;
}
.caro-common .owl-nav button {
	height: 40px;
	width: 40px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-left: 10px;
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.caro-common .owl-nav button i {
	font-size: 20px;
	line-height: 40px;
}
.caro-common .owl-nav button.owl-next,
.caro-common .owl-nav button.owl-prev{
	background: var(--color-light-green);
	color: var(--color-black);	
}
.caro-common .owl-nav button.owl-next:hover,
.caro-common .owl-nav button.owl-prev:hover{
	background: var(--color-green);
	color: var(--color-white);		
}
.caro-common .owl-nav .owl-next {
	left: auto;
	right: -20px;
}
.caro-common:hover .owl-nav button {
	opacity: 1;
	visibility: visible;
}
.caro-common .owl-dots {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -15px;
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;	
}
.caro-common:hover .owl-dots {
	opacity: 1;
	visibility: visible;	
}
.caro-common button.owl-dot{
	height: 22px;
	width: 22px;
	margin: 0 5px;
	display: inline-block;
	border-radius: 50%;
	background: var(--color-gray);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border: 4px solid #fff;
	-webkit-box-shadow: 0px 0px 23px 1px rgba(202, 200, 200, 0.9) !important;
	-moz-box-shadow: 0px 0px 23px 1px rgba(202, 200, 200, 0.9) !important;
	box-shadow: 0px 0px 23px 1px rgba(202, 200, 200, 0.9) !important;
}
.caro-common button.owl-dot.active {
	background: var(--theme-color);
}

/* ======================
   Top Categories
   ====================== */
ul.categories-wrap {
	width: 290px;
}
ul.categories-wrap li {
	position: relative;
}
ul.categories-wrap > li > a {
	padding: 11px 40px 11px 52px;
	background: var(--color-light-green);
	margin: 8px 0px;
	border-radius: 30px;
	font-size: var(--font-size-200);
	font-family: var(--secondary-font-family);
	color: var(--color-black);
	font-weight: 800;
	width: 100%;
	position: relative;
}
ul.categories-wrap > li > a.open {
	border-radius: 30px 30px 0px 0px;
	margin-bottom: 0px;
}
ul.categories-wrap > li > a::after {
	position: absolute;
	content: "\F479";
	left: 20px;
	top: 5px;
	bottom: 5px;
	font-family: "bootstrap-icons";
	color: var(--color-black);
	font-size: 24px;
}
ul.categories-wrap > li > a::before {
	position: absolute;
	content: "\F282";
	right: 20px;
	top: 11px;
	bottom: 11px;
	font-family: "bootstrap-icons";
	color: var(--color-black);
	font-size: 16px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
ul.categories-wrap > li > a.open::before {
	position: absolute;
	content: "\F286";
	right: 20px;
	top: 11px;
	bottom: 11px;
	font-family: "bootstrap-icons";
	color: var(--color-black);
	font-size: 16px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
ul.categories-wrap li ul.nav-category-list {
	position: absolute;
	top: 100%;
	left: 0;
	width: 290px;
	border-radius: 0px 0px 30px 30px;
	background: var(--color-white);
	z-index: 999999;
	visibility: hidden;
	opacity: 0;
	overflow: hidden;
	-webkit-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	-moz-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
ul.categories-wrap li ul.nav-category-list.open {
	visibility: visible;
	opacity: 1;
}
ul.categories-wrap li ul.nav-category-list li {
	border-bottom: 1px solid var(--color-light-green);
}
ul.categories-wrap li ul.nav-category-list li a {
	font-size: var(--font-size-100);
	font-family: var(--secondary-font-family);
	font-weight: 700;
	padding: 10px 15px;
	color: var(--color-black);	
	display: flex;
	align-items: center;
}
ul.categories-wrap li ul.nav-category-list li:hover a {
	color: var(--theme-color);
}
ul.categories-wrap li ul.nav-category-list li a .cat-icon {
	float: left;
	width: 30px;
	height: 30px;
	background: var(--color-light-green);
	border-radius: 50%;
	padding: 2px;
	margin-right: 12px;
	overflow: hidden;
}
ul.categories-wrap li ul.nav-category-list li a .cat-icon img {
	width: 100%;
	height: 100%;
}
ul.categories-wrap li ul.nav-category-list li a.cat-more-btn {
	background: var(--color-light-green);
	border-radius: 0px;
	padding: 11px 10px;
	text-align: center;
	display: block;
}
ul.categories-wrap li ul.nav-category-list li a.cat-more-btn span {
	position: relative;
}
ul.categories-wrap li ul.nav-category-list li a.cat-more-btn span::before {
	position: absolute;
	content: "\F64D";
	left: -25px;
	top: -3px;
	font-family: "bootstrap-icons";
	color: var(--color-black);
	font-size: var(--font-size-300);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
ul.categories-wrap li ul.nav-category-list li a.cat-more-btn span.open::before {
	position: absolute;
	content: "\F63B";
	left: -25px;
	top: -3px;
	font-family: "bootstrap-icons";
	color: var(--color-black);
	font-size: var(--font-size-300);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
ul.categories-wrap li ul.nav-category-list li:hover a.cat-more-btn span::before,
ul.categories-wrap li ul.nav-category-list li:hover a.cat-more-btn span.open::before {
	color: var(--theme-color);
}
ul.categories-wrap li ul.nav-category-list li.cat-list-hideshow {
	display: none;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
ul.categories-wrap li ul.nav-category-list li.cat-list-hideshow.open {
	display: block;
}

/* ======================
   Slider
   ====================== */
.slider-section {
	padding: 0px;
}
.slider-screen {
	background-position: 50%;
	background-size: cover;
	height: 100%;
	position: relative;
}
.slider-screen .single-slider {}
.slider-screen .slider-content {
	padding: 50px 0px;
	position: relative;
}
.home-slider .owl-nav button {
	height: 40px;
	width: 40px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 15px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.home-slider .owl-nav button i {
	font-size: 20px;
	line-height: 40px;
}
.home-slider .owl-nav button.owl-next,
.home-slider .owl-nav button.owl-prev{
	background: var(--theme-color);
	color: var(--color-white);	
}
.home-slider .owl-nav button.owl-next:hover,
.home-slider .owl-nav button.owl-prev:hover{
	background: var(--color-green);
	color: var(--color-white);	
}
.home-slider .owl-nav .owl-next {
	left: auto;
	right: 15px;
}
.home-slider:hover .owl-nav button {
	opacity: 1;
	visibility: visible;
}
.home-slider .owl-dots {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px; 
}
.home-slider button.owl-dot {
	height: 5px;
	width: 25px;
	margin: 0 4px;
	display: inline-block;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: var(--theme-color);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.home-slider button.owl-dot.active {
	background: var(--color-black);
}

/*--Home 1--*/
.slider-screen .slider-content h1 {
	font-size: var(--font-size-900);
	font-weight: 900;
	margin-bottom: 25px;
}
.slider-screen .slider-content p {
	margin-bottom: 25px;
}
.slider-screen .slider-content p.relative {
	padding-left: 25px;
}
.slider-screen .slider-content p.relative::before {
	position: absolute;
	left: 0;
	top: 8px;
	content: "";
	width: 20px;
	height: 4px;
	background: var(--theme-color);
	border-radius: 50px;
}
.slider-screen.h1-height {
	padding: 100px 0px;
}
.slider-screen .h1-layer1 {
	width: 100%;
	overflow: hidden;
}
.slider-screen .h1-layer1 img {
	width: 100%;
}
.slider-screen .h1-layer2 {
	position: absolute;
	bottom: 10px;
	right: 0px;	
	width: 150px;
	overflow: hidden;
	z-index: 999;
}
.slider-screen .h1-layer2 img {
	width: 100%;
}
.slider-screen .h1-layer3 {
	position: absolute;
	top: 0px;
	right: 100px;	
	width: 100px;
	overflow: hidden;
	z-index: 999;
}
.slider-screen .h1-layer3 img {
	width: 100%;
}
.slider-screen .h1-layer4 {
	position: absolute;
	bottom: 30px;
	right: 80px;	
	width: 150px;
	overflow: hidden;
	z-index: 999;
}
.slider-screen .h1-layer4 img {
	width: 100%;
}

/* ======================
   Featured Categories
   ====================== */
.featured-card {
	background: var(--color-light-green);
	padding: 0px;
	text-align: center;
	overflow: hidden;
	height: auto;
	border-radius: 0px 0px 10px 10px;
}
.owl-carousel .featured-card {
	margin-right: 15px;
}
.featured-card .featured-image {
	border-radius: 0px 0px 50% 50%;
	padding: 15px 15px;
	overflow: hidden;
	width: 100%;
	border-bottom: 5px solid var(--theme-color);
	border-top: none;
	border-left: none;
	border-right: none;
	background: var(--color-white);
}
.featured-card .featured-image img {
	width: 120px;
	height: 120px;
	margin: 0 auto;
}
.featured-card .featured-title {
	padding: 20px 15px;
}
.featured-card .featured-title a {
	font-size: var(--font-size-100);
	font-weight: 800;
	font-family: var(--secondary-font-family);
	color: var(--color-black);
}
.featured-card .featured-title a:hover {
	color: var(--theme-color);
}

/* ======================
   Offer Section
   ====================== */
.offer-section {
	background-position: 50%;
	background-size: cover;
	height: 100%;
	position: relative;	
}
.offer-card {
	position: relative;
	width: 100%;
	border-radius: 10px;
	padding: 30px;
	overflow: hidden;
	margin-bottom: 30px;
}
.offer-card .offer-heading {
	margin-bottom: 30px;
}
.offer-card .offer-heading h2 {
	font-size: var(--font-size-400);
}
.offer-card .offer-body {
	padding: 0;
	width: calc(100% - 100px);
}
.offer-card .offer-footer {
	margin-top: 50px;
	width: 100%;
}
.offer-card .offer-footer a.btn {
	border-radius: 50px;
	padding: 13px 25px;
}
.offer-card .offer-footer .offer-image {
	position: absolute;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 160px;
}
.offer-card .offer-footer .offer-image img {
	width: 100%;
	height: auto;
}

/* ======================
   Products Section
   ====================== */
.product-section {
	background-position: 50%;
	background-size: cover;
	height: 100%;
	position: relative;
	background: var(--color-lightness-green);
}
.item-card {
	background: var(--color-white);
	padding: 15px 15px 10px 15px;
	border: 1px solid var(--color-light-green);
	border-radius: 5px;
	margin-bottom: 25px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;	
}
.owl-carousel .item-card {
	margin-right: 15px;
}
.item-card:hover {
	border: 1px solid var(--theme-color);
}
.item-card .item-image {
	width: 100%;
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.item-card .item-image img {
	width: 100%;
	height: 100%;
}
.item-card:hover .item-image img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);	
}
.item-card .item-image .item-label {
	position: absolute;
	background: var(--color-green);
	color: var(--color-white);
	padding: 2px 8px;
	top: 1px;
	left: 1px;
	border-radius: 3px;
	font-weight: 400;
	font-size: var(--font-size-100);
	z-index: 1;
}
.item-card .item-image .item-rating {
	position: absolute;
	background: #f9f9f9;
	color: var(--color-gray-dark);
	padding: 2px 8px;
	top: 10px;
	right: 10px;
	border-radius: 3px;
	font-weight: 700;
	font-size: var(--font-size-200);
	z-index: 1;
}
.item-card .item-image .item-rating i {
	font-size: var(--font-size-100);
	margin-right: 5px;
	color: #e8c107;
}
.item-card .deals-countdown-card {
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 9;
	left: 0;
	right: 0;
	text-align: center;
}
.item-card .deals-countdown-card .deals-countdown {}
.item-card .deals-countdown-card .deals-countdown .countdown-section {
	width: 55px;
	height: auto;
	display: inline-block;
	/* background: var(--color-white); */
	background: var(--color-lightness-green);
	border: 1px solid var(--color-light-green);
	padding: 5px;
	margin: 2px 2px 10px 2px;
}
.item-card .deals-countdown-card .deals-countdown .countdown-section .countdown-amount {
	width: 100%;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	font-family: var(--secondary-font-family);
	color: var(--theme-color);
}
.item-card .deals-countdown-card .deals-countdown .countdown-section .countdown-period {
	width: 100%;
	display: inline-block;
	font-family: var(--secondary-font-family);
	text-transform: capitalize;
}
.item-card .item-title {
	width: 100%;
}
.item-card .item-title a {
	font-family: var(--secondary-font-family);
	color: var(--color-black);
	font-weight: 700;
	font-size: var(--font-size-200);
	margin-bottom: 5px;
}
.item-card .item-title a:hover {
	color: var(--color-green);
}
.item-card .item-sold {
	margin-bottom: 5px;
}
.item-card .item-sold a {
	color: var(--color-green);
}
.item-card .item-pric-card {
	width: 100%;
	font-family: var(--primary-font-family);
	font-size: var(--font-size-200);
	color: var(--color-green);
	font-weight: 900;
	display: flex;
	margin-bottom: 15px;
}
.item-card .item-pric-card .new-price {
	float: left;
	margin-right: 7px;
}
.item-card .item-pric-card .old-price {
	float: left;
	text-decoration: line-through;
	color: #ee0101;
}
.item-card .item-card-bottom {
	width: 100%;
	display: inline-block;
}
.item-card .item-card-bottom a.add-to-cart {
	float: left;
	background: var(--color-light-green);
	border-radius: 50px;
	padding: 10px 15px;
	color: var(--theme-color);
}
.item-card .item-card-bottom a.add-to-cart:hover {
	background: var(--theme-color);
	color: var(--color-white);	
}
.item-card .item-card-bottom ul.item-cart-list {
	float: right;
}
.item-card .item-card-bottom ul.item-cart-list li {
	float: left;
}
.item-card .item-card-bottom ul.item-cart-list li a {}
.item-card .item-card-bottom ul.item-cart-list li a i {
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	display: inline-block;
	text-align: center;
	background: var(--color-light-green);
	color: var(--color-green);
	border-radius: 50%;
	margin-left: 15px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.item-card .item-card-bottom ul.item-cart-list li:hover a i {
	background: var(--theme-color);
	color: var(--color-white);
}
ul.nav-pills.tp-tabs {
	margin-bottom: 5px;
	display: inline-block;
	list-style-type: none;
}
ul.nav-pills.tp-tabs li {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;	
}
ul.nav-pills.tp-tabs li .nav-link {
	padding: 10px 20px;
	background: var(--color-light-green);
	font-family: var(--secondary-font-family);
	font-weight: 800;
	color: var(--theme-color);
	border-radius: 50px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
ul.nav-pills.tp-tabs .nav-link:hover, 
ul.nav-pills.tp-tabs .nav-link.active, 
ul.nav-pills.tp-tabs .show > .nav-link {
	background: var(--theme-color);
	color: var(--color-white);
}

/* ======================
   Rating css
   ====================== */
.rating-wrap {
	width: 100%;
	line-height: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	margin-bottom: 8px;
} 
.rating-wrap .stars-outer {
	display: inline-block;
	position: relative;
	font-family: bootstrap-icons !important;
	margin-right: 5px;
}
.rating-wrap .stars-outer:before{
	content:"\f588 \f588 \f588 \f588 \f588";
	color:#d2d2d2;
	font-size: 14px;
	letter-spacing:2px;
}
.rating-wrap .stars-inner {
	position: absolute;
	top: 0;
	left: 0;
	white-space: nowrap;
	overflow: hidden;
	width: 0;
}
.rating-wrap .stars-inner::before {
	content: "\f586 \f586 \f586 \f586 \f586";
	color: #f8ce0b;
	font-size: 14px;
	letter-spacing:2px;
}

/* ======================
   Product Details
   ====================== */
.product-details-slider {
	width: 100%;
	height: auto;
	border: 1px solid var(--color-light-green);
	text-align: center;
	margin-bottom: 15px;
	overflow: hidden;
	border-radius: 5px;
}
.product-details-slider .item {
	width: 100%;
	height: 500px;
 	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	background: var(--color-white);
}
.product-details-slider .item img {
	width: auto;
	height: auto;
	margin: 0 auto;	
}
.product-details-slider button.slick-prev,
.product-details-slider button.slick-next {
	height: 40px;
	width: 40px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: none;
	position: absolute;
	top: 50%;
	z-index: 1;
	background: var(--color-light-green);
	color: var(--color-black);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);	
}
.product-details-slider button.slick-prev {
	left: 0;
}
.product-details-slider button.slick-next {
	right: 0;
}
.product-details-slider button.slick-prev:hover,
.product-details-slider button.slick-next:hover{
	background: var(--color-green);
	color: var(--color-white);		
}

.thumbnail-card {
	width: 100%;
	margin-bottom: 30px;
}
.thumbnail-card .slick-slide {
	overflow: hidden;
	border: 1px solid var(--color-light-green);
	cursor: pointer;
	margin: 5px;
	border-radius: 5px;
}
.thumbnail-card .slick-slide img {
	width: 100%;
	height: 100%;
}
.thumbnail-card .slick-slide:hover, 
.thumbnail-card .slick-slide.slick-current { 
	border: 1px solid var(--theme-color);
}
.thumbnail-card button.slick-prev,
.thumbnail-card button.slick-next {
	height: 25px;
	width: 25px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: none;
	position: absolute;
	top: 50%;
	z-index: 1;
	background: var(--color-light-green);
	color: var(--color-black);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);	
}
.thumbnail-card button.slick-prev {
	left: 0;
}
.thumbnail-card button.slick-next {
	right: 0;
}
.thumbnail-card button.slick-prev:hover,
.thumbnail-card button.slick-next:hover{
	background: var(--color-green);
	color: var(--color-white);		
}

.pr_details {}
.pr_details .product_title {
	font-size: var(--font-size-300);
	margin-bottom: 15px;
}
.pr_details .pr_widget {
	margin-bottom: 10px;
}
.pr_details .pr_extra {
	margin-bottom: 15px;
	color: var(--color-black);
}
.pr_details .pr_extra a {
	color: var(--theme-color);
}
.pr_details .product_price {
	display: flex;
	margin-bottom: 15px;
}
.pr_details .product_price .item-price {
	font-size: var(--font-size-300);
	color: var(--color-black);
	font-weight: 700;
	margin-right: 10px;
}
.pr_details .product_price .old-item-price {
	margin-top: 2px;
	text-decoration: line-through;
	color: #f62459;
	font-size: var(--font-size-100);
}
.pr_details .pr_extra .instock {
	color: #388e3c;
	padding-left: 5px;
}
.pr_details .pr_extra .stockout {
	color: #f62459;
	padding-left: 5px;
}
.pr_details .pr_quantity {
	width: 150px;
	margin-bottom: 15px;
}
.pr_details .pr_quantity label {
	width: 100%;
}
.pr_details .pr_quantity input {
	padding: 5px 10px;
	border: 1px solid var(--color-light-green);
	width: 130px;
}
.pr_details .pr_buy_cart {
	margin-bottom: 5px;
}
.pr_details .pr_buy_cart .cart {
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 12px 20px;
}
.pr_details .pr_buy_cart .wishlist {
	border-radius: 50%;
	padding: 12px 12px;
}

.desc-review-nav {
	margin-bottom: 40px;
	border-bottom: 1px solid var(--color-light-green);
}
.desc-review-nav a {
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	padding: 0 15px 12px;
	color: var(--color-black);
	display: inline-block;
	border-bottom: 2px solid transparent;
}
.desc-review-nav a:first-child {
	padding: 0 15px 12px 0;
}
.desc-review-nav a.active {
	color: var(--theme-color);
	border-bottom: 2px solid var(--theme-color);
}
.review-content p a {
	color: var(--color-black);
}
.review-content p a:hover {
	color: var(--theme-color);
}
.review-heading {
	background: var(--color-light-green);
	padding: 15px 15px;
	margin: 30px 0px;
	border-radius: 6px;
}
.review-heading h4 {
	margin: 0px;
	font-size: 18px;
}
.review-body {}
.review-body .review-card {
	border: 1px solid var(--color-light-green);
	width: 100%;
	overflow: hidden;
	padding: 20px 20px 20px 20px;
	margin-bottom: 30px;
	background: var(--color-white);
	border-radius: 10px;
}
.review-body .review-card .review-photo {
	width: 80px;
	height: 80px;
	float: left;
	border: 1px solid var(--color-light-green);
	border-radius: 50%;
	overflow: hidden;
}
.review-body .review-card .review-photo img {
	width: 100%;
	height: 100%;	
}
.review-body .review-card .review-photo .username {
	background: var(--color-lightness-green);
	color: var(--theme-color);
	height: 100%;
	width: 100%;
	text-align: center;
	display: inline-block;
	font-size: 54px;
	font-weight: 700;
}
.review-body .review-card .review-info {
	width: calc(100% - 80px);
	float: left;
	padding: 0px 0px 0px 15px;
}
.review-body .review-card .review-info .author-name {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 5px;
}
.review-body .review-card .review-info .date {
	color: var(--color-gray);
	margin-top: 5px;
}
.review-body .review-card .review-info .desc p {
	margin: 0px;
}
.page-item.active .page-link {
	color: var(--color-white);
	background-color: var(--theme-color);
	border-color: var(--theme-color);
}
.page-link {
	color: var(--theme-color);
}
.page-link:hover {
	color: var(--theme-color);
}
.page-link:focus {
	color: var(--theme-color);
}
.discount {
	font-size: 12px;
	padding: 4px 5px 4px 5px;
}
.gritter-success .gritter-title .gritter-title-text {
	background: var(--theme-color);
	color: var(--color-white);
}
/* ======================
   Product Details Stores
   ====================== */
.store-content .stores-card {
	position: relative;
	background: var(--color-white);
	width: 100%;
	height: auto;
	padding: 30px 30px 25px 30px;
	display: inline-block;
	margin: 0px 0px 20px 0px;
	border: 1px solid var(--color-light-green);
	border-radius: 10px;
}
.store-content .stores-card .store-logo {
	width: 150px;
	height: 150px;
	text-align: center;
	overflow: hidden;
	float: left;
}
.store-content .stores-card .store-logo img {
	width: 100%;
	height: auto;
}
.store-content .stores-card .store-logo .text {
	font-size: 115px;
	width: 140px;
	height: 140px;
	line-height: 140px;
	display: inline-block;
	border-radius: 50%;
	font-weight: 700;
	background: var(--theme-color);
	color: var(--color-white);
	margin-top: 4px;
}
.store-content .stores-card .desc {
	width: calc(100% - 150px);
	float: left;
	padding-left: 30px;
}
.store-content .stores-card .desc .store-name {
	margin-bottom: 5px;
	font-size: var(--font-size-500);
}
.store-content .stores-card .desc .since {
	margin-bottom: 10px;
	font-size: var(--font-size-100);
	color: var(--color-gray-dark);
}
.store-content .stores-card .desc ul.info {
	margin-top: 15px;
	margin-bottom: 10px;
}
.store-content .stores-card .desc ul.info li {
	margin-bottom: 5px;
}
.store-content .stores-card .desc ul.info li i {
	margin-right: 8px;
}

/* ======================
   Rating css
   ====================== */
.rating-wrap {
	width: 100%;
	line-height: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	position: relative;	
} 
.rating-wrap .stars-outer {
	display: inline-block;
	position: relative;
	font-family: bootstrap-icons !important;
	margin-right: 5px;
}
.rating-wrap .stars-outer:before{
	content:"\f588 \f588 \f588 \f588 \f588";
	color:#d2d2d2;
	font-size: 14px;
	letter-spacing:2px;
}
.rating-wrap .stars-inner {
	position: absolute;
	top: 0;
	left: 0;
	white-space: nowrap;
	overflow: hidden;
	width: 0;
}
.rating-wrap .stars-inner::before {
	content: "\f586 \f586 \f586 \f586 \f586";
	color: #f8ce0b;
	font-size: 14px;
	letter-spacing:2px;
}

/* ======================
   Color and Size css
   ====================== */
ul.widget-color {}
ul.widget-color li {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	margin-bottom: 5px;
}
ul.widget-color li a {}
ul.widget-color li a span {
	display: block;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	position: relative;
	cursor: pointer;	
}
ul.widget-color li:hover a span:before,
ul.widget-color li.active a span:before {
	content: "";
	display: block;
	border: 1px solid var(--theme-color);
	position: absolute;
	top: -4px;
	left: -4px;
	right: -4px;
	bottom: -4px;
	border-radius: 50%;
}
ul.widget-size {}
ul.widget-size li {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	margin-bottom: 5px;	
}
ul.widget-size li.unit,
ul.widget-size li a {
	padding: 5px 15px;
	text-align: center;
	border: 1px solid var(--color-light-green);
	text-transform: uppercase;
	color: var(--color-black);
}
ul.widget-size li:hover a, 
ul.widget-size li.active a,
ul.widget-size li.unit.active {
	background: var(--theme-color);
	color: var(--color-white);
	border: 1px solid var(--theme-color);
}

/* ======================
   Deals Section
   ====================== */
.deals-section {
	background-position: 50%;
	background-size: cover;
	height: 100%;
	position: relative;
	background: var(--color-white);
}
.deals-section .item-image::before {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	z-index: 1;
}
.deals-card {
	position: relative;
	margin-top: 0px;
	overflow: hidden;
	border-radius: 5px;
	border: 1px solid var(--color-light-green);
}
.deals-card::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
}
.deals-card img {
	width: 100%;
	height: 100%;
}
.deals-card .deals-desc {
	position: absolute;
	font-size: var(--font-size-600);
	z-index: 999;
	top: 0;
	text-align: center;
	font-weight: 800;
	color: var(--theme-color);
	padding: 30px 20px 15px 20px;
}
.deals-card .deals-bottom {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	text-align: center;
}

/* ======================
   Video Section
   ====================== */
.video-section {
	background-position: 50%;
	background-size: cover;
	height: 100%;
	position: relative;
}
.video-section::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: var(--color-green);
	opacity: 0.5;
}
.video-card {
	display: inline-block;
	padding: 150px;
	position: relative;
}
.video-card .play-icon {
	position: relative;
	width: 80px;
	height: 80px;
	background: var(--color-white);
	line-height: 80px;
	border-radius: 50%;
	cursor: pointer;
	border: 1px solid #fff;
	animation: shadows 1.4s linear infinite;
	-webkit-animation: shadows 1.4s linear infinite;
	-moz-animation: shadows 1.4s linear infinite;
	-moz-transition: all ease 400ms;
	-webkit-transition: all ease 400ms;
	transition: all ease 400ms;	
}
.video-card .play-icon i {
	font-size: 40px;
	color: var(--theme-color);
}
.video-card .play-icon:hover {
	background: var(--theme-color);
	border: 1px solid var(--theme-color);
}
.video-card .play-icon:hover i {
	color: var(--color-white);
}
.video-desc {
	position: relative;
	padding-top: 70px;
}
.video-desc h1 {
	color: var(--color-white);
	font-weight: 900;
	font-size: var(--font-size-800);
	margin-bottom: 30px;
}
.video-desc p {
	color: var(--color-white);
	margin-bottom: 30px;
}


/* ======================
   Shopping Cart and Wish List
   ====================== */ 
.shopping-cart table th,
.shopping-cart table td {
  vertical-align: middle;	
}
.shopping-cart thead th {
	border-bottom-color: var(--color-light-green) !important;
	background: var(--color-light-green);
}
.shopping-cart .table > :not(:first-child) {
	border-top: none;
}
.shopping-cart .pro-image {
	width: 80px;
	height: auto;
	border: 1px solid var(--color-light-green);
	text-align: center;
}
.shopping-cart .pro-image img {
	width: 100%;
	height: auto;	
}
.shopping-cart .pro-name,
.shopping-cart .pro-name a {
	font-size: var(--font-size-200);
	font-weight: 600;
}
.shopping-cart .pro-price {
	font-weight: 700;
}
.shopping-cart .pro-quantity {}
.shopping-cart .pro-quantity .quantity {
	border: 1px solid var(--color-light-green);
	padding: 7px 5px;
	text-align: center;
	width: 60px;
}
.shopping-cart .pro-quantity .qty-btn {
	border: none;
	background: var(--color-light-green);
	color: var(--color-black);
	border-radius: 50%;
	text-align: center;
	width: 30px;
	height: 30px;
	font-size: var(--font-size-200);
	line-height: 1;
	margin: 0px 3px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;	
}
.shopping-cart .pro-quantity .qty-btn:hover {
	background: var(--theme-color);
	color: var(--color-white);
}
.shopping-cart .pro-total-price {
	font-weight: 700;
}
.shopping-cart .instock {
	color: #388e3c;
}
.shopping-cart .stockout {
	color: var(--theme-color);
}
.shopping-cart .pro-addtocart .cart {
	text-transform: capitalize;
	padding: 10px 15px;
}

.shopping-cart .pro-image-w {width: 10%;}
.shopping-cart .pro-name-w {width: 30%;}
.shopping-cart .pro-variation-w {width: 8%;}
.shopping-cart .pro-store-w {width: 15%;}
.shopping-cart .pro-price-w {width: 10%;}
.shopping-cart .pro-quantity-w {width: 10%;}
.shopping-cart .pro-total-price-w {width: 10%;}
.shopping-cart .pro-remove-w {width: 7%;}
.shopping-cart .pro-stock-w {width: 15%;}
.shopping-cart .pro-addtocart-w {width: 10%;}

.carttotals-card {
	border: 1px solid var(--color-light-green);
	background: var(--color-white);
}
.carttotals-card .carttotals-head {
	background: var(--color-light-green);
	padding: 10px 15px;
	font-weight: 700;
	font-size: var(--font-size-200);
	color: var(--color-black);
}
.carttotals-card .carttotals-body {
	padding: 20px;
}
.carttotals-card .carttotals-body .title {}
.carttotals-card .carttotals-body .total {
	font-weight: 700;
}
.carttotals-card .carttotals-body .price {
	float: right;
}
.carttotals-card .carttotals-body .total-price {
	float: right;
	font-weight: 700;
}
.carttotals-card .carttotals-body tr:last-child td {
	border-bottom: none;
}
.carttotals-card .carttotals-body .alert {
	padding: 10px 12px;
	margin-bottom: 0;
	border-radius: 0;
	margin-top: 10px;
}
.table .tp_group {
	background-color: #f7f7f7;
}
.table .tp_group .store_logo {
	width: 30px;
	height: 30px;
	border: 1px solid #ddd;
	border-radius: 3px;
	float: left;
	margin-right: 5px;	
}
.table .tp_group .store_logo img {
	width: 100%;
	height: 100%;
}
.table .tp_group .store_name {
	width: calc(100% - 50px);
	float: left;
}
.table .tp_group .store_name p {
	margin: 0;
	padding: 0;
	line-height: 1.2;
	font-size: 12px;
	font-family: var(--primary-font-family);
	color: var(--color-black);	
}
.table .tp_group .store_name p strong {}
.table .tp_group .store_name a {
	color: var(--theme-color);
	font-size: 14px;
}
.hideclass {
	display: none;
}
.thank span {
	font-size: 60px;
	color: var(--theme-color);
}

.empty_card {
	padding: 20px;
}
.empty_card .empty_img {
	padding: 20px;
}
.empty_card .empty_img img {
	width: 100%;
}
.empty_card h3 {
	font-size: 18px;
	text-align: center;
}

/* ======================
   Sidebar css
   ====================== */
.filter-card {
	margin-bottom: 40px;
}
.filter-card .filter_select select,
.filter-card .sort_by_select select {
	width: 120px;
}
.filter-card .sort_by_select select {
	float: right;
}

.sidebar {}
.sidebar .widget-card {
	background: var(--color-white);
	padding: 15px 15px 15px 15px;
	border: 1px solid var(--color-light-green);
	border-radius: 5px;
	margin-bottom: 25px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;	
}
.sidebar .widget-card .widget-title {
	font-size: var(--font-size-400);
	font-weight: 700;
	color: var(--color-black);
	font-family: var(--secondary-font-family);
	margin-bottom: 20px;
	border-bottom: 1px solid var(--color-light-green);
	padding-bottom: 10px;
	position: relative;
}
.sidebar .widget-card .widget-title::before {
	position: absolute;
	content: "";
	left: 0;
	width: 60px;
	height: 4px;
	background: var(--theme-color);
	bottom: -2px;
	border-radius: 50%;
}
.sidebar .widget-card .widget-body {}
.sidebar .widget-card .widget-body ul.widget-list {}
.sidebar .widget-card .widget-body ul.widget-list li {
	width: 100%;
	display: inline-block;
	margin-bottom: 15px;
}
.sidebar .widget-card .widget-body ul.widget-list li:last-child {
	margin-bottom: 0px;
}
.sidebar .widget-card .widget-body ul.widget-list li a {
	font-size: var(--font-size-100);
	font-weight: 700;
	font-family: var(--secondary-font-family);
	color: var(--color-black);
}
.sidebar .widget-card .widget-body ul.widget-list li a:hover {
	color: var(--theme-color);
}
.sidebar .widget-card .widget-body ul.widget-list li .icon {
	width: 30px;
	float: left;
	height: 30px;
	overflow: hidden;
	border: 1px solid var(--color-light-green);
	border-radius: 50%;
	background: var(--color-white);
}
.sidebar .widget-card .widget-body ul.widget-list li .icon img {
	width: 100%;
	height: 100%;
}
.sidebar .widget-card .widget-body ul.widget-list li .desc {
	width: calc(100% - 60px);
	float: left;
	padding: 5px 0px 0px 10px;
}
.sidebar .widget-card .widget-body ul.widget-list li .count {
	width: 25px;
	height: 25px;
	line-height: 25px;
	float: right;
	background: var(--color-light-green);
	color: var(--theme-color);
	font-size: var(--font-size-100);
	text-align: center;
	border-radius: 50%;
	margin-top: 2px;
}
.slider-range {
	margin-top: 25px;
	width: 100%;
}
.slider-range .ui-widget.ui-widget-content {
	border: 1px solid var(--theme-color);
	margin-bottom: 15px;
}
.slider-range .ui-widget-header {
	border: 1px solid var(--color-light-green);
	background: var(--color-light-green);
}
.slider-range .ui-state-default, 
.slider-range .ui-widget-content .ui-state-default, 
.slider-range .ui-widget-header .ui-state-default {
	border: 1px solid var(--theme-color);
	background: var(--theme-color);
}
.slider-range .price-range {
	margin-bottom: 10px;
}
.slider-range .price-range .price-label {
	font-size: var(--font-size-100);
	color: var(--color-black);
	font-weight: 700;
	margin-bottom: 5px;
}
.slider-range .price-range .price {
	color: var(--color-black);
}
.slider-range .filter-btn {
	padding: 10px 20px;
}

/* ======================
   Auth Section
   ====================== */
.register {
	position: relative;
	width: 400px;
	margin: 25px auto 50px auto;
	background: #fff;
	padding: 30px;
	-webkit-box-shadow: 0px 15px 66px 5px rgba(217,217,217,0.8);
	-moz-box-shadow: 0px 15px 66px 5px rgba(217,217,217,0.8);
	box-shadow: 0px 15px 66px 5px rgba(217,217,217,0.8);
}
.register h4 {
	margin-bottom: 15px;
	font-weight: 700;
	font-size: 20px;
}
.register .form {
	margin-bottom: 15px;
}
.register .form-group {
    margin-bottom: 20px;
}
.register h3 {
	text-align: center;
	margin: 0;
}
.register h3 a {
	font-size: 16px;
	font-weight: normal;
}
.register .alert {
	padding: 8px 10px;
}
ul.errors-list {
	color: #721c24;
	background-color: #f8d7da;
	border: 1px solid #f5c6cb;
	text-align: left;
	padding: 10px 10px;
	margin-bottom: 15px;
	border-radius: 5px;
}
ul.errors-list li {
	font-size: 14px;
	width: 100%;
}

/* ======================
   Checkbox and Radio css
   ====================== */
.checkbox_group {
	margin-bottom: 15px;
	width: 100%;
}
.tw_checkbox span:before, 
.tw_checkbox span:after {
	content: "";
	display: inline-block;
	background: #fff;
	width: 0;
	height: 0.2rem;
	position: absolute;
	transform-origin: 0% 0%;
}
.tw_checkbox {
	position: relative;
	height: 2rem;
	display: flex;
	align-items: center;
}
.tw_checkbox input {
	display: none;
}
.tw_checkbox input:checked ~ span:before {
	width: 1rem;
	height: 0.15rem;
	transition: width 0.1s;
	transition-delay: 0.3s;
}
.tw_checkbox input:checked ~ span:after {
	width: 0.4rem;
	height: 0.15rem;
	transition: width 0.1s;
	transition-delay: 0.2s;
}
.tw_checkbox input:disabled ~ span {
	background: #ececec;
	border-color: #dcdcdc;
}
.tw_checkbox input:disabled ~ label {
	color: #dcdcdc;
}
.tw_checkbox input:disabled ~ label:hover {
	cursor: default;
}
.tw_checkbox label {
	padding-left: 2rem;
	position: relative;
	z-index: 2;
	cursor: pointer;
	margin-bottom: 0;
	font-weight: 400;
}
.tw_checkbox span {
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	border: 2px solid #ccc;
	position: absolute;
	left: 0;
	transition: all 0.2s;
	z-index: 1;
	box-sizing: content-box;
}
.tw_checkbox span:before {
	transform: rotate(-55deg);
	top: 1rem;
	left: 0.37rem;
}
.tw_checkbox span:after {
	transform: rotate(35deg);
	bottom: 0.35rem;
	left: 0.2rem;
}
.tw_checkbox input:checked ~ span {
	background: var(--theme-color);
	border-color: var(--theme-color);
	color: #ffffff;
}

.checkboxlist label.checkbox-title {
	font-weight: 400;
}
.checkboxlist input[type="checkbox"], 
.checkboxlist input[type="radio"] {
	border: 1px solid #222;
	border-radius: 4px;
	background: #fff;
	color: #222;
	clear: none;
	cursor: pointer;
	display: inline-block;
	line-height: 0;
	height: 16px;
	width: 16px;
	min-width: 16px;
	margin: -3px 5px 0px 0px;
	outline: 0;
	padding: 0 !important;
	text-align: center;
	vertical-align: middle;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	transition: .05s border-color ease-in-out;
	font-size: 14px;
}
.checkboxlist input[type="radio"] {
	border-radius: 50%;
	margin-right: 5px;
	line-height: .71428571;
}
.checkboxlist input[type="checkbox"]:checked::before, 
.checkboxlist input[type="radio"]:checked::before {
	float: left;
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.checkboxlist input[type="checkbox"]:checked {
	background: var(--theme-color);
	border: 1px solid var(--theme-color);
}
.checkboxlist input[type="checkbox"]:checked::before {
	font-family: "bootstrap-icons";
	content: "\f272";
	margin: 7px 0px 0px -1px;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
}
.checkboxlist input[type="radio"]:checked::before {
	content: "";
	border-radius: 50%;
	width: 8px;
	height: 8px;
	margin: 3px;
	background-color: var(--theme-color);
	line-height: 1.14285714;
}
.checkboxlist input[type="radio"]:checked {
	border: 1px solid var(--theme-color);
}

/* ======================
   My Dashbord css
   ====================== */
.my-dashbord {
	margin: 50px 0px 60px 0px;
}
.my-dashbord .dashbord-sidebar {
	-webkit-box-shadow: 0px 12px 42px 0px rgba(68,68,68,0.18);
	-moz-box-shadow: 0px 12px 42px 0px rgba(68,68,68,0.18);
	box-shadow: 0px 12px 42px 0px rgba(68,68,68,0.18);
	margin-bottom: 30px;
}
.dashbord-sidebar .profile-info {
	text-align: center;
	padding: 15px 15px 10px 15px;
	border-bottom: 1px solid #eee;
}
.profile-info .avatar {
	width: 110px;
	height: 110px;
	margin: 0 auto;
	border-radius: 50%;
	line-height: 110px;
	font-size: 85px;
	text-align: center;
	font-weight: bold;
	background: var(--theme-color);
	color: #fff;
}
.profile-info h5 {
	margin: 15px 0px 0px 0px;
}
.profile-info p {
	margin-bottom: 0px;
}
.sidebar-nav {}
.sidebar-nav ul {}
.sidebar-nav ul li {}
.sidebar-nav ul li a {
	padding: 15px 15px;
	display: inline-block;
	width: 100%;
	color: #222;
	border-bottom: 1px solid #eee;
}
.sidebar-nav ul li a:hover,
.sidebar-nav ul li a.active {
    background: var(--theme-color);
    color: #ffffff;
}
.sidebar-nav ul li:last-child  a {
	border-bottom: none;
}
.sidebar-nav ul li a i.bi {
	margin-right: 5px;
	font-size: 16px;
	margin-left: auto;
}
.my_card {}
.my_card tr td a {
	color: initial;
}
.my_card p.title {
	margin-bottom: 0px;
	width: 100%;
	font-weight: 500;
	font-family: var(--primary-font-family);
	color: var(--color-black);
}
.my_card p.sub-title {
	width: 100%;
	font-size: 11px;
	margin-bottom: 0px;
}
.my_card p.price {
	margin-bottom: 0px;
	width: 100%;
	text-align: right;
	font-weight: 500;
	font-family: var(--primary-font-family);
	color: var(--color-black);	
}
.my_card p.sub-price {
	font-size: 11px;
	margin-bottom: 0px;
	width: 100%;
	text-align: right;
	font-family: var(--primary-font-family);
	color: var(--color-black);	
}
.my_card span.title,
.my_card span.price {
	font-weight: 700;
}
.hideclass {
	display: none;
}
.my_card .pro-image {
	width: 65px;
	height: auto;
	border: 1px solid #eee;
	text-align: center;
}
.my_card .pro-image img {
	width: 100%;
	height: auto;
}
.order_status {
	text-align: right;
}
.payment_card {
	width: 100%;
	margin-bottom: 20px;
	margin-top: 10px;
}
.payment_card .checkboxlist {
	margin-bottom: 10px;
}
.payment_card p {
	margin-top: 10px;
}

/* ======================
   Entry css
   ====================== */
.entry-bg {
	height: 100%;
	position: relative;
	background: var(--color-white);
}
.min-height {
	min-height: 400px;
}
.entry {
	line-height: 2;
}
.entry p {
	margin: 0 0 10px;
	font-family: var(--primary-font-family);
	line-height: 2;
}
.entry ol,
.entry ol li,
.entry ul,
.entry ul li {
	list-style: none;
}
.entry ol, .entry ul {
	margin: 0px 0px 15px 20px;
	padding-left: 0;
}
.entry ol li, .entry ol li a, 
.entry ul li, .entry ul li a {
	line-height: 2;
}
.entry ol li i, 
.entry ol li a i, 
.entry ul li i, 
.entry ul li a i {
	margin-right: 5px;
}

.entry h1 {
	font-size: 40px;	
}
.entry h2 {
	font-size: 33px;
}
.entry h3 {
	font-size: 27px;
}
.entry h4 {
	font-size: 23px; 
}
.entry h5 {
	font-size: 20px; 
}
.entry h6 {
	font-size: 17px; 
}
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
	margin-bottom: 10px;
}
.entry .blockquote {
	padding: 10px 20px;
	font-size: 14px;
	border-left-width: 5px;
	border-left-style: solid;
	border-color: #a6a6a6;
	letter-spacing: 0.05em;
}
.entry .blockquote p {
	margin: 0;
}
.entry pre {
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 5px;
	border-style: solid;
	padding: 20px;
	margin: 10px 0px;
	line-height: 2;
	letter-spacing: 0.05em;
}
.entry b {
	font-weight: bold;
}
.entry u {
	text-decoration: underline;
}
.entry table tr th,
.entry table tr td {
	font-family: var(--primary-font-family);
	color: var(--color-gray-dark);
}

 /* ======================
   Social Media
   ====================== */
.social-media i {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	margin: 3px;
	display: block;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.social-media i {
	color: var(--color-white);
	background: var(--color-green);
	border-radius: 50%;
}
.social-media i:hover {
	color: var(--color-white);
	background: var(--color-black);
}

/* ======================
   Stores
   ====================== */
.stores-card {
	position: relative;
	background: #fff;
	width: 100%;
	height: auto;
	padding: 30px 30px 25px 30px;
	display: inline-block;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	margin: 60px 0px 80px 0px;
	border: 1px solid var(--color-light-green);
	border-radius: 5px;
}
.stores-card .store-logo {
	width: 150px;
	height: 150px;
	text-align: center;
	overflow: hidden;
	float: left;
}
.stores-card .store-logo img {
	width: 100%;
	height: auto;
}
.stores-card .store-logo .text {
	font-size: 115px;
	width: 140px;
	height: 140px;
	line-height: 140px;
	display: inline-block;
	border-radius: 50%;
	font-weight: 700;
	background: var(--theme-color);
	color: #fff;
	margin-top: 4px;
}
.stores-card .desc {
	width: calc(100% - 150px);
	float: left;
	padding-left: 30px;
}
.stores-card .desc .store-name {
	margin-bottom: 5px;
	font-size: 35px;
}
.stores-card .desc .since {
	margin-bottom: 10px;
	font-size: 14px;
}
.stores-card .desc ul.info {
	margin-top: 15px;
	margin-bottom: 10px;
}
.stores-card .desc ul.info li {
	margin-bottom: 5px;
}
.stores-card .desc ul.info li i {
	margin-right: 8px;
}

/* ======================
   Parsley css
   ====================== */
.parsley-error:focus {
    border-color: #f53535 !important;
    box-shadow: none !important;
}
.parsley-error {
    border-color: inherit;
    color: inherit;
}
.parsley-error-list {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
}
.parsley-error-list li {
    color: #dc3545;
}
.parsley-error-list {
    list-style: outside none none;
}
.parsley-error {
    border-color: #f53535;
    color: #dc3545;
}
.parsley-error:focus {
    border-color: #f53535 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 2px rgba(245, 53, 53, 0.6) !important;
}
.errorMgs {
	color: #dc3545;
}
.card-errors {
	color: #dc3545;
}

/* ======================
   Layer Bounce
   ====================== */
.layer-bounce1 {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;	
	animation-timing-function: linear;	
	-webkit-animation-fill-mode: both; 
	animation-fill-mode: both;	
}
.layer-bounce2 {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-animation-duration: 7s;
	animation-duration: 7s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;	
	animation-timing-function: linear;	
	-webkit-animation-fill-mode: both; 
	animation-fill-mode: both;	
}
.layer-bounce3 {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;	
	animation-timing-function: linear;	
	-webkit-animation-fill-mode: both; 
	animation-fill-mode: both;	
}
.layer-bounce4 {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;	
	animation-timing-function: linear;	
	-webkit-animation-fill-mode: both; 
	animation-fill-mode: both;	
}

/* ======================
   Bounce Keyframes
   ====================== */
 @-webkit-keyframes bounce { 
	 0% {
		transform:translateY(0)
	 }
	 50% {
		transform:translateY(20px)
	 }
	 100% {
		transform:translateY(0)
	 }
 } 
 
 @keyframes bounce { 
	 0% {
		transform:translateY(0)
	 }
	 50% {
		transform:translateY(20px)
	 }
	 100% {
		transform:translateY(0)
	 }
 }

/* ======================
   Shadows Keyframes
   ====================== */

@-webkit-keyframes shadows {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255,.2), 0 0 0 30px rgba(255,255,255,.2), 0 0 0 50px rgba(255,255,255,.2);
	}
	100% {
		box-shadow: 0 0 0 30px rgba(255,255,255,.2), 0 0 0 50px rgba(255,255,255,.2), 0 0 0 70px transparent;
	}
}

@keyframes shadows {
	0% {
		box-shadow: 0 0 0 0 rgba(255,255,255,.2), 0 0 0 30px rgba(255,255,255,.2), 0 0 0 50px rgba(255,255,255,.2);
	}
	100% {
		box-shadow: 0 0 0 30px rgba(255,255,255,.2), 0 0 0 50px rgba(255,255,255,.2), 0 0 0 70px transparent;
	}
}

/* ======================
   fadeInDown Keyframes
   ====================== */

@-webkit-keyframes fadeInDown {
	0% {
		opacity:0;
		-webkit-transform:translate3d(0,-100%,0);
		transform:translate3d(0,-100%,0)
	}
	to {
		opacity:1;
		-webkit-transform:translateZ(0);
		transform:translateZ(0)
	}
}
@keyframes fadeInDown {
	0% {
		opacity:0;
		-webkit-transform:translate3d(0,-100%,0);
		transform:translate3d(0,-100%,0)
	}
	to {
		opacity:1;
		-webkit-transform:translateZ(0);
		transform:translateZ(0)
	}
}

/* ======================
   Order Tracking
   ====================== */
.order_tracking_card {
	margin: 0 auto;
	text-align: center;
	margin-bottom: 100px;
}
.order_tracking_card .tracking_order_no {
	text-align: center;
}
.order_tracking_card ul.order_track {
	display: inline-block;
	margin-top: 70px;
}
.order_tracking_card ul.order_track li {
	float: left;
	width: 200px;
	position: relative;
	border-top: 4px dotted var(--theme-color);
	padding-top: 40px;
	text-align: left;
}
.order_tracking_card ul.order_track li:last-child {
	width: auto;
	border-top: none;
}
.order_tracking_card ul.order_track li .order_track_item {
	width: 60px;
	height: 60px;
	position: absolute;
	top: -32px;
	left: 0;
	border-radius: 50%;
	text-align: center;
	line-height: 60px;
	font-size: 40px;
	color: var(--color-white);
}
.order_tracking_card ul.order_track li .order_track_item.check {
	background: var(--theme-color);
}
.order_tracking_card ul.order_track li .order_track_item.x {	
	background: var(--color-gray-dark);
}
.table > :not(:first-child) {
	border-top: none;
}

/* ======================
   Home Page 2
   ====================== */
.home_2 .section {
	padding: 80px 0px 40px 0px;
}
.home_2 .section-heading {
  margin-bottom: 80px;
}
.home_2 .featured-card {
  background: transparent;
  padding: 0px;
  text-align: center;
  overflow: hidden;
  height: auto;
  border-radius: 0px;
}
.home_2 .featured-card .featured-image {
  border-radius: 0;
  padding: 0px;
  overflow: hidden;
  width: 100%;
  border: none;
  background: var(--color-white);
}
.home_2 .featured-card .featured-image img {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  border: 2px solid var(--theme-color);
  border-radius: 50%;
  padding: 10px;
  cursor: pointer;
}
.home_2 .caro-common .owl-nav {
  position: initial;
  top: auto;
  z-index: 99;
  right: auto;
  width: auto;
}
.home_2 .caro-common .owl-nav button {
  position: absolute;
  text-align: center;
  top: 50%;
  left: -20px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}
.home_2 .caro-common .owl-nav .owl-next {
  left: auto;
  right: -20px;
}
.home_2 .caro-common:hover .owl-nav button {
  opacity: 1;
  visibility: visible;
}

/* ======================
   Home Page 3
   ====================== */
.home_3 .header-menu {
	border-radius: 30px;
	margin-bottom: 15px;
}
.home_3 .header-menu.sticky {
	border-radius: 0;
	margin-bottom: 0;
}
.home_3 .product-section {
	background: transparent;
}
.home_3 .inner-section-bg {
	background: transparent;
}
.home_3 .section {
	padding: 60px 0 40px 0;
}
.home_3 .slider-section {
	border-radius: 15px;
	overflow: hidden;
}
.home_3 .slider-screen.h1-height {
	padding: 50px 0px;
}
.home_3 .slider-screen .slider-content {
	padding: 50px 0px 50px 30px;
}
.home_3 .slider-screen .slider-content h1 {
	font-size: 52px;
}
.home_3 .video-section {
	border-radius: 15px;
	overflow: hidden;
}
.home_3 .footer-top {
	border-radius: 15px;
	margin-bottom: 40px;
}
.home_3 .footer-section {
	border-left: 1px solid var(--color-light-green);
	border-right: 1px solid var(--color-light-green);
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	overflow: hidden;
}
.home_3 .breadcrumb-section {
	background: transparent;
	padding: 10px 0px;
}

/* ======================
   Home Page 4
   ====================== */
.home_4 .banner_card {
	position: relative;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;		
}
.home_4 .banner_card .banner_image {
	width: 100%;
	height: auto;
	overflow: hidden;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.home_4 .banner_card .banner_image img {
	width: 100%;
	height: auto;	
}
.home_4 .banner_card:hover .banner_image img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);	
}
.home_4 .banner_card .banner_desc {
	position: absolute;
	top: 50%;
	left: 30px;
	z-index: 1;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.home_4 .banner_card .banner_desc h3 {
	font-size: var(--heading-3);
	margin-bottom: 10px;
}
.home_4 .banner_card .banner_desc .btn.theme-btn {
	border: 1px solid var(--theme-color);
	padding: 10px 20px;
	color: var(--theme-color);
	background-color: transparent;	
}
.home_4 .banner_card .banner_desc .btn.theme-btn:hover {
	color: var(--color-white);
}
.home_4 .featured-card {
  background: transparent;
  padding: 0px;
  text-align: center;
  overflow: hidden;
  height: auto;
  border-radius: 0px;
}
.home_4 .featured-card .featured-image {
	width: 180px;
	height: 180px;
	border-radius: 50%;
	padding: 30px;
	overflow: hidden;
	background: var(--color-light-green);
	margin: 0 auto;
	border: none;
}
.home_4 .featured-card .featured-image img {
	width: 100%;
	height: 100%;
}
.home_4 .featured-card:hover a {
	color: var(--theme-color);
}
.brand-card {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.brand-card img {
	width: 100%;
	height: auto;
}

/* ======================
   Contact
   ====================== */
.contact_card {}
.contact_card .heading {
	font-weight: 900;
	margin-bottom: 20px;
}
.contact-form,
.contact-info,
.contact-map {
	width: 100%;
	background: #fff;
	padding: 30px;
	-webkit-box-shadow: 0px 15px 66px 5px rgba(217,217,217,0.3);
	-moz-box-shadow: 0px 15px 66px 5px rgba(217,217,217,0.3);
	box-shadow: 0px 15px 66px 5px rgba(217,217,217,0.3);
}

.contact-form .form-group {
    margin-bottom: 20px;
}
.contact-form textarea {
	height: 110px;
}
.contact-info p {
	margin-bottom: 20px;
}
.contact-info .info {
	margin-bottom: 25px;
	width: 100%;
	display: inline-block;
}
.contact-info .info .icon {
	float: left;
	margin-right: 15px;
	border: 1px solid var(--theme-color);
	color: var(--theme-color);
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}
.contact-info .info .icon i.fa {
	font-size: 18px;
}
.contact-info .info .desc {
	float: left;
	width: calc(100% - 60px);
}
.contact-info .info .desc span {
	font-weight: 700;
}
.contact-info .info .desc p {
	margin-bottom: 0px;
}

.contact-map {
	margin-top: 25px;
}
.google_map {
	width: 100%; 
	height: 450px;
}
.map-tooltip {
	width: 250px;
	text-align: left;
}
.map-tooltip ul.map-tooltip-content {
	list-style: none;
}
.map-tooltip ul.map-tooltip-content li {
	margin-bottom: 10px;
	text-align: left;
}
.map-tooltip ul.map-tooltip-content li:last-child {
	margin-bottom: 0px;
}
.map-tooltip ul.map-tooltip-content li h2 {
	color: var(--color-gray-dark);
	font-size: var(--font-size-100);
	font-weight: 700;
	margin-bottom: 1px;
}

/* ======================
   Blog
   ====================== */
.blog-card {
	background: var(--color-white);
	-webkit-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	-moz-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	margin-bottom: 25px;
	border-radius: 5px;
	overflow: hidden;
}
.blog-card .blog-img {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.blog-card .blog-img img {
	width: 100%;
}
.blog-card .blog-img .blog-date {
	position: absolute;
	background: var(--color-black);
	padding: 7px 15px;
	color: var(--color-white);
	font-weight: 600;
}
.blog-card .blog-content {
	width: 100%;
	padding: 20px;
}
.blog-card .blog-content .blog-meta {
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: 400;
}
.blog-card .blog-content .blog-meta i {
	margin-right: 6px;
}
.blog-card .blog-content .blog-title {}
.blog-card .blog-content .blog-title h4 {
	line-height: 1.5;
}
.blog-card .blog-content .read-more-btn {}
.blog-card .blog-content .read-more-btn a {}
.blog-card .blog-content .read-more-btn a i {
	margin-right: 6px;
}
.blog-details {}
.blog-details .blog-img {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.blog-details .blog-img img {
	width: 100%;
}
.blog-details .blog-content {
	margin-bottom: 20px;
}
.blog-details .blog-content .blog-meta {
	width: 100%;
	overflow: hidden;
	margin-top: 15px;
}
.blog-details .blog-content .blog-meta ul {
	display: inline-block;
}
.blog-details .blog-content .blog-meta li {
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: 400;
	float: left;
	margin-right: 15px;
}
.blog-details .blog-content .blog-meta li i {
	margin-right: 6px;
}
.blog-details .blog-content .blog-title {
	width: 100%;
	float: left;
}
.blog-details .blog-content .blog-title h4 {
	line-height: 1.5;
	margin-bottom: 10px;
	font-size: 30px;
}
.share_this {
	width: 100%;
	overflow: hidden;
}
.share_this .share-title {
	font-weight: 600;
}

/* ======================
   404
   ====================== */
.error_card {
	text-align: center;
	padding: 60px 0;
}
.error_card .error_img {
	width: 100%;
	margin-bottom: 15px;
}
.error_card .error_img img {
	width: 100%;
}
.error_card p {
	margin-bottom: 30px;
	margin-top: 25px;
	font-size: 16px;
}

/* ======================
   Footer Section
   ====================== */
.dnone {display: none;}
.footer-top {
	background-position: 50%;
	background-size: cover;
	height: 100%;
	position: relative;
	padding: 100px 0px;
}
.newsletter-card {
	text-align: center;
	padding: 0px 50px;
}
.newsletter-card h2 {
	font-weight: 900;
}
.newsletter-card p {}
.newsletter-card .newsletter-form {
	position: relative;
	display: inline-block;
	width: 100%;
}
.newsletter-card .newsletter-form input.form-control {
	width: 100%;
	background: var(--color-white);
	padding: 18px 150px 18px 20px;
	border: 1px solid var(--theme-color);
	border-radius: 50px;
}
.newsletter-card .newsletter-form .newsletter-btn {
	position: absolute;
	top: 7px;
	right: 7px;
	background: var(--theme-color);
	color: var(--color-white);
}
.btn.newsletter-btn::before {
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	content: "";
	width: 0;
	height: 100%;
	z-index: -1;
	background-color: var(--color-green);
	overflow: hidden;
	border-radius: inherit;	
 	-moz-transition: width .5s cubic-bezier(.17,.67,.12,.81) 0s;
	-webkit-transition: width .5s cubic-bezier(.17,.67,.12,.81) 0s;
	transition: width .5s cubic-bezier(.17,.67,.12,.81) 0s;
}
.btn.newsletter-btn:hover::before {
	width: 100%;
	left: 0;
	right: auto;
}
.modal_newsletter_card {}
.modal_newsletter_card .modal-close {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 40px;
	height: 40px;
	background: var(--color-green);
	line-height: 30px;
	text-align: center;
	z-index: 999;
	color: var(--color-white);
	font-size: 22px;
	border: none;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.modal_newsletter_card .modal-close:hover {
	background: var(--color-white);
	color: var(--color-black);
}
.modal_newsletter_card .modal-dialog {
	max-width: 700px;
}
.modal_newsletter_card .modal-content {
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	border: none;
	border-radius: 0;
}
.modal_newsletter_card .modal-content::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: var(--color-light-green);
	opacity: 0.5;
}
.modal_newsletter_card .modal-body {
	padding: 100px 20px;
}
.modal_newsletter_card .newsletter-card p {
	font-weight: 500;
	margin-bottom: 50px;
}
.modal_newsletter_card .newsletter-card h2 {
	margin-bottom: 20px;
}

.footer-section {
	background-position: 50%;
	background-size: cover;
	height: 100%;
	position: relative;	
}
.footer-middle {
	border-top: 1px solid var(--color-light-green);
}
.footer-border {
	border-right: 1px solid var(--color-light-green);
}
.footer-widget-card {
	padding: 70px 20px;
}
.footer-widget {
	display: inline-block;
	width: 100%;
}
.footer-widget .widget-title {
	margin-bottom: 15px;
}
.footer-widget .info-card {}
.footer-widget .info-card .info-logo {
	width: 250px;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
	display: inline-block;
}
.footer-widget .info-card .info-logo img {
	width: 100%;
}
.footer-widget .info-card p {}

.footer-widget ul.widget-contact {}
.footer-widget ul.widget-contact li {
	margin-bottom: 20px;
}
.footer-widget ul.widget-contact li .contact-card {
	display: inline-block;
	width: 100%;
}
.footer-widget ul.widget-contact li .contact-card .contact-icon {
	width: 65px;
	height: 65px;
	background: var(--color-green);
	font-size: 24px;
	text-align: center;
	line-height: 65px;
	float: left;
	color: var(--color-lightness-green);
	border-radius: 50%;
	margin-right: 15px;
}
.footer-widget ul.widget-contact li .contact-card .contact-desc {
	width: calc(100% - 85px);
	float: left;
	padding-top: 8px;
}
.footer-widget ul.widget-contact li .contact-card .contact-desc h5 {
	margin-bottom: 5px;
}
.footer-widget ul.widget-contact li .contact-card .contact-desc p {
	margin-bottom: 0px;
}
.footer-widget ul.widget-list {}
.footer-widget ul.widget-list li {
	position: relative;
	margin-bottom: 12px;
	width: 50%;
	float: left;
}
.footer-widget ul.widget-list li a {}
.footer-widget ul.widget-list li a:hover {}
.footer-bottom {
	padding: 30px 0px 20px 0px;
	border-top: 1px solid var(--color-light-green);
}
.copy-right {
	margin-bottom: 10px;
}
.copy-right a {
	color: var(--theme-color);
}
.payment-method {
	float: right;
	margin-bottom: 10px;
}
.payment-method img {
	width: 100%;
	height: 22px;
}
.whatsapp-left {
	position: fixed;
	left: 30px;
	bottom: 30px;
	z-index: 11;
	width: 65px;
	height: 65px;
}
.whatsapp-right {
	position: fixed;
	right: 30px;
	bottom: 100px;
	z-index: 11;
	width: 65px;
	height: 65px;
}
.whatsapp-left .whatsapp-btn,
.whatsapp-right .whatsapp-btn {
	width: 65px;
	height: 65px;
	background: #40c351;
	text-align: center;
	line-height: 65px;
	border-radius: 50%;
}

/* ======================
   cookies content css
   ====================== */
.cookie_consent_card {
	text-align: center;
	position: fixed;
	max-width: 400px;
	bottom: 30px;
	z-index: 999;
	padding: 25px;
	background: var(--color-black);
	color: var(--color-white);
	display: none;
	border-radius: 6px;
	-webkit-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	-moz-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;	
}
.cookie_consent_card.fullwidth {
	text-align: left;
	position: fixed;
	width: 100%;
	max-width: 100%;
	bottom: 0;
	z-index: 999;
	padding: 20px 30px 5px 30px;
	background: var(--color-black);
	color: var(--color-white);
	display: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.cookie_consent_card.left {
	left: 30px;
}
.cookie_consent_card.right {
	right: 30px;
}
.cookie_consent_card.fullwidth.left {
	left: 0;
}
.cookie_consent_card.fullwidth.right {
	right: 0;
}
.cookie_consent_card.active{
    display: block;
}
.cookie_consent_card .cookie_consent_head {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
	color: var(--color-white);
}
.cookie_consent_card .cookie_consent_text {
	margin-bottom: 20px;
}
.cookie_consent_card.fullwidth .cookie_consent_text {
	margin-bottom: 20px;
	float: left;
}
.cookie_consent_card .cookie_consent_text a,
.cookie_consent_card .cookie_consent_text a:hover {
	color: var(--theme-color);
}
.cookie_consent_card button.accept_btn {
	color: var(--color-white);
	background-color: var(--theme-color);
	width: 100%;
	padding: 12px 15px;
}
.cookie_consent_card.fullwidth button.accept_btn {
	width: auto;
	padding: 6px 15px;
	float: left;
	border-radius: 3px;
	margin-left: 10px;
}
.cookie_consent_card button.accept_btn::before {
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	content: "";
	width: 0;
	height: 100%;
	z-index: -1;
	background-color: var(--color-green);
	overflow: hidden;
	border-radius: inherit;	
 	-moz-transition: width .5s cubic-bezier(.17,.67,.12,.81) 0s;
	-webkit-transition: width .5s cubic-bezier(.17,.67,.12,.81) 0s;
	transition: width .5s cubic-bezier(.17,.67,.12,.81) 0s;
}
.cookie_consent_card button.accept_btn:hover::before {
	width: 100%;
	left: 0;
	right: auto;
}