body,*{
	margin: 0;
	font-family: 'Poppins-Light';
}

html {
  scroll-behavior: smooth;
}

.PoppinsLight {
	font-family: 'Poppins-Light' !important;
}

.PoppinsRegular {
	font-family: 'Poppins-Regular' !important;
}

.PoppinsMedium {
	font-family: 'Poppins-Medium' !important;
}

.PoppinsSemiBold {
	font-family: 'Poppins-SemiBold' !important;
}

.PoppinsBold {
	font-family: 'Poppins-Bold' !important;
}

.font10 {
	font-size: 10px;
}

.font12 {
	font-size: 12px;
}

.font13 {
	font-size: 13px;
}

.font14 {
	font-size: 14px;
}

.font15 {
	font-size: 15px;
}

.font17 {
	font-size: 17px;
}

.font18 {
	font-size: 18px;
}

.font20 {
	font-size: 20px;
}

.font22 {
	font-size: 22px;
}

.font25 {
	font-size: 25px;
}

.font30 {
	font-size: 30px;
}

.w-10 {
	width: 10% !important;
}

.w-15 {
	width: 15% !important;
}

.w-20 {
	width: 20% !important;
}

.w-30 {
	width: 30% !important;
}

.w-35 {
	width: 35% !important;
}

.w-40 {
	width: 40% !important;
}

.w-45 {
	width: 45% !important;
}

.w-55 {
	width: 55% !important;
}

.w-60 {
	width: 60% !important;
}

.w-65 {
	width: 65% !important;
}

.w-70 {
	width: 70% !important;
}

.w-80 {
	width: 80% !important;
}

.w-85 {
	width: 85% !important;
}

.w-90 {
	width: 90% !important;
}

.w-95 {
	width: 95% !important;
}

@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1750px !important;
	}
}

.textGrey {
	color: #666 !important;
}

.textRed, .textRedHover:hover {
	color: #047cd2 !important;
}

.lightRed {
	color: #8c8c8c;
}

.BGGrey {
	background: #666;
}

.bgRed {
	background-color: #8d8d8d !important;
}

.offWhite {
	color: #ebebeb !important;
}

.dNone {
	display: none;
}

a {
	text-decoration: inherit;
}

.fit-cover {
	object-fit: cover;
}

.width-fit-content {
	width: fit-content !important;
}

.cursor-pointer {
	cursor: pointer;
}

.lightShadow {
	box-shadow: 0 .5rem 1rem rgb(0 0 0 / 5%) !important
}

.radius10 {
	border-radius: 10px !important;
}

.radius0 {
	border-radius: 0px !important;
}

.blackCheckbox .form-check-input:checked {
	background-color: #000;
	border-color: #000;
}

.overflow-x-auto {
	overflow-x: auto;
}

.line-height-30 {
	line-height: 28px;
}

.section-padding-100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.section-padding-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.section-padding-bottom-100 {
	padding-bottom: 100px;
}

.section-padding-bottom-50 {
	padding-bottom: 50px;
}

.section-padding-top-50 {
	padding-top: 50px;
}`

.list-style-none li {
	list-style: none !important;
}

.display-inline li{
	display: inline;
}

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

.vertical-align {
	vertical-align: middle;
}

.blackRGBA {
	background: rgb(0, 0, 0, 0.6);
	height: 100%;
}

.radius100 {
	border-radius: 100px;
}

a {
	color: inherit !important;
}

input, select, textarea {
	border-radius: 0 !important;
}

input:focus, .btn:focus, select:focus, textarea:focus {
	box-shadow: inherit !important;
}

.hoverBlack:hover {
	color: #000 !important;
	transition: 0.4s;
}

.hoverBlack {
	transition: 0.4s;	
}

.blackTransparentBtn {
	border-radius: 10px !important;
	padding: 5px 20px;
	transition: 0.5s;
}

.blackTransparentBtn:hover {
	background: #000;
	color: #fff !important;
	transition: 0.5s;
}

.redDarkBtn {
	background: #8d8d8d;
	border: solid 1px #8d8d8d;
	color: #fff !important;
}

.redBtnHover:hover {
	background: #8d8d8d;
	color: #fff !important;
	transition: 0.3s;
}

.redTransparentBtn {
	border: solid 1px #8d8d8d;
	color: #8d8d8d !important;
}

.blackDarkBtn {
	background: #000;
	color: #fff !important;
	border: solid 1px #000;
	border-radius: 10px;
	padding: 5px 20px;
	transition: 0.5s;
}

.mobileHeader {
	display: none;
}

.bgSkyBlue {
	background: #047cd2 !important;
}

.bgSkyBlueHover:hover {
	background: #047cd2;
	border-color: #047cd2;
}

.border-blue {
	border: solid 1px #047cd2 !important;
}

.textSkyBlue {
	color: #047cd2 !important;
}

.textSkyBlueHover:hover {
	color: #047cd2 !important;
}

#mobileFiltration .form-check-input:checked {
	background-color: #047cd2 !important;
	border-color: #047cd2 !important;
}

footer ul li a {
	color: #d7d7d7 !important;
	transition: 0.5s;
}

footer ul li a:hover {
	color: #fff !important;
	transition: 0.5s;
}

footer .icon18 {
	top: -10px;
	left: -42px;
	background-color: #fff;
	border-radius: 50px;
}

.socialIcon {
	border-radius: 50px;
	width: 30px;
	height: 30px;
}



/* Header */

header {
	position: sticky;
	z-index: 99;
	width: 100%;
	top: 0;
	background: #fff;
	box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
}

.topSearchOuter {
	border: solid 1px;
	border-radius: 10px;
	height: 35px;
}

.webSearchBar {
	height: 36px !important;
	margin-top: 2px;
	width: 300px;
}

.webSearchBar input:focus {
	border: 0 !important;
	outline: none !important;
}

.webSearchBar .searchIcon {
	padding-top: 6px;
	border-left: solid 1px #dee2e6;
}

.cat .labelTag {
	top: 3px;
	right: 30px;
	font-size: 9px;
	padding: 1px 8px;
}

.page-breadcrumb-bg {
	background-image: url(../img/page-breadcrumb.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

/* Mega Menu */

.megaMenuOuter {
	background: #fff;
	z-index: 999;
	left: 88px;
	width: 50%;
	border-top: solid 3px #047cd2;
}

.megaMenuOuter ul li {
	line-height: 35px;
}

.megaMenuOuter li:hover a {
	color: #000 !important;
}

#megaMenu, #userMegaMenu {
	display: none;
}

.navCategories .cat:hover .nav-link {
	color: #fff !important;
}

.navCategories .cartIcon:hover {
	background: inherit !important;
}

.navCategories .cartIcon:hover .nav-link {
	color: #000 !important;
}

.navCategories .cartIcon .count {
	width: 25px;
	height: 25px;
	border: solid 1px;
	border-radius: 5px;
	padding-top: 2px;
	background: #000;
}

.userMegaMenu {
	top: 69px;
	left: -40px;
	min-width: 140px;
}

.userMegaMenu ul li {
	font-size: 14px !important;
	line-height: 28px !important;
}

.userMegaMenu ul li:hover {
	background: #eee;
}

.navCategories .cat:hover {
	background-color: #8d8d8d;
}

.navCategories .cat:hover {
	box-shadow: inset 0 -5px 0 #047cd2;
}

/*div {
  height: 75px;
  background: #c0ffee;
}

div:hover {
  box-shadow: inset 0 -5px 0 red;
}*/


/* Home */

.topSlider .slick-arrow {
	background: #eee !important;
	opacity: 0.5;
	width: 50px;
	height: 50px;Z
	border-radius: 50px;
	z-index: 9;
	transition: 0.5s;
	border-radius: 50px;
}

.topSlider .slick-arrow:hover {
	opacity: 1;
	background-color: #8d8d8d !important; 
	color: #fff;
	transition: 0.5s;
}

.topSlider .slick-arrow:hover.slick-prev:before, .topSlider .slick-arrow:hover.slick-next:before {
	color: #fff !important;
}

.topSlider .slick-next {
	top: 48%;
	right: 50px;
}

.topSlider .slick-prev:before {
	content: "\279C" !important;
	color: #000 !important;
}

.topSlider .slick-next:before {
	content: "\279C" !important;
	color: #000 !important;
}

.topSlider .slick-prev {
	top: 42%;
	left: 50px;
	transform: rotate(180deg);
}

.sectionHeading hr {
	height: 2px;
	color: #000;
	opacity: 1;
	width: 70px;
}

h1 {
	font-size: 2rem !important;
	font-family: 'Poppins-Bold' !important;
}

h2 {
	font-size: 1.8rem !important;
	font-family: 'Poppins-Bold' !important;
}

h3 {
	font-size: 1.6rem !important;
	font-family: 'Poppins-Bold' !important;
}

h4 {
	font-size: 1.4rem !important;
	font-family: 'Poppins-SemiBold' !important;
}

h5 {
	font-size: 1.1rem !important;
	font-family: 'Poppins-SemiBold' !important;
}

h6 {
	font-size: 0.9rem !important;
	font-family: 'Poppins-SemiBold' !important;
}


@keyframes slides {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.ourBrands .logos {
  overflow: hidden;
  padding: 30px 0px;
  white-space: nowrap;
  position: relative;
}

.ourBrands .logos:before, .ourBrands .logos:after {
  position: absolute;
  top: 0;
  content: '';
  width: 250px;
  height: 100%;
  z-index: 2;
}

.ourBrands .logos:before {
  left: 0;
  background: linear-gradient(to left, rgba(255,255,255,0), rgb(255, 255, 255));
}

.ourBrands .logos:after {
  right: 0;
  background: linear-gradient(to right, rgba(255,255,255,0), rgb(255, 255, 255));
}

.ourBrands .logo_items {
  display: inline-block;
  animation: 60s slides infinite linear;
}

.ourBrands .logos:hover .logo_items {
  animation-play-state: paused;
}

.ourBrands .logo_items img{
  height: 100px;
}

.centerSearching button:hover, .centerSearching .btn-outline-secondary.dropdown-toggle.show:focus, .centerSearching .btn-outline-secondary:active:focus {
	background-color: transparent !important;
	color: inherit !important;
}

.centerSearching .dropdown-toggle {
	border-right: solid 1px #fff !important;
}

.centerSearching .searchIcon {
	border-left: solid 1px #fff !important;	
}

.centerSearching .dropdown-item {
	font-size: 14px !important;
	padding: 4px 10px;
}

.centerSearching .input-group {
	border-radius: 50px;
}

.cartCount {
	padding: 1px;
	width: 20px;
	text-align: center;
	border-radius: 60%;
	background-color: #8d8d8d;
	color: #fff;
	font-size: 12px;
	top: 4px;
	right: -10px;
}

.loginText {
	background: #8d8d8d;
	padding: 6px 20px;
}

.loginIcon {
	background: #222;
	width: 35px;
}

.loginIcon img {
	width: 17px;
}

.rewards {
	background: #8d8d8d;
	border-radius: 50px;
	text-align: center;
	color: #fff;
}

.featureProduct .topNav .active {
	background: #047cd2;
	color: #fff;
}

.featureProductSlider .vDetails {
	bottom: 0;
	border-color: #047cd2 !important;
}

.featureProductSlider .box:hover .vDetails {
	display: block !important;
}

.featureProductSlider button {
	border-radius: 0;
}

.catContent, .customPara {
	line-height: 25px;
}

.pBox:hover .lightRed {
	color: #8d8d8d;
}

.pBox .product-label-tag {
	z-index: 9;
	position: absolute;
	top: 0px;
	left: 0px;
}

.pBox .nicotine-avail {
	background: rgb(255, 255, 255);
	/*background: linear-gradient(270deg, rgba(255, 255, 255, 0) 1%, rgb(118 118 118) 100%);*/
	background: linear-gradient(270deg, rgba(255, 255, 255, 0) 1%, #047cd2 100%);
	color: #fff;
	font-size: 11px;
	padding-left: 5px;
	padding-right: 90px;
	letter-spacing: 0.5px;
}

.productBtn {
	bottom: 0;
	right: 0;
	left: 0;
	padding: 10px 0;
	text-transform: uppercase;
	transition: 0.3s;
}

.pBox:hover .productBtn {
	display: block;
	transition: 0.3s;
}

.pagination .lItem {
	border: solid 1px #8d8d8d;
	width: 30px;
	height: 30px;
	padding-top: 3px;
	transition: 0.3s;
}

.pagination .lItem:hover {
	background: #047cd2;
	color: #fff;
	border-color: #047cd2;
	transition: 0.3s;
}

.pagination .active {
	background: #047cd2;
	color: #fff;
	border-color: #047cd2 !important;
}

.curve {
	transform: skew(0deg, -8deg);
	margin-top: -16px;
	width: 95px;
	font-size: 12px;
	text-align: center;
	padding: 0px;
	background: #047cd2;
	color: #fff;
	font-weight: 500;
}

.curve_content {
	margin-top: 15px;
	padding: 2px;
	position: relative;
}

.product-breadcrumb {
	background-color: #e4e8ea;
}

.breacrumbItem+.breacrumbItem {
	padding-left: 25px;
	position: relative;
}

.breacrumbItem+.breacrumbItem:before {
	content:url('../img/icons/right-grey.png');
	position:absolute;
  left:1px;
  top:2px;
}

.breacrumbItem a:hover {
	color: #000 !important;
}

.product-variations {
	border: solid 1px #e1e1e1;
	border-radius: 10px;
	background: transparent;
	padding: 10px 12px;
	transition: 0.3s;
}

.product-variations.active, .product-variations:hover {
	background: #000;
	color: #fff;
	box-shadow: inset 0 0 0 2px #fff;
	transition: 0.3s;
}

.qtyBox button {
	padding: 0;
	width: 2rem;
	border: 1px solid #ccc;
	font-size: 1.2rem;
	color: #242c37;
	background-color: transparent;
	cursor: pointer;
	-webkit-appearance: none;
	font-size: 25px;
}

.btn-cart {
	border: 0;
	min-width: 345px;
	background-color: #047cd2;
	cursor: pointer;
	height: 47px;
	border-radius: 20px;
	border-radius: 50px;
}

.btn-cart:disabled {
	background-color: #047cd2;
	cursor: not-allowed;
	opacity: 0.3;
}

.mixmatchBG {
	background: #047cd2;
	border-radius: 20px;
}

.mixmatchBG label {
	background: #fff;
	border-radius: 10px;
	padding: 5px 15px;
}

.mainProduct-content a {
	color: #999;
	transition: 0.3s;
}

.mainProduct-content .active, .mainProduct-content a:hover {
	transition: 0.3s;
	border-bottom: solid 2px #242c37;
	padding-bottom: 8px;
	color: #242c37 !important;
}

#pSpec {
	display: none;
}

.reviewBox .user {
	border-radius: 50px;
	border: solid 1px #666666;
	width: 35px; 
	height: 35px;
	text-align: center;
	background: #666666;
}

.reviewBox .user svg {
	color: #fff;
}

.reviewImage {
	border: solid 1px #e3e3e3;
	width: 100px;
	height: 100px;
}

.reviewImage svg {
	font-size: 32px;
	opacity: 0.3;
}

.reviewImage:hover svg {
	opacity: 0.1;	
}

.reviewPreviewImg img {
	width: 100px;
	height: 100px;
}

.reviewPreviewImg span {
	top: -10px;
	right: -10px;
	background: #626262;
	color: #fff;
	width: 25px;
	height: 25px;
	text-align: center;
	font-size: 12px;
	border-radius: 20px;
	transition: 0.2s;
}

.reviewPreviewImg span:hover {
	width: 30px;
	height: 30px;
	font-size: 14px;
	transition: 0.2s;
}
























/* Basket Summary */

.basketOuter {
	top: 0;
	right: 0;
	z-index: 999;
	height: 100vh;
	width: 37vw;
	background-color: #fff;
	padding: 2rem 0;
	box-shadow: 0 2px 35px rgba(0, 0, 0, 0.1);
	transform: translateX(110%);
	transition: 0.3s;
}

.basketOuter.open {
	transform: translateX(0) !important;
	transition: 0.3s;
}

.basketOuter .head {
	padding: 0 2rem;
}

/*.basketProducts {
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
	padding: 10px;
}*/

.basketProducts {
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
	display: flex;
	padding: 1rem 2rem 0 2rem;
	margin-top: 0.5rem;
	font-size: 1.3rem;
}

.basketProducts img {
	width: 8rem;
	height: 8rem;
	border-radius: 12px;
}

.basketProducts .pricing {
	align-self: flex-end;
}

.basketSummary .productsOuter {
	height: calc(100vh - 35vh);
	overflow-x: hidden;
	margin-right: -5px;
	padding-right: 5px;
}

.basketOuter .shippingBarOuter {
	padding: 0 2rem 1rem 2rem;
}

.basketOuter .shippingBar {
	background: #047cd230;
	border-radius: 5px;
	height: 12px;
	text-align: center;
	color: #fff;
	font-size: 17px;
}

.basketOuter .ins-progress {
	background: rgb(0, 0, 0);
	background: linear-gradient(0deg, rgb(90 168 224) 0%, rgb(4 124 210) 100%);
	border-radius: 5px 0 0 5px;
	height: 12px;
	position: absolute;
}

.basketOuter .productsOuter::-webkit-scrollbar {
	width: 0.8em;
}
 
.basketOuter .productsOuter::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
.basketOuter .productsOuter::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

form .form-control, form .form-select {
	border-color: #e3e3e3;
}

.couponBtn {
	border: 1px solid #32818E;
	background-color: transparent;
	color: #1b94a0;
	height: 45px;
	padding: 0 20px;
	transition: 0.3s;
}

.couponBtn:hover {
	background: #666;
	border-color: #666;
	color: #fff;
	transition: 0.3s;
}

.dashboard-leftside ul li {
	line-height: 34px;
}

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

table tr td, table tr a {
	font-family: 'Poppins-Regular' !important;
}

.vapeDeals .dealBox .mixMatch {
	top: 18px;
	left: 25px;
}

.vapeDeals .dealBox .offerBtn {
	bottom: 30px;
	left: 25px;
}

.vapeGuides .boxTop {
	background: #ff9191;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.vapeGuides .boxBottom {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.vapeGuidesDetails {
	margin-top: -48px;
	background: #fff;
}

.blogListing .blog-box {
	background-color: #f9f9f9;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.blogListing .blog-box p {
	line-height: 25px;
}

.blogListing .blog-box h5 {
	min-height: 55px;
}

.darkSocialIcon {
	border: solid 1px;
	border-radius: 40px;
	height: 32px;
	width: 32px;
	text-align: center;
	transition: 0.3s;
}

.darkSocialIcon:hover {
	background-color: #000 !important;
	color: #fff !important;
	transition: 0.3s;
}

.faqs ul li {
	padding: 18px;
}

.faqs ul .active {
	background-color: #f7f7f7;
	border-radius: 10px;
}

.brand-directory .contentBox label {
	width: 50px;
	height: 50px;
	background-color: #000;
	border-radius: 50px;
	color: #fff;
	text-align: center;
	padding-top: 3px;
	font-size: 30px;
}

.brand-directory ol li {
	line-height: 30px;
	font-size: 14px;
}

.brand-directory ol {
	display: grid;
  grid-template-rows: repeat(3, min-content);
  grid-auto-flow: column;
}

.mobileSlider {
	display: none !important;
}

/* QTY */
.btn-cart {
	min-width: auto;
}

.quantityBoxOuter {
	border: solid 1px #e1e1e1;	
}