#inv-blackfri {
	p, blockquote, li {
		font-family: Barlow, sans-serif !important;
		font-weight: 400 !important;
		font-style: normal !important;
		font-size: 16px !important;
		line-height: 1.2 !important;
		letter-spacing: 0 !important;
	}
	h1, h2, h3, h4, h5, h6 {
		font-family: Barlow, sans-serif !important;
		font-weight: 600 !important;
		font-style: normal !important;
	}
	padding-top: 8px;
	@media (min-width: 768px) {
		padding-top: 0;
	}
	@media (min-width: 993px) {
		padding-top: 30px;
	}
	@media (min-width: 994px) {
		padding-top: 80px;
	}
	@media (min-width: 1024px) {
		padding-top: 40px;
	}
	.container-fluid {
		width: 100%;
		padding-right: 26px;
		padding-left: 26px;
		margin-left: auto;
		margin-right: auto;
	}
	.container-sm {
		width: 100%;
		padding-right: 26px;
		padding-left: 26px;
		margin-left: auto;
		margin-right: auto;
		@media (min-width: 576px) {
			max-width: 540px;
		}
		@media (min-width: 768px) {
			max-width: 720px;
		}
		@media (min-width: 992px) {
			max-width: 960px;
		}
		@media (min-width: 1200px) {
			max-width: 1140px;
		}
		@media (min-width: 1400px) {
			max-width: 1320px;
		}
	}
	.cl-01 {
		color: #ff1100;
	}
	.cl-02 {
		color: #be0303;
	}
	.cl-03 {
		color: #da291c;
	}
	.cl-04 {
		color: #000;
	}
	.cl-05 {
		color: #fff;
	}
	.text-center {
		text-align: center;
	}
	.text-left {
		text-align: left;
	}
	.d-none {
		display: none !important;
	}
	.d-flex {
		display: flex !important;
	}
	.d-block {
		display: block !important;
	}
	.d-lg-none {
		@media (min-width: 992px) {
			display: none !important;
		}
	}
	.d-lg-block {
		@media (min-width: 992px) {
			display: block !important;
		}
	}
	.d-xl-none {
		@media (min-width: 1200px) {
			display: none !important;
		}
	}
	.d-xl-block {
		@media (min-width: 1200px) {
			display: block !important;
		}
	}
	a {
		transition: all 0.2s ease-in-out;
		&:hover {
			text-decoration: none;
		}
	}
	img {
		transition: all 0.2s ease-in-out;
		&:hover {
			opacity: 0.9;
		}
	}
	ul, ol {
		margin: 0;
		padding: 0;
	}
	strong {
		font-weight: 800;
	}
	p {
		font-size: 16px;
		font-weight: 400;
		line-height: 1.2;
		max-width: 100%;
	}
	.button-primary-large {
		font-size: 22px;
		font-weight: 500;
		padding: 12px 46px;
	}
	.button-primary-large.inverse-color:hover {
		color: #fff;
	}
	.h2-heading-22 {
		color: #2f261d;
		letter-spacing: -.03em;
		margin-top: 0;
		margin-bottom: 0;
		font-size: 56px !important;
		font-weight: 400 !important;
		line-height: 1.2 !important;
	}
	.h1-heading-9 {
		color: #25272c;
		margin-top: 0;
		margin-bottom: 0;
		font-size: 64px !important;
		font-weight: 600 !important;
		line-height: 1.2 !important;
	}
	h2 {
		font-size: 32px !important;
		font-weight: 600 !important;
		line-height: 1.25 !important;
	}
	h3 {
		font-size: 24px !important;
		font-weight: 600 !important;
		line-height: 1.25 !important;
	}
	.h2-heading-23 {
		font-size: 56px !important;
		font-weight: 400 !important;
		line-height: 1.2 !important;
	}
	#inv-blackfri-top, #inv-cyber-top {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		min-height: 429px;
		color: #fff;
		background: url('../assets/inv-blackfri-bg-top-01.jpg') top left no-repeat #101010;
		background-size: 130%;
		@media (min-width: 576px) {
			min-height: 346px;
			background: url('../assets/inv-blackfri-bg-top-02.jpg') top left no-repeat #101010;
			background-size: contain;
		}
		@media (min-width: 1920px) {
			min-height: 390px;
			background-size: cover;
		}
		>div {
			margin-top: 48vw;
			@media (min-width: 576px) {
				margin-top: 122px;
			}
		}
		h1 {
			position: relative;
			text-align: center;
			font-weight: 600 !important;
			padding: 12px 20px;
			caret-color: transparent;
			@media (min-width: 576px) {
				padding: 16px 20px;
			}
			font-size: 33px !important;
			background: #0009;
			max-width:692px;
			margin: 0 auto 26px;
			@media (min-width: 992px) {
				font-size: 60px !important;
			}
			/* border: 4px solid;
		border-image-slice: 1;
		border-image-source: linear-gradient(to left, #fff, #42120e);
		border-radius: 4px; */
			&:before {
				position: absolute;
				content: '';
				top: 0;
				left: 0;
				right: 0;
				height: 100%;
				border-radius: 4px;
				border: 4px solid transparent;
				background: linear-gradient(45deg, #42120e, #fff) border-box;
				mask: linear-gradient(#000 0 0) padding-box,
					linear-gradient(#000 0 0);
				mask-composite: exclude;
			}
		}
		.inv-blackfri-coming {}
		.inv-blackfri-countdown {
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 20px;
			padding: 12px 0;
			font-size: 20px;
			>span {
				display: inline-flex;
				gap: 8px;
				align-items: flex-end;
			}
			>span>span {
				font-size: 32px;
				font-weight: 600;
				display: inline-flex;
				justify-content: center;
				align-items: center;
				width: 52px;
				height: 52px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				border: 1px solid #fff;
				border-radius: 3px;
				caret-color: transparent;
			}
			small {
				font-size: 20px;
				font-weight: 300;
				margin-bottom: 5px;
			}
		}
	}
	#inv-cyber-top {
		background: url('../assets/inv-blackfri-bg-top-04.jpg') top center no-repeat #101010;
		background-size: 130%;
		@media (min-width: 992px) {
			min-height: 346px;
			background: url('../assets/inv-blackfri-bg-top-03.jpg') center center no-repeat #101010;
			background-size: contain;
		}
		@media (min-width: 1920px) {
			min-height: 420px;
			background-size: cover;
		}
		&>div {
			@media (min-width: 576px) {
				margin-top: 48vw;
			}
			@media (min-width: 992px) {
				margin-top: 78px;
			}
		}
		.inv-cyber-top-wrapper {
			margin: auto;
			@media (min-width: 992px) {
				margin-left: auto;
				margin-right: 142px;
			}
		}
	}
	.inv-blackfri-choose-offer {
		color: #fff;
		text-align: center;
		background: #101010;
		min-height: 980px;
		overflow: hidden;
		h3 {
			margin: 0;
			font-size: 26px;
			font-weight: 500;
			padding-top: 15px;
			@media (min-width: 576px) {
				padding-top: 57px;
			}
		}
		.inv-scroll-more {
			font-size: 12px;
			color: #cecece;
		}
		.slick-prev, .slick-next {
			width: 50px;
			height: 50px;
			top: 38%;
			z-index: 10;
		}
		.slick-prev {
			left: -90px;
		}
		.slick-next {
			right: -90px;
		}
		.slick-prev:before, .slick-next:before {
			display: flex;
			height: 100%;
			content: url('../assets/inv-blackfri-arrow.svg');
			background: #fff;
			border-radius: 2px;
			justify-content: center;
			align-items: center;
			cursor: pointer;
			/* opacity: 0; */
		}
		.slick-prev:before {
			transform: rotate(180deg);
		}
		.slick-dots {
			top: -35px;
			@media (min-width: 992px) {
				/* top: 0; */
			}
			bottom: inherit;
			text-align: left;
			&:before {
				content: '';
				position: absolute;
				top: 15px;
				left: 0;
				right: 0;
				border-top: 1px solid #adadad;
			}
		}
		.slick-dots li {
			margin: 0;
			height: 5px;
			width: 25%;
		}
		.slick-dots li button::before {
			content: '';
			top: -5px;
		}
		.slick-dots li button {
			height: 5px;
			width: 100%;
			padding: 0;
		}
		.slick-dots li.slick-active button:before {
			opacity: 1;
			color: #fff;
			border-radius: 0;
			height: 5px;
			width: 100%;
			background: #fff;
		}
		.inv-blackfri-choose-list-wrapper {
			position: relative;
			display: inline-flex;
			justify-content: center;
			margin: 65px 0;
			.slide-prev, .slide-next {
				position: absolute;
				width: 50px;
				height: 50px;
				padding: 0;
				top: 38%;
				cursor: pointer;
				border-radius: 2px;
				caret-color: transparent;
				z-index: 10;
				&:before {
					display: flex;
					height: 100%;
					content: url('../assets/inv-blackfri-arrow.svg');
					background: #eee;
					@media (min-width: 1400px) {
						background: #fff;
					}
					padding-top: 5px;
					border-radius: 2px;
					justify-content: center;
					align-items: center;
				}
				&:hover:before {
					background: #eee;
				}
			}
			.slide-prev {
				left: 25px;
				@media (min-width: 1400px) {
					left: -90px;
				}
				&:before {
					transform: rotate(180deg);
				}
			}
			.slide-next {
				right: 25px;
				@media (min-width: 1400px) {
					right: -90px;
				}
			}
		}
		.inv-blackfri-choose-list {
			flex-shrink: 0;
			margin: 35px auto;
			@media (min-width: 992px) {
				margin: 75px auto;
				.slick-list {
					margin: 0 -35px;
				}
			}
			@media (min-width: 1200px) {
				max-width: 405px;
				/* max-width: 810px; */
				width: 100%;
				margin: 0;
				.slick-list {
					margin: 0;
				}
			}
		}
		.inv-blackfri-choose-item {
			position: relative;
			width: 335px;
			flex-shrink: 0;
			@media (min-width: 992px) {
				margin: 0 35px;
			}
			@media (min-width: 1200px) {
				margin: 0 35px;
			}
			&.child-01 {
				.inv-blackfri-status {
					background: #0064B9;
				}
			}
			&.child-02 {
				.inv-blackfri-status {
					background: #00c7af;
				}
			}
			&.child-03 {
				flex-shrink: 0;
				.inv-blackfri-status {
					background: #da291c;
				}
			}
			.inv-blackfri-status {
				font-size: 22px;
				font-weight: 600;
				border-radius: 4px;
				margin-bottom: 10px;
				padding: 2px 0;
			}
			.inv-blackfri-prod-wrapper {
				border: 1px solid #fff;
				border-radius: 4px;
				margin-bottom: 20px;
				.inv-rating {
					margin: 0 auto 30px;
				}
				h2 {
					font-size: 32px !important;
					font-weight: 600 !important;
					margin-top: 15px;
					margin-bottom: 5px;
				}
				p.inv-desc-01 {
					font-size: 14px !important;
					font-weight: 700 !important;
					margin-top: auto;
				}
				p.inv-desc-02 {
					font-size: 20px !important;
					font-weight: 400 !important;
				}
				.inv-blackfri-prod {
					background: #fff;
					border-top-left-radius: 4px;
					border-top-right-radius: 4px;
					min-height: 375px;
					display: flex;
					flex-direction: column;
					align-content: center;
					flex-wrap: wrap;
					.inv-limited {
						margin: 20px auto 0;
					}
				}
			}
			.inv-blackfri-prod-b-wrapper {
				min-height: 225px;
				display: flex;
				flex-direction: column;
				flex-wrap: wrap;
				p.inv-desc-03 {
					font-size: 16px;
					font-weight: 400;
					margin-bottom: 25px;
				}
				.inv-price {
					font-size: 22px !important;
					font-weight: 600 !important;
					margin-top: auto;
					margin-bottom: 15px;
				}
			}
			.inv-btn-deal {
				margin-bottom: 10px;
				a {
					color: #000;
					font-size: 18px;
					font-weight: 600;
					display: flex;
					justify-content: center;
					align-items: center;
					height: 48px;
					text-decoration: none;
					border-radius: 4px;
					width: 100%;
					background: #fff;
					&:hover {
						color: #fff;
						background: #da291c;
						.cl-03 {
							color: #fff;
						}
					}
				}
			}
			.inv-learn {
				a {
					color: #fff;
					text-decoration: underline;
					&:hover {
						text-decoration: none;
					}
				}
			}
			.inv-blackfri-best {
				position: absolute;
				z-index: 10;
				caret-color: transparent;
				top: 115px;
				left: 20px;
				@media (min-width: 1200px) {
					top: -120px;
					left: 0;
					right: 0;
				}
				span {
					display: block;
					margin: auto;
					background: url('../assets/inv-blackfri-best-01.svg') center center no-repeat;
					background-size: contain;
					width: 64px;
					height: 61px;
					@media (min-width: 576px) {
						background: url('../assets/inv-blackfri-best-01.svg') center center no-repeat;
						background-size: contain;
						width: 104px;
						height: 98px;
					}
					@media (min-width: 1200px) {
						background: url('../assets/inv-blackfri-best-02.svg') center center no-repeat;
						background-size: contain;
					}
				}
			}
		}
	}
	#loved-by-millions {
		.heading-126 {
			font-size: 33px !important;
			font-weight: 600 !important;
			margin: 40px 20px 20px;
			@media (min-width: 992px) {
				margin-top: 65px;
				font-size: 56px !important;
			}
		}
		.div-block-163 {
			position: relative;
			video {
				width: 100%;
			}
			.heading-127 {
				top: 0;
				left: 0;
				right: 0;
				position: absolute;
				font-size: 24px !important;
				font-weight: 600 !important;
				line-height: 1.25;
			}
			.w-background-video--control:hover {
				opacity: 0.7;
			}
		}
		.w-slider {
			.slick-dots {
				bottom: 15px;
				z-index: 10;
				width: auto;
				left: 50%;
				transform: translateX(-50%);
				counter-reset: li;
			}
			.slick-prev, .slick-next {
				z-index: 10;
			}
			.slick-prev:before, .slick-next:before {
				font-size: 30px;
			}
			.slick-prev {
				left: 25px;
			}
			.slick-next {
				right: 25px;
			}
			.slick-dots li button:before {
				counter-increment: li;
				content: counter(li);
				font-size: 14px;
				font-weight: 500;
				font-family: Barlow, sans-serif;
				background: #ccc;
				border-radius: 50%;
				opacity: 0.5;
			}
			.slick-dots li.slick-active button:before {
				background: #fff;
				opacity: 1;
			}
		}
	}
	.section-regular-26 {
		.column-48 {
			padding-left: 7%;
		}
		.image-257 {
			height: auto;
			max-height: 750px;
		}
	}
}