@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,700,800,900');

/*CSS Reset*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, img,
b, u, i, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
menu, nav, section, video {
  margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
  text-decoration: none !important;
}
section {
	display: block;
}

body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of CSS Reset */

body {
	padding: 0;
	margin: 0;
	font-family: 'Montserrat', sans-serif !important;
	color: #434c55;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
}

iframe {
	border: 0px;
}

h1 {
	font-size: 3.125em;
	font-weight: 200;
	padding: 0;
	margin: 0 0 0.5em 0;
	line-height: 1.2em;
}

h2 {
	font-size: 2.500em;
	font-weight: 300;
  letter-spacing: -1px;
	line-height: 1.3em;
	text-align: center;
	padding: 0;
	margin: 0;
}
h3 {
	margin: 1em 0;
	font-size: 1.3em;
	font-weight: bold;
}
h5{
	font-weight: bold;
}

button {
	background-color: #dcdcdc;
	border: 0;
	font-size: 1em;
	font-family: 'Montserrat';
}

textarea, input, select {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 1.05em;
}

ul{
	-webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
}

p{
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}

*:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ebe2e2;
}

*:focus::-moz-placeholder { /* Firefox 19+ */
  color: #ebe2e2;
}

*:focus:-ms-input-placeholder { /* IE 10+ */
  color: #ebe2e2;
}

*:focus:-moz-placeholder { /* Firefox 18- */
  color: #ebe2e2;
}

.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
}

.pointer:hover {
	cursor: pointer;
}

.enable-scrollwheel {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.fa-linkedin-in{
	padding: 0.25em;
	border-radius: 50%;
	border: solid 2px #0077b5;
	color: #0077b5;

}
.fa-linkedin-in:hover{
	background-color: #7a3d81;
	color: #fff;
	border-color: #7a3d81;
}

/*TOP MENU*/
header {
	top: 0; /* Required for IE 11 */
	position: fixed;
	display: block;
	width: 100%;
	z-index: 9;
	padding: 1rem 2rem;
	font-weight: bold;
	background: transparent;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
}

@media (max-height: 800px), (max-width: 1024px) {
  header {
	  background: #28244b;
  }
}

#menu {
	width: 100%;
	max-width: 90rem;
	display: inline-block;
}

#menu .active {
	color: #F4BEEE;
	border-bottom: solid 2px #F4BEEE;
}

#menu .logo-svg {
	float: left;
	width: 14em;
	height: 2em; /* workaround for IE11 */
}

#menu li {
	float: right;
	list-style: none;
	height:2em;
	line-height: 2em;
}

#menu li a {
	text-decoration: none;
	display: inline-block;
	float: left;
	padding: 0 0.8em;
	margin: 0 0.8em;
	color: inherit;
	border-bottom: solid 2px transparent;
}

#menu li:first-child a {
	margin-right: 0;
}

.logo-svg {
	width: 4.5em;
	fill: #fff;
}
.original_logo{
  width: 230px;
}

#menu label {
	cursor: pointer;
	display: none;
	float: right;
	padding: 1.2em 1.5em;
}

#toggler {
  display: none;
	cursor: pointer;
}

#toggler:checked + #menu-list {
  max-height: 500px;
}

#menu-list {
	margin: 0;
}

/*END TOP MENU*/

/*TIMELINE*/

.timeline{
  border-left: solid 2px #E5E5E5;
}
.timeline-container {
  width: 100%;
}
.timeline-item{
  box-shadow: rgba(166, 166, 166, 0.2) 5px 5px 15px 0px;
  border-radius: 5px;
  border: solid 1px #ebebeb;
  padding: 1em 2em;
  margin-bottom: 1em;
  margin-left: 2em;
}
.dot {
  width: 1em;
  height: 1em;
  display: block;
  padding-top: -1em;
  position: relative;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  background-color: #ffffff;
  left: -2.5em;
  border-radius: 3px;
  border-bottom: solid 1px #E5E5E5;
  border-left: solid 1px #E5E5E5;
}
.timeline-item .dot::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f111";
  font-weight: 900;
  color: #7a3d81;
  display: block;
  margin-left: -1.85em;
  margin-top: 1em;
  display: block;
  float: left;
}
.h5pgroup-intro{
  border: 1px solid #ffffff;
  box-shadow: rgba(166, 166, 166, 0.2) 10px 10px 30px 0px;
  border-radius: 5px;
  background-color: #ffffff;
  padding: 3em;
  margin: 1em;
  flex-grow: 1;
}
/*END TIMELINE*/

/*DIFFERENT MENU STYLE DEPENDING ON ACTIVE SECTION*/
#section2 .content-container h2 {
	border-bottom: solid 1px #373361;
	line-height: 2em;
}
.menu-light {
	background: #fff !important;
	color: #28244b;
	box-shadow: 0 4px 3px 0 rgba(35,40,45,.08);
}

.menu-light li {
	color: #28244b;
}

header.menu-light #menu .active {
	border-radius: 2px;
	border-bottom: solid 2px #7a3d81;
	color: #7a3d81;
}

.menu-light .logo-svg,
.menu-light .fab{
	fill: #7a3d81;
	color: #7a3d81;
}

.transition {
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}


/*END MENU*/

/*CUSTOM SECTIONS*/

.intro {
	width: calc(100% - 2em);
	max-width: 45rem;
	box-sizing: border-box;
}

#section0-1, #section1-0, #section2-0, #section0-0a {
	padding-left: 2em;
	padding-right: 2em;
}

#section0 {
	background: url(../img/section0.png) no-repeat center center fixed;

}

#section0 .intro {
	display: inline-block;
	max-width: 70rem;
}

#section0-0 {
	background: url(../img/section0-0.jpg) no-repeat top center fixed;
  background-position: -54em -15em;
	min-height: 20em;
	padding: 5em 2em 2em;
}

#section0, #section0-0 {
	background-color: #28244b;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#section0-0 .intro-wrapper {
	display: flex;
	flex-direction: column;
}
#section0-1 h2, #section1-0 h2, #section2-0 h2, .logo-container h2, #section0-0a h2{
	margin: 0.5em 0 1em 0;
}

#section0-0 h2 {
	color: black;
}

#section0, #section5 .footer-cta, #section0-0, #section5 .wide-container {
	text-align: center;
}

#section0-0 {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#section1 {
	margin-top: 4em;
	margin-bottom: 2em;

}

#section1 h2 {
	color: #28244b;
}

#section1 h3 {
	font-size: 2.500em;
	font-weight: 300;
	line-height: 1.3em;
	color: #27292c;
}

#section1 .intro-text {
	width: 100%
}

#section1-0	h4{
	padding-top: 1.6em;
	font-weight: bold;
}

#section1 .intro.right {
	width: calc(100% - 2rem);
	max-width: 45rem;
}

#section1 .intro-image {
	max-width: 95%;
}
#section1 h2 {
	font-size: 3.5em !important;
	text-align: right;
}
#section2 {
	background-color: #7a3d81;;
  background-image: url('../img/back_content.png');
  background-size: 60%;
  background-position: left;
  background-repeat: repeat-y;
}

#section2 .intro.block-min.right {
	max-width: 45rem;
}

#section2 .block50:first-child {
	background-color: #7a3d81;
}

#section2 .block50 {
	min-height: 830px;
}
@media (max-width: 1024px) {
	#section2 .block50 {
  	min-height: auto;
	}
}

#section2 .block50:last-child {
	background-color: #28244b;
}
#section2 h2{
	text-align: right !important;
	margin-top: 2em;
}
#section2 #first-tab-group h2{
	text-align: center !important;
	margin-bottom: 0.5em;
}

#section2 ul li div {
	text-decoration: none;
	color: inherit;
}

#section2 ul li a:hover {
	color: #F4BEEE;
}

#section2 .active .title {
	color: #F4BEEE;
}

#section2 .active .no {
	background-color: #3551b9;
	color: #F4BEEE;
}

#section2 ul li {
	list-style: none;
	cursor: pointer;
	border-bottom: solid 1px #a65cb7;
	padding: 0;
}

#section2 ul li .title {
	font-size: 1.458em;
	padding-top: 0.8em;
	display: inline-block;
}

#section2 ul li:first-child {
	border-top: solid 1px #a65cb7;
}

#section2 ul li .no {
	float: left;
	display: inline-block;
	font-size: 1.667em;
	padding: 0.65em 0.5em;
	border-left: solid 1px #a65cb7;
	border-right: solid 1px #a65cb7;
	line-height: 2.45em;
}

#section2 ul li .desc {
	color: #a65cb7;
	display: block;
	font-size: 1.083em;
	padding-bottom: 0.8em;
}

#section2 .tabs-footer {
	margin-top: 1em;
	padding: 0em 4em 0em 0em;
}

#section2 .tabs-footer .left-item {
	float: left;
	font-size: 1.667em;
	padding-left: 0.65em;
	margin-left: 0.1em;
	display: none;
}

#section2 .tabs-footer .right-item {
	float: right;
	margin-bottom: 2em;
}

#section2 .extra-link {
	color: white;
	text-decoration: none;
	padding-top: 0.2em;
}

#section2-0 a {
	text-decoration: underline;
  border-color: transparent;
  color: white;
}

#section2-0 a:hover {
	color: #F4BEEE;
}

#section2-0 {
	background-color: #7a3d81;
  background-image: url('../img/back_footer.png');
  background-size: 60%;
  background-position: bottom;
  background-repeat: repeat-x;

}

#section3 {
	background-color: #fff;

}

#section3 .block100 {
	margin-top: 4em;
	margin-bottom: 2em;
}

#section3 .fp-slides {
	height: auto;
}

#section4 {
	background-color: #28244b;
}

#section4 .block100 {
	margin-top: 4em;
	margin-bottom: 2em;
}

#community-data.wide-container {
	text-align: center;
}

#section0, #section2, #section4, #section2-0, #section5 .footer-cta, #section0-0 {
	color: white;
}

#section5 {

}

#section5 .fp-tableCell {
	vertical-align: top;
}

#section5 .fp-section.fp-table, #section5 .fp-slide.fp-table {
	display: block !important;
}

#section5 .fp-slide, #section5 .fp-slidesContainer, #section5 .fp-tableCell {
	height: 600px !important;
}

#section1-0 h3 {
	font-size: 1.25em;
	padding: 0;
	margin: 0;
	color: #fff;
}

#section1-0 h4 {
	font-size: 1.2em;
	color: #fff;
}

#section1-0 h5, #section1-0 h6 {
	font-size: 1.1em;
	padding: 1em 0;
	margin: 0px;
	color: #000;
}

#section1-0 .block100, #section3 .block100 {
	width: 100%;
}

#section0-1, #section1-0, #section2-0, #section0-0a {
	padding-bottom: 4em;
	padding-top: 4em;
}

#section1-0 .open-positions {
	margin: 4.5em 0;
}

#section1-0 {
	background-color: #28244b;
	color:#fff;
	clear: both;
  /*
  background-image:url('../img/back_content-right.png');
  background-position: right;
  background-size: 90%;
  background-repeat: repeat-y;"*/
}

.regular-text{
	font-size: 1.2em !important;
	font-weight: 400 !important;
	line-height: 1.6em !important;
}

#section1-0  h2 {
	color: #fff;
}

#section2 .block50, #section1 .block50  {
	height: calc(100%);
	bottom: 0px;

}

#section4 .block-max{
	height: calc(100% - 10em);
	bottom: 0px;
}

#section2 .fp-tableCell, #section1 .fp-tableCell {
	vertical-align: bottom;
}

#example-chooser .row {
	display: flex;
	flex-direction: row;
	border-left: solid 1px #a65cb7;
	align-items: center;
	padding-bottom: 1px;
	padding-top: 1px;
	transition: background-color 0.5s;
}

#example-chooser .row.active {
	background-color: #492651;
	color: #F4B86A;
}

#example-chooser .number {
	font-size: 1.667em;
	margin: 0 0.5em;
}

#example-chooser .content-type {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	border-left: solid 1px #a65cb7;
	padding-left: 2em;
	/*background-color: #7a3d81;*/
	padding-right: 4em;
}

#example-chooser .content-type-name {
	color: #ffffff;
	font-size: 1.458em;
	padding-top: 0.8em;
}

#example-chooser .row.active .content-type-name {
	color: #F4B86A;
}

#example-chooser .content-type-description {
	color: #f1bcfe;
	font-size: 1.2em;
	line-height: 1.6em;
	padding-bottom: 1em;
	font-weight: 400;
}

.hero-subtitle {
	display: block;
	font-size: 1.2em;
	text-align: center;
}


#fp-nav ul li a span, .fp-slidesNav ul li a span {
	background: #dfb4ff !important;
  padding: 2px;
  border: solid 2px #28244b;
}

#section4 .statistics .category-group {
	display: inline-block;
	text-align: center;
  width: 100%;
}

#section4 .statistics .category {
	font-size: 0.9em;
	display: block;
	border: 1px solid #373361;
	border-radius: 10px;
	padding: 2em 1em;
	margin: 0.8em;
	float: left;
	min-width: 190px;
  width: calc(50% - 3.8em);
}

#section4 .statistics .category .category-title {
	font-size: 1.6em;
	color: #ffffff;
	font-weight: 600;
	text-decoration: none solid rgb(255, 255, 255);
}

#section4 .statistics .category .category-description {
	font-size: 1em;
	color: #9ca4b0;
	text-decoration: none solid rgb(156, 164, 176);
	margin: 0.5em 0 1em 0;
}

#section4 .statistics .category .separator {
	width: 100%;
	border-top: solid 1px #373361;
	margin-bottom: 1em;
}

#section4 .statistics .category .current-title {
	font-size: 1em;
	color: #9ca4b0;
	text-decoration: none solid rgb(156, 164, 176);
	margin-bottom: 0.5em;
}

#section4 .statistics .category .current-value {
	font-size: 2.7em;
	color: #F4BEEE;
	font-weight: 700;
	text-decoration: none solid rgb(88, 177, 109);
	margin-bottom: 0.7em;
}

#section4 .statistics .category .previous-title {
	font-size: 1em;
	color: #9ca4b0;
	text-decoration: none solid rgb(156, 164, 176);
	margin-bottom: 0.2em;
}

#section4 .statistics .category .previous-value {
	font-size: 2em;
	color: #7989E0;
	font-weight: 700;
	text-decoration: none solid rgb(121, 137, 224);
}

/*END CUSTOM SECTIONS*/

/*BUTTONS*/

.btn {
	padding: 0.7em 1.8em;
	border: solid 1px;
	background-color: transparent;
	text-decoration: none;
	margin: 0.5em;
	border-radius: 3px;
	font-weight: bold;
	display: inline-block;
	line-height: 2em;
}

.btn-small{
	padding: 0.5em 1em;
}

.btn i {
	margin-right: 0.5em;
}

.btn:hover {
	cursor: pointer;
}

.btn.outlined-white {
	border-color: white;
	color: white;
}

.btn.full-blue {
	background-color: #7a3d81;
	color: #fff;
}

.btn.outlined-blue {
	border-color: #7a3d81;
	color: transparent;
	color:  #7a3d81;
}

.btn.link {
	text-decoration: underline !important;
	border-color: transparent;
	color: white;
}

.btn.link:hover{
	color: #F4BEEE;
}

.btn.full {
	border-color: #F4BEEE;
	background-color: #F4BEEE;
	color 	: #28244b;
  border-radius: 0em;
}

.btn.full:hover {
	border-color: #f2d9ff;
	background-color: #f2d9ff;
	color 	: #131313;
}

.btn.more-examples:hover {
	background-color: #ffffff;
	color: #7a3d81;
	border-color: #ffffff;
}

/*END BUTTONS*/

/*TESTIMONIALS*/

.testimonials-subheadline {
	text-align: center;
	margin-bottom: 2em;
	font-size: 1.2em;
}

.testimonials-container {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin: 1em 0em 1em 0em;
}

.testimonials-container .testimonial {
	display: flex;
  flex-direction: column;
  justify-content: center;
	width: 35%;
	max-width: 32.143em;
	border: 1px solid #ffffff;
	box-shadow: rgba(166, 166, 166, 0.2) 10px 10px 30px 0px;
  border-radius: 5px;
  background-color: #ffffff;
  padding: 2em;
  margin: 1em;
	flex-grow: 1;
}

.testimonials-container .testimonial .testimonial-image {
	width: 5.566em;
	height: 5.566em;
	margin: auto;
}

.testimonials-container .testimonial .testimonial-statement {
	width: 100%;
	font-size: 1em;
	color: #343434;
	text-decoration: none solid rgb(52, 52, 52);
	line-height: 1.709em;
	text-align: center;
	margin-top: 1em;
}

.testimonials-container .testimonial .testimonial-more {
	display:inline-block;
	background: #f0f0f0;
	color: #7a3d81;
	text-decoration: none solid rgb(52, 52, 52);
	text-align: center;
	cursor: pointer;
	padding: 0 0.4em;
	line-height: 1em;
	margin-left: 0.5em;
	font-size: 1.25em;
	font-weight: bold;
	border-radius: 3px;
}
.testimonials-container .testimonial .testimonial-more:hover {
	background: #dedede;
}

.testimonials-container .testimonial .testimonial-more::before {
	content: '...';
	position: relative;
	top: -0.2em;
}

.testimonials-container .testimonial .testimonial-source {
	width: 100%;
	font-size: 1em !important;
	color: #828282;
	font-style: italic;
	text-decoration: none solid rgb(130, 130, 130);
	line-height: 1.709em;
	text-align: center;
	margin-top: 1em;
}

/* MAP&STATISTICS*/
.map {
	text-align: center;
	width: 65%;
	max-width: 100em;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-bottom: 1em;
	margin-top: 2em;
	box-sizing: border-box;
}

.map-img {
	width: 65%;
}

.map-pin {
	width: 1em;
	height: 1em;
	position: absolute;
	border-radius: 2em;
	cursor: pointer;
  box-shadow: 0 0 0 rgb(244 184 106 / 50%);
  /* animation: pulse 1s infinite; */
  background-color: #F4BEEE;
}

.map-pin-blinking-hotspot {
	width: 2em;
	height: 2em;
	padding: 0.35em;
	position: absolute;
	border-radius: 1.5em;
	cursor: pointer;
	box-shadow: 0 0 0 rgba(204,169,44, 0.4);
	animation: pulse 1.5s infinite;
	background-color: transparent;
	box-sizing: border-box;
	border: 2px solid rgba(125,145,232, 0);
}

.map-pin .details {
	visibility: hidden;
	display: block;
	height: 2.500em;
	position: absolute;
	top: -3.333em;
	left: -5em;
	box-sizing: border-box;
	background-color: white;
	color: black;
	border-radius: 0.125em;
	z-index: 10;
	line-height: 2em;
	white-space:nowrap;
}

.map-pin .details span {
	display: inline-block;
	box-sizing: border-box;
}

.map-pin .details .continent {
	font-size: 1em;
	font-weight: bold;
}

.map-pin .details .title {
	text-align: left;
	padding: 0 1.2em;
	line-height: 2em;
}

.map-pin .details .value {
	font-weight: 800;
	letter-spacing: -1;
	text-align: center;
	background-color: #F4BEEE;
	padding: 0.24em 1em;
	line-height: 2em;
}

.map-pin:hover span, .map-pin:focus span {
	visibility: visible;
}

.north-america {
	top: 35%;
	left: 25%;
}

.south-america {
	top: 70%;
	left: 35%;
}

.europe {
	top: 35%;
	left: 48%;
}

.asia {
	top: 35%;
	left: 65%;
}

.africa {
	top: 60%;
	left: 52%;
}

.oceania {
	top: 76%;
	left: 70%;
}

@keyframes pulse {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(122,145,232, 0.4);
		box-shadow: 0 0 0 0 rgba(122,145,232, 0.4);
	}
	70% {
		-moz-box-shadow: 0 0 0 30px rgba(122,145,232, 0);
		box-shadow: 0 0 0 30px rgba(122,145,232, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(122,145,232, 0);
		box-shadow: 0 0 0 0 rgba(122,145,232, 0);
	}
}

.statistics-box {
	width: calc(33% - 1em);
	margin-right: 1em;
	box-sizing: border-box;
	display: inline-block;
	padding: 1em;
	color: #161820;
	text-align: center;
}

.statistics-box strong {
	font-size: 2.5em;
	position: relative;
}

.statistics-box strong::before {
	content: "~ ";
	position: absolute;
	left: -30px;
}

.green {
	color: #0cbd70;
}

.red {
	color: #e25b5b;
}

.blue {
	color: #7d91e8;
}

/* END MAP&STATISTICS*/

/*WHO USES H5P*/

#logo-slider {
	margin-top: 1.5em;
}

.logo-container {
	height: 10em;
	padding: 2em 1em 4em 1em;
	margin: 0em 0em 3em 0em;
	background-color: #fff;
	border-bottom: solid 1px #cccccc59;
	display: none;
}

.logo-container span {
	font-weight: bold;
	color: #020202;
	font-size: 1.3em;
	display: block;
	text-align: center;
}

.logo-container .logo {
	width: 15%;
	margin-right: 1%;
	display: inline-block;
	padding: 2em 0em;
	box-sizing: border-box;
	text-align: center;
}

.logo-container .logo:last-child {
	margin-right: 0;
	padding: 0;
}

.logo-container .logo img {
	width: 90%;
	height: auto;
}

/*END OF WHO USES H5P*/

/*LAYOUT*/

.block50 {
	width: 50%;
	float: left;
	box-sizing: border-box;
}

.block20 {
	width: 20%;
	float: left;
	box-sizing: border-box;
}
.block30 {
	width: 30%;
	float: left;
	margin-left: 2%;
	box-sizing: border-box;
}

.block10 {
	width: 10%;
	float: left;
	box-sizing: border-box;
}

.block70 {
	width: 70%;
	float: left;
	box-sizing: border-box;
}

.block-min {
	max-width: 650px;
	box-sizing: border-box;
}

.left {
	float: left;
	padding-left: 2rem;
	text-align: left;
	width: calc(100% - 4rem);
}

.right {
	float: right;
	text-align: right;
}

.padding-right {
	padding-right: 2em;
}

.margin-right {
	margin-right: 10%;
}

.clear {
	display: block;
	clear: both;
}

.section {
	display: flex;
	align-items: center;
	align-content: center;
}

.center-vertically {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.fp-tableCell {
	display: table-cell;
	vertical-align: middle;
}

.padding-m {
	padding: 1.7em;
}

.text-center {
	text-align: center;
}

.wide-container {
	max-width: 70.500em;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

.wider-container {
	max-width: 90.500em;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

.height50.fp-section, .height50 .fp-slide, .height50 .fp-tableCell {
	height: 50% !important;
}

/*END LAYOUT*/

/*FOOTER*/

.footer-cta {
	background-image: url(../img/section5.png);
	height: 35.625em;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	padding: 0;
	margin: 0;
	width: 100%;
	background-color: #0c1129;
	box-sizing: border-box;
}
.separator-footer {
	width: 100%;
	border-top: solid 1px #a65cb7;
	margin: 1em 0;
}

.footer-big{
	font-size: 1.25em;
	display: block;
	padding: 0;
	margin: 0;
}

.footer-content {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: auto;
}

.social {
	padding: 1em 0em;
}

.social .fab {
	padding: 1em;
	width: 1em;
	text-align: center;
	height: 1em;
	margin: 0.5em;
	background-color: #28244b;
	border-radius: 25em;
	color: #fff;
}

.social .fab:hover {
	background-color: #2c314a;
}

/*END FOOTER*/

/*CAREERS*/

.job-posts {
	margin: 2em 0;
}

.job-post .info {
	background-color: #f1f1f1;
	padding: 1em 2em;
	font-weight: bold;
}

.job-post .info span {
	display: inline-block;
}

.job-post .info span::before {
	font-family: "Font Awesome 5 Free";
	margin: 0 0.8em 0 2em;
	font-style: normal;
	color: #28244b;
}

.job-post .info span:first-child::before {
	margin: 0 0.8em;
}

.job-post .type::before {
	content: "\f017";
}

.job-post .level::before {
	content: "\f005";
}

.job-post .location::before {
	content: "\f041";
}

.job-post .date::before {
	content: "\f073";
}

.job-post .position {
	flex-grow: 1;
	flex-shrink: 1;
	padding-right: 1em;
}

.job-post .details-wrapper {
	max-height: 46em;
	overflow-y: scroll;
}

.job-post .details {
	padding: 2em 3em;
	line-height: 1.6em;
	color: #28244bc9;
}

.job-post .apply-wrapper {
	display: flex;
	flex-direction: column;
	flex-grow: 0;
	flex-shrink: 0;
}

.job-post .apply {
	flex-grow: 0;
	flex-shrink: 0;
	-webkit-margin-before: 1.2em;
  -webkit-margin-after: 1.2em;
}

.tab.job-post {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-bottom: solid 1px #212b41;
}

.tab.job-post:first-child {
	border-top: solid 1px #212b41;
}

.job-post input {
	position: absolute;
	opacity: 0;
	z-index: -1;
}

.job-post .tab-content {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height .35s;
	-o-transition: max-height .35s;
	transition: max-height .35s;
	background-color: white;
	color: black;
}

.job-post .tab-content ul{
	padding-left: 2em;
	margin-left: 1em;
}

.job-post label {
	position: relative;
	display: flex;
	flex-direction: row;
	padding: 0;
	cursor: pointer;
	padding-left: 3em;
	padding-right: 1.5em;
	border-top: solid 3px transparent;
}

.job-post label:hover {
	color: #F4BEEE;
}

.job-post label::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	left: 0.8em;
	top: 1.9em;
	display: block;
	text-align: center;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
}

.job-post input[type=radio] + label::before {
	content: '\f0da';
}

.job-post input[type=radio]:checked + label::before {
	transform: rotate(90deg);
}

.job-post input[type=radio]:checked + label {
	cursor: default;
}

.job-post input:checked ~ .tab-content {
	max-height: 50em;
}

.job-post input:checked ~ label {
	background-color: #161d2d;
	border-top: solid 3px #F4BEEE;
}
.job-post input:checked:hover ~ label {
	background-color: #161d2d;
}

.job-post input:hover ~ label {
	background-color: #2f354d;
}

/*END CAREERS STYLE*/

/*CUSTOM SCROLLBAR */

::-webkit-scrollbar {
	width: 0.492em;
	height: 0.492em;
	margin-right: 0.5em;
}

::-webkit-scrollbar-track {
	-webkit-border-radius: 25px;
	border-radius: 25px;
}

::-webkit-scrollbar-track {
	background-color: #fff;
}

::-webkit-scrollbar-thumb {
	-webkit-border-radius: 25px;
	border-radius: 25px;
	background: #bfbfbf;
}

/*END CUSTOM SCROLLBAR*/

/*CONTACT FORM*/

#animation-contact-wrapper{
	margin-bottom: 1em;
}

#section2-0 form {
	padding: 0 0 2em 0;
}

#section2-0 input[type=text], #section2-0 textarea, #section2-0 select {
	width: 100%;
  border: solid 1px #cdd4eb;
  padding: 1em 1em 1em 1.25em;
  border-radius: 3px;
  box-sizing: border-box;
}


#section2-0 textarea{
	overflow: hidden;
}

#section2-0 input[type=submit] {
	margin: 1.25em 0 0 0 !important;
}

#section2-0 label {
	padding: 1.25em 1em .55em 0.25em;
	display: block;
	color: #CDF4F9;
	font-weight: bold;
}

#section2-0 input[type=file] {
	color: #fff;
	padding-top: 1.25em;
}

.job-fields {
	display: none;
	margin-top: 1.25em;
	padding: 1.8em;
	background-color: #3551b9;
}

.job-fields label {
	color: white !important;
}

.job-fields .btn {
	margin-top: 0;
}

.job-fields span {
	font-size: 1.1em;
}

.job-fields a {
	padding: 0.25em 1em;
	font-size: 1em;
}

.apply-for-a-job, .cancel-job-apply{
	margin-left: 0;
  margin-top: 1.25em;
}

.cancel-job-apply{
	float: right;
	margin: 0;
}

.apply-for-a-job::before{
	content: "+";
	padding-right: 0.6em;
}

.top-icon-1{
	width: 150px;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
}

.top-icon-2{
	width: 120px;
	height: 108px;
	margin-left: auto;
	margin-right: auto;
}

.animated-line{
	fill:none;
	stroke-width:25;
	stroke-linecap:round;
	linejoin: round;
	stroke-miterlimit:6;
	stroke-dasharray:2400; /* length of a dash*/
	-webkit-animation: animate 3s linear;
	animation-iteration-count: 1;
}

.full-line{
	fill:none;
	stroke-width:50;
	stroke-linecap:round;
	linejoin: round;
	stroke-miterlimit:6;
}

.blue-line{
	stroke:#db82ef;
}

.pink-line{
	stroke:#ce0bd6;
}

.yellow-line{
	stroke: #F4BEEE;
}

@-webkit-keyframes animate-2 {
	0% {
		stroke-dashoffset:1500;
	}
	100% {
		stroke-dashoffset:0;
	}
}

@-webkit-keyframes animate {
	0% {
		stroke-dashoffset:2500;
	}
	100% {
		stroke-dashoffset:0;
	}
}

/*END CONTACT FORM */

/*ABOUT*/

.offering {
	float: left;
	text-align: left;
	box-sizing: border-box;
	margin-bottom: 2em;
	display: inline-block;
	vertical-align: top;
	width: 49%;
}
.offering:first-child {
	padding-right: 3em;
}
.offering .h5p-com-logo {
	width: 100px;
	float: left;
	margin-right: 1em;
	margin-top: 0.3em;
}
@media (max-width: 1024px) {
	.offering {
		width: 100%;
	}
	.offering:first-child {
		padding-right: 0;
	}
	.offering h3 {
		text-align: center;
	}
}
/*
.offering .fab {
	margin-left: 0.5em;
	color: #0077b5;
	font-size: 0.75em;
	padding: 0.75em;
}
.offering .fab:hover {
	color: #ffffff;
}*/


/*END ABOUT*/

/*EXAMPLE CONTENT*/

.arrow-down {
	background-image: url(../img/arrow-down.png);
	height: 3.5em;
	width: 3.5em;
	background-repeat: no-repeat;
	float: right;
}

/*END EXAMPLE CONTENT*/


/* gohire-job-list */
.gohire-job-list-item{
  margin: 0px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
#section1-0 > div:nth-child(3) > div > div > a:nth-child(1) > div, #section1-0 > div:nth-child(3) > div > div > a:nth-child(2) > div, #section1-0 > div:nth-child(3) > div > div > a:nth-child(3) > div,
#section1-0 > div:nth-child(3) > div > div > a:nth-child(4) > div, #section1-0 > div:nth-child(3) > div > div > a:nth-child(5) > div, #section1-0 > div:nth-child(3) > div > div > a:nth-child(6) > div,
#section1-0 > div:nth-child(3) > div > div > a:nth-child(7) > div {
  border-color:  #212b41 !important;
}
.gohire-job-list-item:hover{
  background-color: #161d2d !important;
}

.gohire-job-list{
  border-radius: 3px !important;
  background-color: #28244b !important;
  border-width: 1px 0px 1px 0px !important;
  box-shadow: none !important;
  border-color:  #212b41 !important;
}
.gohire-job-list-item-detail {
    line-height: 1.25em !important;
    font-size: 1em !important;
}
.gohire-brand-colour  {
    color: white !important;
}
#section1-0 > div:nth-child(3) > div > div > a > div > div.gohire-job-list-item-nav > svg > path {
    fill: white !important;
}
#section1-0 > div:nth-child(3) > div > div > a > div > div.gohire-job-list-item-detail > p.gohire-job-list-item-detail-title.gohire-brand-colour{
  color: white !important;
  font-size: 1.2em !important;
  line-height: 1.5em !important;
}
#section1-0 > div:nth-child(3) > div > div > a > div > div.gohire-job-list-item-detail > p.gohire-job-list-item-detail-sub{
  color: #7e889e !important;
  font-size: 1em !important;
}

	.banner-logo-1{
		height: 120px;
	}
	.banner-logo-2{
		height: 70px;
	}

/* END gohire-job-list */


/*RESPONSIVE*/
.nav-arrows{
	font-size: 2em;
	cursor: pointer;
}

body{
	font-size: 16px;
}

@media (max-width: 1024px) {
	iframe {
		height: 550px;
		width: 100%;
	}

	.map-img {
		width: 100%;
	}

	.job-post label{
	  padding-left: 2em;
		padding-right: 0em;
	}
	.info .type, .info .level, .info .location, .info .date{
		float: left;
	}

	#section1 h2, #section2 h2{
		font-size: 2em !important;
		text-align: left;
	}
	header.menu-light .active{
		border-color: white;
	}

	#section0, #section0-0 {
		background-attachment: scroll;
	}

	#section0-0, #section0-1, #section1-0, #section2-0, #section0-0a {
		padding: 2em;
	}

	#section0, .footer-cta{
		padding: 0 2em;
	}

	#section1 {
		margin-top: 0;
		margin-bottom: 0;
	}

	#section1 h3{
		font-size: 1.5em;
	}

	#section1 .intro-text {
		max-width: inherit;
	}

	#section1 .intro-image {
		max-width: inherit;
	}

	#section1 .intro.right {
		padding-left: 2em;
		padding-right: 2em;
	}

	#section2 h2 {
		text-align: center !important;
		padding-right: 0px;
		margin-left: 1em;
		margin-right: 1em;
		margin-top: 0;
	}

	#section2 ul li {
		border-right: solid 1px #a65cb7;
	}

	#example-chooser .content-type {
		border-right: solid 1px #a65cb7;
	}

	#section2 .intro {
		max-width: inherit;
	}

	#section2 .intro.right {
		padding-left: 2em;
		padding-right: 2em;
	}

	#section2 .intro.left {
		padding-right: 0;
	}

	#section2 #first-tab-group {
		padding-left: 2em;
		padding-right: 2em;
		max-width: 100%;
	}

	#section2 .tabs-footer {
		text-align: center;
		padding: 0;
	}

	#section2 .tabs-footer .right-item {
		float: inherit;
		margin-bottom: 0;
	}

	#section3 .testimonials-container {
		margin: 1em 0em 1em 2em;
	}

	#section3 .testimonial {
		margin: 1em 2em 1em 0;
	}

	#section3 .wider-container{
		padding-top: 2em;
		max-width: 90em;
	}

	#section1 .block50, #section2 .block50 {
		padding: 2em 0;
	}

	#section4 {
		padding: 2em 2em;

	}

	#section4 .statistics .category-group {
		display: flex;
		justify-content: space-between;
	}

	#section4 .statistics .category {
		flex-grow: 1;
	}

	#section4 .statistics .category:first-child {
		margin-left: 0;
	}

	#section4 .statistics .category:last-child {
		margin-right: 0;
	}

	#first-tab-group {
		padding-top: 0;
	}

	.statistics-box{
		margin-right: 0;
		font-size: 0.8em;
		padding: 0;
	}

	.statistics-box strong {
		font-size: 1.6em;
	}

	#section2 .center-vertically, #section1 .center-vertically {
		position: static;
		top: 0%;
		transform: translateY(0%);
	}

	#section0{
		min-height: 35.625em;
		padding-top: 5em;
	}

	#section4 .statistics .category{
		width: 100%;
	}

	#section3 .block100, #section2 .block50, #section1 .block50{
		height: auto;
	}

	#section3 .block100 {
		margin-top: 0;
		margin-bottom: 0;
	}

	#section1.block50::after, #section2.block50::after{
		clear: both;
		content: " ";
		display: block;
	}

	#section2-0 .contact-us {
		width: inherit;
	}

	#section4 .statistics {
		width: 100%;
	}

	#menu .logo-svg {
		font-size: 0.7em;
		fill: #7a3d81;
		color: #7a3d81;
	}
	#menu label {
		font-size: 0.9em;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
	}

	#menu ul {
		width: 100%;
		text-align: right;
		float: right;
		margin-top: 0em;
		margin-right: -1rem;
		max-height: 0;
  	overflow: hidden;
		transition: max-height 0.5s;
	}

	#menu ul li{
		display: block;
		background-color: white;
		width: 100%;
		padding: 0.5em 0em;
	}

	#menu ul li a{
		color: black;
		float: right;
		margin-right: 0;
		padding-right: 0.5rem !important;
	}

	header {
		background: #fff !important;
		color: #28244b;
		box-shadow: 0 4px 3px 0 rgba(35,40,45,.08);
	}

	#menu li {
		color: #28244b;
	}

	#menu .active {
		border-radius: 2px;
		border-bottom: solid 2px #7a3d81;
		color: #7a3d81;
	}

	#menu .fas {
		fill: #7a3d81;
		color: #7a3d81;
		font-size: 1.5em;
	}

	.block50{
		width: 100%;
	}

	.logo-container {
		margin-bottom: 0;
	}

	.fp-tableCell{
		display: block;
	}

	#section0 .fp-tableCell{
		display: table-cell;
	}

	#section0-0 {
		min-height: 24em;
    background-position: unset;
	}

	.section, .fp-section .fp-table, .fp-tableCell{
		height: auto !important;
	}

	#example-chooser li span.title {
		margin-left: 1em;
	}

	#example-chooser li span.desc {
		margin-left: 5em;
	}

	#section2 .content-container {
		margin-right: auto;
	}


	#first-tab-group {
		margin: auto;
	}

	.left, .right{
		padding: 0;
		margin: 0;
		float: none;
		clear: both;
		width: 100%;
		text-align: left;
	}

	.block-min, .block-max{
		width: 100%;
		max-width: 100%;
	}

	.white-overlay{
		display: none;
	}

	.hero-subtitle{
		margin: 1em 0;
	}
	.banner-logo-1{
		height: 60px;
	}
	.banner-logo-2{
		height: 35px;
	}
	.map-pin .details:last-child{
		left: -8em;
	}

	.block20, .block70{
		width: 100%;
		float: none;
	}

	.block20{
		text-align: center;
	}

	.top-icon-2{
		margin-left: auto;
		margin-right: auto;
	}

	.employee{
		width: 100%;
	}

	.job-post .info span {
		display: block;
	}

	.job-post .info span::before {
		margin: 0 0.8em;
	}

	.tweets-set{
		padding: 2em;
		column-count: 1;
		-webkit-column-gap: 2em;
		-moz-column-gap: 2em;
		column-gap: 2em;
		-webkit-box-sizing: border-box;
	}

	.single-tweet{
		margin-left: auto;
		margin-right: auto;
		display: block;
		width: 80%;
	}

	.statistics-box {
		width: 100%;
		margin-right: 0em;
	}

	.svg-animation {
		width:100% !important;
	}

	.job-post .details {
		padding: 2em;
	}

	.job-post .info {
		padding: 1em;
		line-height: 1.8em;
	}
	.padding-m {
		padding: 1em;
	}
	h1 {
		font-size: 2em;
	}

	#section0-0 .intro-wrapper {
		padding-top: 4em;
	}
}

/*END RESPONSIVE*/
.svg-animation {
	width:90%;
}

.embedded-content {
	min-height:500px !important;
}

.embedded-content.blocked {
	pointer-events: none;
}

.overlay {
	position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
	right: 0;
	bottom: 0;
  z-index: 101;
	transition: all 0.5s ease 0s;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.overlay.off {
	visibility: hidden;
	opacity: 0;
}

.overlay .overlay-background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	background: #000000;
}

.overlay .overlay-wrapper {
	display: flex;
	z-index: 1;
	max-width: 100%;
	max-height: 100%;
	justify-content: center;
}

.overlay .overlay-box {
	flex-grow: 1;
	max-width: 46em;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background-color: #ffffff;
  padding: 2em 3em 3em 3em;
	overflow-y: auto;
}

.overlay .overlay-box .overlay-close-button-wrapper {
	display: flex;
	flex-direction: row;
}

.overlay .overlay-box .overlay-close-button {
	width: 2em;
	height: 2em;
	cursor: pointer;
	border-radius: 50%;
	padding: 1em;
	background: #f0f0f0;
}
.overlay .overlay-box .overlay-close-button:hover {
	background: #dedede;
}

.overlay .overlay-box .overlay-close-button-spacer {
	flex-grow: 1;
}

.overlay .overlay-box .testimonial-image-wrapper {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.overlay .overlay-box .testimonial-image {
	width: 7em;
	height: 7em;
	margin: auto;
}

.overlay .overlay-box .testimonial-statement {
	width: 100%;
	font-size: 1em;
	color: #343434;
	text-decoration: none solid rgb(52, 52, 52);
	line-height: 1.709em;
	text-align: center;
	margin-top: 2em;
}

.overlay .overlay-box .testimonial-statement p {
	margin-bottom: 1em;
}

.overlay .overlay-box .testimonial-separator {
	display: flex;
	justify-content: center;
}

.overlay .overlay-box .testimonial-source {
	width: 100%;
	font-size: 1em !important;
	color: #828282;
	font-style: italic;
	text-decoration: none solid rgb(130, 130, 130);
	line-height: 1.709em;
	text-align: center;
	margin-top: 2em;
}

#example-chooser-mobile {
	display: none;
}

.slider-wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: auto;
	margin-top: 1em;
	margin-left: 2em;
	margin-right: 2em;
}

.slider-wrapper .slider-items {
	width: 100%;
	flex-shrink: 1;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: nowrap;
}

.slider-wrapper .slider-item {
	display: flex;
	flex-shrink: 1;
	width: 100%;
	align-items: center;
	justify-content: center;
	margin: 0 2em;
}

.slider-wrapper .user-logo {
	max-width: 100%;
}

.slider-wrapper .slider-left,
.slider-wrapper .slider-right,  {
	display: none;
}

.slider-wrapper .slider-left svg,
.slider-wrapper .slider-right svg {
	width: 32px;
	height: 32px;
	fill: black;
}

.slider-wrapper .slider-left svg:hover,
.slider-wrapper .slider-right svg:hover {
	cursor: pointer;
}

.slider-wrapper .slider-left svg.inactive,
.slider-wrapper .slider-right svg.inactive {
	opacity: 0.5;
	cursor: default;
}

.slider-wrapper .slider-left,
.slider-wrapper .slider-right {
	display: none;
}

.slider-item:not(.active) {
	display: none;
}

.slider-wrapper .slider-left,
.slider-wrapper .slider-right {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: inherit;
	align-items: center;
}

.slider-wrapper .scroller {
	display: flex;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0 1em;
	padding: 0;
	align-items: flex-start
}

.slider-wrapper .slider-items {
	/* Slide effect test */
	white-space: nowrap;
	display: block;
}

.slider-wrapper .slider-item {
	display: inline-flex;
	text-align: center;
	transition: transform 0.5s;
	margin: 0;
	white-space: normal;
}
/* Switch example chooser */
@media (max-width: 1024px) {
	#section2 .slider-wrapper {
		display: flex;
		align-items: flex-start;
	}
	#section2 .tabs {
		display: none;
	}

	#section2 .tabs-footer {
		display: none;
	}

	.arrow-down.padding-right {
		display: none;
	}

	#section2 .intro.block-min.right {
		max-width: none;
	}
}

#section2 .slider-wrapper .slider-item {
	justify-content: left;
}

#section2 .slider-wrapper .slider-item a {
	text-decoration: none;
}

#section2 .slider-wrapper .slider-item .title {
	font-size: 1.458em;
	display: inline-block;
}

#section2 .slider-wrapper .slider-item .desc {
	color: #a65cb7;
	display: block;
	font-size: 1.083em;
}

#section2 .slider-wrapper .slider-left,
#section2 .slider-wrapper .slider-item,
#section2 .slider-wrapper .slider-right {
	align-items: flex-start;
	justify-content: center;
}

#section2 .slider-wrapper .slider-left svg,
#section2 .slider-wrapper .slider-right svg {
	fill: white;
}

@media (max-width: 640px) {
	.overlay .overlay-wrapper {
		height: 100%;
		left: 0;
		background-color: white;
	}

	.overlay .testimonial-source {
		margin-bottom: 1em;
	}

	.overlay .overlay-box {
		max-width: 100%;
		padding: 1em;
		border: 0;
	}

	.overlay .overlay-spacer {
		flex-grow: 1;
	}

	#section0 .intro {
	   padding-left: 0;
	   padding-right: 0;
	}

	#section0-0 {
		min-height: 20em;
	}

	#section2 .intro {
		display: inline;
		max-width: 80%;
	}

	#section2 #first-tab-group {
		padding-right: 2em;
		padding-top: 0;
	}

	#section2 .block50 {
	  padding-left: 0;
		padding-right: 0;
	}

	#section3 .testimonials-container .testimonial {
		width: 100%;
		margin-right: 0;
	}

	#section3 .testimonials-container {
		margin: 0em 0 1em 0;
	}

	#section3 .wider-container {
		max-width: 100%;
		padding-left: 2em;
		padding-right: 2em;
		padding-bottom: 1em;
	}

	#section4 {
		padding: 0 2em;
	}

	#section4 .map {
		width: auto;
	}

	#section4 .statistics {
		width: 100%;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	#section4 .statistics .category-group {
		flex-wrap: wrap;
		width: 100%
	}

	#section4 .statistics .category {
		flex-grow: 1;
		margin-left: 0;
		margin-right: 0;
	}

	header {
		background: #fff !important;
		color: #28244b;
		box-shadow: 0 4px 3px 0 rgba(35,40,45,.08);
	}

	#menu li {
		color: #28244b;
	}

	#menu .active {
		border-color: #ffffff;
	}

	#menu .logo-svg {
		font-size: 0.6em;
	}
	#menu label {
		font-size: 0.8em;
	}

	#menu label {
		margin-top: 0;
	}

	.overlay .overlay-box .testimonial-statement {
		/* Probably needs adjustments */
		font-size: 0.786em;
	}
}