body {
	font-family: GTPlanar-Regular;
	background-color: #10294c;
}

h1, h2 {
	font-family: GTPlanar-Bold;
	letter-spacing:-1.5px;
}

h3.bold, h4.bold, h5.bold, h6.bold {
	font-family: GTPlanar-Bold;
}

h1.fr, h2.fr {
	font-family: GTPlanar-Regular;
	letter-spacing:-1.5px;
}

b, strong {
	font-family: GTPlanar-Bold;
	font-weight: normal;
}

a[id^="c"]:empty {
	visibility:hidden;
	overflow:hidden;
	top: 20px;
	position: relative;
}

section a[id^="c"]:empty {
	display:none;
}

.plr-20px {
	padding-left:20px !important;
	padding-right:20px !important;
}
.plr-60px {
	padding-left:20px !important;
	padding-right:20px !important;
}

.text-blue {
	color:#10294c;
}

.btn {
	font-size: 18px;
	border-radius: 20px;
	padding:9px 22px;
	vertical-align: top;
}

.btn-primary {
	color:#fff;
}

.bg-blue {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-col-beige > .col > div {
	background-color:#fbf9f9;
	border-radius: 2px;
	border: 1px solid #fff;
	/*min-height:760px;*/
	position: relative;
	width:100%;
}

.bg-col-beige > .col > div > img {
	width:100%;
	padding:12px;
}

.bg-col-beige > .col > div > p {
	padding-left:22px;
	padding-right:22px;
}

ul.fs-1 {
	padding-left:23px;
}

#totop {
	position: fixed;
	background-color:#ff6a00;
	z-index:9;
	bottom:0;
	right:0;
	width:95px;
	height:75px;
	border-radius: 12px 0 0 0;
	padding:23px 20px 20px 20px;
	text-align: center;
}

.navbar {
	height: 50px;
	padding: 10px 20px;
}

.container.header-logo {
	margin-top:0;
}

.container.header-logo .header-logo-thws {
	margin-left: 20px;
}

header {
	margin-bottom: 0;
	padding-bottom: 40px;
}

body.home .pagetitle,
body .pagetitle {
	/*margin-bottom: 30px;*/
	margin-bottom: 0;
	padding-bottom: 30px;
}

@media (max-width: 575.98px) {
	h1 { font-size:30px; }
	h2 { font-size:24px; }
	h3 { font-size:18px; }
	h3 { font-size:18px; }
	h4 { font-size:17px; }
	p, .fs-1 { font-size:15px !important; }
	.fs-2 { font-size:12px !important; }
}

@media (max-width: 767.98px) {
}

@media (max-width: 991.98px) {
}

@media (max-width: 1399.98px) {
	.min-vh-310px { min-height:310px; }
	.min-vh-435px { min-height:435px; }
}

@media (max-width: 1785.98px) {

}

@media (min-width: 576px) {
	.navbar {
		height: 71px;
		padding: 10px 140px;
	}

	.container.header-logo {
		margin-top:70px;
	}

	.container.header-logo .header-logo-thws {
		margin-left: -71px;
	}

	header {
		/*margin-bottom: 75px;*/
		margin-bottom: 0;
		padding-bottom: 75px;

	}

	body.home header,
	body header {
		/*margin-bottom: 225px;*/
		margin-bottom: 0;
		padding-bottom: 50px;
	}

	body.home .pagetitle,
	body .pagetitle {
		/*margin-bottom: 225px;*/
		margin-bottom: 0;
		padding-bottom: 110px;
	}

	body.sub .pagetitle h1 {
		font-size:160px
	}
}

@media (min-width: 992px) {

	.bg-col-beige > .col > div {
		/*min-height:760px;*/
	}


	.p-btn-bottom {
		/*position:absolute;
		bottom:10px;*/
	}

}

ul.tags {
	list-style: none;
	margin:0;
	padding:0;
	margin-bottom:22px;
	line-height:46px;
}
ul.tags > li {
	display:inline-block;
	padding-right:30px;
}
ul.tags > li:last-child {
	padding-right:0;
}
ul.tags > li > a {
	text-decoration: none;
	color:white;
}
ul.tags > li > a:hover {
	text-decoration: underline;
	color:#ff6a00;
}

@media (max-width: 575.98px) {
	ul.tags { line-height:24px; }
	ul.tags > li { margin-bottom:10px; }
}

section.bg-fullsize {
	/*height:100vh;*/
	background-size:cover;
	background-repeat: no-repeat;
	/*background-position: center center;*/
	background-position: top center;
}

.bg-beige {
  background-color: #f5f1f0 !important; /* f6f2f2 */
}

.bg-beige-1, .bg-beige-l {
  background-color: #fbf9f9 !important;
}

.bg-beige-d {
  background-color: #e9e2df !important;
}

.ks8:nth-of-type(even) {
	background-color:#f5f1f0 !important;
}

#home-04 .col-5 {
	padding:40px 60px;
	/*margin:-40px -52px;*/
	background-color:rgba(255,255,255,0.75);
	border-radius: 4px;
}

.br-4px {
	border-radius: 4px;
}

.hr-line {
	overflow: hidden;
	color: white;
	margin-left: -100vw;
	width: 200vw;
	margin-top: 4px;
	margin-bottom: 0;
	border-top: 2px solid white;
	opacity: 0.5;
}

.bg-beige-l .hr-line,
.bg-beige .hr-line,
.bg-beige-d .hr-line {
	color: black;
	border-top: 2px solid black;
	opacity: 1;
}

.bg-beige-l .accordion .hr-line,
.bg-beige .accordion .hr-line,
.bg-beige-d .accordion .hr-line {
	color: black;
	border-top: 1px solid black;
	opacity: 1;
}

.carousel-inner {
	padding: 1em;
}
.carousel .card {
	margin: 0 0.5em;
	box-shadow: none;
	border: none;
}
.carousel-control-prev,
.carousel-control-next {
	background-color: #ff6a00;
	width: 6vh;
	height: 6vh;
	border-radius: 50%;
	top: 50%;
	transform: translateY(-50%);
	/*border: 3px solid #10294c;*/
}
@media (min-width: 1400px) {
	.carousel-item {
		margin-right: 0;
		flex: 0 0 33.333333%;
		display: block;
	}
	.carousel-inner {
		display: flex;
	}
	.carousel .card .img-wrapper {
		aspect-ratio: 1;
		height: auto !important;
	}
}
.carousel .card .img-wrapper {
	max-width: 100%;
	/*height: 15em;*/
	aspect-ratio: 1;
	height: auto !important;
	display: flex;
	justify-content: center;
	align-items: center;
}
.carousel .card img {
	max-height: 100%;
	object-fit: cover;
	object-position: center;
}

.img-cover {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.socials svg {
	height:31px;
	padding: 0 15px;
}

.socials > a > svg {
	fill:#10294c;
}

.socials > a:hover > svg {
	fill:#ff6a00;
}

footer a,
.navbar.bg-orange a {
	color:#fff;
	text-decoration: none;
}

footer a:hover,
.navbar.bg-orange a:hover {
	text-decoration: underline;
}


/*
@media (max-width: 1399.98px) {
	.carousel .card .img-wrapper {
		height: 17em;
	}
}
*/


.sidepanel {
	width: 100%;
	height: auto;
	position: fixed;
	z-index: 10;
	top: calc(-100vh - 8px);
	transition: 0.3s;
}

.sidepanel-check:checked + .sidepanel {
	top: 0;
}

.sidepanel-check + .sidepanel > .sidepanel-toggle > .bi-x,
.sidepanel-check:checked + .sidepanel > .sidepanel-toggle > .bi-list,
.sidepanel-check + .sidepanel > .sidepanel-toggle > .bi-list {
	display:none;
}

.sidepanel-check:checked + .sidepanel > .sidepanel-toggle > .bi-x {
	display:block;
}

.sidepanel .sidepanel-content {
	background: #10294c;
	box-shadow: 0 6px 6px rgba(0, 0, 0, .4);
	padding: 40px 40px 50px 40px;
	max-height:100vh;
	overflow-y: auto;
	overscroll-behavior: contain;
}

.sidepanel label,
.sidepanel-toggle-mobile label {
	text-decoration: none;
	cursor: pointer;
	color:#fff;
}

.sidepanel label:hover svg,
.sidepanel-toggle-mobile label:hover svg {
	fill: #10294c;
}
.sidepanel label:hover svg.bi-x {
	fill: #ff6a00;
}

.sidepanel .sidepanel-toggle svg {
	-webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .4));
	filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .4));
}

.sidepanel .sidepanel-toggle {
	position: absolute;
	/*
	top: 0;
	left: -100px;
	*/
}

.sidepanel-check:checked + .sidepanel > .sidepanel-toggle {
	left:unset;
	right:15px;
}

#sidepanel-check {
	display:none !important;
}

.sidepanel h3 {
	font-size: 24px;
	margin:0;
	padding:15px 0;
	border-bottom:1px solid #fff;
}

.sidepanel h3 a {
	color:#fff;
	text-decoration: none;
	hyphens: auto !important;
	hyphenate-limit-chars: auto 6;
	hyphenate-limit-lines: 2;
}

.sidepanel h3 a:hover {
	color:#ff6a00;
}


.sidepanel-toggle-mobile {
	position: absolute;
	right:20px;
	top:6px;
}

@media (min-width: 576px) {
	.sidepanel-check:checked + .sidepanel > .sidepanel-toggle {
		right:15px;
		top:10px;
	}

	.sidepanel-toggle-mobile {
		right:20px;
		top:15px;
	}
}

@media (max-width: 991.92px) {
	.sidepanel-toggle .bi-list {
		display:none;
	}
}

@media (min-width: 992px) {
	.sidepanel {
		top:0;
		width: 1125px;
		max-width:90vw;
		right: calc(min(1125px, 90vw) * -1);
	}

	.sidepanel label {
		padding: 8px 8px 8px 32px;
	}

	.sidepanel .sidepanel-toggle {
		top: 0;
		left: -100px;
		color:#fff;
	}

	.sidepanel-check + .sidepanel > .sidepanel-toggle > .bi-x,
	.sidepanel-check:checked + .sidepanel > .sidepanel-toggle > .bi-list {
		display:none;
	}

	.sidepanel-check:checked + .sidepanel > .sidepanel-toggle > .bi-x,
	.sidepanel-check + .sidepanel > .sidepanel-toggle > .bi-list {
		display:block;
	}

	.sidepanel-check:checked + .sidepanel {
		right:0;
	}

	.sidepanel-check:checked + .sidepanel > .sidepanel-toggle {
		left:-20px;
		right:unset;
	}

	.sidepanel .sidepanel-content {
		padding: 95px 95px 130px 95px;
	}

	.sidepanel-check:checked + .sidepanel .sidepanel-content {
		box-shadow: -6px 3px 6px rgba(0, 0, 0, .4);
	}

	.sidepanel h3 {
		font-size: calc(1.2rem + 1.0084033613vw);
		margin:0;
		padding:22px 0;
		border-bottom:2px solid #fff;
	}
}