@font-face {
	font-display: swap;
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 700;
	src: url('/site/templates/fonts/NotoSans-Bold.woff2') format("woff2")
}

@font-face {
	font-display: swap;
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 500;
	src: url('/site/templates/fonts/NotoSans-Medium.woff2') format("woff2")
}

@font-face {
	font-display: swap;
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 400;
	src: url('/site/templates/fonts/NotoSans-Regular.woff2') format("woff2")
}

@font-face {
	font-display: swap;
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 600;
	src: url('/site/templates/fonts/NotoSans-SemiBold.woff2') format("woff2")
}

:root{
    --f-header-height: 60px;
	--carousel-item-auto-size: 270px;
	--z-index-header: 4;
	--btn-font-size: 0.85em;
	--timer-height: 240px;
	--steps-number: 3;
}

html {
	scroll-padding: 90px;
}


.intro {
	padding-top: 0;
}
.icon-custom-size{
    --size: 1.5em;
}
.prop-table__cell--right{
	text-align: right;
}
.tab-features__control{
	padding: var(--space-sm) var(--space-md) var(--space-sm) var(--space-sm);
}
.icon-size-custom{
	height: 0.8em;
	width: 0.8em;
}
.prop-table__cell{
	padding: var(--space-xxs) var(--space-xxs) var(--space-xxs) 0;
}
.feature-v8__main-content{
	padding-bottom: var(--space-xl);
}
.tab-features__control::before{
	content: "OMODA";
}
.step__separator {
	background-color: var(--color-primary);
}
.step__label {
	font-weight: 500;
}
.step__circle {
	background-color: var(--color-primary);
	color: white;
}
.footer-v4__nav-item a{
	text-decoration: none;
	font-size: 1rem;
	transition: ease 0.3s;
}
.footer-v4__socials > .f-header__item {
	border-bottom: none;
}
.footer-v4__socials > .f-header__item .f-header__link--icon{
	color: var(--color-primary);
}
.footer-v4__socials > .f-header__item .f-header__link--icon:hover{
	color: var(--color-contrast-high);
}
.footer-v4__nav-item a:hover{
	color: var(--color-primary);
}
.footer-v4__nav-item a{
	color: var(--color-black);
}

.footer-v4 {
	text-align: left;
}

.footer-v4__nav-list {
	justify-content: start;
}

#cookie_note{
    display: none;
    position: fixed;
	bottom: 0;
	width: 100%;
    background-color: white;
    border-radius: 4px;
	z-index: 9999;
}

#cookie_note p{
    margin: 0;
    font-size: 0.7rem;
    text-align: left;
    color: black;
}

@media (min-width: 576px){
    #cookie_note.show{
        display: flex;
	}
}

@media (max-width: 575px){
	.cookie_accept{
		margin-top: 20px;
	}
    #cookie_note.show{
        display: block;
        text-align: left;
		width: 100%;
		position: fixed;
		bottom: 0;
		max-width: unset;
    }
}

@media (min-width: 80rem){
	.feature-v9__block{
		min-height: 600px;
	}
}
.loop-slideshow-v2__control .icon{
	--size: 48px;
}
.carousel__control{
	background-color: var(--color-primary);
	color: var(--color-white);
}
.carousel__control:hover{
	background-color: var(--color-primary-darker);
}
.custom-footer-hover-link{
	transition: 0.5s;
	color: var(--color-contrast-higher);
}
.custom-footer-hover-link:hover{
	color: var(--color-contrast-high);
}
.slideshow__height{
	height: calc(100vh - var(--timer-height) - var(--f-header-height) - 42px);
}
.custom-map > iframe{
	width: calc(50vw - var(--component-padding));
}
.f-header__item .f-header__link--icon{
	transition: 0.5s;
}
.f-header__item .f-header__link--icon:hover{
	color: var(--color-contrast-low);
}
.f-header__link{
	transition: 0.5s;
}
.f-header__link:hover{
	color: var(--color-contrast-high);
}

.pre-header{
	background-color: white;
}
.footer-v4__print{
	color: var(--color-contrast-higher);
}

.custom-figure{
	aspect-ratio: 16 / 9;
}

.bg-blue {
	background-color: #42aaff;
}

@media (max-width: 1023px){
	.pre-header{
		display: none;
	}
	.custom-figure{
		aspect-ratio: auto;
	}
	.f-header__item{
		border-bottom: 1px solid var(--color-contrast-high);
	}
	.slideshow__height{
		height: calc(50vh - 60px);
	}
	.contact-map-custom{
		height: 300px;
	}

	.custom-header-socials .f-header__item {
		border-bottom: none;
	}

	.step {
		text-align: left;
		width: 100%;
	}

	.step__circle {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 30px;
		height: 30px;
		border-radius: 50%;
	}

	.step__separator {
		display: none;
	}

}
@media (min-width: 64rem){
	.f-header__link, .f-header__dropdown-control, .f-header__dropdown-link, .f-header__btn, .f-header__form-control{
		font-size: 1rem;
		color: black;
		transition: ease 0.3s;
	}

	.f-header__link:hover {
		color: var(--color-primary);
	}
	.feature-v3__media-wrapper{
		height: 600px;
	}
	.footer-v4__nav-item:first-child {
        padding-left: 0;
		margin-left: 0;
    }
}