<?php include_once "./codigoSubmittal.php"; 
ob_start();

?>
<!DOCTYPE html>
<html style="box-sizing: border-box; --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-font-sans-serif: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));">

<head>
	<title><?php echo $siteName;?></title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta charset="UTF-8">

	<!-- Favicon icon -->
	<link rel="shortcut icon" href="../assets/images/favicon.ico" type="image/x-icon">

	<!-- Google fonts -->
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
	<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">

</head>

<body style="box-sizing: border-box; margin: 0; font-family: var(--bs-font-sans-serif); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent;">

	<!-- Invoice 11 start -->
	<div class="invoice-11 invoice-content" style="box-sizing: border-box; color: #535353; font-size: 14px; min-height: 100vh; position: relative; display: flex; justify-content: center; align-items: center; padding: 0; font-family: 'Poppins', sans-serif;">
		<!--; background: #fff6f6-->
		<div class="container" style="box-sizing: border-box; max-width: 2000px; margin: 0 auto; width: 100%; ">
			<div class="row" style="box-sizing: border-box; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1);">
				<div class="col-lg-12" style="box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; margin-top: var(--bs-gutter-y);">
					<div class="invoice-inner" id="invoice_wrapper" style="box-sizing: border-box; max-width: 1296px; margin: 0 auto;">
						<div class="invoice-info" style="box-sizing: border-box; background: #fff; margin-bottom: 0px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);">
							<div class="invoice-top" style="box-sizing: border-box; position: relative; border-bottom: solid 1px #d8d8d8;">
								<div style="box-sizing: border-box;">
									<div class="row" style="box-sizing: border-box; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5);">
										<div class="col-lg-6 col-md-6 col-sm-6" style="box-sizing: border-box; flex-shrink: 0; width: 50%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y);">
											<div class="logo-name" style="box-sizing: border-box; position: relative; display: inline-block; width: 100%; padding: 50px 70px;">
												<div class="info" style="box-sizing: border-box;">
													<a class="logo" href="#" style="box-sizing: border-box; color: #0d6efd; text-decoration: none; margin-bottom: 15px;">
														<img class="logo" src="<?php echo $url."/".$other["logo"];?>" alt="logo" style="box-sizing: border-box; vertical-align: middle; width: 70px; margin-bottom: 15px;" width="70">
													</a>
													<h5 style="box-sizing: border-box; font-family: 'Poppins', sans-serif; color: #262525; margin-top: 0; font-weight: 500; line-height: 1.2; margin-bottom: 10px; font-size: 20px;"><?php echo $other["empresa"];?></h5>
													<p style="box-sizing: border-box; margin-top: 0; font-size: 15px; margin-bottom: 5px;"><a href="mailto:<?php echo $other["mail"];?>" style="box-sizing: border-box; color: #535353; text-decoration: none;"><?php echo $other["mail"];?></a></p>
													<p class="mb-0" style="box-sizing: border-box; margin-top: 0; font-size: 15px; margin-bottom: 0;"><a href="tel:<?php echo $other["tel"];?>" style="box-sizing: border-box; color: #535353; text-decoration: none;"><?php echo $other["tel"];?></a></p>
													<p style="box-sizing: border-box; margin-top: 0; font-size: 15px; margin-bottom: 5px;"><?php echo $other["direccion"];?>, <?php echo $other["ciudad"];?>, <?php echo $other["estado"];?>, <?php echo $other["pais"];?> <?php echo $other["cp"];?></p>
												</div>
											</div>
										</div>
										<div class="col-lg-6 col-md-6 col-sm-6" style="box-sizing: border-box; flex-shrink: 0; width: 50%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y);">
											<div class="invoice-name text-end" style="box-sizing: border-box; float: right; clip-path: polygon(0 0, 100% 0, 100% 0%, 100% 100%, 20% 100%); position: relative; background: #25cc7e; padding: 70px 70px 75px 120px; text-align: right;">
												<h4 class="name color-white inv-header-1 titulodoc" style="box-sizing: border-box; font-family: 'Poppins', sans-serif; margin-top: 0; margin-bottom: .5rem; line-height: 1.2; text-transform: uppercase; font-weight: 600; font-size: 22px; color: #fff;">Submittal #<?php echo $_GET["id"];?></h4>
												<p class="mb-0" style="box-sizing: border-box; margin-top: 0; font-size: 15px; color: #fff; margin-bottom: 0;">Date: <?php echo date('M d, Y h:i a', time());?> <br style="box-sizing: border-box;">&nbsp;
													<br style="box-sizing: border-box;">&nbsp;
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="invoice-center" style="box-sizing: border-box; border-bottom: solid 1px #d8d8d8; padding: 70px 70px 40px;">
								<div class="row" style="box-sizing: border-box; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5);">
									<div class="col-lg-6 col-md-6 col-sm-6" style="box-sizing: border-box; flex-shrink: 0; width: 50%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y);">
										<div class="client-name mb-30" style="box-sizing: border-box; margin-bottom: 30px; position: relative; display: inline-block;">
											<div class="info" style="box-sizing: border-box;">
												<p class="inv-title-1" style="box-sizing: border-box; margin-top: 0; font-weight: 500; line-height: 25px; margin-bottom: 5px; font-size: 16px;">Project Information</p>
												<p class="invo-addr-1" style="box-sizing: border-box; margin-top: 0; line-height: 25px; font-size: 15px; margin-bottom: 5px;">
													<?php echo $proy["nombre"];?> <br style="box-sizing: border-box;">
													<?php echo $proy["direccion"];?>, <?php echo $proy["ciudad"];?>, <?php echo $proy["estado"];?>, <?php echo $proy["pais"];?> <?php echo $proy["cp"];?> <br style="box-sizing: border-box;">
												</p>
											</div>
										</div>
									</div>
									<div class="col-lg-6 col-md-6 col-sm-6" style="box-sizing: border-box; flex-shrink: 0; width: 50%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y);">
										<div class="project-description mb-30 text-end" style="box-sizing: border-box; margin-bottom: 30px; text-align: right;">
											<h5 class="inv-title-1" style="box-sizing: border-box; font-family: 'Poppins', sans-serif; color: #262525; margin-top: 0; margin-bottom: .5rem; line-height: 1.2; font-weight: 500; font-size: 16px;">Project Description</h5>
											<p class="mb-0" style="box-sizing: border-box; margin-top: 0; font-size: 13px; line-height: 25px; margin-bottom: 0;"><?php echo $proy["descripcion"];?> </p>
										</div>
									</div>
								</div>
							</div>
							<div class="row" style="box-sizing: border-box; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5);">
								<div class="col-md-12" style="box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y);">
									<div class="table-section clearfix" style="box-sizing: border-box; text-align: center; padding: 70px 70px; border-bottom: solid 1px #d8d8d8;">
										<div class="table-responsive" style="box-sizing: border-box; overflow-x: auto; -webkit-overflow-scrolling: touch; font-size: 15px;">
											<table class="table invoice-table" style="box-sizing: border-box; caption-side: bottom; border-collapse: collapse; --bs-table-bg: transparent; --bs-table-accent-bg: transparent; --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0, 0, 0, 0.075); color: #212529; vertical-align: top; border-color: #dee2e6; width: 100%; max-width: 100%; margin-bottom: 0; background-color: transparent;" width="100%" bgcolor="transparent" valign="top">
												<thead class="bg-active" style="box-sizing: border-box; border: solid 1px #f3f2f2; border-color: inherit; border-style: solid; border-width: 0; vertical-align: bottom; background: #efefef; color: #535353;" valign="bottom">
													<tr style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0; border-bottom: 1px solid #e9ecef; border: 1px solid #e9ecef; text-align: right;" align="right">
														<th class="text-center" width="80%" style="box-sizing: border-box; border: solid 1px #f3f2f2; border-color: inherit; border-style: solid; border-width: 0; font-weight: 500; border-bottom-width: 1px; border-bottom-color: currentColor; padding: 15px 20px; background-color: var(--bs-table-bg); box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); text-align: center;" bgcolor="var(--bs-table-bg)" align="center">Equipment</th>
														<th class="text-center" style="box-sizing: border-box; border: solid 1px #f3f2f2; border-color: inherit; border-style: solid; border-width: 0; font-weight: 500; border-bottom-width: 1px; border-bottom-color: currentColor; padding: 15px 20px; background-color: var(--bs-table-bg); box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); text-align: center;" bgcolor="var(--bs-table-bg)" align="center">Quantity</th>
													</tr>
												</thead>
												<tbody style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0; vertical-align: inherit;" valign="inherit">
													<?php echo ProdProy($_GET['id']);?>
												</tbody>
											</table>										
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Invoice 11 end -->

	<style>
		@media (max-width: 992px) {
			.invoice-1 {
				padding: 30px 0;
			}
		}

		@media (max-width: 768px) {
			.invoice-1 .table> :not(caption)>*>* {
				padding: 15px 10px;
			}

			.invoice-1.invoice-content .color-white {
				color: #262525 !important;
			}

			.invoice-1 .payment-method {
				margin: 0 auto 30px 0;
			}

			.invoice-1 .invoice-top {
				padding: 30px 30px 0;
			}

			.invoice-1 .contact-info {
				padding: 30px;
				border-radius: 0;
			}

			.invoice-1 .invoice-center {
				padding: 0 30px 30px;
			}

			.invoice-1 .invoice-contact::after {
				display: none;
			}

			.invoice-1 .invoice-bottom {
				padding: 0 30px;
			}

			.invoice-1 .invoice-id {
				background: transparent;
			}

			.invoice-1 .invoice-logo {
				padding: 0;
				margin-bottom: 10px;
			}

			.invoice-1 .invoice-headar {
				height: auto;
				margin-bottom: 0;
				padding: 30px;
			}

			.invoice-1 .invoice-id .info {
				margin: 0 auto 0 15px;
				padding: 0;
			}

			.invoice-1 .invoice-number-inner {
				margin: 0 auto 0 0;
			}
		}

		@media (max-width: 580px) {
			.invoice-1 .invoice-id .info {
				margin: 0 auto 0 15px;
			}

			.invoice-1 .invoice-id .info {
				margin: 0 auto 0 0;
			}

			.invoice-1 .d-none-580 {
				display: none !important;
			}
		}

		@media (max-width: 992px) {
			.invoice-2 .invoice-top {
				padding: 40px 50px;
			}

			.invoice-2 .id {
				font-size: 18px;
				line-height: 40px;
				margin-bottom: 0;
			}

			.invoice-2 .invoice-center {
				padding: 40px 50px;
			}

			.invoice-2 .order-summary {
				padding: 40px 50px;
			}

			.invoice-2 .account-transfer {
				padding: 40px 50px;
			}

			.invoice-2 .note {
				padding: 40px 50px;
			}
		}

		@media (max-width: 768px) {
			.invoice-2 .address-info {
				margin-bottom: 20px;
			}

			.invoice-2 .invoice-top {
				padding: 30px;
			}

			.invoice-2 .address-info {
				margin-bottom: 20px;
			}

			.invoice-2 .title-logo {
				margin-top: 10px;
			}

			.invoice-2 .address-info.ai2 {
				margin-bottom: 0;
			}

			.invoice-2 .bank-transfer {
				margin-bottom: 20px;
			}

			.invoice-2 .invoice-center {
				padding: 30px;
			}

			.invoice-2 .order-summary {
				padding: 30px;
			}

			.invoice-2 .account-transfer {
				padding: 30px;
			}

			.invoice-2 .note {
				padding: 30px;
			}

			.invoice-2 .table> :not(caption)>*>* {
				padding: 15px 15px;
				background-color: var(--bs-table-bg);
				box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
				text-align: right;
			}

			.invoice-2 .invoice-info {
				margin: 0 auto;
				padding: 0;
				box-shadow: none;
			}

			.invoice-2 .total-amount {
				text-align: left;
			}

			.invoice-2 .invoice-name {
				text-align: left;
				float: left;
			}

			.invoice-2 .name {
				margin-bottom: 15px;
			}
		}

		@media (max-width: 992px) {
			.invoice-3 .invoice-center {
				padding: 50px;
			}

			.invoice-3 .invoice-bottom {
				padding: 50px;
			}

			.invoice-3 .invoice-name {
				margin-bottom: 40px;
			}

			.invoice-3 .invoice-top {
				padding: 50px;
			}

			.invoice-3 .invoice-top {
				border-radius: 0;
			}

			.invoice-3 .invoice-bottom {
				border-radius: 0;
			}
		}

		@media (max-width: 768px) {
			.invoice-3 .invoice-top {
				padding: 30px 30px 0;
			}

			.invoice-3 .informeshon {
				margin-bottom: 30px;
			}

			.invoice-3 .invoice-center {
				padding: 30px;
			}

			.invoice-3 .invoice-bottom {
				padding: 30px;
			}

			.invoice-3 .table> :not(caption)>*>* {
				padding: 15px 10px;
			}

			.invoice-3 .invoice-bottom .amount {
				text-align: left;
			}

			.invoice-3 .bank-transfer {
				margin-bottom: 30px;
			}

			.invoice-3 .invoice-name img {
				height: 30px;
			}
		}

		@media (max-width: 992px) {
			.invoice-4 {
				padding: 30px 0;
			}

			.invoice-4 .contact-info a i {
				width: auto;
				height: 20px;
				background: transparent;
				text-align: left;
				font-size: 20px;
				line-height: 20px;
				color: #fff;
				margin-right: 5px;
			}

			.invoice-4 .contact-info a {
				margin: 0 20px 10px 0;
				line-height: 20px;
			}
		}

		@media (max-width: 768px) {
			.invoice-4 .table> :not(caption)>*>* {
				padding: 15px 10px;
			}

			.invoice-4 .invoice-contact {
				background: #f3f3f3;
			}

			.invoice-4 .contact-info a {
				color: #535353;
			}

			.invoice-4 .contact-info a i {
				color: #535353;
			}

			.invoice-4 .invoice-top {
				padding: 30px 30px 0;
			}

			.invoice-4 .invoice-center {
				padding: 0 30px 30px;
			}

			.invoice-4 .invoice-bottom {
				padding: 0 30px 0;
			}

			.invoice-4 .invoice-contact {
				padding: 30px 30px 20px;
			}

			.invoice-4 .invoice-number-inner {
				margin: 0 auto 0 0;
			}

			.invoice-4 .invoice-id .info {
				margin: 0 auto 0 0;
				padding: 35px 0 0;
			}

			.invoice-4 .invoice-logo .logo {
				padding: 0;
				height: auto;
				margin-bottom: 15px;
				background: transparent;
			}

			.invoice-4 .invoice-headar {
				padding: 30px;
				background: #f3f3f3;
			}

			.invoice-4 .invoice-logo:before {
				display: none;
			}

			.invoice-4 .invoice-logo:after {
				display: none;
			}

			.invoice-4 .invoice-id .info {
				margin: 0 auto 0 0;
				padding: 0;
			}
		}

		@media (max-width: 580px) {
			.invoice-4 .inv-header-1 {
				font-size: 22px;
			}

			.d-none-580 {
				display: none !important;
			}
		}

		@media (max-width: 992px) {
			.invoice-5 .invoice-header {
				padding: 50px;
			}

			.invoice-5 .address-info {
				padding: 20px 15px 20px;
			}

			.invoice-5 .table-section {
				padding: 50px 50px 20px;
			}

			.invoice-5 .border-r {
				border-right: solid 1px #fbfbfb45;
				border-bottom: solid 1px #fbfbfb45;
			}

			.invoice-5 .br2 {
				border-bottom: none;
			}

			.invoice-5 .br3 {
				border-right: none;
			}
		}

		@media (max-width: 768px) {
			.invoice-5 .address-info.text-right {
				text-align: left !important;
			}

			.invoice-5 .invoice-header {
				padding: 30px 30px 0;
			}

			.invoice-5 .table-section {
				padding: 30px 30px 0;
			}

			.invoice-5 .address-info {
				padding: 0;
			}

			.invoice-5 .border-r {
				border-right: none;
				border-bottom: none;
			}

			.invoice-5 .invoice-header-inner {
				border: none;
			}

			.invoice-5 .invoice-header h4 {
				margin-bottom: 30px;
			}

			.invoice-5 .invoice-header .name {
				margin-bottom: 10px;
			}

			.invoice-5 .address-info {
				margin-bottom: 30px;
			}

			.invoice-5 .invoice-info {
				margin: 0 auto 30px;
				padding: 0;
				box-shadow: none;
			}

			.invoice-5 .order {
				text-align: left;
			}

			.invoice-5 .invoice-name {
				margin-bottom: 0 !important;
			}
		}

		@media (max-width: 992px) {
			.invoice-6 {
				padding: 30px 0;
			}

			.invoice-6 .invoice-top {
				padding: 50px;
			}

			.invoice-6 .invoice-info {
				padding: 50px 50px 20px;
			}

			.invoice-6 .order-summary {
				padding: 50px;
			}

			.invoice-6 .invoice-informeshon {
				padding: 50px 50px 20px;
			}

			.invoice-6 .invoice-inner:after {
				width: 25px;
				height: 111px;
				right: 12px;
			}

			.invoice-6 .invoice-inner:before {
				width: 25px;
				height: 111px;
				left: 12px;
			}

			.invoice-6 .invoice-contact {
				padding: 20px 50px;
			}

			.invoice-6 .d-none-992 {
				display: none;
			}
		}

		@media (max-width: 768px) {
			.invoice-6 .invoice-top {
				padding: 30px 30px 25px;
			}

			.invoice-6 .order-summary {
				padding: 30px;
			}

			.invoice-6 .invoice-informeshon {
				padding: 30px 30px 0;
			}

			.invoice-6 .invoice-contact {
				padding: 20px 30px;
			}

			.invoice-6 .invoice-top .logo img {
				height: 20px;
				margin-bottom: 5px;
			}

			.invoice-6 .invoice-top .invoice h1 {
				font-size: 24px;
			}

			.invoice-6 .invoice-info {
				padding: 30px 30px 0;
			}
		}

		@media (max-width: 580px) {
			.invoice-6 .invoice-top .invoice {
				float: left;
			}

			.invoice-6 .invoice-content .important-notes-list-1 {
				margin-bottom: 25px;
			}

			.invoice-6 .text-end {
				text-align: left !important;
			}

			.invoice-6 .invoice-name {
				margin-top: 20px;
				margin-bottom: 30px;
			}

			.invoice-6 .d-none-580 {
				display: none !important;
			}
		}

		@media (max-width: 992px) {
			.invoice-7 {
				padding: 30px 0;
			}

			.invoice-7 .order-summary .default-table thead th {
				padding: 12px 20px;
			}

			.invoice-7 .order-summary .default-table tr td {
				padding: 12px 20px;
			}
		}

		@media (max-width: 768px) {
			.invoice-7 .invoice-top {
				padding: 30px 30px 0;
			}

			.invoice-7 .order-summary {
				padding: 0 30px 30px;
			}

			.invoice-2 .invoice-id .info {
				margin: 0 auto 0 0;
				padding: 0;
			}

			.invoice-7 .invoice-bottom {
				padding: 0 30px 0;
			}

			.invoice-7 .invoice-headar {
				padding: 30px;
			}

			.invoice-7 .invoice-info {
				background: #f5f7fc;
				padding: 0;
			}

			.invoice-7 .default-table tr td {
				padding: 15px 20px;
			}

			.invoice-7 .default-table thead th {
				padding: 15px 20px;
			}

			.invoice-7 .order-summary .default-table thead th {
				padding: 10px 12px;
			}

			.invoice-7 .order-summary .default-table tr td {
				padding: 10px 12px;
			}
		}

		@media (max-width: 580px) {
			.invoice-7 .invoice-contact-us {
				max-width: 100%;
				margin: 0;
			}

			.invoice-7 .invoice-number-inner {
				max-width: 100%;
				margin: 0;
			}

			.invoice-7 .payment-method {
				max-width: 100%;
				margin: 0 0 30px;
			}

			.invoice-7 .logo img {
				height: 25px;
				margin: 0 0 10px;
			}

			.invoice-7 .invoice-name {
				font-size: 24px;
			}
		}

		@media (max-width: 992px) {
			.invoice-8 .invoice-header {
				padding: 50px 50px 0;
			}

			.invoice-8 .address-info {
				padding: 20px 15px 20px;
			}

			.invoice-8 .table-section {
				padding: 50px 50px 20px;
			}

			.invoice-8 .border-r {
				border-right: solid 1px #fbfbfb45;
				border-bottom: solid 1px #fbfbfb45;
			}

			.invoice-8 .br2 {
				border-bottom: none;
			}

			.invoice-8 .br3 {
				border-right: none;
			}
		}

		@media (max-width: 768px) {
			.invoice-8 .address-info.text-right {
				text-align: left !important;
			}

			.invoice-8 .invoice-header {
				padding: 30px 30px 0;
			}

			.invoice-8 .table-section {
				padding: 30px 30px 0;
			}

			.invoice-8 .ts-2 {
				padding-top: 0;
			}

			.invoice-8 .address-info {
				padding: 0;
			}

			.invoice-8 .border-r {
				border-right: none;
				border-bottom: none;
			}

			.invoice-8 .invoice-header-inner {
				border: none;
			}

			.invoice-8 .invoice-header .name {
				margin-bottom: 10px;
			}

			.invoice-8 .address-info {
				margin-bottom: 30px;
			}

			.invoice-8 .invoice-info {
				margin: 0 auto 30px;
				padding: 0;
				box-shadow: none;
			}

			.invoice-8 .order {
				text-align: left;
			}

			.invoice-8 .invoice-name {
				margin-bottom: 0 !important;
			}
		}

		@media (max-width: 992px) {
			.invoice-9 {
				padding: 30px 0;
			}

			.invoice-9 .d-none-992 {
				display: none;
			}
		}

		@media (max-width: 768px) {
			.invoice-9 .invoice-top {
				padding: 30px 30px 25px;
			}

			.invoice-9 .order-summary {
				padding: 0 30px 30px;
			}

			.invoice-9 .invoice-informeshon {
				padding: 0 30px;
			}

			.invoice-9 .invoice-contact {
				padding: 20px 30px;
			}

			.invoice-9 .invoice-top .logo img {
				height: 20px;
				margin-bottom: 5px;
			}

			.invoice-9 .invoice-top .invoice h1 {
				font-size: 24px;
			}

			.invoice-9 .invoice-titel {
				background-image: linear-gradient(to bottom, #5bb1ef, #2064fd);
				padding: 20px 30px 15px;
			}

			.invoice-9 .invoice-titel:before {
				display: none;
			}

			.invoice-9 .invoice-titel:after {
				display: none;
			}

			.invoice-9 .invoice-titel h3 {
				font-size: 16px;
			}

			.invoice-9 .invoice-info {
				padding: 30px 30px 0;
			}
		}

		@media (max-width: 580px) {
			.invoice-9 .invoice-top .invoice {
				float: left;
			}

			.invoice-9 .invoice-content .important-notes-list-1 {
				margin-bottom: 25px;
			}

			.invoice-9 .text-end {
				text-align: left !important;
			}

			.invoice-9 .invoice-name {
				margin-top: 20px;
				margin-bottom: 30px;
			}

			.invoice-9 .d-none-580 {
				display: none !important;
			}
		}

		@media (max-width: 992px) {
			.invoice-10 .invoice-center {
				padding: 0 50px 40px;
			}

			.invoice-10 .invoice-bottom {
				padding: 0 50px 15px;
			}

			.invoice-10 .invoice-contact {
				padding: 70px 50px 40px;
				clip-path: polygon(0% 0, 70% 35%, 80% 100%, 0 100%);
				border-radius: 0 0 0 20px;
			}

			.invoice-10 .payment-info {
				max-width: 100%;
				text-align: left;
				margin: 0 auto 0 0;
			}

			.invoice-10 .invoice-headar {
				padding: 50px 50px 85px;
			}

			.invoice-10 .invoice-top {
				padding: 30px 50px 15px;
			}
		}

		@media (max-width: 768px) {
			.invoice-10 .invoice-headar {
				padding: 30px 30px 20px;
				clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%, 0% 100%);
			}

			.invoice-10 .invoice-headar h1 {
				line-height: normal;
				font-size: 22px;
			}

			.invoice-10 .invoice-headar img {
				margin-bottom: 10px;
			}

			.invoice-10 .invoice-number {
				margin-bottom: 20px;
			}

			.invoice-10 .invoice-headar {
				clip-path: none;
			}

			.invoice-10 .invoice-contact {
				padding: 30px;
				clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%, 0% 100%);
				border-radius: 0;
			}

			.invoice-10 .invoice-top {
				padding: 30px 30px 10px;
			}

			.invoice-10 .invoice-center {
				padding: 0 30px 30px;
			}

			.invoice-10 .invoice-bottom {
				padding: 0 30px 15px;
			}

			.invoice-10 .table> :not(caption)>*>* {
				padding: 15px 10px;
			}

			.invoice-10 .invoice-name {
				text-align: left;
				float: left;
			}

			.invoice-10 .invoice-bottom .amount {
				text-align: left;
			}

			.invoice-10 .bank-transfer {
				margin-bottom: 30px;
			}

			.invoice-10 .invoice-headar {
				border-radius: 0;
			}

			.invoice-10 {
				padding: 30px 0;
			}
		}

		@media (max-width: 992px) {
			.invoice-11 .invoice-name {
				text-align: right;
				float: right;
				clip-path: polygon(0 0, 100% 0, 100% 0%, 100% 100%, 7% 100%);
				position: relative;
				padding: 64px 50px 64px 90px;
			}

			.invoice-11 .logo-name {
				padding: 50px 20px 30px 50px;
			}

			.invoice-11 .invoice-center {
				padding: 50px 50px 20px;
			}

			.invoice-11 .table-section {
				padding: 50px;
			}
		}

		@media (max-width: 768px) {
			.invoice-11 .logo-name {
				padding: 30px;
			}

			.invoice-11 .lorem-hiden {
				margin-bottom: 30px;
			}

			.invoice-11 .invoice-name {
				clip-path: polygon(0 0, 100% 0, 100% 0%, 100% 100%, 0% 100%);
				padding: 30px;
				width: 100%;
			}

			.invoice-11 .invoice-center .client-name {
				margin-bottom: 30px;
			}

			.invoice-11 .invoice-name {
				text-align: left;
				float: left;
			}

			.invoice-11 .invoice-top {
				padding: 0;
			}

			.invoice-11 .invoice-center {
				padding: 30px 30px 0;
			}

			.invoice-11 .table-section {
				padding: 30px;
			}
		}

		@media (max-width: 992px) {
			.invoice-12 {
				padding: 30px 0;
			}

			.invoice-12 .order-summary .default-table thead th {
				padding: 12px 20px;
			}

			.invoice-12 .order-summary .default-table tr td {
				padding: 12px 20px;
			}
		}

		@media (max-width: 768px) {
			.invoice-12 .invoice-top {
				padding: 30px 30px 0;
			}

			.invoice-12 .invoice-12 .order-summary {
				padding: 30px;
			}

			.invoice-12 .invoice-contact-us {
				display: none;
			}

			.invoice-2 .invoice-id .info {
				margin: 0 auto 0 0;
				padding: 0;
			}

			.invoice-12 .invoice-bottom {
				padding: 30px 30px 0;
			}

			.invoice-12 .invoice-headar {
				padding: 30px;
			}

			.invoice-12 .invoice-info {
				background: #f5f7fc;
				padding: 0;
			}

			.invoice-12 .default-table tr td {
				padding: 15px 20px;
			}

			.invoice-12 .default-table thead th {
				padding: 15px 20px;
			}

			.invoice-12 .order-summary .default-table thead th {
				padding: 10px 12px;
			}

			.invoice-12 .order-summary .default-table tr td {
				padding: 10px 12px;
			}
		}

		@media (max-width: 580px) {
			.invoice-12 .invoice-contact-us {
				max-width: 100%;
				margin: 0;
			}

			.invoice-12 .invoice-number-inner {
				max-width: 100%;
				margin: 0;
			}

			.invoice-12 .payment-method {
				max-width: 100%;
				margin: 0 0 30px;
			}

			.invoice-12 .logo img {
				height: 25px;
				margin: 0 0 10px;
			}
		}

		@media (max-width: 992px) {
			.invoice-13 .invoice-center {
				padding: 0 50px 30px;
			}

			.invoice-13 .invoice-bottom {
				padding: 30px 50px 15px;
			}

			.invoice-13 .payment-info {
				max-width: 100%;
				text-align: left;
				margin: 0 auto 0 0;
			}

			.invoice-13 .invoice-contact {
				padding: 30px 50px;
			}

			.invoice-13 .invoice-headar {
				padding: 30px 50px;
			}

			.invoice-13 .invoice-top {
				padding: 30px 50px 15px;
			}
		}

		@media (max-width: 768px) {
			.invoice-13 .invoice-headar {
				padding: 30px 30px 20px;
			}

			.invoice-13 .invoice-headar h1 {
				margin-bottom: 10px;
				font-size: 18px;
			}

			.invoice-13 .invoice-headar img {
				margin-bottom: 10px;
			}

			.invoice-13 .invoice-number {
				margin-bottom: 20px;
			}

			.invoice-13 .invoice-contact {
				padding: 30px;
			}

			.invoice-13 .invoice-top {
				padding: 30px 30px 15px;
			}

			.invoice-13 .invoice-center {
				padding: 0 30px 30px;
			}

			.invoice-13 .invoice-bottom {
				padding: 30px 30px 15px;
			}

			.invoice-13 .table> :not(caption)>*>* {
				padding: 15px 10px;
			}

			.invoice-13 .invoice-name {
				text-align: left;
				float: left;
			}

			.invoice-13 .invoice-bottom .amount {
				text-align: left;
			}

			.invoice-13 .bank-transfer {
				margin-bottom: 30px;
			}
		}

		@media (max-width: 992px) {
			.invoice-14 {
				padding: 30px 0;
			}
		}

		@media (max-width: 768px) {
			.invoice-14 .invoice-top {
				padding: 30px 30px 0;
			}

			.invoice-14 .invoice-center {
				padding: 30px;
			}

			.invoice-14 .invoice-name {
				text-align: left;
				float: left;
			}

			.invoice-14 .invoice-bottom {
				padding: 30px 30px 0;
			}

			.invoice-14 .invoice-headar {
				padding: 30px;
			}

			.invoice-14 .order-summary .default-table thead th {
				padding: 10px 12px;
			}

			.invoice-14 .order-summary .default-table tr td {
				padding: 10px 12px;
			}

			.invoice-14 {
				padding: 15px 0;
			}
		}

		@media (max-width: 580px) {
			.invoice-14 .text-end {
				text-align: left !important;
			}

			.invoice-14 .payment-info {
				margin: 0 auto 30px 0;
				width: 100%;
			}

			.invoice-14 .logo img {
				margin-bottom: 10px;
			}
		}

		@media (max-width: 992px) {
			.invoice-15 .invoice-top {
				padding: 50px;
			}

			.invoice-15 .invoice-info {
				padding: 50px 50px 20px;
			}

			.invoice-15 .order-summary {
				padding: 50px;
			}

			.invoice-15 .invoice-informeshon {
				padding: 50px;
			}

			.invoice-15 .invoice-footer {
				padding: 50px;
			}

			.invoice-15 .invoice2 {
				padding: 20px 20px 20px 50px;
			}

			.invoice-15 .date {
				padding: 20px 50px 20px 20px;
			}
		}

		@media (max-width: 768px) {
			.invoice-15 .invoice-top {
				padding: 30px;
			}

			.invoice-15 .invoice-top .logo img {
				height: 20px;
			}

			.invoice-15 .invoice-top .invoice h1 {
				font-size: 24px;
			}

			.invoice-15 .invoice-titel {
				background: #fbf8f8;
			}

			.invoice-15 .invoice-info {
				padding: 30px 30px 0;
			}

			.invoice-informeshon .payment-info {
				margin-bottom: 30px;
			}

			.invoice-15 .social-list {
				margin-bottom: 20px;
			}

			.invoice-titel {
				padding: 30px;
			}

			.invoice-15 .order-summary {
				padding: 30px;
			}

			.invoice-15 .date {
				clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
				padding: 0;
			}

			.invoice-15 .invoice2 {
				clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
				padding: 0;
			}

			.invoice-15 .invoice2 h3 {
				margin-bottom: 5px;
			}

			.invoice-titel {
				background: #fbf8f8;
			}

			.invoice-15 .invoice-informeshon {
				padding: 30px;
			}

			.invoice-15 .invoice-footer {
				padding: 30px;
			}
		}

		@media (max-width: 768px) {
			.btn-lg {
				height: 45px;
				padding: 0 25px;
				line-height: 45px;
			}
		}

		@media (max-width: 600px) {
			.invoice-15 .invoice-top .invoice {
				float: left;
			}

			.invoice-15 .invoice-top .logo img {
				margin-bottom: 10px;
			}

			.invoice-content .important-notes-list-1 {
				margin-bottom: 25px;
			}

			.text-end {
				text-align: left !important;
			}

			.invoice-3 .invoice-name {
				margin-top: 20px;
				margin-bottom: 30px;
			}
		}

		@media (max-width: 992px) {
			.invoice-16 .invoice-top {
				padding: 50px;
			}

			.invoice-16 .invoice-info {
				padding: 0px 50px;
			}

			.invoice-16 .order-summary {
				padding: 0 50px 50px;
			}

			.invoice-16 .invoice-footer {
				padding: 50px;
			}

			.invoice-16 .invoice-informeshon-footer {
				padding: 50px 50px 40px;
			}

			.invoice-16 .invoice-informeshon-footer ul li {
				margin: 0 10px 10px;
			}
		}

		@media (max-width: 768px) {
			.invoice-16 .invoice-top {
				padding: 30px;
			}

			.invoice-16 .invoice-top .logo img {
				height: 20px;
			}

			.invoice-16 .invoice-top .invoice h1 {
				font-size: 20px;
			}

			.invoice-16 .invoice-info {
				padding: 0px 30px 0;
			}

			.invoice-16 .mb-50 {
				margin-bottom: 30px;
			}

			.invoice-16 .social-list {
				margin-bottom: 20px;
			}

			.invoice-titel {
				padding: 30px;
			}

			.invoice-16 .order-summary {
				padding: 0 30px 30px;
			}

			.invoice-16 .invoice-informeshon-footer {
				padding: 30px 20px 20px;
			}

			.invoice-16 .invoice-titel {
				background: #fbf8f8;
			}

			.invoice-16 .invoice-footer {
				padding: 30px;
			}

			.btn-lg {
				height: 45px;
				padding: 0 25px;
				line-height: 45px;
			}
		}

		@media (max-width: 600px) {
			.invoice-16 .invoice-top .invoice {
				float: left;
			}

			.invoice-16 .invoice-informeshon-footer ul {
				display: initial;
			}

			.invoice-16 .invoice-top .logo img {
				margin-bottom: 10px;
			}

			.invoice-content .important-notes-list-1 {
				margin-bottom: 25px;
			}

			.text-end {
				text-align: left !important;
			}

			.invoice-3 .invoice-name {
				margin-top: 20px;
				margin-bottom: 30px;
			}
		}

		@media (max-width: 992px) {
			.invoice-17 {
				padding: 30px 0;
			}

			.invoice-17 .invoice-info {
				padding: 50px;
			}
		}

		@media (max-width: 768px) {
			.invoice-17 .invoice-top {
				padding: 30px 30px 0;
				margin-bottom: 0;
			}

			.invoice-17 .default-table {
				border-radius: 0;
			}

			.invoice-17 {
				background: #fff6f6;
			}

			.invoice-17 .invoice-info:after {
				display: none;
			}

			.invoice-17 .order-summary {
				padding: 30px;
				margin-bottom: 0;
			}

			.invoice-2 .invoice-id .info {
				margin: 0 auto 0 0;
				padding: 0;
			}

			.invoice-17 .invoice-bottom {
				padding: 30px 30px 0;
			}

			.invoice-17 .invoice-headar {
				padding: 30px;
				margin-bottom: 0;
			}

			.invoice-17 .invoice-info {
				padding: 0px;
			}

			.invoice-17 .default-table tr td {
				padding: 10px 12px;
			}

			.invoice-17 .default-table thead th {
				padding: 10px 12px;
			}

			.invoice-17 .border-shadow-bg {
				border-radius: 0;
				border-bottom: solid 1px #e5e5e5;
			}

			.invoice-17 .border-shadow-bg.bsb2 {
				border-bottom: none;
			}
		}

		@media (max-width: 580px) {
			.invoice-17 .invoice-contact-us {
				max-width: 100%;
				margin: 0;
			}

			.invoice-17 .invoice-number-inner {
				max-width: 100%;
				margin: 0;
			}

			.invoice-17 .payment-method {
				max-width: 100%;
				margin: 0 0 30px;
			}

			.invoice-17 .logo img {
				height: 25px;
				margin: 0 0 10px;
			}
		}

		@media print {
			.col-sm-12 {
				width: 100%;
			}

			.col-sm-11 {
				width: 91.66666667%;
			}

			.col-sm-10 {
				width: 83.33333333%;
			}

			.col-sm-9 {
				width: 75%;
			}

			.col-sm-8 {
				width: 66.66666667%;
			}

			.col-sm-7 {
				width: 58.33333333%;
			}

			.col-sm-6 {
				width: 50%;
			}

			.col-sm-5 {
				width: 41.66666667%;
			}

			.col-sm-4 {
				width: 33.33333333%;
			}

			.col-sm-3 {
				width: 25%;
			}

			.col-sm-2 {
				width: 16.66666667%;
			}

			.col-sm-1 {
				width: 8.33333333%;
			}

			.text-end {
				text-align: right !important;
			}

			.invoice-1 {
				padding: 0;
				background: #fff;
			}

			.invoice-1 .invoice-inner {
				background: #f8f8f8;
			}

			.invoice-1 .container {
				padding: 0px;
			}

			.invoice-1 .invoice-info {
				box-shadow: none;
				margin: 0px;
			}

			.invoice-2 {
				padding: 0px;
				background: transparent;
			}

			.invoice-2 .container {
				padding: 0px;
			}

			.invoice-3 {
				padding: 0px;
				background: transparent;
			}

			.invoice-3 .container {
				padding: 0px;
			}

			.invoice-4 {
				padding: 0px;
				background: transparent;
			}

			.invoice-4 .container {
				padding: 0px;
			}

			.invoice-5 {
				padding: 0px;
				background: transparent;
			}

			.invoice-5 .container {
				padding: 0px;
			}

			.invoice-15 {
				padding: 0px;
				background: transparent;
			}

			.invoice-15 .container {
				padding: 0px;
			}

			.invoice-1 .invoice-headar {
				background: #f3f3f3;
			}

			.invoice-1 .inv-title-1 {
				color: #535353;
			}

			.invoice-content .color-white {
				color: #262525 !important;
			}

			.invoice-1 .bg-active {
				background: #f3f3f3 !important;
				color: #262525 !important;
			}

			.invoice-1 .contact-info {
				background: #f3f3f3;
			}

			.invoice-1 .active-color {
				color: #262525 !important;
			}

			.invoice-4 .invoice-contact {
				background: #f3f3f3;
			}

			.invoice-4 .contact-info a {
				color: #535353;
			}

			.invoice-4 .contact-info a i {
				color: #535353;
			}

			.invoice-4 p {
				color: #535353 !important;
			}

			.invoice-4 .inv-header-1 {
				color: #262525;
			}

			.invoice-4 .invoice-headar {
				background: #f3f3f3;
			}

			.invoice-4 .inv-title-1 {
				color: #262525;
			}

			.invoice-4 .active-color {
				color: #535353 !important;
			}

			.invoice-5 .invoice-header {
				background: #f3f3f3;
			}

			.invoice-5 .address-info p {
				color: #262525;
			}

			.invoice-5 .address-info .strong {
				color: #262525;
			}

			.invoice-5 .invoice-header h4 {
				color: #262525;
			}

			.invoice-6 .bg-active {
				background: #f3f3f3 !important;
				color: #262525 !important;
			}

			.invoice-6 .bg-active {
				background: #f3f3f3 !important;
				color: #262525 !important;
			}

			.invoice-6 .inv-title-1 {
				color: #262525;
			}

			.invoice-6 .invoice-contact a i {
				color: #535353;
			}

			.invoice-6 .invoice-top .invoice h1 {
				color: #262525;
			}

			.invoice-7 .inv-title-1 {
				color: #535353;
			}

			.invoice-7 .default-table thead th {
				color: #262525;
			}

			.invoice-9 .invoice-contact {
				background: #f3f3f3;
			}

			.invoice-9 .invoice-contact a {
				color: #535353;
			}

			.invoice-9 .invoice-contact i {
				color: #535353;
			}

			.invoice-9 .invoice-titel {
				background: #f3f3f3;
			}

			.invoice-9 .invoice-titel h3 {
				color: #262525;
			}

			.invoice-10 .invoice-contact {
				background: #f3f3f3;
			}

			.invoice-10 .social-list a {
				color: #262525;
			}

			.invoice-10 .invoice-headar {
				background: #f3f3f3;
			}

			.invoice-11 .name {
				color: #262525;
			}

			.invoice-11 .invoice-name p {
				color: #535353;
			}

			.invoice-11 .invoice-name {
				background: transparent;
			}

			.invoice-12 .inv-title-1 {
				color: #262525;
			}

			.invoice-16 .default-table thead th {
				color: #262525;
			}

			.invoice-16 .invoice-top .invoice h1 {
				color: #262525;
			}

			.invoice-17 .invoice-contact-us ul li i {
				color: #535353;
			}

			.invoice-17 .inv-title-1 {
				color: #535353;
			}

			.invoice-17 .default-table thead th {
				color: #535353;
			}
		}

	</style>
	<style>
		@media (prefers-reduced-motion:no-preference) {
			:root {
				scroll-behavior: smooth;
			}
		}

		@media (min-width:1200px) {

			.h1,
			h1 {
				font-size: 2.5rem;
			}
		}

		@media (min-width:1200px) {

			.h2,
			h2 {
				font-size: 2rem;
			}
		}

		@media (min-width:1200px) {

			.h3,
			h3 {
				font-size: 1.75rem;
			}
		}

		@media (min-width:1200px) {

			.h4,
			h4 {
				font-size: 1.5rem;
			}
		}

		@media (min-width:1200px) {
			legend {
				font-size: 1.5rem;
			}
		}

		@media (min-width:1200px) {
			.display-1 {
				font-size: 5rem;
			}
		}

		@media (min-width:1200px) {
			.display-2 {
				font-size: 4.5rem;
			}
		}

		@media (min-width:1200px) {
			.display-3 {
				font-size: 4rem;
			}
		}

		@media (min-width:1200px) {
			.display-4 {
				font-size: 3.5rem;
			}
		}

		@media (min-width:1200px) {
			.display-5 {
				font-size: 3rem;
			}
		}

		@media (min-width:1200px) {
			.display-6 {
				font-size: 2.5rem;
			}
		}

		@media (min-width:576px) {

			.container,
			.container-sm {
				max-width: 540px;
			}
		}

		@media (min-width:768px) {

			.container,
			.container-md,
			.container-sm {
				max-width: 720px;
			}
		}

		@media (min-width:992px) {

			.container,
			.container-lg,
			.container-md,
			.container-sm {
				max-width: 960px;
			}
		}

		@media (min-width:1200px) {

			.container,
			.container-lg,
			.container-md,
			.container-sm,
			.container-xl {
				max-width: 1140px;
			}
		}

		@media (min-width:1400px) {

			.container,
			.container-lg,
			.container-md,
			.container-sm,
			.container-xl,
			.container-xxl {
				max-width: 1320px;
			}
		}

		@media (min-width:576px) {
			.col-sm {
				flex: 1 0 0%;
			}

			.row-cols-sm-auto>* {
				flex: 0 0 auto;
				width: auto;
			}

			.row-cols-sm-1>* {
				flex: 0 0 auto;
				width: 100%;
			}

			.row-cols-sm-2>* {
				flex: 0 0 auto;
				width: 50%;
			}

			.row-cols-sm-3>* {
				flex: 0 0 auto;
				width: 33.3333333333%;
			}

			.row-cols-sm-4>* {
				flex: 0 0 auto;
				width: 25%;
			}

			.row-cols-sm-5>* {
				flex: 0 0 auto;
				width: 20%;
			}

			.row-cols-sm-6>* {
				flex: 0 0 auto;
				width: 16.6666666667%;
			}
		}

		@media (min-width:768px) {
			.col-md {
				flex: 1 0 0%;
			}

			.row-cols-md-auto>* {
				flex: 0 0 auto;
				width: auto;
			}

			.row-cols-md-1>* {
				flex: 0 0 auto;
				width: 100%;
			}

			.row-cols-md-2>* {
				flex: 0 0 auto;
				width: 50%;
			}

			.row-cols-md-3>* {
				flex: 0 0 auto;
				width: 33.3333333333%;
			}

			.row-cols-md-4>* {
				flex: 0 0 auto;
				width: 25%;
			}

			.row-cols-md-5>* {
				flex: 0 0 auto;
				width: 20%;
			}

			.row-cols-md-6>* {
				flex: 0 0 auto;
				width: 16.6666666667%;
			}
		}

		@media (min-width:992px) {
			.col-lg {
				flex: 1 0 0%;
			}

			.row-cols-lg-auto>* {
				flex: 0 0 auto;
				width: auto;
			}

			.row-cols-lg-1>* {
				flex: 0 0 auto;
				width: 100%;
			}

			.row-cols-lg-2>* {
				flex: 0 0 auto;
				width: 50%;
			}

			.row-cols-lg-3>* {
				flex: 0 0 auto;
				width: 33.3333333333%;
			}

			.row-cols-lg-4>* {
				flex: 0 0 auto;
				width: 25%;
			}

			.row-cols-lg-5>* {
				flex: 0 0 auto;
				width: 20%;
			}

			.row-cols-lg-6>* {
				flex: 0 0 auto;
				width: 16.6666666667%;
			}
		}

		@media (min-width:1200px) {
			.col-xl {
				flex: 1 0 0%;
			}

			.row-cols-xl-auto>* {
				flex: 0 0 auto;
				width: auto;
			}

			.row-cols-xl-1>* {
				flex: 0 0 auto;
				width: 100%;
			}

			.row-cols-xl-2>* {
				flex: 0 0 auto;
				width: 50%;
			}

			.row-cols-xl-3>* {
				flex: 0 0 auto;
				width: 33.3333333333%;
			}

			.row-cols-xl-4>* {
				flex: 0 0 auto;
				width: 25%;
			}

			.row-cols-xl-5>* {
				flex: 0 0 auto;
				width: 20%;
			}

			.row-cols-xl-6>* {
				flex: 0 0 auto;
				width: 16.6666666667%;
			}
		}

		@media (min-width:1400px) {
			.col-xxl {
				flex: 1 0 0%;
			}

			.row-cols-xxl-auto>* {
				flex: 0 0 auto;
				width: auto;
			}

			.row-cols-xxl-1>* {
				flex: 0 0 auto;
				width: 100%;
			}

			.row-cols-xxl-2>* {
				flex: 0 0 auto;
				width: 50%;
			}

			.row-cols-xxl-3>* {
				flex: 0 0 auto;
				width: 33.3333333333%;
			}

			.row-cols-xxl-4>* {
				flex: 0 0 auto;
				width: 25%;
			}

			.row-cols-xxl-5>* {
				flex: 0 0 auto;
				width: 20%;
			}

			.row-cols-xxl-6>* {
				flex: 0 0 auto;
				width: 16.6666666667%;
			}
		}

		@media (min-width:576px) {
			.col-sm-auto {
				flex: 0 0 auto;
				width: auto;
			}

			.col-sm-1 {
				flex: 0 0 auto;
				width: 8.33333333%;
			}

			.col-sm-2 {
				flex: 0 0 auto;
				width: 16.66666667%;
			}

			.col-sm-3 {
				flex: 0 0 auto;
				width: 25%;
			}

			.col-sm-4 {
				flex: 0 0 auto;
				width: 33.33333333%;
			}

			.col-sm-5 {
				flex: 0 0 auto;
				width: 41.66666667%;
			}

			.col-sm-6 {
				flex: 0 0 auto;
				width: 50%;
			}

			.col-sm-7 {
				flex: 0 0 auto;
				width: 58.33333333%;
			}

			.col-sm-8 {
				flex: 0 0 auto;
				width: 66.66666667%;
			}

			.col-sm-9 {
				flex: 0 0 auto;
				width: 75%;
			}

			.col-sm-10 {
				flex: 0 0 auto;
				width: 83.33333333%;
			}

			.col-sm-11 {
				flex: 0 0 auto;
				width: 91.66666667%;
			}

			.col-sm-12 {
				flex: 0 0 auto;
				width: 100%;
			}

			.offset-sm-0 {
				margin-left: 0;
			}

			.offset-sm-1 {
				margin-left: 8.33333333%;
			}

			.offset-sm-2 {
				margin-left: 16.66666667%;
			}

			.offset-sm-3 {
				margin-left: 25%;
			}

			.offset-sm-4 {
				margin-left: 33.33333333%;
			}

			.offset-sm-5 {
				margin-left: 41.66666667%;
			}

			.offset-sm-6 {
				margin-left: 50%;
			}

			.offset-sm-7 {
				margin-left: 58.33333333%;
			}

			.offset-sm-8 {
				margin-left: 66.66666667%;
			}

			.offset-sm-9 {
				margin-left: 75%;
			}

			.offset-sm-10 {
				margin-left: 83.33333333%;
			}

			.offset-sm-11 {
				margin-left: 91.66666667%;
			}

			.g-sm-0,
			.gx-sm-0 {
				--bs-gutter-x: 0;
			}

			.g-sm-0,
			.gy-sm-0 {
				--bs-gutter-y: 0;
			}

			.g-sm-1,
			.gx-sm-1 {
				--bs-gutter-x: 0.25rem;
			}

			.g-sm-1,
			.gy-sm-1 {
				--bs-gutter-y: 0.25rem;
			}

			.g-sm-2,
			.gx-sm-2 {
				--bs-gutter-x: 0.5rem;
			}

			.g-sm-2,
			.gy-sm-2 {
				--bs-gutter-y: 0.5rem;
			}

			.g-sm-3,
			.gx-sm-3 {
				--bs-gutter-x: 1rem;
			}

			.g-sm-3,
			.gy-sm-3 {
				--bs-gutter-y: 1rem;
			}

			.g-sm-4,
			.gx-sm-4 {
				--bs-gutter-x: 1.5rem;
			}

			.g-sm-4,
			.gy-sm-4 {
				--bs-gutter-y: 1.5rem;
			}

			.g-sm-5,
			.gx-sm-5 {
				--bs-gutter-x: 3rem;
			}

			.g-sm-5,
			.gy-sm-5 {
				--bs-gutter-y: 3rem;
			}
		}

		@media (min-width:768px) {
			.col-md-auto {
				flex: 0 0 auto;
				width: auto;
			}

			.col-md-1 {
				flex: 0 0 auto;
				width: 8.33333333%;
			}

			.col-md-2 {
				flex: 0 0 auto;
				width: 16.66666667%;
			}

			.col-md-3 {
				flex: 0 0 auto;
				width: 25%;
			}

			.col-md-4 {
				flex: 0 0 auto;
				width: 33.33333333%;
			}

			.col-md-5 {
				flex: 0 0 auto;
				width: 41.66666667%;
			}

			.col-md-6 {
				flex: 0 0 auto;
				width: 50%;
			}

			.col-md-7 {
				flex: 0 0 auto;
				width: 58.33333333%;
			}

			.col-md-8 {
				flex: 0 0 auto;
				width: 66.66666667%;
			}

			.col-md-9 {
				flex: 0 0 auto;
				width: 75%;
			}

			.col-md-10 {
				flex: 0 0 auto;
				width: 83.33333333%;
			}

			.col-md-11 {
				flex: 0 0 auto;
				width: 91.66666667%;
			}

			.col-md-12 {
				flex: 0 0 auto;
				width: 100%;
			}

			.offset-md-0 {
				margin-left: 0;
			}

			.offset-md-1 {
				margin-left: 8.33333333%;
			}

			.offset-md-2 {
				margin-left: 16.66666667%;
			}

			.offset-md-3 {
				margin-left: 25%;
			}

			.offset-md-4 {
				margin-left: 33.33333333%;
			}

			.offset-md-5 {
				margin-left: 41.66666667%;
			}

			.offset-md-6 {
				margin-left: 50%;
			}

			.offset-md-7 {
				margin-left: 58.33333333%;
			}

			.offset-md-8 {
				margin-left: 66.66666667%;
			}

			.offset-md-9 {
				margin-left: 75%;
			}

			.offset-md-10 {
				margin-left: 83.33333333%;
			}

			.offset-md-11 {
				margin-left: 91.66666667%;
			}

			.g-md-0,
			.gx-md-0 {
				--bs-gutter-x: 0;
			}

			.g-md-0,
			.gy-md-0 {
				--bs-gutter-y: 0;
			}

			.g-md-1,
			.gx-md-1 {
				--bs-gutter-x: 0.25rem;
			}

			.g-md-1,
			.gy-md-1 {
				--bs-gutter-y: 0.25rem;
			}

			.g-md-2,
			.gx-md-2 {
				--bs-gutter-x: 0.5rem;
			}

			.g-md-2,
			.gy-md-2 {
				--bs-gutter-y: 0.5rem;
			}

			.g-md-3,
			.gx-md-3 {
				--bs-gutter-x: 1rem;
			}

			.g-md-3,
			.gy-md-3 {
				--bs-gutter-y: 1rem;
			}

			.g-md-4,
			.gx-md-4 {
				--bs-gutter-x: 1.5rem;
			}

			.g-md-4,
			.gy-md-4 {
				--bs-gutter-y: 1.5rem;
			}

			.g-md-5,
			.gx-md-5 {
				--bs-gutter-x: 3rem;
			}

			.g-md-5,
			.gy-md-5 {
				--bs-gutter-y: 3rem;
			}
		}

		@media (min-width:992px) {
			.col-lg-auto {
				flex: 0 0 auto;
				width: auto;
			}

			.col-lg-1 {
				flex: 0 0 auto;
				width: 8.33333333%;
			}

			.col-lg-2 {
				flex: 0 0 auto;
				width: 16.66666667%;
			}

			.col-lg-3 {
				flex: 0 0 auto;
				width: 25%;
			}

			.col-lg-4 {
				flex: 0 0 auto;
				width: 33.33333333%;
			}

			.col-lg-5 {
				flex: 0 0 auto;
				width: 41.66666667%;
			}

			.col-lg-6 {
				flex: 0 0 auto;
				width: 50%;
			}

			.col-lg-7 {
				flex: 0 0 auto;
				width: 58.33333333%;
			}

			.col-lg-8 {
				flex: 0 0 auto;
				width: 66.66666667%;
			}

			.col-lg-9 {
				flex: 0 0 auto;
				width: 75%;
			}

			.col-lg-10 {
				flex: 0 0 auto;
				width: 83.33333333%;
			}

			.col-lg-11 {
				flex: 0 0 auto;
				width: 91.66666667%;
			}

			.col-lg-12 {
				flex: 0 0 auto;
				width: 100%;
			}

			.offset-lg-0 {
				margin-left: 0;
			}

			.offset-lg-1 {
				margin-left: 8.33333333%;
			}

			.offset-lg-2 {
				margin-left: 16.66666667%;
			}

			.offset-lg-3 {
				margin-left: 25%;
			}

			.offset-lg-4 {
				margin-left: 33.33333333%;
			}

			.offset-lg-5 {
				margin-left: 41.66666667%;
			}

			.offset-lg-6 {
				margin-left: 50%;
			}

			.offset-lg-7 {
				margin-left: 58.33333333%;
			}

			.offset-lg-8 {
				margin-left: 66.66666667%;
			}

			.offset-lg-9 {
				margin-left: 75%;
			}

			.offset-lg-10 {
				margin-left: 83.33333333%;
			}

			.offset-lg-11 {
				margin-left: 91.66666667%;
			}

			.g-lg-0,
			.gx-lg-0 {
				--bs-gutter-x: 0;
			}

			.g-lg-0,
			.gy-lg-0 {
				--bs-gutter-y: 0;
			}

			.g-lg-1,
			.gx-lg-1 {
				--bs-gutter-x: 0.25rem;
			}

			.g-lg-1,
			.gy-lg-1 {
				--bs-gutter-y: 0.25rem;
			}

			.g-lg-2,
			.gx-lg-2 {
				--bs-gutter-x: 0.5rem;
			}

			.g-lg-2,
			.gy-lg-2 {
				--bs-gutter-y: 0.5rem;
			}

			.g-lg-3,
			.gx-lg-3 {
				--bs-gutter-x: 1rem;
			}

			.g-lg-3,
			.gy-lg-3 {
				--bs-gutter-y: 1rem;
			}

			.g-lg-4,
			.gx-lg-4 {
				--bs-gutter-x: 1.5rem;
			}

			.g-lg-4,
			.gy-lg-4 {
				--bs-gutter-y: 1.5rem;
			}

			.g-lg-5,
			.gx-lg-5 {
				--bs-gutter-x: 3rem;
			}

			.g-lg-5,
			.gy-lg-5 {
				--bs-gutter-y: 3rem;
			}
		}

		@media (min-width:1200px) {
			.col-xl-auto {
				flex: 0 0 auto;
				width: auto;
			}

			.col-xl-1 {
				flex: 0 0 auto;
				width: 8.33333333%;
			}

			.col-xl-2 {
				flex: 0 0 auto;
				width: 16.66666667%;
			}

			.col-xl-3 {
				flex: 0 0 auto;
				width: 25%;
			}

			.col-xl-4 {
				flex: 0 0 auto;
				width: 33.33333333%;
			}

			.col-xl-5 {
				flex: 0 0 auto;
				width: 41.66666667%;
			}

			.col-xl-6 {
				flex: 0 0 auto;
				width: 50%;
			}

			.col-xl-7 {
				flex: 0 0 auto;
				width: 58.33333333%;
			}

			.col-xl-8 {
				flex: 0 0 auto;
				width: 66.66666667%;
			}

			.col-xl-9 {
				flex: 0 0 auto;
				width: 75%;
			}

			.col-xl-10 {
				flex: 0 0 auto;
				width: 83.33333333%;
			}

			.col-xl-11 {
				flex: 0 0 auto;
				width: 91.66666667%;
			}

			.col-xl-12 {
				flex: 0 0 auto;
				width: 100%;
			}

			.offset-xl-0 {
				margin-left: 0;
			}

			.offset-xl-1 {
				margin-left: 8.33333333%;
			}

			.offset-xl-2 {
				margin-left: 16.66666667%;
			}

			.offset-xl-3 {
				margin-left: 25%;
			}

			.offset-xl-4 {
				margin-left: 33.33333333%;
			}

			.offset-xl-5 {
				margin-left: 41.66666667%;
			}

			.offset-xl-6 {
				margin-left: 50%;
			}

			.offset-xl-7 {
				margin-left: 58.33333333%;
			}

			.offset-xl-8 {
				margin-left: 66.66666667%;
			}

			.offset-xl-9 {
				margin-left: 75%;
			}

			.offset-xl-10 {
				margin-left: 83.33333333%;
			}

			.offset-xl-11 {
				margin-left: 91.66666667%;
			}

			.g-xl-0,
			.gx-xl-0 {
				--bs-gutter-x: 0;
			}

			.g-xl-0,
			.gy-xl-0 {
				--bs-gutter-y: 0;
			}

			.g-xl-1,
			.gx-xl-1 {
				--bs-gutter-x: 0.25rem;
			}

			.g-xl-1,
			.gy-xl-1 {
				--bs-gutter-y: 0.25rem;
			}

			.g-xl-2,
			.gx-xl-2 {
				--bs-gutter-x: 0.5rem;
			}

			.g-xl-2,
			.gy-xl-2 {
				--bs-gutter-y: 0.5rem;
			}

			.g-xl-3,
			.gx-xl-3 {
				--bs-gutter-x: 1rem;
			}

			.g-xl-3,
			.gy-xl-3 {
				--bs-gutter-y: 1rem;
			}

			.g-xl-4,
			.gx-xl-4 {
				--bs-gutter-x: 1.5rem;
			}

			.g-xl-4,
			.gy-xl-4 {
				--bs-gutter-y: 1.5rem;
			}

			.g-xl-5,
			.gx-xl-5 {
				--bs-gutter-x: 3rem;
			}

			.g-xl-5,
			.gy-xl-5 {
				--bs-gutter-y: 3rem;
			}
		}

		@media (min-width:1400px) {
			.col-xxl-auto {
				flex: 0 0 auto;
				width: auto;
			}

			.col-xxl-1 {
				flex: 0 0 auto;
				width: 8.33333333%;
			}

			.col-xxl-2 {
				flex: 0 0 auto;
				width: 16.66666667%;
			}

			.col-xxl-3 {
				flex: 0 0 auto;
				width: 25%;
			}

			.col-xxl-4 {
				flex: 0 0 auto;
				width: 33.33333333%;
			}

			.col-xxl-5 {
				flex: 0 0 auto;
				width: 41.66666667%;
			}

			.col-xxl-6 {
				flex: 0 0 auto;
				width: 50%;
			}

			.col-xxl-7 {
				flex: 0 0 auto;
				width: 58.33333333%;
			}

			.col-xxl-8 {
				flex: 0 0 auto;
				width: 66.66666667%;
			}

			.col-xxl-9 {
				flex: 0 0 auto;
				width: 75%;
			}

			.col-xxl-10 {
				flex: 0 0 auto;
				width: 83.33333333%;
			}

			.col-xxl-11 {
				flex: 0 0 auto;
				width: 91.66666667%;
			}

			.col-xxl-12 {
				flex: 0 0 auto;
				width: 100%;
			}

			.offset-xxl-0 {
				margin-left: 0;
			}

			.offset-xxl-1 {
				margin-left: 8.33333333%;
			}

			.offset-xxl-2 {
				margin-left: 16.66666667%;
			}

			.offset-xxl-3 {
				margin-left: 25%;
			}

			.offset-xxl-4 {
				margin-left: 33.33333333%;
			}

			.offset-xxl-5 {
				margin-left: 41.66666667%;
			}

			.offset-xxl-6 {
				margin-left: 50%;
			}

			.offset-xxl-7 {
				margin-left: 58.33333333%;
			}

			.offset-xxl-8 {
				margin-left: 66.66666667%;
			}

			.offset-xxl-9 {
				margin-left: 75%;
			}

			.offset-xxl-10 {
				margin-left: 83.33333333%;
			}

			.offset-xxl-11 {
				margin-left: 91.66666667%;
			}

			.g-xxl-0,
			.gx-xxl-0 {
				--bs-gutter-x: 0;
			}

			.g-xxl-0,
			.gy-xxl-0 {
				--bs-gutter-y: 0;
			}

			.g-xxl-1,
			.gx-xxl-1 {
				--bs-gutter-x: 0.25rem;
			}

			.g-xxl-1,
			.gy-xxl-1 {
				--bs-gutter-y: 0.25rem;
			}

			.g-xxl-2,
			.gx-xxl-2 {
				--bs-gutter-x: 0.5rem;
			}

			.g-xxl-2,
			.gy-xxl-2 {
				--bs-gutter-y: 0.5rem;
			}

			.g-xxl-3,
			.gx-xxl-3 {
				--bs-gutter-x: 1rem;
			}

			.g-xxl-3,
			.gy-xxl-3 {
				--bs-gutter-y: 1rem;
			}

			.g-xxl-4,
			.gx-xxl-4 {
				--bs-gutter-x: 1.5rem;
			}

			.g-xxl-4,
			.gy-xxl-4 {
				--bs-gutter-y: 1.5rem;
			}

			.g-xxl-5,
			.gx-xxl-5 {
				--bs-gutter-x: 3rem;
			}

			.g-xxl-5,
			.gy-xxl-5 {
				--bs-gutter-y: 3rem;
			}
		}

		@media (max-width:575.98px) {
			.table-responsive-sm {
				overflow-x: auto;
				-webkit-overflow-scrolling: touch;
			}
		}

		@media (max-width:767.98px) {
			.table-responsive-md {
				overflow-x: auto;
				-webkit-overflow-scrolling: touch;
			}
		}

		@media (max-width:991.98px) {
			.table-responsive-lg {
				overflow-x: auto;
				-webkit-overflow-scrolling: touch;
			}
		}

		@media (max-width:1199.98px) {
			.table-responsive-xl {
				overflow-x: auto;
				-webkit-overflow-scrolling: touch;
			}
		}

		@media (max-width:1399.98px) {
			.table-responsive-xxl {
				overflow-x: auto;
				-webkit-overflow-scrolling: touch;
			}
		}

		@media (prefers-reduced-motion:reduce) {
			.form-control {
				transition: none;
			}
		}

		@media (prefers-reduced-motion:reduce) {
			.form-control::file-selector-button {
				transition: none;
			}
		}

		@media (prefers-reduced-motion:reduce) {
			.form-control::-webkit-file-upload-button {
				-webkit-transition: none;
				transition: none;
			}
		}

		@media (prefers-reduced-motion:reduce) {
			.form-select {
				transition: none;
			}
		}

		@media (prefers-reduced-motion:reduce) {
			.form-switch .form-check-input {
				transition: none;
			}
		}

		@media (prefers-reduced-motion:reduce) {
			.form-range::-webkit-slider-thumb {
				-webkit-transition: none;
				transition: none;
			}
		}

		@media (prefers-reduced-motion:reduce) {
			.form-range::-moz-range-thumb {
				-moz-transition: none;
				transition: none;
			}
		}

		@media (prefers-reduced-motion:reduce) {
			.form-floating>label {
				transition: none;
			}
		}

		@media (prefers-reduced-motion:reduce) {
			.btn {
				transition: none;
			}
		}

		@media (prefers-reduced-motion:reduce) {
			.fade {
				transition: none;
			}
		}

		@media (prefers-reduced-motion:reduce) {
			.collapsing {
				transition: none;
			}
		}

		@media (min-width:576px) {
			.dropdown-menu-sm-start {
				--bs-position: start;
			}

			.dropdown-menu-sm-start[data-bs-popper] {
				right: auto;
				left: 0;
			}

			.dropdown-menu-sm-end {
				--bs-position: end;
			}

			.dropdown-menu-sm-end[data-bs-popper] {
				right: 0;
				left: auto;
			}
		}

		@media (min-width:768px) {
			.dropdown-menu-md-start {
				--bs-position: start;
			}

			.dropdown-menu-md-start[data-bs-popper] {
				right: auto;
				left: 0;
			}

			.dropdown-menu-md-end {
				--bs-position: end;
			}

			.dropdown-menu-md-end[data-bs-popper] {
				right: 0;
				left: auto;
			}
		}

		@media (min-width:992px) {
			.dropdown-menu-lg-start {
				--bs-position: start;
			}

			.dropdown-menu-lg-start[data-bs-popper] {
				right: auto;
				left: 0;
			}

			.dropdown-menu-lg-end {
				--bs-position: end;
			}

			.dropdown-menu-lg-end[data-bs-popper] {
				right: 0;
				left: auto;
			}
		}

		@media (min-width:1200px) {
			.dropdown-menu-xl-start {
				--bs-position: start;
			}

			.dropdown-menu-xl-start[data-bs-popper] {
				right: auto;
				left: 0;
			}

			.dropdown-menu-xl-end {
				--bs-position: end;
			}

			.dropdown-menu-xl-end[data-bs-popper] {
				right: 0;
				left: auto;
			}
		}

		@media (min-width:1400px) {
			.dropdown-menu-xxl-start {
				--bs-position: start;
			}

			.dropdown-menu-xxl-start[data-bs-popper] {
				right: auto;
				left: 0;
			}

			.dropdown-menu-xxl-end {
				--bs-position: end;
			}

			.dropdown-menu-xxl-end[data-bs-popper] {
				right: 0;
				left: auto;
			}
		}

		@media (prefers-reduced-motion:reduce) {
			.nav-link {
				transition: none;
			}
		}

		@media (prefers-reduced-motion:reduce) {
			.navbar-toggler {
				transition: none;
			}
		}

		@media (min-width:576px) {
			.navbar-expand-sm {
				flex-wrap: nowrap;
				justify-content: flex-start;
			}

			.navbar-expand-sm .navbar-nav {
				flex-direction: row;
			}

			.navbar-expand-sm .navbar-nav .dropdown-menu {
				position: absolute;
			}

			.navbar-expand-sm .navbar-nav .nav-link {
				padding-right: .5rem;
				padding-left: .5rem;
			}

			.navbar-expand-sm .navbar-nav-scroll {
				overflow: visible;
			}

			.navbar-expand-sm .navbar-collapse {
				display: flex !important;
				flex-basis: auto;
			}

			.navbar-expand-sm .navbar-toggler {
				display: none;
			}
		}

		@media (min-width:768px) {
			.navbar-expand-md {
				flex-wrap: nowrap;
				justify-content: flex-start;
			}

			.navbar-expand-md .navbar-nav {
				flex-direction: row;
			}

			.navbar-expand-md .navbar-nav .dropdown-menu {
				position: absolute;
			}

			.navbar-expand-md .navbar-nav .nav-link {
				padding-right: .5rem;
				padding-left: .5rem;
			}

			.navbar-expand-md .navbar-nav-scroll {
				overflow: visible;
			}

			.navbar-expand-md .navbar-collapse {
				display: flex !important;
				flex-basis: auto;
			}

			.navbar-expand-md .navbar-toggler {
				display: none;
			}
		}

		@media (min-width:992px) {
			.navbar-expand-lg {
				flex-wrap: nowrap;
				justify-content: flex-start;
			}

			.navbar-expand-lg .navbar-nav {
				flex-direction: row;
			}

			.navbar-expand-lg .navbar-nav .dropdown-menu {
				position: absolute;
			}

			.navbar-expand-lg .navbar-nav .nav-link {
				padding-right: .5rem;
				padding-left: .5rem;
			}

			.navbar-expand-lg .navbar-nav-scroll {
				overflow: visible;
			}

			.navbar-expand-lg .navbar-collapse {
				display: flex !important;
				flex-basis: auto;
			}

			.navbar-expand-lg .navbar-toggler {
				display: none;
			}
		}

		@media (min-width:1200px) {
			.navbar-expand-xl {
				flex-wrap: nowrap;
				justify-content: flex-start;
			}

			.navbar-expand-xl .navbar-nav {
				flex-direction: row;
			}

			.navbar-expand-xl .navbar-nav .dropdown-menu {
				position: absolute;
			}

			.navbar-expand-xl .navbar-nav .nav-link {
				padding-right: .5rem;
				padding-left: .5rem;
			}

			.navbar-expand-xl .navbar-nav-scroll {
				overflow: visible;
			}

			.navbar-expand-xl .navbar-collapse {
				display: flex !important;
				flex-basis: auto;
			}

			.navbar-expand-xl .navbar-toggler {
				display: none;
			}
		}

		@media (min-width:1400px) {
			.navbar-expand-xxl {
				flex-wrap: nowrap;
				justify-content: flex-start;
			}

			.navbar-expand-xxl .navbar-nav {
				flex-direction: row;
			}

			.navbar-expand-xxl .navbar-nav .dropdown-menu {
				position: absolute;
			}

			.navbar-expand-xxl .navbar-nav .nav-link {
				padding-right: .5rem;
				padding-left: .5rem;
			}

			.navbar-expand-xxl .navbar-nav-scroll {
				overflow: visible;
			}

			.navbar-expand-xxl .navbar-collapse {
				display: flex !important;
				flex-basis: auto;
			}

			.navbar-expand-xxl .navbar-toggler {
				display: none;
			}
		}

		@media (min-width:576px) {
			.card-group {
				display: flex;
				flex-flow: row wrap;
			}

			.card-group>.card {
				flex: 1 0 0%;
				margin-bottom: 0;
			}

			.card-group>.card+.card {
				margin-left: 0;
				border-left: 0;
			}

			.card-group>.card:not(:last-child) {
				border-top-right-radius: 0;
				border-bottom-right-radius: 0;
			}

			.card-group>.card:not(:last-child) .card-header,
			.card-group>.card:not(:last-child) .card-img-top {
				border-top-right-radius: 0;
			}

			.card-group>.card:not(:last-child) .card-footer,
			.card-group>.card:not(:last-child) .card-img-bottom {
				border-bottom-right-radius: 0;
			}

			.card-group>.card:not(:first-child) {
				border-top-left-radius: 0;
				border-bottom-left-radius: 0;
			}

			.card-group>.card:not(:first-child) .card-header,
			.card-group>.card:not(:first-child) .card-img-top {
				border-top-left-radius: 0;
			}

			.card-group>.card:not(:first-child) .card-footer,
			.card-group>.card:not(:first-child) .card-img-bottom {
				border-bottom-left-radius: 0;
			}
		}

		@media (prefers-reduced-motion:reduce) {
			.accordion-button {
				transition: none;
			}
		}

		@media (prefers-reduced-motion:reduce) {
			.accordion-button::after {
				transition: none;
			}
		}

		@media (prefers-reduced-motion:reduce) {
			.page-link {
				transition: none;
			}
		}

		@media (prefers-reduced-motion:reduce) {
			.progress-bar {
				transition: none;
			}
		}

		@media (prefers-reduced-motion:reduce) {
			.progress-bar-animated {
				-webkit-animation: none;
				animation: none;
			}
		}

		@media (min-width:576px) {
			.list-group-horizontal-sm {
				flex-direction: row;
			}

			.list-group-horizontal-sm>.list-group-item:first-child {
				border-bottom-left-radius: .25rem;
				border-top-right-radius: 0;
			}

			.list-group-horizontal-sm>.list-group-item:last-child {
				border-top-right-radius: .25rem;
				border-bottom-left-radius: 0;
			}

			.list-group-horizontal-sm>.list-group-item.active {
				margin-top: 0;
			}

			.list-group-horizontal-sm>.list-group-item+.list-group-item {
				border-top-width: 1px;
				border-left-width: 0;
			}

			.list-group-horizontal-sm>.list-group-item+.list-group-item.active {
				margin-left: -1px;
				border-left-width: 1px;
			}
		}

		@media (min-width:768px) {
			.list-group-horizontal-md {
				flex-direction: row;
			}

			.list-group-horizontal-md>.list-group-item:first-child {
				border-bottom-left-radius: .25rem;
				border-top-right-radius: 0;
			}

			.list-group-horizontal-md>.list-group-item:last-child {
				border-top-right-radius: .25rem;
				border-bottom-left-radius: 0;
			}

			.list-group-horizontal-md>.list-group-item.active {
				margin-top: 0;
			}

			.list-group-horizontal-md>.list-group-item+.list-group-item {
				border-top-width: 1px;
				border-left-width: 0;
			}

			.list-group-horizontal-md>.list-group-item+.list-group-item.active {
				margin-left: -1px;
				border-left-width: 1px;
			}
		}

		@media (min-width:992px) {
			.list-group-horizontal-lg {
				flex-direction: row;
			}

			.list-group-horizontal-lg>.list-group-item:first-child {
				border-bottom-left-radius: .25rem;
				border-top-right-radius: 0;
			}

			.list-group-horizontal-lg>.list-group-item:last-child {
				border-top-right-radius: .25rem;
				border-bottom-left-radius: 0;
			}

			.list-group-horizontal-lg>.list-group-item.active {
				margin-top: 0;
			}

			.list-group-horizontal-lg>.list-group-item+.list-group-item {
				border-top-width: 1px;
				border-left-width: 0;
			}

			.list-group-horizontal-lg>.list-group-item+.list-group-item.active {
				margin-left: -1px;
				border-left-width: 1px;
			}
		}

		@media (min-width:1200px) {
			.list-group-horizontal-xl {
				flex-direction: row;
			}

			.list-group-horizontal-xl>.list-group-item:first-child {
				border-bottom-left-radius: .25rem;
				border-top-right-radius: 0;
			}

			.list-group-horizontal-xl>.list-group-item:last-child {
				border-top-right-radius: .25rem;
				border-bottom-left-radius: 0;
			}

			.list-group-horizontal-xl>.list-group-item.active {
				margin-top: 0;
			}

			.list-group-horizontal-xl>.list-group-item+.list-group-item {
				border-top-width: 1px;
				border-left-width: 0;
			}

			.list-group-horizontal-xl>.list-group-item+.list-group-item.active {
				margin-left: -1px;
				border-left-width: 1px;
			}
		}

		@media (min-width:1400px) {
			.list-group-horizontal-xxl {
				flex-direction: row;
			}

			.list-group-horizontal-xxl>.list-group-item:first-child {
				border-bottom-left-radius: .25rem;
				border-top-right-radius: 0;
			}

			.list-group-horizontal-xxl>.list-group-item:last-child {
				border-top-right-radius: .25rem;
				border-bottom-left-radius: 0;
			}

			.list-group-horizontal-xxl>.list-group-item.active {
				margin-top: 0;
			}

			.list-group-horizontal-xxl>.list-group-item+.list-group-item {
				border-top-width: 1px;
				border-left-width: 0;
			}

			.list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
				margin-left: -1px;
				border-left-width: 1px;
			}
		}

		@media (prefers-reduced-motion:reduce) {
			.modal.fade .modal-dialog {
				transition: none;
			}
		}

		@media (min-width:576px) {
			.modal-dialog {
				max-width: 500px;
				margin: 1.75rem auto;
			}

			.modal-dialog-scrollable {
				height: calc(100% - 3.5rem);
			}

			.modal-dialog-centered {
				min-height: calc(100% - 3.5rem);
			}

			.modal-sm {
				max-width: 300px;
			}
		}

		@media (min-width:992px) {

			.modal-lg,
			.modal-xl {
				max-width: 800px;
			}
		}

		@media (min-width:1200px) {
			.modal-xl {
				max-width: 1140px;
			}
		}

		@media (max-width:575.98px) {
			.modal-fullscreen-sm-down {
				width: 100vw;
				max-width: none;
				height: 100%;
				margin: 0;
			}

			.modal-fullscreen-sm-down .modal-content {
				height: 100%;
				border: 0;
				border-radius: 0;
			}

			.modal-fullscreen-sm-down .modal-header {
				border-radius: 0;
			}

			.modal-fullscreen-sm-down .modal-body {
				overflow-y: auto;
			}

			.modal-fullscreen-sm-down .modal-footer {
				border-radius: 0;
			}
		}

		@media (max-width:767.98px) {
			.modal-fullscreen-md-down {
				width: 100vw;
				max-width: none;
				height: 100%;
				margin: 0;
			}

			.modal-fullscreen-md-down .modal-content {
				height: 100%;
				border: 0;
				border-radius: 0;
			}

			.modal-fullscreen-md-down .modal-header {
				border-radius: 0;
			}

			.modal-fullscreen-md-down .modal-body {
				overflow-y: auto;
			}

			.modal-fullscreen-md-down .modal-footer {
				border-radius: 0;
			}
		}

		@media (max-width:991.98px) {
			.modal-fullscreen-lg-down {
				width: 100vw;
				max-width: none;
				height: 100%;
				margin: 0;
			}

			.modal-fullscreen-lg-down .modal-content {
				height: 100%;
				border: 0;
				border-radius: 0;
			}

			.modal-fullscreen-lg-down .modal-header {
				border-radius: 0;
			}

			.modal-fullscreen-lg-down .modal-body {
				overflow-y: auto;
			}

			.modal-fullscreen-lg-down .modal-footer {
				border-radius: 0;
			}
		}

		@media (max-width:1199.98px) {
			.modal-fullscreen-xl-down {
				width: 100vw;
				max-width: none;
				height: 100%;
				margin: 0;
			}

			.modal-fullscreen-xl-down .modal-content {
				height: 100%;
				border: 0;
				border-radius: 0;
			}

			.modal-fullscreen-xl-down .modal-header {
				border-radius: 0;
			}

			.modal-fullscreen-xl-down .modal-body {
				overflow-y: auto;
			}

			.modal-fullscreen-xl-down .modal-footer {
				border-radius: 0;
			}
		}

		@media (max-width:1399.98px) {
			.modal-fullscreen-xxl-down {
				width: 100vw;
				max-width: none;
				height: 100%;
				margin: 0;
			}

			.modal-fullscreen-xxl-down .modal-content {
				height: 100%;
				border: 0;
				border-radius: 0;
			}

			.modal-fullscreen-xxl-down .modal-header {
				border-radius: 0;
			}

			.modal-fullscreen-xxl-down .modal-body {
				overflow-y: auto;
			}

			.modal-fullscreen-xxl-down .modal-footer {
				border-radius: 0;
			}
		}

		@media (prefers-reduced-motion:reduce) {
			.carousel-item {
				transition: none;
			}
		}

		@media (prefers-reduced-motion:reduce) {

			.carousel-fade .active.carousel-item-end,
			.carousel-fade .active.carousel-item-start {
				transition: none;
			}
		}

		@media (prefers-reduced-motion:reduce) {

			.carousel-control-next,
			.carousel-control-prev {
				transition: none;
			}
		}

		@media (prefers-reduced-motion:reduce) {
			.carousel-indicators [data-bs-target] {
				transition: none;
			}
		}

		@media (prefers-reduced-motion:reduce) {

			.spinner-border,
			.spinner-grow {
				-webkit-animation-duration: 1.5s;
				animation-duration: 1.5s;
			}
		}

		@media (prefers-reduced-motion:reduce) {
			.offcanvas {
				transition: none;
			}
		}

		@media (min-width:576px) {
			.sticky-sm-top {
				position: -webkit-sticky;
				position: sticky;
				top: 0;
				z-index: 1020;
			}
		}

		@media (min-width:768px) {
			.sticky-md-top {
				position: -webkit-sticky;
				position: sticky;
				top: 0;
				z-index: 1020;
			}
		}

		@media (min-width:992px) {
			.sticky-lg-top {
				position: -webkit-sticky;
				position: sticky;
				top: 0;
				z-index: 1020;
			}
		}

		@media (min-width:1200px) {
			.sticky-xl-top {
				position: -webkit-sticky;
				position: sticky;
				top: 0;
				z-index: 1020;
			}
		}

		@media (min-width:1400px) {
			.sticky-xxl-top {
				position: -webkit-sticky;
				position: sticky;
				top: 0;
				z-index: 1020;
			}
		}

		@media (min-width:576px) {
			.float-sm-start {
				float: left !important;
			}

			.float-sm-end {
				float: right !important;
			}

			.float-sm-none {
				float: none !important;
			}

			.d-sm-inline {
				display: inline !important;
			}

			.d-sm-inline-block {
				display: inline-block !important;
			}

			.d-sm-block {
				display: block !important;
			}

			.d-sm-grid {
				display: grid !important;
			}

			.d-sm-table {
				display: table !important;
			}

			.d-sm-table-row {
				display: table-row !important;
			}

			.d-sm-table-cell {
				display: table-cell !important;
			}

			.d-sm-flex {
				display: flex !important;
			}

			.d-sm-inline-flex {
				display: inline-flex !important;
			}

			.d-sm-none {
				display: none !important;
			}

			.flex-sm-fill {
				flex: 1 1 auto !important;
			}

			.flex-sm-row {
				flex-direction: row !important;
			}

			.flex-sm-column {
				flex-direction: column !important;
			}

			.flex-sm-row-reverse {
				flex-direction: row-reverse !important;
			}

			.flex-sm-column-reverse {
				flex-direction: column-reverse !important;
			}

			.flex-sm-grow-0 {
				flex-grow: 0 !important;
			}

			.flex-sm-grow-1 {
				flex-grow: 1 !important;
			}

			.flex-sm-shrink-0 {
				flex-shrink: 0 !important;
			}

			.flex-sm-shrink-1 {
				flex-shrink: 1 !important;
			}

			.flex-sm-wrap {
				flex-wrap: wrap !important;
			}

			.flex-sm-nowrap {
				flex-wrap: nowrap !important;
			}

			.flex-sm-wrap-reverse {
				flex-wrap: wrap-reverse !important;
			}

			.gap-sm-0 {
				gap: 0 !important;
			}

			.gap-sm-1 {
				gap: .25rem !important;
			}

			.gap-sm-2 {
				gap: .5rem !important;
			}

			.gap-sm-3 {
				gap: 1rem !important;
			}

			.gap-sm-4 {
				gap: 1.5rem !important;
			}

			.gap-sm-5 {
				gap: 3rem !important;
			}

			.justify-content-sm-start {
				justify-content: flex-start !important;
			}

			.justify-content-sm-end {
				justify-content: flex-end !important;
			}

			.justify-content-sm-center {
				justify-content: center !important;
			}

			.justify-content-sm-between {
				justify-content: space-between !important;
			}

			.justify-content-sm-around {
				justify-content: space-around !important;
			}

			.justify-content-sm-evenly {
				justify-content: space-evenly !important;
			}

			.align-items-sm-start {
				align-items: flex-start !important;
			}

			.align-items-sm-end {
				align-items: flex-end !important;
			}

			.align-items-sm-center {
				align-items: center !important;
			}

			.align-items-sm-baseline {
				align-items: baseline !important;
			}

			.align-items-sm-stretch {
				align-items: stretch !important;
			}

			.align-content-sm-start {
				align-content: flex-start !important;
			}

			.align-content-sm-end {
				align-content: flex-end !important;
			}

			.align-content-sm-center {
				align-content: center !important;
			}

			.align-content-sm-between {
				align-content: space-between !important;
			}

			.align-content-sm-around {
				align-content: space-around !important;
			}

			.align-content-sm-stretch {
				align-content: stretch !important;
			}

			.align-self-sm-auto {
				align-self: auto !important;
			}

			.align-self-sm-start {
				align-self: flex-start !important;
			}

			.align-self-sm-end {
				align-self: flex-end !important;
			}

			.align-self-sm-center {
				align-self: center !important;
			}

			.align-self-sm-baseline {
				align-self: baseline !important;
			}

			.align-self-sm-stretch {
				align-self: stretch !important;
			}

			.order-sm-first {
				order: -1 !important;
			}

			.order-sm-0 {
				order: 0 !important;
			}

			.order-sm-1 {
				order: 1 !important;
			}

			.order-sm-2 {
				order: 2 !important;
			}

			.order-sm-3 {
				order: 3 !important;
			}

			.order-sm-4 {
				order: 4 !important;
			}

			.order-sm-5 {
				order: 5 !important;
			}

			.order-sm-last {
				order: 6 !important;
			}

			.m-sm-0 {
				margin: 0 !important;
			}

			.m-sm-1 {
				margin: .25rem !important;
			}

			.m-sm-2 {
				margin: .5rem !important;
			}

			.m-sm-3 {
				margin: 1rem !important;
			}

			.m-sm-4 {
				margin: 1.5rem !important;
			}

			.m-sm-5 {
				margin: 3rem !important;
			}

			.m-sm-auto {
				margin: auto !important;
			}

			.mx-sm-0 {
				margin-right: 0 !important;
				margin-left: 0 !important;
			}

			.mx-sm-1 {
				margin-right: .25rem !important;
				margin-left: .25rem !important;
			}

			.mx-sm-2 {
				margin-right: .5rem !important;
				margin-left: .5rem !important;
			}

			.mx-sm-3 {
				margin-right: 1rem !important;
				margin-left: 1rem !important;
			}

			.mx-sm-4 {
				margin-right: 1.5rem !important;
				margin-left: 1.5rem !important;
			}

			.mx-sm-5 {
				margin-right: 3rem !important;
				margin-left: 3rem !important;
			}

			.mx-sm-auto {
				margin-right: auto !important;
				margin-left: auto !important;
			}

			.my-sm-0 {
				margin-top: 0 !important;
				margin-bottom: 0 !important;
			}

			.my-sm-1 {
				margin-top: .25rem !important;
				margin-bottom: .25rem !important;
			}

			.my-sm-2 {
				margin-top: .5rem !important;
				margin-bottom: .5rem !important;
			}

			.my-sm-3 {
				margin-top: 1rem !important;
				margin-bottom: 1rem !important;
			}

			.my-sm-4 {
				margin-top: 1.5rem !important;
				margin-bottom: 1.5rem !important;
			}

			.my-sm-5 {
				margin-top: 3rem !important;
				margin-bottom: 3rem !important;
			}

			.my-sm-auto {
				margin-top: auto !important;
				margin-bottom: auto !important;
			}

			.mt-sm-0 {
				margin-top: 0 !important;
			}

			.mt-sm-1 {
				margin-top: .25rem !important;
			}

			.mt-sm-2 {
				margin-top: .5rem !important;
			}

			.mt-sm-3 {
				margin-top: 1rem !important;
			}

			.mt-sm-4 {
				margin-top: 1.5rem !important;
			}

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

			.mt-sm-auto {
				margin-top: auto !important;
			}

			.me-sm-0 {
				margin-right: 0 !important;
			}

			.me-sm-1 {
				margin-right: .25rem !important;
			}

			.me-sm-2 {
				margin-right: .5rem !important;
			}

			.me-sm-3 {
				margin-right: 1rem !important;
			}

			.me-sm-4 {
				margin-right: 1.5rem !important;
			}

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

			.me-sm-auto {
				margin-right: auto !important;
			}

			.mb-sm-0 {
				margin-bottom: 0 !important;
			}

			.mb-sm-1 {
				margin-bottom: .25rem !important;
			}

			.mb-sm-2 {
				margin-bottom: .5rem !important;
			}

			.mb-sm-3 {
				margin-bottom: 1rem !important;
			}

			.mb-sm-4 {
				margin-bottom: 1.5rem !important;
			}

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

			.mb-sm-auto {
				margin-bottom: auto !important;
			}

			.ms-sm-0 {
				margin-left: 0 !important;
			}

			.ms-sm-1 {
				margin-left: .25rem !important;
			}

			.ms-sm-2 {
				margin-left: .5rem !important;
			}

			.ms-sm-3 {
				margin-left: 1rem !important;
			}

			.ms-sm-4 {
				margin-left: 1.5rem !important;
			}

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

			.ms-sm-auto {
				margin-left: auto !important;
			}

			.p-sm-0 {
				padding: 0 !important;
			}

			.p-sm-1 {
				padding: .25rem !important;
			}

			.p-sm-2 {
				padding: .5rem !important;
			}

			.p-sm-3 {
				padding: 1rem !important;
			}

			.p-sm-4 {
				padding: 1.5rem !important;
			}

			.p-sm-5 {
				padding: 3rem !important;
			}

			.px-sm-0 {
				padding-right: 0 !important;
				padding-left: 0 !important;
			}

			.px-sm-1 {
				padding-right: .25rem !important;
				padding-left: .25rem !important;
			}

			.px-sm-2 {
				padding-right: .5rem !important;
				padding-left: .5rem !important;
			}

			.px-sm-3 {
				padding-right: 1rem !important;
				padding-left: 1rem !important;
			}

			.px-sm-4 {
				padding-right: 1.5rem !important;
				padding-left: 1.5rem !important;
			}

			.px-sm-5 {
				padding-right: 3rem !important;
				padding-left: 3rem !important;
			}

			.py-sm-0 {
				padding-top: 0 !important;
				padding-bottom: 0 !important;
			}

			.py-sm-1 {
				padding-top: .25rem !important;
				padding-bottom: .25rem !important;
			}

			.py-sm-2 {
				padding-top: .5rem !important;
				padding-bottom: .5rem !important;
			}

			.py-sm-3 {
				padding-top: 1rem !important;
				padding-bottom: 1rem !important;
			}

			.py-sm-4 {
				padding-top: 1.5rem !important;
				padding-bottom: 1.5rem !important;
			}

			.py-sm-5 {
				padding-top: 3rem !important;
				padding-bottom: 3rem !important;
			}

			.pt-sm-0 {
				padding-top: 0 !important;
			}

			.pt-sm-1 {
				padding-top: .25rem !important;
			}

			.pt-sm-2 {
				padding-top: .5rem !important;
			}

			.pt-sm-3 {
				padding-top: 1rem !important;
			}

			.pt-sm-4 {
				padding-top: 1.5rem !important;
			}

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

			.pe-sm-0 {
				padding-right: 0 !important;
			}

			.pe-sm-1 {
				padding-right: .25rem !important;
			}

			.pe-sm-2 {
				padding-right: .5rem !important;
			}

			.pe-sm-3 {
				padding-right: 1rem !important;
			}

			.pe-sm-4 {
				padding-right: 1.5rem !important;
			}

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

			.pb-sm-0 {
				padding-bottom: 0 !important;
			}

			.pb-sm-1 {
				padding-bottom: .25rem !important;
			}

			.pb-sm-2 {
				padding-bottom: .5rem !important;
			}

			.pb-sm-3 {
				padding-bottom: 1rem !important;
			}

			.pb-sm-4 {
				padding-bottom: 1.5rem !important;
			}

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

			.ps-sm-0 {
				padding-left: 0 !important;
			}

			.ps-sm-1 {
				padding-left: .25rem !important;
			}

			.ps-sm-2 {
				padding-left: .5rem !important;
			}

			.ps-sm-3 {
				padding-left: 1rem !important;
			}

			.ps-sm-4 {
				padding-left: 1.5rem !important;
			}

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

			.text-sm-start {
				text-align: left !important;
			}

			.text-sm-end {
				text-align: right !important;
			}

			.text-sm-center {
				text-align: center !important;
			}
		}

		@media (min-width:768px) {
			.float-md-start {
				float: left !important;
			}

			.float-md-end {
				float: right !important;
			}

			.float-md-none {
				float: none !important;
			}

			.d-md-inline {
				display: inline !important;
			}

			.d-md-inline-block {
				display: inline-block !important;
			}

			.d-md-block {
				display: block !important;
			}

			.d-md-grid {
				display: grid !important;
			}

			.d-md-table {
				display: table !important;
			}

			.d-md-table-row {
				display: table-row !important;
			}

			.d-md-table-cell {
				display: table-cell !important;
			}

			.d-md-flex {
				display: flex !important;
			}

			.d-md-inline-flex {
				display: inline-flex !important;
			}

			.d-md-none {
				display: none !important;
			}

			.flex-md-fill {
				flex: 1 1 auto !important;
			}

			.flex-md-row {
				flex-direction: row !important;
			}

			.flex-md-column {
				flex-direction: column !important;
			}

			.flex-md-row-reverse {
				flex-direction: row-reverse !important;
			}

			.flex-md-column-reverse {
				flex-direction: column-reverse !important;
			}

			.flex-md-grow-0 {
				flex-grow: 0 !important;
			}

			.flex-md-grow-1 {
				flex-grow: 1 !important;
			}

			.flex-md-shrink-0 {
				flex-shrink: 0 !important;
			}

			.flex-md-shrink-1 {
				flex-shrink: 1 !important;
			}

			.flex-md-wrap {
				flex-wrap: wrap !important;
			}

			.flex-md-nowrap {
				flex-wrap: nowrap !important;
			}

			.flex-md-wrap-reverse {
				flex-wrap: wrap-reverse !important;
			}

			.gap-md-0 {
				gap: 0 !important;
			}

			.gap-md-1 {
				gap: .25rem !important;
			}

			.gap-md-2 {
				gap: .5rem !important;
			}

			.gap-md-3 {
				gap: 1rem !important;
			}

			.gap-md-4 {
				gap: 1.5rem !important;
			}

			.gap-md-5 {
				gap: 3rem !important;
			}

			.justify-content-md-start {
				justify-content: flex-start !important;
			}

			.justify-content-md-end {
				justify-content: flex-end !important;
			}

			.justify-content-md-center {
				justify-content: center !important;
			}

			.justify-content-md-between {
				justify-content: space-between !important;
			}

			.justify-content-md-around {
				justify-content: space-around !important;
			}

			.justify-content-md-evenly {
				justify-content: space-evenly !important;
			}

			.align-items-md-start {
				align-items: flex-start !important;
			}

			.align-items-md-end {
				align-items: flex-end !important;
			}

			.align-items-md-center {
				align-items: center !important;
			}

			.align-items-md-baseline {
				align-items: baseline !important;
			}

			.align-items-md-stretch {
				align-items: stretch !important;
			}

			.align-content-md-start {
				align-content: flex-start !important;
			}

			.align-content-md-end {
				align-content: flex-end !important;
			}

			.align-content-md-center {
				align-content: center !important;
			}

			.align-content-md-between {
				align-content: space-between !important;
			}

			.align-content-md-around {
				align-content: space-around !important;
			}

			.align-content-md-stretch {
				align-content: stretch !important;
			}

			.align-self-md-auto {
				align-self: auto !important;
			}

			.align-self-md-start {
				align-self: flex-start !important;
			}

			.align-self-md-end {
				align-self: flex-end !important;
			}

			.align-self-md-center {
				align-self: center !important;
			}

			.align-self-md-baseline {
				align-self: baseline !important;
			}

			.align-self-md-stretch {
				align-self: stretch !important;
			}

			.order-md-first {
				order: -1 !important;
			}

			.order-md-0 {
				order: 0 !important;
			}

			.order-md-1 {
				order: 1 !important;
			}

			.order-md-2 {
				order: 2 !important;
			}

			.order-md-3 {
				order: 3 !important;
			}

			.order-md-4 {
				order: 4 !important;
			}

			.order-md-5 {
				order: 5 !important;
			}

			.order-md-last {
				order: 6 !important;
			}

			.m-md-0 {
				margin: 0 !important;
			}

			.m-md-1 {
				margin: .25rem !important;
			}

			.m-md-2 {
				margin: .5rem !important;
			}

			.m-md-3 {
				margin: 1rem !important;
			}

			.m-md-4 {
				margin: 1.5rem !important;
			}

			.m-md-5 {
				margin: 3rem !important;
			}

			.m-md-auto {
				margin: auto !important;
			}

			.mx-md-0 {
				margin-right: 0 !important;
				margin-left: 0 !important;
			}

			.mx-md-1 {
				margin-right: .25rem !important;
				margin-left: .25rem !important;
			}

			.mx-md-2 {
				margin-right: .5rem !important;
				margin-left: .5rem !important;
			}

			.mx-md-3 {
				margin-right: 1rem !important;
				margin-left: 1rem !important;
			}

			.mx-md-4 {
				margin-right: 1.5rem !important;
				margin-left: 1.5rem !important;
			}

			.mx-md-5 {
				margin-right: 3rem !important;
				margin-left: 3rem !important;
			}

			.mx-md-auto {
				margin-right: auto !important;
				margin-left: auto !important;
			}

			.my-md-0 {
				margin-top: 0 !important;
				margin-bottom: 0 !important;
			}

			.my-md-1 {
				margin-top: .25rem !important;
				margin-bottom: .25rem !important;
			}

			.my-md-2 {
				margin-top: .5rem !important;
				margin-bottom: .5rem !important;
			}

			.my-md-3 {
				margin-top: 1rem !important;
				margin-bottom: 1rem !important;
			}

			.my-md-4 {
				margin-top: 1.5rem !important;
				margin-bottom: 1.5rem !important;
			}

			.my-md-5 {
				margin-top: 3rem !important;
				margin-bottom: 3rem !important;
			}

			.my-md-auto {
				margin-top: auto !important;
				margin-bottom: auto !important;
			}

			.mt-md-0 {
				margin-top: 0 !important;
			}

			.mt-md-1 {
				margin-top: .25rem !important;
			}

			.mt-md-2 {
				margin-top: .5rem !important;
			}

			.mt-md-3 {
				margin-top: 1rem !important;
			}

			.mt-md-4 {
				margin-top: 1.5rem !important;
			}

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

			.mt-md-auto {
				margin-top: auto !important;
			}

			.me-md-0 {
				margin-right: 0 !important;
			}

			.me-md-1 {
				margin-right: .25rem !important;
			}

			.me-md-2 {
				margin-right: .5rem !important;
			}

			.me-md-3 {
				margin-right: 1rem !important;
			}

			.me-md-4 {
				margin-right: 1.5rem !important;
			}

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

			.me-md-auto {
				margin-right: auto !important;
			}

			.mb-md-0 {
				margin-bottom: 0 !important;
			}

			.mb-md-1 {
				margin-bottom: .25rem !important;
			}

			.mb-md-2 {
				margin-bottom: .5rem !important;
			}

			.mb-md-3 {
				margin-bottom: 1rem !important;
			}

			.mb-md-4 {
				margin-bottom: 1.5rem !important;
			}

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

			.mb-md-auto {
				margin-bottom: auto !important;
			}

			.ms-md-0 {
				margin-left: 0 !important;
			}

			.ms-md-1 {
				margin-left: .25rem !important;
			}

			.ms-md-2 {
				margin-left: .5rem !important;
			}

			.ms-md-3 {
				margin-left: 1rem !important;
			}

			.ms-md-4 {
				margin-left: 1.5rem !important;
			}

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

			.ms-md-auto {
				margin-left: auto !important;
			}

			.p-md-0 {
				padding: 0 !important;
			}

			.p-md-1 {
				padding: .25rem !important;
			}

			.p-md-2 {
				padding: .5rem !important;
			}

			.p-md-3 {
				padding: 1rem !important;
			}

			.p-md-4 {
				padding: 1.5rem !important;
			}

			.p-md-5 {
				padding: 3rem !important;
			}

			.px-md-0 {
				padding-right: 0 !important;
				padding-left: 0 !important;
			}

			.px-md-1 {
				padding-right: .25rem !important;
				padding-left: .25rem !important;
			}

			.px-md-2 {
				padding-right: .5rem !important;
				padding-left: .5rem !important;
			}

			.px-md-3 {
				padding-right: 1rem !important;
				padding-left: 1rem !important;
			}

			.px-md-4 {
				padding-right: 1.5rem !important;
				padding-left: 1.5rem !important;
			}

			.px-md-5 {
				padding-right: 3rem !important;
				padding-left: 3rem !important;
			}

			.py-md-0 {
				padding-top: 0 !important;
				padding-bottom: 0 !important;
			}

			.py-md-1 {
				padding-top: .25rem !important;
				padding-bottom: .25rem !important;
			}

			.py-md-2 {
				padding-top: .5rem !important;
				padding-bottom: .5rem !important;
			}

			.py-md-3 {
				padding-top: 1rem !important;
				padding-bottom: 1rem !important;
			}

			.py-md-4 {
				padding-top: 1.5rem !important;
				padding-bottom: 1.5rem !important;
			}

			.py-md-5 {
				padding-top: 3rem !important;
				padding-bottom: 3rem !important;
			}

			.pt-md-0 {
				padding-top: 0 !important;
			}

			.pt-md-1 {
				padding-top: .25rem !important;
			}

			.pt-md-2 {
				padding-top: .5rem !important;
			}

			.pt-md-3 {
				padding-top: 1rem !important;
			}

			.pt-md-4 {
				padding-top: 1.5rem !important;
			}

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

			.pe-md-0 {
				padding-right: 0 !important;
			}

			.pe-md-1 {
				padding-right: .25rem !important;
			}

			.pe-md-2 {
				padding-right: .5rem !important;
			}

			.pe-md-3 {
				padding-right: 1rem !important;
			}

			.pe-md-4 {
				padding-right: 1.5rem !important;
			}

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

			.pb-md-0 {
				padding-bottom: 0 !important;
			}

			.pb-md-1 {
				padding-bottom: .25rem !important;
			}

			.pb-md-2 {
				padding-bottom: .5rem !important;
			}

			.pb-md-3 {
				padding-bottom: 1rem !important;
			}

			.pb-md-4 {
				padding-bottom: 1.5rem !important;
			}

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

			.ps-md-0 {
				padding-left: 0 !important;
			}

			.ps-md-1 {
				padding-left: .25rem !important;
			}

			.ps-md-2 {
				padding-left: .5rem !important;
			}

			.ps-md-3 {
				padding-left: 1rem !important;
			}

			.ps-md-4 {
				padding-left: 1.5rem !important;
			}

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

			.text-md-start {
				text-align: left !important;
			}

			.text-md-end {
				text-align: right !important;
			}

			.text-md-center {
				text-align: center !important;
			}
		}

		@media (min-width:992px) {
			.float-lg-start {
				float: left !important;
			}

			.float-lg-end {
				float: right !important;
			}

			.float-lg-none {
				float: none !important;
			}

			.d-lg-inline {
				display: inline !important;
			}

			.d-lg-inline-block {
				display: inline-block !important;
			}

			.d-lg-block {
				display: block !important;
			}

			.d-lg-grid {
				display: grid !important;
			}

			.d-lg-table {
				display: table !important;
			}

			.d-lg-table-row {
				display: table-row !important;
			}

			.d-lg-table-cell {
				display: table-cell !important;
			}

			.d-lg-flex {
				display: flex !important;
			}

			.d-lg-inline-flex {
				display: inline-flex !important;
			}

			.d-lg-none {
				display: none !important;
			}

			.flex-lg-fill {
				flex: 1 1 auto !important;
			}

			.flex-lg-row {
				flex-direction: row !important;
			}

			.flex-lg-column {
				flex-direction: column !important;
			}

			.flex-lg-row-reverse {
				flex-direction: row-reverse !important;
			}

			.flex-lg-column-reverse {
				flex-direction: column-reverse !important;
			}

			.flex-lg-grow-0 {
				flex-grow: 0 !important;
			}

			.flex-lg-grow-1 {
				flex-grow: 1 !important;
			}

			.flex-lg-shrink-0 {
				flex-shrink: 0 !important;
			}

			.flex-lg-shrink-1 {
				flex-shrink: 1 !important;
			}

			.flex-lg-wrap {
				flex-wrap: wrap !important;
			}

			.flex-lg-nowrap {
				flex-wrap: nowrap !important;
			}

			.flex-lg-wrap-reverse {
				flex-wrap: wrap-reverse !important;
			}

			.gap-lg-0 {
				gap: 0 !important;
			}

			.gap-lg-1 {
				gap: .25rem !important;
			}

			.gap-lg-2 {
				gap: .5rem !important;
			}

			.gap-lg-3 {
				gap: 1rem !important;
			}

			.gap-lg-4 {
				gap: 1.5rem !important;
			}

			.gap-lg-5 {
				gap: 3rem !important;
			}

			.justify-content-lg-start {
				justify-content: flex-start !important;
			}

			.justify-content-lg-end {
				justify-content: flex-end !important;
			}

			.justify-content-lg-center {
				justify-content: center !important;
			}

			.justify-content-lg-between {
				justify-content: space-between !important;
			}

			.justify-content-lg-around {
				justify-content: space-around !important;
			}

			.justify-content-lg-evenly {
				justify-content: space-evenly !important;
			}

			.align-items-lg-start {
				align-items: flex-start !important;
			}

			.align-items-lg-end {
				align-items: flex-end !important;
			}

			.align-items-lg-center {
				align-items: center !important;
			}

			.align-items-lg-baseline {
				align-items: baseline !important;
			}

			.align-items-lg-stretch {
				align-items: stretch !important;
			}

			.align-content-lg-start {
				align-content: flex-start !important;
			}

			.align-content-lg-end {
				align-content: flex-end !important;
			}

			.align-content-lg-center {
				align-content: center !important;
			}

			.align-content-lg-between {
				align-content: space-between !important;
			}

			.align-content-lg-around {
				align-content: space-around !important;
			}

			.align-content-lg-stretch {
				align-content: stretch !important;
			}

			.align-self-lg-auto {
				align-self: auto !important;
			}

			.align-self-lg-start {
				align-self: flex-start !important;
			}

			.align-self-lg-end {
				align-self: flex-end !important;
			}

			.align-self-lg-center {
				align-self: center !important;
			}

			.align-self-lg-baseline {
				align-self: baseline !important;
			}

			.align-self-lg-stretch {
				align-self: stretch !important;
			}

			.order-lg-first {
				order: -1 !important;
			}

			.order-lg-0 {
				order: 0 !important;
			}

			.order-lg-1 {
				order: 1 !important;
			}

			.order-lg-2 {
				order: 2 !important;
			}

			.order-lg-3 {
				order: 3 !important;
			}

			.order-lg-4 {
				order: 4 !important;
			}

			.order-lg-5 {
				order: 5 !important;
			}

			.order-lg-last {
				order: 6 !important;
			}

			.m-lg-0 {
				margin: 0 !important;
			}

			.m-lg-1 {
				margin: .25rem !important;
			}

			.m-lg-2 {
				margin: .5rem !important;
			}

			.m-lg-3 {
				margin: 1rem !important;
			}

			.m-lg-4 {
				margin: 1.5rem !important;
			}

			.m-lg-5 {
				margin: 3rem !important;
			}

			.m-lg-auto {
				margin: auto !important;
			}

			.mx-lg-0 {
				margin-right: 0 !important;
				margin-left: 0 !important;
			}

			.mx-lg-1 {
				margin-right: .25rem !important;
				margin-left: .25rem !important;
			}

			.mx-lg-2 {
				margin-right: .5rem !important;
				margin-left: .5rem !important;
			}

			.mx-lg-3 {
				margin-right: 1rem !important;
				margin-left: 1rem !important;
			}

			.mx-lg-4 {
				margin-right: 1.5rem !important;
				margin-left: 1.5rem !important;
			}

			.mx-lg-5 {
				margin-right: 3rem !important;
				margin-left: 3rem !important;
			}

			.mx-lg-auto {
				margin-right: auto !important;
				margin-left: auto !important;
			}

			.my-lg-0 {
				margin-top: 0 !important;
				margin-bottom: 0 !important;
			}

			.my-lg-1 {
				margin-top: .25rem !important;
				margin-bottom: .25rem !important;
			}

			.my-lg-2 {
				margin-top: .5rem !important;
				margin-bottom: .5rem !important;
			}

			.my-lg-3 {
				margin-top: 1rem !important;
				margin-bottom: 1rem !important;
			}

			.my-lg-4 {
				margin-top: 1.5rem !important;
				margin-bottom: 1.5rem !important;
			}

			.my-lg-5 {
				margin-top: 3rem !important;
				margin-bottom: 3rem !important;
			}

			.my-lg-auto {
				margin-top: auto !important;
				margin-bottom: auto !important;
			}

			.mt-lg-0 {
				margin-top: 0 !important;
			}

			.mt-lg-1 {
				margin-top: .25rem !important;
			}

			.mt-lg-2 {
				margin-top: .5rem !important;
			}

			.mt-lg-3 {
				margin-top: 1rem !important;
			}

			.mt-lg-4 {
				margin-top: 1.5rem !important;
			}

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

			.mt-lg-auto {
				margin-top: auto !important;
			}

			.me-lg-0 {
				margin-right: 0 !important;
			}

			.me-lg-1 {
				margin-right: .25rem !important;
			}

			.me-lg-2 {
				margin-right: .5rem !important;
			}

			.me-lg-3 {
				margin-right: 1rem !important;
			}

			.me-lg-4 {
				margin-right: 1.5rem !important;
			}

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

			.me-lg-auto {
				margin-right: auto !important;
			}

			.mb-lg-0 {
				margin-bottom: 0 !important;
			}

			.mb-lg-1 {
				margin-bottom: .25rem !important;
			}

			.mb-lg-2 {
				margin-bottom: .5rem !important;
			}

			.mb-lg-3 {
				margin-bottom: 1rem !important;
			}

			.mb-lg-4 {
				margin-bottom: 1.5rem !important;
			}

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

			.mb-lg-auto {
				margin-bottom: auto !important;
			}

			.ms-lg-0 {
				margin-left: 0 !important;
			}

			.ms-lg-1 {
				margin-left: .25rem !important;
			}

			.ms-lg-2 {
				margin-left: .5rem !important;
			}

			.ms-lg-3 {
				margin-left: 1rem !important;
			}

			.ms-lg-4 {
				margin-left: 1.5rem !important;
			}

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

			.ms-lg-auto {
				margin-left: auto !important;
			}

			.p-lg-0 {
				padding: 0 !important;
			}

			.p-lg-1 {
				padding: .25rem !important;
			}

			.p-lg-2 {
				padding: .5rem !important;
			}

			.p-lg-3 {
				padding: 1rem !important;
			}

			.p-lg-4 {
				padding: 1.5rem !important;
			}

			.p-lg-5 {
				padding: 3rem !important;
			}

			.px-lg-0 {
				padding-right: 0 !important;
				padding-left: 0 !important;
			}

			.px-lg-1 {
				padding-right: .25rem !important;
				padding-left: .25rem !important;
			}

			.px-lg-2 {
				padding-right: .5rem !important;
				padding-left: .5rem !important;
			}

			.px-lg-3 {
				padding-right: 1rem !important;
				padding-left: 1rem !important;
			}

			.px-lg-4 {
				padding-right: 1.5rem !important;
				padding-left: 1.5rem !important;
			}

			.px-lg-5 {
				padding-right: 3rem !important;
				padding-left: 3rem !important;
			}

			.py-lg-0 {
				padding-top: 0 !important;
				padding-bottom: 0 !important;
			}

			.py-lg-1 {
				padding-top: .25rem !important;
				padding-bottom: .25rem !important;
			}

			.py-lg-2 {
				padding-top: .5rem !important;
				padding-bottom: .5rem !important;
			}

			.py-lg-3 {
				padding-top: 1rem !important;
				padding-bottom: 1rem !important;
			}

			.py-lg-4 {
				padding-top: 1.5rem !important;
				padding-bottom: 1.5rem !important;
			}

			.py-lg-5 {
				padding-top: 3rem !important;
				padding-bottom: 3rem !important;
			}

			.pt-lg-0 {
				padding-top: 0 !important;
			}

			.pt-lg-1 {
				padding-top: .25rem !important;
			}

			.pt-lg-2 {
				padding-top: .5rem !important;
			}

			.pt-lg-3 {
				padding-top: 1rem !important;
			}

			.pt-lg-4 {
				padding-top: 1.5rem !important;
			}

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

			.pe-lg-0 {
				padding-right: 0 !important;
			}

			.pe-lg-1 {
				padding-right: .25rem !important;
			}

			.pe-lg-2 {
				padding-right: .5rem !important;
			}

			.pe-lg-3 {
				padding-right: 1rem !important;
			}

			.pe-lg-4 {
				padding-right: 1.5rem !important;
			}

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

			.pb-lg-0 {
				padding-bottom: 0 !important;
			}

			.pb-lg-1 {
				padding-bottom: .25rem !important;
			}

			.pb-lg-2 {
				padding-bottom: .5rem !important;
			}

			.pb-lg-3 {
				padding-bottom: 1rem !important;
			}

			.pb-lg-4 {
				padding-bottom: 1.5rem !important;
			}

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

			.ps-lg-0 {
				padding-left: 0 !important;
			}

			.ps-lg-1 {
				padding-left: .25rem !important;
			}

			.ps-lg-2 {
				padding-left: .5rem !important;
			}

			.ps-lg-3 {
				padding-left: 1rem !important;
			}

			.ps-lg-4 {
				padding-left: 1.5rem !important;
			}

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

			.text-lg-start {
				text-align: left !important;
			}

			.text-lg-end {
				text-align: right !important;
			}

			.text-lg-center {
				text-align: center !important;
			}
		}

		@media (min-width:1200px) {
			.float-xl-start {
				float: left !important;
			}

			.float-xl-end {
				float: right !important;
			}

			.float-xl-none {
				float: none !important;
			}

			.d-xl-inline {
				display: inline !important;
			}

			.d-xl-inline-block {
				display: inline-block !important;
			}

			.d-xl-block {
				display: block !important;
			}

			.d-xl-grid {
				display: grid !important;
			}

			.d-xl-table {
				display: table !important;
			}

			.d-xl-table-row {
				display: table-row !important;
			}

			.d-xl-table-cell {
				display: table-cell !important;
			}

			.d-xl-flex {
				display: flex !important;
			}

			.d-xl-inline-flex {
				display: inline-flex !important;
			}

			.d-xl-none {
				display: none !important;
			}

			.flex-xl-fill {
				flex: 1 1 auto !important;
			}

			.flex-xl-row {
				flex-direction: row !important;
			}

			.flex-xl-column {
				flex-direction: column !important;
			}

			.flex-xl-row-reverse {
				flex-direction: row-reverse !important;
			}

			.flex-xl-column-reverse {
				flex-direction: column-reverse !important;
			}

			.flex-xl-grow-0 {
				flex-grow: 0 !important;
			}

			.flex-xl-grow-1 {
				flex-grow: 1 !important;
			}

			.flex-xl-shrink-0 {
				flex-shrink: 0 !important;
			}

			.flex-xl-shrink-1 {
				flex-shrink: 1 !important;
			}

			.flex-xl-wrap {
				flex-wrap: wrap !important;
			}

			.flex-xl-nowrap {
				flex-wrap: nowrap !important;
			}

			.flex-xl-wrap-reverse {
				flex-wrap: wrap-reverse !important;
			}

			.gap-xl-0 {
				gap: 0 !important;
			}

			.gap-xl-1 {
				gap: .25rem !important;
			}

			.gap-xl-2 {
				gap: .5rem !important;
			}

			.gap-xl-3 {
				gap: 1rem !important;
			}

			.gap-xl-4 {
				gap: 1.5rem !important;
			}

			.gap-xl-5 {
				gap: 3rem !important;
			}

			.justify-content-xl-start {
				justify-content: flex-start !important;
			}

			.justify-content-xl-end {
				justify-content: flex-end !important;
			}

			.justify-content-xl-center {
				justify-content: center !important;
			}

			.justify-content-xl-between {
				justify-content: space-between !important;
			}

			.justify-content-xl-around {
				justify-content: space-around !important;
			}

			.justify-content-xl-evenly {
				justify-content: space-evenly !important;
			}

			.align-items-xl-start {
				align-items: flex-start !important;
			}

			.align-items-xl-end {
				align-items: flex-end !important;
			}

			.align-items-xl-center {
				align-items: center !important;
			}

			.align-items-xl-baseline {
				align-items: baseline !important;
			}

			.align-items-xl-stretch {
				align-items: stretch !important;
			}

			.align-content-xl-start {
				align-content: flex-start !important;
			}

			.align-content-xl-end {
				align-content: flex-end !important;
			}

			.align-content-xl-center {
				align-content: center !important;
			}

			.align-content-xl-between {
				align-content: space-between !important;
			}

			.align-content-xl-around {
				align-content: space-around !important;
			}

			.align-content-xl-stretch {
				align-content: stretch !important;
			}

			.align-self-xl-auto {
				align-self: auto !important;
			}

			.align-self-xl-start {
				align-self: flex-start !important;
			}

			.align-self-xl-end {
				align-self: flex-end !important;
			}

			.align-self-xl-center {
				align-self: center !important;
			}

			.align-self-xl-baseline {
				align-self: baseline !important;
			}

			.align-self-xl-stretch {
				align-self: stretch !important;
			}

			.order-xl-first {
				order: -1 !important;
			}

			.order-xl-0 {
				order: 0 !important;
			}

			.order-xl-1 {
				order: 1 !important;
			}

			.order-xl-2 {
				order: 2 !important;
			}

			.order-xl-3 {
				order: 3 !important;
			}

			.order-xl-4 {
				order: 4 !important;
			}

			.order-xl-5 {
				order: 5 !important;
			}

			.order-xl-last {
				order: 6 !important;
			}

			.m-xl-0 {
				margin: 0 !important;
			}

			.m-xl-1 {
				margin: .25rem !important;
			}

			.m-xl-2 {
				margin: .5rem !important;
			}

			.m-xl-3 {
				margin: 1rem !important;
			}

			.m-xl-4 {
				margin: 1.5rem !important;
			}

			.m-xl-5 {
				margin: 3rem !important;
			}

			.m-xl-auto {
				margin: auto !important;
			}

			.mx-xl-0 {
				margin-right: 0 !important;
				margin-left: 0 !important;
			}

			.mx-xl-1 {
				margin-right: .25rem !important;
				margin-left: .25rem !important;
			}

			.mx-xl-2 {
				margin-right: .5rem !important;
				margin-left: .5rem !important;
			}

			.mx-xl-3 {
				margin-right: 1rem !important;
				margin-left: 1rem !important;
			}

			.mx-xl-4 {
				margin-right: 1.5rem !important;
				margin-left: 1.5rem !important;
			}

			.mx-xl-5 {
				margin-right: 3rem !important;
				margin-left: 3rem !important;
			}

			.mx-xl-auto {
				margin-right: auto !important;
				margin-left: auto !important;
			}

			.my-xl-0 {
				margin-top: 0 !important;
				margin-bottom: 0 !important;
			}

			.my-xl-1 {
				margin-top: .25rem !important;
				margin-bottom: .25rem !important;
			}

			.my-xl-2 {
				margin-top: .5rem !important;
				margin-bottom: .5rem !important;
			}

			.my-xl-3 {
				margin-top: 1rem !important;
				margin-bottom: 1rem !important;
			}

			.my-xl-4 {
				margin-top: 1.5rem !important;
				margin-bottom: 1.5rem !important;
			}

			.my-xl-5 {
				margin-top: 3rem !important;
				margin-bottom: 3rem !important;
			}

			.my-xl-auto {
				margin-top: auto !important;
				margin-bottom: auto !important;
			}

			.mt-xl-0 {
				margin-top: 0 !important;
			}

			.mt-xl-1 {
				margin-top: .25rem !important;
			}

			.mt-xl-2 {
				margin-top: .5rem !important;
			}

			.mt-xl-3 {
				margin-top: 1rem !important;
			}

			.mt-xl-4 {
				margin-top: 1.5rem !important;
			}

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

			.mt-xl-auto {
				margin-top: auto !important;
			}

			.me-xl-0 {
				margin-right: 0 !important;
			}

			.me-xl-1 {
				margin-right: .25rem !important;
			}

			.me-xl-2 {
				margin-right: .5rem !important;
			}

			.me-xl-3 {
				margin-right: 1rem !important;
			}

			.me-xl-4 {
				margin-right: 1.5rem !important;
			}

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

			.me-xl-auto {
				margin-right: auto !important;
			}

			.mb-xl-0 {
				margin-bottom: 0 !important;
			}

			.mb-xl-1 {
				margin-bottom: .25rem !important;
			}

			.mb-xl-2 {
				margin-bottom: .5rem !important;
			}

			.mb-xl-3 {
				margin-bottom: 1rem !important;
			}

			.mb-xl-4 {
				margin-bottom: 1.5rem !important;
			}

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

			.mb-xl-auto {
				margin-bottom: auto !important;
			}

			.ms-xl-0 {
				margin-left: 0 !important;
			}

			.ms-xl-1 {
				margin-left: .25rem !important;
			}

			.ms-xl-2 {
				margin-left: .5rem !important;
			}

			.ms-xl-3 {
				margin-left: 1rem !important;
			}

			.ms-xl-4 {
				margin-left: 1.5rem !important;
			}

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

			.ms-xl-auto {
				margin-left: auto !important;
			}

			.p-xl-0 {
				padding: 0 !important;
			}

			.p-xl-1 {
				padding: .25rem !important;
			}

			.p-xl-2 {
				padding: .5rem !important;
			}

			.p-xl-3 {
				padding: 1rem !important;
			}

			.p-xl-4 {
				padding: 1.5rem !important;
			}

			.p-xl-5 {
				padding: 3rem !important;
			}

			.px-xl-0 {
				padding-right: 0 !important;
				padding-left: 0 !important;
			}

			.px-xl-1 {
				padding-right: .25rem !important;
				padding-left: .25rem !important;
			}

			.px-xl-2 {
				padding-right: .5rem !important;
				padding-left: .5rem !important;
			}

			.px-xl-3 {
				padding-right: 1rem !important;
				padding-left: 1rem !important;
			}

			.px-xl-4 {
				padding-right: 1.5rem !important;
				padding-left: 1.5rem !important;
			}

			.px-xl-5 {
				padding-right: 3rem !important;
				padding-left: 3rem !important;
			}

			.py-xl-0 {
				padding-top: 0 !important;
				padding-bottom: 0 !important;
			}

			.py-xl-1 {
				padding-top: .25rem !important;
				padding-bottom: .25rem !important;
			}

			.py-xl-2 {
				padding-top: .5rem !important;
				padding-bottom: .5rem !important;
			}

			.py-xl-3 {
				padding-top: 1rem !important;
				padding-bottom: 1rem !important;
			}

			.py-xl-4 {
				padding-top: 1.5rem !important;
				padding-bottom: 1.5rem !important;
			}

			.py-xl-5 {
				padding-top: 3rem !important;
				padding-bottom: 3rem !important;
			}

			.pt-xl-0 {
				padding-top: 0 !important;
			}

			.pt-xl-1 {
				padding-top: .25rem !important;
			}

			.pt-xl-2 {
				padding-top: .5rem !important;
			}

			.pt-xl-3 {
				padding-top: 1rem !important;
			}

			.pt-xl-4 {
				padding-top: 1.5rem !important;
			}

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

			.pe-xl-0 {
				padding-right: 0 !important;
			}

			.pe-xl-1 {
				padding-right: .25rem !important;
			}

			.pe-xl-2 {
				padding-right: .5rem !important;
			}

			.pe-xl-3 {
				padding-right: 1rem !important;
			}

			.pe-xl-4 {
				padding-right: 1.5rem !important;
			}

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

			.pb-xl-0 {
				padding-bottom: 0 !important;
			}

			.pb-xl-1 {
				padding-bottom: .25rem !important;
			}

			.pb-xl-2 {
				padding-bottom: .5rem !important;
			}

			.pb-xl-3 {
				padding-bottom: 1rem !important;
			}

			.pb-xl-4 {
				padding-bottom: 1.5rem !important;
			}

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

			.ps-xl-0 {
				padding-left: 0 !important;
			}

			.ps-xl-1 {
				padding-left: .25rem !important;
			}

			.ps-xl-2 {
				padding-left: .5rem !important;
			}

			.ps-xl-3 {
				padding-left: 1rem !important;
			}

			.ps-xl-4 {
				padding-left: 1.5rem !important;
			}

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

			.text-xl-start {
				text-align: left !important;
			}

			.text-xl-end {
				text-align: right !important;
			}

			.text-xl-center {
				text-align: center !important;
			}
		}

		@media (min-width:1400px) {
			.float-xxl-start {
				float: left !important;
			}

			.float-xxl-end {
				float: right !important;
			}

			.float-xxl-none {
				float: none !important;
			}

			.d-xxl-inline {
				display: inline !important;
			}

			.d-xxl-inline-block {
				display: inline-block !important;
			}

			.d-xxl-block {
				display: block !important;
			}

			.d-xxl-grid {
				display: grid !important;
			}

			.d-xxl-table {
				display: table !important;
			}

			.d-xxl-table-row {
				display: table-row !important;
			}

			.d-xxl-table-cell {
				display: table-cell !important;
			}

			.d-xxl-flex {
				display: flex !important;
			}

			.d-xxl-inline-flex {
				display: inline-flex !important;
			}

			.d-xxl-none {
				display: none !important;
			}

			.flex-xxl-fill {
				flex: 1 1 auto !important;
			}

			.flex-xxl-row {
				flex-direction: row !important;
			}

			.flex-xxl-column {
				flex-direction: column !important;
			}

			.flex-xxl-row-reverse {
				flex-direction: row-reverse !important;
			}

			.flex-xxl-column-reverse {
				flex-direction: column-reverse !important;
			}

			.flex-xxl-grow-0 {
				flex-grow: 0 !important;
			}

			.flex-xxl-grow-1 {
				flex-grow: 1 !important;
			}

			.flex-xxl-shrink-0 {
				flex-shrink: 0 !important;
			}

			.flex-xxl-shrink-1 {
				flex-shrink: 1 !important;
			}

			.flex-xxl-wrap {
				flex-wrap: wrap !important;
			}

			.flex-xxl-nowrap {
				flex-wrap: nowrap !important;
			}

			.flex-xxl-wrap-reverse {
				flex-wrap: wrap-reverse !important;
			}

			.gap-xxl-0 {
				gap: 0 !important;
			}

			.gap-xxl-1 {
				gap: .25rem !important;
			}

			.gap-xxl-2 {
				gap: .5rem !important;
			}

			.gap-xxl-3 {
				gap: 1rem !important;
			}

			.gap-xxl-4 {
				gap: 1.5rem !important;
			}

			.gap-xxl-5 {
				gap: 3rem !important;
			}

			.justify-content-xxl-start {
				justify-content: flex-start !important;
			}

			.justify-content-xxl-end {
				justify-content: flex-end !important;
			}

			.justify-content-xxl-center {
				justify-content: center !important;
			}

			.justify-content-xxl-between {
				justify-content: space-between !important;
			}

			.justify-content-xxl-around {
				justify-content: space-around !important;
			}

			.justify-content-xxl-evenly {
				justify-content: space-evenly !important;
			}

			.align-items-xxl-start {
				align-items: flex-start !important;
			}

			.align-items-xxl-end {
				align-items: flex-end !important;
			}

			.align-items-xxl-center {
				align-items: center !important;
			}

			.align-items-xxl-baseline {
				align-items: baseline !important;
			}

			.align-items-xxl-stretch {
				align-items: stretch !important;
			}

			.align-content-xxl-start {
				align-content: flex-start !important;
			}

			.align-content-xxl-end {
				align-content: flex-end !important;
			}

			.align-content-xxl-center {
				align-content: center !important;
			}

			.align-content-xxl-between {
				align-content: space-between !important;
			}

			.align-content-xxl-around {
				align-content: space-around !important;
			}

			.align-content-xxl-stretch {
				align-content: stretch !important;
			}

			.align-self-xxl-auto {
				align-self: auto !important;
			}

			.align-self-xxl-start {
				align-self: flex-start !important;
			}

			.align-self-xxl-end {
				align-self: flex-end !important;
			}

			.align-self-xxl-center {
				align-self: center !important;
			}

			.align-self-xxl-baseline {
				align-self: baseline !important;
			}

			.align-self-xxl-stretch {
				align-self: stretch !important;
			}

			.order-xxl-first {
				order: -1 !important;
			}

			.order-xxl-0 {
				order: 0 !important;
			}

			.order-xxl-1 {
				order: 1 !important;
			}

			.order-xxl-2 {
				order: 2 !important;
			}

			.order-xxl-3 {
				order: 3 !important;
			}

			.order-xxl-4 {
				order: 4 !important;
			}

			.order-xxl-5 {
				order: 5 !important;
			}

			.order-xxl-last {
				order: 6 !important;
			}

			.m-xxl-0 {
				margin: 0 !important;
			}

			.m-xxl-1 {
				margin: .25rem !important;
			}

			.m-xxl-2 {
				margin: .5rem !important;
			}

			.m-xxl-3 {
				margin: 1rem !important;
			}

			.m-xxl-4 {
				margin: 1.5rem !important;
			}

			.m-xxl-5 {
				margin: 3rem !important;
			}

			.m-xxl-auto {
				margin: auto !important;
			}

			.mx-xxl-0 {
				margin-right: 0 !important;
				margin-left: 0 !important;
			}

			.mx-xxl-1 {
				margin-right: .25rem !important;
				margin-left: .25rem !important;
			}

			.mx-xxl-2 {
				margin-right: .5rem !important;
				margin-left: .5rem !important;
			}

			.mx-xxl-3 {
				margin-right: 1rem !important;
				margin-left: 1rem !important;
			}

			.mx-xxl-4 {
				margin-right: 1.5rem !important;
				margin-left: 1.5rem !important;
			}

			.mx-xxl-5 {
				margin-right: 3rem !important;
				margin-left: 3rem !important;
			}

			.mx-xxl-auto {
				margin-right: auto !important;
				margin-left: auto !important;
			}

			.my-xxl-0 {
				margin-top: 0 !important;
				margin-bottom: 0 !important;
			}

			.my-xxl-1 {
				margin-top: .25rem !important;
				margin-bottom: .25rem !important;
			}

			.my-xxl-2 {
				margin-top: .5rem !important;
				margin-bottom: .5rem !important;
			}

			.my-xxl-3 {
				margin-top: 1rem !important;
				margin-bottom: 1rem !important;
			}

			.my-xxl-4 {
				margin-top: 1.5rem !important;
				margin-bottom: 1.5rem !important;
			}

			.my-xxl-5 {
				margin-top: 3rem !important;
				margin-bottom: 3rem !important;
			}

			.my-xxl-auto {
				margin-top: auto !important;
				margin-bottom: auto !important;
			}

			.mt-xxl-0 {
				margin-top: 0 !important;
			}

			.mt-xxl-1 {
				margin-top: .25rem !important;
			}

			.mt-xxl-2 {
				margin-top: .5rem !important;
			}

			.mt-xxl-3 {
				margin-top: 1rem !important;
			}

			.mt-xxl-4 {
				margin-top: 1.5rem !important;
			}

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

			.mt-xxl-auto {
				margin-top: auto !important;
			}

			.me-xxl-0 {
				margin-right: 0 !important;
			}

			.me-xxl-1 {
				margin-right: .25rem !important;
			}

			.me-xxl-2 {
				margin-right: .5rem !important;
			}

			.me-xxl-3 {
				margin-right: 1rem !important;
			}

			.me-xxl-4 {
				margin-right: 1.5rem !important;
			}

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

			.me-xxl-auto {
				margin-right: auto !important;
			}

			.mb-xxl-0 {
				margin-bottom: 0 !important;
			}

			.mb-xxl-1 {
				margin-bottom: .25rem !important;
			}

			.mb-xxl-2 {
				margin-bottom: .5rem !important;
			}

			.mb-xxl-3 {
				margin-bottom: 1rem !important;
			}

			.mb-xxl-4 {
				margin-bottom: 1.5rem !important;
			}

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

			.mb-xxl-auto {
				margin-bottom: auto !important;
			}

			.ms-xxl-0 {
				margin-left: 0 !important;
			}

			.ms-xxl-1 {
				margin-left: .25rem !important;
			}

			.ms-xxl-2 {
				margin-left: .5rem !important;
			}

			.ms-xxl-3 {
				margin-left: 1rem !important;
			}

			.ms-xxl-4 {
				margin-left: 1.5rem !important;
			}

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

			.ms-xxl-auto {
				margin-left: auto !important;
			}

			.p-xxl-0 {
				padding: 0 !important;
			}

			.p-xxl-1 {
				padding: .25rem !important;
			}

			.p-xxl-2 {
				padding: .5rem !important;
			}

			.p-xxl-3 {
				padding: 1rem !important;
			}

			.p-xxl-4 {
				padding: 1.5rem !important;
			}

			.p-xxl-5 {
				padding: 3rem !important;
			}

			.px-xxl-0 {
				padding-right: 0 !important;
				padding-left: 0 !important;
			}

			.px-xxl-1 {
				padding-right: .25rem !important;
				padding-left: .25rem !important;
			}

			.px-xxl-2 {
				padding-right: .5rem !important;
				padding-left: .5rem !important;
			}

			.px-xxl-3 {
				padding-right: 1rem !important;
				padding-left: 1rem !important;
			}

			.px-xxl-4 {
				padding-right: 1.5rem !important;
				padding-left: 1.5rem !important;
			}

			.px-xxl-5 {
				padding-right: 3rem !important;
				padding-left: 3rem !important;
			}

			.py-xxl-0 {
				padding-top: 0 !important;
				padding-bottom: 0 !important;
			}

			.py-xxl-1 {
				padding-top: .25rem !important;
				padding-bottom: .25rem !important;
			}

			.py-xxl-2 {
				padding-top: .5rem !important;
				padding-bottom: .5rem !important;
			}

			.py-xxl-3 {
				padding-top: 1rem !important;
				padding-bottom: 1rem !important;
			}

			.py-xxl-4 {
				padding-top: 1.5rem !important;
				padding-bottom: 1.5rem !important;
			}

			.py-xxl-5 {
				padding-top: 3rem !important;
				padding-bottom: 3rem !important;
			}

			.pt-xxl-0 {
				padding-top: 0 !important;
			}

			.pt-xxl-1 {
				padding-top: .25rem !important;
			}

			.pt-xxl-2 {
				padding-top: .5rem !important;
			}

			.pt-xxl-3 {
				padding-top: 1rem !important;
			}

			.pt-xxl-4 {
				padding-top: 1.5rem !important;
			}

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

			.pe-xxl-0 {
				padding-right: 0 !important;
			}

			.pe-xxl-1 {
				padding-right: .25rem !important;
			}

			.pe-xxl-2 {
				padding-right: .5rem !important;
			}

			.pe-xxl-3 {
				padding-right: 1rem !important;
			}

			.pe-xxl-4 {
				padding-right: 1.5rem !important;
			}

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

			.pb-xxl-0 {
				padding-bottom: 0 !important;
			}

			.pb-xxl-1 {
				padding-bottom: .25rem !important;
			}

			.pb-xxl-2 {
				padding-bottom: .5rem !important;
			}

			.pb-xxl-3 {
				padding-bottom: 1rem !important;
			}

			.pb-xxl-4 {
				padding-bottom: 1.5rem !important;
			}

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

			.ps-xxl-0 {
				padding-left: 0 !important;
			}

			.ps-xxl-1 {
				padding-left: .25rem !important;
			}

			.ps-xxl-2 {
				padding-left: .5rem !important;
			}

			.ps-xxl-3 {
				padding-left: 1rem !important;
			}

			.ps-xxl-4 {
				padding-left: 1.5rem !important;
			}

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

			.text-xxl-start {
				text-align: left !important;
			}

			.text-xxl-end {
				text-align: right !important;
			}

			.text-xxl-center {
				text-align: center !important;
			}
		}

		@media (min-width:1200px) {
			.fs-1 {
				font-size: 2.5rem !important;
			}

			.fs-2 {
				font-size: 2rem !important;
			}

			.fs-3 {
				font-size: 1.75rem !important;
			}

			.fs-4 {
				font-size: 1.5rem !important;
			}
		}

		@media print {
			.d-print-inline {
				display: inline !important;
			}

			.d-print-inline-block {
				display: inline-block !important;
			}

			.d-print-block {
				display: block !important;
			}

			.d-print-grid {
				display: grid !important;
			}

			.d-print-table {
				display: table !important;
			}

			.d-print-table-row {
				display: table-row !important;
			}

			.d-print-table-cell {
				display: table-cell !important;
			}

			.d-print-flex {
				display: flex !important;
			}

			.d-print-inline-flex {
				display: inline-flex !important;
			}

			.d-print-none {
				display: none !important;
			}
		}

	</style>
	<style>
		@font-face {
			font-family: 'FontAwesome';
			src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
			src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
			font-weight: normal;
			font-style: normal;
		}

	</style>
</body>

</html>
<?php 
$output = ob_get_contents();
ob_end_clean();

file_put_contents("./submittal.html", $output);

$PDFs= ProdPdf($_GET['id']); 
$i=0; foreach( $PDFs as $key=>$feach){  
            $new=str_replace("/multimedia", "./ToMerge", $feach);
            copy($url.$feach, "".$new);//esto mueve los archivos a la carpeta done. Si no hay archivos o hace nada...
            //echo $feach.' to '.$new.'<br>';	
$i++;}

//echo $output;
include_once "./convertNmerge.php";

header("location: ./ToMerge/Merged/submittal ".$_GET['id'].".pdf")
?>
