/* ======================
   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. Footer Section
   ====================== */

/* ======================
   Default css
   ====================== */
   
   * {
	margin: 0;
	padding: 0;
	outline: 0;
}
html {
	overflow-x: hidden;
	width: 100%;
}
body {
	font-family: var(--primary-font-family);
	font-weight: normal;
	font-style: normal;
	color: var(--color-gray-400);
	background-color: var(--color-gray-400);
	font-size: var(--font-size-100);
	line-height: var(--line-height-200);
	overflow-x: hidden;
	width: 100%;
	max-width: 100%;
}
.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;
	text-align: center;
	margin: 10px;
}
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-gray-400);
	text-shadow: none;
}
::-moz-selection {
	background: var(--theme-color); 
	color: var(--color-gray-400);
	text-shadow: none;
}
::selection {
	background: var(--theme-color); 
	color: var(--color-gray-400);
	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: 20px;
	border-color: var(--theme-color);
	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);
}
.form-select:focus {
	box-shadow: none;
}
.form-control:-moz-focusring {
	color: var(--color-gray-dark);
	text-shadow: none;
}
main {
	display: block;
}
.section {
	padding: 30px 0;
}

.inner-section {
	padding: 40px 0px;
}
.inner-section-bg {
	height: 100%;
	position: relative;
	background: var(--color-gray-400);
}
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%;
}

.product_stock_status {
    margin: 15px 0;
}

.stock-badge {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    min-width: 120px;
}

.stock-available {
    background-color: #298CE3;
    color: white;
}

.stock-limited {
    background-color: #fd7e14;
    color: white;
}

.stock-unavailable {
    background-color: #dc3545;
    color: white;
}

/*
===============
*/
.stock-qty {
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 4px;
    display: inline-block;
    min-width: 30px;
    text-align: center;
}

.stock-qty.in-stock {
    background-color: #e5f2fc;
    color: #298CE3;
    border: 1px solid #c3e6cb;
}

.stock-qty.low-stock {
    background-color: rgba(255, 193, 7, 0.5);
    color: #856404;
    border: 1px solid #ffeaa7;
}

.stock-qty.out-of-stock {
    background-color: rgba(220, 53, 69, 0.5);
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.stock-disabled {
    color: #6c757d;
    font-style: italic;
}

/* ======================
   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-blue);
	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-blue);
	border-radius: 30px;
	padding: 10px 20px;
}
.btn.white-btn.active,
.btn.white-btn:hover {
	background-color: var(--color-light-blue);
	border: 1px solid var(--color-light-blue);
	color: var(--color-black);
}

.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-blue);
	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;
}

.btn.red-btn {
	color: red;
	background-color: var(--color-white);
	padding: 15px 20px;
}

.btn.red-btn:hover {
	background: var(--color-white);
	box-shadow: 0 0 8px 2px #dc3545 inset;
}

.btn.blue-btn {
	color: var(--color-white);
	background-color: var(--theme-color);
	padding: 15px 20px;
	width: 30%;
}

.btn.blue-btn:hover {
	background: var(--color-white);
	color: var(--theme-color);
	box-shadow: 0 0 8px 2px #298ce3 inset;
}
.btn.blue-btn-minus:before {
    content: "\F2EA";
}
.btn.blue-btn-minus {
    font-size: var(--font-size-500);
	font-weight: 500;
	color: var(--theme-color);
	background-color: var(--color-white);
	padding: 10px 10px;
	-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: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
}

.btn.blue-btn-minus:hover {
	background: var(--color-white);
	color: var(--theme-color);
	box-shadow: 0 0 8px 2px #298ce3 inset;
}
.btn.blue-btn-plus:before {
    content: "\F4FE";
}
.btn.blue-btn-plus {
    font-size: var(--font-size-500);
	font-weight: 500;
	color: var(--theme-color);
	background-color: var(--color-white);
	padding: 10px 10px;
	-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: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
}

.btn.blue-btn-plus:hover {
	background: var(--color-white);
	color: var(--theme-color);
	box-shadow: 0 0 8px 2px #298ce3 inset;
}
.btn.blue-btn-width {
	color: var(--color-white);
	background-color: var(--theme-color);
	padding: 15px 20px;
	width: 100%;
}
.btn.blue-btn-width::before {
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	content: "";
	width: 0;
	height: 100%;
	z-index: -1;
	background-color: var(--theme-color);
	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.blue-btn-width:hover::before {
	width: 100%;
	left: 0;
	right: auto;
	box-shadow: 0 0 10px 3px white inset;
}

.no-spin::-webkit-inner-spin-button, .no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.no-spin {
    -moz-appearance:textfield !important;
}
/* ======================
   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 {
    width: 100%;
	background-color: var(--color-gray-400);
}
.header-desktop {
	display: block;
	width: 100%;
	padding: 20px 0px;
	margin-top: 40px;
	overflow: visible !important;
}
.header-desktop .container {
	overflow: visible !important;
}
.header-desktop .row {
	overflow: visible !important;
}
.header-desktop [class*="col-"] {
	overflow: visible !important;
}
.header-mobile {
	display: none;
	width: 100%;
	background-color: var(--color-gray-400);
	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: 2px solid var(--theme-color);
	width: 100%;
	height: 50px;
	border-radius: 50px;
	margin-top: 8px;
}
/*
.header .search-card:hover {
	box-shadow: 0 0 10px 3px white inset, 0 0 0px 10000px rgba(0, 0, 0, .2);
}
*/
.header .search-card .search-box {
	width: calc(100% - 100px);
	float: left;
}

.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: 10px 20px 5px 15px;
	background: transparent;
	border: none;
	font-size: 16px;
}
.header .search-card .cat-select select.form-select {
	padding: 10px 10px;
	border: none;
}
.header .search-card .search-btn {
    height: 100%;
	float: right;
	margin-right: -1px;
	border-radius: 40px;
	background: var(--theme-color);
}
.header .search-card .search-btn:hover {
	background: var(--color-white);
	color: var(--theme-color);
	box-shadow: 0 0 8px 2px #298ce3 inset;
}
.header .search-card .search-btn .btn-search {
	color: var(--color-white);
	font-size: 20px;
	padding: 10px 30px 10px 30px;
}
.header .search-card .search-btn .btn-search:hover {
	color: var(--theme-color);
	font-size: 20px;
	padding: 12px 30px 13px 30px;
}
.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;
}
.head-phone {
    float: right;
	max-height: 45px;
	margin-right: 0;
	background: var(--theme-color);
	border-radius: 50px;
	overflow: visible !important;
	white-space: nowrap;
}
.head-phone .head-phone-text {
	font-size: 18px;
	margin-top: 3px;
	padding: 5px 15px 5px 15px;
	color: var(--color-white);
	white-space: nowrap;
	overflow: visible !important;
}

.header ul.head-round-icon {
	display: flex;
	margin: 13px 0px 0px 50px;
}
.header ul.head-round-icon li {
	margin-left: 15%;
}
.header ul.head-round-icon li a {
	position: relative;
	display: inline-block;
}
.header ul.head-round-icon li a i {
	width: 35px;
	height: 30px;
	line-height: 35px;
	font-size: 14px;
	display: inline-block;
	text-align: center;
	color: var(--theme-color);
	-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 a .cart_count,
.header ul.head-round-icon li a .favorites_count {
	width: 22px;
	height: 22px;
	position: absolute;
	left: 22px;
	top: -10px;
	background: var(--theme-color);
	padding: 0px 3px;
	margin-left: 10px;
	line-height: 22px;
	border-radius: 50%;
	color: var(--color-white);
	font-size: 12px;
	text-align: center;
}

.header ul.head-round-icon .cart-icon{
	position: relative;
	margin-left: 10px;
	content: url("../images/cart.svg");
	
}
.header ul.head-round-icon .deliveries-icon{
	position: relative;
	margin-left: 10px;
	content: url("../images/deliveries.svg");
	
}
.header ul.head-round-icon .favorites-icon{
	position: relative;
	margin-left: 10px;
	content: url("../images/favorites.svg");
	
}
.header ul.head-round-icon .profile-icon{
	position: relative;
	margin-left: 10px;
	content: url("../images/profile.svg");
	
}
.header-mobile-card {
    padding: 30px 0px 30px 0px;
}
.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;
	width: 250px;
}
.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: 10px 5px;
}


/* ======================
   Header Cart
   ====================== */
.shopingCart {
	position: relative;
}
.shopingCart .shoping-cart-card {
	position: absolute;
	top: 130%;
	right: 0;
	width: 260px;
	background: var(--color-white);
	border-radius: 30px;
	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;
}
.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-blue);
	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-blue);
	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-blue);
}
.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 {
    width: 45%;
	background: var(--theme-color);
	padding: 10px 20px 10px 20px;
	float: left;
	font-size: 12px;
	border-radius: 30px;
	color: var(--color-white);
}
.shoping-cart-footer .view-cart-btn:hover {
	background: var(--color-white);
	color: var(--theme-color);
	box-shadow: 0 0 8px 2px #298ce3 inset;
}
.shoping-cart-footer .checkout-btn {
    width: 45%;
	background: var(--theme-color);
	padding: 10px 20px 10px 20px;
	float: right;
	font-size: 12px;
	color: var(--color-white);
	border-radius: 30px;
}
.shoping-cart-footer .checkout-btn:hover {
	background: var(--color-white);
	color: var(--theme-color);
	box-shadow: 0 0 8px 2px #298ce3 inset;
}

/* ======================
   Breadcrumb
   ====================== */
.breadcrumb-section {
	width: 100%;
	height: auto;
	background: var(--color-light-blue);
	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: 30px;
}
.section-heading h5 {
	position: relative;
	margin-bottom: 30px;
	font-weight: 900;
	color: var(--theme-color);
}
.section-heading h2 {
	position: relative;
	margin-bottom: 30px;
	font-weight: 900;
}

/* ======================
   Free Delivery
   ====================== */
.delivery-block {
    width: 100%;
    margin-bottom: 50px;
}   
   
.delivery-block .delivery-text {
    text-align: center;
    margin: 10px;
}

.delivery-block .delivery-text a {
    width: 100%;
    
    padding: 20px 20px 20px 20px;
	border-radius: 50px;
	background-color: var(--theme-color);
	font-size: var(--font-size-500);
	font-weight: 500;
	color: var(--color-white);
	font-family: var(--primary-font-family);
	text-transform: uppercase;
}

/* ======================
   Menu css
   ====================== */
.header-menu {
	height: auto;
	padding: 0px 0px;
	background-color: var(--color-gray-400);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	overflow: visible;
}
.header-menu .container {
	overflow: visible;
}
.header-menu .row {
	overflow: visible;
}
.header-menu [class*="col-"] {
	overflow: visible;
}
.tp-mega-full {
	position: relative;
	width: 430%;
	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-black);
	font-size: var(--font-size-100);
	font-weight: 500;
	display: block;
	padding: 15px 15px;
	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-blue);
}

/*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;
}

/*menu mobile*/
.tp-menu-mobile {
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
}
.tp-menu-mobile nav {
	float: left;
	padding-top: 0px;
}
.tp-menu-mobile ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.tp-menu-mobile ul li {
	float: left;
	position: relative;
}

.tp-menu-mobile ul li a.tp-updown-mobile {
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.tp-menu-mobile ul > li > a.tp-updown-mobile::before {
	position: absolute;
	content: "\F282";
	right: 0px;
	top: 24px;
	bottom: 24px;
	font-family: "bootstrap-icons";
	color: var(--color-white);
	font-size: 14px;
}
.tp-menu-mobile ul > li:focus > a.tp-updown-mobile::before {
	position: absolute;
	content: "\F286";
	right: 0px;
	top: 24px;
	bottom: 24px;
	font-family: "bootstrap-icons";
	color: var(--color-black);
	font-size: 14px;
}
.tp-menu-mobile ul li a {
	font-family: var(--secondary-font-family);
	color: var(--color-black);
	font-size: var(--font-size-100);
	font-weight: 500;
	display: block;
	padding: 15px 15px;
	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-mobile ul li:focus > a,
.tp-menu-mobile ul li.active > a {
	color: var(--color-blue);
}

/*submenu mobile*/
.tp-menu-mobile ul li ul.submenu-mobile {
	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-mobile ul li:focus ul.submenu-mobile {
	visibility: visible;
	opacity: 1;
	top: 100%;
}
.tp-menu-mobile ul li ul.submenu-mobile li {
	float: none;
	margin: 0;
}
.tp-menu-mobile ul li ul.submenu-mobile li:last-child {
	border-bottom: none;
}
.tp-menu-mobile ul li ul.submenu-mobile 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-blue);
	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-blue);
}

.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%;
}
.offcanvas-body .offcanvas-category {
	width: 100%;
	padding: 20px 20px;
	border-top: 1px solid var(--theme-color);
	margin-bottom: 5px;
	height: auto;
	transform: none;
}
.offcanvas-body .offcanvas-category .category-title {
    font-size: var(--font-size-500);
	color: var(--color-white);
	line-height: var(--line-height-300);
	position: relative;
	display: inline-block;
	width: 100%;
	font-family: var(--secondary-font-family);
	font-weight: 700;
}
.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-200);
	color: var(--color-white);
	line-height: var(--line-height-300);
	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 > a {
    font-size: var(--font-size-300);
	color: var(--color-white);
	line-height: var(--line-height-300);
	position: relative;
	display: inline-block;
	padding: 10px 10px 10px 20px;
	width: 100%;
	font-family: var(--secondary-font-family);
	font-weight: 700;
}
.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.1);	
}
.mobile-menu li ul li {
    border: none;
}
.mobile-menu li ul li a {
	font-size: var(--font-size-200);
	padding: 10px 10px 10px 30px;
	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: 13px;
	border-bottom: 1px solid var(--color-white);
	-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-white);
    -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;
	
}
.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-white);
	color: var(--theme-color);	
}
.caro-common .owl-nav button.owl-next:hover,
.caro-common .owl-nav button.owl-prev:hover{
	background: var(--theme-color);
	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);
}

/* =======================
   Categories block
   =======================
*/
.shopingCart {
	position: relative;
}
.shopingCart .shoping-cart-card {
	position: absolute;
	top: 130%;
	right: 0;
	width: 260px;
	background: var(--color-white);
	border-radius: 30px;
	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;
}
.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-blue);
	margin-bottom: 10px;
	padding-bottom: 8px;
}

/* ======================
   Top Categories
   ====================== */
ul.categories-wrap {
	display: block;
	position: relative;
	overflow: visible;
}
ul.categories-wrap li {
	position: relative;
	overflow: visible;
}
ul.categories-wrap > li > a {
	padding: 13px 50px 11px 70px;
	text-transform: uppercase;
	background: var(--color-light-blue);
	margin: 8px 0px;
	border-radius: 30px;
	font-size: var(--font-size-200);
	font-family: var(--primary-font-family);
	color: var(--color-white);
	font-weight: 500;
	position: relative;
}

ul.categories-wrap > li > a.open {
    opacity: 1;
}

ul.categories-wrap > li > a::before {
	position: absolute;
	content: url("../images/catalog.svg");
	left: 30px;
	top: 10px;
	bottom: 10px;
	color: var(--color-white);
	font-size: 18px;
}

ul.categories-wrap > li > a.open::before {
	position: absolute;
	content: url("../images/catalogx.svg");
	left: 30px;
	top: 10px;
	bottom: 10px;
	color: var(--color-white);
	font-size: 18px;
}

ul.categories-wrap li ul.nav-category-list {
	position: absolute;
	top: 120%;
	left: 0;
	padding: 15px 15px 15px 20px;
	width: 300px;
	border-radius: 30px 30px 30px 30px;
	background: var(--color-white);
	z-index: 999999;
	visibility: hidden;
	opacity: 0;
	overflow: visible;
	-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;
	padding-bottom: 50px;
}
ul.categories-wrap > li:hover > ul.nav-category-list {
	visibility: visible;
	opacity: 1;
	padding-bottom: 50px;
}
ul.categories-wrap li ul.nav-category-list li {
    width: 250px;
    margin: 5px;
	padding: 5px 5px;
	border-radius: 15px;
	margin-bottom: 15px;
	background: var(--color-white);
	position: relative;
	-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 li a {
	font-size: var(--font-size-200);
	font-family: var(--secondary-font-family);
	font-weight: 500;
	padding: 10px 10px;
	color: var(--color-black);	
	display: flex;
	align-items: center;
	pointer-events: auto;
}
ul.categories-wrap li ul.nav-category-list li:hover a {
	color: var(--theme-color);
	margin-left: 10px;
}
/* Submenu - positioned on the right side */
ul.categories-wrap li ul.nav-category-list li > ul {
	position: absolute;
	top: 0;
	left: 100%;
	margin-left: 10px;
	width: 280px;
	padding: 15px;
	border-radius: 15px;
	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;
}
ul.categories-wrap li ul.nav-category-list li > ul.open {
	visibility: visible;
	opacity: 1;
}
ul.categories-wrap li ul.nav-category-list li:hover > ul {
	visibility: visible;
	opacity: 1;
}
ul.categories-wrap li ul.nav-category-list li > ul li {
	width: 100%;
	margin: 5px 0;
	padding: 8px 10px;
	border-radius: 10px;
	background: var(--color-white);
	-webkit-box-shadow: 0px 5px 15px rgba(93, 93, 93, 0.1);
	-moz-box-shadow: 0px 5px 15px rgba(93, 93, 93, 0.1);
	box-shadow: 0px 5px 15px rgba(93, 93, 93, 0.1);
}
ul.categories-wrap li ul.nav-category-list li > ul li a {
	font-size: var(--font-size-100);
	font-weight: 500;
	padding: 5px;
	color: var(--color-black);
	display: block;
}
ul.categories-wrap li ul.nav-category-list li > ul li:hover a {
	color: var(--theme-color);
}
/* Adjust main dropdown width when submenu is open */
ul.categories-wrap li ul.nav-category-list li:hover ~ li,
ul.categories-wrap li ul.nav-category-list li:has(> ul.open) {
	position: relative;
}

ul.categories-wrap li ul.nav-category-list li a .cat-icon {
	float: left;
	width: 30px;
	height: 30px;
	background: var(--color-light-blue);
	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-blue);
	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;
}

ul.categories-wrap li ul.nav-category-list li {
    padding: 5px;
    color: var(--color-black);
}

ul.categories-wrap li ul.nav-category-list li ul {
    position: absolute;
    display: block;
	top: 0;
	left: 250px;
	width: 300px;
	border-radius: 30px 30px 30px 30px;
	background: var(--color-white);
	z-index: 999999;
	visibility: hidden;
	opacity: 0;
	color: var(--color-black);
}
ul.categories-wrap li ul.nav-category-list li ul li:hover {
	opacity: 1;
	color: var(--theme-color);
}

/* ======================
   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-blue);
	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-blue);
	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;
}

/* ======================
   Catalog Section
   ====================== */
.catalog-section {
    width: 100%;
    margin: 5px;
}

.catalog-big {
    float:left;
	width: 48%;
	border-radius: 30px;
}

.catalog-small-first {
    float: right;
	width: 23%;
	border-radius: 30px;
}

.catalog-small-second {
	width: 23%;
	border-radius: 30px;
}

/* ======================
   Banners Section
   ====================== */
.banner-section {
    width: 100%;
    margin: 5px;
}

.banner-big {
	width: 31%;
	border-radius: 30px;
}
/* ===================
   ===================*/
.bonus-card {
	background: var(--color-white);
	padding: 15px 15px 10px 15px;
	border-radius: 20px;
	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;
	display: flex;
    justify-content: center;
    align-items: center; 
    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);
}
.bonus-card .bonus-title {
	width: 80%;
	float: left;
    padding: 15px 15px;
    font-family: var(--primary-font-family);
	color: var(--color-black);
	font-weight: 300;
	font-size: var(--font-size-300);
    display: -webkit-box;
    -webkit-line-clamp: 2;
           line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow-y: scroll;
}

.bonus-card .bonus-qty {
	width: 20%;
	float: right;
    padding: 15px 15px;
    font-family: var(--primary-font-family);
	color: var(--theme-color);
	font-weight: 300;
	font-size: var(--font-size-500);
    display: -webkit-box;
    -webkit-line-clamp: 2;
           line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow-y: scroll;
}

/* ======================
   Products Section
   ====================== */
.product-section {
	background-position: 30%;
	background-size: cover;
	height: 100%;
	position: relative;
	background: var(--color-white);
}
.item-card {
	background: var(--color-white);
	padding: 15px 15px 10px 15px;
	/*border: 1px solid var(--color-light-blue);*/
	border-radius: 30px;
	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-sale {
  background: var(--color-gray-400);
  background-image: url("../images/percent.svg");
  background-position: center;
  border-radius: 25px;
  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 {
    background: var(--color-gray-400);
    border-radius: 25px;
	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,
.item-card .item-image-sale img {
	width: 100%;
	height: 100%;
}
.item-card:hover .item-image img,
.item-card:hover .item-image-sale 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-blue);
	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-blue);
	border: 1px solid var(--color-light-blue);
	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%;
	min-height: 60px;
	margin-bottom: 10px;
	display: block;
    padding: 5px 5px;
}
.item-card .item-title a {
	font-family: var(--primary-font-family);
	color: var(--color-black);
	font-weight: 100;
	font-size: var(--font-size-200);
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
           line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow-y: scroll;
    
}
.item-card .item-title a:hover {
	color: var(--color-blue);
}
.item-card .item-sold {
	margin-bottom: 5px;
}
.item-card .item-sold a {
	color: var(--color-blue);
}
.item-card .item-pric-card {
	width: 100%;
	display: flex;
	margin-bottom: 15px;
}
.item-card .item-pric-card .new-price {
    font-family: var(--primary-font-family);
	font-size: var(--font-size-500);
	color: var(--color-blue);
	font-weight: 700;
	float: left;
	margin-right: 7px;
}
.item-card .item-pric-card .old-price {
	float: left;
	margin-top: 10px;
	display: flex;
    align-items: flex-end;
	font-family: var(--primary-font-family);
	font-size: var(--font-size-300);
	color: var(--color-blue);
	font-weight: 300;
	text-decoration: line-through;
}
.item-card .item-card-bottom {
	width: 100%;
	display: inline-block;
}
.item-card .item-card-bottom a.add-to-cart {
	float: center;
	width: 100%;
	background: var(--color-light-blue);
	color: var (--color-white)
	font-family: var(--primary-font-family);
	font-size: var(--font-size-100);
	text-transform: uppercase;
	border-radius: 50px;
	padding: 15px;
}
.item-card .item-card-bottom a.add-to-cart:hover {
	background: var(--color-white);
	color: var(--theme-color);
	box-shadow: 0 0 8px 2px #298ce3 inset;
}
.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-blue);
	color: var(--color-blue);
	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-blue);
	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;
	text-align: center;
	margin-bottom: 15px;
	overflow: hidden;
	border-radius: 15px;
}
.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-blue);
	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-blue);
	color: var(--color-white);		
}

.thumbnail-card {
	width: 100%;
	margin-bottom: 30px;
}
.thumbnail-card .slick-slide {
	overflow: hidden;
	background: var(--color-white);
	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-blue);
	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-blue);
	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-top: 20px;
	margin-bottom: 15px;
}
.pr_details .product_price .item-price {
	font-size: var(--font-size-500);
	color: var(--theme-color);
	font-weight: 700;
	margin-right: 10px;
}
.pr_details .product_price .old-item-price {
	margin-top: 8px;
	text-decoration: line-through;
	color: var(--theme-color);
	font-size: var(--font-size-300);
}
.pr_details .pr_extra .instock {
	color: #298CE3;
	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-radius: 15px;
	border: 1px solid var(--color-light-blue);
	width: 130px;
}
.pr_details .pr_buy_cart {
	margin: 50px 0 30px 0;
}
.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;
}
.pr_details .pr_buy_cart .cart a.buy {
    float: center;
	width: 100%;
	background: var(--color-light-blue);
	color: var (--color-white)
	font-family: var(--primary-font-family);
	font-size: var(--font-size-100);
	text-transform: uppercase;
	border-radius: 50px;
	padding: 15px;
}
.pr_details .pr_buy_cart .cart a.buy:hover {
    background: var(--color-white);
	color: var(--theme-color);
	box-shadow: 0 0 8px 2px #298ce3 inset;
}
.pr_details .pr_buy_cart .cart .tocart {
    padding: 30px;
}
.pr_details .pr_buy_cart .cart .tocart:hover {
    box-shadow: 0 0 10px 3px white inset;
}

.desc-review-nav {
	margin-bottom: 10px;
	
}
.desc-review-nav a {
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	padding: 0 15px 12px;
	color: var(--color-black);
	display: inline-block;
}
.desc-review-nav a:first-child {
	padding: 0 15px 12px 0;
}
.desc-review-nav a.active {
	color: var(--theme-color);
	
}

.product-page-banner {
    width: 100%; 
    height: 255px; 
    padding: 5px; 
    margin-top: 30px; 
    margin-bottom: 50px; 
    border-radius: 30px; 
    background-color: var(--theme-color);
    display: flex;
    justify-content: center;
    align-items: center; 
}
.product-page-banner .banner-block{
    display: inline;
    text-align: center;
    width: 20%; 
    padding: 15px;
}
.product-page-banner .banner-block .block-txt{
    color: var(--color-white);
    font-size: 16px;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
}
.review-content p a {
	color: var(--color-black);
}
.review-content p a:hover {
	color: var(--theme-color);
}
.review-heading {
	background: var(--color-light-blue);
	padding: 15px 15px;
	margin: 30px 0px;
	border-radius: 6px;
}
.review-heading h4 {
	margin: 0px;
	font-size: 18px;
}
.review-body {}
.review-body .review-card {
	width: 30%;
	height: 200px;
	overflow: hidden;
	padding: 20px 20px 20px 20px;
	margin-bottom: 30px;
	background: var(--color-white);
	border-radius: 20px;
}
.review-body .review-card .review-photo {
	width: 80px;
	height: 80px;
	float: left;
	padding: 10px;
	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-blue);
	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 {
    color: var(--color-black);
	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: 10px;
}
.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-blue);
	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-blue);
	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 {
    border-radius: 15px;
	background: var(--color-white);
	color: var(--theme-color);
	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-blue);
}
.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-blue);
	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: none;
	background: var(--color-white);
}
.shopping-cart .table, tr, td {
	border: none;
	border-collapse: separate;
    border-spacing: 0 15px;
}

.shopping-cart .table td:first-child {
    -moz-border-radius:20px 0 0 20px;
    -webkit-border-radius:20px 0 0 20px;
}
.shopping-cart .table td:last-child {
    -moz-border-radius:0 20px 20px 0;
    -webkit-border-radius:0 20px 20px 0;
}
.shopping-cart .table td {
    background-color: var(--color-white);
}
.shopping-cart .product-image-cart {
    width: 20%;
}
.shopping-cart .product-info-cart {
    width: 80%;
}
.shopping-cart .product-info-cart. .left-column {
    width: 95%;
}
.shopping-cart .product-info-cart .right-column {
    width: 10%;
    right: 0;
}
.shopping-cart .product-info-cart .product-title-cart {
    float: left;
    padding:10px;
}
.shopping-cart .product-info-cart .product-price-cart {
    float: right;
    padding: 10px;
}
.shopping-cart .product-info-cart .product-fullprice-cart {
    float: right;
    padding: 10px;
}
.shopping-cart .product-info-cart .product-buttons-cart {
    float: left;
    padding: 10px;
}
.shopping-cart .product-info-cart .product-checkbox-cart {
    float: right;
    padding: 10px;
}

.shopping-cart .pro-image {
	width: 130px;
	height: auto;
	border-radius: 15px;
	background-color: var(--color-gray-400);
	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-size: var(--font-size-300);
	font-weight: 700;
}
.shopping-cart .qty-buttons {
    float: left;
    display: flex;
    justify-content: center;
}
.shopping-cart .qty-buttons{
    font-size: var(--font-size-300);
	font-weight: 300;
}
.shopping-cart .pro-quantity {
    
}
.shopping-cart .pro-quantity-back {
    margin: 0 10px 0 10px;
	color: var(--theme-color);
	background-color: var(--color-white);
	border-radius: 30px;
	padding: 10px 30px 0 30px;
	width: 150px;
	text-align: center;
	-webkit-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.5);
	-moz-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.5);
	box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
}

.shopping-cart .pro-quantity .quantity {
	border: 1px solid var(--color-light-blue);
	padding: 7px 5px;
	text-align: center;
	width: 60px;
}
.shopping-cart .pro-quantity .qty-btn {
	border: none;
	background: var(--color-light-blue);
	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-size: var(--font-size-500);
    color: var(--theme-color);
	font-weight: 700;
}
.shopping-cart .instock {
	color: #298CE3;
}
.shopping-cart .stockout {
	color: var(--theme-color);
}
.shopping-cart .pro-addtocart .cart {
	text-transform: capitalize;
	padding: 10px 15px;
}

.shopping-cart .pro-image-w {width: 20%;}
.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: 5%;}
.shopping-cart .pro-quantity-w {width: 5%;}
.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%;}

.cart-page-item-block {
    width: 100%; 
    height: 200px; 
    padding: 5px; 
    margin-top: 50px; 
    margin-bottom: 10px; 
    border-radius: 30px; 
    background-color: var(--color-white);
    display: flex;
    justify-content: center;
    align-items: center; 
}
.carttotals-card {
    margin-top: 15px;
	border-radius: 30px;
	background: var(--color-white);
}
.carttotals-card .carttotals-head {
	padding: 10px 15px;
	font-weight: 700;
	font-size: var(--font-size-300);
	color: var(--color-black);
}
.carttotals-card .carttotals-body {
	padding: 20px;
}
.carttotals-card .carttotals-body .title {
    font-weight: 700;
	font-size: var(--font-size-200);
}
.carttotals-card .carttotals-body .total {
    float: left;
    margin-top: 15px;
	font-weight: 700;
	font-size: var(--font-size-300);
}
.carttotals-card .carttotals-body .price {
	float: right;
}
.carttotals-card .carttotals-body .sale-price {
	float: right;
	color: #FF2525;
}
.carttotals-card .carttotals-body .total-price {
	float: right;
	margin-top: 15px;
	font-weight: 700;
	font-size: var(--font-size-300);
}
.carttotals-card .carttotals-body tr:last-child td {
	border-bottom: none;
}
.cartcheckout-btn {
    margin: 15px 0px 15px 0px;
    width: 100%;
    text-align: center;
    font-size: var(--font-size-300);
    text-transform: uppercase;

}
.cart-page-check-all {
    width: 100%; 
    height: 50px; 
    padding: 15px 15px 0px 15px; 
    margin-top: 15px; 
    margin-bottom: 15px; 
    border-radius: 30px; 
    background-color: var(--color-white);
}

.delete-checked-button {
    position: absolute;
    padding-top: 5px;
    margin: 15px 450px; 
    right: 0;
    text-align: right;
}
.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;
}

.carttotals-card .search-card {
	border: 1px solid var(--theme-color);
	width: 100%;
	height: 40px;
	border-radius: 50px;
	margin: 10px 10px 10px 1px;
	overflow: hidden;
}
/*
.header .search-card:hover {
	box-shadow: 0 0 10px 3px white inset, 0 0 0px 10000px rgba(0, 0, 0, .2);
}
*/
.carttotals-card .search-card .search-box {
	width: 70%;
	float: left;
}

.carttotals-card .search-card .search-box input.form-control {
	padding: 5px 20px 5px 15px;
	background: transparent;
	border: none;
	font-size: 18px;
}
.carttotals-card .search-card .cat-select select.form-select {
	padding: 10px 5px;
	border: none;
}
.carttotals-card .search-card .search-btn {
    width: 30%;
	float: right;
	border-radius: 50px;
	background: var(--theme-color);
}
.carttotals-card .search-card .search-btn:hover {
	background: var(--color-white);
	color: var(--theme-color);
	box-shadow: 0 0 8px 2px #298ce3 inset;
}
.carttotals-card .search-card .search-btn .btn-search {
	padding: 10px;
	font-family: var(--primary-font-family);
	color: var(--color-white);
	font-size: var(--font-size-300);
	font-weight: 300;
	text-align: center;
	justify-content: center;
	margin:0 auto;
    display:block;
}
.carttotals-card .search-card .search-btn .btn-search:hover {
	color: var(--theme-color);
}
.choose-payment-error {
    margin-left: 20px;
}

/* ======================
   Sidebar css
   ====================== */
.filter-card {
	margin-bottom: 40px;
}
.filter-card .filter_select select,
.filter-card .sort_by_select select {
	width: 200px;
}
.filter-card .sort_by_select select {
	float: right;
}
@media only screen and (max-width: 999px) {
   .sidebar{ display: none !important; }
}
.sidebar {}
.sidebar .widget-card {
	background: var(--color-white);
	padding: 15px 15px 15px 15px;
	border-radius: 30px;
	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;
	padding-bottom: 10px;
	position: relative;
}
.sidebar .widget-card .widget-title::before {
	position: absolute;
	content: "";
	left: 0;
	width: 60px;
	height: 4px;
	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;
	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(--theme-color);
	color: var(--color-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-blue);
	background: var(--color-light-blue);
}
.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;
	left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* ======================
   Auth Section
   ====================== */
.register {
	position: relative;
	width: 400px;
	border-radius: 30px;
	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 {
    width: 100%;
}

.checkboxlist label.checkbox-title {
    width: 100%;
    margin-left: 20px;
    font-size: var(--font-size-300);
	font-weight: 300;
}
.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;
	border-radius: 20px;
}
.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 {}
.entry p {
	margin: 0 0 10px;
	font-family: var(--primary-font-family);
	line-height: 2;
	text-align: left;
}
.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-blue);
	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-blue);
	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;
	color: var(--color-black);
}
.stores-card .desc ul.info li i {
	margin-right: 8px;
	color: var(--color-black);
}

/* ======================
   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: 50px;
	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-blue);
	border-right: 1px solid var(--color-light-blue);
	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-blue);
	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;
	border-radius: 30px;
	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;
	color: var(--color-black);
}
.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;
}

/* ======================
   404
   ====================== */
.error_card {
	text-align: center;
	padding: 10px 0;
}
.error_card .error_text {
	width: 100%;
	font-size: var(--font-size-500);
	font-weight: 700;
	font-family: var(--secondary-font-family);
	color: var(--theme-color);
}
.error_card .error_img {
	width: 100%;
	margin-bottom: 15px;
}
.error_card .error_img img {
	width: 100%;
	margin: 50px 0px 50px 0px;
}
.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-blue);
	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-blue);
	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-blue);
	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;
}

.section-footer {
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
	background: var(--theme-color);
}
.footer-catalog {
    margin: 50px;
    
}
.footer-catalog-title{
    float: left;
    position: relative;
	margin-bottom: 10px;
	font-weight: 500;
	color: var(--color-white);
}
.footer-catalog-list ul li {
    float: left;
    position: relative;
	margin-bottom: 10px;
	font-weight: 300;
	color: var(--color-white);
}
.footer-middle {
	border-top: 1px solid var(--color-light-blue);
}
.footer-border {
	border-right: 1px solid var(--color-light-blue);
}
.footer-block-card {
	padding: 15px 10px;
}
.footer-widget {
    float: left;
	width: 25%;
}
.footer-block {
    float: left;
	width: 25%;
	margin-bottom: 50px;
}
.footer-block .widget-title {
	margin-bottom: 15px;
	font-size: var(--font-size-300);
	font-weight: 500;
	color: var(--color-white);
}
.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-blue);
	font-size: 24px;
	text-align: center;
	line-height: 65px;
	float: left;
	color: var(--color-lightness-blue);
	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-block ul.widget-list {}
.footer-block ul.widget-list li {
	position: relative;
	margin-bottom: 5px;
	width: 100%;
	float: left;
}
.footer-block ul.widget-list li a {
    font-size: var(--font-size-100);
	font-weight: 100;
	color: var(--color-white);
}
.footer-block ul.contacts-details {}
.footer-block ul.contacts-details li {
	position: relative;
	margin-bottom: 15px;
	width: 100%;
	float: left;
	font-size: var(--font-size-200);
	font-weight: 100;
	color: var(--color-white);
}

.footer-block ul.widget-list li a:hover {
    font-size: var(--font-size-100);
	font-weight: 100;
	color: var(--color-black);
}
.footer-bottom {
	padding: 30px 0px 10px 0px;
	border-top: 1px solid var(--color-light-blue);
}
.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: 9999999;
	width: 65px;
	height: 65px;
}
.whatsapp-right {
	position: fixed;
	right: 30px;
	bottom: 100px;
	z-index: 9999999;
	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%;
}