:root {
	--light-blue-text: #00B4DD;
	--light-blue: #0066cc;
	--light-medium-blue: #0066CC;
	--medium-blue-text: #0047AE;
	--medium-blue: #08244D;
	--dark-blue: #041938;
	--darker-blue: #011E41;
	--pale-gray: #F8F8F8;
	--light-button-gray: #F0F0F0;
	--light-gray-border: #f0f0f0;
	--lighter-gray: #FAFAFA;
	--light-gray: #A4ADC3;
	--medium-gray: #6f6f6f;
	--sidebar-gray: #e2e2e2;
	--dark-gray: #262829;
	--dark-button-gray: #6F6F6F;
	--shadow-black-darker: rgba(0,0,0,.5);
	--shadow-black-medium: #00000055;
	--shadow-black: rgba(0,0,0,.16);
	--shadow-black-lighter: #00000019;
	--warning: #AA0000;
	--service-note-default: #FFFFFF26;
	--gray: #57575729;
	--yellow: #F9A91B;
	--orange: #f26722;
	--green: #00ADA0;
	--passbook: #2962B5;
	--shadow-standard: var(--shadow-black) 0px 7px 15px;
	--shadow-closer: var(--shadow-black-darker) 0px 3px 10px;
	--default-transition: transform ease-out 500ms;
}
html {
	margin: 0;
	padding: 0;
	overflow: hidden;
	max-height: 100vh;
	font-family: "Figtree", "museo-sans", sans-serif;
}
body {
	margin: 0;
	padding: 0;
	min-width: 100vw;
	max-height: 100vh;
	overflow: hidden;
	color: black;
	background: url(/images/bg-pattern.png);
	background-repeat: repeat;
}
#main{
	transition: opacity ease-out 500ms;
	position: relative !important;
}
body #main p.nextbutton {
	margin: 0;
	text-align: right;
}
button {
	background: var(--light-medium-blue);
	color: white;
	border-radius: 4px;
	font-weight: 600;
	font-size: 32px;
	font-family: "Figtree", "Ingra", sans-serif;
	padding: 38px 72px;
	border: none;
}
button.checkoutbutton,
button.optionsbutton {
	background: var(--yellow);
	color: white;
	text-transform: uppercase;
	border-radius: 65px;
	font-weight: 500;
	font-size: 32px;
	font-family: "Figtree", "Ingra", sans-serif;
	padding: 38px 72px;
	border: none;
}
/*
button:active,button:focus{
	box-shadow: none;
	transform:translateY(5px);
	background:var(--light-blue);
	outline: none;
}
button.multipress:active{
	box-shadow: var(--dark-blue) 0 5px;
	transform:none;
	background: var(--light-blue-text);
}
*/
button.backbutton {
	width: 88px;
	height: 88px;
	border-radius: 44px;
	padding: 0;
	text-align: center;
	font-size: 50px;
	line-height: 50px;
}
button.add-pax-button {
	width: 88px;
	height: 88px;
	color: var(--dark-gray) !important;
	background-color: var(--light-gray);
	border-radius: 64px;
	padding: 0;
	text-align: center;
	font-size: 50px;
	line-height: 50px;
}
p.warning {
	font-weight: 600 !important;
	color: var(--warning) !important;
}
.fas.fa-plane,.fa.fa-plane{
	transform: rotate(-45deg);
}
.fas,.fa,.far,.fal{
	line-height: 0;
}
#lightbox {
	background: #292B2C;
	opacity: 0.5;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 10;
	display: none;
}
#modalcontain {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	align-items: center;
	justify-content: center;
	z-index: 11;
	display: none;
}
#modal {
	background: white;
	border: 1px solid #DADADA;
	min-width: 40%;
	min-height: 10rem;
	max-width: 75%;
	max-height: auto;
	margin: auto 2rem;
	padding: 1.5rem;
	border-radius: 0.667rem;
	position: relative;
	box-shadow: 0px 3px 6px #00000029;
}
#modal > span.fas {
	font-size: 2rem;
	color: #464A4C;
	line-height: 2.5rem;
	height: 2.5rem;
	width: 2.5rem;
	border-radius: 1.5rem;
	position: absolute;
	top: 0.25rem;
	right: 0.25rem;
	cursor: pointer;
	text-align: center;
}
#modal h2 {
	background: black;
	color: white;
	font-size: 1.5rem;
	font-weight: bold;
	padding: 1.5rem;
	margin: 0 0 1rem 0;
	display: flex;
	justify-content: space-between;
}
#modal h2 span:last-child {
	text-decoration: underline;
	cursor: pointer;
}
#modal h3 {
	color: var(--light-blue-text);
	text-align: center;
	font-weight: 600;
	font-size: 2rem;
	font-family: "Figtree", "Ingra", "Arial", "Helvetica", sans-serif;
	margin: 1rem 0.75rem;
}
#modal p {
	text-align: center;
	margin: 0.75rem 1rem;
	font-size: 1.5rem;
}
#modal p.error {
	color: #C02E40;
	font-size: 4rem;
}
#modal p.warning {
	color: #968916;
	font-size: 4rem;
}
#modal p.ok,
#modal p.okcancel {
	margin: 2rem 0 1rem 0;
}
#modal p.ok button,
#modal p.okcancel button {
	margin: 0 2rem;
	background: var(--yellow);
	color: white;
	text-transform: uppercase;
	border-radius: 65px;
	font-weight: 500;
	font-size: 32px;
	font-family: "Figtree", "Ingra", sans-serif;
	padding: 38px 72px;
	border: none;
}
#modal p.okcancel button.cancel {
	box-shadow: none;
	background: none;
	color: var(--medium-gray);
}