.col-1 { width: 8.33%; }
.col-2 { width: 16.66%; }
.col-3 { width: 25%; }
.col-4 { width: 33.33%; }
.col-5 { width: 41.66%; }
.col-6 { width: 50%; }
.col-7 { width: 58.33%; }
.col-8 { width: 66.66%; }
.col-9 { width: 75%; }
.col-10 { width: 83.33%; }
.col-11 { width: 91.66%; }
.col-12 { width: 100%; }
.h-10 { height: 10px; }
.h-20 { height: 20px; }
.h-30 { height: 30px; }
.flex {
	display: flex;
}

/*
-------------------------
SWEET ALERT CUSTOM COLOR
-------------------------
*/
.sweet-alert button {
	background-color: #000 !important;
}
.sweet-alert button:hover {
	background-color: #2f2f2f !important;
}
.sweet-alert .sa-icon.sa-success .sa-line {
    background-color: #000 !important;
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
    border: 4px solid rgba(144, 144, 144, 0.2) !important;
}
.sweet-alert .sa-icon.sa-success {
    border-color: rgba(144, 144, 144, 0.2) !important;
}


/*
-------------------------
HOMEPAGE POP UP
-------------------------
*/

@media screen and (max-width: 768px) { /* tablet */
	#popupForm .width--50 {
		width: 100%;
	}
}

/*
-------------------------
BRANDS PAGE
-------------------------
*/
.hide-menu {
	height: auto !important;
}

/*
-------------------------
THE GROUP PAGE
-------------------------
*/
#thegrouppage .frame4 .slider-card .slider-img {
    background-position: 50% !important;
}

/*
-------------------------
EGIFT PAGE
-------------------------
*/

/* FRAME 1 */
.egiftframe1 {
	/*background-color: #008343 !important;*/
	min-height: 40vh !important;
    padding-top: 30px !important;
    color: #fefbeb;    
}
.egiftframe1 > div > img {
	width: 100% !important;
}

.egiftframe1 > div > p.description {
	font-size: 15px;
	color: #fefbeb;
	font-family: Dough-Regular, Sans-Serif !important;
	padding: 12px 20px 36px 20px !important;
}

/* FRAME 2 */
.egiftframe2 {
	/*background-color: #fffcec !important;*/
	min-height: 52vh !important;
    padding-top: 0px !important;
}
.egiftframe2 .frame-inner {
	padding-top: 20px;
}
.egiftframe2 .frame-inner img {
	height: 80px;
    width: 100px;
    object-fit: contain;
}
.egiftframe2 .description {
	padding: 10px 0;
}
.egiftframe2 .frame-title.small {
	padding-top: 10px;
}
.egiftframe2 .item-left {
	width: 30% !important;
}
.egiftframe2 .item-middle {
	width: 35% !important;
}
.egiftframe2 .item-right {
	width: 25% !important;
}
.egiftframe2 .item-left .frame-title {
	width: 150px !important;
}
.egiftframe2 .item-middle .frame-title {
	width: 260px;
}
.egiftframe2 .column-item .frame-title {
	font-family: Dough-Regular, Sans-Serif !important;
	font-size: 18px;
	color: #231f20;
}
.egiftframe2 .column-item .description {
	font-size: 13px;
	font-family: Conv_Metric-Regular, Sans-Serif;
	font-weight: 100;
	color: #404040;
}
.frame2illust {
	position: absolute;
    bottom: 0px;
    right: 0px;
    height: 210px !important;
    width: auto !important;
}
.illust-frame {
	position: absolute;
    bottom: 0px;
    right: 70px;
}
.modough-button {
	background-color: #231f20;
    position: absolute;
    bottom: 70px;
    right: 180px;
    color: #fefbeb;
    padding: 7px 9px 2px 10px;
    font-size: 23px;
    border-radius: 11px;
    width: 235px;
    text-align: center;
}

/* FRAME 3 */
.egiftframe3 {
	/*background-color: #8c8981 !important;*/
	min-height: 8vh !important;
    padding-top: 0px !important;
    background-size: 100%;
}

/* CUSTOM MOBILE VIEW / BREAKPOINTS */

@media screen and (max-width: 1440px) { /* desktop L */
	.illust-frame {
	    position: absolute;
	    bottom: 0px;
	    right: 0px;
	}
}
@media screen and (max-width: 1024px) { /* desktop */
	.egiftframe1 {
		padding-top: 50px !important;
	}
	.egiftframe2 {
		min-height: 65vh !important;
	}
	.egiftframe3 {
		background-size: contain;
		min-height: 7vh !important;
	}
}
@media screen and (max-width: 768px) { /* tablet */
	.egiftframe1 {
		padding-top: 70px !important;
	}
    .egiftframe2 .column-item {
	    width: 70% !important;
	    text-align: center;
	    margin: 0 auto 40px;
	}
	.column-items {
		text-align: center;
	}
	.egiftframe2 .frame-title {
		margin: auto;
		width: 100% !important;
	}
	.egiftframe3 {
		min-height: 5vh !important;
	}
	.egiftframe2 {
		padding-bottom: 200px;
	}
	.egiftframe2 .illust-frame {
		right: 25%;
	}
}
@media screen and (max-width: 425px) { /* mobile L */
	.egiftframe1 {
		/*padding-top: 100px !important;*/
	}
	.egiftframe3 {
		display: none;
	}
	.egiftframe2 {
		/*min-height: 170vh !important;*/
	}
	.egiftframe2 .illust-frame {
		right: 0px;
		width: 100%;
	}
	.egiftframe2 .modough-button {
		width: 185px;
	}
}
@media screen and (max-width: 375px) { /* mobile M */
	.egiftframe2 .frame2illust {
		height: 190px !important;
	}
	.egiftframe2 .modough-button {
		width: 155px;
	}
	.egiftframe2 {
		/*min-height: 175vh !important;*/
	}
}
@media screen and (max-width: 320px) { /* mobile S */
	.egiftframe1 > div > p.description {
    	font-size: 12px;
	}
	.egiftframe1 {
		/*padding-top: 70px !important;*/
		/*min-height: 30vh !important;*/
	}
	.egiftframe2 {
		/*min-height: 185vh !important;*/
	}
	.egiftframe2 .modough-button {
		width: 120px;
	}
}
/*
-------------------------
*/



/*
-------------------------
MOMENT CATERING PAGE
-------------------------
*/

/* Header */
.arges-black {
	font-family: Arges-Black;
}
.arges-extrabold {
	font-family: Arges-ExtraBold;
}
.arges-heavy {
	font-family: Arges-Heavy;
}
.catering {
	background-color: #f6f7f2;
}
.catering .selectedbrand_breadcrumbsHolder {
	/*right: 3.4% !important;
	width: 230px !important;*/
	top: 170px !important;
	width: initial !important;
	right: 4% !important;
	padding-left: 20px;
	/*border-left: 2px solid #000;*/
	padding-top: 6px;
}
.burger-menu {
	font-size: 33px;
	cursor: pointer;
	line-height: 1;
}
.burger-menu:hover {
	color: #525252;
}
.catering-nav {
	background-color: #fff;
	display: none;
	padding: 10px;
    width: 180px;
    float: right;
    position: absolute;
    right: 5%;
}
.catering-nav h5 {
	font-family: Arges-Black;
	font-size: 25px !important;
	color: #000 !important;
}
.frame-title {
	font-size: 60px;
}
.img-cover {
	height: 100%;
    width: 100%;
    object-fit: cover;
}
.img-contain-w {
    width: 100%;
    object-fit: contain;
}
.bg-size-cover {
	background-size: contain !important;
}
.catering .row {
	display: flex;
}
.catering .col-4 {
	position: relative;
}
.catering .content-title {
	font-size: 30px;
}
.catering .content-desc {
	padding-right: 20px;
}
.content-desc-cap {
    font-size: 0.8em;
}
.catering .catering-nav .selectedbrand_breadcrumbs {
	margin-bottom: 0px !important; 
    padding-bottom: 30px;
}
.catering .catering-nav .selectedbrand_breadcrumbs h5 {
	padding-left: 5px !important;
	transition: none !important;
}
.catering .catering-nav .selectedbrand_breadcrumbs h5:hover {
	color: #525252 !important;
}
.catering .selectedbrand_download {
	text-transform: uppercase;
}
.rdy2book-mobile {
	display: none;
	font-size: .7em;
}
.mobile-only {
	display: none;
}
.frame2 .selectedbrand_infoHolder {
	padding-top: 140px !important;
}
.frame3 .selectedbrand_infoHolder {
	padding-top: 140px !important;
}
.frame4 .selectedbrand_infoHolder {
	padding-top: 140px !important;
}
.catering .frame1 {
	margin-bottom: -130px;
}
.catering .frame2 {
	margin-bottom: -130px;
}
.catering .frame3 {
	margin-bottom: -250px;
}

/* F1 */
.selectedbrand_logo {
	text-transform: uppercase;
	font-size: 50px;
	width: 250px !important;
}
.c-hide {
	opacity: 0;
}
.c-show {
	opacity: 1;
}
.c-invert {
	filter: brightness(0) invert(1);
	transition: all 500ms linear;
}
.selectedbrand_back-btn {
	color: #fff;
}
.F1Image1 {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.catering .frame1 .inner {
	margin-right: 0px !important;
	width: 95% !important
}
.F1Title {
	font-size: 90px;
	line-height: 80px
}
.F1TitleDesc {
	font-size: 30px;
}
.F1Desc {
	bottom: 0px;
    left: 0px;
    position: absolute;
    width: 70%;
    font-size: 20px;
}
.img-wrapper {
	height: 80vh;
}
.frame1 .col-3 {
	position: relative;
}
.catering .frame1 .row {
	display: flex;
}
.divider {
	font-size: 50px;
}
.frame-title-s {
	font-size: 35px;
	border-right: solid 2px #000;
    padding-right: 19px;
    margin-right: 19px;
}
.catering .selectedbrand_back-btn {
	transform: translateY(8px) translateX(-113px) !important;
}
.catering .frame1 .selectedbrand_infoHolder {
	padding-top: 110px !important;
}


/* F2 */
.frame2 .inner {
	width: 90%;
	margin: auto;
}
.catering .frame2 .row {
	display: flex;
}
.catering .frame2 .col-6 {
	height: 50vh;
	position: relative;
}
.catering .frame2 .col-6 img {
	height: 100%;
    width: 100%;
    object-fit: cover;
}
.catering .frame2 {
	height: 188vh !important;
}
.catering .frame2 .Filipino {
	padding-right: 10px;
    padding-bottom: 10px;
}
.catering .frame2 .Japanese {
	padding-left: 10px;
    padding-bottom: 10px;
}
.catering .frame2 .American {
	padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.catering .frame2 .EuroMed {
	padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.catering .frame2 .Carvings {
	padding-right: 10px;
    padding-top: 10px;
}
.catering .frame2 .Cocktails {
	padding-left: 10px;
    padding-top: 10px;
}
.centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
    font-family: Arges-Heavy;
    font-size: 70px;
    /*white-space: nowrap;*/
    width: 100%;
    text-align: center;
}
.cuisine-1 .centered, .cuisine-3 .centered, .cuisine-5 .centered {
	padding-right: 10px;
}
.cuisine-2 .centered, .cuisine-4 .centered, .cuisine-6 .centered {
	padding-left: 10px;
}
.cuisine-info {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    background-color: #fff;
    height: 64%;
    width: 73%;
    text-align: center;
    opacity: 0;
    transition: 0.5s;
}
.cuisine-info:hover {
	opacity: 0.9;
}
.cuisine-info span {
	font-size: 15px;
    overflow-wrap: normal;
    width: 100%;
    /*margin: auto;*/
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.cuisine-info > span > p:nth-child(1) {
	color: #000;
    font-family: Arges-Heavy;
    font-size: 50px;
    white-space: nowrap;
}
.cuisine-info > span > p:nth-child(2) {
	margin: auto;
    width: 250px;
}


/* F3 */
.catering .frame3 .inner {
	width: 90% !important;
    margin: auto;
	height: 100vh;
}
.catering .frame3 .selectedbrand_infoHolder {
	/*padding-top: 110px !important;*/
}

.catering .f3-img1 {
	padding-right: 10px;
}
.catering .f3-img2 {
    padding-left: 10px;
    padding-bottom: 10px;
}
.catering .f3-img3 {
	padding-top: 10px;
    padding-left: 10px;
}
.f3-inner-p2 .f3-col2 {
	height: 80vh;
	padding-right: 10px;
}
.f3-col3-row1 {
	height: 40vh;
}
.f3-col3-row2 {
	height: 40vh;
}
.f3-col3-row2-p2 {
	height: 40vh;
	width: 70%;
}
.frame-title-p2 {
	height: 72px;
}
.f3-inner-p2 {
	height: 400vh !important;
	/*background-color: yellow;*/
	margin-top: -150px !important;
}
.f3-inner-p2 .row {
	position: sticky;
    top: 0px;
    padding-top: 18%;
    margin-top: -12%;
}
.f3-inner-p2-row3 {
	/*padding-bottom: 16%;*/
}
.loc-p3 {
	/*display: none;*/
}
.f3-col2-p3 {
	height: 80vh;
}


/* F4 */
.catering .frame4 .inner {
	width: 90% !important;
    margin: auto;
	height: 80vh;
}
.frame4 {
	margin-top: -100px;
	padding-bottom: 0px !important;
}


/* FORM */
.form-overlay {
	position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: block;
    /*background: rgba(83, 81, 90, 0.55);*/
}
.form-div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -44%);
	color: #000;
	background-color: #fff;
	width: 60vh;
	padding: 30px;
    /*height: 60vh;*/
    /*font-family: Arges-Heavy;*/
    /*font-size: 70px;*/
    /*white-space: nowrap;*/
}
.catering-form .frame-title {
	font-size: 35px;
}
.cater-text-field {
	width: 100%;
	border: 0;
    border-bottom: 1px solid #000;
    font-size: 15px;
    font-family: Conv_Metric-Regular;
    letter-spacing: 0px;
    margin-top: 15px;
}
.cater-text-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  	font-style:italic;
}
.cater-text-field::-moz-placeholder { /* Firefox 19+ */
  	font-style:italic;
}
.cater-text-field:-ms-input-placeholder { /* IE 10+ */
  	font-style:italic;
}
.cater-text-field:-moz-placeholder { /* Firefox 18- */
  	font-style:italic;
}
.catering-btn {
    margin-top: 30px;
    margin-bottom: 5px;
    font-size: 35px;
    background-color: #000;
    color: #ffffff;
    border: 1px solid #000;
    cursor: pointer;
}
.catering-btn:hover {
	color: #000000;
    background-color: #fff;
}
.cater-form-note {
	letter-spacing: initial;
    color: #717171;
}
.form-close-btn {
	position: absolute;
    border: none;
    top: 0px;
    right: 0px;
    padding: 10px 10px 5px 10px;
    /* background: transparent; */
    cursor: pointer;
    /* transition: all .35s ease; */
}
.show-form {
	display: block;
}
.hide-form {
	display: none;
}
.rdy2book-desktop {
	cursor: pointer;
    color: #fff;
    font-family: Conv_Metric-Bold;
    border-right: 2px solid #fff;
    padding-right: 15px;
    margin-right: 15px;
    padding-top: 4px;
}
.rdy2book-desktop:hover {
	/*color: #525252;*/
}
.form-close-btn:hover {
	background-color: #000;
	color: #fff;
}
/*input[type='date']:before {
	color: #5e5e5e;
	content:  attr(placeholder) "  ";
}*/
input[type="date"]:before {
	content: attr(placeholder) !important;
	color: #5e5e5e;
	margin-right: 0.5em;
}
input[type="date"]:focus:before,
input[type="date"]:valid:before {
	content: "";
}

/* MENU SCROLLING FIX */
#selectedbrandpage .selectedbrand_frame2 .selectedbrand_menuHolder .column .selectedbrand_frame2Background.show {
    z-index: -10;
}


/* CUSTOM MOBILE VIEW / BREAKPOINTS */

@media screen and (max-width: 1440px) { /* desktop L */

}
@media screen and (max-width: 1077px) { 
	.frame4 .selectedbrand_infoHolder {
		padding-top: 180px !important;
	}
}
@media screen and (max-width: 1024px) { /* desktop */
	.catering .selectedbrand_logo {
		height: 60px !important;
	}
	.selectedbrand_back-btn {
	    display: block;
	}
	.catering .selectedbrand_back-btn {
	    transform: translateY(8px) translateX(-96px) !important;
	}
	/*.catering .content-desc {
	    width: 290px;
	}*/
	.catering .cuisine-5 .centered {
	    white-space: normal;
	    width: 85%;
	    text-align: center;
	}
	.frame4 .selectedbrand_infoHolder {
		padding-top: 140px !important;
	}
}
@media screen and (max-width: 768px) { /* tablet */
	.catering .row {
		display: block !important;
	}
	.catering .row [class|='col'] {
		display: block;
		width: 100%
	}
	.catering .selectedbrand_logo {
		height: 50px !important;
		font-size: 45px;
	}
	.catering .selectedbrand_download {
		text-transform: initial;
		font-size: 20px;
	}
	.catering .selectedbrand_download a {
		font-family: Conv_Metric-Regular !important;
	}
	.catering .frame1 .selectedbrand_infoHolder {
	    padding-top: 70px !important;
	}
	.catering .frame1 .inner {
		margin: 0px !important;
    	width: 100% !important;
    	height: 665px !important;
	}
	.catering .frame3 .inner {
		margin: 0px !important;
    	width: 100% !important;
    	height: unset;
	}
	.catering .frame2 .inner {
	    margin: 0px !important;
    	width: 100% !important;
    	height: 800px !important;
	}
	.catering .frame4 .inner {
		margin: 0px !important;
    	width: 100% !important;
    	height: 720px !important;
	}
	.catering .selectedbrand_infoHolder {
		height: 100%
	}
	.catering .frame1 .row {
	    height: 100%;
	}
	.catering .frame1 .row .col-3 {
		/*height: 50%;*/
		padding-left: 8%;
	}
	.catering .frame1 .row .col-9 {
		height: 50%;
	}
	.catering .img-wrapper {
		height: 100%;
	}
	.F1Desc {
	    position: initial;
    	width: 70%;
	}
	.rdy2book-mobile {
		display: block;
	}
	.catering .frame-title {
		padding-left: 8%;
	}
	.catering .frame2 .col-6 {
	    height: 300px;
	    margin-bottom: 15px;
	}
	.catering .frame2 {
	     height: 1985px !important; 
	}
	.catering .frame2 .col-6 img {
	    padding: unset;
	}
	.catering .content-title, .catering .content-desc {
	    padding-left: 8%;
	}
	.desktop-only {
		display: none !important;
	}
	.mobile-only {
		display: block;
	}
	.catering .selectedbrand_imgHolder {
		height: 350px;
		margin-top: 40px;
	}
	.catering .frame3 .slick-dots {
	    position: relative;
	    width: 99%;
	    text-align: center;
	    margin-top: -20px;
	}
	.mobile-gallery {
		width: 85%;
    	margin: auto;
	}
	.catering .mobile-socialHolder {
		display: none;
	}
	.catering .frame4 div.col-8.f3-col2 {
		height: 350px;
		margin-top: 30px;
	}
	.form-div {
		width: 90vw;
	}
	.frame4 {
	    margin-top: unset;
	}
	.catering .slick-dots li {
	    width: 10px;
	    height: 10px;
	    background-color: #adadad;
   	}
   	.catering .slick-dots li.slick-active {
	    opacity: 1;
	    background-color: #fff;
	}
	.catering .frame2 {
		margin-bottom: unset;
	}
	.catering .frame3 {
		margin-bottom: unset;
	}
	.frame4 .selectedbrand_infoHolder {
	    padding-top: 0px !important;
	}
	.catering .content-desc {
	    width: 90% !important;
	}
}
@media screen and (max-width: 425px) { /* mobile L */
	.catering .cuisine-5 .cuisine-info {
		height: 80%
	}
	.catering .cuisine-5 .cuisine-info > span > p:nth-child(1) {
		white-space: normal;
		width: 90%;
		margin: auto;
	}
	.catering .cuisine-5 .centered {
		white-space: normal;
		width: 85%;
    	text-align: center;
	}
}
@media screen and (max-width: 375px) { /* mobile M */
	.catering .selectedbrand_download {
		font-size: 16px;
	}
	.cuisine-info > span > p:nth-child(1) {
	    font-size: 45px;
	}
	.centered {
		font-size: 60px;
	}
	.catering .selectedbrand_logo {
		height: 47px !important;
		font-size: 40px;
	}
	.cuisine-info > span > p:nth-child(2) {
	    width: 100%;
	}
}
@media screen and (max-width: 320px) { /* mobile S */

}
/*
-------------------------
*/

/*
-------------------------
MOMENT 10 PAGE
-------------------------
*/
.content-img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 100vh;
/*	object-fit: contain;*/
	object-fit: cover;
}

/*
-------------------------
MANAM 10 PAGE
-------------------------
*/
.content-img-mobile {
	display: none;
	width: 100%;
	max-width: 100%;
	height: 100%;
	object-fit: cover;
    margin-top: 50px;
}

/* CUSTOM MOBILE VIEW / BREAKPOINTS */

@media screen and (max-width: 1440px) { /* desktop L */

}
@media screen and (max-width: 1024px) { /* desktop */
	.content-img {
		height: unset;
		margin-top: 50px;
	}
	#sidebar .logo-img, .preload { /* show preload on mobile */
		/* display: initial;
		background-size: contain !important;
		background-position: top !important;
		background-repeat: no-repeat !important;
		background-color: #ffffff;
		margin-top: 50px; */
	}
	.content-img-mobile {
		display: block;
	}
	.content-img {
		display: none;
	}
}
@media screen and (max-width: 768px) { /* tablet */

}
@media screen and (max-width: 425px) { /* mobile L */

}
@media screen and (max-width: 375px) { /* mobile M */

}
@media screen and (max-width: 320px) { /* mobile S */

}
/*
-------------------------
*/