:root {
	--main-red-color: #ef0000;
	--main-yellow-color: #d8b051;
	--main-green-color: #327540;
	--black-color: #00020c;
	--light: 'CiutadellaLight';
	--light-italic: 'CiutadellaLight';
	--medium: 'CiutadellaMedium';
	--medium-italic: 'CiutadellaMediumItalic';
	--regular: 'CiutadellaRegular';
	--regular-italic: 'CiutadellaRegularItalic';
	--semibold: 'CiutadellaSemiBold';
	--semibold-italic: 'CiutadellaSemiBoldItalic';
	--bold: 'CiutadellaBold';
	--bold-italic: 'CiutadellaBoldItalic';
	--border-color-form: #6b6b6b;
}

@font-face {
	font-family: 'CiutadellaSemiBold';
	src:
		url('/fonts/SemiBold/normal/Ci1001-SmBd.woff2') format('woff2'),
		url('/fonts/SemiBold/normal/Ci1001-SmBd.woff') format('woff'),
		url('/fonts/SemiBold/normal/Ci1001-SmBd.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'CiutadellaSemiBoldItalic';
	src:
		url('/fonts/SemiBold/italic/Ci1001-SmBdIt.woff2') format('woff2'),
		url('/fonts/SemiBold/italic/Ci1001-SmBdIt.woff') format('woff'),
		url('/fonts/SemiBold/italic/Ci1001-SmBdIt.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'CiutadellaBoldItalic';
	src:
		url('/fonts/Bold/normal/Ci1001-BdIt.woff2') format('woff2'),
		url('/fonts/Bold/normal/Ci1001-BdIt.woff') format('woff'),
		url('/fonts/Bold/normal/Ci1001-BdIt.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'CiutadellaBold';
	src:
		url('/fonts/Bold/italic/Ci1001-Bd.woff2') format('woff2'),
		url('/fonts/Bold/italic/Ci1001-Bd.woff') format('woff'),
		url('/fonts/Bold/italic/Ci1001-Bd.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'CiutadellaLight';
	src:
		url('/fonts/Light/normal/Ci1001-Lt.woff2') format('woff2'),
		url('/fonts/Light/normal/Ci1001-Lt.woff') format('woff'),
		url('/fonts/Light/normal/Ci1001-Lt.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'CiutadellaLightItalic';
	src:
		url('/fonts/Light/italic/Ci1001-LtIt.woff2') format('woff2'),
		url('/fonts/Light/italic/Ci1001-LtIt.woff') format('woff'),
		url('/fonts/Light/italic/Ci1001-LtIt.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'CiutadellaMedium';
	src:
		url('/fonts/Medium/normal/Ci1001-Md.woff2') format('woff2'),
		url('/fonts/Medium/normal/Ci1001-Md.woff') format('woff'),
		url('/fonts/Medium/normal/Ci1001-Md.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'CiutadellaMediumItalic';
	src:
		url('/fonts/Medium/italic/Ci1001-MdIt.woff2') format('woff2'),
		url('/fonts/Medium/italic/Ci1001-MdIt.woff') format('woff'),
		url('/fonts/Medium/italic/Ci1001-MdIt.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'CiutadellaRegular';
	src:
		url('/fonts/Regular/normal/Ci1001-Rg.woff2') format('woff2'),
		url('/fonts/Regular/normal/Ci1001-Rg.woff') format('woff'),
		url('/fonts/Regular/normal/Ci1001-Rg.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'CiutadellaRegularItalic';
	src:
		url('/fonts/Regular/italic/Ci1001-RgIt.woff2') format('woff2'),
		url('/fonts/Regular/italic/Ci1001-RgIt.woff') format('woff'),
		url('/fonts/Regular/italic/Ci1001-RgIt.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

*,
*:before,
*:after {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: var(--regular);
}
html {
}
body {
	font-weight: 400;
}

b {
	font-weight: 600;
	font-family: var(--medium);
}

button {
	outline: none;
	border: none;
	background: none;
	font-family: var(--medium);
	cursor: pointer;
}

.container {
	width: 1200px;
	margin: auto;
}

.mobile-container {
	padding-left: 1rem;
	padding-right: 1rem;
}

img {
	display: block;
}

strong {
	font-weight: 700;
}

/**
Helpers
*/

.m-auto {
	margin: auto;
}

.ml-auto {
	margin-left: auto;
}

.m-1 {
	margin: 1rem;
}

.m-2 {
	margin: 1.5rem;
}

.m-3 {
	margin: 2rem;
}

.m-4 {
	margin: 2.5rem;
}

.m-5 {
	margin: 3rem;
}

.mt-1 {
	margin-top: 1rem;
}

.mt-2 {
	margin-top: 1.5rem;
}

.mt-3 {
	margin-top: 2rem;
}

.mt-4 {
	margin-top: 2.5rem;
}

.mt-5 {
	margin-top: 3rem;
}

.ms-1 {
	margin-left: 1rem;
}

.ms-2 {
	margin-left: 1.5rem;
}

.ms-3 {
	margin-left: 2rem;
}

.ms-4 {
	margin-left: 2.5rem;
}

.ms-5 {
	margin-left: 3rem;
}

.mb-1 {
	margin-bottom: 1rem;
}

.mb-2 {
	margin-bottom: 1.5rem;
}

.mb-3 {
	margin-bottom: 2rem;
}

.mb-4 {
	margin-bottom: 2.5rem;
}

.mb-5 {
	margin-bottom: 3rem;
}

.me-1 {
	margin-right: 1rem;
}

.me-2 {
	margin-right: 1.5rem;
}

.me-3 {
	margin-right: 2rem;
}

.me-4 {
	margin-right: 2.5rem;
}

.me-5 {
	margin-right: 3rem;
}

.p-1 {
	padding: 1rem;
}

.p-2 {
	padding: 1.5rem;
}

.p-3 {
	padding: 2rem;
}

.p-4 {
	padding: 2.5rem;
}

.p-5 {
	padding: 3rem;
}

.pt-1 {
	padding-top: 1rem;
}

.pt-2 {
	padding-top: 1.5rem;
}

.pt-3 {
	padding-top: 2rem;
}

.pt-4 {
	padding-top: 2.5rem;
}

.pt-5 {
	padding-top: 3rem;
}

.ps-1 {
	padding-left: 1rem;
}

.ps-2 {
	padding-left: 1.5rem;
}

.ps-3 {
	padding-left: 2rem;
}

.ps-4 {
	padding-left: 2.5rem;
}

.ps-5 {
	padding-left: 3rem;
}

.pb-1 {
	padding-bottom: 1rem;
}

.pb-2 {
	padding-bottom: 1.5rem;
}

.pb-3 {
	padding-bottom: 2rem;
}

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

.pb-5 {
	padding-bottom: 3rem;
}

.pe-1 {
	padding-right: 1rem;
}

.pe-2 {
	padding-right: 1.5rem;
}

.pe-3 {
	padding-right: 2rem;
}

.pe-4 {
	padding-right: 2.5rem;
}

.pe-5 {
	padding-right: 3rem;
}

.text-center {
	text-align: center;
}
.text-start {
	text-align: left;
}

.text-end {
	text-align: end;
}

.error {
	color: var(--main-red-color);
	padding-top: 0.5rem;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type='number'] {
	-moz-appearance: textfield;
}

.swal2-confirm {
	background-color: #ef0000;
	border-color: #ef0000;
}

.multiselect {
	border: none !important;
	outline: none !important;
	background: none !important;
	font-family: var(--regular) !important;
	border-radius: 5px !important;
	width: 100% !important;
	padding: 0.2rem 0.5rem !important;
	margin-top: 0.3rem !important;
	color: white !important;
	font-size: 1.1rem !important;
	height: 45px !important;
	border: 1px solid var(--border-color-form) !important;
}

.multiselect ul.options {
	background-color: #141414 !important;
	border: 1px solid var(--border-color-form) !important;
	border-radius: 5px !important;
}
.multiselect ul.options li {
	cursor: default;
	height: var(--item-height, var(--height, 42px));
	line-height: var(--item-line-height, var(--height, 42px));
	padding: var(--item-padding, 0 20px) !important;
	color: var(--item-color, white);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	transition: var(--item-transition, all 0.2s);
	align-items: center;
	width: 100%;
}

.multiselect ul.options li:hover {
	background-color: #6b6b6b;
}

.solicit-select .multi-item {
	background-color: #141414 !important;
	border: none !important;
	outline: none !important;
	border-radius: 5px !important;
	justify-content: center !important;
	line-height: 1.1 !important;
}

.multi-item-clear {
	--clear-icon-color: white !important;
}

.svelte-1r2hsto.svelte-1r2hsto.svelte-1r2hsto:where(
		div.multiselect > ul.selected > input
	)::placeholder {
	color: #78848f !important;
	font-size: 16px !important;
}

.solicit-select {
	border: none !important;
	outline: none !important;
	background: none !important;
	font-family: var(--regular) !important;
	border: 1px solid var(--border-color-form) !important;
	border-radius: 5px !important;
	width: 100% !important;
	padding: 0.2rem 0.5rem !important;
	margin-top: 0.3rem !important;
	color: white !important;
	font-size: 1.1rem !important;
	height: 45px !important;
}

.svelte-select-list {
	background-color: #141414 !important;
	border: 1px solid var(--border-color-form) !important;
}

.item.active {
	background-color: #14141486 !important;
}

.item.hover {
	background-color: #6b6b6b !important;
}

.air-datepicker--pointer {
	display: none !important;
}

.sfc-main-container .sfc-cfa-button {
	background-color: var(--main-green-color) !important;
	border-color:   var(--main-green-color) !important;
}

.sfc-main-container .input-row input:focus,
.sfc-main-container .input-row #ccCardNumber.sfc-focus,
.sfc-main-container .input-row #ccExpYear.sfc-focus,
.sfc-main-container .input-row #ccCVV.sfc-focus {
	border-color: var(--border-color-form) !important;
	box-shadow: 0 0 3px var(--border-color-form) !important; 
}

.sfc-main-container .input-row input:hover, .sfc-main-container .input-row #ccCardNumber:hover, .sfc-main-container .input-row #ccExpYear:hover, .sfc-main-container .input-row #ccCVV:hover{
	border-color:  var(--border-color-form) !important;
}

.sfc-main-container .form-radio-style.item-selected{
	border-color:  #e3e3e3 !important; 
}

.sfc-main-container
.input-row:focus-within
label, .sfc-main-container .input-row .label-focus {
	color: black !important;
}

.sfc-main-container .line-container input:checked~.checkmark, .sfc-main-container .sfc-radio-option input:checked~.checkmark{
	background-color: var(--main-red-color) !important;
	border-color: var(--main-red-color) !important;
}

.sfc-main-container input[type=checkbox]:checked:before{
	background-color: var(--main-red-color) !important;
	border-color: var(--main-red-color) !important;
}
.sfc-main-container input[type=checkbox]:checked:after{
	width: 6px !important;
    height: 9px !important;
}


#checkoutOverlay{
	display: none !important;
}