body.home header.layout-row { position: absolute; top: 0; width: 100%; background-color: transparent; }
body.home header.layout-row::before {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	width: 100%; height: 7rem;
	background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .25) 100%);
	z-index: 1;
}
body.home header.layout-row .logo svg g > * { fill: #fff; }
body.home header.layout-row nav { position: relative; z-index: 2; }
body.home header.layout-row nav ul li a { color: #fff; }
body.home header.layout-row nav ul li a::before { background-color: #fff; }
body.home header.layout-row nav ul li a .telos-red { color: #fff; opacity: .65; }
body.home header.layout-row nav.main,
body.home header.layout-row nav.lang-switcher { border-color: #ffffff30; }
body.home header.layout-row nav.reserved-area li a:hover { color: #fff; background-color: #ffffff30; }
body.home header.layout-row nav.lang-switcher li a { border-color: #ffffff60; }
body.home header.layout-row nav.lang-switcher li a:hover { color: #000; background-color: #fff; border-color: #fff; }
body.home header.layout-row .hamburger-bar { background-color: #fff; }

.layout-row-hero-video { position: relative; height: 100vh; overflow: hidden; background: #222; }
.layout-row-hero-video::before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #44020255; z-index: 1; }
.layout-row-hero-video > .container-fluid { --bs-gutter-x: 5rem; position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); padding-top: 1.5rem; padding-bottom: 1.5rem; z-index: 2; }
.layout-row-hero-video figure.video { margin: 0; height: 100%; }
.layout-row-hero-video video { width: 100%; height: 100%; margin: 0; object-fit: cover; pointer-events: none; }
.layout-row-hero-video .swiper { position: absolute; top: 50%; width: 100%; max-width: 80rem; padding-right: 5rem; transform: translateY(-50%); pointer-events: none; }
.layout-row-hero-video .swiper-slide { display: flex; align-items: center; max-height: 4rem; }
.layout-row-hero-video h3 { color: #fff; font-weight: 400; text-transform: uppercase; font-size: 2rem; line-height: 1; margin: 0; /*text-shadow: 1px 1px 1px #00000050;*/ }

.layout-row-who-we-are > .container { padding-top: 0; padding-bottom: 0; }
.layout-row-who-we-are .header { text-align: center; padding-bottom: 2rem; }
.layout-row-who-we-are .wrapper { position: relative; gap: 2rem; }
.layout-row-who-we-are .wrapper figure { flex-basis: 50%; aspect-ratio: 1 / 1; margin: 0 calc(var(--bs-gutter-x) * -.5); overflow: hidden; }
.layout-row-who-we-are .wrapper figure img { width: 100%; height: 100%; object-fit: cover; }
.layout-row-who-we-are .wrapper .description { flex-basis: 50%; padding: 0 1rem; }
.layout-row-who-we-are .wrapper .description h2 { font-size: 1.35rem; margin-bottom: 1rem; }
.layout-row-who-we-are .wrapper .description p { font-size: .9rem; line-height: 1.3; }
.layout-row-who-we-are .wrapper .description em { font-style: normal; color: var(--telos-red); }
.layout-row-who-we-are .wrapper .floating-el { position: absolute; left: -3rem; top: 15rem; bottom: auto; width: 6rem; height: 6rem; background-color: var(--telos-red); }

.layout-row-what-we-do > .container-fluid { padding-top: 5rem; padding-bottom: 0; }
.layout-row-what-we-do .header { text-align: center; max-width: 40rem; margin: 0 auto 3rem auto; }
.layout-row-what-we-do .header h2 { margin-bottom: 1rem; }
.layout-row-what-we-do .header p { font-size: .9rem; line-height: 1.3; }
.layout-row-what-we-do .wrapper { display: grid; grid-template-columns: 1fr; gap: 1rem; }
.layout-row-what-we-do .wrapper .item { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden; }
.layout-row-what-we-do .wrapper .item::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--telos-red); z-index: 1; mix-blend-mode: multiply; }
.layout-row-what-we-do .wrapper .item a { position: relative; display: block; font-size: 1.5rem; color: #fff; font-weight: 500; width: 100%; padding: 5rem 3rem; line-height: 1; text-transform: uppercase; transition: transform .75s cubic-bezier(.25,.5,.35,1); z-index: 2; }
.layout-row-what-we-do .wrapper .item figure { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%) scale(1.1); transition: transform .75s cubic-bezier(.25,.5,.35,1); z-index: 0; }
.layout-row-what-we-do .wrapper .item:hover a { transform: scale(1.1); }
.layout-row-what-we-do .wrapper .item:hover figure { transform: translate(-50%, -50%) scale(1); }
.layout-row-what-we-do .wrapper .item figure img { object-fit: cover; }

.layout-row-why-us > .container { padding-top: 5rem; padding-bottom: 2rem; }
.layout-row-why-us > .container-fluid { --bs-gutter-x: 3rem; background-color: var(--telos-red); padding-top: 2rem; padding-bottom: 2rem; }
.layout-row-why-us .header { text-align: center; max-width: 40rem; margin: 0 auto; }
.layout-row-why-us .header h2 { margin: 0; }
.layout-row-why-us .wrapper { position: relative; }
.layout-row-why-us .our-strengths { position: relative; display: grid; grid-template-columns: 1fr; gap: 3rem 5rem; max-width: 65rem; margin: 0 auto; z-index: 2; }
.layout-row-why-us .our-strengths .item { display: flex; color: #fff; gap: 1.5rem; }
.layout-row-why-us .our-strengths .item .number { font-size: 2rem; font-weight: 700; line-height: 1; flex-basis: 1.5rem; }
.layout-row-why-us .our-strengths .item .description { font-size: 1.15rem; font-weight: 500; line-height: 1.3; flex-basis: 100%; }
.layout-row-why-us .chesterfield-rouge { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(1.3); z-index: 1; }
.layout-row-why-us .chesterfield-rouge img { margin: 0 auto; max-width: 50rem; }

.layout-row-people > .container-fluid { --bs-gutter-x: 0; position: relative; padding-top: 7rem; padding-bottom: 3rem; }
.layout-row-people .header { text-align: center; margin: 0 auto 3rem auto; }
.layout-row-people .header h2 { margin-bottom: 1rem; }
.layout-row-people .wrapper { display: grid; grid-template-columns: 1fr; gap: 1rem; }
.layout-row-people .wrapper .item { position: relative; }
.layout-row-people .wrapper .item a { display: block; color: inherit; overflow: hidden; }
.layout-row-people .wrapper .item a figure { transform: scale(1); transition: transform .5s, filter .5s; }
.layout-row-people .wrapper .item a:hover figure { transform: scale(1.05); filter: contrast(80%) brightness(120%); }
.layout-row-people .wrapper .item .meta { position: absolute; left: 50%; bottom: -1px; min-width: 60%; min-height: 5.5rem; text-align: center; transform: translateX(-50%); padding: 1rem 2rem 1rem 2rem; background: #fff; z-index: 1; }
.layout-row-people .wrapper .item .meta h2 { font-size: 1.35rem; text-transform: uppercase; margin-bottom: .25rem; white-space: nowrap; }
.layout-row-people .wrapper .item .meta p { font-size: .9rem; line-height: 1.2; margin: 0; }
.layout-row-people .floating-el { display: none; position: absolute; z-index: -1; }
.layout-row-people .floating-el-1 { right: 12vw; bottom: 20vw; width: 15vw; height: 15vw; transform: rotate(-25deg); background-color: var(--telos-red); }
.layout-row-people .floating-el-2 { right: 10vw; bottom: 15vw; width: 9vw; height: 9vw; transform: rotate(32deg); background-color: #000; opacity: .9; }

.layout-row-ppsc-last-issue { position: relative; margin-top: 2.5rem; }
.layout-row-ppsc-last-issue > .container-fluid { --bs-gutter-x: 1rem; padding-top: 2rem; padding-bottom: 2rem; }
.layout-row-ppsc-last-issue video { display: block; width: 100%; pointer-events: none; }
.layout-row-ppsc-last-issue .ppsc-with-t { display: none; }
.layout-row-ppsc-last-issue .cover { width: 90%; margin: 0 auto; }
.layout-row-ppsc-last-issue .cover a { display: block; transition: transform .35s; }
.layout-row-ppsc-last-issue .cover a:hover { transform: scale(1.03); }
.layout-row-ppsc-last-issue .cover img { border: 1px solid var(--telos-gray); }

.layout-row-social-telos { margin-bottom: 1.5rem; }
.layout-row-social-telos > .container-fluid { --bs-gutter-x: 3rem; position: relative; padding-top: 5rem; padding-bottom: 0; }
.layout-row-social-telos .header { text-align: center; margin: 0 auto 3rem auto; }
.layout-row-social-telos .header h2 { margin-bottom: 1rem; }
.layout-row-social-telos .wrapper { position: relative; }
.layout-row-social-telos .cover-wrapper .cover { width: 35vw; position: relative; z-index: 2; }
.layout-row-social-telos .cover-wrapper .cover img { border-radius: 3px; }
.layout-row-social-telos .figure-wrapper { display: none; }
.layout-row-social-telos .figure-wrapper figure { position: relative; top: 0; left: -2vw; width: 33vw; }
.layout-row-social-telos .follow-us { max-width: 15rem; }
.layout-row-social-telos .follow-us p { text-transform: uppercase; color: var(--telos-red); margin-bottom: .5rem; }
.layout-row-social-telos .follow-us ul { list-style-type: none; margin: 0 2rem 0 0; padding: 0; gap: .25rem; flex-wrap: wrap; }
.layout-row-social-telos .follow-us ul a { display: block; color: #fff; font-size: 1.35rem; padding: .1rem; background-color: var(--telos-red); border-radius: 3px; }
.layout-row-social-telos .follow-us ul a i { color: #fff; }
.layout-row-social-telos .floating-el { display: none; }

footer.layout-row { z-index: 1; }

@media (max-width: 370px) {	
	.layout-row-hero-video h3 { font-size: 1.75rem; }
}

@media (max-width: 575px) {
	.layout-row-who-we-are .header { padding-top: 2rem; }
}

@media (min-width: 576px) {
	.layout-row-hero-video h3 { font-size: 3rem; }
	.layout-row-hero-video .swiper-slide { max-height: 7rem; }
	.layout-row-who-we-are > .container { padding-top: 6rem; }
	.layout-row-who-we-are .wrapper figure { margin: 0; }
	.layout-row-why-us .our-strengths .item .number { font-size: 2.5rem; flex-basis: 2rem; }
	.layout-row-people > .container-fluid { --bs-gutter-x: 10rem; }
	.layout-row-people .wrapper { gap: 2rem; }
	.layout-row-people .wrapper .item .meta h2 { font-size: 1rem; }
	.layout-row-people .wrapper .item .meta p { font-size: .75rem; }
	.layout-row-ppsc-last-issue > .container-fluid { --bs-gutter-x: 2rem; padding-top: 7rem; padding-bottom: 7rem; }
	.layout-row-ppsc-last-issue .ppsc-with-t { display: block; }
	.layout-row-ppsc-last-issue .cover { position: absolute; top: 50%; left: 12vw; width: 28vw; transform: translateY(-50%); }
}

@media (min-width: 768px) {
	.layout-row-hero-video > .container-fluid { --bs-gutter-x: 25vw; }
	.layout-row-hero-video .swiper-slide { max-height: 10rem; }
	.layout-row-who-we-are .wrapper { gap: 3rem; }
	.layout-row-who-we-are .wrapper .description { padding: 0; }
	.layout-row-who-we-are .wrapper .floating-el { top: auto; bottom: -1rem; }
	.layout-row-why-us > .container { padding-top: 5rem; padding-bottom: 5rem; }
	.layout-row-why-us > .container-fluid { --bs-gutter-x: 10rem; padding-top: 5rem; padding-bottom: 5rem; }
	.layout-row-why-us .our-strengths { grid-template-columns: 1fr 1fr; }
	.layout-row-why-us .chesterfield-rouge { transform: translate(-50%,-50%); }
	.layout-row-people .wrapper { grid-template-columns: 1fr 1fr; }
	.layout-row-people .floating-el { display: block; }
	.layout-row-ppsc-last-issue .cover { left: 22vw; width: 20vw; }
	.layout-row-social-telos { margin-bottom: 0; }
	.layout-row-social-telos > .container-fluid { --bs-gutter-x: 0;  }
	.layout-row-social-telos .cover-wrapper { position: absolute; top: 50%; right: 15vw; transform: translateY(-50%); gap: 3rem; z-index: 2; }
	.layout-row-social-telos .cover-wrapper .cover { width: 21vw; }
	.layout-row-social-telos .figure-wrapper { display: block; }
	.layout-row-social-telos .figure-wrapper figure { left: 2vw; }
	.layout-row-social-telos .follow-us { max-width: none; text-align: left; }
	.layout-row-social-telos .floating-el { display: block; position: absolute; right: 7vw; top: 50%; transform: translateY(-50%) rotate(30deg); width: 8rem; height: 8rem; background-color: var(--telos-red); z-index: -1; }
}

@media (max-width: 1199px) {
    .layout-row-social-telos .figure-wrapper img,
    .layout-row-social-telos .cover,
    .layout-row-social-telos .follow-us { transform: none !important; }
}

@media (min-width: 1200px) {
    .layout-row-people .wrapper { grid-template-columns: 1fr 1fr 1fr; }
	.layout-row-hero-video h3 { font-size: 3.5rem; }
	.layout-row-what-we-do .wrapper { grid-template-columns: 1fr 1fr 1fr; }
	.layout-row-social-telos .cover-wrapper { right: 10vw; width: 45vw; }
	.layout-row-social-telos .floating-el { right: 3vw; width: 12rem; height: 12rem; }
}

@media (min-width: 1400px) {
	.layout-row-hero-video > .container-fluid { --bs-gutter-x: 35vw; }
	.layout-row-hero-video .swiper-slide { max-height: 8rem; }
    .layout-row-people .wrapper { grid-template-columns: 1fr 1fr 1fr 1fr; }
}

@media (min-width: 2000px) {
	.layout-row-ppsc-last-issue > .container-fluid { padding-top: 10rem; padding-bottom: 10rem; }
}