.header .logo{
display: none;
}
.only-mobile{
display: none;
}
.header nav > ul{
margin-inline-start: 0;
}
._hp{
display: none;
}
.wrapper{
display: flex;
}
aside{
position: relative;
	background-color: var(--site3);
	margin-left: auto;
	width: var(--aside);
	padding: 1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 100px;

}
aside .service .icon{
width: 110px;
	height: 110px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	border-radius: 100vw;
	padding: 3px;
	position: relative;
}
aside .service .icon::after{
content: '';
	position: absolute;
	width: 100px;
	height: 100px;
	border-radius: 100vw;
	border: 3px solid currentColor;
	z-index: 1;
}
aside .service:nth-child(1) .icon{
background-color: color-mix(in srgb, currentColor 15%, #fff);
}
aside .service:nth-child(2) .icon{
background-color: color-mix(in srgb, currentColor 15%, #fff);
}
aside .service:nth-child(3) .icon{
background-color: color-mix(in srgb, currentColor 15%, #fff);
}
aside .service:nth-child(4) .icon{
background-color: color-mix(in srgb, currentColor 15%, #fff);
}
aside .service:nth-child(5) .icon{
background-color: color-mix(in srgb, currentColor 15%, #fff);
}

aside .service .icon img{
width: 70px;
}
aside .list{
position: absolute;
	width: calc(100% + 55px);
	right: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	z-index: 1;
}
aside .service{
display: flex;
	justify-content: flex-end;
	width: 100%;
	margin-block-end: 2rem;
	color: var(--text);
}
aside .service figure{
display: flex;
	justify-content: flex-end;
	width: 100%;
}
aside figcaption{
font-size: 1.3rem;
	font-weight: 500;
	display: flex;
	align-items: center;
	margin-left: 1rem;
color: var(--text2);
}
aside .logo{
display: flex;
	margin-inline: auto;
	width: 120px;
	margin-bottom: 1rem;
}
aside .logo img{
/* mix-blend-mode: multiply; */
	width: 100%;
}
.cover {
position: relative;
	min-height: 670px;
	width: calc(100vw - var(--aside));
	margin-right: auto;
	display: flex;
	flex-direction: column;
	padding: 30px;
	background: linear-gradient(0deg, rgb(0 36 66 / 70%) 10%, rgba(255, 255, 255, 0) 50%, rgb(0 36 66) 100%);
	mix-blend-mode: darken;
}

.cover-slick {
width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}

.cover-slick div {
height: 100%;
	background-size: cover;
	background-position: center;
}

.cover .toggle-slick {
position: absolute;
	top: 125px;
	left: 50px;
	background: none;
	border: 0;
	z-index: 3;
}

.cover-content {
position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	z-index: 99;
	text-align: center;

	max-width: 600px;
	margin-top: -60px;
}

.cover h2.h2{
position: absolute;
	margin-top: 83px;
	margin-right: 75px;
	color: #fff;
	font-weight: 400;
	font-size: 4.1rem;
	line-height: 1;
	padding-left: 150px;
}
.cover h2.h2 strong{
display: block;
	font-weight: 900;
	position: relative;
}
.cover h2.h2 strong::after{
content: '';
	position: absolute;
	bottom: -22px;
	height: 3px;
	width: 75px;
	background-color: var(--stone);
	right: 0;
	border-radius: 5px;
}
.cover .inner{
position: relative;
	border-top: 1px solid #fff;
		border-left: 1px solid #fff;
	width: 100%;
	height: 87%;
	margin: auto;
	inset: 0;
	top: 68px;
}
.cover .inner::after{
content: '';
	position: absolute;
	right: 0;
		top: 0;
	width: 1px;
	height: 150px;
	background-color: #fff;
}
.cover .inner::before{
content: '';
	position: absolute;
	right: 0;
		bottom: 0;
	width: 1px;
	height: 50px;
	background-color: #fff;
}
.cover .services {
position: relative;
	height: 104px;
	width: 150px;
	margin-right: auto;
	top: 125px;
}
.cover .services::after{
position: absolute;
	content: "";
	width: 0px;
	height: 0px;
	border-top: 9px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 8px solid #55555c;
	border-left: 8px solid #55555c00;
	top: -17px;
	left: -9px;
}
.cover .services::before{
position: absolute;
	content: "";
	width: 0px;
	height: 0px;
	border-top: 9px solid #55555c;
	border-right: 0px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid transparent;
	bottom: -17px;
	left: -9px;
}
.cover .services.active::before{
position: absolute;
	content: "";
	width: 0px;
	height: 0px;
	border-top: 9px solid #55555c;
	border-right: 0px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid transparent;
	bottom: -297px;
	left: -9px;
}
.cover .shield{
position: absolute;
	width: 142px;
	height: 104px;
	border-radius: 0 50px 50px 0;
	background-color: #dcddde;
	left: -10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0.5rem 1rem 0.5rem 0.25rem;
}
.cover .shield img{
margin: auto;
	width: 59px;
}
.cover .shield h2{
font-size: 1rem;
	text-align: center;
	color: var(--text);
		width: 100%;
		margin-inline: auto;
	margin-bottom: 0;
}
.cover .shield:hover {
background-color: rgb(var(--text2RGB), 0.8);
}

.cover .shield:hover h2 {
	color: #fff;
}
.cover .services .box{
position: fixed;
	display: flex;
	flex-wrap: wrap;
	background-color: #fff;
		width: 715px;
		min-height: 335px;
		margin: auto;
		left: 21px;
		padding: 25px;
		border-radius: 0px 80px 3px 0;
		height: max-content;
		z-index: 9;
}
.cover .clicker{
position: absolute;
	top: -10px;
	right: -30px;
	color: #fff;
	font-size: 2rem;
	width: 50px;
	aspect-ratio: 1;
}
.cover .box{
transition: all 0.3s ease-in-out;
	transform: translateX(-820px);
}
.cover .box.open{
transform: translateX(0);
}
.cover .box .service {
width: 150px;
	height: 143px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0.75rem 0.5rem;
	background-color: #f6f6f6;
	border-radius: 10px;
}
.cover .service .icon{
display: flex;
	justify-content: center;
}
.cover .service img{
height: 60px;
	margin-inline: auto;
}
.cover .box .service:first-child{
text-align: center;
	background-color: #fff;
	color: var(--text);
}
.cover .box .service:first-child img{
width: 62px;
}
.cover .box .service:first-child:hover,
.cover .box .service:first-child:focus,
.cover .box .service:first-child:focus-within{
border: 1px solid var(--site7);
}
.cover .box .service:first-child:hover .clicker,
.cover .box .service:first-child:focus .clicker{
background-color: var(--site7);
	border-radius: 100px;

}
.cover .service h3{
font-size: 1rem;
}
.cover .service figcaption{
text-align: center;
	color: var(--text);
}
.cover .box .service:hover{
border: 1px solid var(--site1);
}
video {
position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	transition: 1s opacity;
	object-fit: cover;
	z-index: -1;
}

#toggle-video {
position: absolute;
	top: 125px;
	right: 15px;
	background: none;
	border: 0;
	display: none;
}
.footer{
display: none;
}


/**/

.service {

}
.service .icon{
transition: all 0.2s ease-in;
}
.service:hover .icon {
transform: scale(1.1);
}
.service .icon img {

}


/* Articles */

.articles {
padding: 3rem 2rem;
}
.articles h2 {
font-weight: bold;
	margin-bottom: 2rem;
}
.articles article {
display: block;
	height: 100%;
}
.articles .row > div {
margin-bottom: 30px;
}
.article {
display: block;
	background: #fff;
	color: #000;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
	position: relative;
	height: 100%;
}
.article img {
display: block;
	width: 100%;
}
.article .info {
padding: 1rem;
}
.article h3 {
font-weight: bold;
}
.article .date {
padding-bottom: 56.25%;
	position: relative;
	background: rgb(87, 129, 207);
	background: linear-gradient(45deg, rgb(77, 131, 246) 0%, rgb(132, 146, 183) 50%, rgb(88, 109, 215) 100%);
}
.article .date > div {
position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);

	font-size: 3rem;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
.article .date > div > span:nth-child(2) {
font-size: 1.5rem;
	display: block;
}
.read-more {
background: #fff;
	display: inline-block;
	padding: .25rem .75rem;
	font-weight: bold;
	color: inherit;
	border: 1px solid #ddd;
}

/**/

.events {
background-color: #fff;
}

.ribbon-date {
position: absolute;
	top: 0;
	left: 15px;
	background: #fff;
	color: #000;
	padding: .5rem 1rem;
}
.ribbon-date span {
display: block;
}
.ribbon-date span:nth-child(1) {
font-weight: bold;
	font-size: 1.5rem;
}

/* News * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.news {
padding: 1rem 5px;
	background: transparent;
	position: relative;
	margin-top: auto;
}
.news.desktop:focus{
outline: 1px solid black;
}
.news .buttons {
position: absolute;
	top: 1.9rem;
	left: 1.9rem;
}

.news .content {
position: relative;
	display: flex;
	align-items: center;
	height: 100%;
}
.news h2 {
color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	position: absolute;
	top: 0;
	right: 0;
	padding: .2rem .7rem;
	margin: 0;
	z-index: 5;
	border-left: 1px solid #fff;
}
.news h2::after{
width: 20px;
	height: 1px;
	content: '';
	position: absolute;
	right: -20px;
	top: 50%;
	transform: translateY(-50%);
	background-color: #fff;
}
.news h2::before{
width: 1px;
	height: 1rem;
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: #fff;
}
.news h2 a {
color: inherit;
}

.news .breaking-news-ticker{
width: calc(100% - 90px);
	margin-right: auto;
	overflow: visible;
}
.bn-news ul li a {
font-size: 1.12rem;
	line-height: 1.2rem;
	padding: .36rem 0;
	color: #fff;
}

.bn-news ul li a:hover {
text-decoration: underline;
}

.bn-effect-scroll .bn-news ul li {
padding: 0 1rem;
}

.news .date {
font-weight: normal;
}

.news .date:after {
content: ' | ';
	margin: 0 10px;
}
.bn-news {
width: 100%;
	max-width: 96%;
}
.news-toggle {
width: 26px;
	height: 26px;
	border: 1px solid #fff;
	border-radius: 50%;
	background: #111;
	color: #fff;
	background: none;
	font-size: 14px;
}

.bn-controls {
left: 0;
	right: auto;
}
.bn-direction-rtl .bn-controls button{
border: none;
	border-left: 1px solid #fff;
	border-radius: 0;
}
.bn-direction-rtl .bn-controls button::after{
content: '';
	position: absolute;
	width: 20px;
	left: -20px;
	height: 1px;
	background-color: #fff;
	top: 50%;
		transform: translateY(-50%);
}
.bn-controls button {
border: 0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: transparent;
	color: #fff;
	padding: 0;
	margin-right: 5px;
}

.bn-arrow {
top: -1px;
}

.bn-pause::before, .bn-pause::after {
background-color: #fff;
}
.bn-play::after {
border-left-color: #fff;
}

.bn-controls button:hover {
background-color: transparent;
	color: #fff;
	box-shadow: none;
	border: 2px solid #fff;
}


.side-banners a {
background-color: #fff;
	display: block;
	padding: 1rem;
	margin: 1rem 0;
}

/**************************************************************/

@media (min-width: 992px) {
.fast-navigation .smart-nav-sub > label,
	.fast-navigation .smart-nav-sub > select,
	.fast-navigation .smart-nav-sub > button {
		float: right;
		display: block;
	}

	.services {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 100%;
	}

	.bn-news {
		padding-right: 100px;
	}

	.centered {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, -50%);
	}
.fast-navigation > label,
.fast-navigation > select,
.fast-navigation > span {
		float: right;
		display: block;
	}

	.side-banners {
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
	}

	.side-banners.side-banners-right {
		right: 0;
	}

	.side-banners.side-banners-left {
		left: 0;
	}

	.cover {
		height: 100vh;
	}

	.news a {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media (max-width:1600px){
.cover h2.h2 {
		font-size: 3.6rem;
	}
}

@media (max-height:870px){
:root {
		--aside: 250px;
	}
.cover h2.h2 {
		font-size: 3.5rem;
	}
aside {
		padding-top: 95px;
	}
aside .logo {
		width: 82px;
	}
aside .list {
		width: calc(100% + 32px);
	}
aside .service .icon {
		width: 60px;
		height: 60px;
	}
aside .service .icon::after {
		width: 70px;
		height: 70px;
	}
aside .service .icon img {
		width: 40px;
	}
.cover .inner::after {
		height: 100px;
	}
}
@media (min-width:481px) and (max-width:991px){
.header .logo {
		width: 125px;
		height: 170px;
	}
.header .logo img {
	width: 81px;
		height: auto;
	}
}
@media (max-width: 991px) {
.list.under {
		z-index: -1;
	}
body{
padding-bottom: 10px;
}
.cover .services .box {
	left: 0;
	width: 100%;
	height: 100vh;
	top: 0;
		border-radius: 0;
		justify-content: center;
		overflow-y: scroll;
		overflow-x: clip;
		padding-top: 70px;
	}
.cover .box {
	transform: translateX(-9999px);
}
.cover .box .service {
	width: 100%;
	max-width: 40%;
	aspect-ratio: 1;
	height: 110px;
}
.cover .box .service:first-child {
	max-width: 100%;
	position: relative;
	max-height: 90px;
}
.cover .service img {
	width: 45px;
}
.cover .service figcaption {
	font-size: 1.1rem;
}
.cover .clicker {
	top: 50%;
	transform: translateY(-50%);
	right: auto;
	left: 0px;
		color: var(--text);
		font-size: 1.3rem;
		font-weight: normal;
	}
.cover .box .service:first-child:hover .clicker {
	background-color: transparent;
}

.desktop {
	display: none !important;
}
.only-mobile {
	display: block;
}
.header .logo {
	box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
	display: flex;
}

.cover {
	padding: 15px 0;
	padding-top: 0px;
		/* header height + padding */
		width: 100%;
		min-height: 320px;
		mix-blend-mode: normal;
	}

.centered {
	text-align: center;
}

.centered-banner img {
	max-width: 100%;
}

.news h2 {
	font-size: 1.1rem;
	padding-inline: 3px;
		background-color: var(--blue);
	}
.news h2::before,
.news h2::after {
	content: none;
}
.news .container-fluid {
	padding-inline: 3px;
}

.cover .toggle-slick {
	display: none;
}
video,
#toggle-video {
	display: none;
}
.fast-navigation > label,
.fast-navigation > select,
.fast-navigation > span {
	display: block;
	border-radius: 2rem;
	width: 100%;
}

.fast-navigation .smart-nav-sub > label,
.fast-navigation .smart-nav-sub > select,
.fast-navigation .smart-nav-sub > button {
	display: block;
	border-radius: 2rem;
}

.fast-navigation .smart-nav-sub > select {
	width: 100%;
	margin: .5rem 0;
}

.smart-nav-submit {
	margin: 0 auto;
}
.wrapper {
	flex-direction: column-reverse;
}
.header.offset .logo {
	height: 100px;
}

aside {
	padding-top: 2rem;
	margin: auto;
	width: 100%;
}
aside .logo {
	display: none;
}
aside .list {
	position: relative;
	width: 100%;
	inset: 0;
}
aside .service figure {
	flex-direction: row-reverse;
}
.cover h2.h2 {
	padding-left: 5px;
	position: relative;
	font-size: 2.1rem;
	margin-top: 5.5rem;
		margin-right: 1.4rem;
	}
.cover .inner {
	top: auto;
	width: 100%;
	height: 100%;
	border: none;
	display: flex;
	flex-direction: column-reverse;
	margin: 0 auto;
}

.cover .inner::after,
.cover .inner::before,
.cover .services::before,
.cover .services::after,
.bn-direction-rtl .bn-controls button::after {
	content: none;
}
.cover .shield {
	left: 0;
}
.cover .services {
	top: 50px;
}
.cover .shield {
	width: 122px;
	height: 71px;
}
.cover .shield img {
	width: 41px;
}
.news {
	padding: 0.5rem 0;
	background-color: var(--blue);
}
.news .breaking-news-ticker {
	width: 100%;
	margin-right: 0;
	margin-left: auto;
}

.bn-news {
	width: 90%;
}
.bn-direction-rtl .bn-controls button {
	border: 1px solid;
}
aside .service .icon {
	width: 70px;
	aspect-ratio: 1;
		height: auto;
	}

aside .service .icon::after {
	width: 75px;
	height: 75px;
}

aside figcaption {
	margin-left: 0;
		margin-right: 2rem;
	}
aside .service .icon img {
	width: 50px;
}
}

@media (max-width:480px){
.header{
padding-right: 10px;
}
.header .logo{
width: 92px;
	height: 120px;
}
.header .logo img{
width: 65px;
	height: auto;
}
}