@import url('https://fonts.cdnfonts.com/css/century-gothic');

.row {
		max-width: 100vw;
}

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

a, h1, h2, h3, h4, h5, h6 {
		color: var(--font);
}

h1, h2, h3, h4, h5, h6 {
		font-family: var(--fontFamilyHeaders) !important;
}

form {
		margin: 0 !important;
}

body {
		font-weight: normal !important;
		font-size: 16px;
}

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

.homeBackdropText .headingFont {
		font-size: calc(var(--base-font-size) * 3) !important;
}

.textX2 {
}

.mainMenu {
		min-height: 70px;
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		padding-top: 0px !important;
		font-weight: normal;
		z-index: 1000000;
		background-color: var(--menubg) !important;
		color: var(--menufont) !important;
}

		.mainMenu i, .mainMenu a {
				color: var(--menufont) !important;
		}

/*.scrollingMenu {
		transition: all ease-in-out 0.5s;
		height: 60px !important;
		box-shadow: inset 0 3px 6px rgba(0,0,0,0.0), 0 4px 6px rgba(0,0,0,0.45);
}

		.scrollingMenu img {
				height: 50px !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: 40px;
		transition: all 0.5s ease-out;
		overflow: hidden;
		background-color: var(--bg) !important;
}

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

.homeBackdropOverlay {
		width: 100vw;
		height: 100vh;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		opacity: 0.7;
		background-color: var(--bg);
}

.homeBackdropText {
		text-align: center;
		width: 100vw;
		height: 100vh;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3;
		padding-top: 30vh;
}

		.homeBackdropText b {
				font-weight: bold !important;
				max-width: 800px;
				display: inline-block;
		}

		.homeBackdropText .smallText {
				font-size: calc(var(--base-font-size) * 1.5) !important;
		}

.sitebody {
		z-index: 1000;
}

.maxWidth1000 {
		width: 100vw !important;
		margin: auto;
}

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

.siteButton1 {
		font-size: calc(var(--base-font-size) * 1) !important;
		padding: 15px 40px 15px 40px;
		text-transform: uppercase;
		font-weight: bold;
		transition: all 500ms ease;
		background-color: var(--buttonbg) !important;
		color: var(--buttonfont) !important;
		border: none !important;
		cursor: pointer;
}

.siteButton2 {
		font-size: calc(var(--base-font-size) * 1) !important;
		padding: 15px 40px 15px 40px;
		text-transform: uppercase;
		font-weight: bold;
		transition: all 500ms ease;
		background-color: var(--buttonbg) !important;
		color: var(--buttonfont) !important;
		border: none !important;
		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;
		height: 40px;
		transition: all 500ms ease;
		background-color: var(--buttonbg) !important;
		color: var(--buttonfont) !important;
		cursor: pointer;
}

		.siteButton3:hover {
		}

.productImage {
		max-height: 400px;
}

.featProduct1 {
		min-height: 500px;
		text-align: center;
		padding-top: 20px;
		border-top: solid 1px var(--font);
}

.featProduct2 {
		text-align: left;
		min-height: 500px;
		padding: 80px;
		border-top: solid 1px var(--font);
		border-left: solid 1px var(--font);
}

		.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: 50px !important;
		}

.productTitleSecondary {
		font-size: calc(var(--base-font-size) * 3);
		margin-bottom: 5px !important;
		font-family: var(--fontFamilyHeaders) !important;
}

		.productTitleSecondary b {
				font-weight: normal;
		}

.aboutUsSnippet {
		text-align: center;
		padding: 80px;
}

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

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

.sectionDivider {
		width: 400px;
		height: 5px;
		margin: auto;
		margin-top: 50px;
		margin-bottom: 50px;
}

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

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

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

				.footerLinks li a:hover {
						text-decoration: underline;
				}

}

.mainMenuHolder ul {
		list-style-type: none;
		margin: auto;
}

.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 {
				transform: translateY(-5px);
		}

				.mainMenuHolder ul li:hover a {
				}

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

.siteSearch {
		width: 370px !important;
		margin-bottom: 50px !important;
		margin: auto;
		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;
		height: 43px;
		display: inline-block;
		text-align: center;
		margin-bottom: 0px !important;
		background-color: var(--buttonbg) !important;
		font: var(--buttonfont) !important;
		border: none;
}

		.siteButton4:hover {
		}

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

		.siteButton5:hover {
				font-weight: bold;
				text-decoration: underline;
		}

.siteButtonBlack {
		font-size: calc(var(--base-font-size) * 1) !important;
		padding: 15px 40px 15px 40px;
		text-transform: uppercase;
		font-weight: bold;
		transition: all 500ms ease;
		background-color: var(--buttonbg) !important;
		color: var(--buttonfont) !important;
		border: none !important;
		cursor: pointer;
}

		.siteButtonBlack:hover {
		}

.siteButtonRed {
		font-size: calc(var(--base-font-size) * 1) !important;
		padding: 15px 40px 15px 40px;
		text-transform: uppercase;
		font-weight: bold;
		transition: all 500ms ease;
		background-color: var(--buttonbg) !important;
		color: var(--buttonfont) !important;
		border: none !important;
		cursor: pointer;
}

		.siteButtonRed:hover {
		}

.borderlessInput {
		width: 271px !important;
		height: 40px !important;
		box-shadow: none !important;
		display: inline-block !important;
		margin-bottom: 0px !important;
}

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

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

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

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

.instagram i {
		font-size: calc(var(--base-font-size) * 1.2) !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;
		background-color: var(--font) !important;
		color: var(--bg) !important;
}

		.footerRow a, .footerRow i {
				background-color: var(--font) !important;
				color: var(--bg) !important;
		}


.featuredCategoryImageHolder {
		min-height: 500px !important;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
}

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

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

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

.blogPreview {
		width: auto;
		text-align: left !important;
		line-height: 20px;
}

.blogItem h4 {
		margin: auto;
		font-size: calc(var(--base-font-size) * 1.5);
		font-weight: bold;
		padding-bottom: 10px;
		font-family: var(--fontFamily) !important;
}

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

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

		.h3ClassForH1 a {
		}

.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;
				font-size: calc(var(--base-font-size) * 1) !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;
		font-size: calc(var(--base-font-size) * 1.5) !important;
}

.variantOption {
		width: 200px;
}

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

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

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

.l_p_text {
		height: 200px;
}

		.l_p_text h4 {
				height: 70px;
				padding: 10px;
				overflow: hidden;
		}

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

.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.2);
				padding: 10px;
				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;
}

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

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

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

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

.closeCategory {
		font-size: calc(var(--base-font-size) * 1.2);
		font-weight: bold;
		float: right;
		margin-right: 10px;
		display: inline-block;
		margin-top: -20px;
}

.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: calc(var(--base-font-size) * 2) !important;
				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.2);
		font-weight: bold;
}

.stockStatus {
		line-height: 2.0em !important;
}

.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;
		background-color: var(--font) !important;
		color: var(--bg) !important;
}

		.items-count:hover {
		}

.comparePrice {
		line-height: 2.0em !important;
		text-decoration: line-through;
}

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


.productInformationHolder > * {
		font-size: calc(var(--base-font-size) * 0.9) !important;
}
.productInformationHolder {
		width: 100% !important;
		float: left;
		min-height: 300px;
		padding: 10px 0px;
		border-top: solid 1px var(--font);
}

.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.2);
		font-weight: bold;
		text-align: center;
		background: var(--bg) !important;
		color: var(--font) !important;
}

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

@media only screen and (max-width: 1024px) {
		.mainProductImage img {
				max-width: 100% !important;
				padding: 0px !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: calc(var(--base-font-size) * 5) !important;
		padding: 80px;
}

table tr.even, table tr.alt, table tr:nth-of-type(even) {
}

.table {
		max-width: 940px;
		width: 100%;
		margin: auto;
}

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

		.table tr td {
				padding-top: 20px;
				padding-left: 0px !important;
				padding-bottom: 20px;
		}

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

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

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

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

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

		.checkoutCart h6 {
				font-size: calc(var(--base-font-size) * 1.2) !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.2);
		font-weight: bold;
}

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;
		font-weight: bold;
		margin-left: 3px;
		float: right;
		z-index: 1000000 !important;
		background-color: var(--menufont) !important;
		color: var(--menubg) !important;
		border-radius: 50%;
}

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

.categoryMenuSecondary {
		height: 0px !important;
		overflow: hidden;
		transition: all 0.5s ease-out;
}

.categorySlideDown {
		height: 100% !important;
		overflow-y: scroll;
}


.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;
		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;
		text-transform: uppercase;
		text-rendering: optimizeLegibility;
}

.articleImage {
		width: 100%;
		height: 200px;
		overflow: hidden !important;
}


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

.articleBody {
		padding: 20px;
		width: 100%;
		height: 300px;
}

		.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;
				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;
				font-family: var(--fontFamily) !important;
		}

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

				.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-weight: 700;
		text-transform: uppercase;
		letter-spacing: 1.25px;
		display: flex;
		vertical-align: middle;
		overflow: hidden;
		width: 7px;
		height: 7px;
		fill: var(--font);
		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.2);
						font-weight: bold;
						padding-bottom: 5px;
				}

a:focus {
}

.siteButton2:focus {
}

		.siteButton2:focus:hover {
		}

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


@media only screen and (max-width: 1000px) {
		.maxWidth1000 {
				width: 100vw !important;
				margin: auto;
				max-width: 100%;
		}

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

		.hideForSmall {
				display: none;
		}

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

		.footerRow {
				padding: 0px;
		}

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

		.l_p_text h4 {
				font-weight: bold;
				font-size: calc(var(--base-font-size) * 1.2);
		}

		.l_p_text h5 {
				font-weight: bold !important;
		}

		.smallCheckoutRow {
				display: block !important;
		}

		input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
				font-weight: bold !important;
		}

		.blogHomeItem {
				font-size: calc(var(--base-font-size) * 1.2);
				line-height: 1.5em;
		}

		.articleImage {
				width: 100% !important;
		}

		.articleBody {
				width: 100% !important;
		}

		.smallBlogReadItem {
				padding: 10px !important;
				padding-top: 30px !important;
		}

		.pageHtml {
				padding-right: 20px !important;
				padding-left: 10px !important;
		}

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

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

.checked {
		background-color: var(--font) !important;
		color: var(--bg) !important;
}

.site-btn {
		font-size: calc(var(--base-font-size) * 1) !important;
		padding: 15px 40px 15px 40px;
		text-transform: uppercase;
		font-weight: bold;
		transition: all 500ms ease;
		margin-top: 30px;
}

.noticeBar {
		width: 100vw;
		min-height: 30px;
		display: none;
		text-align: center;
		padding: 5px;
		padding-top: 10px;
		font-size: calc(var(--base-font-size) * 1);
		margin-bottom: 10px;
		background-color: var(--notifybg) !important;
		color: var(--notifyfont) !important;
}

.noteiceBarShowing {
		padding-top: 0px !important;
		height: 100px !important;
}

.noteiceBarShowing2 {
		padding-top: 120px !important;
}

/*.topBarNoticeDisplay {
		height: 100px;
}

.mainMenuNoticeDisplay {
		top: 80px;
}*/

@media only screen and (max-width: 900px) {
		.articleBody {
				min-height: 300px;
				height: auto !important;
		}

		.h2NewRelease {
				padding: 5px !important;
		}

		.siteImage img {
				height: auto !important;
				max-height: 48px !important;
		}

		.scrollingMenu img {
				height: auto !important;
		}

		.headingFont {
		}
}

.featuredProduct h3 {
		font-size: calc(var(--base-font-size) * 1);
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		font-family: var(--fontFamily) !important;
}

.featuredProduct .variantFrom {
		font-weight: bold !important;
}

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

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

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

.h2NewRelease {
		text-align: center;
		font-size: calc(var(--base-font-size) * 2) !important;
		font-weight: normal;
		padding: 20px;
		text-transform: uppercase;
		text-rendering: optimizeLegibility;
		font-weight: normal !important;
}

.multiImageHover:hover .firstImage {
		display: none;
}

.multiImageHover:hover .secondImage {
		display: block;
}

.discountedPercent {
		font-weight: bold;
		margin-left: 4px !important;
}

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

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

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

.featuredProduct {
		padding: 20px !important;
		margin-bottom: 20px !important;
}

.smallFeatImage {
		text-align: center;
		overflow: scroll !important;
}

		.smallFeatImage img {
				display: inline;
				margin: 0 auto;
				height: 150%;
				width: auto;
				margin-top: -25% !important;
		}

		.smallFeatImage .cropper {
				width: 100px;
				height: 100px;
				position: relative;
				overflow: hidden;
				display: inline-flex;
				margin: 10px;
				transition: all .2s ease-in-out;
		}


.cropper:hover {
		transform: scale(1.1);
}

.owl-prev {
		font-size: calc(var(--base-font-size) * 2) !important;
		margin-right: 10px;
}

.owl-next {
		font-size: calc(var(--base-font-size) * 2) !important;
		margin-left: 10px;
}

.owl-dots {
		display: none;
}

.featItemSale {
		font-size: calc(var(--base-font-size) * 0.7) !important;
		text-decoration: line-through !important;
}

.fromVariantCost {
		font-size: calc(var(--base-font-size) * 1) !important;
		font-weight: normal !important;
		margin-right: 3px;
}

.banner2Button {
		display: block !important;
		margin: auto !important;
		margin-bottom: 10px !important;
		max-width: 300px;
}

.banner2TextHolder {
		padding-bottom: 14px;
		padding-top: 10px;
		background-color: var(--font) !important;
		color: var(--bg) !important;
}

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

.featuredCategory2 {
}

.categoryHolder {
		padding: 0px !important;
		overflow: hidden !important;
}

.featuredCategory2 .categoryHolder img {
		height: 600px !important;
		width: 100%;
		object-fit: cover;
}

.categoryHolder img {
		transition: all 1s ease-in-out;
}

.categoryHolder:hover img {
		transform: scale(1.05);
		opacity: 0.4;
}



.categoryHolder .centered {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		max-width: 90% !important;
		text-align: center;
		font-size: calc(var(--base-font-size) * 1) !important;
		line-height: 20px;
}

		.categoryHolder .centered b {
				margin-top: 20px;
				display: block;
				font-size: calc(var(--base-font-size) * 2) !important;
				line-height: 40px;
				font-family: var(--fontFamilyHeaders) !important;
		}

		.categoryHolder .centered a {
				font-size: calc(var(--base-font-size) * 1) !important;
				padding: 15px 20px !important;
				display: block;
				text-align: center;
				margin: auto;
				margin-top: 20px;
				background-color: var(--buttonbg) !important;
				color: var(--buttonfont) !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.2);
				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;
		}

.solid_banner_inner {
		padding-top: 20px;
		padding-bottom: 20px;
}

input[type="text"], input[type="password"], input[type="number"], textarea {
		background-color: var(--bg) !important;
		border: solid 1px var(--font) !important;
		color: var(--font) !important;
}

		input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="number"]::placeholder, textarea::placeholder {
				color: var(--font) !important;
				opacity: 0.8;
		}

a {
		color: var(--font);
}

		a:hover, a:focus {
				color: var(--font);
		}

ul, ol, dl {
		list-style-type: none !important;
}

.hrTopBlog {
		border: solid 10px var(--font);
}

.firstSentence {
		color: var(--font) !important;
		border-left: solid 10px var(--font);
}

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

.secondaryHeader {
		font-family: var(--fontFamily) !important;
}

table {
		background: var(--bg) !important;
		border: none !important;
}

		table tr th, table tr td {
				color: var(--font) !important;
		}

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

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

hr {
		border: solid 1px var(--font);
}
#sizemeDataTable th {
		background-color: var(--font) !important;
		color: var(--bg) !important;
}
#sizemeDataTable td {
		background-color: var(--bg) !important;
		color: var(--font) !important;
}
.fileUploadLabel {
		font-size: calc(var(--base-font-size) * 1) !important;		
		text-transform: uppercase;
		font-weight: bold;
		transition: all 500ms ease;
		background-color: var(--buttonbg) !important;
		color: var(--buttonfont) !important;
		border: none !important;
		cursor: pointer;
}
@media (max-width: 767.98px) {
		.siteSearch {
				width: 100% !important;
		}
		.categoryMenuMain {
				margin: auto !important;
		}
		.mainMenuHolder {
				overflow: scroll !important;
		}
		.homeBackdropText {
				padding-left: 10px;
				padding-right: 10px;
		}
		.controls button {
				display: none;
		}
		.blogItem {
				padding: 20px;
		}
}