/*
carlsber cny 2022 css
author: Mohd Farhan bin Nor
date: 22/12/2021
*/

/*fonts*/
@font-face {
    font-family: 'NY Carlsberg Display';
    src: url('../webfonts/nycarlsbergdisplay-bold-webfont.woff2') format('woff2'),
         url('../webfonts/nycarlsbergdisplay-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'ASD SAN LIGHT';
    src: url('../webfonts/ASD_FONT_SANS_APP_LIGHT.woff') format('woff'),
}
@font-face {
    font-family: 'ASD SAN REGULAR';
    src: url('../webfonts/ASD_FONT_SANS_APP_REGULAR.woff') format('woff'),
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ASD SAN APP';
    src: url('../webfonts/ASD_FONT_APP_REGULAR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ASDBOLD';
    src: url('../webfonts/ASD_BOLD2.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

.font-asd {
	font-family: 'ASD SAN REGULAR', Arial, sans-serif;
}
.font-carlsberg {
	font-family: 'NY Carlsberg Display', Arial, sans-serif;
}

.font-carlsberg-light {
	font-family: 'NY Carlsberg Light', Arial, sans-serif;
}

.cny2022-general-head {
	/*background-color: #ed0011;*/
	/*background-image: url(../Images/web/Web_Background_CNY2022.png);*/
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;	
	padding-top: 50px;
	padding-bottom: 50px;
	margin-bottom: 3em;
}

.agegate__date-box .input{
    opacity: 1; 
    /*color: #000000;*/
    text-align: left;
    font-size: 12px;
    height: auto; 
    transform: initial;
    outline: none;
    caret-color: #ffffff00;
}
.bg-footer {
    color: #fff;
    font-size: 12px;
        position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}
@media (max-width: 640px) {
	.cny2022-general-head {
		margin-bottom: 1em;
	}
}

.list-numeric {
	list-style-type: decimal;
}

.list-small-alpha {
	list-style-type: lower-alpha;
}

.list-upper-alpha {
	list-style-type: upper-alpha;
}

.list-small-roman {
	list-style-type: lower-roman;
}
.smaller-1-unit {
	font-size: 0.9em;
}

/*nav bar*/
.cny2022-nav {
	/*background-color: #FFF !important;*/
	position: absolute;
	z-index: 999;
	width: 100%;
}
.cny2022-nav .navbar-brand img {
	width: 140px;
}

.cny2022-nav .cny2022-redemption-btn {
	background-color: #6A3460;
	border-radius: 0;
}

.cny2022-nav .cny2022-redemption-btn span {
	display: inline-block;
	/*font-weight: bold;*/
	background: #fff;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;	
	font-family: Somersbyheader2015;
	text-transform: uppercase;
}

.cny2022-nav .dropdown-menu {
	padding-top: 0;
	padding-bottom: 0;
	border: none;
}

.cny2022-nav .dropdown-menu li a {
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 2em;
}

.cny2022-nav .dropdown-menu li a:hover {
	padding-left: 3.5em;
}

.cny2022-nav .dropdown-menu li ul li a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
	position: absolute;
	top: 10px;
	left: 2em;
}

.cny2022-nav .dropdown-menu li a:hover::before {
	left: 1.5em;
}

.cny2022-nav .dropdown-menu[data-bs-popper] {
	margin-top: 0;
}

/*.cny2022-nav .dropdown a.show, .cny2022-nav .dropdown a:hover {
	background-color: #7b0d09;
	color: #FFF !important;
}*/

.cny2022-nav .dropdown-toggle::after {
	display: none;
}

.cny2022-nav .navbar-nav .nav-link {
	padding-left: 1rem;
	padding-right: 1rem;
}

/*nav bar mobile*/
.cny2022-nav-mobile {
	background-color: #FFF0 !important;
	/*overflow: hidden;*/
	position: absolute;
	z-index: 999;
	width: 100%;
}

.cny2022-nav-mobile .navbar-brand img {
	max-width: 100px;
	/*height: 43px;*/
}

.cny2022-nav-mobile .navbar-toggler {
	border: none;
}

.cny2022-nav-mobile .navbar-toggler:focus {
	box-shadow: none;
}

.cny2022-nav-mobile .dropdown-toggle::after {
	display: none;
}

.cny2022-nav-mobile .dropdown-menu {
	padding-top: 0;
	padding-bottom: 0;
	border: none;
}

.cny2022-nav-mobile .dropdown-item {
	white-space: normal;
}

.cny2022-nav-mobile .dropdown-menu-sub li a {
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3em;
}

.cny2022-nav-mobile .dropdown-menu-sub li a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
	position: absolute;
	top: 10px;
	left: 1em;
}

#navbarSupportedContentMobile {
	padding: 0;
}

#navbarSupportedContentMobile .nav-link {
	padding-left: 3em;
	padding-right: 1em;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	/*background-color: #e1e1e1;
	border-top: 1px solid #e1e1e1;*/
	position: relative;
}

#navbarSupportedContentMobile .nav-link::before {
	/*font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f067";*/
	position: absolute;
	top: 10px;
	left: 1em;
}

#navbarSupportedContentMobile #navbarDropdownMobile::before {
	display: none;
}

#navbarSupportedContentMobile #navbarDropdownMobile {
	padding-left: 1.5em;
	border-left: 1.5em solid #9c2b31;
}

#navbarSupportedContentMobile a.show {
	background-color: #fff;
}

/*landing page*/
@media (max-width: 640px) {
	.cny2022-landing {
		overflow: hidden;
	}
}
.cny2022-landing .cny2022-video-container {
	position: relative;
	background-color: #ed0011;
}

.cny2022-landing .cny2022-video-container::before {
	content: " ";
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #ed0011;
	background-image: url(../Images/web/top-loop2.png);
	background-position: center center;
	background-repeat: repeat-x;
	background-size: auto 100%;	
}

.cny2022-landing .cny2022-video-container::after {
	content: " ";
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	right: 0;
	background-color: #ed0011;
	background-image: url(../Images/web/top-loop-right2.png);
	background-position: center center;
	background-repeat: repeat-x;
	background-size: auto 100%;	
}

.cny2022-landing .cny2022_landing_video {
	max-width: 100%;
	max-height: calc(100vh - 85px);
	display: block;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.cny2022-landing .cny2022-slider .cny2022-container-outer {
	/*background-color: #ed0011;
	background-image: url(../Images/web/Web_Background_CNY2022.png);*/
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

@media (max-width: 640px) {
	.cny2022-landing .cny2022-slider .cny2022-container-outer {
		/*background-image: url(../Images/web/Mobile_Background_CNY2022.png);*/
	}
}

.cny2022-landing .cny2022-slider .cny2022-container {
	max-width: 1024px;
}

.cny2022-landing .cny2022-slide .cny2022-slide-items {
	padding: 1em;
}

@media (max-width: 640px) {
	.cny2022-landing .cny2022-slide .cny2022-slide-items {
		padding: 2em;
	}	
}

.cny2022-landing .cny2022-slide .cny2022-slide-items a img {
	max-width: 100%;
}

.cny2022-landing .cny2022-nav-arrow {
	background: transparent;
	border: none;
	outline:none;
	position: absolute;
	z-index: 2;
	top: calc(50% - 63px);
}

.cny2022-landing .cny2022-slide .cny2022-nav-arrow img {
	width: 80px;
}

.cny2022-landing .cny2022-slide .slick-prev {
	left: -55px;
}

@media (max-width: 640px) {
	.cny2022-landing .cny2022-slide .slick-prev {
		left: -45px;
	}
}

.cny2022-landing .cny2022-slide .slick-next {
	right: -55px;
}

@media (max-width: 640px) {
	.cny2022-landing .cny2022-slide .slick-next {
		right: -45px;
	}	
}

/*footer*/
.cny2020-footer {
	padding-top: 1em;
	color: #fff;
	background: #000;
	/* font-size: 12px; */
}

/*popups*/
#redemptionModal .modal-dialog, #learn_more .modal-dialog{
	max-width: 1200px;
}

#redemptionModal .modal-dialog .modal-content {
	background-color: #da1c27;
}

#redemptionModal .modal-header {
	position: relative;
	border-bottom: none;
}

#redemptionModal .modal-header .btn-close {
	position: absolute;
	margin: 0;
	right: 1em;
	top: 1em;
	border-radius: 2em;
	background-color: rgba(0,0,0,0.4);
}

#redemptionModal .modal-header .modal-title {
	display: block;
	width: 100%;
}

#redemptionModal .modal-inner-body {
	position: relative;
	border: 2px solid #FFF;
	padding: 2em 1.5em;
}

@media (max-width: 640px) {
	#redemptionModal .modal-inner-body {
		padding: 1em;
	}
}

#redemptionModal .modal-inner-body .cny2022-corner {
	position: absolute;
}

#redemptionModal .modal-inner-body .cny2022-corner-topleft {
	top: -2px;
	left: -2px;
}

#redemptionModal .modal-inner-body .cny2022-corner-bottomleft {
	bottom: -2px;
	left: -2px;
	transform: rotate(180deg);
}

#redemptionModal .modal-inner-body .cny2022-corner-topright {
	top: -2px;
	right: -2px;
}

#redemptionModal .modal-inner-body .cny2022-corner-bottomright {
	bottom: -2px;
	right: -2px;
	transform: rotate(180deg);
}

#redemptionModal .modal-inner-body .cny2022-redemption-link {
	display: block;
	padding: 1em 0.5em;
}

@media (max-width: 640px) {
	#redemptionModal .modal-inner-body .cny2022-redemption-link {
		display: block;
		padding: 0.5em 0;
	}	
}

#redemptionModal .modal-inner-body .cny2022-redemption-link img {
	max-width: 100%;
}

/*faq*/
.cny2022-faq-desktop {
	overflow: hidden;
}

.cny2022-faq-desktop .accordion-button:focus {
	border: none;
	box-shadow: none;
	background-color: transparent;
}

.cny2022-faq-desktop .accordion-button:not(.collapsed) {
	background-color: transparent;
	color: #000;
}

.cny2022-faq-desktop .accordion-body {
	background-color: #e6e6e6;
	padding-left: 3rem;
}

.cny2022-faq-desktop .accordion-button {
	padding-left: 3rem;
}

.cny2022-faq-desktop .nav-link:focus, .cny2022-faq-desktop .nav-link:hover {
	color: #000;
	background-color: #FFF;
	border: none;
	box-shadow: none;
	border-left: 10px solid #ab2426;
}

.cny2022-faq-desktop button.active {
	border-left: 10px solid #ab2426;
	color: #ab2426 !important;
}

.cny2022-faq-desktop .nav-link {
	color: #000;
	/* background-color: #FFF; */
	border: none;
	box-shadow: none;
	border-left: 10px solid #e6e6e6;
}

.cny2022-faq-desktop .cny2022-tab-content {
	/* border-left: 2px solid #e6e6e6; */
}

.cny2022-faq-mobile .cny2022-mobile-accordion-header {
	color: #000;
	background-color: #FFF;
	border: none;
	box-shadow: none;
	border-left: 10px solid #e6e6e6;
}

.cny2022-faq-mobile .cny2022-mobile-accordion-header::after {
	display: none;
}

.cny2022-faq-mobile .cny2022-mobile-accordion-header:not(.collapsed) {
	border-left: 10px solid #ab2426;
	color: #ab2426;
	border-bottom: 1px solid #ab2426;
}

.cny2022-faq-mobile .accordion-item {
	border-bottom: none;
}

.cny2022-faq-mobile .sub-accordion .accordion-body {
	background-color: #e6e6e6;
}

.cny2022-faq-mobile .sub-accordion .accordion-button, .cny2022-faq-mobile .sub-accordion .accordion-button:focus {
	border: none;
	background-color: transparent;
	box-shadow: none;
	color: #000;
}

/*participating outlets*/
.cny2022-participating-outlets .accordion-item {
	border-bottom: none;
}
.cny2022-participating-outlets .accordion-button, .cny2022-participating-outlets .accordion-button:focus {
	border-bottom: none;
	border-top: none;
	border-right: none;
	border-left: 10px solid #000000;
	box-shadow: none;
}
.cny2022-participating-outlets .accordion-button:not(.collapsed) {
	border-bottom: 1px solid #ab2426;
	border-top: none;
	border-right: none;
	box-shadow: none;
	background-color: transparent;
	color: #000;
	border-left: 10px solid #ab2426;
}
.cny2022-participating-outlets .accordion-body ul {
	list-style-type: none;
}

@media (max-width: 640px) {
	.cny2022-participating-outlets .accordion-body ul {
		/* padding-left: 0; */
	}
}

/*tnc*/
@media (max-width: 640px) {
	.cny2022-tnc {
		overflow: hidden;
		min-height: calc(100vh - 230px);
	}
}
.cny2022-tnc .cny2022-tnc-tab-content {
	border-left: 2px solid #e6e6e6;
	padding-left: 1em;
}
@media (max-width: 640px) {
	.cny2022-tnc .cny2022-tnc-tab-content {
		border-left: none;
		padding-left: 0;
	}	
}

.cny2022-tnc .nav-link {
	color: #000;
	background-color: #FFF;
	border: none;
	box-shadow: none;
	border-left: 10px solid #c0c0c0;
}

.cny2022-tnc button.active {
	border-left: 10px solid #ab2426;
}

.cny2022-tnc .accordion-button {
	background-color: #FFF;
	border-left: 10px solid #c0c0c0;
	color: #000;
	border-top: none;
	border-right: none;
	box-shadow: none;
	border-bottom: none;
	width: 80%;
}

.cny2022-tnc .accordion-button:not(.collapsed) {
	border-left: 10px solid #ab2426;
	border-bottom: 1px solid #ab2426;
}

.cny2022-tnc .accordion-button::after {
	display: none;
}

.cny2022-tnc .accordion-item {
	border: none;
}

.cny2022-tnc .accordion-body-parent {
	padding-top: 1em;
}

.cny2022-no-arrow::after {
	display: none;
}

.cny2022-fill-body {
	min-height: calc(100vh - 86px - 86px);
}

@media (max-width: 640px) {
	.cny2022-fill-body {
		min-height: calc(100vh - 64px - 170px);
	}	
}


.desk .cny2022-redemption-link-bar, .desk .cny2022-redemption-link-tont, .desk .cny2022-redemption-link-cvs,
.desk .cny2022-redemption-link-tiffin, .desk .cny2022-redemption-link-hotpot, .desk .cny2022-redemption-link-moft{
    position: absolute;
    bottom: 38%;
    display: block;
    width: 31%;
    height: 29%;
}
.desk .cny2022-redemption-link-bar{
    left: 2.7%;
}
.desk .cny2022-redemption-link-tont{
    left: 35%;
}
.desk .cny2022-redemption-link-cvs{
    left: 67%;
}

.desk .cny2022-redemption-link-tiffin, .desk .cny2022-redemption-link-hotpot, .desk .cny2022-redemption-link-moft{
    bottom: 6%
}
.desk .cny2022-redemption-link-tiffin{
    left: 3%;
}
.desk .cny2022-redemption-link-hotpot{
    left: 35%;
}
.desk .cny2022-redemption-link-moft{
    left: 67%;
}


.mobi .cny2022-redemption-link-bar, .mobi .cny2022-redemption-link-tont, .mobi .cny2022-redemption-link-cvs,
.mobi .cny2022-redemption-link-tiffin, .mobi .cny2022-redemption-link-hotpot, .mobi .cny2022-redemption-link-moft{
    position: absolute;
    display: block;
    width: 61.5%;
    height: 7%;
    left: 19%;
}
.mobi .cny2022-redemption-link-spinwin{
	position: absolute;
    display: block;
    width: 90%;
    height: 20%;
}
.mobi .cny2022-redemption-link-tont{
    bottom: 52.5%;
}
.mobi .cny2022-redemption-link-hotpot{
    bottom: 43%;
}
.mobi .cny2022-redemption-link-tiffin{
    left: 5%;
    bottom: 24%;
}
.mobi .cny2022-redemption-link-moft{
    left: 52%;
    bottom: 24%;
}

.mobi .cny2022-redemption-link-bar{
    left: 6%;
    bottom: 8%;
}
.mobi .cny2022-redemption-link-cvs{
    left: 53%;
    bottom: 8%;
}

.mobi .cny2022-redemption-link-spinwin{
    left: 5%;
    bottom: 2%;
}

.footer_banner{
    background-color: #ed0011;
    /*background-image: url(../Images/web/Web_Background_CNY2022.png); */
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.footer_banner img{
    height: 50px;
        margin: auto;
        display: block;
}
.footer_banner{
    padding: 0 3em;
}
.footer_banner a{
    padding: 3em 0;
    display: block;
	text-decoration: none;
}
.footer_banner{
    text-align: center;
    display: block;
}
.footer_banner .ft_title{
    display: block;
    margin-top: 1em;
    color: #fff;
}
.whatsapp_chat{
    position: fixed;
    bottom: 55px;
    right: 25px;
}
.whatsapp_chat img{
    display: block;
    /*width: 150px;*/
}

.desk_lang_box .dropdown-item{
    background: #fff;
    color: #000;
    padding-right: 5px;
    line-height: 20px;
}
.desk_lang_box .dropdown-item:nth-last-child(1){
	    padding-left: 5px;
}
.cny2020-footer a{
	color: white;
}
.desk_lang_box .dropdown-item.active .lang_btm_line{
    display: block;
    border: 1px solid #e41f2b;
}
@media (max-width:768px) {
	.cny2020-footer{
		font-size: 11px;
	}
	
	.footer_banner{
	    background-image: url(../Images/web/Mobile_Background_CNY2022.png);
	    background-size: 100% 100%;
	}
}
.row-banner-wheel{
	padding: 45px;
	padding-top: 0;
}
.cny2022-nav li.nav-item{
	display: flex;
}
/*.cny2022-nav li.nav-item:hover > a{
    background-color: #7b0d09;
    color: #FFF !important;
}*/
@media (max-width:992px) {
	.whatsapp_chat{
	    bottom: 25px;
	    width: 50px;
	}
    .cny2022-landing .cny2022-slider .cny2022-container-outer{
        /*background-color: #ed0011;*/
        background-image: url(../Images/web/Mobile_Background_CNY2022.png);
        background-position: bottom;
        background-repeat: no-repeat;
    }
	.row-banner-wheel{
		padding: 5px;
	padding-top: 15px;
	}

	.mobile_lang_box a.dropdown-item{
		display: inline-block;
	    width: auto;
	    padding: initial;
	    background-color: #fff;
	    color: #000;	background-color: #fff;
	}
	.mobile_lang_box .dropdown-item.active .lang_btm_line{
	    display: block;
	    border: 1px solid #e41f2b;
	}
	.mobile_lang_box .dropdown-item:nth-last-child(1){
		margin-right: 15px;
	}
	.cny2022-nav-mobile .nav-item.dropdown > a.dropdown-toggle::after{
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		/*content: "\f067";*/
		position: absolute;
		bottom: 0.5em;
		left: 1rem;
		text-align: right;
		display: block;
		margin: 0;
		border: 0;
	}
	.cny2022-nav-mobile .nav-item > a.no-toggle::after{
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f068";
		position: absolute;
		bottom: 0.5em;
		left: 1rem;
		text-align: right;
		display: block;
		margin: 0;
		border: 0;
	}
	.cny2022-nav-mobile .nav-item.dropdown > a.dropdown-toggle.show::after{
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f068";
		position: absolute;
		bottom: 0.5em;
		left: 1rem;
		text-align: right;
		display: block;
		margin: 0;
		border: 0;
	}
	.navbar-light .navbar-nav .nav-link{
		color: #000;
	}
	/*.cny2022-nav-mobile li {
		border-top: 1px solid #e3202a;
	}*/
	.cny2022-nav-mobile .dropdown-menu li a::before {
		top: 5px;
	}
	.cny2022-nav-mobile .dropdown-menu{
		margin-top: 0;
	}
}