/*:root {
		--bg: #212326;
		--font: #f4f4f4;
		--notifybg: #e85a4f;
		--notifyfont: #ffffff;
		--buttonbg: #ffffff;
		--buttonfont: #a41b56;
		--menubg: #ffffff;
		--menufont: #a41b56;
		--base-font-size: 90%;
		--fontFamilyHeaders: 'Lato', sans-serif !important;
		--fontFamily: 'Lato', sans-serif !important;
}
*/
h1, h2, h3, h4, h5, h6 {
		color: var(--font);
		font-family: var(--fontFamilyHeaders);
}

.homeBackdropText a {
		background: var(--menubg);
		color: var(--menufont);
}

a {
		/*background: var(--buttonbg);
		color: var(--buttonfont);*/
}

		a:hover {
				/*background: var(--buttonfont);
				color: var(--buttonbg);				*/
		}

.topBarNoticeDisplay a {
		background: none !important;
		color: var(--menufont);
}

.categoryMenuMain li a {
		background: none !important;
		color: var(--menufont);
}

.categoryMenuSecondary li a:hover {
		background: none !important;
		color: var(--menufont);
}

.row {
		max-width: 100vw;
}

html, body {
		max-width: 100%;
		overflow-x: hidden;
		background: var(--bg);
		color: var(--font);
		font-family: var(--fontFamily);
}

form {
		margin: 0 !important;
}

body {
		font-weight: normal !important;
}

.headingFont {
		max-width: 50vw !important;
		float: right;
		width: 100% !important;
		font-size: calc(var(--base-font-size) * 2);
		font-family: var(--fontFamilyHeaders) !important;
}

		.headingFont > a {
				background: none !important;
		}

.textX2 {
		font-size: 200% !important;
}

.mainMenu {
		height: 70px;
		position: absolute;
		left: 0;
		top: 40px;
		width: 100vw;
		padding: 10px;
		font-weight: normal;
		z-index: 9999;
		background: var(--menubg);
		color: var(--menufont);
}

		.mainMenu i {
		}

.scrollingMenu {
		position: fixed;
		top: 0 !important;
		z-index: 1000000 !important;
}

		.scrollingMenu img {
				height: 30px !important;
		}

		.scrollingMenu i {
		}

.mainMenuHolder {
		height: 0px !important;
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		padding: 10px;
		font-weight: normal;
		z-index: 1000000;
		text-align: center;
		height: 0px;
		transition: all 0.5s ease-out;
		overflow: hidden;
}

.mainMenuHolderSmall {
		height: 0px !important;
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		padding: 10px;
		font-weight: normal;
		z-index: 1000000;
		text-align: center;
		height: 0px;
		transition: all 0.5s ease-out;
		overflow: hidden;
}

		.mainMenuHolderSmall ul {
				list-style-type: none;
				margin: auto;
				max-width: 400px;
		}

		.mainMenuHolderSmall div {
				width: 100%;
				text-align: center;
		}

		.mainMenuHolderSmall ul li {
				float: none !important;
				margin-bottom: 15px;
				transition: transform 0.25s ease-out;
		}

				.mainMenuHolderSmall ul li:hover {
						opacity: 0.8;
				}

						.mainMenuHolderSmall ul li:hover a {
						}

				.mainMenuHolderSmall ul li a {
						font-size: calc(var(--base-font-size) * 1.5);
						font-weight: bold !important;
				}

.categoryMenuSecondarySmall {
		overflow: hidden;
		transition: all 0.5s ease-out;
}

.homeBackdrop {
		width: 100vw;
		height: 100vh;
		position: absolute;
		top: 0;
		left: 0;
		background: no-repeat center center fixed;
		z-index: 1;
		background-size: cover;
		background-position: top;
}

.homeBackdropOverlay {
		width: 100vw;
		height: 100vh;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		opacity: 0.7;
}

.homeBackdropTextOverlay {
		opacity: 1;
		text-align: center;
		height: 100vh !important;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1000;
		padding: 20px;
		transition: all 0.5s ease-out;
		overflow: hidden;
		padding-top: 160px;
		z-index: 1000;
}

.homeBackdropText {
		text-align: right;
		padding-right: 50px !important;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1000;
		padding: 20px;
		transition: all 0.5s ease-out;
		overflow: hidden;
		margin-right: 45px !important;
		z-index: 1005;
		background: var(--bg);
		color: var(--font);
		margin-top: 200px;
}

		.homeBackdropText b {
				font-size: calc(var(--base-font-size) * 2);
				font-weight: normal !important;
		}

.sitebody {
		z-index: 1000;
}

.maxWidth1000 {
		width: 100%;
		max-width: 1400px !important;
		margin: auto;
}

.smallText {
		width: 100% !important;
		padding-top: 10px;
		font-size: calc(var(--base-font-size) * 1.2) !important;
		display: inline-block;
		max-width: 50vw !important;
}

.siteButton1 {
		user-select: none;
		visibility: visible;
		text-align: left;
		box-sizing: border-box;
		text-decoration: none;
		outline: 0;
		font-size: calc(var(--base-font-size) * 1.2);
		display: inline-block;
		padding: 10px 20px;
		border-radius: 0;
		border-style: hidden !important;
		color: var(--buttonfont) !important;
		background: var(--buttonbg) !important;
}

		.siteButton1:hover {
		}

.siteButton2 {
		padding: 15px 40px 15px 40px;
		text-transform: uppercase;
		font-weight: bold;
		background: var(--buttonbg) !important;
		color: var(--buttonfont) !important;
		border: none;
		cursor: pointer;
}

		.siteButton2:hover {
		}

.siteButton3 {
		font-size: calc(var(--base-font-size) * 1) !important;
		padding: 15px 40px 15px 40px;
		text-transform: uppercase;
		font-weight: normal !important;
		border: none;
		border-bottom: solid 2px #333 !important;
		height: 40px;
}

		.siteButton3:hover {
		}

.productImage {
		max-height: 400px;
}

.featProduct1 {
		min-height: 500px;
		text-align: center;
		padding-top: 20px;
}

.featProduct2 {
		text-align: left;
		min-height: 500px;
		padding: 80px
}

		.featProduct2 b {
				font-weight: bold;
				padding-top: 10px;
		}

		.featProduct2 p {
				margin-top: 20px;
		}

.productPrice {
		font-size: calc(var(--base-font-size) * 2);
		font-weight: bold;
}

.featuredCategory {
		/*margin-top: 50px;*/
}

		.featuredCategory .columns {
				text-align: center;
				padding: 0px !important;
				padding-bottom: 20px !important;
		}

.productTitleSecondary {
		padding-top: 30px;
		font-size: calc(var(--base-font-size) * 2);
		font-family: var(--fontFamilyHeaders) !important;
}

		.productTitleSecondary b {
				font-weight: normal;
				font-size: calc(var(--base-font-size) * 1) !important;
		}

.aboutUsSnippet {
		text-align: center;
		padding-left: 80px;
		padding-right: 80px;
		padding-top: 40px;
		padding-bottom: 0px;
}

		.aboutUsSnippet b {
				font-weight: bold;
				padding-top: 10px;
		}

		.aboutUsSnippet p {
				margin-top: 20px;
		}

.sectionDivider {
		content: '';
		border: solid 1px var(--font);
}

.sectionDividerBottom {
		display: none;
		content: ''
}


.siteNameBottom {
		font-size: calc(var(--base-font-size) * 2);
}

.footerLinks {
		list-style-type: none !important;
		margin-top: 20px;
}

		.footerLinks li a {
				font-weight: bold;
				font-size: calc(var(--base-font-size) * 1);
				color: var(--bg);
				background: var(--font);
		}

				.footerLinks li a:hover {
						text-decoration: underline;
						color: var(--bg);
						background: var(--font);
						opacity: 0.8;
				}

.borderlessInput {
		width: 300px !important;
		float: right !important;
		height: 40px !important;
		border-bottom: solid 2px #333 !important;
		border-top: solid 1px #242424 !important;
		border-left: solid 1px #242424 !important;
		border-right: none !important;
		box-shadow: none !important;
}

.mainMenuHolder ul {
		list-style-type: none;
		margin: auto;
		max-width: 400px;
}

.mainMenuHolder div {
		width: 100%;
		text-align: center;
}

.mainMenuHolder ul li {
		float: none !important;
		margin-bottom: 15px;
		transition: transform 0.25s ease-out;
}

		.mainMenuHolder ul li:hover {
				opacity: 0.8;
		}



		.mainMenuHolder ul li a {
				font-size: calc(var(--base-font-size) * 1.2);
				font-weight: bold !important;
				background: var(--menubg) !important;
				color: var(--menufont) !important;
		}

.mainMenuHolder .closeMenu {
		padding: 4px 8px;
		font-size: calc(var(--base-font-size) * 1) !important;
}

.siteSearch {
		width: 370px !important;
		text-align: center !important;
}

.siteButton4 {
		font-size: calc(var(--base-font-size) * 1) !important;
		padding: 15px 40px 15px 40px;
		text-transform: uppercase;
		font-weight: normal !important;
		border: none;
		height: 43px;
		display: inline-block;
		text-align: center;
		margin-bottom: 0px !important;
}

		.siteButton4:hover {
		}

.siteButton5 {
		font-size: calc(var(--base-font-size) * 0.9) !important;
		padding: 10px 10px;
		text-transform: uppercase;
		font-weight: normal !important;
		border: none;
		height: auto;
		display: inline-block;
		text-align: center;
		margin-bottom: 0px !important;
		font-weight: bold !important;
		border: solid 1px var(--font);
}

		.siteButton5:hover {
		}

.siteButtonBlack {
		font-size: calc(var(--base-font-size) * 1) !important;
		padding: 15px 40px 15px 40px;
		text-transform: uppercase;
		font-weight: normal !important;
		border: none;
		height: 43px;
		display: inline-block;
		text-align: center;
		margin-bottom: 0px !important;
		font-weight: bold !important;
}

		.siteButtonBlack:hover {
				border-bottom: solid 2px #333;
		}

.siteButtonRed {
		font-size: calc(var(--base-font-size) * 1) !important;
		padding: 15px 40px 15px 40px;
		text-transform: uppercase;
		font-weight: normal !important;
		border: none;
		height: 43px;
		display: inline-block;
		text-align: center;
		margin-bottom: 0px !important;
		font-weight: bold !important;
}

		.siteButtonRed:hover {
				border-bottom: solid 2px #fb3958;
		}

.siteImage img {
		max-height: 50px;
		transition: all ease-in-out 0.5s;
}

.cartCount {
		font-size: calc(var(--base-font-size) * 1);
		padding-left: 3px;
}

.facebook i {
		font-size: calc(var(--base-font-size) * 1.5) !important;
		margin: 10px;
}

.twitter i {
		font-size: calc(var(--base-font-size) * 1.5) !important;
		margin: 10px;
}

.instagram i {
		font-size: calc(var(--base-font-size) * 1.5) !important;
		margin: 10px;
}

.subscriberHolder {
}

.webAddressh {
		opacity: 0 !important;
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		max-height: 0 !important;
		max-width: 0 !important;
		z-index: -1 !important;
}

.footerRow {
		padding-bottom: 50px;
		padding: 50px 50px 100px 50px;
		margin-top: 50px;
		border-top: solid 1px var(--bg) !important;
		color: var(--font) !important;
		background: var(--font) !important;
}

.featuredCategoryImageHolder {
		min-height: 300px !important;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin-left: 10px;
		margin-right: 10px;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		transition: border-width 0.1s linear;
}

		.featuredCategoryImageHolder a {
		}

		.featuredCategoryImageHolder:hover {
				border-width: 3px !important;
		}

.fcImageHeading {
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 0px !important;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		padding-top: 5px;
		font-size: calc(var(--base-font-size) * 1.5) !important;
		background: var(--font);
		color: var(--bg);
}


.banner2Holder {
		min-height: 400px !important;
		width: 100% !important;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
}

.blogDivider {
		min-height: 50px;
		padding: 20px;
		margin-bottom: 50px;
}

		.blogDivider h3 {
				font-size: calc(var(--base-font-size) * 1.5);
		}

.blogItem {
		margin: auto;
		padding: 20px;
		min-height: 250px;
		margin: 10px;
		background-color: var(--bg);
}

.blogPreview {
		width: auto;
		text-align: left !important;
		line-height: 20px;
		font-size: calc(var(--base-font-size) * 1);
}

.blogPublishDate {
		font-size: calc(var(--base-font-size) * 0.8);
}


.blogItem h4 {
		margin: auto;
		font-size: calc(var(--base-font-size) * 1.5);
		font-weight: bold;
}

.pageTopSpacer {
		margin-top: 150px !important;
}

.h3ClassForH1 {
		width: 100%;
		text-align: center;
		font-size: calc(var(--base-font-size) * 2);
}

		.h3ClassForH1 a {
				background: var(--bg) !important;
		}

				.h3ClassForH1 a:hover {
						background: var(--bg) !important;
						color: var(--font) !important;
				}

.featuredCategoryHolder {
		margin: auto;
		margin-top: 20px;
		width: 100%;
		height: 300px;
		max-width: 500px;
		max-height: 300px;
		background-position: center;
		background-size: cover;
		text-align: center;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
}

.featuredCategoryName {
		display: table-cell;
		vertical-align: middle !important;
		text-align: center !important;
		width: 500px;
		height: 300px;
		max-width: 500px;
		max-height: 300px;
		padding: 10px;
		opacity: 0;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		cursor: pointer !important;
		font-weight: bold;
}

		.featuredCategoryName b {
				font-weight: normal !important;
		}

/*.featuredCategoryHolder:hover {
		opacity: 0.82;
		-webkit-box-shadow: 3px 5px 4px -1px rgba(0,0,0,0.39);
		-moz-box-shadow: 3px 5px 4px -1px rgba(0,0,0,0.39);
		box-shadow: 3px 5px 4px -1px rgba(0,0,0,0.39);
}*/

.featuredCategoryHolder:hover .featuredCategoryName {
		opacity: 0.82;
}

.CategoryBeautyBottomTitle {
		width: 100% !important;
		text-align: center;
		padding: 10px;
}

.variantOption {
		width: 200px;
}

.l_product_item {
		text-align: center;
		max-width: 250px !important;
		margin: auto;
		margin-bottom: 30px;
}

.l_p_img {
		width: 100%;
		text-align: center;
		overflow: hidden;
}

		.l_p_img img {
				margin: auto;
				max-width: 100px;
				padding-top: 10px;
		}

.l_p_text {
		height: 150px;
}

		.l_p_text h4 {
				height: 50px;
				padding: 10px;
				overflow: hidden;
				border-bottom: solid 1px #fff !important;
				font-size: calc(var(--base-font-size) * 1) !important;
		}

		.l_p_text h5 {
				margin-bottom: 50px;
				font-size: calc(var(--base-font-size) * 1.5);
		}

		.l_p_text .siteButton2 {
				display: none !important;
		}

.variantFromProductList {
		font-size: calc(var(--base-font-size) * 1);
		display: inline;
}

del {
		display: inline;
		font-size: calc(var(--base-font-size) * 1);
}

.pagination i {
		font-size: calc(var(--base-font-size) * 1) !important;
}

.pagination {
		margin-bottom: 40px;
		padding-right: 30px;
		padding-left: 30px;
}

		.pagination a {
				font-size: calc(var(--base-font-size) * 1.5);
				padding: 10px;
				border-bottom: solid 1px #f4f4f4;
				margin-right: 10px;
		}

.currentPagination {
}

.pagination a:hover {
}

.offSiteCategoryMenu {
		position: fixed;
		top: 0;
		left: -400px;
		width: 0px;
		height: 100vh;
		transition: all 0.5s ease-in-out;
		padding-top: 150px;
		padding-left: 20px;
		padding-right: 20px;
		z-index: 10000;
		background: var(--menubg) !important;
		color: var(--menufont) !important;
}

		.offSiteCategoryMenu h3 {
				font-size: calc(var(--base-font-size) * 1.5)
		}

.offSiteCategoryMenuActive {
		width: 400px !important;
		left: 0;
}


.category-menu {
		list-style: none;
		max-width: 300px;
}

		.category-menu li a {
				display: block;
				position: relative;
				font-size: calc(var(--base-font-size) * 1);
				padding: 9px 0 5px 20px;
				background-color: var(--menubg) !important;
				color: var(--menufont) !important;
		}

				.category-menu li a:hover {
						display: block;
						position: relative;
						font-size: calc(var(--base-font-size) * 1);
						padding: 9px 0 5px 20px;
						background-color: var(--menubg) !important;
						color: var(--menufont) !important;
						opacity: 0.8;
				}

				.category-menu li a span {
						float: right;
				}

				.category-menu li a:after {
						position: absolute;
						content: "";
						width: 9px;
						height: 9px;
						left: 0;
						top: 13px;
						border-radius: 50%;
				}

				.category-menu li a:hover {
						font-weight: bold;
				}

						.category-menu li a:hover:after {
								background: #333;
						}

				.category-menu li a:last-child a {
						margin-bottom: 0;
				}

		.category-menu li .sub-menu {
				list-style: none !important;
				overflow: hidden;
				height: 0;
				-webkit-transform: rotateX(90deg);
				transform: rotateX(90deg);
				opacity: 0;
				-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
				transition: opacity 0.8s, -webkit-transform 0.4s;
				-o-transition: transform 0.4s, opacity 0.4s;
				transition: transform 0.4s, opacity 0.4s;
				transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
		}

				.category-menu li .sub-menu li a {
						padding-left: 45px;
				}

		.category-menu li:hover > a {
				font-weight: bold;
		}

		.category-menu li.active > .sub-menu {
				display: block;
				height: auto;
				opacity: 1;
				-webkit-transform: rotateX(0deg);
				transform: rotateX(0deg);
		}

		.category-menu li.active > .sub-menu {
				display: block;
				height: auto;
				opacity: 1;
				-webkit-transform: rotateX(0deg);
				transform: rotateX(0deg);
		}

				.category-menu li.active > .sub-menu .sub-menu2 {
						display: block;
						height: auto;
						opacity: 1;
						-webkit-transform: rotateX(0deg);
						transform: rotateX(0deg);
						list-style-type: none !important;
				}

.closeCategory {
		font-size: calc(var(--base-font-size) * 1.5);
		font-weight: bold;
		float: right;
		margin-right: 10px;
		display: inline-block;
		margin-top: -20px;
		background: var(--menubg) !important;
		color: var(--menufont) !important;
}

.CategoryBeautyBottomTitle {
		display: none;
}

.featuredCategoryName {
		display: none;
}

.featuredCategoryHolder {
		width: 100%;
		max-height: 520px;
		min-height: 200px;
}

.featuredCategoryOverlay {
		position: relative; /* Sit on top of the page content */
		width: 100%; /* Full width (cover the whole page) */
		height: 100%; /* Full height (cover the whole page) */
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
		cursor: pointer; /* Add a pointer on hover */
		padding: 30px;
		overflow: hidden;
}

		.featuredCategoryOverlay h4 {
				font-size: 21.98px;
				font-weight: bold;
		}

		.featuredCategoryOverlay p {
		}

.mainProductImage {
		width: 100%;
		float: right;
}

		.mainProductImage img {
				max-width: 400px;
				padding: 20px;
				float: right;
		}

.thumbnailImage {
		display: inline-flex;
		padding: 20px;
		float: right;
}

		.thumbnailImage img {
				max-width: 80px;
		}

.h3ClassForH3 {
		width: 100%;
		text-align: right;
		font-size: calc(var(--base-font-size) * 1.5);
		font-weight: bold;
}

.stockStatus {
}

.setPrice {
		font-weight: bold;
		font-size: calc(var(--base-font-size) * 2);
}

.socialShare {
		text-align: center;
		width: 100%;
}

.jssocials-share-link {
		padding: .6em .7em !important;
}

.jssocials-share-logo {
		font-size: calc(var(--base-font-size) * 1) !important;
}

.variantNameHolder {
		min-width: 85px !important;
		padding-top: 10px !important;
		display: inline;
		float: left;
		font-weight: bold;
		text-align: left;
}

.sst {
		width: 40px !important;
		text-align: center;
		font-weight: bold;
		float: left;
}

.items-count {
		float: left;
		height: 37px !important;
		width: 40px !important;
		padding: 0 !important;
		padding-top: 3px !important;
}

		.items-count:hover {
		}

.comparePrice {
		line-height: 2.0em !important;
		font-size: calc(var(--base-font-size) * 1);
		text-decoration: line-through;
}

.productActionHolder {
		max-width: 600px;
		text-align: left;
		padding-right: 15px;
		overflow: hidden !important;
}

.productInformationHolder {
		width: 100% !important;
		float: left;
		min-height: 300px;
		padding: 10px 0px;
		border-top: solid 3px var(--font);
		margin-top: -1px;
}

		.productInformationHolder > * {
				font-size: calc(var(--base-font-size) * 0.9);
		}

.sizeChartButton {
		float: left;
		margin-left: 85px;
		text-align: center;
		margin-bottom: 20px;
		padding: 10px;
		width: 167px;
}

#body_divUploadify {
		float: right;
		width: 100%;
		margin-bottom: 20px;
		padding: 10px;
}

.white-popup {
		min-width: 400px;
		max-width: 90vw;
		max-height: 90vh;
		padding: 30px;
		margin: auto;
		font-size: calc(var(--base-font-size) * 1);
		font-weight: bold;
		text-align: center;
		background: var(--bg) !important;
		color: var(--font) !important;
}

.mfp-close {
		font-size: calc(var(--base-font-size) * 1.5);
		color: var(--font) !important;
}

@media only screen and (max-width: 1024px) {
		.mainProductImage img {
				float: none !important;
		}

		.thumbnailImage {
				float: none !important;
		}

		.variantOption {
				width: 100%;
				min-width: 100%;
		}

		.productActionHolder {
				max-width: 100%;
		}

		.variantNameHolder {
				margin-bottom: 10px;
		}

		.productActionHolder .siteButton2 {
				margin-left: 0px !important;
		}
}

@media only screen and (max-width: 1570px) {
		.siteTabButton {
				width: 100% !important;
				text-align: left;
				margin-left: 0px !important;
		}
}

.emptyShopping {
		font-size: 120px;
		border: solid 1px #f4f4f4;
		padding: 80px;
		border-radius: 50%;
}

table tr.even, table tr.alt, table tr:nth-of-type(even) {
		background: var(--bg) !important;
}

.table {
		max-width: 940px;
		width: 100%;
		margin: auto;
		background: var(--bg) !important;
		border: solid 1px var(--font) !important;
}

		.table tr th {
				font-size: calc(var(--base-font-size) * 1);
				text-align: left;
				font-weight: normal;
				color: var(--font) !important;
		}

		.table tr td {
				padding-top: 20px;
				padding-left: 0px !important;
				padding-bottom: 20px;
				color: var(--font) !important;
		}

.cartImage {
		float: left;
		display: inline;
		padding: 10px;
}

.cartProduct {
		margin-left: 100px !important;
		float: left;
		display: inline;
}

		.cartProduct b {
				font-size: calc(var(--base-font-size) * 1);
		}

		.cartProduct span {
				font-size: calc(var(--base-font-size) * 1);
				margin-top: 5px;
		}

		.cartProduct a {
				font-size: calc(var(--base-font-size) * 1);
				padding-top: 10px;
				text-decoration: underline;
				color: var(--font) !important;
				background: var(--bg) !important;
		}

.cartPrice {
		float: left;
		display: inline;
		vertical-align: top !important;
}

.cartTotal {
		float: right;
		display: inline;
		font-weight: 700;
}

.cart_quantity_input {
		height: 50px !important;
		text-align: center !important;
		width: 60px !important;
		padding: 10px 5px !important;
		float: right;
		border: solid 1px var(--font) !important;
		background: var(--bg) !important;
		color: var(--font) !important;
}

.cartTotalHolder {
		padding-top: 80px;
		font-size: calc(var(--base-font-size) * 1.5);
		margin: auto;
		text-align: right;
		max-width: 940px;
}

		.cartTotalHolder b {
				margin-left: 20px;
				font-size: calc(var(--base-font-size) * 1.5);
		}

		.cartTotalHolder span {
				font-size: calc(var(--base-font-size) * 1) !important;
		}

.cartActionsHolder {
		padding-top: 10px;
		margin: auto;
		text-align: left;
		max-width: 940px;
}

@media only screen and (max-width: 970px) {
		.cartImage {
				width: 100% !important;
		}

		.cartProduct {
				margin-left: 0px !important;
		}
}

.checkoutCart {
		max-width: 450px;
		margin: auto;
		list-style-type: none;
}

		.checkoutCart img {
				max-width: 60px;
				max-height: 60px;
				float: left;
				border-radius: 10px;
		}

		.checkoutCart h6 {
				font-size: calc(var(--base-font-size) * 1) !important;
				float: left;
				margin-left: 20px;
				margin-top: 20px;
		}

		.checkoutCart p {
				float: right;
				margin-top: 20px;
				font-size: calc(var(--base-font-size) * 1);
				font-weight: bold;
		}

.TotalLine {
		width: 100%;
		float: left;
}

		.TotalLine h6 {
				margin-top: 0px;
				font-size: calc(var(--base-font-size) * 1) !important;
		}

		.TotalLine p {
				margin-top: 0px;
		}

		.TotalLine:last-child h6 {
				font-weight: bold;
		}

		.TotalLine:last-child p {
				font-weight: bold;
				font-size: calc(var(--base-font-size) * 1.5);
		}

.inputText {
		height: 50px !important;
}

.selectpickerDropDown {
		height: 50px;
		font-weight: bold;
		padding-left: 10px;
}

.checkoutShippingOptions p {
		font-size: calc(var(--base-font-size) * 1.5);
		text-transform: uppercase;
		font-weight: bold;
}

.deliveryTimeFram {
		font-size: calc(var(--base-font-size) * 1) !important;
		display: block;
		text-transform: none;
}

.shipOptionLabel {
		font-size: calc(var(--base-font-size) * 1.5);
		font-weight: bold;
}

.borderBottom p {
		margin-bottom: 0px;
}

.giftCardHolder h4 {
		font-size: calc(var(--base-font-size) * 1.5);
		text-transform: uppercase;
		font-weight: bold;
		float: left;
		display: block;
}

.giftCardHolder span {
		float: left;
		display: block;
		width: 100%;
}

.giftCardHolder a {
		float: left;
}

.paymentOptionHolder {
		list-style-type: none;
		margin-left: 0px;
}

		.paymentOptionHolder li {
				width: 100%;
				float: left;
				padding-bottom: 15px;
		}

		.paymentOptionHolder h4 {
				font-size: calc(var(--base-font-size) * 1.5);
				text-transform: uppercase;
				font-weight: bold;
				float: left;
				display: block;
		}

		.paymentOptionHolder span {
				float: left;
				display: block;
				width: 100%;
		}

		.paymentOptionHolder .btnPaymentOption {
				float: left;
		}

.cartCounter {
		font-size: calc(var(--base-font-size) * 1);
		padding: 3px 5px;
		border-radius: 50%;
		font-weight: bold;
		margin-left: 3px;
		float: right;
		z-index: 1000000 !important;
		background: var(--menufont) !important;
		color: var(--menubg) !important;
}

.fa-shopping-cart {
		z-index: 999;
}

.categoryMenuSecondary {
		overflow: hidden;
		transition: all 0.5s ease-out;
}

.categoryMenuPages {
		overflow: hidden;
		transition: all 0.5s ease-out;
}




.slideDown {
		height: 100vh !important;
		padding-top: 80px !important;
}

/* Zoom In #1 */
.hover01 {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
}

		.hover01:hover {
				transform: scale(1.05);
				-webkit-transform: scale(1.05);
		}

.newClass {
		-webkit-font-smoothing: antialiased;
		text-align: center !important;
		box-sizing: border-box;
		margin: 0 0 20px;
		letter-spacing: inherit;
		text-transform: inherit;
		font-style: normal;
		font-weight: 700;
		font-size: calc(var(--base-font-size) * 2);
		line-height: 1.225;
		margin-bottom: 0;
}

.articleImage {
		width: 460px;
		height: 200px;
		overflow: hidden !important;
		margin: auto;
}


		.articleImage img {
				min-width: 460px;
				object-fit: cover !important;
				object-position: center;
		}

.articleBody {
		padding: 20px;
		width: 460px;
		height: 300px;
		margin: auto;
}

		.articleBody span {
				font-size: calc(var(--base-font-size) * 1);
				margin-bottom: 20px;
				width: 100%;
				float: left;
		}

		.articleBody h2 {
				-webkit-font-smoothing: antialiased;
				text-align: left !important;
				box-sizing: border-box;
				margin: 0 0 20px;
				letter-spacing: inherit;
				text-transform: capitalize;
				font-style: normal;
				font-weight: 700;
				font-size: calc(var(--base-font-size) * 2);
				font-weight: bold;
				line-height: 1.225;
				margin-bottom: 0;
				padding-bottom: 10px;
		}

		.articleBody a {
				font-size: calc(var(--base-font-size) * 1);
				margin-bottom: 20px;
				float: left;
				font-weight: bold;
				float: left;
				margin-right: 20px;
				background: var(--bg) !important;
				color: var(--font) !important;
		}

				.articleBody a:hover .icon-arrow-right {
						transform: translateX(50%);
				}

				.articleBody a:hover {
				}



.icon-arrow-right {
		font-style: normal;
		line-height: 1.625;
		-webkit-font-smoothing: antialiased;
		list-style: none;
		visibility: visible;
		font-size: 1rem;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 1.25px;
		box-sizing: border-box;
		display: flex;
		vertical-align: middle;
		overflow: hidden;
		width: 7px;
		height: 7px;
		fill: #3c5629;
		transition: all 500ms ease-out;
		float: left;
		margin-top: 2px;
		margin-left: 10px;
}

.olderBlogs {
		padding: 30px;
}

		.olderBlogs ul {
				list-style-type: none;
				text-align: center;
		}

				.olderBlogs ul li {
						font-size: calc(var(--base-font-size) * 1.5);
						font-weight: bold;
						padding-bottom: 5px;
				}

						.olderBlogs ul li a {
								color: var(--font) !important;
						}

a:focus {
}

.siteButton2:focus {
}

		.siteButton2:focus:hover {
		}

.mfp-close {
		right: auto !important;
}

.topBar {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1000000;
		height: 60px;
		width: 100vw;
		background: var(--menubg);
		color: var(--menufont);
}

.siteButtonSearch {
		font-size: calc(var(--base-font-size) * 1) !important;
		padding: 0px !important;
		text-transform: uppercase;
		font-weight: normal !important;
		border: none;
		height: 33px;
		display: inline-block;
		text-align: center;
		margin-bottom: 0px !important;
		background: var(--menubg);
		color: var(--menufont);
}

		.siteButtonSearch:hover {
		}

.borderlessInputSearch {
		width: 271px !important;
		height: 30px !important;
		border: none !important;
		border-bottom: solid 1px var(--menufont) !important;
		box-shadow: none !important;
		display: inline-block !important;
		margin-bottom: 0px !important;
		height: 25px !important;
		background: var(--menubg) !important;
		color: var(--menufont) !important;
}

		.borderlessInputSearch::placeholder {
				color: var(--menubg) !important;
				opacity: 0.8;
		}

.topBarLoginHolder {
}

		.topBarLoginHolder a {
				font-size: calc(var(--base-font-size) * 1.0) !important;
		}

		.topBarLoginHolder i {
				font-size: calc(var(--base-font-size) * 1.0) !important;
		}

.borderlessInputSearch::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		font-size: calc(var(--base-font-size) * 1);
}

.borderlessInputSearch::-moz-placeholder { /* Firefox 19+ */
		font-size: calc(var(--base-font-size) * 1);
}

.borderlessInputSearch:-ms-input-placeholder { /* IE 10+ */
		font-size: calc(var(--base-font-size) * 1);
}

.borderlessInputSearch:-moz-placeholder { /* Firefox 18- */
		font-size: calc(var(--base-font-size) * 1);
}

.categoryMenuMain {
		list-style-type: none;
		margin-top: 10px;
}

		.categoryMenuMain li {
				display: inline-block;
				margin-right: 10px;
				margin-left: 10px;
		}

				.categoryMenuMain li a {
						font-weight: bold;
						font-size: calc(var(--base-font-size) * 1);
						transition: all 0.5s ease-in;
				}

						.categoryMenuMain li a::after {
								content: '';
								display: block;
								width: 0;
								height: 2px;
								background: var(--menufont);
								transition: width .3s;
						}

						.categoryMenuMain li a:hover::after {
								width: 100%;
						}

.featuredProductImage {
		width: 100%;
		text-align: center;
		height: 100%;
}

		.featuredProductImage img {
				object-fit: cover;
				margin: auto;
				position: relative;
				top: 0;
				left: 0;
				-webkit-transition: opacity 1s ease-in-out;
				-moz-transition: opacity 1s ease-in-out;
				-o-transition: opacity 1s ease-in-out;
				transition: opacity 1s ease-in-out;
		}

.padding20 {
		padding: 20px !important;
}

.featuredProduct h3 {
		font-size: calc(var(--base-font-size) * 1.2);
		text-overflow: ellipsis;
		overflow: hidden;
		height: 20px;
		white-space: nowrap;
		color: var(--font);
}

.discountedPercent {
		margin-left: 10px;
		font-size: calc(var(--base-font-size) * 1);
}

.variantFrom {
		font-weight: bold;
		font-size: calc(var(--base-font-size) * 1);
}


.secondImage {
		display: none;
}

.multiImageHover {
		position: relative;
		display: inline-block;
}

		.multiImageHover img {
				position: absolute;
				top: 0;
				left: 0;
				transition: opacity 0.4s ease-in-out;
				width: 100%;
				height: auto;
				display: block;
		}

		.multiImageHover .firstImage {
				opacity: 1;
				z-index: 1;
		}

		.multiImageHover .secondImage {
				opacity: 0;
				z-index: 2;
		}

		/* On hover: fade second in, first out */
		.multiImageHover:hover .secondImage {
				opacity: 1;
		}

		.multiImageHover:hover .firstImage {
				opacity: 0;
		}



@media only screen and (max-width: 1025px) {
		.homeBackdropText {
				padding-right: 25px !important;
		}

		.siteImage {
				text-align: left !important;
		}

		.footerRow div {
				text-align: center !important;
				padding: 10px !important;
		}

		.borderlessInput {
				width: 100% !important;
		}

		.btnSubscribeNewsletter {
				width: 100% !important;
		}

		.productFilter {
				width: 100% !important;
		}

		#sizemeDataTable tr th {
				font-size: calc(var(--base-font-size) * 1) !important;
		}

		#sizemeDataTable tr td {
				font-size: calc(var(--base-font-size) * 1) !important;
		}

		.checkoutRow {
				display: block !important;
		}

		.orderDetail {
				padding: 0px !important;
				border: none !important;
		}

		.smallTableOrderView {
				text-align: left !important;
		}

		.headingFont {
				font-size: calc(var(--base-font-size) * 2.5);
		}

		/*.homeBackdropText {
				width : 100vw;
				left:0;
				top: 100vh;
				position: relative;
				text-align: center !important;
		}*/
}

.noticeBar {
		width: 100vw;
		display: block;
		min-height: 10px !important;
		display: none;
		text-align: center;
		padding: 5px;
		position: absolute;
		left: 0;
		top: 110px;
		z-index: 1002;
		background: var(--notifybg);
		color: var(--notifyfont);
		font-size: calc(var(--base-font-size) * 1.2);
}

.topBarNoticeDisplay {
		height: 50px;
}

.mainMenuNoticeDisplay {
		top: 50px;
}

a {
}

		a:hover {
		}

.overlayButton {
		float: right !important;
		display: block;
		background: var(--font);
		color: var(--bg);
		font-size: calc(var(--base-font-size) * 1);
}

.searchInput::placeholder {
		color: var(--menufont) !important;
		background-color: var(--menubg);
}

.fa-search {
		font-size: calc(var(--base-font-size) * 1);
		background: var(--menubg);
		color: var(--menufont);
}

.h2NewRelease {
		text-align: center;
		font-size: calc(var(--base-font-size) * 2);
}

.h2HomePage {
		text-align: center;
		font-size: calc(var(--base-font-size) * 2.8);
		text-transform: capitalize;
		color: var(--font);
		position: relative;
		margin-bottom: 1.5rem;
		line-height: 1.2;
		font-weight: bold;
		letter-spacing: 0.5px;
}

		.h2HomePage a {
				margin-top: 8px;
				display: inline-block;
				font-size: calc(var(--base-font-size) * 0.4) !important;
				color: var(--buttonbg);
				text-decoration: none;
				border-bottom: 2px solid var(--buttonbg);
				transition: all 0.3s ease;
				opacity: 0.9;
				font-weight: 600;
		}

				.h2HomePage a:hover {
						opacity: 1;
						letter-spacing: 1px;
						border-bottom-width: 3px;
				}

@keyframes fadeInUp {
		from {
				opacity: 0;
				transform: translateY(20px);
		}

		to {
				opacity: 1;
				transform: translateY(0);
		}
}

.h2HomePage {
		opacity: 0;
		transform: translateY(20px);
		transition: opacity 0.6s ease, transform 0.6s ease;
		will-change: opacity, transform;
}

		.h2HomePage.animate {
				animation: fadeInUp 0.6s ease both;
		}

.tag-newrelease {
		text-align: center;
		padding: 5px;
		min-width: 105px;
		background: #25BCC3 !important;
		color: #FFF !important;
		position: absolute;
		left: 16px;
		top: 14px;
		font-size: calc(var(--base-font-size) * 1);
		font-weight: 700;
		line-height: 1;
		text-transform: uppercase;
		padding: 5px !important;
		width: 42px;
		z-index: 1000;
}

.tag-newreleaseprodcutlist {
		text-align: center;
		padding: 5px;
		min-width: 150px;
		background: #25BCC3 !important;
		color: #FFF !important;
		position: absolute;
		top: 14px;
		font-size: calc(var(--base-font-size) * 1);
		font-weight: 700;
		line-height: 1;
		text-transform: uppercase;
		padding: 5px !important;
		width: 42px;
		z-index: 1000 !important;
		top: 280px !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
}

.multiPageMenuHolder {
		height: 0px !important;
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		padding: 10px;
		font-weight: normal;
		z-index: 1000000;
		text-align: center;
		height: 0px;
		transition: all 0.5s ease-out;
		overflow: hidden;
}

		.multiPageMenuHolder ul {
				list-style-type: none;
				margin: auto;
				max-width: 400px;
		}

		.multiPageMenuHolder div {
				width: 100%;
				text-align: center;
		}

		.multiPageMenuHolder ul li {
				float: none !important;
				margin-bottom: 15px;
				transition: transform 0.25s ease-out;
		}

				.multiPageMenuHolder ul li:hover {
						opacity: 0.8;
				}

						.multiPageMenuHolder ul li:hover a {
						}

				.multiPageMenuHolder ul li a {
						font-size: calc(var(--base-font-size) * 1.2) !important;
						font-weight: bold !important;
				}

.categoryMenuMultiPages {
		overflow: hidden;
		transition: all 0.5s ease-out;
}

		.categoryMenuMultiPages li a {
				background: none !important;
				color: var(--menufont) !important;
		}

.categorySlideDown {
		height: 100vh !important;
		padding-top: 180px;
		overflow-y: scroll;
		background: var(--menubg) !important;
		color: var(--menufont) !important;
}

.webPageText {
		line-height: 30px !important;
}

.websitePageFullBanner {
		width: 100vw !important;
		text-align: center !important;
		position: relative;
}

.marginTop50 {
		margin-top: 50px !important;
}

.sdBottom {
		margin-top: 20px !important;
}

.banner2container {
		position: relative;
		text-align: center;
}

.banner2Holder img {
}

.banner2centered {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
}

		.banner2centered p {
				font-size: 50px !important;
				margin-bottom: 0px !important;
		}

.banner2SmallText {
		font-size: calc(var(--base-font-size) * 2) !important;
		display: block;
		margin-bottom: 20px !important;
}

@media only screen and (max-width: 1025px) {
		.banner2centered p {
				font-size: calc(var(--base-font-size) * 2) !important;
		}

		.banner2SmallText {
				font-size: calc(var(--base-font-size) * 1) !important;
		}

		.banner2centered {
				top: 70px !important;
		}
}

.productImtemHolder {
		max-width: 250px;
		margin: auto;
		overflow: hidden;
		cursor: pointer;
		margin-bottom: 50px;
		padding: 5px;
}

		.productImtemHolder span {
				font-size: calc(var(--base-font-size) * 1);
				margin-bottom: 5px;
				float: left;
				width: 100% !important;
				text-overflow: ellipsis !important;
				overflow: hidden;
				height: 25px;
				white-space: nowrap;
				padding-top: 5px;
		}

		.productImtemHolder img {
				max-width: 100%;
		}

		.productImtemHolder b {
				float: left;
				font-size: calc(var(--base-font-size) * 1.5);
				font-style: italic;
				padding-right: 4px;
				margin-top: 3px;
		}

		.productImtemHolder del {
				padding-left: 4px;
		}

		.productImtemHolder .tag-newreleaseprodcutlist {
				text-align: center;
				padding: 10px;
				min-width: 50px;
				background: #25BCC3;
				position: absolute;
				top: 14px;
				font-size: calc(var(--base-font-size) * 1);
				font-weight: 700;
				background: #25BCC3;
				line-height: 1;
				text-transform: uppercase;
				padding: 5px !important;
				width: 42px;
				z-index: 1000 !important;
				top: 0px !important;
				left: 50% !important;
				transform: translate(-50%, -50%) !important;
				border-radius: 50% !important;
		}

.blogReadMore {
		color: var(--buttonfont);
		background: var(--buttonbg);
		padding: 8px 12px;
		display: inline-block;
		margin-top: 10px;
		font-size: calc(var(--base-font-size) * 1);
		font-weight: normal;
}

		.blogReadMore:hover {
				color: var(--buttonfont) !important;
				font-weight: bold;
		}

		.blogReadMore::after hover {
				text-decoration: underline;
		}

.categoryMenuMultiPages .closeMenu {
		padding: 4px 8px;
		font-size: calc(var(--base-font-size) * 1) !important;
}

.margintop40 {
		padding-bottom: 80px !important;
		padding-top: 80px !important;
		border-top: dashed 0.5px var(--font)
}

		.margintop40 h2 {
				padding-bottom: 80px !important;
		}

.increase, .reduced {
		background-color: var(--font) !important;
		color: var(--bg) !important;
		border: none !important;
}

.quantity .custom .input-text {
		background: var(--bg) !important;
		font: var(--font) !important;
		border: none !important;
}

.tabHolder .siteTabButton {
		background-color: var(--font);
		color: var(--bg);
}

.cartUpdateHeader {
		color: var(--font) !important;
}

.site-btn {
		background: var(--buttonbg) !important;
		color: var(--buttonfont) !important;
		border: solid 1px var(--buttonfont) !important;
		padding: 6px 10px;
}

.menuLinkLogin {
		background-color: var(--menubg) !important;
		color: var(--menufont) !important;
}

.body_divLogin > a {
		color: var(--font) !important;
}

.sizeChartButton {
		background-color: var(--font) !important;
		color: var(--bg) !important;
		padding: 10px 15px
}

		.sizeChartButton b {
				background-color: var(--font) !important;
				color: var(--bg) !important;
				padding-top: 5px;
				padding-left: 5px;
				float: left;
		}

.mfp-close-btn-in .mfp-close {
		color: var(--font) !important;
}

hr {
		border-top: solid 1px var(--font);
}

#sizemeDataTable td, #customers th {
		border: solid 1px var(--font);
}

#sizemeDataTable th {
		background-color: var(--font) !important;
		color: var(--bg) !important;
}

.mfp-content {
		background-color: var(--bg) !important;
		color: vaR(--font) !important;
}

#sizemeDataTable td, #customers th {
		color: var(--font) !important;
}

.mainBodyHolder {
		padding-top: 180px;
}

.gradient-line {
		border: 0;
		height: 2px;
		background: linear-gradient(to right, transparent, var(--font), transparent);
		opacity: 0.2;
		margin: 20px 0;
}


.multiImageHover .secondImage {
		display: none !important;
}

.multiImageHover img {
		position: relative !important;
}
.hideSmallMenu {
		position: absolute;
		top: 80px !important;
		right: 20px !important;
}
.showSmallMenu i{
		margin-top: 10px;
}
.checked {
		background-color: var(--bg) !important;
		border: solid 1px var(--font) !important;
		color: var(--font) !important;
}