html {
	box-sizing: border-box;
	font-size: 16px;
	font-family: 'Jost';
	min-height: 100%;
	position: relative;
	background: white;
}

body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	background-color: white;
}

main {
	background-color: black;
}


/* --------- GLOBAL --------- */
a {
	text-decoration: none;
	color: inherit;
}
a:visited {
	text-decoration: none;
}


#bold {
	font-weight: bold;
}

#heading {
	text-transform: uppercase;
	margin-left: 12.2%;
	font-family: Jost;
	font-size: 24px;
	font-weight: 600;
	line-height: 90px;
	letter-spacing: 0.05em;
	text-align: left;
}

#caseHeading {
	/*font-family: Eina 04;      har inte fonten             */
	font-family: Jost;
	font-size: 32px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: left;
}

#hidden {
	display: none;
}

.larger {
	font-family: Jost;
	font-size: 28px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: left;
}

.absolute {
	position: absolute;
}

.relative {
	position: relative;
}

.flex-container {
	display: flex;
}

#current {
	color: white;
	opacity: 1 !important;
}

.colorwhite {
	color: white;
	text-decoration: none;
}

.colorblack {
	color: black;
	text-decoration: none;
}

.flex-row {
	display: flex;
	flex-direction: row;
}

#hamTop, #hamMiddle, #hamBot {
	height: 4px;
	width: 56px;
}

main .overlay {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99;
	background-color: black;
	position: absolute;
	height: 100%;
	width: 100%;
	opacity: .3;
	display: none;
}

.pheader1 {
	position: absolute;
}

#siteTitle {
	margin-top: 28px;
	margin-left: 61px;
	color: white;
	font-size: 30px;
	font-family: Kumbh Sans;
	font-weight: 700;
	text-align: left;
}

#hamburgerNav {
	display: flex;
	flex-direction: column;
	color: white;
	margin-top: 47px;
}

	#hamburgerNav img {
		margin-bottom: 11px;
		-drag: none;
		user-select: none;
		-moz-user-select: none;
		-webkit-user-drag: none;
		-webkit-user-select: none;
		-ms-user-select: none;
	}
/* --------- HEADER --------- */
.header {
	top: 0;
	position: absolute;
	width: 100%;
	height: 100px;
}

	.header .header-container {
		position: absolute;
		width: 100%;
		color: white;
	}

		.header .header-container .header-visible {
			width: 100%;
			height: 150px;
			position: absolute;
			display: block;
			z-index: 100;
		}

			.header .header-container .header-visible i {
				right: 0;
				position: absolute;
				font-size: 55px;
				margin-top: 22px;
				z-index: 1001;
				cursor: pointer;
			}

			.header .header-container .header-visible .header-title {
				float: left;
			}

			.header .header-container .header-visible .header-hamburger {
				position: absolute;
				right: 0;
				margin-right: 61px;
				cursor: pointer;
			}

				.header .header-container .header-visible .header-hamburger .nav {
					height: 100%;
					width: 100%;
				}

		.header .header-container .header-hidden {
			background-color: black;
			z-index: 100;
			position: absolute;
			height: 838px;
			width: 100%;
			display: none;
			transition-duration: .5s;
		}

			.header .header-container .header-hidden .hidden-container {
				width: 500px height: 100%;
				margin: 0 auto;
			}

				.header .header-container .header-hidden .hidden-container .hidden-menu-items {
					;
					margin: 150px auto;
					height: 100%;
					text-align: center;
				}

					.header .header-container .header-hidden .hidden-container .hidden-menu-items a {
						font-weight: 600;
						font-size: 48px;
						color: white;
						font-style: normal;
						line-height: 90px;
						letter-spacing: .05em;
						text-transform: uppercase;
						text-decoration: none;
						display: block;
					}

						.header .header-container .header-hidden .hidden-container .hidden-menu-items a:hover {
							text-decoration: underline;
						}

@media screen and (max-width: 809px) {
	#siteTitle {
		font-size: 30px;
	}

	.header .header-container .header-visible i {
		margin-top: 10px;
	}
}




/* --------- HOME --------- */
.home-content .banner {
	width: 100%;
	height: 939px;
	position: relative;
}

	.home-content .banner .container {
		width: 100%;
		height: 100%;
		top: 0;
		z-index: 1;
		position: absolute;
	}

		.home-content .banner .container .banner-background {
			width: 100%;
			height: 100%;
		}

			.home-content .banner .container .banner-background img {
				object-fit: cover;
				width: 100%;
				height: 100%;
				overflow: hidden;
			}

		.home-content .banner .container .banner-info {
			position: absolute;
			display: table-cell;
			top: 113px;
			/*height: 349px;*/
			width: 100%;
		}

			.home-content .banner .container .banner-info .container {
				width: 100%;
				margin: 0 auto;
			}

				.home-content .banner .container .banner-info .container .text-container {
					width: 864px;
					margin: 0 auto;
				}

					.home-content .banner .container .banner-info .container .text-container p {
						font-family: Jost;
						font-size: 96px;
						font-weight: 800;
						line-height: 95px;
						letter-spacing: 0em;
						text-align: left;
						color: #FFFFFF;
					}


.home-content .what-we-do {
	height: 488px;
	width: 100%;
	position: relative;
	background: black;
	color: white;
}

.what-we-do .wwd-container {
	height: 100%;
}

	.what-we-do .wwd-container .wwd-header {
		max-width: 75.67%;
		margin: 0 auto;
		padding-top: 51px;
	}

		.what-we-do .wwd-container .wwd-header h1 {
			font-family: Jost;
			font-size: 24px;
			font-weight: 700;
			line-height: 90px;
			letter-spacing: 0.05em;
			text-align: left;
		}

	.what-we-do .wwd-container .wwd-body {
		width: 88%;
		margin: 0 auto;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
	}


		.what-we-do .wwd-container .wwd-body .wwd-body-container {
			/*padding: 0 4.2% 0 4.2%;*/
			flex-shrink: 0;
			flex: 50%;
		}

		.what-we-do .wwd-container .wwd-body .wwd-bodytext-first {
			display: block;
			padding-left: 4.2%;
		}

		.what-we-do .wwd-container .wwd-body .wwd-bodytext-second {
			display: block;
			padding-left: 4.2%;
		}

		.what-we-do .wwd-container .wwd-body .wwd-bodytext-third {
			display: none;
		}

		.what-we-do .wwd-container .wwd-body .wwd-bodytext-first .container {
			width: 85%;
		}

		.what-we-do .wwd-container .wwd-body .wwd-bodytext-second .container {
			width: 85%;
			margin: 0 auto;
		}

		.what-we-do .wwd-container .wwd-body .wwd-bodytext-third .container {
			width: 85%;
		}

		.what-we-do .wwd-container .wwd-body .wwd-body-container p {
			margin: 0 auto;
			width: 100%;
		}

		.what-we-do .wwd-container .wwd-body .right-arrow img {
			transform: rotate(180deg);
			transition-delay: 2s;
		}

		.what-we-do .wwd-container .wwd-body .right-arrow, .what-we-do .wwd-container .wwd-body .left-arrow {
		}

			.what-we-do .wwd-container .wwd-body .right-arrow img, .what-we-do .wwd-container .wwd-body .left-arrow img {
				margin-top: 6em;
			}

				.what-we-do .wwd-container .wwd-body .right-arrow img:hover, .what-we-do .wwd-container .wwd-body .left-arrow img:hover {
					cursor: pointer;
				}

	.what-we-do .wwd-container .wwd-footer {
		bottom: 4em;
		position: absolute;
		text-align: center;
		width: 100%;
	}

		.what-we-do .wwd-container .wwd-footer a {
			color: white;
			text-decoration: none;
		}

		.what-we-do .wwd-container .wwd-footer span {
			width: fit-content;
			display: block;
			margin: 0 auto;
			cursor: pointer;
		}


		.what-we-do .wwd-container .wwd-footer span {
			width: fit-content;
		}

			.what-we-do .wwd-container .wwd-footer span txt {
				border-bottom: 1px solid white;
			}

			.what-we-do .wwd-container .wwd-footer span img {
				transform: rotate(180deg);
				height: .8em;
				width: 1.5em;
				margin-left: 1em;
			}


@media screen and (max-width: 1200px) {
	.what-we-do .wwd-container .wwd-body .wwd-bodytext-second {
		display: none;
	}

	.what-we-do .wwd-container .wwd-body .wwd-bodytext-third {
		display: none;
	}

	.what-we-do .wwd-body {
		text-align: center;
	}

	.what-we-do .wwd-container .wwd-body .wwd-bodytext-first .container {
		margin: 0 auto;
	}

	.what-we-do .wwd-container .wwd-body .wwd-bodytext-second .container {
		margin: 0 auto;
	}

	.what-we-do .wwd-container .wwd-body .wwd-bodytext-third .container {
		margin: 0 auto;
	}
}

/*
.home-content .what-we-do .container .info-container .info-body h1 {
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	letter-spacing: .05rem;
	height: fit-content;
}

.home-content .what-we-do .container .info-container .info-body {
	width: 100%;
	height: auto;
	position: relative;
}
.home-content .what-we-do .container .info-container .carousell-container {
	width: fit-content;
	margin: 0 auto;
	height: 300px;
}

.home-content .what-we-do .container .info-container .carousell-container .info-spacing {
	min-width: 100px;
	max-width: 200px;
	background-color: transparent;
	height: 100%;
	display: inline-block;
}

.home-content .what-we-do .container .info-container .info-body .info-larrow {
	width: 176px;
	height: 100%;
	display: block;
	text-align: center;
	float: left;
	padding-top: 170px;
	cursor: pointer;
}

.home-content .what-we-do .container .info-container .info-body .info-rarrow {
	width: 176px;
	height: 100%;
	display: block;
	text-align: center;
	float: right;
	padding-top: 170px;
	cursor: pointer;
}

.home-content .what-we-do .container .info-container .info-body .arrow-container .info-rarrow img {
	transform: rotate(180deg);
}

.home-content .what-we-do .container .info-container .info-body .carousell-container .info-carousell {
	display: inline-block;
	width: fit-content;
	margin: 0 auto;
	height: 100%;
}

.home-content .what-we-do .container .info-container .info-body .carousell-container h1 {
	padding-bottom: 45px;
}

.home-content .what-we-do .container .info-container .info-body .carousell-container {
	padding-bottom: 70px;
}

.home-content .what-we-do .container .info-container .info-body .carousell-container  .info-carousell .info-ltext{
	display: inline-block;
	height: auto;
	width: 448px;
	float: left;
}

.home-content .what-we-do .container .info-container .info-body .carousell-container  .info-carousell .info-rtext{
	display: inline-block;
	height: auto;
	width: 448px;
	float: right;
}

.home-content .what-we-do .container .info-container .info-body .carousell-container  .info-carousell p {
	font-family: "Jost";
	font-style: normal;
	font-weight: normal;
	line-height: 24px;
	word-wrap: normal;
	display: block;

}

.home-content .what-we-do .container .info-container .info-body .info-footer {
	height: 50px;
	width: 100%;
}

.home-content .what-we-do .container .info-container .info-body .info-footer .info-footer-container {
	width: 100%;
	height: 100%;
}

.home-content .what-we-do .container .info-container .info-body .info-footer .info-footer-container .info-footer-contact {
	margin: 0 auto;
	width: 300px;
}

.home-content .what-we-do .container .info-container .info-body .info-footer .info-footer-container .info-footer-contact img {
	float: right;
	transform: rotate(180deg);
	height: 5px;
	width: 16px;
	margin-top: 8px !important;
}

.home-content .what-we-do .container .info-container .info-body .info-footer .info-footer-container .info-footer-contact a {
	color: white;
	text-decoration: underline;
	position: absolute;
	font-family: "Jost";
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	float: left;
}
*/



.home-content .our-services {
	width: 100%;
	background-color: white;
}

	.home-content .our-services .container {
		background-color: rgba(204, 201, 178, 0.5);
		width: 100%;
	}

		.home-content .our-services .container .sesame {
			width: 75.67%;
			margin: 0 auto;
		}

			.home-content .our-services .container .sesame .closed {
				height: 103px;
				width: 100%;
				display: block;
			}

				.home-content .our-services .container .sesame .closed .inner {
					width: 100%;
					height: 100%;
				}


					.home-content .our-services .container .sesame .closed .inner .inner-container {
						width: 250px;
					}

						.home-content .our-services .container .sesame .closed .inner .inner-container button {
							width: 100%;
							height: 100%;
							display: block;
							border: none;
							background-color: transparent;
							text-align: left;
						}

							.home-content .our-services .container .sesame .closed .inner .inner-container button span {
								margin-left: -5px;
							}


							.home-content .our-services .container .sesame .closed .inner .inner-container button:hover {
								transition: .5s;
								cursor: pointer;
							}

						.home-content .our-services .container .sesame .closed .inner .inner-container span:first-child {
							font-style: normal;
							font-weight: bold;
							font-size: 18px;
							line-height: 90px;
						}

						.home-content .our-services .container .sesame .closed .inner .inner-container span:not(:first-child) {
							padding-left: 15px;
							font-size: 25px;
							font-style: normal;
							font-weight: bold;
							line-height: 90px;
						}



			.home-content .our-services .container .sesame .opened {
				height: 384px;
				width: 100%;
				display: none; /***SESAME OPEN***/
				transition-delay: .5s;
			}

				.home-content .our-services .container .sesame .opened .inner {
					height: 100%;
					width: 100%;
					text-align: left;
					/*border: 1px black solid;*/
				}

					.home-content .our-services .container .sesame .opened .inner .inner-container {
						width: 100%;
						height: 100%;
					}

						.home-content .our-services .container .sesame .opened .inner .inner-container .opened-inner-body {
							max-width: 100%;
							margin: 0 auto;
							padding-top: 50px;
							display: flex;
							justify-content: space-between;
						}

							.home-content .our-services .container .sesame .opened .inner .inner-container .opened-inner-body .text-container {
								/*flex-basis: 33%;*/
								vertical-align: top;
							}

								.home-content .our-services .container .sesame .opened .inner .inner-container .opened-inner-body .text-container h1 {
									font-style: normal;
									font-weight: bold;
									font-size: 22px;
									line-height: 24px;
									font-family: "Jost";
								}

								.home-content .our-services .container .sesame .opened .inner .inner-container .opened-inner-body .text-container p {
									font-style: normal;
									font-weight: normal;
									font-size: 16px;
									line-height: 24px;
									color: black;
									font-family: "Jost";
								}

								.home-content .our-services .container .sesame .opened .inner .inner-container .opened-inner-body .text-container:not(:first-child):not(:last-child) {
									margin-left: 80px;
									margin-right: 80px;
								}

						.home-content .our-services .container .sesame .opened .inner .inner-container .info-footer {
							height: 50px;
							width: 100%;
						}

							.home-content .our-services .container .sesame .opened .inner .inner-container .info-footer .info-footer-container {
								width: 100%;
								height: 100%;
								margin-top: 55px;
							}

								.home-content .our-services .container .sesame .opened .inner .inner-container .info-footer .info-footer-container .info-footer-contact {
									margin: 0 auto;
									width: 240px;
								}

									.home-content .our-services .container .sesame .opened .inner .inner-container .info-footer .info-footer-container .info-footer-contact img {
										float: right;
										height: 5px;
										width: 16px;
										margin-top: 8px !important;
										color: black;
									}

									.home-content .our-services .container .sesame .opened .inner .inner-container .info-footer .info-footer-container .info-footer-contact a {
										text-decoration: underline;
										position: absolute;
										font-family: "Jost";
										font-style: normal;
										font-weight: 600;
										font-size: 18px;
										line-height: 24px;
										float: left;
										color: black;
									}


.home-content .our-work {
	width: 100%;
	background: white;
	padding-top: 1;
}

	.home-content .our-work .container {
		width: 100%;
		margin-top: 8%;
	}

	.home-content .our-work .portfolio {
		width: 100%;
	}

		.home-content .our-work .portfolio .portfolio-container {
			width: 100%;
			margin: 0 auto;
		}

			.home-content .our-work .portfolio .portfolio-container .portfolio-title h1 {
				color: black;
				font-family: Jost;
				font-size: 24px;
				font-weight: 600;
				line-height: 90px;
				letter-spacing: 0.05em;
				text-align: left;
			}

			.home-content .our-work .portfolio .portfolio-container .portfolio-title {
				max-width: 75.67%;
				margin: 0 auto;
				padding-bottom: 30px;
			}



	.home-content .our-work .container .portfolio .portfolio-container {
		width: 100%;
	}

		.home-content .our-work .container .portfolio .portfolio-container .row {
		}

			.home-content .our-work .container .portfolio .portfolio-container .row .jobs-main {
				width: 100%;
			}

				.home-content .our-work .container .portfolio .portfolio-container .row .jobs-main .cases {
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					justify-content: center;
					align-content: center;
					width: 100%;
					gap: 2%;
				}

					.home-content .our-work .container .portfolio .portfolio-container .row .jobs-main .cases .case {
						flex-basis: 45%;
						cursor: pointer;
						margin-bottom: 45px;
					}

						.home-content .our-work .container .portfolio .portfolio-container .row .jobs-main .cases .case .case-summary p {
							width: 80%;
							margin: 0;
							padding: 0;
							font-family: Jost;
							font-size: 16px;
							font-weight: 400;
							line-height: 24px;
							letter-spacing: 0em;
							text-align: left;
						}

				.home-content .our-work .container .portfolio .portfolio-container .row .jobs-main .case img {
					width: 100%;
					max-height: 458px;
					object-fit: cover;
				}

				.home-content .our-work .container .portfolio .portfolio-container .row .jobs-main .case h3 {
					margin: 0;
					padding: 0;
					margin-top: 3%;
					margin-bottom: .8%;
				}

				.home-content .our-work .container .portfolio .portfolio-container .row .jobs-main .case .casebullets {
					width: 85%;
					margin-top: 5%;
				}

					.home-content .our-work .container .portfolio .portfolio-container .row .jobs-main .case .casebullets p {
						font-size: 16px;
						font-weight: 400;
						line-height: 24px;
						display: inline-block;
						padding: 0;
						margin: 0;
						/*font-family: "Eina 04";              Har inte fonten                      */
					}


@media screen and (max-width: 650px) {
	.home-content .our-work .container .portfolio .portfolio-container .row .jobs-main .cases {
		max-width: 100%;
		margin: 0 auto;
	}

	.home-content .our-work .container .portfolio .portfolio-container .row .jobs-main .case {
		max-width: 100% !important;
		min-width: 100% !important;
	}
}


.home-content .our-work .portfolio .portfolio-container .cases-footer {
	height: 50px;
	width: 100%;
}

	.home-content .our-work .portfolio .portfolio-container .cases-footer .cases-footer-container {
		width: 100%;
		height: 100%;
		margin-top: 35px;
	}

		.home-content .our-work .portfolio .portfolio-container .cases-footer .cases-footer-container .container {
			margin: 0 auto;
			height: 100%;
			width: 210px;
		}

			.home-content .our-work .portfolio .portfolio-container .cases-footer .cases-footer-container .container img {
				float: right;
				height: 5px;
				width: 16px;
				margin-top: 8px !important;
				margin-right: 83px;
			}

			.home-content .our-work .portfolio .portfolio-container .cases-footer .cases-footer-container .container a {
				color: black;
				font-family: "Jost";
				font-style: normal;
				font-weight: 400;
				font-size: 18px;
				line-height: 24px;
				border-bottom: 1px solid black;
				padding-bottom: 2px;
			}




.home-content .home-customers {
	width: 100%;
	padding-bottom: 50px;
	background: white;
	position: relative;
}

	.home-content .home-customers .home-customers-title {
		height: 80px;
		width: 100%;
		margin-top: 5%;
	}

		.home-content .home-customers .home-customers-title .container h1 {
			width: 75.67%;
			height: 100px;
			margin: 0 auto;
		}

	.home-content .home-customers .home-customers-logo {
		max-width: 83%;
		/*max-height: 100%;*/
		margin: 0 auto;
	}

.home-customers-logo .container {
	margin: 0 auto;
	max-width: 100%;
	text-align: center;
}

	.home-customers-logo .container img {
		max-height: 100%;
		width: 100%;
		object-fit: cover;
	}



.home-content .home-partners {
	width: 100%;
}

	.home-content .home-partners .partners-title {
		width: 75.67%;
		margin: 0 auto;
		height: 60px;
		padding-bottom: 120px;
	}


		.home-content .home-partners .partners-title .container h1 {
			font-style: normal;
			font-weight: bold;
			font-size: 24px;
			line-height: 90px;
			letter-spacing: .05em;
		}

	.home-content .home-partners .partners-logo {
		max-width: 85%;
		margin: 0 auto;
	}

		.home-content .home-partners .partners-logo .container {
			margin: 0 auto;
			max-width: 100%;
			text-align: center;
		}

.partners-logo .container img {
	max-height: 179px;
	width: 100%;
	object-fit: cover;
}



/* --------- Single Job Case --------- */

.single-job-case-content {
	width: 100%;
	margin-top: 158px;
}

	.single-job-case-content .row {
		margin-top: 2%;
	}

		.single-job-case-content .row .main {
			max-width: 92%;
			margin: 0 auto;
		}

			.single-job-case-content .row .main .case-banner {
				text-align: center;
				justify-content: center;
				align-content: center;
				display: flex;
				gap: 0;
				flex-shrink: 0;
				flex-direction: row;
				overflow: hidden;
			}

				.single-job-case-content .row .main .case-banner img {
					display: inline-block;
					padding: 0;
					width: 100%;
					max-width: 100%;
					max-height: 100%;
				}

			.single-job-case-content .row .main .case-title {
				margin: 0;
				padding: 0;
			}

			.single-job-case-content .row .main .case-toptext {
				margin: 0;
				padding: 0;
				min-height: 122px;
				max-width: 416px;
			}

			.single-job-case-content .row .main .case-workprocess {
				flex-direction: row;
				justify-content: space-between;
				justify-content: center;
				align-content: center;
				display: flex;
				gap: 36px;
				margin-bottom: 3%;
			}

			.single-job-case-content .row .main .case-challenge {
				margin: 0;
				padding: 0;
				min-height: 122px;
				flex-basis: 33%;
			}

				.single-job-case-content .row .main .case-challenge p:not(:first-of-type) {
					/*max-width: 416px;*/
				}

			.single-job-case-content .row .main .case-solution {
				margin: 0;
				padding: 0;
				min-height: 122px;
				flex-basis: 33%;
			}

				.single-job-case-content .row .main .case-solution p:not(:first-of-type) {
					/*max-width: 416px;*/
				}

			.single-job-case-content .row .main .case-result {
				margin: 0;
				padding: 0;
				min-height: 122px;
				flex-basis: 33%;
			}

				.single-job-case-content .row .main .case-result p:not(:first-of-type) {
					/*max-width: 416px;*/
				}

			.single-job-case-content .row .main .case-bottom {
				display: flex;
				flex-direction: row;
				gap: 77px;
			}

				.single-job-case-content .row .main .case-bottom img {
					flex-basis: 50%;
				}

				.single-job-case-content .row .main .case-bottom .testimonial {
					margin: auto;
					width: 448px;
				}

					.single-job-case-content .row .main .case-bottom .testimonial p:not(:first-of-type) {
						margin-top: 15px;
						text-align: right;
					}

		.single-job-case-content .row .case-contact {
			height: 219px;
			background-color: black;
			color: white;
		}

			.single-job-case-content .row .case-contact .container {
				max-width: 100%;
				margin-left: 12.2%;
			}

			.single-job-case-content .row .case-contact p {
			}

				.single-job-case-content .row .case-contact p:first-of-type {
					font-family: Jost;
					font-size: 24px;
					font-weight: 600;
					line-height: 75px;
					letter-spacing: 0.05em;
					text-align: left;
					padding-top: 17px;
				}

			.single-job-case-content .row .case-contact .contact-details {
				margin: 0 auto;
				display: flex;
				flex-direction: row;
				gap: 30px;
				margin-top: 15px;
			}

				.single-job-case-content .row .case-contact .contact-details p {
					margin: 0;
					padding: 0;
					font-family: Jost;
					font-size: 16px;
					font-weight: 400;
					line-height: 24px;
					letter-spacing: 0em;
					text-align: left;
				}

	.single-job-case-content .more-cases {
		margin-top: 3%;
		margin-bottom: 356px;
	}


	.single-job-case-content .row .cases {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-content: center;
		width: 100%;
		gap: 2%;
	}

		.single-job-case-content .row .cases .case {
			flex-basis: 45%;
			cursor: pointer;
			margin-bottom: 45px;
		}


			.single-job-case-content .row .cases .case .case-summary p {
				width: 80%;
				margin: 0;
				padding: 0;
				font-family: Jost;
				font-size: 16px;
				font-weight: 400;
				line-height: 24px;
				letter-spacing: 0em;
				text-align: left;
			}

	.single-job-case-content .row .case img {
		width: 100%;
		max-height: 458px;
		object-fit: cover;
	}

	.single-job-case-content .row .case h3 {
		margin: 0;
		padding: 0;
		margin-top: 3%;
		margin-bottom: .8%;
	}

	.single-job-case-content .row .case .casebullets {
		width: 85%;
		margin-top: 5%;
	}

		.single-job-case-content .row .case .casebullets p {
			font-size: 16px;
			font-weight: 400;
			line-height: 24px;
			display: inline-block;
			padding: 0;
			margin: 0;
			/*font-family: "Eina 04";              Har inte fonten                      */
		}


@media screen and (max-width: 1100px) {
	.single-job-case-content .row .main .case-bottom {
		flex-direction: column;
		gap: 20px;
	}

		.single-job-case-content .row .main .case-bottom img {
			flex-basis: 100%;
		}

		.single-job-case-content .row .main .case-bottom .testimonial {
			margin: 0;
			width: 100%;
		}

			.single-job-case-content .row .main .case-bottom .testimonial p {
				width: 448px;
				float: right;
				word-wrap: break-word;
			}

				.single-job-case-content .row .main .case-bottom .testimonial p:not(:first-of-type) {
					margin: 0;
					padding: 0;
					text-align: right;
				}
}

@media screen and (max-width: 650px) {
	.single-job-case-content .row .cases {
		max-width: 100%;
		margin: 0 auto;
	}

	.single-job-case-content .row .case {
		max-width: 100% !important;
		min-width: 100% !important;
	}

	.single-job-case-content .row .main .case-workprocess {
		flex-direction: column;
	}

	.single-job-case-content .row .main .case-bottom {
		flex-direction: column;
	}
}


/* --------- ABOUT US --------- */
/*.about-content {
	clear: both;
	width: 100%;
	height: 100%;
	position: relative;
	margin-top: 150px;
	font-style: normal;
	font-family: "Jost";
	overflow: hidden;
}*/

.about-content {
	color: white;
	margin: 0;
	padding: 0;
}

	.about-content .container .about-header {
		margin: 0 auto;
		width: 1300px;
		margin-bottom: 150px;
		position: relative;
	}

		.about-content .container .about-header .about-title {
			position: relative;
			margin-top: 250px;
			color: black;
		}

			.about-content .container .about-header .about-title h1 {
				margin: 0;
				padding: 0;
				position: relative;
				top: 0;
				font-weight: 600;
				font-size: 24px;
				line-height: 90px;
				letter-spacing: 0.05em;
				text-transform: uppercase;
			}

	.about-content .container .about-intro {
		max-width: 1300px;
		/*height: 645px;*/
		margin: 0 auto;
		position: relative;
		background: black;
		box-shadow: black 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
	}

		.about-content .container .about-intro .about-intro-container {
			width: 100%;
			/*height: 100%;*/
			position: relative;
			display: flex;
			column-gap: 35px;
		}

			.about-content .container .about-intro .about-intro-container .left {
				/*height: 100%;*/
				width: 100%;
				margin-top: 100px;
				margin-left: 25px;
			}

				.about-content .container .about-intro .about-intro-container .left h2 {
					font-size: 40px;
				}

				.about-content .container .about-intro .about-intro-container .left p {
					width: 80%;
				}

			.about-content .container .about-intro .about-intro-container .right {
				/*height: 100%;*/
				width: 100%;
			}



				.about-content .container .about-intro .about-intro-container .right img {
					display: block;
					height: 645px;
					width: 645px;
					object-fit: cover;
				}

	.about-content .container .about-banner {
		margin-top: 50px;
		margin-bottom: 50px;
		/*height: 787px;*/
		width: 1903px;
		position: relative;
	}

		.about-content .container .about-banner .about-banner-container {
			width: 100%;
		}

		.about-content .container .about-banner .about-banner-container {
			width: 100%;
			display: block;
			overflow: hidden;
		}

			.about-content .container .about-banner .about-banner-container video {
				height: 100vh;
			}

			.about-content .container .about-banner .about-banner-container #about-banner-media {
				object-fit: cover;
				display: block;
				width: 100%;
				overflow: hidden;
			}


	.about-content .container .about-outro {
		margin-bottom: 35px !important;
		max-width: 1300px;
		/*height: 645px;*/
		margin: 0 auto;
		position: relative;
		background: black;
		margin-bottom: -80px;
		box-shadow: black 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
	}


		.about-content .container .about-outro .about-outro-container {
			/*height: 100%;*/
			display: flex;
			column-gap: 35px;
			position: relative;
		}

			.about-content .container .about-outro .about-outro-container .left, .about-content .container .about-outro .about-outro-container .right {
				/*height: 100%;*/
				width: 100%;
			}

			.about-content .container .about-outro .about-outro-container .right {
				margin-top: 100px;
				margin-right: 25px;
			}

				.about-content .container .about-outro .about-outro-container .right h2 {
					font-size: 40px;
				}

				.about-content .container .about-outro .about-outro-container .right p {
					width: 80%;
				}

			.about-content .container .about-outro .about-outro-container .left img {
				display: block;
				height: 645px;
				width: 645px;
				object-fit: cover;
			}



@media screen and (max-width: 1260px) {
	.header-hamburger {
		right: 1em;
	}

	.pheader1 {
		display: none;
	}

	.about-content .container .about-header {
		width: 810px;
		max-width: 810px;
	}

	.about-content .container .about-intro {
		width: 810px;
		max-width: 810px;
	}

		.about-content .container .about-intro .about-intro-container .left h2 {
			font-size: 30px;
		}

		.about-content .container .about-intro .about-intro-container .right img {
			width: 450px;
			height: 450px;
		}

	.about-content .container .about-outro {
		width: 900px;
		max-width: 900px;
	}

		.about-content .container .about-outro .about-outro-container .right h2 {
			font-size: 30px;
		}

		.about-content .container .about-outro .about-outro-container .left img {
			width: 450px;
			height: 450px;
		}
}

@media screen and (max-width: 809px) {
	.header-hamburger {
		right: 1em;
	}

	.pheader1 {
		display: none;
	}

	.about-content .container .about-header {
		margin-left: 3em;
		margin-bottom: 0 !important;
	}

		.about-content .container .about-header .about-title {
			margin-top: 100px;
		}

	.about-content .container .about-intro {
		width: 350px;
		max-width: 350px;
	}

		.about-content .container .about-intro .about-intro-container {
			display: block;
		}

			.about-content .container .about-intro .about-intro-container .left h2 {
				margin-top: 0;
				font-size: 30px;
			}

			.about-content .container .about-intro .about-intro-container .right img {
				width: 350px;
				height: 350px;
			}

	.about-content .container .about-outro {
		width: 350px;
		max-width: 350px;
	}

		.about-content .container .about-outro .about-outro-container {
			display: flex;
			flex-direction: column-reverse;
		}

			.about-content .container .about-outro .about-outro-container .right {
				margin-top: 0;
				margin-left: 25px;
			}

				.about-content .container .about-outro .about-outro-container .right h2 {
					font-size: 30px;
				}

			.about-content .container .about-outro .about-outro-container .left img {
				width: 350px;
				height: 350px;
			}
}

/* ---------- OUR JOBS ---------- */
.jobs-content {
	margin-top: 158px;
	width: 100%;
}

.jobs-container {
}

.jobs-content .jobs-container .row {
}

	.jobs-content .jobs-container .row .jobs-main {
		width: 100%;
	}

		.jobs-content .jobs-container .row .jobs-main .cases {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: center;
			align-content: center;
			width: 100%;
			gap: 2%;
		}

			.jobs-content .jobs-container .row .jobs-main .cases .case {
				flex-basis: 45%;
				cursor: pointer;
				margin-bottom: 45px;
			}

				.jobs-content .jobs-container .row .jobs-main .cases .case .case-summary p {
					width: 80%;
					margin: 0;
					padding: 0;
					font-family: Jost;
					font-size: 16px;
					font-weight: 400;
					line-height: 24px;
					letter-spacing: 0em;
					text-align: left;
				}

		.jobs-content .jobs-container .row .jobs-main .case img {
			width: 100%;
			max-height: 100%;
			object-fit: cover;
		}

		.jobs-content .jobs-container .row .jobs-main .case h3 {
			margin: 0;
			padding: 0;
			margin-top: 3%;
			margin-bottom: .8%;
		}

		.jobs-content .jobs-container .row .jobs-main .case .casebullets {
			width: 85%;
			margin-top: 5%;
		}

			.jobs-content .jobs-container .row .jobs-main .case .casebullets p {
				font-size: 16px;
				font-weight: 400;
				line-height: 24px;
				display: inline-block;
				padding: 0;
				/*font-family: "Eina 04";              Har inte fonten                      */
			}



@media screen and (max-width: 650px) {
	.jobs-content .jobs-container .row .jobs-main .cases {
		max-width: 100%;
		margin: 0 auto;
	}

	.jobs-content .jobs-container .row .jobs-main .case {
		max-width: 100% !important;
		min-width: 100% !important;
	}
}


/* ---------- BLOG ---------- */
.blog-content {
	margin-top: 150px;
	color: white;
}

	.blog-content .blog-header {
		margin: 0 auto;
		width: 1400px;
	}

		.blog-content .blog-header h1 {
			margin: 0;
			padding: 0;
			position: relative;
			top: 0;
			font-weight: 600;
			font-size: 24px;
			line-height: 90px;
			letter-spacing: 0.05em;
			text-transform: uppercase;
		}

	.blog-content .blog-body {
		margin: 50px auto;
		width: 1400px;
	}

		.blog-content .blog-body .container {
			display: flex;
			flex-direction: row;
			flex-shrink: 0;
			gap: 10em;
		}

			.blog-content .blog-body .container .right {
				display: block;
				width: 18em;
				border-top: 1px solid black;
				float: right;
				max-width: 18em;
				text-decoration: none;
				color: white;
			}

				.blog-content .blog-body .container .right h2 {
					margin-bottom: 15px;
					display: block;
					color: black;
				}


				.blog-content .blog-body .container .right p {
					line-height: 5px;
					color: black;
				}

				.blog-content .blog-body .container .right a {
					text-decoration: none;
					transition-duration: .5s;
					width: 100%;
					display: block;
					line-height: 10px;
					color: black;
				}


					.blog-content .blog-body .container .right a:hover {
						transition-duration: .5s;
						text-decoration: underline;
						margin-left: 4px;
					}



			.blog-content .blog-body .container .left {
				display: block;
				float: left;
				flex: 0 0 50%;
				width: 870px;
				max-width: 870px;
			}


				.blog-content .blog-body .container .left .posts {
				}

					.blog-content .blog-body .container .left .posts .blog-post {
						height: 665px;
						width: 870px;
						position: relative;
						overflow: hidden;
					}

						.blog-content .blog-body .container .left .posts .blog-post:not(:first-child) {
							margin-top: 35px;
						}

						.blog-content .blog-body .container .left .posts .blog-post img {
							height: 665px;
							width: 100%;
							transition-duration: .5s;
						}

						.blog-content .blog-body .container .left .posts .blog-post a {
							text-decoration: none;
						}

							.blog-content .blog-body .container .left .posts .blog-post a:hover img {
								transform: scale(1.1);
								transition-duration: .5s;
							}

							.blog-content .blog-body .container .left .posts .blog-post a:hover h1 {
								text-decoration: underline;
							}

						.blog-content .blog-body .container .left .posts .blog-post .blog-text {
							height: 230px;
							width: 100%;
							background-color: rgb(24, 24, 24);
							position: absolute;
							bottom: 0;
							color: white;
							padding-left: 25px;
						}

							.blog-content .blog-body .container .left .posts .blog-post .blog-text h1 {
								margin-top: 0;
								font-size: 40px;
								font-style: normal;
								position: relative;
							}


							.blog-content .blog-body .container .left .posts .blog-post .blog-text p:first-of-type {
								margin-top: -10px;
								width: 650px;
								padding: 0;
								position: relative;
							}

							.blog-content .blog-body .container .left .posts .blog-post .blog-text p:not(:first-of-type) {
								bottom: 25;
								position: absolute;
							}

							.blog-content .blog-body .container .left .posts .blog-post .blog-text p:last-of-type {
								bottom: 0;
								position: absolute;
							}

							.blog-content .blog-body .container .left .posts .blog-post .blog-text p:first-child {
								position: relative;
							}


/* --------- CONTACT --------- */

.contact-content {
	width: 100%;
	background: white;
}

	.contact-content .contact-container {
		position: relative;
	}

		.contact-content .contact-container .contact-top {
			height: 100vh;
			/*width: 100%;*/
			margin-top: 10em;
			padding: 0 2em 0 2em;
			/*overflow: hidden;*/
		}

			

			.contact-content .contact-container .contact-top .row {
				position: relative;
			}

				.contact-content .contact-container .contact-top .row .top-image {
					width: 100%;
					position: absolute;
					height: 100vh;

				}
					.contact-content .contact-container .contact-top .row .top-image h1 {
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						font-size: 120px;
						letter-spacing: 25px;
						padding:0;
						margin:0;
					}

				.contact-content .contact-container .contact-top .row .top-text {
					position: absolute;
					margin-left: 2em;
					margin-top: 4em;
					width: 25em;
					word-spacing: 15px;
				}

					.contact-content .contact-container .contact-top .row .top-text p {
						display: inline-block;
						line-height: 1px;
						color: lightgrey;
						cursor: pointer;
						transition-duration: .3s;
						word-spacing: 0;
					}

						.contact-content .contact-container .contact-top .row .top-text p:hover {
							color: white;
							font-weight: 500;
							transition-duration: .3s;
						}


				.contact-content .contact-container .contact-top .row .top-image img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}

		.contact-content .contact-container .contact-form {
			width: 600px;
			min-width: 600px;
			margin: 35px auto;
			background: rgb(239,239,243);
			margin-bottom: 50px;
		}

			.contact-content .contact-container .contact-form .row {
				width: 100%;
				min-width: 100%;
				position: relative;
				height: 500px;
			}

				.contact-content .contact-container .contact-form .row .form-group {
					width: 80%;
					margin: 0 auto;
					padding: 25 0;
				}

					.contact-content .contact-container .contact-form .row .form-group .form-names {
						width: 100%;
						min-width: 100%;
						margin: 0 auto;
						display: block;
						position: relative;
					}

						.contact-content .contact-container .contact-form .row .form-group .form-names .names-first {
							float: left;
						}

						.contact-content .contact-container .contact-form .row .form-group .form-names .names-last {
							float: right;
						}



					.contact-content .contact-container .contact-form .row .form-group .form-contact {
						width: 100%;
						min-width: 100%;
						margin: 0 auto;
						display: block;
						position: relative;
						margin-top: 80px;
					}

						.contact-content .contact-container .contact-form .row .form-group .form-contact .contact-email {
							float: left;
						}

						.contact-content .contact-container .contact-form .row .form-group .form-contact .contact-telephone {
							float: right;
						}

					.contact-content .contact-container .contact-form .row .form-group .form-message {
						width: 100%;
						min-width: 100%;
						margin-top: 160px !important;
						margin: 0 auto;
						display: block;
						position: relative;
					}

					.contact-content .contact-container .contact-form .row .form-group input[type="text"] {
						height: 3em;
						width: 220px;
					}

					.contact-content .contact-container .contact-form .row .form-group label {
						display: block;
						width: fit-content;
						margin-bottom: 5px;
					}

					.contact-content .contact-container .contact-form .row .form-group textarea {
						resize: none;
						display: block;
						width: 100%;
						height: 150px;
					}

					.contact-content .contact-container .contact-form .row .form-group .form-bottom {
						width: 100%;
						min-width: 100%;
						margin: 0 auto;
						display: block;
						position: relative;
						padding: 0;
					}

					.contact-content .contact-container .contact-form .row .form-group input[type="checkbox"] {
						margin-top: 10px;
						cursor: pointer;
					}

					.contact-content .contact-container .contact-form .row .form-group .form-bottom button {
						display: block;
						height: 3em;
						width: 6em;
						border-radius: 5px 5px;
						padding: 0;
						border: none;
						margin-top: 35px;
						font: inherit;
						background: rgb(208, 208, 215);
						cursor: pointer;
						transition-duration: .5s;
					}

						.contact-content .contact-container .contact-form .row .form-group .form-bottom button:hover {
							transition-duration: .5s;
							background: rgb(183, 183, 183);
						}

		.contact-content .contact-container .contact-country {
			width: 100%;
			display: none;
			position: relative;
			background: black;
			margin-bottom: 5em;
		}


			.contact-content .contact-container .contact-country .row {
				padding: 0 2em;
				margin-bottom: -80px;
			}

				.contact-content .contact-container .contact-country .row .bottom-header {
					color: white;
					display: flex;
					height: 5em;
					margin-bottom: 50px;
				}

					.contact-content .contact-container .contact-country .row .bottom-header h1 {
						font-size: 35px;
						font-weight: bold;
						display: block;
						position: absolute;
						left: 2em;
					}

					.contact-content .contact-container .contact-country .row .bottom-header #closeButton {
						font-size: 16px;
						display: block;
						right: 2em;
						position: absolute;
						font-weight: bold;
						cursor: pointer;
					}

				.contact-content .contact-container .contact-country .row .bottom-body {
					padding: 0 2em 0 2em;
					display: flex;
					flex-shrink: 0;
					gap: 10em;
					height: 10em;
				}

.contact-bottom {
	height: 400px;
	width: 100%;
}

	.contact-bottom .contact-background {
		overflow: hidden;
		height: inherit;
		width: 100%;
		position: absolute;
	}

		.contact-bottom .contact-background img {
			height: 100%;
			width: 100%;
			z-index: -1;
		}

.contact-bottom-details {
	height: 100%;
	width: 100%;
	color:white;
	position: relative;
	
}
	.contact-bottom-details .col-md-12 div{
		margin-top: 5px;
	}
	.contact-bottom-details .umb-grid {
		position: absolute;
		height: inherit;
		width: inherit;
		z-index: 10;
		top: 0;
		left: 0;
		overflow: hidden;
	}
.contact-bottom-details p{
	margin:15px 0 0 0;
	padding: 0;
}
	.contact-bottom-details h2:nth-of-type(2) {
		position: absolute;
		top: 135px;
		left: 260px;
	}
	.contact-bottom-details h2, .contact-bottom-details h3 {
		margin-left: 5px !important;
	}
	.contact-bottom-details p, .contact-bottom-details h1 {
		margin-left: 25px !important;
	}

	.contact-bottom-details h2 {
		background-color: rgb(38, 38, 38);
		padding: 15px 120px 15px 120px;
		width: fit-content;
		margin: 0;
		font-size: 45px;
	}
	.contact-bottom-details h1 {
		margin: 0;
		font-size: 65px;
		line-height: 15px;
	}

	.contact-bottom .contact-text {
		z-index: 1;
		position: relative;
	}

.contact-bottom .contact-city {
	width: 15%;
	height: 4em;
	text-align: center;
	background-color: rgb(38, 38, 38);
	font-size: 100%;
	font-weight: bold;
	z-index: 1;
	position: relative;
}

.contact-city h1 {
	height: 4em;
}

.contact-bottom .contact-bottom-country {
	width: 15%;
	height: 4em;
	z-index: 1;
	position: relative;
}

	.contact-bottom .contact-bottom-country p {
		font-size: 270%;
		font-weight: bold;
	}

.contact__first {
}

.contact__second {
}

.contact__third {
}

.contact_fourth {
}


.contact__padding {
	padding: 0 2em 0 2em;
}


.nopadding {
	padding: 0 !important;
}

.services-content {
	width: 100%;
	position: relative;
}

	.services-content .services-container {
		width: 100%;
		margin-top: 158px;
	}

	.services-content .row {
		overflow: hidden;
		padding: 0 2em 0 2em;
	}

	.services-content .services-container .top-content {
		position: relative;
		height: 100vh;
	}

		.services-content .services-container .top-content .services-top-image {
			position: relative;
		}

			.services-content .services-container .top-content .services-top-image img {
				width: 100%;
				height: 100vh;
				display: block;
				position: absolute;
				object-fit: cover;
				z-index: 0;
			}


		.services-content .services-container .top-content .services-top-text {
			position: relative;
			margin-top: 15%;
			margin-left: 3%;
			max-width: 25em;
		}

		.services-content .services-container .top-content h1 {
			text-decoration: underline;
			position: absolute;
			z-index: 1;
			font-size: 380%;
		}

		.services-content .services-container .top-content p {
			margin-top: 40%;
			position: absolute;
			z-index: 1;
		}

	.services-content .services-container .first-text {
		max-width: 60%;
		margin: 50px auto 30px auto;
	}
		.services-content .services-container .first-text h1 {
			font-size: 380%;
			line-height: 55px;
		}

	.services-content .services-container .second-text {
		max-width: 60%;
		margin: 0 auto;
	}

		.services-content .services-container .second-text h1 {
			text-decoration: underline;
			font-weight: bold;
			font-size: 380%; 
		}

		.services-content .services-container .second-text p {
			max-width: 90%;
		}

	.services-content .services-container .all-services {
		max-width: 100%;
		flex-wrap: wrap;
	}

	.services-content .services-container .service-object {
		flex-basis: 50%;
		height: 250px;
		cursor: pointer;
		margin-bottom: 45px;
		gap: 2%;
		position: relative;
	}

		.services-content .services-container .service-object .inner {
			margin: 2.5%;
			position: relative;
			height: 100%;
			overflow: hidden;
		}

			.services-content .services-container .service-object .inner h2 {
				margin-left: 32px;
				position: relative;
				z-index: 1;
			}

	.services-content .services-container .technologies {
		width: 100%;
	}

		.services-content .services-container .technologies .cards {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: left;
			align-content: center;
			max-width: 1440px;
			margin: 0 auto;
			gap: 25px;
		}
	.cards .umb-grid {
		width: inherit;
		padding-left: 20px;
		padding-right: 20px;
	}
		.cards .umb-grid .grid-section div .container .row{
			padding:0;
		}


			.services-content .services-container .technologies .cards .card:last-of-type {
				flex-grow: 1;
			}


			.services-content .services-container .technologies .cards .card {
				flex: 0 0 47%;
				min-width: 500px;
				height: 280px;
				overflow: hidden;
				flex-grow: 1;
				max-width: 679px;
			}
			@media(max-width: 68.125em){
				.services-content .services-container .technologies .cards {
					justify-content: center;
				}
				.services-content .services-container .technologies .cards .card {
					width: 80%;
					flex-grow: 1 !important;
				}
				
			}

				.services-content .services-container .technologies .cards .card h2 {
					margin-left: 32px;
					position: relative;
					font-size: 34px;
					line-height: 2px;
				}

				.services-content .services-container .technologies .cards .card .bottom-text {
					margin-left: 32px;
					position: absolute;
					z-index: 1;
					bottom: 30px;
				}

				.services-content .services-container .technologies .cards .card .card-image {
					width: 100%;
					height: inherit;
				}

			.services-content .services-container .technologies .cards .card-image img {
				object-fit: cover;
				height: inherit;
				width: 100%;
			}


			.services-content .services-container .technologies .cards .card .minimize {
				border-bottom: 10px white solid;
				width: 30px;
				height: 25px;
				margin-left: 32px;
				position: relative;
				z-index: 1;
			}

	.services-content .services-container .service-object .object-image {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 0;
		margin: 2.5%;
		overflow: hidden;
	}

		.services-content .services-container .service-object .object-image img {
			width: 100%;
			height: 100%;
			display: block;
			position: absolute;
			object-fit: cover;
		}

	.services-content .services-container .services-contact {
		width: 30%;
		margin-bottom: 5%;
	}

		.services-content .services-container .services-contact .contact-bullet {
			display: flex;
			flex-wrap: wrap;
			gap: 5%;
		}

			.services-content .services-container .services-contact .contact-bullet .blue-line {
				color: lightblue;
				line-height: 48px;
				font-size: 30px;
			}

		.services-content .services-container .services-contact .contact-person {
			max-width: 70%;
			margin-left: 43px;
		}

			.services-content .services-container .services-contact .contact-person .italic {
				font-style: italic;
				font-size: 150%;
			}

			.services-content .services-container .services-contact .contact-person .information {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
			}

				.services-content .services-container .services-contact .contact-person .information img {
					height: 130px;
					width: 130px;
				}

				.services-content .services-container .services-contact .contact-person .information p {
					margin: 0;
					margin-left: 25px;
				}

					.services-content .services-container .services-contact .contact-person .information p:first-of-type {
						font-weight: bold;
					}

	.services-cases {
		max-width: 90%;
		margin: 34px auto 34px auto;
	}
		.services-cases div #left-arrow, .services-cases div #right-arrow {
			margin-top: 80px;
			height: 25px;
		}
		.services-cases div #left-arrow, .services-cases div #right-arrow img{
			cursor: pointer;
		}
		.services-cases .cases {
			flex-direction: row;
			width: 100%;
			flex-wrap: wrap;
			justify-content: center;
			gap: 25px;
			padding-left: 20px;
			padding-right: 20px;
			max-height: 300px;
			overflow: hidden;
		}

		.services-cases .cases .case {
			min-height: 600px;
			max-width: 300px;
			flex: 0 0 20%;
		}
		.services-cases .cases .case h3{
			margin: 0;
			padding: 0;
			line-height: 35px;
		}
		.services-cases .cases .case .case-summary {
			max-height: 242px;
			overflow: hidden;
		}
		.services-cases .cases .case .case-summary p {
			margin: 0;
			padding: 0;
			line-height: 15px;
		}
			.services-cases .cases .case .case-summary a {
				margin: 0;
				padding: 0;
				line-height: 15px;
				color: cornflowerblue;
			}
			.services-cases .cases .case img {
				max-height: 250px;
				max-width: 300px;
			}


#City {
	color: white;
	display: inline-block;
	width: 200px;
	line-height: 0;
	font-size: 14px;
}

	#City a {
		text-decoration: none;
		color: rgb(0, 162, 255);
	}



/* --------- FOOTER --------- */

.footer {
	bottom: 0;
	position: relative;
	margin-top: 80px;
	height: 528px;
	width: 100%;
	background-color: black;
}

	.footer .container {
		padding-left: 12.2%;
		max-width: 100%;
		height: 100%;
		color: white;
		margin: 0 auto;
	}

		.footer .container .footer-contact {
			height: 100%;
			width: 100%;
		}

			.footer .container .footer-contact .footer-body {
				height: 100%;
				width: 100%;
				overflow: hidden;
			}

				.footer .container .footer-contact .footer-body .contact-body {
					height: 100%;
					margin-top: 5%;
				}

				.footer .container .footer-contact .footer-body .left {
					max-width: 47%;
					padding: 0;
					float: left;
				}

					.footer .container .footer-contact .footer-body .left h1 {
						font-style: normal;
						font-weight: 600;
						font-size: 24px;
						letter-spacing: .05em;
						padding: 0;
						margin: 0;
					}

					.footer .container .footer-contact .footer-body .left p {
						font-style: normal;
						font-weight: normal;
						font-size: 16px;
						line-height: 24px;
					}

					.footer .container .footer-contact .footer-body .left .top-text {
						width: 70%;
					}

					.footer .container .footer-contact .footer-body .left .alternatives {
						margin: 35px 0 50px 0;
					}

					.footer .container .footer-contact .footer-body .left .bottom-text {
						width: 75%;
					}

					.footer .container .footer-contact .footer-body .left .top-text p {
						width: 100%;
						font-family: Jost;
						font-size: 16px;
						font-weight: 400;
						line-height: 24px;
						letter-spacing: 0em;
						text-align: left;
						margin: 2% 0 0 0;
					}


					.footer .container .footer-contact .footer-body .left .alternatives p {
						font-family: Jost;
						font-size: 16px;
						font-weight: 400;
						line-height: 24px;
						letter-spacing: 0em;
						text-align: left;
						margin: 0;
					}

					.footer .container .footer-contact .footer-body .left .bottom-text p {
						width: 100%;
						font-style: normal;
						font-weight: normal;
						font-size: 16px;
						margin: 0;
						padding: 0;
					}

					.footer .container .footer-contact .footer-body .left .bottom-text h2 {
						font-family: Jost;
						font-size: 22px;
						font-weight: 400;
						line-height: 30px;
						letter-spacing: 0em;
						text-align: left;
						margin-bottom: 15px;
						padding: 0;
					}


				.footer .container .footer-contact .footer-body .right {
					width: 684px;
					height: 460;
					float: left;
				}


					.footer .container .footer-contact .footer-body .right img {
						object-fit: fill;
						max-height: 100%;
						overflow: visible;
						max-width: 100%;
					}

@media screen and (max-width: 809px) {
	.footer .container {
		width: 100%;
	}

		.footer .container .footer-contact .footer-body .contact-body .left {
			max-width: 80%;
			padding: 0;
			padding-right: 12.2%;
		}

			.footer .container .footer-contact .footer-body .contact-body .left .top-text {
				width: 80%;
				margin: 0;
			}

			.footer .container .footer-contact .footer-body .contact-body .left .alternatives {
				width: 80%;
				margin: 2% 0;
			}

			.footer .container .footer-contact .footer-body .contact-body .left .bottom-text {
				width: 80%;
				margin: 0;
			}

		.footer .container .footer-contact .footer-body .contact-body .right {
			display: none;
		}
}

@media screen and (max-width: 1487px) {

	.footer .container .footer-contact .footer-body .contact-body {
		margin-top: 8%;
	}

		.footer .container .footer-contact .footer-body .contact-body .left {
			display: block;
			float: none;
			max-width: 90%;
		}

			.footer .container .footer-contact .footer-body .contact-body .left .top-text {
				width: 100%;
			}

			.footer .container .footer-contact .footer-body .contact-body .left .alternatives {
				width: 100%;
				margin: 2% 0;
			}

			.footer .container .footer-contact .footer-body .contact-body .left .bottom-text {
				width: 100%;
			}

		.footer .container .footer-contact .footer-body .contact-body .right {
			display: none;
		}
}