/*!
Theme Name: The9 Store Pro
Theme URI: https://athemeart.com/downloads/the9_store-store-wordpress-theme/
Author: aThemeArt
Author URI: https://athemeart.com
Description: The9 Store is a minimalist multipurpose WordPress eCommerce theme. the9_store is one of the top ways to launch your new Storefront for any business quickly and with professional results. All functions are easily added to your store, adapted to fit your needs, and can represent the goals and values of the business. the9_store theme is a top choice for all the top functions, useability, and relaxed layouts for an approachable and easy-to-use site. You can sell various products or services on your eCommerce sites, like jewelry, cosmetics, gift store, handmade crafts, watches, home decor gadgets, furniture, diamond city, sports items, etc. The9 Store all template is compatible with Gutenberg, Elementor, Yoast SEO, WooCommerce, Contact Form 7, and many other plugins. Besides, Its fully responsive layout and optimized for retina screens and modern browsers. Besides, The the9_store' elegant and pixel-perfect design templates help to create a unique eCommerce website. So if you are looking for an elegant store theme? Look no further! Browse the demo: https://demo.athemeart.com/the9_store/
Requires at least: 5.0
Tested up to: 6.2.0
Requires PHP: 7.0
Version: 1.0.1
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: the9-store-pro
Tags:  one-column, two-columns, right-sidebar, left-sidebar, custom-header, custom-menu, full-width-template, theme-options, threaded-comments, featured-images, post-formats, translation-ready, flexible-header, custom-background, footer-widgets, blog, e-commerce, rtl-language-support, custom-logo, featured-image-header, sticky-post
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

:root {
	--primary-color:#515151;
	--secondary-color: #4E53C8;
	--tertiary-color: #000;
	--quaternary-color:#fff;

	--bg-color: #fff;

	/*--nav-color:#fff;
	--nav-h-color:#4E53C8;
	--nav-bg:#000;
	--nav-h-bg:#fff;*/
	
	--body-font:'Poppins', sans-serif;
	--heading-font:'Oswald', sans-serif;
  --nav-font:'Poppins', sans-serif;

  }
/*===========================================================================
===========================================================================
Global Style begin 
===========================================================================
===========================================================================*/
body {
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	font-family: var(--body-font);
	font-size:100%;
	line-height:1.8;
	font-weight:400;
	color: var( --primary-color );
	background:#F2F3F5;
	text-align:left;
	
}
h1,h2,h3,h4,h5,h6,#review_form .comment-reply-title{
	font-family: var(--heading-font);
	font-weight:500;
}

a{
	color: var( --secondary-color );
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
a:hover,
a:focus{
	color: var(--tertiary-color);
	text-decoration:none;
}

.theme-color{ color: var( --secondary-color )!important;}
#content .entry-title a,
#secondary a,
h1 a, h2 a, h3 a, h4 a{
	color: var(--tertiary-color );
	text-decoration: none;
}
#content .entry-title a:hover,
#content .entry-title a:focus,
#secondary a:hover,
#secondary a:focus,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus{
  	color: var( --secondary-color );
}
.tb-cell{
  	display:table-cell;
}
.theme-btn,
.btn.bg-btn,
.wc-proceed-to-checkout .button,
.components-button.wc-block-components-button,
.single-prev-next a,
.navigation.posts-navigation a{
	line-height: 46px;
	padding: 0 30px;
	display:inline-block;
	transition: all 0.3s ease-in-out;
	font-weight: 500;
	font-size: 18px;
	text-transform: uppercase;
	color: var( --secondary-color );
	background: var(--quaternary-color);
	border:1px solid var( --secondary-color )!important;
	font-family:var(--heading-font);
	position: relative;
	border-radius: 0px;
}
.theme-btn span,
.single-prev-next span,
.navigation.posts-navigation a span{
	position: relative;
	z-index: 9;
}
.theme-btn:hover,
.btn.bg-btn:hover,
.wc-proceed-to-checkout .button:hover,
.components-button.wc-block-components-button:hover,
.theme-btn:focus,
.btn.bg-btn:focus,
.wc-proceed-to-checkout .button:focus,
.components-button.wc-block-components-button:focus,
.single-prev-next a:hover,
.single-prev-next a:focus,
.navigation.posts-navigation a:hover,
.navigation.posts-navigation a:focus{
	color: var(--quaternary-color);
}
.theme-btn:before,
.btn.bg-btn:before,
.wc-proceed-to-checkout .button:before,
.components-button.wc-block-components-button:before,
.single-prev-next a:before,
.navigation.posts-navigation a:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--secondary-color);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.theme-btn:hover:before,
.theme-btn:focus:before,
.btn.bg-btn:hover::before,
.wc-proceed-to-checkout .button:hover::before,
.components-button.wc-block-components-button:hover::before,
.single-prev-next a:hover:before,
.single-prev-next a:focus:before,
.navigation.posts-navigation a:hover:before,
.navigation.posts-navigation a:focus:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.theme-btn i,
.btn.bg-btn i,
.wc-proceed-to-checkout .button i,
.components-button.wc-block-components-button i,
.navigation.posts-navigation a i{
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transform: translateX(5px);
  display: inline-block;
  position: relative;
  z-index: 999;
}
.theme-btn:hover i,
.btn.bg-btn:hover i,
.theme-btn:focus i,
.btn.bg-btn:focus i,
.navigation.posts-navigation a:hover i,
.navigation.posts-navigation a:focus i{
  transform: translateX(15px);
}
.elementor-section-full_width .elementor-container{
  max-width:1140px!important;
  margin: 0px auto;
  padding-left: 15px;
  padding-right: 15px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
  border-color:var( --secondary-color );
}
#content{
  padding-top:80px;
  padding-bottom:60px;	
}
#static_header_banner{
  display:block;
  height:50vh;
  background-color: #282E34;
  position:relative;
  z-index:1;	
}
#static_header_banner:before{
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: rgba(0,0,0,0.5);
  z-index: -1;
}
#static_header_banner .content-text{
  display: flex;
  align-items: center;
  justify-content: center;
  height:100%;
  color: var(--quaternary-color);
  overflow: hidden;
  position: relative;
}
.owl-item {
	float:left;	
}
#be-home-slider{
  overflow:hidden;	
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--gray-color);
}


/*===========================================================================
===========================================================================
	Global Style End 
===========================================================================
===========================================================================*/

/*===========================================================================
===========================================================================
Header top bar begin 
===========================================================================
===========================================================================*/
.top-bar-wrap{
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 0.9em;
}
#masthead.style_1 .top-bar-wrap{
	background: #ECECEC;
}
#masthead.style_2 .top-bar-wrap{
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 20px;
}
.top-bar-wrap .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--tertiary-color);
}
.top-bar-wrap .left-menu, .top-bar-wrap .right-menu {
	display: flex;
	align-items: center;
	gap: 40px;
}
.top-bar-wrap .left-menu ul, .top-bar-wrap .right-menu ul {
	display: flex;
	align-items: center;
	gap: 15px;
	list-style: none;
	padding: 0;
	margin: 0;
}
.top-bar-wrap .right-menu li ul {
	position: absolute;
	display: block;
	min-width: 150px;
	background: var(--quaternary-color);
	box-shadow: 0px 5px 15px 0px var(--alpha-1);
	margin-top: 10px;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
	z-index: 999;
}

.top-bar-wrap .right-menu li:hover ul {
	margin-top: 0;
	opacity: 1;
	visibility: visible;
}
.top-bar-wrap .right-menu li ul a {
	display: block;
	color: var(--tertiary-color);
	padding: 7px 15px;
	border-bottom: 1px solid var(--alpha-2);
}

.top-bar-wrap .right-menu li ul li:last-child a {
	border: 0;
}
.top-bar-wrap li{
	position: relative;
}
.top-bar-wrap li .nav_tooltips{
	display: none!important;
}
.top-bar-wrap li i,
.top-bar-wrap li svg{
	margin-right: 8px;
}
.top-bar-wrap > ul > li{
	margin: 0px 3px;
}
.top-bar-wrap > ul > li:after{
	content: "-";
	position: absolute;
	right: -10px;
	color: inherit;
	top: 50%;
	height: 18px;
	overflow: hidden;
	transform: translateY(-15px);
	opacity: 0.5;
}
.top-bar-wrap > ul > li:last-child:after{
	display: none;
}
.top-bar-wrap .container a {
	color: var(--tertiary-color);
	padding: 0px 5px;
}
.top-bar-wrap .container .social-links{
	padding-top: 5px;
}
.top-bar-wrap .container .social-links a {
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	font-size: 20px;
	padding: 0px;
}


@media only screen and (max-width: 991px) {
	.top-bar-wrap .left-menu, .top-bar-wrap .right-menu {
		flex-direction: column;
	}
	.top-bar-wrap .left-menu ul {
		flex-direction: column;
		gap: 0px;
	}
	.top-bar-wrap .left-menu, .top-bar-wrap .right-menu{
		gap: 5px;
	}
}
@media only screen and (max-width: 575px) {
	.top-bar-wrap .container {
		flex-direction: column;
		gap: 10px;
	}
	.top-bar-wrap .left-menu, .top-bar-wrap .right-menu {
		flex-direction: column;
	}
	.top-bar-wrap .left-menu ul {
		flex-direction: column;
		gap: 0px;
	}
	.top-bar-wrap .left-menu, .top-bar-wrap .right-menu{
		gap: 5px;
	}
}

/*===========================================================================
===========================================================================
 Header section begin 
 ===========================================================================
 ===========================================================================*/
#masthead.style_2{
 	position: absolute;
 	left: 0px;
 	right: 0px;
 	top: 0px;
 	z-index: 999;
}
#masthead.style_1 section.logo-container{
	display: block;
	clear: both;
	background: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
	border-bottom:1px solid #e6eaea;;
}
#masthead.style_2 .logo-container{
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding: 30px 0px;
	background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
}
#masthead section.logo-container ul{
	padding: 0px;
	margin: 0px;
	align-items: center;
}
#masthead section.logo-container li{
	display: inline-block;
	margin: 0px 5px;
	position:relative;
	display: flex;
	justify-content: center; 
  align-items: center;
}
#masthead section.logo-container .apsw-search-wrap{
	margin-right: 20px;
}
#masthead section.logo-container ul.header-icon li span{
	display: block;
	line-height: 18px;
	font-family: var(--nav-font);
	font-weight:bold;
	font-size: 12px;
	text-transform: uppercase;
}
#masthead section.logo-container ul.header-icon li  span.icon_txt{
	margin-left: 10px;
	margin-right: 10px;
}
#masthead section.logo-container ul.header-icon li:last-child span.icon_txt{
	margin-right: 0px;
}
#masthead section.logo-container ul.header-icon li span.label{
	font-size: 0.8em;
	color: #717171;
	font-weight: normal;
	text-transform: uppercase;
}
#masthead.style_2 section.logo-container ul.header-icon li span.label,
#masthead section.logo-container ul.header-icon li span{
	color: var(--nav-color);
}
.navigation.posts-navigation{
	position:relative;
}
.navigation.posts-navigation a{
	
	padding: 15px;
	line-height: 1;
	width:220px;
	float:right;
  text-decoration: none;
	display: flex;
	align-items: center; /* Vertically centers the content */
  justify-content: center; /* Horizontally centers the content (optional) */
  text-decoration: none;
}
.navigation.posts-navigation .btn-wrap{
	font-size: 1em;
	line-height: 1.2;
	padding: 0 10px;
	position: relative;
	right: 0;
	transition: right 300ms ease;
	display: block;
	text-align: left;
}
.navigation.posts-navigation a i {
	font-size:25px;
	line-height: 16px;
	display:block;
}
.navigation.posts-navigation .nav-previous a{
	float:left;	
}

.navigation.posts-navigation .nav-previous a:before {
    transform-origin: right;
    -webkit-transform-origin: 100% 50%; 
    transform-origin: 100% 50%;
}
.navigation.posts-navigation .nav-previous a:hover:before,
.navigation.posts-navigation .nav-previous a:focus:before {
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); 
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.navigation.posts-navigation .nav-previous a:hover i,
.navigation.posts-navigation .nav-previous a:focus i{
  transform: translateX(-5px);
}

.pagination-custom,
.nav-links{
	text-align: center;
	display: block;
	width: 100%;
}
.pagination-custom .navigation ul {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.pagination-custom .navigation ul.page-numbers li {
  border: none;
  display: inline-block;
  vertical-align: top;
  float: none;
}
.pagination-custom .navigation ul.page-numbers li a,
.pagination-custom .navigation ul.page-numbers li span {
  padding: 10px 13px;
  min-width: 50px;
  display: block;
  font-size: 16px;
  color: var(--secondary-color);
  border: solid 1px var(--secondary-color);
  text-align: center;
  line-height: 24px;
  -webkit-border-radius: 0;
  border-radius: 0;
  float: none;
  text-decoration: none;
}
.pagination-custom .navigation ul.page-numbers li a:hover,
.pagination-custom .navigation ul.page-numbers li a:focus{
	background: var(--secondary-color);
	color: #fff;
}
.pagination-custom .navigation ul.page-numbers li span {
	border-color: var(--primary-color);
	color: var(--primary-color);
}

.logo-wrap{
	position:relative;
}
button.the9-store-rd-navbar-toggle{
	border-bottom:1px solid var( --secondary-color );
	background: var( --secondary-color );
	outline:none;
	color: var( --quaternary-color );
	font-size: 25px;
	width: 40px;
	height: 40px;
	line-height: 38px;
	padding: 0;
	display :none;
	visibility:hidden;
}
button.the9-store-rd-navbar-toggle:hover,
button.the9-store-rd-navbar-toggle:focus{
	background: var( --quaternary-color );
	color: var( --secondary-color );
}

/*------------------------ Main Menu--------------------------*/
#masthead.style_1 #navbar{
	display: block;
	background: #1D242A;
}
#navbar ul{
	display: block;
	list-style: none;
	padding: 0px!important;
	margin: 0px!important;
}
#navbar ul li {
	float: left;
	list-style: none;
	padding: 0px!important;
	margin: 0px!important;
	position: relative;
}
#navbar ul > li > a{
	display: block;
	color: var(--nav-color);
	font-size: 15px;
	font-family: var(--nav-font);
	text-decoration: none;
	transition: all 4ms linear 0s;
	display: block;
	padding: 0px 20px;
	position: relative;
	font-weight: 300;
	letter-spacing: 1px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	overflow-wrap: normal;
	word-break: normal;
	position: relative;
}
#navbar li a i, #navbar li a svg{
	display: inline-block;
	margin-right:8px;
}
#navbar li > a .nav_tooltips { 
	position: absolute;
	bottom:calc(100% + 5px );
	background: #000;
	color: #fff;
	height: auto;
	line-height: 14px;
	font-size: 11px;
	padding: 4px 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	left: 50%;
	margin-left: -25px;
	z-index: 999;
}
#navbar li > a .nav_tooltips span{
	color: #fff;
}
#navbar li > a .nav_tooltips:before {
	position: absolute;
	bottom:-8px;
	left: 50%;
	margin-left: -8px;
	content:"";
	border-right: 8px solid transparent;
	border-top: 8px solid currentColor;
	border-left: 8px solid transparent;
}
#masthead.style_1 ul.the9_store-main-menu > li > a{
	line-height: 63px;
	height: 63px;
}
#masthead.style_2 ul.the9_store-main-menu > li > a{
	line-height: 40px;
	border-radius: 3px;
	margin: 0px 2px;
}
#navbar ul.helper-icon > li:first-child{
	border-left: 1px solid #14181d;
}
#navbar ul.helper-icon > li:last-child{
	border-right: none!important;
}
#aside-nav-wrapper > ul > li > a:hover,
#aside-nav-wrapper > ul > li > a:focus,
#aside-nav-wrapper > ul > li:hover > a,
#aside-nav-wrapper > ul > li:focus > a,
#aside-nav-wrapper > ul > li.current-menu-item > a,
#aside-nav-wrapper > ul > li.current_page_parent > a{
	color: var(--nav-h-color);
	background: var(--nav-h-bg);
}
#masthead.style_1 ul.the9_store-main-menu > li > a:after{
	border-top: 3px solid var(--nav-h-color);
	content: "";
	position: absolute;
	left: 0px;
	right: 0px;
	height: 3px;
	top: 0px;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}
#masthead .navigation-menu > li:last-child:after{
	display: none;
}

#masthead.style_1 ul.the9_store-main-menu > li > a:hover:after,
#masthead.style_1 ul.the9_store-main-menu > li > a:focus:after,
#masthead.style_1 ul.the9_store-main-menu > li:hover > a:after,
#masthead.style_1 ul.the9_store-main-menu > li:focus > a:after,
#masthead.style_1 ul.the9_store-main-menu > li.current-menu-item > a:after,
#masthead.style_1 ul.the9_store-main-menu > li.current_page_parent > a:after{
	opacity: 1;
}
#navbar ul ul{
	position: absolute;
	left: 0px;
	top: 100%;
	padding: 8px 0;
	color: #999;
	background: var(--nav-h-bg);
	text-align: left;
	width:280px;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
	box-shadow: -2px 2px 82px -26px rgba(0,0,0,.25);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index: 999;
}
#navbar.keyfocus ul ul{
	visibility:visible;
}
#navbar ul ul ul{
	left: 100%;
	top: 0px;
}
#navbar li:hover > ul,
#navbar li.focus > ul{
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
#navbar li li{
	display: block;
	float: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}
#navbar li li a{
  line-height:32px;
  display:block;
  padding:10px;
  padding-left: 18px;
  position: relative;
  display: block;
  width: 100%;
  font-size: 14px;
  border: none;
  color: #000;
  text-transform: capitalize;
}
#navbar li li a:hover,
#navbar li li a:focus{
	padding-left: 25px;
}
#navbar li li a:after{
	border:none!important;
	border-bottom: 1px solid var(--nav-h-color)!important;
	opacity: 0.2!important;

}
#navbar li li a:before{
  position: absolute;
  top: 50%;
  left: -6px;
  content: '\f285';
  font-family: 'bootstrap-icons';
  font-size:inherit;
  line-height: inherit;
  color: inherit;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#navbar li li a:hover:before,
#navbar li li a:focus:before{
	left: 8px;
	opacity: 1;
	visibility: visible;
}

.the9-store-responsive-navbar{
	border: 1px solid var(--secondary-color);
	background: var(--secondary-color);
	outline: none;
	color: var(--quaternary-color);
	font-size:40px;
	width: 62px;
	height: 62px;
	line-height: 0px;
	padding: 0;
	display: none;
	visibility: hidden;
}
.the9-store-navbar-close{
	position:absolute;
	left: 260px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	top: 5px;
	padding: 0px;
	border: 1px solid var(--secondary-color)!important;
	z-index: 999;
	display: none;
	visibility: hidden;
}
.responsive-submenu-toggle{
	position:absolute;
	left:calc(300px - 50px);
	top: 2px;
	max-height: 38px;
	width: 38px;
	font-size:18px;
	height:100%;
	background:none;
	color: #000;
	border:none;
	display: none;
	visibility: hidden;
	z-index: 999;
}
.responsive-submenu-switch:hover,
.responsive-submenu-switch:focus{
	color:var(--nav-h-color);
}
@media only screen and (max-width: 850px) {
	
	.responsive-submenu-switch,
	.the9-store-navbar-close,
	.responsive-submenu-toggle,
	.the9-store-responsive-navbar{
		display: block;
		visibility: visible;
	}
	#navbar .nav-wrap{
		position: fixed;
		width: 300px;
		left: 0;
		top: 0;
		bottom: 0;
		box-shadow: -1px 4px 5px 0px rgba(68,73,83,.12);
		background: var(--res-nav-wrap-bg);
		z-index: 999;
		border-right: 1px solid #e8e8e8;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		left: -100%;
		transform: translateX(-100%);
		visibility: hidden;
		opacity: 0;
	}
	#navbar .nav-wrap.active{
		left: 0%;
		transform: translateX(0%);
		visibility:visible;
		opacity:1;
	}
	#navbar ul li {
		float:none;
		display:block;
	}
	#navbar .navigation-menu li a {
		border-bottom: 1px solid #e8e8e8;
		float: none;
		color: var(--res-nav-color)!important;
		line-height: 45px!important;
		border-right: none;
		text-align: left;
		height: auto!important;

	}
	#navbar li li a{
		line-height: 40px!important;
		height: auto!important;
		padding: 0px 20px!important;
	}
#aside-nav-wrapper > ul > li > a:hover,
#aside-nav-wrapper > ul > li > a:focus,
#aside-nav-wrapper > ul > li:hover > a,
#aside-nav-wrapper > ul > li:focus > a,
#aside-nav-wrapper ul > li.current-menu-item > a,
#aside-nav-wrapper ul > li.current_page_parent > a{
	color: var(--res-nav-h-color)!important;
	background: var(--res-nav-bg)!important;
}
	#navbar .navigation-menu li ul{
		display:block;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		width: auto;
		margin-left: 20px!important;
		box-shadow:none;
		position: static;
		opacity: 0;
		visibility:hidden;
		display:none;
	}
	#navbar .navigation-menu li ul.focus-active{
		opacity: 1;
		visibility: visible;
		display:block;
	}
	#navbar .navigation-menu li li ul{
		margin-left: 0px!important;
	}
	#navbar .navigation-menu > li a::after {
		border-bottom: none;
	}
	#navbar .navigation-menu > li a::after {
		display: none;
	}
	#navbar .navigation-menu li ul .responsive-submenu-toggle{
		left:calc(300px - 70px);
	}
	#navbar .navigation-menu li .nav_tooltips{
		display: none;
	}
}

/*===========================================================================
===========================================================================
Header bottom bar begin 
===========================================================================
===========================================================================*/
.apsw-search-wrap .apsw-search-form {
   height: 50px !important;
}
.apsw_data_container {
   flex-direction: column;
}
#masthead ul.apsw_data_container li{
	margin: 0px!important;
	display: block;
}
#masthead .apsw_loader{
	right: 0px;
}
ul.apsw_data_container li:hover {
   background-color: var(--gray-color);
}
.apsw-search-wrap .apsw-select-box-wrap {
   height: 50px;
}
.apsw-search-wrap .apsw-category-items {
   line-height: 50px;
}
.apsw-search-wrap .apsw-search-form input[type='search'], .apsw-search-wrap.apsw_search_form_style_4 button.apsw-search-btn, .apsw-search-wrap.apsw_search_form_style_5 button.apsw-search-btn, .apsw-search-wrap.apsw_search_form_style_6 button.apsw-search-btn, .apsw-search-wrap .apsw-search-btn {
   height: 50px !important;
   line-height: 50px;
   min-height: auto;
}
.apsw-search-wrap .apsw-search-btn svg{
	display: none;
}
.apsw-search-wrap .apsw-search-btn:after{
	top: 0px;
}
#masthead .apsw-search-wrap li{ margin: 0px; }
#masthead .search-form{
	position: relative;
	width: 100%;
	margin-right: 20px;
}
#masthead .search-form input[type="search"],
#masthead .search-form label{
	width: 100%;
	margin-bottom: 0px;
	min-height: 45px;
}
#masthead .search-form .search-submit{
	position: absolute;
	right: 0px;
	top: 0px;
	text-indent: -600px;
  background-color: var(--tertiary-color); /* Use variable for background */
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='black' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E") no-repeat center;
  -webkit-mask-size: 20px 20px;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='black' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E") no-repeat center;
  mask-size: 19px 19px;
}
#masthead .search-form .search-submit:hover,
#masthead .search-form .search-submit:focus{
  background-color: var(--secondary-color); /* Use hover variable */
	transform: scale(1.1); /* Slightly increase size on hover */
}
#masthead .header-icon > li > a{
	color: var(--secondary-color);
	height: 40px;
	width: 40px;
	background-color: #F7F7F7;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	display: inline-block;
	position: relative;
}
#masthead .header-icon > li:hover > a,
#masthead .header-icon > li:hover > a,
#masthead .header-icon > li.focus > a{
		background:var(--secondary-color);
		color: #fff;
}
#masthead .header-icon li ul{
	position: absolute;
	border: none;
	right: 0;
	border-radius: 0;
	margin-top: 0;
	top: calc(100% + 1px);
	width: 180px;
	text-align: left;
	background: var(--quaternary-color);
	box-shadow: -1px 0px 5px 0px rgba(68, 73, 83, 0.12);
	margin-right: -90px;
	opacity: 0;
	transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
	transform: translateY(0.6rem);
	z-index: 99;
	display: none;
}
#masthead .header-icon li:hover ul,
#masthead .header-icon li:focus ul,
#masthead .header-icon li.focus ul {
  transform: translate(0%,0);
  opacity: 1;
  display: block;
}
#masthead .header-icon li li{
	display: block;
	padding: 15px;
	text-align: left;
	border-bottom: 1px solid #e8e8e8;
}
#masthead .header-icon li:last-child{
	margin-right: 0px;
}
#masthead .header-icon li li > a{
		transition: .33s all ease;
		-webkit-transition: .33s all ease;
		-moz-transition: .33s all ease;
		-o-transition: .33s all ease;
		display: block;
		font-size: 14px;
		line-height: 14px;
		position: relative;
		color: var(--tertiary-color);
}
#masthead .header-icon li li > a:hover,
#masthead .header-icon li li > a:focus{
	color: var(--secondary-color);
}
#masthead .apsw_ajax_result{
	top: calc(100% + 1px);
}
/*===========================================================================
===========================================================================
Banner section Begin 
===========================================================================
===========================================================================*/

#home-slider{overflow: hidden; width: 100%;}
#home-slider .slide-item {
	height: 100vh;
	position: relative;
}

#home-slider {
	position: relative;
	background: #000;
}
#home-slider .owl-dots{
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 5px;
}
#home-slider .owl-dot {
	width: 40px;
	height: 8px;
	padding: 0;
	border-radius: 4px;
}
#home-slider .owl-dot.active {
	background: transparent;
}
.slide-wrap {
	height: 100%;
}
#gs-home-page-hero{
	background:#BFC0C1;
}
#gs-home-page-hero .content-text,
.slide-content {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.slideUp {
	width: 80%;
}
.slideUp.center{
	margin: 0px auto;
	text-align: center;
}
.slideUp.right{
	text-align: right;
	float: right;
}
#home-slider button{
		position: absolute;
		top: 50%;
		left: -2px;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: 99;
		text-align: center;
		cursor: pointer;
		color: #FFF;
		font-size: 30px;
		padding: 0px;
		width: 45px;
		line-height: normal;
		text-decoration: none;
		border: 1px solid rgba(255, 255, 255, 0.5);
		background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
		background-color: rgba(255,255,255,0.3);
}
#home-slider button i{
	transition: all 0.3s ease-in-out;
}
#home-slider button:hover i{
	margin-right: 10px;
}
#home-slider button.owl-prev {
	  right: -2px;
	  left: auto;
}
#home-slider button.owl-prev:hover i{
	margin-right: auto;
	margin-left: 10px;
}
#home-slider button:hover,
#home-slider button:focus{
	color: var(--secondary-color);
	background: var(--alpha-color);
	border-color: var(--alpha-color);
}
#home-slider button.owl-dot{
	position: static;
}

a.slide-btn{
	position: relative;
	padding: 0 40px;
	height: 50px;
	line-height: 50px;
	border-radius:5px;
	border-width: 0;
	font-size: 18px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	font-family: var(--nav-font);
	font-size: 14px;
	overflow: hidden;
	display:inline-block;
	margin: 25px 10px 0px 10px;
	color: var(--secondary-color);
	border: 1px solid rgba(255, 255, 255, 0.3);
	background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
}
a.slide-btn:first-child {
	margin-left: 0;
}
a.slide-btn:hover,
a.slide-btn:focus{
	background-color:var(--secondary-color);
	border-color:var(--secondary-color);
	color: var(--quaternary-color);
}
a.slide-btn.btn-color{
	background-color:var(--alpha-color);
	border-color:var(--alpha-color);
	color: var(--quaternary-color);
}
a.slide-btn.btn-color:hover,
a.slide-btn.btn-color:focus {
	background-color:var(--secondary-color);

}

.owl-item.active .slideUp{
	animation-name: slideUp;
  animation-duration:1.5s;
  animation-timing-function: ease;
}
@keyframes slideUp {
  100% {
	  -webkit-transform: translateY(0%);
	  opacity:1;
  }
  0% {
	  -webkit-transform: translateY(20%);
	  opacity:0;
  }
}

.owl-item.owl-animated-in.active{
  animation-name: fadeInOut;
  animation-duration:1s;
  animation-timing-function: ease;
}

@keyframes fadeInOut {
   100% {
	  opacity:1;
  }
  0% {
	  opacity:0;
  }
}
@media only screen and (max-width : 767px) {
	
	#home-slider .slide-item {
		max-height: 70vh;
	}
	.slideUp {
		width: 100%;
	}
	#masthead.style_2 [class*="col-"]{
		margin-bottom: 20px;
	}
	#masthead.style_2 #nav_bar_wrap{
		padding: 15px 0px;
	}
	#masthead.style_2 .order-3{
		order: 0!important;
	}
	
	#the9-store-mega-menu{
		margin-top: 10px;
		display: block;
		float: none!important;
	
	}
	#the9-store-mega-menu > .btn-mega{
		line-height: 50px!important;
	  height: 54px!important;
	}
	#the9-store-mega-menu > .btn-mega > span{
		top: 24px!important;
	}
	
	#the9-store-mega-menu > ul.menu{
		top: 42px;
	}
	
}
#gs-home-page-hero{
	position: relative;
	overflow: hidden;
}
#gs-home-page-hero .site-header-bg-wrap{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	z-index:-1;
}
#gs-home-page-hero .site-header-bg-wrap .site-header-bg{
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center center;
}
#gs-home-page-hero.video {
    overflow: hidden;
    position: relative;
}
#gs-home-page-hero.video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}
/*===========================================================================
===========================================================================
Breadcrumb section Begin 
===========================================================================
===========================================================================*/
.site-header-text-wrap {
   text-align: center;
}
.site-header-text-wrap h1 {
   font-family: var(--heading-font);
   font-size: 3.5rem;
   line-height: 51px;
   font-weight: 500;
   margin-bottom: 0;
}
 
/*===========================================================================
===========================================================================
Product section Begin 
===========================================================================
===========================================================================*/
ul.products li.product {
	background: var(--bg-color);
	text-align: center;
}
.woocommerce li.product .product_wrap{
	padding: 25px;
	padding-bottom: 100px;
	position: relative;
}
.woocommerce li.product ul.button-group{
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
.woocommerce li.product .button-group li {
  min-width: 50%;
  max-width: 100%;
  width: 100%;
  height: 60px;
  position: relative;
  list-style: none;
  text-align: center;
  line-height: 60px;
  background: #333333;
  color: var(--quaternary-color)!important;
  font-family: var(--heading-font);
   font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
}
.woocommerce li.product .button-group li mark, 
.woocommerce li.product .button-group li ins{
	background:none;
}
.woocommerce li.product .button-group a,
.woocommerce li.product .button-group .added_to_cart.wc-forward,
.shop_table .actions .button {
	color: var(--quaternary-color);
	background: var(--secondary-color);
	display: block;
	width: 100%;
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.woocommerce li.product .button-group a:hover,
.woocommerce li.product .button-group a:focus,
.woocommerce li.product .button-group .added_to_cart.wc-forward:hover,
.woocommerce li.product .button-group .added_to_cart.wc-forward:focus {
	background: var(--tertiary-color);
}
.woocommerce li.product .button-group .added_to_cart.wc-forward{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
}
.woocommerce-loop-product__title{
	color: var(--tertiary-color);
	font-weight: 700px;
	letter-spacing: 0.3px;
	word-spacing: 1px;
}
/*===========================================================================
===========================================================================
Blog Page Begin 
===========================================================================
===========================================================================*/
.the9-store-post {
	margin-bottom: 60px;
}
.the9-store-post.grid-item{
  margin-bottom: calc(var(--bs-gutter-x) * 0.5);
  padding-bottom: calc(var(--bs-gutter-x) * 0.5);
}
.the9-store-post.masonry{
	padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);

}
.the9-store-post.side{
	background:none;
}
.the9-store-post.side .post{
	background:var(--bg-color);
}
.the9-store-post .post{
	padding:30px;
	background:var(--bg-color);
}
.the9-store-post .more-link {
	margin-top: 30px;
}
.the9-store-post .entry-title{
	padding-bottom: 30px;
	margin-bottom: 0px;
}
.post-meta-wrap ul.post-meta{
	padding: 0;
	list-style: none;
	color: var(--primary-color);
	font-family: var(--heading-font);
	padding-bottom: 10px;
	font-size: 14px;
	margin-bottom: 0px;
}
.post-meta-wrap ul.post-meta li{ 
	display: inline-block;
	margin-right: 36px; 
	position: relative;
}
.post-meta-wrap ul.post-meta li:before{ 
	content: ""; 
	position: absolute;
	right: -24px;
	top: 50%;
	transform: translateY(1px);
	width: 12px;
	height: 2px;
	background: #000;
}
.post-meta-wrap ul.post-meta li:last-child:before{ display: none; }
.related_post_warp{
	margin-bottom: 20px;
}
.the9-store-post .img-box, .related_post_warp .img-box {
	position: relative;
	overflow: hidden;
}
.the9-store-post .img-box iframe{
	width: 100%;
	margin-bottom: 0px;

}
.related_post_warp .img-box iframe{
	height:auto!important;
}

.the9-store-post.side .img-box{
		width: 320px;
    flex: 0 0 320px;
    margin-right: calc(var(--bs-gutter-x) * 0.5);
}
.the9-store-post .img-box img{
  width: 100%;
  transition: all 0.5s ease-in-out;
  height: auto;
}
.the9-store-post:hover .img-box img{
  transform: scale3d(1.1,1.1,1);
}
.the9-store-post:hover .img-box .owl-item img{
	 transform: scale3d(1,1,1);
}
.related_post_warp .icofont-image{ display: none; }

.the9-store-post .img-box {
	position: relative;
}
}
.the9-store-single-post .img-box {
	margin-bottom: 20px;
	overflow: hidden;
} 
.the9-store-single-post .img-box  .owl-nav.disabled{
	display: none;
}
.icofont-image,
.the9-store-icon {
	position: absolute;
	top: 20px;
	left: 20px;
	text-align: center;
	width: 45px;
	height: 45px;
	line-height: 45px;
	font-size: 25px;
	color: var(--quaternary-color);
	background: var(--secondary-color);
	border-radius: 50%;
	z-index: 99;
}
.share-box {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 50px;
	background: #fff;
	padding: 20px;
}
.share-box h6,
.woo-share-container h6 {
	font-family: var(--body-font);
	margin-bottom: 0;

}
.single-prev-next{
	padding: 0;
	margin-bottom: 50px;
	clear: both;
	text-align: right;
}
.single-prev-next a{
	min-width: 170px;
	font-size: 16px;
	text-decoration: none!important;
	padding: 0 20px;
	text-align: center;
}
.single-prev-next a{
	float:left;
}
.single-prev-next .next a{
	float:right;
}
.single-prev-next a i{
	display: inline-block;
	transform: translateX(-10px);
	-webkit-transform: translateX(-10px);
	transition: all 0.3s ease-in-out;
}
.single-prev-next .next i{
		transform: translateX(10px);
	 -webkit-transform: translateX(10px);
}
.single-prev-next a:hover i,
.single-prev-next a:focus i{
		transform: translateX(-15px);
	 -webkit-transform: translateX(-15px);
}
.single-prev-next .next a:hover i,
.single-prev-next .next a:focus i{
	transform: translateX(15px);
	 -webkit-transform: translateX(15px);
}
.form-allowed-tags {
 margin-bottom: 20px;
}
#commentform [class^="col-"]{ position: relative; }
#commentform input[type="text"], #commentform input[type="email"], #commentform textarea {
 margin-bottom: 20px !important;
}
#commentform input[type=checkbox], input[type=radio] {
	width: 15px;
	height: 15px;
	margin-right: 10px;
	margin-top: 5px;
}
.comment-form-cookies-consent {
 display: flex;
 margin-bottom: 30px;
}
#commentform input[type=checkbox]:before, input[type=radio]:before {
 opacity: 0;
}
#commentform label {
 line-height: 15px;
 margin-bottom: 0;
 padding-top: 5px;
}
.the9-tags-list {
	margin-top: 20px;
}
.the9-tags-list a {
	margin-right: 1px;
	text-transform: uppercase;
	line-height: 24px;
	padding: 5px 12px;
	color: #777;
	border: 1px solid #777;
	font-size: 12px;
	transition: all 0.3s ease-in-out;
	letter-spacing: 3px;
	margin: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none!important;
}
.the9-tags-list a:hover,
.the9-tags-list a:focus{
	background: var(--secondary-color);
	border: 1px solid var(--secondary-color);
	color: #fff;
}
.the9-tags-list span {
	margin-right: 15px;
	color: #000;
}
 /*--------------------------------------------------------------
	# COMMENT
--------------------------------------------------------------*/


ul.comment-list {
	display:block;
	margin:0px;
	padding:0px;
}
ul.comment-list li {
	margin:0px;
	list-style:none;
	clear:both;	
}
ul.comment-list li ul {
	margin-left:20px;
}
.comment-meta .single-comment img {width: 80px;height: 80px;border-radius: 50%;}
.comment-meta .single-comment .comment {
  width: calc(100% - 80px);
  padding-left: 20px;
  position: relative;
}
.comment-meta .single-comment .comment h6{
	margin-bottom:0px!important;	
}
.comment-meta .single-comment .comment h6 a {
  text-transform: uppercase;
  color: #313131;
  margin: 10px 0 8px 0;
}
.comment-meta .single-comment .comment .date {
  text-transform: uppercase;
  font-size: 12px;
}
.comment-meta .single-comment .comment-text {margin-top:10px;}
.comment-meta .single-comment {
  padding-bottom: 20px;
  margin-bottom: 30px;
  position:relative;
  display: flex;
}
.comment-meta .ellipse-left {
	 position:relative;
	
}
.comment-meta .single-comment.reply-comment {margin-left: 50px;}
.comment-meta .single-comment:last-child {
  margin: 0;
  padding: 0;
  border:none;
}
.comment-meta .single-comment .comment .reply {
  position: absolute;
  top:0;
  right: 0;


} 
.comment-meta .single-comment .comment .reply a{
	text-transform: uppercase;
	line-height: 24px;
	padding: 0 12px;
	background: #f7f7f7;
	font-size: 12px;
	color: #777;
	transition: all 0.3s ease-in-out;
	display:block;
	text-decoration:none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.comment-meta .single-comment .comment .reply a:hover,
.comment-meta .single-comment .comment .reply a:focus{
	background: var(--secondary-color);
	color: var(--quaternary-color);
}
/*===========================================================================
===========================================================================
Blog Single Page End 
===========================================================================
===========================================================================*/



/*===========================================================================
===========================================================================
blog sidebar Begin
===========================================================================
===========================================================================*/
#search-1 .search-form, .wp-block-search__inside-wrapper {
	display: flex;
	border: 1px solid var(--secondary-color);
}
#secondary .wp-block-search__label{
	display: none;
}
#search-1 .search-form input {
	margin-bottom: 0;
	border: 0;
}
#search-1 .search-form label, .wp-block-search__inside-wrapper input {
	width: 100%;
	margin-bottom: 0;
	border: none;
}
#search-1 .search-form input[type="submit"], .wp-block-search__inside-wrapper button {
	border: 0;
	border-radius: 0;
	background:var(--secondary-color);
	color: var(--quaternary-color);
	padding: 0 15px;

}
#search-1 .search-form input[type="submit"]:hover, #search-1 .search-form input[type="submit"]:focus, .wp-block-search__inside-wrapper button:hover, .wp-block-search__inside-wrapper button:focus {
		opacity: 0.5;
}
#secondary .widget {
	margin-bottom: 30px;
	background:var(--bg-color);
	padding: 20px;
}
.widget_search {
	margin-bottom: 30px;
}
#secondary .widget ul, #secondary .widget ol {
	padding-left: 0;
	margin-bottom: 0;
}
#secondary .widget ul.children {
	margin-left: 5px;
}
#secondary .widget li {
	list-style: none;
	padding: 5px 0px !important;
	position: relative;
	margin: 0;
}
#secondary .widget li:first-child,
.wp-block-latest-posts.wp-block-latest-posts__list li:first-child{
	padding-top:0px!important;
}
#secondary .widget li ul{
	padding-top: 5px;
	padding-left: 15px;
}
#secondary .widget li li{
	padding: 5px!important;
	position: relative;
}

#secondary .widget a{
	color: var(--primary-color);
	display:inline-block;
	position: relative;
}
#secondary .widget a:hover,
#secondary .widget a:focus{
	transform: translateX(15px);
	-webkit-transform: translateX(15px);
	color: var(--secondary-color);
}
#secondary .widget a:before{
  position: absolute;
  top: 50%;
  left: 8px;
  content: '\f285';
  font-family: 'bootstrap-icons';
  font-size:inherit;
  line-height: inherit;
  color: inherit;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 12px;
  margin-top: 1px;
}	
#secondary .widget a:hover::before, #secondary .widget a:focus::before {
  left: -15px;
  opacity: 1;
  visibility: visible;
}
#secondary .widget li li:after{
		font-family: 'IcoFont' !important;
		font-style: normal;
		font-weight: normal;
		-webkit-font-smoothing: antialiased;
		position:absolute;
		left:-15px;
		font-size: 16px;
		top: 50%;
		transform: translateY(-50%);
		content: "\ea98";
		transition: .33s all ease;
}
.woocommerce-product-search {
		display: flex;
		border: 1px solid var(--alpha-1);
		border-radius: 5px;
}
.woocommerce-product-search input {
		margin-bottom: 0;
		border: 0;
}
ul.products li.product.do-to-list {
		display: flex;
		align-items: center;
		gap: 30px;
		border: 1px solid var(--alpha-2);
		border-radius: 10px;
}
.wc-layered-nav-rating .star-rating::before {
		transform: translateX(30px);
}
/*===========================================================================
===========================================================================
 Product Category section Begin 
 ===========================================================================
 ===========================================================================*/
.widget-title,
.related.products h2,
.upsells.products h2,
.cross-sells h2,
.wp-block-group__inner-container h2,
.related_post_heading,
.checkout h3  { 
	 font-family: var(--body-font);
	 color: var(--tertiary-color);
	 text-transform: capitalize;
	 position: relative;
	 padding-bottom: 20px;
	 margin-bottom: 30px;
}
.widget-title:before,
.related.products h2:before,
.upsells.products h2:before,
.cross-sells h2:before,
.wp-block-group__inner-container h2:before,
.related_post_heading:before,
.checkout h3:before {
	 position: absolute;
	 content: "";
	 bottom: 0;
	 left: 0;
	 right: 0;
	 height: 2px;
	 background: var(--secondary-color);
	 border-radius: 1px;
	 opacity: 0.2;
}
.widget-title:after,
.related.products h2:after,
.upsells.products h2:after,
.cross-sells h2:after,
.wp-block-group__inner-container h2:after,
.related_post_heading:after,
.checkout h3:after {
		position: absolute;
		content: "";
		bottom: -2px;
		left: 0;
		width: 50px;
		height: 6px;
		background: var(--secondary-color);
		border-radius: 3px;
}
.product_list_widget .product-link {
 		display: block;
}
#colophon.site-footer{
	font-size: 90%;
	line-height: 1.5;
}
ul.popular_category_list li,
#colophon.site-footer li{
		list-style:none;
		display:block;	
		padding-top: 10px;
		padding-bottom: 10px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		position:relative;
}
.woocommerce-cart-form table.shop_table.cart tr td .woocommerce-Price-amount{
		color: var(--primary-color);
}
.woocommerce-cart-form table.shop_table.cart tr td.product-name{
		color: var(--primary-color);
}

/*===========================================================================
===========================================================================
Footer section Begin 
===========================================================================
===========================================================================*/
#footer {
	border-top: 1px solid var(--gray-color);
}

#colophon.site-footer .textwidget li {
	padding-top: 5px;
	padding-bottom: 5px;
}
#colophon.site-footer .cat-item {
	padding-top: 5px;
	padding-bottom: 5px;
}
ul.popular_category_list,
#colophon.site-footer ul{
	margin:0px;
	padding:0px;
	padding-left:0px;
}
#colophon.site-footer .widget li:hover:before,
#colophon.site-footer .widget li:focus:before,
#colophon.site-footer .widget li.focus:before{
	 opacity: 1;
	visibility:visible;
	left: -2px;
	color:var(--secondary-color);
}
ul.popular_category_list li:last-child{
	border:none;	
}
.sidebar-menu {
	list-style:none;
	margin: 0;
	padding: 0;
}
.sidebar-menu li a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-weight: normal;
	display: block;
	color: var(--primary-color);
	text-decoration:none;
	font-size:95%;
} 
#secondary .post-date{
	display:block;
	text-align:right;
	font-size:11px;
	font-style:italic;
}
#colophon .social-list {
	display: flex;
	gap: 20px;
}
#colophon .site_info {
	border-top: 1px solid rgba(224, 224, 224, 0.4);
	padding: 20px 0;
}
#colophon .site_info .row {
	align-items: center;
}
#colophon{
	background: var(--bg-color);
}
#colophon.site-footer ul.social-links li{
	display:inline-block;
	margin-left: 5px;
}

#colophon.site-footer .textwidget li {
  padding-top: 8px;
  padding-bottom: 8px;
}
/*===========================================================================
===========================================================================
Footer section End 
===========================================================================
===========================================================================*/
  


/*===========================================================================
===========================================================================
Back to top button End 
===========================================================================
===========================================================================*/
  a.ui-to-top {
	  position: fixed;
	  bottom: 20px;
	  transition: .3s all ease;
	  z-index: 99;
	  right:20px;
	  padding-right: 30px;
	  color:#1f1f1f;
	  font-size:30px;
	  cursor:pointer;
	  opacity:0;
	  -webkit-transform: translateY(50px);
	  -ms-transform: translateY(50px);
	  transform: translateY(50px);
	
  }
  a.ui-to-top:hover,
  a.ui-to-top:focus{
	  color:var( --secondary-color );
  }
  a.ui-to-top.active {
  
	  -webkit-transform: translateY(0);
	  -ms-transform: translateY(0);
	  transform: translateY(0);
	  opacity: 1;
  
  }
/*===========================================================================
===========================================================================
Back to top button End 
===========================================================================
===========================================================================*/
  


/*===========================================================================
===========================================================================
Product Single Page Begin 
===========================================================================
===========================================================================*/
.product_title {
	
	color: var(--tertiary-color);
}
.woocommerce div.product form.cart {
	margin: 30px 0 !important;
}
.compare-wishlist-single-post {
	border-bottom: 1px solid var(--alpha-1);
}
.compare-wishlist-single-post .alert {
	position: absolute;
	width: max-content;
}

.single-product-extra-container li a {
	font-size: 16px;
	border: 0 !important;
	border-radius: 50%;
	color: var(--tertiary-color) !important;
}
.single-product-extra-container li a:hover,
.single-product-extra-container li a:focus {
	background: var(--tertiary-color) !important;
	color: var(--quaternary-color) !important;
}
h6.heading-share {
	font-family: var(--body-font);
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
}

/*===========================================================================
===========================================================================
Product Single Page End 
===========================================================================
===========================================================================*/


/*===========================================================================
===========================================================================
Cart Page Begin 
===========================================================================
===========================================================================*/

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals table.shop_table {
	background-color: transparent !important;
}
#content .the9-store-single-post .content-wrap a.checkout-button {
	color: var(--quaternary-color);
}
#content .the9-store-single-post .content-wrap a.checkout-button:hover,
#content .the9-store-single-post .content-wrap a.checkout-button:focus{
	color: var(--secondary-color);
}
/*===========================================================================
===========================================================================
Cart Page End 
===========================================================================
===========================================================================*/
  


/*===========================================================================
===========================================================================
Checkout Page Begin 
===========================================================================
===========================================================================*/
.checkout h3 {
	font-family: var(--body-font);
	font-weight: 500;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
	border: none!important;
}
.content-wrap .woocommerce-message{
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.content-wrap .woocommerce-message:before{
	color: #d6e9c6;
}
.content-wrap .woocommerce-error{
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}
.content-wrap .woocommerce-error:before{
	color: #31708f;
}
.content-wrap .woocommerce-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.content-wrap .woocommerce-info:before{
	color: #31708f;
}

ul.wc_payment_methods li {
	margin-bottom: 0 !important;
}
#place_order.button {
	border-radius: 30px;
}
/*===========================================================================
===========================================================================
Checkout Page End 
===========================================================================
===========================================================================*/
.woocommerce-form-login {
	display: flex !important;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 30px;
}
.woocommerce-form.woocommerce-form-login.login .form-row {
	margin: 0;
}
.woocommerce-form.woocommerce-form-login.login .form-row.woocommerce-form-row {
	width: calc(50% - 15px) !important;
	margin: 0;
}
.woocommerce-LostPassword.lost_password {
	transform: translateY(0) !important;
	margin-bottom: 0;
}
.dev_info{
	display: block;
	font-style: italic;
}


.elementor-col-100 .elementor-element-populated{
	padding: 0px!important;
}
.wedding-collection .woocommerce-loop-product__title a,
.wedding-collection .price,
.wedding-collection .woocommerce-Price-amount{
	color: #fff!important;

}
.wedding-collection .star-rating{
	display: none!important;
}
#colophon.site-footer{
	background: var(--bg-color);
}
.footer_widget_wrap{
	border-top: 1px solid rgba(224, 224, 224, 0.5);
	overflow: hidden;
}
.footer_widget_wrap ul li,
.footer_widget_wrap ul{
	padding: 0px;
	list-style: none;
}
.footer_widget_wrap ul li{
	padding-bottom: 15px;
	clear: both;
}
li.be_lasted_posted .posts_date{
	display: block;
	font-size: 11px;
	font-style: italic;
}
.footer_widget_wrap ul li:last-child{
	padding-bottom: 0px;
}
.footer_widget_wrap a{
	color: var(--tertiary-color);
}
.footer_widget_wrap a:hover,.footer_widget_wrap a:focus{
	color: var(--secondary-color);
}
.footer_widget_wrap ul li .star-rating{
	float: right;
	margin-top: 15px;
}
.footer_widget_wrap ul li .woocommerce-Price-amount{
	float: left;
	padding-top: 15px;
}
.footer_widget_wrap ul.smart_attribute_as_widgets li,.site-footer ul.smart_attribute_as_widgets li{
	width: 44%;
}
.footer_widget_wrap ul.smart_attribute_as_widgets li a,.site-footer ul.smart_attribute_as_widgets li a{
	border: 1px solid #eeeeee;
}
.footer_widget_wrap ul.smart_attribute_as_widgets li a:hover,
.site-footer ul.smart_attribute_as_widgets li a:hover,
.footer_widget_wrap ul.smart_attribute_as_widgets li a:focus,
.site-footer ul.smart_attribute_as_widgets li a:focus{
	border: 1px solid var(--tertiary-color);
}
#colophon.site-footer .row.the9-store-flex,
.footer_widget_wrap .row.the9-store-flex{
	margin-left: -40px;
	margin-right: -40px;
}
#colophon.site-footer .widget,
.footer_widget_wrap .widget{
	padding:40px;
	padding-top:70px;
	padding-bottom:50px;	
}
#colophon .yikes-easy-mc-form {
	position: relative;
}
#colophon .yikes-easy-mc-form .yikes-easy-mc-submit-button{
	display: block;
	width: auto;
	margin-top:0em;
	min-height: inherit;
	padding:0px;
	position: absolute;
	right: -5px;
	bottom:15px;
	overflow: hidden;
	width: 60px;
	background: none;
	border: none;
	outline: none;
}
#colophon .yikes-easy-mc-form .yikes-easy-mc-submit-button span{
text-indent: -6000px;
}
#colophon .yikes-easy-mc-form .yikes-easy-mc-submit-button:after{
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f6c0";
  right: 0px;
  color: var(--secondary-color);
  bottom: 10px;
}
#colophon.site-footer .widget ul.social-links,
#secondary .widget ul.social-links{
	display: block;
	padding: 0px;
	margin: 5px -5px;
}
#colophon.site-footer .widget ul.social-links li,
#secondary .widget ul.social-links li{
	display: inline-block;
	margin: 4px;
}
#colophon.site-footer ul.social-links li a,
#secondary .widget ul.social-links li a{
	display: block;
	background:#fff;
	border-radius: 2px;
	width: 20px;
	width: 35px;
	height: 36px;
	text-align: center;
	font-size: 20px;
	line-height: 36px;
}
#colophon.site-footer ul.social-links li a i{
	display: block;
	line-height: 36px;
}
#colophon.site-footer ul.social-links li a{
	color: var(--tertiary-color);
}
#colophon.site-footer ul.social-links li a:hover,
#colophon.site-footer ul.social-links li a:focus{
	color: var(--quaternary-color)!important;
}
.site-info-widget .branding-logo{
	margin-bottom: 20px;
}
.site-info-widget .branding-text{
	padding-bottom: 20px;
}
#colophon.site-footer .contact-info-list,
.site-info-widget  ul.contact-info-list{
	margin: 0px;
	padding: 0px;
}
#colophon.site-footer .contact-info-list li,
.site-info-widget  ul.contact-info-list li{
	padding: 5px 0;
}
#colophon.site-footer .contact-info-list li i,
.site-info-widget  ul.contact-info-list li i,
#colophon.site-footer .contact-info-list li svg,
.site-info-widget  ul.contact-info-list li svg{
	margin-right: 10px;
}
.wpcf7-form label{
	width: 100%;
}
.the9-store-breadcrumbs-wrap {
	border-bottom: 1px solid rgba(224, 224, 224, 0.5);
}
.the9-store-breadcrumbs-wrap ul {
	margin: 0px;
	padding: 15px 0px;
	text-align: right;
}
.the9-store-breadcrumbs-wrap ul li {
  display: inline-block;
}
.the9-store-breadcrumbs-wrap ul li + li::before {
  content: "\f285";
  font-family: bootstrap-icons !important;
  line-height: 30px;
  letter-spacing: 0.36px;
  font-size: 14px;
  color: #777;
  margin-right: 8px;
  margin-left: 5px;
}
.atawc-swatches .swatch-label,
.swatch.swatch-label.selected.tick_sign,
 .swatch.swatch-image.selected.tick_sign,
  ul.smart_attribute.label li{
	background:none!important;
}
#secondary .widget ul.smart_attribute  li{
	padding: 0px;
	margin: 0px 2px;
}
#secondary .widget ul.smart_attribute.image li{
	margin:0px 5px;
}
.atawc-swatches,
#secondary ul.smart_attribute, ul.smart_attribute.image{
	display: flex;
  flex-wrap: wrap;
}
.atawc-swatches .swatch.swatch-image,
#secondary .widget ul.smart_attribute.image li {
	flex-grow: 1;
	width: 33%;
	margin: 0px;
	padding: 10px;
 }
#secondary .widget ul.smart_attribute.image li a,
.atawc-swatches .swatch.swatch-image{
	border: 1px solid rgba(224, 224, 224, 0.5);
	padding: 10px;
	text-align: center;
	margin: 3px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#secondary .widget ul.smart_attribute.image li a:hover,
.atawc-swatches .swatch.swatch-image:hover{
	border-color: var(--secondary-color);
}
.masonry_grid .the9-store-single-post {
	padding: 0px 15px;
}
#demo-content ul.products.columns-4{
	margin: 0px;
}
#static_header_banner .content-text h1, #be-home-slider h1, #gs-home-page-hero .content-text h1{
	padding-bottom: 20px;
}
#static_header_banner .post-meta-wrap,
#static_header_banner .post-meta-wrap a,
#static_header_banner .post-meta-wrap li{
	color: var(--quaternary-color);
}
#static_header_banner .post-meta-wrap a:hover,
#static_header_banner .post-meta-wrap a:focus{
	color: var(--secondary-color);
}
#static_header_banner ul.post-meta li::before {
	background: var(--quaternary-color);
}
 @media only screen and (max-width: 640px) {
 
 	#page{overflow-x: hidden;}
	#static_header_banner .content-text h1, #be-home-slider h1, #gs-home-page-hero .content-text h1{
		font-size: 1.8rem;
	}
	.elementor-section-full_width .elementor-container{
		width: auto;
	}
	ul.nav.nav-tabs li{
		margin-bottom: 10px;
	}
	.the9-store-carousel .owl-dots{
		display: none;
	}
	.woocommerce div.product .woocommerce-tabs ul.tabs{
		display: block;
		max-width: 90%;
		margin: 0px auto!important;
	}
	.product-details-wrap{
		padding-top: 30px;
	}
}

.elementor-container.elementor-column-gap-narrow > .elementor-inner-column{
		padding: 0px 10px!important;
}
.align-right{
	text-align: right;
}
.align-left{
	text-align: left;
}
.display-none{
	display: none!important;
}
#instagram_widgets{
	position: relative;
}
#instagram_widgets .photo-feed-actions{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 50%;
	z-index: 9999;
	transform: translateY(-40px);
}
.photo-feed-items .ig-item a{
	border-radius: 50%;
	margin: 5px;
}

.elementor-editor-active .the9-store-carousel,
.elementor-editor-active .fs-product-slider {
	display: none;
}
.audio-center{
	position: absolute;
	left: 0px;
	right: 0px;
	z-index: 99;
	top: 50%;
}
.audio-center audio,
.img-box audio{
	width: 100%;
}
.img-box figure{
	margin: 0px;
}
#author-info{
	padding: 30px;
	margin-bottom: 50px;
	background:var(--bg-color);
}
#author-info .author-description{
	padding-left: 40px;
}
.related.products h2, .upsells.products h2, .cross-sells h2, #secondary .wp-block-group__inner-container h2, .related_post_heading {
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.65rem;
}
/**--------------------------------------------------------------
	# 404 page
--------------------------------------------------------------*/
body.error404 #content.site-content{
	padding: 0px;
}
.error-404{
	background:url(assets/image/404.png) no-repeat center -20px #fff;
	padding:15vh;
	margin:0px auto;
	text-align:center;
	padding-top:300px;
	
}
.error-404 .page-header{
	padding-top:180px;	
}
.error-404 .search-form label{
	width:400px;	
}
.error-404 input.search-submit:hover{
	background:#FFF;	
}
.site-main .wp-block-button{
	margin-bottom: 10px;
}
.site-main .wp-block-button__link{
	background: var(--secondary-color);
	color: var(--quaternary-color); 
	border: 1px solid var(--secondary-color);
}
.site-main .wp-block-button__link:hover,
.site-main .wp-block-button__link:focus{
	background: none;
	border: 1px solid var(--secondary-color);
	color: var(--secondary-color);
}
blockquote {
  background:#E8F3FE;
  border-left: 10px solid #ccc;
  margin: 10px 0px;
  padding:15px;
  quotes: "\201C""\201D""\2018""\2019";
  padding: 5%;
  border-radius: 10px;
  margin-bottom: 20px;
}
blockquote:before {
	display: none;
}
blockquote p {
  display: inline;
}
.wp-block-group__inner-container{ padding: 10px; }

pre {
  font-family: "Courier 10 Pitch",Courier,monospace;
  font-size: 15px;
  line-height: 1.6;
  position: relative;
  overflow: auto;
  max-width: 100%;
  margin-bottom: 1.6em;
  padding: 3% 10% 3% 5%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  background: #f7f7f7;
}

pre::before {
    font-family: IcoFont;
    font-size: 14px;
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    height: 100%;
    padding: 0 3px;
    content: "\ede6";
    color: #fff;
    background: #bbc3cc;
}
.site-main table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    width: 100%;
   
}
.site-main thead tr {
    background-color: var(--secondary-color);
    color: var(--quaternary-color);
    text-align: left;
}
.site-main table th,
.site-main table td {
    padding: 12px 15px;
    border: 1px solid #F6F6F6;
}

.site-main a{
	text-decoration: underline;
}
#content .site-main a:hover,
#content .site-main a:focus,
#content .site-main ul.post-meta a,
#content .more-link a{
	text-decoration: none;
}
#content a:focus,
#content .site-main ul.post-meta a:focus,
#content .more-link a:focus,
#content .site-main a:focus,
#colophon a:focus{
	text-decoration: underline;
}
.site-main a.button{
	text-decoration: none;
}

#customer_login .col-1,
#customer_login .col-2{
	width: 49%;
    max-width: 49%;
    margin: 0px;
    display: inline-block;
    vertical-align: top;
}
#customer_login label{ font-size: 14px; }
@media only screen and (max-width: 680px) {
	#customer_login .col-1,
	#customer_login .col-2{
	width: 100%;
	max-width: 100%;
	}
}
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input{
	min-height: 35px!important;
	padding: 0px !important;
}
.wc-block-components-quantity-selector{
	height: 35px;
}
.is-large.wc-block-cart .wc-block-cart-items th{
	text-align: center;
}
.wp-block-button__link.wp-element-button{
	line-height: 16px;
	text-decoration: none;
	font-size: 16px
}
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{
	max-width: 280px;
}
a.wc-block-cart__submit-button{
	margin: 5px auto;
	display: block !important;
	text-decoration: none;
	max-width: 100%;
 }
#comments{
	 background: var(--bg-color);
  padding: 20px;
}
#comments .form-submit{
	margin-bottom: 0px;
}

/* ============================================================== 
     # Gallery
=================================================================== */

.owlGallery{
	display:block;
	overflow:hidden;
	position:relative;
	background: #F4F4F4;
}
.owlGallery button{
	font-size: 30px;
	padding:0px 10px;
	line-height: 28px;
}
.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	touch-action: manipulation;
	-moz-backface-visibility: hidden
}
.owlGallery .owl-item {
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none
}
.img-box figure{
	margin-top: 0px;
	padding: 0px;
}
.owlGallery .owl-item figure.gallery-item{
	margin:0px;
	width:100%!important;
	max-width:100%!important;
}
.owlGallery .owl-item img{
	width:100%;
	display:block;	
}
.owlGallery .owl-nav{
	position: absolute;
	z-index: 999;
	top: 50%;
	left: 0px;
	right: 0px;
}
.owlGallery .owl-nav .owl-next{
	float: right;
}
.gallery {
	margin-bottom: 1.5em;
	margin:0px -15px;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	padding:0px 13px;
	
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {
	display: block;
	clear:both;
}
@media only screen and (max-width: 680px) {

	.top-form-minicart{
		width: 300px !important;
		line-height:60px!important;
	}
	#masthead{
		text-align: center;
	}
	#masthead .logo-wrap{
		margin: 10px auto;
		text-align: center;
	}
	.box-icon-cart .dropdown-box{
		display: none;
	}
	.single-prev-next > div{
		text-align: center;
	}
	.single-prev-next > div a{
		float: none!important;
		margin-bottom: 5px;
	}
	#colophon .site_info{
		padding-left: 20px;
		padding-right: 20px;
	}
	.woocommerce div.product .woocommerce-tabs ul.tabs{
		display: block!important;
	}
	.woocommerce-tabs ul.tabs li{
		margin-bottom: 2px!important;
		display: block;
		clear: both;
	}
	.woocommerce .product .woocommerce-tabs ul.tabs li a::after{
		display: none!important;
	}
}
.gs-tooltip{
	display:none;
	position:absolute;
	background-color: var(--secondary-color);
	border-radius:5px;
	padding:5px 10px;
	color:#fff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	z-index:9999;
	display:block;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}
.gs-tooltip:before{
	position: absolute;
	bottom:-8px;
	left: 50%;
	margin-left: -8px;
	content: " ";
	border-right: 8px solid transparent;
	border-top: 8px solid var(--secondary-color);
	border-left: 8px solid transparent;
}
#header-wrap.style_2{
	position:absolute;
	left: 0px;
	right: 0px;
	top: 0px;
}

/**--------------------------------------------------------------
	# Social Share
--------------------------------------------------------------*/
#content .woo-share-container{
	border-top: 1px solid #dbdbdb;
	padding: 15px 10px 0px 10px;
}
.share-box a,
#content .woo-share-container a{
  width: 45px;
  line-height: 45px;
  text-align: center;
  display: block;
  color: #808080;
  font-size: 18px;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  background: #fff;
	box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.048);
	margin: 0px 5px;
}
.woo-share-container .icon-wrap{
	display: flex;
	flex-basis: calc(100% - 120px);
	width: calc(100% - 120px);
}
.share-box h6,
.woo-share-container h6{
	margin-bottom: 0px!important;
	padding-right: 20px;
	clear: both;
	text-transform: uppercase;
}
.woo-share-container h6{
	padding-right: 0px;
}
.share-box a:hover,
.share-box a:focus,
#content .woo-share-container a:hover,
#content .woo-share-container a:focus{
	color: var(--quaternary-color);
	transform: translateY(-3px);
}

.share-box a.button-twitter:hover,
.share-box a.button-twitter:focus,
#content .woo-share-container a.button-twitter:hover,
#content .woo-share-container a.button-twitter:focus{
	background: #00acee;
}
.share-box a.button-facebook:hover,
.share-box a.button-facebook:focus,
#content .woo-share-container a.button-facebook:hover,
#content .woo-share-container a.button-facebook:focus{
	background: #3b5998;
}
.share-box a.button-stumbleupon:hover,
.share-box a.button-stumbleupon:focus,
#content .woo-share-container a.button-stumbleupon:hover,
#content .woo-share-container a.button-stumbleupon:focus{
	background: #f74425;
}
.share-box a.button-linkedin:hover,
.share-box a.button-linkedin:focus,
#content .woo-share-container a.button-linkedin:hover,
#content .woo-share-container a.button-linkedin:focus{
	background: #0e76a8;
}
.share-box a.button-pinterest:hover,
.share-box a.button-pinterest:focus,
#content .woo-share-container a.button-pinterest:hover,
#content .woo-share-container a.button-pinterest:focus{
	background: #e93f2e;
}
/*---------------- the9-store-product-filter-**/

ul.the9-store-product-filter{
	display: block;
	padding: 0px;
	margin: 0px;
}
ul.the9-store-product-filter a{
	transform: translateX(0px)!important;
  -webkit-transform: translateX(0px)!important;
}
ul.the9-store-product-filter a:before{
	display: none!important;
}
ul.the9-store-product-filter li{
	line-height:21px;
}
ul.the9-store-product-filter li label{
	padding-left: 30px;
	position: relative;
  line-height: inherit;
  display:inline-block;
  padding-bottom: 5px;
  cursor: pointer;
}
ul.the9-store-product-filter li label:before{
  content: '';
  width: 21px;
  height: 21px;
  border: 1px solid var(--primary-color);
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
}
ul.the9-store-product-filter li label:after{
content: "\f633";
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 2px;
left: 3px;
opacity: 0;
color: var(--secondary-color);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
ul.the9-store-product-filter li label:hover:after,
ul.the9-store-product-filter li label.active:after{
	opacity: 1;
}
ul.the9-store-product-filter li label:hover:before,
ul.the9-store-product-filter li label.active:before{
	border-color: var(--secondary-color);
}
ul.the9-store-product-filter li label:hover,
ul.the9-store-product-filter li label.active{
	color: var(--secondary-color);
}
.atawc-swatches .ed-tooltip{
	background-color: var(--secondary-color)!important;
	color: #fff;
	opacity: 1;
}
.atawc-swatches .ed-tooltip:before{
	position: absolute;
	bottom:-8px;
	left: 50%;
	margin-left: -8px;
	content: " ";
	border-right: 8px solid transparent;
	border-top: 8px solid var(--secondary-color);
	border-left: 8px solid transparent;
}
.atawc-swatches .ed-tooltip:after {
	display: none!important;
}
.price-footer .theme-btn:before{
	display: none;
}
.footer-top-widget-area{
	padding-top: 50px;
	padding-bottom: 50px;
	background: #fff;
	font-size: 0.9rem;
	color: var(--tertiary-color);
}
.elementor-icon-box-content{
	flex: 1; /* Each column takes up an equal amount of space */
	text-align:left; /* Align content within each column */
	padding: 10px;
	justify-content: center;
  align-items: center;
  border-right: 1px solid rgba(224, 224, 224, 0.5);
}
.elementor-icon-box-content:last-child{
	border:none;
}
.elementor-icon-box-content i,
.elementor-icon-box-content svg{
	font-size: 40px;
	margin-right: 15px;
	color: var(--secondary-color);
}
.elementor-icon-box-content h4{
	text-transform: uppercase;
	margin-bottom: 5px;
}
ul.fs-woo-cat-list li.the9_cat{
	padding: 0px!important;
}
.woo-sidebar-cat ul > li.the9_cat > a{
	padding: 15px 15px 15px 10px!important;
}
#colophon.site-footer li.the9_cat > a:hover,
#colophon.site-footer li.the9_cat > a:focus{
	color: #fff!important;
}
#colophon.site-footer .payment_gateway{
	margin-left: 20px;
}
#static_header_banner.style_2,
#gs-home-page-hero.style_2 .content-text{
	padding-top: 120px;
}
#colophon.site-footer ul.smart_attribute li{
	display: inline-block;
	width: 30%;
	padding: 0px;
}
#colophon.site-footer ul.smart_attribute li a{
	width: 100%!important;
	height: auto!important;
}
#colophon.site-footer ul.smart_attribute .ed-tooltip{
	display:none!important;
}
@media only screen and (max-width: 640px) {
	#be-home-slider h1, #gs-home-page-hero .content-text h1{
		font-size: 2.2rem!important;
	}
	#home-slider .slide-wrap{
		padding-top: 120px;
	}
	#masthead.style_2 .d-flex.justify-content-end{
		justify-content: center !important;
		margin-bottom: 0px;
	}
	#masthead section.logo-container li{
		display: block;
	}
	.bc-consulting-pro-product-grids ul.products{
		padding: 0px 5%;
	}
	.the9-promotion-banner{
		text-align: center;
	}
	.footer-top-widget-area .elementor-icon-box-content{
		flex: 1 1 calc(50% - 10px); /* 50% width minus gap */
		display: inline-block !important;
	}
	.elementor-widget-container{
		padding: 0 5%;
	}
	.the9-store-toolbar{ text-align:center; }
	.woocommerce .the9-store-grid-list{
		float: none!important;
		display: inline-block!important;
		margin-bottom: 10px!important;
	}
}
@media only screen and (max-width: 1024px) {
	#aside-nav-wrapper.active li{
		display: block!important
	}
	.the9-content-slider .owl-dots{
		position: static;
		bottom: -30px;
		margin-bottom: 30px;
		height: 30px;
	}
}
#masthead.style_2 .top-form-minicart.box-icon-cart{
	padding: 0px;
	width: auto;
	margin:0px 5px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 20px;
}
#masthead.style_2 .top-form-minicart:before,
#masthead.style_2 .top-form-minicart:after{
	display: none!important;
}
#masthead.style_2 .top-form-minicart.box-icon-cart .icofont-cart {
  color: var(--secondary-color);
  height: 40px;
  width: 40px;
  background-color: #F7F7F7;
  border-radius:50%;
  text-align: center;
  line-height: 40px;
  display: inline-block;
  position: relative;
  margin-right: 15px;
  font-size: 18px;
}
#masthead.style_2 .top-form-minicart.box-icon-cart .cart-contents{
	text-align: left;
}
#masthead.style_2 .top-form-minicart.box-icon-cart .cart-contents .amount{
	display: block;
	font-size: 0.8em;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 20px;
}
#masthead.style_2 .top-form-minicart.box-icon-cart .cart-contents .count{
  display: block;
  line-height: 18px;
  font-family: var(--nav-font);
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 20px;
  word-break: keep-all;
  overflow-wrap: break-word;
  white-space: normal;
}