/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

html {
  scroll-behavior: smooth;
}

h1, h2, h3, h4, h5{
	font-family: "Montserrat"!important;
}

h1{
	font-size: 40px !important;
}

h2{
	font-size: 30px !important;
}

h3{
	font-size: 25px;
}

h1 span{
	font-family: "Montserrat"!important;
}

h2 span{
	font-family: "Montserrat"!important;
}

h3 span{
	font-family: "Montserrat"!important;
}

p, a, span, strong{
	font-family: "Open Sans", sans-serif!important;
}

a {
	color: #636466 !important;
}

/* Menu */
.blue-bg-menu{
	background: linear-gradient(180deg, rgba(0,137,207,1) 0%, rgba(0,105,174,1) 100%);
	text-transform: uppercase;
	margin-right: 1px !important;
}

.blue-mobile-menu{
	background: #0067AC;
}

.blue-bg-menu a{
	color: #fff !important;
}

.blue-bg-menu a:hover{
	color: #fff !important;
}

.orange-bg-menu{
	background: linear-gradient(180deg, rgba(255,170,0,1) 0%, rgba(235,157,0,1) 100%);
	padding: 12px 10px;
    color: #fff !important;
	transition: all .2s ease-in;
}

.bullit-list-blue{
	list-style: none;
	margin: 0;
	padding: 0;
}

.bullit-list-blue li{
	position: relative;
	padding-left: 20px;
}

.bullit-list-blue li::before{
	content: '•';
    color: #0089cf;
    font-size: 26px;
    position: absolute;
    left: 0;
    top: -7px;
}

.font-uppercase{
	text-transform: uppercase;
}

.font-initial{
	text-transform: initial;
}

.font-white{
	color: #fff;
}

.font-light-blue{
	color: #0089cf !important;
}

.font-dark-blue{
	color: #004A80 !important;
}

.font-dark-gray{
	color: #4B5861!important;
}

.gray-bg{
	background: #f1f2f3;
}

.custom-margin-contact .custom-margin-btn{
	margin-top: 6px;
}

.fontweight{
	font-weight: 600;
}

.fontweight700{
	font-weight: 700;
}

.fontweight800{
	font-weight: 800;
}

.desktop-menu{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	height: 70px;
}

.logo-wrapper{
	width: 10%;
}

.menu-items{
	width: 80%;
	height: 100%;
}

.menu-language{
	width: 10%;
	text-align: center;
}

.menu-items ul,
.menu-language ul{
	display: flex;
	gap: 1px;
	justify-content: center;
	align-items: flex-end;
	list-style: none;
	margin:0;
	padding: 0;
	height: 100%;
}

.menu-items ul li,
.menu-language ul li{
	display: block;
	position: relative;
	height: fit-content;
}

.menu-items ul li li,
.menu-language ul li{
	display: inline-grid;
	position: relative;
	height: fit-content;
}

.menu-items ul li a{
	display: block;
	padding: 0;
	line-height: 25px;
	font-weight: 600;
	font-family: "Montserrat" !important;
	font-size: 14px;
	
}

.blue-bg-menu{
	transition: all .2s ease-in;
}

.blue-bg-menu:hover{
	background: linear-gradient(180deg, rgb(2 129 195) 0%, rgb(0 69 115) 100%);
	transition: all .2s ease-in;
}

.orange-bg-menu:hover{
	background: linear-gradient(180deg, rgb(220 147 0) 0%, rgb(196 131 0) 100%);
	transition: all .2s ease-in;
}

.menu-items ul li li a{
	font-size: 14px;
	color: #fff !important;
}

.menu-items ul li li a:hover{
	background: unset;
}

.menu-items .menu-items-submenu{
	position: absolute;
	padding: 0;
	left:0;
	top: 45px;
	display: none;
	width: 100%;
/* 	background: linear-gradient(180deg, rgba(0,137,207,1) 0%, rgba(0,105,174,1) 100%); */
	background: #f1f2f3;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .13);
}

.menu-items li:hover .menu-items-submenu{
	display: none;
}

.menu-items li:hover .menu-items-submenu{
	display: block;
	height: max-content;
}

.menu-items ul li ul{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.menu-items .menu-items-submenu li{
	width: 100%;
}

.menu-items .menu-items-submenu li:hover{
	background: #fff;
}

.menu-items .menu-items-submenu li a{
	padding: 10px 5px 10px 10px;
	color: #00A0DD !important;
	font-weight: 700;
}

.menu-items ul li:nth-child(1){
	margin-right:12px;
}

.menu-items ul li:nth-child(5){
	margin-left: 12px;
}

.menu-items ul li:nth-child(1) .menu-items-submenu{
	margin: 0;
}

.menu-items ul li:nth-child(4) .menu-items-submenu{
	width: 160px;
}

.menu-items ul li .blue-bg-menu{
	padding: 10px !important;
	color: #fff !important;
	font-weight: 700;
}

.menu-language ul{
	justify-content: flex-end;
	margin-right:8px;
}

.menu-language ul li a{
	font-size: 14px;
}

.item-position{
	margin-top: -35px;
}

.orange-bg-menu{
	text-transform: uppercase;
	transition: .2s all;
	font-weight: 700;
}

.active-item{
	background: linear-gradient(180deg, rgb(2 129 195) 0%, rgb(0 69 115) 100%);
}

.active-menu-color{
	color: #0089CF !important;
}

/* Buttons */

.btn-blue{
	background-color: #1fc4f3;
	padding: 8px 14px;
	color: #fff !important;
	border-radius: 6px;
}

.btn-border-blue{
	border: 1px solid #004a80 !important;
	padding: 8px 14px;
	color: #004a80 !important;
	border-radius: 6px;
}

.btn-blue-arrow{
	color: #004A80 !important;
	position: relative;
	padding-left: 20px;
}

.light-blue-btn{
	background-color: #1fc4f3 !important;
}

.btn-blue-arrow::before{
	content: '';
	position: absolute;
	left: 0;
	top:4px;
	background: url('/wp-content/uploads/2022/02/chevron-right-solid-blue.svg') no-repeat;
	width: 14px;
	height: 14px;
	background-size: contain;
	transition: .2s all;
}

.btn-blue-arrow:hover::before{
	left: 3px;
}

.btn-arrow {
    display: inline-block;
    position: relative;
    transition: all 300ms ease-out;
    will-change: transform;
    overflow: hidden;
    height: 40px;
    width: fit-content;
    border-radius: 10px;
	padding: 0 !important;
	background: unset !important;
}

.btn-arrow a {
    padding: 12px 28px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}

.btn__overlay a {
    overflow: hidden;
    position: relative;
}

.btn-arrow a svg {
    position: absolute;
    width: 1.1em;
    left: 0px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 300ms ease-out;
    will-change: left, opacity;
	width: 15px;
}

.btn-arrow .btn__txt span {
    transition: all .2s;
    position: relative;
    right: 0;
}

.btn-arrow .btn__txt{
	font-size: 14px !important;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 600;
}

.btn__overlay a span {
    color: #fff;
    border: none;
    font-size: 14px;
    z-index: 3;
	font-weight: 600;
}

.btn-border-blue a span{
	color: #004a80 !important;
}

.btn-border-blue .st0{
	fill: #004a80 !important;
}

.btn-border-blue a svg{
	width: 15px;
}

.btn-arrow:hover .btn__txt span {
    position: relative;
    right: -5px;
    transition: all .2s;
}

.btn-arrow:hover a svg {
    opacity: 1;
    left: 0.5rem;
}

/* Form styling */

[type=button], [type=submit], button{
	background-color: #1fc4f3 !important;
	padding: 8px 20px;
	color: #fff !important;
	border-radius: 6px;
	border: none !important;
}

[type=button]:focus, [type=submit]:focus, button:focus{
	outline: none !important;
}

input,
select,
textarea{
	border-radius: 8px !important;
}

input::placeholder,
select::placeholder,
textarea::placeholder{
	font-style: italic;
	color: #868F95;
}

input:focus,
select:focus,
textarea:focus{
	outline: none !important;
}

.gfield_required{
	display: none !important;
}

.gfield_label{
	font-style: italic;
	color: #868F95;
	font-weight: 400 !important;
}

/* Homepage */

.animals-wrapper{
	transform: translateY(-125px);
}

.animals-wrapper .col img{
	width: 210px;
	border-radius: 10px;
}

.animals-wrapper .col:nth-child(1){
	justify-self: end;
}

.animals-wrapper .col:nth-child(3){
	justify-self: start;
}

.visite-wrapper{
	display: grid;
	grid-template-columns: 60% 40%;
}

.visite-cta{
	background-color: #0067ac;
	border-radius: 20px;
	overflow: hidden;
	height: min-content;
}

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

.pr40{
	padding-right: 40px;
}

.home-items{
	transform: translatey(-160px);
}

.home-items .col{
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid #004a80;
}

.home-items .col img{
	max-height: 150px;
	height: 100%;
	min-height: 100px;
	object-fit: cover;
	width: 100%;
}

.home-overview{
	padding: 20px; 
	display: flex; 
	flex-direction: column; 
	justify-content: space-between;     
	height: 250px;
}

/* Waterinstallaties */

.side-menu{
	list-style: none;
	display: flex;
    flex-direction: column;
    gap: 15px;
	padding: 0;
	margin: 0;
}

.side-menu li{
	border-bottom: 1px solid #636466;
	width: 100%;
	position: relative;
	padding-bottom: 8px;
	display: flex;
}

.side-menu li a{
	color: #636466 !important;
	padding: 10px 0;
	width: 100%;
	z-index: 1;
}

.side-menu li::after{
	content: '>';
	font-size: 20px;
	color: #004A80;
	position: absolute;
	right: 0;
	z-index: 0;
	top: 6px;
}

.jet-timeline-item:nth-child(5) .timeline-item__point-content--icon{
	display: none;
}

.timeline-img{
	height: 275px !important;
	width: 100%;
	object-fit: cover;
	border-radius: 20px !important;
}

.timeline-icons-mobile{
	display: none;
}

/* Nieuws overzicht */

.nieuws-items .elementor-post__title a{
	color: #0089CF !important;
	font-weight: 700;
}

.nieuws-items .elementor-post__read-more{
	color: #004A80 !important;
	font-weight: 700 !important;	
	padding-left: 20px;
	position: relative;
}

.nieuws-items .elementor-post__read-more::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    background: url(/wp-content/uploads/2022/02/chevron-right-solid-blue.svg) no-repeat;
    width: 14px;
    height: 14px;
    background-size: contain;
    transition: .2s all;
}

.nieuws-items .elementor-post__read-more:hover::before {
    left: 3px;
}

.nieuws-items .elementor-post__meta-data{
	position: relative;
    top: -155px;
    left: 30px;
    border: none !important;
    padding: 0 !important;
	font-style: italic;
}

.nieuws-items .elementor-post-date{
	color: #004A80;
	font-size: 14px;
	margin-bottom: 12px;
	font-family: "Montserrat", Sans-serif !important;
}

.nieuws-items .elementor-post__text{
	margin-top: 0 !important;
}

.nieuws-items .elementor-post__read-more{
	margin-bottom: 0 !important;
}

.nieuws-items .elementor-post__excerpt p{
text-overflow: ellipsis;
    overflow: hidden;
    width: 275px;
    height: 65px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.nieuws-items .elementor-post__text{
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.nieuws-img-uitgelicht img{
	width: 100%;
	height: 270px;
	border-radius: 20px;
}

/* Product pagina */

.product-benefits{
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 20px;
}

.product-benefits img{
	width: 134px;
	height: 134px;
}

.product-benefits .col{
	text-align: center;
}

.documents-download{
	list-style: none;
	padding: 20px 0 20px 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
	border-top: 1px solid #A6ACB0;
	border-bottom: 1px solid #A6ACB0;
}

.documents-download li{
	position: relative;
	padding-left: 40px;
}

.pdf-green::before{
	background: url('/wp-content/uploads/2022/02/pdf-green.svg');
}

.pdf-black::before{
	background: url('/wp-content/uploads/2022/02/pdf-black.svg');
}

.pdf-green::before,
.pdf-black::before{
	content: '';
	position: absolute;
	left: 0;
	height: 25px;
	width: 25px;
	background-size: contain;
	background-repeat: no-repeat;
}

.swiper-slide-show .elementor-thumbnails-swiper{
	width: 50%;
}

.swiper-slide-show .elementor-thumbnails-swiper{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}

.swiper-slide-show .elementor-thumbnails-swiper .swiper-slide-active{
	border: 1px solid #1fc4f3;
}

.swiper-slide-show .elementor-thumbnails-swiper .swiper-wrapper .swiper-slide{
	border-radius: 10px;
	width: 100% !important;
    margin-right: 10px !important;
    height: 75px !important;
}

.swiper-slide-show .elementor-carousel-image,
.swiper-slide-show .elementor-main-swiper .elementor-carousel-image:hover::after,
.swiper-slide-show .elementor-main-swiper .elementor-carousel-image:hover{
	transition: .2s all;
}

.swiper-slide-show .elementor-main-swiper .elementor-carousel-image:hover::after{
	content: '';
	position: absolute;
	right: 20px;
	top: 20px;
	background: url('/wp-content/uploads/2022/02/ICON-Expand.svg') no-repeat;
	width: 30px;
	height: 30px;
	object-fit: contain;
}

.elementor-slideshow__footer{
	background: #004A80;
}

.table-product{
	width: 60%;
	margin-top: 12px;
}

.table-product td{
	background-color: unset !important;
	color: #0067ac;
	font-size: 16px;
	padding: 5px;
}

.table-product td:nth-child(1){
	font-weight: 800;
}

.table-product td, .table-product th{
	border: none !important;
}

.products-overview{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
}

.products-overview .col{
	overflow: hidden;
	border-radius: 20px;
	display: grid;
}

.products-overview .col div{
	height: 100%;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.products-overview .col img{
	height: 260px;
	width: 381px;
	object-fit: cover;
	border-radius: 20px 20px 0 0;
	transition: .2s all;
}

.products-overview .col div h2{
	font-size: 24px;
	margin-bottom: 0;
}

.products-overview .col:hover img{
	transform: scale(1.1);
}

.products-overview h2{
	font-size: 20px !important;
	margin-bottom: 12px !important;
}

.products-overview a{
	font-size: 14px !important;
	margin-top: 12px !important;
}

.product-img{
	overflow: hidden;
}

/* Contact */

.contact-list{
	list-style: none;
	padding-left: 45px;
}

.contact-list li{
	position: relative;
	padding-left: 32px;
	margin-bottom: 20px;
}

.contact-list li strong{
	color: #0089CF;
}

.divider-contact,
.divider-contact .elementor-widget-container{
	height: 100%;
}

.contact-list li a{
	color: #636466 !important;
	transition: .2s all;
}

.contact-list li a:hover{
	text-decoration: underline;
}

.contact-list li:nth-child(1)::before{
	content: '';
	background: url('/wp-content/uploads/2022/02/phone-alt-solid.svg') no-repeat;
	position: absolute;
	left: 0;
	width: 20px;
	height: 20px;
}

.contact-list li:nth-child(2)::before{
	content: '';
	background: url('/wp-content/uploads/2022/02/Envelope.svg') no-repeat;
	position: absolute;
	left: 0;
	width: 20px;
	height: 20px;
}

.contact-list li:nth-child(3)::before{
	content: '';
	background: url('/wp-content/uploads/2022/02/MapMarker.svg') no-repeat;
	position: absolute;
	left: 0;
	width: 20px;
	height: 20px;
}

.gform_wrapper.gravity-theme .instruction{
	display: none;
}

.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message{
	border: none;
	background: none;
	color: #DF321B;
}

.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
    background: unset !important;
    border: 1px solid #DF321B;
    font-size: 14.992px;
    margin-top: 0;
    padding: 0;
}

.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
    background: #fff9f9;
    border: none;
    font-size: 14.992px;
    margin-top: 0 !important;
    padding: 0 !important;
}

.gform_wrapper .gform_validation_errors>h2{
	color: #DF321B;
}

.gform-icon--close{
	display: none !important;
}

.gform_wrapper .gform_validation_errors{
	border-radius: 10px;
}

.checklist{
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.checklist li{
	position: relative;
	padding-left: 30px;
	font-weight: 600;
}

.checklist li::before{
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	background: url('/wp-content/uploads/2022/02/checksign.svg') no-repeat;
	width: 20px;
	height: 20px;
	object-fit: contain;
}

/* Columns */

.columns-wrapper{
	display: grid;
}

.items-center{
	justify-items: center;
}

.align-center{
	align-items: center;
}

.text-center{
	text-align: center;
}

.cols-3{
	grid-template-columns: 1fr 1fr 1fr;
}

.cols-60-40{
	grid-template-columns: 2fr 1fr;
}

.cols-40-60{
	grid-template-columns: 1fr 2fr;
}

.cols-50-50{
	grid-template-columns: 1fr 1fr;
}

.gap-20{
	gap: 20px;
}

.gap-40{
	gap: 40px;
}

.hidden-item{
	display: none !important;
}

.mobile-menu{
	display: none;
}

.wpml-ls-flag{
	width: 100%;
	height: 100%;
}

.sub-menu .wpml-ls-flag{
	width: 25px !important;
}


.wpml-ls-item .wpml-ls-flag{
	width: 27px;
}

.wpml-ls-current-language .elementor-sub-item{
	padding: 0 !important;
}

.wpml-ls-item .elementor-sub-item{
	display: flex;
	justify-content: flex-end;
	margin-bottom: 8px;
}

.wpml-ls-item .elementor-sub-item:hover{
	background: unset !important;
}

.wpml-ls-item .elementor-nav-menu--dropdown{
	display: flex;
	flex-direction: column;
}

.wpml-ls-current-language a{
	padding: 12px 16px !important;
}

.wpml-ls-current-language{
	cursor: pointer;
}

.wpml-ls-current-language .sub-menu li a {
  	pointer-events: auto !important;
}

.wpml-ls-current-language .sub-menu{
	z-index: 3 !important;
    width: auto !important;
    min-width: 5em !important;
    max-width: 100px !important;
    top: auto !important;
    left: 0 !important;
    margin-left: -14px !important;
    margin-top: 0 !important;
    padding-top: 12px !important;
    padding: 10px !important;
}

/* Veehouderij */

.timeline-horizontal .jet-hor-timeline-list:nth-child(1){
	transform: translateY(250%);
}

.timeline-horizontal .jet-hor-timeline-list:nth-child(1) .jet-hor-timeline-item:nth-child(1) .jet-hor-timeline-item__meta,
.timeline-horizontal .jet-hor-timeline-list:nth-child(3) .jet-hor-timeline-item:nth-child(1) .jet-hor-timeline-item__card-title{
	color: #004B7F;
}

.timeline-horizontal .jet-hor-timeline-list:nth-child(1) .jet-hor-timeline-item:nth-child(2) .jet-hor-timeline-item__meta,
.timeline-horizontal .jet-hor-timeline-list:nth-child(3) .jet-hor-timeline-item:nth-child(2) .jet-hor-timeline-item__card-title{
	color: #0062AE;
}

.timeline-horizontal .jet-hor-timeline-list:nth-child(1) .jet-hor-timeline-item:nth-child(3) .jet-hor-timeline-item__meta,
.timeline-horizontal .jet-hor-timeline-list:nth-child(3) .jet-hor-timeline-item:nth-child(3) .jet-hor-timeline-item__card-title{
	color: #0092D8;
}

.timeline-horizontal .jet-hor-timeline-list:nth-child(1) .jet-hor-timeline-item:nth-child(4) .jet-hor-timeline-item__meta,
.timeline-horizontal .jet-hor-timeline-list:nth-child(3) .jet-hor-timeline-item:nth-child(4) .jet-hor-timeline-item__card-title{
	color: #0CBAEE;
}

.timeline-horizontal .jet-hor-timeline-list:nth-child(3){
	margin-top: 40px;
}

.timeline-horizontal .jet-hor-timeline-list:nth-child(2) .jet-hor-timeline-item:nth-child(2) .jet-hor-timeline-item__point-content{
	background-color: #004B7F;
}

.timeline-horizontal .jet-hor-timeline-list:nth-child(2) .jet-hor-timeline-item:nth-child(3) .jet-hor-timeline-item__point-content{
	background-color: #0062AE;
}

.timeline-horizontal .jet-hor-timeline-list:nth-child(2) .jet-hor-timeline-item:nth-child(4) .jet-hor-timeline-item__point-content{
	background-color: #0092D8;
}

.timeline-horizontal .jet-hor-timeline-list:nth-child(2) .jet-hor-timeline-item:nth-child(5) .jet-hor-timeline-item__point-content{
	background-color: #0CBAEE;
}

.jet-hor-timeline-item__meta{
	font-weight: 600;
	font-size: 18px;
}

.timeline-horizontal .jet-hor-timeline-list:nth-child(3) .jet-hor-timeline-item__card-title{
	font-weight: 600;	
}

.timeline-horizontal .jet-hor-timeline__line{
	background-color: transparent !important;
    height: 2px;
    border-top: 2px dotted #0089CF;
}

.jet-next-arrow,
.jet-prev-arrow{
	display: none !important;
}

.cta-btn-yellow {
    height: 300px;
    width: 300px;
    background-color: #FFAA00 !important;
    padding: 20px;
    border-radius: 50%;
    font-size: 30px;
    color: #004a80 !important;
    line-height: 1;
}

.cta-btn-yellow strong{
	font-size: 52px;
	color: #fff;
	font-weight: 900;
}

.cta-btn-yellow span{
	font-weight: 800;
}

.center-module{
	text-align: center;
}

.cc-window.cc-floating{
	width: 100vw !important;
	max-width: 100vw !important;
}

/* .brochure-bg-footer{
	background-color: #00365D;
    background-position: 46% center !important;
    background-repeat: no-repeat;
    background-size: 40% 100% !important;
} */

.home .elementor-background-video-hosted{
	top: 58%  !important;
}

.elementor-background-video-hosted{
	top: 100%  !important;
}

.footer-bottom p{
	margin-bottom: 0 !important;
}

:lang(de-DE) .cta-btn-yellow{
	font-size: 21px; 
}

:lang(de-DE) .cta-btn-yellow strong{
	font-size: 36px;
}

:lang(de-DE) .cta-btn-yellow span{
	font-size: 30px;
}

/* Responsive */

@media screen and (min-width: 1921px){
	.bg-full-color .elementor-background-overlay{
		background-image: linear-gradient(90deg,#00365D 77%,#00365D00 85%) !important;
	}
}

@media screen and (min-width: 1651px){
	.home .elementor-background-video-hosted{
		top: 78%  !important;
	}
}

@media screen and (min-width: 1450px){
	.bg-full-color-test{
		background-size: 53% auto !important;
		background-position: right center !important;
	}
}

@media screen and (max-width: 1449px){
	.bg-full-color-test{
		background-position: right center !important;
    	background-size: contain !important;
	}
}

@media screen and (min-width: 1401px) and (max-width: 1650px){
	.home .elementor-background-video-hosted{
		top: 60%  !important;
	}
	
}

@media screen and (min-width: 1025px) and (max-width: 1400px){
	.home .elementor-background-video-hosted{
		top: 50%  !important;
	}
}

@media screen and (max-width: 1024px){
	.product-benefits{
		grid-template-columns: 1fr 1fr;
		grid-gap: 20px;
	}
	
	.cols-50-50{
		grid-template-columns: 1fr;
	}
	
	.gap-40{
		gap: 20px;
	}
	
	.mobile-language{
		position: absolute;
		top: 0px;
		right: 10px;
		width: 50px !important;
		height: 100%;
	}
	
	.sub-menu{
		display: none !important;
		background-color: transparent !important;
	}
	
	.sub-menu .wpml-ls-flag{
		width: 30px !important;
	}
	
	.sub-menu .menu-item{
		display: flex;
		gap: 10px;
		left: -3px;
	}
	
	.wpml-ls-current-language:hover .sub-menu{
		display: flex !important;
	}
	
	.wpml-ls-current-language  a{
		pointer-events: none;
	}
	
	.home-overview{
		padding: 10px;  
		min-height: 250px;
		margin-bottom: 12px;
	}
	
	.desktop-menu{
		display: none;
		height: unset;
	}
	
	nav{
		height: unset;
	}
	
	.hambuger-icon a{
		color: #0089cf !important;
	}
	
	.mobile-menu-popup a{
		color: #fff !important;
		font-family: "Montserrat"!important;
	}
	
	.mobile-menu-popup .sub-menu{
		position: unset !important;
		top: unset !important;
		left: unset !important;
		margin: unset !important;
	}
	
	.mobile-menu-popup .sub-menu a{
		color: #0089cf !important;
	}
	
	/* Mobile Navigation */
	.mobile-menu{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.nav__menu-title {
		font-size: 16px;
		font-weight: bold;
		font-family: 'Montserrat';#nav-icon3
		color: #fff;
		z-index: 29;
		position: fixed;
		right: 40px;
		text-shadow: 0px 1px 4px #444;
	}

	#nav-icon3 {
		z-index: 10;
		width: 45px;
		height: 45px;
		margin: 0 auto;
		position: absolute;
		right: 0;
		top: 15px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}

	#nav-icon3 span {
		display: block;
		position: absolute;
		height: 5px;
		width: 100%;
		background: #0067ac;
		border-radius: 2px;
		opacity: 1;
		right: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;

	}

	/* Icon 3 */

	#nav-icon3 span:nth-child(1) {
		top: 0px;
		box-shadow: 0px 1px 4px #444;
	}

	#nav-icon3 span:nth-child(2),
	#nav-icon3 span:nth-child(3) {
		top: 16px;
		box-shadow: 0px 1px 4px rgba(68, 68, 68, 0.5);
	}

	#nav-icon3 span:nth-child(4) {
		top: 32px;
		width: 80%;
		box-shadow: 0px 1px 4px #444;

	}

	#nav-icon3.open span:nth-child(1) {
		top: 16px;
		width: 0%;
		right: 50%;
		box-shadow: none;
	}

	#nav-icon3.open span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		box-shadow: none;
	}

	#nav-icon3.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		box-shadow: none;
	}

	#nav-icon3.open span:nth-child(4) {
		top: 18px;
		width: 0%;
		right: 50%;
	}

	.offcanvas__menu-wrapper {
		z-index: 3;
		background: #00365df0;
		color: #fff;
		position: fixed;
		width: 60vw;
		height: 100%;
		right: 0;
		top: 0;
		padding: 40px;
	}

	.offcanvas__menu-item a {
		color: #fff !important;
		font-size: 22px;
		font-family: 'Montserrat';
		font-weight: 600;
		padding: 10px;
	}

	.offcanvas__menu-item a:hover {
		color: #D2D2D2;
	}

	.offcanvas__menu-item {
		margin-bottom: 20px;

	}

	.header__upper-title {
		text-transform: uppercase;
		color: #fff;
		font-size: 18px;
		font-family: 'Montserrat';
		font-weight: bold;
		margin-left: 5px;
	}

	.offcanvas__item-wrapper {

		padding-top: 20vh;
	}

	.offcanvas__menu-border {
		border-bottom: 1px solid #fff;
		margin: 50px 10px;
		width: 100%;
	}

	.logonavtoggle__widget-wrapper .elementor-widget-container {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding: 20px 0px 0px 20px !important;
	}
	
	
	.languages{
		display: flex;
		justify-content: flex-start;
	}
	
	.languages img{
		width: 35px;
		height: 35px;
	}
	
	.products-overview{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px;
		justify-items: center;
	}
	
	.mobile-contact{
		margin: 0 !important;
	}
	.mobile-contact .elementor-widget-container{
		padding: 0 !important;
	}
	
	.mobile-language a{
		padding: 0 !important;
	}
	
	.mobile-contact img,
	.mobile-language img{
		width: 30px !important;
		height: auto;
		object-fit: contain;
	}
	
	.mobile-tablet-column .elementor-element-populated{
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		justify-items: end;
		align-items: center;
		grid-gap: 10px;
	}

	.jet-next-arrow,
	.jet-prev-arrow{
		display: flex !important;
	}
	
	.elementor-background-video-hosted{
		top: 65%  !important;
	}
	
	.home .elementor-background-video-hosted{
		top: 50%  !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 900px){
	.home-overview{
		padding: 10px;  
		min-height: 300px;
	}	
}

@media screen and (max-width: 768px){
	
	h1{
		font-size: 30px !important;
	}
	
	.cols-60-40,
	.cols-3{
		grid-template-columns: 1fr;
	}
	
	.brochure-bg .elementor-element-populated{
		background-size: cover;
		background-position: center;
		background-repeat: no repeat;
	}
	
	.animals-wrapper{
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 10px;
		transform: translateY(-65px);
	}
	
	.visite-cta{
		height: min-content;
		max-width: 400px;
		width: 100%;
		min-width: 300px;
		margin-top: 24px;
	}
	
	.products-benefits{
		flex-wrap: wrap;
	}
	
	.hidden-item{
		display: block !important;
	}
	
	.product-buttons{
		flex-direction: column;
		gap: 10px;
	}
	
	.timeline-item__point{
		display: none;
	}
	
	.bg-full-color .elementor-background-overlay,
	.bg-full-color-test .elementor-background-overlay{
		background-image: linear-gradient(90deg, #00365D 100%, #00365D00 100%) !important;
	}
	
	.home-overview{
		padding: 10px;  
		min-height: 225px;
	}
	
	.gform_wrapper.gravity-theme .gfield input.medium{
		width: 100%;
	}
	
	.offcanvas__menu-wrapper {
		width: 100vw;
	}
	
	#nav-icon3{
		top: 4px;
	}

	.table-product{
		width: 100%;
	}
	
	.timeline-icons-mobile{
		display: block;
		position: absolute;
		top: 14px;
		left: 14px;
		width: 60px;
		height: 60px !important;
		background-image: radial-gradient(at center center, #FFFFFFD4 35%, #13131300 75%); 
	}
	
	.elementor-background-video-hosted{
		top: 50% !important;
	}
	
	.visite-wrapper{
		display: flex;
		flex-direction: column-reverse;
	}
	
	.visite-wrapper img{
		height: 200px !important;
		object-fit: cover;
		object-position: 0 -96px;
		width: 100%;
	}
}


[x-cloak] { display: none !important; }