.pageloader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;background:#eeeae1}.beatingHeart{margin-left:-25px;margin-top:-25px;position:absolute;top:50%;left:50%}.beatingHeart .heart{position:absolute;width:50px;height:45px;opacity:.6;-webkit-animation:beat 3s infinite ease-in-out}.heart:after,.heart:before{position:absolute;content:"";left:25px;top:0;width:25px;height:40px;background:#ff69b4;-moz-border-radius:50px 50px 0 0;border-radius:50px 50px 0 0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%}.fushiaHeart:after,.fushiaHeart:before{background:#ff1d8e}.pinkHeart:after,.pinkHeart:before{background:#ff0080}.heart:after{left:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-o-transform-origin:100% 100%;transform-origin:100% 100%}.beatingHeart .heart2{-webkit-animation-delay:-1s;animation-delay:-1s}.beatingHeart .heart3{-webkit-animation-delay:-1.5s;animation-delay:-1.5s}.beatingHeart .heart4{-webkit-animation-delay:-2s;animation-delay:-2s}.beatingHeart .heart5{-webkit-animation-delay:-2.5s;animation-delay:-2.5s}@-webkit-keyframes beat{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}.master-loader{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.25);left:0;top:0;opacity:0;visibility:hidden;text-align:center;transition:.3s;z-index:999999}.master-loader.active{opacity:1;visibility:visible}.master-loader .content{width:100%;max-width:500px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:700;color:#fff}body,html{scroll-behavior:smooth;height:100%;margin:0;-webkit-appearance:none}body{background-size:auto;background-repeat:no-repeat;background-position:top right;color:#fff!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Futura!important;font-weight:400;font-size:20px!important;overflow-x:hidden;overflow-y:auto;min-height:100%}.card-body{padding-top:0!important;padding-bottom:0!important}h1{text-align:center;color:rgba(0,0,0,.9);position:relative}h4{text-align:center;color:rgba(0,0,0,.9);position:relative}p{text-align:center;margin-bottom:5px!important}strong{color:rgba(0,0,0,.9)}a{color:#8ebca0!important;cursor:pointer}a:hover{color:#ad8282!important;text-decoration:underline}.textColorized{color:#8ebca0!important;font-family:Bintaro!important;font-size:60px!important;text-transform:none}.textColorized span{font-family:Bintaro!important;font-size:26px!important;line-height:50px}.text-purple{color:#1c1e40!important}.text-black{color:#000}.border-top-color{border-top:1px solid #c9baa0!important}.border-bottom-color{border-top:1px solid #c9baa0!important}.box-shadow{box-shadow:0 1px 5px rgb(0 0 0 / 42%)}.text-shadow{text-shadow:0 1px 5px rgb(0 0 0 / 42%)}.divCenter{justify-content:center;align-content:center;align-items:center}.divJustify{justify-content:space-evenly;align-items:center}::-webkit-scrollbar-track{background-color:#eeeae1;border-left:1px solid #eeeae1}::-webkit-scrollbar{width:7px;background-color:#666}::-webkit-scrollbar-thumb{background:#666}.empty{flex:1;height:100px}.d-hide{opacity:0!important}.btn{display:inline-flex!important;align-items:center;justify-content:center}.btn-primary{color:#fff!important;background-color:#d2cde8!important;border-color:#d2cde8!important;font-size:16px;outline:0!important;box-shadow:0 2px 3px 0 #0000003b!important;cursor:pointer;border-radius:4px!important;display:flex;align-items:center;justify-content:center;font-size:16px!important}.btn-primary:hover{color:#7a6f63!important;background-color:#b197b7!important;border-color:#b197b7!important}.btn-primary:active{color:#7a6f63!important;background-color:#b197b7!important;border-color:#b197b7!important}.btn-primary[aria-expanded=true]{color:#7a6f63!important;background-color:#b197b7!important;border-color:#b197b7!important}.btn-primary.active{color:#7a6f63!important;background-color:#b197b7!important;border-color:#b197b7!important}.btn-success{background-color:#90722b!important;border-color:#90722b!important}.btn-success:focus{background-color:#9a6835!important;border-color:#9a6835!important}.btn-success:hover{background-color:#9a6835!important;border-color:#9a6835!important}.btn-outline-dark{color:#000!important;border-color:#000!important}.btn-outline-dark:hover{color:#90722b!important;background-color:rgb(0,0,0,.8)!important;border-color:rgb(0,0,0,.8)!important}.btn-outline-success:focus{color:#fff!important;background-color:#90722b!important;border-color:#90722b!important}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{background-color:#9a6835!important;border-color:#9a6835!important;color:#fff!important}.btn-greenIG{color:#fff!important;background-color:#21645b!important;border-color:#fff!important;font-size:16px;outline:0!important;box-shadow:none!important;cursor:pointer;border-radius:4px!important;display:flex;align-items:center;justify-content:center;font-size:12px!important}.btn-greenIG:hover{color:#fff!important;background:radial-gradient(circle at 14% 140%,#fdf497 3%,#fdf497 8%,#fd5949 39%,#d6249f 54%,#285aeb 103%)!important;border-color:#fff!important}.btn-greenIG:active{background:radial-gradient(circle at 14% 140%,#fdf497 3%,#fdf497 8%,#fd5949 39%,#d6249f 54%,#285aeb 103%)!important;border-color:#fff!important}.btn-green-connectied{color:#fff!important;background-color:#768080!important;border-color:#768080!important;font-size:16px;font-family:Futura;outline:unset!important;box-shadow:unset!important;cursor:pointer;border-radius:4px!important}.btn-green-connectied:hover{color:#fff!important;background-color:#a89797!important;border-color:#a89797!important}.btn-green-connectied.active{background-color:#a89797!important;border-color:#a89797!important}.form-control{font-size:16px;border-radius:3px!important;box-shadow:none!important;border-color:#90722b}.form-control:focus{border-color:#90722b!important;box-shadow:none}.form-control:-ms-input-placeholder,.form-control::-moz-placeholder,.form-control::-webkit-input-placeholder{color:#bbb;opacity:1}.form-control:not(select){-webkit-appearance:none;-moz-appearance:none}.input-group .input-group-addon{border-radius:0;border-color:#d2d6de;background-color:#fff}label{margin-bottom:-9px!important;margin-left:15px!important;display:block!important;font-size:11px;font-weight:400}::placeholder{color:#aaa!important;font-size:16px!important}.separator{display:flex;align-items:center;text-align:center}.separator::after,.separator::before{content:';
		flex: 1;
		border-bottom: 1px solid #8ebca0;
	}
	.separator:not(:empty)::before {
		margin-right: .25em;
		padding-top: 5px;
	}
	.separator:not(:empty)::after {
	  margin-left: .25em;
	}

div label input {
	margin-right: 100px;
}

/*CheckboxButton*/
#ck-button {
	margin: 4px;
	border-radius: 4px;
	border: 1px solid #d0d0d0;
	overflow: auto;
	float: left;
}

	#ck-button label {
		color: #fff;
		float: left;
		width: auto;
		margin-bottom: unset !important;
		margin-left: unset !important;
		display: unset !important;
		font-weight: normal;
		cursor: pointer;
	}

		#ck-button label span {
			text-align: center;
			padding: .375rem .75rem;
			display: block;
			border-radius: 4px;
			background-color: #1e4430;
		}

		#ck-button label input {
			position: absolute;
			top: -20px;
		}

	#ck-button input:hover + span {
		background-color: #8e5c2e;
	}

	#ck-button input:checked + span {
		background-color: #8e5c2e;
		color: #fff;
	}

	#ck-button input:checked:hover + span {
		background-color: #8e5c2e;
		color: #fff;
	}

div > iframe {
	margin: 0 auto;
}

iframe {
	display: block;
	border-style: none;
}

.wthICN30 {
	width: 30%;
}
.wthICN25 {
	width: 25%;
}
.wthICN20 {
	width: 20%;
}
.wthICN15 {
	width: 15%;
}
.wthICN10 {
	width: 10%;
}
/*.End GENERAL*/

/*LEFT SECTION*/
/* Photo Slide Left */
.photoSlide {
	width: 61%;
	height: 100%;
	position: fixed;
	z-index: 1;
}
.photoSlide div {
	font-size: 140px;
	margin: 0;
	position: fixed;
	transform: translate(0, 0);
	color: rgba(255, 255, 255, .9);
}
	.photoSlide h1 img {
		width: 255px;
		margin: 0 0 -25px -25px;
	}
	.photoSlide .judulSlideSub {
		line-height: unset !important;
		padding: unset !important;
	}
.slideColumn {
	bottom: 50px;
	text-shadow: 0 2px 5px rgb(0 0 0 / 42%);
}
	.slideColumn .logo-name {
		width: 450px;
		margin: 90px 0 0 50px !important;
		display: flex;
	}
.slideColumn2nd {
	top: 25px;
	right: 0;
	text-shadow: 0 2px 5px rgb(0 0 0 / 42%);
}
	.slideColumn2nd .judulSlide {
		font-family: 'Costa-Rica';
		color: #fff;
		font-size: 42px;
		font-weight: 400;
		line-height: 60px;
		text-align: right;
		margin: 0 50px 0;
		-webkit-text-stroke-color: #fff;
	}
	.slideColumn2nd .judulSlideSub {
		font-family: 'Futura';
		color: #fff;
		font-size: 16px;
		font-weight: 400;
		line-height: 60px;
		text-align: right;
		margin: 0 50px 0;
		-webkit-text-stroke-color: #fff;
	}

.judulSlide {
	font-family: 'Costa-Rica';
	color: #fff;
	font-size: 42px;
	font-weight: 400;
	line-height: 60px;
	text-align: left;
	margin: 0 50px 0;
	/*bottom: 10px;*/
	/*-webkit-text-stroke-width: 2px;*/
	-webkit-text-stroke-color: #fff;
	/*letter-spacing: 2.76px;*/
}
	.judulSlide span {
		font-size: 24px;
		vertical-align: 5px;
	}
.judulSlideSub {
	color: #fff;
	font-family: 'Futura';
	font-size: 26px;
	font-weight: 300;
	line-height: 47px;
	text-align: left;
	margin: 0 50px 0;
	padding: 10px 0 0 0;
	position: relative;
}
	.judulSlideSub .hashtag {
		color: #fff !important;
		/*letter-spacing: 5px;*/
		/*text-transform: uppercase;*/
	}
/* .End Photo Slide Left */

.rsvpMenu {
	background: #e4e4e44f;
	border-radius: 15px;
	padding: 20px 30px 20px 30px !important;
}
/* Slider image crop */
.cover {
	max-width: 61%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	background-size: cover !important;
	background-position: center center!important;
}
	.cover img {
		height: 100%;
		width: auto;
		/* position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%); */
	}

.language-box {
	position: fixed;
	left: 53%;
	top: 38px;
	font-size: 16px;
	text-shadow: 0 3px 5px rgba(150, 150, 150, .7);
	z-index: 2;
	color: white;
}
	.language-box a {
		color: white;
		text-decoration: none;
		text-decoration: none;
	}

.language-box-mobile {
	position: fixed;
	right: 25px;
	font-size: 16px;
	z-index: 2;
	display: none;
	top: 34px;
	color: #fff;
	opacity: .8;
}
	.language-box-mobile a {
		color: #fff;
		opacity: .8;
	}
/* Menu Button */
#menuToggle {
	display: block;
	position: fixed;
	top: 50px;
	left: 50px;
	z-index: 15;
	-webkit-user-select: none;
	user-select: none;
	/*text-shadow: 0 3px 5px rgba(150, 150, 150, .7);*/
}
	#menuToggle.isSelected {
		background-color: transparent !important;
	}
	#menuToggle a {
		text-decoration: none;
		color: #232323;
		transition: color .3s ease;
	}
		#menuToggle a:hover {
			color: #90722b;
		}

	#menuToggle input {
		display: block;
		width: 40px;
		height: 32px;
		position: absolute;
		top: -7px;
		left: -5px;
		cursor: pointer;
		opacity: 0;
		z-index: 2;
		-webkit-touch-callout: none;
	}
	#menuToggle span {
		display: block;
		width: 33px;
		height: 4px;
		margin-bottom: 5px;
		position: relative;
		background: #f8f8f8;
		border-radius: 3px;
		z-index: 1;
		transform-origin: 4px 0;
		transition: transform .5s cubic-bezier(.77,.2,.05,1), background .5s cubic-bezier(.77,.2,.05,1), opacity .55s ease;
	}
	#menuToggle .menuTx {
		color: #fff;
		margin: -8px 0 0 45px;
		z-index: 1;
		font-size: 16px;
		position: fixed;
		white-space: nowrap;
	}
	#menuToggle span:first-child {
		transform-origin: 0 0;
	}
	#menuToggle span:nth-last-child(2) {
		transform-origin: 0 100%;
	}
	#menuToggle input:checked ~ span {
		opacity: 1;
		transform: rotate(45deg) translate(-2px, -1px);
		background: #f8f8f8;
	}
		#menuToggle input:checked ~ span:nth-last-child(3) {
			opacity: 0;
			transform: rotate(0) scale(.2, .2);
		}
		#menuToggle input:checked ~ span:nth-last-child(2) {
			transform: rotate(-45deg) translate(0, -1px);
		}
	#menuToggle input:checked ~ #menu {
		transform: none;
	}
/*main Menu*/
#menu {
	position: absolute;
	width: 300px;
	margin: -95px 0 0 -45px;
	padding: 50px;
	padding-top: 125px;
	background: 0;
	list-style-type: none;
	-webkit-font-smoothing: antialiased;
	transform-origin: 0 0;
	transform: translate(-100%, 0);
	transition: transform .5s cubic-bezier(.77,.2,.05,1);
}
	#menu li {
		padding: 10px 0;
		font-size: 15px;
	}
.menu-bg {
	background-color: rgb(254 254 254 / .95);
	list-style-type: none;
	margin: -75px 20px 0 -20px;
	padding: 20px;
	border-radius: 3px;
	-webkit-box-shadow: 0 4px 15px -9px rgba(0,0,0,.45);
	-moz-box-shadow: 0 4px 15px -9px rgba(0,0,0,.45);
	box-shadow: 0 4px 15px -9px rgba(0,0,0,.45);
}
	.menu-bg > .confName > a {
		color: #b90000 !important;
		font-size: 10px;
		margin: -2px 0 0 0;
		font-style: italic;
		text-decoration: underline !important;
	}
	.menu-bg > .confName {
		color: #8ebca0;
		font-weight: 600;
	}
.menuHead {
	font-size: 20px !important;
	font-family: 'Futura';
	background-color: #75c9b1;
	margin: -20px -20px 0 -20px;
	padding: 8px 15px 5px 15px !important;
	text-align: right;
	border-radius: 3px 3px 0 0;
	font-weight: 400 !important;
	color: white;
}

/*AUDIO CONTROL*/
.controls {
	display: -webkit-box;
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.controls-btn {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	margin: .5rem;
	padding: 1.4rem;
	border: none;
	border-radius: 4rem;
	background: #8e5c2e;
	-webkit-transition: all .2s cubic-bezier(.175, .885, .32, 1.275);
	transition: all .2s cubic-bezier(.175, .885, .32, 1.275);
	will-change: transform;
	color: white;
	overflow: hidden;
	cursor: pointer;
	outline: none !important;
}
	.controls-btn svg {
		-webkit-transition: all .2s cubic-bezier(.175, .885, .32, 1.275);
		transition: all .2s cubic-bezier(.175, .885, .32, 1.275);
		height: 1rem;
		width: 1rem;
		position: absolute;
	}
		.controls-btn svg:nth-child(2) {
			-webkit-transform: translateY(2rem);
			transform: translateY(2rem);
		}
		.controls-btn svg path {
			fill: white;
		}
.controls-btn-toggled svg:nth-child(1) {
	-webkit-transform: translateY(-2rem);
	transform: translateY(-2rem);
}
.controls-btn-toggled svg:nth-child(2) {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.controls-btn:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.cover-right img {
	left: 40% !important;
}
.cover-center img {
	left: 50% !important;
}
.cover-left img {
	left: 56% !important;
}

/*Audio Control*/
audio {
	/*display: none;*/
	width: 80px;
	padding: 0;
	margin: 0;
	outline: none !important;
	height: 44px;
}
	audio::-webkit-media-controls {
		margin: 0 !important;
		padding: 0 !important;
	}
	audio::-webkit-media-controls-volume-control-container.closed,
	audio::-webkit-media-controls-volume-control-container,
	audio::-webkit-media-controls-current-time-display,
	audio::-webkit-media-controls-time-remaining-display,
	audio::-webkit-media-controls-timeline,
	audio::-webkit-media-controls-overflow-button,
	audio::-internal-media-controls-overflow-button {
		display: none !important;
	}
	audio::-webkit-media-controls-enclosure {
		width: 45px;
		background-color: #fff;
		margin: 0 !important;
		padding: 0 !important;
	}
	audio::-webkit-media-controls-play-button {
		margin-left: 15px;
		/*margin-top: 2px;*/
		display: block !important;
	}
	audio::-webkit-media-controls-panel {
		padding: 0 6px 0 0;
	}
/*End LEFT SECTION*/

/* MAIN SECTION */
/* Section */
section {
	height: 100%;
	position: relative;
	text-align: center;
}
	section .inner {
		margin: 0 auto;
		/* max-width: 185%; */
	}
	section .innerText {
		position: relative;
		width: 39%;
		left: 61%;
		text-align: left;
		/*border-bottom: 1px solid #af5f54;*/
	}    

/*Person List*/
.photoGroup {
	justify-content: center;
	align-content: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.thumb {
	overflow: auto;
	display: block;
	overflow-y: hidden;
	max-width: 380px;
}
	.thumb > .thmPhoto {
		margin: 20px 20px 50px 20px;
		width: 150px;
		height: 150px;
		float: left;
		display: flex;
		flex-direction: column;
		text-align: left;
		justify-items: left;
		justify-content: left;
		background-position: center;
		background-size: cover;
		border-radius: 3px;
		transition: transform .2s;
	}
.thmPhoto .personName {
	color: #0e0e0e;
	margin: 5px 0 0 0;
	font-weight: 500;
	font-size: 15px;
	text-align: left;
}
.thmPhoto:hover {
	transform: scale(1.05);
	-webkit-box-shadow: 2px 5px 8px 0 rgba(0,0,0,.45);
	-moz-box-shadow: 2px 5px 8px 0 rgba(0,0,0,.45);
	box-shadow: 2px 5px 8px 0 rgba(0,0,0,.45);
}
.SubpersonName {
	font-size: 12px;
}
.thmPhoto img {
	width: 150px;
	height: 150px;
	object-fit: cover;
	border-radius: 5px;
}

/*Food List*/
.foodGroup {
	justify-content: center;
	align-content: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.thumbFood {
	overflow: auto;
	display: block;
	overflow-y: hidden;
	max-width: 450px;
}
	.thumbFood > .thmFood {
		margin: 20px 10px 50px 10px;
		width: 130px;
		height: 130px;
		float: left;
		display: flex;
		flex-direction: column;
		text-align: left;
		justify-items: left;
		justify-content: left;
		background-position: center;
		background-size: cover;
		border-radius: 3px;
		transition: transform .2s;
	}
.thmFood .foodName {
	color: #0e0e0e;
	margin: -25px 0 0 0;
	font-weight: 500;
	font-size: 16px;
	text-align: left;
}
.thmFood img {
	width: 130px;
	height: 130px;
	object-fit: cover;
	border-radius: 5px;
}
.SubFoodName {
	font-size: 16px;
	margin: 5px 0 0 0;
}
#heart {
	font-size: 16px;
}
.fa-heart-o {
	color: red;
	cursor: pointer;
}
.fa-heart {
	color: red;
	cursor: pointer;
}










/*Slider Mobile View*/
.infoDateMobile {
	position: absolute;
	height: auto;
	bottom: 40px !important;
	left: 0;
	z-index: 4;
	pointer-events: none;
}
.videoFrameSlide {
	display: flex;
	flex-wrap: wrap;
	z-index: 3;
}
.tns-visually-hidden
.videoInSlide {
	max-width: 320px;
	width: 100%;
}
.tns-outer {
	margin: 0 !important;
	padding: 0 !important;
}
.tns-visually-hidden {
	display: none !important;
	position: absolute;
	left: -10000em;
}
.tns-inner {
	margin: 0 !important;
	padding: 0 !important;
}
.sliderMobile-item {
	min-height: 100vh;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	margin: 0 !important;
	padding: 0 !important;
}

.tns-controls > button {
	position: absolute;
	top: 50%;
	z-index: 100;
	transform: translateY(-50%);
	background-color: transparent;
	border: 0;
	color: #fff;
	font-size: 54px;
	opacity: .8;
	transition: opacity .3s ease;
}
	.tns-controls > button:hover {
		opacity: .3;
	}
	.tns-controls > button:focus {
		outline: 0;
	}
	.tns-controls > button:first-child {
		left: 10px;
	}
	.tns-controls > button:last-child {
		right: 10px;
	}

.tns-nav {
	position: absolute;
	left: 50%;
	bottom: 10px !important;
	z-index: 3;
	transform: translateX(-50%);
}
.tns-nav button {
	border: 0;
	background-color: white;
	opacity: .8;
	width: 5px;
	height: 5px;
	padding: 0;
	margin: 0 5px;
	border-radius: 50%;
	background: #ddd;
	border: 0;
	outline: none;
	box-shadow: none;

}
	.tns-nav button:not(:last-child) {
		margin-right: 0;
	}
	.tns-nav button.tns-nav-active {
		background: #999;
		border: 0;
		outline: none;
		box-shadow: none;
	}
/*fix flickering*/
.tns-g'Futura'y > .tns-item {
	position: absolute;
	left: -100%;
	-webkit-transition: transform 0s, opacity 0s;
	-moz-transition: transform 0s, opacity 0s;
	transition: transform 0s, opacity 0s;
}
.sliderMobile {
	opacity: 0;
}
	.sliderMobile.tns-slider {
		opacity: 1;
	}
	.sliderMobile a {
		text-decoration: unset !important;
	}
 
/*slider segment*/
.carouselIG .owl-prev {
	height: 100%;
	position: absolute;
	font-size: 45px !important;
	top: 45%;
	width: 25px;
	z-index: 1000;
	left: -8%;
	color: #fff !important;
	transform: translate(0, -50%);
	outline: none !important;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	-webkit-font-smoothing: antialiased;
}
.carouselIG .owl-next {
	height: 100%;
	position: absolute;
	font-size: 45px !important;
	top: 45%;
	width: 25px;
	z-index: 1000;
	right: -8%;
	color: #fff !important;
	transform: translate(0, -50%);
	outline: none !important;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	-webkit-font-smoothing: antialiased;
}
	.carouselIG .owl-prev:hover,
	.carouselIG .owl-next:hover {
		opacity: .5;
	}
/* Popup Text */
.white-popup-block {
	background: #fff;
	padding: 20px 30px;
	text-align: left;
	max-width: 650px;
	margin: 40px auto;
	position: relative;
}
.popuptext span {
  font-weight: bold;
  float: right;
}
/* Icon CSS */
.carouselIG .owl-stage-outer .owl-stage .owl-item {
	width: 64.4px !important;
}
.carouselIG .owl-stage-outer {
	padding: 10px 5px;
	width: calc(100% + 9px);
}
.carouselIG .item {
	width: 100%;
	--borderWidth: 8px;
	background: #1d1f20;
	position: relative;
	border-radius: var(--borderWidth);
}
	.carouselIG .item i {
		display: none;
		font-size: 32px;
		color: #fff;
		opacity: 1;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
	}
	.carouselIG .item a {
		display: block;
		width: 100%;
	}
	.carouselIG .item > a > div {
		height: 66px;
		background-size: cover !important;
		background-repeat: no-repeat !important;
		background-position: center center !important;
		border-radius: 8px;
		border: 0 solid #a7824d;
		box-shadow: 1px 1px 4px 0 #0000005e;
	}
	.carouselIG .item a:hover:before {
		content: "";
		background: rgba(0, 0, 0, .5);
		position: absolute;
		height: 100%;
		width: 100%;
		z-index: 1;
		left: 0;
		border-radius: 8px;
		/*border: 2px solid #a7824d;*/
	}
	.carouselIG .item a:hover i {
		display: block;
		z-index: 2;
	}
.gradientPM {
	--borderWidth: 3px;
	position: relative;
	border-radius: var(--borderWidth);
}
	.gradientPM:after {
		content: ';position:absolute;top:calc(-1 * var(--borderWidth));left:calc(-1 * var(--borderWidth));height:calc(100% + var(--borderWidth) * 2);width:calc(100% + var(--borderWidth) * 2);background:linear-gradient(60deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);border-radius:calc(3 * var(--borderWidth));z-index:-1;animation:animatedgradient 3s ease alternate infinite;background-size:300% 300%}@keyframes animatedgradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.connectiedCarousel .carouselIG .owl-prev{height:100%;position:absolute;font-size:48px!important;font-weight:200!important;top:45%;z-index:1000;left:-7%;color:#fff!important;transform:translate(0,-50%);outline:0!important;text-shadow:0 1px 2px #00000075;-webkit-font-smoothing:antialiased}.connectiedCarousel .carouselIG .owl-next{height:100%;position:absolute;font-size:48px!important;font-weight:200!important;top:45%;z-index:1000;right:-7%;color:#fff!important;transform:translate(0,-50%);outline:0!important;text-shadow:0 1px 2px #00000075;-webkit-font-smoothing:antialiased}.carouselIG .owl-next:hover,.carouselIG .owl-prev:hover{opacity:.5}.connectiedCarousel .owl-carousel .owl-stage{padding:5px 0;display:flex}.connectiedCarousel .owl-carousel .owl-stage-outer{padding-left:82px!important;min-height:94px}.carouselIG-plus .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0);height:93px}.connectiedCarousel .carouselIG .owl-stage-outer,.connectiedCarousel .carouselIG-plus .owl-stage-outer{padding:10px 0}.connectiedCarousel .carouselIG .item,.connectiedCarousel .carouselIG-plus .item{width:100%;background:#e3bEBD00;position:relative;border:-1px solid;border-radius:50%}.connectiedCarousel .carouselIG .item i,.connectiedCarousel .carouselIG-plus .item i{display:none;font-size:32px;color:#fff;opacity:1;position:absolute;top:50%;left:32px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.connectiedCarousel .carouselIG .item i.la-plus,.connectiedCarousel .carouselIG-plus .item i.la-plus{font-size:50px}.connectiedCarousel .carouselIG .item a{display:block;width:65px}.connectiedCarousel .carouselIG .item>a>div,.connectiedCarousel .carouselIG-plus .item>a>div{height:64px;width:64px;background-size:cover!important;background-repeat:no-repeat!important;background-position:center center!important;border-radius:50%;border:0 solid #a7824d}.connectiedCarousel .carouselIG .item a.popup-text:hover:before,.connectiedCarousel .carouselIG-plus .item a.popup-text:hover:before{content:"";background:#0000005e;position:absolute;height:64px;width:64px;z-index:1;left:0;border-radius:50%;box-shadow:1px 1px 4px 0 #0000005e}.connectiedCarousel .carouselIG .item a.addPlus:hover:before,.connectiedCarousel .carouselIG-plus .item a.addPlus:hover:before{content:"";background:#ffffff5e;position:absolute;height:64px;width:64px;z-index:1;left:0;border-radius:50%}.connectiedCarousel .carouselIG .item a.popup-text:hover i,.connectiedCarousel .carouselIG-plus .item a.popup-text:hover i{display:block;z-index:2}.connectiedCarousel .carouselIG-plus .item a,.connectiedCarousel .carouselIG-plus .item a.addPlus:hover i,.connectiedCarousel .carouselIG-plus .item a.addPlus:hover:before{display:block;width:64px!important}.connectiedCarousel .carouselIG-plus{display:block;width:70px!important;background:#f8f8f8;position:relative;z-index:2;left:-1px;padding:15px 3px;cursor:pointer;position:absolute}.connectiedCarousel .videoThumb{border-radius:50%!important}.connectiedCarousel .gradientPM{--borderWidth:3px;position:relative;border-radius:var(--borderWidth)}.connectiedCarousel .gradientPM:after{content:';
		position: absolute;
		top: calc(-1 * var(--borderWidth));
		left: calc(-1 * var(--borderWidth));
		height: calc(100% + var(--borderWidth) * 2.1);
		width: calc(100% + var(--borderWidth) * 1.9);
		/*background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);*/
		background: linear-gradient(90deg, #f0c850 0, #94752b 6.79%, #f0c850 44.85%, rgb(240 200 80) 56.1%, #f0c850 56.82%, #f0c850 67.92%, #f0c850 73.84%, #f0c850 91.52%, #f0c850 94%);
		border-radius: calc(50 * var(--borderWidth));
		z-index: -1;
		animation: animatedgradient 3s ease alternate infinite;
		background-size: 300% 300%;
	}
.msgPersonPM.fancybox-content .videoFrame > iframe,
.msgPersonPM.fancybox-content .videoFrame > video {
	width: 100%;
	height: auto;
}
@keyframes animatedgradient {
	0 {
		background-position: 0 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0 50%;
	}
}

.reelsHR {
	width: 100%;
	height: 0;
	background: #fff;
	position: relative;
}
	.reelsHR:after {
		content: ';position:absolute;border-style:solid;border-width:9px 9px 0;border-color:#75c9b1 transparent;width:0;z-index:1;top:-2px;left:47.8%}.reelsHR:before{content:';
		position: absolute;
		border-style: solid;
		border-width: 8px 8px 0;
		border-color: #fff transparent;
		display: block;
		width: 0;
		z-index: 1;
		top: 0;
		left: 48%;
	}

.seg01 {
	background: url(../img/segBg01-1.svg), url(../img/segBg01-0.png);
	background-color: unset;
	background-size: 100%, cover;
	background-repeat: no-repeat;
	background-position: bottom center, top center;
	justify-content: center;
	align-content: center;
	align-items: center;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	width: 100%;
	height: 100%;
	position: absolute;
}
.seg02 {
	background: url(../img/segBg02-1.webp), url(../img/segBg02-2.webp), url(../img/segBg02-3.webp), url(../img/segBg02-4.webp), url(../img/segBg02-0.png);
	background-color: unset;
	background-size: 100%, 100%, 100%, auto, cover;
	background-repeat: no-repeat;
	background-position: top center, top center, top center, bottom left, top center;
	justify-content: center;
	align-content: center;
	align-items: center;
	display: flex;
	flex-direction: column;
	padding: 110px 0 30px 0;
}
.seg03 {
	/*background: url(../img/segBg03-1.webp), url(../img/segBg03-2.webp);*/
	background-color: unset;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top center, bottom center;
	justify-content: center;
	align-content: center;
	align-items: center;
	display: flex;
	flex-direction: column;
}
.seg04 {
	/*background: url(../img/segBg04-1.webp), url(../img/segBg04-2.webp);*/
	background-color: unset;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top center, bottom center;
	justify-content: center;
	align-content: center;
	align-items: center;
	display: flex;
	flex-direction: column;
	padding: 40px 34px 0 34px;
}
/*.seg05 {
	background: url(../img/segBg05-2.webp), url(../img/segBg05-1.webp);
	background-color: #fcf6f5;
	background-size: 100%, 60%;
	background-repeat: no-repeat, no-repeat, repeat;
	background-position: bottom left, bottom right, top center;
	justify-content: center;
	align-content: center;
	align-items: center;
	display: flex;
	flex-direction: column;
}*/
.seg06 {
	background: url(../img/segBg06-1.webp), url(../img/segBg06-2.webp), url(../img/segBg06-3.webp), url(../img/segBg06-4.webp), url(../img/segBg06-0.png);
	background-color: unset;
	background-size: auto, auto, auto, auto, cover;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: top left, top right, bottom left, bottom right, top center;
	justify-content: center;
	align-content: center;
	align-items: center;
	display: flex;
	flex-direction: column;
	padding: 40px 34px;
}
.seg07 {
	background: url(../img/segBg07-1.webp), url(../img/segBg07-2.webp), url(../img/segBg07-3.webp), url(../img/segBg07-4.webp), url(../img/segBg07-5.webp), url(../img/segBg07-0.png);
	background-color: unset;
	background-size: auto, auto, auto, auto, 100%, cover;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: top left, top right, left 30%, right 45%, bottom center, top center;
	justify-content: center;
	align-content: center;
	align-items: center;
	display: flex;
	flex-direction: column;
	padding: 30px 20px 150px 20px;
}
.seg08 {
	/*background: url(../img/segBg08-1.webp), url(../img/segBg08-2.webp);*/
	background-color: #75c9b1;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top center, bottom center;
	justify-content: center;
	align-content: center;
	align-items: center;
	display: flex;
	flex-direction: column;
}
.seg09 {
	background: url(../img/bg-footer.webp);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
	justify-content: center;
	align-content: center;
	align-items: center;
	display: flex;
	flex-direction: column;
	min-height: 800px;
	height: 100%;
}
/*.counterTime {
	border-bottom: 0;
	background-color: #8ebca0;
	min-height: 214px;
	position: relative;
	padding: 30px 0 !important;
}
	.counterTime .img-object {
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		text-align: center;
		z-index: 1;
	}
		.counterTime .img-object.top {
			top: -66px;
		}
		.counterTime .img-object.bottom {
			bottom: -66px;
		}*/
.seg04 .videoFrame > video {
	width: 420px;
	height: 230px;
	/*object-fit: cover;*/
	border-radius: 5px;
	z-index: 9999;
	object-fit: cover;
	box-shadow: none;
	outline: none !important;
}
.seg04 .videoFrame > iframe {
	width: 420px;
	height: 230px;
	/*object-fit: cover !important;*/
	border-radius: 5px;
	z-index: 9999;
	box-shadow: none;
	outline: none !important;
}
.seg04 .videoFrame video::-webkit-media-controls-panel {
	background: none;
}
.seg05 .inner05 {
	/*max-width: 90%;*/
	margin: auto;
	text-align: center;
}
.seg09::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background: linear-gradient(180deg, #80c4b300 0, #80c4b34d 31%, #80c4b3b3 58%, #80c4b3 75%);
	z-index: 0;
}
.seg09 > * {z-index: 1;}


/*Personal Message*/
.personalMsg {
	background: #00000000;
	border-radius: 40px;
	padding: 20px 30px 20px 30px !important;
	min-height: 203px !important;
}
	.personalMsg .personalMsg01 {
		border-radius: 40px;
		/*background: #00000010;*/
		/*border: 1.px dashed #00000010;*/
		z-index: 4;
	}
.chatOnly > .text-left {
	border-bottom: 2px dashed #fff;
	padding-top: 15px;
	padding-bottom: 5px;
}
.chatOnly > .text-left p,
.chatOnly > .text-left h4 {
	color: #fff;
	font-size: 19px;
	font-family: 'Futura';
}
.chatOnly > .text-left h4 {
	color: #fff;
	margin-bottom: 0;
	font-weight: 600;
	font-family: 'Futura';
}

.checkPm {
	display: block;
	margin-bottom: 15px;
}
	.checkPm input {
		padding: 0;
		height: initial;
		width: initial;
		margin-bottom: 0;
		display: none;
		cursor: pointer;
	}
	.checkPm label {
		position: relative;
		cursor: pointer;
		font-size: 16px;
	}
		.checkPm label:before {
			content: ';-webkit-appearance:none;background-color:#fff;border:2px solid #8ebca0;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);padding:8px;display:inline-block;position:relative;vertical-align:-5px;cursor:pointer;margin-right:5px}.checkPm input:checked+label:after{content:';
		display: block;
		position: absolute;
		top: 2px;
		left: 7px;
		width: 6px;
		height: 13px;
		border: solid #8ebca0;
		border-width: 0 2px 2px 0;
		transform: rotate(45deg);
	}
.pmLabel {
	font-family: 'Futura';
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	text-align: left;
	margin-bottom: 5px;
}

.pmUpload > .k-widget.k-upload {
	background-image: none;
	background-color: #fff !important;
	border-color: #d2cde8 !important;
}
	.pmUpload > .k-widget.k-upload > .k-dropzone {
		background-image: none;
		background-color: #fff !important;
		border-color: #d2cde8 !important;
	}
	.pmUpload > .k-widget.k-upload > .k-dropzone > .k-button {
		font-size: 22px;
		font-weight: 600;
		min-width: unset;
		width: 38px;
		height: 38px;
		color: #fff !important;
		background-image: none;
		background-color: #d2cde8 !important;
		border-color: #d2cde8 !important;
		border-radius: 4px !important;
		margin-right: unset !important;
		-webkit-appearance: none;
	}
	.pmUpload > .k-widget.k-upload > .k-dropzone > .k-dropzone-hint {
		text-align: left !important;
	}
	.pmUpload > .k-widget.k-upload > .k-dropzone > .k-button:hover,
	.pmUpload > .k-widget.k-upload > .k-dropzone > .k-button:active {
		background-image: none;
		color: #fff !important;
		background-color: #b197b7 !important;
		border-color: #b197b7 !important;
	}
	.pmUpload > .k-widget.k-upload > .k-dropzone > .k-button > span {
		visibility: hidden;
		position: absolute;
	}
.pmUpload > .k-widget.k-upload > .k-dropzone > .k-button > span:after {
	content: "+" !important;
	visibility: visible;
	/*width: 50px !important;*/
	position: absolute;
	left: 0;
	width: 100%;
}
.personalMsgUp.w-100 > div > .form-control.w-100 {
	border-radius: 6px !important;
	border-color: #8ebca0 !important;
}
.personalMsgUp.w-100 > div > #txt-personalguestmessage-name {
	height: 40px;
}
.videoThumb {
	width: 100%;
	height: 64.4px;
	margin-bottom: -8px;
	object-fit: cover;
	border-radius: 8px;
	border: 2px solid #f6e7e0;
}
.thankContent {
	background: #ebe2db;
	max-width: 320px;
	border-radius: 20px;
	box-shadow: 1px 2px 10px 1px #0000002b;
	position: relative;
}
.thankContent img {
	max-width: 100px;
}
	.thankContent button.close {
		position: absolute;
		right: -7px;
		top: -7px;
		background: #e6433d;
		color: #fff;
		border-radius: 50%;
		padding: 4px;
		width: 30px;
		height: 30px;
		outline: none !important;
		box-shadow: 0 2px 4px 1px #0000003d;
		opacity: .9;
	}
	.thankContent .judulText {
		font-family: 'Futura';
		font-size: 39px;
		font-weight: 600;
		color: #ae886a;
	}
	.thankContent .judulTextSub {
		text-align: center;
		font-size: 16px;
	}
/*.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
	display: block !important;
}*/

/*Modal Fullscreen*/
.modal-full {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
	max-height: 100% !important;
}
.modal-content {
	height: 100% !important;
	max-height: 100% !important;
	border-radius: 0 !important;
	border: 0 !important;
}
.modal.fade .modal-dialog {
	-webkit-transform: translate(0,0) !important;
	transform: translate(0,0) !important;
}
.modal.show {
	-webkit-transform: unset !important;
	transform: unset !important;
}
/*Greeting Modal Full Screen*/
.modal-full {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
	max-height: 100% !important;
	border-radius: 0 !important;
	border: 0 !important;
}
.modal.fade .modal-dialog {
	-webkit-transform: translate(0,0) !important;
	transform: translate(0,0) !important;
}
.modal.show {
	-webkit-transform: unset !important;
	transform: unset !important;
}
.modal-backdrop {
	background: unset !important;
}
#greetingModal .m-auto.shadow {
	min-width: 320px;
	width: 100%;
	max-width: 420px;
}
#greetingModal .modal-dialog .modal-content {
	border-radius: 0 !important;
	border: 0 !important;
	background: unset;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}
#greetingModal .shadow {
	/* border-radius */
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	/* box-shadow */
	-webkit-box-shadow: rgba(0,0,0,.8) 0 0 10px;
	-moz-box-shadow: rgba(0,0,0,.8) 0 0 10px;
	box-shadow: rgba(0,0,0,.8) 0 0 10px;
}
#greetingModal .card-header {
	background-size: cover !important;
	background-position: center 45% !important;
	background-repeat: no-repeat !important;
	height: 197px;
	border: 0;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
#greetingModal .card-body {
	/*background: url(../img/segBg03-2.webp);*/
	background-color: #75c9b1;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	border: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
#greetingModal .judulSub {
	font-family: 'Futura';
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	line-height: 18px;
	text-align: left;
	position: relative;
	text-transform: uppercase;
}
#greetingModal .judulInfo {
	font-family: 'Costa-Rica';
	color: #fff;
	font-size: 42px;
	font-weight: 400;
	text-align: center;
	margin: 0;
	height: 80px;
	line-height: 75px;
	white-space: nowrap;
	text-transform: uppercase;
}
	#greetingModal .judulInfo span {
		font-family: 'Costa-Rica' !important;
		font-size: 22px;
		vertical-align: 6px;
	}
#greetingModal .judulContent {
	font-family: 'Futura';
	color: #fff;
	font-size: 26px;
	font-weight: 600;
	text-align: center;
	line-height: 32px;
	margin: 0;
	max-width: 310px;
	margin: auto;
}
	#greetingModal .judulContent span {
		font-family: 'Futura';
		color: #fff;
		font-size: 26px;
		font-weight: 400;
		text-align: center;
		margin: 0;
	}
#greetingModal .judulSubInfo {
	font-family: 'Futura';
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	text-align: center;
	margin: 0;
}
#greetingModal #openInvitation {
	font-family: 'Futura';
	color: #fff;
	font-size: 16px;
	margin-bottom: 50px;
	width: 200px;
	height: 45px;
	border-radius: 50px !important;
}
/*Phone International Input*/
.iti__hide {
	display: none;
}
.iti__country-list {
	color: #000;
	font-size: 16px !important;
}
.iti {
	display: block !important;
}
#txt-name, #txt-phone {
	color: #000;
	font-size: 16px !important;
}
#result {
	margin-bottom: 100px;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
	background: none;
}




/*==========================================================*/



/*General Style*/
.judulText {
	font-family: 'Aston-Script' !important;
	color: #fff !important;
	font-size: 37px !important;
	font-weight: 400 !important;
	/*text-transform: uppercase !important;*/
	text-align: center !important;
	/*letter-spacing: 3.64px;*/
	line-height: 100px;
	height: 95px !important;
	margin: 0 !important;
}
.judulTextSub {
	font-family: 'Futura' !important;
	color: #fff;
	/*font-size: 20px;*/
	font-weight: 400;
	letter-spacing: .5px;
	line-height: 23px;
	text-align: left;
	position: relative;
}
	.judulTextSub p {
		text-align: left;
	}
	/*.judulTextSub small {
		font-family: 'Futura';
	}*/
	.judulTextSub.hr-line span {
		font-family: Brush-Script;
		font-size: 46px;
		color: #8ebca0;
	}
.textColorized {
	color: #8ebca0 !important;
	font-family: 'Costa-Rica' !important;
	font-size: 38px !important;
	text-transform: none;
	letter-spacing: normal;
	height: unset;
	line-height: 65px !important;
}
.textColorized span {
	display: block;
}
small {
	/*font-size: 70% !important;*/
	line-height: normal !important;
}

/*Main Countdown*/
#timerDemo {
	color: #0e0e0e;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
}

/*Welcome page*/
.firstPage {
	text-align: center;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
}
	.firstPage .logo-icon {
		max-width: 450px;
		width: 100%;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.firstPage .judulSub {
		font-family: 'Futura';
		font-size: 21px;
		font-weight: 300;
		color: #5a725a;
		text-transform: uppercase;
		/*line-height: 50px;*/
		text-align: center;
		letter-spacing: 1.5px;
	}
	.firstPage .judulInfo {
		font-family: 'Costa-Rica';
		color: #8ebca0;
		font-size: 52px;
		font-weight: 400;
		/* line-height: 80px; */
		text-align: center;
		bottom: 10px;
		text-transform: uppercase;
		letter-spacing: -2px;
	}
		.firstPage .judulInfo span {
			font-size: 22px;
			vertical-align: 7px;
		}
	.firstPage .subJudulInfo,
	.firstPage .judulSubInfo {
		font-family: 'Futura';
		padding-top: 10px;
		font-weight: 300;
		font-size: 17px;
	}
	.firstPage img.logo-name-1 {
		max-width: 75px;
		width: 100%;
		position: absolute;
		bottom: 200px;
	}
	.firstPage img.logo-name-2 {
		max-width: 100px;
		width: 100%;
		position: absolute;
		bottom: 130px;
	}

	.firstPage .videoFrame {
		text-align: center;
		z-index: 555;
	}
		.firstPage .videoFrame > video {
			width: 100%;
			height: auto;
			/*object-fit: cover;*/
			border-radius: 5px;
			z-index: 9999;
			object-fit: cover;
			box-shadow: none;
			outline: none !important;
			background: #8ebca0;
			border: 7px solid #c6cec6;
		}
		.firstPage .videoFrame > iframe {
			width: 420px ;
			height: 230px ;
			/*object-fit: cover !important;*/
			border-radius: 5px;
			z-index: 9999;
			box-shadow: none;
			outline: none !important;
		}
		.firstPage .videoFrame video::-webkit-media-controls-panel {
			background: none;
		}

/*source Story*/
.ourStory {
	text-align: center;
}
}.ourStory .judulTextSub {
	text-align: justify;
}
}
.ourStory .judulTextSub p {
	margin-bottom: 0 !important;
}

/*Tidbits*/
.ourTidbits {
	text-align: center;
}
	.ourTidbits .tidbits {
		text-align: left;
		font-size: 16px !important;
		/*font-family: 'Futura';*/
		line-height: 23px;
		font-size: 20px;
	}
		.ourTidbits .tidbits > li {
			list-style: none;
		}
	.ourTidbits .tidbits > li span {
		display: inline-block;
	}
		.ourTidbits .tidbits > li::marker {
			content: "";
			font-weight: 600;
			color: #1c1e40;
			display: none;
		}
		.ourTidbits .tidbits .question:before {
			content: "Q : ";
			font-weight: 600;
			color: #1c1e40;
			margin-left: -22px;
		}
	.ourTidbits .tidbits .question {
		color: #1c1e40;
		font-weight: 600;
	}
	.ourTidbits .tidbits .answer {
		margin-bottom: 10px;
	}
		.ourTidbits .tidbits .answer > ol {
			padding-left: 15px;
		}
	.ourTidbits judulTextSub {
		text-align: center;
	}
	.ourTidbits .judulTextSub {
		text-align: center;
		font-size: 16px !important;
	}
	.ourTidbits .judulTextSub h6 {
		font-weight: 800;
		font-style: italic;
	}

/*Invitation Info*/
.invitInfo {
	text-align: center !important;
}
	.invitInfo .judulText {
		color: #8ebca0;
		font-family: Bintaro;
		font-size: 60px ;
		text-transform: none;
	}
	.invitInfo .textColorized {
		color: #be9b63;
		font-family: Silenter;
		font-size: 60px;
		text-transform: none;
	}

/*Time Counter*/
.counterTime {
	background: #8ebca000;
	display: flex !important;
}
	.counterTime .line-gradient.top {
		position: absolute;
		top: -6px;
		left: 0;
		height: 6px;
		z-index: 1;
	}
	.counterTime .line-gradient.bottom {
		position: absolute;
		bottom: -6px;
		left: 0;
		height: 6px;
		z-index: 1;
	}
	.counterTime .line-gradient {
		height: 5px;
		width: 100%;
		background: #be9a62;
	}
	.counterTime .mainCount .judulSubInfo {
		font-family: 'Futura';
		font-size: 20px;
		font-weight: 400;
		letter-spacing: .8px;
		color: #fff;
		padding-top: 10px;
	}

	.counterTime .mainCount .timerDemoR {
		font-family: 'Futura';
		color: #472345;
		padding-top: 10px;
		margin: 0;
	}
		.counterTime .mainCount .timerDemoR div {
			margin: 15px 10px !important;
			padding: 8px;
			background: #fff;
			width: 81px;
			height: 81px;
			border-radius: 8px;
			box-shadow: 2px 2px 10px -2px #0000009b;
		}
		.counterTime .mainCount .timerDemoR > .countDay,
		.counterTime .mainCount .timerDemoR > .countHr,
		.counterTime .mainCount .timerDemoR > .countMin,
		.counterTime .mainCount .timerDemoR > .countSec {
			font-size: 22px;
			font-weight: 400;
			text-align: center;
		}
			.counterTime .mainCount .timerDemoR > .countDay > p,
			.counterTime .mainCount .timerDemoR > .countHr > p,
			.counterTime .mainCount .timerDemoR > .countMin > p,
			.counterTime .mainCount .timerDemoR > .countSec > p {
				font-family: 'Futura';
				font-size: 16px;
				font-weight: 400;
				margin-top: -25px !important;
				color: #472345;
			}

/*Schedule and location*/
.schedule {
	margin: 25px 0 0 0;
	width: 100%;
	text-align: center;
}
.schedule .information {
	padding: 0 20px 20px 10px;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-bottom: 20px;
	border-bottom: 1px solid #80808024;
}
	.schedule .information .time-container {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-ms-flex-align: start;
		align-items: flex-start;
		text-align: left;
		padding-right: 20px;
		/*padding-top: 4px;*/
		-ms-flex: 1;
		flex: 3;
	}
		.schedule .information .time-container .time {
			color: #5a725a;
			display: -ms-flexbox;
			display: flex;
			text-align: center;
			font-size: 19px;
			font-weight: 600;
			font-family: 'Futura';
		}
			.schedule .information .time-container .time div span {
				font-family: 'Futura';
				font-weight: 400;
				font-size: 19px;
				line-height: 0;
			}
	.schedule .information .event {
		display: -ms-flexbox;
		display: flex;
		-ms-flex: 6;
		flex: 6;
		-ms-flex-direction: column;
		flex-direction: column;
	}
		.schedule .information .event .eventName {
			color: #5a725a;
			font-family: 'Futura';
			font-size: 19px;
			font-weight: 600;
			text-align: left;
			margin-bottom: 10px;
			line-height: 23px;
		}
		.schedule .information .event .judulTextSub {
			line-height: 23px;
		}
	.schedule .locMap {
		width: 100%;
		/*min-height: 220px;*/
		padding-bottom: 20px;
	}
		.schedule .locMap > iframe {
			width: 90% !important;
			height: 200px !important;
			border-radius: 5px;
		}

/*Virtual Live*/
.virtualLive {
	text-align: center;
}
	.virtualLive .judulText {
		font-family: Channe;
		color: #8ebca0;
		font-size: 72px;
		font-weight: 400;
		text-transform: none;
		text-align: center;
		/* line-height: 80px; */
		/* height: 93px !important; */
		margin: 0 !important;
	}
	.virtualLive > .hr-line {
		width: 100%;
		max-width: 210px;
	}
	.virtualLive > .judulTextSub {
		font-family: 'Futura';
		color: #333;
		/*font-size: 16px;*/
		font-weight: 400;
		/*line-height: 35px;*/
		text-align: center;
		position: relative;
	}

/*RSVP Radio to Button*/
.btn-rsvpRadio {
	color: #fff !important;
	font-size: 16px !important;
	background-color: #d2cde8 !important;
	border-color: #d2cde8 !important;
	border-radius: 4px !important;
	cursor: pointer !important;
	outline: unset !important;
	/*box-shadow: 0 2px 3px 0 #0000003b !important;*/
	min-width: 75px !important;
	height: 45px !important;
	/*width: 90px !important;*/
	line-height: unset;
	display: inline-flex;
	
}
	.btn-rsvpRadio:hover {
		color: #fff !important;
		background-color: #b197b7 !important;
		border-color: #b197b7 !important;
	}
	.btn-rsvpRadio.active {
		color: #fff !important;
		background-color: #b197b7 !important;
		border-color: #b197b7 !important;
	}

/*RSVP and Smart RSVP*/
.rsvp {
	justify-content: center;
	align-content: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.rsvpBtnPage {
	font-size: 12px !important;
	line-height: 16px!important;
	padding: 7px 22px 22px 22px;
	margin: 0 -15px -1px -15px;
}
.rsvpBtnPage.active {
	font-size: 12px !important;
}
.btn-rsvp {
	height: 48px !important;
	width: 98px !important;
}
.pgm-story .swiper-wrapper .swiper-slide a.addPlus {
	background: #d2cde8;
}
.btn-form {
	color: #fff !important;
	background-color: #d2cde8 !important;
	border-color: #d2cde8 !important;
	font-size: 16px;
	outline: none !important;
	/*box-shadow: 0 2px 3px 0 #0000003b !important;*/
	cursor: pointer;
	border-radius: 4px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px !important;
}
	.btn-form:hover {
		color: #fff !important;
		background-color: #b197b7 !important;
		border-color: #b197b7 !important;
	}
	.btn-form:active {
		color: #fff !important;
		background-color: #b197b7 !important;
		border-color: #b197b7 !important;
	}
	.btn-form[aria-expanded="true"] {
		color: #fff !important;
		background-color: #b197b7 !important;
		border-color: #b197b7 !important;
	}
	.btn-form.active {
		color: #fff !important;
		background-color: #b197b7 !important;
		border-color: #b197b7 !important;
	}
.btn-form-active {
	color: #fff !important;
	background-color: #b197b7 !important;
	border-color: #b197b7 !important;
}

/* .BGbtn-form.active, */
.btn-group-toggle > div > .btn,
.btn-group-toggle > div > .btn-group > .btn {
	margin-bottom: 0;
}

.btn-group-toggle > div > .btn input[type="radio"],
.btn-group-toggle > div > .btn input[type="checkbox"],
.btn-group-toggle > div > .btn-group > .btn input[type="radio"],
.btn-group-toggle > div > .btn-group > .btn input[type="checkbox"] {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none;
	display: none;
}
.BGbtn-form[aria-expanded="true"] {
	width: 142px;
	height: 78px;
	/* padding: 6px 0 0 0; */
	background: url(../img/rsvpBtnBigBg1.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.BGbtn-form2 {
	width: 142px;
	height: 77px;
	/* padding: 6px 0 0 0; */
	background: url(../img/rsvpBtnBigBg2.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.valVisit {
	width: 80px;
	height: 56px;
	padding: 5px 0 0 0;
}
.BGbtn-dropdown {
	background: url(../img/rsvpBtnSmallBg.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.menubgL {
	border-bottom-left-radius: 15px !important;
}

.menubgR {
	border-bottom-right-radius: 15px !important;
}

.btn-dropDown {
	color: #fff !important;
	border-color: #21645c !important;
	background-color: #21645c !important;
	width: 53px !important;
	box-shadow: 0 2px 3px 0 #00000075;
}
.rsvpMenu {
	color: #fff;
	background: #5d846800;
	border-radius: 20px;
	padding: 20px 30px 20px 30px !important;
	min-height: 203px !important;
}
.rsvpMenu .card.mnuCard {
	background: #ffffff00 !important;
}
.rsvpMenuD0 {
	background: #75c9b1;
	border-radius: 20px;
	z-index: 10;
	font-size: 16px;
}
	.rsvpMenuD0 .btn-rsvpMenuD0 {
		color: #fff;
		font-size: 16px;
		font-family: 'Futura';
		background-color: #d2cde8;
		border-color: #d2cde8;
		border-radius: 4px;
		cursor: pointer;
		outline: unset !important;
		box-shadow: 0 2px 3px 0 #0000003b !important;
		height: 48px;
		min-width: 75px;
		width: 98px;
		line-height: unset;
	}
		.rsvpMenuD0 .btn-rsvpMenuD0:hover {
			color: #fff;
			background-color: #b197b7;
			border-color: #b197b7;
		}
		.rsvpMenuD0 .btn-rsvpMenuD0.active,
		.rsvpMenuD0 .btn-rsvpMenuD0[aria-expanded="true"] {
			color: #fff;
			background-color: #b197b7;
			border-color: #b197b7;
		}
.rsvpMenuD1 {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	background: #8dd3bf;
	color: #fff;
	z-index: 9;
}
	.rsvpMenuD1 .btn-rsvpMenuD1 {
		color: #fff;
		font-size: 16px;
		/*font-family: 'Futura';*/
		background-color: #d2cde8;
		border-color: #d2cde8;
		border-radius: 4px;
		cursor: pointer;
		outline: unset !important;
		box-shadow: 0 2px 3px 0 #0000003b !important;
		min-width: 75px;
		width: 98px;
		height: 48px;
		line-height: unset;
	}
		.rsvpMenuD1 .btn-rsvpMenuD1:hover {
			color: #fff !important;
			background-color: #b197b7 !important;
			border-color: #b197b7 !important;
		}
		.rsvpMenuD1 .btn-rsvpMenuD1.active,
		.rsvpMenuD1 .btn-rsvpMenuD1[aria-expanded="true"] {
			color: #fff !important;
			background-color: #b197b7 !important;
			border-color: #b197b7 !important;
		}
	 /*Other tab*/
	.rsvpMenuD1 .btn-rsvpMenuD1-1 {
		color: #fff;
		font-size: 16px;
		/*font-family: 'Futura';*/
		background-color: #d2cde8;
		border-color: #d2cde8;
		border-radius: 4px;
		cursor: pointer;
		outline: unset !important;
		box-shadow: none !important;
		line-height: unset;
	}
		.rsvpMenuD1 .btn-rsvpMenuD1-1:hover {
			color: #7a6f63 !important;
			background-color: #b197b7 !important;
			border-color: #b197b7 !important;
		}
		.rsvpMenuD1 .btn-rsvpMenuD1-1.active,
		.rsvpMenuD1 .btn-rsvpMenuD1-1[aria-expanded="true"] {
			color: #7a6f63 !important;
			background-color: #b197b7 !important;
			border-color: #b197b7 !important;
		}

.rsvpMenuD2 {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	background-color: #9fe2cd;
	color: #fff;
	z-index: 8;
	outline: unset !important;
	box-shadow: unset !important;
	position: relative;
}
	.rsvpMenuD2 .BGbtn-dropdown .btn-rsvpMenuD2,
	.rsvpMenuD2 .btn-rsvpMenuD2 {
		color: #fff;
		background-color: #d2cde8;
		border-color: #d2cde8;
		width: 53px !important;
		cursor: pointer;
		outline: unset !important;
		box-shadow: 0 2px 3px 0 #0000003b !important;
		padding: 0;
		text-align: center;
	}
		.rsvpMenuD2 .btn-rsvpMenuD2:focus {
			border-color: transparent !important;
		}
		.rsvpMenuD2 .BGbtn-dropdown .btn-rsvpMenuD2:hover,
		.rsvpMenuD2 .btn-rsvpMenuD2:hover {
			color: #fff !important;
			background-color: #b197b7 !important;
			border-color: #b197b7 !important;
		}
		.rsvpMenuD2 .BGbtn-dropdown .btn-rsvpMenuD2.active,
		.rsvpMenuD2 .btn-rsvpMenuD2.active,
		.rsvpMenuD2 .BGbtn-dropdown .btn-rsvpMenuD2,
		.rsvpMenuD2 .btn-rsvpMenuD2[aria-expanded="true"] {
			color: #fff !important;
			background-color: #b197b7 !important;
			border-color: #b197b7 !important;
			font-weight: 400 !important;
		}
	.rsvpMenuD2 .d-inline-block.left {
		/*position: absolute;*/
		bottom: 13px;
		left: 55px;
		width: 70px;
		text-align: right;
		line-height: 17px;
		white-space: nowrap;
	}
	.rsvpMenuD2 .d-inline-block.right {
		/*position: absolute;*/
		bottom: 20px;
		right: 65px;
		width: 70px;
		text-align: right;
		line-height: 17px;
		white-space: nowrap;
	}

.rsvpMenuD3 {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	background-color: #c6c6c2;
	color: #aeedd8;
	z-index: 7;
}
	.rsvpMenuD3 .btn-rsvpMenuD3 {
		color: #fff;
		background-color: #d2cde8;
		border-color: #d2cde8;
		cursor: pointer;
		box-shadow: none;
	}
		.rsvpMenuD3 .btn-rsvpMenuD3:hover {
			color: #fff !important;
			background-color: #b197b7 !important;
			border-color: #b197b7 !important;
		}
		.rsvpMenuD3 .btn-rsvpMenuD3.active,
		.rsvpMenuD3 .btn-rsvpMenuD3[aria-expanded="true"] {
			color: #fff !important;
			background-color: #b197b7 !important;
			border-color: #b197b7 !important;
			font-weight: 400;
		}
.rsvpV2Q-01 {
	background-color: #aeedd8;
	color: #fff;
	z-index: 6;
}
.rsvpV2Q-02 {
	background-color: #aeedd8;
	color: #fff;
	z-index: 5;
}
.rsvpV2Q-03 {
	background-color: #aeedd8;
	color: #fff;
	z-index: 4;
}

.rsvpV2Q-04 .btn.rsvpRadio,
.rsvpV2Q-03 .btn.rsvpRadio,
.rsvpV2Q-02 .btn.rsvpRadio,
.rsvpV2Q-01 .btn.rsvpRadio {
	color: #fff;
	background-color: #9eb5a2;
	border-color: #9eb5a2;
	cursor: pointer;
	box-shadow: none;
}
	.rsvpV2Q-04 .btn.rsvpRadio:hover,
	.rsvpV2Q-03 .btn.rsvpRadio:hover,
	.rsvpV2Q-02 .btn.rsvpRadio:hover,
	.rsvpV2Q-01 .btn.rsvpRadio:hover {
		color: #7a6f63 !important;
		background-color: #b197b7 !important;
		border-color: #b197b7 !important;
	}
	.rsvpV2Q-04 .btn.rsvpRadio.active,
	.rsvpV2Q-03 .btn.rsvpRadio.active,
	.rsvpV2Q-02 .btn.rsvpRadio.active,
	.rsvpV2Q-01 .btn.rsvpRadio.active,
	.rsvpV2Q-04 .btn.rsvpRadio[aria-expanded="true"],
	.rsvpV2Q-03 .btn.rsvpRadio[aria-expanded="true"],
	.rsvpV2Q-02 .btn.rsvpRadio[aria-expanded="true"],
	.rsvpV2Q-01 .btn.rsvpRadio[aria-expanded="true"] {
		color: #7a6f63 !important;
		background-color: #b197b7 !important;
		border-color: #b197b7 !important;
		font-weight: 400;
	}
	/*.rsvpV2Q-04 .btn.rsvpRadio input,
	.rsvpV2Q-03 .btn.rsvpRadio input,
	.rsvpV2Q-02 .btn.rsvpRadio input,
	.rsvpV2Q-01 .btn.rsvpRadio input {
		display: none;
	}*/
	.rsvpV2Q-04 .d-flex.flex-column,
	.rsvpV2Q-03 .d-flex.flex-column,
	.rsvpV2Q-02 .d-flex.flex-column,
	.rsvpV2Q-01 .d-flex.flex-column {
		flex-direction: row !important;
	}
		.rsvpV2Q-04 .btn.rsvpRadio,
		.rsvpV2Q-03 .btn.rsvpRadio,
		.rsvpV2Q-02 .btn.rsvpRadio,
		.rsvpV2Q-01 .btn.rsvpRadio {
			height: 45px !important;
			width: 90px !important;
			display: inline-flex !important;
			align-items: center;
			justify-content: center !important;
			margin: 0 10px;
		}
.rsvpMenuD9 {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	background-color: #aeedd8;
	color: #fff;
	z-index: 0;
}
	.rsvpMenuD9 .btn-rsvpMenuD9 {
		color: #fff;
		background-color: #d2cde8;
		border-color: #d2cde8;
		cursor: pointer;
		box-shadow: none;
		height: 45px !important;
		width: 90px !important;
	}
		.rsvpMenuD9 .btn-rsvpMenuD9:hover {
			color: #7a6f63 !important;
			background-color: #b197b7 !important;
			border-color: #b197b7 !important;
		}
		.rsvpMenuD9 .btn-rsvpMenuD9.active,
		.rsvpMenuD9 .btn-rsvpMenuD9[aria-expanded="true"] {
			color: #7a6f63 !important;
			background-color: #b197b7 !important;
			border-color: #b197b7 !important;
			font-weight: 400;
		}
/*Advance Smart RSVP*/
.subStep03-all .subStep01-01,
.subStep03-all .mnuCard {
	margin: -50px 0 0 0 !important;
}

.mnuCard {
	border: 0 !important;
	border-radius: 40px !important;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	/*background: #ececec !important;*/
}
.mnuDrop1 {
	margin: -50px 0 0 0;
	min-height: 50px;
}
.card {
	/* background: #eaeaea !important; */
	/* background: linear-gradient(0deg, #eaeaea 0, rgba(255,255,255,0) 100%);*/
}
.mnuCard {
	border: 0 !important;
	border-radius: 10px !important;
}

/*Attire*/
.attire {
	text-align: center;
}
.attire > .judulText {
	font-family: Silenter;
	color: #8ebca0;
	font-size: 72px;
	font-weight: 400;
	text-transform: none;
	text-align: center;
	/* line-height: 80px; */
	/* height: 93px !important; */
	margin: 0 !important;
}
.attire > .hr-line {
	width: 100%;
	max-width: 250px;
}
.attire > .segHeader {
	justify-content: center;
	align-content: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
	.attire > .segHeader .judulTextSub p {
		font-family: 'Futura';
		color: #8ebca0;
		font-size: 18px;
		font-weight: 400;
		line-height: unset;
		text-align: center;
		position: relative;
	}
	.attire .attire .d-flex,
	.attire .protocol .d-flex {
		font-family: 'Futura';
		width: 100%;
		font-size: 18px;
		font-weight: 400;
		margin-bottom: 5px;
		line-height: 20px;
		/*letter-spacing: .36px;*/
	}
	.attire .attire .d-flex .left,
	.attire .protocol .d-flex .left {
		width: 38px !important;
		margin-right: 15px !important;
	}
	.attire .attire .d-flex .right,
	.attire .protocol .d-flex .right {
		text-align: left;
		margin-left: 0;
		margin-top: auto;
		margin-bottom: auto;
	}
.attire .attire.colorAttire {
	max-width: 420px;
	margin: auto;
}
	.attire .attire.colorAttire li img {
		width: 150px;
	}
	.attire .attire.colorAttire li {
		padding: 7px
	}
.icnAttire {
	width: 38px;
	height: auto;
}

/*Gift*/
.gift {
	justify-content: center;
	align-content: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	/*margin: 0 50px;*/
}
	.gift h2.judulText {
		font-family: Silenter;
		color: #8ebca0;
		font-size: 72px;
		font-weight: 400;
		text-align: center;
		text-transform: none;
		/*line-height: 110px;
		height: 95px !important;*/
		margin: 0 !important;
	}
	.gift img.hr-line {
		width: 100%;
		max-width: 210px;
	}
	/*.gift p.judulTextSub {
		font-family: 'Futura';
		color: #333;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		text-align: left;
		position: relative;
	}*/
	.gift .mnuCard .divCenter img.qrcode {
		height: 250px;
		border-radius: 12px;
		border: 10px solid #d2cde8;
	}
	.gift .mnuCard .divCenter h3.judulSub {
		font-family: 'Futura';
		color: #333;
		font-size: 18px;
		font-weight: 500;
		text-align: center;
		text-transform: uppercase;
		line-height: unset;
		position: relative;
	}
	.gift .mnuCard .divCenter .howto {
		font-size: 16px;
		padding: 0;
		/*margin: 0 20px;*/
	}
	.gift .mnuCard .divCenter .howto li {
		padding: 0;
		margin: 0 0 0 15px;
		line-height: 20px;
	}
		.gift .mnuCard .divCenter .howtoSub li {
			padding: 0;
			margin: 0;
		}
	.gift .mnuCard .divCenter p.separator {
		display: flex;
		align-items: center;
		text-align: center;
		font-size: 18px;
		font-weight: 500;
		font-family: Baskerville;
	}
.howto {
	font-size: 16px;
	padding: 0 20px 0 20px;
	margin: 0;
	text-align: left;
	font-weight: 300;
	line-height: 19px;
}
.howtoSub {
	padding: 0 0 0 20px;
}
.tooltip {
	position: relative;
	display: inline-block;
}

	.tooltip .tooltiptext {
		visibility: hidden;
		width: 140px;
		background-color: #555;
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 5px;
		position: absolute;
		z-index: 1;
		bottom: 150%;
		left: 50%;
		margin-left: -75px;
		opacity: 0;
		transition: opacity .3s;
	}

		.tooltip .tooltiptext::after {
			content: "";
			position: absolute;
			top: 100%;
			left: 50%;
			margin-left: -5px;
			border-width: 5px;
			border-style: solid;
			border-color: #555 transparent transparent transparent;
		}

	.tooltip:hover .tooltiptext {
		visibility: visible;
		opacity: 1;
	}

	
/*Protocols*/
.protocols {
	text-align: center;
}
.protocols .icnAttire {
	width: 54px;
	height: auto;
	margin-bottom: 13px;
}
	.protocols .item-icon {
		flex-grow: 1;
		flex-shrink: 1;
		flex-basis: 0;
		text-align: center;
		justify-content: center;
		min-width: 96px;
		max-width: 160px;
		line-height: 15px;
		margin: 0 0;
	}
		.protocols .item-icon span {
			/*color: #58595b;*/
			line-height: 25px;
			font-size: 20px;
			/*letter-spacing: .9px;*/
		}
	.protocols .item-icon:nth-child(4),
	.protocols .item-icon:nth-child(5) {
		max-width: 170px;
	}
.protocolList {
	/* width: 50%;*/
	max-width: 910px;
}
	.protocolList > * {
		flex: 1 1 100% !important;
		/*margin-left: 1rem !important;
		margin-right: 1rem !important;*/
		margin-bottom: 2rem !important;
		max-width: 213px;
	}
/*Footer*/
.overlayBgFooter {
	background: linear-gradient(180deg, rgba(223,190,183,0) 10%, rgba(223,190,183,.32) 45%, rgba(223,190,183,.9) 80%, #dfbeb7 92%);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.footerConnectied {
	text-align: center;
	height: 100%;
}
	.footerConnectied h1 {
		font-family: 'Costa-Rica';
		font-weight: 300 !important;
		font-size: 40px;
		color: #fff;
		text-shadow: 1px 1px 7px #00000040;
		/*letter-spacing: 3.36px;*/
		height: 95px;
		line-height: 110px;
		/*text-transform: uppercase;*/
	}
	.footerConnectied p {
		font-family: 'Futura';
		font-weight: 300 !important;
		font-size: 19px;
		letter-spacing: .6px;
		color: #fff;
	}
	.footerConnectied a {
		position: unset;
	}
.footerConnectied a.footerLogo {
	position: absolute;
	bottom: 40px;
}
	.footerConnectied .gradientOverlay {
		position: absolute;
		width: 100%;
		height: 100%;
		background: linear-gradient(180deg, rgba(226,191,131,0) 0, rgba(226,191,131,.2) 30%, rgba(226,191,131,.5) 49%, rgba(226,191,131,.7) 69%, #e2bf83 91%);
	}

@media (max-width: 300px), (max-width: 426px) {
	.firstPage .judulInfo {
		font-size: 52px;
	}
	.firstPage .judulInfo span {
		font-size: 24px;
	}

	.ourStory .judulTextSub {
		padding: 0 !important;
	}

	.ourTidbits .tidbits {
		text-align: left;
		font-size: 17px;
		margin-bottom: 20px;
		padding-left: 18px;
		font-family: 'Futura';
	}
}


/*OTHER / OLD*/
.borderPics {
	border: 10px solid #e2e2e2;
}

.wordQuote {
	width: 250px;
	font-size: 22px;
	text-align: center;
}

.btnWidthDefault {
	width: 180px;
}

.inputInvite {
	display: inline !important;
	max-width: 213px;
	margin-bottom: 10px;
}

.rsvpBtnConf {
	max-width: 100px;
	width: 100%;
	font-size: 12px !important;
	float: right;
}

.labelDate {
	position: absolute;
	margin: -10px 0 0 7px;
	padding: 0 15px 0 0;
	left: 40px;
	display: block;
	background-color: #fff;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
}

.lineDate {
	width: 100%;
	height: 1px;
	background-color: #e8e8e8;
	display: block;
}

.scheduleDayTitle {
	margin-bottom: 40px;
	width: 100%;
}

.story-photo {
	width: 100%;
}

	.story-photo > .judulTextSub > span,
	.story-photo > .judulSlideSub > span {
		background-color: transparent !important;
		padding: 0 !important;
		margin: 0 !important;
		color: unset !important;
		font-family: unset !important;
		font-size: unset !important;
		text-align: unset !important;
		background-color: unset !important;
	}

/*select > option {
	font-family: 'Futura';
}*/

.fist-L::first-letter {
	font-family: "Times New Roman" !important;
	float: left;
	font-size: 80px;
	margin: 28px 5px 10px 0;
}

.angpwBtn {
	padding: 4px 10px 0 10px !important;
	height: unset !important;
}

.rsvpMainBtn {
	font-family: 'Futura';
	font-size: 19px;
	font-weight: 300;
	margin-top: 5px;
}

.rsvpBtn {
	margin: 20px 20px 20px 20px;
	width: 200px;
	border-radius: 3px !important;
}


/*==========================================================*/
/*================= MOBILE FRIENDLY ========================*/
/*==========================================================*/
@media (min-width: 1536px) {
	.videoFrame > iframe,
	.videoFrame > video {
		width: 480px !important;
		height: auto !important;
		max-width: unset;
		max-height: unset;
	}
	.judulText {
		font-size: 72px !important;
	}
	.judulTextSub {
		font-size: 18px;
	}
	.textColorized {
		font-size: 75px !important;
		line-height: 90px !important;
	}
	.seg01,
	.seg02,
	.seg03,
	.seg04,
	.seg05,
	.seg06,
	.seg07,
	.seg08 {
		background-size: 100%;
	}
}
@media (max-width: 1367px) {
	.videoFrame > iframe,
	.videoFrame > video {
		width: 410px !important;
		height: 230px !important;
	}
	.judulTextSub.textColorized {
		font-size: 45px !important;
	}

	.counterTime h3.subJudulInfo {
		font-size: 21px !important;
	}
	/*Timer Counter*/
	.counterTime {
		min-height: 170px;
	}
		.counterTime .mainCount .judulSubInfo {
			font-size: 18px;
		}
		.counterTime .mainCount .timerDemoR {
			padding-top: 5px !important;
			margin: 0 !important;
		}
		.counterTime .mainCount .timerDemoR div {
			margin: 10px 10px !important;
			padding: 9px;
			background: #fff;
			width: 70px;
			height: 70px;
			border-radius: 6px;
			box-shadow: 2px 2px 10px -2px #0000009b;
		}
			.counterTime .mainCount .timerDemoR > .countDay,
			.counterTime .mainCount .timerDemoR > .countHr,
			.counterTime .mainCount .timerDemoR > .countMin,
			.counterTime .mainCount .timerDemoR > .countSec {
				font-size: 18px;
				font-weight: 300;
				text-align: center;
			}
				.counterTime .mainCount .timerDemoR > .countDay > p,
				.counterTime .mainCount .timerDemoR > .countHr > p,
				.counterTime .mainCount .timerDemoR > .countMin > p,
				.counterTime .mainCount .timerDemoR > .countSec > p {
					font-size: 10px;
					font-weight: 300;
					margin-top: -25px !important;
				}
	.seg06 h1 {
		font-size: 62px;
	}
	.judulInfo {
		font-size: 52px !important;
		line-height: 50px;
	}
}
@media screen and (max-width: 1024px) {

	.language-box {
		left: 50%;
		top: 38px;
	}

	.inputInvite {
		display: inline;
		max-width: none;
		margin-bottom: 10px;
	}

	.rsvpBtnConf {
		max-width: none;
		width: 100%;
		font-size: 12px !important;
	}

	.innerS5 .judulText, thumb {
		margin: 0;
	}

	.thumb {
		margin-left: 100px;
	}

	.thumbFood {
		margin-left: 45px;
	}

	.card-body {
		padding: unset !important;
	}

	.inputInvite {
		display: inline;
		margin-bottom: 10px;
	}

	.rsvpBtnConf {
		max-width: none;
		width: 100%;
		font-size: 12px !important;
	}

	.judulTextPersons {
		font-size: 38px;
		margin: 0;
	}

	.cover-right img {
		left: 30% !important;
	}

	.judulInfo {
		font-size: 38px !important;
		line-height: 50px;
	}

	.judulText {
		font-size: 38px !important;
		height: 95px !important;
		line-height: 100px;
	}

	.judulSlide {
		font-size: 48px;
		line-height: 52px;
		bottom: 0;
	}
		.judulSlideSub {
		font-size: 20px;
		line-height: 42px;
	}
	.videoFrame {
		text-align: center;
	}
	.videoFrame > iframe,
	.videoFrame > video {
		width: 280px !important;
		height: 157px !important;
	}
	.seg06 h1 {
		font-size: 64px;
	}
	.judulTextSub.textColorized {
		font-size: 50px !important;
	}
	.rsvpMenuD1 .btn-rsvpMenuD1 {
		width: 75px;
	}
}
@media screen and (width: 768px) {

	.hide768 {
		display: none;
	}
}
@media screen and (max-width: 768px) {

	.language-box {
		position: fixed;
		left: 88%;
		top: 26px;
		font-size: 16px;
		text-shadow: 0 3px 5px rgb(150 150 150 / 70%);
		z-index: 15;
		color: white;
		width: 60px;
	}

	.judulSlide {
		font-size: 42px;
		line-height: 45px;
		text-align: left;
		margin: 0 80px 0 35px;
		/*top: 60px;*/
	}

	.judulSlideSub {
		font-size: 23px;
		line-height: 30px;
		text-align: left;
		margin: 0 35px 0 35px;
		padding: 0;
		position: relative;
		/*top: 60px;*/
		/*max-width: 340px;*/
	}

	.photoSlide {
		width: auto !important;
		position: unset !important;
	}

	.rsvpBtnPage {
		margin: 10px 0 10px 0 !important;
	}

	#menuToggle {
		display: block;
		position: fixed;
		top: 35px;
		left: 35px;
		-webkit-user-select: none;
		user-select: none;
	}

	/*.menuHead {
		margin: -21px -21px 0 -21px;
	}*/

	.inner01 {
		float: none !important;
		width: unset !important;
		justify-content: center;
		align-content: center;
	}

	section .innerText {
		position: relative;
		width: 100%;
		left: unset;
		text-align: left;
	}

	.innerS5 .judulText, thumb {
		margin: 0;
	}

	.thumb {
		padding-left: 35px;
	}
	.videoFrame {
		text-align: center;
	}
	.videoFrame > iframe,
	.videoFrame > video {
		width: 410px !important;
		height: 231px !important;
	}
	.slideColumn .logo-name {
		width: 450px;
		margin: 90px 0 0 30px !important;
		display: flex;
	}
	.rsvpMenuD1 .btn-rsvpMenuD1 {
		width: 75px;
	}

	.seg07 {
		background-position: top left, top right, left 20%, right 25%, bottom center, top center;
	}
	.protocols .item-icon {
		max-width: 125px;
	}

	.counterTime .timerDemoR {
		max-width: unset !important;
		top: unset;
		line-height: 42px;
	}
	
	.attire .protocol .row {
		justify-content: center;
	}
		.attire .protocol .row .d-flex {
			display: flex !important;
			flex-direction: column !important;
			align-items: center;
			text-align: center;
			max-width: 180px !important;
			margin: 5px;
		}
		.attire .protocol .row .d-flex .left,
		.attire .protocol .row .d-flex .right {
			text-align: center;
			margin: 0 0 5px 0 !important;
		}
			.attire .protocol .row .d-flex .left,
			.attire .protocol .row .d-flex .left .icnAttire {
				width: 47px !important;
				height: auto;
			}
}

@media screen and (max-width: 686.364px) {


	.photoSlide .language-box {
		display: none;
	}

	.language-box {
		display: normal;
	}

	.language-box-mobile {
		display: block;
	}

   /* .judulText {
		line-height: 30px;
		margin: 0;
	}*/

	.rsvpForm {
		padding: 0 !important;
	}
}

@media (max-width: 767px) {   
	.slideColumn2nd {
		padding-top: 25px;
	}
		.slideColumn2nd .judulSlide {
			font-size: 32px;
			line-height: 45px;
			margin: 0 42px 0 !important;
		}
		.slideColumn2nd .judulSlideSub {
			line-height: 20px;
			margin: 0 40px 0 !important;
		}
}
/*@media (max-width: 702px) {

	.judulSlide {
		font-size: 34px;
		line-height: 42px;
		text-align: left;
		margin: 0 80px 0 35px;
	}

	.judulSlideSub {
		font-size: 18px;
		line-height: 20px;
		text-align: left;
		margin: 0 35px 0 35px;
		padding: 10px 0 0 0;
		position: relative;
		max-width: 340px;
	}
	.judulSlide span {
		font-size: unset;
		vertical-align: unset;
	}
	.slideColumn .logo-name {
		width: 290px;
		margin: 0 0 0 30px !important;
	}

	.photoSlide {
		width: auto !important;
		position: unset !important;
	}

	.rsvpBtnPage {
		margin: 10px 0 10px 0 !important;
	}

	#menuToggle {
		display: block;
		position: fixed;
		top: 35px;
		left: 35px;
		-webkit-user-select: none;
		user-select: none;
	}

	.inner01 {
		float: none !important;
		width: unset !important;
		justify-content: center;
		align-content: center;
	}

	section .innerText {
		position: relative;
		width: 100%;
		left: unset;
		text-align: left;
		padding: 15px 0;
	}

	.innerS5 .judulText, thumb {
		margin: 0;
	}

	.thumb {
		padding-left: 35px;
	}
}*/

@media (max-width: 500px) {
	.thumb {
		margin-left: 50px;
	}

	.cover {
		background-image: url(../img/1.jpg);
		background-size: cover;
		background-position-x: center;
		background-repeat: no-repeat;
	}

		.cover img {
			display: none !important;
			background-size: cover;
		}

	.cover-right-mobile {
		background-position-x: 90% !important;
	}

	.wthPIC {
		width: 175px;
	}

	.wthICN30 {
		width: 30%;
	}

	.wthICN25 {
		width: 25%;
	}

	.wthICN20 {
		width: 20%;
	}

	.rsvpBtnPage {
		font-size: 10px !important;
	}

	#ck-button > label > span {
		font-size: 10px !important;
	}
	.infoDateMobile .judulSlideSub {
		font-size: 18px;
	}
	.timerDemo.judulSlideSub {
		font-size: 14px;
	}
	.judulInfo {
		font-size: 36px;
		line-height: 50px;
	}

	.judulText {
		font-size: 72px;
	}

	.language-box {
		left: 78%;
	}
	
	.carouselIG .owl-stage-outer {
		width: unset;
	}
		.carouselIG .owl-stage-outer .owl-stage .owl-item {
			width: 64.4px !important;
			margin-right: 28px !important;
		}
	.slideColumn .logo-name {
		width: 285px;
		margin: 90px 0 0 30px !important;
		display: flex;
	}
	
	.firstPage img.logo-name-1 {
		max-width: 65px;
		position: absolute;
		bottom: 155px;
	}
	.firstPage img.logo-name-2 {
		max-width: 85px;
		position: absolute;
		bottom: 100px;
	}

	.seg02 .hr-line {
		max-width: 220px !important;
	}

	.seg03  {
		min-height: unset !important;
	}
		.seg03 .subJudulInfo  {
			font-size: 14pt !important;
		}
		.seg03 .timerDemoR {
			padding-top: 10px !important;
		}
			.seg03 .timerDemoR div {
				margin: 10px 10px !important;
				padding: 15px 5px;
				background: #fff;
				width: 80px;
				height: 80px;
				border-radius: 8px;
				box-shadow: 2px 2px 10px -2px #0000009b;
			}
			.seg03 .timerDemoR > .countDay,
			.seg03 .timerDemoR > .countHr,
			.seg03 .timerDemoR > .countMin,
			.seg03 .timerDemoR > .countSec {
				font-size: 18px;
				font-weight: 600;
			}
				.seg03 .timerDemoR > .countDay > p,
				.seg03 .timerDemoR > .countHr > p,
				.seg03 .timerDemoR > .countMin > p,
				.seg03 .timerDemoR > .countSec > p {
					font-size: 10pt;
					font-weight: 600;
					color: #472345;
					letter-spacing: normal;
				}
		.seg03 .img-object.top {
			top: -66px;
			width: 167px;
		}
		.seg03 .img-object.bottom {
			bottom: -66px;
			width: 120px;
		}
		.seg03 .locMap > iframe {
			width: 80% !important;
		}
		.seg03.innerS2 > .inner01 {
			padding: 0 30px !important;
		}

		.seg06 h1 {
			font-size: 72px;
		}
	.rsvpMenuD1 .btn {
		font-size: 14px;
	}
	
}

@media (max-width: 430px) {
	/*.seg02 {
		background-size: 77%, 35%, auto;
		background-position: bottom left, top right, top center;
	}
	.seg03 {
		background-size: 30%, 30%, 30%, auto;
		background-position: bottom right, bottom left, top right, center top;
	}
	.seg04 {
		background-size: 30%, 30%, 40%, 35%, 35%, auto;
		background-position: bottom left, right 50%, left 65%, top right, top left, center top;
	}
	.seg08 {
		background-size: 90%, 20%, 40%, 45%, 36%, 28%, auto;
		background-position: bottom right, left 69%, right 70%, left 20%, right 22%, top left, center top;
	}*/

	.thumb {
		margin-left: 70px;
	}

	.thumbFood {
		margin-left: 50px;
	}

	.cover-right {
		background-position-x: 90% !important;
	}

	.col-xm.rsvpBtnPage {
		margin-top: -20px !important;
	}
		.col-xm.rsvpBtnPage > a {
			width: 135px !important;
		}
			.col-xm.rsvpBtnPage > a > h3 {
				line-height: 20px !important;
				padding: unset !important;
				margin: unset !important;
			}
	/*.judulTextSub.textColorized {
		font-size: 32px !important;
	}*/
	.videoFrame {
		text-align: center;
	}
		.videoFrame > iframe,
		.videoFrame > video {
			width: 330px !important;
			height: 172px !important;
		}
	.seg01 img {
		width: 300px;
	}
	.icnAttire {
		width: 36px;
		height: auto;
	}
	.time div span {
		font-weight: 400;
		font-size: 8.5pt;
		line-height: 0;
	}
	.judulSlide {
		font-size: 28px;
		margin: 0 0 0 35px;
	}
	
	.seg06 .mb-5.pb-5 {
		padding: 0 10px !important;
	}
	img.footerLogo {
		width: 170px !important;
	}
	.firstPage .judulSub {
		font-size: 15px;
	}
}

@media (max-width: 376px) {

	.thumb {
		margin-left: 40px;
	}

	.thumbFood {
		margin-left: 25px;
	}
	.videoFrame {
		text-align: center;
	}
	.videoFrame > iframe
	.videoFrame > video {
		width: 270px;
		height: 152px;
	}

	.carouselIG .owl-stage-outer {
		width: unset;
	}
		.carouselIG .owl-stage-outer .owl-stage .owl-item {
			width: 71px !important;
			margin-right: 8px !important;
		}

	#greetingModal .card-header {
		background-position: center -60px !important;
	}
	#greetingModal .m-auto.shadow {
		min-width: 288px;
	}
	#greetingModal .judulInfo {
		font-size: 51px;
	}
	#greetingModal .judulContent {
		font-size: 24px;
	}
		#greetingModal .judulContent span {
			font-size: 24px;
		}
	#greetingModal #openInvitation {
		margin-bottom: 40px;
	}
	.icnAttire {
		width: 36px;
		height: auto;
	}

	.time div span {
		font-weight: 400;
		font-size: 16px;
		line-height: 0;
	}

	.seg03 .timerDemoR > .countDay,
	.seg03 .timerDemoR > .countHr,
	.seg03 .timerDemoR > .countMin,
	.seg03 .timerDemoR > .countSec {
		font-size: 18px;
		font-weight: 600;
	}
		.seg03 .timerDemoR > .countDay > p,
		.seg03 .timerDemoR > .countHr > p,
		.seg03 .timerDemoR > .countMin > p,
		.seg03 .timerDemoR > .countSec > p {
			font-size: 10pt;
			font-weight: 600;
			color: #472345;
			letter-spacing: normal;
		}
	.protocols .item-icon {
		max-width: 150px;
	}
}

@media (max-width: 320px) {
	.slideColumn .logo-name {
		margin: 90px 0 0 10px !important;
	}

	.innerS5 .judulText, thumb {
		margin: 0;
	}

	.thumb {
		margin-left: 15px;
	}

	.thumbFood {
		margin-left: -10px;
	}

	.judulSlide,
	.judulSlideSub {
		margin: 0 10px 0 10px !important;
	}

	section .innerText {
		position: relative;
		width: 100%;
		left: unset;
		text-align: left;
		/*border-bottom: 1px solid #8e5c2e;*/
		padding: 30px 20px !important;
	}
	.videoFrame {
		text-align: center;
	}
	.videoFrame > iframe,
	.videoFrame > video {
		width: 235px !important;
		height: 132px !important;
	}
	.seg01 img {
		width: 240px;
	}
	.rsvpBtnPage {
		height: 70px;
		margin: 0 !important;
		padding: 5px 5px 5px 5px !important;
	}
		.rsvpBtnPage > .btn-rsvp {
			height: 37px !important;
			width: 58px !important;
			line-height: 12px !important;
		}
	.BGbtn-form[aria-expanded="true"] {
		width: 80px;
		height: 70px;
		margin: -6px !important;
		background: url(../img/rsvpBtnBigBg1m320.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}

	.BGbtn-form2 {
		width: 80px;
		height: 70px;
		margin: -6px !important;
		background: url(../img/rsvpBtnBigBg2m320.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	.BGbtn-form2 > .btn-rsvp {
		margin: auto !important;
	}
	.BGbtn-form > .btn-rsvp {
		font-size: 10px !important;
		padding: 5px 0 0 0 !important;
	}
	.language-box {
		left: 72%;
	}

	.carouselIG .owl-stage-outer {
		 width: unset; 
	}
		.carouselIG .owl-stage-outer .owl-stage .owl-item {
			width: 70px !important;
			margin-right: 23px !important;
		}


	.judulText {
		font-size: 40px;
	}

	.seg03 .locMap > iframe {
		width: 100% !important;
	}

	.seg06 h1 {
		font-size: 40px;
	}
	.seg06 a {
		font-size: 52px;
	}

	#greetingModal .judulSub {
		line-height: 35px;
	}
	#greetingModal .judulInfo {
		font-size: 28px !important;
		height: 70px;
		line-height: 75px;
	}
	#greetingModal .judulContent {
		margin-top: unset !important;
		margin-bottom: unset !important;
	}
	#greetingModal .judulSubInfo {
		line-height: 22px;
	}

	
	.counterTime .mainCount .timerDemoR {
		margin: 0 !important;
	}
	.counterTime .mainCount .timerDemoR div {
		margin: 10px 10px !important;
		padding: 4px;
		background: #fff;
		width: 60px;
		height: 60px;
		border-radius: 15px;
		box-shadow: 2px 2px 10px -2px #0000009b;
	}
		.counterTime .mainCount .timerDemoR > .countDay,
		.counterTime .mainCount .timerDemoR > .countHr,
		.counterTime .mainCount .timerDemoR > .countMin,
		.counterTime .mainCount .timerDemoR > .countSec {
			font-size: 18px;
			font-weight: 600;
		}
			.counterTime .mainCount .timerDemoR > .countDay > p,
			.counterTime .mainCount .timerDemoR > .countHr > p,
			.counterTime .mainCount .timerDemoR > .countMin > p,
			.counterTime .mainCount .timerDemoR > .countSec > p {
				font-size: 10px;
				font-weight: 600;
				color: #472345;
			}
		.counterTime .mainCount .timerDemoR div {
			margin: 5px !important;
		}

	.schedule .information {
		flex-direction: column;
		padding: 0 10px 20px 10px;
	}
		.schedule .information .time-container {
			justify-content: flex-start;
		}
	.schedule .locMap {
		width: 100%;
		padding: 0 0 0 0 !important;
	}
	.footerConnectied h1 {
		font-size: 32px;
	}
}
@media (min-width: 320px) and (max-width: 1024px) {
	.rsvpMenuD0 .btn-rsvpMenuD0 {
		width: 75px;
	}
	.rsvpMenuD1 .btn-rsvpMenuD1 {
		width: 100px;
		padding: 6px 0;
	}
	.BGbtn-form2 {
		width: 150px;
	}
	.carouselIG .owl-stage {
		width: unset !important;
	}
}
@media (max-width: 300px) {
	.judulInfo {
		font-size: 38px !important;
	}
}
@media (max-width: 300px), (max-width: 375px) {
	.judulTextSub.textColorized {
		font-size: 43px !important;
	}
}
@media (max-width: 375px), (max-width: 424px) {
	/*.judulTextSub.textColorized {
		font-size: 28px !important;
	}*/
	/*.judulTextSub.textColorized img {
		max-width: 175px;
	}*/
}
@media (max-width: 300px), (max-width: 430px) {
	.judulText {
		font-size: 32px !important;
		height: 80px !important;
		line-height: 90px;
	}
	.judulTextSub {
		font-size: 16px;
		letter-spacing: .28px;
		line-height: 19.35px;
	}
	.virtualLive > .hr-line {
		width: 100%;
		max-width: 170px !important;
	}
	.counterTime .mainCount .judulSubInfo {
		/*font-size: 15px;*/
	}
	.infoDateMobile h1 img {
		width: 225px;
		margin: 0 0 -10px -20px;
	}
	.seg01 img.logo-icon {
		/*max-width: 200px;*/
		width: 100%;
		margin-top: 60px !important;
		margin-bottom: 5px !important;
	}
	.seg01 img.logo-name {
		max-width: 316px;
		width: 100%;
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}
	.textColorized.groom img {
		max-height: 55px !important;
	}
	.textColorized.bride img {
		max-height: 50px !important;
	}
	.judulTextSub.hr-line {
		line-height: unset;
	}
	.judulTextSub.hr-line span {
		font-family: Brush-Script;
		font-size: 34px;
		font-weight: 300;
		font-style: italic;
		color: #8ebca0;
	}
	/*.attire > .segHeader .judulTextSub p,
	.firstPage .judulSub {
		font-size: 13px !important;
	}*/
	.textColorized span {
		font-size: 20px !important;
	}
	.attire .attire .d-flex, .attire .protocol .d-flex,
	.schedule .information .time-container .time,
	.schedule .information .event .judulTextSub,
	.schedule .information .event .eventName {
		font-size: 16px;
	}
	.attire .protocol .row {
		justify-content: center;
	}
		.attire .protocol .row .d-flex {
			display: flex !important;
			flex-direction: column !important;
			align-items: center;
			text-align: center;
			max-width: 130px !important;
			margin: 5px;
		}
		.attire .protocol .row .d-flex .left,
		.attire .protocol .row .d-flex .right {
			text-align: center;
			margin: 0 0 5px 0 !important;
		}
			.attire .protocol .row .d-flex .left,
			.attire .protocol .row .d-flex .left .icnAttire {
				width: 47px !important;
				height: auto;
			}

	/*.footerConnectied h1 {
		font-size: 60px;
	}*/
	.footerConnectied p {
		font-size: 13px;
	}
	.protocols .item-icon span {
		line-height: 18px;
		font-size: 16px;
	}
}
@media (max-width: 375px), (max-width: 1024px) {

	.rsvpBtnPage {
		height: 70px;
		margin: 0 !important;
		padding: 5px 5px 5px 5px !important;
	}

		.rsvpBtnPage > .btn-rsvp {
			height: 47px !important;
			width: 77px !important;
			margin-left: 1.5px !important;
			/*line-height: 12px !important;*/
		}

	.BGbtn-form[aria-expanded="true"] {
		width: 112px;
		height: 70px;
		margin: -12px !important;
		background: url(../img/rsvpBtnBigBg1m375.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}

		.BGbtn-form2 > .btn-rsvp {
			margin: auto !important;
		}

	.BGbtn-form > .btn-rsvp {
		padding: 5px 0 0 0 !important;}