body {
	font-family: 'Lato', sans-serif;
	color: #333333;
	background: grey;
}

ul {
	margin: 0;
	padding: 0;
	/*margin-left: 2em !important;*/
}

.fa-ul {
	list-style-position: inside;
}

em {
	font-weight: 700;
	font-style: italic;
}

.fullpage-wrapper ul {
	margin-left: 1.4em !important;
}	

ul a {
	color: #333;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120px;
	text-align: center;
	background: rgb(0,0,0,);
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 80%);
	z-index: 100;
}

.hamburger {
	position: fixed;
	top: 5px;
	right: 0;
	z-index: 9999;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	background-color: #333;
	height: 3px;
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
	background-color: #fff;
}

 .hamburger:hover, .hamburger.is-active:hover {
  	opacity: 1; 
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	border-radius: 0;
}

nav {
	width: 100%;
	height: 100%;
	position: fixed;
	display: flex;
	background: rgba(61,61,60,0.95);
	top: -100%;
	transition: 0.3s;
}

#main-menu.is-active {
	transform: translateY(100%);
}

#menu {
	list-style: none;
	margin: 0;
	padding: 0;
	margin: auto;
}

#menu li {
	margin: 0;
	padding: 0;
	display: block;
	
}

#menu li a, .more, .responsive-more, .fa-ul a {
	text-decoration: none;
	font-size: 0.85em;
	font-weight: 700;
	letter-spacing: 0.08em;
	display: inline-block;
}

#menu li a {
	color: #fff;
}

.more, .responsive-more, .fa-ul a {
	color: #333;
}


#menu li a, .more:not(.weblink), .responsive-more {
	text-transform: uppercase;
}

#menu li a {
	padding-left: 0.6em;
	padding-right: 0.6em;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}

#menu .active {
	opacity: 0.5;
}

.more, .responsive-more {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
	margin-top: 8px;
}

.block-D .more {
	margin-top: auto;
}

.additional-more {
	border-left: 1px solid #333;
	padding-left: 10px;
}
	
.intro {
	/*background: rgba(188,188,132,0.6);*/
	text-align: center;
}

.intro svg {
	width: 400px;
}

video {
	object-fit: cover;
	/*object-position: left bottom;*/
  	width: 100vw;
  	height: 100vh;
  	position: fixed;
  	top: 0;
  	left: 0;
  	z-index: -1;
  	transition: 0.2s;
  	transition-delay: 1s;
}

.mono {
	
	transition-delay: 1s;
}

.intro-logos {
	position: absolute;
	right: 20px;
	bottom: 20px;
}

.intro-logos img {
	display: inline-block;
	vertical-align: middle;
	margin-left: 12px;
}

.logo-long {
	height: 60px;
}

.logo-square {
	height: 86px;
}

.about {
	background: background: rgba(61,61,60,0.6); !important;
}

.fp-slidesContainer .slide {
	background-color: transparent !important;
}
    
h1 {
	font-family: 'Raleway', sans-serif;
    font-weight: 900;
    font-size: 1.8em;
    line-height: 1.1;
    text-transform: uppercase;
    border-bottom: 1px solid #333;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 8px;
    margin-top: 2.5em;
    max-width: 720px;
}

.dark-title {
	color: black;
	border-bottom: 1px solid black;
}

h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 900;
    font-size: 1.6em;
    line-height: 1.1;
    text-transform: uppercase;
}

h2:not(.values-h2) {
	display: none;
}

h4 {
    font-family: 'Raleway', sans-serif;
    font-weight: 900;
    font-size: 1.2em;
    line-height: 1.1;
    text-transform: uppercase;
    margin: 0;
    text-align: left;
    margin-bottom: 0.8em;
}

h3 {
    font-weight: 700;
    font-size: 1.1em;
    line-height: 1.4;
    margin-bottom: -0.5em;
}

h5 {
  font-weight: 700;
  font-size: 0.85em;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 2.5em;
  letter-spacing: 0.08em;
}

.section {
	text-align: center;
}

.slide {
	text-align: center;
}

.slide p {
	font-size: 1em;
	line-height: 1.4;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}

.italics-block {
	font-style: italic;
}

.main-block p:last-child {
	margin-bottom: 0;
}

.block-wrapper {
	position: relative;
	max-width: 800px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	box-sizing: border-box;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.values .block-wrapper {
	text-align: left;
}

.clients .block-wrapper {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 60px;
}

.csr .block-wrapper {
	padding-bottom: 80px;
}

.main-block {
	width: 100%;
	vertical-align: top;
	margin-left: 0px;
	margin-right: 0px;
	box-sizing: border-box;
	text-align: left;
}

.block-C {
	box-sizing: border-box;
	text-align: center;
	position: relative;
	width: 100%;
}

.block-D {
	display: none;
}

.graph-wrapper {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.graph-wrapper img {
	width: 100%;
	max-width: 800px;
	display: block;
	padding-right: 100px;
	margin-right: 20px;
	margin-top: 1.2em;
}

.portraits .main-block {
	display: inline-flex;
	align-items: stretch;
	flex-wrap: wrap;
}

.personnel-block {
	width: 20%;
	box-sizing: border-box;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

.personnel-block img {
	width: 100%;
	box-sizing: border-box;
	display: block;
}

.block-A h2 {
	text-transform: uppercase;
	margin: 0;
	text-align: left;
	margin-bottom: 16px;
}

.values h2 {
	margin: 0;
}

.values h2:not(:first-child) {
	margin-top: 0.5em;
}

.values p {
	margin-top: 0;
}

.highlight-block {
	display: flex;
	align-items: center;
}

.intro-media {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
}

.static-intro {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.intro .fp-tableCell {
	vertical-align: bottom;
}

.intro .block-A svg {
	width: 100%;
	fill: #fff;
	max-width: 500px;
}

.intro .block-B svg {
	width: 100%;
	fill: #fff;
	max-width: 500px;
}

.intro .block-B svg {
	padding-bottom: 120px;
}

.contact-logo {
	height: 70px;
}

.logo-care-B {
	fill: #aadcf4;
}

.logo-care-A {
	fill: #fff;
}

.logo-living-B {
	fill: #42ab38;
}

.logo-living-A {
	fill: #fff;
}

.logo-group-B {
	fill: #c7c6a6;
}

.logo-group-A {
	fill: #fff;
}

.sub-block {
	display: inline-block;
	width: 50%;
	box-sizing: border-box;
	text-align: left;
}

.block-single {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.block-A1, .block-B1 {
	padding-right: 16px;
	/*border-right: 1px #fff solid;*/
}

.block-A2, .block-B2 {
	padding-left: 16px;
}

.sub-block img {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.logo-A {
	opacity: 0.6;
}

.block-B {
	text-align: left;
}

.block-B-logo {
	text-align: center;
}

.main-block p:first-child {
	margin-top: 0;
}

.clients img {
    height: 100px;
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
}

.footer {
	/*background: #3d3d3c;*/
	/*padding-top: 70px;*/
}

.contact-ul {
	
	margin-top: 10px;
	/*
	margin-bottom: 25px;
	*/
}

.footer ul a {
    padding-top: 4px;
    padding-bottom: 4px;
}

.small-print {
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
	font-size: 0.7em;
	line-height: 1.4em;
	opacity: 0.6;
	width: 100%;
	box-sizing: border-box;
	margin-top: 50px;
	
}

.small-print p {
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	/*text-align: left;*/
}

.small-print ul {
	list-style: none;
	margin-top: 2em;
}

.small-print ul li {
	display: inline-block;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.small-print ul li:not(:first-child) {
	border-left: 1px solid #333;
}

.more-content, .more:not(.weblink) {
	display: none !important;
}

.more-content.activated {
	display: table !important;
}

.responsive-more.activated {
	display: none;
}

.portraits {
		display: none;
	}
	
.responsive-portraits {
	padding-bottom: 0em;
	margin-bottom: 0.8em;
	margin-top: 0.8em;
}

.responsive-portraits img {
	width: 100%;
	display: block;
	max-width: 240px;
	border-radius: 50%;
	border: 4px solid #fff;
	filter: grayscale(1);
	margin-left: auto;
	margin-right: auto;
}

.responsive-portraits ul li {
	display: inline-block;
}

.responsive-portraits ul  {
	white-space: pre-line;
}

.biography {
	display: none;
}

.portrait-footer {
	position: relative;
	border-bottom: 1px solid rgba(255,255,255,0.4);
	padding-top: 1em;
}

.biography.activated {
	display: block;
}

.our-businesses .block-A {
	border-bottom: 1px solid rgba(255,255,255,0.4);
	padding-bottom: 1.5em;
	margin-bottom: 2em;
}

.null-link {
	pointer-events: none;
}

.living-link {
	color: #42ab38;
}

.care-link {
	color: #aadcf4;
}

.map {
    width: 100%;
    max-width: 1000px;
	position: relative;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
	padding-bottom: 29%;
	overflow: hidden;
	margin-bottom: 20px;
	margin-top: 30px;
} 

.map svg {
   width: 100%;
   display: block;
   position: absolute;
   bottom: 0px;
   left: 0px;
   padding-left: 30px;
   padding-right: 30px;
   box-sizing: border-box;
}

/*.st0 {
	fill:#000;
}
*/
.st0:hover {
	fill:#42ab38;
}

.no-touchevents .st0:hover {
	fill: #00ff01;
}

.touchevents .st0 {
	fill: #00ff01;
}

.st1 {
	fill:none; 
	stroke: #333; 
	stroke-width:3; 
	stroke-miterlimit:10;
	opacity: 1;
}

.st2 {
	fill: #333;
	opacity: 0.3;
}

.st3 {
	fill: #fff;
}

.no-tel
{
	opacity: 0.25;
}



path {
    transition-duration: 0.3s;
    }

.highlight, .map-highlight
{
	fill: #717271;
	fill: #42ab38;
	
}

/*
.highlight:hover, .map-highlight-hover
{
	fill: #42ab38;
}
*/

.map-highlight-hover
{
	fill: #afb0af;
}

.contact-ul a
{
	transition-duration: 0.3s;
	color: #42ab38;
}

.link-highlight-hover
{
	opacity: 0.25;
}

.shape
{
	fill: #afb0af;
}

.map-text {
	fill: white;
}


/* FULLPAGE OVERRIDE */

#fp-nav ul li a span, .fp-slidesNav ul li a span {
	background: #333;
}

.fp-slidesNav.fp-bottom {
    bottom: 17px;
    text-align: center;
}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
    height: 14px;
    width: 14px;
    margin: -7px 0 0 -7px;
}

.map {
	display: none;
}

.section {
background: rgba(204, 204, 204, 0.8);
}

.intro {
background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(9,9,121,0) 0%, rgba(204,204,204,0.8) 100%);
}

.contact {
background: linear-gradient(180deg, rgba(204,204,204,0.8) 0%, rgba(204,204,204,1) 30%, rgba(204,204,204,1) 100%);
}

/* JOBS EMBED */

.BambooHR-ATS-Department-List {
	padding-top: 0px !important;
}

.BambooHR-ATS-Department-List li ul li {
	break-inside: avoid;
}

.BambooHR-ATS-Department-List li {
	break-inside: avoid;
}

.BambooHR-ATS-Department-Header {
	display: none;
}

.BambooHR-ATS-board h2 {
	display: none !important;
}	

.BambooHR-ATS-Jobs-List {
	padding: 0px 0px 0px 0px !important;
	border-bottom: 0px !important;
	margin-bottom: 0px !important;
}

.BambooHR-ATS-Jobs-List li {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.BambooHR-ATS-Location {
	float: none !important;
	display: block;
	padding-top: 0px !important;
	color: #333 !important;
	text-decoration: none !important;
	font-size: 0.85em !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
}

.BambooHR-ATS-Location::before {
	/*content: '🔗';*/
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3c5";
	margin-right: 6px;
}

.BambooHR-ATS-board a::before {
	/*content: '🔗';*/
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f007";
	margin-right: 8px;
}

.BambooHR-ATS-board a {
	line-height: 1.3 !important;
	font-size: 0.85em !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
}

.BambooHR-ATS-board ul {
	font-size: 1em !important;
	margin-left: 0em !important;
}

#BambooHR div:last-child:not(.BambooHR-ATS-board) {
	display: none;
}
	
	
/* MEDIA QUERIES */

@media screen and (min-width: 740px) {

.map {
		padding-bottom: 320px;
		margin-bottom: -30px;
		margin-top: 30px;
		display: block;
	} 

}

@media screen and (min-width: 1240px) and (min-height: 600px) {

	.BambooHR-ATS-Department-List {
		column-count: 3;
		column-rule: 1px solid rgba(51,51,51,0.5);
		column-gap: 60px;
	}
	
	.recruitment-wrapper {
  		justify-content: center;
  		flex-direction: column;
	}
	
	.intro .fp-tableCell {
    	vertical-align: middle;
	}
	
	.intro .block-B svg {
    	padding-bottom: 0px;
	}
	
	#menu li a, .more, .responsive-more  {
		color: #333;
	}
	
	.hamburger {
		display: none;
	}
	
	nav {
		display: block;
		background: none;
		height: auto;
		top: 0;
	}
	
	#main-menu {
		display: block;
	}
	
	#menu li {
		display: inline-block;
	
	}

	#menu li a {
		display: inline-block;
		padding-top: 1.6em;
		padding-bottom: 1.6em;
	}
	
	.main-block {
		width: 50%;
		margin-left: -2px;
		margin-right: -2px;
		padding-right: 30px;
		padding-left: 30px;
	}

	.block-wrapper {
		padding-top: 70px;
		padding-left: 50px;
		padding-right: 50px;
		padding-bottom: 30px;
		display: inline-flex;
		width: 100%;
		max-width: 1280px;
	}

	.block-B {
		border-left: 1px solid rgba(51,51,51,0.5);
	}
	
	.block-B-white {
    border-left: 1px solid rgba(255,255,255,0.5);
}
	
	.block-B-logo {
    	border-left: 1px solid rgba(255,255,255,0.5);
	}
	
	.personnel-block-B {
		border-left: 0px;
		padding-left: 16px;
	}
	
	.personnel-block-A {
		border-left: 0px;
		padding-right: 16px;
	}

	.block-A h2 {
		text-align: right;
		margin-bottom: 0;
		margin-left: auto;
	}

	.block-D {
		display: inline-flex;
		position: relative;
		vertical-align: bottom;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		padding-left: 30px;
		border-left: 1px solid #fff;
		justify-content: flex-end;
	}

	.highlight-block {
		text-align: right;
	}

	h1 {
		display: none;
	}

	h2 {
   		font-size: 3.5em;
   		line-height: 1.1;
   	}

	h2:not(.values-h2) {
 		display: block;
 	}

	h3 {
   		margin-bottom: 0.3em;
	}
	
	.block-single {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.more-content {
		display: table !important;
	}
	
	.more:not(.weblink) {
		display: inline-block !important;
	}
	
	.responsive-more {
		display: none;
	}
	
	.portraits {
		display: inline-flex;
		padding-left: 70px;
		padding-right: 70px;
	}
	
	.responsive-portraits {
		display: none;
	}
	
	.biography {
		display: block;
	}

	.businesses-overview {
		display: inline-flex;
	}
	
	.businesses-extra {
		display: inline-flex;
		padding-top: 10px;
	}
	
	.responsive-businesses {
		display: none
	}

	.clients .block-wrapper {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 10px;
	}

	.values .block-wrapper {
		text-align: center;
	}

	.contact-logo {
		height: 80px;
	}

	.responsive-care {
		margin-top: 0px;
	}

	.footer {
		padding-top: 0;
	}

	.footer ul {
		margin-bottom: 0px;
	}

	.small-print {
		position: absolute;
		bottom: 0px;
		margin-top: 0px;
	}

	.small-print p {
		text-align: center;
	}
	
	.logo-block {
		text-align: right;
	}
	
	.contact-ul {
		margin-top: 0px;
	}
	
	.map {
		margin-top: 0px;
	}
	
		
}