body {
		padding-top: 71px;
}

@media (min-width: 1400px) {
		.container, .container-lg, .container-md, .container-sm, .container-xl {
				max-width: 1140px;
		}
}

.cl-wrapper {
		display: flex;
		flex-direction: column;
		height: calc(100vh - 71px - 0.25rem);
}

#wrapper {
	min-height: calc(100vh - 152.8889px);
}

.wrapper-sidebar {
		flex: 0 1 auto;
}

.wrapper-content {
		flex: 1 1 auto;
		height: 100%;
}

.wrapper-footer {
		flex: 0 1 auto;
}

.main {
		height: 100%;
}

.anchor {
		margin-top: -100px;
		padding-top: 100px;
}


/* ---------------------------------------------------
HEADER, Nav 1
----------------------------------------------------- */
#navbar-top {
		border-bottom: 2px solid #eaeaea;
		background-color: #fff;
		padding: 0.233rem 0;
		height: 71px;
		min-width: 320px;
}
#navbar-top .title-long {
		display: inline;
}
#navbar-top .title-short {
		display: none;
}
#navbar-top .nav-link {
		color: #000 !important;
		cursor: pointer;
		font-size: 14px;
		font-weight: 500;
}
#navbar-top .nav-link a {
		text-decoration: none;
}

#nav-1 .nav-item {
		padding: 0 0.5rem;
}
#nav-1 .nav-link {
		padding: 0 0.5rem;
}
#nav-1 .active > .nav-link,
#nav-1 .nav-link.active,
#nav-1 .nav-link.show,
#nav-1 .show > .nav-link {
		border-bottom: 1px solid black;
		width: 100%;
}

#navbar-top-user-nav .nav-item:not(:last-child) {
		margin-right: 15px;
}
#navbar-top-user-nav .nav-link .fa-2x {
		vertical-align: middle;
		font-size: 2em;
		margin-right: 0.5rem;
		line-height: 3.5rem;
		color: #000;
}
#navbar-top-user-nav .nav-link > div {
		display: inline-block;
		vertical-align: middle;
}
#navbar-top-user-nav .nav-link > div > * {
		display: block;
}

@media (max-width: 1199.97px) {
		#navbar-top-user-nav ul li {
				margin-right: 0 !important;
		}
		#navbar-top-user-nav .nav-link .fa-2x {
				font-size: 1.5em !important;
		}
}

/* ---------------------------------------------------
Nav 2
----------------------------------------------------- */
#nav-2,
#nav-2-opener {
		background: #fff;
		border-bottom: 2px solid #eaeaea;
		height: 50px;
		z-index: 1029;
}
#nav-2.fixed-top,
#nav-2-opener.fixed-top {
		top: 71px
}
#nav-2-opener a {
		color: var(--navbar-light-active-link);
		padding: 10px 0.5rem;
		vertical-align: bottom;
}
#nav-2 .nav-link,
#nav-2-opener a {
		font-weight: 500;
}
#nav-2 .title-long {
		display: none;
}
#nav-2 .title-short {
		display: inline;
}

#nav-2 ~ .wrapper,
#nav-2-opener ~ .wrapper {
		margin-top: 51px;
}

@media (max-width: 450px) {
		#nav-2 .nav-link, #nav-2-opener a {
				font-size: 0.68rem;
				line-height: 1.93015;
		}
}
@media (min-width: 768px) {
		#nav-2 .title-long {
				display: inline;
		}
		#nav-2 .title-short {
				display: none;
		}
		#nav-2-opener ~ .wrapper {
				margin-top: 0;
		}
}
@media (min-width: 1200px) {
		#nav-2 {
				display: none;
		}
		#nav-2 ~ .wrapper {
				margin-top: 0;
		}
}

/* ---------------------------------------------------
Sidebar, Nav 3
----------------------------------------------------- */
.dynamic-fixed.fixed-top {
		z-index: 1029 !important;
}

.offcanvas-start, .offcanvas-end, .offcanvas-top, .offcanvas-bottom {
		border: 0px;
}
.offcanvas-header {
		min-height: 71px;
		border-bottom: 2px solid #eaeaea;
}
.offcanvas ::-webkit-scrollbar {
		width: 5px !important;
		height: 5px !important;
}
.offcanvas ::-webkit-scrollbar-track {
		background: #f1f1f1;
}
.offcanvas ::-webkit-scrollbar-thumb {
		background: #888;
}
.offcanvas ::-webkit-scrollbar-thumb:hover {
		background: #555;
}

#offcanvasSidebar .nav-1 {
		flex-direction: row!important;
		justify-content: space-between!important;
		padding: 0 0.5rem;
		margin: -1rem -1rem 0 -1rem;
		background: #f4f4f4;
		border-bottom: .125rem solid #eaeaea;
}
#offcanvasSidebar .nav-1 .nav-item .nav-link {
		padding: 19px 0.5rem 5px;
		font-size: 12px;
}
#offcanvasSidebar .title-long {
		display: none;
}
#offcanvasSidebar .title-short {
		display: inline;
}
@media (min-width: 768px) {
		#offcanvasSidebar {
				visibility: visible !important;
				transform: none;
				width: 270px;
				top: 71px;
				border-right: 2px solid #eaeaea;
		}
		#offcanvasSidebar .offcanvas-header {
				display: none;
		}
		#offcanvasSidebar ~ #nav-2-opener {
				display: none;
		}
		#offcanvasSidebar ~ .wrapper {
				margin-left: 270px;
				height: 100%;
		}
}
@media (min-width: 1200px) {
		#offcanvasSidebar .nav-1 {
				display: none;
		}
}

#nav-3 .nav-tabs {
		border: none;
}
#nav-3 .nav-item {
		margin: 0;
		padding: 0;
}
#nav-3 .nav-link {
		color: #2c2c2c;
		cursor: pointer;
		font-weight: 400;
		font-size: 14px;
		text-align: left;
		padding: 0.7rem 0.5rem;
}
#nav-3 .nav-link.active {
		border-bottom: none;
		width: 100%;
		background-color: #f3f3f3;
}
#nav-3 .sidebar-title {
		text-transform: uppercase;
		color: #6e6e6e;
		font-size: 11px;
}
#nav-3 .sidebar-category {
		text-transform: uppercase;
		color: #dc3545;
		font-size: 14px;
		font-weight: 600;
		padding-bottom: 0.25rem;
		margin-top: 1rem;
}
#nav-3 .sidebar-link {
		color: #6e6e6e;
		font-size: 11px;
		padding: unset;
		text-decoration: underline;
		font-weight: unset;
		padding: 0.5rem;
}



.fs-xl {
	font-size: 4rem;
}

.bg-gradient-blue {
	background: rgb(172,202,210);
	background: radial-gradient(circle, rgba(172,202,210,1) 0%, rgba(47,110,114,1) 100%);
}

#index-banner {
	background-image: url(/images/backgroundimage.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 5rem !important;
	padding-bottom: 4rem !important;

}

#indexBannerPriceButton {
		width: 28vw;
		height: 28vw;
		color: #0F6971;
		background-color: #f4f4f4;
		border-radius: 100%;
		display: flex;
		margin: 0 auto;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		transform: rotate(4deg);
		font-size: 3vw;
		text-align: center;
}
#indexBannerPriceButton > .price {
		font-size: 2em;
		font-weight: 800;
		line-height: 1.3;
		display: block;
}
#indexBannerPriceButton .original-price {
	text-decoration: line-through;
	font-weight: medium;
	display: block;
	line-height: 1;
	font-size: 0.75em;
}
#indexBannerPriceButton .badge {
	font-size: inherit;
	padding: 0.1em 0.25em;
	margin: 0.15em 0;
}
#indexBannerPriceButton .message {
		line-height: 1.1;
		font-weight: 500;
		max-width: 7em;
}
@media (min-width: 576px) {
	#indexBannerPriceButton {
		width: 166px;
		height: 166px;
		font-size: 17px;
	}
}
@media (min-width: 768px) {
	#indexBannerPriceButton {
		width: 90px;
		height: 90px;
		font-size: 10px;
	}
}
@media (min-width: 992px) {
	#indexBannerPriceButton {
		width: 124px;
		height: 124px;
		font-size: 13px;
	}
}
@media (min-width: 1200px) {
	#indexBannerPriceButton {
		width: 148px;
		height: 148px;
		font-size: 15px;
	}
}
@media (min-width: 1400px) {
	#indexBannerPriceButton {
		width: 148px;
		height: 148px;
		font-size: 15px;
	}
}
.mt-13{
	margin-top: -12rem;
}

@media (max-width: 768px) {
	.mt-13{
	margin-top: -4rem;
}

}



#toast-container {
	position: fixed!important;
	bottom: 1rem;
	right: 0;
	max-height: calc(100vh - 7.5rem);
	overflow: auto;
	max-width: 75vw;
	pointer-events: none;
}
.toast-info {
		background-color: #2F96B4 !important;
		--toast-bg: #2F96B4 !important;
		--toast-header-bg: #2F96B4 !important;
}
.toast-error {
		background-color: #BD362F !important;
		--toast-bg: #BD362F !important;
		--toast-header-bg: #BD362F !important;
}
.toast-success {
		background-color: #51A351 !important;
		--toast-bg: #51A351 !important;
		--toast-header-bg: #51A351 !important;
}
.toast-warning {
		background-color: #F89406 !important;
		--toast-bg: #F89406 !important;
		--toast-header-bg: #F89406 !important;
}
.toast-header {
		color: inherit;
}
.tfcookie-modal {
	display: block !important;
	font-size: 1rem;
}
.tfcookie-modal .modal-header {
	display: block;
	text-align:center;
}
.tfcookie-modal .modal-footer {
	border: 0px;
	justify-content: center;
}
.tfcookie-modal .tfcookie-options .form-check {
	display: inline-block;
}
.tfcookie-modal .tfcookie-options .form-check-input {
	width: 1.2em;
	height: 1.2em;
	margin-top: 0;
}
.tfcookie-modal .tfcookie-options .form-check-label {
	color: var(--heading);
	font-weight: var(--heading-fontweight);
	font-family: var(--heading-fontfamily);
	line-height: var(--heading-lineheight);
	padding-left: 0.5rem;
	font-size: 1.5rem;
}
.tfcookie-modal .tfcookie-options .tfcookie-description {
	font-size: 0.9rem;
}
.tfcookie-modal .tfcookie-options .col {
	text-align: center;
	display: flex;
	flex-direction: column;
}
.tfcookie-modal .tfcookie-options .col > :first-child {
	background-color: #f4f4f4;
	padding: 0.75rem 0.5rem 0.5rem 0.5rem;
	flex: 1 1 auto !important;
	font-weight: 500;
	border: 1px solid var(--modal-header-border);
}