/*MAIN*/
html, body {
	scroll-behavior: smooth;
	height: 100%;
	margin: 0;
	width: 100%;
	height: 100%;
	display: block;
}
.input-validation-error {
	border-color: red !important;
}
.card-body {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Engraver-Light' !important;
	font-weight: 400;
	font-size: clamp(10px, 2vw, 15px) !important;
	color: #4f5b3f !important;
	/*letter-spacing: clamp(.48px, .15vw, 1.36px) !important;*/
	letter-spacing: clamp(-1.5px, -2vw, -1.2px) !important;
	line-height: clamp(16px, 2.1vw, 29px) !important;
	text-transform: none;
	overflow-x: hidden;
	overflow-y: auto;
	min-height: 100%;
	/*background: url('../img/segbg01.webp');*/
	background-color: #ffffff !important;
	background-size: contain;
	background-position: top center;
	background-repeat: repeat;
}
p {
	text-align: center;
	/*color: rgba(0, 0, 0, 0.5);*/
}
/*strong {
	color: rgba(0, 0, 0, 0.9);
}*/
.font-italic {
	font-family: 'Engraver-Light';
}
/*.font-weight-bold {
	font-family: 'Engraver-Bold';
}*/
.text-uppercase {
	text-transform: unset !important;
}
a {
	color: #4f5b3f !important;
}
	a:hover {
		color: #000000 !important;
		text-decoration: none !important;
		/*text-decoration: underline;*/
	}
.hr-line {
	border-color: #ffffff;
}
span.kr {
	/*display: block;*/
	font-family: 'Myungjo' !important;
}
select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23000000'><polygon points='0,0 100,0 50,50'/></svg>") 0 0/9px no-repeat;
	background-size: 9px;
	background-position: calc(100% - 12px) 55%;
	background-repeat: no-repeat;
	padding-right: 20px !important;
}
#btn-client-logout {
	cursor: pointer;
}

/*Element Added*/
.textColorized {
	color: #537b90;
	font-family: 'Branch';
	font-size: clamp(25px, 5vw, 72px);
	text-align: center;
	text-transform: uppercase;
	letter-spacing: normal;
	/*letter-spacing: clamp(1.68px, .5vw, 6px);*/
	line-height: normal;
	height: unset;
	width: 100%;
}
	.textColorized.groom {
		max-height: 26px;
	}
	.textColorized.bride {
		max-height: 22px;
	}
	.textColorized .title {
		font-size: 0.22em;
		font-family: 'Engraver-Light';
		letter-spacing: clamp(-1.5px, -2vw, -1.2px) !important;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto 0 auto 1em;
		align-content: center;
	}
	/*.textColorized span {
		font-family: 'Cardo' !important;
		font-size: 2.3vw !important;
	}*/
	.textColorized.amp {
		/*color: #bc959000;*/
		font-family: 'Engraver-Light';
		font-size: clamp(9px, 2vw, 21px);
		letter-spacing: clamp(-1.5px, -2vw, -1.2px) !important;
		/*font-size: clamp(26px, 4.5vw, 57px);*/
		text-align: center;
		/*line-height: 25px;*/
		/*height: 50px;*/
	}
	.textColorized.bride {
		margin-top: -40px;
	}
	.textColorized .name-title {
		/*color: #bc959000 !important;*/
		font-family: 'Engraver-Light';
		font-size: 38px;
		position: relative;
		top: 8px;
		/*letter-spacing: 2.24px !important;*/
		/* height: 90px; */
		/*line-height: 73px !important;*/
	}
.textColorized-sub {
	/*color: #ffffff !important;*/
	font-family: 'Engraver-Light';
	/*font-size: 20px;*/
	font-weight: 400;
	font-style: normal;
	/*letter-spacing: 1.92px;*/
	text-align: center;
	/*text-transform: none;*/
}
	.textColorized-sub.amp {
		/*color: #bc959000;*/
		font-family: 'Engraver-Light';
		font-size: 28px;
		text-transform: none;
		letter-spacing: normal;
		font-weight: 600;
		/*height: 25px;
		line-height: 40px !important;*/
	}
	.textColorized-sub.groom.top,
	.textColorized-sub.bride.top {
		margin-bottom: -47px;
	}
	.textColorized-sub.groom.bottom,
	.textColorized-sub.bride.bottom {
		margin-top: -45px;
	}
.textColorized img {
	max-width: 651px;
}
.text-purple {
	color: #1C1E40 !important;
}
.text-white {
	color: #ffffff;
}
.text-black {
	color: #000000;
}
.box-shadow {
	box-shadow: 0 1px 5px rgb(0 0 0 / 42%);
}
.text-shadow {
	text-shadow: 0 1px 5px rgb(0 0 0 / 42%);
}
.centering {
	justify-content: center;
	align-content: center;
	align-items: center;
}
.divCenter {
	justify-content: center;
	align-content: center;
	align-items: center;
}
.divJustify {
	justify-content: space-evenly;
	align-items: center;
}
.UndivCenter {
	display: unset !important;
}

::-webkit-scrollbar-track {
	background-color: #eeeae1;
	border-left: 1px solid #eeeae1;
}
::-webkit-scrollbar {
	width: 7px;
	background-color: #666666;
}
::-webkit-scrollbar-thumb {
	background: #666666;
}

/* Center aligned first section */
section {
	height: 100%;
	position: relative;
	text-align: center;
}
	section .inner {
		margin: 0 auto;
	}
	section .innerText {
		position: relative;
		width: 100%;
		margin: auto;
		text-align: left;
	}

/*AUDIO CONTROL*/
.language-box {
	position: fixed;
	right: 38px;
	bottom: 38px;
	font-size: 16px;
	text-shadow: 0px 3px 5px rgba(150, 150, 150, 0.7);
	z-index: 10;
	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: #ffffff;
	opacity: 0.8;
}
	.language-box-mobile a {
		color: #ffffff;
		opacity: 0.8;
	}

/*RSVP reminder button*/
.remind-rsvp .popup-information, .sticky-widget .remind-rsvp .popup-information {
	overflow: hidden;
	text-transform: none;
}
.remind-rsvp {
	position: fixed;
	right: 38px;
	bottom: 115px;
	font-size: 16px;
	text-shadow: 0px 3px 5px rgba(150, 150, 150, 0.7);
	z-index: 10;
}
	.remind-rsvp .btn-form {
		/*background: url('/images/icn-rsvp.webp');*/
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 24px;
		border-radius: 50% !important;
		width: 45px;
		height: 45px;
		position: relative;
		z-index: 1;
		box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important
	}
	.remind-rsvp .popup-information {
		background: #fff;
		position: absolute;
		right: 60px;
		top: -5px;
		width: auto;
		height: 54px;
		min-width: 160px;
		max-height: 54px;
		font-size: 13px;
		padding: 5px 8px;
		border-radius: 4px;
		display: block;
		z-index: 2;
		box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important
	}
		.remind-rsvp .popup-information p {
			overflow: hidden;
			margin: 0;
			color: #333;
			font-family: 'Engraver-Light' !important;
			font-size: 13px;
			line-height: 15px;
			letter-spacing: -0.2px;
		}
	.remind-rsvp .arrow {
		position: absolute;
		display: block;
		right: calc((0.5rem + 1px) * -1);
		width: 0.5rem;
		height: 1rem;
		margin: 0.3rem 0;
		top: 15px;
	}
		.remind-rsvp .arrow::after,
		.remind-rsvp .arrow::before {
			position: absolute;
			display: block;
			content: "";
			border-color: transparent;
			border-style: solid;
		}
		.remind-rsvp .arrow::before {
			right: 0;
			border-left-color: rgba(0,0,0,0);
			border-width: 0.5rem 0 0.5rem 0.5rem;
		}
		.remind-rsvp .arrow::after {
			right: 1px;
			border-left-color: #fff;
			border-width: 0.5rem 0 0.5rem 0.5rem;
		}
.anim-btn {
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
}
@keyframes tadah {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
	10%, 20% {
		-webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
		transform: scale3d(.9,.9,.9) rotate(-3deg);
	}
	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
		transform: scale3d(1.1,1.1,1.1) rotate(3deg);
	}
	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
		transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
	}
	100% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
}
.tadah {
	-webkit-animation-name: tadah;
	animation-name: tadah;
}
.successfully-saved {
	color: #FFFFFF;
	text-align: center;
	-webkit-transition: opacity 3s ease-in-out;
	-moz-transition: opacity 3s ease-in-out;
	-o-transition: opacity 3s ease-in-out;
	opacity: 1;
}
.anim-popup {
	display: block;
	-webkit-animation: fadeOut 1s;
	-webkit-animation-iteration-count: 1;
	animation: fadeOut 1s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
} 
@keyframes popup-fade-out {
	0% { opacity: 1;}
	99% { opacity: 0; min-width: 160px; width: 160px;}
	100% { opacity: 0; min-width: 0; width: 0; padding-left: 0; padding-right: 0;}
}
.popup-fade-out {
	-webkit-animation-name: popup-fade-out;
	animation-name: popup-fade-out;
}
@media screen and (max-width: 1023px) {
	.remind-rsvp {
		position: fixed;
		right: 25px;
		bottom: 25px;
		font-size: 16px;
		z-index: 10;
	}
}


.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 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	will-change: transform;
	color: white;
	overflow: hidden;
	cursor: pointer;
	outline: none !important;
}
	.controls-btn webp {
		-webkit-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
		transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
		height: 1rem;
		width: 1rem;
		position: absolute;
	}
		.controls-btn webp:nth-child(2) {
			-webkit-transform: translateY(2rem);
			transform: translateY(2rem);
		}
		.controls-btn webp path {
			fill: white;
		}
.controls-btn-toggled webp:nth-child(1) {
	-webkit-transform: translateY(-2rem);
	transform: translateY(-2rem);
}
.controls-btn-toggled webp:nth-child(2) {
	-webkit-transform: translateY(0rem);
	transform: translateY(0rem);
}
.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 {
	padding: 0px;
	margin: 0px;
	outline: none !important;
}
	audio::-webkit-media-controls {
		margin: 0px !important;
		padding: 0px !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: 0px !important;
		padding: 0px !important;
		border: 1px solid #e4e4e4;
	}
	audio::-webkit-media-controls-play-button {
		margin-left: 15px;
		/*margin-top: 2px;*/
		display: block !important;
	}
	audio::-webkit-media-controls-panel {
		padding: 0 5px 0 0;
	}
/*Running text*/
.runningText {
	height: 28px;
	overflow: hidden;
	position: absolute;
	right: 20px;
	top: 8px;
	width: 125px;
	background: #fff;
	border-radius: 20px;
	z-index: -1;
	border: 1px solid #e4e4e4;
}
	.runningText h3 {
		font-size: 16px;
		color: #000;
		position: absolute;
		width: 100%;
		height: 100%;
		margin: 0;
		line-height: 28px;
		text-align: center;
		/* Starting position */
		-moz-transform: translateX(100%);
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		/* Apply animation to this element */
		-moz-animation: runningText 15s linear infinite;
		-webkit-animation: runningText 15s linear infinite;
		animation: runningText 15s linear infinite;
	}
/* Move it (define the animation) */
@-moz-keyframes runningText {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes runningText {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes runningText {
 0%   { 
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
}

/*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 .close {
	position: absolute;
	right: 20px;
	top: 15px;
	z-index: 11;
}
.modal-backdrop {
	background: unset !important;
}
#greetingModal {
	/*background-color: #0e0e0ef5;*/
}
#giftModal .m-auto.shadow,
#menu01Modal .m-auto.shadow,
#greetingModal .m-auto.shadow {
	min-width: 320px;
	width: 100%;
	max-width: 420px;
}
#giftModal .modal-dialog .modal-content,
#menu01Modal .modal-dialog .modal-content,
#greetingModal .modal-dialog .modal-content {
	border-radius: 0 !important;
	border: 0 !important;
	background: unset;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}
#giftModal .shadow,
#menu01Modal .shadow,
#greetingModal .shadow {
	/* border-radius */
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	/* box-shadow */
	-webkit-box-shadow: rgba(0,0,0,0.8) 0px 0 10px;
	-moz-box-shadow: rgba(0,0,0,0.8) 0 0 10px;
	box-shadow: rgba(0,0,0,0.8) 0 0 10px;
}
#giftModal .card-header,
#menu01Modal .card-header,
#greetingModal .card-header {
	background-size: cover !important;
	background-position: top center !important;
	background-repeat: no-repeat !important;
	height: 245px;
	border: 0;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
	#giftModal .card-body,
	#menu01Modal .card-body,
	#greetingModal .card-body {
		background-image: url(../img/segbg040.webp);
		background-size: 210% !important;
		background-repeat: no-repeat;
		background-position: 16% 50%;
		background-color: #ffffff;
		padding: 18px !important;
		/*min-height: 585px;*/
		border: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
	}
	#giftModal .judulSub,
	#menu01Modal .judulSub,
	#greetingModal .judulSub {
		font-family: 'Engraver-Light';
		color: #4f5b3f;
		font-size: clamp(10px, 2vw, 11px) !important;
		font-weight: 400;
		line-height: normal;
		height: unset;
		text-align: left;
		position: relative;
		letter-spacing: normal;
		text-transform: uppercase;
	}
	#giftModal .judulInfo,
	#menu01Modal .judulInfo,
	#greetingModal .judulInfo {
		font-family: 'Branch';
		color: #537b90;
		font-size: clamp(28px, 5vw, 35px);
		font-weight: 400;
		text-align: center;
		margin: 0;
		height: auto;
		line-height: normal;
		letter-spacing: normal;
		white-space: nowrap;
		text-transform: uppercase;
		display: flex;
		justify-content: center;
		align-items: center;
	}
		#giftModal .judulInfo span,
		#menu01Modal .judulInfo span,
		#greetingModal .judulInfo span {
			font-family: 'Branch';
			/*font-size: 30px;*/
			/*padding: 0 12px;*/
		}
		#greetingModal .judulInfo .amp {
			font-size: 0.6em;
		}
	#giftModal .judulContent,
	#menu01Modal .judulContent,
	#greetingModal .judulContent {
		font-family: 'Engraver-Light';
		color: #4f5b3f;
		font-size: clamp(10px, 2vw, 11px) !important;
		font-weight: 400;
		/*letter-spacing: clamp(.44px, .15vw, 1.92px);*/
		text-align: center;
		line-height: normal;
		margin: 0;
		text-transform: none;
	}
		#giftModal .judulContent span,
		#menu01Modal .judulContent span,
		#greetingModal .judulContent span {
			font-family: 'Engraver-Light';
			color: #537b90;
			font-size: clamp(13px, 3vw, 15px) !important;
			font-weight: 500;
			text-align: center;
			text-transform: none;
			margin: 0;
		}
	#giftModal .judulSubInfo,
	#menu01Modal .judulSubInfo,
	#greetingModal .judulSubInfo {
		font-family: 'Engraver-Light';
		color: #4f5b3f;
		font-size: clamp(10px, 2vw, 11px) !important;
		font-weight: 400;
		/*line-height: 20px;
	l	etter-spacing: 1.1px;*/
		text-transform: none;
		text-align: center;
		margin: 0;
	}
	#giftModal #openInvitation,
	#menu01Modal #openInvitation,
	#greetingModal #openInvitation {
		font-family: 'Engraver-Light';
		color: #ffffff;
		font-size: clamp(9px, 1.5vw, 10px) !important;
		margin-bottom: 50px;
		width: 200px;
		height: 45px;
		border-radius: 25px !important;
		border-color: #000000;
	}

/* MAIN CONTENT */
.inner01 {
	justify-content: center;
	align-content: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	/*height: 100%;
	padding-top: 50px;*/
	position: relative;
	width: 100%;
}
.innerS1 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	min-height: 100vh;
	color: #8E5C2E;
}
	.innerS1 .judulTextSub.content01 {
		padding: 0 180px;
	}
.innerS2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
}
	.innerS2 .judulTextSub.content01 {
		padding: 0 115px;
	}
.innerS3 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
}
	.innerS3 .judulTextSub.content01 {
		padding: 0px 40px;
	}
.innerS4 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
}
	.innerS4 .judulTextSub.content01 {
		padding: 0px 40px;
	}

/* PAGE ONE */
.judulInfo {
	font-family: 'Engraver-Light';
	color: #a7ab86;
	font-size: 55px;
	font-weight: 400;
	/*line-height: 80px;*/
	text-align: center;
	bottom: 10px;
}
.judulSub {
	font-family: 'Engraver-Light';
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	line-height: 50px;
	text-align: left;
	position: relative;
	letter-spacing: 3px;
}
.subJudulInfo {
	font-family: 'Engraver-Light';
	padding-top: 10px;
	font-weight: 400;
	font-size: 17px;
}
/*Timer Counter*/
/*.timerDemo::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	border-top: 0px solid #000000;
}*/
.timerDemo > div {
	z-index: 1;
}
.timerDemo {
	/*padding-top: 20px !important;*/
	margin-top: 20px !important;
	letter-spacing: 1.7px;
	text-transform: none;
	display: flex;
	justify-content: center;
}
	.timerDemo div {
		font-family: 'Engraver-Light' !important;
		font-weight: 400 !important;
		line-height: 1.5;
		margin: 15px 15px !important;
		padding: 0;
		/*background-image: url(../img/segbg.png);*/
		background-size: auto;
		background-position: center center;
		background-repeat: no-repeat;
		background-color: #ffffff;
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 145px;
		height: 145px;
		border: 0px solid #000000;
		border-radius: 15px;
		box-shadow: none !important;
	}
	.timerDemo > .countDay,
	.timerDemo > .countHr,
	.timerDemo > .countMin,
	.timerDemo > .countSec {
		font-family: 'Engraver-Light' !important;
		font-weight: 400 !important;
		font-size: clamp(14px, 2vw, 28px);
		font-weight: 400;
		color: #537b90;
	}
		.timerDemo > .countDay > p,
		.timerDemo > .countHr > p,
		.timerDemo > .countMin > p,
		.timerDemo > .countSec > p {
			font-size: clamp(8px, 2vw, 14px);
			font-family: 'Engraver-Light' !important;
			font-weight: 400;
			letter-spacing: 0px;
			margin: 0 0 0 0 !important;
			line-height: 15px;
		}
			.timerDemo .countDay {
				margin-left: 0 !important;
			}
			.timerDemo .countSec {
				margin-right: 0 !important;
			}
.videoFrame {
	text-align: center;
	margin: unset;
	/*z-index: 555;*/
	max-width: 520px;
	/*border: 6px solid #dad7d9;*/
	border-radius: 4px;
	display: flex;
	position: relative;
	overflow: hidden;
}
	.videoFrame > video {
		width: 100%;
		height: 100%;
		max-width: 710px;
		max-height: 397px;
		object-fit: cover;
		border-radius: 5px;
		object-fit: cover;
		box-shadow: none;
		outline: none !important;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		/*border: 7px solid #E4CEC7;*/
	}
	.videoFrame > iframe {
		width: 100% !important;
		height: 100% !important;
		max-width: 632px !important;
		max-height: 354px !important;
		object-fit: cover !important;
		border-radius: 0 !important;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		box-shadow: none;
		outline: none !important;
		display: unset;
	}

.judulSlide {
	font-family: 'Branch';
	font-size: clamp(34px, 5vw, 73px);
	font-weight: 400;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	line-height: normal;
	height: unset;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
	.judulSlide span.amp {
		font-family: 'Engraver-Light';
		font-size: clamp(8px, 2vw, 13px);
		position: relative;
		top: 0;
		bottom: 0;
		margin: auto 10px;
	}
.judulSlideSub {
	font-family: 'Engraver-Light';
	font-weight: 400;
	color: #ffffff;
	font-size: clamp(9px, 2vw, 15px);
	text-align: center;
	/*margin: 0px 80px 0px;*/
	padding: 10px 0 0 0;
	position: relative;
	letter-spacing: normal;
	text-transform: none;
}
	/*.judulSlideSub span {
		font-family: 'Gotham-Light';
		text-transform: none;
	}*/
.judulSlide img {
	width: 348px;
}
.letter-S1 {
	letter-spacing: 1px;
}
.letter-S2 {
	letter-spacing: 2px;
}
.letter-S4 {
	letter-spacing: 4px;
}


.venueLoc {
	background-color: #537b9000;
	border-radius: 15px;
	height: 100%;
	/*max-width: 383px;*/
}
	.venueLoc .card-in.d-flex {
		background-color: #ffffff00;
		border-radius: 15px;
		height: 100%;
		/*box-shadow: 0 2px 10px -5px #00000030;*/
	}
		.venueLoc .card-in.d-flex .locBtn {
			width: 100%;
		}
			.venueLoc .card-in.d-flex .locBtn .btn {
				letter-spacing: normal;
				/*width: 100%;*/
				/*max-width: 155px;*/
			}
		.venueLoc .card-in.d-flex .locMap {
			display: flex;
			flex-direction: column;
			position: relative;
		}
			.venueLoc .card-in.d-flex .locMap > iframe {
				width: 100%;
				/*height: 100%;*/
				max-height: 210px;
				border-radius: 10px;
				box-shadow: 0 1px 6px -1px #00000075 !important;
			}
		.venueLoc .card-in.d-flex .schedule-Card > .hr-line {
			border-color: #58595b;
		}
		.venueLoc .card-in.d-flex .schedule-Card > .w-100 h5 {
			color: #537b90;
			font-size: clamp(17px, 2vw, 23px) !important;
			font-family: 'Engraver-Light';
			font-weight: 400;
			text-transform: uppercase;
			text-align: left;
			margin: auto;
			letter-spacing: clamp(-3.5px, -3vw, -1.2px) !important;
		}
		.venueLoc .card-in.d-flex .information {
			padding: 0 20px 20px 10px;
			width: 100%;
			margin-bottom: 20px;
			border-radius: 8px;
			background-color: #D2DAE000;
		}
			.venueLoc .card-in.d-flex .information .time-container {
				display: flex;
				flex-direction: row;
				justify-content: flex-end;
				align-items: flex-start;
				text-align: left;
			}
			.venueLoc .card-in.d-flex .information .event {
				color: #537b90;
				font-size: clamp(9px, 2vw, 11px) !important;
				font-weight: 600;
				display: flex;
				flex-direction: row;
				align-items: center;
				min-width: 105px;
				width: unset;
			}
				.venueLoc .card-in.d-flex .information .event i {
					color: #537b90;
					font-size: 22px;
					text-align: center;
					display: flex;
					justify-content: center;
					align-items: center;
					background-color: #537b9000;
					border-radius: 8px;
					/*width: 37px;*/
					/*height: 37px;*/
				}
			.venueLoc .card-in.d-flex .information .time {
				display: inline-flex;
				justify-content: flex-start;
				align-self: flex-start;
				/*margin: auto;*/
				width: 100%;
				/*font-family: 'Engraver-Light';*/
				font-size: clamp(9px, 2vw, 11px) !important;
				/*color: #ffffff;*/
			}
				.venueLoc .card-in.d-flex .information .time .start-time,
				.venueLoc .card-in.d-flex .information .time .dash,
				.venueLoc .card-in.d-flex .information .time .end-time {
					/*font-size: 18px;*/
					font-weight: 600;
					text-align: left;
					/*margin: auto;*/
				}
				.venueLoc .card-in.d-flex .information .time .dash {
					color: #cdcdcd;
					text-align: left;
				}
				.venueLoc .card-in.d-flex .information .time p {
					color: #ffffff;
					font-weight: 400;
					margin: 0;
				}
				.venueLoc .card-in.d-flex .information .event-name {
					font-weight: 600;
					font-family: 'Engraver-Light' !important;
					color: #58595b;
					/*font-size: clamp(16px, 2vw, 24px) !important;*/
					text-transform: uppercase;
					line-height: clamp(17px, 2vw, 23px) !important;
				}
				.venueLoc .card-in.d-flex .information .event-address {
					font-family: 'Engraver-Light' !important;
					font-weight: 400;
					/*color: #ffffff;*/
					/*font-size: clamp(16px, 2vw, 22px) !important;*/
					line-height: clamp(17px, 2vw, 21px) !important;
					/*font-style: italic;*/
				}

@media (min-width: 320px) and (max-width: 767px) {
	.venueLoc .card-in.d-flex .schedule-Card > .w-100 h5 {
		font-size: 24px;
		text-align: center;
	}
	/*.venueLoc .card-in.d-flex .w-100 .information div,
	.venueLoc .card-in.d-flex .w-100 .information span,
	.venueLoc .card-in.d-flex .w-100 .information p {
		font-size: 14px;
	}*/
}
@media (max-width: 320px) {
	.venueLoc .card-in.d-flex .information .time-container {
		display: flex;
		flex-direction: column;
	}
}

/* PAGE TWO */
.judulText {
	font-family: 'Branch';
	color: #537b90;
	font-size: clamp(31px, 4vw, 60px);
	text-align: center;
	padding: 0;
	margin: 0 0 0 0;
	height: auto;
	line-height: normal !important;
	letter-spacing: normal;
	text-transform: uppercase;
}
	.judulText span.kr {
		font-size: 0.7em !important;
		line-height: 50px;
		display: block;
	}
.judulTextSub {
	/*font-family: 'Engraver-Light';*/
	/*color: #ffffff;*/
	/*font-size: 20px;*/
	/*font-weight: 400;*/
	/*line-height: 30px;*/
	text-align: center;
	position: relative;
	/*letter-spacing: 3.2px;*/
	/*text-transform: none;*/
}
	.judulTextSub p {
		text-align: left;
	}
	.judulTextSub i {
		font-family: 'Engraver-Light' !important;
		text-transform: none;
	}
	.judulTextSub span span {
		/*color: #535d66;*/
		-webkit-text-fill-color: #4f5b3f !important;
		font-family: 'Engraver-Light';
		/*font-size: 20px;*/
	}

/*
 * Component: Form
 * ---------------
 */
.form-control {
	border-radius: 3px !important;
	box-shadow: none !important;
	border: 1px solid #bfbfbf !important;
	/*color: #bfbfbf !important;*/
	font-size: clamp(8px, 2vw, 14px) !important;
	letter-spacing: clamp(-1.5px, -2vw, -1.2px) !important;
	font-family: 'Engraver-Light';
	background-color: #ffffff !important;
}
	.form-control:focus {
		border-color: #cccccc !important;
		box-shadow: none;
	}
	.form-control::-moz-placeholder,
	.form-control:-ms-input-placeholder,
	.form-control::-webkit-input-placeholder {
		color: #cccccc;
		opacity: 1;
	}
	.form-control:not(select) {
		-webkit-appearance: none;
		-moz-appearance: none;
	}
::placeholder {
	color: #cccccc !important;
	font-family: 'Engraver-Light';
	font-size: clamp(8px, 2vw, 14px) !important;
	letter-spacing: clamp(-1.5px, -2vw, -1.2px) !important;
}
/* Input group */
.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: 18px;
	line-height: 16px;
}
	label span {
		background-color: #ffffff;
	}
div label input {
	margin-right: 100px;
}

.mnuCard {
	border: 0px !important;
	border-radius: 10px !important;
}
.card {
	/*background: #00000000 !important;*/ 
	/*    background: linear-gradient(0deg, rgba(234,234,234,1) 0%, rgba(255,255,255,0) 100%);*/
}

.angpwBtn {
	padding: 4px 10px 0px 10px !important;
	height:unset !important;
}
.howto {
	color: #58595b;
	font-size: 16px;
	padding: 0 20px 0 20px;
	margin: 0px;
	text-align: left !important;
}
.howtoSub {
	padding: 0 0 0 20px;
}
.giftBtn {
	font-family: 'Engraver-Light';
	font-weight: 400;
	font-size: 18px;
	margin: 5px 0px 5px 0px;
}
.btn-gift {
	box-shadow: none;
	position: absolute;
	right: 80px;
	top: 30px;
	box-shadow: unset !important;
}
	.btn-gift img {
		width: 90px;
		height: auto;
	}
iframe {
	display: block;
	border-style: none;
}
.footerLogo {
	/*background-color: #ffffff8f;*/
	padding: 8px;
	border-radius: 6px;
	/*bottom: 16% !important;*/
}
.icnAttire {
	width: 60px;
	height: auto;
}
.wthICN75 {
	width: 75%;
}
.wthICN50 {
	width: 50%;
}
.wthICN30 {
	width: 30%;
}
.wthICN25 {
	width: 25%;
}
.wthICN20 {
	width: 20%;
}
.wthICN15 {
	width: 15%;
}
.wthICN10 {
	width: 10%;
}

/*ULTIMO Loading*/
.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: 0.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: bold;
		color: #fff;
	}

/*slider segment*/
/*slider segment*/
.gallerySlide {
	width: 100%;
	height: 100%;
}
/*Swiper*/
.seg05 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.seg05 .swiper-wrapper .swiper-slide div,
.seg05 .swiper-wrapper .swiper-slide img {
	display: block;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	background-position: center center !important;
	background-size: cover !important;
	cursor: pointer;
}
.seg05 .swiper-pagination {
	bottom: 25px !important;
	text-shadow: 1px 1px 7px #00000040;
}
.seg05 .swiper-pagination-bullet {
	opacity: 1 !important;
	width: 10px !important;
	height: 10px !important;
	background: #ffffff00 !important;
	border: 1px solid #fff;
	border-radius: 100%;
	margin: 2px !important;
	display: inline-block;
	outline: none !important;
	box-shadow: none !important;
}
.seg05 .swiper-pagination-bullet-active {
	background: #fff !important;
}
.drop-shadow:before,
.drop-shadow:after {
  content: "";
  position: absolute;
  z-index: -2;
}
.lifted:before,
.lifted:after {
  bottom: 15px;
  left: 10px;
  width: 50%;
  height: 20%;
  max-width: 300px;
  max-height: 100px;
  -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.lifted:after {
  right: 10px;
  left: auto;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg);
}

/*==========================*/
/* Segment Personal Message */
/*==========================*/
/*slider segment Instagram*/
.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: none !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: none !important;
	text-shadow: 0 1px 2px #00000075;
	-webkit-font-smoothing: antialiased;
}
.carouselIG .owl-prev:hover,
.carouselIG .owl-next:hover {
	opacity: 0.5;
}
.connectiedCarousel .owl-carousel .owl-stage {
	padding: 5px 0;
}
.connectiedCarousel .owl-carousel .owl-stage-outer {
	padding-left: 82px !important;
}
/* Icon CSS */
.carouselIG-plus .owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0,0,0);
	height: 93px;
}
/*.carouselIG-plus .owl-stage-outer .owl-stage .owl-item,
.carouselIG .owl-stage-outer .owl-stage .owl-item {
	width: 64px !important;
}*/
.connectiedCarousel .carouselIG-plus .owl-stage-outer,
.connectiedCarousel .carouselIG .owl-stage-outer {
	padding: 10px 0;
	/*width: calc(100% + 9px);*/
}
.connectiedCarousel .carouselIG > .item {
	display: none;
}
.connectiedCarousel .carouselIG-plus .item,
.connectiedCarousel .carouselIG .item {
	width: 100%;
	/*--borderWidth: 8px;*/
	background: #ffffff00;
	position: relative;
	border: -1px solid;
	border-radius: 50%;
}
	.connectiedCarousel .carouselIG-plus .item i,
	.connectiedCarousel .carouselIG .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-plus .item i.la-plus,
		.connectiedCarousel .carouselIG .item i.la-plus {
			font-size: 50px;
		}
	.connectiedCarousel .carouselIG .item a {
		display: block;
		width: 65px;
		/*width: 100%;*/
	}
	.connectiedCarousel .carouselIG-plus .item > a > div,
	.connectiedCarousel .carouselIG .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: 0px solid #A7824D;
		/*box-shadow: 1px 1px 4px 0px #0000005e;*/
	}
	.connectiedCarousel .carouselIG-plus .item a.popup-text:hover:before,
	.connectiedCarousel .carouselIG .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 0px #0000005e;
		/*border: 2px solid #A7824D;*/
	}
	.connectiedCarousel .carouselIG-plus .item a.addPlus:hover:before,
	.connectiedCarousel .carouselIG .item a.addPlus:hover:before {
		content: "";
		background: #ffffff5e;
		position: absolute;
		height: 64px;
		width: 64px;
		z-index: 1;
		left: 0;
		border-radius: 50%;
	}
	.connectiedCarousel .carouselIG-plus .item a.popup-text:hover i,
	.connectiedCarousel .carouselIG .item a.popup-text:hover i {
		display: block;
		z-index: 2;
	}
	.connectiedCarousel .carouselIG-plus .item a.addPlus:hover:before,
	.connectiedCarousel .carouselIG-plus .item a.addPlus:hover i,
	.connectiedCarousel .carouselIG-plus .item a {
		display: block;
		width: 64px !important;
	}
	.connectiedCarousel .gradientPM > div .pmInitial {
		color: #537b90;
		line-height: 0;
		/*padding-top: 4px;*/
	}
.connectiedCarousel .carouselIG-plus {
	display: block;
	width: 70px !important;
	background: #bc959000;
	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 !important;
	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, rgba(240,200,80,1) 0%, rgba(148,117,43,1) 6.79%, rgba(240,200,80,1) 44.85%, rgb(240 200 80) 56.1%, rgba(240,200,80,1) 56.82%, rgba(240,200,80,1) 67.92%, rgba(240,200,80,1) 73.84%, rgba(240,200,80,1) 91.52%, rgba(240,200,80,1) 94%);
		border-radius: calc(50 * 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%;
	}
}
/*Story Modal Message*/
.invFrontModal.msgPersonPM.fancybox-content {
	/*background: url(/images/storyMsg-bg.webp);*/
	background-size: cover;
	background-position: bottom center;
	background-repeat: repeat-x;
	max-width: 427px !important;
	border-radius: 5px;
	padding: 0;
	height: 100%;
}
.invFrontModal.msgPersonPM .PM-msg {
	font-family: "Engraver-Light";
	color: #000;
	font-size: 16px;
	font-weight: 400;
	padding: 80px 1rem 1rem 1rem !important;
	line-height: 22px;
	text-align: center;
	z-index: 1;
	pointer-events: none;
	text-shadow: 0px 1px 5px #0000008c;
}
.invFrontModal.msgPersonPM .PM-name {
	width: 100%;
	text-align: center;
}
.invFrontModal.msgPersonPM h5 {
	font-family: 'Engraver-Light';
	color: #21645B;
	text-align: left;
	font-size: 27px;
	font-weight: 400;
	pointer-events: none;
	padding-bottom: 100px;
	margin: 0;
	letter-spacing: normal;
}
.invFrontModal.msgPersonPM .videoFrame {
	position: absolute;
	z-index: 0;
	height: 100%;
	background-color: #000 !important;
}
	.invFrontModal.msgPersonPM .videoFrame > video {
		width: 100% !important;
		max-width: 500px !important;
		height: 100% !important;
		object-fit: contain !important;
		border-radius: 0 !important;
		z-index: 0;
		box-shadow: none !important;
		outline: none !important;
		border: none;
		background: #000;
	}
	.invFrontModal.msgPersonPM .videoFrame iframe {
		width: 100% !important;
		max-width: 500px !important;
		height: 600px !important;
		object-fit: cover !important;
		border-radius: 5px !important;
		z-index: 9999;
		box-shadow: none !important;
		outline: none !important;
	}
/*fix centering fancybox*/
.fancybox-slide {
	width: 101% !important;
}

.hr {
	border-top: 1px solid #537b90 !important;
	max-width: 80%;
}
.reelsHR {
	width: 100%;
	height: 0px;
	background: #537b90;
	position: relative;
}
	.reelsHR:after {
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 9px 10px 0;
		border-color: #537b90 transparent;
		display: block;
		width: 0;
		z-index: 1;
		top: 0px;
		left: 47.6%;
	}
	.reelsHR:before {
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 8px 8px 0;
		border-color: #537b90 transparent;
		display: block;
		width: 0;
		z-index: 1;
		top: 0;
		left: 48%;
	}

/*Segment*/
.seg01 {
	/*background-image: url(../img/bgheader.webp);*/
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: bottom center !important;
	background-color: unset !important;
	position: relative;
	/*height: 100%;*/
	/*min-height: 1920px;*/
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
}
.seg02 {
	background-image: url('../img/segbg020.webp');
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: bottom center;
	/*background-color: #6c879e;*/
	position: relative;
	padding: 0;
}
.seg03half .img-object {
	display: none;
}
.seg03 {
	/*background-image: url('../img/segbg032.webp'), url('../img/segbg031.webp');*/
	background-size: auto, auto;
	background-repeat: no-repeat;
	background-position: center right, center left;
	background-color: #a0c4e0;
	/*color: #fff;*/
	padding: 40px 20px;
	/*min-height: 350px;*/
	display: flex;
	position: relative;
	overflow: hidden;
	margin-top: -1px;
	/*outline-offset: 7px;
	outline: 3px solid #5d3749;*/
}
	/*.seg03::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
		background: #000000;
		mix-blend-mode: saturation;
	}*/
.seg04 {
	background-image: url('../img/segbg040.webp');
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: bottom center;
	/*background-color: #952a48;*/
	padding: 0;
	position: relative;
}
.seg05 {
	/*background-image: url('../img/segbg043.webp'), url('../img/segbg054.webp'), url('../img/segbg053.webp'), url('../img/segbg052.webp'), url('../img/segbg051.webp');*/
	background-size: clamp(165px, 24vw, 338px), clamp(90px, 100vw, 100%), clamp(135px, 40vw, 36vw), clamp(110px, 40vw, 29vw), clamp(110px, 100vw, 100%) !important;
	background-repeat: no-repeat;
	background-position: top left, bottom center, bottom right, bottom left, center center;
	background-color: #00000000;
	padding: 0;
	margin-top: -1px;
}
.seg06 {
	background-image: url('../img/segbg060.webp');
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-color: none;
	padding: 0;
	position: relative;
	/*color: #ffffff !important;*/
	margin-top: -1px;
}
.seg07 {
	/*background-image: url('../img/segbg071.webp'), url('../img/segbg072.webp');*/
	background-size: clamp(130px, 24vw, 349px), clamp(130px, 19vw, 297px) !important;
	background-repeat: no-repeat;
	background-position: top right, bottom left;
	background-color: unset;
	position: relative;
	padding: 0;
	margin-top: -1px;
}
.seg08 {
	/*background-image: url('../img/segbg081.webp'), url('../img/segbg082.webp'), url('../img/segbg08.webp');*/
	background-size: auto, auto, cover !important;
	background-repeat: no-repeat;
	background-position: top right, bottom left, center center;
	background-color: #ffffff00;
	padding: 0;
	position: relative;
	margin-top: -1px;
}
.seg09 {
	/*background-image: url('../img/bgfooter.webp');*/
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: bottom center !important;
	/*background-color: #000000 !important;*/
	padding: 0 30px 0 30px;
	/*min-height: 1200px;*/
	height: 100%;
	position: relative;
	display: flex;
}

/*Segment sub*/
.home {
	height: 100vh;
	width: 100%;
}
.wedding {
	padding: 200px 0 510px 0;
	width: 100%;
}
.location {
	padding: 170px 0 350px 0;
	width: 100%;
}
.event {
	padding: 80px 0 250px 0;
	width: 100%;
}
.gallery {
	padding: 0 0 0 0;
	width: 100%;
}
.attire {
	padding: 240px 0 190px 0;
	width: 100%;
}
	.attire span {
		/*font-size: clamp(16px, 2vw, 24px);*/
		/*font-family: 'Engraver-Light';*/
	}
	.attire .dress {
		/*color: #ffffff;*/
		font-size: clamp(16px, 2vw, 24px);
	}
.virtual {
	padding: 240px 0 0 0;
	width: 100%;
}
.gift {
	padding: 280px 0 250px 0;
	width: 100%;
}
	.gift .giftname {
		font-family: 'Engraver-Light';
	}
	.gift .judulText {
		/*color: #ac7b4a;*/
	}
.filter {
	padding: 0 0 350px 0;
}
.rsvp {
	padding: 0 0 150px 0;
}
.pgm {
	/*color: #ffffff;*/
	padding: 190px 0 240px 0;
}
	.pgm .judulText {
		/*color: #ffffff;*/
	}
	.pgm .form-control {
		/*color: #ffffff !important;*/
		border-radius: 4px !important;
		border: 1px solid #ffffff !important;
		background-color: #ffffffde !important;
	}
		.pgm .form-control::placeholder {
			/*color: #ffffff !important;*/
		}

.assets {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.personalMsgR {
	/*background-color: #952a48;*/
	position: relative;
}

.segtitle {
	height: 35px;
}
.segtitle-hr {
	width: 150px;
}

.objectBg-01,.objectBg-02,
.objectBg-01m,.objectBg-02m {
	position: absolute !important;
	pointer-events: none;
}
.objectBg-01 {
	top: 20px;
	left: 0;
}
.objectBg-02 {
	bottom: 40px;
	right: 0;
}
.seg01 .objectBg-01m {
	top: 0;
	left: 0;
	height: 200px;
}
.seg01 .objectBg-02m {
	bottom: 40px;
	right: 0;
	height: 240px;
}
.seg01 .dood {
	position: absolute !important;
	left: 0;
	right: 0;
	bottom: 0;
}
.seg01 .logo-head-sm {
	height: 45px;
}
.seg01 .logo-head {
	max-width: 150px;
}
.seg01 .logo-name {
	max-width: 530px;
}
.seg01 .judulSlideSub.main-date {
	font-size: 32px !important;
	position: absolute;
	top: 40%;
	left: 10%;
	writing-mode: vertical-lr;
	-webkit-transform: rotate( 180deg );
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate( 180deg );
}
.seg01 .verseText {
	font-weight: 200;
	font-style: italic;
}
.seg01 .w-90 {
	max-width: 1200px;
	width: 100%;
}
.seg01 .header {
	width: 100%;
	height: 60px;
	margin-top: 30px;
	z-index: 10;
	justify-content: center;
	display: inline-flex;
	position: absolute;
	top: 0;
	/*background-color: #fff;*/
	/*box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);*/
}
.seg01 .header ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	text-align: center;
}
	.seg01 .header li a {
		display: block;
		text-decoration: none;
		font-size: 10px;
		font-weight: 400;
		letter-spacing: 1.4px;
	}
	.seg01 .header li a:hover,
	.seg01 .header .menu-btn:hover {
		/*background-color: #f4f4f4;*/
	}
	.seg01 .header .menu {
		clear: both;
		max-height: 0;
		transition: max-height .2s ease-out;
	}
	.seg01 .header .menu-icon {
		cursor: pointer;
		display: inline-block;
		padding: 28px 20px;
		position: relative;
		user-select: none;
		height: 55px;
	}
		.seg01 .header .menu-icon .navicon {
			background: #ffffff;
			display: block;
			height: 2px;
			position: relative;
			transition: background .2s ease-out;
			width: 18px;
		}
			.seg01 .header .menu-icon .navicon:before,
			.seg01 .header .menu-icon .navicon:after {
				background: #ffffff;
				content: '';
				display: block;
				height: 100%;
				position: absolute;
				transition: all .2s ease-out;
				width: 100%;
			}
		.seg01 .header .menu-icon .navicon:before {
			top: 5px;
		}
		.seg01 .header .menu-icon .navicon:after {
			top: -5px;
		}
/* menu btn */
.seg01 .header .menu-btn {
	display: none;
}
	.seg01 .header .menu-btn:checked ~ .menu {
		max-height: unset;
	}
	.seg01 .header .menu-btn:checked ~ .menu-icon .navicon {
		background: transparent;
	}
		.seg01 .header .menu-btn:checked ~ .menu-icon .navicon:before {
			transform: rotate(-45deg);
		}
		.seg01 .header .menu-btn:checked ~ .menu-icon .navicon:after {
			transform: rotate(45deg);
		}
	.seg01 .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
	.seg01 .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
		top: 0;
	}
.seg01 .overlayBgHead {
	background: #00000055;
	width: 100%;
	height: 100%;
	min-height: 820px;
	position: absolute;
	top: 0;
	left: 0;
}
.seg01 .videoFrame > video {
	border-radius: 12px !important;
	border: 0 solid #5D3749;
}
.seg01 .verses {
	max-width: 845px;
	width: 100%;
}
	.seg01 .verses .hr-line {
		max-width: 690px;
		width: 100%;
	}
	.seg01 .verses .judulTextSub {
		font-family: 'Engraver-Light';
		color: #5D3749;
		font-size: 25px;
		font-weight: 400;
		line-height: 36.5px;
		text-align: center;
		position: relative;
		letter-spacing: unset;
	}
.seg01 .head-photo {
	display: flex;
	flex-direction: row;
	max-width: 916px;
	width: auto;
	overflow: hidden;
}
	.seg01 .head-photo img {
		max-width: 458px;
		width: 50%;
		object-fit: contain;
	}
.seg01::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #00000055;
	/*background-image: linear-gradient(-180deg, #6c879e00 0%, #6c879e4d 70%, #6c879ead 85%, #6c879ed9 90%, #6c879e 100%);*/
	/*background-image: linear-gradient(0deg, #00000000 0%, #00000000 96%, #00000085 100%, #000000 100%, #000000a8 100%);*/
	z-index: 0;
}
		.seg01 > * {
			z-index: 1;
		}

.seg02 .logo-icon {
	max-width: 175px;
	width: 100%;
	margin-top: 60px !important;
	margin-bottom: 50px !important;
}
.seg02 .logo-name {
	width: 100%;
	max-width: 490px;
	height: auto;
	margin-top: 10px;
}
.seg02 .logo-name-header {
	width: 100%;
	max-width: 920px;
	height: auto;
	position: relative;
}
.seg02 {
	position: relative;
}
.scedule-d-table {
	line-height: 1.5;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	max-width: 80%;
}
.scedule-d-table .year,
.scedule-d-table .month {
	font-size: 24px;
	font-weight: 300;
	padding: 0 25px 0 25px;
}
.scedule-d-table .date {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	font-size: 43px;
	font-weight: 600;
	letter-spacing: -5px;
	padding: 0 32px 0 30px;
}

.seg03 .hr-line.top {
	position: absolute;
	left: 0;
	right: 0;
	top: -54px;
	width: 130px;
}
.seg03 .hr-line.bottom {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -55px;
	width: 130px;
}
.seg03 .subJudulInfo {
	font-size: clamp(10px, 2vw, 25px);
	font-family: 'Engraver-Light';
	color: #ffffff;
	text-transform: none;
	letter-spacing: normal;
}
	.seg03 .subJudulInfo sup {
		font-size: 60%;
		letter-spacing: normal;
	}

.seg05 .mainGallery {
	/*max-width: 940px !important;*/
	margin: auto;
	/*padding: 90px;*/
}

.seg07 {
	text-align: center;
	/*color: #ffffff;*/
}
	.seg07 .pgm {
		background-image: url('../img/segbg070.png');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top center;
	}
	.seg07 > div {
		/*min-height: 920px;*/
	}
.seg07 .objectBg-01m {
	top: -100px;
	left: 0;
	height: 270px;
}
.seg07 .objectBg-02m {
	bottom: -80px;
	right: 0;
	height: 280px;
}
	.seg07 .hr-title-line {
		margin-bottom: -10px;
		position: relative;
	}
.seg07 .hr-title-line-L {
	width: 290px;
	position: relative;
	left: 120px;
	z-index: 1;
}
.seg07 .hr-title-line-R {
	width: 290px;
	position: relative;
	right: 120px;
	z-index: 0;
}
	.seg07 .hr-title-line-C {
		width: 140px;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		top: 100px;
		z-index: 0;
	}
	.seg07 .hr-title-line-C2 {
		width: 70px;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		top: 139px;
		z-index: 99;
	}
	.personalMsgL,
	.seg07 .personalMsgL {
		min-height: 700px;
		background-position: center center !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
	}

.seg06 .venueLoc-P {
	background-color: transparent;
	border-radius: 4px;
	max-width: 535px;
	width: 100%;
	box-shadow: 0 1px 6px -1px #00000075;
}
	.seg06 .venueLoc-P .locMap {
		min-height: unset;
	}
		.seg06 .venueLoc-P .locMap iframe {
			width: 100% !important;
			max-width: unset !important;
			height: 287px !important;
			border-top-left-radius: 15px !important;
			border-top-right-radius: 15px !important;
			/* border: 10px solid #fff; */
		}
	.seg06 .venueLoc-P .d-flex.flex-column {
		background: #bc959000;
		border-radius: 4px;
		border: 0 solid #bc959000;
		padding: 10px;
		/*box-shadow: 0 2px 10px -5px #00000030;*/
	}
		.seg06 .venueLoc-P .d-flex.flex-column .w-100 .w-100 h5 {
			color: #F0C8B6;
			font-size: 27px;
			text-transform: unset;
		}
		.seg06 .venueLoc-P .d-flex.flex-column .schedule-Card {
			/*max-width: 420px;*/
			padding: 0 1rem 0 1rem;
			color: #fff;
			font-family: 'Engraver-Light';
			letter-spacing: 0.8px;
			font-size: 20px;
			font-weight: 400;
		}
			.seg06 .venueLoc-P .d-flex.flex-column .schedule-Card span {
				color: #fff;
				font-family: 'Engraver-Light';
				font-weight: 400;
				/*font-weight: 600 !important;*/
			}
.seg06 .frame-object {
	position: absolute;
	right: -200px;
	bottom: -80px;
	z-index: 1;
}
.protocolList {
	max-width: 700px;
}
	.protocolList > * {
		flex: 1 1 100% !important;
		margin-bottom: 2rem !important;
		max-width: 230px;
	}
.protocols .icnAttire {
	width: 57px;
	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: 10px 25px;
}
	.protocols .item-icon span {
		/*color: #58595b;*/
		/*font-size: 18px;
		font-family: 'Engraver-Light';*/
		line-height: 25px;
		/*letter-spacing: 0.9px;*/
	}
.venueLoc-P {
	background-color: transparent;
	border-radius: 8px;
	max-width: 500px;
	width: 100%;
	position: relative;
	overflow: hidden;
}
	.venueLoc-P > .d-flex.flex-column {
		background: #537b90;
		border-radius: 20px;
		border: 0px solid #E4CEC7;
		padding: 0 !important;
		box-shadow: 0 2px 10px -5px #00000030;
	}
	.venueLoc-P > .d-flex.flex-column .schedule-Card {
		/* max-width: 420px; */
		padding: 0 1rem 0 1rem;
		color: #fff;
		/*font-family: 'Engraver-Light';*/
		letter-spacing: 0.9px;
	}
	.venueLoc-P .locMap iframe {
		width: 100% !important;
		max-width: unset !important;
		height: clamp(215px, 20.5vw, 285px) !important;
		border-radius: 10px;
		background-color: #537b90;
		border: 1px solid #537b90;
		/*border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;*/
		/* border: 10px solid #fff; */
		/*box-shadow: 0 1px 6px -1px #00000075;*/
	}

.seg09::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, #537b9000 0%, #537b906e 50%, #537b90bf 70%, #537b90d9 80%, #537b90 100%);
	z-index: 0;
}
		.seg09 > * {
			z-index: 1;
		}
/*.seg09, .seg09 .container, .seg09 .row {
	height: 100%;
	position: relative;
}*/
.seg09 .thankyou {
	/*min-height: 890px;*/
	justify-content: center;
	margin-bottom: 200px;
	/*padding-bottom: 200px;*/
	/*height: 100%;*/
}
.seg09 h1 {
	font-size: clamp(42px, 4.5vw, 64px);
	font-family: 'Branch';
	letter-spacing: normal;
	text-transform: uppercase;
	color: #ffffff;
	width: 100%;
	/*height: 130px;*/
	/*line-height: 145px;*/
}
	.seg09 h1 span.kr {
		font-size: 0.6em !important;
	}
.seg09 p {
	/*font-family: 'Engraver-Light';*/
	font-weight: 400 !important;
	/*font-size: 20px;*/
	/*letter-spacing: 0.8px;*/
	color: #ffffff;
}
	.seg09 > a {
		position: absolute;
		bottom: 30px;
	}
.seg09 .container,
.seg09 .row {
	height: 100%;
}

.alm code {
	font-size: inherit;
	font-family: MyriadPro;
	color: unset;
}

span.kr {
	font-family: 'Myungjo' !important;
	font-size: unset !important;
}

/*gallery*/
.mainGallery .swiper-slide {
	background: #ffffff;
}
/*text trough line*/
.separator {
	display: flex;
	align-items: center;
	text-align: center;
}
	.separator::before,
	.separator::after {
		content: '';
		flex: 1;
		border-bottom: 2px solid #bc959000;
	}
	.separator:not(:empty)::before {
		margin-right: .25em;
	}
	.separator:not(:empty)::after {
		margin-left: .25em;
	}
.mw-45 {
	max-width: 45%;
}
.mw-70 {
	max-width: 70%;
}

/*NEW RSVP FORM*/
.personalMsg .rsvpMenu .rsvpForm .form-control::placeholder,
.personalMsg .rsvpMenu .rsvpForm .form-control {
	background-color: #ffffff00 !important;
	color: #000 !important;
}
.personalMsg .rsvpMenu .rsvpForm .iti {
	display: block !important;
}
.iti__country-list {
	color: #000;
	font-size: 13px;
}
/* Button Check/Radio */
.rsvpBtnPage {
	font-size: 13px !important;
	line-height: 16px !important;
	padding: 7px 5px 22px 5px;
	margin: 0;
}

	.rsvpBtnPage.active {
		font-size: 13px !important;
	}
.btn {
	display: inline-flex !important;
	justify-content: center;
	align-items: center;
	line-height: 1.1 !important;
	font-family: 'Engraver-Light';
	font-weight: 400 !important;
	font-size: clamp(9px, 2vw, 10px) !important;
	letter-spacing: clamp(-1.5px, -2vw, -1.2px) !important;
}
.btn-rsvp {
	height: 48px !important;
	width: 98px !important;
}
.btn-greenIG {
	background-color: #C08D66 !important;
	border-color: #C08D66 !important;
	font-size: 16px;
	outline: none !important;
	box-shadow: none !important;
	cursor: pointer;
	border-radius: 4px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px !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-form {
	color: #ffffff !important;
	background-color: #537b90 !important;
	border-color: #537b90 !important;
	/*font-size: 16px !important;*/
	outline: none !important;
	box-shadow: none !important;
	cursor: pointer;
	border-radius: 4px !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
	.btn-form:hover,
	.btn-form:active,
	.btn-form[aria-expanded="true"],
	.btn-form-active,
	.btn-form.active {
		color: #ffffff !important;
		border-color: #a0c4e0 !important;
		background-color: #a0c4e0 !important;
	}
.btn-form-outline {
	color: #97967E !important;
	background-color: transparent !important;
	border-color: #97967E !important;
	font-size: 16px !important;
	outline: none !important;
	box-shadow: none !important;
	cursor: pointer;
	border-radius: 4px !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
	.btn-form-outline:hover {
		color: #fff !important;
		background-color: #97967E !important;
		border-color: #97967E !important;
	}
	.btn-form-outline:active {
		background-color: #97967E !important;
		border-color: #97967E !important;
	}
	.btn-form-outline.active {
		background-color: #97967E !important;
		border-color: #97967E !important;
	}
.btn-prime {
	color: #fff !important;
	background-color: #537b90 !important;
	border-color: #537b90 !important;
	/*font-size: 16px;*/
	font-family: 'Engraver-Light';
	outline: unset !important;
	box-shadow: unset !important;
	cursor: pointer;
	border-radius: 4px !important;
}
	.btn-prime:hover,
	.btn-prime.active {
		color: #fff !important;
		background-color: #543227 !important;
		border-color: #543227 !important;
	}
.btn-pgm {
	color: #fff !important;
	background-color: #615958 !important;
	border-color: #615958 !important;
	font-size: 16px;
	font-family: 'Engraver-Light';
	outline: unset !important;
	box-shadow: unset !important;
	cursor: pointer;
	border-radius: 4px !important;
}
	.btn-pgm:hover,
	.btn-green-connectied.active {
		color: #fff !important;
		background-color: #726a69 !important;
		border-color: #726a69 !important;
	}
button.fancybox-close-small {
	padding: 0 !important;
	margin: 10px;
	color: #21645B;
	background-color: #fff;
	border: 0;
	width: 21px;
	height: 21px;
	border-radius: 50%;
	font-size: 41px;
	font-weight: 400;
	text-shadow: none;
	/*box-shadow: 0 1px 3px 1px #00000059 !important;*/
	opacity: 1;
}
/*Help RSVP*/
.btn-help {
	width: 30px;
	height: 30px;
	border: 2px solid #fff !important;
	border-radius: 50% !important;
	font-family: 'Engraver-Light' !important;
	font-size: 17px !important;
	position: absolute;
	top: 0;
	right: 0;
}
.popover {
	max-width: 380px !important;
	width: 100% !important;
	border-radius: 13px !important;
	margin-right: 9% !important;
}
.popover-body {
	display: flex;
	flex-direction: column;
	padding: 0.75rem 0.75rem !important;
}
	.popover-body img {
		height: 100%;
		max-width: 380px;
		width: 100% !important;
	}
	.popover-body hr {
		width: 100% !important;
	}
@media screen and (max-width: 1024px) {
	.popover {
		margin-right: unset !important;
	}
}
@media screen and (max-width: 550px) {
	.popover {
		max-width: 97% !important;
		border-radius: 10px !important;
		border: 0 !important;
		margin-right: unset !important;
	}
}


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

	.btn-rsvpRadio input[type="radio"],
	.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-form2 {
	width: 142px;
	/*height: 77px;*/
	/* padding: 6px 0 0 0; */
	/*background: url(../img/rsvpBtnBigBg2.webp);*/
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.valVisit {
	width: 80px;
	height: 56px;
	padding: 5px 0px 0px 0;
	display: flex;
}
.BGbtn-dropdown {
	/*background: url(../img/rsvpBtnSmallBg.webp);*/
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

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

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

.btn-dropDown {
	color: #ffffff !important;
	border-color: #21645C !important;
	background-color: #21645C !important;
	width: 53px !important;
	box-shadow: 0 2px 3px 0px #00000075;
}

/*RSVP Radio & Checkbox Button*/
.rsvpCheckbox,
.rsvpRadio {
	position: relative;
	cursor: pointer;
}
.rsvpRadio input {
	position: relative;
	margin: 0 1rem 0 0;
	width: 15px;
	cursor: pointer;
}
	.rsvpRadio input:before {
		-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
		-moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
		transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
		-webkit-transform: scale(0, 0);
		-moz-transform: scale(0, 0);
		-ms-transform: scale(0, 0);
		-o-transform: scale(0, 0);
		transform: scale(0, 0);
		content: "";
		position: absolute;
		top: 0;
		left: 0.125rem;
		z-index: 1;
		width: 0.75rem;
		height: 0.75rem;
		background: #16a085;
		border-radius: 50%;
	}
	.rsvpRadio input:checked:before {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	.rsvpRadio input:after {
		content: "";
		position: absolute;
		top: -0.125rem;
		left: 0;
		width: 1rem;
		height: 1rem;
		background: #fff;
		border: 2px solid #f2f2f2;
		border-radius: 50%;
	}

.rsvpCheckBox input{
	position: relative;
	margin: 0 10px 0 0;
	cursor: pointer;
}
	.rsvpCheckBox input:before {
		-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
		-moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
		transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
		-webkit-transform: rotate(-45deg) scale(0, 0);
		-moz-transform: rotate(-45deg) scale(0, 0);
		-ms-transform: rotate(-45deg) scale(0, 0);
		-o-transform: rotate(-45deg) scale(0, 0);
		transform: rotate(-45deg) scale(0, 0);
		content: "";
		position: absolute;
		left: 0.1875rem;
		top: 0.125rem;
		z-index: 1;
		width: 0.75rem;
		height: 0.375rem;
		border: 2px solid #16a085;
		border-top-style: none;
		border-right-style: none;
	}
	.rsvpCheckBox input:checked:before {
		-webkit-transform: rotate(-45deg) scale(1, 1);
		-moz-transform: rotate(-45deg) scale(1, 1);
		-ms-transform: rotate(-45deg) scale(1, 1);
		-o-transform: rotate(-45deg) scale(1, 1);
		transform: rotate(-45deg) scale(1, 1);
	}
	.rsvpCheckBox input:after {
		content: "";
		position: absolute;
		top: -0.125rem;
		left: 0;
		width: 1rem;
		height: 1rem;
		background: #fff;
		border: 2px solid #f2f2f2;
		cursor: pointer;
	}

.rsvpTextarea {
	margin: 0 !important;
}
	.rsvpTextarea textarea {
		border: 1px solid #537b90;
		border-radius: 4px;
		width: 275px;
	}
.rsvpForm .guestName h6 {
	/*display: inline;*/
	/*font-weight: 600;*/
	font-size: inherit;
	font-family: 'Engraver-Light';
	text-transform: none;
}

/*Advance RSVP Radio Check Button*/
label span {
	background-color: unset;
}
.rsvpCheckBox,
.rsvpRadio {
	display: flex !important;
	flex-wrap: wrap;
	padding: 5px 10px 5px 35px !important;
	margin: 5px 0;
	font-family: 'Engraver-Light' !important;
	font-weight: 400;
	border-radius: 4px !important;
	color: #fff !important;
	background-color: #737f52 !important;
	border-color: #737f52 !important;
	border: 1px solid !important;
	min-height: 57px !important;
	height: auto !important;
}
	.rsvpCheckBox:focus,
	.rsvpRadio:focus,
	.rsvpCheckBox:hover,
	.rsvpRadio:hover {
		color: #ffffff;
		background-color: #919a75 !important;
		border-color: #919a75 !important;
		cursor: pointer;
	}
	.rsvpCheckBox input[type="checkbox"] {
		position: absolute;
		top: 40%;
		left: 10px;
		border-color: #bc959000;
	}
	.rsvpCheckBox span,
	.rsvpRadio span {
		display: block;
		font-size: 90% !important;
		border-color: #bc959000;
	}
/*RSVP Radio to Button*/
.btn-rsvpRadio {
	color: #ffffff !important;
	background-color: #737f52 !important;
	border: 1px solid #737f52 !important;
	border-radius: 4px !important;
	cursor: pointer !important;
	outline: unset !important;
	box-shadow: none !important;
	min-width: 75px !important;
	width: 128px;
	height: 60px;
}
	.btn-rsvpRadio:hover,
	.btn-rsvpRadio.active {
		color: #fff !important;
		background-color: #919a75 !important;
		border-color: #919a75 !important;
	}

.rsvpMenu .judulText {
	color: #537b90;
}
.rsvpMenu {
	color: #4f5b3f;
	background: #ECECEC00;
	border-radius: 20px;
	padding: 20px 30px 20px 30px !important;
	/*min-height: 920px;*/
	/*text-transform: unset;*/
	/*font-size: 16px;*/
	z-index: 1;
}
	.rsvpMenuD0,
	.rsvpMenu .card-body .text-center span {
		/*color: #000;*/
		/*font-size: 18px;*/
	}
	.rsvpMenu .card-body .rsvpCheckBox,
	.rsvpMenu .card-body .btn.rsvpRadio {
		color: #fff;
		font-size: 14px !important;
	}

.rsvpMenuD0 {
	background: #ffffff00;
	border-radius: 20px;
	z-index: 10;
	/*color: #fff;*/
}
	.rsvpMenuD0 .form-control {
		color: #fff !important;
		background-color: #5D3749;
		border: 1px solid #fff;
	}
	.rsvpMenuD0 .btn-rsvpMenuD0 {
		color: #ffffff;
		background-color: #537b90;
		border-color: #537b90;
		border-radius: 4px;
		cursor: pointer;
		outline: unset !important;
		/*box-shadow: 0 2px 3px 0px #0000003b !important;*/
		width: 128px;
		height: 60px;
	}
		.rsvpMenuD0 .btn-rsvpMenuD0:hover,
		.rsvpMenuD0 .btn-rsvpMenuD0.active,
		.rsvpMenuD0 .btn-rsvpMenuD0[aria-expanded="true"] {
			color: #ffffff;
			background-color: #a0c4e0;
			border-color: #a0c4e0;
		}
.personalMsg .rsvpMenu .rsvpForm .form-control::placeholder,
.personalMsg .rsvpMenu .rsvpForm .form-control {
	background-color: #ffffff !important;
	color: #333333 !important;
	border-color: #fff;
}

.rsvpMenuD1 {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	background: #ffffff00;
	z-index: 9;
	/*color: #fff;*/
}
	.rsvpMenuD1 .btn-rsvpMenuD1 {
		color: #ffffff;
		background-color: #537b90;
		border-color: #537b90;
		border-radius: 4px;
		cursor: pointer;
		outline: unset !important;
		/*box-shadow: 0 2px 3px 0px #0000003b !important;*/
		min-width: 75px;
		width: 128px;
		height: 60px;
	}
		.rsvpMenuD1 .btn-rsvpMenuD1:hover,
		.rsvpMenuD1 .btn-rsvpMenuD1.active,
		.rsvpMenuD1 .btn-rsvpMenuD1[aria-expanded="true"] {
			color: #ffffff;
			background-color: #a0c4e0;
			border-color: #a0c4e0;
		}
	/*Other tab*/
	.rsvpMenuD1 .btn-rsvpMenuD1-1 {
		color: #ffffff;
		background-color: #537b90;
		border-color: #537b90;
		border-radius: 4px;
		cursor: pointer;
		outline: unset !important;
		box-shadow: none !important;
	}
		.rsvpMenuD1 .btn-rsvpMenuD1-1:hover,
		.rsvpMenuD1 .btn-rsvpMenuD1-1.active,
		.rsvpMenuD1 .btn-rsvpMenuD1-1[aria-expanded="true"] {
			color: #ffffff;
			background-color: #a0c4e0;
			border-color: #a0c4e0;
		}
	.rsvpMenuD1 .BGbtn-form2 {
		width: auto;
	}

.rsvpMenuD2 {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	background: #ffffff00;
	z-index: 8;
	outline: unset !important;
	box-shadow: unset !important;
	/*color: #fff;*/
}
	.rsvpMenuD2 .BGbtn-dropdown .btn-rsvpMenuD2,
	.rsvpMenuD2 .btn-rsvpMenuD2 {
		color: #ffffff;
		background-color: #537b90;
		border-color: #537b90 !important;
		border-radius: 4px !important;
		width: 54px !important;
		height: 34px;
		cursor: pointer;
		outline: unset !important;
		border: 0;
		/*box-shadow: 0 2px 3px 0px #0000003b !important;*/
	}
		.rsvpMenuD2 .btn-rsvpMenuD2:focus,
		.rsvpMenuD2 .btn-rsvpMenuD2:hover,
		.rsvpMenuD2 .btn-rsvpMenuD2.active,
		.rsvpMenuD2 .btn-rsvpMenuD2[aria-expanded="true"] {
			color: #ffffff;
			background-color: #537b90;
			border-color: #537b90;
		}
	/*Dropdown Select*/
	.rsvpMenuD2 .BGbtn-dropdown .btn-rsvpMenuD2 {
		color: #000000;
		background-color: #ffffff !important;
		border-color: #ffffff !important;
		border-radius: 4px;
		padding: 0 5px 0 5px;
		text-align: center;
		font-weight: 400 !important;
	}
		.rsvpMenuD2 .BGbtn-dropdown .btn-rsvpMenuD2:active,
		.rsvpMenuD2 .BGbtn-dropdown .btn-rsvpMenuD2:focus,
		.rsvpMenuD2 .BGbtn-dropdown .btn-rsvpMenuD2:hover {
			color: #000000;
			background-color: #ffffff !important;
			border-color: #ffffff !important;
		}
.rsvpMenuD3 {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	background: #ffffff00;
	z-index: 7;
	/*color: #fff;*/
}
	.rsvpMenuD3 .btn-rsvpMenuD3 {
		/*color: #ffffff;*/
		background-color: #537b90;
		border-color: #537b90;
		border-radius: 4px;
		cursor: pointer;
		box-shadow: none;
	}
		.rsvpMenuD3 .btn-rsvpMenuD3:hover,
		.rsvpMenuD3 .btn-rsvpMenuD3.active,
		.rsvpMenuD3 .btn-rsvpMenuD3[aria-expanded="true"] {
			/*color: #ffffff;*/
			background-color: #a0c4e0;
			border-color: #a0c4e0;
		}

.rsvpV2Q-01,
.rsvpMenuD4 {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background: #ffffff00;
	z-index: 6;
	/*color: #fff;*/
	padding: 0 15px 0 15px
}
	.rsvpV2Q-01 .justify-content-center {
		overflow-y: auto;
		max-height: 241px;
		padding: 0 10px 0 0;
		margin-bottom: 15px !important;
	}

.rsvpV2Q-02,
.rsvpMenuD5 {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background: #ffffff00;
	z-index: 5;
	/*color: #fff;*/
	padding: 0 15px 0 15px;
}
	.rsvpV2Q-02 .justify-content-center {
		overflow-y: auto;
		max-height: 241px;
		padding: 0 10px 0 0;
		margin-bottom: 15px !important;
	}
	.rsvpMenuD5 textarea {
		border: 1px solid #808f9e;
		border-radius: 8px;
		height: 80px;
		outline: none !important;
		font-size: 16px;
		font-weight: 400;
	}
.rsvpV2Q-03,
.rsvpMenuD6 {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background: #ffffff00;
	z-index: 4;
	/*color: #fff;*/
	padding: 0 15px 0 15px;
}
.rsvpV2Q-04,
.rsvpMenuD7 {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background: #ffffff00;
	z-index: 3;
	/*color: #fff;*/
	padding: 0 15px 0 15px;
}
.rsvpV2Q-05,
.rsvpMenuD8 {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background: #ffffff00;
	z-index: 2;
	/*color: #fff;*/
	padding: 0 15px 0 15px;
}
.rsvpV2Q-06,
.rsvpMenuD9 {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background: #ffffff00;
	z-index: 1;
	/*color: #fff;*/
	padding: 0 15px 0 15px;
}

	/*.rsvpMenuD3.rsvpV2Q-03 > .d-flex > .d-flex,*/
	.rsvpMenuD3.rsvpV2Q-02 > .d-flex > .d-flex,
	.rsvpMenuD3.rsvpV2Q-01 > .d-flex > .d-flex {
		flex-direction: column !important;
		justify-content: center;
		/*flex-wrap: wrap;*/
	}
	.rsvpMenuD3.rsvpV2Q-03 > .d-flex > .d-flex .btn {
		width: 100%;
	}
	.rsvpMenuD3.rsvpV2Q-02 > .d-flex > .d-flex .btn,
	.rsvpMenuD3.rsvpV2Q-01 > .d-flex > .d-flex .btn {
		margin: 3px 5px !important;
		/*max-width: 50%;*/
		height: unset !important;
		/*width: 100%;*/
		min-width: 90px;
	}
		.rsvpMenuD3.rsvpV2Q-03 > .d-flex > .d-flex .btn.rsvpTextarea,
		.rsvpMenuD3.rsvpV2Q-02 > .d-flex > .d-flex .btn.rsvpTextarea,
		.rsvpMenuD3.rsvpV2Q-01 > .d-flex > .d-flex .btn.rsvpTextarea {
			height: unset !important;
			width: 100% !important;
			min-width: 75px;
		}
	.rsvpMenuD3.rsvpV2Q-03,
	.rsvpMenuD3.rsvpV2Q-02,
	.rsvpMenuD3.rsvpV2Q-01 {
		padding-top: 0 !important;
	}
	.rsvpMenuD9.pt-5,
	.rsvpMenuD9.pt-5 .pt-3,
	.rsvpMenuD9.pt-5 .mt-3 {
		padding-top: 0 !important;
	}

.mnuCard {
	border: 0px !important;
	border-radius: 40px !important;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	/*background: #ECECEC !important;*/
}
/*.mnuDrop-SmartRSVP,*/
.mnuDrop1 {
	margin: -50px 0 0 0;
	min-height: 50px;
}
	/*.mnuDrop-SmartRSVP .card,*/
	.mnuDrop1 .card {
		background-color: transparent;
	}
.rsvpMenu .attend-detail .rsvpMenuD3 .hr-line {
	display: none;
}
/*.rsvpMenu .btn {
	font-size: 13px !important;
}*/


#elecGiv img.qrcode {
	width: 100%;
	max-width: 230px;
	border-radius: 12px;
	border: 10px solid #537b90;
}
#elecGiv center h3 {
	line-height: unset;
}
/*#elecGiv .howto {
	padding: 0 !important;
}*/
.d-hide {
	height: 0px !important;
	opacity: 0;
}
.eventSelect.d-hide {
	height: 70px !important;
}

/*Personal Message*/
.personalMsg {
	background: #00000000;
	border-radius: 40px;
	padding: 20px 30px 20px 30px !important;
	/*min-height: 203px !important;*/
}
	.personalMsg .personalMsg02 {
		border-radius: 40px;
		/*background: #00000010;*/
		/*border: 1.px dashed #00000010;*/
		z-index: 4;
	}
		.personalMsg .personalMsg02 .carouselForm {
			height: 95px;
		}
		.personalMsg .personalMsg02 .personalMsg01-form.chatOnly {
			max-height: 500px;
			text-transform: none;
			overflow-y: auto;
		}
		.personalMsg .personalMsg02 .personalMsg01-form > .text-left {
			border-bottom: 1px dashed #537b90;
			padding-top: 10px;
			padding-bottom: 10px;
			line-height: 30px;
		}
		.personalMsg .personalMsg02 .personalMsg01-form .form-control {
			height: 60px !important;
			font-size: 21px !important;
		}
		.personalMsg .personalMsg02 .personalMsg01-form .iti.iti--allow-dropdown {
			width: 100%;
		}
		.personalMsg .personalMsg02 .personalMsg01-form textarea.form-control {
			height: 155px !important;
			font-size: 21px !important;
		}
		.personalMsg .personalMsg02 .personalMsg01-form .form-control::placeholder {
			height: 60px !important;
			font-size: 21px !important;
		}
		.personalMsg .personalMsg02 .personalMsg01-form textarea.form-control::placeholder {
			font-size: 21px !important;
		}
		.personalMsg .btn-form-outline {
			height: 60px !important;
			font-size: 21px !important;
		}
		.personalMsg .personalMsg02 .reelsHRS {
			width: 100%;
			height: 0px;
			background: #3f3c3a;
			position: relative;
		}
	.personalMsg .personalMsg02 .personalMsg01-form > .text-left p,
	.personalMsg .personalMsg02 .personalMsg01-form > .text-left h4 {
		font-family: 'Engraver-Light';
		color: #3f3c3a;
	}
		.personalMsg .personalMsg02 .personalMsg01-form > .text-left h4 {
			margin-bottom: 0px;
			letter-spacing: normal;
			font-size: clamp(10px, 2vw, 15px);
			font-weight: 600;
		}
		.personalMsg .personalMsg02 .personalMsg01-form > .text-left p {
			margin-bottom: 0;
			font-size: clamp(10px, 2vw, 15px);
		}
.connectiedCarousel .gradientPM > div .pmInitial {
	font-size: 27px;
}
.personalMsg .personalMsg02 .item .k-upload {
	background: transparent;
	border: 0;
	border-radius: 50%;
}
	.personalMsg .personalMsg02 .item .k-upload .k-dropzone {
		border-radius: 50%;
		width: 64px !important;
		height: 64px !important;
		background: #00000000;
		padding: 0;
	}
		.personalMsg .personalMsg02 .item .k-upload .k-dropzone .k-button.k-upload-button {
			/*background: url('/events/harrypauline/img/addStory.webp');*/
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
			border-radius: 50%;
			min-width: unset !important;
			min-height: unset !important;
			margin: 0 !important;
			width: 64px !important;
			height: 64px !important;
			border: 0;
		}
		.personalMsg .personalMsg02 .item .k-upload .k-dropzone .k-dropzone-hint {
			display: none;
			cursor: pointer;
		}
		.personalMsg .personalMsg02 .item .k-upload .k-dropzone .k-button.k-upload-button span {
			display: none;
		}
		.personalMsg .personalMsg02 .item .k-upload .k-dropzone .k-button.k-upload-button:hover {
			box-shadow: inset 0 0 50px #ffffff50;
		}
.k-widget.k-upload > .k-dropzone > .k-button > span:before {
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.pgm-story .swiper-wrapper .swiper-slide a.addPlus {
	background-color: #537b90;
	border: 2px solid #537b90;
}
	.pgm-story .swiper-wrapper .swiper-slide a.addPlus:hover:after {
		background: url('../img/texture.webp');
		background-size: auto;
		background-position: center center;
		background-color: #537b90;
		border: 0 solid #537b90;
		filter: brightness(1.1);
		color: #ffffff;
	}

.btn-form-outline {
	color: #fff !important;
	background-color: #537b90 !important;
	border-color: #537b90 !important;
	font-size: 16px;
	outline: none !important;
	box-shadow: none !important;
	cursor: pointer;
	border-radius: 4px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px !important;
}
	.btn-form-outline:hover {
		color: #fff !important;
		background-color: #537b90 !important;
		border-color: #537b90 !important;
	}

	.btn-form-outline:active {
		color: #fff !important;
		background-color: #537b90 !important;
		border-color: #537b90 !important;
	}

	.btn-form-outline[aria-expanded="true"] {
		color: #fff !important;
		background-color: #537b90 !important;
		border-color: #537b90 !important;
	}

	.btn-form-outline.active {
		color: #fff !important;
		background-color: #537b90 !important;
		border-color: #537b90 !important;
	}

.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: #ffffff;
			border: 2px solid #A4907F;
			border-radius: 4px;
			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 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 #A4907F;
		border-width: 0 2px 2px 0;
		transform: rotate(45deg);
	}
.pmLabel {
	font-family: 'Engraver-Light';
	color: #1A1A1A;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	margin-bottom: 5px;
}

.pmUpload > .k-widget,
.pmUpload > .k-widget.k-upload {
	background-image: none;
	/*background-color: #1310358a !important;*/
	border-color: #ffffff !important;
	border-radius: 4px;
	overflow: hidden;
}
	.pmUpload > .k-widget.k-upload > .k-dropzone {
		background-image: none;
		/*background-color: #ffffffb3 !important;*/
		/*border-color: #ced4da !important;*/
		height: 44px;
		padding-left: 12px;
		text-transform: none;
	}
		.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: #537b90 !important;
			border-color: #537b90 !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;
			font-size: clamp(8px, 1.5vw, 10px) !important;
			font-family: 'Engraver-Light';
		}
		.pmUpload > .k-widget.k-upload > .k-dropzone > .k-button:hover,
		.pmUpload > .k-widget.k-upload > .k-dropzone > .k-button:active {
			background: url('../img/texture.webp');
			background-size: auto;
			background-position: center center;
			background-color: #537b90 !important;
			border: 2px solid #537b90 !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: #A4907F !important;
}
.personalMsgUp.w-100 > div > #txt-personalguestmessage-name {
	height: 40px;
}
.personalMsgUp.w-100.collapsing,
.personalMsgUp.w-100.collapse,
.personalMsgUp.w-100.collapse.show {
	position: absolute;
	z-index: 5;
	background: #fff;
	/*top: 497px;*/
	margin-top: 47px;
	left: 0;
	width: 100% !important;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: 0 4px 5px 0px #00000024;
}
.personalMsgUp .iti {
	width: 100%;
}
.videoThumb {
	width: 100%;
	height: 64.4px;
	margin-bottom: -8px;
	object-fit: cover;
	border-radius: 50%;
	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: 0px 2px 4px 1px #0000003d;
		opacity: 0.9;
	}
	.thankContent .judulText {
		font-family: 'Engraver-Light';
		font-size: 39px;
		font-weight: 600;
		color: #AE886A;
	}
	.thankContent .judulTextSub {
		text-align: center;
		font-size: 16px;
	}

/*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;
}

/*Electronic Giving*/
#elecGiv center > img {
	max-width: 290px;
	width: 100%;
	border: 15px solid #bc959000;
	border-radius: 20px;
}
#elecGiv center h3 strong > img {
	margin-bottom: 10px;
}
#elecGiv center > h3.judulSub {
	font-family: 'Engraver-Light';
	/*color: #58595b !important;*/
	/*font-size: 20px;*/
	font-weight: 400;
	line-height: 30px;
	text-align: center;
	letter-spacing: unset;
}
#elecGiv .btn-form {
	/*font-size: 14px !important;*/
}
/*MOBILE FRIENDLY*/
/*@media screen and (min-width: 1760px) {
	body {
		background: url('/events/norakesit/img/segbg00-1Frame-L.webp'), url('/events/norakesit/img/segbg00-1Frame-R.webp');
		background-color: #F1EFF0 !important;
		background-size: cover;
		background-position: top left, top right;
		background-repeat: repeat-y;
	}
}*/
@media screen and (min-width: 1441px) {
	.slider-main .item > .content {
		height: 1200px !important;
	}
	.seg01 .header li a {
		font-size: 16px !important;
	}
	.seg01 .header {
		height: 75px;
		margin-top: 30px;
	}
	.seg01 {
		/*background-position: center center !important;*/
	}
}
@media screen and (max-width: 1537px) {
	/*.innerS1 > img {
		width: 135px !important;
	}*/
	.innerS1 > .videoFrame > video {
		width: 380px;
		height: 220px;
	}
	.innerS1 > h5.judulInfo {
		font-size: 28px;
	}
	.innerS1 > h2.judulSub {
		font-size: 18px !important;
	}
	.innerS1 .judulTextSub.content01 {
		padding: 0 145px;
	}
	.logo-icon {
		margin-top: unset;
	}
}
@media screen and (max-width: 1367px) {
	.videoFrame > iframe,
	.videoFrame > video {
		width: 540px;
		height: 320px;
	}
}
@media screen and (max-width: 1439px) {
/*    .seg01 {
		background: url(../img/bg-header.jpg);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		background-color: unset;
		height: 100%;
	}
	.seg02 {
		background: url(../img/segbg02-2.webp), url(../img/segbg02-1.webp);
		background-size: 30%, 30%;
		background-position: bottom left, top right;
		background-repeat: no-repeat;
		padding: 100px 0 100px 0;
	}
	.seg04 {
		background: url(../img/segbg04-2.webp), url(../img/segbg04-1.webp);
		background-size: 30%, 30%;
		background-repeat: no-repeat, no-repeat;
		background-position: bottom left, top right;
		border-bottom: 0px;
		background-color: unset;
		padding: 40px 0 50px 0;
	}
	.seg06 {
		background: url(../img/segbg06-2.webp), url(../img/segbg06-1.webp);
		background-size: 30%, 30%;
		background-repeat: no-repeat, no-repeat;
		background-position: bottom left, top right;
		border-bottom: 0px;
		background-color: unset;
		padding: 100px 0 50px 0;
	}
	.seg08 {
		background: url(../img/segbg08-2.webp), url(../img/segbg08-1.webp);
		background-size: 30%, 30%;
		background-repeat: no-repeat, no-repeat;
		background-position: bottom left, top right;
		border-bottom: 0px;
		background-color: unset;
		padding: 0;
	}*/
}
@media (min-width: 768px) and (max-width: 1023px) {
	/*.seg05 .frame-object {
		position: absolute;
		right: 0;
		bottom: -15px;
		z-index: 1;
		width: auto;
		height: auto;
	}
	.seg02 {
		background-size: 30%;
	}
	.seg04 {
		background-size: 30%;
	}
	.seg08 {
		background-size: 30%;
	}*/
}
@media screen and (max-width: 1024px) {
	/*.innerS5 .judulText, thumb {
		margin: 0px;
	}*/
	.card-body {
		padding: unset !important;
	}
	.videoFrame {
		text-align: center;
	}
	.videoFrame > iframe,
	.videoFrame > video {
		width: 540px;
		height: 320px;
	}

	/*.seg01 {
		background-size: 140%, 140%, cover;
		padding-top: 50px;
		padding-bottom: 50px;
		padding-left: 50px;
		padding-right: 50px;
	}*/
	.seg06 .protocolList {
		width: 75%;
	}
	.innerS1 .judulTextSub.content01 {
		padding: 0 45px;
	}
	.innerS2 .judulTextSub.content01 {
		padding: 0 35px;
	}
	.innerS3 .judulTextSub.content01 {
		padding: 0px 0px;
	}
	/*.textColorized {
		font-size: 22px !important;
	}*/
}

@media screen and (max-width: 1023px) {
	.language-box {
		position: fixed;
		right: 25px;
		top: 26px;
		font-size: 16px;
		text-shadow: 0px 3px 5px rgb(150 150 150 / 70%);
		color: white;
		width: 45px;
		height: 44px;
	}
	.inner01 {
		float: none !important;
		/*width: unset !important;*/
		justify-content: center;
		align-content: center;
		top: unset;
	}
	.inner02 {
		padding: 0 25px;
		width: 80%;
	}
	/*section .innerText {
		position: relative;
		width: 100%;
		left: unset;
		text-align: left;*/
		/*border-bottom: 1px solid #8E5C2E;*/
		/*padding: 0 65px !important;
		padding-top: 3rem !important;
	}*/
	.innerS5 .judulText, thumb {
		margin: 0px;
	}
	.thumb {
		padding-left: 35px;
	}
	.videoFrame {
		text-align: center;
	}
		.videoFrame > iframe,
		.videoFrame > video {
			width: 540px;
			height: 320px;
		}
	
	.innerS1 .judulTextSub.content01 {
		padding: 0 45px;
	}
	.innerS2 .judulTextSub.content01 {
		padding: 0 35px;
	}
	.innerS3 .judulTextSub.content01 {
		padding: 0px 0px;
	}
	
	/*.textColorized {
		font-size: 32px !important;
		line-height: 43px;
	}*/

	.judulF,
	.judulM {
		font-size: 23px;
		line-height: 25px;
	}
		.judulF > i,
		.judulM > i {
			font-size: 18px;
		}
		.judulF > .sort, .judulM > .sort,
		.judulM > .sort, .judulM > .sort {
			font-size: 13px;
		}

	.locMap > iframe {
		width: 100% !important;
		min-width: 180px !important;
		min-height: 199px !important
	}

	.seg01 {/*
		background: url(../img/segbg01m.webp);
		background-size: 100%;
		background-position: top center;
		background-repeat: no-repeat;
		background-color: unset;*/
		padding: 0;
	}
		.seg01 .logo-head {
			/*max-width: 65px;*/
			width: 100%;
		}
		.seg01 .logo-name {
			max-width: 308px;
			width: 100%;
		}
		.seg01 .inner01 {
			justify-content: center;
			padding-bottom: 0;
		}
	.seg01 .judulSlideSub {
		/*font-size: 13px;*/
		/*line-height: 14.20pt;*/
		text-align: center;
		position: unset;
		top: unset;
		margin: 0;
	}
	.seg01 .judulSlide {
		/*font-size: 7vw;*/
		text-align: center;
		top: unset;
	}
	.seg01 .judulSlide span {
		/*font-size: 28px;*/
		/*padding: 0 12px;*/
	}
	.seg01 .header {
		position: fixed !important;
	}
		.seg01 .header > .menu {
			background: #ffffff;
			text-align: left;
			border-top-left-radius: 0px;
			border-top-right-radius: 0px;
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
			margin-left: -55px;
			box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
		}
	.seg01 .header .menu-btn:checked ~ .menu {
		max-height: unset;
	}
		.seg01 .header > .menu li {
			padding: 10px 20px 10px 20px;
		}
			.seg01 .header > .menu li:first-child {
				text-align: right;
				background-color: #a0c4e0;
				padding: 10px;
				color: #fff;
				font-family: 'Branch';
				font-weight: 400;
				font-size: 24px;
				line-height: 26px;
				text-transform: none;
			}
			.seg01 .header > .menu li a {
				width: 100%;
				color: #333333 !important;
			}
				.seg01 .header > .menu li a:hover {
					width: 100%;
					color: #333333 !important;
				}
	.seg01 .header {
		width: unset !important;
		height: auto !important;
		margin-top: 15px !important;
	}

	.seg02 {
		/*background-image: url(../img/segbg022m.webp), url(../img/segbg021m.webp);*/
	}
		.seg02 .separator .mw-45 {
			max-width: 90%;
		}
		.seg02 .w-75 {
			width: 90% !important;
		}
		.seg02 .hr-line {
			/*margin-bottom: 20px !important;*/
		}
		.seg02 .logo-name {
			width: 100% !important;
		}
		.seg02 .img-object.left {
			width: 400px;
		}
		.seg02 .img-object.right {
			width: 400px;
		}

	.seg03 { /*
		background: url(../img/segbg00m.webp);
		background-size: 100%;
		background-position: top center;
		background-repeat: repeat-y;
		padding: 20px 0 20px 0;*/
	}
	.seg04 {
		/*background-image: url(../img/segbg042m.webp), url(../img/segbg041m.webp);*/
	}
	.seg04 .hr-line {
		/*margin-bottom: 30px !important;*/
	}
		.seg04 .venueLoc .d-flex.card-in  .schedule-Card {
			/*max-width: 420px;*/
			padding: 0;
		}
		.seg04 .venueLoc .event {
			/*min-width: 90px !important;*/
		}

	.seg05 {/*
		background: url(../img/segbg00m.webp);
		background-size: 100%;
		background-position: top center;
		background-repeat: repeat-y;*/
	}
	.seg05 .owl-stage-outer,
	.seg05 .slider-main .item > .content {
		padding-bottom: 0;
		padding-right: 0;
	}
	.seg05 .img-object.right {
		position: absolute;
		right: 0;
		top: 0;
	}
	.innerS5 .judulText {
		margin: 0 0 50px 0;
	}
	.seg05 .owl-prev, .owl-next,
	.seg05 .thumbnail-slider-container .slider-controls a {
		position: absolute;
		bottom: 50%;
		z-index: 100;
		color: #333333 !important;
	}

		.seg05 .owl-prev,
		.seg05 .thumbnail-slider-container .slider-controls a.slider-left {
			left: 45px;
			outline: none !important;
			box-shadow: none !important;
		}

		.seg05 .owl-next,
		.seg05 .thumbnail-slider-container .slider-controls a.slider-right {
			right: 45px;
			outline: none !important;
			box-shadow: none !important;
		}
	.seg05 .frame-object {
		position: absolute;
		right: 0;
		bottom: -15px;
		z-index: 1;
		width: auto;
		height: auto;
	}
	.seg06 {
		/*background-image: url(../img/segbg062m.webp), url(../img/segbg061m.webp);*/
	}
	.seg06 .inner06,
	.seg06 .innerS6 {
		background-size: 60%, 60%, cover;
		padding: 0 !important;
	}
		.seg06 .w-75 {
			width: 90% !important;
		}
	.seg06 .videoFrame > iframe,
	.seg06 .videoFrame > video {
		width: 340px !important;
		height: 200px !important;
		margin-top: 20px;
	}
		.seg06 .protocolList {
			width: 100%;
		}
		.seg06 .rundown img.mobile {
			max-width: 340px !important;
		}
	.seg07 .personalMsgL {
		min-height: 650px !important;
	}
	.seg08 {
		/*background-image: url(../img/segbg081m.webp);*/
	}
	.seg08 .mw-70 {
		max-width: unset !important;
	}
		.seg08 #elecGiv center > img {
			max-width: 230px;
			width: 100%;
			border: 10px solid #bc959000;
			border-radius: 20px;
		}
	.seg08 .w-75 {
		width: 90% !important;
	}
	.seg09 {
		/*background-image: url(../img/segbg092m.webp), url(../img/segbg091m.webp);*/
		/*min-height: 1292px;*/
	}
		.seg09 h1 {
			/*font-size: 48px;*/
			height: 60px;
			line-height: 60px;
		}
		.seg09 p {
			/*max-width: 550px !important;*/
			/*font-size: 21px;*/
			/*letter-spacing: 0.9px;*/
		}
	.timerDemo::before {
		content: "";
		border-top: 0 !important;
	}

	.seg09 .segtitle-hr {
		display: none;
	}
}

@media (min-width: 320px) and (max-width: 767px) {
	.venueLoc .card-in.d-flex .schedule-Card > .w-100 h5 {
		/*letter-spacing: 1.92px;*/
		line-height: 32px;
		height: unset;
		max-width: 340px;
	}
	.venueLoc .card-in.d-flex .w-100 .information div,
	.venueLoc .card-in.d-flex .w-100 .information span,
	.venueLoc .card-in.d-flex .w-100 .information p {
		/*font-size: 14px;*/
	}
	body {
		overflow-x: hidden;
		/*background: url('../img/segbgm.svg');*/
		/*background-color: #000 !important;
		background-position: top center;
		background-repeat: repeat;*/
		background-size: 240%;
		/*font-size: 12px !important;*/
		/*letter-spacing: normal !important;*/
		/*line-height: 20px !important;*/
	}
	.btn {
		/*font-size: 11px !important;*/
	}
	.form-control {
		font-size: 14px !important;
	}
	.judulInfo {
		/*font-size: 27px;*/
		/*line-height: 50px;*/
	}
	.judulText {
		/*height: 55px;
		line-height: 55px !important;*/
	}
	.hr-line.py-0 {
		max-width: 167px !important;
	}
	.judulSlideSub {
		/*letter-spacing: 1.92px;*/
	}
	.judulTextSub {
		/*font-size: 12px !important;*/
		/*font-weight: 400;*/
		/*line-height: 21px !important;
		letter-spacing: 0;*/
	}
		/*.judulTextSub span {
			color: #c49645;
			font-family: 'Engraver-Light';
			font-size: 16px;
		}*/
	/*.textColorized span {
		font-size: 32px !important;
	}*/
	.scedule-d-table .year,
	.scedule-d-table .month {
		font-size: 14px;
	}
	.scedule-d-table .date {
		font-size: 23px;
		letter-spacing: normal;
	}
	.colorcode {
		max-width: 255px !important;
	}
	.slider-main .item > .content {
		height: 667px;
	}
	.protocols .icnAttire {
		width: 52px;
		height: auto;
		margin-bottom: 13px;
	}
	.protocols .item-icon {
		flex: 1 1 100% !important;
		margin: 0;
		max-width: 135px;
		min-width: 0;
	}
	.segtitle {
		height: 23px;
	}
	.segtitle-hr {
		width: 50px;
	}
	.objectBg-01, .objectBg-02,
	.objectBg-01m, .objectBg-02m {
		position: absolute !important;
		opacity: 0.5;
	}

	.textColorized.bride {
		max-height: 22px;
	}
	/*.textColorized span {
		font-size: 5.8vw !important;
	}*/
	.seg01 {
		/*background: url(../img/bgheaderm.webp) !important;
		background-size: cover !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		background-position: bottom center!important;*/
	}
		.seg01 .judulSlide {
			/*font-size: 80px;*/
			/* width: 265px; */
			line-height: 58px;
			/* height: 75px;
			/*letter-spacing: 1.92px;*/
		}
			.seg01 .judulSlide span.amp {
				/*font-size: inherit;*/
				/*padding: 7px;*/
				/*font-size: 50px;*/
			}
	.seg01 .judulSlideSub {
		/*margin: 0 !important;*/
	}
		.seg01 .inner01 {
			/*top: -50px;*/
		}
	.seg02 {
		/*background-image: url('../img/segbg023m.webp'), url('../img/segbg022m.webp'), url('../img/segbg021m.webp'), url('../img/segbg020m.webp');
		background-repeat: no-repeat;
		background-position: bottom left, bottom right, top left, center center;*/
		background-size: 60vw, 60vw, cover;
	}
		.seg02 .separator .mw-45 {
			max-width: 90%;
		}
		.seg02.judulTextSub.mb-0 {
			max-width: 260px;
		}
		.seg02 .textColorized {
			/*line-height: 55px !important;
			height: 75px;*/
		}
			.seg02 .textColorized.amp {
			}
			.seg02 .textColorized .name-title {
				/*color: #bc959000 !important;*/
				font-size: 16px !important;
				top: 4px;
			}
			.textColorized.bride {
				margin-top: -20px;
				padding: 0 90px;
			}

	.textColorized-sub.groom.top,
	.textColorized-sub.bride.top {
		margin-bottom: -23px;
	}
	.textColorized-sub.groom.bottom,
	.textColorized-sub.bride.bottom {
		margin-top: -18px;
	}
		.seg02 .img-object.right,
		.seg02 .img-object.left {
			/*width: 220px;*/
		}
		.seg02 .img-object.left {
			position: absolute;
			left: -10px;
			bottom: -12px;
		}
		.seg02 .img-object.right {
			position: absolute;
			right: 0;
			bottom: -37px;
		}
		.seg02 .logo-icon {
			max-width: 100px;
			width: 100%;
			margin-bottom: 25px !important;
		}
		.seg02 .photo {
			max-width: 227px !important;
		}
		.seg02 .textColorized-sub {
			/*letter-spacing: 1.44px !important;*/
			/*font-size: 12px !important;*/
		}
		.seg02 .item01 {
			max-width: 85px;
		}
	.seg03 {
		/*background-image: url('../img/segbg031m.webp');*/
		background-size: contain;
		padding: 20px 0 20px 0;
	}
		.seg03 .timerDemo div {
			margin: 8px 8px;
			padding: 15px 5px;
			/*background: #f9f9f9;*/
			width: 75px;
			height: 75px !important;
		}
		.seg03 .timerDemo > .countDay,
		.seg03 .timerDemo > .countHr,
		.seg03 .timerDemo > .countMin,
		.seg03 .timerDemo > .countSec {
			/*font-size: 18px;*/
			/*font-weight: 400;*/
			border-radius: 8px;
		}
			.seg03 .timerDemo > .countDay > p,
			.seg03 .timerDemo > .countHr > p,
			.seg03 .timerDemo > .countMin > p,
			.seg03 .timerDemo > .countSec > p {
				/*font-size: 13px;*/
				/*font-weight: 400;*/
				letter-spacing: normal;
			}
			.seg03 .timerDemo .countDay {
				margin: 7px 7px 0 7px !important;
			}
			.seg03 .timerDemo .countSec {
				margin: 7px 7px 0 7px !important;
			}
			.seg03 .timerDemo .countHr,
			.seg03 .timerDemo .countMin {
				margin: 7px 7px 0 7px !important;
			}
	.seg03 .hr-line.top {
		position: absolute;
		left: 0;
		right: 0;
		top: -38px;
		width: 95px;
	}
	.seg03 .hr-line.bottom {
		position: absolute;
		left: 0;
		right: 0;
		bottom: -39px;
		width: 95px;
	}
	/*.seg04 {
		background-image: url('../img/segbg041m.webp'), url('../img/segbg042m.webp');
		background-size: auto, auto;
		background-repeat: no-repeat;
		background-position: top left, bottom right;
	}*/
	.hr-line {
		max-width: 97% !important;
	}
	.seg04 {
		/*background-size: 60vw, 35vw, cover !important;*/
	}
	.seg05 {
		/*background: url(../img/segbg00m.webp);*/
		/*background-size: 100%;
		background-position: top center;
		background-repeat: repeat-y;
		padding-top: 0 !important;*/
	}
		.seg05 .innerS5 .judulText {
			margin: 0 0 10px 0;
		}
		/*.seg05 .innerText {
			width: 380px;
		}*/
		.seg05 .mainGallery {
			/*max-width: 940px !important;*/
			margin: auto;
			/*padding-top: 45px;
			padding-bottom: 45px;
			padding-left: 45px;
			padding-right: 45px;*/
		}
			.seg05 .mainGallery .swiper-pagination {
				bottom: 10px !important;
			}
		.seg05 .swiper-wrapper .swiper-slide img {
			/*max-height: 250px;*/
		}
	.mainGallery .swiper-pagination-alt {
		display: none;
	}
	.mainGallery .swiper-pagination-bullet {
		border: 1px solid #b3b3b3;
	}
	.mainGallery .swiper-pagination-bullet-active {
		background: #b3b3b3 !important;
	}
	.seg06 {
		background-size: 65vw, 65vw;
	}
		.seg06 .container.mt-5 {
			margin-top: 0 !important;
		}
		.seg06 .judulText {
			margin: 0;
		}
		.seg06 > .py-5 {
			padding-bottom: 0 !important;
		}
		.seg06 .w-75 {
			width: 90% !important;
		}
		/*.seg06 div.mainGallery,
		.seg06 p.judulTextSub {
			margin-bottom: 0 !important;
			padding-bottom: 15px !important;
			max-width: 95%;
			margin: auto;
		}*/
		.seg06 > .mx-auto.px-3.py-5 {
			padding-top: 0 !important;
		}
		.seg06 .protocolList {
			padding-top: 20px !important;
		}
		.protocols .item-icon span {
			font-size: 16px;
			line-height: 21px;
		}
		.seg06 .venueLoc-P .locMap iframe {
			height: 185px !important;
		}
		.seg06 .venueLoc-P {
			margin-bottom: 50px;
		}
	.seg07 {
		/*background: url(../img/segbg070m.png) !important;
		background-repeat: no-repeat !important;
		background-position: center center !important;
		background-size: 65%, 65%, cover !important;*/
	}
		.seg07 > div {
			/*min-height: 610px;*/
		}
		.seg07 .hr-title-line-L {
			width: 290px;
			position: relative;
			left: -20px;
			z-index: 1;
		}
		.seg07 .hr-title-line-R {
			width: 290px;
			position: relative;
			right: -20px;
			top: -68px;
			z-index: 0;
		}
		.seg07 .hr-title-line-C2 {
			width: 70px;
			position: absolute;
			left: 0;
			right: 0;
			margin: auto;
			top: 72px;
			z-index: 99;
		}
		.seg07 .hr-title-line-C {
			width: 135px;
			position: absolute;
			left: 0;
			right: 0;
			margin: auto;
			top: 40px;
			z-index: 0;
		}
		.seg07 .hr-title-line-LR {
			width: 280px;
			margin: auto;
			position: relative;
			z-index: 1;
		}
		.seg07 .hr-title-line {
			margin-bottom: -10px;
		}
	.seg08 {
		/*background-image: url('../img/segbg081m.webp'), url('../img/segbg082m.webp'), url('../img/segbg083m.webp'), url('../img/segbg084m.webp'), url('../img/segbg085m.webp'), url('../img/segbg086m.webp'), url('../img/segbg080m.webp');
		background-size: auto;
		background-repeat: no-repeat;
		background-position: top left, right 22%, left 40%, bottom left, bottom right, top center;*/
		background-size: 55vw, 50vw, cover !important;
	}
	.seg09 {
		/*background: url(../img/bgfooterm.webp) !important;
		background-size: cover !important;
		background-repeat: no-repeat !important;
		background-color: #000000 !important;*/
		/*background-position: 80% bottom !important;*/
		min-height: 600px;
	}
		.seg09 .thankyou {
			margin-bottom: 100px;
		}
	.seg09 .overlayBgFooter {
		margin-top: 0;
	}
	.seg09 .segtitle {
		width: 100%;
	}

	.wedding {
		padding: 130px 0 260px 0;
		width: 100%;
	}
	.wedding .icon {
		max-width: 58px !important;
	}
	.location {
		padding: 100px 0 220px 0;
		width: 100%;
	}
	.attire {
		padding: 100px 30px 0px 30px;
		width: 100%;
	}
		.attire h3 {
			font-size: 1.3em;
			letter-spacing: 1.86px;
		}
	.filter {
		padding: 0 0 190px 0;
	}
	.virtual {
		padding: 150px 0 0 0;
	}
	.gift {
		padding: 90px 0 80px 0;
		width: 100%;
	}
	.pgm {
		/*background: url(../img/segbg070m.png) !important;
		background-size: cover !important;
		background-repeat: no-repeat !important;
		background-position: center center !important;*/
		padding: 40px 0 80px 0;
	}

	.btn-gift {
		box-shadow: none;
		position: absolute;
		right: 15px;
		top: 10px;
	}
		.btn-gift img {
			width: 59px;
			height: auto;
			padding: 0;
		}
	.rsvpMenu {
		/*font-size: 13px;*/
		margin: 0 !important;
	}
		.rsvpMenu .rsvpMenuD1 .btn-rsvpMenuD1 {
			width: 98px;
		}
	#elecGiv .judulTextSub span,
	#elecGiv .judulTextSub span span {
		font-size: 16px;
		/*font-weight: 400;*/
	}
	.personalMsgR {
		/*background-image: url(../img/segbg071m.svg), url(../img/segbg072m.svg), url(../img/segbg073m.svg);*/
		background-size: 93%;
		background-repeat: no-repeat, no-repeat, repeat-y;
		background-position: top center, bottom center, center center;
	}
	/*.personalMsg .personalMsg02 .personalMsg01-form > .text-left h4 {
		letter-spacing: 1.5px;
	}
	.pgm-story .swiper-wrapper .swiper-slide, .pgm-story .swiper-wrapper .swiper-slide.item {
		width: 56px !important;
		height: 56px;
		display: flex;
	}
		.pgm-story .swiper-wrapper .swiper-slide a.addPlus {
			width: 56px;
			height: 56px;
		}
			.pgm-story .swiper-wrapper .swiper-slide a.addPlus:after {
				font-size: 32px;
			}
		.pgm-story .swiper-wrapper .swiper-slide a,
		.pgm-story .swiper-wrapper .swiper-slide > a > div {
			width: 49px;
			height: 49px;
		}
	.personalMsg textarea.form-control {
		height: 80px !important;
	}*/
}

@media (max-width: 767px) {
	.judulInfo {
		font-size: 26px;
	}
	.wthPIC {
		width: 175px;
	}
	.wthICN30 {
		width: 30%;
	}
	.wthICN25 {
		width: 25%;
	}
	.wthICN20 {
		width: 20%;
	}
	.timerDemo.judulSlideSub {
		/*font-size: 16px;*/
	}
	.textColorized {
		/*font-size: 30px !important;*/
		/*line-height: 43px;*/
	}
		.textColorized img {
			height: 168px;
		}
	.videoFrame > iframe,
	.videoFrame > video {
		width: 100% !important;
		height: 210px !important;
		max-width: 410px;
	}
	
		/*New*/
	.seg01 .verses {
		max-width: 845px;
		width: 100%;
		padding: 0 24px;
	}
		.seg01 .verses .hr-line {
			max-width: 690px;
			width: 100%;
		}
		.seg01 .verses .judulTextSub {
			font-family: 'Engraver-Light';
			/*color: #5D3749;*/
			font-size: 13px;
			font-weight: 400;
			line-height: 36.5px;
			text-align: center;
			position: relative;
			letter-spacing: unset;
		}
	.seg01 .judulSlideSub {
		/*font-size: 16px;*/
		/*line-height: 28px;*/
		text-align: center;
		width: 100% !important;
		position: unset;
		/*margin-bottom: 10px !important;*/
	}
		.seg01 .judulSlideSub.main-date-h {
			line-height: normal;
			position: unset;
		}
	.seg01 .header {
		width: unset !important;
		height: auto !important;
		margin-top: 15px !important;
	}
	.seg01 .logo-head {
		width: 90px;
		/*margin-bottom: 20px !important;*/
	}
	.seg01 .judulSlide span.amp {
		/*padding: 7px;*/
		/*font-size: 25px;*/
	}
	.seg01 .judulSlide img {
		max-width: 250px;
	}
	.seg01 .head-photo {
		display: flex;
		flex-direction: row;
		width: auto;
		height: auto;
	}
	.seg01 .head-photo img {
		width: 100%;
		max-width: 190px;
		height: auto;
	}
	.seg02 img.logo-name {
		max-width:320px;
	}
	.seg02 .w-75 .mw-45{
		max-width: 90%;
	}
		.seg02 .hr-line {
			/*margin-bottom: 20px !important;*/
		}
		.seg02 .logo-name {
			width: 100% !important;
		}
	.seg03half {
		position: relative;
	}
		.seg03half .img-object {
			display: block;
			position: absolute;
			margin-left: auto;
			margin-right: auto;
			left: 0;
			right: 0;
			text-align: center;
			z-index: 1;
		}
			.seg03half .img-object.top {
				top: -55px;
			}
			.seg03half .img-object.bottom {
				bottom: -46px;
			}
	.seg03  {
		min-height: unset !important;
	}
		.seg03 .subJudulInfo {
			letter-spacing: 1.3px;
		}
	.seg03 h5  {
		font-size: 13px !important;
	}
	.seg03 .timerDemo div {
		margin: 10px 10px !important;
		padding: 15px 5px;
		width: 80px;
		height: 80px;
		border-radius: 8px;
		box-shadow: 2px 2px 10px -2px #0000009b;
	}
	.seg03 .timerDemo > .countDay,
	.seg03 .timerDemo > .countHr,
	.seg03 .timerDemo > .countMin,
	.seg03 .timerDemo > .countSec {
		font-size: 14px;
		font-weight: 400;
	}
		.seg03 .timerDemo > .countDay > p,
		.seg03 .timerDemo > .countHr > p,
		.seg03 .timerDemo > .countMin > p,
		.seg03 .timerDemo > .countSec > p {
			font-size: 8px;
			font-weight: 400;
			/*color: #5D3749;*/
			letter-spacing: normal;
		}
	.seg04 .innerS4 {
			padding: 0 !important;
		}
	.seg04 .hr-line {
		/*margin-bottom: 30px !important;*/
	}
		.seg04 .venueLoc .d-flex.card-in  .schedule-Card {
			max-width: 400px;
			padding: 0;
		}
	.seg05 .innerText {
		padding: 0 !important;
	}
	.seg05 .frame-object {
		position: absolute;
		right: 0;
		bottom: -70px;
		z-index: 1;
		width: auto;
		height: 230px;
	}
	.seg06 .inner06,
	.seg06 .innerS6 {
		padding: 0 !important;
	}
		.seg06 .w-75 {
			width: 90% !important;
		}
	.seg06 .videoFrame > iframe,
	.seg06 .videoFrame > video {
		/*width: 340px !important;*/
		width: 100% !important;
		height: 200px !important;
		margin-top: 20px;
	}
	.seg06 .protocolList {
		width: 100%;
	}
	/*.seg06 .protocols .item-icon {
		max-width: 108px;
		min-width: 0;
	}*/
	.protocolList > * {
		flex: 1 1 100% !important;
		margin-left: 0.5rem !important;
		margin-right: 0.5rem !important;
		margin-bottom: 2rem !important;
		max-width: 170px;
	}
	.seg06 p.judulTextSub {
		max-width: unset;
		text-align: center;
		/*line-height: unset;
		margin: 10px auto 35px;*/
	}
	.seg06 > div > img {
		/*margin-bottom: 25px !important;*/
	}
	.seg06 > div {
		/*max-width: 85% !important;*/
		/*width: 100% !important;*/
	}
	.seg06 #elecGiv h3 {
		font-size: 14px !important;
		line-height: 20px !important;
		margin-bottom: 30px !important;
	}
	.seg07 .personalMsg .personalMsg01 .rsvpBtnPage > button {
		max-width: 200px !important;
	}
	.seg09 p {
		/*margin: 0 0 10px 0 !important;*/
		padding: 0 !important;
	}
	.seg09 .footerLogo {
		max-width: 140px !important;
		/*bottom: 10% !important;*/
	}
	.seg09 {
		/*padding: 50px 0 170px 0;*/
		/*min-height: 730px;*/
		height: 100%;
	}
	.seg09 video {
		margin-bottom: 90px !important;
	}
	.seg09 .container {
		/*width: 80% !important;*/
		padding: 0;
	}
		.seg09 h1 {
			/*font-size: 24px;*/
			/*letter-spacing: 3.52px;*/
			/* height: 85px; */
		}
		.seg09 p {
			/*max-width: 312px !important;*/
			/*font-size: 12px;*/
			/*letter-spacing: 1.68px;*/
		}
		.seg09 .footerLogo {
			max-width: 112px;
		}
		.seg09 > a {
			position: absolute;
			bottom: 20px;
		}
	.howto {
		font-size: 13px;
	}
	.connectiedCarousel .owl-carousel .owl-stage-outer {
		padding-left: 80px !important;
	}
	.locMap {
		min-height: 220px !important;
		/*max-height: 170px !important;*/
	}
	.locMap > iframe {
		width: 100% !important;
		height: 170px !important;
		/*max-width: 225px !important;*/
	}
	.fancybox-slide,
	.invFrontModal.msgPersonPM.fancybox-content {
		width: 100% !important;
		border-radius: 0px !important;
		padding: 0 !important;
	}
}

@media (max-width: 376px) {
	.videoFrame {
		text-align: center;
	}
	.videoFrame > iframe
	.videoFrame > video {
		width: 270px;
		height: 152px;
	}
	.judulTextSub {
		/*font-size: 16px;
		line-height: 21px !important;*/
	}
	.judulInfo {
		font-size: 54px;
		line-height: 25px;
	}
	.innerS2 .judulTextSub.content01 {
		padding: 0 20px;
		font-size: 14px !important;
	}
	.innerS3 .judulTextSub.content01 {
		padding: 0px 0px;
		line-height: 28px !important;
	}
	.textColorized {
		/*font-size: 26px !important;*/
		/*line-height: 43px;*/
	}
	.connectiedCarousel .owl-carousel .owl-stage-outer {
		padding-left: 90px !important;
	}
	.seg01 .head-photo img {
		width: 100%;
		max-width: 170px;
		height: auto;
	}
	.seg03  {
		min-height: unset !important;
	}
		.seg03 .subJudulInfo {
			/*font-size: 18px !important;*/
			/*text-shadow: 0 0 10px #a7ab86;*/
		}
	.seg03 .timerDemo  {
		/*padding-top: 10px !important;*/
	}
		.seg03 .timerDemo div {
			margin: 8px 8px;
			padding: 15px 5px;
			/*background: #5D3749;*/
			width: 75px;
			height: 75px;
		}
	.seg03 .timerDemo > .countDay,
	.seg03 .timerDemo > .countHr,
	.seg03 .timerDemo > .countMin,
	.seg03 .timerDemo > .countSec {
		font-size: 14px;
		font-weight: 400;
	}
		.seg03 .timerDemo > .countDay > p,
		.seg03 .timerDemo > .countHr > p,
		.seg03 .timerDemo > .countMin > p,
		.seg03 .timerDemo > .countSec > p {
			font-size: 8px;
			font-weight: 400;
			/*color: #5D3749;*/
			letter-spacing: normal;
		}
	.seg04 .venueLoc .d-flex.card-in  .w-100 .information div, 
	.seg04 .venueLoc .d-flex.card-in  .w-100 .information .event {
		/*min-width: unset !important;*/
	}
	#giftModal .card-header,
	#menu01Modal .card-header,
	#greetingModal .card-header {
		/*background-position: center center !important;*/
	}
	#giftModal .m-auto.shadow,
	#menu01Modal .m-auto.shadow,
	#greetingModal .m-auto.shadow {
		min-width: 288px;
	}
	#giftModal .judulInfo,
	#greetingModal .judulInfo {
		/*font-size: 32px;*/
	}
	#greetingModal .judulInfo span {
		/*font-size: inherit;*/
	}
	#giftModal .judulContent,
	#menu01Modal .judulContent,
	#greetingModal .judulContent {
		/*font-size: 22px;*/
	}
		#giftModal .judulContent span,
		#menu01Modal .judulContent span,
		#greetingModal .judulContent span {
			/*font-size: 21px;*/
		}
	#giftModal #openInvitation,
	#menu01Modal #openInvitation,
	#greetingModal #openInvitation {
		margin-bottom: 40px;
	}
	/*.seg06 .protocols .item-icon {
		max-width: 104px;
		min-width: 0;
	}*/

	.seg06 .protocolList > * {
		flex: 1 1 100% !important;
		margin-left: 0.1rem !important;
		margin-right: 0.1rem !important;
		margin-bottom: 2rem !important;
	}
}

@media (max-width: 320px) {
	.venueLoc .card-in.d-flex .information .time-container {
		display: flex;
		flex-direction: column;
	}
	.innerS5 .judulText, thumb {
		margin: 0px;
	}
	section .innerText {
		position: relative;
		width: 100%;
		left: unset;
		text-align: left;
		/*border-bottom: 1px solid #8E5C2E;*/
		padding: 20px !important;
		padding-top: 0 !important;
	}
	.videoFrame {
		text-align: center;
	}
		.videoFrame > iframe,
		.videoFrame > video {
			width: 235px !important;
			height: 132px !important;
		}
	.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.webp);*/
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	.BGbtn-form2 {
		width: 80px;
		height: 70px;
		margin: -6px !important;
		/*background: url(../img/rsvpBtnBigBg2m320.webp);*/
		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;
	}

	.logo-icon {
		margin-top: 0;
		margin-bottom: 4px;
		width: 150px
	}

	.judulInfo {
		font-size: 22px;
	}

	.judulTextSub {
		font-size: 16px;
		line-height: 21px;
	}

	.subJudulInfo {
		font-size: 18px !important;
	}

	.judulTextSub.textColorized {
		font-size: 16px !important;
		margin: 0;
	}

	.innerS1 .judulTextSub.content01 {
		padding: 0 10px;
	}
	.innerS2 .judulTextSub.content01 {
		padding: 0 0;
		font-size: 14px !important;
	}
	.innerS3 .judulTextSub.content01 {
		padding: 0px 0px;
		line-height: unset !important;
	}
	.textColorized {
		font-size: 26px !important;
	}
	.connectiedCarousel .owl-carousel .owl-stage-outer {
		padding-left: 77px !important;
	}

	.seg01 .head-photo img {
		width: 100%;
		max-width: 140px;
		height: auto;
	}
	.seg01 .judulSlide {
		font-size: 30px;
	}
	.seg01 .judulSlideSub {
		margin: 0;
	}
	.seg03 .timerDemo {
		flex-wrap: wrap;
	}
	.seg03 .timerDemo div {
		margin: 10px 10px !important;
		padding: 25px 25px 25px 25px;
		/*background: #f9f9f9;*/
		width: 110px;
		height: 110px !important;
		border-radius: 4px;
		box-shadow: 2px 2px 10px -2px #0000009b;
	}
	.seg03 .timerDemo > .countDay,
	.seg03 .timerDemo > .countHr,
	.seg03 .timerDemo > .countMin,
	.seg03 .timerDemo > .countSec {
		font-size: 25px;
		font-weight: 400;
	}
		.seg03 .timerDemo > .countDay > p,
		.seg03 .timerDemo > .countHr > p,
		.seg03 .timerDemo > .countMin > p,
		.seg03 .timerDemo > .countSec > p {
			font-size: 11pt;
			font-weight: 400;
		}
	.seg04 .inner04,
	.seg04 .mainGallery {
		padding: 0 !important;
	}
	.seg04 .schedule-Card h5 {
		font-size: 21px !important;
		margin: 0;
	}
	.seg04 .schedule-Card h5 {
		font-size: 21px !important;
		margin: 0;
	}
	.seg04 .schedule-Card .flex-shrink-1 {
		display: none;
	}
	.seg04 .schedule-Card .time {
		padding: 10px !important;
		font-size: 13px !important;
	}

	.seg01 {
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 15px;
		padding-right: 15px;
		/*height:100%;*/
	}
	.seg06 .videoFrame > iframe,
	.seg06 .videoFrame > video {
		width: 280px !important;
		height: 172px !important;
		margin-top: 20px;
	}
	.protocols .item-icon {
		max-width: 102px;
	}
	.seg07 .personalMsgL {
		min-height: 320px;
	}
	.seg08 .giftBtn {
		font-size: 13px;
	}
	#giftModal .judulInfo,
	#menu01Modal .judulInfo,
	#greetingModal .judulInfo {
		font-size: 32px;
	}
}



@media (min-width: 1260px) {
	.seg01 .header li {
		float: left;
	}
		.seg01 .header li a {
			font-family: 'Engraver-Light';
			font-size: 15px;
			font-weight: 400;
			padding: 5px 15px;
			color: #ffffff !important;
			text-transform: unset;
			display: inline-block;
			position: relative;
			/*border: 2px solid #ffffff00;*/
			border-radius: 25px;
		}

			.seg01 .header li a:hover,
			.seg01 .header li a.active {
				font-weight: 400;
				color: #ffffff !important;
				/*border: 2px solid #fff;*/
				border-radius: 25px;
			}
			.seg01 .header li a:hover::before {
				content: '.';
				font-size: 60px;
				display: inline-block;
				position: absolute;
				bottom: 0em;
				left: 0;
				text-align: center;
				width: 100%;
			}
}
@media (min-width: 1024px) {
	.seg01 .header li {
		float: left;
	}
		.seg01 .header li a {
			font-family: 'Engraver-Light';
			font-size: 10px;
			font-weight: 400;
			padding: 5px 15px;
			color: #ffffff !important;
			text-transform: uppercase;
			display: inline-block;
			position: relative;
		}
			.seg01 .header li a:hover,
			.seg01 .header li a.active {
				font-weight: 400;
				color: #537b90 !important;
				/*border: 2px solid #fff;*/
				border-radius: 25px;
			}
				.seg01 .header li a:hover::before {
					content: '.';
					font-size: 60px;
					display: inline-block;
					position: absolute;
					bottom: -0em;
					left: 0;
					text-align: center;
					width: 100%;
				}
	.seg01 .header .menu {
		clear: none;
		max-height: none;
		display: inline-block;
	}
	.seg01 .header .menu-icon {
		display: none;
	}
	.seg01 .header > .menu li:first-child {
		display: none;
	}
}

/*@media (min-width: 767px) and (max-width: 768px) {
	.seg01 .logo-head {
		max-width: 220px;
	}
	.seg01 .logo-name {
		max-width: 476px;
	}
}*/
@media (min-width: 320px) and (max-width: 768px) {
	/*.home {
		height: 100%;
	}*/
	.personalMsg .personalMsg02,
	.personalMsg .personalMsg02 .personalMsg01-form > .text-left p, .personalMsg .personalMsg02 .personalMsg01-form > .text-left h4 {
		/*font-size: 14px;*/
	}
		.personalMsg .personalMsg02 .personalMsg01-form .form-control::placeholder, .personalMsg .personalMsg02 .personalMsg01-form .form-control {
			height: 40px !important;
			/*font-size: 14px !important;*/
		}
	.personalMsg .btn-form-outline {
		height: 40px !important;
		font-size: 14px !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
	.k-upload .k-dropzone {
		padding: 3px 3px !important;
	}
	/*.protocols .item-icon span {
		font-size: 13px;
	}*/
}




.mainGallery .desktop {
	display: block;
}
.mainGallery .mobile {
	display: none;
}
.parent a {
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #537b90 !important;
}
.desktop .parent {
	display: grid;
	grid-template-columns: repeat(2, auto);
	grid-template-rows: repeat(11, auto);
	grid-column-gap: 6px;
	grid-row-gap: 6px;
	place-content: center;
}

.desktop .div1 {
	grid-area: 1 / 1 / 3 / 2;
	width: 242px;
	height: 305px;
}
.desktop .div2 {
	grid-area: 1 / 2 / 2 / 4;
	width: 299px;
	height: 198px;
	margin-top: -90px;
	background-position: center 55% !important;
}
.desktop .div3 {
	grid-area: 2 / 2 / 3 / 4;
	width: 274px;
	height: 190px;
	margin: 0 0px 0px 0;
}
.desktop .div4 {
	grid-area: 1 / 4 / 2 / 5;
	width: 233px;
	height: 154px;
	margin: -46px 0px 0px 0;
	background-position: center 60% !important;
}
.desktop .div5 {
	grid-area: 2 / 4 / 3 / 5;
	width: 161px;
	height: 228px;
	margin: 0 0px 0px -25px;
}
.desktop .div6 {
	grid-area: 2 / 5 / 3 / 7;
	width: 233px;
	height: 154px;
	margin: 0 0 0 -95px;
}
.desktop .div7 {
	grid-area: 3 / 1 / 4 / 3;
	width: 305px;
	height: 204px;
	margin: -36px 0px 0px 29px;
	background-position: center 95% !important;
}
.desktop .div8 {
	grid-area: 3 / 2 / 4 / 4;
	width: 179px;
	height: 255px;
	margin: -35px 0px 0px 94px;
}
.desktop .div9 {
	grid-area: 3 / 4 / 4 / 5;
	width: 161px;
	height: 221px;
	margin: 0 0px 0px -25px;
}
.desktop .div10 {
	grid-area: 3 / 5 / 4 / 6;
	width: 209px;
	height: 292px;
	margin: -71px 0px 0px -95px;
}
.desktop .div11 {
	grid-area: 4 / 1 / 6 / 3;
	width: 275px;
	height: 389px;
	margin: -53px 0px 0px 60px;
}
.desktop .div12 {
	grid-area: 4 / 3 / 5 / 5;
	width: 305px;
	height: 204px;
	margin: 0 0px 0px -58px;
	background-position: center 30% !important;
}
.desktop .div13 {
	grid-area: 5 / 3 / 6 / 5;
	width: 304px;
	height: 201px;
	margin: 0 0 0px -57px;
	background-position: center 70% !important;
}
.desktop .div14 {
	grid-area: 4 / 5 / 5 / 7;
	width: 229px;
	height: 153px;
	margin: 0 0px 0px -135px;
	background-position: center 22% !important;
}
.desktop .div15 {
	grid-area: 5 / 5 / 6 / 7;
	width: 228px;
	height: 151px;
	margin: -50px 0px 0px -135px;
	background-position: center 65% !important;
}

@media screen and (max-width: 1200px) {
	.gallery {
		position: relative;
		padding: 0 0 0 0;
	}
	.mainGallery .desktop {
		display: none;
	}
	.mainGallery .mobile {
		display: block;
	}
	.mobile .parent {
		display: grid;
		grid-template-columns: repeat(2, auto);
		grid-template-rows: repeat(11, auto);
		grid-column-gap: 6px;
		grid-row-gap: 6px;
		place-content: center;
	}
	.mobile .div1 {
		grid-area: 1 / 1 / 3 / 2;
		width: 129px;
		height: 200px;
	}
	.mobile .div2 {
		grid-area: 3 / 1 / 4 / 2;
		width: 129px;
		height: 99px;
	}
	.mobile .div3 {
		grid-area: 1 / 2 / 2 / 3;
		width: 129px;
		height: 99px;
		background-position: center 30% !important;
	}
	.mobile .div4 {
		grid-area: 2 / 2 / 4 / 3;
		width: 129px;
		height: 200px;
	}
	.mobile .div5 {
		grid-area: 4 / 1 / 5 / 3;
		width: 265px;
		height: 133px;
		background-position: center 87% !important;
	}
	.mobile .div6 {
		grid-area: 5 / 1 / 7 / 2;
		width: 129px;
		height: 200px;
	}
	.mobile .div7 {
		grid-area: 5 / 2 / 6 / 3;
		width: 129px;
		height: 99px;
		background-position: center 60% !important;
	}
	.mobile .div8 {
		grid-area: 6 / 2 / 7 / 3;
		width: 129px;
		height: 99px;
		background-position: center 70% !important;
	}
	.mobile .div9 {
		grid-area: 7 / 1 / 8 / 2;
		width: 129px;
		height: 99px;
		background-position: center 70% !important;
	}
	.mobile .div10 {
		grid-area: 7 / 2 / 8 / 3;
		width: 129px;
		height: 99px;
		background-position: center 15% !important;
	}
	.mobile .div11 {
		grid-area: 8 / 1 / 9 / 3;
		width: 265px;
		height: 133px;
		background-position: center 80% !important;
	}
	.mobile .div12 {
		grid-area: 9 / 1 / 11 / 2;
		width: 129px;
		height: 200px;
	}
	.mobile .div13 {
		grid-area: 11 / 1 / 12 / 2;
		width: 129px;
		height: 99px;
	}
	.mobile .div14 {
		grid-area: 9 / 2 / 10 / 3;
		width: 129px;
		height: 99px;
		background-position: center 65% !important;
	}
	.mobile .div15 {
		grid-area: 10 / 2 / 12 / 3;
		width: 129px;
		height: 200px;
	}
}

.hedaerbgvid {
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	transform: translateX(calc((100% - 100vw) / 2));
}

/*.fadein {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;

}*/
.fadein img {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: auto;
	min-width: 100%;
	transform: translateX(calc((100% - 100vw) / 2));
	-webkit-animation-name: fade;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 3s;
	animation-name: fade;
	animation-iteration-count: infinite;
	animation-duration: 3s;
}
.fadein.aurora03 img {
	bottom: 5%;
}
@-webkit-keyframes fade {
	0% {opacity: 0;}
	53% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes fade {
	0% {opacity: 0;}
	53% {opacity: 1;}
	100% {opacity: 0;}
}
/*#f1 { -webkit-animation-delay: -0s; }*/
#f2 { -webkit-animation-delay: -4s; }
#f3 { -webkit-animation-delay: -3s; }
#f4 { -webkit-animation-delay: -2s; }


@media screen and (max-width: 660px) {
	.fadein.aurora01 img {
		position: absolute;
		/*bottom: .12%;*/
		bottom: 6%;
		right: 10%;
		max-width: 200%;
	}
	.fadein.aurora02 img {
		position: absolute;
		/*bottom: -10%;
		right: 30px;*/
		bottom: 0;
		right: 10%;
		max-width: 200%;
	}
	.fadein.aurora03 img {
		position: absolute;
		/*bottom: -5%;
		right: 10%;*/
		bottom: 9%;
		right: 10%;
		max-width: 200%;
	}
}