:root {
    --slideCount: 28;
	--slideCountSecond: 32s;
}

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
	font-size: 20px;
	color: #fff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0px;
	font-family: 'Montserrat-Regular';
	line-height: 1.6666;
	background: #000;
}

img,
svg,
iframe { max-width: 100%; }

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
    font-family: 'Montserrat-Bold';
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h2 { font-size: 38px; }

.container { max-width: 100%; padding: 0 15px; margin: 0 auto; }

@media (min-width: 768px) {
    .container {
        width: 100%;
		max-width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
	.container {
		width: 1170px;
		max-width: 1170px;
	}
}
@media (min-width: 1300px) {
	.container {
		width: 1226px;
		max-width: 1226px;
	}
}

.bf_page_wrap { position: relative; width: 100%; }

.moving_blk_main { position: fixed; bottom: 0; left: 0; z-index: 200; display: flex; opacity: 0; }
.moving_blk_main .element_wrap { display: flex; }
.moving_blk_main .element_wrap img { display: inline-flex; max-width: 100%; }

.bf_offer_main .bf_primary-btn { display: flex; padding: 9px 17px; font-family: 'Montserrat-Bold'; font-size: 14px; color: #fff; align-items: center; justify-content: center; background: #E61873; border-radius: 84px; }
.bf_offer_main .bf_primary-btn:hover { color: #E61873; background: #FF9ABB; box-shadow: 0 -4px 4px rgba(230,24,115,60%) inset; }
.bf_offer_main .bf_primary-btn span { position: relative; display: flex; transition: all ease-in-out 300ms; }
.bf_offer_main .bf_primary-btn:hover span { transform: translateY(-4px); }

.bf_offer_main .bf_secondary-btn { display: flex; padding: 12px 22px; font-family: 'Montserrat-Bold'; font-size: 20px; color: #000; align-items: center; justify-content: center; background: #ECD300; border-radius: 84px; }
.bf_offer_main .bf_secondary-btn:hover { color: #000; background: #fff; box-shadow: 0 -5px 5px rgba(236,211,0,50%) inset; }
.bf_offer_main .bf_secondary-btn span { position: relative; display: flex; transition: all ease-in-out 300ms; }
.bf_offer_main .bf_secondary-btn:hover span { transform: translateY(-4px); }

.bf_offer_main.wrapper_main { position: relative; width: 100%; overflow: hidden; }

.bf_offer_main .tag_wrap { position: absolute; top: -170px; left: -280px; z-index: 105; display: flex; width: 705px; height: 535px; pointer-events: none;transform: rotate(-10deg); /*width: 250px; height: 250px;*/ }
.tag_wrap .tag_block { position: relative; display: flex; /*width: 320px; height: 118px; margin-top: 50px;transform: rotate(90deg);*/ }
.tag_wrap .tag_block img { display: inline-flex; width: 100%; height: auto; object-fit: contain; }

.bf_offer_main .header_main { position: absolute; top: 0; left: 0; width: 100%; }
.bf_offer_main .header_main .header_inner { position: relative; z-index: 2; width: 100%; display: flex; padding: 30px 0; align-items: center; justify-content: space-between; }
.bf_offer_main .header_main .header_inner .bf_btnbox { width: 100%; padding: 0 30px; display: flex; justify-content: flex-end; }
.bf_offer_main .top-bg { position: absolute; top: 0; left: 0; width: 100%; height: 291px; }
.page-template-offers_tpl .bf_offer_main .top-bg { filter: grayscale(100); }
.bf_page_wrap:not(.active_deal) .top-bg,
.bf_page_wrap:not(.promotion-page) .top-bg { filter: grayscale(100); }
/*.top-bg:after { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; content: ''; mask-image: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); -webkit-mask-image: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); mask-size: 100% 100%; -webkit-mask-size: 100% 100%; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; }*/
.bf_offer_main .top-bg .image { display: flex; width: 100%; }
.bf_offer_main .top-bg .image img { width: 100%; height: 100%; position: absolute; left: 0; top:0;  object-fit: cover; }
 

.bf_offer_main .top_section { position: relative; z-index: 104; width: 100%; padding: 200px 0 40px; text-align: center; }
.bf_offer_main .top_section .center-block { position: relative; width: 100%; max-width: 1130px; margin: 0 auto; }
.bf_offer_main .top_section .center-block span { display: block; width: 100%;font-family: 'Montserrat-SemiBold'; font-size: 46px; line-height: 1.1; }
.bf_offer_main .top_section .center-block .heading { color: #E61873; }
.bf_page_wrap.active_deal .top_section,
.bf_page_wrap.before_start .top_section { padding-top: 100px; }
.bf_page_wrap.active_deal .top_section { padding-bottom: 10px; }
.bf_page_wrap.active_deal .top_section .center-block .heading,
.bf_page_wrap.before_start .top_section .center-block .heading { font-size: 74px; }
.bf_page_wrap.active_deal .top_section .center-block .heading { color: #9CD3F2; }
.bf_page_wrap.active_deal .top_section .center-block h6 { font-family: 'Montserrat-SemiBold'; font-size: 42px; color: #fff; }
.bf_offer_main .top_section .center-block .sub-heading { margin-top: 30px; color: #fff; }
.bf_page_wrap.active_deal .top_section .center-block .sub-heading,
.bf_page_wrap.before_start .top_section .center-block .sub-heading { margin-top: 4px; }
.bf_page_wrap.active_deal .top_section .center-block .sub-heading { margin-top: 50px; font-family: 'Montserrat-SemiBold'; font-size: 32px; color: #fff; }
.bf_offer_main .top_section .date_block { display: flex; width: 100%; margin-bottom: 56px; justify-content: center; }
.bf_offer_main .top_section .date_block span { display: flex; }
.bf_offer_main .top_section .date_block span img { display: inline-flex; }
.deal-btn { display: flex; width: 100%; justify-content: center; }
.deal_notes { position: relative; width: 100%; margin-top: 84px; text-align: center; }
.deal_notes .title { display: block; width: 100%; margin-bottom: 20px; font-family: 'Montserrat-Bold'; font-size: 32px; color: #fff; line-height: 1.3; }
.bf_page_wrap.active_deal .deal_notes { margin-top: 34px; }
.bf_page_wrap.active_deal .deal_notes .bf_secondary-btn { background: #9CD3F2; }
.bf_page_wrap.active_deal .deal_notes .bf_secondary-btn:hover { background: #fff; box-shadow: 0 -5px 5px rgba(156,211,242,50%) inset; }

.two_col_text { position: relative; width: 100%; max-width: 932px; margin: 102px auto 0; display: flex; gap: 118px; align-items: flex-start; justify-content: space-between; }
.two_col_text .text_col { position: relative; text-align: center; flex: 1; }
.two_col_text .text_col:first-child:after { position: absolute; top: 0; right: -59px; width: 2px; height: 100%; background: #E61873; content: ''; }
.two_col_text .text_col p { font-size: 26px; color: #fff; line-height: 1.3; }




.date_marquee_sec { position: relative; width: 100%; margin: 50px 0; text-align: center; overflow: hidden; }
.date_marquee_sec h2 { color: #E5004A; line-height: 1.3; }
.date_marquee_sec .marquee_main { position: relative; width: 100%; display: flex; align-items: center; gap: 72px; }
.date_marquee_sec .marquee_wrap { position: relative; display: flex; }
.date_marquee_sec .marquee_wrap ul { display: flex;flex-wrap: nowrap;white-space: nowrap; align-items: center; }
.date_marquee_sec .marquee_wrap ul li { display: flex; padding: 0 50px; }
.date_marquee_sec .marquee_wrap .datebox { display: flex; }
.date_marquee_sec .marquee_wrap .datebox img { display: inline-flex; min-width: 100%; height: auto; }

.bf_offer_main .marquee {
    -webkit-animation: marquee var(--slideCountSecond) linear infinite;
    animation: marquee var(--slideCountSecond) linear infinite;
}

.bf_offer_main .marquee2 {
    -webkit-animation: marquee2 var(--slideCountSecond) linear infinite;
    animation: marquee2 var(--slideCountSecond) linear infinite;
    position: absolute;
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0);
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translate(-100%);
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translate(-100%)
    }
}

@-webkit-keyframes marquee2 {
	0% {
		-webkit-transform: translateX(100%);
		transform: translate(100%)
	}

	to {
		-webkit-transform: translateX(0);
		transform: translate(0)
	}
}

@keyframes marquee2 {
	0% {
		-webkit-transform: translateX(100%);
		transform: translate(100%)
	}

	to {
		-webkit-transform: translateX(0);
		transform: translate(0)
	}
}

.countdown_main { position: relative; width: 100%; display: flex; justify-content: center; }

.countdown_wrap {
	display: flex;
	gap: 18px;
	padding: 0 20px;
	flex-wrap: wrap;
	justify-content: center;
}

.countdown-segment {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.countdown_main .flip-card {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.7);
	border-radius: 12px;
	perspective: 400px;
}

.countdown_main .flip-card::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	height: 2px;
	background: rgba(0, 0, 0, 0.6);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08);
	z-index: 10;
}

.countdown_main .flip-card .top,
.countdown_main .flip-card .bottom,
.countdown_main .flip-card .top-flip,
.countdown_main .flip-card .bottom-flip {
	width: 141px;
	height: 73px;
	line-height: 1;
	padding: 0 12px;
	overflow: hidden;
	font-family: 'Bebasneue-Bold';
	font-size: 120px;
	font-weight: normal;
	letter-spacing: -0.02em;
	text-align: center;
	color: #E1E1E1;
	box-sizing: border-box;
	user-select: none;
}

.countdown_main .flip-card .top,
.countdown_main .flip-card .top-flip {
	background: #363636;
	border-top-left-radius: 19px;
	border-top-right-radius: 19px;
	border-bottom: 1px solid #111;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	box-shadow: inset 1.8px -1.8px 3.7px 0 rgba(0, 0, 0, 0.3), inset -1.8px 1.8px 3.7px 0 rgba(255, 255, 255, 0.25);
}

.countdown_main .flip-card .top span,
.countdown_main .flip-card .top-flip span {
	transform: translateY(50%);
	text-shadow: -1.8px 1.8px 1.8px rgba(0, 0, 0, 0.25), 1.8px -1.8px 1.8px #fff;
}

.countdown_main .flip-card .bottom,
.countdown_main .flip-card .bottom-flip {
	background: #212121;
	border-bottom-left-radius: 19px;
	border-bottom-right-radius: 19px;
	border-top: 1px solid #080808;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	box-shadow: inset 1.8px -1.8px 3.7px 0 rgba(0, 0, 0, 0.3), inset -2.7px 3.7px 3.7px 0 rgba(255, 255, 255, 0.25);
}

.countdown_main .flip-card .bottom span,
.countdown_main .flip-card .bottom-flip span {
	transform: translateY(-50%);
}

.countdown_main .top-flip {
	position: absolute;
	top: 0;
	left: 0;
	transform-origin: bottom;
	animation: flip-top 250ms ease-in forwards;
	z-index: 5;
}

.countdown_main .bottom-flip {
	position: absolute;
	bottom: 0;
	left: 0;
	transform-origin: top;
	transform: rotateX(90deg);
	animation: flip-bottom 250ms ease-out 250ms forwards;
	z-index: 5;
}

@keyframes flip-top {
	100% {
	transform: rotateX(90deg);
	}
}

@keyframes flip-bottom {
	100% {
	transform: rotateX(0deg);
	}
}

.countdown-segment .segment-label {
	font-family: 'Montserrat-Regular';
	font-size: 29px;
	color: #ffffff;
	margin-top: 14px;
}

.collection_section { position: relative; width: 100%; }
/* .collection_section .container { width: 100%; } */
.collection_section .collection_wrap { position: relative; width: 100%; margin-top: 150px; padding-top: 150px; border-top: solid 1px rgba(255,255,255,30%); }
.collection_section .sec_title { width: 100%; text-align: center; }
.collection_section .sec_title h4 { font-family: 'Montserrat-SemiBold';font-size: 42px; color: #fff; line-height: 1.3; }
.collection_section .slider_block { position: relative; width: 100%; padding: 50px 0 57px; }
.collection_section .swiper-slide { display: flex; min-height: 148px; align-items: center; }
.collection_section .image-box { position: relative; display: flex; }
.collection_section .image-box img { display: inline-flex; width: 100%; height: auto; }
.collection_grids { position: relative; width: 100%; max-width: 1170px; margin: 0 auto; }
.collection_grids .two_columns,
.collection_grids .three_columns { position: relative; display: flex; gap: 20px; }
.collection_grids .two_columns + .three_columns { margin-top: 20px; }
.collection_grids .image_card { position: relative; display: flex; border-radius: 50px; }
.collection_grids .two_columns .image_card { max-width: calc(100% - 466px - 20px); }
.collection_grids .three_columns .image_card { max-width: 456px; }
.collection_grids .three_columns .image_card:first-child { min-width: 456px; }
.collection_grids .image_card .imgbox { display: flex; width: 100%; }
.collection_grids .image_card img { display: inline-flex; width: 100%; height: 100%; object-fit: cover; border-radius: 50px; }
.collection_grids .offer_card { position: relative; width: 466px; display: flex; background: #FFEFE3; border-radius: 50px; }
.collection_grids .offer_card .innerbox { position: relative; width: 100%; padding: 40px 38px; text-align: center; }
.collection_grids .offer_card .logobox { display: flex; max-width: 350px; margin: 0 auto; }
.collection_grids .offer_card .heading { width: 100%; margin-top: 14px; }
.collection_grids .offer_card .heading h3 { font-family: 'Montserrat-SemiBold';font-size: 32px; color: #000; line-height: 1.3; }
.collection_grids .bf_btnbox { display: flex; width: 100%; margin-top: 40px; justify-content: center; }
.collection_grids .bf_btnbox .bf_secondary-btn { background: #9CD3F2; }
.collection_grids .bf_btnbox .bf_secondary-btn:hover { background: #fff; box-shadow: 0 -5px 5px rgba(156,211,242,50%) inset; }

.bf_page_wrap.active_deal .date_marquee_sec { margin-top: 100px; margin-bottom: 0; }

.bf_deal_wrap { position: relative; width: 100%; max-width: 660px; margin: 0 auto; }
.bf_deal_wrap .bf_deal_tag { position: relative; margin-top: -45px; display: flex; max-width: 580px; }
.bf_deal_wrap .bf_deal_tag img { display: inline-flex; }
.bf_deal_wrap .textblock { position: relative; width: 100%; margin-top: 50px; text-align: center; }
.bf_deal_wrap .textblock h3 { font-family: 'Montserrat-SemiBold'; font-size: 46px; color: #9CD3F2; line-height: 1.1; }
.bf_deal_wrap .textblock h4 { margin-top: 10px; font-family: 'Montserrat-SemiBold'; font-size: 28px; color: #fff; line-height: 1.3; }
.bf_deal_wrap .bf_btnbox { display: flex; width: 100%; margin-top: 50px; justify-content: center; }
.bf_deal_wrap .bf_btnbox .bf_secondary-btn { background: #9CD3F2; }
.bf_deal_wrap .bf_btnbox .bf_secondary-btn:hover { background: #fff; box-shadow: 0 -5px 5px rgba(156,211,242,50%) inset; }


.bf_footer_main { position: relative; width: 100%; padding: 200px 0 0; }
.bf_footer_main .bf_footer_wrap { position: relative; width: 100%; }
.bf_footer_main .logo_bar { position: relative; width: 100%; display: flex; justify-content: center; align-items: center; }
.bf_footer_main .logo_bar:before { position: absolute; left: 0; width: 100%; height: 1px; background: rgba(255,255,255,30%); content: ''; }
.bf_footer_main .logo_bar .logobox { position: relative; display: flex; padding: 10px 57px; background: #000; }
.bf_footer_main .logo_bar .logobox a { display: flex; }
.bf_footer_main .logo_bar .logobox a img { display: inline-flex; }
.bf_footer_main .view_collection { position: relative; width: 100%; margin-top: 50px; text-align: center; }
.bf_footer_main .view_collection p { font-size: 22px; color: #fff; line-height: 1.3; }
.bf_footer_main .view_collection .bf_btnbox { display: flex; width: 100%; margin-top: 10px; justify-content: center; }
.bf_footer_main .site_info { position: relative; width: 100%; margin: 70px 0 48px; display: flex; justify-content: center; }
.bf_footer_main .site_info ul { display: flex; gap: 20px; flex-wrap: wrap; }
.bf_footer_main .site_info ul li { position: relative; display: flex; font-size: 16px;color: rgba(255,255,255,50%); line-height: 1.5; }
.bf_footer_main .site_info ul li:after { position: absolute; left: calc(100% + 10px); width: 1px; height: 100%; content: ''; background: rgba(255,255,255,50%); }
.bf_footer_main .site_info ul li:last-child:after { display: none; }
.bf_footer_main .site_info ul li a { color: rgba(255,255,255,50%); }
.bf_footer_main .site_info ul li a:hover { color: #fff; }