/*debug div*/
/*div {*/
	/*border: 1px solid black;*/
	/*box-shadow: 0px 0px 0 1px black;
}*/

/*MAIN*/
html, body {
	scroll-behavior: smooth;
	height: 100%;
	margin: 0;
	width: 100%;
	height: 100%;
	display: block;
}
.input-validation-error {
	border-color: red !important;
}
.form-control {
	font-size: 16px !important;
}
.card-body {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
body {
	color: #3f3c3a !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Channe' !important;
	font-weight: 400;
	font-size: 20px !important;
	letter-spacing: 0.8px;
	text-transform: none;
	overflow-x: hidden;
	overflow-y: auto;
	min-height: 100%;
	/*background: url('../img/segbg.png');*/
	background-color: #e4edf2 !important;
	background-size: auto;
	background-position: center center;
	background-repeat: repeat;
}
h1 {
	text-align: center;
	color: rgba(0, 0, 0, 0.9);
	position: relative;
}
h4 {
	text-align: center;
	color: rgba(0, 0, 0, 0.9);
	position: relative;
}
h1:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 50px;
	left: 50%;
	text-align: center;
	width: 100px;
	margin-left: -50px;
	color: #ff466a;
	font-size: 30px;
}
p {
	text-align: center;
	/*color: rgba(0, 0, 0, 0.5);*/
}
/*strong {
	color: rgba(0, 0, 0, 0.9);
}*/
.text-uppercase {
	text-transform: uppercase !important;
}
a {
	color: #ffffff !important;
}
	a:hover {
		color: #918f71 !important;
		text-decoration: none !important;
		/*text-decoration: underline;*/
	}
.hr-line {
	border-color: #333333;
}

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='%23ffffff'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
	background-size: 9px;
	background-position: calc(100% - 5px) 60%;
	background-repeat: no-repeat;
	padding-right: 20px !important;
}
#btn-client-logout {
	cursor: pointer;
}

/*Element Added*/
.textColorized {
	color: #918f71 !important;
	font-family: 'Playfair Display' !important;
	font-size: 72px !important;
	margin: 0 0 0 0 !important;
	text-transform: none !important;
	letter-spacing: 1.44px !important;
	height: unset;
	line-height: normal !important;
}
	/*.textColorized span {
		color: #918f71 !important;
		font-family: 'Playfair Display' !important;
		font-size: 18px !important;
	}*/
	.textColorized.amp {
		/*color: #918f71 !important;*/
		font-family: 'Playfair Display' !important;
		font-size: 36px !important;
		text-transform: none !important;
		/*letter-spacing: 2.24px !important;*/
		/* height: 90px; */
		/*line-height: 73px !important;*/
	}
.textColorized-sub {
	/*color: #ffffff !important;*/
	font-family: 'Channe' !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	font-style: normal;
	/*letter-spacing: 1.8px !important;*/
	text-transform: none;
}
.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: 14px;
	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: 14px;
	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: 14px;
	text-shadow: 0px 3px 5px rgba(150, 150, 150, 0.7);
	z-index: 10;
}
	.remind-rsvp .btn-form {
		background: url('/images/icn-rsvp.svg');
		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: 12px;
		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: 'Playfair Display' !important;
			font-size: 12px;
			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;
	-ms-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: 14px;
		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 svg {
		-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 svg:nth-child(2) {
			-webkit-transform: translateY(2rem);
			transform: translateY(2rem);
		}
		.controls-btn svg path {
			fill: white;
		}
.controls-btn-toggled svg:nth-child(1) {
	-webkit-transform: translateY(-2rem);
	transform: translateY(-2rem);
}
.controls-btn-toggled svg:nth-child(2) {
	-webkit-transform: translateY(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: 14px;
		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;
}
.modal-backdrop {
	background: unset !important;
}
#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-heade,
#menu01Modal .card-heade,
#greetingModal .card-header {
	background-size: cover !important;
	background-position: top center !important;
	background-repeat: no-repeat !important;
	height: 215px;
	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: url(../img/segbg081m.webp);
	background-color: #e4edf2;
	background-size: auto;
	background-repeat: no-repeat;
	background-position: left 20%;
	border: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
#giftModal .judulSub,
#menu01Modal .judulSub,
#greetingModal .judulSub {
	font-family: 'Channe';
	color: #3f3c3a;
	/*font-size: 16px;*/
	font-weight: 300;
	line-height: 50px;
	height: 65px;
	text-align: left;
	position: relative;
	letter-spacing: normal;
	text-transform: uppercase;
}
#giftModal .judulInfo,
#menu01Modal .judulInfo,
#greetingModal .judulInfo {
	font-family: 'Playfair Display';
	color: #918f71;
	font-size: 44px;
	font-weight: 100;
	text-align: center;
	margin: 0;
	height: unset;
	line-height: 80px;
	white-space: nowrap;
	text-transform: none;
}
	#giftModal .judulInfo span,
	#menu01Modal .judulInfo span,
	#greetingModal .judulInfo span {
		font-family: 'Playfair Display';
		font-size: 28px;
	}
#giftModal .judulContent,
#menu01Modal .judulContent,
#greetingModal .judulContent {
	font-family: 'Channe';
	color: #3f3c3a;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	line-height: 38px;
	margin: 0;
	max-width: 310px;
	margin: auto;
	text-transform: none;
}
	#giftModal .judulContent span,
	#menu01Modal .judulContent span,
	#greetingModal .judulContent span {
		font-family: 'Channe';
		color: #918f71;
		font-size: 21px;
		font-weight: 400;
		text-align: center;
		text-transform: none;
		margin: 0;
	}
#giftModal .judulSubInfo,
#menu01Modal .judulSubInfo,
#greetingModal .judulSubInfo {
	font-family: 'Channe';
	color: #3f3c3a;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-transform: none;
	text-align: center;
	margin: 0;
}
#giftModal #openInvitation,
#menu01Modal #openInvitation,
#greetingModal #openInvitation {
	font-family: 'Channe';
	color: #fff;
	font-size: 14px;
	margin-bottom: 50px;
	width: 200px;
	height: 45px;
	border-radius: 50px !important;
	padding-top: 10px;
}

/* MAIN CONTENT */
.inner01 {
	justify-content: flex-start;
	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: Playfair Display;
	color: #E4CEC7;
	font-size: 55px;
	font-weight: 400;
	/*line-height: 80px;*/
	text-align: center;
	bottom: 10px;
}
.judulSub {
	font-family: 'Playfair Display';
	color: #E4CEC7;
	font-size: 14px;
	font-weight: 300;
	line-height: 50px;
	text-align: left;
	position: relative;
	letter-spacing: 3px;
}
.subJudulInfo {
	/*font-family: 'Garamond';*/
	padding-top: 10px;
	font-weight: 300;
	font-size: 17px;
}
/*Timer Counter*/
/*.timerDemo::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	border-top: 1px solid #000000;
}
.timerDemo > div {
	z-index: 1;
}*/
.timerDemo {
	font-family: 'Channe' !important;
	font-weight: 400 !important;
	color: #101e51 !important;
	/*padding-top: 20px !important;*/
	margin-top: 20px !important;
	letter-spacing: 1.7px;
	text-transform: none;
}
	.timerDemo div {
		font-family: 'Channe' !important;
		font-weight: 400 !important;
		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: 1px solid #000000;*/
		border-radius: 50%;
		box-shadow: none !important;
	}
	.timerDemo > .countDay,
	.timerDemo > .countHr,
	.timerDemo > .countMin,
	.timerDemo > .countSec {
		font-family: 'Channe' !important;
		font-weight: 400 !important;
		font-size: 37px;
		font-weight: 400;
	}
		.timerDemo > .countDay > p,
		.timerDemo > .countHr > p,
		.timerDemo > .countMin > p,
		.timerDemo > .countSec > p {
			font-size: 20px;
			font-family: 'Channe' !important;
			font-weight: 400;
			letter-spacing: 0px;
			margin: 0 0 10px 0 !important;
			line-height: 15px;
		}
			.timerDemo .countDay {
				margin-left: 0 !important;
			}
			.timerDemo .countSec {
				margin-right: 0 !important;
			}
.videoFrame {
	display: flex;
	margin: unset;
	/*z-index: 555;*/
	max-width: 420px;
	border: 6px solid #274b87;
	border-radius: 12px;
}
	.videoFrame > video {
		width: 100%;
		height: 100%;
		max-width: 710px;
		max-height: 420px;
		object-fit: cover;
		border-radius: 5px;
		object-fit: cover;
		box-shadow: none;
		outline: none !important;
		border-radius: 8px !important;
		/*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: 'Playfair Display';
	font-size: 90px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	text-transform: none;
	margin: 0;
	padding: 0;
	-webkit-text-stroke-color: #fff;
	/*letter-spacing: 2.4px;*/
	/*line-height: 120px;*/
	/*height: 110px;*/
	width: 100%;
}
	.judulSlide span {
		font-family: 'Playfair Display';
		font-size: 44px;
		vertical-align: middle;
	}
.judulSlideSub {
	font-family: 'Channe';
	font-weight: 400;
	color: #fff;
	font-size: 20px;
	text-align: center;
	/*margin: 0px 80px 0px;*/
	padding: 10px 0 0 0;
	position: relative;
	letter-spacing: 1.76px;
	text-transform: uppercase;
	width: 100%;
}
	.judulSlideSub span {
		font-family: 'Channe';
		text-transform: none;
	}
.judulSlide img {
	width: 348px;
}
.letter-S1 {
	letter-spacing: 1px;
}
.letter-S2 {
	letter-spacing: 2px;
}
.letter-S4 {
	letter-spacing: 4px;
}

.locMap {
	width: 100%;
	height: 100%;
	min-height: 280px;
	padding-bottom: 20px;
	display: grid;
}
	.locMap > iframe {
		width: 100% !important;
		/*max-width: 250px !important;*/
		height: 100% !important;
		border-radius: 10px;
		/*border: 10px solid #fff;*/
		box-shadow: 0 1px 6px -1px #00000075;
	}

.information {
	padding: 0 20px 20px 10px;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-bottom: 20px;
}
	.information .time-container {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: flex-start;
		text-align: left;
		padding-right: 30px;
		padding-top: 4px;
		flex: 3;
		/*text-transform: uppercase;*/
	}
.time {
	display: flex;
}
	.time div {
		width: 100%;
		/*font-family: 'Playfair Display';*/
		/*font-size: 30px;*/
		font-weight: 400;
		text-align: left;
	}
		/*.time div span {
			font-weight: 400;
			font-size: 17px;
		}*/
	.time .dash {
		color: #333333;
	}
	.time p {
		color: #B1B1B1;
		font-weight: 400;
	}
	.time .addressname {
		font-size: 20px;
		font-weight: 800;
		text-transform: uppercase;
	}
	.time .start-time {
		/*font-weight: 800;*/
	}
.event {
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 3;
	flex: 5;
	-ms-flex-direction: column;
	flex-direction: row;
	text-align: left;
	align-items: center;
	/*color: #918f71;*/
	min-width: 142px;
}

.venueLoc {
	background-color: #274b87;
	border-radius: 15px;
	max-width: 555px;
}
	.venueLoc .d-flex.card-in {
		background-color: #ffffff;
		border-radius: 15px;
		/*box-shadow: 0 2px 10px -5px #00000030;*/
	}
		.venueLoc .d-flex.card-in .w-100.text-left .w-100 h5 {
			color: #918f71;
			font-size: 36px;
			font-family: 'Playfair Display';
			font-weight: 400;
			/*text-transform: uppercase;*/
			text-align: center;
			margin: 0;
			/*letter-spacing: 1.92px;*/
		}
		.venueLoc .d-flex.card-in .w-100.text-left .w-100 small {
			color: #918f71;
		}
		.venueLoc .d-flex.card-in .w-100.text-left .event {
			background-color: #D2DAE000;
			border-radius: 18px;
			/*font-family: 'Playfair Display' !important;*/
			font-weight: 600;
			/*letter-spacing: 0.9px;*/
			font-size: 18px;
		}
		.venueLoc .d-flex.card-in .w-100.text-left .time span {
			font-size: 14px;
			font-weight: 400;
			text-align: left;
			max-width: 350px;
			/*margin: auto;*/
		}
		.venueLoc .d-flex.card-in .w-100.text-left .information {
			border-radius: 8px;
			/*font-family: 'Playfair Display';*/
			/*letter-spacing: 0.7px;*/
		}
			.venueLoc .d-flex.card-in .w-100.text-left .information i {
				background-color: #AF928300;
				border-radius: 8px;
				/*width: 37px;*/
				/*height: 37px;*/
				text-align: center;
				/*color: #918f71;*/
				font-size: 22px;
			}
			/*.seg04 .venueLoc .d-flex.card-in  .w-100.text-left .information div,
			.seg04 .venueLoc .d-flex.card-in  .w-100.text-left .information p {
				font-family: 'Playfair Display';
			}*/
		.venueLoc .d-flex.card-in  .schedule-Card {
			/*max-width: 410px;*/
			padding: 1rem;
		}

/* PAGE TWO */
.judulText {
	font-family: 'Playfair Display';
	color: #918f71;
	font-size: 58px;
	font-weight: 400;
	text-align: center;
	padding: 0;
	margin: 0 0 0px 0;
	/*height: 93px;*/
	line-height: normal;
	letter-spacing: normal;
	text-transform: none;
}
.judulTextSub {
	font-family: 'Channe';
	/*color: #333333;*/
	/*font-size: 20px;*/
	font-weight: 400;
	line-height: 30px;
	text-align: center;
	position: relative;
	letter-spacing: 0.8px;
}
	.judulTextSub p {
		text-align: left;
	}
	.judulTextSub span {
		color: #3f3c3a !important;
		-webkit-text-fill-color: #3f3c3a !important;
		font-family: 'Channe';
		font-size: 20px;
	}

/*
 * Component: Form
 * ---------------
 */
.form-control {
	border-radius: 3px !important;
	box-shadow: none !important;
	border-color: #90722B;
}
	.form-control:focus {
		border-color: #fff !important;
		box-shadow: none;
	}
	.form-control::-moz-placeholder,
	.form-control:-ms-input-placeholder,
	.form-control::-webkit-input-placeholder {
		color: #bbb;
		opacity: 1;
	}
	.form-control:not(select) {
		-webkit-appearance: none;
		-moz-appearance: none;
	}
::placeholder {
	color: #aaaaaa !important;
	font-size: 14px !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: 14px;
	font-weight: normal;
}
	label span {
		background-color: #ffffff;
	}
div label input {
	margin-right: 100px;
}

.mnuCard {
	border: 0px !important;
	border-radius: 10px !important;
}
.card {
	/* background: #eaeaea !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: 'Playfair Display';
	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;
}
.icnAttire {
	width: 56px;
	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*/
.gallerySlide {
	width: 100%;
	height: 100%;
}
/*Swiper*/
.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;
}
.swiper-wrapper .swiper-slide div,
.swiper-wrapper .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;

	height: 800px;
	width: 100%;
	background-position: center center !important;
	background-size: cover !important;
	cursor: pointer;
}
.swiper-pagination {
	bottom: 25px !important;
	text-shadow: 1px 1px 7px #00000040;
}
.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;
}
	.swiper-pagination-bullet-active {
		background: #fff !important;
	}

/*Owl*/
/*.slider-main .item > .content.Groomsmen,*/
.slider-main .item > .content.Bridesmaids {
	height: unset !important;
	min-height: 320px;
}
/*.content.Groomsmen .description,*/
.content.Bridesmaids .description {
	height: unset !important;
	min-height: 320px !important;
}

.slider-main .owl-stage-outer {
	border: 0 solid #5D3749;
	background: #5D3749;
	padding-bottom: 0;
}
.slider-main .item > .content {
	height: 800px;
	width: 100%;
	background-position: center center !important;
	background-size: cover !important;
	cursor: pointer;
}

.slider-main .item > .content > a > div {
	height: 100% !important;
	width: 100% !important;
	background-position: center center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}
.slider-container{
	 position: relative;
	 display: block;
	}
	.slider-container .slider .content img {
		width: 100%;
		height: 320px;
	}

.owl-prev, .owl-next,
.thumbnail-slider-container .slider-controls a {
	position: absolute;
	bottom: 50%;
	z-index: 100;
	color: #333333 !important;
}
	.owl-prev,
	.thumbnail-slider-container .slider-controls a.slider-left {
		left: 145px;
		outline: none !important;
		box-shadow: none !important;
	}
	.owl-next,
	.thumbnail-slider-container .slider-controls a.slider-right {
		right: 145px;
		outline: none !important;
		box-shadow: none !important;
	}
  .thumbnail-slider-container{
   margin-top: 5px;
  }
.slider-nav .item > .content {
	font-family: 'Playfair Display';
	color: #B3B3B3;
	width: 40px;
	height: 40px;
	padding: 3px;
	font-size: 21px;
	font-weight: 700;
	background-position: center center !important;
	background-size: cover !important;
	border: none !important;
	outline: none !important;
	border-radius: 6px;
	cursor: pointer;
	border: 2px solid #E6E6E6 !important;
}
.thumbnail-slider .owl-item.active.current,
.thumbnail-slider .owl-item.active.center {
	border: 0 !important;
	width: unset !important;
	margin-right: 13px !important;
}
	.thumbnail-slider .owl-item.active.current > .item > .content,
	.thumbnail-slider .owl-item.active.center > .item > .content {
		background-color: #D1BED4;
		font-family: 'Playfair Display';
		color: #fff;
		width: 40px;
		height: 40px;
		padding: 3px;
		font-size: 21px;
		font-weight: 600;
		box-shadow: 0px 1px 5px 1px #00000033;
		border: 2px solid #E6E6E600 !important;
	}
.slider-nav .item > .content.thumbNum {
	margin-right: 13px !important;
}
#thumbnailSlider > .owl-stage-outer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
#thumbnailSlider > .owl-stage-outer > .owl-stage > .owl-item {
	width: 40px !important;
	height: 40px !important;
	margin: 5px 2.5px 5px 2.5px !important;
}
	#thumbnailSlider > .owl-stage-outer > .owl-stage {
		transition: all 2s ease 0s;
		width: unset !important;
		transform: unset !important;
		margin: auto !important;
		/*padding-left: 10px !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);
  -mox-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: #918f71;
	}
.connectiedCarousel .carouselIG-plus {
	display: block;
	width: 70px !important;
	background: #918f71;
	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: "Playfair Display";
	color: #000;
	font-size: 16px;
	font-weight: 300;
	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: 'Playfair Display';
	color: #21645B;
	text-align: left;
	font-size: 27px;
	font-weight: 300;
	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;
}

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

/*Segment*/
.seg01 {
	background: url(../img/bgheader.webp);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: unset;
	height: 100%;
	/*min-height: 820px;*/
}
.seg02 {
	background: url(../img/segbg021.webp), url(../img/segbg022.webp);
	background-size: auto, auto;
	background-repeat: no-repeat;
	background-position: top left, bottom right;
	border-bottom: 0px;
	background-color: unset;
	padding: 80px 0 0 0;
}
.seg03half .img-object {
	display: none;
}
.seg03 {
	border-bottom: 0px;
	background-color: #101e51;
	color: #fff;
	padding: 0;
	min-height: 316px;
	position: relative;
	/*outline-offset: 7px;
	outline: 3px solid #5d3749;*/
}
.seg04 {
	background: url(../img/segbg041.webp), url(../img/segbg042.webp);
	background-size: auto, auto;
	background-repeat: no-repeat;
	background-position: bottom left, top right;
	border-bottom: 0px;
	background-color: unset;
	padding: 150px 0 80px 0;
}
.seg05 {
	/*background: url(../img/segbg00.svg);*/
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	border-bottom: 0px;
	background-color: unset;
	padding: 0;
}
.seg06 {
	/*background: url(../img/segbg061.webp), url(../img/segbg062.webp), url(../img/segbg063.webp), url(../img/segbg064.webp);*/
	background-size: auto, auto, auto, auto;
	background-repeat: no-repeat;
	background-position: top left, top right, bottom left, bottom right;
	border-bottom: 0px;
	background-color: unset;
	padding: 280px 0 280px 0;
}
.seg07 {
	/*background: ;
	background-size: ;
	background-repeat: ;
	background-position: ;*/
	border-bottom: 0px;
	background-color: #101e51;
	padding: 0;
}
.seg08 {
	background: url(../img/segbg081.webp), url(../img/segbg082.webp);
	background-size: auto;
	background-repeat: no-repeat;
	background-position: top left, bottom right;
	border-bottom: 0px;
	/*background-color: #f2f2f2;*/
	padding: 180px 0 180px 0;
}
.seg09 {
	background: url(../img/bgfooter.webp);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border-bottom: 0px;
	background-color: #f2f2f2;
	padding: 80px 30px 0 30px;
	min-height: 860px;
	height: 100%;
	position: relative;
}

/*Segment sub*/
.seg01 .dood {
	position: absolute !important;
	left: 0;
	right: 0;
	bottom: 0;
}
.seg01 .header {
	position:unset !important;
}
.seg01 .logo-head-sm {
	height: 45px;
}
.seg01 .logo-head {
	max-width: 131px;
}
.seg01 .logo-name {
	max-width: 476px;
}
.seg01 .verseText {
	font-weight: 200;
	font-style: italic;
}
.seg01 .w-90 {
	max-width: 1200px;
	width: 100%;
}
.seg01 .header {
	width: 100%;
	height: 60px;
	margin-top: 15px;
	z-index: 10;
	justify-content: center;
	display: inline-flex;
	position: absolute !important;
	/*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: 13px;
		font-weight: 300;
		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: 'Playfair Display';
		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(120deg, #eaee44, #33d0ff);*/
	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;
}
	.seg02 .img-object {
		z-index: 1;
	}
		.seg02 .img-object.left {
			position: absolute;
			left: 0;
			bottom: -22px;
		}
		.seg02 .img-object.right {
			position: absolute;
			right: 0;
			bottom: -80px;
		}
	.seg02 .box {
		border: 6px solid #fff;
		max-width: 900px;
		width: 100%;
	}

.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: 39px;
}


.seg05 .mainGallery {
	/*max-width: 850px !important;*/
	margin: auto;
}
.seg05 .gallerySlide .owl-nav {
	display: none;
}
	.seg05 .gallerySlide .owl-nav button {
		top: calc(50% - 38px);
	}
	.seg05 .gallerySlide .owl-nav .nav-btn i {
		font-size: 75px;
		color: #fff;
		text-shadow: 1px 1px 7px #00000040;
	}
.seg05 .owl-dots {
	margin: 0 auto;
}
.seg05 .owl-dots {
	position: relative;
	top: -50px;
	height: 0;
	margin: auto;
	text-align: center;
	bottom: 20px;
	text-shadow: 1px 1px 7px #00000040;
}
.seg05 .owl-dot {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	border: 1px solid #ccc;
	background: #fff !important;
	margin-right: 5px;
	display: inline-block;
	outline: none !important;
	box-shadow: none !important;
}
	.seg05 .owl-dot.active {
		background: #D1B6A0 !important;
	}

.seg06 p.judulTextSub {
	max-width: 700px;
	text-align: center;
	line-height: 30px;
	margin: 10px auto 35px;
}

.seg07 {
	text-align: center !important;
}
	.seg07 .personalMsgL {
		min-height: 700px;
		background: url('../img/bg-rsvp.jpg');
		background-position: center center !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
	}

.seg06 .venueLoc-P {
	background-color: transparent;
	border-radius: 15px;
	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: #a8752c;
		border-radius: 15px;
		border: 0 solid #a8752c;
		padding: 10px;
		/*box-shadow: 0 2px 10px -5px #00000030;*/
	}
		.seg06 .venueLoc-P .d-flex.flex-column .w-100.text-left .w-100 h5 {
			color: #F0C8B6;
			font-size: 27px;
			text-transform: uppercase;
		}
		.seg06 .venueLoc-P .d-flex.flex-column .schedule-Card {
			/*max-width: 420px;*/
			padding: 0 1rem 0 1rem;
			color: #fff;
			font-family: 'Playfair Display';
			letter-spacing: 0.8px;
			font-size: 20px;
			font-weight: 400;
		}
			.seg06 .venueLoc-P .d-flex.flex-column .schedule-Card span {
				color: #fff;
				font-family: 'Playfair Display';
				font-weight: 400;
				/*font-weight: 600 !important;*/
			}
.seg06 .frame-object {
	position: absolute;
	right: -200px;
	bottom: -80px;
	z-index: 1;
}
.seg06 p.judulTextSub {
	max-width: 750px;
	text-align: center;
	line-height: 30px;
	margin: 10px auto 35px;
}
.protocolList {
	max-width: 700px;
}
	.protocolList > * {
		flex: 1 1 100% !important;
		margin-bottom: 2rem !important;
		max-width: 213px;
	}
.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: 183px;
	line-height: 15px;
	margin: 10px 25px;
}
	.protocols .item-icon span {
		/*color: #58595b;*/
		/*font-size: 18px;
		font-family: 'Playfair Display';*/
		line-height: 25px;
		/*letter-spacing: 0.9px;*/
	}
.venueLoc-P {
	background-color: transparent;
	border-radius: 15px;
	max-width: 500px;
	width: 100%;
}
	.venueLoc-P > .d-flex.flex-column {
		background: #ba8b3f;
		border-radius: 15px;
		border: 1px 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: Playfair Display;*/
		letter-spacing: 0.9px;
	}
.venueLoc-P .locMap iframe {
	width: 100% !important;
	max-width: unset !important;
	height: 240px !important;
	border-radius: 10px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	/* border: 10px solid #fff; */
	/*box-shadow: 0 1px 6px -1px #00000075;*/
}
.seg06 .protocolList {
	/* width: 50%;*/
	max-width: 910px;
}
	.seg06 .protocolList > * {
		flex: 1 1 100% !important;
		/*margin-left: 1rem !important;
		margin-right: 1rem !important;*/
		margin-bottom: 2rem !important;
		max-width: 213px;
	}

	.gift {
		padding-bottom: 110px;
	}
	.protocol {
		padding-top: 110px;
	}

.seg09::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, #101e5100 0%, #101e514d 21%, #101e51b3 48%, #101e51e6 75%, #101e51 95%);
	z-index: 0;
}
		.seg09 > * {
			z-index: 1;
		}
/*.seg09, .seg09 .container, .seg09 .row {
	height: 100%;
	position: relative;
}*/
.seg09 .thankyou {
	/*min-height: 890px;*/
	justify-content: flex-end;
	padding-bottom: 345px;
	height: 100%;
}
.seg09 h1 {
	font-family: 'Playfair Display';
	text-transform: none;
	font-size: 40px;
	color: #ffffff;
	/*height: 130px;*/
	/*line-height: 145px;*/
}
.seg09 p {
	font-family: 'Channe';
	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;
}

/*gallery*/
.mainGallery .swiper-slide {
	background: #fff;
}
/*text trough line*/
.separator {
	display: flex;
	align-items: center;
	text-align: center;
}
	.separator::before,
	.separator::after {
		content: '';
		flex: 1;
		border-bottom: 2px solid #918f71;
	}
	.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: 12px;
}
/* Button Check/Radio */
.rsvpBtnPage {
	font-size: 12px !important;
	line-height: 16px !important;
	padding: 7px 5px 22px 5px;
	margin: 0;
}

	.rsvpBtnPage.active {
		font-size: 12px !important;
	}
.btn {
	display: inline-flex !important;
	justify-content: center;
	align-items: center;
	line-height: 1.1 !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: 12px !important;
}
	.btn-greenIG:hover {
		color: #fff !important;
		background: radial-gradient(circle at 14% 140%, #fdf497 3%, #fdf497 8%, #fd5949 39%,#d6249f 54%,#285AEB 103%) !important;
		border-color: #fff !important;
	}
	.btn-greenIG:active {
		background: radial-gradient(circle at 14% 140%, #fdf497 3%, #fdf497 8%, #fd5949 39%,#d6249f 54%,#285AEB 103%) !important;
		border-color: #fff !important;
	}
.btn-form {
	color: #fff !important;
	background-color: #918f71 !important;
	border-color: #918f71 !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;
	text-transform: uppercase;
}
	.btn-form:hover,
	.btn-form:active,
	.btn-form[aria-expanded="true"],
	.btn-form.active {
		color: #fff !important;
		background-color: #646652 !important;
		border-color: #646652 !important;
	}
.btn-form-active {
	background-color: #646652 !important;
	border-color: #646652 !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: #5D3749 !important;
	border-color: #5D3749 !important;
	font-size: 16px;
	font-family: Playfair Display;
	outline: unset !important;
	box-shadow: unset !important;
	cursor: pointer;
	border-radius: 4px !important;
}
	.btn-prime:hover {
		color: #fff !important;
		background-color: #84697A !important;
		border-color: #84697A !important;
	}
	.btn-prime.active {
		color: #fff !important;
		background-color: #84697A !important;
		border-color: #84697A !important;
	}
.btn-green-connectied {
	color: #fff !important;
	background-color: #C08D66 !important;
	border-color: #C08D66 !important;
	font-size: 16px;
	font-family: Playfair Display;
	outline: unset!important;
	box-shadow: unset !important;
	cursor: pointer;
	border-radius: 4px !important;
}
	.btn-green-connectied:hover {
		color: #fff !important;
		background-color: #B07F49 !important;
		border-color: #B07F49 !important;
	}
	.btn-green-connectied.active {
		background-color: #B07F49 !important;
		border-color: #B07F49 !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: 'Montserrat' !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.svg);*/
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.valVisit {
	width: 80px;
	height: 56px;
	padding: 5px 0px 0px 0;
}
.BGbtn-dropdown {
	/*background: url(../img/rsvpBtnSmallBg.svg);*/
	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: 0;
		border-radius: 4px;
		width: 275px;
	}
.rsvpForm .guestName h6 {
	display: inline;
	font-weight: 600;
}

/*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: 'Channe' !important;
	font-weight: 400;
	border-radius: 4px !important;
	color: #fff !important;
	background-color: #ffffff00;
	border-color: #fff;
	border: 1px solid !important;
	min-height: 57px !important;
	height: auto !important;
}
	.rsvpCheckBox:focus,
	.rsvpRadio:focus,
	.rsvpCheckBox:hover,
	.rsvpRadio:hover {
		color: #fff !important;
		background-color: #646652;
		border-color: #646652;
		cursor: pointer;
	}
	.rsvpCheckBox input[type="checkbox"] {
		position: absolute;
		top: 40%;
		left: 10px;
		border-color: #646652;
	}
	.rsvpCheckBox span,
	.rsvpRadio span {
		display: block;
		font-size: 90% !important;
		border-color: #918f71;
	}
/*RSVP Radio to Button*/
.btn-rsvpRadio {
	color: #fff !important;
	background-color: #918f71 !important;
	border: 1px solid #918f71 !important;
	border-radius: 4px !important;
	cursor: pointer !important;
	outline: unset !important;
	/*box-shadow: 0 2px 3px 0px #0000003b !important;*/
	min-width: 75px !important;
}
	.btn-rsvpRadio:hover,
	.btn-rsvpRadio.active {
		color: #fff !important;
		background-color: #646652 !important;
		border-color: #646652 !important;
	}

.rsvpMenu {
	color: #fff;
	background: #ECECEC00;
	border-radius: 20px;
	padding: 20px 30px 20px 30px !important;
	min-height: 203px !important;
	text-transform: none;
	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: #fff;
		background-color: #918f71;
		border-color: #918f71;
		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: #fff;
			background-color: #646652;
			border-color: #646652;
		}
.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: #fff;
		background-color: #918f71;
		border-color: #918f71;
		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: #fff;
			background-color: #646652;
			border-color: #646652;
		}
	/*Other tab*/
	.rsvpMenuD1 .btn-rsvpMenuD1-1 {
		color: #fff;
		background-color: #918f71;
		border-color: #918f71;
		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: #fff;
			background-color: #646652;
			border-color: #646652;
		}
	.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: #fff;
		background-color: #918f71;
		border-color: #918f71;
		width: 53px !important;
		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: #fff;
			background-color: #646652;
			border-color: #646652;
		}
	/*Dropdown Select*/
	.rsvpMenuD2 .BGbtn-dropdown .btn-rsvpMenuD2 {
		color: #fff;
		background-color: #918f71;
		border: 1px solid #918f71 !important;
		border: 0;
		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: #fff;
			background-color: #646652;
			border-color: #646652;
		}
.rsvpMenuD3 {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	background: #ffffff00;
	z-index: 7;
	/*color: #fff;*/
}
	.rsvpMenuD3 .btn-rsvpMenuD3 {
		color: #fff;
		background-color: #918f71;
		border-color: #918f71;
		cursor: pointer;
		box-shadow: none;
	}
		.rsvpMenuD3 .btn-rsvpMenuD3:hover,
		.rsvpMenuD3 .btn-rsvpMenuD3.active,
		.rsvpMenuD3 .btn-rsvpMenuD3[aria-expanded="true"] {
			color: #fff;
			background-color: #646652;
			border-color: #646652;
			font-weight: 600;
		}

.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: 14px;
		font-weight: 300;
	}
.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;
}

.rsvpV2Q-01 .justify-content-center > .d-flex.flex-column > .btn {
	max-width: 235px;
	width: 100%;
	margin-top: 10px !important;
}
	.rsvpV2Q-02 .justify-content-center > .d-flex.flex-column {
		flex-direction: row !important;
		justify-content: center;
	}
		.rsvpV2Q-02 .justify-content-center > .d-flex.flex-column .btn:first-child {
			margin-right: 10px !important;
		}
		.rsvpV2Q-02 .justify-content-center > .d-flex.flex-column .btn {
			max-width: 100px;
			width: 100%;
		}

.subStep03-all .rsvpMenuD3 {
	padding-top: 10px !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: 16px !important;
}


#elecGiv center img.qrcode {
	/*height: 250px;*/
	border-radius: 12px;
	border: 10px solid #C9C9C9;
}
#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 #b9bec4;
			padding-top: 15px;
			padding-bottom: 15px;
		}
		.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;
		}d
		.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: #AF9283;
			position: relative;
		}
		.personalMsg .personalMsg02 .personalMsg01-form > .text-left p,
		.personalMsg .personalMsg02 .personalMsg01-form > .text-left h4 {
			font-size: 20px;
			/*color: #918f71;*/
		}
		.personalMsg .personalMsg02 .personalMsg01-form > .text-left h4 {
			margin-bottom: 0px;
			font-weight: 600;
		}
		.personalMsg .personalMsg02 .personalMsg01-form > .text-left p {
			margin-bottom: 0;
		}
.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.svg');
			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: -6px;
}
.pgm-story .swiper-wrapper .swiper-slide a.addPlus {
	background-color: #918f71;
	border: 1px solid #918f71;
}
	.pgm-story .swiper-wrapper .swiper-slide a.addPlus:hover:after {
		background-color: #918f71;
		border: 0 solid #918f71;
	}

.btn-form-outline {
	color: #fff !important;
	background-color: #AF9283 !important;
	border-color: #AF9283 !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: 12px !important;
}
	.btn-form-outline:hover {
		color: #fff !important;
		background-color: #D1BBB2 !important;
		border-color: #AF9283 !important;
	}

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

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

	.btn-form-outline.active {
		color: #fff !important;
		background-color: #D1BBB2 !important;
		border-color: #AF9283 !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: 14px;
	}
		.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: 'Playfair Display';
	color: #1A1A1A;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	margin-bottom: 5px;
}

.pmUpload > .k-widget.k-upload {
	background-image: none;
	background-color: #fff !important;
	border-color: #918f71 !important;
}
	.pmUpload > .k-widget.k-upload > .k-dropzone {
		background-image: none;
		background-color: #fff !important;
		border-color: #918f71 !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: #918f71 !important;
			border-color: #918f71 !important;
			border-radius: 4px !important;
			margin-right: unset !important;
			-webkit-appearance: none;
		}
	.pmUpload > .k-widget.k-upload > .k-dropzone > .k-dropzone-hint {
		text-align: left !important;
	}
		.pmUpload > .k-widget.k-upload > .k-dropzone > .k-button:hover,
		.pmUpload > .k-widget.k-upload > .k-dropzone > .k-button:active {
			background-image: none;
			color: #fff !important;
			background-color: #918f71 !important;
			border-color: #918f71 !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: 'Playfair Display';
		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 #918f71;
	border-radius: 20px;
}
#elecGiv center h3 strong > img {
	margin-bottom: 10px;
}
#elecGiv center > h3.judulSub {
	font-family: 'Channe';
	/*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.svg'), url('/events/norakesit/img/segbg00-1Frame-R.svg');
		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: 23px !important;
	}
	.seg01 .header {
		height: 75px;
		margin-top: 30px;
	}
}
@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: 1024px) {
	.seg05 .frame-object {
		position: absolute;
		right: 0;
		bottom: -15px;
		z-index: 1;
		width: auto;
		height: auto;
	}
/*    .seg02 {
		padding: 50px 0 70px 0;
		background-size: 280px, 280px, 280px, contain;
		background-position: bottom right, top right, top left, center center;
		background-repeat: no-repeat, no-repeat, no-repeat, repeat;
		padding-top: 55px;
		padding-bottom: 55px;
	}
	.seg04 {
		background-size: 500px, 300px, contain;
		background-repeat: no-repeat, no-repeat, repeat;
		background-position: -100px bottom, top right, center center;
		padding-top: 75px;
		padding-bottom: 75px;
	}
	.seg06 {
		background-size: 300px, 300px, contain;
		background-repeat: no-repeat, no-repeat, repeat;
		background-position: bottom left, top right, center center;
		padding-top: 55px;
		padding-bottom: 55px;
	}*/
}
@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: 24px !important;
	}*/
}

@media screen and (max-width: 1023px) {
	.language-box {
		position: fixed;
		right: 25px;
		top: 26px;
		font-size: 14px;
		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.svg);
		background-size: 100%;
		background-position: top center;
		background-repeat: no-repeat;
		background-color: unset;*/
		padding: 0;
	}
		.seg01 .logo-head {
			max-width: 285px;
			width: 100%;
		}
		.seg01 .logo-name {
			max-width: 308px;
			width: 100%;
		}
	.seg01 .judulSlideSub {
		/*font-size: 13px;*/
		line-height: 14.20pt;
		text-align: center;
		position: unset;
		top: unset;
		margin: 0;
	}
	.seg01 .judulSlide {
		font-size: 6vw;
		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: #918f71;
				padding: 10px;
				color: #fff;
				font-family: 'Playfair Display';
				font-weight: 500;
			}
			.seg01 .header > .menu li a {
				width: 100%;
				color: #333333 !important;
			}
				.seg01 .header > .menu li a:hover {
					width: 100%;
					color: #918f71 !important;
				}
	.seg01 .header {
		width: unset !important;
		height: auto !important;
		margin-top: 15px !important;
	}

	.seg02 {/*
		background: url(../img/segbg00m.svg);
		background-size: 100%;
		background-position: top center;
		background-repeat: repeat-y;
		padding: 50px 0 185px 0;*/
	}
		.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.svg);
		background-size: 100%;
		background-position: top center;
		background-repeat: repeat-y;*/
		padding: 25px 0 25px 0;
	}
	.seg04 {/*
		background: url(../img/segbg00m.svg);
		background-size: 100%;
		background-position: top center;
		background-repeat: repeat-y;*/
		border-bottom: 0px;
		background-color: unset;
		/*padding: 70px 0 30px 0;*/
	}
	.seg04 .hr-line {
		/*margin-bottom: 30px !important;*/
	}
		.seg04 .venueLoc .d-flex.card-in  .schedule-Card {
			max-width: 420px;
			padding: 1rem 1rem 1rem 1rem;
		}
		.seg04 .venueLoc .event {
			min-width: 100px !important;
		}

	.seg05 {/*
		background: url(../img/segbg00m.svg);
		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: url(../img/segbg06-2m.webp), url(../img/segbg06-1m.webp);
		background-size: 100%;
		background-position: bottom center, top center;
		background-repeat: no-repeat;*/
		/*border-bottom: 0px;*/
		/*background-color: unset;*/
	}
	.seg06 .inner06,
	.seg06 .innerS6 {
		background-size: 60%, 60%, cover;
		padding: 0 !important;
	}
		.seg06 .w-75 {
			width: 90% !important;
		}
	.seg06 p.judulTextSub {
		line-height: 23pt;
	}
	.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: 400px !important;
	}
	.seg08 {/*
		background: url(../img/segbg00m.svg);
		background-size: 100%;
		background-position: top center;
		background-repeat: repeat-y;
		padding: 20px 0 90px 0;*/
	}
	.seg08 .mw-70 {
		max-width: unset !important;
	}
		.seg08 #elecGiv center > img {
			max-width: 230px;
			width: 100%;
			border: 10px solid #918f71;
			border-radius: 20px;
		}
	.seg08 .w-75 {
		width: 90% !important;
	}
	.seg09 {/*
		background: url(../img/segbg09-2m.webp), url(../img/segbg09-1m.webp);
		background-size: 100%;
		background-position: bottom center, top center;
		background-repeat: no-repeat;
		border-bottom: 0px;*/
		background-color: unset;
		min-height: 1292px;
	}
	.seg09 h1 {
		font-size: 48px;
	}
		.seg09 p {
			max-width: 550px !important;
			font-size: 21px;
			letter-spacing: 0.9px;
		}
}

@media (min-width: 320px) and (max-width: 767px) {
	body {
		overflow-x: hidden;
		/*background: url('../img/segBg.jpg');*/
		/*background-color: #000 !important;*/
		background-size: 100%;
		background-position: center center;
		background-repeat: repeat;
		font-size: 13px !important;
		line-height: 23px;
	}
	.btn {
		font-size: 12px !important;
	}
	.judulInfo {
		/*font-size: 27px;*/
		/*line-height: 50px;*/
	}
	.judulText {
		font-size: 36px;
		line-height: 35px;
		letter-spacing: 0.8px;
	}
	.hr-line.py-0 {
		max-width: 160px !important;
	}
	.judulTextSub {
		font-size: 14px !important;
		font-weight: 400;
		/*line-height: 18px !important;*/
		letter-spacing: 0;
	}
		/*.judulTextSub span {
			color: #c49645;
			font-family: Cinzel;
			font-size: 14px;
		}*/
	/*.textColorized span {
		font-size: 32px !important;
	}*/
	.colorcode {
		max-width: 255px !important;
	}
	.slider-main .item > .content {
		height: 667px;
	}
	.swiper-wrapper .swiper-slide div,
	.swiper-wrapper .swiper-slide img {
		/*height: 340px !important;*/
		/*height: 800px !important;*/
	}
	.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;
	}

	.seg01 {
		/*background: url(../img/segbg011m.webp), url(../img/segbg012m.webp), url(../img/segbg013m.webp), url(../img/segbg014m.webp);
		background-size: auto, auto, auto, auto, auto;
		background-repeat: no-repeat;
		background-position: top left, top right, bottom left, bottom right;*/
	}
		.seg01 .judulSlide {
			font-size: 36px;
			/*width: 265px;*/
			height: unset;
			line-height: unset;
			margin: 12px 0 15px 0 !important;
		}
			.seg01 .judulSlide span {
				font-size: 21px;
				padding: 0;
			}
	.seg01 .judulSlideSub {
		/*margin: 0 !important;*/
	}
		.seg01 .inner01 {
			top: -50px;
		}
	.seg02 {
		background: url(../img/segbg021m.webp), url(../img/segbg022m.webp);
		background-size: auto, auto;
		background-repeat: no-repeat;
		background-position: top left, bottom right;
		padding: 120px 20px 25px 20px;
	}
		.seg02 .separator .mw-45 {
			max-width: 90%;
		}
		.seg02.judulTextSub.mb-0 {
			max-width: 260px;
		}
		.seg02 .textColorized {
			font-size: 36px !important;
			height: unset;
			line-height: normal !important;
		}
		.textColorized.amp {
			font-size: 26px !important;
		}
		.seg02 .img-object.right,
		.seg02 .img-object.left {
			width: 220px;
			z-index: 0!important;
		}
		.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 .bride {
			max-width: 316px !important;
		}
		.seg02 .groom {
			max-width: 234px !important;
		}
		.seg02 .textColorized-sub {
			letter-spacing: 0 !important;
			font-size: 14px !important;
		}
	.seg03 {/*
		background: url(../img/segbg00m.svg);
		background-size: 100%;
		background-position: top center;
		background-repeat: repeat-y;
		outline-offset: 3px;*/
	}
	.seg03 .timerDemo div {
		margin: 8px 8px;
		padding: 15px 5px;
		/*background: #f9f9f9;*/
		width: 75px;
		height: 75px;
	}
		.seg03 .timerDemo > .countDay,
		.seg03 .timerDemo > .countHr,
		.seg03 .timerDemo > .countMin,
		.seg03 .timerDemo > .countSec {
			font-size: 18px;
			font-weight: 400;
			padding-top: 19px;
		}
			.seg03 .timerDemo > .countDay > p,
			.seg03 .timerDemo > .countHr > p,
			.seg03 .timerDemo > .countMin > p,
			.seg03 .timerDemo > .countSec > p {
				font-size: 12px;
				font-weight: 400;
				letter-spacing: normal;
				text-transform: none;
			}
			.seg03 .timerDemo .countDay {
				margin: 7px 7px 7px 0 !important;
			}
			.seg03 .timerDemo .countSec {
				margin: 7px 0 7px 7px !important;
			}
			.seg03 .timerDemo .countHr,
			.seg03 .timerDemo .countMin {
				margin: 7px 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: url(../img/segbg041m.webp), url(../img/segbg042m.webp);
		background-size: auto, auto;
		background-repeat: no-repeat;
		background-position: bottom left, top right;
		padding: 100px 20px 80px 20px;
	}
		.venueLoc .d-flex.card-in  .w-100.text-left .w-100 h5 {
			font-size: 22px;
			text-align: center;
		}
		.venueLoc .d-flex.card-in  .w-100.text-left .information div,
		.venueLoc .d-flex.card-in  .w-100.text-left .information p {
			/*font-family: 'Playfair Display';*/
			font-size: 18px;
		}
	.venueLoc .d-flex.card-in .w-100.text-left .addressname {
		font-size: 16px;
	}
	.venueLoc .d-flex.card-in .w-100.text-left .time span {
		font-size: 12px;
	}
		.hr-line {
			max-height: 130px !important;
		}
	.seg05 {
		/*background: url(../img/segbg00m.svg);*/
		/*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;
		}*/
	.seg06 {
		/*background: url(../img/segbg061m.webp), url(../img/segbg062m.webp), url(../img/segbg063m.webp), url(../img/segbg064m.webp);*/
		background-size: auto, auto, auto, auto;
		background-repeat: no-repeat;
		background-position: top left, top right, bottom left, bottom right;
		border-bottom: 0px;
		background-color: unset;
		padding: 140px 0 140px 0;
	}
		.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: 14px;
			line-height: 21px;
		}
		.seg06 .venueLoc-P .locMap iframe {
			height: 185px !important;
		}
		.seg06 .venueLoc-P {
			margin-bottom: 50px;
		}
	.seg07 {
		border-bottom: 0px;
		/*background-color: unset;*/
		padding: 0;
	}
	.seg08 {
		background: url(../img/segbg081m.webp), url(../img/segbg082m.webp);
		background-size: auto, auto;
		background-repeat: no-repeat;
		background-position: top left, bottom right;
		padding: 180px 0 180px 0;
	}
	.seg09 {
		/*background: url(../img/segbg091m.webp), url(../img/segbg092m.webp);
		background-size: auto, auto;
		background-repeat: no-repeat;
		background-position: bottom left, bottom right;*/
		padding: 0 8px 0 8px;
	}
		.seg09 .thankyou {
			/*min-height: 615px;
			height: unset;*/
			justify-content: flex-end;
			padding-bottom: 260px;
		}
	.seg09 .overlayBgFooter {
		margin-top: 0;
	}
	.btn-gift {
		box-shadow: none;
		position: absolute;
		right: 15px;
		top: 10px;
	}
		.btn-gift img {
			width: 59px;
			height: auto;
			padding: 0;
		}
	.rsvpMenu {
		font-size: 12px;
	}
		.rsvpMenu .btn {
			font-size: 12px !important;
			letter-spacing: normal;
			width: 90px;
			height: 50px;
		}
	.protocolList > * {
		max-width: 155px;
	}
}
@media (max-width: 767px) {
	.judulInfo {
		font-size: 26px;
	}
	.wthPIC {
		width: 175px;
	}
	.wthICN30 {
		width: 30%;
	}
	.wthICN25 {
		width: 25%;
	}
	.wthICN20 {
		width: 20%;
	}
	.timerDemo.judulSlideSub {
		font-size: 14px;
	}
	.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: 'Playfair Display';
			/*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 .header {
		width: unset !important;
		height: auto !important;
		margin-top: 15px !important;
	}
	.seg01 .logo-head {
		width: 105px;
		/*margin-bottom: 20px !important;*/
	}/*
	.seg01 .judulSlide span {
		font-size: inherit;
		padding: 0;
	}*/
	.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 .judulTextSub {
		font-size: 13px;
		line-height: 24px
	}
	.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  {
		font-size: 18px !important;
	}
	.seg03 h5  {
		font-size: 12px !important;
	}
	/*.seg03 .timerDemo div {
		margin: 10px 10px !important;
		padding: 15px 5px;
		background: #fff;
		width: 80px;
		height: 80px;
		border-radius: 8px;
		box-shadow: 2px 2px 10px -2px #0000009b;
	}
	.seg03 .timerDemo > .countDay,
	.seg03 .timerDemo > .countHr,
	.seg03 .timerDemo > .countMin,
	.seg03 .timerDemo > .countSec {
		font-size: 18px;
		font-weight: 600;
	}
		.seg03 .timerDemo > .countDay > p,
		.seg03 .timerDemo > .countHr > p,
		.seg03 .timerDemo > .countMin > p,
		.seg03 .timerDemo > .countSec > p {
			font-size: 10pt;
			font-weight: 600;
			color: #666;
			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: 1rem 1rem 1rem 1rem;
		}
	.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 p.judulTextSub {
		line-height: 23pt;
	}
	.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;
	}*/
	.seg06 .protocolList > * {
		flex: 1 1 190px !important;
		margin-left: 0.5rem !important;
		margin-right: 0.5rem !important;
		margin-bottom: 2rem !important;
	}
	.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;
	}
	.seg09 {
		/*padding: 25px 30px 170px 30px;*/
		min-height: 360px;
	}
	.seg09 video {
		margin-bottom: 90px !important;
	}
	.seg09 .container {
		/*width: 80% !important;*/
		padding: 0;
	}
		.seg09 h1 {
			font-size: 24px;
			/*height: 85px;*/
			margin-bottom: 20px !important;
		}
		.seg09 p {
			max-width: 312px !important;
			font-size: 14px;
			letter-spacing: 0.4px;
		}
		.seg09 .footerLogo {
			max-width: 112px;
		}
		.seg09 > a {
			position: absolute;
			bottom: 20px;
		}
	.howto {
		font-size: 12px;
	}
	.connectiedCarousel .owl-carousel .owl-stage-outer {
		padding-left: 80px !important;
	}
	.locMap {
		min-height: unset !important;
		/*max-height: 170px !important;*/
	}
	.locMap > iframe {
		width: 100% !important;
		height: 170px !important;
		max-width: unset !important;
	}
	.fancybox-slide,
	.invFrontModal.msgPersonPM.fancybox-content {
		width: 100% !important;
		border-radius: 0px !important;
		padding: 0 !important;
	}
}

@media (min-width: 376px) and (max-width: 405px) {
	.seg04 .venueLoc .d-flex.card-in  .w-100.text-left .w-100 h5 {
		font-size: 22px;
		text-align: center;
	}
	.seg04 .venueLoc .d-flex.card-in  .w-100.text-left .information div, 
	.seg04 .venueLoc .d-flex.card-in  .w-100.text-left .information .event {
		min-width: unset ;
	}
	.seg04 .venueLoc .d-flex.card-in  .w-100.text-left .information div, 
	.seg04 .venueLoc .d-flex.card-in  .w-100.text-left .information i {
		font-size: 18px;
		padding-right: 5px !important;
	}
	.seg04 .venueLoc .d-flex.card-in  .w-100.text-left .information div, 
	.seg04 .venueLoc .d-flex.card-in  .w-100.text-left .information p {
		/*font-family: 'Playfair Display';*/
		font-size: 14px;
	}
}

@media (max-width: 376px) {
	.videoFrame {
		text-align: center;
	}
	.videoFrame > iframe
	.videoFrame > video {
		width: 270px;
		height: 152px;
	}
	.judulTextSub {
		font-size: 14px;
		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;*/
	}
	.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: 18px;
		font-weight: 400;
	}
		.seg03 .timerDemo > .countDay > p,
		.seg03 .timerDemo > .countHr > p,
		.seg03 .timerDemo > .countMin > p,
		.seg03 .timerDemo > .countSec > p {
			font-size: 13px;
			font-weight: 400;
			/*color: #5D3749;*/
			letter-spacing: normal;
		}
	.seg04 .venueLoc .d-flex.card-in  .w-100.text-left .w-100 h5 {
		font-size: 20px;
		text-align: center;
	}
	/*.seg04 .venueLoc .d-flex.card-in  .w-100.text-left .information div, 
	.seg04 .venueLoc .d-flex.card-in  .w-100.text-left .information .event {
		min-width: unset !important;
	}*/
	.seg04 .venueLoc .d-flex.card-in  .w-100.text-left .information div, 
	.seg04 .venueLoc .d-flex.card-in  .w-100.text-left .information i {
		font-size: 18px;
		padding-right: 5px !important;
	}
	.seg04 .venueLoc .d-flex.card-in  .w-100.text-left .information div, 
	.seg04 .venueLoc .d-flex.card-in  .w-100.text-left .information p {
		/*font-family: 'Playfair Display';*/
		font-size: 14px;
	}
	#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: 22px;*/
	}
	/*#greetingModal .judulInfo span {
		font-size: inherit;
	}*/
	#giftModal .judulContent,
	#menu01Modal .judulContent,
	#greetingModal .judulContent {
		/*font-size: 24px;*/
	}
		#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 190px !important;
		margin-left: 0.1rem !important;
		margin-right: 0.1rem !important;
		margin-bottom: 2rem !important;
	}
}

@media (max-width: 320px) {
	.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.svg);*/
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	.BGbtn-form2 {
		width: 80px;
		height: 70px;
		margin: -6px !important;
		/*background: url(../img/rsvpBtnBigBg2m320.svg);*/
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	.BGbtn-form2 > .btn-rsvp {
		margin: auto !important;
	}
	.BGbtn-form > .btn-rsvp {
		font-size: 10px !important;
		padding: 5px 0 0 0 !important;
	}

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

	.judulInfo {
		font-size: 24px;
	}

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

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

	.judulTextSub.textColorized {
		font-size: 27px !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 div {
		margin: 10px 10px !important;
		padding: 30px;
		/*background: #f9f9f9;*/
		width: 125px;
		height: 125px;
		border-radius: 15px;
		box-shadow: 2px 2px 10px -2px #0000009b;
	}
	.seg03 .timerDemo > .countDay,
	.seg03 .timerDemo > .countHr,
	.seg03 .timerDemo > .countMin,
	.seg03 .timerDemo > .countSec {
		font-size: 27px;
		font-weight: 400;
	}
		.seg03 .timerDemo > .countDay > p,
		.seg03 .timerDemo > .countHr > p,
		.seg03 .timerDemo > .countMin > p,
		.seg03 .timerDemo > .countSec > p {
			font-size: 12pt;
			font-weight: 400;
			color: #fff;
		}
	.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: 12px !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: 12px;
	}
	#giftModal .judulInfo,
	#menu01Modal .judulInfo,
	#greetingModal .judulInfo {
		font-size: 24px;
	}
}



@media (min-width: 1260px) {
	.seg01 .header li {
		float: left;
	}
		.seg01 .header li a {
			font-family: 'Playfair Display';
			font-size: 14px;
			font-weight: 400;
			padding: 17px 15px !important;
			color: #5D3749 !important;
			text-transform: uppercase;
			display: inline-block;
			position: relative;
		}
			.seg01 .header li a.active {
				font-weight: 600;
				color: #9b7085 !important;
			}
			.seg01 .header li a:hover::before {
				content: '.';
				font-size: 60px;
				display: inline-block;
				position: absolute;
				bottom: -0.35em;
				left: 0;
				text-align: center;
				width: 100%;
			}
}
@media (min-width: 1024px) {
	.seg01 .header li {
		float: left;
	}
		.seg01 .header li a {
			font-family: 'Channe';
			font-size: 14px;
			font-weight: 400;
			padding: 5px 13px;
			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: #918f71 !important;
			}
				.seg01 .header li a:hover::before {
					content: '.';
					font-size: 60px;
					display: inline-block;
					position: absolute;
					bottom: -0.35em;
					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) {
	.personalMsg .personalMsg02,
	.personalMsg .personalMsg02 .personalMsg01-form > .text-left p, .personalMsg .personalMsg02 .personalMsg01-form > .text-left h4 {
		font-size: 13px;
	}
		.personalMsg .personalMsg02 .personalMsg01-form .form-control::placeholder, .personalMsg .personalMsg02 .personalMsg01-form .form-control {
			height: 40px !important;
			font-size: 13px !important;
		}
	.personalMsg .btn-form-outline {
		height: 40px !important;
		font-size: 13px !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
	.k-upload .k-dropzone {
		padding: 3px 3px !important;
	}
	/*.protocols .item-icon span {
		font-size: 12px;
	}*/
}