/* Custom Style - Add !important at the end of each class */

.montserrat {
  font-family: "Montserrat", sans-serif !important;
  font-optical-sizing: auto !important;
  font-style: normal !important;
}


.logo img {width:220px !important;height:auto !important;} 
header {height:150px !important;} 

.storeHeader {height: 90px !important;}
.signuplogo img {max-height: 80px;width: auto;max-width: 280px;}

@media only screen and (min-width: 1280px) {	
.headerRight {position: absolute !important;top: 35px !important;right:0px !important;overflow: visible !important;}

.mheader {align-items: flex-start !important;}

.logo {position: absolute !important;top:10px !important;}

}

.fblog {width: 100%;text-align: center;padding:20px;font-size:12px;}

.fblog a {color:#970404 !important;}

.blogContent {}

.blogContent a {color:#FFF !important;text-decoration: underline !important;}

.vidImgContent p a, .categorypage_custom div a {
  color: #878687 !important;text-decoration: underline !important;
}


/* SPLASH */

.cookiesMessage .bg_dark {
  background-color: #000 !important;
}

.warningPop {
  width: 998px !important;
  position: relative !important;
  margin: auto !important;
  border: 0px !important;
  padding: 26px 45px 38px !important;
  background-color: rgba(0, 0, 0, 0) !important;
}

.warningContent {
  scrollbar-color: black grey !important;
  scrollbar-width: thin !important;
}

.splashbg {background-image: url("../images/splashbg.jpg") !important;background-size: cover !important;}


.agreeSite .buttons_light, .createAcc {background-color: rgba(0, 0, 0, 0) !important;border: 2px solid #FFF !important;color:#FFF !important; border-radius: 26px !important;}
.agreeSite .buttons_light:hover, .createAcc:hover {background-color: rgba(0, 0, 0, 0) !important;border: 2px solid #e50707 !important;color:#e50707 !important; border-radius: 26px !important;}

.splash_buttons .disagreeSite_buttonline, .joinNow  {background-color: #e50707 !important; border-radius: 26px !important;border: 2px solid #e50707 !important;color:#FFF !important;}

.disagreeSite_buttonline .link_bright {color:#FFF !important;}

.splash_buttons .disagreeSite_buttonline:hover, .joinNow:hover  {background-color: #FFF !important; border-radius: 26px !important;border: 2px solid #FFF !important;color:#e50707 !important;}
.disagreeSite_buttonline:hover .link_bright {color:#e50707 !important;}

.footerP {font-weight: 600 !important;}

/* HEADER */

/* OUTSIDE RED SHAPE */
.header {
	background: transparent !important;
	overflow: visible !important;
	position: relative !important;
	isolation: isolate !important;
	
}

.header:before {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: #e50707 !important;
	clip-path: polygon(0 0, 100% 0, 100% 80%, 42% 95%, 0 85%, 0 0) !important;
	z-index: 0 !important;
}


/* INSIDE BLACK SHAPE */
.mheader {
	background: transparent !important;
	position: relative !important;
	z-index: 1 !important;
	
}

.mheader:before {
	content:"" !important;
	position:absolute !important;
	inset:0 !important;
	background:#000 !important;
	clip-path: polygon(0 0, 100% 0, 100% 79%, 42% 90%, 0 85%, 0 0) !important;
	z-index:-1 !important;
}


/* Keep header contents above shapes */
.header > *,
.mheader > * {
position: relative !important;
z-index: 2 !important;
}

.topvideoheader {
	margin-top: -30px !important;
	position: relative !important;
	z-index: 0 !important;
	clip-path: polygon(0 0, 100% 0, 100% 79%, 42% 90%, 0 85%, 0 0) !important;
}

.header_welcome {background: #000000;background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%) !important;padding-top:100px !important;padding-bottom:60px !important;
	margin-top: -125px !important;
	position: relative !important;
	z-index: -3 !important;}

.header_welcome h1 {font-weight: 600 !important;}


@media only screen and (max-width: 1580px) {
	.header_welcome {padding-bottom:40px !important;
	  margin-top: -105px !important;
	  position: relative !important;
	  z-index: -3 !important;}
}

@media only screen and (max-width: 1279px) {
  .mobileMenu {background-color: #2c0509 !important;z-index: 9999999 !important;position: absolute !important;}
  .headerRight.active .mobileMenu {position: absolute;z-index: 9999999 !important;}
  .logo {position: absolute !important;left:0px !important;top:10px !important;}
  .headerRight {position: absolute !important;top: 35px !important;right:0px !important;}


.sfooter_btn {
	padding: 8px 16px 8px 16px !important;
height:38px !important;
border-radius: 19px !important;
}
	  
 .mobileMenu nav ul li {
  font-size: 17px !important;
  font-weight: 500 !important;
}

.mobileBtn {
	width: 38px;
	height: 38px;
	border-radius: 19px !important;
	display: block;
	padding-top: 7px;
	cursor: pointer;
  }

}



nav ul li::before {display: none !important;}

.hTwoBtns a {border-radius: 20px !important;font-weight: 600 !important;}

.createAcc, .createAcc:hover  {background: #000 !important;}


nav ul li {font-size: 20px !important;font-weight: 500 !important;}

/* BODY */
body {background-color: rgba(0, 0, 0, 0) !important;background-image: url("../images/splashbg.jpg") !important;background-size: contain  !important;font-family: "Montserrat", sans-serif !important;}
.bodyArea, .bodyArea .bg_dark, footer .bg_dark, .lightBg {background-color: rgba(0, 0, 0, 0) !important;}
.bodyArea {padding-bottom: 0px !important;margin-bottom: 30px !important;}

.latestUpdateBinfo {padding-left: 0px;line-height: 1.8 !important;}
.latestUpdateBinfo h4 a {color: #FFF !important;}
.latestUpdateBinfo p, .latestUpdateBinfo ul {line-height: 1.4 !important;}

.videoInfo li {background-color: rgba(0, 0, 0, 0) !important; border: 0px !important;padding-left:0px !important;padding-top:0px !important;}
.videoInfo li i, .cartdiscount i, .blogTags ul li a i {color: #FFF !important;}

.cwgallery .bg_light {background-color: rgba(0, 0, 0, 0) !important;}

.title h1, .title h2, .vidImgTitle h1 {font-weight: 700 !important;}

footer {background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 70%) !important;}

.bpbtn, .bpjoin {text-transform: uppercase !important;}
.latestUpdateBinfo .popt .bpbtn_nested {height: 38px;border-radius: 19px 0 0 19px !important;}
.bpjoin {height: 38px;border-radius: 4px 19px 19px 4px !important;}
.bpcart, .popt .bpcart {background-color: #FFF !important;border-radius: 0 4px 4px 0 !important;color: #e50707 !important;border-color: #FFF !important;}
.popt .bpcart i, .popt .bpcart .fa-cart-plus {color: #e50707 !important;}
.latestUpdateB .buyProduct i, .fa-cart-plus, .popt .bpcart i {background-color: #FFF !important;color:#e50707 !important; border:0px !important;}
.bpcart:hover i,.bpcart:hover, .bpcart i:hover, .latestUpdateB .buyProduct:hover i, .popt .bpcart i:hover, .popt .bpcart:hover i {color: #000 !important;}
.allFilter li label i {color: #FFF !important;}

.modelPic h4 a {font-weight: 600 !important;}
.modelBlock .videoInfo li {display: none !important;}

.sfooter {	 
width: 100% !important;
height:150px !important; 
  background: #e50707 !important;
	padding:0px !important;padding-top: 20px !important;
clip-path: polygon(33% 50%, 100% 0, 100% 100%, 0 100%, 0 14%) !important;
	  }

.sfooter_clip {
	width: 100% !important;
	height:150px !important;
	background: #000000 !important;
	clip-path: polygon(33% 45%, 100% 0, 100% 100%, 0 100%, 0 0) !important;
text-align: center !important;
align-items: center !important;
justify-items: center !important;
}

.sfooter_clip span {
	margin: auto !important;
	position: absolute !important;
	bottom: 25px !important;
	left: 0 !important;
	right: 0 !important;
}

.sfooter_btn {height: 36px;border-radius:18px !important;}

.sftext {font-weight: 600 !important;}
		  
		  
@media (max-width: 800px) {
	
	.sfooter {height:165px; clip-path: polygon(33% 20%, 100% 0, 100% 100%, 0 100%, 0 12%) !important;}
	
	.sfooter_clip {height:165px;clip-path: polygon(33% 15%, 100% 0, 100% 100%, 0 100%, 0 0) !important;}
	
	 .sfooter_clip span {
		 bottom: 10px !important;
	 }
	
	
}		  
		  
.benefits li {height:66px !important;border-radius: 33px !important;}

.signup input {height:60px !important;border-radius: 30px !important;}

.show_coupon .border_btn {height:34px !important;border-radius: 17px !important;}

.benefits li i {color: #e50707 !important;}

.storeSignup footer {background: rgba(0, 0, 0, 0) !important;}

.storeSignup .footer_join_copy {display: none !important;}

.memberships label {height: 92px !important;border-radius: 46px !important;}

.memberships label input[type="radio"]:checked + i::before, .memberships label i {border-radius: 50% !important;}

.memberships label:has(input.join_option:checked) {border: 3px solid #e50707 !important;}

.benefits {border:0px !important;}

.benefits h3 {font-weight: 700 !important;}

.checkOutbtn {height:48px !important;border-radius: 24px !important;}

.storePic img {border-radius: 20px !important;}

/* WIDE MID-PAGE GRAPHIC BANNER SECTIONS */

.full-width-bg-bullets {	width: 100%;
	background: #000;
	color: #FFF;
	padding: 30px;
	box-sizing: border-box;
	border-top: 3px solid #e50707;
	border-bottom: 3px solid #e50707;
	text-align: center;
	font-size: clamp(20px, 3vw, 30px);
	font-weight: 600;
	line-height: 1.2;
	margin-bottom:60px;
	}
	
	.full-width-bg-bullets span {font-size: clamp(14px, 3vw, 16px);font-weight: 500;color: #878687 !important;}

.full-width_header {
	width: 100%;
	background: #000;
	color: #FFF;
	padding: 20px;
	box-sizing: border-box;
	border-top: 3px solid #e50707;
	text-align: center;
	font-size: clamp(20px, 3vw, 30px);
	font-weight: 700;
	line-height: 1.2;
	margin-top:60px;
}

.full-width_header a {color:#e50707 !important;}
.full-width_header a:hover {color:#FFF !important;}

.full-width-bg {
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	width: 100%;
	background: url('../images/mid-page-background1.jpg') center top / 100% auto no-repeat;
	padding: 0px;
	box-sizing: border-box;
	aspect-ratio: 2997 / 1154;
	margin-bottom:60px;
	border-bottom: 3px solid #e50707;
}

.full-width-bg .content {
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
	padding: 30px;
	box-sizing: border-box;
	display: flex;
	align-items: flex-end;
}

.content {
	width: 100%;
	height: 100%;
	padding: 30px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.pill-grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	transition: all 400ms ease-in;
}



.pill {	
	background: rgba(229, 7, 7, 0.8);
	color: #FFF;
	border-radius: 50px;
	padding: 15px 25px;
	font-size: clamp(14px, 2vw, 24px);
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	transition: all 400ms ease-in;
}

.pill-icon {
	position: absolute;
	left: 15px;
	width: 32px;
	height: 32px;
	background: #FFF;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 400ms ease-in;
}

.pill-icon i {
	color: #000;
	font-size: 16px;
	transition: all 400ms ease-in;
}



.pill:nth-child(odd) {
	background: rgba(0, 0, 0, 0.7);
	color: #FFF;
}

.pill:nth-child(odd) .pill-icon {
	background: #e50707;
}

.pill:nth-child(odd) .pill-icon i {
	color: #ffffff;
}



.pill:hover {background: #FFF;
	color: #000;transition: all 400ms ease-in;}
	
	.pill:hover .pill-icon  {background: #e50707;
	color: #FFF;}
	
	.pill:hover .pill-icon i {
		color: #FFF;
		font-size: 16px;
	}
	
	@media only screen and (max-width: 1280px) {
	.pill {font-size: clamp(14px, 2vw, 15px);font-weight: 500;}
}
	
	@media only screen and (max-width: 1023px) {
		
		
		.header_welcome {padding-bottom:60px !important;
			  margin-top: -90px !important;
			  position: relative !important;
			  z-index: -3 !important;}
		}
		
		.pill-grid {
			width: 100%;
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 10px;
			transition: all 400ms ease-in;
		}
		

		.pill-icon {
		position: absolute;
		left: 15px;
		width: 26px;
		height: 26px;
	
}
	}
	
	
	@media (max-width: 900px) {
	
		.full-width-bg {
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
	
			background-position: top center;
			background-size: 100% auto;
	
			aspect-ratio: auto;
			padding-top: 38%;
			background-repeat: no-repeat;
		}
	
		.full-width-bg .content {
			margin-top: auto;
			background: #000;
			padding: 20px;
		}
	
	.pill:nth-child(2n+1) {
	  background: #FFF !important;
	  color: #000 !important;
	}
	}
	
	
	@media (max-width: 767px) {
		.pill-grid {
			grid-template-columns: 1fr;
		}
		
		.full-width-bg .content {
		  margin-top: auto;
		  background: #000;
		  padding-right: 5px !important;
		}
		
		.pill {font-size: clamp(20px, 2vw, 24px) !important;
	}
	}

/* BUTTONS and ELEMENTS */

.getAccess {background: #000000;background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%) !important;}
.getAccess a {border-radius: 46px !important;background-color: #e50707 !important;border: 2px solid #e50707 !important;color:#FFF !important;}
.getAccess a:hover {border-radius: 46px !important;background-color: #FFF !important;border: 2px solid #FFF !important;color:#e50707 !important;}

.viewAll  {background-color: rgba(0, 0, 0, 0) !important;border: 2px solid #FFF !important;color:#FFF !important; border-radius: 26px !important;}
.viewAll:hover  {background-color: rgba(0, 0, 0, 0) !important;border: 2px solid #e50707 !important;color:#e50707 !important; border-radius: 26px !important;}

  .footer_cs a, .footerP .footer_cs a {color: #e50707 !important;}



.rta a, .rta .link_light {color: #FFF !important;}

.rta {margin-bottom: 170px !important;}

.fSocialLink .link_med i {color: #e50707 !important;}

.pagenav_margin {margin-bottom: 30px;margin-top:30px !important;}
.pagination a {width: 50px !important; height: 50px !important; line-height: 1.0 !important;  border-radius: 25px !important;  background-color: #000 !important;	color: #FFFFFF !important;	border: 2px solid #FFF !important;}
.pagination a:hover {background-color: #000 !important;color: #e50707 !important;border-color: #e50707 !important;}
.pagination a.active  {background-color: #000 !important;color: #e50707 !important;border: 2px solid #e50707 !important;}

.latest_updates_custom .latestUpdateB .vBuyButtons {}

.getAccess {padding-top:30px !important;}
.footer_join_copy {font-size: clamp(20px, 3vw, 30px);color: #FFF;text-align: center;margin: auto;}