@import url('https://fonts.googleapis.com/css?family=Roboto');
@charset "utf-8";
/* CSS Document */

*
{
	margin: 0;
	padding: 0;
}

h1,
h2,
p
{
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	line-height: inherit;
}

.inputsize150
{
	width: 150px;
}
.inputsize410
{
	width: 410px;
}

[type="text"],
textarea
{
	box-shadow: 2px 2px 2px rgba(0,0,0,.3), inset 0 10px 10px rgba(0,0,0,.2);
	border: 0;
	padding: 3px 4px;
	font-family: 'Roboto';
}
textarea
{
	resize: none;
}

.clear
{
	clear: both;
}
.left
{
	float: left;
}
.right
{
	float: right;
}

.button
{
	color: #fff;
	background: #e3151b;
	cursor: pointer;
	padding: 18px 26px;
	text-align: center;
}
.button.sending,
.button.sent
{
	background: #ccc;
	color: #999;
	cursor: default;
}

body
{
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 14px;
	overflow-y: scroll;
}

.popup-contact-form,
.popup-testimonial-form
{
	width: 700px;
	height: 300px;
	position: fixed;
	z-index: 500;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.9);
	border-top: 1px solid transparent;
	padding: 10px 20px 20px 20px;
	margin: auto;
	display: none;
}
.popup-testimonial-form
{
	height: 230px;
}
.popup-contact-form:before,
.popup-testimonial-form:before
{
	width: 100%;
	height: 100%;
	display: block;
	content: '';
	background: rgba(0,0,0,.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}
	.popup-contact-cancel,
	.popup-testimonial-cancel,
	.popup-agree
	{
		float: left;
		color: #ccc;
		cursor: pointer;
		text-decoration: underline;
		margin: 20px 0 0 0;
	}
	.popup-agree
	{
		margin-left: 20px;
		text-decoration: none;
	}
		.popup-agree a
		{
			color: #fff;
		}
	.popup-contact-row,
	.popup-testimonial-row
	{
		margin: 10px 0 0 0;
	}
		.popup-contact-label,
		.popup-testimonial-label
		{
			float: left;
			text-align: right;
			width: 205px;
			font-size: 14px;
			color: #fff;
		}
		.popup-contact-label:nth-child(3),
		.popup-testimonial-label:nth-child(3)
		{
			width: 92px;
		}
		.popup-contact-input,
		.popup-testimonial-input
		{
			float: left;
			margin: 0 0 0 10px;
		}
	.popup-contact-button,
	.popup-testimonial-button
	{
		float: right;
		font-size: 16px;
		padding-top: 10px;
		padding-bottom: 10px;
		margin: 10px 0 0 0;
	}

.header
{
	box-shadow: 0 8px 4px rgba(0,0,0,.4);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 200;
	background: #fff;
	transition: all .2s ease-in-out;
}
	.logo
	{
		width: 599px;
		height: 163px;
		float: left;
		margin: 0 0 0 20px;
		background: url(../img/logo.jpg) center no-repeat;
		background-size: contain;
		transition: all .2s ease-in-out;
	}
	.header.condensed .logo
	{
		width: 368px;
		height: 100px;
	}
	.header-contact
	{
		float: right;
		margin: 0 30px 0 0;
	}
	.header-phone
	{
		float: left;
		margin: 46px 0 0 0;
		font-size: 28px;
		font-weight: 600;
		color: #b7811a;
		transition: all .2s ease-in-out;
	}
	.header.condensed .header-phone
	{
		font-size: 16px;
		margin-top: 20px;
	}
	.header-email
	{
		float: left;
		margin: 46px 0 0 20px;
		font-size: 28px;
		font-weight: 600;
		transition: all .2s ease-in-out;
	}
	.header.condensed .header-email
	{
		font-size: 16px;
		margin-top: 20px;
	}
		.header-email a
		{
			color: #1a89b7;
			text-decoration: none;
		}
		.header-email a:hover
		{
			text-decoration: underline;
		}
	.header-button
	{
		float: left;
		margin: 30px 0 0 20px;
		font-size: 22px;
		width: 230px;
		transition: all .2s ease-in-out;
	}
	.header.condensed .header-button
	{
		margin-top: 15px;
		font-size: 16px;
		width: 182px;
		padding: 8px 0;
	}
	.navlang
	{
		float: right;
		margin: 10px 0 0 0;
	}
		.nav
		{
			float: left;
			margin: 10px 0 0 0;
			transition: all .2s ease-in-out;
		}
		.header.condensed .nav
		{
			margin-top: 5px;
		}
			.nav a,
			.nav .nav-contact
			{
				text-transform: uppercase;
				color: #747474;
				font-size: 16px;
				float: left;
				margin: 0 0 0 30px;
				text-decoration: none;
				transition: all .2s ease-in-out;
				cursor: pointer;
			}
			.nav a:hover,
			.nav .nav-contact:hover
			{
				text-decoration: underline;
			}
			.header.condensed .nav a,
			.header-condensed .nav .nav-contact
			{
				font-size: 15px;
				margin-left: 20px;
			}
		.nav-mobile
		{
			display: none;
			float: left;
			position: relative;
			z-index: 300;
		}
			.nav-mobile-icon
			{
				height: 28px;
				width: 56px;
				border: 1px solid #ccc;
				background: url(../img/nav-mobile.png) center no-repeat;
				background-size: contain;
				border-radius: 3px;
				cursor: pointer;
			}
			.nav-mobile-links
			{
				position: absolute;
				top: 30px;
				right: 0;
				background: #fff;
				padding: 10px 20px;
				box-shadow: 0 8px 4px rgba(0,0,0,.4);
				display: none;
			}
				.nav-mobile-links a,
				.nav-mobile-links .nav-contact
				{
					text-transform: uppercase;
					color: #747474;
					font-size: 16px;
					text-decoration: none;
					line-height: 40px;
					white-space: nowrap;
				}
				.nav-mobile-links a:hover,
				.nav-mobile-links .nav-contact:hover
				{
					text-decoration: underline;
				}
		.lang
		{
			float: left;
			width: 282px;
			margin: 0 0 0 20px;
			transition: all .2s ease-in-out;
			display: flex;
			gap: 5px;
			flex-direction: row-reverse;
		}
		.lang a
		{
			flex: 1;
		}
		.header.condensed .lang
		{
			width: 182px;
		}
			.flag
			{
				height: 33px;
				margin: 0 5px 0 0;
				border: 1px solid #000;
				transition: all .2s ease-in-out;
			}
			.header.condensed .flag
			{
				height: 27.5px;
			}
			.flag.en
			{
				background:url(../img/en.png) center no-repeat;
				background-size: cover;
			}
			.flag.de
			{
				background:url(../img/de.png) center no-repeat;
				background-size: cover;
			}
			.flag.nl
			{
				margin: 0;
				background:url(../img/nl.png) center no-repeat;
				background-size: cover;
			}
			.flag.es
			{
				margin: 0;
				background:url(../img/es.png) center no-repeat;
				background-size: cover;
			}
	
.slideshow-container
{
	width: 100%;
	height: 700px;
	overflow: hidden;
	position: relative;
	margin: 163px 0 0 0;
	transition: all .2s ease-in-out;
}
.header.condensed + .slideshow-container
{
	margin-top: 100px;
}
	.slideshow
	{
		height: 100%;
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
		.slideshow-slide
		{
			width: 100%;
			height: 100%;
			float: left;
			position: absolute;
			top: 0;
			left: 0;
		}
	.slideshow-text
	{
		position: absolute;
		z-index: 100;
		height: 100%;
		left: 0;
		top: 0;
		width: 575px;
		background: rgba(69,77,95,.7);
		box-shadow: 3px 0 3px rgba(0,0,0,.4);
		color: #fff;
		transition: all .2s ease-in-out;
	}
		.slideshow-text-title
		{
			font-size: 30px;
			margin: 50px 30px 0 30px;
			font-weight: normal;
			transition: all .2s ease-in-out;
		}
		.slideshow-text-text
		{
			margin: 30px 30px 0 30px;
			font-size: 18px;
			transition: all .2s ease-in-out;
		}
		.slideshow-text-button,
		.slideshow-text-button-testimonial
		{
			float: left;
			font-size: 16px;
			margin: 20px 0 0 30px;
		}
	.slideshow-contact
	{
		position: absolute;
		z-index: 100;
		right: 30px;
		bottom: 30px;
		background: rgba(69,77,95,.7);
		box-shadow: 3px 0 3px rgba(0,0,0,.4), inset 0 3px 3px rgba(0,0,0,.4);
		color: #fff;
		transition: all .2s ease-in-out;
	}
		.slideshow-contact-title
		{
			color: #fff;
			font-size: 32px;
			float: left;
			margin: 25px 0 0 30px;
			transition: all .2s ease-in-out;
		}
		.slideshow-contact-form
		{
			background: rgba(0,0,0,.5);
			margin: 10px 30px 0 30px;
			border-top: 1px solid transparent;
			padding: 10px 20px 20px 20px;
		}
			.slideshow-contact-row
			{
				margin: 10px 0 0 0;
			}
				.slideshow-contact-label
				{
					float: left;
					text-align: right;
					width: 205px;
					font-size: 14px;
					color: #fff;
				}
				.slideshow-contact-label:nth-child(3)
				{
					width: 92px;
				}
				.slideshow-contact-input
				{
					float: left;
					margin: 0 0 0 10px;
				}
			.slideshow-contact-button
			{
				float: right;
				font-size: 16px;
				padding-top: 10px;
				padding-bottom: 10px;
				margin: 10px 0 0 0;
			}

.homepage-boxes
{
	padding: 10px;
}
	.homepage-box-frame
	{
		width: 33.33%;
		float: left;
	}
		.homepage-box
		{
			margin: 10px;
		}
			.homepage-box-image
			{
				height: 314px;
				width: 100;
			}
			.homepage-box.red .homepage-box-image
			{
				background: url(../img/box1.jpg) center no-repeat;
				background-size: cover;
			}
			.homepage-box.green .homepage-box-image
			{
				background: url(../img/box2.jpg) center no-repeat;
				background-size: cover;
			}
			.homepage-box.blue .homepage-box-image
			{
				background: url(../img/box3.jpg) center no-repeat;
				background-size: cover;
			}
			.homepage-box-title
			{
				padding: 24px 30px;
				font-size: 28px;
				color: #fff;
			}
			.homepage-box.red .homepage-box-title
			{
				background: #e3151b;
			}
			.homepage-box.green .homepage-box-title
			{
				background: #617f55;
			}
			.homepage-box.blue .homepage-box-title
			{
				background: #2058c9;
			}
			.homepage-box-textarea
			{
				background: #d6d6d6;
				padding: 30px;
			}
				.homepage-box-text
				{
					font-size: 18px;
					line-height: 22px;
				}
				.homepage-box-button
				{
					float: right;
					margin: 30px 0 0 0;
					padding: 10px 20px;
					background: #000;
					color: #fff;
					font-size: 18px;
				}

.general-content
{
	margin: 0 auto;
	width: 80%;
}
	.general-title
	{
		margin: 30px 0 10px 0;
		font-size: 24px;
		color: #da151b;
		font-weight: 500;
	}
	.general-subtitle
	{
		margin: 30px 0 10px 0;
		font-size: 18px;
		font-weight: 500;
		color: #222;
	}
	.general-text
	{
		margin: 10px 0 30px 0;
		font-size: 16px;
		line-height: 22px;
    color: #444;
	}
		.general-text a
		{
			color: #06c;
		}
	.general-image
	{
		width: 30%;
		min-width: 400px;
		height: auto;
		float: right;
		margin: 0 0 20px 20px;
	}
.testimonials
{
	background: #2c3b70;
}
.testimonials-column
{
	text-align: center;
	font-family: Georgia, 'Times New Roman', Times, serif;
	width: calc(33.33% - 40px);
	padding: 0 20px;
	float: left;
}
	.testimonials-text
	{
		color: #fff;
		font-size: 26px;
		line-height: 34px;
		margin: 80px 0 10px 0;
		position: relative;
	}
	.testimonials-text:before
	{
		content: '“';
		position: absolute;
		top: -10px;
		left: 0;
		right: 0;
		font-size: 140px;
		color: #da151b;
	}
	.testimonials-byline
	{
		font-size: 14px;
		line-height: 18px;
		font-weight: bold;
		color: #fff;
		margin: 15px 0 120px 0;
		position: relative;
	}
	.testimonialslideshow
	{
		min-height: auto;
		max-height: 360px !important;
		overflow: hidden;
	}

.footer
{
	background: #1c1b1b;
	padding: 20px;
}
	.footer-logo
	{
		float: left;
		width: 180px;
		height: 156px;
		background: url(../img/footer-logo.png) center no-repeat;
		background-size: contain;
	}
	.footer-column
	{
		float: left;
		min-height: 156px;
		margin: 0 0 0 20px;
		padding: 0 0 0 20px;
		border-left: 1px solid #b0b0b0;
	}
		.footer-column img
		{
			height: auto;
			width: auto;
		}
		#sellowebAixaCorpore
		{
			height: 209px;
		}
			#sellowebAixaCorpore img
			{
				height: 100%;
				width: auto;
			}
		.footer-redtext
		{
			margin: 10px 0 0 0;
			color: #da151b;
			font-size: 26px;
			font-weight: 600;
			line-height: 36px;
		}
			.footer-redtext a
			{
				color: #da151b;
				text-decoration: none;
			}
			.footer-redtext a:hover
			{
				text-decoration: underline;
			}
		.footer-whitetext
		{
			margin: 20px 0 0 0;
			font-size: 14px;
			color: #fff;
			line-height: 16px;
		}
			.footer-whitetext a
			{
				color: #fff;
				text-decoration: underline;
			}
	.footer-right
	{
		float: right;
	}
		.footer-facebook
		{
			float: right;
			width: 64px;
			height: 64px;
			background: url(../img/facebook.png) center no-repeat;
			background-size: contain;
		}
		.footer-map
		{
			width: 90px;
			height: 64px;
			float: right;
			margin: 0 20px 0 0;
			background: url(../img/map.png) center no-repeat;
			background-size: contain;
			cursor: pointer;
		}
		.footer-button
		{
			font-size: 20px;
			margin: 20px 0 0 0;
		}

.cookies
{
	position: fixed;
	top: 0;
	left: -140px;
	right: 0;
	margin: auto;
	width: 560px;
	background: rgba(0,0,0,.8);
	z-index: 300;
	padding-bottom: 20px;
}
	.cookies-text
	{
		float: left;
		max-width: 240px;
		line-height: 16px;
		color: #fff;
		margin: 14px 0 0 20px;
		font-size: 14px;
	}
		.cookies-text a
		{
			position: relative;
			top: 5px;
			color: #fff;
			text-decoration: underline;
		}
	.cookies-accept
	{
		float: right;
		height: 30px;
		line-height: 30px;
		margin: 25px 20px 0 0;
		background: #dae405;
		padding: 0 10px;
		border-radius: 3px;
		color: #000;
		cursor: pointer;
	}
	.cookies-deny
	{
		float: right;
		height: 30px;
		line-height: 30px;
		margin: 25px 20px 0 0;
		background: #bbecf2;
		padding: 0 10px;
		border-radius: 3px;
		color: #000;
		cursor: pointer;
	}

@media screen and (max-width: 1366px)
{
	.slideshow-container
	{
		height: calc(100vh - 100px);
		min-height: 560px;
	}
	.slideshow-text
	{
		width: 460px;
	}
		.slideshow-text-title
		{
			font-size: 22px;
		}
		.slideshow-text-text
		{
			font-size: 14px;
		}
	.slideshow-contact
	{
		right: 0;
	}
		.slideshow-contact-title
		{
			font-size: 22px;
		}
	.testimonialslideshow
	{
		min-height: auto;
		max-height: 300px !important;
		overflow: hidden;
	}
}

@media screen and (max-width: 1300px)
{
	.nav
	{
		display: none;
	}
	.nav-mobile
	{
		display: block;
	}
}

@media screen and (max-width: 1280px)
{
	.slideshow-contact
	{
		display: none;
	}
	.footer-logo
	{
		display: none;
	}
	.footer-column:nth-child(2)
	{
		padding: 0;
		border: 0;
		margin: 0;
	}
	.homepage-box-frame
	{
		width: 50%;
	}
	.testimonials-column
	{
		width: calc(50% - 40px);
	}
	.testimonials-column:nth-child(3)
	{
		width: calc(100% - 40px);
	}
}

@media screen and (max-width: 1280px)
{
	.footer-redtext
	{
		font-size: 20px;
	}
}

@media screen and (max-width: 1050px)
{
	.header-button
	{
		display: none;
	}
	.footer-right
	{
		float: none;
		clear: both;
	}
	.footer-facebook
	{
		float: left;
		margin-top: 20px;
	}
	.footer-map
	{
		float: left;
		margin-top: 20px;
		margin-left: 20px;
	}
}

@media screen and (max-width: 840px)
{
	.cookies
	{
		width: 100%;
		height: auto;
		left: 0;
		padding-bottom: 20px;
	}
		.cookies-text
		{
			float: none;
		}
		.cookies-accept,
		.cookies-deny
		{
			float: none;
			display: inline-block;
			margin: 20px 0 0 20px;
		}
	.nav-mobile-links
	{
		left: 0;
		right: auto;
	}
	.logo
	{
		width: auto !important;
		float: none !important;
		margin: 0 20px;
	}
	.header
	{
		padding-bottom: 10px;
		height: 171px;
		text-align: center;
	}
	.header-email,
	.header-phone
	{
		margin-top: 0 !important;
	}
	.header-contact
	{
		margin-right: 10px;
		float: none;
		display: inline-block;
		margin: 0 auto;
	}
	.slideshow-container
	{
		margin-top: 181px !important;
		height: auto;
	}
	.slideshow-text
	{
		width: 100%;
		position: relative;
		float: left;
		padding-bottom: 20px;
	}
	.homepage-box-frame
	{
		width: 100%;
	}
	.footer-column
	{
		float: none;
		padding: 0;
		border: 0;
		margin: 0;
	}
	.general-image
	{
		width: 100%;
		float: none;
		margin: 10px 0;
		min-width: 100%;
	}
	.testimonials-column
	{
		width: calc(100% - 40px);
	}
	
	.popup-contact-form,
	.popup-testimonial-form
	{
		width: calc(100% - 40px);
		height: calc(100% - 30px);
	}
	.popup-contact-label,
	.popup-contact-input,
	.popup-testimonial-label,
	.popup-testimonial-input
	{
		clear: both;
	}
	.popup-contact-input > input,
	.popup-contact-input > textarea,
	.popup-testimonial-input > input,
	.popup-testimonial-input > textarea
	{
		max-width: calc(100vw - 60px) !important;
	}
	.popup-contact-label,
	.popup-testimonial-label
	{
		width: auto;
		text-align: left;
		margin-left: 10px;
	}
	.popup-contact-button,
	.popup-testimonial-button
	{
		margin-right: 10px;
	}
	
	.footer-column img
	{
		margin-top: 30px;
	}
	
	.footer-right
	{
		margin-top: 30px;
	}
}