@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body{
	font-family: Poppins, Verdana;
	background:#ffffff;
	margin:0px;
	min-width:320px;
	padding-top:120px;
}
@media screen and (max-width: 650px){
	body{
		padding-top:90px;
	}
}
p{
	margin:10px 0px;
}
a,
a:active,
a:link,
a:visited{
	color:#2e69ff;
	text-decoration: none;
}
a:hover{
	color:#44b2ff;
	text-decoration: none;
}
/* button */
.button,
.button:link,
.button:visited{
	font-style: normal;
	font-weight: 800;
	font-size: 18px;
	line-height: 14px;
	color: #FFFFFF;
	
	background: #0F2852;
	border-radius: 100px;
	text-align: center;
	padding:20px 50px 22px 50px;
	white-space: nowrap;
	display:inline-block;
}
.button:hover{
	cursor:hand;
	
}
.button .arrow{
	display:inline-block;
	transform: translate(25px,2px);
}
/* row */

.row{
	display:flex;
}
.row > .column{
	flex:1;
	/*padding:0px 15px*/
}
@media screen and (max-width: 1024px) {
	.row:not(.nowrap){
		display:block;
	}
	.row:not(.nowrap) > .column{
		/*padding:15px 0px*/
	}
}
/*screen */
.off1024{
	
}
.on1024{
	display:none;
}
@media screen and (max-width: 1024px) {
	.off1024{
		display:none;
	}
	.on1024{
		display:unset;
	}
}
@media screen and (max-width: 650px){
	.drop1,
	.drop2,
	.drop3,
	.drop4,
	.drop5{
		-webkit-transform: scale(0.75); /* Saf3.1+, Chrome */
		-moz-transform: scale(0.75); /* FF3.5+ */
		 -ms-transform: scale(0.75); /* IE9 */
		  -o-transform: scale(0.75); /* Opera 10.5+ */
			 transform: scale(0.75);
	}
}
/* sections */
.section{

}
.section .container{
	position:relative;
	margin:0px auto;
	max-width:1440px;
	width:90%;
}


/* sections - headerSection */
.section.headerSection{
	/*min-height:28vw;*/
	position:relative;
	height:120px;
	
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 100;
	background:#fff;
	
	box-shadow: 0px 20px 50px rgba(41, 119, 255, 0.5);
}
.section.headerSection .container{
	position:relative;
	margin:0px auto;
	max-width:1440px;
}
.section.headerSection .logo{
	position:absolute;
	top:25px;
	height:70px;
	/*background:#fff;
	border-radius:25px;
	padding:15px;
	border:5px solid #3e70ff;*/
}
.section.headerSection .menu{
	position:absolute;
	top:30px;
	left:175px;
	diplay:flex;
}
.section.headerSection .menu .item{
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 50px;
	height:50px;
	padding:0px 25px;
}
.section.headerSection .menu .item,
.section.headerSection .menu .item:link,
.section.headerSection .menu .item:visited,
.section.headerSection .menu .item:hover{
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 50px;
	height:50px;
	color: #0F2852;
}

.section.headerSection .emailAddress{
	position:absolute;
	top:30px;
	right:275px;
}
.section.headerSection .emailAddress a,
.section.headerSection .emailAddress a:link,
.section.headerSection .emailAddress a:visited,
.section.headerSection .emailAddress a:hover{
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 50px;
	height:50px;
	color: #0F2852;
}

.section.headerSection .telephone{
	position:absolute;
	top:30px;
	right:0px;
	color:#FFF;
	font-weight:800;
	font-size:18px;
	line-height: 50px;
	letter-spacing: 3px;
	background:#0F2852;
	border-radius:100px;
	height:50px;
	text-align:center;
	padding:0px 25px;
}
.section.headerSection .telephone a:link,
.section.headerSection .telephone a:visited,
.section.headerSection .telephone a:hover{
	color:#FFF;
}
.section.headerSection .telephone svg{
	display:inline-block;
	transform: translate(0px,3px);
	margin-right:5px;
}

@media screen and (max-width: 1024px){
	/*.section.headerSection .emailAddress{
		top:100px;
		background:#fff;
		border-radius:21px;
		padding:0px 25px;
	}
	.section.headerSection .telephone,
	.section.headerSection .telephone:link,
	.section.headerSection .telephone:visited,
	.section.headerSection .telephone:hover{
		top:100px;
	}*/
}
@media screen and (max-width: 650px){
	.section.headerSection{
		height:90px;
	
	}
	.section.headerSection .logo{
		top:10px;
	}
	/*.section.headerSection .menu{
		top:90px;
		left:0px;
	}
	.section.headerSection .menu .item{
		font-size: 14px;
		padding:0px 15px;
	}*/
	
	.section.headerSection .telephone,
	.section.headerSection .telephone:link,
	.section.headerSection .telephone:visited,
	.section.headerSection .telephone:hover{
		font-size:16px;
		line-height:35px;
		height:35px;
		top:45px;
		left:140px;
		right:0px;
		padding:0px;
	}
	.section.headerSection .telephone svg{
		margin-right:2px;
	}
	.section.headerSection .emailAddress{
		font-size:16px;
		line-height:35px;
		height:35px;
		left:150px;
		right:0px;
		top:5px;
		text-align:center;
	}
	.section.headerSection .emailAddress a,
	.section.headerSection .emailAddress a:link,
	.section.headerSection .emailAddress a:visited,
	.section.headerSection .emailAddress a:hover{
		font-size:16px;
		line-height:40px;
		
	}
}

/* sections - introSection */
.section.introSection{
	min-height:700px;
	background: linear-gradient(163.78deg, #00FFFF 5.53%, #2E69FF 110.55%);
	margin-bottom:225px;
}
.section.introSection .container{
	padding-top:100px
}

.section.introSection .leftColumn .callToAction > .column{
	padding:0px;
}
.section.introSection .leftColumn .title{
	font-style: normal;
	font-weight: 900;
	font-size: 50px;
	line-height: 70px;
	color:#fff;
	padding: 60px 0px 50px 0px;
	max-width:500px;
}
.section.introSection .leftColumn .call{
	color:#fff;
	font-weight:bold;
	line-height: 60px;
	width:300px;
	text-align:center;
		
}
.section.introSection .rightColumn{
	position:relative;
	min-height:600px;
}
.section.introSection .rightColumn .grid{
	position:relative;
	width:620px;
}
.section.introSection .rightColumn .grid .block.glasbewassingBlock{
	position:absolute;
	top:150px;
	left:85px;
}
.section.introSection .rightColumn .grid .block.gevelonderhoudBlock{
	position:absolute;
	top:0px;
	right:85px;
}
.section.introSection .rightColumn .grid .block.schoonmaakBlock{
	position:absolute;
	top:300px;
	right:85px;
}
.section.introSection .rightColumn .grid .block.vloeronderhoudBlock{
	position:absolute;
	top:450px;
	left:85px;
}
.section.introSection .rightColumn .grid .drop1{
	position:absolute;
	left:210px;
	top:60px;
}
.section.introSection .rightColumn .grid .drop2{
	position:absolute;
	left:240px;
	top:100px;
}
.section.introSection .rightColumn .grid .drop3{
	position:absolute;
	right:0px;
	top:275px;
}
.section.introSection .rightColumn .grid .drop4{
	position:absolute;
	left:35px;
	top:350px;
}
.section.introSection .rightColumn .grid .drop5{
	position:absolute;
	left:5px;
	top:400px;
}
.section.introSection .rightColumn .grid .block{
	background: #FFFFFF;
	box-shadow: 0px 20px 50px rgba(41, 119, 255, 0.5);
	border-radius: 20px;
	width:200px;
	height:240px;
}
.section.introSection .rightColumn .grid .block .image{
	background: rgba(196, 196, 196, 0.2);
	border-radius: 12px;
	height:125px;
	width:150px;
	margin:25px 25px 5px 25px;
	overflow:hidden;
}
.section.introSection .rightColumn .grid .block .name{
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 14px;
	color: #000000;
	padding:10px 25px 10px 25px;
}
.section.introSection .rightColumn .grid .block .tagline{
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 14px;
	color: #000000;
	padding:10px 25px;
	mix-blend-mode: normal;
	opacity: 0.6;
}
@media screen and (max-width: 1440px) {
	.section.introSection .leftColumn .callToAction{
		display:block;
	}
	.section.introSection .leftColumn .callToAction > .column{
		padding:0px
	}
	.section.introSection .rightColumn{
		padding-top:45px;
	}
}
@media screen and (max-width: 1024px) {
	.section.introSection .leftColumn .callToAction{
		display:flex;
	}
	.section.introSection .leftColumn .callToAction > .column{
		padding:0px
	}
}
@media screen and (max-width: 650px){
	.section.introSection{
		margin-bottom:175px;
	}
	.section.introSection .container {
		padding-top:50px;
	}
	.section.introSection .leftColumn .title{
		font-size:36px;
		line-height:50px;
		padding: 60px 0px 50px 0px;
	}
	.section.introSection .rightColumn .grid{
		width:480px;
	}
	.section.introSection .rightColumn .grid .block.glasbewassingBlock{
		top:150px;
		left:15px;
	}
	.section.introSection .rightColumn .grid .block.gevelonderhoudBlock{
		top:0px;
		right:15px;
	}
	.section.introSection .rightColumn .grid .block.schoonmaakBlock{
		top:300px;
		right:15px;
	}
	.section.introSection .rightColumn .grid .block.vloeronderhoudBlock{
		top:450px;
		left:15px;
	}
	/*.section.introSection .rightColumn .grid .block{
		width:200px;
		height:200px;
	}
	.section.introSection .rightColumn .grid .block .image{
		height:125px;
		width:115px;
		margin:15px 15px 5px 15px;
	}
	.section.introSection .rightColumn .grid .block .name{
		font-size: 14px;
		line-height: 14px;
		padding:5px 15px 0px 15px;
	}
	.section.introSection .rightColumn .grid .block .tagline{
		font-size: 14px;
		line-height: 14px;
		padding:5px 15px;
	}*/
	
	.section.introSection .rightColumn .grid .drop1{
		left:140px;
		top:60px;
	}
	.section.introSection .rightColumn .grid .drop2{
		left:170px;
		top:100px;
	}
	.section.introSection .rightColumn .grid .drop3{
		right:-60px;
		top:275px;
	}
	.section.introSection .rightColumn .grid .drop4{
		left:-20px;
		top:350px;
	}
	.section.introSection .rightColumn .grid .drop5{
		left:-50px;
		top:400px;
	}
	
	
}


@media screen and (max-width: 568px) {
	.section.introSection .leftColumn .callToAction{
		display:block;
	}
	.section.introSection .leftColumn .callToAction > .column{
		padding:0px
	}
}

@media screen and (max-width: 480px){
	.section.introSection .rightColumn{
		min-height:500px;
	}
	.section.introSection .rightColumn .grid{
		width:100%;
		min-height:500px;
	}
	.section.introSection .rightColumn .grid .block.gevelonderhoudBlock{
		top:0px;
		right:50%;
		transform: translate(165px,0px);
	}
	.section.introSection .rightColumn .grid .block.glasbewassingBlock{
		top:145px;
		left:50%;
		transform: translate(-165px,0px);
	}
	.section.introSection .rightColumn .grid .block.schoonmaakBlock{
		top:230px;
		right:50%;
		transform: translate(165px,0px);
	}
	.section.introSection .rightColumn .grid .block.vloeronderhoudBlock{
		top:370px;
		left:50%;
		transform: translate(-165px,0px);
	}
	.section.introSection .rightColumn .grid .block{
		width:150px;
		height:200px;
	}
	.section.introSection .rightColumn .grid .block .image{
		height:125px;
		width:115px;
		margin:15px 15px 5px 15px;
	}
	.section.introSection .rightColumn .grid .block .name{
		font-size: 14px;
		line-height: 14px;
		padding:5px 15px 0px 15px;
	}
	.section.introSection .rightColumn .grid .block .tagline{
		font-size: 14px;
		line-height: 14px;
		padding:5px 15px;
	}
	
	.section.introSection .rightColumn .grid .drop1{
		left:80px;
		top:60px;
	}
	.section.introSection .rightColumn .grid .drop2{
		left:110px;
		top:100px;
	}
	.section.introSection .rightColumn .grid .drop3{
		right:-25px;
		top:200px;
	}
	.section.introSection .rightColumn .grid .drop4{
		left:0px;
		top:305px;
	}
	.section.introSection .rightColumn .grid .drop5{
		left:-25px;
		top:355px;
	}
}

@media screen and (max-width: 1024px) {
	.section.introSection .rightColumn .grid{
		margin:0px auto;
	}
}
@media screen and (max-width: 650px){
	
	
}

/* sections - titleSection */
.section.titleSection{
	margin:125px 0px;
}
.section.titleSection .logo{
	display:block;
	width:340px;
	/*margin:0px auto 45px auto;*/
	margin:0px 0px 45px 65px;
}
.section.titleSection .leftColumn{
	/*padding-top:185px;*/
	padding-top:15px;
}
.section.titleSection .leftColumn .block{
	background: #FFFFFF;
	box-shadow: 0px 20px 50px rgba(41, 119, 255, 0.5);
	border-radius: 20px;
	width:475px;
	height:600px;
	padding:25px;
}
.section.titleSection .leftColumn .block .image{
	background: rgba(196, 196, 196, 0.2);
	border-radius: 12px;
	height:450px;
	width:425px;
	margin-bottom:15px;
}
.section.titleSection .leftColumn .block .name{
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 14px;
	color: #000000;
	text-align:center;
	padding:15px 0px;
}
.section.titleSection .leftColumn .block .tagline{
	font-style: normal;
	font-weight: normal;
	font-size: 21px;
	line-height: 14px;
	color: #000000;
	text-align:center;
	padding:10px 0px;
	mix-blend-mode: normal;
	opacity: 0.6;
}
.section.titleSection .centerColumn{
	flex: 1 0;
	max-width:100px;
}
.section.titleSection .rightColumn{
	flex:3;
}
.section.titleSection .rightColumn .logo{
	width:340px;
	margin:25px 0px;
}
.section.titleSection .rightColumn p{
	font-weight: normal;
	font-size: 21px;
	line-height: 40px;
	color: #2977FF;
}
@media screen and (max-width: 1024px){
	.section.titleSection .logo{
		margin:0px auto 45px auto;
		max-width:90%;
	}
	.section.titleSection .leftColumn .block{
		margin:0px auto;
	}
	.section.titleSection .rightColumn{
		padding-top:45px;
	}
	
}
@media screen and (max-width: 650px){
	.section.titleSection .leftColumn .block{
		width:237.5px;
		height:300px;
	}
	.section.titleSection .leftColumn .block .image{
		height:200px;
		width:187.5px;
		margin-bottom:5px;
	}
	.section.titleSection .leftColumn .block .name{
		font-size: 18px;
		line-height: 18px;
		padding:5px 0px;
	}	
	.section.titleSection .leftColumn .block .tagline{
		font-size: 14px;
		line-height: 14px;
	}
	.section.titleSection .rightColumn .logo{
		width:75%;
		display:block;
	}
	.section.titleSection .rightColumn p{
		font-size: 18px;
		line-height: 36px;
	}
}

/* sections - sloganSection */
.section.sloganSection{
	margin:250px 0px 125px 0px;
}
.section.sloganSection .slogan{
	font-weight: 600;
	font-size: 64px;
	line-height: 90px;
	text-align: center;
	color: #0F2852;
	padding:0px 150px;
}
@media screen and (max-width: 1024px) {
	.section.sloganSection{
		margin:125px 0px;
	}
	.section.sloganSection .slogan{
		padding:0px 0px;
	}
}
@media screen and (max-width: 650px){
	.section.sloganSection{
		margin:125px 0px 125px 0px;
	}
	.section.sloganSection .slogan{
		font-size:36px;
		line-height:60px;
	}
}
/* sections - contentSection */
.section.contentSection{
	margin:225px 0px;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 40px;
	color: #0F2852;
}
.section.contentSection h1{
	font-weight: 900;
	font-size: 48px;
	line-height: 70px;
	color: #0F2852;
}
.section.contentSection .image{
	height:605px;
	width:520px;
	/*margin:25px 25px 25px 25px;*/
	
}

.section.contentSection .image .target{
	border-radius: 21px;
	overflow:hidden;
	height:605px;
	width:520px;
	position:relative;
	background:#F3F3F3;
	padding:15px;
}
.section.contentSection .image .target img{
	border-radius: 21px;
}
/*
.section.contentSection .parallax img{
	position:absolute;	
	height:1150px;
	width:490px;
}*/
.section.contentSection p{
	max-width:600px;
}
.section.contentSection .button{
	position:absolute;
	left:0px;
	bottom:25px;
}
.section.contentSection .column{
	position:relative;
}
.section.contentSection .centerColumn{
	flex: 1 0;
}
@media screen and (max-width: 1024px) {
	.section.contentSection{
		margin:25px 0px;
		/*line-height: 30px;*/
	}
	.section.contentSection .image{
		margin:25px auto;
	}
}
@media screen and (max-width: 650px){
	.section.contentSection{
		font-size: 18px;
		line-height: 36px;
	}
	.section.contentSection .image{
		height:265.5px;
		width:245px;
	}
	.section.contentSection .image .target{
		height:265.5px;
		width:245px;
	}
	.section.contentSection .image .target img{
		height:235.5px;
		width:215px;
	}
	.section.contentSection h1{
		font-size: 32px;
	}
}

/* sections - glasbewassingSection */
.section.glasbewassingSection .leftColumn{
}
.section.glasbewassingSection .rightColumn{
	flex:3;
	/*padding-bottom:125px;*/
}
.section.glasbewassingSection .drop1{
	position:absolute;
	left:50px;
	bottom:-60px;
}
@media screen and (max-width: 1024px){
	.section.glasbewassingSection .leftColumn{
		padding:0px;
		margin:0px auto;
	}
	.section.glasbewassingSection .image{
		margin-bottom:75px;
	}
}

/* sections - gevelonderhoudSection */
.section.gevelonderhoudSection .leftColumn{
	flex:3;
	/*padding-bottom:125px;*/
}
.section.gevelonderhoudSection .rightColumn{
}
.section.gevelonderhoudSection .drop1{
	position:absolute;
	right:50px;
	top:-80px;
}
.section.gevelonderhoudSection .drop2{
	position:absolute;
	right:70px;
	top:-30px;
}
@media screen and (max-width: 1024px){
	.section.gevelonderhoudSection .rightColumn{
		padding:0px;
		margin:0px auto;
	}
	.section.gevelonderhoudSection .image{
		margin-top:75px;
	}
}




/* sections - schoonmaakSection */
.section.schoonmaakSection .leftcolumn{
}
.section.schoonmaakSection .rightColumn{
	flex:3;
	/*padding-bottom:125px;*/
}
.section.schoonmaakSection .drop1{
	position:absolute;
	right:200px;
	top:-90px;
}
.section.schoonmaakSection .drop2{
	position:absolute;
	right:80px;
	top:-70px;
}
@media screen and (max-width: 1024px){
	.section.schoonmaakSection .leftColumn{
		padding:0px;
		margin:0px auto;
	}
	.section.schoonmaakSection .image{
		margin-top:75px;
		margin-bottom:75px;
	}
}

/* sections - vloeronderhoudSection */
.section.vloeronderhoudSection .leftColumn{
	flex:3;
	/*padding-bottom:125px;*/
}
.section.vloeronderhoudSection .rightColumn{
	/*padding-left:100px;*/
}
.section.vloeronderhoudSection .drop1{
	position:absolute;
	left:120px;
	top:-70px;
}
.section.vloeronderhoudSection .drop2{
	position:absolute;
	left:50px;
	top:-40px;
}
@media screen and (max-width: 1024px){
	.section.vloeronderhoudSection .rightColumn{
		padding:0px;
		margin:0px auto;
	}
	.section.vloeronderhoudSection .image{
		margin-top:75px;
	}
}

/* sections - contactSection */
.section.contactSection{
	background: #061B3F;
	font-weight: normal;
	font-size: 21px;
	line-height: 40px;
	color: #FFFFFF;
	padding:50px 0px;
}
.section.contactSection .leftColumn .map{
	background: #F3F3F3;
	border-radius: 21px;
	/*height:575px;*/
	width:490px;
	max-width:100%;
}
.section.contactSection .rightColumn{
	padding-left:100px;
}	
.section.contactSection .rightColumn .call{
	font-weight: 900;
	font-size: 42px;
	line-height: 70px;
	padding:50px 0px;
}
.section.contactSection .rightColumn .button{
	background:#fff;
	color: #061B3F;
	font-weight: 800;
	font-size: 32px;
	line-height: 14px;
}
.section.contactSection .rightColumn .button a,
.section.contactSection .rightColumn .button a:link,
.section.contactSection .rightColumn .button a:visited,
.section.contactSection .rightColumn .button a:hover{
	color: #061B3F;
}
.section.contactSection .rightColumn .contact{
	font-weight: 600;
	font-size: 24px;
	line-height: 70px;
	padding:50px 0px 15px 0px;
}
.section.contactSection .button svg{
	transform: translate(0px,3px);
	margin-right:10px;
}
.section.contactSection a,
.section.contactSection a:visited,
.section.contactSection a:link{
	color:#fff;
	text-decoration: none;
}
.section.contactSection a:hover{
	color:#fff;
	text-decoration: underline;
}
@media screen and (max-width: 1024px){
	.section.contactSection{
		margin-top:125px;
		line-height: 32px;
	}
	.section.contactSection .leftColumn .map{
		
	}
	.section.contactSection .leftColumn .map{
		margin:0px auto;
	}
	.section.contactSection .rightColumn{
		padding-left:50px;
	}
	.section.contactSection .rightColumn .call{
		font-size: 36px;
		line-height: 42px;
		padding:25px 0px;
	}
	.section.contactSection .rightColumn .button{
		font-size: 36px;
		line-height: 24px;
	}
	.section.contactSection .rightColumn .contact{
		font-size: 24px;
		line-height: 36px;
		padding:25px 0px s5px 0px;
	}
}
@media screen and (max-width: 650px){
	.section.contactSection{
		font-size: 16px;
		line-height: 24px;
	}
	
	.section.contactSection .row{
		display:block;
	}
	.section.contactSection .leftColumn .map{
		/*height:285.5px;*/
		width:245px;
		margin:0px auto;
		display:block;
	}
	.section.contactSection .rightColumn{
		padding:0px;
		text-align: center;
	}
	.section.contactSection .rightColumn .call{
		font-size: 32px;
		line-height: 40px;
	}
	.section.contactSection .rightColumn .button{
		font-size: 24px;
		line-height: 14px;
		padding: 10px 25px 20px 25px;
	}
	.section.contactSection .rightColumn .contact{
		font-size: 18px;
		line-height: 60px;
	}
	
}
/* sections footerSection */
.section.footerSection{
	font-weight: normal;
	font-size: 21px;
	line-height: 40px;
	padding:60px 0px;
}
.section.footerSection .logo{
	height:60px;
	display:block;
}
.section.footerSection .copyright{
	padding-top:15px;
	text-align:right;
}
@media screen and (max-width: 650px){
	.section.footerSection{
		font-weight: normal;
		font-size: 16px;
		line-height: 32px;
		padding:30px 0px;
	}
	.section.footerSection .copyright{
		padding-top:20px;
	}
}