/* === Webfonts === */

/* Poppins Regular */

@font-face{
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/poppins/poppins_400.eot');
	src: url('../fonts/poppins/poppins_400.eot?#iefix') format('embedded-opentype'),
	url('../fonts/poppins/poppins_400.woff2') format('woff2'),
	url('../fonts/poppins/poppins_400.woff') format('woff'),
	url('../fonts/poppins/poppins_400.ttf') format('truetype'),
	url('../fonts/poppins/poppins_400.svg#Poppins') format('svg');
}

/* Poppins Medium */

@font-face{
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/poppins/poppins_500.eot');
	src: url('../fonts/poppins/poppins_500.eot?#iefix') format('embedded-opentype'),
	url('../fonts/poppins/poppins_500.woff2') format('woff2'),
	url('../fonts/poppins/poppins_500.woff') format('woff'),
	url('../fonts/poppins/poppins_500.ttf') format('truetype'),
	url('../fonts/poppins/poppins_500.svg#Poppins') format('svg');
}

/* Poppins Bold */

@font-face{
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/poppins/poppins_700.eot');
	src: url('../fonts/poppins/poppins_700.eot?#iefix') format('embedded-opentype'),
	url('../fonts/poppins/poppins_700.woff2') format('woff2'),
	url('../fonts/poppins/poppins_700.woff') format('woff'),
	url('../fonts/poppins/poppins_700.ttf') format('truetype'),
	url('../fonts/poppins/poppins_700.svg#Poppins') format('svg');
}

/* === General === */

.egvb-a *,
.egvb-b *,
.egvb-c *,
.egvb-d *,
.egvb-e *,
.egvb-f *,
.egvb-g *{
	font-family: 'Poppins', sans-serif;
}

/* === EGV=Builder A === */

.egvb-a{
	display: block;
	position: relative;
	width: 100%;
	height: calc(100vh - 117px);
}

.egvb-a video{
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
	object-fit: cover;
}

.egvb-a__titlebox{
	background-color: #495853;
	padding: 60px 80px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 2;
	display: inline-block;
}

.egvb-a__titlebox span:first-child{
	font-weight: 500;
	color: #ffffff;
	font-size: 60px;
	line-height: 70px;
	display: block;
	padding-bottom: 10px;
}

.egvb-a__titlebox span:last-child{
	
	font-weight: 400;
	color: #ffffff;
	font-size: 32px;
	line-height: 44px;
	display: block;
}

/* === EGV=Builder B === */

.egvb-b{
	background-color: #495853;
}

.egvb-b__teasers{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.egvb-b__teaser{
	flex: 0 0 auto;
	width: 100%;
	max-width: 253px;
	padding: 85px 22px;
	text-align: center;
}

.egvb-b__teaser:hover{
	background-color: #38433f;
	cursor: pointer;
}

.egvb-b__icon{
	margin: 0 auto 35px auto;
}

.egvb-b__icon img{
	width: 100px;
	height: 100px;
	object-fit: contain;
	object-position: center;
}

.egvb-b__title{
	font-weight: 500;
	color: #ffffff;
	font-size: 18px;
	line-height: 26px;
	display: block;
}

/* === EGV=Builder C === */

.egvb-c__grid{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 93px 0px;
	flex-wrap: nowrap;
}

.egvb-c__left{
	flex: 0 0 auto;
	width: 100%;
	max-width: 586px;
}

.egvb-c__right{
	flex: 0 0 auto;
	width: 100%;
	max-width: 620px;
}

.egvb-c__title{
	font-weight: 500;
	color: #4b4b4b;
	font-size: 26px;
	line-height: 34px;
	display: block;
	margin-bottom: 22px;
}

.egvb-c__description p{
	font-weight: 400;
	color: #4b4b4b;
	font-size: 16px;
	line-height: 24px;
	display: block;
}

.egvb-c__readmore{
	padding-top: 40px;
}

.egvb-c__employeetitle{
	font-weight: 700;
	color: #e0e0e0;
	font-size: 36px;
	line-height: 44px;
	display: block;
	margin-bottom: 22px;
}

.egvb-c__employees{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.egvb-c__employee{
	display: inline-block;
	max-width: 287px;
}

.egvb-c__employee.--left{
	padding-top: 75px;
}

.egvb-c__employeeimage{
	width: 100%;
	margin-bottom: 21px;
}

.egvb-c__employeename{
	font-weight: 400;
	color: #4b4b4b;
	font-size: 16px;
	line-height: 24px;
	max-width: 100%;
}

/* === EGV=Builder D === */

.egvb-d{
	background-color: #495853;
	padding: 120px 0px 115px 0px;
}

.egvb-d__grid{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.egvb-d__left{
	flex: 0 0 auto;
	width: 100%;
	max-width: 953px;
}

.egvb-d__right{
	flex: 0 0 auto;
	width: 100%;
	max-width: 308px;
	display: flex;
	align-items: center;
}

.egvb-d__title{
	font-weight: 500;
	color: #ffffff;
	font-size: 36px;
	line-height: 44px;
	display: block;
	margin-bottom: 41px;
}

.egvb-d__description p{
	font-weight: 400;
	color: #ccd0cf;
	font-size: 16px;
	line-height: 24px;
	display: block;
}

.egvb-d__image img{
	width: 100%;
	height: auto;
	object-fit: contain;
	object-position: center;
}

/* === EGV=Builder E === */

.egvb-e{
	padding: 122px 0px;
	background-size: 960px auto;
	background-position: -68px 100px;
	background-repeat: no-repeat;
}

.egvb-e__grid{
	padding: 53px 0px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.egvb-e__grid.--top .egvb-e__left{
	flex: 0 0 auto;
	width: 100%;
	max-width: 886px;
}

.egvb-e__grid.--top .egvb-e__right{
	flex: 0 0 auto;
	width: 100%;
	max-width: 368px;
}

.egvb-e__title{
	font-weight: 500;
	color: #000000;
	font-size: 36px;
	line-height: 44px;
	display: block;
	margin-bottom: 15px;
}

.egvb-e__description{
	margin-bottom: 23px;
}

.egvb-e__description p{
	font-weight: 400;
	color: #444444;
	font-size: 16px;
	line-height: 24px;
	display: block;
}

.egvb-e__image img{
	width: 100%;
	height: auto;
	object-fit: contain;
	object-position: center;
}

.egvb-e__grid.--bot .egvb-e__left{
	flex: 0 0 auto;
	width: 100%;
	max-width: 886px;
}

.egvb-e__grid.--bot .egvb-e__right{
	flex: 0 0 auto;
	width: 100%;
	max-width: 669px;
	margin-left: auto;
}

/* === EGV=Builder F === */

.egvb-f{
	padding: 125px 0px;
}

.egvb-f__title{
	font-weight: 500;
	color: #000000;
	font-size: 36px;
	line-height: 44px;
	display: block;
	margin-bottom: 60px;
}

.egvb-f__grid{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.egvb-f__bulletpoints{
	flex: 1 1 auto;
	width: auto;
	max-width: 100%;
}

.egvb-f__bulletpoint{
	padding: 25px 0px 25px 58px;
	position: relative;
}

.egvb-f__bulletpointtally{
	position: absolute;
	left: 0px;
	top: -1px;
	display: inline-flex;
	align-items: center;
	justify-content: space-around;
	width: 120px;
	height: 120px;
	background-color: #495853;
	border-radius: 218px;
	box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.33);
}

.egvb-f__bulletpointtally span{
	color: #ffffff;
	font-size: 54px;
	line-height: 54px;
}

.egvb-f__bulletpointtext{
	background-color: #5d6b67;
	padding: 25px 46px 25px 100px;
	border-radius: 10px;
	min-height: 218px;
}

.egvb-f__bulletpointtitle{
	margin-top: auto;
}

.egvb-f__bulletpointdescription{
	margin-bottom: auto;
}

.egvb-f__bulletpointtitle span{
	font-weight: 500;
	color: #ffffff;
	font-size: 22px;
	line-height: 32px;
	display: block;
	margin-bottom: 23px;
}

.egvb-f__bulletpointdescription p{
	font-weight: 400;
	color: #ffffff;
	font-size: 16px;
	line-height: 24px;
}

.egvb-f__image{
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
	padding-left: 97px;
	padding-right: 50px;
	height: auto;
}

.egvb-f__image img{
	width: 100%;
	height: auto;
	object-fit: contain;
	object-position: center;
	position: sticky;
	top: 135px;
}

/* === EGV=Builder G === */

.egvb-g{
	padding-bottom: 60px;
}

.egvb-g__title{
	font-weight: 500;
	color: #000000;
	font-size: 36px;
	line-height: 44px;
	display: block;
	margin-bottom: 40px;
}

.egvb-g__tapednotes{
	display: flex;
	flex-wrap: wrap;

	align-items: stretch;
}

.egvb-g__tapednote{
	padding: 60px 0px;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.egvb-g__tapednotetext{
	background-color: #495853;
	padding: 40px 45px 20px 45px;
	text-align: center;
	background-position: calc(100% - 10px) calc(100% - 10px);
	background-repeat: no-repeat;
	background-size: 56px auto;
	max-width: 390px;
	min-height: 190px;
	margin: 0 auto;

	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.egvb-g__tapednoteicons {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin-top: 24px;
}

/*
.egvb-g__tapednote:nth-child(6n+1) > .egvb-g__tapednotetext {transform: rotate(2deg); }
.egvb-g__tapednote:nth-child(6n+2) > .egvb-g__tapednotetext {transform: rotate(-2deg); }
.egvb-g__tapednote:nth-child(6n+3) > .egvb-g__tapednotetext {transform: rotate(4deg); }
.egvb-g__tapednote:nth-child(6n+4) > .egvb-g__tapednotetext {transform: rotate(-3deg); }
.egvb-g__tapednote:nth-child(6n+5) > .egvb-g__tapednotetext {transform: rotate(1deg); }
.egvb-g__tapednote:nth-child(6n)   > .egvb-g__tapednotetext {transform: rotate(2deg); }
 */

.egvb-g__tapednotetitle {
	color: #fff !important;
	font-weight: 700;
}

.egvb-g__tapednotetitle a:hover {
	text-decoration: none;
	color: #fff;
}

.egvb-g__tapednotetitle > * {
	color: inherit;
}

.egvb-g__tapednotetext::before,
.egvb-g__tapednotetext::after{
	display: inline-block;
	position: absolute;
	height: 34px;
	content: '';
	left: auto;
	right: auto;
	
	/*background-color: rgba(191, 191, 191, 0.7);*/
	
	background-color: rgba(190, 190, 190, 0.4);
	box-shadow: inset 0 0 1em .5em rgba(190, 190, 190, 0.2);
}

.egvb-g__tapednote:nth-child(6n+1) > .egvb-g__tapednotetext::before {width: 150px; top: -15px; left: -41px; transform: rotate(-18deg); }
.egvb-g__tapednote:nth-child(6n+1) > .egvb-g__tapednotetext::after  {width: 145px; top: -5px; right: -37px; transform: rotate(30deg); }
.egvb-g__tapednote:nth-child(6n+2) > .egvb-g__tapednotetext::before {width: 122px; top: 11px; left: -42px; transform: rotate(-50deg);}
.egvb-g__tapednote:nth-child(6n+2) > .egvb-g__tapednotetext::after  {width: 143px; top: -9px; right: -36px; transform: rotate(30deg);}
.egvb-g__tapednote:nth-child(6n+3) > .egvb-g__tapednotetext::before {width: 145px; top: -3px; left: -39px; transform: rotate(-23deg);}
.egvb-g__tapednote:nth-child(6n+3) > .egvb-g__tapednotetext::after  {width: 111px; top: -8px; right: -47px; transform: rotate(26deg);}
.egvb-g__tapednote:nth-child(6n+4) > .egvb-g__tapednotetext::before {width: 170px; top: 9px; left: -55px; transform: rotate(-38deg);}
.egvb-g__tapednote:nth-child(6n+4) > .egvb-g__tapednotetext::after  {width: 155px; top: 0px; right: -49px; transform: rotate(30deg);}
.egvb-g__tapednote:nth-child(6n+5) > .egvb-g__tapednotetext::before {width: 145px; top: -1px; left: -30px; transform: rotate(-29deg);}
.egvb-g__tapednote:nth-child(6n+5) > .egvb-g__tapednotetext::after  {width: 109px; top: -14px; right: -45px; transform: rotate(30deg);}
.egvb-g__tapednote:nth-child(6n)   > .egvb-g__tapednotetext::before {width: 165px; top: -23px; left: -41px; transform: rotate(-11deg);}
.egvb-g__tapednote:nth-child(6n)   > .egvb-g__tapednotetext::after  {width: 145px; top: 0px; right: -41px; transform: rotate(30deg);}

.egvb-g__tapednotedescription p{
	font-weight: 400;
	color: #ffffff;
	font-size: 16px;
	line-height: 24px;
	display: block;
	margin: 0px;
}

@media (max-width: 1260px) {
	.egvb-g__tapednote {
		flex: 100% !important;
		max-width: 100% !important;
	}
	.egvb-g__tapednotes {
		gap: 20px;
	}
}