@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/roboto-italic.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/roboto-normal.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
	--okred: 206,0,11; /* #ce000b */
	--okgold2: 180,154,103; /* #b49a67 */
	--okgold: 170, 146, 90; /* #aa925a*/
	--okgrey1: 1,22,39; /* #011627 */
	--okgrey2: 107,113,126; /* #6b717e */
	--okgrey3: 216,219,226; /* #d8dbe2 */
	--thin: 100;
	--extralight: 200;
	--light: 300;
	--regular: 400;
	--medium: 500;
	--semibold: 600;
	--bold: 700;
	--extrabold: 800;
	--black: 900;
}
#mobileBackdrop {
	background-color: rgba(var(--okgrey1), 0.5);
}
#mobileMenu {
	background-color: #ffffff;
	max-height: 100vh;
	max-height: 100dvh;
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
}
#mobileMenu nav {
	padding-top: 120px;
}
#mobileMenu ul {
	padding: 0 0 2rem 0;
}
#mobileMenu ul li {
}
#mobileMenu ul li a {
	display: block;
	padding: 1.5rem 2rem;
	color: rgba(var(--okgrey1), 1);
	font-size: 1.5rem;
	line-height: 1.5rem;
	font-weight: var(--regular);
	background-color: rgba(var(--okgrey3), 0);
}
#mobileMenu ul li.active a {
	color: rgba(var(--okgrey1), 1);
	font-weight: var(--medium);
	background-color: rgba(var(--okgrey3), 0.5);
}
#mobileMenu ul li a:hover {
	color: rgba(var(--okgrey1), 1);
	background-color: rgba(var(--okgrey3), 1);
	transition: background-color 0.1s ease;
}

body {
	background-color: rgba(var(--okgrey1), 1);
}
.setfont {
  font-family: "Roboto", sans-serif;
  font-weight: var(--regular);
  font-style: normal;
  font-variation-settings: "wdth" 100;
}
@keyframes menuhover {
  0%   { box-shadow: 0 0 15px 0 rgba(107,113,126,0); }
  100% { box-shadow: 0 0 15px 0 rgba(107,113,126,0.5); }
}
@keyframes menuleave {
  0%   { box-shadow: 0 0 15px 0 rgba(107,113,126,0.5); }
  100% { box-shadow: 0 0 15px 0 rgba(107,113,126,0.0); }
}
.navmenu {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	height: 160px;
	background-color: #ffffff;
	box-shadow: 0 0 2rem rgba(0,0,0,0.15);
	z-index: 40;
}
.menu {
	height: 160px;
}
.menu .links {
	margin-top: 2rem;
	max-height: 6.5rem;
}
.menu .links li {
	height: auto;
	width: auto;
}
.menu .links li a {
	display: block;
	color: var(--okgrey1);
	background-color: rgba(var(--okgrey3), 0.25);
	border-radius: 100px;
	font-size: 1rem;
	line-height: 1rem;
	white-space: nowrap;
	padding: 1rem 1.25rem;
}
.menu .links li.inverse a {
	color: #ffffff;
	background-color: rgba(var(--okgrey2), 1);
}
.menu .links li.active a {
	color: var(--okgrey1);
	color: #ffffff;
	background-color: rgba(var(--okgold), 1);
}
.menu .links li a:hover {
	animation-name: menuhover;
	animation-duration: 0.3s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-out;
}
.menu .links li.inverse a:hover {
	background-color: rgba(var(--okgrey1), 1);
	transition: background-color 0.3s ease;
}
.menu .logo {
	display: block;
	width: 180px;
	height: 69px;
	height: 97px;
}
#icon1, #icon2, #icon3, #icon4, #icon10, #icon20, #icon30, #icon40 {
	width: 100px;
	height: 100px;
}
.content .icons {
	background-color: rgba(var(--okgrey2), 0.25);
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.content .icons-white {
	background-color: rgba(var(--okgold), 1);
}
.content .icons-white2 {
	background-color: rgba(var(--okgrey2), 1);
}
@keyframes bump {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}
.content .icons a:hover svg {
	animation: bump 0.4s ease;
}
.divider {
}
.divider-logo {
	background-color: #ffffff;
	box-shadow: 0 0 20px 0 rgba(107,113,126,0.25) inset;
	border-radius: 100px;
	border: 10px solid #fff;
	overflow: hidden;
}
.logosmall {
	display: block;
	width: calc(180px/2);
	height: calc(69px/2);
}
@keyframes logoanimated {
    0%   { transform: scale(0.9); }
    25%  { transform: scale(2); }
    45%  { transform: scale(1); }
    75%  { transform: scale(10); }
    100% { transform: scale(0.9); }
}
.logoanimated {
	animation: logoanimated 10s ease-in-out infinite;
	animation-fill-mode: forwards;
}
.spacer {
	background-color: rgba(var(--okgrey3), 1);
	height: 4rem;
}
.content {
	background-color: rgba(var(--okgrey3), 1);
}
.content p {
	font-size: 1.25rem;
	line-height: 2rem;
	margin-bottom: 1.25rem;
	color: rgba(var(--okgrey1), 1);
}
.content p.quote {
	font-style: italic;
	padding-top: 0.75rem;
	padding-left: 1.5rem;
}
.content p.quote .person {
	display: block;
	font-weight: 600;
	padding: 0.75rem 0;
}
.content p.payoff {
	font-style: italic;
	padding-top: 0.75rem;
}
.content .intro {
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.content .intro p {
	color: #ffffff;
	font-size: 1.375rem;
	line-height: 2.125rem;
}
.content .intro h2 {
	font-size: 2rem;
	line-height: 3rem;
	margin-bottom: 0;
	font-weight: var(--regular);
	color: #ffffff;
}
.content .intro p:last-child {
	margin-bottom: 0;
}
a.button {
	display: inline-block;
	font-size: 1.25rem;
	line-height: 2rem;
	padding: 1rem 2rem;
	color: #ffffff;
	background-color: rgba(var(--okred), 1);
	border-radius: 3rem;
}
a.button2 {
	font-size: 1.25rem;
	line-height: 1.5rem;
	padding: 0.75rem 1.75rem;
	background-color: rgba(var(--okgrey1), 1);
}
a.button:hover {
	transition: background-color 0.3s ease;
	background-color: rgba(var(--okgold), 1);
}
.cta1 a.button:hover, .cta2 a.button:hover {
	background-color: rgba(var(--okgrey1), 1);
}
.content h2, .content .maincontent h3 {
	font-size: 2rem;
	line-height: 2.5rem;
	margin-bottom: 2rem;
	font-weight: var(--medium);
	color: rgba(var(--okgrey1), 1);
}
.content ul.list {
	font-size: 1.25rem;
	line-height: 2.125rem;
	margin-bottom: 1.25rem;
	list-style-type: square;
	list-style-position: inside;
}
.content ul.list li {
	padding-left: 1.5rem;
}
.content ul.faq1, .content ul.faq2 {
	font-size: 1.25rem;
	line-height: 2.125rem;
	margin-bottom: 2rem;
}
.content ul.faq1 li a {
	display: block;
	color: rgba(var(--okred), 1);
	padding: 0.25rem 1rem;
	margin-bottom: 0.75rem;
	border-bottom: 1px solid rgba(var(--okred), 1);
	border-radius: 0.25rem 0.25rem 0 0;
}
.content ul.faq1 li a:hover {
	color: rgba(var(--okgrey1), 1);
	border-bottom: 1px solid rgba(var(--okgrey1), 1);
	background-color: rgba(255,255,255, 0.5);
	transition: background-color 0.3s ease;
}

.content ul.faq2 li.question {
	color: rgba(var(--okred), 1);
	margin-top: -9rem;
	padding: 12rem 0 0.5rem 0;
	font-weight: var(--medium);
}
.content ul.faq2 li.back {
	font-size: 0.875rem;
	line-height: 1rem;
	padding: 0.5rem 0 0 0;
	text-align: right;
}
.content ul.faq2 li.back a {
	color: rgba(var(--okred), 1);
	text-transform: uppercase;
}
.content ul.faq2 li.back a:hover {
	color: rgba(var(--okgrey1), 1);
	text-decoration: underline;
	text-underline-offset: 0.375rem;
}

.content .breadcrumb {
	color: #ffffff;
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: var(--regular);
	margin-bottom: 4rem;
}
.content .bc-item a {
	padding: 0.25rem 1rem;
	background: rgba(var(--okgrey1), 0.25);
	border-radius: 2rem;
	white-space: nowrap;
}
.content .bc-item a:hover {
	background: rgba(var(--okgrey1), 1);
}
.content .bc-item span {
	padding: 0 0.125rem;
}
.content .bc-separator {
	margin: 0 0.375rem;
}
.content .hero, .intro {
	background-color: rgba(var(--okgrey2), 1);
}
.content .hero {
	padding-top: 2rem;
	padding-bottom: 4rem;
	background: linear-gradient(to top, rgba(var(--okgrey1), 0.25), rgba(var(--okgrey1), 0.75)), url("/img/foto/homepage.jpg") no-repeat center top;
	background-size: cover;
}
.content .hero-railinfra {
	background: linear-gradient(to top, rgba(var(--okgrey1), 0.25), rgba(var(--okgrey1), 0.75)), url("/img/foto/railinfra_groot.jpg") no-repeat center top;
	background-size: cover;
}
.content .hero-publiek {
	background: linear-gradient(to top, rgba(var(--okgrey1), 0.2), rgba(var(--okgrey1), 0.6)), url("/img/foto/publieke-sector_groot.jpg") no-repeat right top;
	background-size: cover;
}
.content .hero-specialistisch {
	background: linear-gradient(to top, rgba(var(--okgrey1), 0.1), rgba(var(--okgrey1), 0.5)), url("/img/foto/specialistisch_groot.jpg") no-repeat right center;
	background-size: cover;
}
.content .hero-hospitality {
	background: linear-gradient(to top, rgba(var(--okgrey1), 0.1), rgba(var(--okgrey1), 0.5)), url("/img/foto/hospitality_groot.jpg") no-repeat right top;
	background-size: cover;
}
.content .hero-onderwijs-zorg {
	background: linear-gradient(to top, rgba(var(--okgrey1), 0.25), rgba(var(--okgrey1), 0.75)), url("/img/foto/onderwijs-zorg_groot.jpg") no-repeat right bottom;
	background-size: cover;
}
.content .hero-vastgoed {
	background: linear-gradient(to top, rgba(var(--okgrey1), 0.1), rgba(var(--okgrey1), 0.5)), url("/img/foto/vastgoed_groot.jpg") no-repeat center top;
	background-size: cover;
}
.content .hero-regulier {
	background: linear-gradient(to top, rgba(var(--okgrey1), 0.1), rgba(var(--okgrey1), 0.5)), url("/img/foto/diensten_regulier_groot.jpg") no-repeat right bottom;
	background-size: cover;
}
.content .hero-keuken {
	background: linear-gradient(to top, rgba(var(--okgrey1), 0.1), rgba(var(--okgrey1), 0.5)), url("/img/foto/diensten_keukenreiniging_groot.jpg") no-repeat center bottom;
	background-size: cover;
}
.content .hero-gevel {
	background: linear-gradient(to top, rgba(var(--okgrey1), 0.1), rgba(var(--okgrey1), 0.5)), url("/img/foto/diensten_gevelreiniging_groot.jpg") no-repeat center bottom;
	background-size: cover;
}
.content .hero-facilitair {
	background: linear-gradient(to top, rgba(var(--okgrey3), 0.1), rgba(var(--okgrey3), 0.25)), url("/img/foto/diensten_facilitair_groot.jpg") no-repeat center center;
	background-size: cover;
}
.content .hero-vloeronderhoud {
	background: linear-gradient(to top, rgba(var(--okgrey1), 0.1), rgba(var(--okgrey1), 0.25)), url("/img/foto/diensten_vloeronderhoud_groot.jpg") no-repeat right top;
	background-size: cover;
}
.content .hero-datacentra {
	background: linear-gradient(to top, rgba(var(--okgrey1), 0.1), rgba(var(--okgrey1), 0.25)), url("/img/foto/diensten_datacentra_groot.jpg") no-repeat center center;
	background-size: cover;
}
.content .hero-calamiteiten {
	background: linear-gradient(to top, rgba(var(--okgrey1), 0.1), rgba(var(--okgrey1), 0.25)), url("/img/foto/diensten_calamiteiten_groot.jpg") no-repeat center center;
	background-size: cover;
}
.content .hero-diensten {
	background: linear-gradient(to top, rgba(var(--okgrey1), 0.1), rgba(var(--okgrey1), 0.5)), url("/img/foto/diensten2.jpg") no-repeat center top;
	background-size: cover;
}
.content .hero-sectoren {
	background: linear-gradient(to top, rgba(var(--okgrey1), 0.1), rgba(var(--okgrey1), 0.5)), url("/img/foto/sectoren.jpg") no-repeat right center;
	background-size: cover;
}
.content .hero-werkenbij {
	background: linear-gradient(to top, rgba(var(--okgrey1), 0), rgba(var(--okgrey1), 0.5)), url("/img/foto/werkenbij_groot.jpg") no-repeat center center;
	background-size: cover;
}
.content .hero h1 {
	color: #ffffff;
	font-size: 2.5rem;
	line-height: 2.75rem;
	margin-bottom: 3rem;
	font-weight: var(--medium);
	text-shadow: 1px 1px 16px rgba(0,0,0,1);
}
.content .hero h1 .slogan {
	font-size: 2rem;
	line-height: 2.5rem;
}
.content .hero h1.nomargin {
	margin-bottom: 0.25rem;
}
.content .hero p {
	color: #ffffff;
	font-size: 1.5rem;
	line-height: 2.25rem;
	margin-bottom: 3rem;
}

.content .maincontent, .content .news, .content .contact, .content .newspage {
	background-color: rgba(var(--okgrey3), 1);
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.content .news {
	padding-bottom: 4rem;
}
.content .maincontent .img-wrap {
	padding-top: 1rem;
	margin-bottom: 3rem;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	width: 90%;
}
.content .maincontent .img-inline {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
	border-radius: 0.25rem;
}
.img-wrap > .img-inline:only-child {
	grid-column: 1 / -1;
}
.content .maincontent .img-inline-vk {
	width: 66%;
}

.content .latest {
	padding-top: 8rem;
}
.content .contact {
	background-color: #ffffff;
}

.content .sector-cards {
	background-color: rgba(var(--okgrey3), 1);
	padding-top: 4rem;
	padding-bottom: 8rem;
}
.content .service-cards {
	background-color: #ffffff;
	padding-top: 4rem;
	padding-bottom: 10rem;
}
.content .service-cards2 {
	background-color: rgba(var(--okgrey3), 1);
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.content .service-cards h2,
.content .sector-cards h2,
.content .clients h2,
.content .news h1,
.content .news h2 {
	font-size: 2.5rem;
	line-height: 3rem;
	margin-bottom: 0;
	font-weight: var(--medium);
	color: rgba(var(--okgrey1), 1);
}
.content .newspage h1 {
	font-size: 2.5rem;
	line-height: 3rem;
	margin-bottom: 2.5rem;
	font-weight: var(--medium);
	color: rgba(var(--okgrey1), 1);
}
.content .newspage .image {
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
}
.content .title {
	padding-bottom: 4rem;
}
.content .sector-card, .content .service-card {
	border-radius: 16px;
	overflow: hidden;
}
.content .sector-card .card-text, .content .service-card .card-text {
	padding: 2rem;
}
.content .sector-card {
	background: linear-gradient(to top, rgba(var(--okgrey3), 1), #ffffff 60%);
}
.content .service-card {
	background: linear-gradient(to top, rgba(var(--okgrey3), 0.5), #ffffff);
}
.content .service-cards2 .service-card {
	background: #ffffff;
}
.content .sector-card:hover, .content .service-card:hover, .content .client-card:hover {
	animation-name: menuhover;
	animation-duration: 0.3s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-out;
}
.content .sector-card .card-title, .content .service-card .card-title {
	font-size: 1.75rem;
	line-height: 2rem;
	color: rgba(var(--okgrey1), 1);
	font-weight: var(--bold);
	text-transform: uppercase;
	min-height: 5rem;
}
.content .sector-cards2 .sector-card .card-title, .content .service-cards2 .service-card .card-title {
	min-height: 0;
	min-width: 16rem;
}
.content .sector-card:hover .card-title, .content .service-card:hover .card-title, .content .client-card:hover .card-title {
	transition: color 0.3s ease;
	color: rgba(var(--okgold), 1);
}
.sector-card p, .service-card p {
	font-size: 1.25rem;
	line-height: 1.875rem;
	color: rgba(var(--okgrey2), 1);
	min-height: 12rem;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	margin: 0;
}
.sector-cards2 .sector-card p, .service-cards2 .service-card p {
	font-size: 1.25rem;
	line-height: 1.875rem;
	color: rgba(var(--okgrey2), 1);
	min-height: 6rem;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
	padding-left: 2rem;
	border-left: 1px solid #d8dbe2;
}
.sector-card p {
	min-height: 18rem;
}
.sector-card p .emphasis, .service-card p .emphasis {
	font-weight: var(--semibold);
	color: rgba(var(--okgrey1), 0.75);
}
.sector-card hr, .service-card hr {
	border-top: 1px solid #d8dbe2;
}
.sector-card .card-image {
	height: 9rem;
	width: 100%;
	object-fit: cover;
}
.service-card .card-image {
	height: 15rem;
	width: 100%;
	object-fit: cover;
}
.news .card-image {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.content .special {
	margin-top: 4rem;
}
.content .special h2 {
	margin-bottom: 2rem;
}
.content .special .service-card {
	background: linear-gradient(to top, rgba(var(--okgrey1), 1), rgba(var(--okgrey2), 1));
}
.content .special .service-card .card-title, .content .special .service-card p {
	color: #ffffff;
}
.content .special .service-card .card-title {
	min-height: 7rem;
}
.content .special .service-card:hover .card-title {
	transition: color 0.3s ease;
	color: rgba(var(--okgold), 1);
}

.cta1, .cta2 {
	background-color: rgba(var(--okgold), 1);
}
.cta1 {
	padding-top: 6rem;
	padding-bottom: 6rem;
}
.cta1 h2, .cta2 h2 {
	font-size: 2.5rem;
	line-height: 3.5rem;
	margin-bottom: 2.5rem;
	font-weight: var(--bold);
	color: #ffffff;
	text-align: center;
}
.cta1 p, .cta2 p {
	font-size: 1.5rem;
	line-height: 2.25rem;
	margin-bottom: 2.5rem;
	color: #ffffff;
	text-align: center;
}
.cta1 .ctatext, .cta1 .logo {
	padding-left: 1rem;
	padding-right: 1rem;
}
.cta1 .ctatext {
	border-right: 1px solid #ffffff;
	border-color: rgba(255,255,255,0.5);
	color: #ffffff;
}
.cta1 .logo {
	width: 15rem;
	height: auto;
}
.cta2 .ctatext {
	padding-left: 3rem;
	padding-right: 3rem;
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.cta2 .cta-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news {
	background-color: rgba(var(--okgrey3), 1);	
}
.news .newsitem {
	background-color: #ffffff;
	border-radius: 16px;
	box-shadow: 0 0 15px 0 rgba(107,113,126,0.25);
	overflow: hidden;
	margin-bottom: 5rem;
}
.news .newsitem .text {
	background-color: rgba(var(--okgrey3), 0.5);
	padding: 4rem 5rem;
}
.news .newsitem .text h2, .news .newsitem .text h3 {
	color: rgba(var(--okgrey1), 1);
	font-size: 2rem;
	line-height: 2.5rem;
	margin-bottom: 2rem;
	font-weight: var(--bold);
}
.news .newsitem .text p {
	color: rgba(var(--okgrey1), 1);
	font-size: 1.25rem;
	line-height: 2rem;
	margin-bottom: 2rem;
}
.news .newsitem .text a.button, .newspage a.button {
	display: inline-block;
	width: fit-content;
	text-align: center;
	font-weight: var(--semibold);
	border: 2px solid #011627;
	color: rgba(var(--okgrey1), 1);
	background-color: rgba(var(--okgrey1), 0);
}
.newspage a.button {
	margin-bottom: 4rem;
}
.news .newsitem .text a.button:hover, .newspage a.button:hover {
	color: #ffffff;
	background-color: rgba(var(--okgrey1), 1);
	transition: background-color 0.3s ease, color 0.3s ease;
}
.news .link, .clients .link {
	color: rgba(var(--okgrey2), 1);
	font-size: 2rem;
	line-height: 3rem;
	font-weight: var(--medium);
}
.news .link .svgc, .clients .link .svgc {
	display: inline-block;
	width: 2rem;
	padding-left: 0;
}
.news .link:hover, .clients .link:hover {
	color: rgba(var(--okred), 1);
	transition: color 0.2s ease;
}
.news .link:hover svg, .clients .link:hover svg {
	fill: rgba(var(--okred), 1);
	transition: color 0.2s ease;
}
.news .link:hover .svgc, .clients .link:hover .svgc {
	padding-left: 0.5rem;
	transition: padding 0.3s ease;
}
.clients {
	background-color: rgba(var(--okgrey3), 1);
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.clients.overview {
	padding-top: 4rem;
}
.clients .client-cards {
}
.clients .client-cards .link {
	margin-top: 4rem;
}
.clients .promo {
	border-left: 1px solid #6b717e;
	padding-left: 3rem;
}
.clients .client-card {
	background-color: #ffffff;
	border-radius: 1rem;
	padding: 1.5rem;
}

.content .sector-list-title {
	font-size: 1.25rem;
	line-height: 2rem;
	margin-bottom: 0.75rem;
	font-weight: var(--bold);
	color: rgba(var(--okred), 1);
	padding: 0 1.25rem 0.5rem 1.25rem;
	text-transform: uppercase;
}
.content .sector-list li a {
	display: block;
	font-size: 1.25rem;
	line-height: 2rem;
	margin-bottom: 0.75rem;
	font-weight: var(--bold);
	color: rgba(var(--okgrey1), 1);
	padding: 1rem 1.25rem;
	border-bottom: 1px solid rgba(var(--okgrey1), 1);
	border-radius: 0.5rem 0.5rem 0 0;
	text-transform: uppercase;
}
.content .sector-list li.sub a {
	font-size: 1.125rem;
	line-height: 1.75rem;
	padding: 1rem 1.25rem 1rem 2.25rem;
}
.content .sector-list li:not(.active) a:hover {
	color: rgba(var(--okred), 1);
	border-bottom: 1px solid rgba(var(--okred), 1);
	background-color: rgba(255,255,255, 0.5);
	transition: background-color 0.3s ease;
}
.content .sector-list li.active a {
	color: rgba(var(--okgrey2), 1);
	border-bottom: 1px solid rgba(var(--okgrey2), 1);
	background-color: transparent;
	cursor: default;
}


.footer {
	background-color: rgba(var(--okgrey1), 1);
	margin-top: 6rem;
	margin-bottom: 4rem;
	color: #ffffff;
}
.footer .footer-lists {
	margin-bottom: 3rem;
}
.footer .footer-title {
	font-size: 1.25rem;
	line-height: 2rem;
	margin-bottom: 2.5rem;
	font-weight: var(--semibold);
}
.footer li {
	font-size: 1.25rem;
	line-height: 2rem;
	margin-bottom: 0.75rem;
}
.footer li a {
	color: #ffffff;
	text-transform: capitalize;
}
.footer li a:hover {
	text-decoration: underline;
	text-underline-offset: 0.5rem;
}
.footer-legal {
	border-top: 1px solid rgba(var(--okgrey3), 0.5);
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.footer-address {
	border-top: 1px solid rgba(var(--okgrey3), 0.5);
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.footer .footer-legal p, .footer .footer-legal a {
	font-size: 1rem;
	line-height: 1.5rem;
	margin-bottom: 0;
	color: #ffffff;
}
.footer .footer-address p, .footer .footer-address a {
	font-size: 1.125rem;
	line-height: 1.75rem;
	margin-bottom: 0.75rem;
	color: #ffffff;
}
.footer .footer-legal a:hover {
	text-decoration: underline;
	text-underline-offset: 0.5rem;
}

/*.visuallyHidden {
    position: absolute; 
    overflow: hidden; 
    height: 1px; width: 1px; 
    margin: -1px; padding: 0; border: 0; 
}
.hamburger {
    margin: 0 auto;
    margin-top: 8px;
    width: 30px;
    height: 30px;
    position: relative;
}
.hamburger .bar {
    padding: 0;
    width: 30px;
    height: 4px;
    background-color: #ce000b;
    display: block;
    border-radius: 4px;
    transition: all 0.4s ease-in-out;
    position: absolute; 
}
.bar1 { top: 0; }
.bar2, .bar3 { top: 13.5px; }
.bar3 { right: 0; }
.bar4 { bottom: 0; }

.checkbox1:checked + label > .hamburger1 > .bar1{
    transform: rotate(45deg);
    transform-origin: 5%;
    width: 41px
}
.checkbox1:checked + label > .hamburger1 > .bar2 {
    transform: translateX(-40px);
    background-color: transparent;
}
.checkbox1:checked + label > .hamburger1 > .bar3 {
    transform: translateX(40px);
    background-color: transparent;
}
.checkbox1:checked + label > .hamburger1 > .bar4 {
    transform-origin: 5%;
    transform: rotate(-45deg);
    width: 41px;
}*/


.hamburger {
    margin: 0 auto;
    margin-top: 8px;
    width: 30px;
    height: 30px;
    position: relative;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}
.hamburger .bar {
    padding: 0;
    width: 30px;
    height: 4px;
    background-color: #ce000b;
    display: block;
    border-radius: 4px;
    transition: all 0.4s ease-in-out;
    position: absolute; 
}
.bar1 { top: 0; }
.bar2, .bar3 { top: 13.5px; }
.bar3 { right: 0; }
.bar4 { bottom: 0; }

.hamburger.is-active .bar1 {
    transform: rotate(45deg);
    transform-origin: 5%;
    width: 41px;
}
.hamburger.is-active .bar2 {
    transform: translateX(-40px);
    background-color: transparent;
}
.hamburger.is-active .bar3 {
    transform: translateX(40px);
    background-color: transparent;
}
.hamburger.is-active .bar4 {
    transform-origin: 5%;
    transform: rotate(-45deg);
    width: 41px;
}
.terms .button {
	margin-bottom: 2rem;
}
.terms a:not(.button) {
	color: blue;
}
.terms a:not(.button):hover {
	color: blue;
	text-decoration: underline;
	text-underline-offset: .25rem;
	cursor: pointer;
}
.terms h2 {
	margin-top: 2rem;
}
.terms p {
	margin-bottom: 0;
}
.terms ul, .terms ol {
	margin-bottom: 1rem;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	padding-left: 1.5rem;
	list-style-position: outside;
}
.terms ul li {
	padding-left: 1rem;
	list-style-type: circle;
}
.terms ol li {
	padding-left: 1rem;
}
.terms p, .terms li {
	font-size: 1rem;
	line-height: 1.5rem;
}
.terms ol[type="A"] li {
	list-style-type: upper-alpha;
}
.terms ol[type="A"] li ol li {
	list-style-type: decimal;
}
.terms ol[type="A"] li ul li {
	list-style-type: circle;
}
.terms ol[type="A"] li ul li ol li{
	list-style-type: decimal;
}

/* max-sm 640px */
@media (max-width: 40rem) {
	.breadcrumb {
		display: none;
	}
	.news .newsitem .text {
		padding: 2rem 1.5rem;
	}
	.news .newsitem .text h2, .news .newsitem .text h3 {
		font-size: 1.75rem;
		line-height: 2.25rem;
		margin-bottom: 1.75rem;
	}
	.news .newsitem .text p {
		font-size: 1.125rem;
		line-height: 1.75rem;
		margin-bottom: 1.75rem;
	}
	.content .service-cards h2,
	.content .sector-cards h2,
	.content .clients h2,
	.content .news h1,
	.content .news h2 {
		font-size: 2rem;
		line-height: 2.5rem;
		margin-bottom: 0;
	}
	.content .sector-card .card-title, .content .service-card .card-title {
		font-size: 1.5rem;
		line-height: 2rem;
		min-height: 5rem;
	}
	.news .link, .clients .link {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.content .title {
		padding-bottom: 3rem;
	}
	.content .sector-cards {
		padding-top: 3rem;
		padding-bottom: 6rem;
	}
	.content .service-cards {
		background-color: #ffffff;
		padding-top: 3rem;
		padding-bottom: 8rem;
	}
	.content .service-cards2 {
		background-color: rgba(var(--okgrey3), 1);
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.sector-cards2 .sector-card p, .service-cards2 .service-card p {
		min-height: 6rem;
		padding-top: 1.5rem;
		padding-bottom: 0;
		margin: 0;
		padding-left: 0;
		border-left: 0;
		border-top: 1px solid #d8dbe2;
	}
	.news .newsitem {
		margin-bottom: 3rem;
	}
	.clients {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.clients .client-cards .link {
		margin-top: 3rem;
	}
	.content .news {
		padding-bottom: 3rem;
	}
	.spacer {
		height: 3rem;
	}
	.content ul.faq2 li.question {
		margin-top: -7rem;
		padding: 9rem 0 0.5rem 0;
	}
	.content .maincontent .img-wrap {
		grid-template-columns: 1fr;
	}
	.img-wrap > .img-inline:not(:first-child) {
		display: none;
	}
	.content .maincontent .img-inline-vk {
		width: 100%;
	}
}
/* max-md 768px */
@media (max-width: 48rem) {
	.content .hero h1 {
		margin-top: 2rem;
	}
	.cta1 {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.cta1 .ctatext {
		border-right: 0;
	}
	.cta2 .ctatext {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.navmenu {
		height: 120px;
		box-shadow: none;
	}
	.menu {
		height: 120px;
	}
}
/* max-lg 1024px */
@media (max-width: 64rem) {
	.menu .logo {
		display: block;
		width: 144px;
		height: 78px;
	}
	.menu .links li a {
		padding: 1rem 1rem;
	}
	.clients .promo {
		border-left: 0;
		padding-left: 0;
		text-align: center;
	}
}
/* max-xl 1280px */
@media (max-width: 80rem) {}
/* max-2xl 1536px */
@media (max-width: 96rem) {}

/* sm 640px */
@media (min-width: 40rem) {}
/* md 768px */
@media (min-width: 48rem) {}
/* lg 1024px */
@media (min-width: 64rem) {}
/* xl 1280px */
@media (min-width: 80rem) {
	.menu .links li a {
		font-size: 1.25rem;
		line-height: 1.25rem;
		padding: 1.25rem 1.75rem;
	}
}
/* 2xl 1536px */
@media (min-width: 96rem) {}