@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@600&family=Noto+Serif&display=swap');


:root{
	--a1:#072946;

	--xxl:1400px;
	--f1:"Noto Serif", serif;
	--f2:"Noto Sans", sans-serif;
	--f3:"wc-branding",serif;
	--c:#000;
	--r:2px;
	--c-info:#F3A59F;
	--c-primary:#22435f;
	--c-peach:#F7D4C0;
	--c-orange:#F7EDE9;
	--c-pink:#F4E9E4;
	--c-lilac:#F3E9F9;
	--c-o-dark:#00000099;
	--rgb-primary:104,192,147;
	--rgb-info:206,151,131;
	--fh:1rem;
	--lh:1.5rem;
	--ff:var(--f1);
	--h1:clamp(1.3rem,5vw,2rem);
	--h2:clamp(1.1rem,3vw,1.5rem);
	--h3:clamp(.9rem,2vw,1.2rem);
	--c-blue:#072946;
	--c-light:#eff2f1;
	--c-green:#2c3817;
	--fw-bold: 600;
}
.bg-black{
	background-color:var(--c-blue) !important;
}
h1,h2,h3,h4,h5,h6{
	--ff:var(--f2);
	--lh:130%;
}
h1>*,h2>*,h3>*,h4>*,h5>*,h6>*{
	display: inline-block;
    margin: .5rem 0;
}
main a:not(.btn):hover{
	--td:underline;
}
legend{
	--fh:1.2rem;
}


.owl-carousel .content {
	padding:6rem 5rem;
	max-width: 50%;
}
.owl-carousel .content h2.text-white {
	text-shadow: 1px 1px 3px var(--c-dark);
}
.owl-carousel .mask{
	background: var(--owl-mask);
}
.content ul{
	padding:0;
	list-style-type: '\2713';
}
ul li{
	padding:.75rem .5rem
}
.carousel-nav {
	--ff: var(--f2);
	width: 100%;
	border-bottom: 1px solid var(--c-dark);
	margin: 3rem 0 0;
	z-index: 9;
	position: relative;
}

.carousel-nav a {
	text-transform: uppercase;
	padding: 1.7rem;
	text-align: center;
	display: inline-block;
	position: relative;
	text-decoration:none;
}
.carousel-nav a:hover,.carousel-nav a.active {
	color: var(--c-blue);
}
.carousel-nav a:before {
	content: "";
	bottom: -1px;
	left: 0;
	right: 0;
	position: absolute;
	border-bottom: 3px solid transparent;
}
.carousel-nav a:hover:before {
	border-bottom-color: var(--c-primary);
}
.carousel-nav a.active:before {
	border-bottom-color: var(--c-blue);
}

.site-blocks-cover>div {
	position: relative;
}
.site-blocks-cover .slide {
	overflow: hidden;
	border-radius: 1rem;
}

@media(max-width:1200px){
	
	ul li{
		padding:.4rem
	}
	.carousel-nav{
		margin:2.5rem 0 0;
	}
	.carousel-nav a{
		padding: .5rem;
		--fh: .7rem;
		--lh: 1rem;
	}
	.owl-carousel .content{
		padding:.6rem 1.7rem;
		max-width:none;
		font-size: .8rem;
		background:var(--c-blue);
	}
	.owl-carousel .slide2 .content{
		background:var(--c-light);
	}
	.owl-carousel .slide3 .content{
		background:var(--c-green);
	}
	.owl-carousel .content h2{
		position:absolute;
		top:-10rem;
		width:50%;
	}
	.owl-carousel .slide1 h2{
		text-align:right;
		right:2rem;
	}
	.owl-carousel .slide2 h2{
		top: -11rem;
	}
	.owl-carousel .slide3 h2{
		top: -10rem;
	}
	.owl-carousel .content .fs-2{
		font-size: .9rem;
	}
	.owl-carousel .mask{
		position:relative;
		overflow:visible;
		height: 16rem;
	}
}
@media(max-width:992px){
	.owl-carousel .mask{
		height: 17rem;
	}
	.carousel-nav {
        margin: 3rem 0 0;
    }
}
@media(max-width:768px){
	.owl-carousel .mask{
		height: 18rem;
	}
	.carousel-nav {
        margin: 2.6rem 0 0;
    }
	footer * {
		text-align:center
	}
}
@media(max-width:575px){
	.owl-carousel .mask{
		height: 29rem;
	}
}