/*-----------------------------------------------------------------------------------
    CSS INDEX
    =========================================
    01. header css here
    02. slider area css here
    03. product section css here
    04. banner section css here 
    05. blog area css here
    06. newsletter area css here
    07. footer area css here
    08. shop page css here
    09. error page css heer 
    10. about page css here
    11. blog page css here 
    12. blog details css here
    13. cart page css here
    14. checkout page css here
    15. contact page css here
    16. faq page css here
    17. login page css here
    18. my account css here
    19. portfolio page css here
    20. services page css here
    21. shipping css here
    22. wishlist css here
    23. newsletter popup css here
    24. modal css here
    25. compare css here
    26. coming-soon css here
    
    

-----------------------------------------------------------------------------------*/
@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;1,100;1,300;1,400;1,700&display=swap");

:root {
	--primary: #042f75;
	--secondary: #17aaff;
	--white: #fff;
	--black: #010101;
	--grey: #535353;
	--lightgrey: #f5f5f5;
	--radius-lg: 15px;
	--radius-md: 10px;
	--radius-sm: 5px;
	--lato-font: "Lato", sans-serif;
	--icon-size: 1rem;
	--icon-width-height: 1rem;
}

/* width */
::-webkit-scrollbar {
	width: 8px !important;
}

/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px var(--white) !important;
	border-radius: 5px !important;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: var(--secondary) !important;
	border-radius: 5px !important;
}

* {
	box-sizing: border-box;
}

/* transition */
/* flex */
/* transform */
/* opacity */
/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
/*-- Google Font --*/
/*-- Common Style --*/
*,
*::after,
*::before {
	box-sizing: border-box;
}

html,
body {
	height: 100%;
	/* overflow-x: hidden; */
	scroll-behavior: smooth;
	scrollbar-color: var(--secondary) var(--white);
	scrollbar-width: thin !important;
}

body {
	line-height: 24px;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	visibility: visible;
	font-family: var(--lato-font);
	color: #010101;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
	margin-top: 0;
}

h1 {
	font-size: 48px;
	line-height: 1;
	font-weight: 700;
	font-family: var(--lato-font);
}

h2 {
	font-size: 36px;
	line-height: 36px;
}

h3 {
	font-size: 30px;
	line-height: 30px;
}

h4 {
	font-size: 16px;
	line-height: 30px;
	font-weight: 700;
}

h5 {
	font-size: 14px;
	line-height: 18px;
}

h6 {
	font-size: 12px;
	line-height: 14px;
}

p:last-child {
	margin-bottom: 0;
}

a,
button {
	color: inherit;
	line-height: inherit;
	text-decoration: none;
	cursor: pointer;
}

a,
button,
img,
input,
span {
	transition: all 0.3s ease 0s;
}

*:focus {
	outline: none !important;
}

a:focus {
	color: inherit;
	outline: none;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

button,
input[type="submit"] {
	cursor: pointer;
}

img {
	height: auto;
	max-width: 100%;
	/* border-radius: 5px;
  background-image: url("../img/loader.gif");
  background-position: center;
  background-repeat: no-repeat; */
}

ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

figure {
	padding: 0;
	margin: 0;
}

/*-- 
    - Common Classes
-----------------------------------------*/
.fix {
	overflow: hidden;
}

.hidden {
	display: none;
}

.clear {
	clear: both;
}

.container {
	max-width: 1400px;
}
@media only screen and (max-width: 767px) {
	.container {
		width: 450px;
	}
}
@media only screen and (max-width: 479px) {
	.container {
		width: 100%;
	}
}
.capitalize {
	text-transform: capitalize;
}

.uppercase {
	text-transform: uppercase;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
	padding-right: 0;
	padding-left: 0;
	margin: 0;
}

/*-- 
    - Background color
-----------------------------------------*/
.bg-white {
	background-color: var(--white);
}

.bg-light-grey {
	/* background-color: #f6fafb; */
	background-color: var(--lightgrey);
}

.bg-grey {
	background-color: #f8f8f8;
}

.bluewood-bg {
	background: #354b65;
}

/*- Overlay Color BG -*/
.bluewood-bg-overlay {
	position: relative;
}
.bluewood-bg-overlay::before {
	background: rgba(70, 90, 112, 0.9);
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.overly-bg-black {
	position: relative;
}
.overly-bg-black::after {
	background: rgba(0, 0, 0, 0.3);
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/*-- 
    - color
-----------------------------------------*/
/*-- 
    - Input Placeholder
-----------------------------------------*/
input:-moz-placeholder,
textarea:-moz-placeholder {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*-- 
    Scroll Up 
-----------------------------------------*/
#scrollUp {
	background: var(--secondary) none repeat scroll 0 0;
	bottom: 85px;
	color: var(--white);
	cursor: pointer;
	display: none;
	font-size: 20px;
	height: 45px;
	line-height: 39px;
	position: fixed;
	right: 12px;
	text-align: center;
	width: 45px;
	z-index: 9999;
	border-radius: 50%;
	border: 2px solid var(--white);
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
#scrollUp:hover i {
	animation-name: fadeInUp;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
}

/*-- 
    - Main Wrapper
-----------------------------------------*/
.main-wrapper.header-transparent {
	padding: 0 !important;
	margin: 0 !important;
}

/*-- 
    - Section Padding
-------------------------------------*/
.section-ptb {
	padding: 100px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.section-ptb {
		padding: 90px 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-ptb {
		padding: 80px 0;
	}
}
@media only screen and (max-width: 767px) {
	.section-ptb {
		padding: 70px 0;
	}
}
@media only screen and (max-width: 479px) {
	.section-ptb {
		padding: 60px 0;
	}
}

.section-pt {
	padding-top: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.section-pt {
		padding-top: 90px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-pt {
		padding-top: 80px;
	}
}
@media only screen and (max-width: 767px) {
	.section-pt {
		padding-top: 70px;
	}
}
@media only screen and (max-width: 479px) {
	.section-pt {
		padding-top: 60px;
	}
}

.section-pt-70 {
	padding-top: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.section-pt-70 {
		padding-top: 60px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-pt-70 {
		padding-top: 50px;
	}
}
@media only screen and (max-width: 767px) {
	.section-pt-70 {
		padding-top: 40px;
	}
}
@media only screen and (max-width: 479px) {
	.section-pt-70 {
		padding-top: 30px;
	}
}

.section-pb-70 {
	padding-bottom: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.section-pb-70 {
		padding-bottom: 60px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-pb-70 {
		padding-bottom: 50px;
	}
}
@media only screen and (max-width: 767px) {
	.section-pb-70 {
		padding-bottom: 40px;
	}
}
@media only screen and (max-width: 479px) {
	.section-pb-70 {
		padding-bottom: 30px;
	}
}

.section-pb {
	padding-bottom: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.section-pb {
		padding-bottom: 90px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-pb {
		padding-bottom: 80px;
	}
}
@media only screen and (max-width: 767px) {
	.section-pb {
		padding-bottom: 70px;
	}
}
@media only screen and (max-width: 479px) {
	.section-pb {
		padding-bottom: 60px;
	}
}

.mt-20 {
	margin-top: 20px;
}

.mt-23 {
	margin-top: 23px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-40 {
	margin-top: 40px;
}

.mt-50 {
	margin-top: 50px;
}

.mt-45 {
	margin-top: 45px;
}

.mt-55 {
	margin-top: 55px;
}

.mt-57 {
	margin-top: 57px;
}

.mt-60 {
	margin-top: 60px;
}

.mb-05 {
	margin-bottom: 5px;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-15 {
	margin-bottom: 15px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-25 {
	margin-bottom: 25px;
}

.mb-35 {
	margin-bottom: 35px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-45 {
	margin-bottom: 45px;
}

.mb-50 {
	margin-bottom: 50px;
}

.mb-55 {
	margin-bottom: 55px;
}

.mb-58 {
	margin-bottom: 58px;
}

.mb-46 {
	margin-bottom: 46px;
}

.mb-47 {
	margin-bottom: 47px;
}

.mb-60 {
	margin-bottom: 60px;
}

.mb-65 {
	margin-bottom: 65px;
}

.mb-66 {
	margin-bottom: 66px;
}

.mb-68 {
	margin-bottom: 68px;
}

.mb-70 {
	margin-bottom: 70px;
}

/* 02. Element */
.button {
	background: var(--primary);
	box-shadow: none;
	color: var(--white);
	display: inline-block;
	height: 45px;
	line-height: 45px;
	padding: 0 22px;
	text-transform: uppercase;
	font-size: 13px;
	border-radius: 3px;
}

.slider-shop-button {
	background: var(--secondary);
	box-shadow: none;
	color: var(--white);
	display: inline-block;
	height: 45px;
	line-height: 45px;
	padding: 0 22px;
	text-transform: uppercase;
	font-size: 13px;
	border-radius: 3px;
}

/* 2. Home 1 Header css here */
/* 01. header css here */
.off_canvars_overlay,
.off_canvars_overlay_cart {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	cursor: crosshair;
	background: var(--black);
	top: 0;
}
.off_canvars_overlay.active {
	opacity: 0.5;
	visibility: visible;
}
.off_canvars_overlay_cart.active {
	opacity: 0.5;
	visibility: visible;
}

.Offcanvas_menu {
	display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.Offcanvas_menu {
		display: block;
	}
}
@media only screen and (max-width: 767px) {
	.Offcanvas_menu {
		display: block;
	}
}

.Offcanvas_menu_wrapper {
	width: 300px;
	position: fixed;
	background: var(--white);
	z-index: 99;
	top: 0;
	height: 100vh;
	transition: 0.5s;
	left: 0;
	margin-left: -300px;
	padding: 40px 20px 30px;
	overflow-y: scroll !important;
}

.Offcanvas_menu_wrapper_cart {
	width: 300px;
	position: fixed;
	background: var(--white);
	z-index: 99;
	top: 0;
	height: 100vh;
	transition: 0.5s;
	right: 0;
	margin-right: -300px;
	padding: 40px 20px 30px;
	overflow-y: scroll !important;
}
.Offcanvas_menu_wrapper_cart.active {
	margin-right: 0;
}
.Offcanvas_menu_wrapper.active {
	margin-left: 0;
}
.Offcanvas_menu_wrapper_cart .slinky-theme-default {
	background: inherit;
	min-height: 300px;
	overflow-y: auto;
}
.Offcanvas_menu_wrapper .slinky-theme-default {
	background: inherit;
	min-height: 300px;
	overflow-y: auto;
}
.Offcanvas_menu_wrapper .header_account {
	display: block;
}
.Offcanvas_menu_wrapper .search_container {
	display: block;
}
.Offcanvas_menu_wrapper .mini_cart_wrapper {
	display: block;
}
.menu-item-has-children a {
	font-weight: 400;
}
.offcanvas_main_menu > li.menu-item-has-children.menu-open > span.menu-expand {
	transform: rotate(180deg);
}
.offcanvas_main_menu
	> li
	ul
	li.menu-item-has-children.menu-open
	span.menu-expand {
	transform: rotate(180deg);
}

.offcanvas_main_menu li {
	position: relative;
}
.offcanvas_main_menu li:last-child {
	margin: 0;
}
.offcanvas_main_menu li span.menu-expand {
	position: absolute;
	right: 0;
}
.offcanvas_main_menu li a {
	font-size: 14px;
	font-weight: 400;
	text-transform: capitalize;
	display: block;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ebebeb;
}
.offcanvas_main_menu li a:hover {
	color: var(--primary);
}
.offcanvas_main_menu li ul.sub-menu {
	padding-left: 70px;
}

.Offcanvas_footer {
	margin-top: 50px;
	padding-bottom: 50px;
	text-align: center;
}
.Offcanvas_footer span a {
	font-size: 14px;
}
.Offcanvas_footer span a:hover {
	color: var(--primary);
}
.Offcanvas_footer ul {
	margin-top: 20px;
}
.Offcanvas_footer ul li {
	display: inline-block;
	margin-right: 4px;
}
.Offcanvas_footer ul li:last-child {
	margin-right: 0;
}
.Offcanvas_footer ul li a {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 50%;
	font-size: 13px;
	color: var(--white);
}
.Offcanvas_footer ul li.facebook a {
	background: #3c5b9b;
}
.Offcanvas_footer ul li.facebook a:hover {
	background: var(--primary);
}
.Offcanvas_footer ul li.twitter a {
	background: #1da1f2;
}
.Offcanvas_footer ul li.twitter a:hover {
	background: var(--primary);
}
.Offcanvas_footer ul li.pinterest a {
	background: #bd081b;
}
.Offcanvas_footer ul li.pinterest a:hover {
	background: var(--primary);
}
.Offcanvas_footer ul li.google-plus a {
	background: #dd4d42;
}
.Offcanvas_footer ul li.google-plus a:hover {
	background: var(--primary);
}
.Offcanvas_footer ul li.linkedin a {
	background: #010103;
}
.Offcanvas_footer ul li.linkedin a:hover {
	background: var(--primary);
}

.slinky-theme-default a:not(.back) {
	padding: 10px 0;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 400;
}
.slinky-theme-default a:not(.back):hover {
	background: inherit;
	color: var(--primary);
}

.canvas_close {
	position: absolute;
	top: 10px;
	right: 13px;
}
.canvas_close a {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
	width: 32px;
	height: 32px;
	display: block;
	text-align: center;
	line-height: 31px;
	border: 1px solid #ebebeb;
	border-radius: 50%;
}
.canvas_close a:hover {
	background: var(--primary);
	border-color: var(--primary);
	color: var(--white);
}

.login_open,
.cart_open {
	font-size: 24px;
	color: #042f74;
	margin-left: 20px;
}

.canvas_open {
	margin-right: 7px;
}

/* .canvas_open,
.cart_open {
  margin-right: 10px;
}
.login_open a,
.cart_open a {
  font-size: 30px;
  color: var(--primary) !important;
  width: 43px;
  height: 43px;
}
@media only screen and (max-width: 767px) {
  .login_open i,
  .cart_open i {
    font-size: 24px !important;
    color: var(--primary);
  }
}
.canvas_open a:hover {
  color: var(--primary);
} */

.Offcanvas_menu_two .canvas_close a:hover {
	background: #f9ba48;
	border-color: #f9ba48;
}
.Offcanvas_menu_two .offcanvas_main_menu li a:hover {
	color: #f9ba48;
}
.Offcanvas_menu_two .Offcanvas_footer span a:hover {
	color: #f9ba48;
}

.main_header {
	position: relative;
	/* position: fixed;
	top: 0;
	width: 100%;
	background: var(--white);
	box-shadow: 0 0 1rem #727272;
	z-index: 99; */
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.main_header {
		/* padding-bottom: 27px; */
	}
}
@media only screen and (max-width: 767px) {
	.main_header {
		/* padding-bottom: 24px; */
	}
}
.main_header.header_padding {
	padding-bottom: 0;
}

.sticky-header.sticky {
	position: fixed;
	z-index: 8369602965;
	width: 100%;
	height: 100%;
	top: 0;
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
	animation-name: fadeInDown;
	animation-duration: 900ms;
	animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: none;
	animation-play-state: running;
	border-bottom: 0;
	display: block;
	padding: 6px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.sticky-header.sticky {
		position: inherit;
		box-shadow: inherit;
		animation-name: inherit;
		padding: 0;
		background: inherit;
		opacity: inherit;
	}
}
@media only screen and (max-width: 767px) {
	.sticky-header.sticky {
		position: inherit;
		box-shadow: inherit;
		animation-name: inherit;
		padding: 0;
		background: inherit;
		opacity: inherit;
	}
}
.sticky-header.sticky .main_menu nav > ul > li > a {
	height: 56px;
	line-height: 56px;
}

.sticky_header_area {
	display: none;
}

.sticky_header_right {
	display: flex;
	justify-content: flex-end;
}
.sticky_header_right .main_menu {
	margin-left: 0;
	margin-right: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.sticky_header_right .main_menu {
		margin-right: 44px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.sticky_header_right .main_menu nav > ul > li {
		margin-right: 24px;
	}
}
.sticky_header_right .main_menu nav > ul > li > a {
	color: var(--black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.sticky_header_right .main_menu nav > ul > li > a {
		font-size: 13px;
	}
}
.sticky_header_right .main_menu nav > ul > li > a.active {
	color: var(--primary);
}
.sticky_header_right .main_menu nav > ul > li > a::before {
	display: none;
}
.sticky_header_right .main_menu nav > ul > li:hover > a {
	color: var(--primary);
}

.header_top {
	/* border-bottom: 1px solid #ebebeb; */
	background: #1aaaff;
	color: #fff;
	padding: 0.5rem 0;
}
@media only screen and (max-width: 767px) {
	.header_top {
		display: none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header_top {
		display: none;
	}
}

.support_info p {
	line-height: 43px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.support_info p {
		line-height: 22px;
		text-align: center;
		font-size: 12px;
	}
}
@media only screen and (max-width: 767px) {
	.support_info p {
		line-height: 22px;
		text-align: center;
		font-size: 12px;
	}
}
.support_info p a:hover {
	color: var(--primary);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header_account {
		display: block;
		margin-bottom: 10px;
		text-align: left;
	}
}
@media only screen and (max-width: 767px) {
	.header_account {
		display: block;
		margin-bottom: 10px;
		text-align: left;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header_account.bottom {
		margin-bottom: 15px;
	}
}
@media only screen and (max-width: 767px) {
	.header_account.bottom {
		margin-bottom: 15px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header_account.bottom > ul > li > a i {
		font-size: 14px;
	}
}
@media only screen and (max-width: 767px) {
	.header_account.bottom > ul > li > a i {
		font-size: 14px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header_account.bottom > ul > li > a i.ion-chevron-down {
		font-size: 10px;
	}
}
@media only screen and (max-width: 767px) {
	.header_account.bottom > ul > li > a i.ion-chevron-down {
		font-size: 10px;
	}
}
.header_account > ul > li {
	display: inline-block;
	position: relative;
	margin-right: 20px;
	padding-right: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header_account > ul > li {
		margin-right: 12px;
		padding-right: 12px;
	}
}
.header_account > ul > li:last-child {
	margin-right: 0;
	padding-right: 0;
}
.header_account > ul > li:last-child::before {
	display: none;
}
.header_account > ul > li::before {
	content: "";
	display: block;
	width: 1px;
	background: var(--lightgrey);
	height: 16px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	z-index: 9;
	right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header_account > ul > li::before {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.header_account > ul > li::before {
		display: none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header_account > ul > li {
		margin-right: 0;
	}
	.header_account > ul > li:hover > a {
		color: var(--white);
	}
}
@media only screen and (max-width: 767px) {
	.header_account > ul > li {
		margin-right: 0;
	}
}
.header_account > ul > li:hover ul.dropdown_currency,
.header_account > ul > li:hover ul.dropdown_language,
.header_account > ul > li:hover ul.dropdown_links {
	visibility: visible;
	max-height: 200px;
}
.header_account > ul > li:hover > a {
	color: var(--white);
	text-decoration: underline;
}
.header_account > ul > li > a {
	font-size: 13px;
	display: inline-block;
	font-weight: 500;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header_account > ul > li > a {
		font-size: 13px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header_account > ul > li > a {
		line-height: 22px;
		font-size: 13px;
	}
}
@media only screen and (max-width: 767px) {
	.header_account > ul > li > a {
		line-height: 22px;
		font-size: 13px;
	}
}
.header_account > ul > li > a i {
	font-size: 10px;
	margin-left: 3px;
}

.header_account > ul > li:hover a:not([href]):not([tabindex]) {
	color: var(--primary);
}

.dropdown_currency,
.dropdown_language,
.dropdown_links {
	position: absolute;
	background: var(--white);
	/* border: 1px solid #ebebeb; */
	min-width: 130px;
	text-align: left;
	top: 132%;
	left: 0;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	overflow: hidden;
	z-index: 9999;
	border-radius: 0 0 var(--radius-md) var(--radius-md);
	visibility: hidden;
	max-height: 0;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	/* .dropdown_currency,
	.dropdown_language,
	.dropdown_links {
		left: -30px;
	} */
}
@media only screen and (max-width: 767px) {
	/* .dropdown_currency,
	.dropdown_language,
	.dropdown_links {
		left: -30px;
	} */
}
.dropdown_currency li a,
.dropdown_language li a,
.dropdown_links li a {
	text-transform: capitalize;
	display: block;
	font-size: 12px;
	white-space: nowrap;
	padding: 8px 8px 8px 20px;
	color: var(--black);
}
.dropdown_currency li a:hover,
.dropdown_language li a:hover,
.dropdown_links li a:hover {
	color: var(--black);
	background: var(--lightgrey);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.dropdown_language {
		left: -10px;
	}
}
@media only screen and (max-width: 767px) {
	.dropdown_language {
		left: -10px;
	}
}

.dropdown_links {
	right: 0;
	left: auto;
}

.top_right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.top_right .header_account > ul > li > a i {
	font-size: 18px;
}
.top_right .header_account > ul > li > a i.ion-chevron-down {
	font-size: 10px;
}

.header_support {
	position: relative;
	margin-right: 20px;
	padding-right: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header_support {
		margin-right: 12px;
		padding-right: 12px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header_support {
		margin-right: 0;
		padding-right: 0;
		margin-bottom: 10px;
	}
}
@media only screen and (max-width: 767px) {
	.header_support {
		margin-right: 0;
		padding-right: 0;
		margin-bottom: 20px;
	}
}
.header_support:last-child {
	margin-right: 0;
	padding-right: 0;
}
.header_support:last-child::before {
	display: none;
}
.header_support::before {
	content: "";
	display: block;
	width: 1px;
	background: #ccc;
	height: 16px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	z-index: 9;
	right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header_support::before {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.header_support::before {
		display: none;
	}
}
.header_support p {
	font-size: 12px;
	line-height: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header_support p {
		font-size: 13px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header_support p {
		font-size: 13px;
		line-height: 22px;
		text-align: center;
	}
}
@media only screen and (max-width: 767px) {
	.header_support p {
		font-size: 13px;
		line-height: 22px;
		text-align: center;
	}
}
.header_support p i {
	font-size: 18px;
	margin-right: 5px;
	vertical-align: middle;
}

/*header top css end*/
/* 2.2 header middel css here */
@media only screen and (max-width: 767px) {
	/* .logo a img {
    max-width: 150px;
  } */
}
@media only screen and (max-width: 350px) {
	/* .logo a img {
    max-width: 100px;
  } */
}

.header_middle {
	padding: 0;
}

.header_middle.fixed {
	position: fixed;
	top: -100px;
	width: 100%;
	background: var(--white);
	box-shadow: 2px 4px 8px rgba(51, 51, 51, 0.25);
	z-index: 99;
	-webkit-animation: slideNavbarAnimation 1s forwards;
	animation: slideNavbarAnimation 1s forwards;
}

@-webkit-keyframes slideNavbarAnimation {
	100% {
		top: 0;
	}
}

@keyframes slideNavbarAnimation {
	100% {
		top: 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header_middle {
		padding: 0px 0;
	}
}
@media only screen and (max-width: 1100px) {
	.header_middle {
		padding: 0px 0;
		/* display: none; */
	}
}

.bottom_right {
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	align-items: center;
}
@media only screen and (max-width: 767px) {
	.bottom_right {
		justify-content: center;
		flex-direction: column;
	}
}

/*search container css here*/
.hover_category {
	position: relative;
	border-radius: 4px 0 0 4px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hover_category {
		margin-left: 0;
	}
}
@media only screen and (max-width: 767px) {
	.hover_category {
		margin-left: 0;
	}
}
.hover_category:hover {
	background: var(--primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hover_category:hover {
		background: inherit;
	}
}
@media only screen and (max-width: 767px) {
	.hover_category:hover {
		background: inherit;
	}
}
.hover_category:hover > .select_option span.current {
	color: var(--white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hover_category:hover > .select_option span.current {
		color: var(--black);
	}
}
@media only screen and (max-width: 767px) {
	.hover_category:hover > .select_option span.current {
		color: var(--black);
	}
}
.hover_category:hover > .select_option::after {
	border-bottom: 2px solid var(--white);
	border-right: 2px solid var(--white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hover_category:hover > .select_option::after {
		border-bottom: 2px solid #999;
		border-right: 2px solid #999;
	}
}
@media only screen and (max-width: 767px) {
	.hover_category:hover > .select_option::after {
		border-bottom: 2px solid #999;
		border-right: 2px solid #999;
	}
}
.hover_category::before {
	content: "";
	width: 1px;
	height: 16px;
	background: #a1a1a1;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hover_category::before {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.hover_category::before {
		display: none;
	}
}
.hover_category .select_option {
	border: 0;
	background: inherit;
	height: 47px;
	line-height: 47px;
	padding-left: 25px;
	padding-right: 40px;
	font-size: 14px;
	min-width: 170px;
	border-radius: 4px 0 0 4px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.hover_category .select_option {
		padding-left: 17px;
		padding-right: 30px;
		min-width: 145px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hover_category .select_option {
		height: 34px;
		line-height: 35px;
		font-size: 13px;
		padding-left: 41px;
		padding-right: 50px;
		border: 1px solid #ebebeb;
	}
}
@media only screen and (max-width: 767px) {
	.hover_category .select_option {
		height: 34px;
		line-height: 35px;
		font-size: 13px;
		padding-left: 41px;
		padding-right: 50px;
		border: 1px solid #ebebeb;
	}
}
.hover_category .select_option::after {
	top: 54%;
	right: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.hover_category .select_option::after {
		right: 15px;
	}
}
.hover_category .select_option ul.list {
	max-height: 300px;
	overflow: auto;
}

.search_container {
	margin-right: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.search_container {
		/* margin-bottom: 22px; */
		/* display: none; */
		margin-right: 0;
	}
}
@media only screen and (max-width: 767px) {
	.search_container {
		/* margin-bottom: 22px; */
		margin-right: 0;
		/* display: none; */
	}
}
.search_container form {
	display: flex;
	border-radius: var(--radius-md);
	border: 1px solid var(--primary);
	background: var(--white);
	justify-content: space-between;
}
.search_container_mobile form {
	display: flex;
	border-radius: var(--radius-md);
	border: 1px solid var(--primary);
	background: var(--white);
	justify-content: space-between;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.search_container form {
		width: 400px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.search_container form {
		flex-direction: column-reverse;
		border: 0;
		width: 100%;
		align-items: center;
		margin-left: 50px;
		margin-top: 5px;
	}
}
@media only screen and (max-width: 767px) {
	.search_container_mobile form {
		flex-direction: column-reverse;
		border: 0;
		width: 300px;
		align-items: center;
	}
}

.search_box {
	width: 400px !important;
	position: relative;
	width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.search_box {
		width: 300px;
		/* border: 1px solid #ebebeb; */
		/* margin-bottom: 22px; */
	}
}
@media only screen and (max-width: 767px) {
	.search_box {
		width: 300px !important;
		border: 1px solid #ebebeb;
		border-radius: 10px;
	}
}
.search_box input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: var(--black);
}
.search_box input::-moz-placeholder {
	/* Firefox 19+ */
	color: var(--black);
}
.search_box input:-ms-input-placeholder {
	/* IE 10+ */
	color: var(--black);
}
.search_box input:-moz-placeholder {
	/* Firefox 18- */
	color: var(--black);
}
.search_box input {
	border: 0;
	background: inherit;
	width: 100%;
	height: 35px;
	color: var(--black);
	font-size: 14px;
	font-weight: 400;
	padding: 0 145px 0 20px;
	opacity: 0.7;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.search_box input {
		font-size: 12px;
		padding: 0 92px 0 10px;
		width: 100%;
		height: 34px;
	}
}
@media only screen and (max-width: 767px) {
	.search_box input {
		font-size: 12px;
		padding: 0 92px 0 10px;
		width: 100%;
		height: 34px;
	}
}
.search_box button {
	font-size: 12px;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -1px;
	background: var(--primary);
	color: var(--white);
	font-weight: 500;
	padding: 0 20px;
	border: 0;
	/* border-radius: 5px 10px 10px 5px; */
	border-radius: 0 var(--radius-md) var(--radius-md) 0;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.search_container_mobile .search_box button {
	font-size: 12px;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	background: var(--secondary);
	color: var(--white);
	font-weight: 500;
	padding: 0 20px;
	border-radius: 0 5px 5px 0;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.search_box button:hover {
	background: var(--secondary);
	outline: 1px solid var(--secondary);
	/* outline-offset: -1px; */
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.search_box button {
		padding: 0 17px;
		min-width: 100px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.search_box button {
		min-width: 78px;
		padding: 0 14px;
		top: -1px;
		bottom: -1px;
		right: -1px;
	}
}
@media only screen and (max-width: 767px) {
	.search_box button {
		min-width: 78px;
		padding: 0 14px;
		top: -1px;
		bottom: -1px;
		right: -1px;
		font-size: 10px;
	}
}

/*search container css end*/
.mini_cart_wrapper {
	position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.mini_cart_wrapper {
		display: block;
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.mini_cart_wrapper {
		/* display: none; */
		margin-bottom: 20px;
	}
}
.mini_cart_wrapper span.cart_quantity {
	display: block;
}
.mini_cart_wrapper > a {
	display: flex;
	align-items: center;
	color: var(--white);
	padding: 0 10px;
	height: 35px;
	width: 150px;
	border-radius: var(--radius-md);
	background: var(--primary);
}
.mini_cart_wrapper > a i.fa-angle-down {
	margin-left: 6px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.mini_cart_wrapper > a {
		height: 50px;
		width: 180px;
		margin: 0 auto;
		justify-content: center;
	}
}
@media only screen and (max-width: 767px) {
	.mini_cart_wrapper > a {
		height: 50px;
		width: 180px;
		margin: 0 auto;
		justify-content: center;
	}
}
.mini_cart_wrapper > a span.cart_icon {
	/* font-size: 20px; */
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #588bde;
}
.cart_icon .feather {
	width: var(--icon-width-height);
	height: auto;
}
.mini_cart_wrapper > a span.cart_title {
	font-size: 12px;
	line-height: 1;
	/* margin-top: 5px; */
}
.mini_cart_wrapper > a span.cart_title span.cart_price {
	display: block;
	/* margin-bottom: 5px; */
	font-size: 14px;
}
.mini_cart_wrapper:hover .mini_cart {
	max-height: 532px;
	padding-top: 18px;
	visibility: visible;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.mini_cart_wrapper:hover .mini_cart {
		padding-top: 10px;
		visibility: inherit;
	}
}
@media only screen and (max-width: 767px) {
	.mini_cart_wrapper:hover .mini_cart {
		padding-top: 10px;
		visibility: inherit;
	}
}

.mini_cart_inner {
	padding: 0 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.mini_cart_inner {
		padding: 0 10px;
	}
}
@media only screen and (max-width: 767px) {
	.mini_cart_inner {
		padding: 0 10px;
	}
}

.mini_cart {
	position: absolute;
	min-width: 355px;
	padding-top: 0;
	background: var(--white);
	border: 0;
	border-radius: 5px;
	z-index: 999;
	right: 0;
	top: 115%;
	max-height: 0;
	visibility: hidden;
	overflow: scroll;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	/* border: 1px solid #ebebeb; */
	box-shadow: 2px 2px 10px var(--black);
}
.mini_cart::-webkit-scrollbar {
	display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.mini_cart {
		/* display: none; */
		transition: unset;
		max-height: 600px;
		min-width: 260px;
		border: 1px solid #ebebeb;
		left: -4px;
		visibility: inherit;
		padding-top: 10px;
		overflow: scroll;
	}
}
@media only screen and (max-width: 767px) {
	.mini_cart {
		/* display: none; */
		transition: unset;
		max-height: 600px;
		min-width: 260px;
		border: 1px solid #ebebeb;
		left: -4px;
		visibility: inherit;
		padding-top: 10px;
		overflow: scroll;
	}
}

.cart_img {
	width: 90px;
	margin-right: 10px;
	border: 1px solid #ebebeb;
}
.cart_img:hover {
	border-color: var(--primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cart_img {
		width: 70px;
	}
}
@media only screen and (max-width: 767px) {
	.cart_img {
		width: 70px;
	}
}

.cart_info {
	width: 63%;
}
.cart_info a {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	display: block;
	margin-bottom: 6px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cart_info a {
		font-size: 13px;
	}
}
@media only screen and (max-width: 767px) {
	.cart_info a {
		font-size: 13px;
	}
}
.cart_info a:hover {
	color: var(--primary);
}
.cart_info p {
	font-size: 12px;
}
.cart_info p span {
	font-weight: 600;
}

.cart_remove a {
	font-size: 15px;
	border: 1px solid #ebebeb;
	width: 20px;
	height: 20px;
	display: block;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
}
.cart_remove a:hover {
	background: var(--primary);
	border-color: var(--primary);
	color: var(--white);
}

.cart_item {
	overflow: hidden;
	padding: 11px 0;
	border-bottom: 1px solid #ebebeb;
	display: flex;
	justify-content: space-between;
}

.mini_cart_table {
	padding: 23px 0;
}

.cart_total {
	display: flex;
	justify-content: space-between;
}
.cart_total span {
	font-size: 14px;
	font-weight: 400;
}
.cart_total span.price {
	font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cart_total span {
		font-size: 13px;
	}
}
@media only screen and (max-width: 767px) {
	.cart_total span {
		font-size: 13px;
	}
}

.mini_cart_footer {
	padding: 30px;
	/* background: #02213d; */
	/* background: #f2f2f2; */
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.mini_cart_footer {
		padding: 20px 10px;
	}
}
@media only screen and (max-width: 767px) {
	.mini_cart_footer {
		padding: 20px 10px;
	}
}

.cart_button:first-child {
	margin-bottom: 15px;
}
.cart_button a {
	text-transform: uppercase;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 500;
	background: #ddd;
	color: var(--primary);
	display: block;
	text-align: center;
	line-height: 20px;
	margin-bottom: 0;
	padding: 13px 0px 11px;
}
.cart_button a:hover {
	background: var(--primary) dc;
	color: var(--white);
}

/*header middel css end*/
/* 2.4 main menu css here */
.menu_position {
	position: relative;
}

.main_menu {
	/* margin-left: 20px; */
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.main_menu {
		margin-left: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.main_menu {
		display: block;
	}
}
@media only screen and (max-width: 767px) {
	.main_menu {
		display: none;
	}
}
.main_menu nav > ul > li {
	display: inline-block;
	position: relative;
	margin-right: 15px;
}
.main_menu nav > ul > li:last-child {
	margin-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.main_menu nav > ul > li {
		margin-right: 10px;
	}
}
.main_menu nav > ul > li:hover ul.sub_menu {
	opacity: 1;
	visibility: visible;
	transform: perspective(600px) rotateX(0deg);
}
.main_menu nav > ul > li:hover .mega_menu {
	opacity: 1;
	visibility: visible;
	transform: perspective(600px) rotateX(0deg);
}
.main_menu nav > ul > li:hover > a {
	color: var(--primary);
}
.main_menu nav > ul > li > a {
	display: block;
	height: 75px;
	font-size: 14px;
	line-height: 75px;
	text-transform: capitalize;
	font-weight: 500;
	position: relative;
}
.main_menu nav > ul > li > a i {
	margin-left: 3px;
}
.main_menu nav > ul > li > a.active {
	color: var(--primary);
}
.main_menu nav > ul > li ul.sub_menu {
	position: absolute;
	min-width: 200px;
	/* padding: 24px 30px; */
	background: var(--white);
	/* border: 1px solid #ebebeb; */
	border-radius: 0 0 var(--radius-md) var(--radius-md);
	overflow: hidden;
	-webkit-transform: perspective(600px) rotateX(-90deg);
	transform: perspective(600px) rotateX(-90deg);
	-webkit-transform-origin: 0 0 0;
	transform-origin: 0 0 0;
	left: 0;
	right: auto;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	z-index: 99;
	top: 100%;
	text-align: left;
	box-shadow: 0 1rem 10px rgba(0, 0, 0, 0.15);

	margin-left: -110px;
}
.main_menu nav > ul > li ul.sub_menu li a {
	font-size: 13px;
	font-weight: 400;
	display: block;
	line-height: 32px;
	text-transform: capitalize;
	font-size: 13px;
	padding: 4px 8px 4px 20px;
}
.main_menu nav > ul > li ul.sub_menu li:hover {
	color: var(--black) !important;
	background: var(--lightgrey);
}
.main_menu nav > ul > li ul.sub_menu li:hover a {
	color: var(--black) !important;
}
.main_menu nav > ul > li.mega_items {
	position: static;
}
.main_menu nav > ul > li .mega_menu {
	position: absolute;
	min-width: 100%;
	padding: 25px 30px 30px 30px;
	background: var(--white);
	border: 1px solid #ebebeb;
	-webkit-transform: perspective(600px) rotateX(-90deg);
	transform: perspective(600px) rotateX(-90deg);
	-webkit-transform-origin: 0 0 0;
	transform-origin: 0 0 0;
	left: 0;
	right: auto;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	z-index: 999;
	top: 100%;
	text-align: left;
}

.mega_menu_inner {
	display: flex;
	justify-content: space-between;
}
.mega_menu_inner > li > a {
	font-size: 14px;
	line-height: 24px;
	text-transform: capitalize;
	font-weight: 500;
	display: block;
	margin-bottom: 8px;
}
.mega_menu_inner > li > a:hover {
	color: var(--primary);
}
.mega_menu_inner > li ul li {
	display: block;
}
.mega_menu_inner > li ul li a {
	font-size: 13px;
	font-weight: 400;
	display: block;
	line-height: 28px;
	text-transform: capitalize;
}
.mega_menu_inner > li ul li a:hover {
	color: var(--primary);
}

/*main menu css end*/
/*mobaile menu css here*/
.mean-container .mean-bar {
	background: inherit;
	position: absolute;
	z-index: 9;
	top: 43px;
	left: 0;
	width: 100%;
}
.mean-container .mean-bar::after {
	top: -33px;
	left: 22px;
	color: var(--white);
}
@media only screen and (max-width: 767px) {
	.mean-container .mean-bar::after {
		left: 22px;
		font-size: 15px;
	}
}
.mean-container .mean-nav {
	max-height: 300px;
	overflow: auto;
}
.mean-container .mean-nav ul li a {
	font-weight: 400;
}
.mean-container a.meanmenu-reveal {
	float: left;
	right: 17px;
	top: -34px;
	color: var(--white);
}
@media only screen and (max-width: 767px) {
	.mean-container a.meanmenu-reveal {
		right: 15px;
		top: -34px;
	}
}
.mean-container a.meanmenu-reveal span {
	background: var(--white);
}

.mobile-menu {
	border: 1px solid #ddd;
	height: 45px;
	top: -31px;
	position: relative;
}
@media only screen and (max-width: 767px) {
	.mobile-menu {
		top: 19px;
	}
}

/*-- 2.3 Categories menu css here --*/
.categories_menu {
	position: relative;
	margin-right: 20px;
}

.categories_title {
	background: var(--primary);
	padding: 0 20px;
	position: relative;
	cursor: pointer;
	height: 35px;
	line-height: 35px;
	border-radius: var(--radius-md);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.categories_title {
		height: 45px;
		line-height: 46px;
	}
}
@media only screen and (max-width: 767px) {
	.categories_title {
		height: 43px;
		line-height: 43px;
	}
	.cat_menu_desktop {
		display: none;
	}
}
@media only screen and (max-width: 1150px) {
	/* #cat_menu_desktop {
		display: none;
	} */
}
.categories_title::before {
	/* content: "\f394";
  color: var(--white);
  display: inline-block;
  font-family: Ionicons;
  position: absolute;
  font-size: 22px;
  line-height: 0px;
  right: 20px;
  top: 50%;
  transform: translatey(-50%); */
}
.categories_title h2 {
	font-size: 13px;
	font-weight: 500;
	line-height: 26px;
	color: var(--white);
	cursor: pointer;
	margin-bottom: 0;
	display: inline-block;
}
@media only screen and (max-width: 767px) {
	.categories_title h2 {
		font-size: 13px;
		line-height: 22px;
	}
}

.categories_menu_toggle {
	padding: 10px 0;
	border: 1px solid var(--grey);
	background: var(--white);
	position: absolute;
	width: 300px;
	top: 100%;
	display: none;
	z-index: 20;
	border-radius: var(--radius-md);
	margin-top: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.categories_menu_toggle {
		display: none;
		max-height: 350px;
		overflow: auto;
	}
}
@media only screen and (max-width: 767px) {
	.categories_menu_toggle {
		display: none;
		max-height: 350px;
		overflow: auto;
		padding: 0 10px 0 20px;
	}
}
/* .categories_menu_toggle > ul > li {
	position: relative;
} */
.categories_menu_toggle > ul > li > a {
	font-size: 13px;
	line-height: 44px;
	text-transform: capitalize;
	font-weight: 400;
	display: block;
	cursor: pointer;
	padding: 0 20px 0 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.categories_menu_toggle > ul > li > a {
		line-height: 38px;
	}
}
@media only screen and (max-width: 767px) {
	.categories_menu_toggle > ul > li > a {
		line-height: 35px;
		padding: 0;
	}
}
.categories_menu_toggle > ul > li > a i.fa-angle-right {
	float: right;
	font-size: 15px;
	line-height: 35px;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
.categories_menu_toggle #dynamic_cat_list {
	max-height: calc(100vh - 145px);
	overflow: scroll;
	z-index:0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.categories_menu_toggle > ul > li > a i.fa-angle-right {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.categories_menu_toggle > ul > li > a i.fa-angle-right {
		display: none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.categories_menu_toggle > ul > li > a:hover {
		color: var(--primary);
	}
}
@media only screen and (max-width: 767px) {
	.categories_menu_toggle > ul > li > a:hover {
		color: var(--primary);
	}
}
.categories_menu_toggle > ul > li:last-child > a {
	border-bottom: 0;
}
.categories_menu_toggle > ul > li:hover ul.categories_mega_menu {
	opacity: 1;
	visibility: visible;
	left: 99%;
	border-radius: 10px;
}
.categories_menu_toggle > ul > li:hover > a {
	color: var(--primary);
}
.categories_menu_toggle > ul > li ul.categories_mega_menu {
	position: absolute;
	left: 120%;
	width: 720px;
	border: 1px solid var(--grey);
	border-radius: var(--radius-md) !important;
	background: var(--white);
	padding: 20px;
	overflow: hidden;
	/* top: 0; */
	-webkit-transition: 0.3s;
	transition: 0.3s;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	margin-top: -40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.categories_menu_toggle > ul > li ul.categories_mega_menu {
		width: 680px;
	}
}
@media only screen and (max-width: 767px) {
	.categories_menu_toggle > ul > li ul.categories_mega_menu {
		display: none;
		opacity: inherit !important;
		visibility: inherit !important;
		left: inherit !important;
		width: 100%;
		top: 100%;
		max-height: 350px;
		overflow: auto;
		transition: unset;
		box-shadow: inherit;
		position: inherit;
		padding: 6px 10px 0px 25px;
		border: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.categories_menu_toggle > ul > li ul.categories_mega_menu {
		display: none;
		opacity: inherit !important;
		visibility: inherit !important;
		left: inherit !important;
		width: 100%;
		top: 100%;
		max-height: 350px;
		overflow: auto;
		transition: unset;
		box-shadow: inherit;
		position: inherit;
		padding: 6px 20px 0px 40px;
		border: 0;
	}
}
.categories_menu_toggle > ul > li ul.categories_mega_menu.open {
	display: block;
	left: 0;
}
.categories_menu_toggle > ul > li ul.categories_mega_menu > li {
	padding: 0 15px;
	width: 25%;
	float: left;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.categories_menu_toggle > ul > li ul.categories_mega_menu > li {
		width: 100%;
		padding: 0;
	}
}
@media only screen and (max-width: 767px) {
	.categories_menu_toggle > ul > li ul.categories_mega_menu > li {
		width: 100%;
		padding: 0;
	}
}
.categories_menu_toggle > ul > li ul.categories_mega_menu > li > a {
	line-height: 30px;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
	color: var(--primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.categories_menu_toggle > ul > li ul.categories_mega_menu > li > a {
		color: var(--black);
	}
	.categories_menu_toggle > ul > li ul.categories_mega_menu > li > a:hover {
		color: var(--primary);
	}
}
@media only screen and (max-width: 767px) {
	.categories_menu_toggle > ul > li ul.categories_mega_menu > li > a {
		color: var(--black);
	}
	.categories_menu_toggle > ul > li ul.categories_mega_menu > li > a:hover {
		color: var(--primary);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.categories_menu_toggle
		> ul
		> li
		ul.categories_mega_menu
		> li.menu_item_children
		> a {
		text-transform: capitalize;
		font-weight: 400;
	}
}
@media only screen and (max-width: 767px) {
	.categories_menu_toggle
		> ul
		> li
		ul.categories_mega_menu
		> li.menu_item_children
		> a {
		text-transform: capitalize;
		font-weight: 400;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.categories_menu_toggle ul li.menu_item_children > a {
		position: relative;
	}
	.categories_menu_toggle ul li.menu_item_children > a::before {
		position: absolute;
		content: "+";
		right: 15px;
		top: 50%;
		transform: translatey(-50%);
		font-size: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.categories_menu_toggle ul li.menu_item_children > a {
		position: relative;
	}
	.categories_menu_toggle ul li.menu_item_children > a::before {
		position: absolute;
		content: "+";
		right: 15px;
		top: 50%;
		transform: translatey(-50%);
		font-size: 20px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.categories_menu_toggle ul li.menu_item_children.open > a::before {
		display: none;
	}
	.categories_menu_toggle ul li.menu_item_children.open > a::after {
		position: absolute;
		content: "-";
		right: 15px;
		top: 50%;
		transform: translatey(-50%);
		font-size: 30px;
	}
}
@media only screen and (max-width: 767px) {
	.categories_menu_toggle ul li.menu_item_children.open > a::before {
		display: none;
	}
	.categories_menu_toggle ul li.menu_item_children.open > a::after {
		position: absolute;
		content: "-";
		right: 15px;
		top: 50%;
		transform: translatey(-50%);
		font-size: 30px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.categorie_sub_menu {
		display: none;
		padding: 1px 0 9px 30px;
	}
}
@media only screen and (max-width: 767px) {
	.categorie_sub_menu {
		display: none;
		padding: 1px 0 9px 30px;
	}
}
.categorie_sub_menu li a {
	color: var(--black);
	text-transform: capitalize;
	display: block;
	font-size: 13px;
	font-weight: 400;
	line-height: 30px;
}
.categorie_sub_menu li a:hover {
	color: var(--primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.categorie_sub_menu li a {
		line-height: 33px;
	}
}
@media only screen and (max-width: 767px) {
	.categorie_sub_menu li a {
		line-height: 33px;
	}
}

.categories_menu_toggle ul li ul.categories_mega_menu.column_3 {
	width: 620px;
}
@media only screen and (max-width: 767px) {
	.categories_menu_toggle ul li ul.categories_mega_menu.column_3 {
		width: 100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.categories_menu_toggle ul li ul.categories_mega_menu.column_3 {
		width: 100%;
	}
}

.categories_menu_toggle ul li ul.categories_mega_menu.column_3 > li {
	width: 33.33%;
}
@media only screen and (max-width: 767px) {
	.categories_menu_toggle ul li ul.categories_mega_menu.column_3 > li {
		width: 100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.categories_menu_toggle ul li ul.categories_mega_menu.column_3 > li {
		width: 100%;
	}
}

.categories_menu_toggle ul li ul.categories_mega_menu.column_2 {
	width: 350px;
}
@media only screen and (max-width: 767px) {
	.categories_menu_toggle ul li ul.categories_mega_menu.column_2 {
		width: 100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.categories_menu_toggle ul li ul.categories_mega_menu.column_2 {
		width: 100%;
	}
}

.categories_menu_toggle ul li ul.categories_mega_menu.column_2 > li {
	width: 100%;
}
@media only screen and (max-width: 767px) {
	.categories_menu_toggle ul li ul.categories_mega_menu.column_2 > li {
		width: 100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.categories_menu_toggle ul li ul.categories_mega_menu.column_2 > li {
		width: 100%;
	}
}

.categorie_sub {
	opacity: 0;
	z-index: 999;
	position: absolute;
	right: -2px;
	left: -2px;
	border-left: 2px solid var(--primary);
	border-right: 2px solid var(--primary);
	border-bottom: 2px solid var(--primary);
	background: var(--white);
	-webkit-transition: 0.3s;
	transition: 0.3s;
	top: 65%;
	visibility: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.categorie_sub {
		width: 100%;
		left: 0px;
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.categorie_sub {
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
	}
}
.categorie_sub.open {
	top: 95%;
	opacity: 1;
	visibility: visible;
}

.categories_menu_toggle ul li.has-sub > a::before {
	position: absolute;
	content: "\f055";
	font-family: FontAwesome;
	top: 0;
	right: 20px;
	font-size: 18px;
	pointer-events: none;
}

.categories_menu_toggle ul li.has-sub > a.open::before {
	content: "\f056";
}

.categories_menu_toggle ul li.has-sub ul.categorie_sub li a {
	text-transform: capitalize;
	font-size: 13px;
	font-weight: 400;
	padding-bottom: 16px;
	padding-left: 30px;
	display: block;
}

.categories_menu_toggle ul li.has-sub ul.categorie_sub li a:hover {
	color: var(--primary);
}

.categories_menu_toggle ul li.has-sub {
	padding-bottom: 10px;
}

.categories_menu_toggle ul li ul.categories_mega_menu > li:first-child {
	padding-left: 0;
}

.categories_menu_toggle ul li ul.categories_mega_menu > li:last-child {
	padding-right: 0;
}

.categorie_banner {
	position: absolute;
	bottom: 0;
	right: 20px;
	width: 500px;
}
@media only screen and (max-width: 767px) {
	.categorie_banner {
		display: none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.categorie_banner {
		display: none;
	}
}
.categorie_banner a img:hover {
	opacity: 0.8;
}

/*-- 2.7 Categories menu css end --*/
/*home two css here*/
.header_bottom_two {
	background: var(--primary);
	padding: 10px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header_bottom_two {
		background: inherit;
		padding: 0;
	}
}
@media only screen and (max-width: 767px) {
	.header_bottom_two {
		background: inherit;
		padding: 0;
	}
}
.header_bottom_two .categories_title {
	background: #2358ad;
}
.header_bottom_two .hover_category:hover {
	background: var(--white);
}
.header_bottom_two .hover_category:hover > .select_option span.current {
	color: var(--black);
}
.header_bottom_two .hover_category:hover > .select_option::after {
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
}
.header_bottom_two .hover_category::before {
	z-index: 99;
}
.header_bottom_two .search_container form {
	border: 0;
}
.header_bottom_two .search_box button {
	background: #2358ad;
}
.header_bottom_two .search_box button:hover {
	background: var(--black);
}
.header_bottom_two .mini_cart_wrapper > a {
	background: #2358ad;
}

/*home three css here*/
.header_bottom_three {
	background: var(--primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header_bottom_three {
		background: inherit;
	}
}
@media only screen and (max-width: 767px) {
	.header_bottom_three {
		background: inherit;
	}
}
.header_bottom_three .categories_title {
	background: #2358ad;
	height: 60px;
	line-height: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header_bottom_three .categories_title {
		height: 45px;
		line-height: 46px;
	}
}
@media only screen and (max-width: 767px) {
	.header_bottom_three .categories_title {
		height: 43px;
		line-height: 43px;
	}
}

.menu_three nav > ul > li:hover > a {
	color: var(--black);
}
.menu_three nav > ul > li:hover > a.active {
	color: var(--black);
}
.menu_three nav > ul > li > a {
	color: var(--white);
	height: 60px;
	line-height: 60px;
}
.menu_three nav > ul > li > a.active {
	color: var(--white);
}

.header_middle_three {
	padding: 38px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header_middle_three {
		padding: 25px 0;
	}
}
@media only screen and (max-width: 767px) {
	.header_middle_three {
		padding: 24px 0;
	}
}

/*home four css here*/
.categories_four .categories_menu_toggle {
	top: 175%;
	display: block;
	border: 2px solid #ebebeb;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.categories_four .categories_menu_toggle {
		top: 100%;
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.categories_four .categories_menu_toggle {
		top: 100%;
		display: none;
	}
}
.categories_four .categories_menu_toggle::before {
	border: 12px solid;
	border-top-color: currentcolor;
	border-right-color: currentcolor;
	border-bottom-color: currentcolor;
	border-left-color: currentcolor;
	border-color: transparent transparent #ebebeb transparent;
	z-index: 1;
	right: 25px;
	top: -24px;
	position: absolute;
	content: "";
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.categories_four .categories_menu_toggle::before {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.categories_four .categories_menu_toggle::before {
		display: none;
	}
}
.categories_four .categories_menu_toggle::after {
	border: 9px solid;
	border-top-color: currentcolor;
	border-right-color: currentcolor;
	border-bottom-color: currentcolor;
	border-left-color: currentcolor;
	border-color: transparent transparent var(--white) transparent;
	z-index: 3;
	right: 28px;
	top: -18px;
	position: absolute;
	content: "";
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.categories_four .categories_menu_toggle::after {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.categories_four .categories_menu_toggle::after {
		display: none;
	}
}
.categories_four .categorie_sub {
	border-left: 2px solid #ebebeb;
	border-right: 2px solid #ebebeb;
	border-bottom: 2px solid #ebebeb;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.common_header {
		padding-bottom: 0;
	}
}
@media only screen and (max-width: 767px) {
	.common_header {
		padding-bottom: 0;
	}
}

/*home five css here*/
.header_middle_five {
	padding: 30px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header_middle_five {
		padding: 25px 0;
	}
}
@media only screen and (max-width: 767px) {
	.header_middle_five {
		padding: 24px 0;
	}
}

.menu_five nav > ul > li > a {
	height: 52px;
	line-height: 52px;
}

/* 02. slider area css here */
.single_slider {
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-size: cover;
	/* height: 580px; */
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	/* .single_slider {
    height: 463px;
  } */
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	/* .single_slider {
    height: 463px;
  } */
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.single_slider {
		height: 300px;
		background-position: 55%;
	}
}
@media only screen and (max-width: 767px) {
	.single_slider {
		background-position: 10%;
		height: 250px;
	}
}
@media only screen and (max-width: 350px) {
	.single_slider {
		background-position: 10%;
		height: 200px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slider_section {
		margin-top: 0;
	}
}
@media only screen and (max-width: 767px) {
	.slider_section {
		/* margin-top: -10px; */
	}
}

.slider_area .owl-nav div {
	position: absolute;
	top: 49%;
	transform: translatey(-50%);
	left: 95px;
	font-size: 14px;
	color: var(--white);
	background: var(--secondary);
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	border-radius: 50%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.slider_area .owl-nav div {
		left: 40px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slider_area .owl-nav div {
		left: 15px;
	}
}
.slider_area .owl-nav div:hover {
	background: var(--primary);
}
.slider_area .owl-nav div.owl-next {
	right: 95px;
	left: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.slider_area .owl-nav div.owl-next {
		right: 40px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slider_area .owl-nav div.owl-next {
		right: 15px;
	}
}
@media only screen and (max-width: 767px) {
	.slider_area .owl-nav div {
		display: none;
	}
}
.slider_area .owl-dots {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translatex(-50%);
}
@media only screen and (max-width: 767px) {
	.slider_area .owl-dots {
		bottom: 10px;
	}
}
.slider_area .owl-dots .owl-dot {
	width: 8px;
	height: 8px;
	background: var(--secondary);
	display: inline-block;
	margin: 0 7px;
	border-radius: 50%;
	position: relative;
}
.slider_area .owl-dots .owl-dot::before {
	position: absolute;
	content: "";
	width: 13px;
	height: 13px;
	left: -2px;
	top: -3px;
	background: var(--primary);
	border-radius: 50%;
	opacity: 0;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.slider_area .owl-dots .owl-dot.active::before {
	opacity: 1;
}
.slider_area .owl-dots .owl-dot:hover::before {
	opacity: 1;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.slider_content {
		/* padding-left: 180px; */
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.slider_content {
		padding-left: 100px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slider_content {
		padding-left: 60px;
	}
}
.slider_content h1 {
	font-size: 60px;
	line-height: 60px;
	font-weight: 400;
	margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.slider_content h1 {
		font-size: 42px;
		line-height: 40px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.slider_content h1 {
		font-size: 30px;
		line-height: 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slider_content h1 {
		font-size: 23px;
		line-height: 23px;
	}
}
@media only screen and (max-width: 767px) {
	.slider_content h1 {
		font-size: 20px;
		line-height: 22px;
	}
}
.slider_content p {
	margin: 43px 0 50px;
	font-size: 16px;
	line-height: 24px;
	max-width: 500px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.slider_content p {
		font-size: 15px;
		max-width: 482px;
		margin: 28px 0 35px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.slider_content p {
		font-size: 15px;
		line-height: 22px;
		margin: 20px 0 26px;
		max-width: 432px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slider_content p {
		margin: 18px 0 23px;
		font-size: 15px;
		line-height: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.slider_content p {
		margin: 17px 0 22px;
		font-size: 12px;
		line-height: 20px;
		max-width: 360px;
	}
}
@media only screen and (max-width: 479px) {
	.slider_content p {
		max-width: 100%;
	}
}
.slider_content a {
	font-size: 13px;
	font-weight: 500;
	padding: 0 40px;
	display: inline-block;
	border-radius: 4px;
	height: 47px;
	line-height: 43px;
	color: var(--primary);
	border: 2px solid var(--white);
	background: inherit;
}
.slider_content a:hover {
	color: var(--white);
	background: #042f74;
	border-color: var(--primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.slider_content a {
		height: 45px;
		line-height: 41px;
		padding: 0 25px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.slider_content a {
		padding: 0 20px;
		height: 43px;
		line-height: 39px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slider_content a {
		padding: 0 15px;
		height: 43px;
		line-height: 41px;
		font-size: 13px;
	}
}
@media only screen and (max-width: 767px) {
	.slider_content a {
		font-size: 12px;
		height: 35px;
		line-height: 31px;
		padding: 0 13px;
	}
}

.active .slider_content h1,
.active .slider_content h2,
.active .slider_content h3,
.active .slider_content a,
.active .slider_content p,
.active .slider_content span {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.active .slider_content h2 {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.active .slider_content h3,
.active .slider_content span {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}

.active .slider_content p {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}

.active .slider_content a {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}

/*home two css here*/
.slider_s_two .single_slider {
	height: 476px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.slider_s_two .single_slider {
		height: 351px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.slider_s_two .single_slider {
		height: 351px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slider_s_two .single_slider {
		height: 300px;
		background-position: 55%;
	}
}
@media only screen and (max-width: 767px) {
	.slider_s_two .single_slider {
		background-position: 10%;
		height: 300px;
	}
}

/*home three css here*/
@media only screen and (max-width: 767px) {
	.slider_s_three {
		margin-bottom: 30px;
	}
}
.slider_s_three .single_slider {
	height: 664px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.slider_s_three .single_slider {
		height: 467px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.slider_s_three .single_slider {
		height: 351px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slider_s_three .single_slider {
		height: 300px;
		background-position: 55%;
	}
}
@media only screen and (max-width: 767px) {
	.slider_s_three .single_slider {
		background-position: center center;
		height: 270px;
		background-size: cover;
	}
}

.slider_c_three h1 {
	font-weight: 500;
}
.slider_c_three.center {
	text-align: center;
	padding-left: 0;
}
.slider_c_three.center p {
	margin: 43px auto 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.slider_c_three.center p {
		margin: 28px auto 35px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.slider_c_three.center p {
		margin: 20px auto 26px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slider_c_three.center p {
		margin: 18px auto 23px;
	}
}
@media only screen and (max-width: 767px) {
	.slider_c_three.center p {
		margin: 17px auto 22px;
	}
}

/*home four css here*/
.slider_s_four .single_slider {
	height: 483px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.slider_s_four .single_slider {
		height: 386px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slider_s_four .single_slider {
		height: 300px;
		background-position: 55%;
	}
}
@media only screen and (max-width: 767px) {
	.slider_s_four .single_slider {
		background-position: 4%;
		height: 270px;
		background-size: cover;
	}
}
.slider_s_four .owl-nav {
	display: none;
}

.slider_c_four {
	padding-left: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.slider_c_four {
		padding-left: 60px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slider_c_four {
		padding-left: 60px;
	}
}
@media only screen and (max-width: 767px) {
	.slider_c_four {
		padding-left: 25px;
	}
}
.slider_c_four h3 {
	font-size: 16px;
	line-height: 18px;
	text-transform: capitalize;
	font-weight: 400;
	color: var(--primary);
	margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slider_c_four h3 {
		font-size: 15px;
		margin-bottom: 8px;
	}
}
@media only screen and (max-width: 767px) {
	.slider_c_four h3 {
		font-size: 14px;
		margin-bottom: 5px;
	}
}
.slider_c_four h1 {
	font-size: 36px;
	line-height: 36px;
	font-weight: 500;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.slider_c_four h1 {
		font-size: 30px;
		line-height: 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slider_c_four h1 {
		font-size: 23px;
		line-height: 23px;
	}
}
@media only screen and (max-width: 767px) {
	.slider_c_four h1 {
		font-size: 20px;
		line-height: 22px;
	}
}
.slider_c_four p {
	font-size: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slider_c_four p {
		font-size: 15px;
	}
}
@media only screen and (max-width: 767px) {
	.slider_c_four p {
		font-size: 14px;
		line-height: 18px;
	}
}
.slider_c_four p span {
	font-size: 30px;
	line-height: 30px;
	color: var(--primary);
	font-weight: 500;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.slider_c_four p span {
		font-size: 24px;
		line-height: 24px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slider_c_four p span {
		font-size: 15px;
	}
}
@media only screen and (max-width: 767px) {
	.slider_c_four p span {
		font-size: 16px;
		line-height: 18px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.categories_four .categories_menu_toggle > ul > li > a {
		line-height: 35px;
	}
}

/*home five css here*/
.slider_s_five .single_slider {
	height: 431px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.slider_s_five .single_slider {
		height: 386px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slider_s_five .single_slider {
		height: 358px;
		background-position: 22%;
	}
}
@media only screen and (max-width: 767px) {
	.slider_s_five .single_slider {
		background-position: 4%;
		height: 270px;
		background-size: cover;
	}
}
.slider_s_five .owl-nav {
	display: none;
}

/*  04. banner section css here  */
@media only screen and (max-width: 767px) {
	.banner_area {
		margin-bottom: 13px;
		margin-top: 0;
	}
}
@media only screen and (max-width: 767px) {
	.banner_area.mb-50 {
		margin-bottom: 20px;
	}
}

.banner_thumb {
	position: relative;
	overflow: hidden;
	/* border: 1px solid #ebebeb; */
	border-radius: var(--radius-md);
	box-shadow: 0px 4px 3px #00000029;
}
.banner_thumb:hover img {
	transform: scale(1.05);
	border-radius: var(--radius-md);
}
@media only screen and (max-width: 767px) {
	.banner_thumb a {
		width: 100%;
	}
}
.banner_thumb a img {
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
@media only screen and (max-width: 767px) {
	.banner_thumb a img {
		width: 100%;
	}
}

/*home three css here*/
.header_sticky {
	display: none;
}
.header_sticky.sticky-header.sticky {
	display: block !important;
}

.banner_style3_inner {
	overflow: hidden;
	border: 1px solid #ebebeb;
}
@media only screen and (max-width: 767px) {
	.banner_style3_inner {
		border: 0;
		padding: 0 15px;
	}
}
.banner_style3_inner .single_banner {
	border-right: 1px solid #ebebeb;
}
.banner_style3_inner .single_banner:first-child {
	width: 28.385%;
	float: left;
}
@media only screen and (max-width: 767px) {
	.banner_style3_inner .single_banner:first-child {
		width: 100%;
		float: inherit;
		border: 1px solid #ebebeb;
	}
}
.banner_style3_inner .single_banner:last-child {
	width: 28.385%;
	float: left;
	border-right: 0;
}
@media only screen and (max-width: 767px) {
	.banner_style3_inner .single_banner:last-child {
		width: 100%;
		float: inherit;
		border: 1px solid #ebebeb;
	}
}
.banner_style3_inner .single_banner:nth-child(2) {
	width: 43.23%;
	float: left;
}
@media only screen and (max-width: 767px) {
	.banner_style3_inner .single_banner:nth-child(2) {
		width: 100%;
		float: inherit;
		border: 1px solid #ebebeb;
	}
}
.banner_style3_inner .banner_thumb {
	border: 0;
}

/*home four css here*/
@media only screen and (max-width: 767px) {
	.sidebar_banner_four.mb-50 {
		margin-bottom: 50px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.sidebar_banner_four .banner_thumb {
		width: 33%;
		margin: 0 auto;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.sidebar_banner_four .banner_thumb a img {
		width: 100%;
	}
}

/*home five css here*/
@media only screen and (max-width: 767px) {
	.banner5_sidebar {
		margin-top: 25px;
	}
}

/* 03. product section css here */
.tab-content > .tab-pane.active {
	display: block;
	height: auto;
	opacity: 1;
	overflow: visible;
}

.tab-content > .tab-pane {
	display: block;
	height: 0;
	opacity: 0;
	overflow: hidden;
}

.product_bg {
	background: #f6f6f6;
	padding: 45px 0 15px;
}

.section_title h2 {
	font-size: 20px;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 0;
	text-transform: capitalize;
	color: var(--black);
}

.product_name h4 {
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	color: var(--black);
	display: -webkit-box;
	display: -moz-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.product_name h4 a:hover {
	text-decoration: none;
	color: var(--black);
}

.product_rating {
	margin-bottom: 11px;
	display: none;
}
.product_rating ul {
	display: flex;
	/* display: none; */
}
.product_rating ul li {
	line-height: 23px;
	margin-right: 3px;
}
.product_rating ul li:last-child {
	margin-right: 0;
}
.product_rating ul li a {
	font-size: 12px;
	color: #f9ba48;
}

.product_thumb {
	position: relative;
	margin-bottom: 20px;
}
.product_thumb a.primary_img img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.product_thumb a.secondary_img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0;
	visibility: hidden;
}
@media only screen and (max-width: 767px) {
	.product_thumb a img {
		width: 100%;
	}
	.product_thumb a.primary_img img {
		display: block;
		/* margin-top: 20px; */
		width: 100%;
	}

	.product_thumb a.primary_img_2 img {
		display: block;
		/* margin-top: 20px; */
		height: 100px;
		object-fit: contain;
	}
}

.label_product span {
	position: absolute;
}
.label_product span.label_sale {
	top: 0;
	left: 0;
	text-transform: uppercase;
	color: var(--white);
	background: #f26522;
	font-size: 10px;
	height: 22px;
	line-height: 22px;
	padding: 0 10px;
	text-align: center;
	display: block;
	border-radius: 4px;
}
.label_product span.label_new {
	top: 20px;
	right: 20px;
	width: 50px;
	height: 23px;
	text-align: center;
	line-height: 23px;
	color: var(--white);
	background: var(--black);
	font-size: 12px;
	border-radius: 3px;
	text-transform: capitalize;
	z-index: 3;
}

.quick_button {
	background: var(--primary);
	left: 50%;
	position: absolute;
	top: 50%;
	margin-right: -50%;
	white-space: nowrap;
	overflow: hidden;
	z-index: 9;
	border-radius: var(--radius-sm);
	-webkit-transform: translate(-50%, -50%) scale(0);
	-moz-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.quick_button:hover {
	background: var(--secondary);
}
.quick_button a,
.quick_button button {
	padding: 13px 42px;
	color: var(--white);
	display: inline-block;
	padding: 5px 30px;
	background: transparent;
	border: 0;
}

.single_product {
	padding: 18px;
	border-radius: var(--radius-md);
	background: var(--white);
}
.single_product:hover .quick_button {
	-webkit-transform: translate(-50%, -50%) scale(1);
	-moz-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
}
.single_product:hover .action_links {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	visibility: visible;
	/* top: -25px; */
}
.single_product:hover .product_thumb a.secondary_img {
	opacity: 1;
	visibility: visible;
}

.product_style .owl-stage-outer {
	padding: 5px 0 15px;
}

.price_box span {
	line-height: 16px;
	font-size: 14px;
}
.price_box span.old_price {
	text-decoration: line-through;
	font-weight: 400;
	margin-right: 6px;
	color: red;
	font-size: 14px !important;
	display: none;
}
@media only screen and (max-width: 767px) {
	.price_box span.old_price {
		font-size: 13px;
	}
	.price_box {
		/* margin-top: 40px; */
	}
}
.price_box span.current_price {
	font-weight: 600;
	color: var(--black);
	font-size: 18px !important;
}
.price_box span.current_price.product_details {
	font-weight: 600;
	color: var(--primary);
	font-size: 1.3rem !important;
}

.product_timing {
	background: #ebebeb;
	border: 1px solid #e1e1e1;
	margin-top: 13px;
	display: none;
}

.single_countdown {
	display: inline-block;
	width: 25%;
	text-align: center;
	padding: 7px 0;
	border-right: 1px solid #e1e1e1;
}
.single_countdown:last-child {
	border-right: 0;
}

.countdown_title {
	font-size: 14px;
	text-transform: capitalize;
	letter-spacing: 0;
	line-height: 18px;
	color: var(--primary);
}

.countdown_number {
	font-size: 15px;
	font-weight: 500;
	line-height: 19px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.countdown_number {
		font-size: 14px;
	}
}

.product_carousel .product_thumb a img {
	width: inherit;
	margin: 0 auto;
}
@media only screen and (max-width: 767px) {
	.product_carousel .product_thumb a img {
		width: 100%;
	}
}
.product_carousel .col-lg-3 {
	flex: 0 0 100%;
	max-width: 100%;
	padding-right: 10px;
	padding-left: 10px;
}
.product_carousel .owl-nav {
	display: flex !important;
	position: absolute;
	top: -41px;
	right: 12px;
}
.product_carousel .owl-nav.disabled {
	display: block;
}
@media only screen and (max-width: 767px) {
	.product_carousel .owl-nav {
		top: -37px;
		right: 14px;
	}
}
.product_carousel .owl-nav div {
	font-size: 18px;
	line-height: 15px;
	text-align: center;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.product_carousel .owl-nav div:hover {
	color: var(--primary);
}
.product_carousel .owl-nav div.owl-prev {
	margin-right: 13px;
	padding-right: 13px;
	border-right: 1px solid #b2b2b2;
}

.product_items .single_product {
	margin-bottom: 20px;
}
.product_items .single_product:hover {
	border: 1px solid transparent;
	-webkit-box-shadow: 7px 7px 7px 7px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 7px 7px 7px 7px rgba(0, 0, 0, 0.15);
	box-shadow: 7px 7px 7px 7px rgba(0, 0, 0, 0.15);
}

.product_footer {
	position: relative;
}

.action_links {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	/* position: absolute; */
	position: relative;
	/* left: -19px;
	right: -19px;
	top: -20px; */
	z-index: 9;
	text-align: center;
	background: transparent;
	/* background: var(--white); */
	/* padding: 20px 5px; */
	margin-top: 1rem;
}
.action_links ul li {
	display: inline-block;
}
.action_links ul li a {
	line-height: 35px;
	text-align: center;
	background: var(--primary);
	display: block;
	color: var(--white);
	text-transform: capitalize;
}
.action_links ul li a:hover {
	background: var(--secondary);
}
.action_links ul li.add_to_cart a {
	width: 100px;
	border-radius: var(--radius-sm);
	font-size: 14px;
	margin-right: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.action_links ul li.add_to_cart a {
		width: 122px;
	}
}
.action_links ul li.compare a {
	display: none;
}
.action_links ul li.wishlist a,
.action_links ul li.compare a {
	font-size: 15px;
	width: 42px;
	border-radius: var(--radius-sm);
}
.product_header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
	.product_header {
		flex-direction: column;
		align-items: inherit;
	}
}
.product_header .section_title {
	margin-bottom: 0;
}

.product_tab_btn {
	padding-right: 170px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product_tab_btn {
		padding-right: 110px;
	}
}
@media only screen and (max-width: 767px) {
	.product_tab_btn {
		padding-right: 44px;
		margin-top: 14px;
	}
}
.product_tab_btn ul li {
	margin-right: 45px;
}
.product_tab_btn ul li:last-child {
	margin-right: 0;
}
@media only screen and (max-width: 767px) {
	.product_tab_btn ul li {
		margin-right: 8px;
	}
}
.product_tab_btn ul li a {
	font-size: 14px;
	line-height: 18px;
	text-transform: capitalize;
	display: block;
}
.product_tab_btn ul li a:hover {
	color: var(--primary);
}
.product_tab_btn ul li a.active {
	color: var(--primary);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.categories_product_area {
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.categories_product_area {
		margin-bottom: 18px;
	}
}

.row.categories_margin {
	margin-left: -20px;
	margin-right: -20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.row.categories_margin {
		margin-left: -15px;
		margin-right: -15px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.row.categories_margin {
		margin-left: -15px;
		margin-right: -15px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.row.categories_margin {
		margin-left: -15px;
		margin-right: -15px;
	}
}
@media only screen and (max-width: 767px) {
	.row.categories_margin {
		margin-left: -15px;
		margin-right: -15px;
	}
}

.single_categories_product {
	padding: 0 20px;
	border-right: 1px solid #ebebeb;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.single_categories_product {
		margin-bottom: 30px;
	}
}
@media only screen and (max-width: 767px) {
	.single_categories_product {
		margin-bottom: 23px;
		border-right: 0;
	}
}
.single_categories_product.column4 {
	border-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.single_categories_product.column2 {
		border-right: 0;
	}
}
.single_categories_product .product_thumb {
	overflow: hidden;
	border: none;
	border-radius: var(--radius-md);
}
.single_categories_product .product_thumb:hover img {
	transform: scale(1.05);
}
@media only screen and (max-width: 767px) {
	.single_categories_product .product_thumb a {
		width: 100%;
	}
}
.single_categories_product .product_thumb a img {
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.single_categories_product .product_thumb a img {
		width: 100%;
	}
}
@media only screen and (max-width: 767px) {
	.single_categories_product .product_thumb a img {
		width: 100%;
	}
}

.categories_product_content h4 {
	font-size: 14px;
	line-height: 25px;
	font-weight: 500;
	text-transform: capitalize;
	margin-bottom: 12px;
}
.categories_product_content h4 a:hover {
	color: var(--primary);
}
.categories_product_content ul li a {
	line-height: 23px;
}
.categories_product_content ul li a:hover {
	color: var(--primary);
}

/*custom product area css here*/
.small_product_area.product_bg {
	padding: 45px 0 30px;
}

.small_p_container .product_items .single_product:hover {
	box-shadow: inherit;
	border: 0;
}
.small_p_container .single_product {
	overflow: hidden;
	border: 0;
}
.small_p_container .product_content {
	width: 68%;
	padding-left: 20px;
	padding-top: 12px;
	float: left;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.small_p_container .product_content {
		width: 66%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.small_p_container .product_content {
		width: 67%;
	}
}
@media only screen and (max-width: 767px) {
	.small_p_container .product_content {
		width: 70%;
		padding-left: 12px;
	}
}
.small_p_container .product_thumb {
	width: 32%;
	float: left;
}
@media only screen and (max-width: 767px) {
	.small_p_container .product_thumb {
		width: 29%;
	}
}
.small_p_container .product_name h4 {
	margin-bottom: 12px;
}

/*home two css here*/
.product_style2 .single_product {
	margin-bottom: 20px;
}
.product_style2 .single_product:hover {
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
}

.product_design2 {
	overflow: hidden;
}
.product_design2 .product_thumb {
	width: 44%;
	float: left;
	margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.product_design2 .product_thumb {
		width: 40%;
	}
}
@media only screen and (max-width: 767px) {
	.product_design2 .product_thumb {
		width: 100%;
		float: inherit;
	}
}
.product_design2 .product_content {
	width: 56%;
	float: left;
	padding-top: 10px;
	padding-left: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.product_design2 .product_content {
		width: 60%;
		padding-left: 22px;
	}
}
@media only screen and (max-width: 767px) {
	.product_design2 .product_content {
		width: 100%;
		float: inherit;
		padding-left: 0;
		padding-top: 20px;
	}
}
.product_design2:hover .action_links {
	transform: inherit;
}
.product_design2:hover .action_links ul li a {
	background: var(--black);
	color: var(--white);
}
.product_design2 .action_links {
	position: inherit;
	transform: inherit;
	opacity: inherit;
	visibility: inherit;
	box-shadow: inherit;
	padding: 0;
	text-align: left;
	margin-top: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.product_design2 .action_links {
		margin-top: 35px;
	}
}
.product_design2 .action_links ul li a {
	background: #f1f1f1;
	color: var(--black);
}
.product_design2 .action_links ul li a:hover {
	background: var(--primary);
	color: var(--white);
}

.product_items_inner2 .row {
	margin-right: -10px;
	margin-left: -10px;
}
.product_items_inner2 .col-lg-6 {
	padding-right: 10px;
	padding-left: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.product_items_inner2 .action_links ul li.add_to_cart a {
		width: 110px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.small_product_list {
		margin-bottom: 26px;
	}
}
@media only screen and (max-width: 767px) {
	.small_product_list {
		margin-bottom: 26px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.small_product_style2.product_bg {
		padding: 45px 0 5px;
	}
}
@media only screen and (max-width: 767px) {
	.small_product_style2.product_bg {
		padding: 45px 0 5px;
	}
}

/*home three css here*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product_three_left {
		margin-bottom: 45px;
	}
}
@media only screen and (max-width: 767px) {
	.product_three_left {
		margin-bottom: 45px;
	}
}
.product_three_left .product_desc {
	margin: 11px 0 18px;
}
.product_three_left .product_thumb a img {
	width: 100%;
}
.product_three_left .product_timing {
	margin-bottom: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product_three_left .single_product {
		margin-right: 20px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product_three_left .owl-item.last .single_product {
		margin-right: 0;
	}
}

.product_three_right .single_product {
	margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.product_three_right .action_links ul li.add_to_cart a {
		width: 130px;
	}
}
.product_three_right .product_tab_btn {
	padding-right: 130px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.product_three_right .product_tab_btn {
		padding-right: 90px;
	}
}
@media only screen and (max-width: 767px) {
	.product_three_right .product_tab_btn {
		padding-right: 44px;
	}
}
@media only screen and (max-width: 767px) {
	.product_three_right .banner_area {
		margin-bottom: 0;
	}
}
@media only screen and (max-width: 767px) {
	.product_three_right .single_banner {
		margin-bottom: 0;
	}
}

/*home four css here*/
@media only screen and (max-width: 767px) {
	.home_product_four {
		margin-bottom: 5px;
	}
}

.sidebar_product_four .section_title {
	background: var(--primary);
	margin-bottom: 0;
	padding: 15px 70px 15px 20px;
	border-radius: 4px 4px 0 0;
}
.sidebar_product_four .section_title h2 {
	color: var(--white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.sidebar_product_four .section_title h2 {
		font-size: 13px;
	}
}
.sidebar_product_four .small_p_container {
	border: 1px solid #ebebeb;
}
.sidebar_product_four .product_items .single_product {
	margin-bottom: 0;
	padding: 12px 18px;
	border-bottom: 1px solid #ebebeb;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.sidebar_product_four .product_items .single_product {
		border-bottom: 0;
	}
}
.sidebar_product_four .product_items .single_product:hover {
	border-bottom: 1px solid #ebebeb;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.sidebar_product_four .product_items .single_product:hover {
		border-bottom: 0;
	}
}
.sidebar_product_four .product_items .single_product:last-child {
	border-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.sidebar_product_four .product_items .single_product {
		padding: 12px 6px;
	}
}
.sidebar_product_four .product_name h4 {
	margin-bottom: 9px;
}
.sidebar_product_four .product_rating {
	margin-bottom: 7px;
}
.sidebar_product_four .owl-nav {
	top: -39px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.sidebar_product_four .owl-nav {
		top: -38px;
	}
}
.sidebar_product_four .owl-nav div {
	color: #ccc;
}
.sidebar_product_four .owl-nav div:hover {
	color: var(--white);
}

.product_four_right .product_area .row {
	margin-right: -10px;
	margin-left: -10px;
}
.product_four_right .single_product {
	margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.product_four_right .action_links ul li.add_to_cart a {
		width: 130px;
	}
}
.product_four_right .product_tab_btn {
	padding-right: 130px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.product_four_right .product_tab_btn {
		padding-right: 90px;
	}
}
@media only screen and (max-width: 767px) {
	.product_four_right .product_tab_btn {
		padding-right: 44px;
	}
}
@media only screen and (max-width: 767px) {
	.product_four_right .banner_area {
		margin-bottom: 45px;
	}
}
@media only screen and (max-width: 767px) {
	.product_four_right .single_banner {
		margin-bottom: 0;
	}
}

.categories_product_four {
	background: #f6f6f6;
	padding: 45px 0 50px;
}
@media only screen and (max-width: 767px) {
	.categories_product_four {
		padding: 44px 0 50px;
		margin-bottom: 0;
	}
}

.categories_four_inner {
	background: var(--white);
	padding: 20px 15px;
}

/* 05. blog area css here */
@media only screen and (max-width: 767px) {
	.blog_section {
		margin-bottom: 60px;
	}
}

.blog_carousel:hover .owl-nav div {
	opacity: 1;
	visibility: visible;
}
.blog_carousel .owl-nav.disabled {
	display: block;
}
.blog_carousel .owl-nav div {
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
	left: 0;
	font-size: 18px;
	width: 45px;
	height: 45px;
	line-height: 43px;
	text-align: center;
	border: 1px solid #a2a2a2;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	opacity: 0;
	visibility: hidden;
	background: var(--white);
}
@media only screen and (max-width: 767px) {
	.blog_carousel .owl-nav div {
		display: none;
	}
}
.blog_carousel .owl-nav div:hover {
	color: var(--white);
	background: var(--black);
	border-color: var(--black);
}
.blog_carousel .owl-nav div.owl-next {
	right: 0;
	left: auto;
}
.blog_carousel .col-lg-3 {
	flex: 0 0 100%;
	max-width: 100%;
}

.blog_content {
	padding-top: 25px;
}
@media only screen and (max-width: 767px) {
	.blog_content {
		padding-top: 19px;
	}
}
.blog_content p.post_desc {
	font-size: 14px;
	line-height: 23px;
	margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
	.blog_content p.post_desc {
		font-size: 13px;
		line-height: 22px;
	}
}
.blog_content h4 {
	font-size: 15px;
	text-transform: uppercase;
	line-height: 20px;
	margin-bottom: 16px;
	font-weight: 700;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.blog_content h4 {
		font-size: 14px;
	}
}
@media only screen and (max-width: 767px) {
	.blog_content h4 {
		font-size: 13px;
		margin-bottom: 12px;
	}
}
.blog_content h4 a:hover {
	color: var(--primary);
}
.blog_content .btn_more {
	margin-top: 15px;
}
@media only screen and (max-width: 767px) {
	.blog_content .btn_more {
		margin-top: 9px;
	}
}
.blog_content .btn_more a {
	font-size: 12px;
	line-height: 20px;
	text-transform: uppercase;
	display: inline-block;
	font-weight: 700;
}
.blog_content .btn_more a:hover {
	color: var(--primary);
}
.blog_content .btn_more a i {
	margin-left: 10px;
}
@media only screen and (max-width: 767px) {
	.blog_content .btn_more a i {
		margin-left: 5px;
	}
}

/*hone two css here*/
.color_two .blog_content h4 a:hover {
	color: #f9ba48;
}
.color_two .blog_content .btn_more a:hover {
	color: #f9ba48;
}
.color_two .blog_carousel .owl-nav div:hover {
	background: #f9ba48;
	border-color: #f9ba48;
}

.blog_two {
	background: #f8f8f8;
	padding: 65px 0 64px;
	margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
	.blog_two {
		padding: 55px 0 54px;
	}
}

/*home three css here*/
.blog_s_three {
	background: #f8f8f8;
	padding: 68px 0 65px;
}
@media only screen and (max-width: 767px) {
	.blog_s_three {
		padding: 58px 0 55px;
	}
}
.blog_s_three .section_title h2 {
	background: #f8f8f8;
}

.color_three .blog_content h4 a:hover {
	color: #f26522;
}
.color_three .blog_content .btn_more a:hover {
	color: #f26522;
}
.color_three .owl-nav div:hover {
	background: #f26522;
	border-color: #f26522;
}

/*home five css here*/
.color_five .blog_content h4 a:hover {
	color: #c39456;
}
.color_five .blog_content .btn_more a:hover {
	color: #c39456;
}
.color_five .owl-nav div:hover {
	background: #c39456;
	border-color: #c39456;
}

.blog_five {
	background: #f8f8f8;
	padding: 65px 0 65px;
}
@media only screen and (max-width: 767px) {
	.blog_five {
		padding: 57px 0 53px;
		margin-bottom: 0;
	}
}
.blog_five .section_title h2 {
	background: #f8f8f8;
}

/*home six css here*/
.color_six .blog_content h4 a:hover {
	color: #e95a91;
}
.color_six .blog_content .btn_more a:hover {
	color: #e95a91;
}
.color_six .owl-nav div:hover {
	background: #e95a91;
	border-color: #e95a91;
}

/*home seven css here*/
.color_seven .blog_content h4 a:hover {
	color: #eaca1c;
}
.color_seven .blog_content .btn_more a:hover {
	color: #eaca1c;
}
.color_seven .owl-nav div:hover {
	background: #eaca1c;
	border-color: #eaca1c;
}

/*home eight css here*/
.color_eight .blog_content h4 a:hover {
	color: #00a3e6;
}
.color_eight .blog_content .btn_more a:hover {
	color: #00a3e6;
}
.color_eight .owl-nav div:hover {
	background: #00a3e6;
	border-color: #00a3e6;
}

/*06. newsletter area css here*/
.newsletter_area {
	padding: 50px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
@media only screen and (max-width: 767px) {
	.newsletter_area {
		padding: 43px 0 50px;
	}
}

.newsletter_container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.newsletter_container {
		flex-direction: column;
	}
}
@media only screen and (max-width: 767px) {
	.newsletter_container {
		flex-direction: column;
	}
}

.newsletter_content {
	display: flex;
	align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.newsletter_content {
		margin-bottom: 30px;
	}
}
@media only screen and (max-width: 767px) {
	.newsletter_content {
		margin-bottom: 30px;
	}
}

.newsletter_text {
	margin-left: 20px;
}
@media only screen and (max-width: 767px) {
	.newsletter_text {
		margin-left: 14px;
	}
}
.newsletter_text h3 {
	font-size: 24px;
	line-height: 32px;
	font-weight: 500;
	margin-bottom: 2px;
	text-transform: capitalize;
	color: var(--white);
}
@media only screen and (max-width: 767px) {
	.newsletter_text h3 {
		font-size: 17px;
		line-height: 24px;
		margin-bottom: 5px;
	}
}
.newsletter_text p {
	font-size: 14px;
	line-height: 23px;
	color: var(--white);
}
@media only screen and (max-width: 767px) {
	.newsletter_text p {
		font-size: 13px;
		line-height: 19px;
	}
}

@media only screen and (max-width: 767px) {
	.subscribe_form {
		width: 100%;
	}
}
.subscribe_form form {
	width: 300px;
	position: relative;
	background: rgb(200 200 200 / 20%);
	border-radius: var(--radius-md);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.subscribe_form form {
		width: 200px;
	}
}
@media only screen and (max-width: 767px) {
	.subscribe_form form {
		width: 100%;
	}
}
.subscribe_form form input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: rgb(255 255 255 / 50%);
}
.subscribe_form form input::-moz-placeholder {
	/* Firefox 19+ */
	color: rgb(255 255 255 / 50%);
}
.subscribe_form form input:-ms-input-placeholder {
	/* IE 10+ */
	color: rgb(255 255 255 / 50%);
}
.subscribe_form form input:-moz-placeholder {
	/* Firefox 18- */
	color: rgb(255 255 255 / 50%);
}
.subscribe_form form input {
	width: 100%;
	border: 0;
	background: none;
	padding: 0 100px 0 15px;
	height: 45px;
	font-size: 14px;
	color: #f7f7f7;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.subscribe_form form input {
		padding: 0 70px 0 15px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.subscribe_form form input {
		height: 40px;
	}
}
@media only screen and (max-width: 767px) {
	.subscribe_form form input {
		height: 40px;
		font-size: 12px;
		padding: 0 120px 0 15px;
	}
}
.subscribe_form form button {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 8rem;
	background: var(--secondary);
	color: var(--white);
	font-size: 12px;
	font-weight: 500;
	/* text-transform: uppercase; */
	height: 90%;
	border: 0;
	display: block;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	/* border-radius: 0 3px 3px 0; */
	border-radius: var(--radius-md);
	transform: translate(-2%, 6%);
}
.subscribe_form form button:hover {
	color: var(--white);
	background: var(--primary);
}
/* @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.subscribe_form form button {
		width: 50px;
	} */
}
@media only screen and (max-width: 767px) {
	.subscribe_form form button {
		font-size: 12px;
		padding: 0 8px;
		width: 105px;
	}
}

.mailchimp-error {
	text-align: left;
	color: var(--white);
}

.mailchimp-success {
	text-align: left;
	max-width: 510px;
	color: var(--white);
}
.mailchimp-success.active {
	margin-top: 20px;
}

/*home three css here*/
.newsletter_three {
	background: var(--primary);
	border-bottom: 0 !important;
}
.newsletter_three .subscribe_form form button {
	background: #1a4283;
}
.newsletter_three .subscribe_form form button:hover {
	background: var(--black);
}

/* 21. shipping css here */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.shipping_area {
		margin-bottom: 28px;
	}
}
@media only screen and (max-width: 767px) {
	.shipping_area {
		margin-bottom: 23px;
	}
}

.single_shipping {
	display: flex;
	align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.single_shipping {
		margin-bottom: 22px;
	}
}
@media only screen and (max-width: 767px) {
	.single_shipping {
		margin-bottom: 25px;
	}
}
.single_shipping:hover .shipping_icone img {
	transform: rotatey(180deg);
}

.shipping_icone {
	margin-right: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.shipping_icone {
		margin-right: 7px;
	}
}
.shipping_icone img {
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.shipping_icone img {
		width: 30px;
	}
}

.shipping_content h4 {
	font-size: 14px;
	line-height: 18px;
	text-transform: capitalize;
	font-weight: 500;
	margin-bottom: 3px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.shipping_content h4 {
		font-size: 13px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.shipping_content h4 {
		font-size: 13px;
	}
}
@media only screen and (max-width: 767px) {
	.shipping_content h4 {
		font-size: 13px;
	}
}
.shipping_content p {
	font-size: 14px;
	line-height: 23px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.shipping_content p {
		font-size: 13px;
		line-height: 20px;
	}
}

/*home four css here*/
.shipping_four {
	border: 1px solid #ebebeb;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.shipping_four {
		border: 0;
		overflow: hidden;
		margin-bottom: 22px;
	}
}
@media only screen and (max-width: 767px) {
	.shipping_four {
		margin-bottom: 50px;
	}
}
.shipping_four .single_shipping {
	padding: 30px 20px;
	border-bottom: 1px solid #ebebeb;
}
.shipping_four .single_shipping:last-child {
	border-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.shipping_four .single_shipping {
		padding: 20px 15px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.shipping_four .single_shipping {
		padding: 0;
		width: 50%;
		float: left;
		margin-bottom: 28px;
		border-bottom: 0;
	}
}
@media only screen and (max-width: 767px) {
	.shipping_four .single_shipping {
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.shipping_four .shipping_icone {
		margin-right: 12px;
	}
}
.shipping_four .shipping_content h4 {
	color: var(--primary);
}

/*testimonial css here*/
.testimonial_area {
	background: url("../img/bg/banner4.jpg") no-repeat 0 0;
	padding: 67px 0 62px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.testimonial_area {
		padding: 65px 0 103px;
		margin-bottom: 65px;
	}
}
@media only screen and (max-width: 767px) {
	.testimonial_area {
		margin-bottom: 57px;
		padding: 56px 0;
	}
}

.testimonial_container .section_title::before {
	background: var(--white);
}
.testimonial_container .section_title h2 {
	color: var(--white);
	background: #0b0b13;
}

.testimonial_carousel .testimonial_img a img {
	width: inherit;
	display: inline-block;
	border-radius: 50%;
}
.testimonial_carousel .owl-dots {
	text-align: center;
	margin-top: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.testimonial_carousel .owl-dots {
		margin-top: 0;
		position: absolute;
		left: 0;
		right: 0;
		bottom: -40px;
	}
}
@media only screen and (max-width: 767px) {
	.testimonial_carousel .owl-dots {
		display: none;
	}
}
.testimonial_carousel .owl-dots .owl-dot {
	width: 14px;
	height: 14px;
	background: var(--white);
	border-radius: 50%;
	margin-right: 13px;
	display: inline-block;
}
.testimonial_carousel .owl-dots .owl-dot:last-child {
	margin-right: 0;
}
.testimonial_carousel .owl-dots .owl-dot.active {
	background: #bababa;
}

.single_testimonial {
	text-align: center;
}

.testimonial_content h4 {
	font-size: 15px;
	line-height: 15px;
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 0;
	text-transform: capitalize;
}
.testimonial_content h4 a {
	color: var(--white);
}
.testimonial_content h4 a:hover {
	color: var(--primary);
}
@media only screen and (max-width: 767px) {
	.testimonial_content h4 {
		margin-top: 22px;
	}
}
.testimonial_content p {
	font-size: 15px;
	line-height: 25px;
	color: var(--white);
	max-width: 775px;
	margin: 30px auto 0;
}
@media only screen and (max-width: 767px) {
	.testimonial_content p {
		font-size: 13px;
		line-height: 23px;
		margin: 18px auto 0;
	}
}

/*home two css here*/
@media only screen and (max-width: 767px) {
	.testimonial_style_two {
		margin-bottom: 50px;
	}
}
.testimonial_style_two .section_title_style2::before {
	background: var(--black);
}
.testimonial_style_two .section_title_style2 h2 {
	color: var(--black);
	background: inherit;
}
.testimonial_style_two .testimonial_content h4 a {
	color: var(--black);
}
.testimonial_style_two .testimonial_content h4 a:hover {
	color: #f9ba48;
}
.testimonial_style_two .testimonial_content p {
	color: var(--black);
}

.testimonial_sidebar_carousel .testimonial_img a img {
	width: inherit;
	display: inline-block;
	border-radius: 50%;
}

.testimonial_seven {
	background: url("../img/bg/banner26.jpg") no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
	.testimonial_seven {
		padding: 56px 0 48px;
	}
}
.testimonial_seven .section_title_style7 h2 {
	background: inherit;
}
.testimonial_seven .owl-dots {
	margin-top: 30px;
}
.testimonial_seven .owl-dots .owl-dot.active {
	background: #eaca1c;
}

.testimonial_desc {
	position: relative;
	width: 60%;
	margin: 0 auto 33px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.testimonial_desc {
		width: 85%;
	}
}
@media only screen and (max-width: 767px) {
	.testimonial_desc {
		width: 100%;
	}
}
.testimonial_desc::before {
	content: "";
	background: url("../img/about/before-testimal.png") no-repeat 0 0;
	left: 0;
	top: 0;
	position: absolute;
	width: 34px;
	height: 29px;
}
.testimonial_desc::after {
	content: "";
	background: url("../img/about/after-testimal.png") no-repeat 0 0;
	right: 0;
	bottom: 0;
	position: absolute;
	width: 34px;
	height: 29px;
}
.testimonial_desc p {
	font-size: 15px;
	line-height: 25px;
	color: var(--white);
	padding: 0 50px;
}
@media only screen and (max-width: 767px) {
	.testimonial_desc p {
		padding: 0 34px;
	}
}

.testimonial_author h4 {
	margin-top: 20px;
	font-size: 15px;
	color: var(--white);
	font-weight: 700;
	text-transform: capitalize;
}
.testimonial_author h4 a {
	color: var(--white);
}
.testimonial_author h4 a:hover {
	color: #eaca1c;
}

/*home eight css here*/
.testimonial_eight {
	background: url("../img/bg/banner30.jpg") no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
	.testimonial_eight {
		padding: 56px 0 48px;
	}
}
.testimonial_eight .section_title_style7 h2 {
	background: inherit;
}
.testimonial_eight .owl-dots {
	margin-top: 30px;
}
.testimonial_eight .owl-dots .owl-dot.active {
	background: #00a3e6;
}

/*brand css here*/
.brand_area {
	padding: 40px 0;
}
@media only screen and (max-width: 767px) {
	.brand_area {
		padding: 35px 0;
	}
}

.brand_container .single_brand img {
	width: inherit;
	margin: 0 auto;
}
.single_brand img:hover {
	box-shadow: var(--black) 00031;
}
.brand_container:hover .owl-nav div {
	opacity: 1;
	visibility: visible;
}
.brand_container .owl-nav.disabled {
	display: block;
}
.brand_container .owl-nav div {
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
	left: 0;
	font-size: 18px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #a2a2a2;
	border-radius: 3px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	opacity: 0;
	visibility: hidden;
	background: var(--white);
}
.brand_container .owl-nav div:hover {
	color: var(--white);
	background: var(--primary);
	border-color: var(--primary);
}
.brand_container .owl-nav div.owl-next {
	right: 0;
	left: auto;
}

/*  07. footer area css here */
.footer_widgets {
	background: #02213d;
}

.footer_top {
	padding: 49px 0 46px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.footer_top {
		padding: 48px 0 5px;
	}
}
@media only screen and (max-width: 767px) {
	.footer_top {
		padding: 0px 0 6px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
	.widgets_container {
		margin-bottom: 10px;
	}
	.newsletter {
		margin: 10px;
	}
}
@media only screen and (min-width: 991px) and (max-width: 1199px) {
	.widgets_container {
		margin-bottom: 10px;
	}
}
@media only screen and (max-width: 767px) {
	.widgets_container {
		margin-bottom: 0;
	}
}
@media only screen and (max-width: 767px) {
	.widgets_container.widget_menu {
		margin-bottom: 41px;
	}
}
.widgets_container h3 {
	font-size: 14px;
	line-height: 18px;
	/* margin-bottom: 28px; */
	text-transform: uppercase;
	font-weight: 700;
	color: var(--white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.widgets_container h3 {
		font-size: 13px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.widgets_container h3 {
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.widgets_container h3 {
		margin-bottom: 15px;
		line-height: 22px;
	}
}

.footer_logo {
	margin-bottom: 31px;
}
@media only screen and (max-width: 767px) {
	.footer_logo {
		margin-bottom: 18px;
	}
}
.footer_logo a img {
	max-width: 162px;
}
@media only screen and (max-width: 767px) {
	.footer_logo a img {
		max-width: 126px;
	}
}

.footer_contact {
	/* margin-bottom: 25px; */
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.footer_contact {
		margin-bottom: 15px;
	}
}
.footer_contact p {
	font-size: 14px;
	line-height: 23px;
	color: var(--white);
	margin-bottom: 6px;
}
.footer_contact p:last-child {
	margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.footer_contact p {
		font-size: 13px;
		line-height: 21px;
		margin-bottom: 5px;
	}
}
@media only screen and (max-width: 767px) {
	.footer_contact p {
		font-size: 13px;
		line-height: 21px;
	}
}
.footer_contact p a:hover {
	color: #699ecd;
}
.footer_contact p span {
	min-width: 70px;
	display: inline-block;
}

.footer_menu ul li {
	margin-bottom: 16px;
}
.footer_menu ul li:last-child {
	margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.footer_menu ul li {
		margin-bottom: 13px;
	}
}
@media only screen and (max-width: 767px) {
	.footer_menu ul li {
		margin-bottom: 14px;
	}
}
.footer_menu ul li a {
	display: block;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	color: var(--white);
}
.footer_menu ul li a:hover {
	color: #699ecd;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.footer_menu ul li a {
		font-size: 13px;
	}
}
@media only screen and (max-width: 767px) {
	.footer_menu ul li a {
		font-size: 13px;
		line-height: 18px;
	}
}

@media only screen and (max-width: 767px) {
	.footer_social {
		text-align: center !important;
	}
}
.footer_social ul li {
	display: inline-block;
	margin-right: 12px;
}
.footer_social ul li:last-child {
	margin-right: 0;
}
@media only screen and (max-width: 767px) {
	.footer_social ul li {
		margin-right: 7px;
	}
}
.footer_social ul li a {
	width: 42px;
	height: 42px;
	line-height: 42px;
	color: var(--white);
	background: var(--secondary);
	display: block;
	text-align: center;
	font-size: 18px;
	border-radius: var(--radius-md);
}
.footer_social ul li a:hover {
	background: var(--primary);
}
@media only screen and (max-width: 767px) {
	.footer_social ul li a {
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: 15px;
	}
}

@media only screen and (max-width: 767px) {
	.copyright_area {
		text-align: center;
		margin-bottom: 15px;
	}
}
.copyright_area p {
	text-transform: capitalize;
	line-height: 25px;
	font-size: 14px;
	color: var(--white);
}
@media only screen and (max-width: 767px) {
	.copyright_area p {
		font-size: 13px;
	}
}
.copyright_area p a {
	color: var(--white);
}
.copyright_area p a:hover {
	text-decoration: underline;
}

.footer_bottom {
	padding: 30px 0;
}
@media only screen and (max-width: 767px) {
	.footer_bottom {
		padding: 20px 0 25px;
	}
}

.footer_payment p {
	font-size: 14px;
	line-height: 23px;
	text-transform: capitalize;
	color: var(--white);
	font-style: italic;
	margin-bottom: 8px;
}

/*home three css here*/
.footer_three {
	background: var(--white);
}
.footer_three .widgets_container h3 {
	color: var(--black);
}
.footer_three .footer_contact p {
	color: var(--black);
}
.footer_three .footer_contact p a:hover {
	color: var(--primary);
}
.footer_three .footer_payment p {
	color: var(--black);
}
.footer_three .footer_menu ul li a {
	color: var(--black);
}
.footer_three .footer_menu ul li a:hover {
	color: var(--primary);
}
.footer_three .footer_top {
	border-bottom: 1px solid #ebebeb;
}
.footer_three .copyright_area p {
	color: var(--black);
}
.footer_three .copyright_area p a {
	color: var(--black);
}
.footer_three .footer_social ul li a {
	background: #ebebeb;
	color: var(--black);
}
.footer_three .footer_social ul li a:hover {
	background: var(--primary);
	color: var(--white);
}

/* 10. shop page css here */
.breadcrumb_content {
	/* background: #f5f5f5;
	padding: 5px; */
}

.breadcrumb_content ul li {
	display: inline-block;
	text-transform: capitalize;
	font-size: 14px;
	/* margin-right: 20px; */
	/* padding-right: 20px; */
	position: relative;
	color: var(--primary);
	font-family: var(--lato-font);
	font-weight: 400;
}
.breadcrumb_content ul li::before {
	position: absolute;
	content: "\203A";
	right: -4px;
	top: 50%;
	transform: translatey(-50%);
}
.breadcrumb_content ul li:last-child {
	margin-right: 0;
}
.breadcrumb_content ul li:last-child::before {
	display: none;
}
.breadcrumb_content ul li a {
	color: var(--black);
}
.breadcrumb_content ul li a:hover {
	color: var(--primary);
}

.sidebar_widget .single_banner {
	border: 0;
}
@media only screen and (max-width: 767px) {
	.sidebar_widget .single_banner {
		margin-bottom: 0;
	}
}
@media only screen and (max-width: 767px) {
	.sidebar_widget .single_banner a {
		width: 100%;
	}
}
@media only screen and (max-width: 767px) {
	.sidebar_widget .single_banner a img {
		width: 100%;
	}
}

.widget_list {
	margin-bottom: 15px;
	padding: 0 20px 20px 0;
	border-radius: var(--radius-md);
}
.widget_list:last-child {
	margin-bottom: 0;
}
.widget_list h3 {
	font-size: 14px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ebebeb;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.widget_list h3 {
		font-size: 11px;
	}
}
.widget_list > ul > li {
	border-bottom: 1px solid #ebebeb;
}
.widget_list > ul > li:first-child a {
	padding-top: 0;
}
.widget_list > ul > li:last-child {
	border-bottom: 0;
}
.widget_list > ul > li:last-child a {
	padding-bottom: 0;
}
.widget_list > ul > li > a {
	font-size: 14px;
	display: block;
	line-height: 25px;
	padding: 10px 0;
}
.widget_list > ul > li > a:hover {
	color: var(--primary);
}
.widget_list > ul > li.widget_sub_categories > a {
	position: relative;
}
.widget_list > ul > li.widget_sub_categories > a::before {
	content: "\f107";
	cursor: pointer;
	font-family: FontAwesome;
	font-size: 12px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translatey(-50%);
}
.widget_list > ul > li.widget_sub_categories > a.active::before {
	content: "\f106";
	cursor: pointer;
	font-family: FontAwesome;
	font-size: 12px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translatey(-50%);
}
.widget_list > ul > li ul {
	padding-left: 15px;
}
.widget_list > ul > li ul li {
	border-bottom: 1px solid #ebebeb;
}
.widget_list > ul > li ul li:first-child {
	border-top: 1px solid #ebebeb;
}
.widget_list > ul > li ul li:last-child {
	border-bottom: 0;
}
.widget_list > ul > li ul li a {
	padding-bottom: 10px;
	padding: 10px 0;
	display: block;
}
.widget_list.banner_area {
	padding: 0;
	border: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.widget_list .banner_thumb {
		width: 33%;
		margin: 0 auto;
	}
}
.widget_list .banner_thumb a img {
	width: 100%;
}

.ui-slider-horizontal .ui-slider-range {
	background: var(--primary);
	height: 5px;
}

.ui-slider-horizontal {
	height: 3px;
	background: #dbdbdb;
	border: none;
	width: 92%;
	margin: 0 auto;
	margin-bottom: 5px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	background: var(--white);
	border: 0;
	border-radius: 0;
	width: 19px;
	height: 19px;
	top: -7px;
	cursor: pointer;
	border-radius: 50%;
	border: 5px solid var(--primary);
}

.widget_list.widget_filter form {
	padding-top: 10px;
}
.widget_list.widget_filter form input {
	background: none;
	border: none;
	font-size: 12px;
	float: right;
	text-align: right;
	line-height: 31px;
	/* margin-top: 22px; */
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.widget_list.widget_filter form input {
		width: 65px;
	}
}
.widget_list.widget_filter form button {
	/* margin-top: 22px; */
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
	text-transform: capitalize;
	color: var(--white);
	background: var(--primary);
	border: 0;
	border-radius: 30px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.widget_list.widget_filter form button:hover {
	background: var(--secondary);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.recent_product_container {
		overflow: hidden;
	}
}

.recent_product_list {
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.recent_product_list {
		width: 47%;
		float: left;
		border: 1px solid #ddd;
		padding: 20px;
		margin-bottom: 25px;
	}
	.recent_product_list:first-child {
		margin-right: 30px;
	}
}
.recent_product_list:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.recent_product_list:last-child {
		border: 1px solid #ddd;
		padding: 20px;
	}
}
.recent_product_list .product_thumb {
	width: 33%;
	float: left;
	margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.recent_product_list .product_thumb {
		width: 33%;
	}
}
.recent_product_list .product_content {
	width: 67%;
	float: left;
	padding-left: 15px;
	text-align: left;
}
.recent_product_list .product_content h4 {
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	margin-bottom: 9px;
}
.recent_product_list .product_content h4 a {
	color: var(--primary);
}
.recent_product_list .product_content h4 a:hover {
	text-decoration: underline;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.recent_product_list .product_content {
		padding-left: 10px;
		width: 67%;
	}
}
.recent_product_list .price_box {
	margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.recent_product_list .price_box span.current_price {
		font-size: 14px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.recent_product_list .price_box span.old_price {
		font-size: 13px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.recent_product_list .product_ratings {
		margin-bottom: 2px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.recent_product_list .product_ratings ul li a {
		font-size: 18px;
	}
}

.tag_cloud a {
	margin: 0 5px 12px 0;
	padding: 5px 15px;
	text-transform: capitalize;
	display: inline-block;
	border: 1px solid #ebebeb;
	background: var(--white);
	border-radius: 3px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tag_cloud a {
		padding: 5px 10px;
	}
}
.tag_cloud a:hover {
	background: var(--primary);
	border-color: var(--primary);
	color: var(--white);
}

.shop_toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* border: 1px solid #e5e5e5; */
	padding: 8px 10px;
	margin: 0 0 40px;
}
@media only screen and (max-width: 767px) {
	.shop_toolbar {
		flex-direction: column-reverse;
		padding: 10px 10px 18px;
	}
}

.select_option {
	display: flex;
	align-items: center;
}
@media only screen and (max-width: 767px) {
	.select_option {
		flex-direction: column;
	}
}
.select_option .nice-select {
	border: 0;
	height: 30px;
	line-height: 29px;
}
.select_option .nice-select ul.list {
	top: 114%;
	right: 0;
	width: 200px;
	max-height: 200px;
	overflow: auto;
}

@media only screen and (max-width: 767px) {
	.niceselect_option {
		margin-bottom: 16px;
	}
}

@media only screen and (max-width: 767px) {
	.page_amount {
		margin-bottom: 12px;
	}
}
@media only screen and (max-width: 767px) {
	.page_amount p {
		padding-left: 0;
		margin-left: 0;
		border-left: 0;
	}
}

.list_button ul li {
	margin-right: 12px;
}
.list_button ul li:last-child {
	margin-right: 0;
}
.list_button ul li a:hover {
	color: #c39456;
}
.list_button ul li a i {
	margin-right: 5px;
	border-radius: 100%;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
}
.list_button ul li a.active {
	color: var(--primary);
}
.list_button ul li a.active i {
	background: #c39456;
	color: var(--white);
}

.product_ratting ul li {
	display: inline-block;
}
.product_ratting ul li a {
	color: #c39456;
}

@media only screen and (max-width: 767px) {
	.product_list_item .product_thumb {
		margin-bottom: 18px;
	}
}
.product_list_item .product_content h3 {
	margin-bottom: 10px;
}
.product_list_item .product_ratting {
	margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
	.pagination {
		margin-top: 19px;
	}
}
/* .pagination ul li {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #f1f1f1;
	border-radius: 3px;
	margin-left: 3px;
}
.pagination ul li:first-child {
	margin-left: 0;
}
.pagination ul li a {
	display: block;
	border-radius: 3px;
}
.pagination ul li a:hover {
	background: var(--primary);
	color: var(--white);
}
.pagination ul li.current {
	background: var(--primary);
	color: var(--white);
}
.pagination ul li.next {
	width: 40px;
} */

.shop_toolbar.t_bottom {
	justify-content: center;
	margin-bottom: 0;
	padding: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.shop_toolbar.t_bottom {
		margin-bottom: 50px;
	}
}
@media only screen and (max-width: 767px) {
	.shop_toolbar.t_bottom {
		padding: 15px 0 15px;
		margin-bottom: 50px;
	}
}
@media only screen and (max-width: 767px) {
	.shop_toolbar.t_bottom .pagination {
		margin-top: 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.shop_reverse .tab-content .row {
		flex-direction: row;
	}
}
@media only screen and (max-width: 767px) {
	.shop_reverse .tab-content .row {
		flex-direction: row;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.grid_view .quick_button {
		bottom: 5px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.grid_view .quick_button a {
		line-height: 37px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.grid_view .action_button ul li a {
		width: 43px;
		height: 40px;
		line-height: 38px;
	}
}
.grid_view .hover_action a {
	width: 43px;
	height: 40px;
	line-height: 38px;
}

/* shop page css here*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.shop_reverse .row {
		flex-direction: column-reverse;
	}
}
@media only screen and (max-width: 767px) {
	.shop_reverse .row {
		flex-direction: column-reverse;
	}
}

.row.shop_wrapper {
	flex-direction: row;
}

.shop_toolbar_btn > button {
	margin-right: 10px;
	border: 0;
	background: inherit;
}
.shop_toolbar_btn > button.btn-grid-3 {
	background: url(../img/icon/bkg_grid.png) no-repeat scroll center center;
	width: 20px;
	height: 20px;
}
.shop_toolbar_btn > button.btn-grid-3.active {
	background: url(../img/icon/bkg_grid_hover.png) no-repeat scroll center center !important;
}
.shop_toolbar_btn > button.btn-grid-4 {
	background: url(../img/icon/bkg_grid4.png) no-repeat scroll center center;
	width: 26px;
	height: 22px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.shop_toolbar_btn > button.btn-grid-4 {
		display: inline;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.shop_toolbar_btn > button.btn-grid-4 {
		display: inline;
	}
}
.shop_toolbar_btn > button.btn-grid-4.active {
	background: url(../img/icon/bkg_grid4_hover.png) no-repeat scroll center
		center !important;
}
.shop_toolbar_btn > button.btn-list {
	background: url(../img/icon/bkg_list.png) no-repeat scroll center center;
	width: 20px;
	height: 20px;
}
.shop_toolbar_btn > button.btn-list.active {
	background: url(../img/icon/bkg_list_hover.png) no-repeat scroll center center !important;
}

.product_content.list_content {
	display: none;
}

.grid_content .product_ratings {
	margin-bottom: 11px;
}
.grid_content .product_ratings ul {
	justify-content: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.grid_content .action_links ul li.add_to_cart a {
		width: 110px;
	}
}

.grid_list .product_name {
	display: none;
}
.grid_list .product_rating {
	display: none;
}

.grid_list .product_content.grid_content {
	display: none;
}

.grid_list .product_content.list_content {
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
	float: left;
	padding-left: 25px;
	text-align: left;
	margin-top: 0;
	display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.grid_list .product_content.list_content {
		min-width: 60%;
	}
}
@media only screen and (max-width: 767px) {
	.grid_list .product_content.list_content {
		flex-direction: column;
		flex: 0 0 100%;
		min-width: 100%;
		padding-left: 0;
	}
}
.grid_list .product_content.list_content .product_rating {
	display: block;
	margin-bottom: 9px;
	float: inherit;
	width: 100%;
}
.grid_list .product_content.list_content .product_name {
	display: block;
}
.grid_list .product_content.list_content .price_box {
	margin-bottom: 10px;
}
.grid_list .product_content.list_content .action_links {
	opacity: inherit;
	visibility: visible;
	text-align: left;
	transform: inherit;
	position: inherit;
	padding: 0;
	box-shadow: inherit;
	background: inherit;
}
.grid_list .product_content.list_content .action_links ul li a {
	transform: inherit;
}
.grid_list .product_content.list_content .product_desc {
	display: inline-block;
	margin-bottom: 14px;
}
.grid_list .product_content.list_content .product_desc p {
	font-size: 14px;
	line-height: 24px;
}

.grid_list .single_product {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media only screen and (max-width: 767px) {
	.grid_list .single_product {
		flex-direction: column;
	}
}

.grid_list .product_thumb {
	margin-bottom: 0;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
	float: left;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.grid_list .product_thumb {
		min-width: 30%;
	}
}
@media only screen and (max-width: 767px) {
	.grid_list .product_thumb {
		flex: 0 0 100%;
		min-width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
}

.col-cust-5 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: max-width;
	padding-right: 15px;
	padding-left: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.col-cust-5 {
		-ms-flex: 0 0 33%;
		flex: 0 0 33%;
	}
}
@media only screen and (max-width: 767px) {
	.col-cust-5 {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media only screen and (max-width: 479px) {
	.col-cust-5 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

.shop_wrapper > div {
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.shop_toolbar_wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #ddd;
	padding: 8px 10px;
	/* margin: 0 0 30px; */
}
@media only screen and (max-width: 767px) {
	.shop_toolbar_wrapper {
		flex-direction: column;
		padding: 15px 10px 5px;
	}
}

@media only screen and (max-width: 767px) {
	.shop_toolbar_btn {
		/* margin-bottom: 20px; */
		display: none;
	}
}

.shop_wrapper {
	margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
	.shop_wrapper .product_thumb a img {
		width: 100%;
	}
}
.shop_wrapper .single_product {
	position: relative;
	margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
	.shop_wrapper .action_links ul li a {
		line-height: 36px;
	}
}
@media only screen and (max-width: 767px) {
	.shop_wrapper .action_links ul li.add_to_cart a {
		width: 102px;
	}
}
@media only screen and (max-width: 767px) {
	.shop_wrapper .action_links ul li.wishlist a,
	.shop_wrapper .action_links ul li.compare a {
		width: 36px;
	}
}
@media only screen and (max-width: 767px) {
	.shop_wrapper .action_links ul li.compare a {
		width: 36px;
	}
}
.shop_wrapper.grid_4 .quick_button a {
	padding: 8px 25px;
}
.shop_wrapper.grid_4 .action_links ul li a {
	line-height: 36px;
}
.shop_wrapper.grid_4 .action_links ul li.add_to_cart a {
	width: 106px;
}
.shop_wrapper.grid_4 .action_links ul li.wishlist a,
.shop_wrapper.grid_4 .action_links ul li.compare a {
	width: 36px;
}
.shop_wrapper.grid_4 .action_links ul li.compare a {
	width: 36px;
}

/* shop page css end*/
/*shop fullwidth css here*/
.shop_fullwidth .shop_wrapper.grid_3 .product_thumb a img {
	width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.shop_fullwidth {
		margin-bottom: 0;
	}
}
@media only screen and (max-width: 767px) {
	.shop_fullwidth {
		margin-bottom: 0;
	}
}

/* 15. product details css here */
#img-1 {
	border: 1px solid #ebebeb;
	border-radius: var(--radius-md);
	overflow: hidden;
}

.header_product {
	border-bottom: 1px solid #ebebeb;
}

.product_d_right h3 {
	font-size: 1.3rem;
	font-weight: 400;
	margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product_d_right h3 {
		font-size: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.product_d_right h3 {
		margin-bottom: 15px;
		font-size: 18px;
	}
}
.product_d_right h3 a:hover {
	color: var(--primary);
}
.product_d_right .product_rating {
	margin-bottom: 17px;
}
@media only screen and (max-width: 767px) {
	.product_d_right .product_rating {
		margin-bottom: 12px;
	}
}
.product_d_right .product_rating ul li.review a {
	color: var(--black);
	margin-left: 10px;
}
.product_d_right .product_rating ul li.review a:hover {
	color: var(--primary);
}
.product_d_right .price_box {
	margin-bottom: 14px;
}
@media only screen and (max-width: 767px) {
	.product_d_right .price_box {
		margin-bottom: 9px;
	}
}
.product_d_right .price_box span.current_price {
	font-size: 23px;
}
@media only screen and (max-width: 767px) {
	.product_d_right .price_box span.current_price {
		font-size: 18px;
	}
}
.product_d_right .price_box span.old_price {
	font-size: 20px;
}
@media only screen and (max-width: 767px) {
	.product_d_right .price_box span.old_price {
		font-size: 17px;
	}
}
.product_d_right .product_desc {
	margin-bottom: 19px;
	padding-bottom: 24px;
	border-bottom: 1px solid #ebebeb;
}
@media only screen and (max-width: 767px) {
	.product_d_right .product_desc {
		margin-bottom: 15px;
		padding-bottom: 18px;
	}
}
.product_d_right .product_desc::before {
	display: none;
}
.product_d_right .product_desc p {
	font-size: 14px;
	line-height: 26px;
}
.product_d_right .priduct_social ul li {
	display: inline-block;
	margin-right: 7px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product_d_right .priduct_social ul li {
		margin-right: 2px;
	}
}
@media only screen and (max-width: 767px) {
	.product_d_right .priduct_social ul li {
		margin-right: 2px;
	}
}
.product_d_right .priduct_social ul li:last-child {
	margin-right: 0;
}
.product_d_right .priduct_social ul li a {
	color: var(--white);
	font-size: 12px;
	line-height: 24px;
	padding: 0 8px;
	border-radius: 3px;
	text-transform: capitalize;
	display: block;
}
@media only screen and (max-width: 767px) {
	.product_d_right .priduct_social ul li a {
		padding: 0 4px;
	}
}
.product_d_right .priduct_social ul li a:hover {
	opacity: 0.8;
}
.product_d_right .priduct_social ul li a.facebook {
	background: #3b5999;
}
.product_d_right .priduct_social ul li a.twitter {
	background: #1da1f2;
}
.product_d_right .priduct_social ul li a.pinterest {
	background: #cb2028;
}
.product_d_right .priduct_social ul li a.google-plus {
	background: #fe6d4c;
}
.product_d_right .priduct_social ul li a.linkedin {
	background: #010103;
}
.product_d_right .product_timing {
	margin-bottom: 22px;
	margin-top: 30px;
	width: 260px;
}
@media only screen and (max-width: 767px) {
	.product_d_right .product_timing {
		margin-bottom: 16px;
		margin-top: 25px;
	}
}

.product_nav {
	float: right;
	position: relative;
	top: -46px;
}
@media only screen and (max-width: 767px) {
	.product_nav {
		display: none;
	}
}
.product_nav ul li {
	display: inline-block;
	margin-left: 3px;
}
.product_nav ul li:first-child {
	margin-left: 0;
}
.product_nav ul li a {
	background: var(--primary);
	border-radius: 3px;
	color: var(--white);
	display: block;
	font-size: 15px;
	height: 30px;
	width: 30px;
	line-height: 28px;
	text-align: center;
}
.product_nav ul li a:hover {
	background: var(--secondary);
}

.product_variant.quantity {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
	.product_variant.quantity {
		margin-bottom: 16px;
	}
}
.product_variant.quantity label {
	font-weight: 400;
	text-transform: capitalize;
	font-size: 16px;
	margin-bottom: 0;
}
.product_variant.quantity input {
	width: 130px;
	border: 1px solid #ebebeb;
	background: none;
	height: 42px;
	padding: 0 12px;
	border-radius: var(--radius-md);
	margin-left: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.product_variant.quantity input {
		width: 110px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product_variant.quantity input {
		width: 80px;
	}
}
@media only screen and (max-width: 767px) {
	.product_variant.quantity input {
		width: 65px;
		margin-left: 10px;
	}
}
.product_variant.quantity button {
	border: 0;
	border-radius: var(--radius-md);
	font-size: 16px;
	margin-left: 20px;
	background: var(--primary);
	height: 42px;
	line-height: 42px;
	text-transform: capitalize;
	min-width: 270px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.product_variant.quantity button {
		min-width: 240px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product_variant.quantity button {
		min-width: 170px;
	}
}
@media only screen and (max-width: 767px) {
	.product_variant.quantity button {
		min-width: inherit;
		margin-left: 10px;
	}
}
/* .product_variant.quantity button:hover {
  background: var(--secondary);
} */
.product_variant.color {
	margin-bottom: 26px;
	color: var(--primary);
}
@media only screen and (max-width: 767px) {
	.product_variant.color {
		margin-bottom: 18px;
	}
}
.product_variant.color h3 {
	font-weight: 500;
	text-transform: capitalize;
	font-size: 18px;
	margin-bottom: 0;
	margin-right: 40px;
}
.product_variant.color label {
	font-size: 15px;
	font-weight: 500;
	text-transform: capitalize;
}
.product_variant.color ul li {
	display: inline-block;
	padding: 2px;
	border: 1px solid #ccc;
	margin-right: 5px;
	border-radius: 50%;
}
.product_variant.color ul li:hover {
	border-color: var(--secondary);
}
.product_variant.color ul li:last-child {
	margin-right: 0;
}
.product_variant.color ul li a {
	width: 30px;
	height: 30px;
	display: block;
	border-radius: 15px;
}
.product_variant.color ul li.color1 a {
	background: var(--black) 000;
}
.product_variant.color ul li.color2 a {
	background: #bebebe;
}
.product_variant.color ul li.color3 a {
	background: #fe0000;
}
.product_variant.color ul li.color4 a {
	background: var(--white) f01;
}
.product_variant.size {
	margin-bottom: 30px;
}
.product_variant.size label {
	font-size: 15px;
	font-weight: 500;
	text-transform: capitalize;
}
.product_variant.size .niceselect_option {
	float: inherit;
	max-width: 200px;
}

.product_d_action {
	margin-bottom: 14px;
	display: flex;
	flex-wrap: wrap;
}
.product_d_action ul li a {
	font-size: 14px;
	line-height: 28px;
}
.product_d_action ul li a:hover {
	color: var(--primary);
}

.product_meta {
	margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
	.product_meta {
		margin-bottom: 20px;
	}
}
.product_meta span {
	font-weight: 400;
	font-size: 16px;
}
.product_meta span a {
	color: #101010;
	font-size: 1rem;
	margin-left: 10px;
	font-weight: 600;
}
.product_meta span a:hover {
	color: #101010;
}

.product_info_button {
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 15px;
	margin-bottom: 29px;
}
@media only screen and (max-width: 767px) {
	.product_info_button ul li {
		margin-bottom: 5px;
	}
	.product_info_button ul li:last-child {
		margin-bottom: 0;
	}
}
.product_info_button ul li a {
	display: block;
	float: left;
	text-transform: capitalize;
	font-size: 20px;
	color: #555;
	font-weight: 500;
	margin-right: 35px;
	line-height: 26px;
	position: relative;
}
@media only screen and (max-width: 767px) {
	.product_info_button ul li a {
		margin-right: 25px;
		font-size: 17px;
	}
}
.product_info_button ul li a.active {
	color: var(--primary);
}
.product_info_button ul li a:hover {
	color: var(--secondary);
}
.product_info_button ul li:last-child a {
	margin-right: 0;
}

.product_review_form button {
	border: none;
	background: var(--black);
	color: var(--white);
	text-transform: uppercase;
	font-weight: 500;
	padding: 5px 15px 3px;
	display: block;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	cursor: pointer;
	margin-top: 20px;
	border-radius: 5px;
	font-size: 13px;
}
.product_review_form button:hover {
	background: var(--primary);
	color: var(--white);
}

.product_info_content p {
	line-height: 28px;
}

.product_d_table {
	padding: 10px 0 22px;
}
.product_d_table table {
	border-top: 1px solid #ddd;
	width: 100%;
}
.product_d_table table tbody tr {
	border-bottom: 1px solid #ddd;
}
.product_d_table table tbody tr td {
	padding: 7px 17px;
}
.product_d_table table tbody tr td:first-child {
	border-right: 1px solid #ddd;
	width: 30%;
	font-weight: 700;
}

.product_d_inner {
	padding: 20px 30px 27px;
	border: 1px solid #ebebeb;
	border-radius: var(--radius-md);
}

@media only screen and (max-width: 767px) {
	.product_d_inner {
		padding: 20px 20px 27px;
	}
}

.product_info_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 15px;
}
.product_info_inner .product_ratting {
	margin-bottom: 10px;
}
.product_info_inner .product_ratting p {
	margin-bottom: 5px;
}
.product_info_inner .product_ratting strong {
	margin-top: 10px;
	display: block;
	margin-bottom: 8px;
}

.reviews_wrapper h2 {
	font-size: 18px;
	font-weight: 500;
	text-transform: capitalize;
}
@media only screen and (max-width: 767px) {
	.reviews_wrapper h2 {
		font-size: 15px;
	}
}
.reviews_wrapper .product_rating {
	margin-bottom: 20px;
}
.reviews_wrapper .product_rating h3 {
	font-size: 14px;
	font-weight: 700;
	text-transform: capitalize;
}

.comment_title {
	margin-bottom: 20px;
}

.product_review_form input {
	border: 1px solid #ddd;
	background: none;
	width: 100%;
	height: 40px;
	padding: 0 20px;
}
.product_review_form textarea {
	border: 1px solid #ddd;
	background: none;
	height: 120px;
	resize: none;
	width: 100%;
	margin-bottom: 14px;
	padding: 0 20px;
}
.product_review_form p {
	margin-bottom: 7px;
}

.reviews_comment_box {
	display: flex;
	margin-bottom: 22px;
}
.reviews_comment_box .comment_text {
	width: 100%;
	border: 1px solid #ebebeb;
	position: relative;
	margin-left: 21px;
	padding: 12px;
	border-radius: 3px;
}
.reviews_comment_box .comment_text::before {
	background: var(--white);
	border-bottom: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	content: "";
	display: block;
	height: 10px;
	left: -6px;
	position: absolute;
	top: 10px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 10px;
}

.reviews_meta p {
	font-size: 15px;
	margin-bottom: 15px;
}
.reviews_meta p strong {
	text-transform: uppercase;
	font-weight: 500;
	color: var(--black);
}
.reviews_meta .product_rating {
	float: right;
}
.reviews_meta .product_rating ul li {
	display: inline-block;
}
.reviews_meta .product_rating ul li a {
	color: #f9ba48;
}

.s-tab-zoom.owl-carousel .owl-nav {
	display: block;
}
.s-tab-zoom.owl-carousel .owl-nav div {
	position: absolute;
	background: #f2f2f2;
	border-radius: var(--radius-sm);
	height: 32px;
	top: 50%;
	transform: translatey(-50%);
	width: 32px;
	text-align: center;
	line-height: 32px;
	left: -7px;
	font-size: 18px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	opacity: 0;
	visibility: hidden;
}
.s-tab-zoom.owl-carousel .owl-nav div:hover {
	background: var(--primary);
	color: var(--white);
}
.s-tab-zoom.owl-carousel .owl-nav div.owl-next {
	right: -7px;
	left: auto;
}

@media only screen and (max-width: 767px) {
	.product-details-tab {
		margin-bottom: 47px;
	}
}
.product-details-tab:hover .s-tab-zoom.owl-carousel .owl-nav div {
	opacity: 1;
	visibility: visible;
}

.single-zoom-thumb {
	margin-top: 20px !important;
	width: 90%;
	margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.single-zoom-thumb {
		width: 85%;
	}
}
@media only screen and (max-width: 767px) {
	.single-zoom-thumb {
		width: 90%;
	}
}
.single-zoom-thumb ul li {
	border: 1px solid #ddd;
	border-radius: var(--radius-md);
	overflow: hidden;
}
.single-zoom-thumb ul li a {
	width: 100%;
}

.related_products {
	margin-bottom: 8px;
}
.related_products .single_product {
	margin-bottom: 38px;
}
.single_product:hover {
	-webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.08);
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.08);
}
.related_products .owl-stage-outer {
	padding-top: 5px;
}
.related_products.grouped {
	margin-bottom: 12px;
}

.upsell_products {
	margin-bottom: 12px;
}
.upsell_products .single_product {
	margin-bottom: 38px;
}
.upsell_products .single_product:hover {
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
}
.upsell_products .owl-stage-outer {
	padding-top: 5px;
}

/* 12. product grouped css here */
.grouped_form {
	border: 1px solid #ebebeb;
	margin-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.grouped_form {
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.grouped_form {
		margin-bottom: 17px;
	}
}
.grouped_form table {
	width: 100%;
}
.grouped_form table tbody tr {
	border-bottom: 1px solid #ebebeb;
}
.grouped_form table tbody tr td {
	border-right: 1px solid #ddd;
	padding: 11px 5px;
	text-align: center;
}
.grouped_form table tbody tr td input[type="checkbox"] {
	width: 20px;
	height: 21px;
}
.grouped_form table tbody tr td input[type="number"] {
	width: 50px;
	background: inherit;
	border: 1px solid #ebebeb;
	padding: 0 5px;
	height: 40px;
}
.grouped_form table tbody tr td.grouped-product-list.quantity {
	min-width: 80px;
	text-align: center;
	line-height: 12px;
}
.grouped_form table tbody tr td.grouped-product-list.label {
	min-width: 188px;
	font-weight: 500;
	font-size: 14px;
}
.grouped_form table tbody tr td.grouped-product-list.label a:hover {
	color: var(--primary);
}
.grouped_form table tbody tr td.grouped-product-list.price {
	font-size: 14px;
	font-weight: 500;
	min-width: 190px;
}
.grouped_form table tbody tr td.grouped-product-list.price p {
	font-size: 12px;
	font-weight: 500;
	position: relative;
}
.grouped_form table tbody tr td.grouped-product-list.price p::before {
	color: #f9ba48;
	content: "\f058";
	display: inline-block;
	font-family: FontAwesome;
	font-size: 1em;
	position: absolute;
	top: 0;
	left: 40px;
}

.grouped_form table tbody tr td:last-child {
	border-right: 0;
}

.grouped_form table tbody tr:last-child {
	border-bottom: 0;
}

.box_quantity.group button {
	margin-left: 0;
}

/*product grouped css end*/
/*variabla product css here*/
.p_section1.related_product .slick-list {
	padding-bottom: 144px !important;
	margin-bottom: -135px;
}

.variable_product .niceselect_option .list {
	width: 100%;
}

.product_d_meta {
	margin-bottom: 20px;
}
.product_d_meta span {
	display: block;
	line-height: 18px;
	margin-bottom: 17px;
	font-size: 14px;
	font-weight: 400;
}
.product_d_meta span:last-child {
	margin-bottom: 0;
}
.product_d_meta span a:hover {
	color: var(--primary);
}

/*product sidebar css here*/
.product_sidebar {
	margin-bottom: 38px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.product_sidebar {
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product_sidebar {
		margin-bottom: 50px;
	}
}
@media only screen and (max-width: 767px) {
	.product_sidebar {
		margin-bottom: 50px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product_sidebar .row {
		flex-direction: column-reverse;
	}
}
@media only screen and (max-width: 767px) {
	.product_sidebar .row {
		flex-direction: column-reverse;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product_sidebar .product_section .row {
		flex-direction: row;
	}
}
@media only screen and (max-width: 767px) {
	.product_sidebar .product_section .row {
		flex-direction: row;
	}
}
.product_sidebar .product_desc p {
	width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.product_sidebar .action_button ul li a {
		width: 40px;
		height: 35px;
		line-height: 35px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.product_sidebar .quick_button a {
		line-height: 35px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.product_sidebar .hover_action a {
		width: 40px;
		height: 35px;
		line-height: 35px;
	}
}
.product_sidebar .product_variant.quantity input {
	width: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.product_sidebar .product_variant.quantity input {
		width: 60px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product_sidebar .product_variant.quantity input {
		width: 60px;
	}
}
@media only screen and (max-width: 767px) {
	.product_sidebar .product_variant.quantity input {
		width: 60px;
	}
}
.product_sidebar .product_variant.quantity button {
	min-width: 200px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.product_sidebar .product_variant.quantity button {
		min-width: 140px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product_sidebar .product_variant.quantity button {
		min-width: inherit;
	}
}
@media only screen and (max-width: 767px) {
	.product_sidebar .product_variant.quantity button {
		min-width: inherit;
	}
}
@media only screen and (max-width: 767px) {
	.product_sidebar .product-details-tab {
		margin-bottom: 0;
	}
}
.product_sidebar .price_box span.current_price {
	font-size: 16px;
}
.product_sidebar .price_box span.old_price {
	font-size: 15px;
}
.product_sidebar .price_box span.regular_price {
	font-size: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.product_sidebar .sidebar_widget {
		margin-bottom: 50px;
	}
}

.footer_widgets.sidebar_widgets .footer_top {
	padding-bottom: 0;
	border-bottom: 0;
}
.footer_widgets.sidebar_widgets .footer_top_inner {
	padding: 56px 0 52px;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.footer_widgets.sidebar_widgets .footer_top_inner {
		padding: 56px 0 40px;
	}
}
@media only screen and (max-width: 767px) {
	.footer_widgets.sidebar_widgets .footer_top_inner {
		padding: 56px 0 35px;
	}
}

.product_right_sidebar {
	margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
	.product_right_sidebar .product-details-tab {
		margin-bottom: 45px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product_right_sidebar .row {
		flex-direction: row;
	}
}
@media only screen and (max-width: 767px) {
	.product_right_sidebar .row {
		flex-direction: row;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.product_right_sidebar .priduct_social ul li {
		margin-right: 2px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.product_right_sidebar .product_d_right h3 {
		font-size: 20px;
	}
}

/* 13. cart page css here */
.header_cart_page {
	border-bottom: 1px solid #ebebeb;
}

.other_bread {
	padding-top: 41px;
	padding-bottom: 41px;
}

.table_desc {
	/* border: 1px solid #ebebeb; */
	margin-bottom: 50px;
	margin-top: 2px;
}
.table_desc .cart_page table {
	width: 100%;
}
.table_desc .cart_page table thead tr th {
	border-bottom: 1px solid #999;
	/* border-bottom: 3px solid var(--primary); */
	/* border-right: 1px solid #ebebeb; */
	color: #010101;
	font-size: 18px;
	font-weight: 500;
	text-transform: capitalize;
	padding: 10px;
	text-align: center;
}
/* .table_desc .cart_page table tbody tr td {
	border-bottom: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	text-align: center;
	padding: 20px;
} */
.table_desc .cart_page table tbody tr td.product_remove {
	min-width: 100px;
}
.table_desc .cart_page table tbody tr td.product_remove .remove_product_btn {
	font-size: 22px;
	color: #ff5050;
}
.table_desc
	.cart_page
	table
	tbody
	tr
	td.product_remove
	.remove_product_btn:hover {
	color: var(--primary);
}
/* .table_desc .cart_page table tbody tr td.product_thumb {
	max-width: 180px;
	display: flex;
	flex-direction: row;
	margin-bottom: 0 !important;
} */
/* .table_desc .cart_page table tbody tr td.product_thumb a {
	margin: 0 10px;
}
.table_desc .cart_page table tbody tr td.product_thumb a img {
	width: 200px;
	object-fit: contain;
	overflow: hidden;
}
.table_desc .cart_page table tbody tr td.product_thumb a p {
	text-align: left;
} */
.table_desc .cart_page table tbody tr td.product_name {
	min-width: 180px;
}
.table_desc .cart_page table tbody tr td.product_name a {
	color: var(--black);
	text-transform: capitalize;
	font-size: 14px;
	font-weight: 400;
}
.table_desc .cart_page table tbody tr td.product_name a:hover {
	color: var(--primary);
}
.table_desc .cart_page table tbody tr td.product-price {
	min-width: 130px;
	color: var(--black);
	font-size: 16px;
	font-weight: 500;
}

.table_desc .cart_page table tbody tr td.product_quantity {
	display: table-cell;
	vertical-align: middle;
}

@media screen and (max-width: 768px) {
	.table_desc .cart_page table tbody tr td.product_quantity {
		display: flex;
		justify-content: space-between;
	}

	.table_desc .cart_page table tbody tr td.product_remove {
		display: flex;
		justify-content: end;
	}

	.table_desc .cart_page table tbody tr td.product_remove button {
		/* margin: 0 !important; */
	}
}
.table_desc .cart_page table tbody tr td.product_quantity label {
	font-weight: 500;
	margin-right: 5px;
}
.table_desc .cart_page table tbody tr td.product_quantity input {
	height: 30px;
	background: none;
	/* border: 1px solid #ebebeb; */
}
.table_desc .cart_page table tbody tr td .product_total {
	min-width: 120px;
}

.cart_page table thead tr:last-child th,
.table_desc table tbody tr td:last-child {
	border-right: 0;
}

.cart_submit {
	text-align: right;
	padding: 12px;
}
@media only screen and (max-width: 767px) {
	.table_desc .cart_page table tbody tr td.product_quantity input {
		height: 30px;
	}
}
.cart_submit button {
	background: var(--primary);
	border: 0;
	color: var(--white);
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	height: 38px;
	line-height: 18px;
	padding: 10px 15px;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	border-radius: 3px;
}
.cart_submit button:hover {
	background: var(--secondary);
}

.coupon_inner {
	padding: 10px 20px 25px;
}
.coupon_inner p {
	font-size: 13px;
	margin-bottom: 20px;
}
.coupon_inner button {
	background: var(--black);
	border: 0;
	color: var(--white);
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	height: 38px;
	line-height: 18px;
	padding: 10px 15px;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	border-radius: 3px;
}
.coupon_inner button:hover {
	background: var(--primary);
}
.coupon_inner input {
	border: 1px solid #ebebeb;
	height: 42px;
	background: none;
	padding: 0 20px;
	margin-right: 20px;
	font-size: 12px;
	color: var(--black);
}
@media only screen and (max-width: 767px) {
	.coupon_inner input {
		margin-bottom: 24px;
		width: 100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.coupon_inner input {
		margin-bottom: 24px;
		width: 100%;
	}
}
.coupon_inner a {
	display: block;
	text-align: right;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 10px;
	border-radius: 3px;
}
.coupon_inner a:hover {
	color: var(--primary);
}

.coupon_code {
	border: 1px solid #ebebeb;
}
@media only screen and (max-width: 767px) {
	.coupon_code.left {
		margin-bottom: 50px;
	}
}
.coupon_code h3 {
	color: var(--white);
	line-height: 36px;
	padding: 5px 15px;
	background: var(--primary);
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;
}
@media only screen and (max-width: 767px) {
	.coupon_code h3 {
		line-height: 28px;
		padding: 5px 15px;
		font-size: 15px;
	}
}

.cart_subtotal {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.cart_subtotal p {
	font-weight: 600;
	font-size: 14px;
}
.cart_subtotal p.cart_amount {
	font-size: 18px;
	font-weight: 500;
}
@media only screen and (max-width: 767px) {
	.cart_subtotal p.cart_amount {
		font-size: 14px;
	}
}
.cart_subtotal p span {
	margin-right: 30px;
}

.checkout_btn {
	text-align: right;
}
.checkout_btn a {
	background: var(--primary);
	color: var(--white);
	font-size: 15px;
	padding: 3px 14px;
	line-height: 30px;
	font-weight: 500;
	display: inline-block;
	text-transform: capitalize;
	margin-bottom: 0;
}
.checkout_btn a:hover {
	background: var(--secondary);
	color: var(--white);
}

.coupon_area {
	margin-bottom: 50px;
}

.footer_widgets.other_widgets .footer_top {
	padding-bottom: 0;
	border-bottom: 0;
}
.footer_widgets.other_widgets .footer_top_inner {
	padding: 55px 0 53px;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.footer_widgets.other_widgets .footer_top_inner {
		padding: 55px 0 59px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.footer_widgets.other_widgets .footer_top_inner {
		padding: 55px 0 40px;
	}
}
@media only screen and (max-width: 767px) {
	.footer_widgets.other_widgets .footer_top_inner {
		padding: 55px 0 35px;
	}
}

/*cart page css end*/
/* 14. checkout page css here */
.user-actions {
	margin-bottom: 20px;
}
.user-actions h3 {
	font-size: 13px;
	font-weight: 400;
	background-color: #f7f6f7;
	padding: 15px 10px;
	border-top: 3px solid var(--primary);
	margin-bottom: 0;
}
.user-actions h3 a {
	color: var(--primary);
}

.checkout_info {
	border: 1px solid #ebebeb;
	margin-top: 25px;
	padding: 20px 30px;
}
.checkout_info p {
	margin-bottom: 15px;
}
.checkout_info a {
	color: var(--primary);
	margin-top: 15px;
	display: block;
}

.form_group {
	margin-bottom: 20px;
}
.form_group label {
	font-size: 14px;
	display: block;
	line-height: 18px;
}
.form_group input {
	border: 1px solid #e8e8e8;
	border-radius: 5px;
	background: none;
	height: 40px;
	width: 100%;
	padding: 0 20px;
}
.form_group input::placeholder {
	color: #999;
}
.form_group textarea {
	border: 1px solid #e8e8e8;
	border-radius: 5px;
	background: none;
	width: 100%;
	padding: 10px 20px;
}
.form_group textarea::placeholder {
	color: #999;
}
@media only screen and (max-width: 767px) {
	.form_group input {
		width: 100%;
	}
}
.form_group button {
	display: inline-block;
	width: 80px;
	background: var(--primary);
	border: 0;
	color: var(--white);
	font-weight: 500;
	text-transform: uppercase;
	font-size: 13px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	cursor: pointer;
	border-radius: var(--radius-md);
	padding: 0.3rem 1rem;
}
.form_group button:hover {
	background: var(--secondary);
}

.form_group input[type="checkbox"] {
	width: 15px;
	height: 15px;
	margin-right: 10px;
	position: relative;
	top: 3px;
}

.form_group.group_3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.form_group.group_3 label {
	margin-bottom: 0;
	line-height: 34px;
	cursor: pointer;
}
.form_group.group_3 label:hover {
	color: var(--primary);
}

#checkout_coupon input {
	background: none;
	border: 1px solid #ebebeb;
	width: 200px;
	height: 45px;
	font-size: 12px;
	padding: 0 20px;
	color: var(--black);
}
#checkout_coupon button {
	width: 130px;
	background: var(--black);
	color: var(--white);
	font-weight: 500;
	text-transform: uppercase;
	font-size: 13px;
	cursor: pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	border: 0;
	height: 45px;
	line-height: 45px;
	border-radius: 3px;
	margin-left: 5px;
}
@media only screen and (max-width: 767px) {
	#checkout_coupon button {
		margin-top: 20px;
	}
}
#checkout_coupon button:hover {
	background: var(--primary);
}

.mb-20 {
	margin-bottom: 20px;
}

.checkout_form h3 {
	font-size: 16px;
	line-height: 30px;
	padding: 5px 10px;
	text-transform: uppercase;
	color: var(--white);
	background: var(--primary);
	font-weight: 500;
}
.checkout_form input,
.checkout_form textarea {
	border: 1px solid #ebebeb;
	background: none;
	height: 40px;
	width: 100%;
	padding: 0 20px;
	color: var(--black);
	border-radius: var(--radius-md);
}
.checkout_form .nice-select {
	width: 100%;
}
.checkout_form .nice-select ul.list {
	width: 100%;
	height: 180px;
	overflow: auto;
}
.checkout_form .nice-select::after {
	top: 56%;
}
.checkout_form label {
	font-weight: 500;
}
.checkout_form label span {
	color: var(--primary);
}
.checkout_form label.righ_0 {
	cursor: pointer;
	font-size: 15px;
	line-height: 27px;
	padding: 5px 10px;
	text-transform: capitalize;
	color: var(--white);
	background: var(--primary);
	font-weight: 500;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	margin-bottom: 0;
	border-radius: 5px;
}
@media only screen and (max-width: 767px) {
	.checkout_form label.righ_0 {
		font-size: 13px;
		line-height: 25px;
		padding: 3px 10px;
	}
}
.checkout_form label.righ_0:hover {
	background: var(--secondary);
}

.checkout_form input[type="checkbox"] {
	width: 15px;
	height: 15px;
	position: relative;
	top: 2px;
	margin-right: 10px;
}

.order_button button {
	cursor: pointer;
	font-size: 16px;
	line-height: 30px;
	padding: 5px 10px;
	text-transform: capitalize;
	color: var(--white);
	background: var(--secondary);
	font-weight: 500;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	margin-bottom: 0;
	border-radius: var(--radius-md);
	width: 100%;
}
@media only screen and (max-width: 767px) {
	.order_button button {
		font-size: 14px;
	}
}
.order_button button:hover {
	background: var(--secondary);
}

@media only screen and (max-width: 767px) {
	.order-notes {
		margin-bottom: 47px;
	}
}
.order-notes textarea {
	border: 1px solid #e5e5e5;
	border-radius: 0;
	height: 45px;
	max-width: 100%;
	padding: 0 30px 0 20px;
	background: none;
	font-size: 13px;
	resize: none;
	line-height: 45px;
	width: 100%;
	color: var(--black);
}
.order-notes label {
	line-height: 13px;
}

.Checkout_section {
	margin-bottom: 48px;
}
@media only screen and (max-width: 767px) {
	.Checkout_section {
		margin-bottom: 50px;
	}
}

.order_table {
	margin-bottom: 35px;
}
.order_table table {
	width: 100%;
}
.order_table table thead tr th {
	min-width: 50%;
	text-align: left !important;
	padding: 10px 20px;
	/* border-bottom: 1px solid #ddd; */
}
.order_table table tbody tr td {
	min-width: 50%;
	text-align: left !important;
	padding: 10px 20px;
	/* border-bottom: 1px solid #ddd; */
}
.order_table table tfoot tr th {
	min-width: 50%;
	text-align: left;
	padding: 10px 20px;
	/* border-bottom: 1px solid #ddd; */
}
.order_table table tfoot tr td {
	min-width: 50%;
	text-align: left;
	padding: 10px 20px;
	/* border-bottom: 1px solid #ddd; */
	background-color: #ddd;
}
.total_order td {
	font-family: var(--lato-font);
	font-size: 30px !important;
	color: var(--secondary);
	font-weight: 200 !important;
}

.panel-default input[type="radio"] {
	width: 15px;
	height: 15px;
	position: relative;
	top: 2px;
	margin-right: 10px;
}

.panel-default img {
	width: 160px;
}

.order_button button {
	border: 0;
}

.card-body1 {
	margin-bottom: 15px;
}

/*checkout page css end*/
/* 22. wishlist css here */
.table_desc.wishlist table tbody tr:last-child td,
.action_links ul li.table_desc.compare table tbody tr:last-child td {
	border-bottom: 0;
}

/* .table_desc.wishlist table tbody tr td.product_total a,
.action_links ul li.table_desc.compare table tbody tr td.product_total a { */
.product_total .add_to_cart_wishlist,
.product_total .add_to_cart_wishlist {
	background: var(--primary);
	font-size: 10px;
	font-weight: 400;
	height: 20px;
	line-height: 18px;
	padding: 5px 10px;
	color: var(--white);
	text-transform: uppercase;
	border-radius: 10px;
}
.table_desc.wishlist table tbody tr td.product_total a:hover,
.action_links ul li.table_desc.compare table tbody tr td.product_total a:hover {
	background: var(--secondary);
}

.wishlist_share {
	text-align: center;
	padding: 20px 0;
	border: 1px solid #ebebeb;
}
.wishlist_share h4 {
	font-size: 18px;
	font-weight: 500;
	text-transform: capitalize;
}
.wishlist_share ul li {
	display: inline-block;
}
.wishlist_share ul li a {
	padding: 0 10px;
	display: block;
}
.wishlist_share ul li a:hover {
	color: var(--primary);
}

.wishlist_area {
	padding-bottom: 50px;
}

/*wishlist css end*/
/* 15. contact page css here */
.contact_area {
	/* margin-bottom: 50px; */
}

.contact_message h3 {
	font-size: 21px;
	text-transform: capitalize;
	font-weight: 500;
	line-height: 20px;
	margin-bottom: 25px;
	color: var(--primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.contact_message h3 {
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.contact_message h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}
}
.contact_message p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 20px;
}
.contact_message ul li {
	padding: 13px 0;
	border-top: 1px solid #ebebeb;
}
.contact_message ul li:last-child {
	padding-bottom: 0;
}
.contact_message ul li i {
	margin-right: 10px;
}
.contact_message ul li a:hover {
	color: var(--primary);
}
.contact_message label {
	line-height: 18px;
	font-weight: 500;
	margin-bottom: 10px;
}
.contact_message input {
	border: 1px solid #ebebeb;
	height: 45px;
	background: var(--white);
	width: 100%;
	padding: 0 20px;
	color: #757575;
}
.contact_message textarea {
	height: 170px;
	border: 1px solid #ebebeb;
	background: var(--white);
	resize: none;
	margin-bottom: 20px;
	width: 100%;
	padding: 10px 20px;
	color: var(--black);
}
.contact_message button {
	font-weight: 400;
	height: 42px;
	line-height: 42px;
	padding: 0 30px;
	text-transform: capitalize;
	border: none;
	background: var(--primary);
	color: var(--white);
	cursor: pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	border-radius: 4px;
}
.contact_message button:hover {
	background: var(--secondary);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.contact_message.content {
		margin-bottom: 42px;
	}
}
@media only screen and (max-width: 767px) {
	.contact_message.content {
		margin-bottom: 42px;
	}
}
.contact_message.form p.form-messege {
	margin-bottom: 0;
}

.contact_map {
	margin-bottom: 47px;
}

#googleMap {
	height: 460px;
	width: 100%;
}

/*contact page css end*/
/* 17. login page css here */
.account_form h2 {
	font-size: 28px;
	text-transform: capitalize;
	font-weight: 500;
	line-height: 22px;
	margin-bottom: 30px;
	color: var(--primary);
}
@media only screen and (max-width: 767px) {
	.account_form h2 {
		font-size: 24px;
		margin-bottom: 20px;
	}
}
.account_form form {
	border: 1px solid #ebebeb;
	padding: 23px 20px 29px;
	border-radius: 5px;
}
.account_form label {
	font-size: 15px;
	font-weight: 400;
	cursor: pointer;
	line-height: 12px;
	margin-bottom: 12px;
}
.account_form label:hover {
	color: var(--primary);
}
.account_form input {
	border: 1px solid #ebebeb;
	height: 40px;
	max-width: 100%;
	padding: 0 20px;
	background: none;
	width: 100%;
}
.account_form button {
	background: var(--primary);
	border: 0;
	color: var(--white);
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	height: 34px;
	line-height: 21px;
	padding: 5px 20px;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	margin-left: 20px;
	border-radius: 20px;
}
.account_form button:hover {
	background: var(--secondary);
}

.login_submit label input[type="checkbox"] {
	width: 15px;
	height: 13px;
	margin-right: 3px;
}

.login_submit {
	text-align: right;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.login_submit {
		text-align: left;
	}
}
@media only screen and (max-width: 767px) {
	.login_submit {
		text-align: left;
	}
}
.login_submit a {
	font-size: 13px;
	float: left;
	line-height: 39px;
}
.login_submit a:hover {
	color: var(--primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.login_submit a {
		float: none;
		line-height: 18px;
		display: block;
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.login_submit a {
		float: none;
		line-height: 18px;
		display: block;
		margin-bottom: 20px;
	}
}

.customer_login {
	padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
	.customer_login {
		margin-top: 44px;
	}
}

.account_form p {
	margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
	.account_form.register {
		margin-top: 48px;
	}
}
@media only screen and (max-width: 767px) {
	.account_form.register button {
		margin-left: 0;
	}
}

/*login page css end */
/* 16. faq page css here */
.faq_content_area {
	margin-top: 43px;
	/* padding-bottom: 44px; */
}
@media only screen and (max-width: 767px) {
	.faq_content_area {
		margin-top: 38px;
		/* padding-bottom: 43px; */
	}
}

.accordion_area {
	padding-bottom: 30px;
}
.accordion_area .card-header {
	/* background: var(--primary); */
}
.accordion_area .card-header:first-child {
	border-radius: inherit;
}

.card.card_dipult {
	border: none;
	margin-bottom: 10px;
}

.card.card_dipult:last-child {
	margin-bottom: 0;
}

.card-header.card_accor {
	padding: 0;
	border: none;
}
.card-header.card_accor button {
	height: 45px;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	white-space: initial;
}
@media only screen and (max-width: 767px) {
	.card-header.card_accor button {
		height: 60px;
		padding: 5px 27px 5px 7px;
	}
}
.card-header.card_accor button i {
	position: absolute;
	top: 50%;
	-webkit-transform: translatey(-50%);
	transform: translatey(-50%);
	right: 20px;
	color: var(--secondary);
}
@media only screen and (max-width: 767px) {
	.card-header.card_accor button i {
		right: 10px;
	}
}
.card-header.card_accor button.btn-link {
	border: 1.3px solid var(--secondary);
	width: 100%;
	text-align: left;
	font-size: 14px;
	font-weight: 500;
	color: #6c6c6c;
	background: var(--secondary) 1c;
	border-radius: var(--radius-md);
}
.card-header.card_accor button.btn-link.collapsed {
	background: var(--white);
	border: 1px solid #999;
	width: 100%;
	text-align: left;
	color: #6c6c6c;
	border-radius: var(--radius-md);
}

.card-header.card_accor button.location_vacature {
	background: #f5f5f5;
	width: 100%;
	text-align: left;
	color: var(--primary);
	height: auto;
	border: 1px solid #ebebeb !important;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
}

.card-header.card_accor button.location_vacature.collapsed {
	background: var(--white);
	border: 1px solid #ebebeb !important;
	width: 100%;
	text-align: left;
	color: var(--primary);
	height: auto;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
}

.card-header.card_accor button.btn-link i.fa-minus {
	display: none;
}

.card-header.card_accor button.btn-link.collapsed i.fa-minus {
	display: block;
}

.card-header.card_accor button.btn-link.collapsed i.fa-check {
	display: none;
}

.faq_content_wrapper h4 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
	line-height: 18px;
}

.faq_content_wrapper h3 {
	font-weight: bold;
}

.faq_content_wrapper p {
	font-size: 1rem;
}

@media only screen and (max-width: 767px) {
	.faq_content_wrapper h4 {
		font-size: 14px;
		line-height: 24px;
	}
}

/*faq page css end*/
/*  18. my account css here */
@media only screen and (max-width: 767px) {
	.dashboard_tab_button {
		margin-bottom: 20px;
	}
}
.dashboard_tab_button ul li {
	margin-bottom: 5px;
}
.dashboard_tab_button ul li a {
	font-size: 14px;
	color: var(--black);
	font-weight: 500;
	text-transform: capitalize;
	background: var(--white);
	border-radius: 3px;
}
.dashboard_tab_button ul li a:hover {
	background: #041f75;
	color: var(--white);
}
.dashboard_tab_button #logout_li a:hover {
	background: var(--white);
	color: red;
}
.dashboard_tab_button ul li a.active {
	background: #041f75;
	color: var(--white);
}

.main_content_area {
	/* padding: 20px 0; */
	flex: 1;
}

.dashboard_content h3 {
	font-size: 20px;
	text-transform: capitalize;
	font-weight: 500;
	margin-bottom: 15px;
}
.dashboard_content h4 {
	font-size: 20px;
	text-transform: capitalize;
	font-weight: 500;
	margin-bottom: 10px;
	margin-top: 10px;
}
.dashboard_content button {
	font-weight: 500;
	border: 0;
	background: var(--black);
	color: var(--white);
	padding: 0 20px;
	height: 32px;
	line-height: 32px;
	border-radius: 4px;
	margin-top: 10px;
}
.dashboard_content button:hover {
	background: var(--primary);
}
.dashboard_content p a {
	color: var(--primary);
	font-weight: 500;
}

.table-responsive table thead {
	/* background: #f2f2f2; */
}
.table-responsive table thead tr th {
	text-align: center;
	border: 0 !important;
}
.table-responsive table tbody tr td {
	font-size: 14px;
	text-align: center;
	min-width: 150px;
	border-top: 0.5px solid #ccc;
}
.table-responsive table tbody tr td:last-child a {
	color: var(--primary);
}
.table-responsive .table {
	/* border-left: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb; */
}

.dashboard_content address {
	font-weight: 500;
}

.input-radio span input[type="radio"],
.account_login_form form span input[type="checkbox"] {
	width: 15px;
	height: 15px;
	margin-right: 2px;
	position: relative;
	top: 2px;
}

.input-radio span {
	font-weight: 500;
	padding-right: 10px;
}

.account_login_form form > input {
	border: 1px solid #ddd;
	background: none;
	height: 40px;
	margin-bottom: 20px;
	width: 100%;
	padding: 0 20px;
	color: var(--black);
}
.account_login_form form span.custom_checkbox {
	display: flex;
}
.account_login_form form span.custom_checkbox input {
	top: 5px;
	margin-right: 7px;
}
.account_login_form form span.custom_checkbox label {
	margin-bottom: 0;
}

/*my account css end*/
/* 10. about page css here */
.about_content {
	text-align: center;
}
.about_content h1 {
	display: inline-block;
	font-size: 24px;
	line-height: 24px;
	text-transform: capitalize;
	font-weight: 500;
	margin-bottom: 19px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.about_content h1 {
		font-size: 22px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about_content h1 {
		font-size: 18px;
		margin-bottom: 14px;
	}
}
@media only screen and (max-width: 767px) {
	.about_content h1 {
		font-size: 17px;
		line-height: 25px;
		margin-bottom: 13px;
	}
}
.about_content p {
	font-size: 14px;
	line-height: 26px;
	max-width: 890px;
	margin: 0 auto;
}

.about_thumb {
	margin-bottom: 26px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about_thumb {
		margin-bottom: 21px;
	}
}
@media only screen and (max-width: 767px) {
	.about_thumb {
		margin-bottom: 20px;
	}
}

.chose_content h3 {
	font-size: 18px;
	text-transform: capitalize;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 19px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.chose_content h3 {
		font-size: 16px;
		argin-bottom: 13px;
	}
}
@media only screen and (max-width: 767px) {
	.chose_content h3 {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 11px;
	}
}

.about_signature {
	margin-top: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about_signature {
		margin-top: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.about_signature {
		margin-top: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.about_signature img {
		width: 120px;
	}
}

.choseus_area {
	margin-bottom: 50px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-size: cover;
	padding: 100px 0 96px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.choseus_area {
		padding: 50px 0 45px;
	}
}
@media only screen and (max-width: 767px) {
	.choseus_area {
		padding: 50px 0 15px;
	}
}

.single_chose {
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.single_chose {
		margin-bottom: 25px;
	}
}
.single_chose:hover .chose_icone {
	transform: rotatey(180deg);
}

.chose_icone {
	margin-bottom: 23px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.chose_icone {
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.chose_icone {
		margin-bottom: 14px;
	}
}

@media only screen and (max-width: 767px) {
	.single_gallery_section {
		margin-bottom: 25px;
	}
}

@media only screen and (max-width: 767px) {
	.about_gallery_section {
		margin-bottom: 18px;
	}
}

.gallery_thumb {
	margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
	.gallery_thumb {
		margin-bottom: 15px;
	}
}
@media only screen and (max-width: 767px) {
	.gallery_thumb img {
		width: 100%;
	}
}

.about_gallery_content h3 {
	font-size: 18px;
	text-transform: capitalize;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
	.about_gallery_content h3 {
		font-size: 16px;
		margin-bottom: 7px;
	}
}
.about_gallery_content p {
	line-height: 26px;
}

.team_container {
	padding-bottom: 45px;
	border-bottom: 1px solid #ebebeb;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.team_container {
		padding-bottom: 15px;
	}
}
@media only screen and (max-width: 767px) {
	.team_container {
		padding-bottom: 15px;
	}
}

.team_member {
	text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.team_member {
		margin-bottom: 28px;
	}
}
@media only screen and (max-width: 767px) {
	.team_member {
		margin-bottom: 28px;
	}
}

.team_thumb img {
	border-radius: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.team_thumb {
		margin-bottom: 18px;
	}
}
@media only screen and (max-width: 767px) {
	.team_thumb {
		margin-bottom: 18px;
	}
}

.team_content h3 {
	font-size: 30px;
	line-height: 30px;
	font-weight: 500;
	margin-bottom: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.team_content h3 {
		line-height: 18px;
		margin-bottom: 4px;
	}
}
@media only screen and (max-width: 767px) {
	.team_content h3 {
		line-height: 22px;
		margin-bottom: 4px;
		font-size: 22px;
	}
}
.team_content h5 {
	font-size: 18px;
	line-height: 17px;
	margin-bottom: 12px;
	padding-bottom: 14px;
	position: relative;
	display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.team_content h5 {
		margin-bottom: 11px;
		padding-bottom: 11px;
	}
}
@media only screen and (max-width: 767px) {
	.team_content h5 {
		margin-bottom: 11px;
		padding-bottom: 11px;
	}
}
.team_content h5::before {
	/* text-align: left; */
	position: absolute;
	content: "";
	width: 37px;
	height: 2px;
	background: var(--primary);
	bottom: 0;
	/* left: 50%; */
	left: 20px;
	transform: translatex(-50%);
}
.team_content p {
	font-size: 16px;
	line-height: 25px;
}
.team_content p a:hover {
	color: var(--primary);
}

/*about page css end*/
/* 20. services page css here */
.services_gallery {
	padding-bottom: 20px;
}

.services_content h3 {
	font-size: 15px;
	text-transform: capitalize;
	font-weight: 500;
	margin-bottom: 11px;
	line-height: 14px;
}
.services_content p {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 0;
}

.services_thumb {
	margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
	.services_thumb img {
		width: 100%;
	}
}

.single_services {
	margin-bottom: 25px;
}

.our_services {
	padding: 40px 0 17px;
	background: #ececec;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.our_services {
		margin-bottom: 50px;
	}
}
@media only screen and (max-width: 767px) {
	.our_services {
		margin-bottom: 50px;
	}
}

.services_item {
	margin-bottom: 27px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.services_title {
	text-align: center;
	margin-bottom: 35px;
}
.services_title h2 {
	font-size: 25px;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 11px;
}
.services_title p {
	max-width: 790px;
	margin: 0 auto;
}

.services_icone {
	margin-right: 15px;
}
.services_icone i {
	font-size: 35px;
	line-height: 46px;
	color: var(--primary);
}

.services_desc h3 {
	font-size: 13px;
	font-weight: 500;
}
.services_desc p {
	font-size: 13px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.services_section_thumb {
		margin-bottom: 28px;
	}
}
@media only screen and (max-width: 767px) {
	.services_section_thumb {
		margin-bottom: 28px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.unlimited_services {
		margin: 50px 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.unlimited_services {
		margin-bottom: 50px;
	}
}
@media only screen and (max-width: 767px) {
	.unlimited_services {
		margin-bottom: 50px;
	}
}

.unlimited_services_content h1 {
	font-weight: 500;
	line-height: 40px;
	text-transform: uppercase;
	font-size: 25px;
	margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.unlimited_services_content h1 {
		line-height: 25px;
		font-size: 20px;
		margin-bottom: 12px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.unlimited_services_content h1 {
		line-height: 21px;
		font-size: 20px;
		margin-bottom: 6px;
	}
}
@media only screen and (max-width: 767px) {
	.unlimited_services_content h1 {
		line-height: 20px;
		font-size: 18px;
		margin-bottom: 6px;
	}
}
.unlimited_services_content p {
	font-size: 14px;
	line-height: 28px;
	margin-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.unlimited_services_content p {
		font-size: 14px;
		margin-bottom: 15px;
	}
}
@media only screen and (max-width: 767px) {
	.unlimited_services_content p {
		font-size: 13px;
		margin-bottom: 15px;
	}
}
.unlimited_services_content .view__work a {
	font-size: 13px;
	height: 40px;
	line-height: 38px;
	border: 1px solid #ebebeb;
	border-radius: 30px;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 500;
	padding: 0 20px;
}
.unlimited_services_content .view__work a:hover {
	color: var(--primary);
}

.priceing_table {
	background: #ececec;
	padding: 50px 0 20px;
}

.single_priceing {
	background: var(--white);
	border-radius: 3px;
	-webkit-box-shadow: 0 1px var(--white) inset, 0 1px 3px rgba(34, 25, 25, 0.4);
	box-shadow: 0 1px var(--white) inset, 0 1px 3px rgba(34, 25, 25, 0.4);
	text-align: center;
	margin-bottom: 30px;
}

.priceing_title {
	padding: 20px;
	background: var(--primary);
}
.priceing_title h1 {
	color: var(--white);
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 0;
}

.priceing_list {
	padding: 0 20px 30px;
}
.priceing_list h1 {
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 36px 0 24px;
	margin: 0;
	line-height: 20px;
}
.priceing_list h1 span {
	font-size: 40px;
}
.priceing_list ul li {
	padding: 15px 0;
	border-bottom: 1px solid #ebebeb;
	line-height: 24px;
}
.priceing_list ul li:first-child {
	border-top: 1px solid #ebebeb;
}
.priceing_list a {
	margin: 30px 0 0;
	line-height: 38px;
	padding: 0 20px;
	border: 1px solid var(--black);
	color: var(--black);
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	border-radius: 30px;
	text-transform: uppercase;
}

.priceing_list a.list_button,
.priceing_list a:hover {
	background: var(--primary);
	border-color: var(--primary);
	color: var(--white);
}

.advantages_ecommerce {
	padding: 44px 0;
}
@media only screen and (max-width: 767px) {
	.advantages_ecommerce {
		padding: 46px 0 50px;
	}
}

@media only screen and (max-width: 767px) {
	.advantages_content {
		text-align: center;
	}
}
.advantages_content h3 {
	font-size: 25px;
	font-weight: 500;
	text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.advantages_content h3 {
		font-size: 20px;
		line-height: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.advantages_content h3 {
		font-size: 16px;
		line-height: 20px;
	}
}
.advantages_content p {
	font-size: 14px;
	font-style: italic;
	font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.advantages_content p {
		font-size: 13px;
	}
}
@media only screen and (max-width: 767px) {
	.advantages_content p {
		font-size: 13px;
	}
}

.advantages_button {
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.advantages_button {
		margin-top: 14px;
	}
}
.advantages_button a {
	font-size: 13px;
	height: 40px;
	line-height: 38px;
	border: 1px solid #ebebeb;
	border-radius: 30px;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 500;
	padding: 0 20px;
}
.advantages_button a:hover {
	color: var(--primary);
}

/*services page css end*/
/* 25. portfolio css here */
.portfolio_tab {
	padding: 0 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.portfolio_tab {
		padding: 0;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio_tab {
		padding: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio_tab {
		padding: 0;
	}
}
@media only screen and (max-width: 767px) {
	.portfolio_tab {
		padding: 0;
	}
}

.portfolio_button {
	padding: 50px 0;
	background: #f5f5f5;
	margin-bottom: 45px;
}
@media only screen and (max-width: 767px) {
	.portfolio_button {
		padding: 50px 0 40px;
	}
}

.portfolio_tab_button {
	text-align: center;
}
.portfolio_tab_button ul li {
	display: inline-block;
}

.portfolio_link {
	position: absolute;
	top: 30%;
	text-align: center;
	-webkit-transform: translatey(-50%);
	transform: translatey(-50%);
	left: 53%;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	opacity: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio_link {
		left: 54%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio_link {
		left: 54%;
	}
}
.portfolio_link a {
	color: var(--white);
	font-size: 16px;
	width: 52px;
	height: 52px;
	line-height: 52px;
	border-radius: 50%;
	display: block;
	background: rgba(255, 255, 255, 0.15);
}
.portfolio_link a:hover {
	background: rgba(0, 0, 0, 0.5) !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio_link a {
		width: 48px;
		height: 48px;
		line-height: 48px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio_link a {
		width: 47px;
		height: 47px;
		line-height: 47px;
	}
}

.portfolio_popup {
	position: absolute;
	top: 40%;
	left: 33%;
	text-align: center;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	-webkit-transform: translatey(-50%);
	transform: translatey(-50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio_popup {
		left: 31%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio_popup {
		left: 32%;
	}
}
.portfolio_popup a {
	font-size: 16px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: var(--white);
	font-weight: 400;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.15);
	display: inline-block;
	text-align: center;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	opacity: 0;
}
.portfolio_popup a:hover {
	background: rgba(0, 0, 0, 0.5) !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio_popup a {
		width: 45px;
		height: 45px;
		line-height: 45px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio_popup a {
		width: 45px;
		height: 45px;
		line-height: 45px;
	}
}

.single_portfolio_inner {
	position: relative;
	margin: 5px;
}
.single_portfolio_inner:hover .portfolio_link {
	top: 50%;
	opacity: 1;
}
.single_portfolio_inner:hover .portfolio_popup {
	top: 50%;
}
.single_portfolio_inner:hover .portfolio_popup a {
	opacity: 1;
}
.single_portfolio_inner:hover .portfolio_content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}
.single_portfolio_inner:hover .portfolio_thumb::before {
	opacity: 0.5;
}

.portfolio_content {
	position: absolute;
	z-index: 999;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	bottom: 40px;
	left: 0;
	right: 0;
	text-align: center;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio_content {
		bottom: 20px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio_content {
		bottom: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.portfolio_content {
		bottom: 30px;
	}
}
.portfolio_content > a {
	font-size: 13px;
	font-weight: 700;
	display: inline-block;
	text-transform: uppercase;
	background: rgba(255, 255, 255, 0.15);
	padding: 5px 10px 5px 10px;
	line-height: 20px;
	color: var(--white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio_content > a {
		font-size: 12px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio_content > a {
		font-size: 12px;
	}
}
@media only screen and (max-width: 767px) {
	.portfolio_content > a {
		font-size: 12px;
	}
}
.portfolio_content span {
	text-transform: capitalize;
	font-weight: 400;
}

.portfolio_thumb {
	position: relative;
}
.portfolio_thumb::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--black);
	opacity: 0;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.portfolio_thumb img {
	width: 100%;
}

.portfolio_tab_button button {
	background: var(--white);
	border-right: 2px solid #f5f5f5;
	line-height: 45px;
	padding: 0 30px;
	font-size: 12px;
	text-transform: capitalize;
	font-weight: 700;
	position: relative;
	display: inline-block;
	border: none;
	cursor: pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
@media only screen and (max-width: 767px) {
	.portfolio_tab_button button {
		line-height: 38px;
		margin-bottom: 10px;
		margin-right: 10px;
		padding: 0 21px;
	}
}
.portfolio_tab_button button:hover {
	color: var(--white);
	background: #0162bd;
}
.portfolio_tab_button button.active {
	color: var(--white);
	background: #0162bd;
}
.portfolio_tab_button button::before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	right: 2px;
	border-color: transparent;
	border-width: 5px;
	border-style: solid;
	border-top-color: var(--white);
	border-right-color: var(--white);
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

/*portfolio page css end*/
/* 11. blog page css here */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog_page_section {
		margin-bottom: 50px;
		margin-top: 41px;
	}
}
@media only screen and (max-width: 767px) {
	.blog_page_section {
		margin-bottom: 50px;
		margin-top: 38px;
	}
}
@media only screen and (max-width: 767px) {
	.blog_page_section.no_sidebar {
		margin-bottom: 0;
	}
}

.blog_header {
	margin-bottom: 30px;
}
.blog_header h1 {
	font-size: 32px;
	line-height: 28px;
	margin-bottom: 0;
	font-weight: 500;
}
@media only screen and (max-width: 767px) {
	.blog_header h1 {
		font-size: 28px;
		line-height: 28px;
	}
}

.blog_wrapper .single_blog {
	margin-bottom: 50px;
	overflow: hidden;
}
.blog_wrapper .blog_thumb {
	float: left;
	width: 48%;
	margin-right: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.blog_wrapper .blog_thumb {
		width: 47%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog_wrapper .blog_thumb {
		width: 47%;
	}
}
@media only screen and (max-width: 767px) {
	.blog_wrapper .blog_thumb {
		width: 100%;
		margin-right: 0;
	}
}
.blog_wrapper .blog_thumb iframe {
	height: 325px;
	width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.blog_wrapper .blog_thumb iframe {
		height: 270px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog_wrapper .blog_thumb iframe {
		height: 280px;
	}
}
@media only screen and (max-width: 767px) {
	.blog_wrapper .blog_thumb iframe {
		height: 230px;
	}
}
@media only screen and (max-width: 767px) {
	.blog_wrapper .blog_thumb a {
		width: 100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog_wrapper .blog_thumb a img {
		width: 100%;
	}
}
@media only screen and (max-width: 767px) {
	.blog_wrapper .blog_thumb a img {
		width: 100%;
	}
}
.blog_wrapper .blog_content {
	padding-top: 0;
	width: 49%;
	float: left;
}
@media only screen and (max-width: 767px) {
	.blog_wrapper .blog_content {
		padding-top: 20px;
		width: 100%;
	}
}
.blog_wrapper .blog_content h4 {
	font-size: 20px;
	text-transform: capitalize;
	font-weight: 500;
	margin-bottom: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog_wrapper .blog_content h4 {
		font-size: 19px;
	}
}
@media only screen and (max-width: 767px) {
	.blog_wrapper .blog_content h4 {
		font-size: 17px;
		margin-bottom: 3px;
	}
}
.blog_wrapper .blog_content p.post_desc {
	margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
	.blog_wrapper .blog_content p.post_desc {
		font-size: 14px;
	}
}
.blog_wrapper .blog_meta {
	margin-bottom: 19px;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 19px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog_wrapper .blog_meta {
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
}
@media only screen and (max-width: 767px) {
	.blog_wrapper .blog_meta {
		margin-bottom: 16px;
		padding-bottom: 16px;
	}
}
.blog_wrapper .blog_meta span {
	font-size: 13px;
	line-height: 24px;
}
.blog_wrapper .blog_meta span a {
	color: var(--primary);
}
.blog_wrapper .blog_meta span a:hover {
	text-decoration: underline;
}
.blog_wrapper .blog_meta span.author {
	margin-right: 4px;
}
.blog_wrapper .blog_meta span.author a {
	margin-right: 5px;
}
.blog_wrapper .blog_desc {
	margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
	.blog_wrapper .blog_desc {
		margin-bottom: 20px;
	}
}
.blog_wrapper .blog_desc p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 0;
}
.blog_wrapper .btn_more {
	margin-top: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog_wrapper .btn_more {
		margin-top: 13px;
	}
}
@media only screen and (max-width: 767px) {
	.blog_wrapper .btn_more {
		margin-top: 14px;
	}
}
.blog_wrapper .btn_more a {
	color: var(--primary);
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;
	height: 45px;
	line-height: 41px;
	padding: 0 30px;
	border: 2px solid var(--primary);
	border-radius: 4px;
}
.blog_wrapper .btn_more a:hover {
	background: var(--primary);
	border-color: var(--primary);
	color: var(--white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog_wrapper .btn_more a {
		height: 40px;
		line-height: 36px;
	}
}
@media only screen and (max-width: 767px) {
	.blog_wrapper .btn_more a {
		font-size: 12px;
		height: 38px;
		line-height: 34px;
		padding: 0 20px;
	}
}

@media only screen and (max-width: 767px) {
	.blog_bidio .blog_content {
		padding-top: 13px;
	}
}

.readmore_button a {
	height: 38px;
	line-height: 40px;
	background: var(--primary);
	border: 0;
	color: var(--white);
	display: block;
	text-align: center;
	padding: 0 20px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	font-style: normal;
	border-radius: 3px;
	max-width: 170px;
}
.readmore_button a:hover {
	background: var(--black);
}
@media only screen and (max-width: 767px) {
	.readmore_button a {
		max-width: 130px;
	}
}

.blog_sidebar_widget .widget_title {
	position: relative;
	margin-bottom: 20px;
}
.blog_sidebar_widget .widget_title h3 {
	margin-bottom: 0;
	font-size: 14px;
	line-height: 18px;
	padding-top: 0;
	font-weight: 500;
}
.blog_sidebar_widget .widget_list.comments .post_thumb a img {
	border-radius: 50%;
}
.blog_sidebar_widget .widget_list.comments .post_info span a {
	color: var(--primary);
}
.blog_sidebar_widget .widget_list.comments .post_info a:hover {
	color: var(--primary);
}
.blog_sidebar_widget .widget_categories .widget_title {
	margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog_sidebar_widget .widget_categories {
		margin-bottom: 44px;
	}
}
@media only screen and (max-width: 767px) {
	.blog_sidebar_widget .widget_categories {
		margin-bottom: 46px;
	}
}
.blog_sidebar_widget .widget_categories ul li a {
	color: var(--black);
	padding: 0;
	border: 0;
	line-height: 35px;
}

.widget_search input {
	height: 35px;
	border: 1px solid #ebebeb;
	background: var(--white);
	color: var(--black);
	width: 100%;
	margin-bottom: 20px;
	padding: 0 15px;
}
.widget_search button {
	color: var(--white);
	display: inline-block;
	background: #242424;
	border: none;
	padding: 0 20px;
	height: 34px;
	line-height: 35px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	border-radius: 3px;
}
.widget_search button:hover {
	background: var(--primary);
}

.tag_widget ul li {
	display: inline-block;
}
.tag_widget ul li a {
	margin: 0 6px 0 0;
	display: block;
	font-size: 12px;
	font-weight: 400;
	border: 1px solid #ebebeb;
	background: var(--white);
	padding: 0 15px;
	line-height: 29px;
	border-radius: 3px;
}
.tag_widget ul li a:hover {
	background: var(--primary);
	border-color: var(--primary);
	color: var(--white);
}

.post_thumb {
	width: 60px;
	float: left;
	margin-right: 10px;
}

.post_wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 15px;
}
.post_wrapper:last-child {
	margin-bottom: 0;
}

.post_info h4 {
	font-size: 13px;
	font-weight: 500;
	text-transform: capitalize;
	line-height: 14px;
	margin-bottom: 5px;
}
.post_info h4 a:hover {
	color: var(--primary);
}
.post_info span {
	font-size: 12px;
}

.blog_categories ul li {
	border-top: 1px solid #ddd;
}
.blog_categories ul li a {
	padding: 10px 0;
	text-transform: capitalize;
	display: inline-block;
	margin-left: 0;
}
.blog_categories ul li a:hover {
	color: var(--primary);
}
.blog_categories ul li:last-child a {
	padding-bottom: 0;
}

.shipping_area.shipping_contact.blog_shipping {
	margin-top: 94px;
}

.blog_pagination {
	margin-bottom: 50px;
}
.blog_pagination .pagination {
	border: 1px solid #ebebeb;
	justify-content: center;
	padding: 10px 0;
}
@media only screen and (max-width: 767px) {
	.blog_pagination .pagination {
		margin-top: 0;
	}
}

/*blog page css end*/
/*blog fullwidth css here*/
.blog_fullwidth .blog_thumb {
	width: 100%;
	margin-right: 0;
}
.blog_fullwidth .blog_thumb iframe {
	height: 550px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.blog_fullwidth .blog_thumb iframe {
		height: 440px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog_fullwidth .blog_thumb iframe {
		height: 440px;
	}
}
@media only screen and (max-width: 767px) {
	.blog_fullwidth .blog_thumb iframe {
		height: 200px;
	}
}
.blog_fullwidth .blog_content {
	width: 100%;
	margin-top: 22px;
}
@media only screen and (max-width: 767px) {
	.blog_fullwidth .blog_content {
		padding-top: 0;
	}
}

.blog_thumb_active:hover .owl-nav > div {
	left: 20px;
	opacity: 1;
	visibility: visible;
}
.blog_thumb_active:hover .owl-nav > div.owl-next {
	right: 20px;
}
.blog_thumb_active .owl-nav > div {
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
	background: rgba(46, 110, 213, 0.6);
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 20px;
	color: var(--white);
	text-align: center;
	border-radius: 50%;
	left: 40px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	opacity: 0;
	visibility: hidden;
}
.blog_thumb_active .owl-nav > div.owl-next {
	right: 40px;
	left: auto;
}

.blog_aduio_icone {
	margin-bottom: 12px;
	margin-top: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog_aduio_icone {
		margin-bottom: 6px;
		margin-top: 16px;
	}
}
@media only screen and (max-width: 767px) {
	.blog_aduio_icone {
		margin-bottom: 8px;
		margin-top: 17px;
	}
}
.blog_aduio_icone audio {
	width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog_reverse .row {
		flex-direction: column-reverse;
	}
}
@media only screen and (max-width: 767px) {
	.blog_reverse .row {
		flex-direction: column-reverse;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog_wrapper_sidebar .row {
		flex-direction: row;
	}
}
@media only screen and (max-width: 767px) {
	.blog_wrapper_sidebar .row {
		flex-direction: row;
	}
}

.blog_nosidebar .blog_thumb {
	width: 42%;
	margin-right: 0;
}
@media only screen and (max-width: 767px) {
	.blog_nosidebar .blog_thumb {
		width: 100%;
	}
}
.blog_nosidebar .blog_content {
	width: 58%;
	padding-left: 30px;
}
@media only screen and (max-width: 767px) {
	.blog_nosidebar .blog_content {
		width: 100%;
		padding-left: 0;
	}
}

/* 12. blog details css here */
.post_header {
	margin-bottom: 28px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.post_header {
		margin-bottom: 25px;
	}
}
@media only screen and (max-width: 767px) {
	.post_header {
		margin-bottom: 22px;
	}
}
.post_header h3 {
	font-size: 30px;
	line-height: 35px;
	font-weight: 500;
	margin-bottom: 7px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.post_header h3 {
		font-size: 26px;
		line-height: 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.post_header h3 {
		font-size: 25px;
		line-height: 25px;
	}
}
@media only screen and (max-width: 767px) {
	.post_header h3 {
		font-size: 17px;
		line-height: 24px;
	}
}

.blog_details {
	margin-bottom: 50px;
}
.blog_details .single_blog {
	margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog_details .blog_sidebar {
		margin-bottom: 0;
	}
}
@media only screen and (max-width: 767px) {
	.blog_details .blog_sidebar {
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog_details .blog_wrapper {
		margin-bottom: 60px;
	}
}
@media only screen and (max-width: 767px) {
	.blog_details .blog_wrapper {
		margin-bottom: 60px;
	}
}
.blog_details .blog_meta {
	margin-bottom: 0;
}
.blog_details .blog_thumb {
	width: 100%;
	margin-right: 0;
}
.blog_details .blog_thumb img {
	border-radius: 4px;
}
.blog_details .blog_content {
	width: 100%;
	padding-top: 22px;
}
.blog_details .post_content > p {
	line-height: 24px;
	margin-bottom: 10px;
	font-size: 15px;
}
@media only screen and (max-width: 767px) {
	.blog_details .post_content > p {
		font-size: 14px;
	}
}
.blog_details .post_content blockquote {
	margin: 25px 0 25px 40px;
	font-style: italic;
	padding: 30px 45px;
	background: #f6f6f6;
	border: 1px solid #ebebeb;
	border-left: 4px solid var(--primary);
}
.blog_details .post_content blockquote p {
	font-size: 16px;
}
@media only screen and (max-width: 767px) {
	.blog_details .post_content blockquote p {
		font-size: 15px;
	}
}
@media only screen and (max-width: 767px) {
	.blog_details .post_content blockquote {
		margin: 23px 0 23px 0;
		padding: 20px 12px 15px;
	}
}
.blog_details .social_sharing {
	display: flex;
	align-items: center;
}
.blog_details .social_sharing p {
	font-size: 13px;
	text-transform: capitalize;
	margin-right: 20px;
	margin-bottom: 0;
	line-height: 13px;
	font-weight: 700;
}
@media only screen and (max-width: 767px) {
	.blog_details .social_sharing p {
		font-size: 13px;
		margin-right: 10px;
	}
}
.blog_details .social_sharing ul li {
	display: inline-block;
}
.blog_details .social_sharing ul li a {
	background: #e6e6e6;
	border-radius: 100%;
	display: inline-block;
	font-size: 12px;
	height: 26px;
	line-height: 26px;
	margin-right: 5px;
	text-align: center;
	width: 26px;
}
.blog_details .social_sharing ul li a:hover {
	color: var(--white);
	background: var(--primary);
}
@media only screen and (max-width: 767px) {
	.blog_details .social_sharing ul li a {
		margin-right: 2px;
	}
}
.blog_details .social_sharing ul li:first-child a {
	padding-left: 0;
	border-left: 0;
}

.entry_content {
	margin-bottom: 25px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 22px;
}
@media only screen and (max-width: 767px) {
	.entry_content {
		flex-direction: column;
		text-align: left;
		align-items: inherit;
	}
}
.entry_content .post_meta {
	margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
	.entry_content .post_meta {
		margin-bottom: 10px;
	}
}
.entry_content .post_meta span {
	font-weight: 700;
	font-size: 13px;
}
.entry_content .post_meta span a:hover {
	color: var(--primary);
}

.comments_box {
	margin-bottom: 47px;
}
.comments_box h3 {
	font-size: 14px;
	margin: 0 0 20px;
	font-weight: 500;
	line-height: 18px;
	text-transform: uppercase;
}

.comment_list {
	overflow: hidden;
	margin-bottom: 30px;
}
.comment_list:last-child {
	margin-bottom: 0;
}
.comment_list .comment_thumb {
	display: inline-block;
	float: left;
}
@media only screen and (max-width: 767px) {
	.comment_list .comment_thumb {
		width: 40px;
	}
}
.comment_list .comment_content {
	margin-left: 70px;
	position: relative;
	border: 1px solid #ebebeb;
	border-radius: 3px;
	padding: 15px;
}
@media only screen and (max-width: 767px) {
	.comment_list .comment_content {
		margin-left: 55px;
	}
}
.comment_list .comment_content h5 {
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.comment_list .comment_content h5 a:hover {
	color: var(--primary);
}
.comment_list .comment_content span {
	line-height: 18px;
	margin-bottom: 8px;
	font-size: 13px;
	font-style: italic;
	display: inline-block;
}
.comment_list .comment_content p {
	margin-bottom: 0;
	font-size: 14px;
}

.comment_reply {
	position: absolute;
	top: 20px;
	right: 12px;
}
@media only screen and (max-width: 767px) {
	.comment_reply {
		top: 15px;
	}
}
.comment_reply a {
	padding: 2px 10px;
	border-radius: 3px;
	color: var(--white);
	background: var(--black);
	display: block;
	font-size: 13px;
}
@media only screen and (max-width: 767px) {
	.comment_reply a {
		line-height: 20px;
		font-size: 13px;
	}
}
.comment_reply a:hover {
	background: var(--primary);
}

.comments_form h3 {
	font-size: 14px;
	margin: 0 0 20px;
	font-weight: 500;
	line-height: 18px;
	text-transform: uppercase;
}
.comments_form p {
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.comments_form form .row {
		flex-direction: row;
	}
}
.comments_form form label {
	font-size: 13px;
	line-height: 20px;
	font-weight: 500;
	margin-bottom: 10px;
}
.comments_form form textarea {
	width: 100%;
	height: 200px;
	background: var(--white);
	border: 1px solid #ebebeb;
	margin-bottom: 10px;
	resize: none;
	padding: 10px;
}
.comments_form form input {
	width: 100%;
	height: 40px;
	border: 1px solid #ebebeb;
	margin-bottom: 15px;
	padding: 0 20px;
}
.comments_form form button {
	border: 0;
	line-height: 36px;
	background: var(--black);
	font-weight: 500;
}
.comments_form form button:hover {
	background: var(--primary);
}
@media only screen and (max-width: 767px) {
	.comments_form form button {
		line-height: 38px;
		height: 38px;
		padding: 0 10px;
	}
}

.comment_list.list_two {
	padding-left: 50px;
}
@media only screen and (max-width: 767px) {
	.comment_list.list_two {
		padding-left: 0;
	}
}

.related_posts {
	border-top: 1px solid #ebebeb;
	padding: 47px 0 41px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.related_posts {
		padding: 47px 0 15px;
	}
}
@media only screen and (max-width: 767px) {
	.related_posts {
		padding: 47px 0 17px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.related_posts .row {
		flex-direction: row !important;
	}
}
.related_posts h3 {
	font-size: 14px;
	margin: 0 0 20px;
	font-weight: 500;
	line-height: 18px;
	text-transform: uppercase;
}

.related_thumb {
	margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.related_thumb img {
		width: 100%;
	}
}
@media only screen and (max-width: 767px) {
	.related_thumb img {
		width: 100%;
	}
}

.related_content h4 {
	font-size: 13px;
	font-weight: 500;
	line-height: 13px;
	margin-bottom: 2px;
	text-transform: uppercase;
}
.related_content h4 a {
	color: var(--black);
}
.related_content h4 a:hover {
	color: var(--primary);
}
.related_content span {
	font-size: 13px;
	line-height: 17px;
}
.related_content span i {
	margin-right: 3px;
}
.related_content .blog_meta {
	border-bottom: 0;
	padding-bottom: 0;
}
.related_content .blog_meta span {
	font-size: 12px;
	line-height: 22px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.single_related {
		margin-bottom: 28px;
	}
}
@media only screen and (max-width: 767px) {
	.single_related {
		margin-bottom: 25px;
	}
}

/*blog details css end*/
/*  24. modal css here */
.modal-dialog.modal-dialog-centered {
	min-width: 1100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.modal-dialog.modal-dialog-centered {
		min-width: 1000px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.modal-dialog.modal-dialog-centered {
		min-width: 950px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.modal-dialog.modal-dialog-centered {
		min-width: 730px;
	}
}
@media only screen and (max-width: 767px) {
	.modal-dialog.modal-dialog-centered {
		min-width: 90%;
	}
}

.modal_tab_img {
	text-align: center;
	margin-bottom: 10px;
}
.modal_tab_img img {
	margin: 0 auto;
}

.modal_tab_button ul li a {
	padding: 0;
	border: 1px solid #ebebeb;
	margin: 0 2px;
	border-radius: var(--radius-md);
	overflow: hidden;
}
.modal_tab_button ul li a img {
	width: 100%;
}

.modal_title h2 {
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.4rem;
}

.modal_social h2 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 15px;
	line-height: 20px;
}
.modal_social ul li {
	display: inline-block;
	margin-right: 3px;
}
.modal_social ul li a {
	text-transform: uppercase;
	display: inline-block;
	width: 38px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	border-radius: 50%;
	font-size: 15px;
	color: var(--white);
	font-weight: 400;
}
.modal_social ul li.facebook a {
	background: #3c5b9b;
}
.modal_social ul li.facebook a:hover {
	background: var(--primary);
}
.modal_social ul li.twitter a {
	background: #1da1f2;
}
.modal_social ul li.twitter a:hover {
	background: var(--primary);
}
.modal_social ul li.pinterest a {
	background: #bd081b;
}
.modal_social ul li.pinterest a:hover {
	background: var(--primary);
}
.modal_social ul li.google-plus a {
	background: #dc5043;
}
.modal_social ul li.google-plus a:hover {
	background: var(--primary);
}
.modal_social ul li.linkedin a {
	background: #010103;
}
.modal_social ul li.linkedin a:hover {
	background: var(--primary);
}

.modal_price {
	margin-bottom: 12px;
}
.modal_price span {
	font-weight: 600;
	color: var(--black);
	font-size: 1.3rem;
	margin: 0.9rem 0;
}
.modal_price span.old_price {
	color: red;
	font-size: 0.9rem;
	font-weight: 400;
	text-decoration: line-through;
	margin-left: 5px;
}

.modal_description p {
	line-height: 24px;
	font-size: 15px;
	margin: 0;
}

.variants_size h2,
.variants_color h2 {
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 7px;
	line-height: 20px;
}
.variants_size.mb-15,
.mb-15.variants_color {
	margin-bottom: 24px;
}
.variants_size .select_option,
.variants_color .select_option {
	width: 100%;
	border-radius: 0;
	margin-bottom: 25px;
}
.variants_size .select_option .list,
.variants_color .select_option .list {
	width: 100%;
	border-radius: 0;
}

.modal_add_to_cart {
	margin-bottom: 25px;
}
.modal_add_to_cart form input {
	width: 95px;
	border: 1px solid #ebebeb;
	border-radius: var(--radius-md);
	background: none;
	padding: 0 10px;
	height: 45px;
}
@media only screen and (max-width: 767px) {
	.modal_add_to_cart form input {
		width: 75px;
	}
}
.modal_add_to_cart form button {
	border: 0;
	border-radius: var(--radius-md);
	margin-left: 10px;
	font-size: 12px;
	font-weight: 700;
	height: 45px;
	width: 230px;
	line-height: 18px;
	padding: 10px 15px;
	text-transform: uppercase;
	background: var(--primary);
	color: var(--white);
	-webkit-transition: 0.3s;
	transition: 0.3s;
	cursor: pointer;
}
@media only screen and (max-width: 767px) {
	.modal_add_to_cart form button {
		width: 130px;
	}
}
.modal_add_to_cart form button:hover {
	background: var(--secondary);
	color: var(--white);
	border-color: var(--secondary);
}

.modal_body {
	padding: 40px;
}
@media only screen and (max-width: 767px) {
	.modal_body {
		padding: 30px;
	}
}
@media only screen and (max-width: 767px) {
	.modal_body .modal_tab {
		margin-bottom: 60px;
	}
}

.modal-content {
	border-radius: var(--radius-lg);
}

.modal-content button.close {
	position: absolute;
	left: 94%;
	width: 35px;
	height: 35px;
	line-height: 33px;
	display: block;
	border: 1px solid #ebebeb;
	top: 10px;
	border-radius: 50%;
	cursor: pointer;
	font-size: 20px;
	z-index: 9;
}
@media only screen and (max-width: 767px) {
	.modal-content button.close {
		left: 83%;
		width: 32px;
		height: 32px;
		line-height: 30px;
		top: 4px;
		margin-bottom: 14px;
	}
}
.modal-content button.close:hover {
	color: var(--primary);
}

.modal_add_to_cart.mb-15 {
	margin-bottom: 23px;
}

.modal_description.mb-15 {
	margin-bottom: 20px;
}

.product_navactive.owl-carousel:hover .owl-nav div {
	opacity: 1;
	visibility: visible;
}
.product_navactive.owl-carousel .owl-nav {
	display: block;
}
.product_navactive.owl-carousel .owl-nav div {
	position: absolute;
	background: #f2f2f2;
	border-radius: var(--radius-sm);
	color: #333;
	height: 32px;
	top: 50%;
	transform: translatey(-50%);
	width: 32px;
	text-align: center;
	line-height: 32px;
	left: -7px;
	font-size: 18px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	opacity: 0;
	visibility: hidden;
}
.product_navactive.owl-carousel .owl-nav div:hover {
	background: var(--primary);
	color: var(--white);
}
.product_navactive.owl-carousel .owl-nav div.owl-next {
	right: -7px;
	left: auto;
}

/*modal css end*/
/*  23. newsletter popup css here */
.newletter-popup {
	border-radius: 10px;
	background: var(--white);
	top: 50% !important;
	margin-top: -300px;
	position: fixed !important;
	padding: 0px 0px 30px 0px;
	text-align: center;
	display: none;
}
@media only screen and (max-width: 767px) {
	.newletter-popup {
		padding: 0px;
		width: 95%;
	}

	.newletter-label {
		padding: 0;
		margin: 0;
	}

	#frm_subscribe {
		padding: 10px;
	}
}

#boxes .newletter-title h2 {
	font-size: 30px;
	text-transform: uppercase;
	margin: 0 0 30px;
	color: var(--primary);
}

.newsletter_visit_btn {
	display: inline-block;
	border: none;
	font-size: 18px;
	text-transform: lowercase;
	color: var(--white);
	background: rgb(4, 47, 117);
	padding: 0.5rem 2rem;
	border-radius: 10px;
	margin: 10px 0px;
	font-weight: 600;

	transform: scale(1);
	animation: pulse-btn 2s infinite;
	box-shadow: 0 0 0 0 rgba(4, 47, 117, 0.1);

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.newsletter_visit_btn:hover {
	color: var(--white);
}

@keyframes pulse-btn {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(4, 47, 117, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 15px rgba(4, 47, 117, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(4, 47, 117, 0);
	}
}

@media only screen and (max-width: 767px) {
	#boxes .newletter-title h2 {
		font-size: 22px;
		margin: 0 0 10px;
	}
}

#boxes .box-content label {
	font-weight: 400;
	font-size: 14px;
}

#boxes .box-content .newletter-label {
	width: 70%;
	/* margin-bottom: 36px; */
}
@media only screen and (max-width: 767px) {
	#boxes .box-content .newletter-label {
		width: 100%;
	}
}

#frm_subscribe form {
	width: 340px;
	margin: 0 auto;
	position: relative;
}
@media only screen and (max-width: 767px) {
	#frm_subscribe form {
		width: 100%;
	}
}
#frm_subscribe form input {
	background: #ebebeb;
	padding: 0 122px 0 20px;
	height: 45px;
	border: 0;
	width: 100%;
	color: #747474;
	margin-bottom: 0;
	font-weight: 400;
}
@media only screen and (max-width: 767px) {
	#frm_subscribe form input {
		padding: 0 104px 0 20px;
	}
}
#frm_subscribe form a.theme-btn-outlined {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 110px;
	background: var(--white);
	cursor: pointer;
	color: #042f74;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 400;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	line-height: 45px;
	outline: 1px solid #042f74;
	outline-offset: -1.5px;
}
#frm_subscribe form a.theme-btn-outlined:hover {
	background: #031e49;
	color: var(--white);
	text-decoration: underline;
}
@media only screen and (max-width: 767px) {
	#frm_subscribe form a.theme-btn-outlined {
		width: 90px;
	}
}

#boxes .box-content .subscribe-bottom {
	margin-top: 20px;
}

#boxes .box-content .subscribe-bottom label {
	margin: 0;
	font-size: 13px;
}

#boxes .box-content .subscribe-bottom #newsletter_popup_dont_show_again {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
}

#boxes #frm_subscribe #notification {
	color: #f00;
}

#boxes #frm_subscribe #notification .success {
	color: #67d7bb;
}

#popup2 {
	margin: 10px;
	border-radius: 5px;
	position: absolute;
	right: 1px;
	top: 1px;
	text-align: center;
	cursor: pointer;
	font-size: 13px;
	text-transform: capitalize;
	padding: 6px 12px;
	background: var(--primary);
	font-weight: 400;
	line-height: 17px;
	color: var(--white);
	display: block;
	transition: 0.3s;
}
#popup2:hover {
	background: var(--primary);
}

/*newsletter popup css end*/
/* 09. error page css heer   */
.header_error {
	border-bottom: 1px solid #ebebeb;
}

.error_form {
	text-align: center;
}
.error_form h1 {
	font-size: 200px;
	font-weight: 700;
	color: var(--primary);
	letter-spacing: 10px;
	line-height: 160px;
	margin: 0 0 63px;
}
@media only screen and (max-width: 767px) {
	.error_form h1 {
		font-size: 130px;
		line-height: 120px;
		letter-spacing: 4px;
		margin: 0 0 40px;
	}
}
.error_form h2 {
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 30px;
	margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
	.error_form h2 {
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 14px;
	}
}
.error_form p {
	font-size: 17px;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
	.error_form p {
		font-size: 14px;
		margin-bottom: 22px;
		line-height: 21px;
	}
}
.error_form form {
	width: 450px;
	margin: 0 auto;
	position: relative;
}
@media only screen and (max-width: 767px) {
	.error_form form {
		width: 100%;
	}
}
.error_form form input {
	padding: 0 60px 0 30px;
	background: #f8f8f8;
	border: 1px solid #ddd;
	color: var(--black);
	height: 40px;
	width: 100%;
	border-radius: 3px;
}
.error_form form button {
	position: absolute;
	right: 0;
	height: 100%;
	border: none;
	background: no-repeat;
	font-size: 20px;
	cursor: pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	top: 0;
	text-transform: uppercase;
	padding: 0 15px;
	font-weight: 600;
}
.error_form form button:hover {
	color: var(--primary);
}
.error_form a {
	color: var(--white);
	display: inline-block;
	background: var(--primary);
	font-size: 12px;
	font-weight: bold;
	height: 40px;
	line-height: 42px;
	padding: 0 30px;
	text-transform: uppercase;
	margin-top: 35px;
	border-radius: 3px;
}
@media only screen and (max-width: 767px) {
	.error_form a {
		padding: 0 20px;
		margin-top: 25px;
	}
}
.error_form a:hover {
	background: var(--black);
}

.error_section {
	padding-bottom: 80px;
	padding-top: 70px;
}
@media only screen and (max-width: 767px) {
	.error_section {
		padding-bottom: 60px;
		padding-top: 45px;
	}
}

/*404 page css end*/
/*--
    25. compare css here
-----------------------------------------*/
.compaer-page {
	margin-top: 42px;
	margin-bottom: 50px;
}

.compare-table .table tbody tr:first-child {
	border-top: 1px solid #eeeeee;
}
.compare-table .table tbody tr td {
	text-align: center;
	border: none;
	padding: 25px 30px;
	vertical-align: middle;
	border-bottom: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
}
.compare-table .table tbody tr td:last-child {
	border-right: 1px solid #eeeeee;
}
@media only screen and (max-width: 767px) {
	.compare-table .table tbody tr td {
		padding: 15px 15px;
	}
}
.compare-table .table tbody tr td.first-column {
	min-width: 180px;
	font-size: 17px;
	font-weight: 600;
	margin: 0;
	line-height: 1;
}
@media only screen and (max-width: 767px) {
	.compare-table .table tbody tr td.first-column {
		min-width: 150px;
		font-size: 15px;
	}
}
.compare-table .table tbody tr td.product-image-title {
	min-width: 305px;
	vertical-align: bottom;
}
@media only screen and (max-width: 767px) {
	.compare-table .table tbody tr td.product-image-title {
		min-width: 260px;
	}
}
.compare-table .table tbody tr td.product-image-title .image {
	clear: both;
	width: 100%;
	margin-bottom: 40px;
}
.compare-table .table tbody tr td.product-image-title .image img {
	max-width: 100%;
}
.compare-table .table tbody tr td.product-image-title .category {
	clear: both;
	color: #454545;
	float: left;
	font-size: 13px;
	letter-spacing: 0.5px;
	line-height: 15px;
	margin-bottom: 7px;
	margin-top: 15px;
	text-transform: capitalize;
}
.compare-table .table tbody tr td.product-image-title .title {
	float: left;
	clear: both;
	font-size: 15px;
	font-weight: 600;
	line-height: 20px;
	margin-bottom: 10px;
}
.compare-table .table tbody tr td.product-image-title .title:hover {
	color: var(--primary);
}
.compare-table .table tbody tr td.pro-desc p {
	text-align: left;
	margin: 0;
}
.compare-table .table tbody tr td.pro-price {
	font-size: 15px;
	font-weight: 600;
}
.compare-table .table tbody tr td.pro-color {
	font-size: 15px;
	font-weight: 600;
}
.compare-table .table tbody tr td.pro-stock {
	font-size: 15px;
	font-weight: 600;
}
.compare-table .table tbody tr td.pro-addtocart .add-to-cart {
	position: relative;
	background: var(--primary);
	border-radius: 4px;
	display: inline-block;
	width: 170px;
	padding: 10px 6px;
	transition: all 0.7s;
	color: var(--white);
}
.compare-table .table tbody tr td.pro-addtocart .add-to-cart:hover {
	background: var(--black);
}
@media only screen and (max-width: 767px) {
	.compare-table .table tbody tr td.pro-addtocart .add-to-cart {
		width: 135px;
		padding: 8px 6px;
	}
}
.compare-table .table tbody tr td.pro-addtocart .add-to-cart span {
	transition: 0.3s;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 21px;
	overflow: hidden;
	display: block;
	text-align: center;
}
.compare-table .table tbody tr td.pro-remove button {
	border: none;
	background-color: transparent;
	padding: 0;
}
.compare-table .table tbody tr td.pro-remove button i {
	font-size: 20px;
}
.compare-table .table tbody tr td.pro-remove button:hover {
	color: var(--primary);
}
.compare-table .table tbody tr td.pro-ratting a {
	font-size: 14px;
	color: var(--black);
}
.compare-table .table tbody tr td.pro-ratting a:hover {
	color: var(--primary);
}

/* 26. coming-soon css here */
.coming_soon_area {
	height: 100vh;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-size: cover;
	background-image: url(../img/bg/coming-soon.jpg);
	position: relative;
	display: flex;
	align-items: center;
}
.coming_soon_area::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: var(--black);
	opacity: 0.15;
}

.coming_soon_title {
	text-align: center;
	margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
	.coming_soon_title {
		margin-bottom: 36px;
	}
}
.coming_soon_title h2 {
	font-size: 37px;
	text-transform: capitalize;
	color: var(--white);
	font-weight: 700;
	margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
	.coming_soon_title h2 {
		font-size: 22px;
		line-height: 22px;
		margin-bottom: 11px;
	}
}
.coming_soon_title p {
	color: var(--white);
	font-size: 15px;
	max-width: 730px;
	margin: 0 auto;
	line-height: 24px;
}

.coming_soon_timing {
	text-align: center;
	margin: 57px 0 42px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.coming_soon_timing {
		margin: 50px 0 30px;
	}
}
@media only screen and (max-width: 767px) {
	.coming_soon_timing {
		margin: 34px 0 22px;
	}
}
.coming_soon_timing .single_countdown {
	display: inline-block;
	margin-right: 35px;
	width: inherit;
	height: inherit;
	border-radius: inherit;
	background: inherit;
	border: 0;
}
@media only screen and (max-width: 479px) {
	.coming_soon_timing .single_countdown {
		margin-right: 20px;
	}
}
.coming_soon_timing .single_countdown:last-child {
	margin-right: 0;
}
.coming_soon_timing .countdown_number {
	font-size: 26px;
	font-weight: 500;
	line-height: 1;
	color: var(--white);
	margin-bottom: 8px;
	width: 60px;
	height: 40px;
	line-height: 38px;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding-top: 0;
}
@media only screen and (max-width: 479px) {
	.coming_soon_timing .countdown_number {
		width: 55px;
		font-size: 20px;
	}
}
.coming_soon_timing .countdown_title {
	font-size: 13px;
	text-transform: capitalize;
	color: var(--white);
}

.coming_soon_newsletter {
	text-align: center;
}
.coming_soon_newsletter .subscribe_form {
	margin-top: 0;
}
.coming_soon_newsletter .subscribe_form form {
	margin: 0 auto;
	width: 600px;
	background: inherit;
	border: 1px solid #ebebeb;
	border-radius: 50px;
}
@media only screen and (max-width: 767px) {
	.coming_soon_newsletter .subscribe_form form {
		width: 100%;
	}
}
.coming_soon_newsletter .subscribe_form form input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: var(--white);
}
.coming_soon_newsletter .subscribe_form form input::-moz-placeholder {
	/* Firefox 19+ */
	color: var(--white);
}
.coming_soon_newsletter .subscribe_form form input:-ms-input-placeholder {
	/* IE 10+ */
	color: var(--white);
}
.coming_soon_newsletter .subscribe_form form input:-moz-placeholder {
	/* Firefox 18- */
	color: var(--white);
}
.coming_soon_newsletter .subscribe_form form input {
	color: var(--white);
	font-size: 14px;
	padding: 0 120px 0 28px;
	background: inherit;
	height: 48px;
	border: 0;
}
@media only screen and (max-width: 767px) {
	.coming_soon_newsletter .subscribe_form form input {
		padding: 0 106px 0 18px;
		height: 45px;
	}
}
.coming_soon_newsletter .subscribe_form form button {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	background: inherit;
	color: var(--white);
}
.coming_soon_newsletter .subscribe_form form button:hover {
	color: var(--primary);
}
.coming_soon_newsletter .subscribe_form form button::before {
	content: "";
	background: var(--white);
	width: 2px;
	position: absolute;
	bottom: 8px;
	top: 8px;
	left: 0;
}
@media only screen and (max-width: 767px) {
	.coming_soon_newsletter .subscribe_form form button {
		font-size: 13px;
	}
}
.coming_soon_newsletter h3 {
	font-size: 16px;
	color: var(--white);
	font-weight: 700;
	margin-bottom: 15px;
	letter-spacing: 2px;
	text-transform: capitalize;
}
@media only screen and (max-width: 767px) {
	.coming_soon_newsletter h3 {
		letter-spacing: 1px;
	}
}
.coming_soon_newsletter .mailchimp-error {
	text-align: center;
	color: var(--white);
}
.coming_soon_newsletter .mailchimp-success {
	text-align: center;
	color: var(--white);
}

.coming_soon_logo {
	margin-bottom: 52px;
}
@media only screen and (max-width: 479px) {
	.coming_soon_logo {
		margin-bottom: 35px;
	}
}

.coming_soon_link {
	text-align: center;
}
.coming_soon_link ul li {
	display: inline-block;
	margin-right: 20px;
}
.coming_soon_link ul li:last-child {
	margin-right: 0;
}
.coming_soon_link ul li a {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	height: 40px;
	line-height: 40px;
	padding: 0 50px;
	display: inline-block;
	background: var(--primary);
	color: var(--black);
	border-radius: 5px;
}
.coming_soon_link ul li a:hover {
	background: var(--black);
	color: var(--white);
}

/* ========================================== CUSTOM WEB CSS START ========================================== */
@media only screen and (min-width: 767px) {
	.removeOnWeb {
		display: none !important;
	}
}

.sub-cat {
	background-color: #19aaff;
	padding: 10px 0px;
}

.categories {
	color: var(--white);
	font-size: 13px !important;
	padding: 0px;
	margin: 0px;
	font-weight: 500 !important;
	line-height: normal !important;
	height: 25px !important;
}
.slider_content img {
	width: 80% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: block !important;
}

.scroll-left {
	display: flex;
	justify-content: center;
	align-items: center;

	background: var(--primary);
	height: 40px;
	padding: 5px;
}
.scroll-left p {
	color: var(--white);
	font-weight: 700;

	-moz-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%);

	-moz-animation: scroll-left 20s linear infinite;
	-webkit-animation: scroll-left 20s linear infinite;
	animation: scroll-left 20s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
	0% {
		-moz-transform: translateX(100%);
	}
	100% {
		-moz-transform: translateX(-100%);
	}
}
@-webkit-keyframes scroll-left {
	0% {
		-webkit-transform: translateX(100%);
	}
	100% {
		-webkit-transform: translateX(-100%);
	}
}
@keyframes scroll-left {
	0% {
		-moz-transform: translateX(100%);
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
	100% {
		-moz-transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}
.float {
	position: fixed;
	width: 43px;
	height: 43px;
	bottom: 150px;
	right: 15px;
	background-color: #0c9;
	border-color: var(--white);
	border-width: 2px;
	border-style: solid;
	color: var(--white);
	border-radius: 50px;
	text-align: center;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.185);
	z-index: 99;
}
.my-float {
	margin-top: 22px;
}
.top-product-title {
	display: none;
}
/*Bounce*/
@keyframes kreep {
	0% {
		-webkit-transform: scale(1.1, 0.9);
		transform: scale(1.1, 0.9);
	}
	50% {
		-webkit-transform: scale(0.9, 1.1) translateY(-0.5rem);
	}
	70% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.kreep {
	display: inline-block;
	/*name-duration-function(ease,eas-in,linear)-delay-count-direction */
	animation: kreep 0.7s ease 2s infinite alternate;
}

.kreep:hover {
	animation: none;
}
/*END BOUNCER*/
.responsive-slider {
	width: 100%;
	/* height: 0; */
	/* padding-top: 26%; */
	/* background-image: url(../img/slider/web-march-2021.jpg); */
	/* background-repeat: no-repeat;
  background-size: contain;
  background-position: center center; */
}
.pickup_location h3,
.variant h3 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 5px;
	color: var(--primary);
}
.pickup_location ul li {
	/* margin-right: 10px;
  margin-bottom: 15px;
  border: solid 1px #ccc;
  border-radius: 20px;
  padding: 5px 20px;
  width: 200px !important;
  display: inline-block; */

	margin-right: 10px;
	margin-bottom: 15px;
	border: solid 1px #ccc;
	border-radius: 10px;
	padding: 5px 20px;
	display: inline-flex;
	width: 300px;
	height: 40px;
	justify-content: start;
	align-items: center;
}
.pickup_location ul li:hover {
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.185);
}
.custom-input,
textarea {
	border: 0;
	border-radius: 0px;
	border-bottom: solid 1px var(--primary);
	/* font-size: 19px; */
	/* font-weight: 500; */
	color: var(--black);
	display: block;
}
.categories img:hover {
	position: relative;
	overflow: visible;
	transform: scale(1.5);
}
.mobileTable {
	height: 450px;
	overflow: scroll;
	border: solid 1px #ccc;
	border-radius: 10px;
	padding: 10px;
}
.owl-stage {
	transition-timing-function: linear !important;
	scroll-snap-type: none !important;
}
.product-details-tab {
	z-index: 999;
}

.sidebar-image {
	padding: 0 1rem;
}
.custom-round-btn {
	background-color: var(--white);
	padding: 0.5rem 1rem;
	border: 1px solid var(--primary);
	border-radius: var(--radius-md);
	color: var(--primary);
	margin-right: 10px;
	margin-bottom: 10px;
	display: inline-flex;
}
@media screen and (max-width: 768px) {
	.custom-round-btn {
		padding: 0.3rem 0.8rem;
	}
}
.custom-round-btn:hover {
	background-color: var(--secondary) 33;
	color: var(--secondary);
	border: 1px solid var(--secondary);
}
.custom-round-btn .feather {
	width: var(--icon-width-height);
	height: auto;
	margin: 0 0.2rem;
}
.mobile-share {
	display: none;
}

.mobileSearch {
	display: none !important;
}

.order_details {
	width: 100%;
	text-align: left;
	font-size: 14px;
	font-family: var(--lato-font);
}

.order_details tbody tr td {
	width: 70%;
	vertical-align: top !important;
}

.order_detail_price {
	font-size: 18px !important;
	font-weight: 400 !important;
	color: var(--primary) !important;
}

.cancel_order_btn {
	padding: 0.1rem 0.7rem;
	background-color: #de5252;
	color: var(--white) !important;
	border-radius: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	max-width: max-content;
	margin: auto;
	font-size: 0.9rem;
}

.view_order_btn {
	padding: 0.1rem 0.7rem;
	background-color: transparent;
	color: var(--secondary) !important;
	border-radius: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	max-width: max-content;
	border: 1px solid var(--secondary);
	margin: auto;
	font-size: 0.9rem;
}

@media screen and (max-width: 768px) {
	.cancel_order_btn {
		padding: 0.3rem 0.7rem;
		margin: 0;
	}

	.view_order_btn {
		margin: 0;
		padding: 0.3rem 0.7rem;
	}
}

.variable_products_web {
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
}

.varient_container {
	width: calc(100% / 3 - 10px);
	margin-right: 10px;
	margin-bottom: 10px;
}

.varient_container.mobile {
	width: 150px;
	height: 300px;
}

@media screen and (max-width: 1000px) {
	.varient_container {
		width: calc(100% / 3 - 10px);
		max-height: 200px;
	}
}

.variant_thumb {
	border: 0.5px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	height: 100%;
}

.variant_thumb .img_container {
	width: 40%;
	object-fit: contain;
	overflow: hidden;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.variant_thumb .img_container img {
	height: 100%;
}

.variant_thumb .descr_container {
	padding: 10px;
	width: 60%;
	word-wrap: inherit;
	padding-left: 5px;
	background: #f5f5f5;
}

@media screen and (max-width: 1000px) {
	.variant_thumb {
		flex-direction: column;
	}

	.variant_thumb .img_container {
		width: 100%;
	}

	.variant_thumb .descr_container {
		width: 100%;
	}
}

.variant_thumb .descr_container h4 {
	margin: 0;
	font-weight: 400;
	font-size: 14px;
}

.variant_thumb img {
	object-fit: contain !important;
	height: 100%;
}

/* .variant_thumb .row .col-4 {
	align-self: center;
}

.variant_thumb h4 {
	font-size: 14px;
	font-weight: 400;
	text-align: left;
}

.variant_thumb p {
	font-size: 16px;
	font-weight: 600;
	text-align: left;
	color: var(--primary);
} */

.variant_thumb:hover {
	color: #042775;
	border: 0.5px #042775 solid;
	cursor: pointer;
}

.request_quotation {
	font-size: 14px;
	text-transform: capitalize;
	color: #363636;
	margin: 0px 10px;
}

.request_quotation:hover {
	border: 1px solid #042775;
	color: var(--white);
	background: #04287563;
	border-radius: 5px;
	padding: 10px;
}

.submit_quotation_form {
	color: #042775;
	border: 1px solid #042775;
	border-radius: 5px;
	padding: 10px;
}

.price_reset {
	background: var(--white) !important;
	color: #042775 !important;
}

.price_reset:hover {
	border: 1px solid var(--primary) !important;
}

#details_ordernr {
	font-size: 24px;
	font-weight: 400;
	text-align: left !important;
}

.newsletter_flyer {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	overflow: hidden;
	margin-bottom: 10px;
}

.new-swal-position {
	z-index: 9999 !important;
}

.viewOrderHistory {
	background: var(--primary);
	color: var(--white);
	margin-bottom: 10px;
}

.viewOrderHistory:hover{
	color: var(--white) !important;
}

.termsButton {
	background: var(--primary);
	color: var(--white);
	border-radius: 10px;
	margin-bottom: 10px;
	padding: 5px 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	cursor: pointer;
}

.termsButton:hover {
	background: var(--secondary);
	color: var(--white) !important;
}

.termsHeader {
	font-size: 28px;
}

.termsHeading1 {
	font-size: 22px;
}

.termsList {
	font-size: 16px !important;
	font-family: var(--lato-font);
}

.termsList li {
	padding-bottom: 15px;
}

.Checkout_section ul{
	list-style: disc;
}


input:read-only {
	background: #f5f5f5;
}

.__custom-btn:active {
	transform: scale(0.95);
	transition: all 0.3s ease-in-out;
}

.cart_items_table tbody td {
	display: table-cell;
	vertical-align: middle;
}

.cart_items_table tbody tr {
	/* border-bottom: 1px solid var(--grey); */
}

.cart_items_table tbody td h4 {
	font-size: 18px;
	font-weight: 600;
	color: #010101;
	margin-bottom: 0;
}

.cart_items_table tbody td p {
	font-size: 16px;
	font-weight: 400;
	color: #010101;
	display: -webkit-box;
	display: -moz-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin-bottom: 0;
}
/* ========================================== CUSTOM WEB CSS END ========================================== */

/* ========================================== CUSTOM CHECKBOX START ========================================== */
.control {
	display: block;
	position: relative;
	padding-left: 30px;
	/* margin-bottom: 15px; */
	cursor: pointer;
	font-size: 14px;
}
.control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.control__indicator {
	position: absolute;
	top: 5px;
	left: 0;
	height: 15px;
	width: 15px;
	background: var(--white);
	border-radius: 2px;
	border: 1px solid #ddd;
}
.control--radio .control__indicator {
	border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
	background: #ccc;
}
.control input:checked ~ .control__indicator {
	background: var(--primary);
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
	background: #032357;
}
.control input:disabled ~ .control__indicator {
	background: #e6e6e6;
	opacity: 0.6;
	pointer-events: none;
}
.control__indicator:after {
	content: "";
	position: absolute;
	display: none;
}
.control input:checked ~ .control__indicator:after {
	display: block;
}
.control--checkbox .control__indicator:after {
	left: 5px;
	top: 2px;
	width: 3px;
	height: 8px;
	border: solid var(--white);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
	/* border-color: #7b7b7b; */
	border-radius: 2px;
}
/* ========================================== CUSTOM CHECKBOX END ========================================== */

/* ========================================== CUSTOM COLOR RADIO START ========================================== */
.custom-radios div {
	display: inline-block;
}
.custom-radios input[type="radio"] {
	display: none;
}
.custom-radios input[type="radio"] + label {
	color: #333;
	font-family: var(--lato-font);
	font-size: 14px;
}
.custom-radios input[type="radio"] + label span {
	/* display: inline-block; */
	width: 40px;
	height: 40px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 50%;
	border: 1px solid #ddd;
	/* box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33); */
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	line-height: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.custom-radios input[type="radio"] + label span img {
	opacity: 0;
	transition: all 0.3s ease;
}
.custom-radios input[type="radio"]#color-1 + label span {
	background-color: #2ecc71;
}
.custom-radios input[type="radio"]#color-2 + label span {
	background-color: #3498db;
}
.custom-radios input[type="radio"]#color-3 + label span {
	background-color: #f1c40f;
}
.custom-radios input[type="radio"]#color-4 + label span {
	background-color: #e74c3c;
}
.custom-radios input[type="radio"]:checked + label span img {
	opacity: 1;
}
/* ========================================== CUSTOM COLOR RADIO END ========================================== */

/* ========================================== CUSTOM TEXT RADIO END ========================================== */
.custom_radio2 input[type="radio"] {
	display: none;
}
.custom_radio2 label {
	padding: 2px 15px;
	display: inline-block;
	border: 1px solid #ebebeb;
	border-radius: 5px;
	cursor: pointer;
}
.custom_radio2 input[type="radio"]:checked + label {
	background-color: var(--secondary) 10;
	border: 1px var(--secondary) solid;
}
.custom_radio2 input[type="radio"]:hover + label {
	background-color: var(--secondary) 10;
	border: 1px var(--secondary) solid;
	color: var(--secondary) !important;
}
.radio-label {
	color: rgb(104, 104, 104) !important;
	font-weight: 100 !important;
}
/* ========================================== CUSTOM TEXT RADIO END ========================================== */

/* ========================================== ORDER STATUS CSS END ========================================== */
.open_status {
	color: #f3a047;
	font-weight: 500;
}
.done_status {
	color: #5bc668;
	font-weight: 500;
}
.pending_status {
	color: #2196f3;
	font-weight: 500;
}
.cancelled_status {
	color: #de5252;
	font-weight: 500;
}
/* ========================================== ORDER STATUS CSS END ========================================== */

/* ========================================== SWEETALERT CSS START ========================================== */
.swal-button {
	padding: 5px 30px;
	border-radius: 15px;
	background-color: var(--primary);
	font-size: 14px;
	justify-content: space-evenly;
	color: var(--white);
	border: 0px !important;
}

.swal-button:hover {
	background-color: var(--secondary);
	color: var(--black);
}
/* ========================================== SWEETALERT CSS END ========================================== */

/* ========================================== LOGIN CSS START ========================================== */
.clearfix:after,
.clearfix:before {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
	display: block;
}
a {
	color: inherit;
	text-decoration: none;
}

.login-wrap {
	width: 100%;
	margin: auto;
	max-width: 525px;
	min-height: 670px;
	position: relative;
	/* background: url(https://raw.githubusercontent.com/khadkamhn/day-01-login-form/master/img/bg.jpg)
    no-repeat center;
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24),
    0 17px 50px 0 rgba(0, 0, 0, 0.19); */
}
.login-html {
	width: 100%;
	height: 100%;
	position: absolute;
	padding: 0px 70px 0px 70px;
	text-align: center;
}
.login-html .sign-in-htm,
.login-html .sign-up-htm {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	transform: rotateY(180deg);
	-webkit-backface-visibility: hidden;
	transition: all 0.4s linear;
}
.login-html .sign-in,
.login-html .sign-up,
.login-form .group .check {
	display: none;
}
.login-html .tab,
.login-form .group .label,
.login-form .group .button {
	text-transform: uppercase;
}
.login-html .tab {
	font-size: 22px;
	margin-right: 15px;
	padding-bottom: 5px;
	margin: 0 15px 10px 0;
	display: inline-block;
	border-bottom: 2px solid transparent;
	color: #ccc;
	cursor: pointer;
}
.login-html .sign-in:checked + .tab,
.login-html .sign-up:checked + .tab {
	color: var(--primary);
	border-color: #1161ee;
}
.login-form {
	min-height: 345px;
	position: relative;
	perspective: 1000px;
	transform-style: preserve-3d;
	margin-top: 20px;
}
.login-form .group {
	margin-bottom: 15px;
}
.login-form .group .label,
.login-form .group .input,
.login-form .group .button {
	width: 100%;
	color: var(--grey);
	font-size: 14px;
	display: block;
}
.login-form .group .button {
	width: 100%;
	color: var(--white);
	font-size: 18px;
	font-weight: 400;
}
.login-form .group .input {
	border: solid 1px var(--primary);
	padding: 8px 20px;
	border-radius: 25px;
}
.login-form .group .button {
	margin-top: 40px;
	border: solid 1px var(--primary);
	/* padding: 8px 5px; */
	border-radius: 25px;
}
.login-form .group input[data-type="password"] {
	text-security: circle;
	-webkit-text-security: circle;
}
.login-form .group .label {
	color: var(--grey);
	font-size: 12px;
}
.login-form .group .button {
	background: var(--primary);
	cursor: pointer;
}
.login-form .group label .icon {
	width: 15px;
	height: 15px;
	border-radius: 2px;
	position: relative;
	display: inline-block;
	background: rgba(255, 255, 255, 0.1);
}
.login-form .group label .icon:before,
.login-form .group label .icon:after {
	content: "";
	width: 10px;
	height: 2px;
	background: var(--white);
	position: absolute;
	transition: all 0.2s ease-in-out 0s;
}
.login-form .group label .icon:before {
	left: 3px;
	width: 5px;
	bottom: 6px;
	transform: scale(0) rotate(0);
}
.login-form .group label .icon:after {
	top: 6px;
	right: 0;
	transform: scale(0) rotate(0);
}
.login-form .group .check:checked + label {
	color: var(--white);
}
.login-form .group .check:checked + label .icon {
	background: #1161ee;
}
.login-form .group .check:checked + label .icon:before {
	transform: scale(1) rotate(45deg);
}
.login-form .group .check:checked + label .icon:after {
	transform: scale(1) rotate(-45deg);
}
.login-html
	.sign-in:checked
	+ .tab
	+ .sign-up
	+ .tab
	+ .login-form
	.sign-in-htm {
	transform: rotate(0);
}
.login-html .sign-up:checked + .tab + .login-form .sign-up-htm {
	transform: rotate(0);
}

.hr {
	height: 2px;
	margin: 20px 0 20px 0;
	background: rgba(255, 255, 255, 0.2);
}
.foot-lnk {
	text-align: center;
}
/* .header-lnk {
  text-align: center;
} */
/* ========================================== LOGIN CSS END ========================================== */

/* ========================================== CUSTOM MOBILE CSS START ========================================== */
@media only screen and (max-width: 767px) {
	.removeOnMobile {
		display: none !important;
	}
	.sub-banner {
		display: none;
	}
	.sub-cat {
		display: none;
	}
	.head {
		margin-top: 10px;
		margin-bottom: 0px;
	}
	.side-note {
		display: none;
	}
	.slider_content img {
		width: 40% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: block !important;
	}
	.col-third {
		display: none;
	}
	.slider-shop-button {
		display: none !important;
	}
	.single_slider {
		padding: 0px 10px !important;
	}
	.single_banner {
		margin-bottom: 5px !important;
	}
	.scroll-left {
		white-space: nowrap !important;
	}
	.scroll-left p {
		width: 300%;
		-moz-transform: translateX(100%);
		-webkit-transform: translateX(100%);
		transform: translateX(100%);

		-moz-animation: scroll-left 20s linear infinite;
		-webkit-animation: scroll-left 20s linear infinite;
		animation: scroll-left 20s linear infinite;
	}
	.float {
		position: fixed;
		width: 43px;
		height: 43px;
		bottom: 150px;
		right: 13px;
		background-color: #0c9;
		border-color: var(--white);
		border-width: 2px;
		border-style: solid;
		color: var(--white);
		border-radius: 50px;
		text-align: center;
		box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.185);
		z-index: 99;
	}
	.slider_content p {
		display: none;
	}
	.slider_content h1 {
		font-size: 42px;
		line-height: 42px;
		margin-left: auto !important;
		margin-right: auto !important;
		display: block !important;
	}
	.contact_map {
		height: 200px !important;
	}
	#googleMap {
		height: 250px;
		width: 100%;
	}
	.top-product-title {
		display: block;
	}
	#product_name_bottom {
		display: none;
	}
	.product_name h4 a {
		display: -webkit-box !important;
		-webkit-box-orient: vertical !important;
		-webkit-line-clamp: 3 !important;
		overflow: hidden !important;
		word-wrap: break-word;
		text-overflow: ellipsis;
		line-clamp: 3 !important;
	}

	.text_container p {
		display: -webkit-box !important;
		-webkit-box-orient: vertical !important;
		-webkit-line-clamp: 5 !important;
		overflow: hidden !important;
		word-wrap: break-word;
		text-overflow: ellipsis;
		line-clamp: 5 !important;
	}
	.responsive-slider {
		height: 100%;
		/* margin-top: 20px; */
		/* width: 100%; */
		/* padding-top: 62.5%; */
		/* padding-top: 60%; */
		/* background-image: url(../img/slider/mobile-march-2021.jpg); */
		/* background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		background-attachment: initial; */
	}
	.login-html {
		width: 100%;
		height: 100%;
		position: absolute;
		padding: 0px 40px 0px 40px;
	}
	table[mobileTable] {
		width: 100%;
		border: 0;
		overflow-y: initial !important;
		overflow-x: hidden !important;
	}

	table[mobileTable] thead {
		display: none;
	}

	table[mobileTable] tr {
		border-bottom: 1px solid #ddd;
		margin-bottom: 40px;
		display: block;
	}

	table[mobileTable] td {
		display: flex;
		text-align: right !important;
		justify-content: space-between;
		font-size: 13px;
		font-weight: 400;
	}

	table[mobileTable] td:first-child {
		display: block;
		margin-left: 50%;
		margin-right: auto;
	}

	table[mobileTable] td:first-child {
		border: 0 !important;
	}

	table[mobileTable] td::before {
		content: attr(data-label);
		float: left;
		text-transform: capitalize;
		font-weight: bold;
		font-size: 1rem;
	}

	table[mobileTable] tbody {
		line-height: 15px !important;
	}

	table[mobileTable] tbody tr td {
		/* margin-top: 10px; */
		padding: 12px 0;
		font-size: 14px;
		font-weight: 400;
	}

	.web-share {
		display: none;
	}

	.mobile-share {
		display: inline-flex;
	}

	/* DISABLE ZOOM ON PRODUCT PAGE */
	.zoomWrapper {
		pointer-events: none !important;
	}

	.zoomContainer {
		display: none !important;
	}

	.search_container {
		display: none !important;
	}

	.mobileSearch {
		display: flex !important;
		height: 60px;
		background-color: var(--primary);
		justify-content: center;
		align-content: center;
	}

	.head {
		display: none !important;
	}

	.quick_button {
		display: none !important;
	}

	.custom-number {
		position: relative;
		width: 100px;
		height: 40px;
		margin: 0px !important;
		border-radius: 10px;
		overflow: hidden;
		border: 1px solid var(--grey);
	}

	.newsletter_flyer {
		/* border-radius: 10px; */
		overflow: hidden;
		margin-bottom: 10px;
	}

	/* .compare_column {
		width: 25% !important;
	} */

	.compare_plus {
		display: none !important;
	}

	.custom_cmpare_width {
		width: 100% !important;
	}

	.total_order td {
		font-size: 20px !important;
	}
}

@media only screen and (max-width: 320px) {
	table[mobileTable] td:first-child {
		display: flex;
		justify-content: space-between;
		margin-left: 40%;
		margin-right: auto;
	}
}
/* ========================================== CUSTOM MOBILE CSS END ========================================== */

/* ========================================== CUSTOM TABLET CSS START ========================================== */
@media only screen and (min-width: 770px) and (max-width: 1100px) {
	/* .variant_thumb {
		width: 160px;
	} */

	ul.sub_menu {
		margin-left: -100px !important;
	}

	.sticky-wrapper {
		display: block !important;
	}

	.removeOnTablet {
		display: none !important;
	}

	.sub-cat {
		display: block;
	}

	.quick_button {
		display: none;
	}

	.search_box {
		width: 350px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.anotherRemoveTablet {
		display: none !important;
	}

	.mobileSearch {
		display: flex !important;
		height: 60px;
		background-color: var(--primary);
		justify-content: center;
		align-content: center;
	}
}

@media only screen and (max-width: 770px) {
	/* .variant_thumb {
		width: 160px;
	} */

	ul.sub_menu {
		margin-left: -100px !important;
	}

	.sticky-wrapper {
		display: none !important;
	}

	.removeOnTablet {
		display: none !important;
	}

	.sub-cat {
		display: block;
	}

	.quick_button {
		display: none;
	}

	.search_box {
		width: 350px;
	}

	.mobileSearch {
		display: flex !important;
		height: 60px;
		background-color: var(--primary);
		justify-content: center;
		align-content: center;
	}

	.removeOnSmallTablet {
		display: none !important;
	}

	.search_box {
		width: 300px;
		border: 0px solid #ebebeb;
	}
}
/* ========================================== CUSTOM TABLET CSS END ========================================== */

::-webkit-scrollbar {
	/* Webkit */
	width: 0;
	height: 0;
}

.hs {
	display: flex;
	justify-content: space-between;
	scrollbar-width: none;
	/* Firefox */
	-ms-overflow-style: none;
	-ms-touch-action: pan-x pan-y;
	/* IE 10+ */
	-webkit-overflow-scrolling: touch;
	/* margin: 0 -20px; */
	touch-action: pan-x pan-y;

	overflow-x: auto;
	overflow-y: visible;
}
.hs__header {
	display: flex;
	align-items: center;
	width: 100%;
}
.hs__headline {
	flex: 1;
}
.hs__arrows {
	align-self: center;
}
.hs__arrows .arrow:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	content: "";
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTUgOSI+Cgk8cGF0aCBmaWxsPSIjMzMzMzMzIiBkPSJNNy44NjcgOC41NzRsLTcuMjItNy4yMi43MDctLjcwOEw3Ljg2NyA3LjE2IDE0LjA1Ljk4bC43MDYuNzA3Ii8+Cjwvc3ZnPgo=");
	background-size: contain;
	filter: brightness(0);
	width: 14px;
	height: 10px;
	cursor: pointer;
	color: var(--primary) !important;
}
.hs__arrows .arrow.disabled:before {
	filter: brightness(2);
}
.hs__arrows .arrow.arrow-prev:before {
	transform: rotate(90deg);
	margin-right: 10px;
}
.hs__arrows .arrow.arrow-next:before {
	transform: rotate(-90deg);
}
.hs__item {
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: calc(100% / 6 - (10px * 2) - (20px / 6));
	margin: 10px;
	/* margin-right: 10px; */
	/* margin-bottom: 10px; */
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
@media only screen and (max-width: 990px) {
	.hs__item {
		flex-basis: calc(100% / 4 - (5px * 2) - (20px / 4));
	}
}
@media only screen and (max-width: 767px) {
	.hs__item {
		flex-basis: calc(100% / 2 - (5px * 2) - (20px / 4));
	}
}
.small_p_container .hs__item {
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: calc(100% / 3 - (10px * 2) - (20px / 6));
	margin: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
@media only screen and (max-width: 990px) {
	.small_p_container .hs__item {
		flex-basis: calc(100% / 2 - (80px * 1) - (20px / 4));
	}
}
@media only screen and (max-width: 767px) {
	.small_p_container .hs__item {
		flex-basis: calc(100% / 1 - (80px * 1) - (20px / 4));
	}
}
.product_page .hs__item {
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: calc(100% / 4 - (10px * 2) - (20px / 6));
	margin: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
@media only screen and (max-width: 990px) {
	.product_page .hs__item {
		flex-basis: calc(100% / 2 - (5px * 2) - (20px / 4));
	}
}
.variable_products .hs__item {
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: calc(100% / 3 - (10px * 2) - (20px / 6));
	/* margin: 10px; */
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

@media only screen and (max-width: 990px) {
	.variable_products .hs__item {
		flex-basis: calc(100% / 2 - (80px * 4) - (20px / 4));
	}
}
.hs__item:last-child:after {
	content: "";
	display: block;
	position: absolute;
	width: 10px;
	height: 1px;
	right: calc(10px * 2 * -1);
}
.hs__item:first-child {
	/* margin-left: calc(10px * 2); */
}
.hs__item__content__wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: var(--radius-md);
}
.hs__item__title {
	pointer-events: none;
	display: block;
	max-width: 80%;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	max-height: 3em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/* autoprefixer: ignore next */
	-webkit-box-orient: vertical;
}
/* @media only screen and (min-width: 990px) {
  .hs__wrapper {
    overflow: hidden;
  }
} */
@media (hover: none) and (pointer: coarse) {
	/*.hs__arrows {
		display: none;
	}
	.hs__wrapper .hs__item {
    flex: 1 0 calc(23% - 10px * 2);
  } */
}

/* @media only screen and (hover: none) and (pointer: coarse) and (max-width: 990px) {
  .hs__wrapper .hs__item {
    flex: 1 0 calc(45% - 10px * 2);
  }
} */

/* Base Styling */
/* body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: "Muli", sans-serif;
  font-size: 14px;
  color: white;
  background: white;
  line-height: 1.5;
  letter-spacing: 0.15px;
} */

/* .container {
  max-width: 1600px;
  padding: calc(10px * 2);
  margin: 0 auto;
  background: #121212;
  mix-blend-mode: invert;
  position: relative;
}
.container:after {
  content: "";
  width: 100vw;
  height: 100%;
  background: #212121;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: -1;
} */

/* @media only screen and (min-width: 990px) {
  .container {
    padding: calc(10px * 4) calc(10px * 8);
  }
} */

.description {
	max-width: 1600px;
	color: #212121;
	margin: 0 auto;
	padding: calc(10px * 4);
}

ul {
	padding: 0;
	margin: 0;
}

/* ======================================= LOADER ANIMATION BEGIN ======================================= */

.animationLoading {
	background: var(--white);
	/* border: 1px solid; */
	/* border-color: #e5e6e9; */
	/* border-radius: 3px;  */
	display: block;
	/* height: 150PX;
  width: 250PX; */
	padding: 12px;
	margin: 10px 10px;
}
@keyframes animate {
	0% {
		background-position: -468px 0;
	}
	100% {
		background-position: 468px 0;
	}
}

/* #container{
  width:100%;
  height:30px;
} */

.animate_two,
.animate_three,
.animate_four,
.animate_one,
.animate_five,
.animate_six,
.animate_seven,
.animate_eight,
.animate_nine,
.animate_ten,
.animate_11,
.animate_M1,
.animate_M2,
.animate_M3,
.animate_M4,
.animate_M5 {
	position: relative;
	background-color: #ccc;
	height: 12px;
	margin-bottom: 5px;
	animation-name: animate;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(8%, #eeeeee),
		color-stop(18%, #dddddd),
		color-stop(33%, #eeeeee)
	);
	background: -webkit-linear-gradient(
		left,
		#eeeeee 8%,
		#dddddd 18%,
		#eeeeee 33%
	);
	background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
	-webkit-background-size: 800px 104px;
}

.animate_one {
	height: 170px;
	width: 170px;
	/* margin: auto; */
	margin: 15px 0px;
}

.animate_two {
	width: 70px;
}

.animate_three {
	width: 150px;
}

.animate_four {
	width: 100px;
}

.animate_five {
	width: 100px;
	margin: 0px 0px;
}

.animate_six {
	width: 120px;
	height: 120px;
}

.animate_seven {
	margin-top: 15px;
	width: 90px;
}

.animate_eight {
	width: 200px;
}

.animate_nine {
	width: 160px;
	margin-bottom: 30px;
}

.animate_ten {
	width: 80px;
}

.animate_11 {
	margin-top: 5px;
	width: 100px;
	margin: auto;
}

.animate_M1 {
	width: 150px;
	margin: auto;
	margin-bottom: 10px;
	height: 15px;
}

.animate_M2 {
	width: 250px;
	margin: auto;
	margin-bottom: 10px;
	height: 15px;
}

.animate_M3 {
	width: 180px;
	margin: auto;
	margin-bottom: 10px;
	height: 15px;
}

.animate_M4 {
	width: 250px;
	height: 250px;
	margin: auto;
	margin-bottom: 10px;
}

.animate_M5 {
	width: 160px;
	margin: auto;
	margin-bottom: 10px;
	height: 15px;
}

.animate-web-shop {
	display: inline;
}

.animate-mobile-shop {
	display: none;
}

@media only screen and (max-width: 767px) {
	.animate_six {
		margin-top: 20px;
		width: 60px;
		height: 60px;
	}

	.animate_seven {
		margin-top: 15px;
		width: 50px;
	}

	.animate_eight {
		width: 120px;
	}

	.animate_nine {
		width: 100px;
		margin-bottom: 15px;
	}

	.animate_ten {
		width: 80px;
	}

	.animate-web-shop {
		display: none;
	}

	.animate-mobile-shop {
		display: inline;
	}
}
/* ======================================= LOADER ANIMATION END ======================================= */

/* ========================================== CUSTOM ANIMATING ARROW START ========================================== */
.arrow1 {
	animation: slide1 1s ease-in-out infinite;
	margin-left: 1px;
}

@keyframes slide1 {
	0%,
	100% {
		transform: translate(0, 0);
	}

	50% {
		transform: translate(10px, 0);
	}
}
/* ========================================== CUSTOM ANIMATING ARROW END ========================================== */

/* ========================================== CUSTOM FILTER CHECKBOX START ========================================== */
.filterRadioButton p {
	margin: 0px 0px !important;
}
.filterRadioButton [type="radio"]:checked,
.filterRadioButton [type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}
.filterRadioButton [type="radio"]:checked + label,
.filterRadioButton [type="radio"]:not(:checked) + label {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	color: #666;
	margin: 0px !important;
}
.filterRadioButton [type="radio"]:checked + label:before,
.filterRadioButton [type="radio"]:not(:checked) + label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #ddd;
	border-radius: 100%;
	background: var(--white);
}
.filterRadioButton [type="radio"]:checked + label:after,
.filterRadioButton [type="radio"]:not(:checked) + label:after {
	content: "";
	width: 12px;
	height: 12px;
	background: var(--primary);
	position: absolute;
	top: 3px;
	left: 3px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.filterRadioButton [type="radio"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}
.filterRadioButton [type="radio"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.price ul {
	list-style-type: none;
	display: flex;
	justify-content: start;
}
.price ul li {
	display: block;
	margin-right: 20px;
}

.payment_method .filterRadioButton p {
	margin: 5px 0px !important;
}

.payment_method .filterRadioButton p label {
	font-weight: 400 !important;
}
/* ========================================== CUSTOM FILTER CHECKBOX END ========================================== */

/* ========================================== CUSTOM COMPARE START ========================================== */

.fbt_buy_all {
	/* border-right: 3px solid var(--primary);
	margin-bottom: 20px; */
	width: 100%;
}

.fbt_buy_all p {
	font-size: 20px;
	margin-bottom: 10px;
}

.fbt_buy_all .total_price {
	font-size: 16px;
	color: var(--secondary);
	font-weight: 600;
}

.custom_cmpare_width {
	width: 200px;
}

.compare_table {
	border-spacing: 15px;
}

.image_container {
	display: flex;
	justify-content: start;
	align-items: center;
	width: 100px;
	/* height: 100px; */
	object-fit: contain;
}

.text_container > p {
	font-size: 16px;
	font-weight: 300;
	line-height: 18px;
}

.text_container p {
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
	overflow: hidden !important;
	word-wrap: break-word;
	text-overflow: ellipsis;
	line-clamp: 2 !important;
}

.compare_add_to_cart_div {
	margin: 10px 0px;
}
.compare_add_cart_btn {
	padding: 5px 15px;
	color: #042775;
	font-size: 14px;
	border: 1px solid #042775;
	border-radius: 5px;
	margin: 10px 0px;
}
.compare_add_cart_btn:hover {
	background: #042775;
	color: var(--white);
}
.strong {
	font-weight: 500;
	font-size: 16px;
}
.compare_price {
	font-size: 16px;
	color: #363636;
	margin-top: 10px;
	font-weight: 500;
}
.reset_compare_btn {
	color: red;
	border: 1px solid red;
	border-radius: #999999;
	font-size: 14px;
}
.reset_compare_btn:hover {
	background: rgb(255, 213, 213);
	color: red;
}
/* ========================================== CUSTOM COMPARE END ========================================== */

/* ========================================== CUSTOM PAYMENT METHOD START ========================================== */
.custom_payment_method img {
	/* opacity: 0.6; */
	/* position: absolute; */
	padding: 5px;
}

.custom_payment_method label {
	display: flex;
	justify-content: center;
	align-items: center;
}

.custom_payment_method label p {
	font-size: 24px;
	color: var(--black);
	position: relative;
}

.custom_payment_method input[type="radio"] {
	display: none;
}

.custom_payment_method img:hover {
	opacity: 0.6;
	cursor: pointer;
}

.custom_payment_method img:active {
	opacity: 0.4;
	cursor: pointer;
}

.custom_payment_method input[type="radio"]:checked + label > img {
	outline: 2px solid var(--secondary);
	border-radius: 3px;
}

.custom_payment_method ul {
	list-style-type: none;
}

.custom_payment_method ul li {
	display: inline-block;
}
/* ========================================== CUSTOM PAYMENT METHOD END ========================================== */

/* ========================================== CUSTOM SELECT START ========================================== */
.select select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	outline: 0;
	box-shadow: none;
	border: 0 !important;
	background: var(--primary) 9e;
	background-image: none;
}
/* Remove IE arrow */
.select select::-ms-expand {
	display: none;
}
/* Custom Select */
.select {
	position: relative;
	display: flex;
	width: 20em;
	height: 3em;
	line-height: 3;
	/* background: #2c3e50; */
	overflow: hidden;
	border-radius: 5px;
}
.select select {
	flex: 1;
	padding: 0 0.5em;
	color: var(--white);
	cursor: pointer;
}

/* Arrow */
.select::after {
	content: "\25BC";
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 1em;
	background: var(--primary);
	color: var(--white);
	cursor: pointer;
	pointer-events: none;
	-webkit-transition: 0.25s all ease;
	-o-transition: 0.25s all ease;
	transition: 0.25s all ease;
}
/* Transition */
.select:hover::after {
	color: #00b7ff;
}
/* ========================================== CUSTOM SELECT END ========================================== */

/* ========================================== CUSTOM NUMBER IN PUT START ========================================== */
.custom-number {
	position: relative;
	width: 100px;
	height: 30px;
	margin: auto;
	border-radius: var(--radius-sm);
	overflow: hidden;
	/* border: 1px solid #ddd; */
}

@media screen and (max-width: 768px) {
	.custom-number {
		height: 30px;
		border-radius: var(--radius-sm);
		border: 0;
	}
}

.custom-number input {
	box-sizing: border-box;
	width: 100%;
	padding: 10px 40px;
	border: 0px solid var(--grey);
	border-radius: 5px;
	background-color: var(--white);
	text-align: center;
	color: var(--black);
	font: 400 16px var(--lato-font);
	-moz-appearance: textfield !important;
}

.custom-number input::-webkit-outer-spin-button,
.custom-number input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.number-symbol {
	width: 1.2rem;
	height: 30px;
	position: absolute;
	top: 0;
	background-color: #ddd;
	color: var(--black);
	font: 500 0.9rem var(--lato-font);
	text-align: center;
	cursor: pointer;
	user-select: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 768px) {
	.number-symbol {
		height: 30px;
	}
}

.minus {
	left: 0;
}

.plus {
	right: 0;
}
/*
 * More from me link 🔥
 */
.more {
	position: absolute;
	bottom: 15px;
	right: 15px;
	padding: 7px 21px;
	border-radius: 8px;
	color: var(--white);
	background-color: rgba(0, 0, 0, 0.2);
	font-family: var(--lato-font);
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	overflow: hidden;
	z-index: 1;
	-webkit-animation: reveal 5000ms cubic-bezier(0.87, -0.41, 0.19, 1.44);
	animation: reveal 5000ms cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
.more::before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 20%;
	height: 100%;
	border-radius: 8px;
	background-color: rgba(0, 0, 0, 0);
	transition: max-width 0ms ease 250ms, background-color 250ms ease;
	transform: translate(-50%, -50%);
	z-index: -1;
}
.more:hover::before {
	max-width: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	transition: all 250ms ease;
}

@-webkit-keyframes reveal {
	0%,
	90% {
		bottom: -30px;
	}
	100% {
		bottom: 15px;
	}
}

@keyframes reveal {
	0%,
	90% {
		bottom: -30px;
	}
	100% {
		bottom: 15px;
	}
}
/* ========================================== CUSTOM NUMBER IN PUT END ========================================== */

/* ========================================== CUSTOM CAROUSEL START ========================================== */
.slider_indicator i {
	font-size: 24px !important;
	color: black !important;
}
/* ========================================== CUSTOM CAROUSEL END ========================================== */

/* ========================================== CUSTOM ORDER DETAILS START ========================================== */
.order_details_table_header_cust {
	font-size: 16px;
	font-family: var(--lato-font);
	line-height: 20px;
	text-transform: capitalize;
	color: #363636;
}

.order_details_table_header_cust th {
	text-align: left;
	font-weight: 300;
	font-size: 14px;
	color: var(--grey);
}

.order_details_table_header_cust td {
	width: 150px;
	border-right: 2px solid var(--primary);
	font-weight: 700;
}

.order_details_table_details,
.order_details_customer_info {
	width: 100%;
	font-family: var(--lato-font);
}

.order_details_table_details thead {
	font-weight: 300 !important;
	color: var(--grey);
	font-size: 16px;
	text-align: left;
	padding: 3px 0px;
}

.order_details_table_details tbody,
.order_details_customer_info {
	font-size: 14px;
}

.order_details_table_details thead th {
	width: 150px;
	font-weight: 300 !important;
}

.table_details_first {
	width: 400px !important;
}

.order_details_total_price {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
}

.order_details_customer_info h3 {
	font-weight: 700 !important;
	color: var(--black);
	font-size: 24px;
	text-align: left;
}

.order_details_customer_info p {
	color: var(--grey);
	margin: 0 !important;
	font-size: 14px;
}

.order_details_products tr {
	border-bottom: 1px solid #ccc;
}

.payment_info_rules {
	width: 100% !important;
}

.payment_info_rules thead {
	font-size: 20px;
}

.payment_info_rules > tbody > tr {
	border-bottom: 1px solid #ddd;
}

.payment_info_rules tbody {
	font-size: 16px;
}

.payment_info_rules tfoot {
	font-size: 14px;
	color: var(--grey);
}

#orderNumber {
	font-size: 26px;
	text-decoration: underline;
	color: var(--secondary);
}

.completeOrder_btn {
	background: var(--white);
	border: 1px solid #041f75;
	color: var(--primary);
}

.first_column {
	/* width: 70% !important; */
	/* width: 100% !important; */
}

.scnd_column {
	text-align: right !important;
}

/* ========================================== CUSTOM ORDER DETAILS END ========================================== */

/* ========================================== CUSTOM LOADER CSS START ========================================== */
.lds-ring {
	/* display: inline-block;
	position: relative; */
	/* width: 20px;
	height: 20px; */
}

.lds-ring div {
	box-sizing: border-box;
	display: block;
	width: 20px;
	height: 20px;
	border: 3px solid var(--white);
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: var(--white) var(--white) var(--white) transparent;
}
.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}
@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
/* ========================================== CUSTOM LOADER CSS END ========================================== */

/* ========================================== CUSTOM TOOLTIP CSS START ========================================== */
.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: black;
	color: var(--white);
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;

	/* Position the tooltip text - see examples below! */
	position: absolute;
	z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
	visibility: visible;
}

.tooltip .tooltiptext::after {
	content: " ";
	position: absolute;
	top: 100%; /* At the bottom of the tooltip */
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: black transparent transparent transparent;
}
/* ========================================== CUSTOM TOOLTIP CSS END ========================================== */

/* ========================================== CUSTOM VACATURES CSS START ========================================== */
.vacatures_content {
	width: 100%;
	max-width: 100%;
	/* padding: 100px 0; */
}

.vacatures_content .row {
	margin: 30px 0px;
}

@media screen and (max-width: 1000px) {
	.vacatures_content {
		/* padding: 50px 0; */
	}

	.vacatures_content .row {
		margin: 20px 0px;
	}
}

.vacature_page_header {
	position: relative;
	width: 100%;
	max-width: 100%;
	/* height: 100vh; */
	/* background: rgb(4, 37, 91);
	background: linear-gradient(
		45deg,
		rgba(4, 37, 91, 1) 30%,
		rgba(11, 60, 140, 1) 100%
	); */
}

.vacature_page_header::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	/* background-image: url(https://picsum.photos/1920/1080); */
	background-size: cover;
	opacity: 0.1;
	z-index: 2;
}

.vacature_page_header .content {
	position: relative;
	z-index: 3;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.vacature_page_header .content .container {
	/* padding: 0 100px; */
}

@media screen and (max-width: 768px) {
	.vacature_page_header {
		height: auto;
		padding: 0;
	}

	.vacature_page_header .content {
		/* height: 80vh; */
		height: auto;
		padding: 60px 30px;
	}
}

.vacature_page_header .content h2 {
	color: var(--white);
	font-family: var(--lato-font);
	font-size: 1.5rem;
	font-weight: 300;
	/* letter-spacing: 2px; */
}

.vacature_page_header .content p {
	/* color: var(--white); */
	font-size: 1rem;
	font-family: var(--lato-font);
	/* letter-spacing: 1px; */
}

/* @media screen and (max-width: 768px) {
	.vacature_page_header .content p {
		margin-top: 1rem;
	}
} */

.vacature_page_header .content h2::after {
	content: "";
	display: flex;
	margin: 5px auto;
	width: 10%;
	height: 2px;
	background: rgb(23, 170, 255);
	background: linear-gradient(
		45deg,
		rgba(23, 170, 255, 1) 0%,
		rgba(67, 54, 175, 1) 100%
	);
}

@media screen and (max-width: 768px) {
	.vacature_page_header .content h2::after {
		width: 50%;
	}
}

.vacature_page_header .content h1 {
	color: var(--white);
	margin: 60px 0 40px;
	font-size: 35px;
	color: black;
}

.vacature_page_header .content span {
	color: #17aaff;
}

.vacature_page_header .content .scroll_to_section {
	position: absolute;
	bottom: 100px;
	left: 0;
	right: 0;
	padding: 2px;
	margin: auto;
	color: var(--white);
	font-size: 1rem;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0.5rem 1rem;
	background: transparent;
}

.vacature_page_header .content .scroll_to_section:hover {
	transform: translateY(-10px);
	transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
	.vacature_page_header .content .container {
		padding: 0;
	}

	/* .vacature_page_header .content h1 {
		margin: 0 30px;
	} */

	.vacature_page_header .content .scroll_to_section {
		display: none;
	}
}

.vacatures_header_img {
	object-fit: cover;
	height: 360px;
	width: 100%;
}

.vacatures_jumbo {
	width: 100%;
	margin: 50px 0;
	display: flex;
}

@media screen and (max-width: 1000px) {
	.vacatures_jumbo {
		margin: 0;
		padding: 0px !important;
		height: auto !important;
	}
}

.vacatures_jumbo_content {
	width: 100%;
	display: flex;
	align-items: center;
}

.vacatures_jumbo_content .row {
	width: 100%;
	margin: 0;
}

.vacatures_jumbo_img {
	width: 30rem;
	height: 30rem;
	overflow: hidden;
	border-radius: 15px;
}

@media screen and (max-width: 1000px) {
	.vacatures_jumbo_img {
		width: 20rem;
		height: 20rem;
		margin: 40px 0px;
	}
}
@media screen and (max-width: 768px) {
	.vacatures_jumbo_img {
		margin: 10px 0;
	}
}

.vacatures_jumbo_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.vacatures_jumbo_info {
	width: 100%;
	height: auto;
	align-items: center;
	justify-content: start;
	margin-bottom: 40px;
}

.vacatures_jumbo_info h4 {
	font-size: 1.5rem;
	line-height: 2rem;
	font-family: var(--lato-font);
	text-align: center;
	margin-bottom: 20px;
}

.vacatures_jumbo_info p {
	font-size: 1rem;
	font-weight: 400;
	font-family: var(--lato-font);
	text-align: center;
}

@media screen and (max-width: 768px) {
	.vacatures_jumbo_info h4 {
		font-size: 2rem;
		margin-bottom: 15px;
	}
}

.__custom_column {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;

	flex-direction: column !important;
}

.vacatures_list {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: auto;
	margin-bottom: 40px;
}

@media screen and (max-width: 1000px) {
	.vacatures_list {
		width: 100%;
		margin: auto;
	}
}

.vacatures_list_item {
	width: 100%;
	height: 200px;
	background: var(--white);
	padding: 25px;
	/* box-shadow: 1px 1px 5px var(--black); */
	box-shadow: 0.2rem 0.2rem 5px 0 var(--black) 3;
	position: relative;
	margin: 10px 0px;
	border-radius: 5px;
}

.vacatures_list_item:hover {
	/* box-shadow: 2px 8px 10px var(--black); */
	box-shadow: 0.4rem 0.4rem 5px 0 var(--black) 3;
	transition: 0.2s all ease;
	-webkit-transition: 0.2s all ease;
	-moz-transition: 0.2s all ease;
}

.vacatures_list_item h4 {
	font-size: 18px;
	color: #042775;
	font-weight: 400;
	text-transform: uppercase;
}

.vacatures_list_item p {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.vacatures_list_link {
	color: #042775;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: absolute;
	right: 30px;
}

.vacatures_list_link:hover {
	padding-right: 5px;
}

.vacatures_details_header {
	position: relative;
}

.vacatures_details_header .container {
	position: relative;
}

.vacatures_details_header .container h2 {
	position: absolute;
	bottom: 20px;
	left: 20px;
	color: var(--white);
	font-weight: 700;
	font-family: var(--lato-font);
	font-size: 30px;
	text-transform: capitalize;
}

.vacatures_details_section_header {
	width: 100%;
	border-left: 4px solid #042775;
	padding: 1rem 0.5rem;
	background: #f5f5f5;
}

.vacatures_details_section_header h4 {
	margin: 0;
	font-size: 16px;
}

.vacatures_details_descr {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.vacatures_details_descr h3,
.vacatures_details_form h3 {
	font-size: 20px;
	color: #363636;
	font-weight: 700;
	padding-bottom: 2px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	margin-bottom: 30px;
}

.vacatures_unordered_list {
	list-style-type: disc;
	padding-left: 30px;
	font-size: 14px;
}

.vacatures_unordered_list li {
	padding: 5px 0px;
}

.vacatures_details_form {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.vacatures_details_form form {
	width: 100%;
}

.vacatures_details_form form .row {
	margin: 0;
}

.vacatures_form_btn {
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;

	padding: 0.5rem 2rem;
	background: #042775;
	color: var(--white);
	text-transform: uppercase;
	font-weight: 600;
	border-radius: 5px;
	border: 0;
}

.vacatures_form_btn:hover {
	background: var(--white);
	outline: 1px solid #042775;
	outline-offset: -1px;
	color: #042775;
	transition: all 0.2s ease;
}

.vacatures_form_btn:active {
	transform: scale(0.87);
}

.vacature_type_container {
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	border-radius: 5px;
	height: 300px;
	position: relative;
}

.vacature_type_description {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	max-width: 80%;
	padding: 2rem;
	text-align: left;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	visibility: visible;
	opacity: 1;
	background: rgb(255, 255, 255);
	background: linear-gradient(
		90deg,
		rgba(255, 255, 255, 0.6558824213279062) 50%,
		rgba(255, 255, 255, 0) 100%
	);
	transition: all 0.3s ease-in-out;
	color: var(--primary) !important;
}

@media screen and (max-width: 768px) {
	.vacature_type_description {
		opacity: 1;
		visibility: visible;
	}
}

.vacature_type_description h4 {
	font-size: 24px;
	word-break: normal;
	font-weight: 600;
}

.vacature_type_description p {
	font-size: 16;
	word-break: normal;
	line-height: 18px;
	color: var(--primary) !important;
}

.vacature_type_container:hover .vacature_type_description {
	visibility: visible;
	opacity: 1;
	/* animation: slideopen 0.75s ease forwards; */
}

.vacatures_list_content {
	/* padding: 50px 0; */
}

.vacature_list_item {
	width: 100%;
	height: auto;
	padding: 20px;
	border-bottom: 0.5px solid #999;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

@media screen and (max-width: 768px) {
	.vacature_list_item {
		flex-direction: column;
	}
}

.vacature_list_item .header {
	display: flex;
	flex-direction: row;
	align-items: start;
	justify-content: space-between;
	width: 35%;
}

@media screen and (max-width: 768px) {
	.vacature_list_item .header {
		width: 100%;
	}
}

.vacature_list_item .header .title {
	font-size: 1.5rem;
	font-weight: bold;
	font-family: var(--lato-font);
	display: inline;
	margin: 0;
}

.vacature_list_item .header .location {
	color: var(--secondary);
	font-size: 1rem;
	text-transform: capitalize;
	margin: 5px 0;
	display: flex;
	justify-content: start;
	align-items: center;
}

.vacature_list_item .header .location .feather {
	width: 20px;
	height: 20px;
	margin-right: 5px;
}

.vacature_list_item .body {
	width: 65%;
}

@media screen and (max-width: 768px) {
	.vacature_list_item .body {
		width: 100%;
	}
}

.vacature_list_item .body p {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.visit_job {
	padding: 0.2rem 0.8rem;
	background: var(--white);
	color: var(--secondary);
	border: 1px solid var(--secondary);
	border-radius: 5px;
	font-size: 16px;
}

.visit_job:hover {
	background: var(--secondary);
	color: var(--white);
	transition: all 0.3s ease-in-out;
}

@keyframes slideopen {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(0%);
	}
}
/* ========================================== CUSTOM VACATURES CSS END ========================================== */

/* ========================================== CUSTOM QUOTATION CSS START ========================================== */
.quotation_content {
	width: 100%;
	height: auto;
	max-width: 100%;
}

.quotation_row {
	width: 100%;
	display: flex;
	max-width: 100%;
	margin: 40px 0px;
}

/* .quotation_row .row {
	width: 100%;
} */

@media screen and (max-width: 768px) {
	.quotation_row {
		margin: 20px 0px !important;
		justify-content: center !important;
	}
}

.quotation_header {
	display: flex;
	justify-content: center;
	align-items: start;
	flex-direction: column;
}

.quotation_header h3 {
	text-align: center;
	font-size: 20px;
	color: #363636;
	font-weight: 700;
	padding-bottom: 2px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
	width: 100%;
}

.quotation_header p {
	text-align: left;
}

.quotation_header a {
	color: var(--secondary);
}

.quotation_img_container {
	/* max-width: 100%;
	max-height: 600px; */

	max-width: 30rem;
	border-radius: 15px;
	overflow: hidden;
}

.quotation_img_container img {
	/* width: 100% !important;
	height: 600px !important; */
	width: 100%;
	border-radius: 15px;
	object-fit: contain !important;
	overflow: hidden !important;
}

@media screen and (max-width: 768px) {
	.quotation_img_container {
		max-width: 100%;
		max-height: 400px;
	}

	.quotation_img_container img {
		width: 100% !important;
		height: 400px !important;
		object-fit: contain !important;
		overflow: hidden !important;
	}
}

.quotation_form {
	/* width: 100% !important; */
}

.quotation_form input::placeholder {
	opacity: 0.4;
}

.quotation_form_required {
	font-size: 12px;
	opacity: 0.4;
}

.quotation_item_add_btn {
	width: 100% !important;
	max-width: 100%;
	background: var(--white) !important;
	color: var(--secondary) !important;
	border: 1px solid var(--secondary) !important;
}

.quotation_item_add_btn:hover {
	background: var(--secondary) !important;
	color: var(--white) !important;
}

.quotation_item_remove_btn {
	background: var(--white) !important;
	color: #db4545 !important;
	border: none !important;
	font-size: 20px !important;
}

.quotation_item_remove_btn:hover {
	background: rgba(219, 69, 69, 0.178) !important;
}

.quotation_form_submit_btn {
	/* appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	border: 0;
	color: var(--white);
	padding: .5rem 2rem;
	height: auto !important;
	line-height: 24px !important; */

	background: var(--secondary) !important;
	width: auto !important;
	height: auto !important;
	padding: 0.2rem 1rem !important;
}

.quotation_form_submit_btn:hover {
	background: #1496e0 !important;
}

@media screen and (max-width: 768px) {
	.quotation_item_add_btn {
		width: 100% !important;
		margin-top: -10px;
	}

	.quotation_item_remove_btn {
		width: auto !important;
	}
}
/* ========================================== CUSTOM QUOTATION CSS END ========================================== */

/* ========================================== CUSTOM SWITCH CSS START ========================================== */
.toggle {
	margin: 0 0 1.5rem;
	box-sizing: border-box;
	font-size: 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: stretch;
}
.toggle input {
	width: 0;
	height: 0;
	position: absolute;
	left: -9999px;
}
.toggle input + label {
	margin: 0;
	padding: 0.75rem 2rem;
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	border: solid 1px #ddd;
	background-color: var(--white);
	font-size: 1rem;
	line-height: 140%;
	font-weight: 600;
	text-align: center;
	box-shadow: 0 0 0 rgba(255, 255, 255, 0);
	transition: border-color 0.15s ease-out, color 0.25s ease-out,
		background-color 0.15s ease-out, box-shadow 0.15s ease-out;

	/* ADD THESE PROPERTIES TO SWITCH FROM AUTO WIDTH TO FULL WIDTH */
	/*flex: 0 0 50%; display: flex; justify-content: center; align-items: center;*/
	/* ----- */
}
.toggle input + label:first-of-type {
	border-radius: 6px 0 0 6px;
	border-right: none;
}
.toggle input + label:last-of-type {
	border-radius: 0 6px 6px 0;
	border-left: none;
}
.toggle input:hover + label {
	border-color: #213140;
}
.toggle input:checked + label {
	background-color: var(--secondary);
	color: var(--white);
	box-shadow: 0 0 10px rgba(102, 179, 251, 0.5);
	border-color: #4b9dea;
	z-index: 1;
}
.toggle input:focus + label {
	/* outline: dotted 1px #ccc;
	outline-offset: 0.45rem; */
}
@media (max-width: 800px) {
	.toggle input + label {
		padding: 0.75rem 0.25rem;
		flex: 0 0 50%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
/* ========================================== CUSTOM SWITCH CSS END ========================================== */

/* ========================================== CUSTOM REVIEWS CSS START ========================================== */
.reviews_row {
	display: flex;
	align-items: center;
	width: 100%;
	height: 600px;
}

@media screen and (max-width: 1200px) {
	.reviews_row {
		margin: 20px 0px !important;
		height: auto !important;
	}
}

.reviews_img_container {
	width: 100%;
	max-height: 500px;
}

.reviews_img {
	width: 100%;
	height: 500px;
	object-fit: contain;
	overflow: hidden;
}

@media screen and (max-width: 1200px) {
	.reviews_img_container {
		margin: 15px 0;
	}

	.reviews_img {
		height: auto !important;
	}
}

.reviews_summary_column_container {
	height: 100%;
	overflow: auto;
	scroll-behavior: smooth;
	scrollbar-color: #ccc var(--white);
	scrollbar-width: thin !important;
}

.reviews_summary_column_container > ::-webkit-scrollbar {
	width: 4px !important;
}

.reviews_summary_column_container > ::-webkit-scrollbar-thumb {
	background: #ccc !important;
}

.reviews_summary_column_container {
	width: 4px !important;
}

.reviews_box {
	height: 325px;
	max-height: 350px;
	border-radius: 2px;
	border: 1px solid #ccc;
	display: inline-flex;
	flex-direction: column;
	padding: 40px;
	position: relative;
	background: #f7fdff;
}

.reviews_box::before {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url("https://www.steelmagnoliametalart.com/wp-content/uploads/2016/12/114658-magic-marker-icon-alphanumeric-quote-open2.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: 0.029;
}

.reviews_box.is-active {
	/* outline: 5px solid var(--secondary); */
	/* outline-offset: -5px; */
	box-shadow: 2px 2px 20px var(--black);
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
}

.reviews_box hr {
	border-top: 1px solid var(--grey);
}

.reviews_box_header h4 {
	font-size: 20px;
	font-weight: 700;
	color: var(--black);
	text-transform: capitalize;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--grey);
}

.splide_gradient {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(to right, var(--white) 00 80%, var(--white) 100%);
}

@media screen and (max-width: 1200px) {
	.splide_gradient {
		display: none !important;
	}
}
/* ========================================== CUSTOM REVIEWS CSS END ========================================== */

/* ========================================== CUSTOM CONTACT US CSS START ========================================== */
.storeContent {
	/* width: 100%; */
	display: flex;
	padding: 15px;
	flex-direction: row;
	flex-wrap: wrap;
}

.storeContent section {
	display: flex;
	width: 50%;
	max-width: 50%;
	margin: 15px 0;
}

@media screen and (max-width: 760px) {
	.storeContent {
		flex-direction: column;
	}

	.storeContent section {
		width: 100%;
		max-width: 100%;
	}
}

.storeContainer {
	width: 100%;
	max-width: 100%;
	display: flex;
	flex-direction: row;
}

.storeImageContainer {
	width: 40%;
	display: flex;
	align-items: start;
	overflow: hidden;
	object-fit: contain;
}

.storeImageContainer img {
	width: 100%;
	border-radius: 5px;
	object-fit: contain;
}

@media screen and (max-width: 768px) {
	.storeImageContainer {
		width: 100%;
	}
}

.storeImage {
	width: 250px !important;
	height: auto;
	border-radius: 5px;
}

.storeInfo {
	width: 60%;
	padding: 0 20px;
}

@media screen and (max-width: 768px) {
	.storeInfo {
		width: 100%;
		padding: 0 20px;
	}
}

.storeInfo p {
	margin-bottom: 10px;
}

.storeInfo p:after {
	content: "";
	display: block;
	margin: 0;
	padding-top: 10px;
	border-bottom: 3px solid var(--secondary);
	width: 20%;
}

.storeInfo table {
	width: 100%;
}

.vertical-align-top td {
	vertical-align: top;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
	.storeImage {
		width: 200px !important;
	}
}

@media screen and (max-width: 768px) {
	.storeContainer {
		flex-direction: column !important;
		padding: 20px !important;
	}

	.storeImage {
		width: 100% !important;
	}

	.storeInfo {
		padding: 10px 0;
	}
}
/* ========================================== CUSTOM CONTACT US CSS END ========================================== */

/* ========================================== CUSTOM NEW ARRIVAL CSS START ========================================== */
.new_arrival_container {
	/* background: linear-gradient(98deg, rgba(22, 170, 255, 1) 36%, rgba(7, 47, 117, 1) 100%); */
	background: var(--secondary);
	padding: 35px 15px;
	border-radius: var(--radius-md);
}

@media screen and (max-width: 768px) {
	.new_arrival_container {
		border-radius: 0;
	}
}

.new_arrival_container .hs__header {
	margin-bottom: 20px;
}

.new_arrival_container .hs {
	max-width: 100%;
	padding: 0 !important;
	margin: 0 !important;
}

.new_arrival_container .hs__item {
	margin: 10px 10px 10px 0;
}

.new_arrival_container .hs__header .hs__arrows .arrow::before {
	-webkit-filter: brightness(0) invert(1) !important;
	filter: brightness(0) invert(1) !important;
	border-radius: 5px !important;
}

.new_arrival_section_title {
	color: var(--white) !important;
	background: #042f74;
	padding: 10px 25px;
	border-radius: 5px;
	/* margin-left: -10px; */
	line-height: 18px !important;
	margin-bottom: 0 !important;
}

.new_arrival_box {
	width: 190px;
	height: auto;
	display: inline-flex;
	flex-direction: column;
	padding: 10px;
	background: var(--white);
	border-radius: var(--radius-md);
	position: relative;
	margin-right: 10px;
	flex-grow: 1;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
}

.new_arrival_box:hover {
	/* box-shadow: 5px 5px 5px var(--black); */
}

.new_arrival_img_container {
	position: relative;
	width: 100%;
	max-width: 100%;
	max-height: 220px;
	overflow: hidden;
	object-fit: contain;
}

.new_arrival_img {
	height: 150px;
	width: 100%;
	object-fit: contain;
	overflow: hidden;
	margin: 10px 0;
}

.new_arrival_badge {
	position: absolute;
	top: 10px;
	right: 10px;

	padding: 0px 10px;
	border-radius: var(--radius-sm);
	background: #f41e33;

	display: flex;
	justify-content: center;
	align-items: center;
}

.new_arrival_badge span {
	color: var(--white);
	/* font-weight: 700; */
	font-family: var(--lato-font);
	font-size: 10px;
}

.new_arrival_header {
	overflow: hidden;
	margin: 10px 0;
}

.new_arrival_header h4 {
	display: -webkit-box;
	display: -moz-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.new_arrival_footer {
	width: 100%;
	margin-top: 10px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.new_arrival_price_tag {
	font-weight: 600;
	font-size: 18px;
	color: var(--black);
	margin: 0;
}

.new_arrival_to_cart {
	padding: 5px 20px;
	/* display: flex; */
	display: none;
	justify-content: center;
	align-items: center;
	background: var(--white);
	outline: 1px solid var(--primary);
	outline-offset: -1px;
	border-radius: 5px;
	color: var(--primary);
	border: none;
}

.new_arrival_to_cart:hover {
	background: var(--primary);
	color: var(--white);
}

@media screen and (max-width: 1000px) {
	.new_arrival_box {
		width: 180px;
	}
}

.new_arrival_outer_container {
	width: 100%;
	display: flex;
	flex-direction: row;
	background: var(--secondary);
	padding: 2rem;
	border-radius: var(--radius-md);
}

.new_arrival_heading_container {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30%;
	height: 100%;
}

.new_arrival_heading_container .heading {
	font-size: 1.8rem;
	font-weight: 600;
	text-align: left;
	text-transform: capitalize;
	word-break: normal;
	color: var(--white);
}

.new_arrival_products_container {
	width: 80%;
	height: auto;
}

.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.new-arrival-badge {
	padding: 0.3rem 0.5rem;
	background: #f41e33;
	width: max-content;
	position: absolute;
	right: 0;
	top: 20px;
	border-radius: var(--radius-sm);
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 0.7rem;
	font-weight: 600;
	line-height: 100%;
	text-transform: uppercase;
}
/* ========================================== CUSTOM NEW ARRIVAL CSS END ========================================== */

/* ========================================== CUSTOM COMPARE CSS START ========================================== */
.compare_table_container {
	width: 100% !important;
	display: block;
	overflow-x: auto;
	position: relative;
}

.compare_table_new {
	width: 100%;
}

.compare_table_new tr {
	width: 100%;
	display: inline-flex;
}

.compare_table_new td {
	border: 0.5px solid #ccc;
	padding: 20px;
}

.compare_side_header {
	width: 10%;
	color: #999;
	font-weight: 500;
	font-size: 14px;
	display: inline-flex;
	/* justify-content: center; */
	align-items: center;
}

.compare_item_container {
	width: calc(90% / 3);
	height: auto;
	display: inline-flex;
	flex-direction: column;
	position: relative;
}

.compare_item_img {
	width: 200px;
	height: 200px;
	align-self: center;
}

.compare_item_container p {
	margin: 0;
	font-weight: 300;
	color: var(--secondary);
}

.compare_item_container.price_tag {
	flex-direction: row !important;
	align-items: center;
	justify-content: space-between;
}

.compare_item_container.price_tag p {
	font-size: 18px;
	font-weight: 600;
	color: #010101;
	margin: 0;
}

.compare_specs_value {
	font-size: 16px !important;
	font-weight: 600 !important;
	color: #010101 !important;
}

.compare_add_to_cart {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;

	background: var(--white);
	color: var(--secondary);
	border: 0;
	padding: 0.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: var(--radius-sm);
}

.compare_add_to_cart:hover {
	background: var(--secondary);
	color: var(--white) !important;
}

.compare_add_to_cart .feather {
	width: var(--icon-width-height);
	height: auto;
}

.compare_table_specs {
	width: 100%;
	border: 0;
	font-size: 16px;
}

.compare_table_specs td {
	border: 0;
	padding: 0;
}

.compare_table_specs tr {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 0;
	border-bottom: 0.5px solid #ccc;
}

.compare_table_specs tr td:nth-child(2) {
	/* width: calc(100% - 100px); */
	/* padding-bottom: 10px; */
	width: 50%;
}

.compare_reset {
	border: 0;
	background: #f94144;
	color: var(--white);
	border-radius: var(--radius-sm);
	padding: 0.5rem;

	position: absolute;
	top: 20px;
	right: 20px;

	display: flex;
	justify-content: center;
	align-items: center;
}

.compare_reset .feather {
	width: var(--icon-width-height);
	height: auto;
}

@media screen and (max-width: 1000px) {
	.compare_side_header {
		width: 100px;
		position: sticky;
		left: 0;
		background: var(--white);
		z-index: 20;
		word-break: break-word;
	}

	.compare_item_container {
		width: 250px;
	}
}
/* ========================================== CUSTOM COMPARE CSS END ========================================== */

/* ========================================== CUSTOM BREADCRUMB CSS START ========================================== */
.classic_breadcrumb {
	display: flex;
}

.classic_breadcrumb li {
	padding-right: 2rem;
	display: flex;
	position: relative;
}

.classic_breadcrumb li.active a,
.classic_breadcrumb li.active a:visited {
	color: var(--primary);
}

.classic_breadcrumb li.active a:hover,
.classic_breadcrumb li.active a:active,
.classic_breadcrumb li.active a:visited:hover,
.classic_breadcrumb li.active a:visited:active {
	color: var(--primary);
}

.classic_breadcrumb li a,
.classic_breadcrumb li a:visited {
	display: block;
	padding: 1rem 0;
	text-decoration: none;
	color: #010101;
}

.classic_breadcrumb li a:hover,
.classic_breadcrumb li a:active,
.classic_breadcrumb li a:visited:hover,
.classic_breadcrumb li a:visited:active {
	color: var(--grey);
}
.classic_breadcrumb li:not(:last-of-type)::before {
	content: "/";
	display: block;
	position: absolute;
	font-size: 1rem;
	top: 50%;
	right: 0;
	transform: translate(50%, -50%);
	color: #010101;
	padding-right: 2rem;
}
/* ========================================== CUSTOM BREADCRUMB CSS END ========================================== */

/* ========================================== CUSTOM OFFCANVAS CART CSS START ========================================== */
.offcanvas-cart {
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	left: auto;
	display: flex;
	overflow-x: hidden;
	/* overflow-y: scroll; */
	width: 400px;
	height: 100%;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	background: var(--white);
	/* box-shadow: 1px 1px 10px var(--black); */
	transform: translateX(-100%);
	border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
}

.offcanvas-cart::-webkit-scrollbar {
	width: 0;
	background: transparent;
}

@media screen and (max-width: 768px) {
	.offcanvas-cart {
		width: 80%;
	}
}

.offcanvas-cart.offcanvas-cart-active {
	transform: translateX(0%) !important;
}

.offcanvas-cart-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #00000022;
	z-index: 9999;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	display: none;
}

.offcanvas-cart-content {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 40px 20px;
}

.offcanvas-cart-close {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
	color: var(--grey);
}

.offcanvas-cart-summary {
	padding: 0 15px;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.offcanvas-cart-summary hr {
	margin: 15px 0 !important;
	border-top: 1px solid #ccc !important;
}

.offcanvas-cart-summary table {
	width: 100%;
}

.offcanvas-cart-summary table td {
	padding: 5px 0;
}

.cart-summary-desc {
	width: 40%;
	font-size: 18px;
	font-weight: 700;
	color: var(--black);
}

.cart-summary-value {
	width: 60%;
	font-size: 18px;
	font-weight: 400;
	color: var(--black);
}

.offcanvas-cart-body {
	height: 100%;
	max-height: 100%;

	-ms-overflow-style: none; /* for Internet Explorer, Edge */
	scrollbar-width: none; /* for Firefox */
	overflow-y: scroll;
}

.offcanvas-cart-body::-webkit-scrollbar {
	display: none; /* for Chrome, Safari, and Opera */
}

.offcanvas-cart-item {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0 15px;
}

.offcanvas-cart-img-container {
	width: 120px;
	height: 120px;
	overflow: hidden;
	object-fit: contain;
	display: flex;
	align-items: center;
	margin-right: 15px;
}

.offcanvas-cart-img {
	width: 120px;
	height: auto;
	object-fit: contain;
	border-radius: 5px;
}

.offcanvas-cart-body-container {
	width: calc(100% - 120px);
}

.offcanvas-cart-body-container h4 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical !important;
	overflow: hidden;
	font-weight: 500 !important;
}

.offcanvas-cart-body-container p {
	font-size: 16px;
	color: var(--black);
}

.offcanvas-cart-body-container .offcanvas-cart-quantity {
	color: var(--grey);
}

.offcanvas-cart-item-footer {
	display: flex;
	flex-direction: row;
	width: 100%;
	position: relative;
}

.offcanvas-cart-remove-item,
.offcanvas-cart-add-item {
	/* background: #f94144; */
	background: var(--white);
	border: 0;
	color: #f94144;
	border-radius: var(--radius-sm);
	/* padding: 0.5rem; */
	/* margin: 5px !important; */

	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

.offcanvas-cart-add-item {
	background: var(--secondary) !important;
}

.offcanvas-cart-remove-item .feather,
.offcanvas-cart-add-item .feather {
	width: var(--icon-width-height);
	height: auto;
}

.offcanvas-cart-checkout-btn {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	background: var(--secondary);
	border: 0;
	color: var(--white);
	text-transform: uppercase;
	margin: 5px 0;
	border-radius: var(--radius-sm);
	font-size: 14px;
	padding: 0.3rem 0;
}

.offcanvas-cart-checkout-btn:hover {
	color: var(--white) !important;
}

.offcanvas-cart-checkout-btn .feather {
	width: 18px;
	height: 18px;
}

@media screen and (max-width: 1000px) {
	.offcanvas-cart-content {
		padding: 40px 0;
	}

	.offcanvas-cart-img-container {
		width: 80px;
	}

	.offcanvas-cart-img {
		width: 80px;
	}

	.offcanvas-cart-body-container {
		width: calc(100% - 80px);
	}
}
/* ========================================== CUSTOM OFFCANVAS CART CSS END ========================================== */

/* ========================================== CUSTOM NAVBAR COMPARE ICON CSS START ========================================== */
.compare_icon_navbar {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--radius-md);
	border: 1px solid var(--primary);
	color: var(--primary);
	padding: 0.5rem;
	margin: 0 15px;
}

.compare_icon_navbar a {
	display: flex;
	align-items: center;
	justify-content: center;
}

.compare_icon_navbar a:hover {
	color: var(--primary);
}

.compare_icon_navbar a .feather {
	width: var(--icon-width-height);
	height: auto;
}

.compare_icon_navbar_counter {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
	background: #f94144;
	/* border: .5px solid #a11b1b; */
	border-radius: 50%;
	color: var(--white);
	font-weight: 500;
	font-size: 14px;
	top: -12px;
	right: -12px;
}
/* ========================================== CUSTOM NAVBAR COMPARE ICON CSS END ========================================== */

/* ========================================== CUSTOM LOGIN PAGE 2ND CSS START ========================================== */
.submit_reset_pass_form {
	margin: 1rem 0;
	padding: 0.6rem;
	border: 1px solid var(--primary);
	border-radius: var(--radius-md);
	font-size: 0.9rem;
	font-weight: 400;
	text-transform: uppercase;
	width: 100%;
	display: block;
	text-align: center;
	color: var(--primary);
}

.submit_reset_pass_form:hover {
	color: var(--primary);
}

.overlay,
.form-panel.one:before {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
}

.form {
	z-index: 15;
	position: relative;
	background: var(--white);
	width: 600px;
	border-radius: var(--radius-md);
	box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.1);
	/* box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); */
	/* margin: 100px auto 10px; */
	box-sizing: border-box;
	margin: auto;
	overflow: hidden;
	height: 800px;
}
.form-toggle {
	z-index: 10;
	position: absolute;
	top: 40px;
	right: 30px;
	background: var(--white);
	width: 45px;
	height: 45px;
	border-radius: 100%;
	transform-origin: center;
	transform: translate(0, -25%) scale(0);
	opacity: 0;
	cursor: pointer;
	transition: all 0.3s ease;
}
.form-toggle:before,
.form-toggle:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 4px;
	background: var(--primary);
	transform: translate(-50%, -50%);
}
.form-toggle:before {
	transform: translate(-50%, -50%) rotate(45deg);
}
.form-toggle:after {
	transform: translate(-50%, -50%) rotate(-45deg);
}
.form-toggle.visible {
	transform: translate(0, -25%) scale(1);
	opacity: 1;
}
.form-group {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 20px;
}
.form-group:last-child {
	margin: 10px 0;
}
.form-group label {
	display: block;
	margin: 0 0 10px;
	color: rgba(0, 0, 0, 0.6);
	font-size: 1rem;
	font-weight: 500;
	line-height: 1;
	text-transform: capitalize;
}
.two .form-group label {
	color: var(--white);
}
.form-group input {
	outline: none;
	display: block;
	background: rgba(252, 185, 185, 0.2);
	width: 100%;
	border: 0;
	border-radius: var(--radius-md);
	box-sizing: border-box;
	padding: 12px 20px;
	color: rgba(0, 0, 0, 0.6);
	font-family: inherit;
	font-size: inherit;
	font-weight: 500;
	line-height: inherit;
	transition: 0.3s ease;
}
.form-group input:focus {
	color: rgba(0, 0, 0, 0.8);
}
.two .form-group input {
	color: var(--white);
}
.form-group input[type="number"] {
	-moz-appearance: textfield;
}
.form-group input[type="number"]::-webkit-outer-spin-button,
.form-group input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.two .form-group input:focus {
	color: var(--white);
}
.form-group button {
	outline: none;
	background: var(--primary);
	width: 100%;
	border: 0;
	border-radius: var(--radius-md);
	padding: 12px 20px;
	color: var(--white);
	font-family: inherit;
	font-size: inherit;
	font-weight: 500;
	line-height: inherit;
	text-transform: uppercase;
	cursor: pointer;
}
.two .form-group button {
	background: var(--white);
	color: var(--primary);
}
.form-group .form-remember {
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
}
.form-group .form-remember input[type="checkbox"] {
	display: inline-block;
	width: auto;
	margin: 0 10px 0 0;
}
.form-group .form-recovery {
	color: var(--primary);
	font-size: 1rem;
	text-decoration: none;
}
.form-panel {
	padding: 60px calc(5% + 60px) 60px 60px;
	box-sizing: border-box;
}
@media screen and (max-width: 768px) {
	.form-panel {
		box-sizing: border-box;
		padding: 35px 50px 35px 15px;
	}
}
.form-panel.one:before {
	content: "";
	display: block;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s ease;
}
.form-panel.one.hidden:before {
	display: block;
	opacity: 1;
	visibility: visible;
}
.form-panel.two {
	z-index: 5;
	position: absolute;
	top: 0;
	left: 93%;
	background: var(--primary);
	width: 100%;
	min-height: 100%;
	padding: 60px 60px 60px 60px;
	transition: 0.3s ease;
	cursor: pointer;
}
@media screen and (max-width: 768px) {
	.form-panel.two {
		box-sizing: border-box;
		padding: 35px 35px 35px 35px;
		left: 90%;
	}
}
.form-panel.two:after {
	content: "register";
	display: block;
	position: absolute;
	transition: 0.3s ease;
	transform: rotate(-90deg);
	font-family: var(--lato-font);
	font-size: 1.5rem;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.8);
	text-transform: capitalize;
	top: 60px;
}
.form-panel.two:after {
	left: -4.5%;
}
@media screen and (max-width: 768px) {
	.form-panel.two:after {
		font-size: 1.4rem;
		left: -8%;
	}
}
.form-panel.two:hover {
	left: 91%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.form-panel.two:hover:before,
.form-panel.two:hover:after {
	/* opacity: 0; */
}
.form-panel.two.active {
	left: 0%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	cursor: default;
}
.form-panel.two.active:before,
.form-panel.two.active:after {
	opacity: 0;
}
.form-header {
	margin: 0 0 40px;
}
.form-header h1 {
	padding: 4px 0;
	color: var(--primary);
	font-size: 1.5rem;
	font-weight: 700;
	text-transform: capitalize;
}
.two .form-header h1 {
	position: relative;
	z-index: 40;
	color: var(--white);
}
.pen-footer {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 600px;
	margin: 20px auto 100px;
}
.pen-footer a {
	color: var(--white);
	font-size: 12px;
	text-decoration: none;
	text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.pen-footer a .material-icons {
	width: 12px;
	margin: 0 5px;
	vertical-align: middle;
	font-size: 12px;
}

.cp-fab {
	background: var(--white) !important;
	color: var(--primary) !important;
}
/* ========================================== CUSTOM LOGIN PAGE 2ND CSS END ========================================== */

/* ========================================== CUSTOM PICKUP LOCATION START ========================================== */
.pickup_location_container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.single_location {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	width: calc(100% / 3 - 10px);
	padding: 8px;
	border: 0.5px solid #ccc;
	border-radius: var(--radius-md);
	padding: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.single_location p {
	margin: 0;
	font-weight: 500;
	text-transform: capitalize;

	width: 80%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.single_location a {
	width: 30px;
	height: 30px;
	display: grid;
	align-content: center;
	justify-content: center;
	background: #74c471;
	color: var(--white) !important;
	border-radius: var(--radius-sm);
}

.single_location a:hover {
	/* border: 1px solid var(--secondary);
	color: var(--secondary) !important; */
}

@media screen and (max-width: 768px) {
	.single_location {
		padding: 5px;
		width: max-content;
	}

	.single_location p {
		margin: 0 15px 0 0;
		width: auto;
		white-space: inherit;
		overflow: visible;
		text-overflow: inherit;
	}
}
/* ========================================== CUSTOM PICKUP LOCATION END ========================================== */

/* ========================================== CUSTOM PICKUP LOCATION END ========================================== */
.card-accordion-container {
	padding: 5px !important;
	max-height: 30rem;
	overflow: auto;
}
/* ========================================== CUSTOM PICKUP LOCATION END ========================================== */

/* ========================================== CUSTOM BRANDS ROW SLIDER START ========================================== */
@-webkit-keyframes scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(calc(-250px * 7));
	}
}

@keyframes scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(calc(-250px * 7));
	}
}
.brands-slider {
	background: white;
	/* box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125); */
	height: 100px;
	margin: auto;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.brands-slider::before,
.brands-slider::after {
	background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
	content: "";
	height: 100px;
	position: absolute;
	width: 200px;
	z-index: 2;
}
.brands-slider::after {
	right: 0;
	top: 0;
	transform: rotateZ(180deg);
}
.brands-slider::before {
	left: 0;
	top: 0;
}
.brands-slider .slide-track {
	-webkit-animation: scroll 60s linear infinite;
	animation: scroll 60s linear infinite;
	display: flex;
}

.brands-slider .slide {
	height: 100px;
	width: 250px;
}
/* ========================================== CUSTOM BRANDS ROW SLIDER END ========================================== */

/* ========================================== CUSTOM ASK FOR PRODUCT START ========================================== */
.ask_product_area {
	position: relative;
	background: #fdfdfd;
	margin: 30px 0;
	/* background-image: url("https://toppng.com/uploads/preview/pattern-patterns-background-tumblr-doddle-black-free-memphis-patter-115631302278wqfamiy2l.png"); */
	/* background-image: url("https://i.pinimg.com/originals/26/a8/8d/26a88de3f93c9290706ad98336b59cb4.jpg"); */
	/* background-size: contain; */
	/* background-blend-mode: lighten; */
	/* display: none !important; */
}

.ask_product_area::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url("https://toppng.com/uploads/preview/pattern-patterns-background-tumblr-doddle-black-free-memphis-patter-115631302278wqfamiy2l.png");
	background-size: contain;
	opacity: 0.03;
}

.ask_product_content {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 20px;
}

.ask_product_area h3 {
	font-size: 22px;
	color: var(--secondary);
	font-weight: 600;
}

.ask_product_form input {
	background: var(--white);
	border: 1px solid #ccc;
	border-radius: var(--radius-md);
}

.ask_product_form_container {
	margin: 20px 0;
	width: 70%;
}

@media screen and (max-width: 768px) {
	.ask_product_form_container {
		width: 100%;
	}
}
/* ========================================== CUSTOM ASK FOR PRODUCT END ========================================== */

/* ========================================== CUSTOM FREQUENTLY BOUGHT TOGETHER START ========================================== */
.fbt_container {
	width: calc(100% / 3 - 25px);
	height: auto;
	display: flex;
	flex-direction: column;
	padding: 10px;
}

.fbt_container .fbt_img_container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	object-fit: contain !important;
}

.fbt_container .fbt_img_container img {
	width: 100%;
	height: 100%;
	object-fit: contain !important;
}

.fbt_container .fbt_descr_container {
	margin: 10px 0;
	height: 100%;
	overflow: hidden;
}

.fbt_container .fbt_descr_container p {
	line-height: 14px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.fbt_container .fbt_price_container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	border-top: 1px solid #ccc;
	padding: 10px 0;
}

.fbt_container .fbt_price_container p {
	font-size: 16px;
	margin: 0;
}

.fbt_container .fbt_price_container button {
	color: var(--primary);
	/* border: .5px solid var(--primary); */
}

.fbt_container .fbt_price_container button:hover {
	background: var(--primary);
	color: var(--white);
}

@media screen and (max-width: 560px) {
	.fbt_container .fbt_price_container p {
		font-size: 15px;
	}

	.fbt_container .fbt_price_container button .feather {
		width: 15px;
		height: 15px;
	}

	.fbt_container .fbt_price_container {
		flex-direction: column;
		align-items: start;
	}
}

.fbt_plus {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 25px;
}

.fbt_bundle_container {
	padding: 20px 0;
	display: flex;
	flex-direction: column;
	/* justify-content: center; */
	height: 100%;
}

.fbt_bundle_container h3 {
	font-size: 22px;
	font-weight: 400;
	margin: 0;
	line-height: 24px;
}

.fbt_bundle_container p {
	font-size: 20px;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 10px;
}

.fbt_bundle_add_to_cart {
	padding: 0.5rem 1rem;
	background: var(--primary);
	color: var(--white);
	border: 0;
	border-radius: 5px;
	width: max-content;
}
/* ========================================== CUSTOM FREQUENTLY BOUGHT TOGETHER END ========================================== */

/* ========================================== CUSTOM COOKIE USAGE ALERT START ========================================== */
.cookie_usage_alert {
	width: 100%;
	position: fixed;
	padding: 20px;
	bottom: 0;
	background: var(--black);
	color: var(--white);
	/* box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15); */
	z-index: 99;
	border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

.cookie_usage_alert_container {
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
}
@media screen and (max-width: 768px) {
	.cookie_usage_alert_container {
		flex-direction: column;
		align-items: start;
	}

	.cookie_usage_confirmation {
		/* margin: 10px 0; */
		margin-top: 10px;
	}
}

.cookie_usage_alert_container p {
	margin: 0;
}

.cookie_usage_confirmation {
	border: 1px solid var(--secondary);
	border-radius: var(--radius-sm);
	padding: 1px 10px;
	text-transform: capitalize;
	background: transparent;
	color: var(--secondary);
}
/* ========================================== CUSTOM COOKIE USAGE ALERT END ========================================== */

/* ========================================== CUSTOM CART PAGE START ========================================== */
.cart_items_table thead .product_thumb {
	text-align: center;
}

.cart_items_table tbody .product_thumb {
	display: flex !important;
	flex-direction: row !important;
	margin-bottom: 0 !important;
}

@media screen and (max-width: 768px) {
	.cart_items_table tbody .product_thumb {
		flex-direction: column !important;
		align-items: end;
	}
}

.cart_items_table tbody .product_thumb a:nth-child(1) {
	margin: 0 10px !important;
	max-width: 40% !important;
	overflow: hidden !important;
}

.cart_items_table tbody .product_thumb a:nth-child(2) {
	max-width: 60% !important;
	word-wrap: inherit !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: start !important;
}

.cart_items_table tbody .product_thumb a p {
	text-align: left;
}

@media screen and (max-width: 768px) {
	.cart_items_table tbody .product_thumb a p {
		text-align: center;
		font-size: 14px;
	}
}

.cart_items_table tbody tr td {
	text-align: center;
	padding: 20px;
}

@media screen and (max-width: 768px) {
	.cart_items_table tbody tr td {
		padding: 10px;
	}
}

.cart_items_summary {
	background: #f5f5f5;
	padding: 20px;
	display: flex;
	flex-direction: column;
	position: relative;
	border-radius: var(--radius-lg);
}

.cart_items_summary h4 {
	font-size: 18px !important;
	color: #010101 !important;
	font-weight: 500 !important;
}

.cart_items_summary h4:after {
	content: "";
	display: flex;
	width: 20%;
	border-bottom: 3px solid var(--secondary);
	padding-top: 5px;
}

.cart_items_summary table {
	width: 100%;
	margin: 20px 0;
}

.cart_items_summary table tr td {
	width: 50%;
	height: 40px;
}

.cart_items_summary table tr td:nth-child(1) {
	text-align: left;
}

.cart_items_summary table tr td:nth-child(2) {
	text-align: right;
}

.cart_items_summary table tr td p {
	font-size: 18px;
	color: #010101;
	font-weight: 400;
}

.cart_items_summary .cart_items_summary_btn {
	width: 100%;
	border: 0;
	background: var(--secondary);
	color: var(--white);
	padding: 0.5rem 1rem;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
}

.coupon_container {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	/* padding-bottom: 20px; */
	/* border-bottom: .5px solid var(--grey); */
}

.coupon_container .coupon_title {
	color: var(--black);
	font-size: 1rem;
	font-weight: 600;
	margin: 0.5rem 0;
	text-transform: capitalize;
}

.coupon-input-group {
	display: flex;
	align-content: stretch;
	border: 1px solid #aaa;
	border-radius: var(--radius-md);
	overflow: hidden;
}

.coupon-input-group input {
	flex: 1;
	padding: 0 1rem;
	color: var(--black);
	font-weight: 400;
	font-size: 0.9rem;
	border: 0;
	width: 100%;
}

.coupon-input-group input::placeholder {
	color: #aaa;
}

.coupon-input-group-addon {
	background: transparent;
	border: 0;
	padding: 0 1rem;
	color: var(--secondary);
	font-weight: 500;
	font-size: 1rem;
	text-transform: capitalize;
}

.remove_coupon {
	color: red;
	text-decoration: none;
	font-size: 0.8rem;
}

.remove_coupon .feather {
	width: 0.8rem;
	height: 0.8rem;
	margin: 0.2rem;
}

.remove_coupon:visited,
.remove_coupon:hover {
	color: red;
}
/* ========================================== CUSTOM CART PAGE END ========================================== */

/* ========================================== CUSTOM WISHLIST PAGE END ========================================== */
.wishlist_table thead .product_thumb {
	text-align: center;
}

.wishlist_table tbody .product_thumb {
	display: flex !important;
	flex-direction: row !important;
	margin-bottom: 0 !important;
}

.wishlist_table tbody .product_thumb a:nth-child(1) {
	margin: 0 10px !important;
	max-width: 20% !important;
	overflow: hidden !important;
}

.wishlist_table tbody .product_thumb a:nth-child(2) {
	width: 80%;
	max-width: 80% !important;
	word-wrap: inherit !important;
	display: flex !important;
	justify-content: start !important;
	align-items: center !important;
}

@media screen and (max-width: 768px) {
	.wishlist_table tbody .product_thumb {
		flex-direction: column !important;
		align-items: end;
	}

	.wishlist_table tbody .product_thumb a:nth-child(1) {
		max-width: 80% !important;
		margin: 10px 0 !important;
	}
}

.wishlist_table tbody p {
	text-align: center;
	font-size: 1rem;
}

@media screen and (max-width: 768px) {
	.wishlist_table tbody p {
		text-align: right;
		font-size: 14px;
	}
}

.wishlist_table tbody tr td {
	text-align: center;
	padding: 20px;
}

@media screen and (max-width: 768px) {
	.wishlist_table tbody tr td {
		padding: 10px;
	}
}

.wishlist_btn {
	margin: 5px !important;
}

.wishlist_add_to_cart_btn,
.wishlist_remove_btn {
	padding: 0.5rem;
	background: var(--secondary);
	color: var(--white);
	border: 0;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wishlist_remove_btn {
	background: #f94144 !important;
}
/* ========================================== CUSTOM WISHLIST PAGE END ========================================== */

/* ========================================== CUSTOM REVIEWS PAGE START ========================================== */
.feedback_section {
	min-height: 100vh;
}

.feedback_section .content-title {
	text-transform: capitalize;
}

.reviews_section .reviews_jumbotron {
	min-height: 300px;
	margin: 40px 0;
}

.reviews_jumbotron {
	width: 100%;
	display: flex;
	margin: 20px 0;
	min-height: 250px;
	max-height: max-content;
}

.reviews_jumbotron_column {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 15px;
}

@media screen and (max-width: 768px) {
	.reviews_jumbotron {
		flex-direction: column-reverse !important;
	}

	.reviews_jumbotron_column {
		width: 100%;
		text-align: center;
	}
}

.reviews_jumbotron_column h4 {
	font-size: 22px;
	color: var(--secondary);
	font-weight: 600;
}

.reviews_jumbotron_img_container {
	width: 100%;
	height: 100%;
	margin: auto;
	overflow: hidden;
	object-fit: contain;
}

.reviews_jumbotron_img_container img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.feedback_survey_container::before {
	content: "";
	width: 40%;
	border-top: 2px solid var(--secondary);
	margin: auto;
}

.feedback_survey_container {
	width: 60%;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	padding: 20px 0;
}

@media screen and (max-width: 768px) {
	.feedback_survey_container {
		width: 100%;
	}
}

.feedback_survey_container .row {
	margin: 10px 0;
}

.feedback_survey_container .row h4 {
	text-align: center;
}

.feedback_survey_form {
	width: 100%;
}

.feedback_survey_submit_btn {
	position: absolute;
	padding: 0.3rem 1rem;
	background: var(--white);
	border: 1px solid var(--secondary);
	border-radius: 5px;
	color: var(--secondary);
	right: 0;
	margin: 0 15px;
	text-transform: capitalize;
}

.feedback_survey_submit_btn:hover {
	/* box-shadow: 3px 3px 0 var(--secondary)55;
	transition: all ease-in-out 0.2s; */
	background: var(--secondary);
	color: var(--white);
	transition: all 0.2s ease-in-out;
}
/* ========================================== CUSTOM REVIEWS PAGE END ========================================== */

/* ========================================== CUSTOM FAQ PAGE START ========================================== */
.faq_header {
	display: flex;
	justify-content: center;
	align-items: start;
	flex-direction: column;
}

.faq_header h3 {
	text-align: left;
	font-size: 20px;
	color: #363636;
	font-weight: 700;
	padding-bottom: 2px;
	/* border-bottom: 1px solid #ccc; */
	/* margin-bottom: 30px; */
	width: 100%;
}

.faq_header p {
	text-align: left;
}

.faq_header a {
	color: var(--secondary);
}

.faq-tab {
	margin: 1rem 0;
}

.faq-tab ul li {
	padding: 0.4rem 0;
}

.faq-tab ul li a {
	font-size: 1rem;
	color: #010101;
	line-height: 20px;
	font-weight: 500;
	text-transform: capitalize;
	border-radius: 0;
	padding: 0;
	height: 20px;
	max-width: max-content;
}

.faq-tab-content-header {
	border-bottom: 2px solid #010101;
	max-width: max-content;
}

.faq-tab ul li a.active {
	background: transparent;
	border-bottom: 5px solid var(--secondary) 33;
	padding-bottom: -7px;
}

.faq-accordion .accordion-item {
	border-bottom: 1px solid #e5e5e5;
}
.faq-accordion .accordion-item button[aria-expanded="true"] {
	border-bottom: 1px solid var(--secondary);
}
.faq-accordion button {
	position: relative;
	display: block;
	text-align: left;
	width: 100%;
	padding: 0.5em 0;
	color: #999;
	font-size: 1rem;
	font-weight: 400;
	border: none;
	background: none;
	outline: none;
	height: auto !important;
	border-radius: 0;
}
.faq-accordion button:hover,
.faq-accordion button:focus {
	cursor: pointer;
	color: #010101;
	background: transparent;
}
.faq-accordion button:hover::after,
.faq-accordion button:focus::after {
	cursor: pointer;
	color: var(--secondary);
	border: 1px solid var(--secondary);
}
.faq-accordion button .accordion-title {
	padding: 1em 1.5em 1em 0;
}
.faq-accordion button .icon {
	display: inline-block;
	position: absolute;
	top: 18px;
	right: 0;
	width: 22px;
	height: 22px;
	border: 1px solid;
	border-radius: 22px;
}
.faq-accordion button .icon::before {
	display: block;
	position: absolute;
	content: "";
	top: 9px;
	left: 5px;
	width: 10px;
	height: 2px;
	background: currentColor;
}
.faq-accordion button .icon::after {
	display: block;
	position: absolute;
	content: "";
	top: 5px;
	left: 9px;
	width: 2px;
	height: 10px;
	background: currentColor;
}
.faq-accordion button[aria-expanded="true"] {
	color: var(--secondary);
}
.faq-accordion button[aria-expanded="true"] .icon::after {
	width: 0;
}
.faq-accordion button[aria-expanded="true"] + .accordion-content {
	opacity: 1;
	max-height: 20rem;
	transition: all 0.5s linear ease-in-out;
	will-change: opacity, max-height;
	overflow-y: auto !important;
}
.faq-accordion .accordion-content {
	opacity: 0;
	max-height: 0;
	transition: opacity 0.05s linear, max-height 0.05s linear;
	will-change: opacity, max-height;
	overflow: auto;
}
.faq-accordion .accordion-content p {
	font-size: 1rem;
	font-weight: 300;
	margin: 2em 0;
}
/* ========================================== CUSTOM FAQ PAGE END ========================================== */

/* ========================================== CUSTOM SERVICE PAGE START ========================================== */
.service_container {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
}

.service_container.account .service_section_header {
	width: 20%;
}

.service_section_header {
	width: 30%;
	display: flex;
	flex-direction: column;
	padding: 20px 40px;
	height: 100%;
}

.service_container.account .service_form_container {
	width: 80%;
	justify-content: start;
	padding: 50px 100px;
}

.service_form_container {
	width: 70%;
	display: flex;
	flex-direction: column;
	height: 100%;
	align-items: center;
	justify-content: center;
	padding: 100px;
	background: #f9f9f9;
}

.service_form_container .tab {
	width: 100%;
	display: none;
}

@media screen and (min-width: 768px) and (max-width: 1400px) {
	.service_section_header {
		padding: 20px;
	}

	.service_form_container {
		padding: 40px;
	}

	.service_container.account .service_form_container {
		padding: 50px 35px;
	}
}

@media screen and (max-width: 768px) {
	.service_container {
		flex-direction: column;
	}

	.service_section_header {
		width: 100%;
		padding: 20px;
	}

	.service_form_container {
		width: 100%;
		padding: 20px;
	}

	.service_container.account .service_section_header {
		width: 100%;
		padding: 20px;
	}

	.service_container.account .service_form_container {
		width: 100%;
		padding: 20px;
	}
}

.service_title {
	font-size: 1.8rem;
	line-height: 2rem;
	font-weight: bold;
	margin-bottom: 15px;
	word-wrap: break-word;
	color: var(--black);
}

.service_descr {
	font-size: 0.9rem;
	line-height: 1.2rem;
	font-weight: 300;
	color: var(--black);
}

.service_stepper_container {
	margin: 20px 0;
}

.service_single_step {
	border-radius: 5px;
	padding: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	margin: 10px 0;
	transition: all 0.5s ease-in-out;
}

.service_single_step.active {
	transition: all 0.5s ease-in-out;
	border-left: 5px solid var(--secondary);
	background: var(--white);
	box-shadow: 0 0 1rem #e3e3e3;
}

.service_single_step h1 {
	font-size: 1rem;
	font-weight: 700;
	color: var(--black);
	font-family: var(--lato-font);
}

.service_single_step p {
	line-height: 1rem;
}

.service_single_form {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.service_single_form h1 {
	font-size: 2rem;
	font-weight: 700;
	max-width: max-content;
	border-bottom: 0.5px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 20px;
	color: var(--black);
}

.service_single_form .niceselect_option {
	width: 100% !important;
	margin-bottom: 20px;
}

.service_single_form button {
	padding: 0.3rem 1.5rem;
	background: var(--primary);
	color: var(--white);
	border-radius: 3px;
	border: 0;
	margin-left: 10px;
}

.service_single_form button.service_prev_tab {
	background: var(--white);
	border: 1px solid var(--primary);
	color: var(--primary);
}
/* ========================================== CUSTOM SERVICE PAGE END ========================================== */

/* ========================================== CUSTOM LOADER START ========================================== */
#loader {
	position: absolute;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: var(--white);
	display: flex;
	transition: all 0.2s ease-in-out;
}
.lds-dual-ring {
	display: inline-block;
	width: 35px;
	height: 35px;
	margin: auto;
}
.lds-dual-ring:after {
	content: " ";
	display: block;
	width: 40px;
	height: 40px;
	margin: 8px;
	border-radius: 50%;
	border: 3px solid var(--secondary);
	border-color: var(--secondary) transparent var(--secondary) transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
/* ========================================== CUSTOM LOADER END ========================================== */

/* ========================================== CUSTOM CHECKOUT PAGE START ========================================== */
.table-responsive .order_summary_table tbody tr td {
	border: 0 !important;
}

.checkout_billing_info_container {
	width: 100%;
	padding: 10px 0;
	display: flex;
	flex-direction: column;
}

.checkout_back_to_cart {
	display: flex;
	width: max-content;
	color: #010101;
	font-weight: 600;
	font-size: 1rem;
}

.checkout_back_to_cart .feather {
	margin-right: 10px;
}

.checkout_billing_info_container h4 {
	font-size: 1.2rem;
	color: #010101;
}

.checkout_order_summary_container {
	width: 100%;
	padding: 20px;
	background: #f5f5f5;
	border-radius: var(--radius-lg);
	display: flex;
	flex-direction: column;
	position: sticky;
	top: 125px;
}

@media screen and (max-width: 768px) {
	.checkout_order_summary_container {
		position: relative;
		top: 0;
	}
}

.checkout_order_summary_container h4 {
	font-size: 1.2rem;
	color: #010101;
}

.checkout_order_summary_container h4:after {
	content: "";
	display: flex;
	width: 20%;
	border-bottom: 3px solid var(--secondary);
	padding-top: 5px;
}

.checkout_order_summary_table {
	width: 100%;
}

.checkout_order_summary_table td {
	vertical-align: top;
	color: #6c6c6c;
}

.checkout_order_summary_table td:nth-child(1) {
	width: 10%;
}

.checkout_order_summary_table td:nth-child(2) {
	width: 60%;
}

.checkout_order_summary_table td:nth-child(3) {
	width: 30%;
	color: #010101;
	font-weight: 500;
	text-align: right;
}

.checkout_fees {
	margin: 10px 0;
	border-top: 0.5px solid var(--grey);
	border-bottom: 0.5px solid var(--grey);
}

.checkout_order_summary_fees {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 5px 0;
	color: #6c6c6c;
}

.checkout_order_summary_fees p,
.checkout_total p {
	margin-bottom: 0;
}

.checkout_total {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
	color: #010101;
	font-weight: 700;
	font-size: 1rem;
}

.card-body {
	padding: 1.25rem 0 !important;
}

.card-body p {
	margin-bottom: 0.5rem;
}

.agree_terms {
	display: flex;
	width: 100%;
	word-wrap: normal;
	margin-top: 20px;
}

.agree_terms input {
	margin-top: 4px;
}

.place_order_button {
	margin-top: 20px;
}

.bankfinanciering {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 0.5px solid #999;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.bankfinanciering p {
	margin-bottom: 0.25rem;
	font-size: 0.8rem;
	color: #999;
}

.godoBtn {
	border: 1.2px solid #ffcd00;
	color: #96460a;
	background: #ffcd00;
	border-radius: var(--radius-md);
	padding: 0.3rem 1rem;
	font-size: 0.8rem;
	font-weight: 500;
	text-transform: uppercase;
	width: max-content;
}

.godoBtn:hover {
	color: #96460a;
	/* background: #96460a; */
}
/* ========================================== CUSTOM CHECKOUT PAGE END ========================================== */

/* ========================================== CUSTOM JUMBOTRON START ========================================== */
.jumbotron_outer_container {
	width: 100%;
	display: flex;
}

.jumbotron_row {
	width: 100%;
	display: flex;
	flex-direction: row-reverse;
}

.jumbotron_column {
	width: 50%;
	display: flex;
	flex-direction: column;
	padding: 4rem 0;
}

@media screen and (max-width: 768px) {
	.jumbotron_row {
		flex-direction: column;
	}

	.jumbotron_column {
		width: 100%;
		padding: 2rem 0;
	}
}

.jumbotron_column.y-center {
	align-items: center;
}

.jumbotron_column.x-center {
	justify-content: center;
}

.jumbotron_column h4 {
	font-size: 1.6rem;
	line-height: 1.8rem;
	font-weight: 700;
	width: 100%;
	color: #3e3e3e;
	text-align: left;
	text-justify: inter-word;
	margin-bottom: 10px;
}

.jumbotron_column img {
	max-width: 70%;
	height: auto;
}

@media screen and (max-width: 768px) {
	.jumbotron_column img {
		width: 100%;
		max-width: 100%;
	}
}
/* ========================================== CUSTOM JUMBOTRON END ========================================== */

/* ========================================== CUSTOM GODO PAGE START ========================================== */
.godo_quotation_table {
	width: 100%;
}

.godo_quotation_table th {
	text-align: left;
}

.godo_quotation_table td {
	padding: 5px 0;
	vertical-align: top;
	color: #999;
}

.godo_quotation_table td:nth-child(1) {
	width: 20%;
}

.godo_quotation_table td:nth-child(2) {
	width: 80%;
}
/* ========================================== CUSTOM GODO PAGE END ========================================== */

/* ========================================== OFFCANVAS ORDER DETAILS START ========================================== */
.offcanvas-order-details {
	width: 600px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	background: var(--white);
	/* box-shadow: 2px 2px 1rem #959595; */
	z-index: 9999;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transform: translateX(100%);
	border-radius: var(--radius-lg) 0 0 var(--radius-lg);
	overflow: hidden;
}

.offcanvas-order-details.active {
	transform: translateX(0%);
}

.offcanvas-order-details .offcanvas-order-details-inner-container {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 2rem;
	overflow-y: scroll;

	display: flex;
	flex-direction: column;
	scrollbar-width: none;
}

.offcanvas-order-details
	.offcanvas-order-details-inner-container
	.order-status {
	height: 1rem;
	width: 3rem;
	border-radius: var(--radius-sm);
	margin: auto;
	background: hsl(138, 74%, 35%);
}

.offcanvas-order-details .close-order-btn {
	position: absolute;
	padding: 0.5rem;
	background: #fcc;
	color: #ff0000;
	border: 0;
	border-radius: 10px;
	right: 20px;
	top: 20px;
	z-index: 102;

	display: flex;
	justify-content: center;
	align-items: center;
}

.offcanvas-order-details .confirm-order-btn {
	padding: 0.2rem 0.5rem;
	background: var(--white);
	border: 1px solid var(--primary);
	color: var(--primary);
	border-radius: 5px;
	margin: 0.5rem;
}

.offcanvas-order-details .confirm-order-btn:hover {
	background: var(--primary);
	color: var(--white);
}

@media screen and (min-width: 786px) and (max-width: 1200px) {
	.offcanvas-order-details {
		width: 500px;
	}
}

@media screen and (max-width: 768px) {
	.offcanvas-order-details {
		width: 95%;
	}
}

.offcanvas-order-details table {
	width: 100% !important;
}

.offcanvas-order-details table.product-table p {
	font-size: 0.9rem;
}

.offcanvas-order-details table.product-table th {
	color: #999;
	font-weight: 400;
}

.offcanvas-order-details table.product-table td {
	padding: 0.3rem 0;
	border-top: 0.5px dashed #5e5d5d;
}

.offcanvas-order-details table.product-table .first-column {
	width: 60%;
}

.offcanvas-order-details table.product-table .second-column {
	width: 15%;
}

.offcanvas-order-details table.product-table .third-column {
	width: 25%;
}

.offcanvas-order-details table.info-table .first-column {
	width: 40%;
}

.offcanvas-order-details table.info-table .second-column {
	width: 60%;
}

@media screen and (max-width: 768px) {
	.offcanvas-order-details table.info-table .first-column {
		width: 50%;
	}

	.offcanvas-order-details table.info-table .second-column {
		width: 50%;
	}
}

.offcanvas-order-details table .qty-tag {
	font-weight: 300;
	color: #888;
}

.offcanvas-order-details table .price-tag {
	font-weight: 700;
	color: var(--primary);
}

.offcanvas-order-details table td {
	vertical-align: top;
	font-size: 0.9rem;
}

.offcanvas-order-details table tfoot .order-total-price {
	font-weight: 700;
}

.offcanvas-order-details .heading {
	font-family: var(--lato-font);
	font-size: 1.5rem;
	font-weight: 700;
	color: #010101;
	margin: 0;
}

.offcanvas-order-details .subHeading {
	font-family: var(--lato-font);
	font-size: 1.2rem;
	font-weight: 600;
	color: #010101;
	margin: 0;
}

.offcanvas-order-details .row {
	margin: 1rem 0;
}

.offcanvas-order-details .box {
	background: var(--white);
	border-radius: 10px;
	box-shadow: 0 0 1rem #ebebeb;
	padding: 0.6rem 0;
	margin: 1rem 0;
}

.offcanvas-order-details .box p {
	font-size: 0.9rem !important;
	word-break: break-all;
}

.br-top {
	border-top: 0.5px solid #999;
	margin: 0.5rem 0;
}

.offcanvas-order-details .payment-container {
	width: 100%;
	font-weight: 400;
	color: #010101;
}

.offcanvas-order-details p {
	margin: 0;
	font-size: 0.9rem;
}

.offcanvas-order-details a {
	color: #004d9e;
	text-decoration: underline;
}

.offcanvas-order-details .mope {
	width: 100%;
	margin: 0.5rem 0;
}

.offcanvas-order-details .internet-banking {
	width: 100%;
	margin: 0.5rem 0;
	display: flex;
	flex-wrap: wrap;
}

.offcanvas-order-details .internet-banking div {
	width: 50%;
	margin: 0.5rem 0;
}
/* ========================================== OFFCANVAS ORDER DETAILS END ========================================== */

/* ========================================== NICE SELECT START ========================================== */
.nice-select {
	background: transparent !important;
	border-radius: var(--radius-md);
}
/* ========================================== NICE SELECT END ========================================== */

/* ========================================== NEW ACCOUNT PAGE START ========================================== */
.new-account-nav-link {
	margin: 0.5rem 0 !important;
	font-size: 0.9rem !important;
	color: #010101 !important;
	background: var(--white) !important;
	display: flex !important;
	justify-content: start !important;
	align-items: center !important;
	transition: all 0.3s ease-in-out !important;
	border-radius: var(--radius-md) !important;
	margin-bottom: 0px !important;
}

.new-account-nav-link:hover {
	color: var(--secondary) !important;
	background: var(--secondary) 22 !important;
}

.new-account-nav-link.logout {
	color: red !important;
}

.new-account-nav-link.logout:hover {
	background: #ff000022 !important;
	color: red !important;
}

.new-account-nav-link .feather {
	margin-right: 0.5rem !important;
	width: 1.2rem !important;
	height: 1.2rem !important;
}

.new-account-nav-link.active {
	color: var(--secondary) !important;
	font-size: 0.9rem !important;
	font-weight: 600 !important;
	border: 0.5px solid var(--secondary) !important;
	border-radius: var(--radius-md);
	width: 100% !important;
}

.orders_table.new {
	max-height: 600px;
	overflow: scroll;
}

.orders_table thead {
	position: sticky;
	top: 0;
	background: #f9f9f9;
	font-size: 1rem;
}

.orders_table td,
.orders_table th {
	padding: 0.2rem 0;
	vertical-align: top;
	text-align: left;
}

.orders_table p {
	font-size: 0.9rem;
}

.tab-pane#address .service_single_form button,
.tab-pane#account-details .service_single_form button {
	background: var(--secondary);
	border-radius: var(--radius-md);
	color: var(--white);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0.7rem 1.2rem;
	margin: 0;
	transition: all 0.3s ease-in-out;
}

.tab-pane#address .service_single_form button:hover,
.tab-pane#account-details .service_single_form button:hover {
	background: #1497e2;
}
/* ========================================== NEW ACCOUNT PAGE END ========================================== */

/* ========================================== SHOP LIST PAGE START ========================================== */
.shop_banner_thumb {
	border-radius: var(--radius-md);
	overflow: hidden;
}
/* ========================================== SHOP LIST PAGE END ========================================== */

/* ========================================== PRODUCT CARD COMPONENT START ========================================== */
.featured_container {
	/* background: linear-gradient(98deg, rgba(22, 170, 255, 1) 36%, rgba(7, 47, 117, 1) 100%); */
	padding: 35px 15px;
}

@media screen and (max-width: 768px) {
	.featured_container {
		border-radius: 0;
	}
}

.featured_container .hs__header {
	margin-bottom: 20px;
}

.featured_container .hs {
	max-width: 100%;
	padding: 0 !important;
	margin: 0 !important;
}

.featured_container .hs__item {
	padding: 5px 5px 5px 0;
}

.featured_container .hs__header .hs__arrows .arrow::before {
	-webkit-filter: brightness(0) invert(0) !important;
	filter: brightness(0) invert(0) !important;
	border-radius: 5px !important;
}

.featured_section_title {
	/* color: var(--white) !important;
	background: #042f74;
	padding: 10px 25px;
	border-radius: 5px;
	line-height: 18px !important;
	margin-bottom: 0 !important; */
}

.featured_box {
	width: 190px;
	height: auto;
	display: inline-flex;
	flex-direction: column;
	padding: 10px;
	background: var(--white);
	border-radius: var(--radius-md);
	position: relative;
	/* margin-right: 10px; */
	flex-grow: 1;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
}

.featured_box:hover {
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.featured_img_container {
	position: relative;
	width: 100%;
	max-width: 100%;
	max-height: 220px;
	overflow: hidden;
	object-fit: contain;
}

.featured_img {
	height: 150px;
	width: 100%;
	object-fit: contain;
	overflow: hidden;
	margin: 10px 0;
}

.featured_badge {
	position: absolute;
	top: 10px;
	right: 10px;

	padding: 0px 10px;
	border-radius: var(--radius-sm);
	background: #f41e33;

	display: flex;
	justify-content: center;
	align-items: center;
}

.featured_badge span {
	color: var(--white);
	/* font-weight: 700; */
	font-family: var(--lato-font);
	font-size: 10px;
}

.featured_header {
	overflow: hidden;
	margin: 10px 0;
}

.featured_header h4 {
	display: -webkit-box;
	display: -moz-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.featured_footer {
	width: 100%;
	margin-top: 10px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.featured_price_tag {
	font-weight: 600;
	font-size: 15px;
	color: var(--primary);
	margin: 0;
}

.featured_to_cart {
	padding: 5px 20px;
	/* display: flex; */
	display: none;
	justify-content: center;
	align-items: center;
	background: var(--white);
	outline: 1px solid var(--primary);
	outline-offset: -1px;
	border-radius: 5px;
	color: var(--primary);
	border: none;
}

.featured_to_cart:hover {
	background: var(--primary);
	color: var(--white);
}

@media screen and (max-width: 1000px) {
	.featured_box {
		width: 180px;
	}
}
/* ========================================== PRODUCT CARD COMPONENT END ========================================== */

/* ========================================== PRICE FILTER INPUT GROUP START ========================================== */
.input-group {
	display: flex;
	align-content: stretch;
	border: 1px solid #eee;
	border-radius: var(--radius-md);
	overflow: hidden;
}

.input-group input {
	flex: 1;
	padding: 0 0.5rem;
	color: var(--black);
	font-weight: 400;
	font-size: 0.9rem;
	border: 0;
	width: 100%;
}

.input-group input::placeholder {
	color: #aaa;
}

.input-group-addon {
	background: #17aaff22;
	padding: 0.5rem;
	color: var(--secondary);
	font-weight: 500;
	font-size: 1rem;
}
/* ========================================== PRICE FILTER INPUT GROUP END ========================================== */

/* ========================================== FLAKCOKJ FILTER V2 START ========================================== */
.filterV2Button {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.3rem;
	border-radius: var(--radius-md);
	border: 1px solid var(--secondary);
	color: var(--secondary);
	font-size: 0.9rem;
	font-weight: 500;
	text-transform: capitalize;
	background: var(--white);
}

.filterV2Button .feather {
	width: 1rem;
	height: 1rem;
	color: var(--secondary);
	margin-left: 0.5rem;
}

.filterV2Button.reset {
	border: 1px solid #eee !important;
	color: var(--black) !important;
}

.filterV2Button.reset .feather {
	color: var(--black) !important;
}

.filterV2Pagination {
	display: inline-block;
}

.filterV2Pagination button {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.2rem 0.6rem;
	margin: 0 0.1rem;
	background: #f1f1f1;
	border-radius: var(--radius-sm);
	border: 0;
	font-size: 1rem;
	color: var(--grey);
	transition: all 0.2s ease-in-out;
}

.filterV2Pagination.current button {
	background: #17aaff22;
	color: var(--secondary);
}

.filterV2Pagination button:hover {
	background: #17aaff22;
}

.filterOptionsShopList {
	padding: 1rem 0;
}

ul.accordion-list {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	/* padding: 20px; */
	margin: 0;
	list-style: none;
	/* background-color: #f9f9fA; */
}
ul.accordion-list li {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 1rem 0;
	/* background-color: #fff; */
	/* padding: 20px; */
	/* margin: 0 auto 15px auto; */
	/* border: 1px solid #eee; */
	/* border-radius: 5px; */
	cursor: pointer;
}
ul.accordion-list li.active h3:after {
	transform: rotate(45deg);
}
ul.accordion-list li h3 {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	padding: 0 1rem 0 0;
	cursor: pointer;
	pointer-events: auto;

	font-size: 14px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ebebeb;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--black);
}
ul.accordion-list li h3:after {
	content: "";
	font-family: "material-design-iconic-font";
	position: absolute;
	right: 0;
	top: 0;
	color: var(--secondary);
	transition: all 0.3s ease-in-out;
	font-size: 1rem;
}
ul.accordion-list li div.answer {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	cursor: auto;
}
ul.accordion-list li div.answer p {
	position: relative;
	display: block;
	font-weight: 300;
	padding: 10px 0 0 0;
	cursor: pointer;
	line-height: 150%;
	margin: 0 0 15px 0;
	font-size: 14px;
}
/* ========================================== FLACKOKJ FILTER V2 END ========================================== */

/* ========================================== CUSTOM FILTER RADIO BUTTON START ========================================== */
.radio-toolbar input[type="radio"] {
	opacity: 0;
	position: fixed;
	width: 0;
}

.radio-toolbar label {
	display: inline-block;
	background-color: #eee;
	padding: 5px 10px;
	font-size: 0.9rem;
	border-radius: var(--radius-sm);
	color: var(--grey);
}

.radio-toolbar label:hover {
	background-color: #17aaff22;
}

.radio-toolbar input[type="radio"]:focus + label {
	background-color: #17aaff22;
	color: var(--secondary);
}

.radio-toolbar input[type="radio"]:checked + label {
	background-color: #17aaff22;
	color: var(--secondary);
}
/* ========================================== CUSTOM FILTER RADIO BUTTON END ========================================== */

/* ========================================== CUSTOM ALIGNMENT STYLES START ========================================== */
.display-row {
	display: flex !important;
	flex-direction: row;
}

.display-column {
	display: flex !important;
	flex-direction: column;
}

.justify-start {
	justify-content: start;
}

.justify-end {
	justify-content: end;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}

.justify-evenly {
	justify-content: space-evenly;
}

.items-start {
	align-items: start;
}

.items-end {
	align-items: end;
}

.items-center {
	align-items: center;
}

.items-between {
	align-items: space-between;
}

.items-around {
	align-items: space-around;
}

.items-evenly {
	align-items: space-evenly;
}
/* ========================================== CUSTOM ALIGNMENT STYLES END ========================================== */

/* ========================================== HERO VERSION 2 START ========================================== */
.hero-v2 {
	height: auto;
	padding: 2rem 0;
}

.hero-v2 .hero-img-cotainer {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.hero-v2 .products-slider-container {
	background: var(--white);
	padding: 1rem;
	border-radius: var(--radius-md);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	overflow: hidden;
	/* padding: 1rem 0; */
	/* margin-bottom: 0.7rem; */
}

.hero-v2 .product-slider-header {
	padding: 0.5rem 0;
}

.hero-v2 .product-slider-title {
	font-size: 1.3rem;
	font-weight: 700;
	color: var(--primary);
	text-transform: capitalize;
}

.hero-v2 .slider-nav {
	padding: 0.3rem;
	margin-right: 0.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ccc;
	border: 0;
	border-radius: var(--radius-sm);
}

.hero-v2 .slider-nav:hover {
	background-color: hsl(0, 0%, 70%);
}

.hero-v2 .slider-nav .feather {
	width: 1.3rem;
	height: 1.3rem;
	color: var(--white);
}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
	.hero-v2 .product-slider-header {
		padding: 0.3rem 0;
	}

	.hero-v2 .product-slider-title {
		font-size: 1rem;
		font-weight: 700;
	}

	.hero-v2 .slider-nav {
		padding: 0.2rem;
		margin-right: 0.3rem;
	}

	.hero-v2 .slider-nav .feather {
		width: 1rem;
		height: 1rem;
	}
}

@media screen and (min-width: 640px) and (max-width: 1199px) {
	.hero-v2 .product-slider-header {
		padding: 0.2rem 0;
	}

	.hero-v2 .product-slider-title {
		font-size: 1.1rem;
		font-weight: 700;
	}

	.hero-v2 .slider-nav {
		padding: 0.2rem;
		margin-right: 0.2rem;
	}

	.hero-v2 .slider-nav .feather {
		width: 1.7rem;
		height: 1.7rem;
	}
}

@media screen and (max-width: 768px) {
	.hero-v2 .product-slider-header {
		padding: 0.2rem 0;
	}

	.hero-v2 .product-slider-title {
		font-size: 1.5rem;
		font-weight: 700;
	}

	.hero-v2 .slider-nav {
		padding: 0.2rem;
		margin-right: 0.2rem;
	}

	.hero-v2 .slider-nav .feather {
		width: 1.7rem;
		height: 1.7rem;
	}
	.hero-v2 .products-slider-container {
		margin: 16px 0;
	}
}

.hero-v2-nav {
	border: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 9;
}

.hero-v2-nav button {
	background: var(--white);
	padding: 0.1rem 0.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 0;
	border-radius: var(--radius-lg);
}

.hero-v2-nav button .feather {
	width: 1.2rem;
	height: 1.2rem;
	color: var(--primary);
}

@media screen and (max-width: 768px) {
	.hero-v2-nav button {
		padding: 0.2rem 0.5rem;
		border-radius: var(--radius-lg);
	}

	.hero-v2-nav button .feather {
		width: 0.7rem;
		height: 0.7rem;
		color: var(--primary);
	}

	.hero-v2-pagination{
		background: #fff;
		width: max-content !important;
		border-radius: var(--radius-lg);
		padding: 0 0.3rem !important;
		margin: auto;
		left: 0 !important;
		right: 0 !important;
	}

	.newsletter {
		margin-bottom: 0 !important;
		transform: translateY(1px);
	}
	.newsletter__row {
		padding: 1.5rem 0 !important;
	}
	.footer__icon {
		display: none;
	}
	.footer__col {
		margin-bottom: 0 !important;
	}
	
	.footer_bottom .copyright_area img {
		display:none;
	}
}

@media screen and (min-width: 768px) {
	.footer_top .contact_us {
		display: none;
	}
}


/* Denz Mobile Fixes */
@media screen and (max-width: 479px){
	.hero-v2-nav button {
		padding: 0.2rem 0.5rem;
		border-radius: var(--radius-lg);
	}

	.hero-v2-nav button .feather {
		width: 0.7rem;
		height: 0.7rem;
		color: var(--primary);
	}

	.hero-v2-pagination{
		background: #fff;
		width: max-content !important;
		border-radius: var(--radius-lg);
		padding: 0 0.3rem !important;
		margin: auto;
		left: 0 !important;
		right: 0 !important;
	}

	.bg-light-grey .container .firstSLider {
		padding-top: 0 !important;
	}

	.hero-v2-col {
		padding-left: 0;
		padding-right: 0;
	}

	.hero-img-cotainer {
		border-radius: 0 !important;
	}
	.hero-v2-nav.prev {
		left: 5px;
	}

	.hero-v2-nav.next {
		right: 5px;
	}
}


.hero-v2-nav.prev {
	left: 30px;
}

.hero-v2-nav.next {
	right: 30px;
}

@media screen and (max-width: 768px) {
	.hero-v2-nav.prev {
		left: 20px;
	}

	.hero-v2-nav.next {
		right: 20px;
	}

	.hero-v2 {
		padding: 0.6rem 0;
	}

	.category-v2-container {
		padding: 1.2rem 0 !important;
	}

	.message-box-container {
		margin-bottom: 1.2rem !important;
	}

	.videoAd {
		margin-top: 1.2rem;
    	padding-top: 0 !important;
	}

	.tab-v2-content .tab-v2-panel .products-slider-container {
		padding-bottom: 0 !important;
	}
}


.hero-v2-pagination {
	background: #fff;
	width: max-content !important;
	border-radius: var(--radius-lg);
	padding: 0 1rem;
	margin: auto;
	left: 0 !important;
	right: 0 !important;
}

.hero-v2-pagination .swiper-pagination-bullet-active {
	background: var(--primary) !important;
}
/* ========================================== HERO VERSION 2 END ========================================== */

/* ========================================== PRODUCT CARD START ========================================== */
.product-slider-REMOVE {
	overflow-x: scroll;
	flex-wrap: nowrap;
	-ms-overflow-style: none;
	scrollbar-width: none;
	/* overflow: hidden; */
	padding: 0.5rem 0;
}

.product-slider::-webkit-scrollbar {
	display: none;
}

.products-slider-container .swiper-slide {
	flex-shrink: 1;
}

.featured-product-card-v2 {
	display: inline-flex;
	flex-direction: column;
	padding: 0.5rem;
	width: 10rem;
	height: auto;
	flex-shrink: 1;
}

.featured-product-card-v2 .img-container {
	width: 100%;
	height: 9rem;
	border-radius: var(--radius-md);
	overflow: hidden;
}

.featured-product-card-v2 .img-container img[scr] {
	height: auto;
}

.featured-product-card-v2 .img-container img {
	width: 100%;
	height: 100%;
	object-fit: ;
}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
	.featured-product-card-v2 {
		display: inline-flex;
		flex-direction: column;
		padding: 0.5rem;
		width: 10rem;
		height: auto;
		flex-shrink: 0;
	}

	.featured-product-card-v2 .img-container {
		width: 100%;
		height: 9rem;
		border-radius: var(--radius-md);
		overflow: hidden;
	}
}

@media screen and (min-width: 640px) and (max-width: 1199px) {
	.featured-product-card-v2 {
		display: inline-flex;
		flex-direction: column;
		padding: 0.9rem;
		width: 9rem;
		height: auto;
		flex-shrink: 0;
	}

	.featured-product-card-v2 .img-container {
		width: 100%;
		height: auto;
		border-radius: var(--radius-md);
		overflow: hidden;
	}
}

@media screen and (max-width: 639px) {
	/* .featured-product-card-v2 {
		display: inline-flex;
		flex-direction: column;
		padding: .5rem;
		width: 9rem;
		height: auto;
		flex-shrink: 0;
	}
	
	.featured-product-card-v2 .img-container {
		width: 100%;
		height: 8rem;
		border-radius: var(--radius-md);
		overflow: hidden;
	} */
}

div[data-product-price] {
	padding: 0.5rem 0;
}

div[data-product-price] .skeleton-text {
	margin-bottom: 0;
}
/* ========================================== PRODUCT CARD END ========================================== */

/* ========================================== SKELETON LOADING START ========================================== */
.skeleton {
	animation: skeleton-animation 1s linear infinite alternate;
}

.skeleton-text {
	width: 100%;
	height: 0.75rem;
	margin-bottom: 0.25rem;
	border-radius: 0.25rem;
}

.skeleton-text.w-90 {
	width: 90% !important;
}

.skeleton-text.w-80 {
	width: 80% !important;
}

.skeleton-text.w-70 {
	width: 70% !important;
}

@keyframes skeleton-animation {
	0% {
		background-color: hsl(200, 20%, 70%);
	}

	100% {
		background-color: hsl(200, 20%, 95%);
	}
}
/* ========================================== SKELETON LOADING END ========================================== */

/* ========================================== CATEGORY V2 START ========================================== */
.category-v2-title {
	font-size: 1.3rem;
	font-weight: 700;
	color: var(--primary);
	text-transform: capitalize;
	margin: 0;
}

@media screen and (max-width: 768px) {
	.category-v2-title {
		font-size: 1.6rem;
		font-weight: 700;
		color: var(--primary);
		text-transform: capitalize;
		margin: 0;
	}
}


.category-v2-container {
	padding: 1.5rem 0;
	overflow-x: scroll;
	flex-wrap: nowrap;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.category-v2-container::-webkit-scrollbar {
	display: none;
}

.category-v2-container .category-v2-slider .swiper-slide {
	/* flex-shrink: 1; */
	background: transparent;
	width: auto;
}

.category-v2-img-container {
	/* width: 150px; */
	width: auto;
	height: auto;
	object-fit: cover;
	flex-shrink: 1;
}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
	.category-v2-img-container {
		/* width: 150px; */
		width: auto;
		height: auto;
	}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.category-v2-img-container {
		/* width: 140px; */
		width: auto;
		height: auto;
	}
}

@media screen and (max-width: 767px) {
	.category-v2-img-container {
		/* width: 120px; */
		width: auto;
		height: auto;
	}
}

.category-v2-container img {
	width: 100%;
	height: auto;
}
/* ========================================== CATEGORY V2 END ========================================== */

/* ========================================== MESSAGE BOX V2 START ========================================== */
.message-box-container {
	background: var(--primary);
	padding: 1rem 1rem;
	margin-bottom: 1.5rem;
	border-radius: var(--radius-sm);
	overflow: hidden;
	white-space: nowrap;
}

.message-box-container p {
	color: var(--white);
	text-align: center;
	font-size: 1.1rem;
	font-weight: 700;
	margin: auto;

	/* animation properties */
	-moz-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%);

	-moz-animation: my-animation 25s linear infinite;
	-webkit-animation: my-animation 25s linear infinite;
	animation: my-animation 25s linear infinite;
}

/* for Firefox */
@-moz-keyframes my-animation {
	from {
		-moz-transform: translateX(150%);
	}

	to {
		-moz-transform: translateX(-200%);
	}
}

/* for Chrome */
@-webkit-keyframes my-animation {
	from {
		-webkit-transform: translateX(150%);
	}

	to {
		-webkit-transform: translateX(-200%);
	}
}

@keyframes my-animation {
	from {
		-moz-transform: translateX(150%);
		-webkit-transform: translateX(150%);
		transform: translateX(150%);
	}
	to {
		-moz-transform: translateX(-200%);
		-webkit-transform: translateX(-200%);
		transform: translateX(-200%);
	}
}

@media screen and (max-width: 768px) {
	@-moz-keyframes my-animation {
		from {
			-moz-transform: translateX(90%);
		}
	
		to {
			-moz-transform: translateX(-90%);
		}
	}
	
	/* for Chrome */
	@-webkit-keyframes my-animation {
		from {
			-webkit-transform: translateX(90%);
		}
	
		to {
			-webkit-transform: translateX(-90%);
		}
	}
	
	@keyframes my-animation {
		from {
			-moz-transform: translateX(90%);
			-webkit-transform: translateX(90%);
			transform: translateX(90%);
		}
		to {
			-moz-transform: translateX(-90%);
			-webkit-transform: translateX(-90%);
			transform: translateX(-90%);
		}
	}
}


/* ========================================== MESSAGE BOX V2 END ========================================== */

/* ========================================== TAB CONTENT V2 START ========================================== */
.tab-v2-container {
	width: 100%;
	height: auto;
}

.tab-v2-container .tab-v2-header {
	width: 100%;
	flex: 1;
	margin: 2rem 0;
}

@media screen and (max-width: 768px) {
	.tab-v2-container .tab-v2-header {
		margin:2rem 0px 0px 0px;
		padding-bottom: 0 !important;
		margin-top:0;
	}

}

@media screen and (max-width: 768px) {
	.tab-v2-header {
		margin-top:10px;
	}
	.tab-v2-header .row {
		flex-direction: column;
	}
	.suggestionItems {
		justify-content: flex-start !important;
		margin-top: 10px;
	}
	.tab-v2-container .tab-v2-header .tab-v2-link {
		margin-left:0 !important;
	}
	.tab-v2-header .col-6 {
		max-width: 100%;
	}
	.tab-v2-container {
		margin-top:16px;
		margin-bottom:16px;
	}
}

.tab-v2-container .tab-v2-header h2 {
	font-size: 1.3rem;
	font-weight: 700;
	text-transform: capitalize;
	line-height: 120%;
	color: var(--primary);
}

@media screen and (max-width: 768px) {
	.tab-v2-container .tab-v2-header h2 {
		font-size: 1.4rem;
	}
}

.tab-v2-container .tab-v2-header .tab-v2-link {
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--black);
	font-size: 1rem;
	font-weight: 400;
	text-transform: capitalize;
	line-height: 120%;
	margin: 0 16px;
	position: relative;
}

.tab-v2-container .tab-v2-header .tab-v2-link.active {
	background: var(--secondary);
    padding: 0 1rem;
    position: relative;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    border-radius: var(--radius-md);
	color: var(--white);
	text-decoration:none;
}
.tab-v2-container .tab-v2-header .tab-v2-link:not(.active)::after {
	content: '';
	width: 0;
	height: 3px;
	position: absolute;
	background: var(--secondary);
	bottom: 0;
	transition: width 0.2s ease;
}
.tab-v2-container .tab-v2-header .tab-v2-link:hover::after {
	width: 100%;
}


.tab-v2-content {
	width: 100%;
	height: auto;
}

.tab-v2-content .tab-v2-panel {
	display: none;
	width: 100%;
	-webkit-animation: fadeEffect 1s;
	animation: fadeEffect 1s;
}

.tab-v2-content .tab-v2-panel.active {
	display: inline-flex;
}

.tab-v2-content .tab-v2-panel .products-slider-container {
	background: var(--white);
	padding: 1rem 0;
	overflow: hidden;
}

@-webkit-keyframes fadeEffect {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeEffect {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.tab-v2-content .tab-v2-panel.gradient-container {
	border-radius: var(--radius-md);
	overflow: hidden;
	position: relative;
}

.tab-v2-content .tab-v2-panel.gradient-container::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9;
	background: rgb(26, 170, 255);
	background: linear-gradient(
		90deg,
		rgba(26, 170, 255, 0) 22%,
		rgba(26, 170, 255, 0.9) 32%,
		rgba(26, 170, 255, 1) 42%
	);
}

@media screen and (max-width: 992px) {
	.tab-v2-content .tab-v2-panel.gradient-container::before {
		background: #fff;
	}
}

.tab-v2-content .tab-v2-panel.gradient-container img.gradient {
	position: relative;
	z-index: 8;
	-webkit-mask-image: linear-gradient(to right, #000000, rgba(0, 0, 0, 0));
	mask-image: linear-gradient(to right, #000000, rgba(0, 0, 0, 0));
}

.tab-v2-content .tab-v2-panel.gradient-container .products-slider-container {
	background: transparent;
	width: 100%;
	padding: 0;
}

.tab-v2-content
	.tab-v2-panel.gradient-container
	.products-slider-container
	.swiper-wrapper {
	z-index: 10;
}

.tab-v2-content
	.tab-v2-panel.gradient-container
	.products-slider-container
	.swiper-slide {
	background: transparent;
}

.tab-v2-content
	.tab-v2-panel.gradient-container
	.products-slider-container
	.swiper-slide
	.featured-product-card-v2 {
	background: var(--white);
	border-radius: var(--radius-md);
	padding: 1rem 0.5rem;
}

/* @media (max-width: 768px) {
	.tab-v2-content
	.tab-v2-panel.gradient-container
	.products-slider-container
	.swiper-slide
	.featured-product-card-v2 {
		padding: 0 0.5rem 1rem 0.5rem !important;
	}
} */
/* ========================================== TAB CONTENT V2 END ========================================== */

/* ========================================== BRAND V2 START ========================================== */
.brand-v2-container .brand-v2-swiper {
	overflow: hidden;
	padding: 2rem 0;
}

.brand-v2-container .brand-slider .swiper-slide {
	flex-shrink: 1;
}

.brand-v2-img-container {
	width: 250px;
	height: 100px;
}

.brand-v2-img-container img {
	width: 100%;
}

@media screen and (max-width: 768px) {
	.brand-v2-container .brand-v2-swiper {
		padding: 0.5rem 0;
	}
}
/* ========================================== BRAND V2 END ========================================== */

img[src=""] {
	display: none !important;
}

.btn-link {
	font-size: 13px !important;
}

#btnOpenRegisterPanel {
	color: var(--primary) !important;
}

.hero-v2-swiper {
	height: 100%;
}

/* ipad responsive */
@media screen and (min-width: 640px) and (max-width: 1199px) {
	.featured-product-card-v2 .img-container {
		width: 100%;
		height: auto;
		border-radius: var(--radius-md);
		overflow: hidden;
	}
	.featured-product-card-v2 {
		width: 9rem;
	}
	.custom-products-slider-container {
		margin-bottom: 0.7rem;
	}
	.featured_price_tag {
		font-weight: 800;
		font-size: 12px;
		color: var(--primary);
		margin: 0;
	}
	.product_name h4 {
		font-size: 14px;
		line-height: 18px;
		text-transform: capitalize;
		font-weight: 400;
		color: var(--black);
		display: -webkit-box;
		display: -moz-box;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
}
.footer-newsletter {
	width: 100% !important;
}

.single_banner .banner_thumb img {
	height:auto !important;
}

.hero-v2-swiper img {
	height:100%;
	width: 100%;
}

.newsletter__row {
	background: #02213d;
	border-radius: var(--radius-md);
}
.newsletter__icon svg {
	color: #dadada;
}
.newsletter__form h4 {
	margin-bottom: 0;
}

/* footer css denz */
.footer__icon img {
	height: 5rem;
}

@media only screen and (max-width: 767px) {
	.newsletter {
		background: #02213d;
		padding: 1rem 0;
	}
	/* .footer__col {
		justify-content: center;
	} */
	.footer__icon img {
		height: 4rem;
	}
	/* .videoAd__banner-src {
		height: 20vh !important;
	} */
	.videoAd__banner {
		margin-bottom: 16px;
	}
}

.videoAd__video{
	overflow:hidden;
	position: relative;
	width: 100%;
	height: 25vh;
	border-radius: var(--radius-md);
	box-shadow: 0px 4px 3px #00000029;
}
.videoAd__video-src {
	width: 100%;
	height: 25vh;
	object-fit: cover;
	border-radius: var(--radius-md);
}
.videoAd__banner{
	width: 100%;
	box-shadow: 0px 4px 3px #00000029;
  border-radius: var(--radius-md);
}
.videoAd__banner-src {
	width: 100%;
	height: auto;
	border-radius: var(--radius-md);
	object-fit: contain;
	align-self: center;
}

@media (min-width: 992px){
	.videoAd__banner{
		aspect-ratio: 31/7;
		box-shadow: 0px 4px 3px #00000029;
		border-radius: var(--radius-md);
	}
	.videoAd__banner-src {
		aspect-ratio: 31/7;
		border-radius: var(--radius-md);
		object-fit: contain;
	}
}

@media (min-width: 992px){
	.videoAd__video{
		overflow:hidden;
		position: relative;
		width: 100%;
		height: 81%;
		border-radius: var(--radius-md);
		box-shadow: 0px 4px 3px #00000029;
	}
	.videoAd__video-src {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: var(--radius-md);
		align-self: center;
	}
}

/* mediaquery for containers */
/* @media (min-width: 768px){
	.container {
		max-width:720px !important;
	}
}
@media (min-width: 992px){
	.container {
		max-width:960px !important;
	}
} */
@media (min-width: 1200px){
	.container {
		max-width: 1150px !important;
	}
}
@media (min-width: 1400px){
	.container {
		max-width: 1300px !important;
	}
	/* .hero-img-cotainer {
		max-height: 690px !important;
	} */
}
@media (min-width: 1600px) {
	.container {
		max-width: 1500px !important;
	}
}
@media (min-width: 1800px){
	.container {
		max-width: 1600px !important;
	}
	/* .hero-img-cotainer {
		max-height: 690px !important;
	} */
}
@media (min-width:2000px) {
	.container {
		max-width: 1800px !important;
	}
	/* .hero-img-cotainer {
		max-height: 690px !important;
	} */
}


.slowFade {
	opacity: 0;
	transition: opacity 0.3s ease;
}
.slowFade--active {
	opacity: 1;
}

.prose {
	font-size: 1rem;
}

.prose ul {
	list-style:disc; 
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}

.prose a {
	color: #1aaaff;
}

/* SnowCSS */
.fa-snowflake {
	color: #fff;
	position: absolute;
	top: -20px;
	animation: fall linear forwards;
}

@keyframes fall {
	to {
		transform: translateY(105vh);
	}
}

/* Banner */
.home-ad-banners .home-ad-banner:nth-child(2) {
	display: none;
}
.home-ad-banners_mobile .home-ad-banner:nth-child(1) {
	display: none;
}

@media (min-width: 768px) {
	.home-ad-banners .home-ad-banner:nth-child(2) {
		display: block;
	}
}

@media (min-width: 768px) {
	.home-ad-banners .home-ad-banner:nth-child(1) {
		display:block;
	}
}

/* Hero slide maintain aspect ratio */

.hero {
	gap: 1.5rem;
}

.hero__slider {
	overflow: hidden;
	position: relative;
	height: 0;
	padding-top: 100%;
	width: 100%;
	margin-bottom: 1.5rem;
}

.hero__slider__inside {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (min-width: 996px) {
	.hero {
		display: flex;
	}

	.hero__slider {
		padding-top: 67%;
		width: 67%;
		margin-bottom: 0;
	}

	.hero__featured {
		width: 33%;
	}
}

@media (min-width: 1015px) {
	.hero__slider {
		padding-top: 65%;
		width: 65%;
		margin-bottom:0;
	}
	
	.hero__featured {
		width: 35%;
	}
}

@media (min-width: 1050px) {
	.hero__slider {
		padding-top: 64%;
		width: 64%;
		margin-bottom:0;
	}
	
	.hero__featured {
		width: 36%;
	}
}

@media (min-width: 1080px) {
	.hero__slider {
		padding-top: 62%;
		width: 62%;
		margin-bottom:0;
	}
	
	.hero__featured {
		width: 38%;
	}
}

@media (min-width: 1090px) {
	.hero__slider {
		padding-top: 61%;
		width: 61%;
		margin-bottom:0;
	}
	
	.hero__featured {
		width: 39%;
	}
}

@media (min-width: 1115px) {
	.hero__slider {
		padding-top: 60%;
		width: 60%;
		margin-bottom:0;
	}
	
	.hero__featured {
		width: 40%;
	}
}

@media (min-width: 1120px) {
	.hero__slider {
		padding-top: 59%;
		width: 59%;
		margin-bottom:0;
	}
	
	.hero__featured {
		width: 41%;
	}
}

@media (min-width: 1150px) {
	.hero__slider {
		padding-top: 57%;
		width: 57%;
		margin-bottom:0;
	}
	
	.hero__featured {
		width: 43%;
	}
}

@media (min-width: 1180px) {
	.hero__slider {
		padding-top: 56%;
		width: 56%;
		margin-bottom:0;
	}
	
	.hero__featured {
		width: 44%;
	}
}

@media (min-width: 1199px) {
	.hero__slider {
		padding-top: 59%;
		width: 59%;
		margin-bottom:0;
	}
	
	.hero__featured {
		width: 41%;
	}
}

@media (min-width: 1200px) {
	.hero__slider {
		padding-top: 60%;
		width: 60%;
	}

	.hero__featured {
		width: 40%;
	}
}

@media (min-width: 1400px) {
	.hero {
		gap: 1rem;
	}

	.hero__slider {
		padding-top: 52%;
		width: 52%;
	}

	.hero__featured {
		width: 48%;
	}
}

@media (min-width: 1500px) {
	.hero__slider {
		padding-top: 54%;
		width: 54%;
	}

	.hero__featured {
		width: 46%;
	}
}

@media (min-width: 1600px) {
	.hero__slider {
		padding-top: 47%;
		width: 47%;
	}

	.hero__featured {
		width: 53%;
	}
}

@media (min-width: 1800px) {
	.hero__slider {
		padding-top: 44%;
		width: 44%;
	}

	.hero__featured {
		width: 56%;
	}
}

@media (min-width: 2000px) {
	.hero__slider {
		padding-top: 39%;
		width: 39%;
	}

	.hero__featured {
		width: 61%;
	}
}

.second_row {
	padding-top: 3%;
}

/* Google translate */
body {
	top: 0 !important;
}
.skiptranslate {
	display: none !important;
}

/* mobile first hero slider responsiveness */
@media (max-width: 479px){
	#__hero-slider {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

/* layout vacature */
.vacature_page_header .content .vacature_background {
	background: #f0f2f4;
	width: 100%;
}

.vacature__desc {
	max-width: 960px;
	padding: 0 1rem;
	margin: 0 auto;
}
.vacature__desc p {
	text-align: center;
	color: black;
}
.vacature__slogan {
	margin: 40px 80px;
}
.vacature__slogan h4 {
	color: black;
	font-size: 18px;
}
.vacature__slogan__container {
	font-weight: bold !important;
	color: black !important;
}
.vacature {
	padding: 50px 88px;
	margin-bottom: 20px;
}
.vacature__content {
	text-align: left;
	display: inline-flex;
	justify-content: center;
	flex-direction: column;
	align-items: start;
}
.vacature__title {
	font-size: 20px;
}
.vacature__img {
	height: 315px;
	width: 641px;
	object-fit: cover;
}

.vacature__midContent {
	margin: 50px 0;
}
.vacature__midContent .vacature__content {
	padding-left: 0;
}
.vacature__img--rounded {
	border-radius: 3px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.09);
}
.vacature__btn {
	background: var(--primary);
	color: #fff;
	padding: 0 20px;
	position: relative;
	cursor: pointer;
	height: 35px;
	line-height: 35px;
	border-radius: var(--radius-md);
	margin-top: 0.5rem;
	text-transform: uppercase;
}
.vacature__btn:hover,
.vacature__btn:focus,
.vacature__btn:active  {
	color: #fff;
	background-color: #17aaff;
}

@media only screen and (max-width: 767px) {
	.header_middle_outer_container {
		height: 0px;
	}
	.main_content_area {
		padding: 0;
	}
	.vacature_page_header {
		height: auto;
		padding: 0;
	}
	.vacature_background {
		background: #f0f2f4;
		width: 100%;
		padding: 20px 0px 0px 0px;
	}
	.vacature_page_header .content {
		height: auto;
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		padding: 0 !important;
	}
	.vacature_page_header .content h1 {
		margin: 20px 40px !important;
		font-size: 26px !important;
		padding-bottom: 10px;
	}
	.vacature_page_header .content .container {
		padding: 0;
	}
	.vacature__desc {
		padding: 0px 20px;
	}
	.vacature__desc p {
		text-align: justify;
		margin-top: 1rem;
	}
	.vacature__slogan {
		margin: 34px 20px;
	}
	.vacature__slogan h4 {
		color: black;
		font-size: 17px;
	}
	.vacature__col {
		margin: 28px 0;
	}
	.vacature__img--rounded {
		border-radius: 3px;
		box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.09);
		padding: 0;
	}
	.vacature__img {
		height: 200px;
		width: 350px;
		object-fit: cover;
	}
	.vacature__content {
		text-align: center;
		display: inline-flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	.vacature__col1 {
		margin: 0 0 20px 0;
	}
	.vacature__title {
		font-size: 20px;
	}
	.vacature__description {
		padding-bottom: 20px;
		margin: 0px 30px;
	}
	.vacature__midContent {
		margin: 50px 0;
		display: flex;
		flex-direction: column-reverse;
	}
	.vacature__midContent .vacature__content {
		padding-left: 0;
		margin-top: 20px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 900px) {
	.vacature__midContent {
		margin: 50px 0;
		display: flex;
		flex-direction: row;
	}
	.header_middle_outer_container {
		height: 0px;
	}
	.main_content_area {
		padding: 0;
	}
	.vacature_page_header {
		height: auto;
		padding: 0;
	}
	.vacature_background {
		background: #f0f2f4;
		width: 100%;
		padding: 20px 0px 0px 0px;
	}
	.vacature_page_header .content {
		height: auto;
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		padding: 0 !important;
	}
	.vacature_page_header .content h1 {
		margin: 20px 40px !important;
		font-size: 26px !important;
		padding-bottom: 10px;
	}
	.vacature_page_header .content .container {
		padding: 0;
	}
	.vacature__desc {
		padding: 0px 20px;
	}
	.vacature__desc p {
		text-align: center;
		margin-top: 1rem;
	}
	.vacature__slogan {
		margin: 34px 20px;
	}
	.vacature__slogan h4 {
		color: black;
		font-size: 17px;
	}
	.vacature__col {
		margin: 28px 0;
	}
	.vacature__img--rounded {
		border-radius: 3px;
		box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.09);
		padding: 0;
	}
	.vacature__img {
		height: 200px;
		width: 350px;
		object-fit: cover;
	}
	.vacature__content {
		text-align: center;
		display: inline-flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	.vacature__col1 {
		margin: 0 0 20px 0;
	}
	.vacature__title {
		font-size: 20px;
	}
	.vacature__description {
		padding-bottom: 20px;
		margin: 0px 30px;
	}
	.vacature__midContent .vacature__content {
		padding-left: 0;
		margin-top: 20px;
	}
}

/* PDF Viewer */
.pdfViewer__page {
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
	display: block;
	margin: 0 auto 1rem;
	width: 100%;
	max-width: 720px;
}

.pdfViewer__page--placeholder {
	display: flex;
	gap: 1.5rem;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 600px;
}

@media (min-width: 768px) {
	.pdfViewer__page--placeholder {
		height: 800px;
	}
}

.gap-2 {
	gap: 2rem;
}

/* SpinKit spinner */
.sk-chase {
  width: 40px;
  height: 40px;
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; 
  animation: sk-chase-dot 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:before {
  content: '';
  display: block;
  width: 25%;
  height: 25%;
  background-color: var(--secondary);
  border-radius: 100%;
  animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes sk-chase {
  100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot {
  80%, 100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4); 
  } 100%, 0% {
    transform: scale(1.0); 
  } 
}