:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-panzoom{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translate3d(0, 0, 0);background:#fff}.f-panzoom.is-draggable{cursor:move;cursor:grab}.f-panzoom.can-zoom_in{cursor:zoom-in}.f-panzoom.can-zoom_out{cursor:zoom-out}.f-panzoom.is-dragging{cursor:move;cursor:grabbing}.f-panzoom.in-fullscreen{position:fixed;top:0;left:0;margin:0 !important;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;aspect-ratio:unset !important;z-index:9999}.f-panzoom__content{display:block;margin:auto;position:relative;max-width:100%;max-height:100%;min-height:0;object-fit:contain;transform:translate3d(0, 0, 0) scale(1) rotate(0) skew(0);transform-origin:center center;transition:none;-webkit-user-select:none;user-select:none}.is-loading .f-panzoom__content{display:none}.is-scaling .f-panzoom__content{filter:blur(0px);will-change:transform,width,height;backface-visibility:hidden}picture.f-panzoom__content>img{width:100%;height:auto;max-height:100%}.f-panzoom__content:not(:last-child){margin-bottom:0}.f-panzoom__viewport{margin:auto;position:relative;width:fit-content;height:fit-content;min-height:1px}.f-panzoom__viewport:not(:last-child){margin-bottom:0}.f-panzoom__caption:not(:first-child){margin-bottom:auto}html.with-panzoom-in-fullscreen{overflow:hidden}
/*
@font-face {
	font-family: 'Rubik';
	src: url('../fonts/Rubik-Light.ttf') format('truetype');
	font-weight: 300;
}

@font-face {
	font-family: 'Rubik';
	src: url('../fonts/Rubik-Regular.ttf') format('truetype');
	font-weight: 400;
}

@font-face {
	font-family: 'Rubik';
	src: url('../fonts/Rubik-Medium.ttf') format('truetype');
	font-weight: 500;
}

@font-face {
	font-family: 'Rubik';
	src: url('../fonts/Rubik-Bold.ttf') format('truetype');
	font-weight: 700;
}

@font-face {
	font-family: 'Rubik';
	src: url('../fonts/Rubik-Italic.ttf') format('truetype');
	font-style: italic;
	font-weight: 400;
}*/

html, body {
	height: 100%;
}

html {
	overflow-x: hidden;
}

body {
	font-family: "Rubik", sans-serif;
	max-width: 576px;
	margin: 0 auto;
	overflow-x: hidden;
	height: 100vh;
}

body.preloader {
	overflow: hidden;
	padding-right: 0px;
}

#preloader {
	display: none;
}

body.preloader #preloader {
	display: block;
}

#preloader .spinner-border {
	width: 3rem;
	height: 3rem;
	color: #ffffff;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
}

.bg-blur {
	opacity: 1;
	background-color: rgb(255 255 255 / 50%);
	backdrop-filter: blur(2.5px);
}

.form-error {
	color: #f47474;
}

input:focus, button:focus, textarea:focus,
input:hover, button:hover, textarea:hover,
input:focus-visible, button:focus-visible, textarea:focus-visible {
	box-shadow: none !important;
	outline: 0  !important;
}


#language_list {
	display: flex;
	align-items: center;
	margin: 0px 5px;
}

#language_list .change-lang {
	border: none;
	background: none;
	font-size: 13px;
	cursor: pointer;
	margin: 0px 5px;
	position: relative;
	font-weight: 400;
	color: #000000;
}

#language_list .change-lang:hover,
#language_list .change-lang.active {
	font-weight: 400;
	color: #B79D6C;
}

#language_list .lang-divider {
	width: 1px;
	height: 20px;
	background-color: #000000;
	display: inline-block;
}

/*#language_list .change-lang:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -5px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 70%;
  background-color: #ccc;
}
*/

.horizontal-top-line {
	position: relative;
}

.horizontal-top-line:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 1px;
	background-color: #DADADA;
	z-index: 1;
}

input[type=checkbox] {
	background-color: #ffffff;
	border-color: #B79D6C !important;
	border-radius: 3px;
}

.form-check-input:checked  {
	background-color: #B79D6C !important;
}

.form-control {
	border-color: #000000;
}

.icon {
	filter: invert(100%) brightness(0%);
}

.icon-rsvp-thanks-you {
	display: inline-block;
	height: 14px;
	width: 14px;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
}

.icon-going {
	display: inline-block;
	height: 18px;
	width: 18px;
	background-image: url(../img/going.svg);
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
}

.icon-not-going {
	display: inline-block;
	height: 18px;
	width: 18px;
	background-image: url(../img/not-going.svg);
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
}

.icon-event-type {
	display: inline-block;
	height: 20px;
	width: 35px;
/*	background-image: url('../img/couple.svg');*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.icon-couple {
	display: inline-block;
	height: 20px;
	width: 32px;
	background-image: url('../img/couple.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.icon-increase {
	display: inline-block;
	height: 20px;
	width: 20px;
	background-image: url('../img/increase.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.icon-instagram {
	display: inline-block;
	height: 20px;
	width: 20px;
	background-image: url('../img/instagram.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.icon-facebook {
	display: inline-block;
	height: 17px;
	width: 10px;
	background-image: url('../img/facebook.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.icon-www {
	display: inline-block;
	height: 20px;
	width: 20px;
	background-image: url('../img/www.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.icon-copy-right {
	display: inline-block;
	height: 16px;
	width: 17px;
	background-image: url('../img/copy-right.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.link-icon {
	width: 36px;
	height: 36px;
	background-color: #1414141A;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
}

.icon-m-save-the-date {
	display: inline-block;
	height: 18px;
	width: 18px;
	background-image: url('../img/m1-save-the-date.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.icon-m-rsvp {
	display: inline-block;
	height: 18px;
	width: 18px;
	background-image: url('../img/m2-rsvp.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.icon-m-seating {
	display: inline-block;
	height: 18px;
	width: 18px;
	background-image: url('../img/m3-seating.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.icon-m-venue {
	display: inline-block;
	height: 18px;
	width: 18px;
	background-image: url('../img/m4-venue.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.icon-m-gift {
	display: inline-block;
	height: 18px;
	width: 18px;
	background-image: url('../img/m5-gift.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.icon-pay-card {
	display: inline-block;
	height: 17px;
	width: 22px;
	background-image: url(../img/pay-card.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.icon-calendar {
	display: inline-block;
	height: 18px;
	width: 18px;
	background-image: url('../img/calendar.svg');
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
}

.icon-waze {
	display: inline-block;
	height: 21px;
	width: 22px;
	background-image: url('../img/waze.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.icon-mark {
	display: inline-block;
	height: 21px;
	width: 22px;
	background-image: url('../img/mark.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.black-link,
.black-link:hover {
	color: #000000;
	text-decoration: underline;
}

.btn-black,
.btn-black:hover,
.btn-black:disabled {
	background-color: #000000;
	color: #ffffff;
	border: 0px solid #000000;
	border-radius: 3px;
	width: 100px;
	padding: 5px 0px;
}

.btn-grey-gold,
.btn-grey-gold.active,
.btn-grey-gold:hover {
	background-color: #B79D6C;
	color: #ffffff;
	border: 0px solid #000000;
	border-radius: 3px;
	width: 100px;
	padding: 5px 0px;
}

.btn-grey-gold:disabled {
	background-color: #ADB2B9;
}

.btn-black-white {
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #000000 !important;
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center; 
	padding: 0.375rem;
	margin: 0 1rem;
}

.btn-black-white span {
	margin: 0px 5px;
}

.btn-black-white.active {
	background-color: #000000;
	color: #ffffff;
}

.btn-black-white.active .icon {
	filter: invert(100%) brightness(1000%);
}

.btn-gold {
	background-color: #B79D6C;
	color: #ffffff;
	border: 0px solid #B79D6C;
	border-radius: 3px;
	width: 140px;
	padding: 5px 0px;
}

.btn-gold.active,
.btn-gold:hover {
	background-color: #B79D6C;
	border: 0px solid #B79D6C; 
	color: #ffffff;
}

.btn-red-green,
.btn-red-green:hover,
.btn-red-green:disabled {
	background-color: #E8523F;
	border: 0px solid #E8523F; 
	color: #ffffff;
	border-radius: 3px;
	height: 37px;
	width: 137px;
}

.btn-red-green.active {
	background-color: #9AC87A;
	color: #ffffff;
	border: 0px solid #9AC87A;
	border-radius: 3px;
}

.btn-gold-green:hover,
.btn-gold-green:disabled,
.btn-gold-green {
	background-color: #B79D6C;
	color: #ffffff;
	border: 0px solid #B79D6C;
	border-radius: 3px;
	width: 140px;
	padding: 5px 0px;
}

.btn-gold-green.active {
	background-color: #9AC87A;
	border: 0px solid #9AC87A;
	color: #ffffff;
}

.btn-waze-icon:hover,
.btn-waze-icon:disabled,
.btn-waze-icon {
	background-color: #44CBFF;
	color: #ffffff;
	border: 0px solid #44CBFF;
	border-radius: 3px;
	width: 190px;
	height: 45px;
}

.btn-waze-icon span,
.btn-waze-icon i {
	padding: 0px 10px;
}

.navbar {
	box-shadow: 0px 1px 14px -2px #acacac !important;
	padding-bottom: 0px;
	max-width: 576px;
	margin: 0 auto;
}

.navbar .logo-burger {
	position: relative;
	display: flex;
	flex-wrap: inherit;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding-bottom: 10px;
}

.navbar .logo-burger:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background-color: #DADADA;
	z-index: 1;
}

.navbar .logo-burger .navbar-toggler-icon {
	margin-top: 7px;
	position: relative;
	display: inline-block;
	width: 6em;
	vertical-align: middle;
	background-image: url(../img/menu-icon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}

.navbar .offcanvas .btn-close {
	width: 5px;
	height: 5px;
	background: url(../img/close-menu.svg);
	background-size: contain;
	opacity: 1;
	background-repeat: no-repeat;
}

.navbar .container-fluid {

}

.navbar .navbar-nav {
	width: 170px;
	margin: 0 auto;
	padding: 100px 0px;
}

.navbar .navbar-nav li a {
	color: #344051;
}

.navbar-nav .nav-link.active, 
.navbar-nav .nav-link.show {
	color: #B79D6C;
}

.navbar-nav .nav-link.active .icon, 
.navbar-nav .nav-link.show .icon {
	filter: brightness(0.5) sepia(1) hue-rotate(360deg) saturate(5);
}

.navbar .navbar-nav li a span {
	position: relative;
	top: -3px;
	padding: 0 5px;
}

.navbar-brand {

}

.navbar-brand img {
	height: 26px;
	width: auto;
}

.navbar .offcanvas::after {
	content: '';
	position: absolute;
	bottom: 20px;
	left: -10px;
	width: 294px;
	height: 265px;
	background-image: url(../img/bg2.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -5;
}

.navbar .offcanvas::before {
	content: '';
	position: absolute;
	bottom: -129px;
	left: -10px;
	width: 325px;
	height: 348px;
	background-image: url(../img/bg3.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -4;
}

.offcanvas-title img {
	height: 40px;
	width: auto;
}

.offcanvas-header {
	display: flex;
	flex-wrap: inherit;
	align-items: center;
	justify-content: space-between;
}

.offcanvas-header .btn-close {
	margin: 0px;
}

.modal-backdrop {
	background-color: initial;
}

.offcanvas-backdrop {
	background-color: initial;
	backdrop-filter: blur(2px);
}

.offcanvas-backdrop.show,
.modal.show {
	opacity: 1;
	background-color: rgba(0,0,0,.5);
	backdrop-filter: blur(2px);
}

.border-bottom-1px {
	border-bottom: 1px solid #DADADA;
}

#event_info {

}

#event_info .col {
	position: relative;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#event_info .col:first-child {
	align-items: initial;
}

.event-info-wrap {
	position: relative;
}

.event-info-wrap .row {
	align-items: center;
}

.event-info-wrap:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background-color: #DADADA;
	z-index: 1;
}

.event-info-wrap #event_info .col:nth-child(2):after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	height: 50px;
	width: 1px;
	background-color: #DADADA;
	z-index: 1;
}

.event-info-wrap #event_info .col:nth-child(2):before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	height: 50px;
	width: 1px;
	background-color: #DADADA;
	z-index: 1;
}

#event_info .col .event-type {
	display: grid;
	align-items: center;
	justify-content: center;
	padding: 7px 0px;
}

.event-info-wrap .event-type img {
	max-height: 20px;
	margin: 0 auto;
}

.event-info-wrap .event-type-title {
	color: #8B8B98;
	font-size: 12px;
	font-weight: 300;
	line-height: 12px;
	word-break: break-word;
}

.event-info-wrap .event-name {
	color: #000000;
	font-size: 12px;
	font-weight: 500;
	word-break: break-word;
}

.event-info-wrap .event-date {
	color: #000000;
	font-size: 18px;
	font-weight: 500;
}

.event-wave-type {
	color: #000000;
	font-size: 18px;
	font-weight: 600;
	padding: 12px 0px;
	word-break: break-word;
}

.card-event-logo .icon-increase {
	position: absolute;
	bottom: 1rem;
	right: 1rem;
}

#eventLogoModal .modal-dialog {
	margin-top: 80px;
}

#eventLogoModal .modal-dialog .modal-content {
/*	height: 300px;*/
}

#eventLogoModal .modal-content {
	height: auto;
}

#eventLogoModal .modal-content img {
	width: 100%; height: 100%;
}

#eventLogoModal .modal-header {
	position: absolute;
	top: 0px;
	z-index: 10;
	width: 100%;
	height: 150px;
	background-color: #fff;
}

#eventLogoModal .modal-footer {
	position: absolute;
	bottom: 0px;
	z-index: 10;
	width: 100%;
	height: 150px;
	background-color: #fff;
}

#eventLogoModal .btn-close {
	position: absolute;
	z-index: 100;
	top: 0;
	display: block;
	background: url('../img/close-modal.svg');
	background-size: cover;
	margin: 20px;
	opacity: 1;
    background-size: 23px 23px;
    background-repeat: no-repeat;
}

#eventLogoModal .event-logo-zoom-wrap {
	position: absolute;
	z-index: 100;
	bottom: 0;
	display: flex;
	margin: 20px 0px;
}

#eventLogoModal .event-logo-zoom-wrap #logo_event_zoom_in {
	background: url(../img/zoomin-modal.svg);
	background-size: cover;
	width: 28px;
	height: 28px;
	border: 0;
	margin: 0 20px;
}

#eventLogoModal .event-logo-zoom-wrap #logo_event_zoom_out {
	background: url(../img/zoomout-modal.svg);
	background-size: cover;
	width: 28px;
	height: 28px;
	border: 0;
	margin: 0 20px;
}

#eventLogoModal .modal-dialog .modal-content .f-panzoom {
	height: 450px;
}


#eventLogoModal .modal-header.el-hide,
#eventLogoModal .modal-footer.el-hide {
	display: none;
}

#eventLogoModal .modal-dialog .modal-content,
#eventLogoModal .modal-dialog .modal-content .f-panzoom {
	border-radius: 20px;
}

#eventLogoModal .modal-dialog .modal-content .modal-header {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
#eventLogoModal .modal-dialog .modal-content .modal-footer {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.wrapper {
	min-height: 100%;
	display: flex;
	flex-direction: column;
}

main {
	flex: 1;
}

main.bg-rsvp::after {
	content: '';
	position: fixed;
	top: 165px;
	right: -50px;
	width: 242px;
	height: 186px;
	background-image: url(../img/bg2.png);
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -5;
}

main.bg-rsvp::before {
	content: '';
	position: fixed;
	top: 210px;
	right: -10px;
	width: 345px;
	height: 480px;
	background-image: url(../img/bg1.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -4;
}

main.bg-thanks::after {
	content: '';
	position: fixed;
	top: 510px;
	left: 5px;
	width: 242px;
	height: 186px;
	background-image: url(../img/bg2.png);
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -5;
}

main.bg-thanks::before {
	content: '';
	position: fixed;
	top: 550px;
	left: -10px;
	width: 345px;
	height: 480px;
	background-image: url(../img/bg4.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -4;
}

main.bg-seating::after {
    content: '';
    position: fixed;
    top: 510px;
    right: -40px;
    width: 242px;
    height: 186px;
    background-image: url(../img/bg2.png);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -5;
}

main.bg-seating::before {
    content: '';
    position: fixed;
    top: 690px;
    left: 84px;
    width: 345px;
    height: 480px;
    background-image: url(../img/bg1.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -4;
}

main.bg-error::after {
	content: '';
	position: fixed;
	top: 140px;
	left: -63px;
	width: 242px;
	height: 186px;
	background-image: url(../img/bg2.png);
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -5;
}

main.bg-venue::after {
    content: '';
    position: fixed;
    top: 270px;
    left: -50px;
    width: 242px;
    height: 186px;
    background-image: url(../img/bg2.png);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -5;
}

main.bg-venue::before {
	content: '';
	position: fixed;
	top: 318px;
	left: -10px;
	width: 345px;
	height: 480px;
	background-image: url(../img/bg3.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -4;
}

main.bg-error::before {
	content: '';
	position: fixed;
	top: 470px;
	right: -10px;
	width: 345px;
	height: 480px;
	background-image: url(../img/bg1.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -4;
}



main .offcanvas {
	border-top-right-radius: 16px;
	border-top-left-radius: 16px;
}

main .offcanvas .btn-close {
	width: 10px;
	height: 9px;
	background: url(../img/close-offcanvas.svg);
	background-size: contain;
	opacity: 1;
	background-repeat: no-repeat;
}

main .offcanvas .offcanvas-header:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	width: 50px;
	height: 4px;
	margin: 0 auto;
	border-radius: 4px;
	top: 15px;
	background-color: #000000;
	z-index: 1;
}

main .offcanvas.guest-its-not-me-popup {
	height: 460px;
}

main .offcanvas.guest-its-not-me-popup .offcanvas-body .t1 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 1rem;
}

main .offcanvas.guest-its-not-me-popup .offcanvas-body .t2,
main .offcanvas.guest-its-not-me-popup .offcanvas-body .t4 {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0.5rem;
}

main .offcanvas.guest-its-not-me-popup .offcanvas-body .t3 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 0.5rem;
}

main .offcanvas.guest-its-not-me-popup .offcanvas-body .t5 {
	font-size: 14px;
	font-weight: 700;
}

main .offcanvas.guest-its-not-me-popup .offcanvas-body .t6 {
	font-size: 12px;
	font-weight: 300;
	margin-top: 3rem;
}

main .offcanvas.guest-its-not-me-popup .offcanvas-body #send_its_not_me.active:disabled {
	opacity: 1;
}

main .offcanvas.guest-its-not-me-popup .offcanvas-body #send_its_not_me {
	margin-top: 1rem;
	margin-bottom: 1.3rem;
}

main .offcanvas.guest-its-not-me-popup .offcanvas-body #send_its_not_me .spinner-border {
	display: none;
	width: 15px;
	height: 15px;
}

main .offcanvas.guest-its-not-me-popup .offcanvas-body #send_its_not_me:disabled .spinner-border {
	display: inline-block;
}

main .offcanvas.guest-its-not-me-popup .offcanvas-body .close-its-not-me {
	text-decoration: none;
	font-weight: 700;
}

main {
	position: relative;
	padding-bottom: 2.3rem;
}

.mt-11 {
	margin-top: 11rem !important;
}

.pb-4-5 {
	padding-bottom: 2.5rem !important;
}

main .guest-name {
	text-align: center !important;
	font-size: 24px;
	font-weight: 700;
}

main .guest-name-welcome {
	text-align: center !important;
	font-size: 18px;
	font-weight: 400;
	color: #888888;
	padding: 0px 10px;
	line-height: 21px;
}

#event_logo {
	display: none;
}

main #event_logo {
	display: block;
}

main .card-event-logo {
	border: none;
	border-radius: 4px;
	position: relative;
}

main .card-event-logo .event-logo {
	width: 100%;
	height: 100%;
	object-fit: contain;
	max-height: 400px;
	border-radius: 4px;
	
}

main .event-date {
	color: #000000;
	font-size: 40px;
	font-weight: 400;
	margin-top: 2rem !important;
}

main .event-time {
	color: #000000;
	font-size: 20px;
	font-weight: 400;
}

main .event-location {
	color: #888888;
	font-size: 18px;
	font-weight: 400;
}

main .event-location span {
	font-weight: 700;
}

main .additional-guests-wrap {

}

main .additional-guests-wrap .input-group {
	margin: 0 auto;
	width: 135px;
	margin-top: 0.4rem;
}

main .additional-guests-wrap label {
	font-weight: 400;
	font-size: 15px;
	color: #8B8B98;
}
main .additional-guests-wrap #add_guest_minus,
main .additional-guests-wrap #add_guest_plus {
	background-color: #000000;
	border: 1px solid #000000;
	color: #ffffff;
	border-radius: 3px;
	width: 37px;
	height: 37px;
	font-size: 20px;
	line-height: 21px;
}

main .additional-guests-wrap #add_guest_minus:hover,
main .additional-guests-wrap #add_guest_plus:hover {
	border: 1px solid #000000 !important;
}

main .additional-guests-wrap #additional_guests {
	color: #000000;
	text-align: center;
	border: 1px solid #8B8B98 !important;
}

main .guest-comment-wrap{

}

main .guest-comment-wrap .title-guest-comment {
	font-weight: 400;
	font-size: 15px;
	color: #8B8B98;
	cursor: pointer;
	line-height: 13px;
}

main .guest-comment-wrap .title-guest-comment .guest-comment-icon {
	font-size: 24px;
	color: #000000;
	font-weight: 100;
	position: relative;
	top: 3px;
}

main .guest-comment-wrap textarea#guest_comment {
	width: 100%;
	height: 120px;
	border-radius: 4px;
	border: 1px solid #B79D6C !important;
	display: block;
	padding: 5px 12px;
}

main .guest-going-notgoing-wrap {
	margin-top: 2rem;
}

main .guest-going-notgoing-wrap .btn {
	margin: 10px 10px 0 10px;
}

main .guest-questions-answers-wrap {
	max-width: 250px;
	margin: 0 auto;
	text-align: right;
	padding-top: 2rem;
}

main .guest-questions-answers-wrap .item-question {
	margin-top: 1.2rem;
}

main .guest-questions-answers-wrap .item-question .item-question-title {
	font-size: 19px;
	font-weight: 700;
	padding-bottom: 0.5rem;
}

main .guest-questions-answers-wrap .item-question .guest-answers {}

main .guest-questions-answers-wrap .item-question .guest-answers .item-answer {
	margin-top: 0.5rem;
}

main .guest-questions-answers-wrap .item-question .guest-answers .item-answer label {
	font-size: 17px;
	font-weight: 400;
}

main .guest-submit-button-wrap {
	padding-top: 3rem;
	padding-bottom: 2.5rem;
}

main .guest-submit-button-wrap #sending {
	margin-bottom: 0.5rem;
}

main .guest-submit-button-wrap #its_not_me {
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	background-color: #E8523F;
	border: none;
	border-radius: 4px;
	padding: 10px 24px;
	text-decoration: none;
}

main .guest-submit-button-wrap .about-menu {
	line-height: 16px;
	font-size: 14px;
	color: #8B8B98;
}

footer .guest-offer-wrap {
	padding-top: 1.5rem;
}

footer .guest-offer-wrap .e2g-logo2 {
	width: 141px;
}

footer .guest-offer-wrap .text-1 {
	margin-top: 1.5rem;
	font-size: 15px;
}

footer .guest-offer-wrap .text-2 {
	margin-top: 1.5rem;
	font-size: 15px;
}

footer .guest-offer-wrap #create_lead {
	margin-top: 1.5rem;
	padding: 2px 0px;
}

footer .guest-offer-wrap #create_lead.active:disabled {
	opacity: 1;
}

footer .guest-offer-wrap #create_lead .spinner-border {
	display: none;
	width: 15px;
	height: 15px;
}

footer .guest-offer-wrap #create_lead:disabled .spinner-border {
	display: inline-block;
}



main .std-date-time-wrap {

}

main .std-date-time-wrap .event-date-title {
	font-size: 18px;
	color: #888888;
	font-weight: 400;
}

main .std-date-time-wrap .event-date {
	margin-top: 1rem !important;
}

main .std-button-wrap {

}

main #open_calendar_send_sms_text {
	font-size: 18px;
	margin-top: 10px;
}

main .std-button-wrap .calendar-buttons-wrap button {
    width: 160px !important;
    height: 32px !important;
    font-size: 13px;
    font-weight: 500;
    padding: 5px 5px !important;
}

main .std-button-wrap .calendar-buttons-wrap button:hover {
	background-color: #9AC87A;
}

main .std-button-wrap .calendar-buttons-wrap button:disabled {
	background-color: #b5b5b5;
	cursor: not-allowed;
}

main .std-button-wrap .calendar-buttons-wrap button i { 
	margin-top: -2px;
}

main .std-button-wrap .event-button-title {
	font-size: 18px;
	font-weight: 400;
	color: #888888;
}

main .std-button-wrap .event-button-title .heart {
	color: #E8523F;
}

main .rsvp-error-wrap {
	padding-bottom: 6rem;
	position: relative;
}

main .rsvp-error-wrap .t1 {
	font-size: 24px;
	font-weight: 700;
}

main .rsvp-error-wrap .t2 {
	font-size: 18px;
	font-weight: 400;
	color: #888888;
}

main .rsvp-error-wrap img.event-error-img {
	width: 150px;
	height: 150px;
}

main .rsvp-error-wrap #reload_page {
	position: absolute;
	bottom: 2rem;
	left: 0;
	right: 0;
	margin: auto;
}

main .rsvp-error-wrap #reload_page .spinner-border {
	display: none;
	width: 15px;
	height: 15px;
}

main .rsvp-error-wrap #reload_page:disabled .spinner-border {
	display: inline-block;
}

main .rsvp-not-started-wrap {
	font-size: 18px;
	font-weight: 400;
	color: #888888;
}

main .thanks-you-text-wrap .t0 {
	font-size: 24px;
	font-weight: 700;
	color: #000000;
}

main .thanks-you-text-wrap .t1 {
	font-size: 24px;
	font-weight: 700;
	color: #000000;
}

main .thanks-you-text-wrap .t2 {
	font-size: 18px;
	font-weight: 400;
	color: #888888;
	line-height: 20px;
}

main .thanks-you-rsvp-status-wrap {

}

main .thanks-you-rsvp-status-wrap .title {
	font-size: 15px;
	font-weight: 400;
	color: #8B8B98;
}

main .thanks-you-rsvp-status-wrap .arriving-guests-amount-block {
	margin: 0 2rem;
	display: flex;
	flex-flow: column;
	align-items: center;
}

main .thanks-you-rsvp-status-wrap .arriving-guests-amount-block .arriving-guests-amount {
	font-size: 16px;
	font-weight: 700;
	color: #000000;
	/* border: 1px solid #8B8B98; */
	border-radius: 3px;
	height: 40px;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 12px;
}

body.thanks-you-not-going .arriving-guests-amount-block,
body.thanks-you-wrong-number .arriving-guests-amount-block {
	display: none;
}

main .thanks-you-rsvp-status-wrap .rsvp-status-block {
	margin: 0 2rem;
	display: flex;
	flex-flow: column;
	align-items: center;
}

main .thanks-you-rsvp-status-wrap .rsvp-status-block .rsvp-status {
	font-size: 11px;
	font-weight: 400;
	color: #000000;
	/* border: 1px solid #000000; */
	border-radius: 3px;
	height: 40px;
	width: 82px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 12px;
	flex-direction: column;
	padding: 6px 0 2px 0;
}

body.thanks-you-going .thanks-you-rsvp-status-wrap .rsvp-status-block .rsvp-status {
	/* border: 1px solid #9AC87A; */
}
body.thanks-you-going .thanks-you-rsvp-status-wrap .rsvp-status-block .rsvp-status .icon-rsvp-thanks-you {
	background-image: url(../img/going-thank-you.svg);
}

body.thanks-you-not-going .thanks-you-rsvp-status-wrap .rsvp-status-block .rsvp-status {
	/* border: 1px solid #E8523F; */
}
body.thanks-you-not-going .thanks-you-rsvp-status-wrap .rsvp-status-block .rsvp-status .icon-rsvp-thanks-you {
	background-image: url(../img/not-going-thank-you.svg);
}

body.thanks-you-maybe .thanks-you-rsvp-status-wrap .rsvp-status-block .rsvp-status {
	border: 1px solid #F6C759;
}
body.thanks-you-maybe .thanks-you-rsvp-status-wrap .rsvp-status-block .rsvp-status .icon-rsvp-thanks-you {
	background-image: url(../img/maybe-thank-you.svg);
}

body.thanks-you-wrong-number .thanks-you-rsvp-status-wrap .rsvp-status-block .rsvp-status {
	border: 1px solid #AC87BD;
}
body.thanks-you-wrong-number .thanks-you-rsvp-status-wrap .rsvp-status-block .rsvp-status .icon-rsvp-thanks-you {
	background-image: url(../img/wrong-number-thank-you.svg);
}

main .thanks-you-guest-comment-wrap .thanks-you-guest-comment-block {
	background-color: #fff;
	width: 100%;
	border: 1px solid #B79D6C;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 300;
	padding: 10px;
	display: none;
}

main .thanks-you-guest-comment-wrap .thanks-you-title-guest-comment {
	font-weight: 400;
	font-size: 15px;
	color: #8B8B98;
	cursor: pointer;
	line-height: 13px;
}

main .thanks-you-guest-comment-wrap .thanks-you-title-guest-comment .thanks-you-guest-comment-icon {
	font-size: 24px;
	color: #000000;
	font-weight: 100;
	position: relative;
	top: 3px;
}

main .thanks-you-buttons-wrap {
	margin-top: 1.5rem;
}

main .thanks-you-buttons-wrap button {
	width: 160px !important;
	height: 32px !important;
	font-size: 13px;
	font-weight: 500;
	padding: 5px 5px !important;
}

main .thanks-you-buttons-wrap .change-answer {
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	background-color: #E8523F;
	border: none;
	border-radius: 4px;
	padding: 5px 12px;
	text-decoration: none;
}

main .thanks-you-buttons-wrap .change-answer span {
	text-decoration: underline;
}

main #thanks_you_questions .item-answer {
	display: none;
}

main #thanks_you_questions .item-answer:has(input[type="checkbox"]:checked) {
	display: block !important;
}

main #thanks_you_questions .item-answer label,
main #thanks_you_questions .item-answer input {
	opacity: 1;
}


main .venue-text-wrap .t1 {
	font-size: 24px;
	font-weight: 700;
	color: #000000;
}

main .venue-text-wrap .t2 {
	font-size: 18px;
	font-weight: 400;
	color: #888888;
	line-height: 20px;
}

main .venue-logo-wrap img {
	width: 100%;
}

main .venue-google-map-wrap {
	height: 400px;
	width: 100%;
}


main .gift-text-wrap .t1 {
	font-size: 24px;
	font-weight: 700;
	color: #000000;
}

main .gift-text-wrap .t2 {
	font-size: 18px;
	font-weight: 400;
	color: #888888;
	line-height: 20px;
}

main .thank-you-text-wrap .t1 {
	font-size: 24px;
	font-weight: 700;
	color: #000000;
}

main .thank-you-text-wrap .t2 {
	font-size: 18px;
	font-weight: 400;
	color: #888888;
	line-height: 20px;
}

main .gift-paycard-wrap img {
	width: 85%;
}

main .gift-pay-button-wrap .pay-buttons-wrap {
	height: 50px;
}

main .gift-pay-button-wrap .pay-buttons-wrap button {
	width: 170px !important;
	height: 32px !important;
	font-size: 13px;
	font-weight: 500;
	padding: 5px 5px !important;
}

main .gift-pay-button-wrap .pay-buttons-wrap button i { 
	margin: -1px 4px 0px 0px;
}

main .seating-text-wrap .t1 {
	font-size: 24px;
	font-weight: 700;
	color: #000000;
}

main .seating-text-wrap .t2 {
	font-size: 18px;
	font-weight: 400;
	color: #888888;
	line-height: 20px;
}

main .seating-text-wrap .t2 div {
	font-size: 24px;
	font-weight: 700;
	color: #000000;
}

main .seating-table-wrap .table_number {
    position: absolute;
    width: 50px;
    height: 50px;
    margin-left: 10px;
    background-color: #b79d6c;
    border-radius: 40px;
    color: #fff;
    font-size: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
}

main .seating-table-wrap img {
	width: 60%;
}

main .venue-button-wrap button {
	width: 170px !important;
	height: 32px !important;
	font-size: 13px;
	font-weight: 500;
	padding: 5px 5px !important;
}

main .venue-pay-button-wrap .pay-buttons-wrap button {
	width: 170px !important;
	height: 32px !important;
	font-size: 13px;
	font-weight: 500;
	padding: 5px 5px !important;
}

footer {
	padding: 0 1rem;
	margin-bottom: 1rem;
}

footer .social-links-wrap {
	display: flex;
	flex-wrap: inherit;
	align-items: center;
	justify-content: space-between;
}

footer .social-links-wrap .copy-right-block {
	height: 40px;
	background-color: #1414141A;
	display: flex;
	flex-wrap: inherit;
	align-items: center;
	justify-content: space-around;
	border-radius: 20px;
	width: 200px;
	padding: 0px 20px;
}

footer .social-links-wrap .copy-right-block span {
	font-size: 12px;
}

.bottom-tab-navigation {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	display: flex;
	justify-content: space-around;
	padding: 8px 0;
	box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
	z-index: 1000;
	max-width: 576px;
	margin: 0 auto;
  }
  
  .bottom-tab-navigation .nav-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 12px;
	color: #000000;
	padding: 5px 0;
	cursor: pointer;
	flex: 1;
	text-align: center;
  }

  .nav-item.show-none {
	display: none;
}
  
  .bottom-tab-navigation .nav-item.active {
	color: #B79D6C;
  }
  
  .bottom-tab-navigation .nav-item.active .icon {
	filter: brightness(0.5) sepia(1) hue-rotate(360deg) saturate(5);
  }
  
  .bottom-tab-navigation .nav-item i {
	margin-bottom: 4px;
	width: 24px;
	height: 24px;
  }
  
  .wrapper {
	padding-bottom: 100px; 
  }

.language-switcher {
	margin-left: auto;
	display: flex;
	gap: 10px;
  }