body {
	background: black !important;
	margin: 0px !important;
	color: white !important;
	
	
	font-family: 'Gellix' !important;
	font-style: normal !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	line-height: 17px !important;
}

.btn{
	font-weight: 600 !important;
	font-size: 14px !important;
}

a {
	text-decoration: none !important;
	color: unset !important;
}

h1,h2,h3,h4,h5,h6 {
	margin-bottom: 0px;
}

.btn-info {
	background: #6FDBD4 !important;
}


.btn-rounded {
	-webkit-border-radius: 500px !important;
	-moz-border-radius: 500px !important;
	border-radius: 500px !important;
}







header.topmenu {
	padding: 30px 50px;
	display: flex;
	justify-content: left;
	align-items: center;
}


.menuarea {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.menuarea .menuitem {
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-right: 34px;
	
	
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 20px;
	position:relative;
}

.logoarea img {
	width: 182px;
}

.logoarea {
	display: flex;
	margin-right: auto;
}

.menuarea a:last-child .menuitem {
	margin-right: 0px;
}


section.titlesection div.container-fluid {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 137px;
	flex-direction: column;
}

section.titlesection h3 {
	font-weight: 400;
	font-size: 4.3em;
	line-height: 79px;
	text-align: center;
	width: 94%;
	max-width: 615px;
	margin-bottom: 0px;
}


section.titlesection .btn.btn-info.btn-rounded {
	min-width: 177px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px 18px;
	margin-top: 40px;
}

.leftblurside {
	position: absolute;
	width: 419px;
	height: 474px;
	background: rgba(111, 219, 212, 0.7);
	filter: blur(150px);
	transform: matrix(1, 0, 0, -1, 0, 0);
	left: -251px;
	top: 434px;
}



section.firstprojectexample div.container-fluid {
	display: flex;
	flex-direction: row;
	padding: 0px 50px;
	padding-top: 340px;
	justify-content: space-between;
}

.firstprojectexample .leftside {
	flex-basis: 100%;
	display: flex;
	flex-direction: column;
	padding-top: 86px;
	max-width: 950px;
}

.firstprojectexample .rightside {
	flex-basis: 90%;
	display: flex;
	max-width: 560px;
}

.firstprojectexample .rightside img {
	width: 100%;
}

.leftsideslogan {
	font-weight: 400;
	font-size: 32px;
	line-height: 48px;
	color: #6FDBD4;
}

.leftsideinfo {
	font-weight: 300;
	font-size: 18px;
	line-height: 34px;
	font-style: normal;
	margin-top: 24px;
}




section.whatwecandoforyou div.container-fluid {
	padding: 0px 50px;
	padding-top: 80px;
}

.wecandoforyou {
	padding: 30px;
	color: black;
	background: #6FDBD4;
	min-height:400px;
}

.cardtitle {
	margin-top: 28px;
	font-weight: 700;
	font-size: 18px;
	line-height: 26px;
}

.carddescription {
	margin-top: 23px;
	font-weight: 400;
	font-size: 14px;
	line-height: 30px;
}

section.whatwecandoforyou h4 {
	text-align: center;
	margin-bottom: 41px;
	font-weight: 400;
	font-size: 32px;
	line-height: 48px;
}





section.projects div.container-fluid {
	padding: 50px;
	padding-top: 80px;
}

.project {
	background: #1B2430;
	display: flex;
	flex-direction: row;
	padding: 79px 40px;
	margin-bottom: 40px;
}

.project:last-child {
	margin-bottom: 0px;
}

.projectimg {
	display: flex;
	flex-basis: 40%;
	align-items: center;
	justify-content: center;
}
.projectimg img{
	max-width: 100%;
}

.projectimg.multipleprojectimages {
	justify-content: center;
	align-items: center;
	padding: 0px 20px;
}

.multipleprojectimg {
	display: flex;
	width: 30%;
}

.multipleprojectimg.projectimgsecond {
	width: 34%;
	margin: 2%;
}

.projectdetails {
	flex-basis: 60%;
	display: flex;
	flex-direction: column;
}

.projecttitle {
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	margin-top: 20px;
}

.projectdescription {
	font-weight: 400;
	font-size: 14px;
	line-height: 30px;
	margin-top: 12px;
}

.projectbuttons {
	display: flex;
	margin-top: 33px;
	align-items: center;
}

.projectbuttons div {
	margin-right: 30px;
}

.projectbuttons a:last-child div {
	margin-right: 0px;
}








section.fullprojects {
	background: white;
}

.projectheaders {
	display: flex;
	background: #6FDBD4;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	color: black;
	font-weight: 600;
	font-size: 14px;
	line-height: 22px;
	flex-wrap: wrap;
	padding: 0px 30px;
}

.projectheader {
	margin-right: 65px;
	padding: 14px 0px;
	cursor: pointer;
}

.projectheader:last-child {
	margin-right: 0px;
}

.iconprojects {
	background: white;
	color: black;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	flex-grow: 4;
	justify-content: center;
	padding: 70px 50px;
}

.projectheader:hover, .activeheader {
	text-decoration: underline;
	text-underline-offset: 5px;
}

.iconproject {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-basis: 20%;
	max-width: 15%;
	padding: 68px 1%;
	padding-top: 0px;
}

.iconproject:last-child {
	margin-right: 0px;
}

.iconprojectimg img {
	width: 70px;
	height: 70px;
}

.iconprojectcategory {
	background: #C6FCF8;
	padding: 3px 17px;
	-webkit-border-radius: 128px;
	-moz-border-radius: 128px;
	border-radius: 128px;
	margin-top: 10px;
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
}

.iconprojecttitle {
	margin-top: 10px;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
	width: 100%;
	text-align: center;
}

section.partners {
	background: white;
	padding: 40px;
}

.partnerlist {
	display: flex;
	flex-direction: row;
	justify-content: center;
	mix-blend-mode: exclusion;
	align-items: center;
}

.partner {
	margin-right: 38px;
}

.partner:last-child {
	margin-right: 0px;
}

.partnerimg img {
	max-width: 100px;
	max-height: 60px;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

footer.bottomfooter {
	padding: 50px;
	background: linear-gradient(251.48deg, #3341C6 -23.74%, #631D6C 42.78%, #803348 118.18%);
	color:white;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	padding-bottom: 15px;
	word-break: break-word;
}

footer.bottomfooter .leftside {
	flex-basis: 50%;
	padding-top: 124px;
}

footer.bottomfooter .rightside {
	flex-basis: 50%;
	padding-top: 140px;
}

footer.bottomfooter .bottomarea {
	flex-basis: 100%;
	display: flex;
	flex-direction: row;
	margin-top: 50px;
	justify-content: space-between;
}

.bottomfooter .leftsideheader {
	font-weight: 700;
	font-size: 76px;
	line-height: 84px;
	max-width: 650px;
}


.leftsideheader p.underline {
	text-decoration: underline;
	text-underline-offset: 18px;
	display: inline-block;
}

.littleheader {
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
}

.contactaddress {
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	margin-top: 12px;
}

footer.bottomfooter .contactphone {
	display: flex;
	gap: 10px;
	align-items: center;
}


footer.bottomfooter .email {
	display: flex;
	gap: 10px;
	align-items: center;
	margin-top: 10px;
	font-weight: 600;
	font-size: 16px;
	line-height: 26px;
}

footer.bottomfooter hr {
	margin: 30px 0px;
}

.getanofferforyourproject .btn.btn-rounded.btn-outline-light {
	width: 198px;
	height: 55px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.getanofferforyourproject {
	margin-top: 20px;
}

.maparea {
	margin-top: 39px;
	position: relative;
	max-width: 450px;
}

.underline {
	text-decoration-line: underline;
	text-underline-offset: 5px;
}

footer.bottomfooter .quicklinks {
	display: flex;
}

footer.bottomfooter .copyright {
	font-weight: 400;
}

.quicklink {
	margin-right: 15px;
	font-weight: 400;
}

.maparea img {
	width: 100%;
}
.maparea .mapcursor {
	width: unset;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}













.languagearea {
	border: 1px solid #FFFFFF;
	border-radius: 120px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 10px;
	gap: 10px;
	margin-left: 20px;
}
.languagearea .menuitem {
	margin: 0px;
	font-weight: 400;
	width: 17px;
}
.languagearea .menuitem:hover,.activelang {
	font-weight: 600 !important;
	color: #6fcefb;
}

.regulartext {
	font-weight: 400;
	line-height: 30px;
}