/* 
	promo_list_section_1 css root
	
	--homepromo1_CONTAINER_MAX_WIDTH: var(--content_MAX_WIDTH);
	--homepromo1_CONTAINER_MARGIN: var(--content_MARGIN);
	--homepromo1_CONTAINER_PADDING: var(--content_PADDING);
	
	--homepromo1_TITLE_BG: radial-gradient(50% 50% at 50% 50%, #ffffff1a, #0000);
	--homepromo1_TITLE_BG_BEFORE: radial-gradient(50% 50% at 50% 50%, #ffffff1a, #ffffff1a 15.45%, #0000);
	--homepromo1_TITLE_BG_AFTER: radial-gradient(50% 50% at 50% 50%, #0d1016, #0000);
	--homepromo1_TITLE_CONTENT_BEFORE: linear-gradient(to left, transparent, #36a5d9, transparent);
	--homepromo1_TITLE_CONTENT_AFTER: #36a5d9;
	--homepromo1_TITLE_H3_TXT_COLOR: var(--color2);
	--homepromo1_TITLE_SUB_TXT_COLOR: var(--color2);
	
	--homepromo1_PROMO_COUNTER_BLOCK_TXT_COLOR: var(--color2);
	--homepromo1_PROMO_COUNTER_BLOCK_2ND_DIV_TXT_COLOR: var(--color3);
	--homepromo1_PROMO_ITEM_BG: #13171f;
	--homepromo1_PROMO_ITEM_TXT_COLOR: var(--color2);
	--homepromo1_PROMO_ITEM_NEW_TAG_BG: #ff2400;
	--homepromo1_PROMO_ITEM_NEW_TAG_TXT_COLOR: var(--color2);
	--homepromo1_PROMO_ITEM_DESC: var(--color3);
	--homepromo1_PROMO_ITEM_COUNTDOWN_LBL: var(--color3);
	--homepromo1_PROMO_ITEM_COUNTDOWN_CARD_LAST: var(--color3);
	--homepromo1_PROMO_ITEM_BTN_PROMO_INFO_BG: #36a5d9;
	--homepromo1_PROMO_ITEM_BTN_PROMO_INFO_TXT_COLOR: var(--color2);
 */
 
@keyframes promoload {
	0% {
 		transform: translate(-50%, -50%) rotate(0deg)
 	} 100% {
 		transform: translate(-50%, -50%) rotate(360deg)
 	}
}

.home-promo-1- .home-promo-container {
	max-width: var(--homepromo1_CONTAINER_MAX_WIDTH);
	margin: var(--homepromo1_CONTAINER_MARGIN);
	padding: var(--homepromo1_CONTAINER_PADDING);
	margin-top: 6rem;
	margin-bottom: 3rem
}

.home-promo-1- .title-area- {
	position: relative;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto 1.2rem;
    padding: 0
}

.home-promo-1- .title-area- .title-background- {
	position: absolute;
    width: 100%;
    height: calc(100% + 2rem);
    top: -2rem;
    left: 0;
    background: var(--homepromo1_TITLE_BG)
}

.home-promo-1- .title-area- .title-background-:before {
	content: "";
    position: absolute;
    width: 55%;
    height: 10px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: var(--homepromo1_TITLE_BG_BEFORE)
}

.home-promo-1- .title-area- .title-background-:after {
	content: "";
	position: absolute;
	left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: 50%;
    background: var(--homepromo1_TITLE_BG_AFTER)
}

.home-promo-1- .title-area- .title-content- {
	position: relative;
	width: fit-content;
    text-align: center;
    padding: 0 0 .5rem
}

.home-promo-1- .title-area- .title-content-:before {
	content: "";
    position: absolute;
    width: calc(100% + 4rem);
    height: 1px;
    left: -2rem;
    bottom: 0;
    background: var(--homepromo1_TITLE_CONTENT_BEFORE)
}

.home-promo-1- .title-area- .title-content-:after {
	content: "";
    position: absolute;
    width: 15%;
    height: 3px;
    left: 50%;
    bottom: -1px;
    transform: translateX(-50%);
    border-radius: 1rem;
    background: var(--homepromo1_TITLE_CONTENT_AFTER)
}

.home-promo-1- .title-area- .title-content- h3 {
	margin: 0;
    font-size: var(--SECTION_HEADER_LARGE_FONT_SIZE);
    font-weight: var(--MED_FONT_WEIGHT);
    font-family: var(--SECONDARY_FONT_FAMILY);
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--homepromo1_TITLE_H3_TXT_COLOR)
}

.home-promo-1- .title-area- .title-content- .sub- {
	color: var(--homepromo1_TITLE_SUB_TXT_COLOR);
	font-family: var(--SECONDARY_FONT_FAMILY);
	font-size: var(--SUBHEADER_FONT_SIZE);
    letter-spacing: 1px;
}

.home-promo-1- .promo-loading- {
	position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    height: 200px
}

.home-promo-1- .promo-loading- div {
	position: absolute;
    width: 60%;
    height: 60%;
    top: 50%;
    left: 50%;
    border-radius: 100%;
    border: var(--homepromo1_PROMO_LOADING_BG);
    border-top: var(--homepromo1_PROMO_LOADING_BULLET);
    animation: promoload 2s linear infinite
}

.home-promo-1- .promo-counter-area- {
	display: flex;
	flex-wrap: wrap;
    margin: 0 auto 1rem;
    padding: 0;
    gap: 0 1.2rem;
    justify-content: center
}

.home-promo-1- .promo-counter-area- .counter-block- {
	display: flex;
    gap: 0 10px;
    align-items: center;
    color: var(--homepromo1_PROMO_COUNTER_BLOCK_TXT_COLOR)
}

.home-promo-1- .promo-counter-area- .counter-block- div:first-child {
	text-align: center;
    font-size: var(--PROMO_LIST_1_BLOCK_NUMBER_FONT_SIZE);
    font-weight: var(--MED_FONT_WEIGHT);
    font-family: var(--SECONDARY_FONT_FAMILY);
}

.home-promo-1- .promo-counter-area- .counter-block- div:nth-child(2) {
    max-width: 100px;
    line-height: 1.2rem;
    color: var(--homepromo1_PROMO_COUNTER_BLOCK_2ND_DIV_TXT_COLOR)
}

.home-promo-1- .promo-list-area- {
	overflow-x: hidden;
	width: 100%
}

.home-promo-1- .promo-list-area- .promo-list-wrap- {
	display: flex
}

.home-promo-1- .promo-list-area- .promo-item- {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
   	width: 380px;
    height: auto;
    min-height: 380px;
    background: var(--homepromo1_PROMO_ITEM_BG);
    color: var(--homepromo1_PROMO_ITEM_TXT_COLOR)
}

.home-promo-1- .promo-list-area- .promo-item- .promo-tag- {
	display: flex;
	flex-wrap: wrap;
    gap: 5px
}

.home-promo-1- .promo-list-area- .promo-item- .promo-tag- .tag- {
	padding: 0 .3rem;
    font-size: .75rem;
    font-weight: var(--MED_FONT_WEIGHT);
    text-transform: uppercase;
    border-radius: .125rem
}

.home-promo-1- .promo-list-area- .promo-item- .new-tag- {
	background: var(--homepromo1_PROMO_ITEM_NEW_TAG_BG);
	color: var(--homepromo1_PROMO_ITEM_NEW_TAG_TXT_COLOR)
}

.home-promo-1- .promo-list-area- .promo-item- .cat-tag- {
	background: var(--homepromo1_PROMO_ITEM_CAT_TAG_BG);
	color: var(--homepromo1_PROMO_ITEM_CAT_TAG_TXT_COLOR)
}

.home-promo-1- .promo-list-area- .promo-item- .item-header- {
	position: relative
}

.home-promo-1- .promo-list-area- .promo-item- .item-body- {
	padding: 0 1rem;
	flex-grow: .8
}

.home-promo-1- .promo-list-area- .promo-item- .item-footer- {
	padding: 1rem
}

.home-promo-1- .promo-list-area- .promo-item- .item-header- .promo-tag- {
	position: absolute;
	left: .5rem;
    top: .5rem
}

.home-promo-1- .promo-list-area- .promo-item- .promo-img- {
	width: 100%;
	max-height: 12rem
}

.home-promo-1- .promo-list-area- .promo-item- .promo-title- {
	margin: 0 0 .5rem;
	font-size: var(--SUBHEADER_FONT_SIZE);
    font-weight: var(--MED_FONT_WEIGHT);
    line-height: 1.625rem;
    text-align: center
}

.home-promo-1- .promo-list-area- .promo-item- .promo-desc- {
	font-size: .var(--BODY_SMALL_TXT_FONT_SIZE);
    line-height: 1.125rem;
    font-weight: var(--REG_FONT_WEIGHT);
    text-align: center;
    color: var(--homepromo1_PROMO_ITEM_DESC)
}

.home-promo-1- .promo-list-area- .promo-item- .promo-countdown- {
	text-align: center
}

.home-promo-1- .promo-list-area- .promo-item- .promo-countdown- .lbl- {
	font-size: .875rem;
    color: var(--homepromo1_PROMO_ITEM_COUNTDOWN_LBL)
}

.home-promo-1- .promo-list-area- .promo-item- .promo-countdown- .conutdown-card- {
	display: flex;
    justify-content: center;
    gap: 5px;
    margin: 0 0 .5rem
}

.home-promo-1- .promo-list-area- .promo-item- .promo-countdown- .conutdown-card- .card- {
	font-size: .875rem;
	line-height: 1.5rem
}

.home-promo-1- .promo-list-area- .promo-item- .promo-countdown- .conutdown-card- .card- div:first-child {
	font-size: var(--HEADER_FONT_SIZE);
    font-weight: var(--MED_FONT_WEIGHT)
}

.home-promo-1- .promo-list-area- .promo-item- .promo-countdown- .conutdown-card- .card- div:last-child {
	color: var(--homepromo1_PROMO_ITEM_COUNTDOWN_CARD_LAST)
}

.home-promo-1- .promo-list-area- .promo-item- .promo-countdown- .conutdown-card- .seperator- {
	font-size: 1.25rem;
    font-weight: 700;
    opacity: .15
}

.home-promo-1- .promo-list-area- .promo-item- .btn-promo-info- {
	width: 100%;
	padding: .5rem 1.5rem;
	font-size: var(--BUTTON_MED_FONT_SIZE);
	font-weight: var(--MED_FONT_WEIGHT);
	border-radius: 5px;
	border: none;
	background: var(--homepromo1_PROMO_ITEM_BTN_PROMO_INFO_BG);
    color: var(--homepromo1_PROMO_ITEM_BTN_PROMO_INFO_TXT_COLOR)
}

.home-promo-1- .promo-list-area- .promo-item- .btn-promo-info-:hover {
	filter: brightness(.9)
}

.home-promo-1- .promo-action- {
	display: flex;
	justify-content: center;
	gap: 1rem;
	margin: 1.2rem auto 0;
    padding: 0
}

.home-promo-1- .promo-action- button {
	position: relative;
    padding: 5px 1rem;
    border: 1px solid;
    border-radius: 3px;
    font-size: var(--BUTTON_MED_FONT_SIZE);
    font-weight: var(--REG_FONT_WEIGHT);
    font-family: var(--SECONDARY_FONT_FAMILY);
    letter-spacing: 1px;
    z-index: 0;
    transition: .3s;
    border-color: var(--homepromo1_PROMO_ACTION_BTN_BORDER_COLOR);
    background: var(--homepromo1_PROMO_ACTION_BTN_BG);
    color: var(--homepromo1_PROMO_ACTION_BTN_TXT_COLOR)
}

.home-promo-1- .promo-action- button:hover {
	background: var(--homepromo1_PROMO_ACTION_BTN_HOVER_BG)
}

.home-promo-1- .promoList-not {
	width: 100%;
    padding: 1rem 2rem;
    text-align: center;
    color: var(--homepromo1_PROMONOT_TXT);
    background: var(--homepromo1_PROMONOT_BG)
}