@charset "UTF-8";
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body {
	font-family: "Hanken Grotesk", sans-serif;
	padding: 0;
	margin: 0;
	background-image: url('../images/PeopleWith-WebBackground.jpg');
	background-color: #FFF;
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

h1 { 
	font-weight: 600;
	font-size: 64px;
	padding 0px;
	margin-bottom: 10px;
	line-height: 1.6em;
	color: #0f323a;
	font-family: "Merriweather", serif!important;
}

h2 { 
	color: #0e0e0e;
	font-weight: 600;
	font-size: 36px;
	padding-top: 2%;
	padding-bottom: 2%;
	margin-bottom: 10px;
	line-height: 1.6em;
	color: #0f323a;
	font-family: "Merriweather", serif!important;
}

h3 { 
	color: #0e0e0e;
	font-weight: 600;
	font-size: 24px;
	padding: inherit;
	margin-bottom: 10px;
	line-height: 1.6em;
	color: #0f323a;
	font-family: "Merriweather", serif!important;
}

h4 { 
	margin-top: 20px;
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 18px;
	padding: inherit;
	color: #0f323a;
	font-family: "Merriweather", serif!important;
	padding-bottom: 0px;
	line-height: inherit;
}

p {
	font-weight: 300;
	line-height: 1.8em;
	font-size: 16px;
}

a {
	list-style: none!important;
	text-decoration: none!important;
	color: inherit!important;
	border: none!important;
}

hr {
	height: 1px;
	color: #429edd;
	background: #429edd;
	font-size: 0;
	border: 0;
}


.highlight {
	background-color: #0e4a87!important;
	color: #FFF!important;
	padding: 5px;
}

.page-holder {
	width: 90%;
	height: auto;
	margin: 0px auto;
	padding-top: 6%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
}

.header-holder-dark {
	width: 100%;
	height: auto;
	margin: 0px auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #0e4a87!important;
	padding-bottom: 4%;
}

.highlight-light {
	background-color: #FFF!important;
	color: #0e4a87!important;
	padding: 5px;
}

.header-holder-dark h1, .header-holder-dark p {
	color: #FFF!important;
}

.recruitment-header {
	background-image: url('../images-icons/PeopleWith-Recruitment-HeaderImage.jpg');
	-webkit-background-size: 100%; 
	-moz-background-size: 100%; 
	-o-background-size: 100%; 
	background-size: 100%; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;	
	background-attachment: fixed;
}


.engagement-header {
	background-image: url('../images-icons/PeopleWith-Engagement-HeaderImage.jpg');
	-webkit-background-size: 100%; 
	-moz-background-size: 100%; 
	-o-background-size: 100%; 
	background-size: 100%; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;	
	background-attachment: fixed;
}

.retention-header {
	background-image: url('../images-icons/PeopleWith-Retention-HeaderImage.jpg');
	-webkit-background-size: 100%; 
	-moz-background-size: 100%; 
	-o-background-size: 100%; 
	background-size: 100%; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;	
	background-attachment: fixed;
}

.whitespace {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 1px;
}

.whitespace-20 {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 20px;
}

.text-holder {
	width: 90%;
	margin: 0px auto;
	display: block;
	position: relative;
}

@keyframes subtle-shake {
  /* --- Shaking phase (0%–60%) --- */
  0%   { transform: translateX(0) rotate(0deg); }
  10%  { transform: translateX(-1px) rotate(-0.2deg); }
  20%  { transform: translateX(1px)  rotate(0.2deg); }
  30%  { transform: translateX(-0.6px) rotate(-0.15deg); }
  40%  { transform: translateX(0.6px)  rotate(0.15deg); }

  /* --- Static phase (60%–100%) --- */
  40.1% { transform: translateX(0) rotate(0deg); }
  100%  { transform: translateX(0) rotate(0deg); }
}

.shake {
  display: inline-block;
  transform-origin: center center;
  will-change: transform;
  animation-name: subtle-shake;
  animation-duration: 1s;          /* shake duration */
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  animation-delay: 0.5s;           /* pause after each cycle */
}

/* pause on hover (CSS-only interactive pause) */
.shake:hover {
  animation-play-state: paused;
  cursor: pointer;
}

/* explicit paused state via class */
.shake.paused,
.shake.is-paused {
  animation-play-state: paused !important;
}

/* accessibility: respect user's reduced motion preference */
@media (prefers-reduced-motion: reduce) {
  .shake {
	animation: none !important;
  }
}





.contact-form-holder {
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	display: block;
	position: relative;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
}

.contact-form-holder:hover {
	background-color: #ccf0fa;
}







.image-center{
	display: block;
	position: relative;
	margin: 0px auto;
	width: 80%;
	height: auto;
	float: left;
}

.image-center-brand {
	display: block;
	position: relative;
	margin: 0px auto;
	width: 25%;
	height: auto;
}


.image-banner-2 {
	display: table;
	position: relative;
	width: 100%;
	height: 200px;
	margin: 0px auto;
	background: url('../images/covid-banner-image.jpg') no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
	z-index: 1;
	text-align: center;
	padding: 5%;
	margin-bottom: -3px;
}

.image-banner-2 h6 {
	color: #FFF;
	font-size: 28px;
	line-height: 1.3em;
	margin: 0px auto;
	text-align: center;
	display: table-cell; 
	vertical-align: middle;
	font-family: "Merriweather", serif!important;
}



.image-banner-population {
	display: table;
	position: relative;
	width: 100%;
	height: 200px;
	margin: 0px auto;
	background: url('../images-icons/PeopleWith-Recruitment-HeaderImage.jpg') no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
	z-index: 1;
	text-align: center;
	padding: 5%;
	margin-bottom: -3px;
}






.whitespace-big {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 10%;
	padding-top: 3%;
	padding-bottom: 3%;
}

.nav-bar-holder {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: white;
	position: -webkit-sticky;
	position: sticky;
	height: auto;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 2%;
	padding-bottom: 2%;
	top: 0;
	z-index: 1000;
	transition: all 1.5s;
	display: block;
	border-bottom: #cff4fb 2px dashed;
}

.nav-bar-holder-scroll {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: -webkit-sticky;
	background-color: white;
	position: sticky;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 1%;
	padding-bottom: 1%;
	height: auto;
	top: 0;
	z-index: 1000;
	transition: all 1.5s;
	border-bottom: #cff4fb 2px dashed;
}



.input-field {
	border: none;
	height: 35px;
	padding: 3%;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-top: .5rem;
	margin-bottom: 1.5rem;
	width: 50%;
	background-color: #FFFFFF;
	margin: 0px auto;
	display: inline-block;
	position: relative;
}


.input-field-contact {
	border: 1px solid #439edd;
	height: 35px;
	padding: 3%;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-top: .5rem;
	margin-bottom: 1.5rem;
	width: 100%;
	background-color: #f1fdff;
	margin: 0px auto;
	display: inline-block;
	position: relative;
	margin-bottom: 7px;
	color: #000!important;
	font-family: "Hanken Grotesk", sans-serif!important;
}

.select-field-contact {
	-webkit-appearance: none;
	border: 1px solid #439edd;
	padding: 3%;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 100%;
	background-color: #f1fdff;
	margin: 0px auto;
	display: inline-block;
	position: relative;
	margin-bottom: 7px;
	color: #000!important;
	font-family: "Hanken Grotesk", sans-serif!important;	
}



.text-area-contact {
	min-height: 150px;
}


.submit-50 {
	width: 50%!important;
}


.main-menu {
	display: inline-block;
	width: 100%;
	height: auto;
}

.top-5 {
	margin-top: -12px;
}

.top-25 {
	margin-top: 25px;
}


.bullet-point-list ul {
	display: block;
	position: relative;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
}

.bullet-point-list li {
	position: relative;
	width: 100%;
	line-height: 1.8em;
	display: list-item;
	list-style-type: circle;
	margin-left: 30px;
	font-weight: 400;
}






ul {
	display: inline-block;
	position: relative;
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;	
	height: auto;
}

li {
	display: inline-block;
	position: relative;
	width: auto;
	float: left;
	margin-bottom: 8px;
}

li a, li a:link {
	display: inline-block;
	position: relative;
	width: auto;
	float: left;
	color: #3A4481!important;
	text-decoration: none;
	font-weight: 500;
	letter-spacing: 0px;
	font-size: 15px;
	height: auto;
	vertical-align: middle;
	padding: 8px;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
}

li a:hover {
	transform: scale(1.01);	
	-webkit-transform: scale(1.01);	
	-moz-transform: scale(1.01);	
	color: #00aeef!important;
	text-decoration: none;
}


li a.button {
	background-color: #FFFFFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	padding: 8px;
	padding-left: 14px;
	padding-right: 14px;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(166,166,166,0.5);
	-moz-box-shadow: 0px 0px 4px 0px rgba(166,166,166,0.5);
	box-shadow: 0px 0px 4px 0px rgba(166,166,166,0.5);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	font-size: 15px;
	outline: none;
	border: none;
	color: #0e40a5!important;
	font-weight: bold;
	transition: all 0.5s ease-in-out;
	text-transform: uppercase;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	animation-name: none;
	margin-left: 12px;
}

li a.button:hover {
	animation-name: none;
	transform: scale(1.01);
}


.main-white-area {
	display: inline-block;
	position: relative;
	width: 100%;
	min-height: 500px;
	height: 50%;
	background-color: #FFF;
}

.main-white-area-sub {
	display: inline-block;
	position: relative;
	width: 100%;
	min-height: 200px;
	height: 50%;
	background-color: #FFF;
}


.submit-but {
	display: block;
	margin: 0 auto;
	color: #FFF;
	font-size: 14px;
	background-color: #2e3192;
	font-weight: 600;
	padding: 10px;
	border: none;
	margin-top: 20px;
	cursor: pointer;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	border-radius: 4px;
	width: 85%;
	font-family: "Merriweather", serif!important;
}

.submit-but:hover {
	background-color: #009fe3;
	color: #FFF;
}

.list-section {
	width: 100%;
	overflow: hidden;
	margin-bottom: -1.875em;
	-webkit-column-count: 3;
	-webkit-column-gap: 1.875em;
	-webkit-column-fill: auto;
	-moz-column-count: 3;
	-moz-column-gap: 1.875em;
	-moz-column-fill: auto;
	column-count: 3;
	column-gap: 1.875em;
	column-fill: auto;
	margin: 0px auto;
	display: flex;
	-webkit-perspective: 1;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
}

.list-section-main {
	width: 100%;
	overflow: hidden;
	margin-bottom: -1.875em;
	-webkit-column-count: 2;
	-webkit-column-gap: 1.875em;
	-webkit-column-fill: auto;
	-moz-column-count: 2;
	-moz-column-gap: 1.875em;
	-moz-column-fill: auto;
	column-count: 2;
	column-gap: 1.875em;
	column-fill: auto;
	margin: 0px auto;
	display: flex;
	-webkit-perspective: 1;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.list-section-2col {
	width: 100%;
	overflow: hidden;
	margin-bottom: -1.875em;
	-webkit-column-count: 2;
	//-webkit-column-gap: 1.875em;
	-webkit-column-fill: auto;
	-moz-column-count: 2;
	//-moz-column-gap: 1.875em;
	-moz-column-fill: auto;
	column-count: 2;
	//column-gap: 1.875em;
	column-fill: auto;
	margin: 0px auto;
	display: flex;
	-webkit-perspective: 1;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
}



.dashed-line-list {
	display: block;
	position: relative;
	width: auto;
	height: 20px;
	max-height: 20px;
	color: #cff4fb;
	font-size: 20px;
	letter-spacing: 3px;
	font-weight: bold;
	text-align: left;
	float: left;
	max-width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
}

.item-landing {
	background-color: #FFFFFF;
	margin-bottom: 1.875em;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1); 
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
}

.item-landing-main {
	margin-bottom: 1.875em;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	max-width: 50%;
	float: left;
	text-align: left;	
}

.features-landing-image {
	margin-top: unset;
	width: 80%;
	display: inline-block;
}


.container-middle {
  display: flex!important;
  flex-wrap: wrap!important;
}

.container-column {
	display: flex!important;
	align-items: center!important;
	justify-content: center;
	flex-direction: column;
}

.privacy-image-holder {
	width: 37%;
	display: inline-block;
	height: inherit;
	vertical-align: top;
}

.width50 {
	width: 50%;
}


.landing-right {
	float: right;
}

.item-landing-2col {
	margin-bottom: 1.875em;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	max-width: 70%;
}

.item-landing-main img {
	width: 100%;
	height: auto;
}

.item-landing:hover {
	-webkit-transform: scale(1.02);		
}

.item-landing p {
	padding-left: 5%;
	padding-right: 5%;
}

.item-landing h1 {
	text-align: left;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 2%;
}


.item-landing-2col p {
	padding-left: 5%;
	padding-right: 5%;
}

.item-landing-2col h1 {
	text-align: left;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 2%;
}

.landing-p {
	text-align: left;
	width: 80%;
	float: right;
	vertical-align: middle!important;
}



.font-bold {
	font-weight: 600;	
}

.footer-holder {
	background-color: #2b2b2b; width: 100%; display: inline-block;
}

.footer-content {
	display: block; position: relative; width: 90%; margin: 0px auto; padding-bottom: 50px; padding-top: 50px;
}

.app-logos {
	width: auto; height: 43px; margin-top: 10px; float: right; border: none;
}

.app-logos-center {
	width: auto; height: 43px; border: none;
}



.footer-nav {
	width: auto;
	height: 100%;
	min-height: 100%;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.footer-nav ul {
	display: inline-block;
	position: relative;
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;	
	height: auto;
}

.footer-nav li {
	display: inline-block;
	position: relative;
	width: 100%;
	float: left;
	margin-top: 5px;
}

.footer-nav li a, .footer-nav li a:link {
	display: inline-block;
	position: relative;
	width: 100%;
	float: left;
	color: #FFFFFF!important;
	text-decoration: none;
	font-weight: 400;
	letter-spacing: 0px;
	font-size: 12px;
	height: auto;
	vertical-align: middle;
	padding: 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	animation-name: fadeOutColour;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.5s;	
}

.footer-nav li a, .footer-nav li a:hover {
	animation-name: fadeOutColour;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.5s;	
}

.headline-text {
	text-align: right;
	display: inline-block;
	position: relative;
	width: 60%;
	float: right;
}

.headline-text-main {
	text-align: left;
	display: inline-block;
	position: relative;
	width: 100%;
	float: left;
}


.no-border {
	border-bottom: none;
}

.footer-border {
	border-bottom: 1px solid #a9cbff;
}

.footer-nav li a:hover {
	animation-name: fadeInColour;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.5s;
}

.logo-footer {
	width: 30%; border: none; float: right; margin: auto; text-align: right;
}

.logo-nav {
	height: 30px;	
}

.top-10 {
	padding-top: -5px;
}


.app-logo-holder {
	display: block;
	position: relative;
	width: 50%;
	height: auto;
	margin: 0px auto;
	text-align: center;
}

.app-logo-holder-people {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0px auto;
	text-align: left!important;
}

.app-logo-holder-people img {
	height: 43px!important;
	max-height: 43px!important;
	width: auto!important;
}

.logo-index {
	display: block;
	margin: 0px auto;
	height: auto;
	position: relative;
	min-width: 200px;
	width: 15%;
	text-align: center;
}

.landing-title {
	width: 100%!important; text-align: center!important; font-size: 48px!important;
}


//MOBILE NAV

.mobile-nav {
	display: none;
}

.mobilespacer {
	display: none!important;
}

.mobilehide {
	display: block;
}

.mobileshow {
	display: none;
}

div.scrollmenu {
  overflow: auto;
  white-space: nowrap;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
div.scrollmenu::-webkit-scrollbar {
  display: none;
}

div.scrollmenu a {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 10px;
  text-decoration: none;
  color: #3A4481!important;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 15px;
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  vertical-align: middle;
}

div.scrollmenu a:hover {
	transform: scale(1.01);	
	-webkit-transform: scale(1.01);	
	-moz-transform: scale(1.01);	
	color: #00aeef!important;
	text-decoration: none;
}

div.scrollmenu a.icon-no-padding {
	padding-right: 0px;
	padding-left: 0px;
}

div.scrollmenu a.active-link {
	color: #00aeef!important;
	transform: scale(1.01);	
	-webkit-transform: scale(1.01);	
	-moz-transform: scale(1.01);
	text-decoration: none;
}



.scroll-effect {
	opacity: 0;
	transform: translate(20px, 40px); 
	transition: all 1.5s;
}

.scroll-effect.visible { 
	opacity: 1;
	transform: translate(0, 0); 
}

.scroll-effect-you {
	opacity: 0;
	transform: translate(20px, 40px); 
	transition: all 1.5s;
}

.scroll-effect-you.visible { 
	opacity: 1;
	transform: translate(0, 0); 
}

.for-you-banner-hide {
	opacity: 0;
	transition: all 1.5s;
}

.for-you-banner-visible { 
	opacity: 1;
	transition: all 1.5s;
}


.scroll-effect-vertical {
	opacity: 0;
	transform: translate(20px, 40px); 
	transition: all 1.5s;
}

.scroll-effect-verticle.visible { 
	opacity: 1;
	transform: translate(0, 0); 
}






.footer-holder-left {
	width: 32%; float: left; border-right: 2px dashed #000000; border-top: none;
}

.footer-holder-middle {
	width: 33%; float: left; border-right: 2px dashed #000000; text-align: center; border-top: none;
}
 
.footer-holder-right {
	width: 33%; float: right; text-align: right; border-top: none;
}

.footer-socials {
	display: block;
}

.footer-disclaimer {
	font-size: 10px; color: #fff; text-align: left;
}

//INDUSTRY 

.industry-menu {
	display: block;
	width: 100%;
	height: auto;
	padding: 2%;
	border-top: 1px solid #009fe3;
	border-bottom: 1px solid #009fe3;
}

.industry-menu ul {
	display: block;
	position: relative;
	margin: 0px;
	padding: 0px;
	line-height: 1em;
	margin-top: -0.4em;
	max-width: 1024px;
	margin: 0px auto;
	font-size: 15px;
}

.industry-menu ul li {
	display: inline-block;
	position: relative;
	margin: 0px;
	padding: 0px;
	line-height: 1em;
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: calc(1.5% - 3px);
	margin-right: 2%;
	font-size: 15px;
	cursor: pointer;
}

.industry-menu ul li:hover {
	border-bottom: 2px solid #343f73;
}

.main-container {
	display: block;
	position: relative;
	width: 100%;
	max-width: 1024px;
	margin: 0px auto;
	height: auto;
}

.list-item-highlight {
	background-color: rgba(0,159,227,1);
	padding: 2%;
	text-align: left;
	color: #FFF!important;
}

.list-item-highlight h4 {
	color: #FFF!important;
	padding-left: 5%;
}

.list-item-highlight p {
	font-size: 14px;
}



.list-item-highlight-2col {
	padding: 2%;
	text-align: left;
}

.list-item-highlight-2col h4 {
	padding-left: 5%;
}

.list-item-highlight-2col p {
	font-size: 14px;
}

.oneThird {
	width: 30%!important;	
	max-width: 30%!important;
}

.twoThird {
	width: 70%!important;	
	max-width: 70%!important;
}

.halfWidth {
	width: 50%!important;	
	max-width: 50%!important;
}




.oneThird-mobile {
	width: 30%!important;	
	max-width: 30%!important;
}

.twoThird-mobile {
	width: 65%!important;	
	max-width: 65%!important;
}




.index-module-holders {
	display: block; position: relative; width: 100%; max-width: 1024px; margin: 0px auto; height: auto; z-index: 5; padding-top: 0px; padding-bottom: 40px;
}

.module-holders-industry {
	text-align: left;
	padding: 2%;
	position: relative;
	background-color: rgba(0,159,227,1);
	z-index: 1;
	width: 30%;
	min-height: 350px;
	border-radius: 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	z-index: 1000;
}

.module-holders-industry h4 {
	color: #FFF; font-size: 18px; font-weight: 600; text-align: left; max-width: 100%; margin-top: 15px; margin-bottom: 15px;
}

.module-holders-industry p {
	text-align: left; font-size: 14px!important; color: #fff;
}

.mh-center {
	margin-left: auto; margin-right: auto; display: block;
}

.submit-but-more {
	display: block;
	margin: 0 auto;
	color: #FFF;
	font-size: 14px;
	background-color: #2e3192;
	padding: 10px;
	border: none;
	margin-top: 20px;
	cursor: pointer;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	border-radius: 4px;
	width: auto;
	padding: 3%;
}

.submit-but-more:hover {
	transform: scale(1.01);	
	-webkit-transform: scale(1.01);	
	-moz-transform: scale(1.01);	
	background-color: #143541;
	color: #FFF;
}

.information-holder {
	display: flex;
	position: relative;
	width: 100%;
	height: auto;
	border: 1px solid #009fe3;
	border-radius: 5px;
	min-height: 120px;
	margin-bottom: 2%;
	transition: all .2s ease-in-out;
	overflow: hidden;
}

.information-holder:hover {
	transform: scale(1.01);	
	-webkit-transform: scale(1.01);	
	-moz-transform: scale(1.01);
}

.information-holder-image {
	display: block;
	position: relative;
	width: 25%;
	height: auto;
	min-height: 120px;
	overflow: hidden;
	float: left;
	background-color: black;
}

.information-holder-image img {
	height: 100%;
	width: 100%;
	object-fit: fill;
}

.information-content {
	display: inline-block;
	position: relative;
	width: 75%;
	padding: 2%;
	text-align: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left;
}

.submit-but-action {
	display: block;
	margin: 0 auto;
	color: #FFF;
	font-size: 14px;
	background-color: #2e3192;
	padding: 10px;
	border: none;
	margin-top: 20px;
	cursor: pointer;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	border-radius: 4px;
	width: auto;
	font-family: "Merriweather", serif!important;
	font-size: 14px;
	font-weight: 600;
}

.submit-but-action:hover {
	transform: scale(1.01);	
	-webkit-transform: scale(1.01);	
	-moz-transform: scale(1.01);	
	background-color: #009fe3;
	color: #FFF;
}




.submit-but-header {
	display: block;
	margin: 0 auto;
	color: #FFF;
	font-size: 14px;
	background-color: #009fe3;
	padding: 10px;
	border: none;
	margin-top: 20px;
	cursor: pointer;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	border-radius: 4px;
	width: auto;
	font-family: "Merriweather", serif!important;
	font-size: 14px;
	font-weight: 600;
}

.longBut {
	width: auto;
}

.submit-but-header:hover {
	transform: scale(1.01);	
	-webkit-transform: scale(1.01);	
	-moz-transform: scale(1.01);	
	background-color: #2e3192;
	color: #FFF;
}




.dropdown {
  float: left;
  overflow: hidden;
  display: inline-block;
}

.menu-item:hover .sub-menu {
	display: inline-block;
	position: absolute;
	width: auto;
	height: auto;
	background-color: color(srgb 0.063 0 1);
}


.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1000000;
  max-width: 75%;
  height: auto;
}

/* .dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: inline-block;
  text-align: left;
  width: 100%;  
} */

.dropdown-a {
  float: none!important;
  display: block!important;
  text-align: left!important;
  width: 100%!important; 
  padding: 16px!important; 
  border-bottom: 1px solid #aac8dd!important;	
}

.dropdown-content a:hover {
  background-color: #f5f5f5;
}

.dropdown-link:hover .dropdown-content {
  display: block;
  position: absolute;
}



.half-width-left {
	width: 48%;
	background-color: #57757f;
	height: auto;
	float: left;
	color: #FFF!important;
	cursor: pointer;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	margin-bottom: 0px;
}


.half-width-left:hover {
	-webkit-transform: scale(1.02);		
}

.half-width-right {
	width: 48%;
	background-color: #204a83;
	height: auto;
	float: right;
	color: #FFF!important;
	cursor: pointer;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	margin-bottom: 0px;
}

.half-width-right:hover {
	-webkit-transform: scale(1.02);		
}


.content-holder-data-left {
	display: inline-block;
	position: relative;
	width: 94%;
	margin: 0px auto;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.content-holder-data-right {
	display: inline-block;
	position: relative;
	width: 94%;
	margin: 0px auto;
}




/* .navbar {
  overflow: hidden;
  background-color: #333;
}

.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
} */








.regulatory-header {
	background-image: url('../images-icons/PeopleWith-Regulatory-HeaderImage.jpg');
	-webkit-background-size: 100%; 
	-moz-background-size: 100%; 
	-o-background-size: 100%; 
	background-size: 100%; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;	
	background-attachment: fixed;	
}

.patient-support-header {
	background-image: url('../images-icons/PeopleWith-DigitalPatientSupport-HeaderImage.jpg');
	-webkit-background-size: 100%; 
	-moz-background-size: 100%; 
	-o-background-size: 100%; 
	background-size: 100%; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;	
	background-attachment: fixed;
}

.people-engagement-header {
	background-image: url('../images-icons/PeopleWith-PeopleEngagement-HeaderImage.jpg');
	-webkit-background-size: 100%; 
	-moz-background-size: 100%; 
	-o-background-size: 100%; 
	background-size: 100%; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;	
	background-attachment: fixed;
}


.registries-header {
	background-image: url('../images-icons/PeopleWith-Registries-HeaderImage.jpg');
	-webkit-background-size: 100%; 
	-moz-background-size: 100%; 
	-o-background-size: 100%; 
	background-size: 100%; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;	
	background-attachment: fixed;
}

.features-header {
	background-image: url('../images-icons/PeopleWith-DigitalPatientSupport-HeaderImage.jpg');
	-webkit-background-size: 100%; 
	-moz-background-size: 100%; 
	-o-background-size: 100%; 
	background-size: 100%; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;	
	background-attachment: fixed;
}

.insights-header {
	background-image: url('../images-icons/PeopleWith-Insights-HeaderImage.jpg');
	-webkit-background-size: 100%; 
	-moz-background-size: 100%; 
	-o-background-size: 100%; 
	background-size: 100%; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;	
	background-attachment: fixed;
}

.rwe-header {
	background-image: url('../images-icons/PeopleWith-RWE-HeaderImage.jpg');
	-webkit-background-size: 100%; 
	-moz-background-size: 100%; 
	-o-background-size: 100%; 
	background-size: 100%; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;	
	background-attachment: fixed;
}

.life-science-text {
	font-size: 24px;
	line-height: 1.8em;
}

.feature-border {
	text-align: center;
	border-right: 1px solid #009fe3;
	border-bottom: none;
}

.feature-border-left {
	text-align: center;
	border-left: 1px solid #009fe3;
	border-top: none;
}

.privacy-text-holder {
	width: 57%;
	display: inline-block;
	height: auto;
	vertical-align: top;
	float: right;
}

.border-right {
	border-right: 1px solid #009fe3;
}

.left-check-float {
	float: left;
	display: inline-block;
}

.right-check-float {
	float: right;
	display: inline-block;
}

.triangle-holder {
	width: 80%;
	display: block;
	float: left;
	opacity: 0.9;
}

.triangle-holder:hover {
	opacity: 1;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
}

.triangle-map {
	width: 50%;
	height: 100%;
	z-index: 10;
	display: block;
	position: absolute!important;
}



.triangle-map-top {
	width: 100%;
	height: 50%;
	display: inline-block;
	float: left;
	z-index: 10;
}

.nav-shortmenu-float {
	float: right;
	display: inline-block!important;
}

.people-image-banner {
	width: 70%;
	float: none!important;
}

.left49 {
	width: 49%;
	float: left!important;
	color: #FFF!important;
	margin-top: 30px!important;
}

.right49 {
	width: 49%;
	float: right!important;
	color: #FFF!important;
	margin-top: 30px!important;
}
 
@media only screen and (max-width: 768px) {
	/* For mobile phones: */
	body {
	}
	.headline-text {
		text-align: right;
		display: inline-block;
		position: relative;
		width: 100%;
		float: right;
	}

	.headline-text-main {
		text-align: left;
		display: inline-block;
		position: relative;
		width: 100%;
		float: left;
	}
	
	h1 { 
		font-size: 48px;
		line-height: 1.4em;
	}
	
	h2 { 
		font-size: 28px;
	}
	
	.logo-index {
		min-width: 100px;
		height: auto;
		width: 40%!important;
	}
	
	.landing-title {
		font-size: 36px!important;
	}
	
	.list-section {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		display: inline-block;
	}
	
	.list-section-main {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		display: inline-block;
	}
	
	.mobilespacer {
		display: inline-block!important;
	}
	
	.image-center{
		width: 100%;
		float: none!important;
	}
	
	.image-center-brand {
		width: 60%;
	}
	
	.app-logo-holder {
		width: 100%;
	}
	
	.landing-p {
		width: 100%;
		text-align: center;	
	}
	
	.input-field {
		width: 90%;
	}
	
	.submit-50 {
		width: 90%!important;
	}
	
	.submit-100 {
		width: 100%!important;
	}
	
	.footer-holder-left {
		width: 100%; float: left; border-right: none; border-top: 2px dashed #000000;
	}
	
	.footer-holder-middle {
		width: 100%; float: left; border-right: none; text-align: left; border-top: 2px dashed #000000;
	}
	 
	.footer-holder-right {
		width: 100%; float: left; text-align: left; border-top: 2px dashed #000000;
	}
	
	.footer-socials {
		display: none;
	}
	
	.mobilehide {
		display: none!important;
	}
	
	.mobileshow {
		display: block!important;
	}
	
	.footer-disclaimer {
		text-align: center;
	}
	
	.logo-footer {
		float: left;
	}
	
	.main-container {
		width: 100%;
	}
	
	.recruitment-header {
		background-attachment: scroll;
	}
	
	.engagement-header {
		background-attachment: scroll;
	}

	.retention-header {
		background-attachment: scroll;
	}	
	
	.regulatory-header {
		background-attachment: scroll;
	}
	
	.module-holders-industry {
		width: 100%!important;
	}
	
	.patient-support-header {
		background-attachment: scroll;
	}
	
	.people-engagement-header {
		background-attachment: scroll;
	}
	
	.registries-header {
		background-attachment: scroll;
	}
	
	.insights-header {
		background-attachment: scroll;
	}	

	.rwe-header {
		background-attachment: scroll;
	}
	
	.item-landing-main {
		max-width: 100%;	
	}
	
	.half-width-left {
		width: 100%;
		margin-bottom: 20px;	
	}	
	
	.half-width-right {
		width: 100%;
		margin-bottom: 20px;
	}	

	.longBut {
		width: 90%!important;
	}
	
	.life-science-text {
		font-size: 18px;
		line-height: 1.5em;
	}
	
	.oneThird-mobile {
		width: 97%!important;	
		max-width: 97%!important;
	}
	
	.twoThird-mobile {
		width: 97%!important;	
		max-width: 97%!important;
	}
	
	.border-right {
		border-right:  none!important;
	}
	
	.left-check-float {
		float: none;
		display: block;
	}
	
	.right-check-float {
		float: none;
		display: block;
	}
	
	.features-landing-image {
		width: 100%!important;
	}
	
	.feature-border {
		border-right: none;
		border-bottom:  1px solid #009fe3;
	}
	
	.feature-border-left {
		border-left: none;
		border-top: 1px solid #009fe3;
	}
	
	.width50 {
		width: 100%!important;
	}
	
	.item-landing-2col {
	 	max-width: 100%!important;
	}
	
	.halfWidth {
		width: 100%!important;
		max-width: 100%!important;
	}
	
	h3 {
		font-size: 20px!important;
	}
	
	.triangle-holder {
		width: 100%!important;
	}
	
	.triangle-map {
		width: 100%!important;
		height: 50%;
	}
	
	.triangle-map-top {
		/* width: 100%;
		height: 50%;
		display:
		inline-block;
		float: left;
		z-index: 10; */
	}
	
	.nav-shortmenu-float {
		float: none!important;
		display: inline-block!important;
	}
	
	h4 {
		line-height: 1.85em;
	}
	
	.people-image-banner {
		width: 100%!important;
		float: none!important;
	}
	
	.left49 {
		width: 100%!important;
		float: none;
	}
	
	.right49 {
		width: 100%!important;
		float: none;
		margin-top: 10px!important;
	}
	
	.privacy-image-holder {
		display: none;
	}
	
	.privacy-text-holder {
		width: 100%;
	}

}