/* CSS Document */
/*Ideally this CSS will replace the orignal main.css and will operate independently of it  */

/*@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400italic,400,300,700);*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
/* @import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700); */

body,
html {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	color: #354759;
	font-size: 16px;
	height: 100%;
	font-weight: 400;
	line-height: 1.6em;
}

hr {
	border: none;
	height: 0px;
	border-top: 1px solid #ccc;
}

h1 {
	color: #354759;
	font-size: 38px;
	margin: 8px 0;
	text-transform: uppercase;
	line-height: 44px;
}

h2 {
	text-transform: uppercase;
	font-size: 38px;
	line-height: 45px;
	margin: 15px 0;
}

h3 {
	font-size: 27px;
	text-transform: uppercase;
	line-height: 30px;
	margin: 17px 0;
	font-weight: bold;
}

h4 {
	font-size: 20px;
	margin: 14px 0;
	text-transform: uppercase;
	line-height: 1.2em;
}

h5 {
	font-size: 14px;
	margin: 15px 0;
}

a {
	color: #3681b5;
	text-decoration: none;
	cursor: pointer;
}

img {
	border: 0;
	height: auto;
	max-width: 100%;
}

video {
	width: 100%;
	height: auto;
	max-width: 600px;
}


img.responsiveImage {
	float: right !important;
	margin: 20px !important;
	max-width: 50% !important;
}

p.smaller {
	font-size: 11px;
	line-height: 13px;
}

.flex {
	display: flex;
}

.ui-datepicker,
.ui-datepicker div,
.ui-datepicker a,
.ui-datepicker p,
.ui-datepicker button {
	border-radius: 0px !important;
}

.ui-widget-header {
	background-color: #6a7485 !important;
	background-image: none !important;
}

.clearFix,
.clearfix {
	clear: both;
	height: 0;
	margin: 0;
	display: block !important;
}

.bold {
	font-weight: 500;
}

.ultrabold {
	font-weight: 800;
}

.container {
	width: 1366px;
	margin: 0 auto;
	position: relative;
	max-width: 100%;
}

.desktopOnly {
	display: inline;
}
.mobileOnly {
	display: none;
}

.containerContent {
	background-color: #f1f1f1;
	padding: 10px;
	margin-top: 8px;
	border-top: 4px solid #FFFFFF;
	position: relative;
	overflow: hidden;
}

.announcementBanner.warning {
	display: none;
	color: white;
	max-width: 1366px;
	margin: 0 auto 15px;
	position: relative;
	width: 100%;
}

#page_wrap {
	position: relative;
	flex: 1 1 auto;
}

.pageShift {
	left: 247px;
}

#headerOuter {
	background-color: #FFF;
	color: #b8babc;
	max-width: 100%;
	position: relative;
}

.headerTab {
	width: 18%;
	float: left;
	text-align: center;
	position: relative;
	height: 85px;
	padding-top: 4px;
	color: #575757;
	cursor: pointer;
}

.headerTab.logo {
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	-moz-transition: 0.4s;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.headerTab:hover {
	color: #939597;
}

.headerTab.center {
	width: 28%;
	padding-top: 0px;
}

.menuOpen,
.itemSelected {
	background-color: #495969;
	color: #FFFFFF !important;
}

.mainHeaderIcon {
	margin-top: 16px;
	height: 24px;
	font-size: 24px !important;
	margin-bottom: 2px;
}

.oct-icon-three-bars.mainHeaderIcon:before {
	margin-left: 3px;
}

.mainHeaderIcon[class^="icon-"],
.mainHeaderIcon[class*=" icon-"] {
	font-size: 32px !important;
}

.headerIcon {
	position: relative;
}

/*
.headerIcon .fa {
	margin-top:18px;
	height:38px;
	font-size:24px;
}
*/
.headerTab img {
	margin: 9px 0;
}

.headerTab .text {
	font-size: 15px;
	line-height: 1.4em;
}

.headerTab.selected {
	border-top: 4px solid #e95857;
}

.homeSlider .slick-arrow {
	display: none !important;
}

.slick-arrow {
	position: absolute;
	z-index: 100;
	bottom: 25px;
	margin: 15px;
	background-color: transparent;
	color: transparent;
	border: none;
	background-size: initial;
	background-position: center;
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	padding: 20px;
	overflow: hidden;
}

.slick-next {
	right: 7px;
	background-image: url(/assets/img/Slidernext.png);
	margin-right: 0px;
}

.slick-prev {
	left: 7px;
	background-image: url(/assets/img/Sliderprev.png);
	margin-left: 0px;
}

.homeMainSlider {
	margin-bottom: 0 !important;
	/*width: 73%;
	max-width:950px;
	box-shadow:none !important;
	border:none !important;
	min-width: 948px;
    margin: 0 auto !important;*/
}

.homeMainSlider .item {
	position: relative;
}

.homeMainSlider .sliderText {
	margin: auto;
	position: absolute;
	top: 40%;
	transform: translateY(-50%);
	left: 49px;
	max-width: 70%;
	padding: 10px 15px;
}

.homeMainSlider .sliderText div {
	color: #FFFFFF;
	font-size: 39px;
	font-weight: 500;
	line-height: 1.1em;
	margin: 0;
	background-color: rgba(118, 189, 35, 0.85);
	padding: 10px 23px;
	margin-top: 25px;
	margin-left: -15px;
	text-transform: uppercase;
}

.typicalHeroText {
	color: #FFFFFF;
	font-size: 39px;
	font-weight: 500;
	line-height: 1.1em;
	margin: 0;
	padding: 10px 15px;
	text-transform: uppercase;
}

.typicalHeroSpace {
	margin: auto;
	position: absolute;
	top: 70%;
	transform: translateY(-50%);
	/*left: 24%;*/
	left: 49px;
	max-width: 70%;
	padding: 10px 15px;
	z-index: 100;
	background-color: rgba(118, 189, 35, 0.85);
	;
}

#homeHeroText.typicalHeroSpace {
	top: 81% !important;
}

.landing.typicalHeroSpace {
	top: 81%;
}

.typicalHero {
	position: relative;
}

.tabbed4sections {
	margin-bottom: 90px;
}

.tabbed4sections .section {
	width: calc(23% - 2px);
	padding: 3px 1%;
	float: left;
	text-align: center;
	background-color: rgba(118, 189, 35, 1.00);
	border-right: 2px solid #FFFFFF;
	color: #FFFFFF;
	padding-bottom: 10px;
	border-top: 3px solid #FFFFFF;
	height: 65px;
	cursor: pointer;
}

.tabbed4sections .section:nth-child(4) {
	width: 23%;
	border-right: none;
}

.tabbed4sections .text {
	line-height: 1em;
	margin-top: 5px;
}

.tabbed4sections .section.grey {
	background-color: #aab3bb;
}

.tabbed4sections .section.green {
	background-color: #76bd22;
}

.tabbed4sections .section.blue {
	background-color: #385d77;
}

.tabbed4sections .section:hover {
	background-color: #5D961A !important;
}

.tabbed4sections .section.grey:hover {
	background-color: #8E9498 !important;
}

.tabbed4sections .section.green:hover {
	background-color: #5D961A !important;
}

.tabbed4sections .section.blue:hover {
	background-color: #2B475B !important;
}

.tabbed4sections .section .icon {
	font-size: 25px;
	padding-top: 9px;
}

#homeHeaderText {
	font-size: 22px;
	line-height: 1.4em;
	color: #385d77;
	font-weight: 500;
	margin-bottom: 36px;
	margin-top: 5px;
}

#homeHeaderText strong {
	font-weight: 800;
}

.homeText {
	color: #354759;
	margin: 10px 0;
}

.homeContainer {
	width: 87%;
	margin-left: 13%;
	font-size: 16px;
	line-height: 1.8em;
}

.homeContainer2 {
	width: 74%;
	margin-left: 13%;
	font-size: 16px;
	line-height: 1.8em;
}

.autoLabel {
	display: block !important;
	clear: both !important;
	float: none !important;
	margin-bottom: -5px;
}

.autoLabel+input+.authenticationError,
.autoLabel+select+.authenticationError {
	top: 29px;
}


/* Trial members css */

.trialShow {
	display: none !important;
}

.trialHide {
	display: inline-block !important;
}


.isTrial .trialShow {
	display: inline-block !important;
}

.isTrial .trialHide {
	display: none !important;
}

.memberBenefits {
	font-size: 18px;
	line-height: 1.4em;
}

.memberzoneHeader {
	width: 70%;
}

.memberBoxRight {
	position: absolute;
	z-index: -1;
	/*	width: 205px;*/
	right: 0;
	/*	margin-right: 2%;
	margin-top:20px;*/
	bottom: -14px;
}

.memberBoxContain h4 {
	font-weight: 500;
	font-size: 22px;
	margin: 18px 0;
	text-align: center;
	text-transform: uppercase !important;
}

.memberBoxRight img {
	max-height: 100%;
}

.memberBorderRed {
	border: 3px solid #e95857;
}

.memberBorderGrey {
	border: 3px solid #aab3bb;
}

.memberBorderGold {
	border: 3px solid #DAA520;
}

.memberBorderBlue {
	border: 3px solid #385d77;
}

.memberBoxMainContent {
	min-height: 430px;
	padding: 10px;
}

.memberBoxMainContent.insure {
	min-height: 305px;
}

.memberBoxMainContent ul {
	/*	padding-left:14px;	*/
}

.memberBoxHeaderRed,
.memberBoxFooterRed {
	background-color: #e95857;
	padding: 1px 0;
	color: #fff;
}

.memberBoxHeaderGrey,
.memberBoxFooterGrey {
	background-color: #aab3bb;
	padding: 1px 0;
	color: #fff;
}

.memberBoxHeaderGold,
.memberBoxFooterGold {
	background-color: #DAA520;
	padding: 1px 0;
	color: #fff;
}

.memberBoxHeaderBlue,
.memberBoxFooterBlue {
	background-color: #385d77;
	padding: 1px 0;
	color: #fff;
}

.smallContainer {
	/*width:1013px;
	max-width:100%;*/
	width: 88%;
	/*max-width:1013px;*/
	margin: 0 auto;
	position: relative;
}

.smallContainer h4 {
	font-weight: normal;
}

.memberBoxContain {
	width: 30.66%;
	float: left;
}

Content {
	min-height: 420px;
	padding: 0 10px;
	font-size: 16px;
}

/*.memberBoxSmall .memberBoxMainContent {
	min-height: 250px !important;
}*/

.memberBoxTable td {
	padding-bottom: 8px;
}

.memberBoxMainContent p strong {
	text-transform: uppercase;
}

.memberBoxMainContent p {
	line-height: 18px;
}

.memberBoxMoreInfo {
	text-align: center;
	font-weight: bolder;
	font-size: 20px;
	letter-spacing: -1px;
	transition: 0.2s;
}

.memberBoxMoreInfo:hover {
	letter-spacing: 1px;
	cursor: pointer;
}

.contentBlack h1,
.contentBlack h2,
.contentBlack h3,
.contentBlack h4 {
	color: #4b4c4c;
}

.contentRed h1,
.contentRed h2,
.contentRed h3,
.contentRed h4 {
	color: #e95857;
}

.contentGreen h1,
.contentGreen h2,
.contentGreen h3,
.contentGreen h4 {
	color: #64b428;
}

.container .subContentBlue h1,
.container .subContentBlue h2,
.container .subContentBlue h3,
.container .subContentBlue h4 {
	color: #354759;
}

.subContentBlue .fqQuestion {
	border-color: #354759;
}

.contentGreen .orderHistory h3 {
	color: #8ed550;
}

.memberBorderBlue .memberBoxMoreInfo {
	border-top: 3px solid #385d77;
	color: #385d77;
}

.memberBorderRed .memberBoxMoreInfo {
	border-top: 3px solid #e95857;
	color: #e95857;
}

.memberBorderGrey .memberBoxMoreInfo {
	border-top: 3px solid #aab3bb;
	color: #aab3bb;
}

.memberBorderGold .memberBoxMoreInfo {
	border-top: 3px solid #DAA520;
	color: #aab3bb;
}

.memberBoxHeaderRed,
.memberBoxFooterRed {
	background-color: #e95857;
	padding: 1px 0;
	color: #fff;
	transition: 0.2s;
}

.memberBoxContain h4 {
	color: #FFFFFF;
}

.memberBoxHeaderGrey,
.memberBoxFooterGrey {
	background-color: #aab3bb;
	padding: 1px 0;
	color: #fff;
	transition: 0.2s;
}

.memberBoxHeaderGold,
.memberBoxFooterGold {
	background-color: #DAA520;
	padding: 1px 0;
	color: #fff;
	transition: 0.2s;
}

.memberBoxHeaderBlue,
.memberBoxFooterBlue {
	background-color: #385d77;
	padding: 1px 0;
	color: #fff;
	transition: 0.2s;
}

.memberBoxFooterBlue:hover {
	background: #497a9c;
	cursor: pointer;
	letter-spacing: 1px;
}

.memberBoxFooterRed:hover {
	background: #ed7878;
	cursor: pointer;
	letter-spacing: 1px;
}

.memberBoxFooterGrey:hover {
	background: #d5dadd;
	cursor: pointer;
	letter-spacing: 1px;
}

.memberBoxFooterGold:hover {
	background: #FFD700;
	cursor: pointer;
	letter-spacing: 1px;
}

.memberBenefits ul {
	padding-left: 0;
}


.memberBenefits .fa {
	font-size: 17px;
}

.homeCol1 {
	width: 55%;
	float: left;
}

.homeCol2 {
	width: 25%;
	margin-left: 7%;
	float: left;
}

.joinRenewBox {
	overflow: hidden;
	margin-top: 16px;
	max-width: 300px;
}

.joinRenewBox a:first-child {
	background-color: rgba(118, 189, 35, 1.00);
	color: #FFFFFF;
	margin-bottom: 40px;
	width: 100%;
	display: block;
	padding: 6px 0;
	padding-left: 40px;
	font-size: 22px;
	font-weight: 600;
}

.joinRenewBox a:hover:first-child {
	background-color: #5D961A;
}

.joinRenewBox a:nth-child(2) {
	background-color: #385d77;
	color: #FFFFFF;
	width: 100%;
	display: block;
	padding: 6px 0;
	padding-left: 40px;
	font-size: 22px;
	font-weight: 600;
}

.joinRenewBox a:hover:nth-child(2) {
	background-color: #2B475B;
}

/* membership pathway stuff */

#membershipCalculator {
	position: fixed;
}

/* new membership form */
.contentGreen .advancedForm .advancedFormTitle>h2 {
	background-color: #64b428;
}

#membershipForm.advancedForm .advancedInput input[type="text"]:focus,
#membershipForm.advancedForm .advancedInput input[type="password"]:focus {
	border-color: #394d61 !important;
}

#membershipForm.advancedForm .advancedInput select:focus {
	border-color: #394d61 !important;
}

#membershipForm.advancedForm .advancedInput input[type="text"]:focus+label,
#membershipForm.advancedForm .advancedInput input[type="password"]:focus+label {
	color: #394d61 !important;
}

#membershipForm.advancedForm .advancedInput select:focus+label {
	color: #394d61 !important;
}

#membershipForm.advancedForm .advancedInput textarea:focus {
	border-color: #394d61 !important;
}

#membershipForm.advancedForm .advancedInput textarea:focus+label {
	color: #394d61 !important;
}

#membershipForm.advancedForm .advancedOptions input[type="radio"]:checked+label>i {
	color: green;
}

#membershipForm.advancedForm .advancedCheckbox input[type="checkbox"]:hover+label:before {
	background-color: #394d61 !important;
}

#membershipForm.advancedForm .advancedCheckbox input[type="checkbox"]:checked+label:before {
	background-color: #394d61 !important;
}

#membershipForm .advancedFormTitle img {
	width: 36px;
}

#membershipForm.advancedForm .selectedLabel label {
	top: 3px;
    color: #a4a4a4;
    padding: 2px 5px;
    font-size: 14px;
    line-height: 14px;
    background-color: #fff;
}


/* Stripe payment module */

:root {
	--gray-offset: rgba(0, 0, 0, 0.03);
	--gray-border: rgba(0, 0, 0, 0.15);
	--gray-light: rgba(0, 0, 0, 0.4);
	--gray-mid: rgba(0, 0, 0, 0.7);
	--gray-dark: rgba(0, 0, 0, 0.9);
	--body-color: var(--gray-mid);
	--headline-color: var(--gray-dark);
	--accent-color: #0066f0;
	--body-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
	--radius: 6px;
	--form-width: 600px;
}

#stripe-payment-module {}

#payment-element {
	padding: 0 40px 20px;
}

#payment-submit {
	display: none;
}

#payment-element.StripeElement~#payment-submit {
	width: calc(100% - 80px);
	display: block;
}

#payment-submit {
	background: var(--accent-color);
	border-radius: var(--radius);
	color: white;
	border: 0;
	padding: 18px;
	margin-top: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
	margin: 20px 40px;
	font-size: 20px;
}

#payment-submit:hover {
	filter: contrast(115%);
}

#payment-submit:active {
	transform: translateY(0px) scale(0.98);
	filter: brightness(0.9);
}

#payment-submit:disabled {
	opacity: 0.5;
	cursor: 'not-allowed';
}

#payment-submit .button-text.hidden {
	display: none;
}

#payment-submit .spinner.hidden {
	display: none;
}

#payment-submit .spinner,
#payment-submit .spinner:before,
#payment-submit .spinner:after {
	border-radius: 50%;
}

#payment-submit .spinner {
	color: #ffffff;
	font-size: 22px;
	text-indent: -99999px;
	margin: 0px auto;
	position: relative;
	width: 20px;
	height: 20px;
	box-shadow: inset 0 0 0 2px;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

#payment-submit .spinner:before,
#payment-submit .spinner:after {
	position: absolute;
	content: "";
}

#payment-submit .spinner:before {
	width: 10.4px;
	height: 20.4px;
	background: var(--accent-color);
	border-radius: 20.4px 0 0 20.4px;
	top: -0.2px;
	left: -0.2px;
	-webkit-transform-origin: 10.4px 10.2px;
	transform-origin: 10.4px 10.2px;
	-webkit-animation: loading 2s infinite ease 1.5s;
	animation: loading 2s infinite ease 1.5s;
}

#payment-submit .spinner:after {
	width: 10.4px;
	height: 10.2px;
	background: var(--accent-color);
	border-radius: 0 10.2px 10.2px 0;
	top: -0.1px;
	left: 10.2px;
	-webkit-transform-origin: 0px 10.2px;
	transform-origin: 0px 10.2px;
	-webkit-animation: loading 2s infinite ease;
	animation: loading 2s infinite ease;
}

#billingDetails .advancedInput label{
	position: relative;
	top: -3px;
    left: 0;
	margin: 10px auto;
	height: 0;
	font-size: 14px;
	display: block;

}

#billingDetails .advancedInput input{
  padding: 12px;
  height: 45px;
  margin-bottom: 5px;
  margin-left: 0;
  width: 100%;
}

#billingDetails .advancedInput select{
  padding: 12px;
  height: 45px;
  margin-bottom: 5px;
  margin-left: 0;
  width: 100%;
}

#billingDetails fieldset{
	margin: 20px 40px;
	padding: 10px 25px 25px;
}

#membershipForm.advancedForm #billingDetails .help-block.form-error{
	margin: 0;
}


@-webkit-keyframes loading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes loading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}


.membershipStages {
	border: 1px solid #ababab;
	display: flex;
	flex-direction: row;
	color: #394d61;
	align-items: center;
	justify-content: space-around;
	width: 100%;
}

.membershipStages a {
	color: #394d61;
}

.advancedForm .paymentNotice{
	margin-top: -25px;
	margin-bottom: 40px;
}


.infoBox {
	margin-top: 20px;
	position: relative;
	padding-top: 24px;
}

.infoBox.blueBox {
	background-color: #bed8ef;
}

.infoBox.redBox {
	background-color: #f8cbae;
}

.infoBox.greyBox {
	background-color: #e7e7e7;
}

.infoBox.greenBox {
	background-color: #c5e0b5;
}

.infoBox.purpleBox {
	background-color: #F5C1E7;
}

.infoBox h4 {
	padding: 10px 25px;
	margin: 0;
	display: inline-block;
	position: absolute;
	top: -20px;
	text-transform: none;
	line-height: 1.6em !important;
}

.infoBox.blueBox h4 {
	background-color: #3d5b74;
	color: #fff;
}

.infoBox.redBox h4 {
	background-color: #e95857;
	color: #fff;
}

.infoBox.greyBox h4 {
	background-color: #7d7d7d;
	color: #fff;
}

.infoBox.greenBox h4 {
	background-color: #76bd23;
	color: #fff;
}

.infoBox.purpleBox h4 {
	background-color: #B41E8E;
	color: #fff;
}

.infoBox>div,
.infoBox>p,
.membershipPage .membershipDetailsPage .infoBox>div,
.membershipPage .membershipDetailsPage .infoBox>p {
	font-size: 16px;
	height: 100%;
	font-weight: 400;
	line-height: 1.6em;
}

.infoBox>div:nth-child(2),
.infoBox>p:nth-child(2) {
	padding-top: 20px;
	margin-top: 0;
}

.infoBox>div,
.infoBox>p {
	padding: 0 25px;
}

.infoBox>div:last-child,
.infoBox>p:last-child {
	padding-bottom: 20px;
	margin-bottom: 0;
}

.columns .threeQuarter.column {
	width: 75%;
}

.sponsorRow {
	border-top: 2px solid #e2e0e0;
	padding: 10px 0;
	box-sizing: border-box;
}

.sponsorRow:last-of-type {
	border-bottom: 2px solid #e2e0e0;
}


.sponsorRow img {
	padding-top: 15px;
	width: 80%;
}

.ambassadorTable td {
	vertical-align: top;
}

.ambassadorTable td h3 {
	margin-top: 0;
}

.textCentre td {
	vertical-align: top;
}

.textCentre h3 {
	margin-top: 0;
}

.short-discriptioncontner h3 {
	margin-top: 0;
}

.pensionsContainer {
	padding: 0 4%;
	max-width: 92%;
	z-index: 100;
}

/* .typicalHeroImage {
	width: 100% !important;
} */

ul.turquoiseBullet li::before {
	color: #7cc4a4 !important;
}


@media(max-width:1200px) {
	.membershipStages {
		display: none;
	}
}

.membershipStages>div {
	padding: 4px;
	margin-right: 5px;
	position: relative;
}

.membershipStages>div.current {
	font-weight: bold;
}

.membershipStages>div.current .numberCircle {
	background-color: #64b428;
}

.membershipStages>div:first-child:before {
	top: 37px;
}

.membershipStages>div:last-child:before {
	content: none;
}

.membershipStages>div:before {
	content: '';
	width: 50px;
	height: 59px;
	background: transparent;
	position: absolute;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: top right;
	top: 18px;
	margin: 0;
	right: -48px;
	border-right: #C9C9C9 solid 1px;
	border-top: #C9C9C9 solid 1px;
	z-index: 499;
}

/* .membershipStages > div:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 32px solid #fff;
    border-bottom: 33px solid #fff;
    border-left: 33px solid #fff;
    position: absolute;
    top: 0px;
    right: 0px;
} */


.numberCircle {
	width: 32px;
	line-height: 32px;
	border-radius: 50%;
	text-align: center;
	font-size: 19px;
	background-color: #e0e0e0;
	color: white;
	display: inline-block;
	margin-right: 5px;
}

.grecaptcha-badge {
	z-index: 500;
}

.membershipPathwayStart.deskOnly {
	background-image: url(/assets/img/membershipStartDesktop.png);
	padding: 150px 0 50px 0;
	background-size: cover;
	background-position: bottom;
}

.membershipPathwayStart.deskOnly .membershipPathwayButton {
	max-width: 400px;
	margin: auto;
	margin-top: -30px;
	z-index: 10;
}

.membershipPathwayStart.deskOnly p a {
	color: inherit;
	text-decoration: underline;
}

.membershipBenefits {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.membershipBenefits .fa-info {
	background-color: #e95857;
}

@media(min-width:950px) {
	.membershipBenefitsContent {
		margin-top: -20px;
	}
}

.mpHeading {
	text-transform: none;
	text-align: center;
	color: inherit !important;
	padding: 10px;
}

.advancedMembershipOption {
	margin: 20px 40px;
	border: 3px solid #394d61;
	border-radius: 8px;
	padding: 0px;
}

.advancedMembershipOption .advancedMembershipTitle {
	background-color: #394d61;
	color: #fff;
	width: calc(100% + 2px);
	text-align: center;
	padding: 24px 10px;
	font-size: 26px;
	font-weight: bold;
	box-sizing: border-box;
	border: none;
	margin: -1px;
}

.advancedMembershipOption>a {
	background-color: #E95857;
	display: block;
	color: #fff;
	width: calc(100% - 20px);
	margin-left: 10px;
	margin-bottom: 10px;
	text-align: center;
	padding: 20px 10px;
	box-sizing: border-box;
	font-size: 20px;
	line-height: 20px;
	border-radius: 5px;
}

.advancedMembershipTitle h4 {
	color: #64b428;
}

.advancedMembershipOption.membershipPathway>a {
	background-color: #394d61;
}

.membershipPathwayButton {
	background-color: #64b428;
	display: block;
	color: #fff;
	width: calc(100% - 60px);
	margin-left: 20px;
	margin-bottom: 25px;
	text-align: center;
	padding: 20px 10px;
	box-sizing: border-box;
	font-size: 20px;
	line-height: 20px;
	border-radius: 5px;
	cursor: pointer;
}

.membershipPathwayButton.disabled {
	background-color: #aaa;
}

#textContainer {
	width: calc(100% - 425px);
	margin-right: 25px;
}

#imageContainer {
	width: 400px;
}

.pensionColor {
	background-color: #7cc4a4;
}

@media(max-width:1000px) {
	#textContainer {
		width: 100%;
	}

	#imageContainer {
		width: 100%;
		text-align: center;
		margin-top: 30px;
	}

	.desktopOnly {
		display: none;
	}
	.mobileOnly {
		display: block;
	}
}

@media(min-width:950px) {
	.membershipPathwayButton {
		margin-left: 40px;
		width: calc(100% - 80px);
	}
}

#membershipCalculator {
	margin: 0;
	width: 225px;
	position: sticky;
	top: 60px;
}

#membershipCalculator .switch {
	background-color: #152536;
	color: #dedede;
	border-radius: 4px;
	text-transform: uppercase;
	font-size: 10px;
	padding: 5px;
	cursor: pointer;
}

#membershipCalculator .switch.selected {
	background-color: white;
	color: #e95857;
	border-radius: 4px;
	padding: 7px;
}

/* #membershipCalculator span, #membershipCalculator h4 {
	text-align: left;
} */

#membershipCalculator .totalPrice,
#membershipCalculator .monthlyPrice {
	font-size: 120%;
}

.advancedMembershipOption>a>span {
	font-size: 11px;
}

.advancedMembershipOption>h4 {
	font-size: 50px !important;
	line-height: 50px !important;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 0px;
	color: #394d61;
}

.advancedMembershipOption>p {
	text-align: center;
	font-size: 20px;
	line-height: 18px;
	margin-bottom: 20px !important;
}

.advancedMembershipOption .advancedMembershipOr {
	display: flex;
	justify-content: center;
	margin: 20px 0px;
}

.advancedMembershipOption .advancedMembershipOr>div {
	display: flex;
	align-items: center;
	margin: 0px 30px;
}

.advancedMembershipOption .advancedMembershipOr>div>span {
	width: 50px;
	height: 4px;
	display: block;
	background-color: #394d61;
	border-radius: 5px;
}

.advancedMembershipOption .advancedMembershipOr>span {
	color: #fff;
	background-color: #394d61;
	width: 60px;
	height: 60px;
	display: flex;
	border-radius: 100%;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 20px;
}

.advancedMembershipOption.membershipPathway h2 {
	text-transform: none;
	color: inherit;
	text-align: center;
	font-size: 34px !important;
	line-height: 34px !important;
}

.advancedMembershipOption.membershipPathway h3 {
	text-transform: none;
	text-align: center;
	color: inherit;
}

.advancedMembershipOption.membershipPathway .costs {
	display: flex;
	justify-content: space-around;
	margin-top: 40px;
}

.advancedMembershipOption.membershipPathway .membershipCost {
	font-size: 140%;
}

.advancedMembershipOption.membershipPathway .membershipCost span.per {
	font-size: 60%;
}

/* .advancedMembershipOption.membershipPathway .membershipCost > span.totalCost {
	font-size: 100%;
}

.advancedMembershipOption.membershipPathway .membershipCost > span.totalCostFli {
	font-size: 100%;
} */

.advancedMembershipOption.membershipPathway .membershipCostOr {
	color: #e95857;
	background-color: white;
	width: 50px;
	height: 50px;
	display: flex;
	border-radius: 100%;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 20px;
}

.advancedMembershipOption.membershipPathway {
	margin-bottom: 20px !important;
}

.advancedMembershipOption.membershipPathway a {
	margin-top: 12px !important;
}

.advancedMembershipOption.membershipPathway .nextAmountPayable {
	font-size: 80%;
	font-style: italic;
	font-weight: normal;
	margin-top: 15px;
}

#alternativeMembershipOptions h2,
#alternativeMembershipOptions h3,
#alternativeMembershipOptions .advancedMembershipTitle {
	opacity: 0.5;
}

/* end membership pathway stuff */

.homeAdvert {
	margin-top: 45px;
	border-top: 5px solid #f1f1f1;
	border-bottom: 5px solid #f1f1f1;
	background-image: url(https://britishgrooms.org.uk/assets/img/Home%20page%20FL.png);
	background-size: cover;
	background-position: left center;
	height: 325px;
	position: relative;
	width: calc(50% - 5px);
	float: left;
	margin-right: 5px;
	overflow: hidden;
}

.homeAdvert.secondAdvert {
	background-image: url(/assets/img/bgaBannerLarge3.jpg);
}

.homeAdvert img {
	display: block;
	width: 100%;
}

.homeAdvertText {
	position: absolute;
	line-height: 1.3em;
	font-size: 32px;
	height: 70%;
	top: 0;
	width: calc(100% - 20%);
	bottom: 0;
	margin: auto 10%;
	text-shadow: 0PX 0px 30PX rgba(0, 0, 0, 0.1);
	color: #FFFFFF;
}

.homeAdvertText a {
	padding: 7px 15px;
	color: #FFFFFF;
	background-color: #ff7700;
	font-size: 22px;
	font-weight: 600;
	display: block;
	margin-top: 53px;
	margin-left: 0px;
	line-height: 1.2em;
	bottom: 0;
	position: absolute;
}

.secondAdvert .homeAdvertText a {
	background-color: rgba(118, 189, 35, 1.00);
}

.secondAdvert .homeAdvertText a:hover {
	background-color: #5D961A !important;
}

.homeAdvertText p {
	margin: 0;
}

.homeAdvertText a:hover {
	background-color: #595F64;
}

.newsCategories {
	list-style: none;
	margin: 0;
	margin-bottom: 5px;
	padding-left: 0;
}

#categoryHeader {
	font-size: 20px;
	margin-bottom: 20px;
	height: 25px;
	margin-top: 0;
	font-weight: bold;
	text-transform: uppercase;
	color: #656768;
	line-height: 1em;
	border-bottom: 1px solid #ccc;
	display: block;
	width: 100%;
	margin-right: 20px;
}

.newsCategories .selected a {
	color: #354759;
}

.mainMenuContainer {
	background-color: #495969;
	height: calc(100% - 89px);
	position: absolute;
	z-index: 500;
	left: -750px;
	right: 0;
	top: 89px;
	overflow: hidden;
	width: 245px;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	-moz-transition: 0.8s;
	-webkit-transition: 0.8s;
	transition: 0.8s;
	min-width: 18%;
	max-width: 500px;
}

.mainMenuOpen {
	left: 0;
}

.headerTab.menu {
	cursor: pointer;
}

#headerSearch {
	margin-left: 8%;
	padding-left: 2%;
	float: right;
}

.searchBar {
	overflow: hidden;
	background-color: #495969;
	width: 100%;
	margin: 0;
	padding: 10px 0;
	position: relative;
	border-bottom: 3px solid #eaeaea;
	left: 4500px;
	-o-transition: left 1s;
	-ms-transition: left 1s;
	-moz-transition: left 1s;
	-webkit-transition: left 1s;
	transition: left 1s;
	position: absolute;
	z-index: 150;
}

.searchOpen {
	left: 0;
}

.searchBar input {
	width: 90%;
	margin: 0 auto;
	display: block;
	height: 50px;
	background-color: transparent;
	border: none;
	color: #dbdde0;
	font-weight: 100;
	font-size: 25px;
}

.searchBar input:focus {
	outline: none;
}

.searchBar span {
	content: '\f054';
	font-family: fontAwesome;
	position: absolute;
	top: 0;
	right: 8%;
	bottom: 0;
	margin: auto;
	height: 30px;
	font-size: 18px;
	padding: 10px 20px;
	cursor: pointer;
}

.searchBar span:after {
	content: '\f054';
	font-family: fontAwesome;
	font-size: 18px;
	cursor: pointer;
}

.mainMenu li ul {
	display: none;
	padding-left: 0;
	background-color: #697484;
	height: 100%;
	width: 100%;
}

.mainMenu li ul li ul {
	background-color: #7d8e9d;
}

.mainMenu li ul li ul li ul {
	background-color: #92A0AD;
}

.mainMenu li ul li ul li ul li ul {
	background-color: #AAB5BF;
}


.mainMenu .childrenOpen {
	height: 100%;
}

.mainMenu .childrenOpen ul .childrenOpen {
	background-color: #697484;
}

.mainMenu .childrenOpen ul .childrenOpen ul .childrenOpen {
	background-color: #7d8e9d;
}

.mainMenu .childrenOpen ul .childrenOpen ul .childrenOpen ul .childrenOpen {
	background-color: #92A0AD;
}

.mainMenu li ul li {
	border: none;
}

.mainMenu li {
	text-transform: uppercase;
	font-size: 15px;
	line-height: 1em;
	width: 100%;
	position: relative;
}

.mainMenu li,
.mainMenu a {
	color: #FFFFFF;
	list-style: none;
}

.mainMenu a,
.mainMenu span {
	cursor: pointer;
	width: 71%;
	display: block;
	margin: 0 auto;
	padding-top: 20px;
	line-height: 1.5em;
	margin-right: 46px;
	position: relative;
}

.mainMenu a:after,
.mainMenu span:after {
	content: '';
	height: 1px;
	background-color: #FFF;
	display: block;
	width: 121%;
	margin-left: -11px;
	margin-top: 22px;
}

.mainMenu {
	padding: 0;
	height: 100%;
	width: 100%;
}

.mainMenu .hasChildren ul li a:after,
.mainMenu .hasChildren ul li span:after {
	content: '';
}

/*.open:before, .hasChildren span:before, .hasChildren ul .hasChildren span:before, .hasChildren ul .hasChildren a:before   {
	content:'\f054';
	float:right;
	font-family:fontAwesome;

	.hasChildren ul li a:before, .hasChildren ul li  span:before {
		content:'';
	}
}*/

.mainMenu .hasChildren>span:before,
.mainMenu .hasChildren>a:before {
	content: '\f054';
	font-family: fontAwesome;
	right: -25px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 22px;
	position: absolute;
}

.mainMenu .hasChildren .open:before {
	content: '\f053 ';
	float: right;
	font-family: fontAwesome;
}

.nav_sidebar .hasChildren span {
	cursor: pointer;
}

.basketProduct td {
	background-color: #f1f1f1;
	border: 4px solid #FFFFFF;
	vertical-align: top;
	padding: 14px 10px;
}

.basketProduct h3 {
	margin: 0;
}

.basketButton {
	font-size: 20px;
	font-weight: bold;
	color: #354759;
	margin: 0;
	padding-left: 6px;
}

.basketSize {
	display: block;
	border: 1px solid #ccc;
	margin: 5px 17px 5px 0;
	width: 33px;
	height: 33px;
	text-align: center;
	font-size: 14px;
	line-height: 33px;
	font-weight: 500;
}

#productDetail h3 {
	font-size: 23px;
	color: #263a4d;
	margin: 10px 0;
	line-height: 1.0em;
}

#addToBasketSuccess {
	background-color: #697484;
	color: #FFFFFF;
	padding-left: 50px;
	padding-right: 15px;
	padding-bottom: 10px;
	position: relative;
}

#addToBasketSuccess:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 20px 20px;
	border-color: transparent transparent #697484 transparent;
	position: absolute;
	content: '';
	right: 30px;
	top: -33px;
}

#addToBasketSuccess .viewBasket:after {
	content: '\f054';
	font-family: fontAwesome;
	padding: 0px 5PX;
	float: right;
	FONT-SIZE: 17PX;
	MARGIN-LEFT: 5PX;
	color: #FFFFFF;
}

.basketItemQty {
	margin: 0 4px;
}

.stripeCheckoutBtn{
	margin-top: 10px;
    width: 100%;
    min-width: 150px;
    max-width: 250px;
    float: right;
    border: 0 none;
    display: flex;
    justify-content: center;
    align-items: center;
	line-height: 1.4;
	cursor: pointer;
}

.stripeCheckoutBtnText{
	display: inline-block;
	height: 25px;
    line-height: 27px;
}
.stripeCheckoutBtnText::after{
	content: "WITH";
	font-size: inherit;
	color: inherit;
	display: inline-block;
}

.stripeCheckoutBtn svg{
	fill: #fff;
	margin-left: 5px;
}

.stripePaymentBtnText{
	text-transform: lowercase;
	line-height: 1;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 2px;
}

.stripePaymentBtnText::first-letter{
	text-transform: uppercase;
}

.stripePaymentBtnText::after{
	content: "with";
	font-size: inherit;
	color: inherit;
	display: inline-block;
}

.stripePaymentBtnText svg{
	fill: #fff;
	margin-left: 5px;
}

#addToBasketSuccess h3 {
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
}

.productTitle h2 {
	font-size: 25px;
	width: 50%;
	float: left;
	line-height: 1.2em;
	margin: 10px 0;
}

.productTitle h3 {
	width: 50%;
	text-align: right;
	float: left;
	line-height: 1.2em;
	margin: 0;
	color: #e95857 !important;
	font-weight: bold;
}

.superdropdown {
	display: none;
}

#productDescription {
	clear: both;
	background-color: #eee;
	padding: 15px;
	margin-top: 20px;
}

#productDescription h2 {
	color: #e95857;
	font-size: 20px;
	font-weight: bold;
}

.angledHeader {
	background-color: rgba(118, 189, 35, 1.00);
	padding: 20px 2px 20px 17px;
	min-width: 165px;
	color: #FFFFFF !important;
	display: inline-block;
	position: relative;
	font-size: 20px;
	line-height: 1em;
	height: 24px;
}

.angledHeader.invert {
	margin-top: 3px !important;
	float: right;
	padding: 14px 6px !important;
}

.angledHeader.invert.lightblue {
	background: #00aeef;
}

.angledHeader.invert:after {
	border-width: 0 69px 52px 0;
	border-color: transparent #e95857 transparent transparent;
	left: -69px !important;
	right: 0 !important;
}

.angledHeader.invert.darkBlue:after,
#jobContainer .angledHeader.invert.darkBlue:after {
	border-width: 0 69px 52px 0;
	border-color: transparent #4a5968 transparent transparent;
}

.angledHeader.invert.lightblue:after {
	border-width: 0 70px 52px 0;
	border-color: transparent #00aeef transparent transparent;
}

.continueButton.angledHeader>*:after {
	content: '\f054';
	font-family: fontAwesome;
	float: right;
	color: #FFFFFF;
	margin-right: 30px;
	line-height: 1.2em;
	margin-left: 10px;
}

.continueButton:hover,
.shopCatContainer .mainArea:hover~.continueButton {
	background-color: #E64746;
}

.angledHeader.invert:hover:after,
.shopCatContainer .mainArea:hover~.angledHeader.invert:after {
	border-color: transparent #E64746 transparent transparent;
}

.continueButton.darkBlue:hover,
.shopCatContainer .mainArea:hover~.continueButton.darkBlue {
	background-color: #3D4956;
}

.continueButton.lightblue:hover {
	background: #009fda;
}

.angledHeader.invert.darkBlue:hover:after,
.shopCatContainer .mainArea:hover~.angledHeader.invert.darkBlue:after,
.shopCatContainer .mainArea:hover~.angledHeader.invert.darkBlue:after,
#jobContainer .angledHeader.darkBlue.invert.continueButton:hover:after {
	border-color: transparent #3D4956 transparent transparent;
}

.angledHeader.invert.lightblue:hover:after {
	border-color: transparent #009fda transparent transparent;
}

.angledHeader.right.blue {
	margin-top: 18px;
}

.angledHeader.blue {
	background-color: #385d77;
	margin-bottom: 2px;
	margin-top: 60px;
}

.angledHeader.darkBlue {
	background-color: #4a5968;
	/*margin-bottom: 2px;*/
	margin-top: 60px;
	text-decoration: none !important;
}

.angledHeader.blue:after {
	border-color: transparent transparent transparent #385d77;
}

.angledHeader.darkBlue:after {
	border-color: transparent transparent transparent #4a5968;
}

.angledHeader.darkBlue.myBga:after {
	border-color: transparent #4a5968 transparent transparent !important;
}

.angledHeader.darkBlue.myBga:hover:after {
	border-color: transparent #3D4956 transparent transparent !important;
}

/* blue2 class to fix hover on new freelance board */
.blue2 {
	background-color: #4a5968;
}

.angledHeader.blue2 {
	background-color: #4a5968;
	color: #FFFFFF;
}

.angledHeader.blue2:after {
	border-color: transparent transparent transparent #4a5968;
}

.angledHeader.blue2.invert2:after {
	border-width: 0 69px 52px 0;
	border-color: transparent #4a5968 transparent transparent;
	left: -69px !important;
	right: 0 !important;
}

.angledHeader.invert2 {
	padding: 14px 10px !important;
	position: absolute;
	right: 0;
}

.angledHeader.invert2:after {
	border-width: 0 69px 52px 0;
	border-color: transparent #e95857 transparent transparent;
	left: -69px !important;
	right: 0 !important;
}

.noCursor {
	cursor: auto !important;
}

.newsArchiveItem a {
	color: #656768;
}

.newsArchiveItem {
	margin-bottom: 10px;
}

.newsArchiveItem:after {
	content: '\f054';
	font-size: 14px;
	font-family: fontAwesome;
	margin-left: 10px;
	color: #656768;
	float: right;
}

.latestNewsBlock {
	margin-top: 22px;
	margin-bottom: 60px;
}

.backToNewsHome {
	color: #354759;
	text-transform: uppercase;
	font-weight: bold;
}

.backToNewsHome:before {
	content: '\f053';
	font-size: 14px;
	font-family: fontAwesome;
	margin-right: 10px;
}

.latestNewsBlock .leftBlock {
	background-color: #4a5968;
}

.latestNewsBlock .rightBlock {
	background-color: #6c737a;
}

.latestNewsBlock .leftBlock {
	text-align: left;
}

.latestNewsBlock .leftBlock,
.latestNewsBlock .rightBlock {
	float: left;
	width: calc(50% - 4px);
	color: #FFFFFF;
	font-size: 16px;
	min-height: 195px;
}

.latestNewsBlock .leftBlock {
	border-right: 4px solid #FFFFFF;
}

.latestNewsBlock .leftBlock img,
.latestNewsBlock .rightBlock img {
	width: 185px;
	height: initial;
	border-bottom: 5px solid #FFFFFF;
	padding-bottom: 5px;
}

.latestNewsBlock .leftBlock h3,
.latestNewsBlock .rightBlock h3 {
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 0;
	min-height: 30px;
}

.latestNewsBlock .leftBlock p:last-child,
.latestNewsBlock .rightBlock p:last-child {
	margin-bottom: 0;
}

.latestNewsHome {
	display: flex;
	margin-bottom: 50px;
	border-top: 2px solid #FFFFFF;
	MARGIN-TOP: -2PX;
	position: relative;
}

.latestNewsHome .leftBlock:hover {
	background-color: #404D5B;
}

.latestNewsHome .rightBlock:hover {
	background-color: #646B71;
}

.latestNewsHome a:hover .newsHomeReadMore {
	background-color: #2A4659;
}

.leftBlock .right {
	padding-left: 0 !important;
	float: right !important;
	width: calc(100% - 305px) !important;
}

.rightBlock .left {
	padding-right: 0 !important;
	float: left !important;
	width: calc(100% - 305px) !important;
}

.latestNewsBlock .left,
.latestNewsBlock .right {
	float: left;
	width: 215px;
	padding: 42px 23px;
}

.angledHeader:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 62px 0 0 83px;
	border-color: transparent transparent transparent rgba(118, 189, 35, 1.00);
	position: absolute;
	content: '';
	right: -83px;
	top: 0px;
}

.angledHeader.right {
	float: right;
}

.angledHeader.right:after {
	width: 0;
	height: 0;
	border-style: solid;
	/*border-width: 0 0 72px 85px;*/
	border-width: 0 0 62px 85px;
	border-color: transparent transparent #e95757 transparent;
	position: absolute;
	content: '';
	left: -84px;
	top: 0px;
}

.angledHeader.blue.right:after {
	border-color: transparent transparent #385d77 transparent;
}

#jobTitle h4 {
	color: #354759;
	font-size: 21px;
	line-height: 1.2em;
	margin-top: 0;
	margin-bottom: 5px;
	text-align: left;
}

.newsScrollBg {
	background-color: #f4f5f5;
	border-bottom: 3px solid #FFFFFF;
	border-top: 5px solid #FFFFFF;
	margin-top: -2px;
	position: relative;
}

.latestArticlesContainer {
	border-top: 5px solid #FFFFFF;
	margin-top: -2px;
	position: relative;
}

.homeNewsContainer {
	width: 1366px;
	display: block;
	margin: 0 auto;
	position: relative;
	height: 162px;
	max-width: 100%;
}

.job-listing {
	padding: 25px 0 40px;
	margin: 15px 0;
	border-bottom: 5px solid #f1f1f1;
	height: 63px;
	overflow: hidden;
	transition: .5s;
	position: relative;
}

/*.job-listing.seekers {
	height: 70px;
}*/

.job-listing h4 {
	margin: 0;
	color: #344758;
	width: 60%;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}

.job-listing h5 {
	margin: 5px 0;
	text-transform: uppercase;
	font-weight: 700;
}

.job-listing .location {
	margin: 0;
	float: right;
	margin-top: -2px;
	font-size: 20px;
	white-space: initial;
	width: 36%;
	text-align: right;
}

.job-listing .location:before {
	content: '\f041 ';
	font-family: FontAwesome;
	position: relative;
	right: 6px;
}

.job-info {
	opacity: 0;
	transition: .5s;
	display: flex;
	flex-wrap: wrap;
	margin-top: 15px;
}

.job-info.first {
	margin-top: 30px;
	margin-bottom: 40px;
}


.job-info .details {
	display: inline-block;
	margin-right: 60px;
	padding-left: 20px;
	border-left: 5px solid #73c0d0;
	margin-top: 10px;
	float: left;
	flex-shrink: 0;
}

.job-info.first .details {
	margin-bottom: 15px;
	border-left-color: #f1f1f1;
	text-transform: uppercase;
	max-width: 20%;
}

.seekers .job-info.first .details {
	max-width: calc(33% - 65px);
}

.job-info .details:last-child {
	margin-right: 0;
}

.job-info h5 {
	margin: 0;
	font-size: 15px;
	text-transform: uppercase;
}

.job-info span {
	font-weight: 400;
	font-size: 14px;
}

.job-details p {
	margin: 0;
	margin-bottom: 14px;
}

.job-details h4 {
	color: #ffffff;
	width: 130px;
	padding: 10px;
	text-transform: uppercase;
	margin-bottom: 15px;
	border-radius: 10px 10px 0px 0px;
	background-image: url(../img/jobDetailsBorder.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

.latestJobHome {
	float: left;
	width: 25%;
}

.latestJobHome.item {
	cursor: pointer;
}

.latestJobHome:hover {
	background-color: #EAECEC;
}

.homeJobBorder {
	border-right: 3px solid #FFFFFF;
	padding: 28px 10px 0 10px;
	/*width: 316px;*/
	height: 134px;
	overflow: hidden;
}

.newsSlider {
	overflow: hidden;
}


.newsHomeSection {
	overflow: hidden;
	position: relative;
	padding-top: 93px;
}

.owl-item {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.0, 1.0);
}

.homeSlider {
	overflow: hidden;
}

.typicalHeroImage {
	width: 1366px;
	margin: 0 auto;
	display: block;
	position: relative;
	z-index: 50;
}

.homeContainer h4 {
	font-weight: normal;
	font-size: 24px;
}

#mapIconText:before {
	content: "\e01d";
	font-family: 'icomoon';
	margin-right: 8px;
}

#mapIconText {
	padding-top: 16px;
	display: block;
	float: left;
	font-size: 19px;
	color: #757575;
	width: 100%;
}

#mapIconText:after {
	content: '\f054';
	font-family: fontAwesome;
	padding: 5px;
	float: right;
	color: rgba(118, 189, 35, 1.00);
}

.greyStrip {
	width: 100%;
	display: inline-block;
	/*background-color:#f1f1f1;*/
	background-color: #F5F5F5;
	border-top: 2px solid #FFF;
}

.sponserLogos {
	margin-bottom: 30px;
}

.sponserLogos ul {
	margin: 6px 0;
	height: 75px;
	padding: 0;
}

.sponserLogos img {
	width: auto !important;
	max-height: 70px !important;
	padding: 0 40px;
}

.sponserLogos ul li a {
	display: block;
	position: relative;
}

.sponserLogos ul li {
	list-style: none;
	padding: 0 25px;
	height: 75px;
	margin: 4px 0;
}

#footerContainer {
	width: 1160px !important;
	font-size: 12px;
}

#footer h4 {
	color: #FFFFFF;
	margin-bottom: 15px;
	padding-top: 25px;
	border-top: 2px solid rgba(118, 189, 35, 1.00);
	display: inline-block;
}

.footerBlock {
	width: 350px;
	float: left;
	margin-top: 30px;
	color: #FFFFFF;
	margin-bottom: 10px;
}

.footerBlock2 {
	width: 370px;
	float: left;
	margin-top: 30px;
	margin-left: 95px;
}

.footerBlock2 ul {
	float: left;
	margin-right: 116px;
}

.footerBlockWide {
	margin: 0px 0%;
	float: left;
	margin-top: 30px;
	margin-left: 105px;
}

.social a {
	font-size: 24px;
}

.memberBenefits div:nth-child(n+3) {
	margin-bottom: 20px;
	margin-top: 20px;
}

.memberBenefits .col1 {
	width: 50%;
	margin-right: 5%;
	float: left;
}

.memberBenefits .col2 {
	width: 45%;
	float: left;
}

.memberBenefits h4 {
	font-weight: normal;
	color: #385d77;
}

.memberBenefits h4 a {
	color: #385d77;
}

.typicalColumn {
	padding: 30px;
}

.typicalColLeft {
	width: 19%;
	margin-left: 6%;
	background-color: #EFEFEF;
	padding: 0 30px;
	/*height: calc(100% - 100px);
	position: absolute;
	display: inline-block; */
	min-width: 225px;
	right: 0;
	padding-top: 60px;
	margin-right: -4px;
	padding-bottom: 20px;
}

.typicalColLeft a img:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	cursor: pointer;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}

.typicalColRight {
	width: 65%;
	padding-top: 60px;
	margin-left: 6%;
	padding-bottom: 20px;
}

.typicalHeroImage img {
	margin: 0 auto;
	display: block;
	max-width: 100%;
	height: auto;
}

#sidebarMenu:before {
	font-size: 20px;
	margin-bottom: 30px;
	height: 25px;
	margin-top: 0;
	font-weight: bold;
	text-transform: uppercase;
	color: #656768;
	line-height: 1em;
	border-bottom: 1px solid #ccc;
	display: block;
	width: 100%;
	margin-right: 20px;
	content: "RELATED PAGES";
}

#sidebarMenu.howTo:before {
	content: ' ';
	display: none;
}

#sidebarMenu ul {
	list-style: none;
	padding: 0;
	color: #6c737a;
	margin-top: 5px;
	margin-right: 25px;
}

#sidebarMenu ul li {
	padding: 7px 0;
	list-style: none;
	position: relative;
	line-height: 1.3em;
	margin: 0;
	text-transform: uppercase;
	padding-right: 12px;
}

#sidebarMenu ul li a {
	color: #6c737a;
}

.sidebarArticle {
	position: relative;
	margin-right: 25px;
	display: block;
	color: #354759;
}

.sidebarArticle:hover,
.sidebarArticle:hover:after {
	color: #131A21;
}

#sidebarMenu ul li:not(.open):after {
	margin-bottom: 2px;
	content: '\f054';
	font-family: 'fontAwesome';
	position: absolute;
	right: -2px;
	top: 0;
	bottom: 0;
	height: 20px;
	margin: auto;
}

.sidebarArticle:after {
	bottom: 0;
}

#sidebarMenu ul li a,
#sidebarMenu ul li span {
	width: 100%;
	display: block;
	cursor: pointer;
}

#sidebarMenu ul li a:hover,
#sidebarMenu ul li span:hover,
#sidebarMenu ul li:hover:after {
	color: #363A3D;
}

#sidebarMenu ul li span:hover::after {
	content: none;
}

#sidebarNews h3 {
	font-size: 20px;
	margin-bottom: 0;
	height: 25px;
	margin-top: 0;
	font-weight: normal;
	text-transform: uppercase;
	color: #656768;
	line-height: 1em;
	border-bottom: 2px solid #8d9398;
	display: block;
	width: 100%;
	margin-right: 20px;
}

#sidebarNews p {
	margin-top: 5px;
}


.sidebarSubmenu,
.sidebarSubmenuHover {
	margin-left: 12px;
	width: calc(100% - 15px)
}

.breadcrumbItem {
	float: left;
}

.breadcrumbItem:last-child:after {
	display: none;
}

.breadcrumbItem:after {
	content: '\f054';
	font-family: fontAwesome;
	margin-left: 8px;
	margin-right: 8px;
	font-size: 16px;
}

.breadcrumbContainer {
	padding: 3px 0;
	padding-left: 6%;
	width: calc(100% - 6%);
}

.breadcrumbInner p {
	padding: 3px 0;
	margin: 0;
}

.breadNoLink {
	color: rgba(0, 0, 0, 0.4) !important;
	cursor: auto !important;
}

.breadcrumbContainer.Blue {
	background-color: #385d77;
	color: rgba(0, 0, 0, 0.4);
}

.breadcrumbContainer.Blue a {
	color: rgba(0, 0, 0, 0.4);
	text-transform: uppercase;
}

.breadcrumbContainer.Blue a:hover {
	color: rgba(0, 0, 0, 0.7);
}

.visitJobBoard:after,
.newsHomeReadMore:after {
	content: '\f054';
	font-family: fontAwesome;
	padding: 2px 8px;
	float: right;
}

.jobBoard .largeFilter {
	width: calc(20% - 2px);
}

.jobBoard .largeFilter:hover {
	background-color: #4BAEC2 !important;
}


.jobBoard .largeFilter:first-child {
	width: calc(20% - 3px);
	border-left: 2px solid white;
}

.jobBoard .largeFilter:nth-child(5) {
	width: calc(20% - 3px);
	border-right: 2px solid white;
}

.newsHomeImage {
	height: 325px;
	width: 101%;
	background-size: cover;
	background-position-y: 50%;
	background-position-x: 50%;
	overflow: hidden;
}

.newsHomeArticle {
	width: calc(50% - 2px);
	float: left;
	overflow: hidden;
}

.newsHomeArticle:first-child {
	border-right: solid 4px #f1f1f1;
}

.newsHomeReadMore {
	font-size: 20px;
	display: block;
	width: calc(100% - 85px);
	background-color: #385d77;
	text-align: right;
	padding-right: 85px;
	color: #FFFFFF;
	padding: 6px 85px 6px 0;
}

.newsHomeReadMore:hover {
	background-color: #2A4659;
}

.newsHomeArticle h3 {
	font-size: 22px;
	max-width: 70%;
	height: 60px;
	margin: 15px 0 0 0;
	line-height: 1.8em;
}

.newsHomeText {
	padding: 0 80px;
	height: 175px
}

#sidebarMenu {
	display: inline-block;
	width: 100%;
}

#footer {
	background-color: #354759;
	color: #868383;
	min-height: 287px;
}

#footer ul {
	padding: 0;
	list-style: none;
	margin-top: 0;
}

#footer ul li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#footer ul li p {
	margin: 10px 0;
}

#footer p {
	color: #FFFFFF;
	line-height: 1.5em;
	font-weight: 300;
	font-size: 14px;
}

#footerContainer h5 {
	color: #fff;
	font-weight: 400;
	margin-bottom: 8px;
	line-height: 1.7em;
	margin-top: 0px;
}

#footerContain ul li p:hover,
#footerContain a:hover {
	color: #6B6B6B;
	cursor: pointer;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}

#lowestFoot {
	border-top: 2px solid #FFFFFF;
	background-color: #595e64;
	color: #FFFFFF;
	padding-bottom: 2px;
}

.greyNewsBorder {
	border-bottom: 5px solid #6c737a;
	padding-bottom: 5px;
}

.blueNewsBorder {
	border-bottom: 5px solid #354759;
	padding-bottom: 5px;
}

.newsmaincontent {
	width: calc(100% - 245px);
	float: right;
	word-wrap: break-word;
}

.newsmaincontent h2 {
	margin-top: 0;
	font-size: 20px !important;
	line-height: 20px !important;
}

.newsmaincontent h3 {
	margin: 0;
	font-size: 21px !important;
	line-height: 1.2em !important;
	font-weight: 600;
}

.newsImge {
	width: 225px;
	height: 121px;
}

.newsReadMore,
.viewEdit {
	float: right;
	font-size: 20px;
	font-weight: bold;
	color: #354759;
	text-decoration: none !important;
}

.newsReadMore:hover,
.viewEdit:hover {
	color: #5F6E8B;
}

.newsReadMore:after,
.viewEdit:after {
	content: '\f054';
	font-size: 14px;
	font-family: fontAwesome;
	margin-left: 10px;
}

.typicalColRight div:first-child.article {
	margin-top: 0;
}

.article {
	border-bottom: 5px solid #f1f1f1;
	margin-top: 40px;
	margin-bottom: 40px;
	padding-bottom: 45px;
}

.typicalFull {
	margin-left: 0;
	width: 77%;
}

.typicalFull .article {
	padding-left: 17%;
	padding-right: 5%;
}

#newsPageContainer {
	display: block;
	position: relative;
	text-align: center;
}

#newshistorynext {
	display: inline-block;
}

#pagenumbernav a,
#currentpagecolour {
	padding: 5px 2px;
	font-weight: bold;
	text-decoration: none !important;
	color: #354759;
	background-color: transparent !important;
	border: none;
}

#currentpagecolour {
	color: #3E658E !important;
	font-weight: normal !important;
	text-decoration: underline !important;
}

.nextBtn {
	padding: 5px 10px;
	border-radius: 7px;
	font-weight: 900 !important;
	color: #fff;
	margin-left: 10px;
}

.prevBtn {
	padding: 5px 10px;
	border-radius: 7px;
	font-weight: bold;
	color: #fff;
	margin-right: 10px;
}

.nextBtn:after,
.nextBtnDis:after {
	content: '\f054';
	font-family: fontAwesome;
	margin-left: 5px;
}

.prevBtn:before,
.prevBtnDis:before {
	content: '\f053';
	font-family: fontAwesome;
	margin-right: 5px;
}

.latestNews2section {
	display: flex;
}

.inline-form {
	background-color: #f1f1f1;
	border: none;
	margin-left: 0;
	margin-right: 0;
	position: relative;
	margin-top: 12px;
}

.white {
	color: #fff;
}

.green {
	color: #8ed550;
}

.blue {
	color: #00539b;
}

.cyan {
	color: #73c0d0;
}

.grey {
	color: #777;
}

.lightGrey {
	color: #aab3bb;
}

.lightBlueBg {
	background-color: #00aeef !important;
}

.cyanBg {
	background-color: #73c0d0 !important;
}

.redBg {
	background-color: #e95857 !important;
}

.greenBg {
	background-color: #8ed550 !important;
}

.blueBg {
	background-color: #385d77 !important;
}

.greyBg {
	background-color: #aab3bb !important;
}

.contentCyan .formHeader {
	background-color: #73c0d0 !important;
}

.contentCyan .formHeader:after {
	border-color: transparent transparent transparent #73c0d0;
}

.contentHMRC .formHeader {
	background-color: #048c8c !important;
}

.contentHMRC .formHeader:after {
	border-color: transparent transparent transparent #048c8c;
}

.inline-form legend,
.formHeader,
.formFooter {
	background-color: #8ed550;
	font-size: 21PX;
	padding: 14px;
	padding-left: 17px;
	line-height: 1.1em;
	border-bottom: 5px solid #fff;
	color: #fff !important;
	display: inline-block;
	margin-bottom: -14px;
	position: relative;
	height: 23px;
	padding-right: 0px;
	margin-top: 0;
	text-transform: uppercase;
}


.formHeader+fieldset {
	border-top: 2px solid #FFFFFF;
	margin-top: 8px !important;
}

.formHeader:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 51.5px 0 0 70px;
	border-color: transparent transparent transparent #8ed550;
	position: absolute;
	content: '';
	right: -69px;
	top: 0px;
}

.passwordInfo{
	padding: 30px 0;
}

.passwordReset.helpBtnOverflow{
	padding: 40px 0 0;
}

.passwordReset .inline-form legend{
    font-size: 21px;
    height: auto;
	position: relative;
	top: -28px;
	border-bottom: 0 none;
	left: -12px;
	margin-top: 26px;
	padding-right: 5px;
	margin-bottom: -16px;
}

.passwordReset .inline-form legend:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 51px 0 0 70px;
	border-color: transparent transparent transparent #8ed550;
	position: absolute;
	content: '';
	right: -69px;
	top: 0px;
}

.passwordReset .lrgBtn{
	margin-left: 1%;
}

.passwordReset .inline-form p {
    margin-left: 0;
    margin-top: 0;
}

.blueBg.formHeader:after {
	border-color: transparent transparent transparent #385d77;
}

.lightBlueBg.formHeader:after {
	border-color: transparent transparent transparent #00aeef;
}

.greyBg.formHeader:after {
	border-color: transparent transparent transparent #aab3bb;
}

.greenBg.formHeader:after {
	border-color: transparent transparent transparent #8ed550;
}

.inline-form input[type="text"],
.inline-form input[type="password"],
.inline-form input[type="number"],
.inline-form input[type="tel"] {
	width: 48%;
	padding: 2px 6px;
	margin-left: 6px;
	margin-top: 11px;
	margin-bottom: 11px;
	height: 30px;
	max-width: 260px;
	font-size: 16px;
	border: 1px solid #afb5bd;
	color: #6c737a;
	z-index: 25;
	position: relative;
	letter-spacing: 1px;
}

.inline-form label {
	margin-left: 6px;
}

.newForm {
	max-width: 1000px;
	display: block;
	margin: 0 auto;
}

.formHelpButton {
	text-align: right;
	margin: 0 3px !important;
	width: auto !important;
	color: #6C7888;
	font-size: 15px !important;
	font-weight: 500;
	display: inline-block;
	position: relative;
	line-height: 1em;
	max-width: 92px;
	padding: 5px 5px 2px 5px;
	float: right;
	cursor: pointer;
}

.formSplit {
	width: 50%;
	float: left;
	position: relative;
}

.staticError {
	z-index: 10;
	padding: 8px 10px !important;
	font-size: 14px;
	font-weight: bolder;
	text-transform: uppercase;
	DISPLAY: INLINE-BLOCK;
	color: #ffffff !important;
	background-color: #e95857 !important;
	margin-bottom: 7px;
	margin-left: 6px
}

.authenticationError {
	z-index: 10;
	position: absolute;
	width: 94%;
	left: 0;
	margin: 7px 0 !important;
	text-align: right;
	padding: 8px 10px !important;
	font-size: 14px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #ffffff !important;
	background-color: #e95857 !important;
	max-width: calc(100% - 22px);
	top: 0;
}

.authenticationError.checkbox {
	padding: 15px 10px !important;
	padding-left: 15px !important;
}

#adLookup {
	height: 35px;
	background-color: transparent;
	border: none;
	font-size: 17px;
	font-weight: bold;
	color: #e95857;
	text-transform: uppercase;
	background-image: none;
	display: inline-block;
	padding: 2px 4px;
	cursor: pointer;
}

#adLookup:after {
	content: '\f054';
	font-family: fontAwesome;
	float: right;
	font-size: 14px;
	color: #e95857;
	margin-left: 10px;
}

#selectAddress {
	width: 90%;
	border: 1px solid #afb5bd;
}

#adLookup:hover {}

#adLookup2 {
	height: 35px;
	background-color: transparent;
	border: none;
	font-size: 17px;
	font-weight: bold;
	color: #e95857;
	text-transform: uppercase;
	background-image: none;
	display: inline-block;
	padding: 2px 4px;
	cursor: pointer;
}

#adLookup2:after {
	content: '\f054';
	font-family: fontAwesome;
	float: right;
	font-size: 14px;
	color: #e95857;
	margin-left: 10px;
}

#selectAddress2 {
	width: 90%;
	border: 1px solid #afb5bd;
}

.relatedPagesHeader {
	font-size: 20px;
	margin-bottom: 0;
	height: 25px;
	margin-top: 0;
	font-weight: bold;
	text-transform: uppercase;
	color: #656768 !important;
	line-height: 1em;
	border-bottom: 1px solid #ccc;
	display: block;
	width: 100%;
	margin-right: 20px;
}

#relatedPagesMenu ul,
#relatedPagesMenu li {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

#relatedPagesMenu li,
#relatedPagesMenu li a {
	text-transform: uppercase;
	margin: 8px 0;
	color: #6c737a;
}

#relatedPagesMenu li:after {
	content: '\f054';
	float: right;
	font-family: fontAwesome;
	margin-left: 10px;
}

#relatedPagesMenu li a:hover {
	color: #44484D;
	text-decoration: underline;
}

.formHelpButton:hover {
	color: #495564 !important;
}

.formHelpText:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7px 9px 7px;
	top: -7px;
	border-color: transparent transparent #697484 transparent;
	position: absolute;
	right: 64px;

}

.formHelpText {
	background-color: #697484;
	color: #FFFFFF;
	border-top: 1px solid #c4c7cd;
	display: none;
	position: relative;
	border-bottom: 2px solid #FFFFFF;
	z-index: 50;
}

.formHelpText a {
	color: #FFFFFF !important;
}

.registrationTitle .membershipPurchaseHeader,
.registrationTitle .membershipPrice {
	font-size: 22px;
	color: #354759;
	text-align: left;
	justify-content: initial;
}

.registrationTitle .typicalHeroText {
	padding: 0;
	margin: 40px 0;
}

.registrationTitle .membershipType {
	font-weight: bold;
}

.formHelpText {
	padding: 12px;
	font-size: 15px;
	line-height: 1.5em;
	font-weight: 100;
}

.contactUsText {
	margin-top: 0px;
	margin-bottom: 0;
	font-weight: 700;
	border-top: 2px solid;
	display: inline-block;
	padding: 10px 2px;
}

.contactForm {
	margin-top: 55px;
}

.inline-form select {
	width: 51%;
	margin-left: 6px;
	margin-top: 11px;
	margin-bottom: 11px;
	height: 36px;
	max-width: 272px;
	font-size: 16px;
	border: 1px solid #afb5bd;
	color: #6c737a;
	position: relative;
	z-index: 25;
	margin-top: 11px !important;
	padding: 2px 1%;
}

.customCheck {
	margin-right: 20px;
	float: left;
	margin-left: 1%;
	height: 25px;
	width: 25px;
}

.inline-form label {
	min-width: 30%;
	float: left;
	margin-top: 10px;
	clear: both;
	line-height: 1.5em;
	z-index: 50;
	position: relative;
}

.customCheck input[type="checkbox"],
.customCheck input[type="radio"] {
	opacity: 0;
	height: 0.1px;
	margin: 0.1px !important;
	overflow: hidden;
	border: 0 !important;
}

.customCheck label {
	width: 25px;
	height: 25px;
	background-image: url(/assets/img/bgaCheckboxes.jpg);
	min-width: 0 !important;
	z-index: 50;
	position: relative;
	cursor: pointer;
}

.customCheck input[type="checkbox"]:checked~label,
.customCheck input[type="radio"]:checked~label {
	background-position: bottom;
}

.inline-form input[type="checkbox"],
.inline-form input[type="radio"] {
	float: left;
	margin: 12px 12px 0 0;
}

#memberzoneContainer {
	position: relative;
}

.tickList li {
	padding: 8px 0;
	list-style: none;
	line-height: 25px;
}

#jobContainer {
	position: relative;
	top: 0px;
	transition: 0.3s;
	background-color: #ffffff;
}

#mainFooter {
	position: relative;
	top: 0;
	transition: .3s;
	z-index: 900;
}

.searchResults h3 {
	font-weight: bold;
	color: #354759;
	font-size: 16px;
	margin-bottom: 4px;
	margin-top: 0;
}

.searchItem {
	color: #e95857;
	border-bottom: 1px solid #e95857;
}

.searchResult {
	width: 45%;
	margin-right: 2%;
	float: left;
	margin-top: 30px;
	border-left: 3px solid #ccc;
	padding-left: 2%;
}

.searchResults h2 {
	font-size: 24px;
	font-weight: BOLD;
	line-height: 1.2em;
	margin-bottom: 0;
	color: #354759;
}

.breadcrumbItem {
	text-transform: uppercase;
}

.visitPage {
	color: #e95857;
	float: right;
	font-weight: bold;
	text-decoration: none !important;
	border-bottom: none;
	margin-top: 5px;
}

.visitPage:hover {
	color: #AC1616;
}

.visitPage:after {
	content: '\f054';
	font-family: fontAwesome;
	font-size: 13px;
	cursor: pointer;
	margin-left: 10px;
}

.prevBtnDis {
	font-weight: bold;
	color: #CCC;
}

.nextBtnDis {
	font-weight: bold;
	color: #CCC;
}

.mobileOnly,
.tableMobileOnly {
	display: none !important;
}

tr.tableNoMobile {
	display: table-row;
}

td.tableNoMobile {
	display: table-cell;
}

.smallMobileOnly {
	display: none;
}

.typicalHero.Cyan .typicalHeroSpace,
.breadcrumbContainer.Cyan {
	background-color: rgba(115, 192, 208, 0.8);
}

.typicalHero.Yellow .typicalHeroSpace,
.breadcrumbContainer.Yellow {
	background-color: #FFC108;
}

.breadcrumbContainer.Cyan .breadNoLink,
.breadcrumbContainer.Green .breadNoLink {
	color: rgba(0, 0, 0, 0.22) !important;
}

.breadcrumbContainer.Orange,
.typicalHero.Orange .typicalHeroSpace {
	background-color: #eb8623;
}

.breadcrumbContainer.Blue,
.typicalHero.Blue .typicalHeroSpace {
	background-color: rgba(56, 93, 119, 0.85);
}

.breadcrumbContainer.Grey,
.typicalHero.Grey .typicalHeroSpace {
	background-color: rgba(170, 179, 187, 0.85);
}

.btnRedCurved.greenBg:hover {
	background-color: #67A51D !important;
}

.typicalHero.Cyan .typicalHeroSpace {
	background-color: rgba(0, 174, 239, 0.85);
}

.breadcrumbContainer.Cyan {
	background-color: rgba(0, 174, 239, 0.85);
}

.typicalHero.Green .typicalHeroSpace {
	background-color: rgba(142, 213, 80, 1);
}

.breadcrumbContainer.Green {
	background-color: #8ed550;
}

.typicalHero.Red .typicalHeroSpace {
	background-color: rgba(233, 88, 87, 0.85);
}

.employers .typicalHero.Red .typicalHeroSpace {
	background-color: rgba(142, 213, 80, 0.85) !important;
}

.breadcrumbContainer.Red {
	background-color: #e95857;
}

.breadcrumbContainer a,
.breadcrumbContainer {
	color: rgba(0, 0, 0, 0.35);
	font-weight: 500;
}


.btnRed {
	background-color: #e95857;
	font-weight: bold;
	text-transform: uppercase;
}

.btnBlue {
	background-color: #4a5968;
}

.btnRed:hover {
	background-color: #D93230;
}

.btnBlue:hover {
	background-color: #3D4956;
}

.btnGrey:hover,
.btnRed.greyBg:hover {
	background-color: #8E9BA3 !important;
}

.btnGreen.larger {
	font-size: 22px;
	font-weight: bold;
}

.memberBoxMoreInfo {
	padding: 6px 0;
}

.angledHeader.green {
	background-color: #8ed550;
	color: #FFFFFF;
}

.myContractsTable .angledHeader.green {
	background-color: #BBE25A;
	color: #FFFFFF;
}

.myContractsTable .angledHeader.green.invert:after {
	/*border-color: transparent #BBE25A transparent transparent;*/
}

.angledHeader.green:after {
	border-color: transparent transparent transparent #8ed550;
}

.angledHeader.green.invert:after {
	border-width: 0 69px 52px 0;
	border-color: transparent #8ed550 transparent transparent !important;
	left: -69px !important;
	right: 0 !important;
}

.angledHeader.darkBlue.right:after {
	border-color: transparent transparent #4a5968 transparent;
}

.angledHeader.upsidedown.darkBlue.right:after {
	border-color: transparent #4a5968 transparent transparent;
}

.angledHeader.upsidedown.right:after {
	border-width: 0 85px 65px 0;
}

.imageTable {
	max-width: 100%;
}

.imageTable.autoHeight, .imageTable.autoHeight tr , .imageTable.autoHeight td {
	height: auto !important;
	width: auto !important;
}

.imageTable img {
	max-width: 226px;
	height: auto;
}

.imageTable tr td:first-child {
	padding: 0 0 35px 0;
}

.imageTable tr td:nth-child(2) {
	padding: 0 0 35px 10px;
}

.imageTable h4 {
	margin: 0;
}

.contentTable td {
	vertical-align: top;
}

.contentTable thead {
	background-color: #4f81bc;
	font-weight: bold;
	color: #FFFFFF;
}

.contentTable tbody tr:nth-child(odd) {
	background-color: #d1d8e8;
}

.contentTable tbody tr:nth-child(even) {
	background-color: #eaedf4;
}

/*.breadcrumbContainer {
    padding: 3px 41px;
}*/

.job-details {
	margin-top: 15px;
	font-size: 17px;
	line-height: 1.9em;
}

.inline-form textarea {
	width: 61%;
	padding: 0.5% 6px;
	margin-left: 6px;
	margin-top: 11px;
	margin-bottom: 11px;
	height: 130px;
	border: 1px solid #afb5bd;
	font-size: 16px;
	line-height: 1.2em;
	font-family: 'Roboto', sans-serif;
	z-index: 25;
	position: relative;
	resize: none;
	color: #6c737a;
}

#contactForm .split:first-child {
	width: 65%;
	float: left;
}

#contactForm .split:nth-child(2) {
	width: 35%;
	float: left;
}

.shopCatContainer {
	z-index: 25;
	border-top: 1px solid #FFFFFF;
	position: relative;
	margin-top: -1px;
	width: 80%;
	display: block;
	margin: 0 auto;
}

.shopCatContainer .cat {
	float: left;
	width: 45%;
	overflow: hidden;
}

.shopCatContainer .cat:first-child {
	margin-right: 5%;
}

.shopCatContainer .cat:first-child .mainArea {
	background-color: #ED7978;
	margin-top: -2px;
	border-top: 2px solid #FFF;
	display: block;
	position: relative;
}

.shopCatContainer .cat:nth-child(2) .mainArea {
	background-color: #6E7A86;
	margin-top: -2px;
	border-top: 2px solid #FFF;
	display: block;
	position: relative;
}

.accordionBtn {
	cursor: pointer;
}

.accordionBtn:hover {
	color: #A6A6A6;
}

.typical .accordionContent {
	display: none;
	overflow: hidden;
}

.accordionOpen {
	height: inherit;
}

.accordionBtn .close {
	display: none;
}

.detailsBox {
	margin: 21px 0;
	padding: 0 10px;
	max-width: 270px;
	min-height: 39px;
	border: 1px solid #acb2ba;
	color: #6c737a;
	font-size: 16px;
	line-height: 39px;
}

#editDetailsForm hr {
	border-top: 2px solid #000 !important;
}

.myBGAAreas {
	width: 81%;
	margin: 55px auto;
}

.myBGAAreas .square {
	height: 160px;
	width: calc(25% - 23px);
	float: left;
	margin-right: 30px;
	background-color: #e95857;
	-webkit-box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.9);
	-moz-box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.9);
	box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.9);
}

.myBGAAreas .square:hover {
	background-color: #B04242;
}

.myBGAAreas .square:nth-child(4) {
	margin: 0;
}

.myBGAAreas .icon {
	text-align: center;
	display: block;
	font-size: 47px;
	color: #FFFFFF;
	margin-top: 30px;
	margin-bottom: 10px;
}

.myBGAAreas .text {
	text-align: center;
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 15px;
}

.orderHistory:last-child hr {
	display: none;
}

.orderHistory hr {
	border-top: 5px solid #f1f1f1;
}

#employerDisclaimer {
	position: relative;
	font-size: 14px;
	color: white;
	line-height: 1.2em;
	height: 50px;
	max-width: calc(100% - 100px);
	padding: 10px;
}

#employerDisclaimer::after {
	content: '';
	right: -70px;
	bottom: 0px;
	border-color: transparent transparent transparent #8ED550;
	border-width: 70px 0 0 70px;
	border-style: solid;
	position: absolute;
}

.accountMenu {
	border-top: 3px solid #FFFFFF;
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: flex;
}

.accountMenu>li {
	flex-grow: 1;
	width: 20%;
	text-align: center;
	margin-left: 2px;
}

.accountMenu>li:first-child {
	margin-left: 0px;
}

.accountMenu>li>a {
	color: #fff;
	background-color: #9a9a9a;
	/* #8ed550; */
	width: 100%;
	height: 100%;
	display: block;
	padding: 10px;
	box-sizing: border-box;
}

.accountMenu>li .bgaSubMenu {
	display: none;
	list-style: none;
	padding: 0px;
	position: absolute;
	background-color: #fff;
	z-index: 800;
	width: 20%;
}

.accountMenu>li .bgaSubMenu>li {
	margin-top: 2px;
	background-color: #a9a9a9;
	/* #aad683; */
}

.accountMenu>li .bgaSubMenu>li>a {
	color: #fff;
	width: 100%;
	height: 100%;
	display: block;
	padding: 10px;
	box-sizing: border-box;
}

.contentCyan #myBgaMenu a {
	background-color: #73c0d0;
}

.contentCyan #myBgaMenu a:hover {
	background-color: #73c0d0;
}

.contentHMRC #myBgaMenu a {
	background-color: #048c8c;
}

.contentHMRC #myBgaMenu a:hover {
	background-color: #048c8c;
}

.employersBgaMenu a {
	width: calc(20% - 1.8px) !important;
	border-right: 1px solid #FFFFFF !important;
}

.employersBgaMenu a:nth-child(5) {
	border: none;
}

#myBgaMenu a {
	width: calc(25% - 2.222px);
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	text-align: center;
	display: inline-block;
	padding: 10px 0;
	background-color: #e95857;
	color: #ffffff;
}

#myBgaMenu a:hover {
	background-color: #B04242;
}

.employers #myBgaMenu a,
.employers .formHeader,
.employers .angledHeader:not(.myBga),
.employers #myBgaIntroStrip {
	background-color: #8ed550 !important;
}

.employers #myBgaMenu a:hover {
	background-color: #66AC29 !important;
}

.employers .angledHeader:not(.myBga):hover {
	background-color: #79CC31 !important;
}

.employers .angledHeader:not(.myBga):hover:after {
	border-color: transparent #79CC31 transparent transparent !important;
}

.employers .formHeader:after,
.employers .angledHeader:not(.myBga):after {
	border-color: transparent transparent transparent #8ed550;
}

.employers .angledHeader.darkBlue.invert:not(.myBga):after {
	border-color: transparent #8ed550 transparent transparent;
}

.employers .myBGAAreas .square {
	background-color: #8ed550 !important;
}

.employers .myBGAAreas .square:hover {
	background-color: #6CB72B !important;
}


.employerDarkGreen {
	color: #64b428 !important;
}

.employerDarkGreen a {
	color: #64b428 !important;
}

.employerDarkGreenBg {
	background-color: #64b428 !important;
}

.quoteSquare {
	width: 47.5%;
	margin-right: 2.5%;
	display: inline-block;
	float: left;
	max-width: 250px;
	padding: 10px 0 0 0;

}

.quoteSquare .quoteDetials {
	height: 140px;
	color: #FFFFFF;
	text-align: center;
	background-color: #4a5968;
	padding: 10px 5px;
}

.quoteSquare .quoteGet {
	text-align: center;
	font-weight: bolder;
	font-size: 20px;
	letter-spacing: -1px;
	transition: 0.2s;
	display: block;
	padding: 5px 10px;
	border: 3px solid #385d77;
	color: #385d77;
	background: #fff;
	margin: 0;
}

.quoteSquare .quoteGet:hover {
	letter-spacing: 1px;
	cursor: pointer;
}

.quoteSquare .quoteGet:after {
	content: '\f054';
	font-family: fontAwesome;
	padding: 2px 8px;
	margin-left: 10px;
}

.employeeSquare.half {
	width: 47.5%;
	margin-right: 2.5%;
	display: flex;
	float: none;
	max-width: 250px;
	padding: 10px 5px;
	color: #fff;

}

.employeeSquare.half span {
	margin: auto;
	color: #FFFFFF;
}

.employeeSquare {
	width: 23.1%;
	display: block;
	background-color: #4a5968;
	color: #FFF;
	text-align: center;
	margin-right: 2.5%;
	font-weight: bold;
	float: left;
	font-size: 18px;
	cursor: pointer;
}

.employeeSquare span {
	margin: 18px 0;
	display: block;
}

.employeeSquare.noHover {
	cursor: default;
}

.employeeSquare:not(.noHover):hover {
	background-color: #5B6D80;
}

.employeeSquare:nth-child(4) {
	margin-right: 0;
}

.zoneAccessHeader {
	margin: 50px 0;
}

.zoneAccessHeaderLeft {
	width: 52%;
	float: right;
	margin-right: 5%;
}

.zoneAccessHeaderRight {
	width: 38%;
	float: right;
}

.priceDisplayBox {
	width: 330px;
	height: 150px;
	padding: 35px 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	background: #465a64;
	margin: 0 auto;
	margin-bottom: 20px;
}

.priceDisplayBox span {
	display: block;
}

.priceDisplayBox span:first-child {
	font-size: 76px;
	line-height: 58px;
	margin-bottom: 10px;
}

.priceDisplayBox span:nth-child(2) {
	font-size: 56px;
	line-height: 42px;
	margin-bottom: 10px;
}

.priceDisplayBox span:last-child {
	font-size: 40px;
}

.zoneAccessHeaderRight .btnGreen.larger {
	width: 330px;
}


.employerAccessLoginBox {
	border-width: 2px 0;
	border-style: dotted;
	padding: 25px 0;
	margin-top: 35px;
}

.employerAccessLoginBox h3 {
	float: left;
	margin-right: 30px;
	margin-top: 8px;
}

.employerZoneFeatures {
	width: 90%;
	padding: 40px 5%;
	background: #f2f2f2;
	margin-bottom: 20px;
}

.semiTable {
	width: 100%;
	margin: 0 auto;
}

.dispCell {
	width: calc(((100% - 2px)/3) - 140px);
	margin: 0 70px;
	padding: 50px 0 60px;
	border-bottom: 1px dotted;
	height: 300px;
	float: left;
	text-align: center;
}

.dispCell:nth-last-child(-n+6) {
	border-bottom: 0px;
}

.dispVerticalBorder {
	border-left: 1px dotted #354759;
	width: 0;
	height: 180px;
	margin-top: 70px;
	float: left;
}

.dispVerticalBorder:nth-child(6n) {
	display: none;
}

.dispCell img {
	max-height: 60px;
	width: auto;
}

#myBgaMenu a:first-child {
	border-left: 0;
	width: calc(25% - 1.222px);
}

#myBgaMenu a:nth-child(4) {
	border-right: 0;
	width: calc(25% - 1.222px);
}

.blueStrip {
	margin-top: -4px;
	border-top: 1px solid #FFFFFF;
	background-color: #697484;
	padding: 10px 17px;
	color: #FFFFFF;
	position: relative;
}

.myLearningDescription {
	width: 69%;
	margin-right: 1%;
	position: relative;
}

.myLearningImage {
	width: 30%;
	position: relative;
}

.jobAdertise {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	overflow: hidden;
	position: relative;
	z-index: 500;
	margin-top: -4px;
	border-top: 3px solid #fff;
}

.jobAdertise .col {
	display: block;
	position: absolute;
}

.latestNewsHomeImage {
	padding: 0 !important;
	height: 135px;
	margin: 50px 30px;
	background-size: cover;
}

.courseOptionsContainer {
	float: left;
	width: 70%;
}

.takeCourse.myLearningOptions {
	display: block;
	height: 127px;
	margin: 0 15px;
	width: calc(33.3% - 30px);
	float: left;
	background-color: #e95857;
	-webkit-box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.8);
	position: relative;
}

.takeCourse.myLearningOptions .icon {
	font-size: 40px;
	margin-top: 30px;
}

.takeCourse.myLearningOptions.progress,
.takeCourse.myLearningOptions.progress:hover {
	background-color: #385d77;
}

.myLearningOptions.progress .icon {
	width: 18px;
}

.takeCourse.myLearningOptions:not(.getCert) .icon {
	width: 20px;
}

.takeCourse.myLearningOptions.notComplete .icon {
	width: 30px;
}

.takeCourse.myLearningOptions span {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 15px;
	height: 22px;
	margin-top: 70px;
}

.myLearningOptions.courseProgress {
	cursor: auto !important;
}

.takeCourse.myLearningOptions:hover:not(.courseProgress) {
	background-color: #B04242;
}

.takeCourse.myLearningOptions.notComplete,
.takeCourse.myLearningOptions.notComplete:hover {
	background-color: #aab3bb;
	cursor: auto !important;
}

.takeCourse.myLearningOptions:nth-child(3) {
	margin-right: 0;
}

.takeCourse.myLearningOptions:nth-child(1) {
	margin-left: 30px;
}

.groomCleanSponsor {
	width: 2px;
	margin: 0 24px;
	background-color: #e95857;
	height: 60px;
	margin-top: -5px;
}


.btnMagazine:before {
	content: '\f0ed ';
	margin-right: 4px;
	font-family: fontAwesome;
}

.contactSpacer {
	display: inline-block;
	margin-left: 4px;
	margin-right: 4px;
}

/*Contract generator */
#contractTitle {
	padding: 12px 0;
	height: 30px;
	background-color: #72b7e3;
	width: calc(50% - 78px);
	padding-left: 30px;
	position: relative;
	display: inline-block;
}

#contractReminder {
	position: relative;
	padding: 14.5px 0;
	display: inline-block;
	width: calc(50% - 120px);
	margin-left: 89px;
	text-align: right;
	padding-right: 75px;
	background-color: #e95857;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 500;
}

#contractReminder:after {
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
	content: '';
	left: -83px;
	top: 0px;
	border-width: 0 83px 54px 0;
	border-color: transparent #e95857 transparent transparent;
}

#contractReminder span:before {
	content: '\f177 ';
	font-family: fontAwesome;
	/* right: 0; */
	font-size: 35px;
	height: 1px;
	display: block;
	/* left: 102px; */
	margin-left: 70px;
	text-align: left;
	/* margin-top: 2px; */
	line-height: 0.8em;
}

#contractTitle ::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: #fff;
}

#contractTitle :-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #fff;
}

#contractTitle ::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #fff;
	;
}

#contractTitle :-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #fff;
}


#formContainer {
	position: relative;
}

#contractForm ::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #BEBEBE;
}

#contractForm ::-moz-placeholder {
	/* Firefox 19+ */
	color: #BEBEBE;
}

#contractForm :-ms-input-placeholder {
	/* IE 10+ */
	color: #BEBEBE;
}

#contractForm :-moz-placeholder {
	/* Firefox 18- */
	color: #BEBEBE;
}

#contractTitle input {
	height: 22px;
	color: #FFF;
	border: none;
	background-color: transparent;
	font-size: 20px;
	width: 100%;
	padding: 5px;
}

#contractTitle:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 54px 0 0 83px;
	border-color: transparent transparent transparent #72b7e3;
	position: absolute;
	content: '';
	right: -83px;
	top: 0px;
}

.fixedToTop {
	position: fixed !important;
	top: 0;
}

.stageBottom {
	position: absolute !important;
	top: inherit !important;
	bottom: 32px !important;
}

#stageContainer {
	overflow: hidden;
}

#stageContainer a.jobDetails:after,
#stageContainer a.jobDetails {
	color: #c0e848;
}

#stageContainer a.jobDetails:after {
	background-color: #c0e848;
}

#stageContainer a.apprenticeship:after,
#stageContainer a.apprenticeship {
	color: #99D074;
}

#stageContainer a.apprenticeship:after {
	background-color: #99D074;
}

#stageContainer a.entitlements:after,
#stageContainer a.entitlements {
	color: #74a752;
}

#stageContainer a.entitlements:after {
	background-color: #74a752;
}

#stageContainer a.policiesProcedures:after,
#stageContainer a.policiesProcedures {
	color: #486b4e;
}

#stageContainer a.policiesProcedures:after {
	background-color: #486b4e;
}

#stageContainer a.workingAbroad:after,
#stageContainer a.workingAbroad {
	color: #683b68;
}

#stageContainer a.workingAbroad:after {
	background-color: #683b68;
}

#stageContainer a.accommodationLivery:after,
#stageContainer a.accommodationLivery {
	color: #5c3945;
}

#stageContainer a.accommodationLivery:after {
	background-color: #5c3945;
}

#stageContainer a {
	padding-left: 30px;
	padding-top: 40px;
	padding-bottom: 40px;
	display: block;
	font-weight: bold;
	position: relative;
}

#stageContainer a:after {
	content: ' ';
	width: 10px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #97CAEA;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

#stageContainer .currentStage~a:nth-child(2) {
	color: #B8B8B8;
}

#stageContainer .currentStage~a:nth-child(2):after {
	background-color: #B8B8B8;
}

#stageContainer .currentStage~a:nth-child(3) {
	color: #D3D3D3;
}

#stageContainer .currentStage~a:nth-child(3):after {
	background-color: #D3D3D3;
}

#stageContainer .currentStage~a:nth-child(4) {
	color: #E0E0E0;
}

#stageContainer .currentStage~a:nth-child(4):after {
	background-color: #E0E0E0;
}

#stageContainer .currentStage~a:nth-child(5) {
	color: #E0E0E0;
}

#stageContainer .currentStage~a:nth-child(5):after {
	background-color: #E0E0E0;
}

#stageContainer .currentStage~a:nth-child(6) {
	color: #E0E0E0;
}

#stageContainer .currentStage~a:nth-child(6):after {
	background-color: #E0E0E0;
}

#stageContainer .currentStage~a:nth-child(7) {
	color: #E0E0E0;
}

#stageContainer .currentStage~a:nth-child(7):after {
	background-color: #E0E0E0;
}



/* #stageContainer.riskAssessmentCreator hr {
	background-image: url('https://equestrianemployers.org.uk/assets/img/RAUnderline.PNG');
	height:32px;
} */

#stageContainer.riskAssessmentCreator a {
	cursor: default;
}

#stageContainer.riskAssessmentCreator a:after {
	content: ' ';
	width: 100%;
	height: 15px;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: white;
	background-image: url('https://equestrianemployers.org.uk/assets/img/RAUnderline.PNG');
	background-repeat: no-repeat;
	/* 	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF; */
}

#stageContainer .currentStage~a:nth-child(2) {
	color: #B8B8B8;
	font-weight: normal;
}

#stageContainer .currentStage~a:nth-child(2):after {
	background-color: white;
	background-image: none;
}

#stageContainer .currentStage~a:nth-child(3) {
	color: #D3D3D3;
	font-weight: normal;
}

#stageContainer .currentStage~a:nth-child(3):after {
	background-color: white;
	background-image: none;
}

#stageContainer .currentStage~a:nth-child(4) {
	color: #E0E0E0;
	font-weight: normal;
}

#stageContainer .currentStage~a:nth-child(4):after {
	background-color: white;
	background-image: none;
}

#stageContainer .currentStage~a:nth-child(5) {
	color: #E0E0E0;
	font-weight: normal;
}

#stageContainer .currentStage~a:nth-child(5):after {
	background-color: white;
	background-image: none;
}

#stageContainer .currentStage~a:nth-child(6) {
	color: #E0E0E0;
	font-weight: normal;
}

#stageContainer .currentStage~a:nth-child(6):after {
	background-color: white;
	background-image: none;
}

#stageContainer .currentStage~a:nth-child(7) {
	color: #E0E0E0;
	font-weight: normal;
}

#stageContainer .currentStage~a:nth-child(7):after {
	background-color: white;
	background-image: none;
}

#stageContainer.riskAssessmentCreator a {
	font-size: 24px;
	color: #485b68;
	padding-bottom: 20px;
	padding-left: 0;
}

#courseSave {
	padding: 14px 0;
	text-align: right;
	width: calc(100% - 40px);
	color: #FFF;
	background-color: #72b7e3;
	display: block;
	padding-right: 40px;
	position: relative;
	font-size: 20px;
	margin: 3px 0;
}

#courseSave:hover {
	background-color: #B1E024 !important;
}

#courseSave:hover:before {
	border-color: transparent #3F9CD8 transparent transparent;
}

/*#courseSave:before {
	content: ' ';
    position: absolute;
    border-style: solid;
    border-width: 0 83px 53px 0;
    border-color: transparent #72b7e3 transparent transparent;
    top: 0;
    left: -83px;
}*/

#courseSave:after {
	content: '\f0c7';
	font-family: fontAwesome;
	position: absolute;
	right: 10px;
}

#raSave {
	padding: 14px 0;
	text-align: right;
	width: calc(100% - 40px);
	color: #444444;
	background-color: #f2bb00;
	display: block;
	padding-right: 40px;
	position: relative;
	font-size: 20px;
	margin: 3px 0;
}

#raSave:after {
	content: '\f0c7';
	font-family: fontAwesome;
	position: absolute;
	right: 10px;
}

#raSave:hover {
	background-color: #ffb404;
}

.RABackLink {
	color: #fefefe !important;
	text-shadow: 2px 2px 4px #555555;
}

.RABackLink:hover {
	background-color: #ffb404 !important;
}

.RABackLink:hover:before {
	border-color: transparent #ffb404 transparent transparent !important;
}

.raLogoRequirements,
.hsLogoRequirements {
	margin-left: 40px;
}

.logoRequirements h4,
.logoRequirements ul,
.raLogoRequirements h4,
.raLogoRequirements ul,
.hsLogoRequirements h4,
.hsLogoRequirements ul {
    font-size: 14px;
}

.logoRequirements ul,
.raLogoRequirements ul,
.hsLogoRequirements ul {
	padding-left: 20px;
}

.logoRequirements h4,
.riskFormContainer .raLogoRequirements h4,
.riskFormContainer .hsLogoRequirements h4{
	text-transform: uppercase;
	margin-left: 0;
}

.logoRequirements li,
.raLogoRequirements li,
.hsLogoRequirements li {
    line-height: 1.6;
}

#myContracts {
	padding: 14px 0;
	text-align: right;
	width: calc(100% - 123px);
	color: #FFF;
	background-color: #8ed550;
	display: block;
	margin-left: 83px;
	padding-right: 40px;
	position: relative;
	font-size: 20px;
}

#myContracts:hover {
	background-color: #6FBB2D;
}

#myContracts:hover:before {
	border-color: transparent #6FBB2D transparent transparent;
}

#myContracts:before {
	content: ' ';
	position: absolute;
	border-style: solid;
	border-width: 0 83px 53px 0;
	border-color: transparent #8ed550 transparent transparent;
	top: 0;
	left: -83px;
}

#myContracts:after {
	content: '\f0c5';
	font-family: fontAwesome;
	position: absolute;
	right: 10px;
}

#myContracts.riskAssessmentCreator:hover {
	background-color: #f2bb00;
}

#myContracts.riskAssessmentCreator:before {
	border-color: transparent #f2bb00 transparent transparent;
}

#myContracts.riskAssessmentCreator {
	background-color: #f2bb00;
}

#healthSafetyForm h3 {
	color: #f2bb00;
}

.healthSafetyManualCreator.advancedForm {
	box-shadow: none;
}

#contractForm .nextStage {
	padding: 14px 0;
	text-align: right;
	width: calc(100% - 103px);
	color: #FFF;
	background-color: #72b7e3;
	float: right;
	margin-left: 83px;
	padding-right: 20px;
	position: relative;
	font-size: 20px;
	max-width: calc(50% - 106px);
}

#contractForm .nextStage:before {
	content: ' ';
	position: absolute;
	border-style: solid;
	border-width: 0 83px 53px 0;
	border-color: transparent #72b7e3 transparent transparent;
	top: 0;
	left: -83px;
}

#contractForm .prevousStage {
	padding: 14px 0;
	text-align: center;
	width: calc(100% - 103px);
	color: #FFF;
	background-color: #b1b1b1;
	float: left;
	margin-right: 83px;
	padding-right: 20px;
	font-size: 20px;
	max-width: calc(50% - 100px);
	position: absolute;
	left: 0;
}

#contractForm .prevousStage:before {
	content: ' ';
	position: absolute;
	border-style: solid;
	border-width: 53px 0 0 83px;
	border-color: transparent transparent transparent #b1b1b1;
	top: 0;
	right: -83px;
}

.RAbutton {
	text-align: center;
	width: 150px;
	color: #fefefe;
	text-shadow: 2px 2px 4px #555555;
	background-color: #f2bb00;
	float: right;
	margin-left: 40px;
	/* padding: 14px 20px; */
	position: relative;
	font-size: 20px;
	max-width: calc(50% - 106px);
	border-radius: 3px;
	padding: 20px 38px;
}

.RAbutton:hover {
	background-color: #ffb404;
}

.healthSafetyManualCreator hr {
	margin-left: 40px;
}

.RANavLinks {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
}

.RApreviousStage {
	text-align: left;
	width: 150px;
	color: #444444;
	background-color: #f2bb00;
	float: left;
	margin-right: 83px;
	padding: 14px 20px;
	font-size: 20px;
	max-width: calc(50% - 100px);
	/* position: absolute; */
	left: 0;
}

.RApreviousStage:hover {
	background-color: #ffb404;
}

.racIcon {
	float: right;
	background-color: #f2bb00;
	border-radius: 3px;
	padding: 20px 20px;
	width: 48px;
	margin-right: 40px;
	margin-left: 20px;
}

.complianceIcon {
	float: left;
	background-color: #f2bb00;
	border-radius: 3px;
	padding: 20px 20px;
	width: 48px;
	margin-right: 40px;
	margin-left: 20px;
	padding: 18px 28px;
}

@media (max-width: 480px) {
	img.complianceIcon {
		width: 32px;
		margin: 0 10px 0 0 !important;
	}

	.complianceDivMore {
		margin: 0 !important;
	}

	.sponsorRow img {
		padding-bottom: 20px;
	}
}

.complianceDiv {
	display: flex;
	align-items: center;
}

.complianceDivMore {
	display: none;
	padding: 20px;
	margin: 0 20px;
}

.complianceDiv,
.complianceDivMore {
	box-shadow: 2px 2px 13px -5px #979797;
	padding: 10px;
}

.complianceMore {
	background-color: #394b5f;
	padding: 5px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	color: white;
	text-align: center;
	margin: auto;
	width: 100px;
	cursor: pointer;
	line-height: 1em;
}

.complianceMore.closed:after {
	content: '\A\f078';
	font-family: fontAwesome;
	color: #ffb700;
	white-space: pre-wrap;
}

.complianceMore.open:after {
	content: '\A\f077';
	font-family: fontAwesome;
	color: #ffb700;
	white-space: pre-wrap;
}

.contentBlack .complianceMore {
	background-color: #000000;
}

p.leadPara {
	color: #394b5f;
	font-size: 105%;
	font-weight: bold;
}

#contractForm label {
	font-weight: bold;
	text-transform: uppercase;
	color: #5f6b7c;
	max-width: 98%;
	line-height: 1.2em;
	padding: 10px 0;
	display: inline-block;
	width: 100%;
}

.textButton {
	padding: 8px 10px;
	margin: 0 20px;
	cursor: pointer;
	font-weight: 500;
	display: inline-block;
	user-select: none;
}

.textButtonError {
	color: #E9403F;
}

.textButton:first-child {
	margin-left: 0;
	padding-left: 6px;
}

.textButton.textButtonSelected {
	color: #8ed550;
}

#contractForm .helpText {
	clear: both;
	width: calc(100% - 40px);
	background-color: #697484;
	padding: 30px 20px;
	color: #FFFFFF;
	position: relative;
	margin-top: 10px;
	display: none;
}

#contractForm .helpText a {
	color: white;
	text-decoration: underline;
	font-weight: bold;
}

#contractForm .legendHelpText {
	margin-top: -15px;
	margin-bottom: 15px;
}

#contractForm .fa-question-circle-o {
	color: #fe5350;
	float: right;
	margin-right: 12px;
	font-size: 19px;
	cursor: pointer;
	position: relative;
	padding: 0px 0px 5px 5px;
}

#contractForm .legend .fa-question-circle-o {
	float: none !important;
	color: #ffffff;
	display: inline-block;
}

#contractForm .open.fa-question-circle-o:after {
	content: '\f0d8';
	font-family: 'fontAwesome';
	position: absolute;
	left: -4px;
	bottom: -34px;
	font-size: 40px;
	color: #697484;
}

#contractForm .helpText:after {
	content: ' ';
	width: 90px;
	position: absolute;
	height: 2px;
	background-color: #fe5350;
	left: 20px;
	top: 15px;
	padding-left: 6px;
}

#contractForm fieldset {
	border: transparent;
	padding: 0;
	min-height: 580px;
}

#contractForm .label {
	width: 30%;
	float: left;
}

#contractForm .input {
	width: 68%;
	padding-left: 2%;
	float: left;
	position: relative;

}

#contractForm hr {
	clear: both;
	border-top: 2px solid #858e9b;
	margin: 25px 0;
}

.uploadFile {
	border: none !important;
}

#contractForm input,
#contractForm textarea {
	padding: 8px;
	width: 275px;
	clear: both;
	display: block;
	color: #6c737a;

	width: 48%;
	padding: 2px 6px;
	margin-left: 6px;
	margin-top: 11px;
	margin-bottom: 11px;
	height: 30px;
	max-width: 260px;
	font-size: 16px;
	border: 1px solid #afb5bd;
	color: #6c737a;
	z-index: 25;
	position: relative;
	letter-spacing: 1px
}

#contractForm textarea {
	height: 85px;
	resize: none;
}

#contractForm .legend {
	padding: 14px 30px;
	color: #FFFFFF;
	font-size: 20px;
}

#contractForm select {
	padding: 10px;
	color: #FFFFFF;
	font-weight: 500;
	border: none;
	-moz-appearance: window;
	-webkit-appearance: none;
	background-image: url(/assets/img/bgaDropdownArrow.png);
	background-repeat: no-repeat;
	background-position-x: 96%;
	background-position-y: center;
	padding-right: 16px;
}


/*Form colours */
.start.nextStage {
	background-color: #8ed550 !important;
}

.start.nextStage:before {
	border-color: transparent #8ed550 transparent transparent !important;
}

#contractForm.stage1 .legend,
#contractForm.stage1 select,
#stageList.stage1 #courseSave,
#contractForm.stage1 .nextStage {
	background-color: #c0e74e;
}

#contractForm.stage1 .textButtonSelected {
	color: #c0e74e;
}

#stageList.stage1 #courseSave:before,
#contractForm.stage1 .nextStage:before {
	border-color: transparent #c0e74e transparent transparent;
}

#contractForm.stage1-5 .legend,
#contractForm.stage1-5 select,
#stageList.stage1-5 #courseSave,
#contractForm.stage1-5 .nextStage {
	background-color: #99D074;
}

#contractForm.stage1-5 .textButtonSelected {
	color: #99D074;
}

#stageList.stage1-5 #courseSave:before,
#contractForm.stage1-5 .nextStage:before {
	border-color: transparent #99D074 transparent transparent;
}

#contractForm.stage2 .legend,
#contractForm.stage2 select,
#stageList.stage2 #courseSave,
#contractForm.stage2 .nextStage {
	background-color: #74a752;
}

#contractForm.stage2 .textButtonSelected {
	color: #74a752;
}

#stageList.stage2 #courseSave:before,
#contractForm.stage2 .nextStage:before {
	border-color: transparent #74a752 transparent transparent;
}

#contractForm.stage3 .legend,
#contractForm.stage3 select,
#stageList.stage3 #courseSave,
#contractForm.stage3 .nextStage {
	background-color: #486b4e;
}

#contractForm.stage3 .textButtonSelected {
	color: #0BA224;
}

#stageList.stage3 #courseSave:before,
#contractForm.stage3 .nextStage:before {
	border-color: transparent #486b4e transparent transparent;
}

#contractForm.stage4 .legend,
#contractForm.stage4 select,
#stageList.stage4 #courseSave,
#contractForm.stage4 .nextStage {
	background-color: #683b68;
}

#contractForm.stage4 .textButtonSelected {
	color: #A041A0;
}


#stageList.stage4 #courseSave:before,
#contractForm.stage4 .nextStage:before {
	border-color: transparent #683b68 transparent transparent;
}

#contractForm.stage5 .legend,
#contractForm.stage5 select,
#stageList.stage5 #courseSave,
#contractForm.stage5 .nextStage {
	background-color: #5c3945;
}

#stageList.stage1 #courseSave:hover {
	background-color: #A3C443 !important;
}

#stageList.stage2 #courseSave:hover {
	background-color: #608F41 !important;
}

#stageList.stage3 #courseSave:hover {
	background-color: #315337 !important;
}

#stageList.stage4 #courseSave:hover {
	background-color: #5F355F !important;
}

#stageList.stage5 #courseSave:hover {
	background-color: #442A33 !important;
}


#contractForm.stage5 .textButtonSelected {
	color: #C00F4D;
}

#stageList.stage5 #courseSave:before,
#contractForm.stage5 .nextStage:before {
	border-color: transparent #5c3945 transparent transparent;
}




.myContractsTable thead td:not(.clearBg) {
	background-color: #697484;
	color: #FFFFFF;
	padding-top: 0;
	padding-bottom: 0;
}

.myContractsTable tbody tr:nth-child(odd) td {
	background-color: #eeeeee;
}

.myContractsTable thead td.tableNoMobile {
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
}

.myContractsTable tbody tr:nth-child(even) td {
	background-color: #f9f9f9;
}

.myContractsTable tbody tr.dark td {
	background-color: #eeeeee !important;
}

.myContractsTable tbody tr.light td {
	background-color: #f9f9f9 !important;
}

/* my downloads with stats */

.myDownloadsStats {
	margin-bottom: 20px;
}
.myDownloadsTable  {
	margin-bottom: 20px;
}

.myDownloadsTable thead th {
	background-color: #697484;
	color: #FFFFFF;
    text-transform: uppercase;
    text-align: left;
}

.myDownloadsTable tbody tr:nth-child(odd) td {
	background-color: #eeeeee;
}

.myDownloadsTable thead th.tableNoMobile {
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
}

.myDownloadsTable tbody tr:nth-child(even) td {
	background-color: #f9f9f9;
}

.myDownloadsTable tbody tr.dark td {
	background-color: #eeeeee !important;
}

.myDownloadsTable tbody tr.light td {
	background-color: #f9f9f9 !important;
}

.myAccordion{
	margin-bottom: 40px;
}

.myAccordionTab{
    color: #385d77 !important;
    border-width: 0 0 1px 0;
    border-style: solid;
    padding: 20px;
    margin: 0;
    cursor: pointer;
    font-size: 18px !important;
    line-height: 22px;
    padding-right: 55px;
    position: relative;
	font-weight: bold;
}
.myAccordionPanel{
    display: none;
    padding: 10px 0;

}
.myAccordionPanel .myDownloadsTable{
	margin: 0;

}

.myAccordionTab::after, .myAccordionTab::after {
    content: '\f078';
    font-family: 'FontAwesome';
    position: absolute;
    right: 20px;
}

.myAccordionTab.clicked::after, .myAccordionTab.clicked::after {
    content: '\f077';
}


#courseStageContainer {
	background-size: contain;
	min-height: 900px;
	background-repeat: no-repeat;
	background-position: center;
}

.statusIcon {
	font-size: 30px;
	text-align: center;
	color: #f98f00;
}

.statusIcon.contractCompleted {
	color: #64b428;
}

.iconContainer {
	padding: 10px 0;
}

.topLineIcon {
	font-size: 28px;
	text-align: center;
	display: block;
}

.iconContainer a {
	color: inherit !important;
}

.topLineIcon+span {
	text-align: center;
	font-size: 12px;
	margin: 0 10px;
	display: block;
	line-height: 1em;
	margin-top: 4px;
	font-weight: 700;
}

.topLineDelete {
	-ms-transform: rotate(45deg);
	/* IE 9 */
	-webkit-transform: rotate(45deg);
	/* Chrome, Safari, Opera */
	transform: rotate(45deg);
}

.contractHeaderLast {
	position: relative;
}

.contractHeaderLast:after {
	content: '';
	border-style: solid;
	border-width: 0 90px 55px 0;
	border-color: transparent #ffffff transparent transparent;
	position: absolute;
	top: 0px;
	right: 0px;

}

/*End form colours */

#contractForm select option {
	padding: 10px;
	background-color: #FFFFFF;
	color: #5f6b7c;
}


#contractForm select option:hover {
	padding: 10px;
	background-color: #5f6b7c !important;
	color: #FFFFFF !important;
}

.contractContainer {
	padding: 20px 30px;
	/*background-color: #f8f8f8;*/
}

.nextStage {
	float: right;
	padding: 20px 38px;
}

.previousStage {
	float: right;
	padding: 20px 38px;
}

/*End contract generator */

/*HANDBOOK CREATOR */
.container.contentPink #stageContainer .currentStage~a:nth-child(2) {
	color: #465a64;
}

.container.contentPink #stageContainer .currentStage~a:nth-child(2):after {
	background-color: #465a64;
}

.container.contentPink #stageContainer .currentStage~a:nth-child(3) {
	color: #465a64;
}

.container.contentPink #stageContainer .currentStage~a:nth-child(3):after {
	background-color: #465a64;
}

.container.contentPink #stageContainer .currentStage~a:nth-child(4) {
	color: #465a64;
}

.container.contentPink #stageContainer .currentStage~a:nth-child(4):after {
	background-color: #465a64;
}

.container.contentPink #stageContainer a.currentStage {
	color: #c8288c;
}

.container.contentPink #stageContainer a.currentStage:after {
	background-color: #c8288c;
}

.container.contentPink #stageContainer a.introduction:after,
#stageContainer a.introduction {
	color: #c8288c;
}

.container.contentPink #stageContainer a.introduction:after {
	background-color: #c8288c;
}

.container.contentPink #stageContainer a.Compulsory:after,
#stageContainer a.Compulsory {
	color: #c8288c;
}

.container.contentPink #stageContainer a.Compulsory:after {
	background-color: #c8288c;
}

.container.contentPink #stageContainer a.Optional:after,
#stageContainer a.Optional {
	color: #c8288c;
}

.container.contentPink #stageContainer a.Optional:after {
	background-color: #c8288c;
}

.container.contentPink #stageContainer a.Download:after,
#stageContainer a.Download {
	color: #c8288c;
}

.container.contentPink #stageContainer a.Download:after {
	background-color: #c8288c;
}

.container.contentPink #contractForm .nextStage {
	background-color: #c8288c;
	width: auto;
	padding: 14px 20px;
}

.container.contentPink #contractForm .nextStage.startHandbook {
	padding: 14px 14px 14px 120px;
}

.container.contentPink #contractForm .nextStage:before {
	border-color: transparent #c8288c transparent transparent;
}

.container.contentPink #contractForm .prevousStage {
	background-color: #c8288c;
	width: auto;
	padding: 14px 20px;
}

.container.contentPink #contractForm .prevousStage:before {
	border-color: transparent transparent transparent #c8288c;
	border-width: 0 0 53px 83px;
}

.container.contentPink #contractForm textarea {
	font-family: 'Roboto', sans-serif !important;
	max-width: none;
	width: 80%;
	resize: vertical;
}

.container.contentPink .input.textarea .authenticationErrorContent {
	width: 60px;
	float: right;
}

.container.contentPink #formContainer {
	/*background-color: #f8f8f8;*/
}

.handbookOptions {
	padding: 10px;
	background-color: #f6f6f6;
	margin-bottom: 30px;
}

.handbookOptions img {
	width: 80px;
	height: auto;
	border: 1px black;
	float: right;
	margin: 14px;
	cursor: pointer;
}

.handbookOptions h4 {
	width: calc(100% - 120px);
	display: inline-block;
}

.handbookOptions p {
	width: 50%;
	display: inline-block;
	color: #c8288c !important;
}

.handbookHeader {
	background-color: #c8288c;
	padding: 20px;
}

.handbookHeader p {
	color: #fff !important;
	font-size: 18px !important;
	font-style: normal !important;
}

.handbookTable {
	width: calc(100% - 20px);
	color: #465a64;
	border-collapse: collapse;
	margin-left: 10px;
	margin-top: 10px;
}

.handbookTable tr td:nth-child(2) {
	text-align: center;
}

.handbookTable tr td:nth-child(3) {
	text-align: left;
}

.handbookTable tr td {
	font-weight: bold;
	padding: 10px 10px 10px 0px;
}

.handbookTable tr td .showOptions {
	color: #c8288c;
	cursor: pointer;
}

.handbookTable thead tr td {
	border-bottom: 1px solid #465a64;
}

.handbookTable tbody tr:not(.lastRow) td {
	border-bottom: 1px solid #C9C9C9;
}

.handbookTable tbody tr.lastRow td {
	padding-bottom: 26px;
}

.handbookTable .far.fa-eye {
	cursor: pointer;
	color: #465a64;
}

.handbookTable .far.fa-eye:hover {
	color: #c8288c;
}

.healthSafetyManualCreator .handbookTable .far.fa-eye:hover {
	color: #ffb200;
}

.fa-check-circle.handbookChoice.fas {
	color: green;
}

.container.contentPink .downloadContainer {
	width: calc(100% - 350px);
	float: left;
}

.container.contentPink .handbookDownload {
	width: 300px;
	margin-top: 40px;
	margin-left: 30px;
	cursor: pointer;
}

.container.contentPink .downloadContainer .downloadWarning {
	margin-left: 30px !important;
	font-size: 14px !important;
	color: #c8288c !important;
}

.container.contentPink .handbookReminder {
	margin-top: 20px !important;
	margin-left: 30px !important;
	font-size: 14px !important;
	color: #c8288c !important;
}

.container.contentPink .headbookImage {
	float: right;
	width: 200px;
	margin-right: 30px;
	margin-top: -60px;
	margin-bottom: 40px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.container.contentPink .handbookTable select {
	background-color: #c8288c !important;
}

/* End of handbook generator */

.latestNewsHome .newsHomeReadMore {
	display: block;
	clear: both;
	border-top: 1px solid #FFFFFF;
}

.signInMessage:after {
	content: '\f054';
	font-family: fontAwesome;
	padding: 2px 8px;
	float: right;
}

.homeMainSlider img {
	display: none;
}

#courseStageContainer p:not(.standardText),
.formSubText {
	font-size: 12px;
	margin: 0;
	line-height: 1.6em;
	font-weight: 500;
	font-style: italic;
	color: #697384;
}

.ui-datepicker {
	z-index: 1000 !important;
}

.advert-employer .advertButton {
	float: left;
	margin-top: 5px;
}

.advert-employer p {
	float: left;
	width: 60%;
	margin: 0;
	padding-left: 20px;
}

.advertHeader {
	margin-top: 30px;
}

.advertHeaderLeft {
	width: 300px;
	height: 200px;
	background-color: #385d77;
	color: #fff;
	float: left;
}

.advertHeaderLeft h4 {
	padding: 50px 10px;
	font-size: 25px;
}

.advertHeaderRight {
	background-color: #EAECEC;
	width: calc(100% - 300px);
	float: right;
	height: 200px;
}

.advertHeaderRight h3 {
	padding: 20px 10px;
}

.advertHeaderRight p {
	float: left;
	width: 50%;
	padding: 5px 10px;
	margin-top: -10px;
}

.advertHeaderRight .advertButton {
	float: right;
	margin-right: 10px;
	width: 45%;
}

/* FAQ */

.fqQuestion,
.fqQuestionSentence {
	color: #385d77 !important;
	border-width: 0 0 1px 0;
	border-style: solid;
	padding: 30px 10px 10px;
	margin: 0;
	cursor: pointer;
	font-size: 18px !important;
	line-height: 22px;
	padding-right: 55px;
	position: relative;

}

.fqQuestion::after,
.fqQuestionSentence::after {
	content: '\f078';
	font-family: 'FontAwesome';
	position: absolute;
	right: 20px;
}

.fqQuestion.clicked::after,
.fqQuestionSentence.clicked::after {
	content: '\f077';
}

.fqAnswer {
	display: none;
	padding: 0 10px;
}

h3.fqQuestionSentence {
	text-transform: unset !important;
}


.membership {
	float: left;
	width: 70%;
	padding: 10px
}

.membershipPayMethod {
	float: right;
	width: 25%;
	height: 100%;
	background-color: #4a5968;
	color: #fff;
	padding: 10px;
	margin: 0;
}

.membershipPayMethod p {
	margin: 4px 0;
	font-size: 20px;
	width: 100%;
}

#jobImageUploader {
	overflow: hidden !important;
	height: 250px;
	width: 100%;
	border: none;
}

.logoUploadContainer {
	float: left;
	width: 50%;
	margin-top: 23px;
}

.logoUploadCurrent {
	float: left;
	margin-left: 40px;
}


/* MEGA MENU */
.megaMenuBar {
	margin-bottom: 8px;
	height: 58px;
	display: flex;
}

.megaItem {
	width: calc(12.5% - 6px);
	flex: 1 1 auto;
	padding: 21px 2px;
	float: left;
	text-align: center;
	background-color: #eceff1;
	border-left: 2px solid #fff;
	cursor: pointer;
	color: #385d77;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.5;
	position: relative;
	max-height: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.megaItem.current {
	background-color: #385d77;
	color: #fff;

}

.megaItem.current:after {
	border-top: 15px solid #385d77;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	top: 50px;
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -15px;
	z-index: 1000;
}

.megaItem:hover {
	background-color: #2B475B;
	color: #fff;
}

.megaItem.current:hover {
	background-color: #385d77 !important;
}

.megaDropDown {
	background-color: #eceff1;
	position: absolute !important;
	height: 450px;
	z-index: 1000;
	margin-left: calc(50% - 683px);
	display: none;
	font-size: 14px;
}

@media (max-width: 1395px) {
	.megaDropDown {
		margin: 0;
	}
}

.megaDropDown.current {
	display: block;
}

.megaListMenu {
	height: 100%;
	border-right: 1px solid #C9C9C9;
	float: left;
}

.megaListMenu ul {
	margin: 0;
	list-style: none;
	padding-top: 30px;
	padding-left: 20px;
}

.megaListMenu ul li {
	padding: 5px 0px;
	font-weight: 500;
	color: rgb(53, 71, 89);
}

.megaListMenu ul li.megaListTitle {
	color: rgb(53, 71, 89) !important;
}

.megaListMenu ul li.current {
	color: #64b428;
}

.megaListMenu ul li:hover {
	color: #64b428;
}

.megaListMenu ul li i {
	display: none;
}

.megaListMenu ul li:hover i {
	display: block;
}

.megaListMenu ul li.current i {
	display: block;
}

.megaListMenu ul li.strong {
	margin-bottom: 10px;
	font-weight: bold !important;
}

#MembershipBenefits .megaListMenu ul li {
	font-weight: 400;
}

.subList li {
	font-weight: 400 !important;
}

.shortMegaListBottom {
	height: 40%;
	float: right;
	width: 68%;
}

.megaInfoBox {
	background-color: #2c4b64;
	color: #fff;
	float: right;
	height: 100%;
}

.megaInfoBox h3 {
	position: absolute;
	margin-left: 20px;
	margin-top: -3px;
	background-color: rgba(118, 189, 35, 1.00);
	padding: 10px 22px;
	font-weight: 400;
	font-size: 18px;
}

.eeaAdContainer {
	border: 1px solid #385d77;
	width: auto;
	height: calc(90% - 20px);
	margin: 20px;
	text-align: center;
	padding-top: 15px;
}

.eeaAdContainer h4 {
	margin: 0;
	color: #385d77;
}

.eeaAdContainer h3 {
	color: #64b428 !important;
	margin: 0;
}

.eeaAdContainer h2 {
	margin: 0;
	line-height: 35px;
	color: #385d77;
	font-weight: 1000;
}

.eeaAdContainer.long h2 {
	line-height: 42px;
}

.eeaAdContainer.large {
	padding-top: 30px;
}

.eeaAdContainer.large h4 {
	font-size: 23px;
}

.eeaAdContainer.large h3 {
	font-size: 34px;
	line-height: 34px;
}

.eeaAdContainer.large h2 {
	font-size: 55px;
	line-height: 53px;
}

.eeaAdContainer.large .signUpBox {
	padding: 20px 0px;
}

.eeaAdContainer .signUpBox {
	width: 90%;
	background-color: #64b428;
	color: #fff;
	padding: 10px 0px;
	text-transform: uppercase;
	font-size: 23px;
	margin: 0 auto;
}

.eeaAdContainer .signUpBox:hover {
	background-color: #5D961A !important;
}

.eeaAdContainer.long {
	height: 55%;
}

.eeaAdContainer.long .eeaAdText {
	width: 60%;
	padding-top: 10px;
}

.eeaAdContainer.long .eeaAdText span {
	font-size: 20px;
}

.eeaAdContainer.long .signUpBox {
	width: 23%;
	float: right;
	padding: 20px;
	margin-right: 20px;
	margin-top: 10px;
}

.megaLink {
	padding: 20px 15px;
	background-color: #64b428;
	color: #fff;
	width: 80%;
	margin: 30px auto 20px;
	font-size: 18px;
	cursor: pointer;
	text-align: center;
	line-height: 16px;
	font-weight: bold;
}

.megaLink:hover {
	background-color: #5D961A !important;
}

.megaLink:hover span {
	margin-right: 0px;
	transition: 0.3s;
}

.megaLink span {
	font-size: 12px;
	font-weight: 400;
}

.infoBoxContent {
	width: 100%;
	height: calc(100% - 50px);
	margin-top: 50px;
}

.infoQuote {
	height: calc(50% - 25px);
	padding-top: 15px;
}

.infoQuote img {
	float: left;
	width: 100px;
	margin-left: 20px;
}

.infoQuote .quoteText {
	float: left;
	width: calc(100% - 160px);
	padding-right: 20px;
}

.infoQuote .quoteText p {
	margin: 0;
	font-size: 14px;
	padding-left: 15px;
}

.infoQuote .quoteText .quoteDetail {
	line-height: 20px;
}

.infoQuote .quoteText .quoteName {
	font-weight: bold;
	padding-top: 10px;
}

.infoQuote .quoteText .quoteSubName {
	font-weight: bold;
	line-height: 15px;
	color: #64b428;
	font-style: italic;
}

.toolsTable {
	margin-top: 60px;
}

.toolsTable td {
	padding: 0;
	height: 40px;
}

.toolsTable td p {
	margin: 0;
	line-height: 15px;
	font-size: 14px;
	color: #fff;
}

.toolsTable td p:nth-child(2) {
	color: #D1D1D1;
	line-height: 18px;
	font-size: 12px;
}

.toolsTable td img {
	padding: 5px 20px 0px;
	height: 100%;
	width: 36px;
}

.toolsTable tr {}


.flexHeader {
	display: flex;
	align-items: center;
}


/* Small Video */
#videoContainer {
	width: 80%;
	margin-left: 20px;
	position: relative;
}

.videoContainerFull {
	position: relative;
}

.videoContainerFull video {
	width:100%;
	background-size:contain ;
	background-position:center ;
	background-repeat:no-repeat ;
	border: 1px solid #CCCCCC;

}

.videoContainer {
	width: 80%;
	margin-left: 20px;
	position: relative;
}

.videoContainer video {
	width:100%;
	background-size:cover ;
	background-position:center;
	background-repeat:no-repeat;
	background-color: #fff;
	border: 1px solid #CCCCCC;
	aspect-ratio: 16 / 9;
	aspect-ratio: attr(width) / attr(height);
}

.videoButton,
#playButton {
	/* position: absolute;
	width: 16%;
	margin-top: 20%;
	margin-left: 42%;
	cursor: pointer;
	z-index: 1000; */

	position: absolute;
    width: 16%;
    cursor: pointer;
    z-index: 1000;
    top: 50%;
    bottom: 50%;
    margin: auto;
    left: calc(50% - 8%);
    cursor: pointer;
    z-index: 1000;
	transition: opacity 1s;
}

.videoButton {
	padding-top: 16%;
	background: #e95757;
    border-radius: 100%;

}

.videoButton:before{
	content: '\f04b';
	font-family: fontAwesome;
	color: #fff;
	font-size: 35px;
	position: absolute;
	top: 50%;
	left: 55%;
	transform: translateX(-50%) translateY(-50%);
}

.videoContainer.playing .videoButton:before{
	content: '\f04c';
	left: 50%;
}


.videoContainer.playing .videoButton{
	opacity: 0;
}

.videoContainer.playing:hover .videoButton{
	opacity: 1;
}



#fullscreenVideo {
	position: absolute;
	bottom: 10px;
	right: 5px;
	width: auto;
	font-size: 26px;
	cursor: pointer;
	z-index: 1000;
	color: #dc3f45;
	display: none;
}

#EEAvideo {
	width: 100%;
}

/* Full Screen Video */
#videoOverlayFull {
	position: absolute;
	background-color: rgba(43, 71, 91, 0.83);
	width: 100%;
	height: calc(100% + 600px);
	top: -89px;
	left: 0;
	z-index: 800;
	display: none;
}

#exitFull {
	color: #fff;
	font-size: 42px;
	right: 10px;
	position: absolute;
	cursor: pointer;
}

#videoContainerFull {
	width: 60%;
	margin-left: 20%;
	margin-top: 10%;
	z-index: 900;
}

#playButtonFull {
	position: absolute;
	width: 5%;
	margin-top: 13%;
	margin-left: 27%;
	cursor: pointer;
	z-index: 1000;
	display: block;
}

#EEAvideoFULL {
	width: 100%;
}

/* MENU */
.mobileMenu {
	display: none;
}

.deskMenu {
	display: block;
}

/* Breadcrumb */
.breadcrumbs {
	background-color: #eceff1;
	padding: 10px 32px;
	margin: 10px 0px;
}

.breadcrumbs a {
	color: #6c737a !important;
}

.breadcrumbs a:hover {
	color: #2c4b64 !important;
}


.breadcrumbs .last {
	color: #2c4b64 !important;
	font-weight: 500;
}

.breadcrumbs span {
	margin: 0px 6px;
	font-weight: bold;
}

/* CODE OF GOOD EMPLOYMENT */
.coeHeader {
	width: calc(100% - 44px);
	text-align: left;
	background-color: #64b428;
	color: #fff;
	padding: 5px 22px;
	text-transform: uppercase;
}


.coeHeader h2 {
	font-size: 26px;
}

.coeContainer {
	padding: 10px;
	overflow: hidden;
	background-color: #f6f6f6;
}

#courseStageContainer.codeOfEmployment .coeContainer p {
	font-size: 16px;
	line-height: 28px;
	font-style: normal;
	padding: 0px;
}

#courseStageContainer.codeOfEmployment .nextStage,
.nextStageStandard {
	padding: 14px 0;
	text-align: right;
	width: 215px;
	color: #FFF;
	background-color: #64b428;
	float: right;
	margin-left: 83px;
	padding-right: 20px;
	position: relative;
	font-size: 20px;
	max-width: calc(50% - 106px);
}

#courseStageContainer.codeOfEmployment .nextStage:before,
.nextStageStandard:before {
	content: ' ';
	position: absolute;
	border-style: solid;
	border-width: 0 83px 53px 0;
	border-color: transparent #64b428 transparent transparent;
	top: 0;
	left: -83px;
}

#courseStageContainer.codeOfEmployment #stageContainer a:after {
	background-color: #64b428;
	border-top: none;
}

#courseStageContainer.codeOfEmployment #stageContainer a.stageComplete:after,
#courseStageContainer.codeOfEmployment #stageContainer a.currentStage:after {
	background-color: #3e7c31;
}

#courseStageContainer.codeOfEmployment #stageContainer a {
	color: #40525a;
	margin-bottom: 3px;
}

#courseStageContainer.codeOfEmployment #stageContainer a.currentStage {
	background-color: #d6d6d6;
}

#courseStageContainer.codeOfEmployment #stageContainer a.stageComplete {
	background-color: #40525a;
	color: #fff;
}

table.coeTable {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 6px;
}

table.coeTable tr:nth-child(1) td:nth-child(1) {
	background-color: #64b428;
	color: #fff;
	padding: 10px;
	text-transform: uppercase;
	font-weight: 600;
	text-align: left;
}

table.coeTable tr:nth-child(1) td:nth-child(2) {
	background-color: #64b428;
	width: 220px;
}

table.coeTable tr:nth-child(1) td:nth-child(3) {
	background-color: #3e7c31;
	color: #fff;
	padding: 10px 16px;
	text-transform: uppercase;
	text-align: center;
	/*font-size: 12px;*/
	width: 25px;
}

table.coeTable tr:nth-child(2) td:nth-child(1) {
	background-color: #f5f5f5;
	/*font-size: 12px;
	line-height: 16px;*/
	padding: 12px;
}

table.coeTable tr:nth-child(2) td:nth-child(2) {
	background-color: #f5f5f5;
}

table.coeTable tr:nth-child(2) td:nth-child(3) {
	background-color: #e3e4e6;
}

.coeChoice {
	margin-left: calc(50% - 7px);
	cursor: pointer;
}

.coeChoice.selected {
	color: green;
}

.coeLearnMore {
	width: 85px;
	background-color: #40525a;
	color: #fff;
	padding: 4px;
	text-align: center;
	font-size: 12px;
	float: right;
	margin-right: 10px;
}

.coeLearnMore:hover {
	background-color: #54666e;
}

#contractForm input.coeTextInput {
	width: 100%;
	max-width: 70%;
	margin: 16px;
	height: 50px;
}

.greenWhiteList>li {
	color: #64b428;
	font-size: 11px;
}

.greenWhiteList>li>span {
	color: #dedede;
	font-size: 16px;
}

.downloadButton {
	background-color: #455a63;
	width: 260px;
	height: 55px;
	color: #fff;
	box-sizing: border-box;
	padding: 12px;
	line-height: 30px;
	font-size: 18px;
	position: relative;
	margin: 15px 0px;
	cursor: pointer;
	display: block;
}

.downloadButton img {
	height: 52px !important;
	position: absolute;
	right: 0px;
	top: 0px;
}

/* New date picker */

/* Error Message */
.customDatePicker .requiredError.formregistration.authenticationError.undefined {
	top: 72px !important;
	height: 55px !important;
	width: 270px !important;
}

.customDatePicker .requiredError.formregistration.authenticationError.undefined .authenticationErrorContent {
	padding-top: 34px;
}

/* User banner */
.userBanner {
	position: absolute;
	left: 0;
	right: 0;
	height: auto;
	padding: 10px 10px 20px;
	background: #efefef;
	z-index: 900;
	display: none;
}

.userBanner .bannerInner {
	display: flex;
	width: 1366px;
	max-width: 100%;
	margin: 0 auto;
}

.userBanner .bannerInner .bannerContainer {
	flex-grow: 1;
	min-width: 30%;
}

.userBanner .bannerInner .bannerContainer h3 {
	font-size: 22px;
	margin-bottom: 5px;
}

.userBanner .bannerInner .bannerContainer h3 i {
	font-size: 27px;
}

.userBanner .bannerInner .bannerContainer>ul {
	list-style: none;
	padding-left: 36px;
	margin-top: 10px;
}

.userBanner .bannerInner .bannerContainer a {
	color: #4a5968;
}

.userBanner .bannerInner .bannerContainer a:hover {
	color: rgba(118, 189, 35, 1.00);
}

.userBanner .bannerInner .bannerContainer .bannerButton {
	background-color: rgba(118, 189, 35, 1.00);
	color: #fff;
	padding: 5px 15px;
	font-size: 18px;
	display: inline-block;
	margin-top: 43px;
}

.userBanner .bannerInner .bannerContainer .bannerButton:hover {
	background-color: #5D961A;
	color: #fff;
	transition: 0.5s;
}

.accountMobileMenu {
	min-height: 0px;
	height: calc(100% - 89px);
	position: absolute;
	z-index: 500;
	left: -750px;
	right: 0;
	top: 89px;
	overflow: hidden;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	-moz-transition: 0.8s;
	-webkit-transition: 0.8s;
	transition: 0.8s;
	min-width: 18%;
	max-width: 1000px;
	width: 100%;
	background-color: #fff;
}

.accountMobileMenu.mainMenuOpen {
	left: 0px;
}


/* New 2019 Template styles */
.quoteTemplateContainer {
	background-color: #f5f5f5;
	padding: 24px 40px;
	position: relative;
}

.quoteTemplateContainer:before {
	background-size: cover;
	top: 12px;
	left: -4px;
	height: 24px;
	width: 32px;
	position: absolute;
	display: inline-block;
	content: '';
}

.quoteTemplateContainer:after {
	background-size: cover;
	bottom: 12px;
	right: -4px;
	height: 24px;
	width: 32px;
	position: absolute;
	display: inline-block;
	content: '';
}

.quoteTemplateContainer.redQuote:before {
	background: url("/assets/img/templateImages/conversation-mark-01.svg");
}

.quoteTemplateContainer.redQuote:after {
	background: url("/assets/img/templateImages/conversation-mark-02.svg");
}

.quoteTemplateContainer.blueQuote:before {
	background: url("/assets/img/templateImages/conversation-mark-03.svg");
}

.quoteTemplateContainer.blueQuote:after {
	background: url("/assets/img/templateImages/conversation-mark-04.svg");
}




.importantInfoTemplate {
	width: 882px;
	height: 100px;
	border-collapse: collapse;
}

.importantInfoTemplate td {
	border-top: 1px solid #f37069;
	border-bottom: 1px solid #f37069;
}

.importantInfoTemplate td:nth-child(1) {
	width: 3px;
	background-color: #f37069;
}

.importantInfoTemplate td:nth-child(2) {
	width: 40px;
	background-color: #f5f5f5;
	vertical-align: top;
	padding-top: 9px;
}

.importantInfoTemplate td:nth-child(2)>img {
	width: 24px;
	margin-left: 8px;
}

.importantInfoTemplate td:nth-child(3) {
	max-width: 800px;
	background-color: #f5f5f5;
	font-size: 14px;
	padding: 8px 5px;
	border-right: 1px solid #f37069;
	vertical-align: top;
}

.importantInfoTemplate td:nth-child(3)>h5 {
	margin: 0px;
}




.simpleQuoteTemplate {
	width: 882px;
}

.complianceDivMore .simpleQuoteTemplate {
	width: auto;
}

.simpleQuoteTemplate td:nth-child(1) {
	width: 3px;
}

.simpleQuoteTemplate td.redQuote {
	background-color: #e95757;
}

.simpleQuoteTemplate td.greenQuote {
	background-color: #76bd22;
}

.simpleQuoteTemplate td.blueQuote {
	background-color: #385d77;
}

.simpleQuoteTemplate td.greyQuote {
	background-color: #6c737a;
}

.simpleQuoteTemplate td.purpleQuote {
	background-color: #B41E8E;
}

.simpleQuoteTemplate td:nth-child(2) {
	width: 858px;
	background-color: #f5f5f5;
	padding: 8px 5px;
}




.numberListTemplate {
	width: 100%;
}

.numberListTemplate td:nth-child(1) {
	width: 50px;
	vertical-align: top;
	padding-right: 10px;
}

.transportTemplate {
	width: 100%;
	background-color: #b4b4b4;
	margin-bottom: 15px;
	border-width: 3px;
	border-radius: 15px;
	border-style: solid;
	border-color: #656565;
}

.transportTemplate.transportYellow {
	border-color: #fbcb23;
	background-color: #fff2c3;
}

.transportTemplate td:nth-child(1) {
	width: 80px;
	padding: 15px 15px 0 15px;
	vertical-align: top;
}

.numberListTemplate.transport {
	background-color: #dedede;
}

.numberListTemplate.transport.alt {
	background-color: #fff2c3;
}

.numberListTemplate.transport td:nth-child(1) {
	padding-top: 0.5rem;
}

ul.tickBulletList {
	list-style-type: none;
}

ul.tickBulletList li:before {
	content: "\2713\0020";
}


/* Mental Health Checkcer */
.container.contentLightBlue h5 {
	color: #134687 !important;
}

.wideBackgroundHeading {
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	width: 100%;
	padding: 15px;
	color: #fff;
	background-color: #134687;
	border-radius: 10px;
	box-sizing: border-box;
}

table.quizTable {
	width: 100%;
}

table.quizTable tr:nth-child(odd) td:nth-child(1) {
	background-color: #efefef;
	border: 2px solid #fff;
	padding: 20px;
	font-weight: bold;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-right: none;
}

table.quizTable tr:nth-child(odd) td:nth-child(2) {
	background-color: #efefef;
	border: 2px solid #fff;
	padding: 20px;
	font-weight: bold;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	width: 180px;
}

table.quizTable tr.completed:nth-child(odd) td {
	border-color: #134697;
	background-color: #fff;
}

table.quizTable tr.completed:nth-child(odd) td:nth-child(1) {
	color: #134697
}

table.quizTable tr:nth-child(even) td {
	height: 30px;
}

table.quizTable tr td div.inputSpacer {
	display: flex;
}

table.quizTable tr td div.inputSpacer>div {
	flex-grow: 1;
}

table.quizTable tr td input[type='radio']:after {
	width: 15px;
	height: 15px;
	border-radius: 15px;
	top: -2px;
	left: -6px;
	position: relative;
	background-color: #fff;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 2px solid #d1d3d1;
}

table.quizTable tr td input[type='radio']:checked:after {
	background-color: #134697;
}

table.quizTable tr.extraSupport {
	display: none;
}

table.quizTable tr.extraSupport td.supportBox {
	background-color: #fff;
	border: 2px solid #e95857;
	border-radius: 10px;
	color: #134697;
	overflow: auto;
}

table.quizTable tr.extraSupport td.supportBox div {
	width: calc(100% - 260px);
	float: left;
	font-size: 18px;
}

table.quizTable tr.extraSupport td.supportBox div p {
	margin: 3px;
}

table.quizTable tr.extraSupport td.supportBox img {
	width: 250px;
	float: right;
}

.mentalHealthResults {
	margin-top: 20px;
}

.mentalHealthResults .resultsHeader {
	width: 145px;
	float: left;
	text-transform: uppercase;
	padding: 30px;
	background-color: #2c4b64;
	color: #fff;
	font-weight: bold;
	border-radius: 10px;
	font-size: 24px;
}

.mentalHealthResults .resultsContent {
	width: calc(100% - 230px);
	float: right;
	height: auto;
}

.mentalHealthResults .resultsContent .resultsIcon {
	height: 85px;
	width: 95px;
	background-color: #134697;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	float: left;
}

.mentalHealthResults .resultsContent .resultsIcon img {
	width: 100%;
	height: 100%;
}

.mentalHealthResults .resultsContent .resultsInnerContent {
	float: left;
	width: calc(100% - 95px);
	background-color: #eeeeee;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 22px;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.mentalHealthResults .resultsContent .resultsInnerContent p {
	margin: 0px;
	font-size: 23px;
	font-weight: bold;
	color: #134697;
}

.mentalHealthResults .resultsContent .resultsButtons {
	display: flex;
	justify-content: space-around;
	margin-top: 25px;
	flex-wrap: wrap;
}

.mentalHealthResults .resultsContent .resultsButtons a {
	display: flex;
	width: 40%;
	padding: 14px;
	border: 3px solid #fff;
	border-radius: 10px;
	margin-bottom: 20px;
}

.mentalHealthResults .resultsContent .resultsButtons a:hover {
	background-color: #fff;
}

.mentalHealthResults .resultsContent .resultsButtons a img {
	width: 80px;
	height: 80px;
	float: left;
}

.mentalHealthResults .resultsContent .resultsButtons a span {
	font-size: 20px;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 25px;
	color: #134697;
}

.mentalHealthResults .resultsContent .resultsButtons .supportLink {
	border: none;
	position: relative;
}

.mentalHealthResults .resultsContent .resultsButtons .supportLink img {
	width: 100%;
	height: auto;
	position: absolute;
	top: -77px;
}

.mentalHealthResults .resultsContent .resultsButtons .supportLink:hover {
	background-color: transparent;
}

.mentalHealthResults .resultsContent .resultsButtons.largeTopMargin {
	margin-top: 110px;
}

#noResults {
	margin-top: 20px;
	font-size: 20px;
	color: #e95857;
	text-align: center;
	margin-bottom: 50px;
}






/* --------------------------
- 		NEW JOB BOARD		-
----------------------------*/

/* --------------------------
- 		NEW JOB BOARD		-
----------------------------*/

@media(min-width:1366px) {
	.jobHeroImage {
		width: 1366px;
	}

	.jobBoardImage {
		width: 1366px;
	}
}

.jobHeroImage {
	margin: 0 auto;
	display: block;
	position: relative;
	z-index: 50;
	padding-bottom: 130px;
}

.jobHeroImage .jobBoardHeroSpace {
	background-color: #394d61;
	width: calc(100%);
	/* was -80px */
	/* margin-left: 40px; */
	margin-top: -100px;
	position: absolute;
	padding-bottom: 40px;
	border-radius: 3px;
	box-shadow: 0px 0px 20px -4px #313131;
}

.jobHeroImage .jobBoardHeroSpace .jobBoardHeroTitle {
	color: #73c5d5;
	margin-top: 35px;
	margin-left: 60px;
	font-size: 48px;
}

.jobHeroImage .jobBoardHeroSpace .jobBoardHeroSubtitle {
	color: #fff;
	margin-left: 60px;
	font-weight: 100;
	font-size: 28px;
	line-height: 28px;
	margin-top: 10px;
	margin-bottom: 30px;
}

.jobHeroImage .jobBoardHeroSpace .jobBoardHerorMenu {
	display: flex;
	margin: 0px 60px;
	list-style: none;
	padding: 0;
	position: absolute;
	width: calc(100% - 120px);
}

.jobHeroImage .jobBoardHeroSpace .jobBoardHerorMenu li {
	background-color: #fff;
	padding: 15px;
	flex-grow: 1;
	flex-basis: 0;
	margin-right: 20px;
	border: 1px solid #e9e9e9;
	border-radius: 4px;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 17px;
	text-align: center;
	cursor: pointer;
	display: flex;
}

.jobHeroImage .jobBoardHeroSpace .jobBoardHerorMenu li p {
	flex-grow: 1;
	align-self: center;
	margin: 0px;
}

.jobHeroImage .jobBoardHeroSpace .jobBoardHerorMenu li:hover {
	background-color: #efefef;
	box-shadow: 0px 0px 20px -8px #949494;
	transition: 0.3s;
}

.jobHeroImage .jobBoardHeroSpace .jobBoardHerorMenu li.current {
	background-color: #73c5d5;
	color: #fff;
	border-color: #73c5d5;
	box-shadow: 0px 0px 20px -5px #3a3a3a;
}

.jobBoardText {
	font-size: 23px;
	margin-left: 40px;
	color: #73c5d5;
}

.jobBoardText strong {
	color: #394d60;
}

.jobBoardTopContainers {
	display: flex;
	/* padding: 0px 20px; */
	margin-top: 10px;
}

.advancedContainer {
	flex-grow: 1;
	min-height: 100px;
	background-color: #f5f5f5;
	position: relative;
	padding-bottom: 30px;
}

.advancedContainer h3 {
	margin: 0px;
	margin-left: 30px;
	background-color: #394d60;
	display: inline-block;
	color: #fff;
	font-size: 14px !important;
	font-weight: 400;
	padding: 7px 32px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	width: 200px;
	box-sizing: border-box;
	text-align: center;
}

.advancedContainer>p {
	margin-left: 30px;
	font-size: 14px;
	line-height: 18px;
	color: #394d60;
	margin-top: 22px;
	margin-right: 30px;
}

.advertiseJobAdvert {
	display: flex;
	margin-left: 30px;
	margin-right: 30px;
	justify-content: space-between;
}

.advancedContainer p.innerTitle {
	color: #73c5d5;
	font-size: 32px;
	line-height: 25px;
	font-weight: 600;
	text-transform: uppercase;
}

.advancedContainer p.innerTitle>span {
	font-size: 23px;
	line-height: 23px;
	color: #394d5f;
}

.advancedContainer .innerOr {
	font-weight: bold;
	background-color: #394d5f;
	color: #73c5d5;
	padding: 9px 7px;
	border-radius: 8px;
	align-self: center;
	font-size: 18px;
	line-height: 19px;
}

.advancedContainer .advancedButtonGroup {
	display: flex;
	padding: 0px 30px;
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	bottom: -24px;
}

.advancedContainer .advancedButtonGroup .advancedContainerButton {
	position: relative;
	max-width: 200px;
	width: auto;
	flex-grow: 1;
	left: unset;
	bottom: unset;
}

.advancedContainer .advancedButtonGroup .advancedContainerButton:nth-child(1) {
	margin-right: 10px;
}

.advancedContainer .advancedButtonGroup .advancedContainerButton:nth-child(2) {
	margin-left: auto;
}

.advancedContainer .advancedContainerButton.negativeAdvancedButton {
	background-color: #d48383;
}

.advancedContainer .advancedContainerButton.negativeAdvancedButton:hover {
	background-color: #d47070;
}

.advancedContainer .advancedContainerButton.positiveAdvancedButton {
	background-color: #00d9a9;
}

.advancedContainer .advancedContainerButton.positiveAdvancedButton:hover {
	background-color: #00d2a4;
}

.advancedContainer .advancedContainerButton {
	position: absolute;
	bottom: -24px;
	background-color: #73c5d5;
	color: #fff;
	left: 30px;
	border-radius: 5px;
	padding: 10px;
	width: 200px;
	text-align: center;
	font-weight: 400;
	box-sizing: border-box;
	transition: 0.3s;
	text-transform: uppercase;
}

.advancedContainer .advancedContainerButton:hover {
	background-color: #64baca;
}


.simpleJobList .simpleJobItem {
	margin: 0px 30px;
	display: flex;
}

.simpleJobList .simpleJobItem:not(:last-child) {
	border-bottom: 1px solid #e1e1e1;
}

.simpleJobList .simpleJobItem h2 {
	font-size: 25px;
	line-height: 25px;
    margin: 0px;
	margin-top: 20px;
	color: #394d60;
}

.simpleJobList .simpleJobItem > div:nth-child(1) {
	flex-grow: 1;
}

.simpleJobList .simpleJobItem > div:nth-child(2) {
	display: flex;
	align-items: center;
}

.simpleJobList .simpleJobItem > div:nth-child(2) > a {
    background-color: #73c5d5;
    color: #fff;
    padding: 8px 10px;
    height: 26px;
	border-radius: 4px;
	white-space: nowrap;
}

.simpleJobList .simpleJobItem > div:nth-child(2) > a:hover {
	background-color: #6dc0d0;
}

.simpleJobList .simpleJobItem > div:nth-child(2) > div {
	font-weight: bold;
	margin-right: 15px;
	display: flex;
	white-space: nowrap;
}

.simpleJobList .simpleJobItem > div:nth-child(2) > div:not(:last-child) {
	border-right: 1px solid #e1e1e1;
}

.simpleJobList .simpleJobItem > div:nth-child(2) > div > span {
    font-weight: 400;
    float: right;
    text-align: center;
    width: 56px;
    color: #73c5d5;
}

.jobBoardTopContainers .advancedContainer:first-child {
	box-shadow: 0px 0px 20px -4px #313131;
	background-color: #394d5f;
	margin-right: 20px;
	width: 60%;
	border-radius: 5px;
}

.jobBoardTopContainers .advancedContainer:first-child h3 {
	background-color: #73c5d5;
}

.jobBoardTopContainers .advancedContainer:nth-child(2) {
	width: 40%;
	border-radius: 5px;
	background-color: #f0f0f0;
	box-shadow: 0px 0px 20px -7px #394d60;
}

.jobBoardMenu {
	display: flex;
	margin-top: 50px;
	align-items: center;
	padding: 0 10px;
	min-height: 50px;
}

.jobBoardMenu>div {
	flex-grow: 1;
	color: #394d60;
	/* text-align: right; */
}

.jobBoardMenu>div>a {
	color: #394d60;
}

.jobBoardMenu>div.jobBoardSortInput {
	display: flex;
	align-items: center;
}

.jobBoardSortInput .switchInput {
	display: flex;
	border: 1px solid #dedede;
	border-radius: 10px;
	padding: 4px;
	margin-left: 20px;
}

.jobBoardSortInput .switchInput>div {
	padding: 7px 15px;
	width: 75px;
	background-color: #f5f5f5;
	border-radius: 3px;
	cursor: pointer;
	text-align: center;
	transition: 0.3s;
}

.jobBoardSortInput .switchInput>div.active {
	padding: 7px 25px;
	color: #fff;
	background-color: #73c5d5;
	cursor: default;
}

.jobBoardMenu>div:nth-child(3) {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

#jobBoardList {
	padding-top: 30px;
	padding: 0 20px;
}

#jobBoardList .jobBoardItem {
	display: flex;
	border: 1px solid #d9d9d9;
	border-radius: 6px;
	padding: 32px;
	cursor: pointer;
	transition: 0.3s;
	text-decoration: none;
	color: #394d5f;
	margin-bottom: 30px;
	position: relative;
	background-color: #fafafa;
}

#jobBoardList .jobBoardItem.noJobs {
	border: 2px solid #d95658;
}

#jobBoardList .jobBoardItem.newJob {
	border: 2px solid #bfd900;
}

#jobBoardList .jobBoardItem.featuredJob {
	border: 4px solid #00d79e;
}

#jobBoardList .jobBoardItem .newJobTitle,
#jobBoardList .jobBoardItem .featuredJobTitle,
#jobBoardList .jobBoardItem .noJobsTitle {
	position: absolute;
	top: -1px;
	background-color: #bfd900;
	color: #fff;
	width: 220px;
	text-align: center;
	padding-bottom: 2px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#jobBoardList .jobBoardItem .noJobsTitle {
	background-color: #d95658;
}

#jobBoardList .jobBoardItem .featuredJobTitle {
	background-color: #00d79e;
}

#jobBoardList .jobBoardItem:hover {
	background-color: #f5f5f5;
	box-shadow: 0px 0px 20px -8px #d2d2d2;
}

#jobBoardList .jobBoardItem>div {
	flex-grow: 1;
	box-sizing: border-box;
}

#jobBoardList .jobBoardItem>div:nth-child(1) {
	width: 60%;
	border-right: 1px solid #e9e9e9;
	padding-right: 15px;
}

#jobBoardList .jobBoardItem>div:nth-child(2) {
	width: 22%;
	padding: 0px 15px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-weight: bold;
	border-right: 1px solid #e9e9e9;
}

#jobBoardList .jobBoardItem>div:nth-child(2) span {
	float: right;
	width: 28px;
	text-align: center;
	font-weight: 400;
	color: #73c5d5;
}

#jobBoardList .jobBoardItem>div:nth-child(2) span.skilltag {
	float: none;
}

#jobBoardList .jobBoardItem>div:nth-child(3) {
	width: 18%;
	text-align: center;
	height: 150px;
}

#jobBoardList .jobBoardItem .fillimg {
	background-size: contain;
	margin: 0 10px 30px 10px;
}

#jobBoardList .jobBoardItem>div:nth-child(3)>img {
	/* max-height: 120px; */
	width: 150px;
}

#jobBoardList .jobBoardItem h3 {
	margin: 0px;
	color: #394d60;
}

#jobBoardList .jobBoardItem p {
	margin: 0px;
	color: #394d5f;
}

#jobBoardList .jobBoardItem .posted,
.jobBoardDetailsPage .posted,
.simpleJobItem .posted {
	margin: 0px;
	margin-bottom: 20px;
}

#jobBoardList .jobBoardItem .posted span,
.jobBoardDetailsPage .posted span,
.simpleJobItem .posted span {
	color: #73c5d5;
	font-weight: 600;
}

#jobBoardList .jobBoardItem .jobViewMoreButton {
	position: absolute;
	bottom: 15px;
	background-color: #394d5f;
	color: #fff;
	right: 15px;
	border-radius: 5px;
	padding: 8px;
	width: 140px;
	text-align: center;
	font-weight: 400;
	box-sizing: border-box;
	transition: 0.3s;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 19px;
	cursor: pointer;
}

.jobBoardPagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.jobBoardPagination div {
	padding: 10px 15px;
	background-color: #f5f5f5;
	color: #394d60;
	border-radius: 3px;
	margin: 0px 3px;
	transition: 0.3s;
}

.jobBoardPagination div.pageNumber {
	cursor: pointer;
}

.jobBoardPagination div:first-child {
	background-color: transparent;
	color: #c8c8c8;
	padding-right: 10px;
}

.jobBoardPagination div:last-child {
	background-color: transparent;
	color: #c8c8c8;
	padding-left: 10px;
}

.jobBoardPagination div:first-child:not(.pageDisabled),
.jobBoardPagination div:last-child:not(.pageDisabled) {
	color: #394d5f;
	cursor: pointer;
}

.jobBoardPagination div.active {
	background-color: #73c5d5;
	color: #fff;
}

.jobBoardPagination div:not(:first-child):not(:last-child):not(.active):hover {
	background-color: #f0f0f0;
}

.jobBoardPagination div:last-child:not(.pageDisabled):hover {
	font-size: 20px;
	padding-left: 7px;
}

.jobBoardPagination div:first-child:not(.pageDisabled):hover {
	font-size: 20px;
	padding-right: 7px;
}


.jobBoardDetailsPage {
	color: #394d60;
	width: 68%;
	padding-left: 40px;
	box-sizing: border-box;
	float: left;
	overflow: hidden;
}

.jobBoardDetailsPage h3 {
	font-size: 30px;
}

.jobBoardDetailsPage .jobBoardDetailsLogo {
	position: absolute;
	right: 100px;
	max-height: 170px;
	width: auto;
	top: 83px;
}

.returnToResults {
	position: absolute;
	margin-top: -100px;
	background-color: #00d79d;
	color: #fff;
	padding: 8px;
	width: 220px;
	text-align: center;
	box-shadow: 0px 0px 20px 0px #c1c1c1;
}

.returnToResults i {
	margin-right: 10px;
	margin-left: -10px;
}

.jobDetailsRow {
	border-bottom: 1px solid #e1e1e1;
	display: flex;
	padding: 15px 0px;
}

.jobDetailsRow .jobDetailsItem {
	flex-grow: 1;
	flex-basis: 0;
	display: flex;
	flex-direction: column;
	min-height: 85px;
	justify-content: space-between;
}

.jobDetailsRow .jobDetailsItem:not(:first-child) {
	border-left: 1px solid #e1e1e1;
	padding-left: 15px;
}

.jobDetailsRow .jobDetailsItem>div {
	font-weight: bold;
	margin-right: 15px;
}

.jobDetailsRow .jobDetailsItem>div>span {
	font-weight: 400;
	float: right;
	text-align: center;
	width: 100px;
	color: #73c5d5;
}

.jobDetailsRow .jobDetailsItem>div>div {
	display: inline-block;
	float: right;
	width: calc(100% - 140px);
}

.jobDetailsRow .jobDetailsItem>div>div span {
	background-color: #f5f5f5;
	color: #73c5d5;
	font-weight: 400;
	padding: 3px 8px;
	margin-right: 5px;
	border-radius: 3px;
	margin-bottom: 6px;
}

span.skilltag {
	background-color: #f5f5f5;
	color: #73c5d5;
	font-weight: 400;
	padding: 3px 8px;
	margin-right: 5px;
	border-radius: 3px;
	margin-bottom: 6px;
	text-align: left !important;
}

.jobDetailsRow.jobDetailsFullRow .jobDetailsItem>div {
	margin-bottom: 10px;
}

.jobBoardDetailsPage .jobFullDetails {
	padding: 40px 0px;
}

.jobBoardDetailsAdverts {
	float: right;
	width: 19%;
	background-color: #f5f5f5;
	padding: 20px 30px;
	min-width: 225px;
	right: 0;
	margin-top: 280px;
	margin-bottom: 18px;
	margin-right: 0px; // was 13px not sure why
}

.jobBoardDetailsAdverts img {
	width: 100%;
	height: auto;
}

.advancedContainer.jobContactContainer {
	box-shadow: 0px 0px 20px 0px #c1c1c1;
	background-color: #fff;
	margin-bottom: 80px;
	display: flex;
	padding-top: 24px;
	padding-bottom: 50px;
	padding-left: 30px;
	min-height: 0px;
	width: 90%;
}

.advancedContainer.jobContactContainer>div {
	font-weight: bold;
	flex-grow: 1;
}

.advancedContainer.jobContactContainer>div:not(:first-child) {
	border-left: 1px solid #e1e1e1;
	padding-left: 15px;
	padding-bottom: 10px;
}

.advancedContainer.jobContactContainer>div>div {
	font-weight: 400;
	font-size: 20px;
	color: #8d8d8d;
}

.advancedContainer.jobContactContainer .advancedContainerButton {
	background-color: #00d79d;
	width: 150px;
}

.advancedContainer.jobContactContainer .advancedContainerButton:hover {
	background-color: #00d098;
}

.jobFilters {
	display: flex;
	margin-left: 30px;
	margin-top: 20px;
}

.jobFilters .jobFilterItem {
	flex-grow: 1;
	flex-basis: 0;
}

.jobFilters .jobFilterItem div {
	display: flex;
}

.jobFilters .jobFilterItem img {}

.jobFilters .jobFilterItem p {
	margin: 0px;
	font-weight: bold;
	color: #e4e4e4;
	text-transform: uppercase;
	margin-left: 10px;
}

.jobFilters .jobFilterItem select {
	width: calc(100% - 10px);
	height: 40px;
	margin-top: 10px;
	border-radius: 3px;
	border-color: #d4d4d4;
	font-size: 14px;
	padding-left: 15px;
	color: #394d60;
}

.fillimg {
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.importantOrange {
	color: #ff7700;
}

.biggerText {
	font-size: 110%;
}

.jobFilterItems {
	margin: 10px 10px 10px 30px;
	display: flex;
	flex-wrap: wrap;
	padding: 2px 5px 2px 5px;
}

.jobFilterItems>div {
	background-color: #fff;
	padding: 5px;
	line-height: 16px;
	border-radius: 3px;
	border: 1px solid #dadada;
	margin: 3px 5px 3px 0px;
	font-size: 14px;
}

.jobFilterItems>div>i {
	padding-left: 8px;
	padding-right: 5px;
	line-height: 16px;
	font-size: 12px;
	color: #bdbdbd;
	cursor: pointer;
}

.jobFilterItems>div>i:hover {
	color: #878787;
}



.advertiseJobMenu {
	display: flex;
	list-style: none;
	margin-left: 60px;
	margin-bottom: -72px;
	padding-left: 0px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	overflow: hidden;
}

.advertiseJobMenu>li {
	background-color: #fff;
	height: 100%;
	padding: 20px 30px;
	padding-right: 60px;
	position: relative;
	border-top: 1px solid #C9C9C9;
	border-bottom: 1px solid #C9C9C9;
	text-transform: uppercase;
}

.advertiseJobMenu>li:first-child {
	border-left: 1px solid #C9C9C9;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.advertiseJobMenu>li:before {
	content: '';
	width: 50px;
	height: 50px;
	background: transparent;
	position: absolute;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: top right;
	top: 33px;
	margin: 0;
	right: 0;
	border-right: #C9C9C9 solid 1px;
	border-top: #C9C9C9 solid 1px;
	z-index: 1000;
}

.advertiseJobMenu>li:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 32px solid #fff;
	border-bottom: 33px solid #fff;
	border-left: 33px solid #fff;
	position: absolute;
	top: 0px;
	right: 0px;
}

.advertiseJobMenu>li:last-child:after {
	border-top: 34px solid #394d61;
	border-bottom: 34px solid #fff;
	border-left: 34px solid #fff;
	top: -2px;
}

.advertiseJobMenu>li.active,
.advertiseJobMenu>li.activePast {
	background-color: #73c5d5;
	color: #fff;
}

.advertiseJobMenu>li.active:after {
	border-left: 33px solid #73c5d5;
}

.advertiseJobMenu>li.activePast:after {
	border-left: 33px solid #73c5d5;
	border-top: 32px solid #73c5d5;
	border-bottom: 33px solid #73c5d5;
}

.advertiseJobMenu>li.activePast:before {
	border-right: #ffffff solid 1px;
	border-top: #ffffff solid 1px;
}




.advertiseJobSplit {
	display: flex;
}

.advertiseJobSplit>div:nth-child(1) {
	width: 60%;
}

.advertiseJobSplit>div:nth-child(2) {
	width: 40%;
	position: relative;
}

.advertiseJobSplit h4 {
	font-size: 24px;
	text-transform: none;
	padding-left: 45px;
}






.advancedContainer {
	flex-grow: 1;
	min-height: 100px;
	background-color: #f2f2f2;
	position: relative;
	padding-bottom: 30px;
}

.advancedContainer h3 {
	margin: 0px;
	margin-left: 30px;
	background-color: #394d60;
	display: inline-block;
	color: #fff;
	font-size: 14px !important;
	font-weight: 400;
	padding: 7px 32px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	width: 200px;
	box-sizing: border-box;
	text-align: center;
}

.advancedContainer>p {
	margin-left: 30px;
	font-size: 14px;
	line-height: 18px;
	color: #394d60;
	margin-top: 22px;
	margin-right: 30px;
}

.advertiseJobAdvert {
	display: flex;
	margin-left: 30px;
	margin-right: 30px;
	justify-content: space-between;
}

.advancedContainer p.innerTitle {
	color: #73c5d5;
	font-size: 32px;
	line-height: 25px;
	font-weight: 600;
	text-transform: uppercase;
}

.advancedContainer p.innerTitle>span {
	font-size: 23px;
	line-height: 23px;
	color: #394d5f;
}

.advancedContainer .innerOr {
	font-weight: bold;
	background-color: #394d5f;
	color: #73c5d5;
	padding: 9px 7px;
	border-radius: 8px;
	align-self: center;
	font-size: 18px;
	line-height: 19px;
}

#addressResults {
	border: 1px solid #73c5d5;
}

/* advanced form */
#advertiseJobForm .advancedForm {
	display: none;
}

.advancedForm {
	background-color: #fff;
	box-shadow: 2px 2px 13px -5px #979797;
	width: calc(100% - 20px);
	padding: 1px 0px;
	margin-top: 10px;
	margin-bottom: 50px;
	transition: 0.5s;
}

.contentBlack .advancedForm .advancedFormTitle>h2 {
	background-color: #000000;
}

.advancedForm.hasTitle {
	margin-top: 70px;
}

.advancedForm .advertiseJobWideButton {
	display: block;
	width: calc(100% - 60px);
	margin: 30px;
	background-color: #73c5d5;
	color: #fff;
	text-align: center;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 8px;
	text-transform: uppercase;
	font-size: 22px;
	line-height: 22px;
	border: none;
}

[class^=advertiseJobSplit] .advancedForm .advertiseJobWideButton {
	display: flex;
	justify-content: center;
	align-items: center;
}

.advancedForm .advertiseJobWideButton:hover {
	background-color: #6dc0d0;
	cursor: pointer;
}

.advancedForm .advertiseJobWideButton.dark {
	background-color: #394d61;
}

.advancedForm .advertiseJobWideButton.dark:hover {
	background-color: #2c3c4d;

}


.advancedForm .advertiseJobWideButton.icon {
	display: flex;
	align-items: center;
	text-align: left;
	text-transform: none;
}

.advancedForm .advertiseJobWideButton.icon>i {
	font-size: 45px;
	color: #21D397;
	margin-right: 30px;
	background-color: #fff;
	border-radius: 100%;
	width: 44px;
	height: 44px;
}

.advancedForm .advertiseJobWideButton.icon>img {
	height: 50px;
	margin-right: 30px;
}

#advertiseJobForm .tinymceEditor label {
	position: relative;
	top:0;
	left: 0;
	display: block;
	margin-bottom: 15px;
}

#advertiseJobForm .tinymceEditor {
	padding: 10px 40px;
}

#advertiseJobForm .tinymceEditor .mce-tinymce{
	width: calc(100% - 80px);
}

.advancedForm h5 {
	margin-left: 40px;
	font-size: 22px;
	margin-top: 50px;
}

.advancedForm input[type="text"],
.advancedForm input[type="password"] {
	width: calc(100% - 80px);
	background-color: #f5f5f5;
	height: 50px;
	font-size: 15px;
	border: none;
	padding: 0px 15px;
	box-sizing: border-box;
	margin: 10px auto;
	margin-left: 40px;
	border-radius: 3px;
}

.advancedForm .handbookTable {
	margin-left: 40px;
}

@media (max-width: 950px) {
	.advancedForm .handbookTable {
		margin-left: 20px;
	}

	.advancedForm .RAbutton {
		margin-left: 0;
	}

	.advancedForm hr {
		margin-left: 0;
	}
}

.advancedForm .advancedInput {
	position: relative;
}

.advancedForm .advancedInput label {
	position: absolute;
	top: 23px;
	left: 53px;
	color: #a4a4a4;
	transition: 0.5s;
}

/* For risk assessment creator */

.advancedForm .advancedInput.datePlus .datepicker{
    width: calc(100% - 150px);
}

.advancedForm .advancedInput.datePlus .datePlusCheckmark{
	position: relative;
    float: right;
    left: -10px;
}


.advancedForm .advancedInput.datePlus .ui-datepicker-trigger{
	position: relative;
    float: right;
    left: -10px;
}





.advancedForm .advancedInput input[type="text"],
.advancedForm .advancedInput input[type="password"],
.advancedForm .advancedInput select,
.advancedForm .advancedInput textarea,
.advancedForm .advancedInput input:-webkit-autofill,
.advancedForm .advancedInput input:-webkit-autofill:hover,
.advancedForm .advancedInput input:-webkit-autofill:focus,
.advancedForm .advancedInput input:-webkit-autofill:active {
	border: 1px solid #d8d8d8;
	background-color: #fff !important;
	-webkit-box-shadow: 0 0 0 30px white inset !important;
	-moz-box-shadow: 0 0 0 30px white inset !important;
	box-shadow: 0 0 0 30px white inset !important;
}

.advancedForm .advancedInput input[type="text"]:focus,
.advancedForm .advancedInput input[type="password"]:focus,
.advancedForm .advancedInput select:focus,
.advancedForm .advancedInput textarea:focus {
	outline: none;
	border-color: #73c5d5 !important;
}

.advancedForm.riskAssessmentCreator .advancedInput input[type="text"]:focus,
.advancedForm.riskAssessmentCreator .advancedInput input[type="password"]:focus,
.advancedForm.riskAssessmentCreator .advancedInput select:focus,
.advancedForm.riskAssessmentCreator .advancedInput textarea:focus {
	outline: none;
	border-color: #f2bb00 !important;
}

.advancedForm .advancedInput.has-input input[type="text"]:not(:focus),
.advancedForm .advancedInput.has-input input[type="password"]:not(:focus),
.advancedForm .advancedInput.has-input select:not(:focus),
.advancedForm .advancedInput.has-input textarea:not(:focus) {
	border-color: #d8d8d8 !important;
}

.advancedForm .advancedInput input[type="text"]:focus+label,
.advancedForm .advancedInput input[type="password"]:focus+label,
.advancedForm .advancedInput select:focus+label,
.advancedForm .advancedInput.has-success select+label,
.advancedForm .advancedInput.has-input select+label,
.advancedForm .advancedInput textarea:focus+label {
	top: 3px;
	color: #73c5d5;
	padding: 2px 5px;
	font-size: 14px;
	line-height: 14px;
	background-color: #fff;
}

.advancedForm.riskAssessmentCreator .advancedInput input[type="text"]:focus+label,
.advancedForm.riskAssessmentCreator .advancedInput input[type="password"]:focus+label,
.advancedForm.riskAssessmentCreator .advancedInput select:focus+label,
.advancedForm.riskAssessmentCreator .advancedInput textarea:focus+label {
	color: #111111;
}

.advancedForm .advancedInput.has-input input[type="text"]:not(:focus)+label,
.advancedForm .advancedInput.has-input input[type="password"]:not(:focus)+label,
.advancedForm .advancedInput.has-input select:not(:focus)+label,
.advancedForm .advancedInput.has-input textarea:not(:focus)+label {
	top: 3px;
	color: #a4a4a4;
	padding: 2px 5px;
	font-size: 14px;
	line-height: 14px;
	background-color: #fff;
}

.advancedForm .advancedInput.has-input input[type="text"]:disabled+label,
.advancedForm .advancedInput.has-input input[type="password"]:disabled+label,
.advancedForm .advancedInput.has-input select:disabled+label,
.advancedForm .advancedInput.has-input textarea:disabled+label {
	background-color: #e7e7e7;
}

.advancedForm .advancedInput.has-input.has-error input[type="text"]:not(:focus),
.advancedForm .advancedInput.has-input.has-error input[type="password"]:not(:focus),
.advancedForm .advancedInput.has-input.has-error select:not(:focus),
.advancedForm .advancedInput.has-input.has-error textarea:not(:focus) {
	border-color: rgb(185, 74, 72) !important;
}

.advancedForm input[type="text"]:focus,
.advancedForm input[type="password"]:focus {
	outline: none;
	border-bottom: 1px solid #73c5d5;
}

.advancedForm input[type="text"]:disabled,
.advancedForm input[type="password"]:disabled,
.advancedForm .advancedInput select:disabled,
.advancedForm .advancedInput textarea:disabled {
	-webkit-box-shadow: 0 0 0 30px #e7e7e7 inset !important;
	-moz-box-shadow: 0 0 0 30px #e7e7e7 inset !important;
	box-shadow: 0 0 0 30px #e7e7e7 inset !important;
	background-color: #e7e7e7 !important;
	cursor: no-drop;
}

td .advancedInput input[type="text"] {
	margin-left: 0;
}

.advancedForm td .advancedInput label {
	left: 20px;
}

.advancedForm select {
	width: calc(100% - 80px);
	background-color: #f5f5f5;
	height: 50px;
	font-size: 15px;
	border: none;
	padding: 0px 15px;
	box-sizing: border-box;
	margin: 10px auto;
	margin-left: 40px;
	border-radius: 3px;
	/* for Firefox */
	-moz-appearance: none;
	/* for Chrome */
	-webkit-appearance: none;
}

.advancedForm .advancedInput.fullWidth textarea, .advancedForm .advancedInput.fullWidth input[type="text"], .advancedForm .advancedInput.fullWidth input[type="password"] {
	width: 100%;
    margin-left: 0px;
}

.advancedForm .advancedInput.fullWidth label {
	left: 12px;
}

.advancedForm .advancedInput.fullWidth .help-block {
	margin: -10px 40px 5px 0;
}

/**
 * Site specific
 */

/* .trialMembershipForm .advancedInput select + label{
	visibility: hidden;
}

.trialMembershipForm .advancedInput.has-success select + label,
.trialMembershipForm .advancedInput.has-input select + label{
	visibility: visible;
} */

.freelanceBoard {
	background-color: #ff7700 !important;
	border-color: #ff7700 !important;
}

#groomsAdvert.advancedForm .advancedInput input[type="text"]:focus {
	border-color: #ff7700 !important;
}

#groomsAdvert.advancedForm .advancedInput select:focus {
	border-color: #ff7700 !important;
}

#groomsAdvert.advancedForm .advancedInput input[type="text"]:focus+label {
	color: #ff7700 !important;
}

#groomsAdvert.advancedForm .advancedInput select:focus+label {
	color: #ff7700 !important;
}

#groomsAdvert.advancedForm .advancedInput textarea:focus {
	border-color: #ff7700 !important;
}

#groomsAdvert.advancedForm .advancedInput textarea:focus+label {
	color: #ff7700 !important;
}

/* For IE10 */
select::-ms-expand {
	display: none;
}


.advancedForm select:focus {
	outline: none;
	border: 1px solid #73c5d5;

}

.advancedForm .advancedMultiSelect select {
	background-color: #fff;
	border: 1px solid #dedede;
	border-radius: 5px;
	color: #a4a4a4;
}

.advancedForm .advancedMultiSelect select option {
	color: #000;
}

.advancedForm .advancedMultiSelect .multiSelectSelected {
	display: flex;
	flex-wrap: wrap;
	margin: 0 40px;
	background-color: #f5f5f5;
	padding: 10px 12px;
}

.advancedForm .advancedMultiSelect .multiSelectSelected>div {
	background-color: #fff;
	padding: 5px;
	line-height: 16px;
	border-radius: 3px;
	border: 1px solid #dadada;
	margin: 8px 4px 8px 4px;
	font-size: 14px;
}

.riskFormContainer .advancedMultiSelect .multiSelectSelected>div {
	padding: 10px;
	font-size: 18px;
}

.riskFormContainer select,
.riskFormContainer input {
	/* max-width: 500px; */
}

.riskFormContainer .showForCustom {
	display: none;
}

.advancedForm .advancedMultiSelect .multiSelectSelected>div>i {
	padding-left: 8px;
	padding-right: 5px;
	line-height: 16px;
	font-size: 12px;
	color: #bdbdbd;
	cursor: pointer;
}

.advancedForm .advancedCheckbox {
	margin: 0 40px;
	height: 32px;
	padding: 8px 0px;
}

.advancedForm .advancedCheckbox input[type="checkbox"],
.advancedForm .advancedCheckbox input[type="radio"] {
	position: absolute;
	opacity: 0;
	margin: 0px;
}

.advancedForm .advancedCheckbox input[type="checkbox"]+label,
.advancedForm .advancedCheckbox input[type="radio"]+label {
	position: relative;
	cursor: pointer;
	padding: 0;
	margin-right: 10px;
	line-height: 26px;
	padding-left: 40px;
	color: #818181;
	display: block;
}

.advancedForm .advancedCheckbox input[type="checkbox"]+label:before,
.advancedForm .advancedCheckbox input[type="radio"]+label:before {
	content: '';
	margin-right: 5px;
	display: inline-block;
	vertical-align: text-top;
	width: 30px;
	height: 30px;
	background-color: #e6e6e6;
	border: none;
	position: absolute;
	left: 0px;
	border-radius: 2px;
}

.advancedForm .advancedCheckbox input[type="checkbox"]:hover+label:before,
.advancedForm .advancedCheckbox input[type="radio"]:hover+label:before {
	background: #73c5d5;
}

.advancedForm .advancedCheckbox input[type="checkbox"]:focus+label:before,
.advancedForm .advancedCheckbox input[type="radio"]:focus+label:before {
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}

.advancedForm .advancedCheckbox input[type="checkbox"]:checked+label:before,
.advancedForm .advancedCheckbox input[type="radio"]:checked+label:before {
	background: #73c5d5;
}

.advancedForm .advancedCheckbox input[type="checkbox"]:disabled+label,
.advancedForm .advancedCheckbox input[type="radio"]:disabled+label {
	color: #b8b8b8;
	cursor: auto;
}

.advancedForm .advancedCheckbox input[type="checkbox"]:disabled+label:before,
.advancedForm .advancedCheckbox input[type="radio"]:disabled+label:before {
	box-shadow: none;
	background: #ddd !important;
}


.advancedForm .advancedCheckbox input[type="checkbox"]:checked+label:after,
.advancedForm .advancedCheckbox input[type="radio"]+label:after {
	content: '\f00c';
	position: absolute;
	left: 5px;
	top: 5px;
	color: #e4e4e4;
	font-size: 20px;
	font-family: "Font Awesome 5 Pro";
	line-height: 7px;
}

.advancedForm .advancedCheckbox.fireForm input[type="checkbox"]:checked+label:before,
.advancedForm .advancedCheckbox.fireForm input[type="radio"]:checked+label:before {
	background: #fdc206;
}

.advancedForm .advancedCheckbox.fireForm input[type="checkbox"]:checked+label:after,
.advancedForm .advancedCheckbox.fireForm input[type="radio"]+label:after {
	top: 10px;
}

.advancedForm .advancedCheckbox.fireForm input[type="checkbox"]:hover+label:before,
.advancedForm .advancedCheckbox.fireForm input[type="radio"]:hover+label:before {
	background: #ffde74;
}

/* job advert hack */
.advancedForm .advancedCheckbox input[type="checkbox"]:checked+label[for=cnTerms]:after {
	top: 10px;
}


#membershipForm.advancedForm .advancedCheckbox input[type="checkbox"]+label:after,
.advancedForm .advancedCheckbox input[type="radio"]+label:after {
	line-height: 18px;
}

.advancedForm .advancedCheckbox input[type="checkbox"]:checked+label:after,
.advancedForm .advancedCheckbox input[type="radio"]:checked+label:after {
	color: #fff;
}

.advancedForm .advancedCheckbox input[type="checkbox"]:checked:disabled+label:after,
.advancedForm .advancedCheckbox input[type="radio"]:checked:disabled+label:after {
	color: #737373;
}

.advancedForm textarea {
	width: calc(100% - 80px);
	border: none;
	background-color: rgb(245, 245, 245);
	padding: 15px 20px;
	box-sizing: border-box;
	font-size: 14px;
	font-family: Roboto, sans-serif;
	min-height: 150px;
	max-height: 300px;
	resize: vertical;
	margin: 10px auto;
	margin-left: 40px;
}

.advancedForm .advancedHighlightedCheck {
	display: flex;
	align-items: center;
	width: calc(100% - 60px);
	margin: 30px;
	background-color: #394d61;
	color: #fff;
	padding: 30px;
	box-sizing: border-box;
	border-radius: 8px;
}

.advancedForm .advancedHighlightedCheck a {
	color: #73c5d5;
	text-decoration: underline;
}

.advancedForm .advancedHighlightedCheck>.advancedCheckbox {
	margin: 0px;
}

.advancedForm .advancedHighlightedCheck .form-error {
	position: absolute;
	left: 59px;
	margin-top: -7px !important;
}

#membershipForm.advancedForm .help-block.form-error {
	margin: 0 40px 0 40px;
}

.advancedForm .advancedIconInput {
	margin: 10px 40px;
	display: flex;
	align-items: center;
}

.advancedForm .advancedIconInput>i {
	color: #73c5d5;
	font-size: 28px;
	width: 34px;
	text-align: center;
	margin: 0 15px;
}

.advancedForm .advancedIconInput input,
.advancedForm .advancedIconInput select {
	margin: 0px;
	width: 100%;
}

.advancedForm .advancedIconInput .advancedInput {
	width: 100%;
}

.advancedForm .advancedIconInput .advancedInput label {
	top: 13px;
	left: 14px;
}

.advancedForm .advancedIconInput .advancedInput.has-input input[type="text"]:not(:focus)+label,
.advancedForm .advancedIconInput .advancedInput.has-input input[type="password"]:not(:focus)+label,
.advancedForm .advancedIconInput .advancedInput.has-input select:not(:focus)+label,
.advancedForm .advancedIconInput .advancedInput input[type="text"]:focus+label,
.advancedForm .advancedIconInput .advancedInput input[type="password"]:focus+label,
.advancedForm .advancedIconInput .advancedInput select:focus+label {
	top: -6px;
}

.advancedForm .advancedIconInput .advancedInput .help-block.form-error {
	margin: 4px 0px 0 10px;
}

.advancedForm p {
	margin: 0 40px;
}

.advancedForm h2,
.advancedForm h3,
.advancedForm h4 {
	margin-left: 40px;
}

.advancedForm p i {
	font-size: 12px;
}

.advancedForm .advancedButton {
	display: inline-block;
	background-color: #394d61;
	color: #fff;
	padding: 18px 50px 18px 20px;
	border-radius: 5px;
	font-weight: 400;
	margin: 10px 40px;
	text-transform: uppercase;
}

.advancedForm .advancedButton>span {
	display: flex;
	align-items: center;
}

.advancedForm .advancedButton>span>i {
	font-size: 22px;
	margin-right: 15px;
	color: #73c5d5;
}

.advancedForm .advancedSmallButton {
	display: inline-block;
	background-color: #394d61;
	color: #fff;
	padding: 6px 18px 6px 18px;
	border-radius: 5px;
	font-weight: 400;
	margin: 10px 40px;
	text-transform: uppercase;
	font-size: 13px;
}

.advancedForm .advancedLink {
	display: block;
	margin: 10px 40px;
	color: #354759;
	font-weight: bold;
	text-decoration: underline;
}

.advancedForm .advancedFormTitle {
	background-color: #394d61;
	margin-left: 40px;
	width: calc(100% - 80px);
	margin-top: -40px;
	padding-bottom: 1px;
	border-radius: 3px;
	position: relative;
}

.advancedForm .advancedFormTitle>h2 {
	background-color: #73c5d5;
	color: #fff;
	margin: 0px;
	margin-left: 20px;
	display: inline-block;
	font-size: 18px !important;
	line-height: 18px !important;
	padding: 10px 15px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	font-weight: 400;
}

.advancedForm .advancedFormTitle>img {
	position: absolute;
	right: 10px;
	top: 8px;
	width: 30px;
}

.advancedForm .advancedFormTitle>p {
	color: #fff;
	margin: 15px 20px;
}

.advancedForm .advancedFormTitle a {
	color: #73c5d5;
	text-decoration: underline;
}

.advancedForm .help-block.form-error {
	margin: -6px 40px 0 50px;
	margin-bottom: 10px;
	font-size: 12px;
}

.advancedForm .advancedFormIntro {
	margin: 40px auto;
}

.advancedForm .advancedImagePreview img {
	max-height: 120px;
	margin-left: 40px;
}

.advancedInfo {
	cursor: pointer;
	margin-left: 42px;
	margin-top: 35px;
	margin-bottom: 40px;
}

.advancedInfo>i {
	color: #fff;
	background-color: #394d61;
	padding: 7px 12px;
	border-radius: 3px;
	margin-right: 10px;
}

.advancedInfo>span {
	text-decoration: underline;
}

.contentBlack .advancedInfo>i {
	background-color: #000000;
}

.advancedOptions input[type="checkbox"]+label,
.advancedOptions input[type="radio"]+label {
	width: calc(100% - 80px);
	margin-left: 40px;
	margin-bottom: 30px;
	background-color: #fff;
	box-shadow: 0px 0px 7px #dadada;
	padding: 15px;
	font-size: 20px;
	border-radius: 3px;
	display: flex;
	box-sizing: border-box;
	/* color: #d5d5d5; */
	opacity: 0.9;
	cursor: pointer;
	border: 1px solid #fff;
	transition: 0.3s;
	align-items: center;
}

.advancedOptions input+label .paymentLogo {
	width: 60px;
	opacity: 0.5;
}

.advancedOptions input[type="checkbox"]:checked+label>img,
.advancedOptions input[type="radio"]:checked+label>img {
	opacity: 1;
}

.advancedOptions.horizontal {
	display: flex;
	flex-direction: row;
}

@media(max-width:480px) {
	.advancedOptions.horizontal {
		flex-direction: column;
	}

	.advancedOptions.horizontal input+label {
		width: 100% !important;
	}
}

.advancedForm .advancedOptions.horizontal {
	margin-right: 40px;
}

.advancedOptions.horizontal input+label {
	width: 50%;
	justify-content: space-between;
}

.advancedOptions input[type="checkbox"]+label>i,
.advancedOptions input[type="radio"]+label>i {
	font-size: 24px;
	margin-right: 15px;
}

.advancedOptions input[type="checkbox"]+label.advancedOption:hover,
.advancedOptions input[type="radio"]+label:hover {
	border-color: #00418B;
}

.advancedOptions input[type="checkbox"]:checked+label.advancedOption,
.advancedOptions input[type="radio"]:checked+label {
	color: #394d61;
}

.advancedOptions input[type="checkbox"]:checked+label>i,
.advancedOptions input[type="radio"]:checked+label>i {
	color: #00418B;
}

.advancedOptions input[type="checkbox"]:checked+label>i:before,
.advancedOptions input[type="radio"]:checked+label>i:before {
	content: "\f058";
}

.advancedOptions input[type="checkbox"],
.advancedOptions input[type="radio"] {
	visibility: hidden;
	position: absolute;
}


/* advanced popup */
.advancedPopup {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(53, 71, 89, 0.9);
	z-index: 999;
	width: 100%;
	height: 100%;
}

.advancedPopup .advancedPopupInner {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #ffffff;
	width: 100%;
	max-width: 100%;
	height: 100%;
	max-height: 100%;
	box-shadow: 1px 1px 20px -5px rgba(0, 0, 0, 0.76);
	border-radius: 5px;
	margin: auto;
	transition: 1s;
	padding: 30px 20px;
	box-sizing: border-box;
	color: #354759;
}

.advancedPopup .advancedPopupInner .advancedPopupClose {
	position: absolute;
	background-color: #73C5D5;
	color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	font-size: 28px;
	line-height: 40px;
	font-weight: 100;
	text-align: center;
	top: 10px;
	right: 20px;
	cursor: pointer;
}

.advancedPopup .advancedPopupInner .innerPopupContent {
	overflow: auto;
	max-height: 100%;
}

.advancedPopup .advancedPopupInner h3 {
	text-transform: none;
	font-size: 21px;
	line-height: 25px;
	font-weight: 500;
}

.advancedPopup .advancedPopupInner ul {
	padding-left: 16px;
}

.advancedFormError {
	margin: 10px 40px;
	padding: 12px;
	background-color: #ffe5e5;
	color: #cd0000;
	border: 1px solid #ffbcbc;
	border-radius: 5px;
	display: none;
}

.advancedFormSuccess {
	margin: 10px 40px;
	padding: 12px;
	background-color: #efffe5;
	color: #5b9c06;
	border: 1px solid #bcffc1;
	border-radius: 5px;
	display: none;
}

.advancedFormSplit {
	display: flex;
}

.advancedFormSplit>div:nth-child(1) {
	width: 60%;
}

.advancedFormSplit>div:nth-child(2) {
	width: 40%;
	position: relative;
}

.advancedFormSplit.half>div:nth-child(1) {
	width: 50%;
}

.advancedFormSplit.half>div:nth-child(2) {
	width: 50%;
	position: relative;
}




.advancedForm .advancedHighlightedRadio {
	display: flex;
	align-items: center;
	width: calc(100% - 80px);
	margin: 40px;
	background-color: #394d61;
	color: #fff;
	padding: 30px;
	box-sizing: border-box;
	border-radius: 8px;
	position: relative;
	flex-wrap: wrap;
}

.advancedForm .advancedHighlightedRadioLabel {
	margin: 0 0 20px;
	flex: 1 1 100%;
	min-width: 100%;
}

.advancedForm .advancedRadio {
	height: 32px;
	padding: 8px 0px;
	margin: 0px;
}

.advancedForm .advancedRadio+span+.advancedRadio {
	margin-left: 20px;
}

.advancedForm .advancedHighlightedRadio input[type="radio"]+label {
	position: relative;
	cursor: pointer;
	padding: 0;
	margin-right: 10px;
	line-height: 26px;
	padding-left: 40px;
	color: #818181;
	display: block;
}

.advancedForm .advancedHighlightedRadio input[type="radio"]+label:before {
	content: '';
	margin-right: 5px;
	display: inline-block;
	vertical-align: text-top;
	width: 30px;
	height: 30px;
	background-color: #e6e6e6;
	border: none;
	position: absolute;
	left: 0px;
	border-radius: 2px;
}

.advancedForm .advancedHighlightedRadio input[type="radio"] {
	position: absolute;
	opacity: 0;
	margin: 0px;
}

.advancedForm .advancedRadio:not(.has-success) label[for=kbisLiabilityShareDataWithBGA_yes]:after {
	color: #888;
	content: '\f00c';
	position: absolute;
	left: 6px;
	top: 11px;
	font-size: 20px;
	font-family: "Font Awesome 5 Pro";
	line-height: 7px;
}

.advancedForm .advancedHighlightedRadio input[type="radio"]:checked+label:before {
	background: #fff !important;
}


.advancedForm .advancedHighlightedRadio input[type="radio"]:checked+label:after {
	color: #64b428;
	content: '\f00c';
	position: absolute;
	left: 6px;
	top: 11px;
	font-size: 20px;
	font-family: "Font Awesome 5 Pro";
	line-height: 7px;
}


.advancedForm .advancedHighlightedRadio .help-block {
	position: absolute;
	bottom: -30px;
	left: -50px;
}



/* Dashboard */


#dashboardHero {
	background-color: #485B69;
	padding: 72px 66px;
	margin-bottom: 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#dashboardHero h1 {
	text-transform: none;
	color: #FFFFFF;
	font-weight: 400;
	font-size: 49px;
}

img.dashboardHeroImage {
	height: 80px;
}

.noticeMessage {
	background-color: #e95857;
	color: #FFFFFF;
	width: 100%;
	margin: 0 auto 40px;
}

.noticeMessageTitle {
	font-size: 22px;
	padding: 10px 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.noticeMessageHideNotice {
	color: #fff;
	font-size: 12px;
}

.noticeMessageBody {
	width: 100%;
	background-color: #F7C4C5;
	margin: 0 auto;
	font-size: 16px;
}

.noticeMessageBody fieldset {
	background-color: #F7C4C5;
	font-size: inherit;
	margin-top: 0;
	text-align: center;
}

.userAreaContainer {
	background-color: #dadada;
	padding: 46px 62px;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.userAreaContainer .fullItem {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.userAreaContainer .fullItem.rightAlign {
	justify-content: flex-end;
}

#passwordDetailsForm {
	margin-top: 20px;
}

.fullItem.rightAlign.buttonsContainer {
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: flex-start
}

.userAreaContainer .halfItem {
	width: 50%;
}

.userAreaContainer .thirdItem {
	width: calc(100%/3);
}

.userAreaContainer .thirdItem.details {
	width: calc(100%/3);
	display: inline-block;
	align-self: flex-end;
	font-size: 22px;
	color: #000000;
}

.userAreaContainer .salutations {
	color: #8BBE01;
	font-weight: 400;
	font-size: 49px;
}

.userAreaContainer .membershipNumber {
	background-color: #FFFFFF;
	padding: 20px 10px;
	margin: -6px 0 auto auto;
	width: calc(100% - (68px/3));
	text-align: center;
	box-sizing: border-box;
}

.userAreaContainer .membershipNumber .green {
	font-weight: 700;
	color: #8BBE01;
}

.userAreaContainer>div {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start
}

.userAreaContainer .ui-datepicker-trigger {
	width: 18px;
	margin-bottom: -4px;
	cursor: pointer;
	color: #e95857;
}

.userAreaContainer *[disabled] {
	border: 0 !important;
	background-color: transparent;
	padding: 0;
}

.userAreaMenu.accountMenu>li>a {
	background-color: #485B69;
}

a.userAreaMenuLink.activeItem {
	text-decoration: underline;
	pointer-events: none;
}

#updateComplete {
	position: absolute;
	padding: 5px 10px;
	border-radius: 20px;
	font-size: 20px;
	margin: 0;
	border: 1px solid #485B69;
	background-color: #FFFFFF;
	opacity: 1;
	z-index: 1000;
}

.rightAlign {
	text-align: right;
	justify-content: flex-end;
}

.tilesContainer .thirdItem {
	width: calc((100%/3) - (68px/3));
	height: 382px;
	border-radius: 5px;
	padding: 40px 30px;
	box-sizing: border-box;
	cursor: pointer;
}

.userAreaActionButton:hover {
	background-color: #394852;
}

/* a.thirdItem.userAreaItem:hover {
    background-color: #bbbbbb;
} */

.tilesContainer .thirdItem:nth-child(2),
.tilesContainer .thirdItem:nth-child(5),
.tilesContainer .thirdItem:nth-child(8){
	margin: 0 33.9px;
}

.tilesContainer .thirdItem:nth-child(1),
.tilesContainer .thirdItem:nth-child(2),
.tilesContainer .thirdItem:nth-child(3)
.tilesContainer .thirdItem:nth-child(4),
.tilesContainer .thirdItem:nth-child(5),
.tilesContainer .thirdItem:nth-child(6) {
	margin-bottom: 40px;
}

.tileImage {
	height: 70px;
	margin: 30px 0px;
}

.tileImage.piggieBank {
	height: 90px;
	margin: 20px 0px;
}

.tileTitle {
	color: #FFFFFF;
	font-size: 32px;
	font-weight: 400;
	line-height: 1.2em;
}

.userAreaItem .tileTitle {
	color: #485B69;
}

.dashboardTile {
	background-color: #485B69;
}

.dashboardTile hr {
	border-top: 3px solid #6C7C87;
	border-radius: 2px;
	margin: 40px 0px;
}

.userAreaItem hr {
	border-top: 3px solid #DADEE1;
	border-radius: 2px;
	margin: 40px 0px;
}

.helpTextContainer {
	font-weight: 700;
	color: #000000;
	font-size: 22px;
	padding: 40px 62px;
}

.helpTextContainer .green,
.userAreaContainer .green {
	color: #8BBE01
}

.backToDashboard {
	font-size: 20px;
	color: #000000;
	padding: 0px 0 36px 0;
}

.backToDashboard a {
	text-decoration: underline;
	color: #000000;
	font-weight: 700;
}

.userAreaContainer .customPageTitle {
	color: #485B69;
	font-weight: 400;
	font-size: 49px;
}

.userAreaItem {
	background-color: #FFFFFF;
	padding: 62px 38px 24px;
	box-sizing: border-box;
}

.userAreaItem.lessPad {
	padding: 24px 38px;
}


.userAreaItem .detailsBox {
	border: 1px solid #e7e7e7;
	margin: 10px 0 21px;
	max-width: 100%;
	width: 100%;
	display: block;
	box-sizing: border-box;
}

.userAreaItem select {
	margin: 10px 0 21px;
	padding: 0 10px;
	max-width: 270px;
	min-height: 39px;
	border: 1px solid #e7e7e7;
	color: #6c737a;
	font-size: 16px;
	line-height: 39px;
}

.itemTitle {
	font-size: 32px;
	font-weight: 700;
	color: #8BBE01;
	margin-top: 0;
}

.advertItem .itemTitle {
	font-size: 18px;
	margin: 0;
	text-transform: uppercase;
}

.advertItem a {
	color: initial;
}

.advertItem a span {
	text-decoration: underline;
}

.itemTitle.small {
	font-size: 16px;
}

.userAreaContainer strong {
	color: #485B69;
}

.userAreaContainer .details.pageTitle {
	align-items: center;
	display: flex;
}

.userAreaContainer .pageTitle .titleImage {
	height: 64px;
	margin-right: 30px;
}

.userAreaHead {
	margin-bottom: 40px;
}

.userAreaActionButton {
	background-color: #485B69;
	color: #FFFFFF;
	font-size: 18px;
	padding: 12px 10px;
	width: 240px;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	transition: .5s;
}

.userAreaActionButton.saveEdit,
.userAreaActionButton.cancelEdit {
	display: none;
}

.userAreaActionButton.cancelEdit {
	background-color: #FFFFFF;
	color: #485B69;
	border: 1px solid #485B69;
}

.userAreaActionButton.cancelEdit:hover {
	background-color: #485B69;
	color: #FFFFFF;
}

.userItemColumn {
	box-sizing: border-box;
}

.userItemColumn.leftSide {
	padding-right: 17px;
}

.userItemColumn.rightSide {
	padding-left: 17px;
}

#personalDetailsForm img.ui-datepicker-trigger {
	display: none;
}

.checkmarks {
	margin: 10px 0 21px;
}

/*custom radio buttons */
/* Customize the label (the container) */
.checkmarkContainer {
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	margin-right: 20px;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.checkmarkContainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #FFFFFF;
	border: 1px solid #e7e7e7;
	border-radius: 2px;
}

/* On mouse-over, add a grey background color */
.checkmarkContainer:hover input:enabled~.checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
/* .checkmarkContainer input:checked ~ .checkmark {
	background-color: #FFFFFF; */
}

.checkmarkContainer .labelText {}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkmarkContainer input:checked~.checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.checkmarkContainer .checkmark:after {
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid #8BBE01;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/**/

@media (min-width: 950px) {
	#outerPageContainer {
		width: calc(100% - 345px);
		margin-left: 305px;
		margin-bottom: 900px;
		padding: 40px 20px;
	}
}

label[data-select2-id] .help-block.form-error {
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 0;
}

.createRA {
	background-color: #ffb200;
	padding: 20px;
	min-width: 165px;
	color: #fefefe !important;
	text-shadow: 2px 2px 4px #555555;
	text-align: center;
	position: relative;
	font-size: 18px;
	line-height: 1em;
	border-radius: 3px;
}

.createRA:hover {
	background-color: #ffc846;
}

.riskFormContainer h3,
.riskFormContainer h4 {
	text-transform: none;
}

.riskFormContainer h5 {
	text-transform: uppercase;
}

.addCustomBlock {
	display: flex;
	align-items: baseline;
	margin-right: 40px;
}

.addCustomBlock .advancedInput {
	flex: 1;
}

.addcustombutton {
	padding: 12px;
	background-color: #ffb200;
	color: #fefefe;
	border-radius: 3px;
	height: 25px;
	text-shadow: 2px 2px 4px #555555;
}

/* Input field */
.select2-selection__rendered {}

/* Around the search field */
.select2-search {}

/* Search field */
.select2-search input {
	padding: 10px;
}

/* Each result */
.select2-results {
	font-size: 20px;
	color: #485b68;
	padding: 5px;
}

/* Higlighted (hover) result */
.select2-results__option--highlighted {}

/* Selected option */
.select2-results__option[aria-selected=true] {}


.smallContainer.myInterviews {
	padding: 0 4%;
	width: 92%;
}


.myInterviewsHeading {
	text-transform: capitalize;
	font-size: 50px;
	margin-top: 45px;
	margin-bottom: 20px;
}

.myInterviewsSubheading {
	color: #73C0D0;
	margin: 70px 0 30px;
}



.myInterviewsIntro p {
	margin: 0 0 20px;

}

.myInterviewsIntro .large {
	font-size: 20px;
	line-height: 1.6;
}

.myInterviewsIntro ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 70px;

}

.myInterviewsIntro li {
	padding-left: 25px;
	position: relative;
}

.myInterviewsIntro li:before {
	content: "\2022";
	display: inline-block;
	position: absolute;
	left: 0;
	line-height: 1;
	font-size: 25px;
	color: #73C0D0;
}

.myInterviewsFieldset {
	padding: 40px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	margin-bottom: 45px;
	background: #fefefe;
}

h3.myInterviewsLegend {
	background-color: #354759;
	color: #fff;
	text-transform: uppercase;
	padding: 15px 30px;
	font-size: 20px;
	font-weight: bold;
	margin: -40px 0 30px;
	display: block;
	max-width: 315px;
	border-radius: 3px;
	text-align: left;
}

.page4 .myInterviewsLegend {
	max-width: 345px;
}

.interviewFormBanner,
.myInterviewsBanner {
	background-color: #354759;
	color: #73C0D0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 45px;
	padding: 30px;
	border-radius: 3px;
}

.page3 .interviewFormBanner {
	justify-content: flex-start;
	color: #fff;

}


.myInterviewsBanner p {
	color: inherit;
	text-transform: uppercase;
	font-size: 25px;
	margin: 0 20px 0 0;
	font-weight: bold;

}


.interviewFormBanner p {
	text-transform: none;
	font-size: 20px;
	margin: 0;
	font-weight: bold;
}

.interviewFormBanner p+p {
	margin-top: 22px;
}

.myInterviewsBanner .createForm {
	background-color: #73C0D0;
	color: #fff;
	padding: 15px;
	min-width: 180px;

	text-align: center;
	position: relative;
	font-size: 15px;
	line-height: 21px;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: bold;
	border: 0 none;
}

.myInterviewsBanner .createForm:hover {
	outline: 0 none;
	background-color: #fff;
	color: #73C0D0;
	cursor: pointer;
}

.myInterviewsBanner .createForm:focus {
	outline: 0 none;
}


.myInterviewsBanner .createForm:active {
	outline: 2px solid #73C0D0;
	cursor: pointer;
}



.interviewFormBanner #checked {
	margin-right: 25px;
}



.myInterviewsTable caption {
	text-transform: uppercase;
	font-size: 25px;
	color: #354759;
	text-align: left;
	margin-bottom: 25px;
	font-weight: bold;
}

.myInterviewsTable th:first-child {
	text-align: left;
	padding-left: 0;
	width: 50%;
}

.myInterviewsTable th {
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	width: 12.5%;

}

.myInterviewsTable tbody tr td {
	border-top: 1px solid #E2E2E2;
}

.myInterviewsTable td {
	text-align: center;
}

.myInterviewsTable td:first-child {
	text-align: left;
	padding-left: 0;
	color: #4A4A4A;
	font-weight: 500;
}

.myInterviewsTable button {
	appearance: none;
	background-color: transparent;
	border: 0 none;
	padding: 0;
}

.myInterviewsTable button:not(.disabled):hover {
	cursor: pointer;
}

.myInterviewsTable button:disabled {
	opacity: .5;
}

.myInterviewsTable button:focus {
	outline: 0 none;
}


.myInterviewsTable #dustbin path {
	fill: #354759;
}

.myInterviewsTable .deleteForm:hover #dustbin path {
	fill: #E4520A;
}

.myInterviewsTable .row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.myInterviewsTable .rowTitle {
	margin: 10px 0;
}

.myInterviewsTable .rowButtons {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 0;
	margin: 10px 0;

}

.myInterviewsTable .rowButtons>* {
	flex: 0 0 35px;
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 5px;

}

.visuallyHidden,
.visually-hidden {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}


/* navigation */



#stageContainer.icPageStage {
	list-style: none;
	padding-left: 0;
	margin-bottom: 20px;
}


#saveMyInterviewForm {
	padding: 14px 0;
	text-align: right;
	width: calc(100% - 123px);
	color: #FFF;
	background-color: #73C0D0;
	display: block;
	margin-left: 83px;
	padding-right: 40px;
	position: relative;
	font-size: 20px;
}

#saveMyInterviewForm:before {
	content: ' ';
	position: absolute;
	border-style: solid;
	border-width: 0 83px 53px 0;
	border-color: transparent #73C0D0 transparent transparent;
	top: 0;
	left: -83px;
}

#saveMyInterviewForm:after {
	content: '\f0c5';
	font-family: fontAwesome;
	position: absolute;
	right: 10px;
}

/* undo #stageContainer a */
#stageContainer.icPageStage a {
	padding: 0;
	color: inherit;
	font-weight: inherit;
}

#stageContainer.icPageStage>li {
	position: relative;
}

#stageContainer.icPageStage>li {
	font-size: 22px;
	color: #9B9B9B;
	padding: 35px 0;
	font-weight: normal;
	border-bottom: 1px solid #EAEAEA;
}

#stageContainer.icPageStage>li:last-child {
	border-bottom-color: transparent;
}



#stageContainer.icPageStage a:after {

	display: none;
}

#stageContainer.icPageStage>.completed {
	color: #73C0D0;
	font-weight: bold;
}

#stageContainer.icPageStage>.completed:after {
	display: block;
	content: ' ';
	width: 270px;
	height: 0px;
	border-bottom: 3px solid #97CAEA;
	top: 100%;
	left: 0;
	position: absolute;

}

#stageContainer.icPageStage>.active {
	color: #354759;
	font-weight: bold;
	border-bottom: 3px solid #73C0D0;
}

#stageContainer.icPageStage>li:last-child.active {
	border-bottom: 3px solid #73C0D0;
}

#stageContainer.icPageStage>.active:after {
	display: block;
	content: ' ';
	width: 100%;
	height: 15px;
	position: absolute;
	top: unset;
	bottom: -5px;
	left: 0;
	background-color: white;
	background-image: url('/assets/img/interviewCreator/IFUnderline.png');
	background-repeat: no-repeat;
}

#stageContainer.icPageStage>.active~li:after {
	display: none;
}

#stageContainer.icPageStage ul {
	list-style: none;
	display: none;
}

#stageContainer.icPageStage>.active ul {
	display: block;
	margin-top: 20px;
}

#stageContainer.icPageStage ul li {
	color: #9B9B9B;
	margin-left: 40px;
	font-weight: normal;

}

#stageContainer.icPageStage ul li+li {
	margin-top: 10px;
}

#stageContainer.icPageStage ul .completed,
#stageContainer.icPageStage ul .active {
	color: #4A4A4A;
	margin-left: 0;
}


#stageContainer.icPageStage>.active {
	border-bottom: 3px solid #73C0D0;
}

#outerPageContainer.interviewCreator {
	box-shadow: none;
	margin-bottom: 40px;
}

#outerPageContainer.interviewCreator #formError {
	margin: 0;
	margin-bottom: 20px;
	font-size: 12px;
	font-size: 16px;
}

#outerPageContainer.interviewCreator .form-error {
	margin: 0;
}

/* Interview forms */

.qCounter {
	background-color: #354759;
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 45px;
	padding: 30px 40px;
	border-radius: 4px;
}

.qCounter p {
	font-weight: bold;
	margin: 0;
	font-size: 20px;
}

.qCounter .qCount {
	background-color: #73C0D0;
	display: flex;
	width: 50px;
	height: 50px;
	border-radius: 4px;
	border: 1px solid #73C0D0;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	margin-right: 25px;
	min-width: 50px;
	min-height: 50px;
}


.qCounter .qCount:before {
	display: block;
	content: attr(data-count);
	color: #fff;
	font-size: 15px;
	font-weight: bold;

}

.interviewFormHeading,
h2.interviewFormHeading {
	text-transform: capitalize;
	font-size: 35px;
	margin: 20px 0 30px;
	line-height: 1.1;
}

.interviewFormIntro {
	margin-bottom: 40px;

}

.interviewFormIntro:after {
	content: " ";
	display: block;
	width: 100%;
	border-bottom: 1px solid #EAEAEA;
	margin-top: 40px;
}

.interviewFormIntro h4,
.interviewFormIntro p,
.interviewFormIntro ul {
	margin: 0 0 20px;
}

.interviewFormList {
	padding-left: 0;
	list-style: none;

}

.interviewFormList li {
	font-weight: bold;
}


.interviewFormIntro .large {
	font-size: 20px;
	line-height: 1.6;
	font-weight: bold;
}

.interviewFormGroup {
	margin-bottom: 40px;
}

.interviewFormGroup label {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
	display: inline-block;
}

.interviewFormGroup input[type="text"] {
	width: 100%;
	margin-left: 0;
}


.interviewFormGroup.advancedInput label {
	font-weight: normal;
	left: 15px;
	margin-bottom: 0;
	display: inline-block;
}

.interviewFormGroup.advancedInput p {
	margin: 0 0 10px;
}

.interviewFormGroup.advancedInput input[type="text"] {
	width: 100%;
	margin-left: 0;
}

.interviewFormGroup.advancedInput .placeholderLabelWrapper {
	position: relative;
}

.interviewFormGroup.advancedInput input[type="text"]:focus {
	border-color: #354759;
}

.interviewFormGroup.advancedInput input[type="text"]:focus+label {
	top: 1px;

}

.interviewFormGroup.advancedInput.has-input input[type="text"]:focus+label,
.interviewFormGroup.advancedInput.has-success input[type="text"]:focus+label {

	top: 1px;
}

.interviewFormGroup.advancedInput.has-input input[type="text"]:not(:focus)+label,
.interviewFormGroup.advancedInput.has-success input[type="text"]:not(:focus)+label {
	top: 1px;
	color: #354759;
	padding: 2px 5px;
	font-size: 14px;
	line-height: 14px;
	background-color: #fff;
}

.interviewFormGroup.advancedInput.has-input input[type="text"]:not(:focus),
.interviewFormGroup.advancedInput.has-success input[type="text"]:not(:focus) {
	border-color: #d8d8d8;
}


#interviewForm:after {
	content: "";
	display: table;
	clear: both;

}


#interviewForm fieldset {
	padding: 100px 40px 40px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	margin: 0 0 45px;
	border: 0 none;
	position: relative;
	border-radius: 4px;
	background: #fefefe;
}

#interviewForm legend {
	background-color: #354759;
	color: #fff;
	text-transform: capitalize;
	padding: 15px 30px;
	font-size: 20px;
	font-weight: bold;
	display: block;
	width: 250px;
	position: absolute;
	top: 0;
	border-radius: 0 0 3px 3px;
}

#interviewForm .completedStage tbody {
	display: none;
}

.page3 #interviewForm .completedStage tbody {
	display: table-row-group;
}

.interviewFormQuestions {
	width: 100%;
}


.interviewFormQuestions td:first-child label {
	margin: 15px 15px 40px 0;
	display: inline-block;
}

.interviewFormQuestions td:first-child {
	padding: 0;
}



.interviewFormQuestions td[data-type='bespoke'] {
	padding: 15px 0 40px 0;
}

.interviewFormQuestions td[data-type='bespoke'] label {
	margin: 0;
}

.interviewFormQuestions tr:last-child td[data-type] {
	padding-bottom: 0;
}

.interviewFormQuestions td[data-type] {
	border-top: 1px solid #D8D8D8;
	position: relative;
}

.interviewFormQuestions td[data-type]:before {
	display: block;
	content: attr(data-type);
	font-size: 14px;
	position: absolute;
	top: -8px;
	left: 0;
	background-color: #fefefe;
	text-transform: uppercase;
	padding-right: 15px;
	line-height: 1.1;
	font-weight: bold;
}

.interviewFormQuestions td[data-type='situation']:before {
	color: #21D397;
}

.interviewFormQuestions td[data-type='general']:before {
	color: #00b0f0;
}

.interviewFormQuestions td[data-type='manager level']:before {
	color: #BAD321;
}


.interviewFormQuestions tr:first-child td[data-type='manager level'],
.interviewFormQuestions tr:first-child td[data-type='situation'] {
	border-top: 1px solid #D8D8D8;
}

.interviewFormQuestions td[data-type='bespoke']:before {
	display: none;
}

.page3 .interviewFormQuestions td[data-type='bespoke']:before {
	display: block;
	color: #73C0D0;
}


.interviewFormQuestions td:last-child {
	max-width: 210px;
	min-width: 75px;
	width: 22%;
	padding: 0;
	vertical-align: middle;
}



.page3 .interviewFormQuestions td.spacer:first-child {
	padding: 10px 0;
	border-top: 0 none;
}

.interviewFormQuestions .checkmark {
	position: relative;
	background-color: transparent;
	width: 50px;
	height: 50px;
	border: 0 none;
	border-radius: 0;
	display: block;
	margin: 0 25px 0 auto;

}

.interviewFormQuestions .checkmark span {
	display: flex;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	border: 1px solid #354759;
	justify-content: center;
	align-items: center;
}

.interviewFormQuestions .checkmark span:before {
	display: block;
	content: "+";
	color: #354759;
	font-size: 15px;

}

.interviewFormQuestions .checkmark input[type=checkbox] {
	display: none;
}

.interviewFormQuestions .checkmark input:checked~span {
	background-color: #73C0D0;
	border: 1px solid #73C0D0;
}

.interviewFormQuestions .checkmark input:checked~span:before {
	content: "✓";
	color: #fff;
}

.interviewFormQuestions td[data-type=bespoke] label {
	color: #73C0D0;
	font-size: 20px;
	font-weight: bold;
}


.interviewFormQuestions textarea {
	border: 1px solid #E0E0E0;
	border-radius: 4px;
	background-color: transparent;
	margin-left: 0;
	margin-bottom: 0;
	width: 100%;
	min-height: 75px;
	max-height: 150px;
}

.interviewFormQuestions tfoot td:last-child {
	padding: 0;
	vertical-align: top;
}

.interviewFormQuestions tfoot div {
	display: inline-block;
}

.interviewFormQuestions tfoot td div:first-child {
	font-weight: bold;
	font-size: 20px;
	padding: 0;
	width: calc(100% - 190px);
}

.interviewFormQuestions tfoot td div:last-child {
	padding: 0;
}

.currentStage .interviewFormQuestions tfoot {
	display: none;
}


.sqCount:before {
	display: inline-block;
	content: attr(data-count);
	font-weight: bold;
	font-size: 20px;
}


.ifButton {
	background-color: #73C0D0;
	color: #fff;
	padding: 20px 15px;
	min-width: 180px;
	text-align: center;
	position: relative;
	font-size: 15px;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: bold;
	border: 0 none;
	border: 2px solid #73C0D0;
}

.ifButton:focus {
	outline: 0 none;
}

.ifButton:hover {
	outline: 0 none;
	border-radius: 3px;
	background-color: #fff;
	color: #73C0D0;
	cursor: pointer;
	border: 2px solid #73C0D0;
}


.ifButton:active {
	border: 2px solid #73C0D0;
	border-radius: 3px;
	cursor: pointer;
}



.ifButtonRow {
	position: relative;
}

.ifButtonRow .ifButton {
	position: absolute;
	top: -58px;
	right: 0;

}

.ifNavLinks {
	margin: 20px 0;
	display: flex;
	justify-content: space-between;
}

.ifNavLinks .ifButton {}

/* Personal page */

.page1 h4,
.page1 p,
.page1 .formLogo .advancedSmallButton,
.page1 .formLogo .advancedButton,
.page1 .formLogo .advancedImagePreview img {
	margin-left: 0;
}

.page1 .ifNavLinks .ifButton {}

/* Details page */

.page3 #interviewForm fieldset {
	padding: 85px 30px 30px;

}

.page3 #interviewForm .stage8 {
	padding-top: 20px;
	background-color: #fff;
}

.page3 #interviewForm .completedStage tbody {
	display: table-row-group;
}

.page3 #interviewForm .completedStage tbody .large {
	margin: 0;
	font-weight: bold;
	color: #354759;
	font-size: 20px;
}

.page3 .interviewFormQuestions td:first-child {
	padding: 15px 0;
	width: calc(100% - 210px);

}

.page3 .interviewFormQuestions td[rowspan] {
	padding: 0;
	width: 210px;
	vertical-align: bottom;

}

.page3 .interviewFormQuestions td .ifButton {
	margin-left: 30px;
}

.page3 .interviewFormQuestions tfoot td:first-child,
.page3 .interviewFormQuestions tfoot td:last-child {
	padding-bottom: 0;
}


.page3 .interviewFormQuestions .mobileOnly tr {}


.page3 .interviewFormQuestions .mobileOnly td:first-child {
	width: 100%;
}

#interviewForm.page3 legend {
	width: calc(100% - 320px);
}


#interviewForm .stage8 {

	padding: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

}

#interviewForm .stage8 p {
	margin: 0 0 20px;
}

#interviewForm .stage8 .large {
	font-size: 20px;
	font-weight: bold;
}

#interviewForm .stage8 .interviewFormGroup {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}

#interviewForm .stage8 input {
	flex: 1 1 auto;
	margin-right: 20px;
	height: 60px;
}

#interviewForm .stage8 label {
	display: flex;
	max-width: 60px;
	height: 60px;
	border-radius: 4px;
	justify-content: center;
	align-items: center;
	color: #fff;
	background-color: #73C0D0;
	margin-bottom: 0;
	margin-right: 20px;
	flex: 1 0 60px;
}

#interviewForm .stage8 .addRecipientButton {
	max-width: 60px;
	height: 60px;
	border-radius: 4px;
	border: 1px solid #354759;
	text-align: center;
	line-height: 1;
	background-color: #fff;
	color: #354759;
	font-size: 15px;
	flex: 1 0 60px;
}

#interviewForm .stage8 .deleteRecipientButton {
	display: flex;
	max-width: 60px;
	height: 60px;
	border-radius: 4px;
	justify-content: center;
	align-items: center;
	border: 1px solid #354759;
	background-color: #fff;
	color: #354759;
	flex: 1 0 60px;
}

#interviewForm .stage8 .interviewFormGroup .deleteRecipientButton:before {
	font-family: 'FontAwesome';
	content: "\f1f8";
	font-size: 20px;
}

#interviewForm .stage8 .deleteRecipientButton:hover {
	cursor: pointer;
	background-color: #fff;
	color: #73C0D0;
}

#interviewForm .stage8 .addRecipientButton::before {
	font-family: 'FontAwesome';
	content: "\f067";

}

#interviewForm .stage8 .addRecipientButton:hover {
	cursor: pointer;
}

.page3 .interviewFormQuestions tfoot .mobileOnly td:first-child {
	text-align: right;
}

.page3 .interviewFormQuestions .mobileOnly:nth-of-type(1) td {
	border-top: 0 none;
}

#newRecipientInput {
	border-radius: 4px;
	border: 1px solid #354759;
	background-color: #fff;
}

.page4 .myInterviews::after {
	content: "";
	display: table;
	clear: both;
}

.page4 .myInterviewsHeading {
	margin-top: 0;
	margin-bottom: 40px;
}

.page4 .myInterviewsIntro {
	margin-bottom: 40px;
}

.ifButton.returnToStart {
	float: right;

}


/* Recruitment guide */


.smallContainer.recruitmentGuide {
	padding: 0;
	margin: 0;
	width: 100%;
}

.recruitmentGuideHeading {
	text-transform: capitalize;
	font-size: 50px;
	margin-top: 45px;
	margin-bottom: 35px;
}

.recruitmentGuideIntro {
	margin-bottom: 55px;
	border: 1px solid transparent;
}

.recruitmentGuideIntro .large {
	font-size: 20px;
	line-height: 1.6;

}

.recruitmentGuideIntro p {
	margin: 0;
}

.recruitmentGuideBox {
	padding: 40px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	background: #fefefe;
	margin-bottom: 50px;
}

h2.recruitmentGuideBoxHeading {
	background-color: #354759;
	color: #fff;
	padding: 10px 30px;
	font-size: 20px;
	font-weight: bold;
	margin: -40px 0 90px;
	display: block;
	max-width: 650px;
	border-radius: 3px;
	text-align: left;
	text-transform: none;
}


#toggleList {
	background-color: #73C0D0;
	color: #fff;
	padding: 10px 15px;
	text-align: center;
	position: relative;
	font-size: 15px;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: bold;
	border: 0 none;
	border: 2px solid #73C0D0;
	float: right;
	position: relative;
	top: -50px;
}

#toggleList:focus {
	outline: 0 none;
}

#toggleList:hover {
	outline: 0 none;
	border-radius: 3px;
	background-color: #fff;
	color: #73C0D0;
	cursor: pointer;
	border: 2px solid #73C0D0;
}


#toggleList:active {
	border: 2px solid #73C0D0;
	border-radius: 3px;
	cursor: pointer;
}


#toggleList:before {
	display: inline-block;
	margin-right: 5px;
}


#toggleList.showAll:before {
	content: "Show";
}

#toggleList.hideAll:before {
	content: "Hide";

}

.recruitmentGuideList {
	counter-reset: section;
	list-style: none;
	padding-left: 0;
	max-width: 1000px;

}

.recruitmentGuideList>li {
	padding: 10px 0 25px 70px;
	position: relative;
}

.recruitmentGuideList>li:before {
	position: absolute;
	left: 0;
	top: 0;
	counter-increment: section;
	/* Increment the value of section counter by 1 */
	content: counter(section);
	border-radius: 50%;
	background: #73c0d0;
	color: #ffffff;
	width: 50px;
	height: 50px;
	display: block;
	line-height: 50px;
	font-size: 25px;
	text-align: center;
	font-weight: bold;
	z-index: 20;
}

.recruitmentGuideList>li:after {
	content: "";
	display: block;
	width: 2px;
	background: #73c0d0;
	height: 100%;
	position: absolute;
	left: 25px;
	top: 0;
	z-index: 10;
}

.recruitmentGuideList>li:last-child:after {
	display: none;
}

.recruitmentGuideList>li>h3 {
	text-transform: none;
	margin-top: 0;
	line-height: 1.2 !important;
}

.recruitmentGuideList input {
	display: none;
}

.recruitmentGuideList label {
	color: #73C0D0;
	text-decoration: underline;
}

.recruitmentGuideList input~label:before {
	content: "Learn more";
}

.recruitmentGuideList .details {
	display: none;
	padding: 20px;
	background: #eceff1;
	font-weight: bold;
	margin: 25px 0 10px;
	border: 1px solid #eceff1;
}

.recruitmentGuideList .details>* {
	margin: 0;
}

.recruitmentGuideList .details>*+* {
	margin-top: 15px;
}

.recruitmentGuideList .details ul,
.recruitmentGuideList .details ol {
	padding-left: 20px;
}

.recruitmentGuideList input:checked~.details {
	display: block;
}

.recruitmentGuideList input:checked~label:before {
	content: "Hide";
}


/* Employment contract creator */

.contentCreatorIntro {
	margin: 90px 175px 90px 0;
}

.handbookCreatorIntro {
	margin: 90px 175px 120px 0;
}


.contentCreatorIntro h1,
.handbookCreatorIntro h1 {
	margin-bottom: 45px;
	font-size: 50px;
	letter-spacing: -1px;
}

.contentCreatorIntro p,
.handbookCreatorIntro p {
	margin: 0
}

.contentCreatorIntro p+p,
.handbookCreatorIntro p+p {
	margin-top: 15px;
}

.contentCreatorIntro .large,
.handbookCreatorIntro .large {
	font-size: 20px;
	line-height: 1.5;
	font-weight: bold;
}

.benefitsBox {
	color: #fff;
	margin-top: 50px;
	margin-bottom: 100px;
	margin-right: 120px;
	border-radius: 25px 75px 75px 75px;
	padding: 0 115px 0 70px;
	box-sizing: border-box;
	border: 2px solid #385d77;
	background-color: #385d77;
}

.benefitsBox {
	margin-bottom: 180px;
}

.benefitsBox h2,
.videoBox h2,
.expandableFactsBox h2,
.reviewCarousel h2 {
	margin-bottom: 40px;
}

.benefitsBox * {
	box-sizing: border-box;
}


.benefitsBox .large {
	font-size: 20px;
	margin-top: 0;
}

.benefitsBox h2 {
	padding: 15px 30px;
	font-size: 38px;
	display: inline-block;
	border-radius: 5px;
	margin-top: -50px;
	margin-bottom: 40px;
}

.contentBlue .benefitsBox h2 {
	background-color: #a1c624;

}

.turquoiseBox h2 {
	background-color: #7cc4a4 !important;
}

.turquoiseText span {
	color: #7cc4a4 !important;
}

.turquoiseHeader {
	color: #7cc4a4 !important;
}

.contentPink #toggleList {
	background-color: #c8288c;
	border: 2px solid #c8288c;
}

.contentPink #toggleList:hover {
	color: #c8288c;
	border: 2px solid #c8288c;
}

.contentOrange #toggleList {
	background-color: #FF8B06;
	border: 2px solid #FF8B06;
}

.contentOrange #toggleList:hover {
	color: #FF8B06;
	border: 2px solid #FF8B06;
}

.contentYellow #toggleList {
	background-color: #FFC108;
	border: 2px solid #FFC108;
}

.contentYellow #toggleList:hover {
	color: #FFC108;
	border: 2px solid #FFC108;
}

.contentCyan #toggleList {
	background-color: #73c0d0;
	border: 2px solid #73c0d0;
}

.contentCyan #toggleList:hover {
	color: #73c0d0;
	border: 2px solid #73c0d0;
}

.contentHMRC #toggleList {
	background-color: #048c8c;
	border: 2px solid #048c8c;
}

.contentHMRC #toggleList:hover {
	color: #048c8c;
	border: 2px solid #048c8c;
}

.contentPink .benefitsBox h2 {
	background-color: #c8288c;
}

.contentOrange .benefitsBox h2 {
	background-color: #FF8B06;
}

.contentYellow .benefitsBox h2 {
	background-color: #FFC108;
}

.contentCyan .benefitsBox h2 {
	background-color: #73c0d0;
}

.contentHMRC .benefitsBox h2 {
	background-color: #048c8c;
}

.benefitsBox h2 span {
	color: #354759;
}

.videoBox {
	color: #385d77;
	margin-top: 50px;
	margin-bottom: 100px;
	margin-right: 120px;
	border-radius: 25px 75px 75px 75px;
	padding: 0 115px 0 70px;
	box-sizing: border-box;
	border: 2px solid #385d77;
}

.videoBox * {
	box-sizing: border-box;
}

.videoBox .large {
	line-height: 1.5;
	font-size: 20px;
	margin-top: 0;

}

.videoBox h2 {
	background-color: #385d77;
	color: #fff;
	margin-bottom: 35px;
	padding: 15px 30px;
	font-size: 38px;
	display: inline-block;
	border-radius: 5px;
	margin-top: -50px;
	margin-bottom: 40px;
}

.contentBlue .videoBox h2 span {
	color: #a1c624;
}

.contentPink .videoBox h2 span {
	color: #c8288c;
}

.contentOrange .videoBox h2 span {
	color: #FF8B06;
}

.contentYellow .videoBox h2 span {
	color: #FFC108;
}

.contentCyan .videoBox h2 span {
	color: #73c0d0;
}

.contentHMRC .videoBox h2 span {
	color: #43a39f;
}

.videoBox video {
	max-width: 100%;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	margin-top: 25px;
	margin-bottom: 50px;
}


.benefitsBoxBody {
	position: relative;
	font-weight: 300;
	margin-bottom: 20px;
}

.benefitsBoxBody ul {
	list-style: none;
	padding-left: 30px;
	float: left;
	height: 100%;
	margin: 20px 0;
	padding-right: 70px;
}


.contentCreator .benefitsBoxBody ul {
	width: calc(100% - 350px);
}

.handbookCreator .benefitsBoxBody ul {
	width: calc(100% - 260px);
}

.benefitsBoxBody li {
	position: relative;
	font-size: 18px;
	margin-bottom: 20px;
	line-height: 1.6;
}

.benefitsBoxBody li:before {
	content: "\2022";
	display: inline-block;
	position: absolute;
	left: -30px;
	line-height: 1;
	font-size: 25px;
	color: #a1c624;
}



.benefitsBoxBody img {
	float: left;
	margin-top: -125px;
	margin-right: -50px;
	max-width: 390px;
	border-radius: 20px;
}

.handbookCreator .benefitsBoxBody img {
	max-height: 430px;
	max-width: unset;
	width: auto;
	margin-top: -150px;
	position: absolute;
}

.benefitsBoxFooter .large {
	line-height: 1.5;
	margin-bottom: 0;
}

.benefitsBoxFooter .ctaList {
	list-style: none;
	padding-left: 0;
	position: relative;
	bottom: -85px;
	margin: -50px 0 0;
}

.benefitsBoxFooter .ctaList li {
	display: inline-block;
	background: #fff;
	border: 2px solid #354759;
	border-radius: 15px;
	width: calc(50% - 18px);
	color: #354759;
	padding: 20px 20px 20px;
}

.benefitsBoxFooter .ctaList li+li {
	margin-left: 30px;
}

.benefitsBoxFooter .ctaList h3 {
	font-size: 40px;
	margin: 0 0 20px;
	line-height: 1.2;
	text-transform: none;
	font-weight: 500;
}

.benefitsBoxFooter .ctaList .btn {
	border-radius: 5px;
	font-size: 20px;
	padding: 15px 21px;
	width: auto !important;
	display: inline-block;
	min-width: 200px;
	text-align: center;
	color: #fff;
	margin: 0;
}

.contentBlue .benefitsBoxFooter .ctaList .btn {
	background-color: #a1c624;
}

.contentPink .benefitsBoxFooter .ctaList .btn {
	background-color: #c8288c;
}

.contentOrange .benefitsBoxFooter .ctaList .btn {
	background-color: #FF8B06;
}

.contentYellow .benefitsBoxFooter .ctaList .btn {
	background-color: #FFC108;
}

.contentCyan .benefitsBoxFooter .ctaList .btn {
	background-color: #73c0d0;
}

.expandableFactsBox {
	color: #385d77;

	margin-top: 50px;
	margin-bottom: 60px;
	margin-right: 120px;
	border-radius: 25px 75px 75px 75px;
	padding: 0 115px 0 70px;
	box-sizing: border-box;
	border: 2px solid transparent;
}

.expandableFactsBox * {
	box-sizing: border-box;
}

.contentBlue .expandableFactsBox {}


.contentBlue .expandableFactsBox h2 {
	background-color: #385d77;

}

.expandableFactsBox h2 {
	background-color: #385d77;
	color: #fff;
	padding: 15px 30px;
	font-size: 38px;
	display: inline-block;
	border-radius: 5px;
	/* margin-bottom: 10px;    */
	margin-top: -50px;
}

.contentBlue .expandableFactsBox h2 span {
	color: #a1c624;
}

.contentPink .expandableFactsBox h2 span {
	color: #c8288c;
}

.expandableFactsBox #toggleList {
	font-size: 18px;
	float: right;
	position: relative;
	top: 2px;
	line-height: 1;
}

.contentBlue .expandableFactsBox #toggleList {
	border-color: #a1c624;
	background-color: #a1c624;
}

.contentPink .expandableFactsBox #toggleList {
	border-color: #c8288c;
	background-color: #c8288c;
}

.expandableFactsBox #toggleList:focus {
	outline: 0 none;
}

.expandableFactsBox #toggleList:hover {
	outline: 0 none;
	background-color: #fff;
	cursor: pointer;
}

.contentBlue .expandableFactsBox #toggleList:hover {
	color: #a1c624;
}

.contentPink .expandableFactsBox #toggleList:hover {
	color: #c8288c;
}

.expandableFactsBox #toggleList:active {
	cursor: pointer;
}

.expandableFactsBox #toggleList:before {
	display: inline-block;
	margin-right: 5px;
}


.expandableFactsBox #toggleList.showAll:before {
	content: "Show";
}

.expandableFactsBox #toggleList.hideAll:before {
	content: "Hide";
}



.expandableFactsList {
	counter-reset: section;
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.expandableFactsList li {
	padding: 0 0 30px 75px;
	position: relative;
	border-top: 2px solid #e8e8e8;
}

.expandableFactsList li:last-child {
	border-bottom: 2px solid #e8e8e8;
}



.expandableFactsList li:before {
	position: absolute;
	left: 0;
	top: 25px;
	counter-increment: section;
	/* Increment the value of section counter by 1 */
	content: counter(section);
	border-radius: 50%;
	color: #ffffff;
	width: 50px;
	height: 50px;
	display: block;
	line-height: 50px;
	font-size: 25px;
	text-align: center;
	font-weight: bold;
	z-index: 20;
}

.contentBlue .expandableFactsList li:before {
	background: #a1c624;
}

.contentPink .expandableFactsList li:before {
	background: #c8288c;
}

.contentOrange .expandableFactsList li:before {
	background: #FF8B06;
}

.contentYellow .expandableFactsList li:before {
	background: #FFC108;
}

.contentCyan .expandableFactsList li:before {
	background: #73c0d0;
}

.expandableFactsList h3 {
	text-transform: none;
	height: 50px;
	line-height: 50px;
	color: #385d77;
	margin: 25px 0 0 0;
}

.expandableFactsList input {
	display: none;
}

.expandableFactsList label {
	text-decoration: underline;
	cursor: pointer;
}

.contentBlue .expandableFactsList label {
	color: #a1c624;
}

.contentPink .expandableFactsList label {
	color: #c8288c;
}

.contentOrange .expandableFactsList label {
	color: #FF8B06;
}

.contentYellow .expandableFactsList label {
	color: #FFC108;
}

.contentCyan .expandableFactsList label {
	color: #73c0d0;
}

.expandableFactsList input~label:before {
	content: "Learn more";
}

.expandableFactsList .details {
	display: none;
	padding: 15px;
	background: #f1f1f1;
	font-weight: bold;
	margin: 15px 0 5px;
	color: #385d77;
}

.expandableFactsList input:checked~.details {
	display: block;
}

.expandableFactsList input:checked~label:before {
	content: "Hide";
}


.expandableFactsList .details>* {
	margin: 0;
}

.expandableFactsList .details>*+* {
	margin-top: 15px;
}

.expandableFactsList .details ul,
.expandableFactsList .details ol {
	padding-left: 20px;
}

.reviewCarousel {
	padding-right: 0;
	margin-right: 0;
	margin-bottom: 60px;
	padding: 0 115px 0 70px;
	border: 0 none;
	color: #fff;
	box-sizing: border-box;
}


.contentBlue .reviewCarousel h2 {
	background-color: #385d77;
}


.reviewCarousel h2 {
	padding: 15px 30px;
	display: inline-block;
	border-radius: 5px;
	color: #fff;
	background-color: #385d77;
}


.contentBlue .reviewCarousel h2 span {
	color: #a1c624;
}

.contentPink .reviewCarousel h2 span {
	color: #c8288c;
}

.contentOrange .reviewCarousel h2 span {
	color: #FF8B06;
}

.contentYellow .reviewCarousel h2 span {
	color: #FFC108;
}

.contentCyan .reviewCarousel h2 span {
	color: #73c0d0;
}

.reviewCarouselList {
	display: -webkit-box;
	display: flex;
	padding-left: 0;
	list-style: none;
	margin-top: 50px;
	margin-left: -70px;
}

.reviewCarouselListItem {
	-webkit-box-flex: 1;
	flex: 1;
	background-color: #354759;
	border-radius: 15px 25px 25px 25px;
	padding: 20px 40px;
}

.reviewCarouselListItem+div {
	margin-left: 40px;
}

.reviewCarouselListItem h3 {
	text-transform: capitalize;
	font-weight: normal;
	padding: 12px 20px;
	border-radius: 10px;
	margin-top: -50px;
	margin-bottom: 30px;
	font-size: 18px;
	color: #fff;
	width: calc(100% - 55px);
	min-width: 170px;
}

.contentBlue .reviewCarouselListItem h3 {
	background-color: #a1c624;
}

.contentPink .reviewCarouselListItem h3 {
	background-color: #c8288c;
}

.contentOrange .reviewCarouselListItem h3 {
	background-color: #FF8B06;
}

.contentYellow .reviewCarouselListItem h3 {
	background-color: #FFC108;
}

.contentCyan .reviewCarouselListItem h3 {
	background-color: #73c0d0;
}

.reviewCarouselList .reviewCarouselImg {
	border-radius: 5px;
	width: auto;
	margin: 0 auto;
	height: auto;
	max-height: 380px;
	display: block;
	/* max-width: 350px; */
}

.reviewCarouselList .reviewCarouselText {
	font-size: 18px;
	line-height: 1.4;
	color: #fff;
	font-weight: 300;
}

/* Toast snippet */

.toast {
	background-color: #f2f2f2;
	margin: 10px;
	max-width: 650px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 2px solid #fbc307;
	border-radius: 10px;
}

.toastImage {
	display: inline-block;
	flex: 0 1 20%;
	min-width: 200px;
	margin: 10px;
}

.toastBody {
	display: inline-block;
	flex: 1 1 auto;
	margin: 10px;
	min-width: calc(50% - 30px);
}

.toastBody h2,
.toastBody h3,
.toastBody h4 {
	text-transform: none !important;
	font-size: 1rem !important;
}

.toastBody * {
	margin: 0;
}

.toastBody *+* {
	margin-top: 10px;
}


.ccIntro {
	padding: 20px 30px 0;
	margin-bottom: -20px;
	margin-left: 2px;
	margin-right: 2px;

}

.thankYouTrial{
	width: 88%;
    margin: -50px 0 0 6%;
    padding: 60px 6% 20px 0;
}


/* START OF MEDIA QUERIES */


@media (max-width : 1366px) {

	img:not(.cogeImg):not(.tileImage): (.dashboardHeroImage) {
		max-width: 100%;
		height: auto;
	}

	.imageTable img {
		/*width: auto; commented out on 05/03 */
	}

	.typicalHeroImage {
		max-width: 100%;
	}

	.typicalHeroImage>div:not(.typicalHeroSpace) {
		overflow: hidden;
	}

	.memberBoxMainContent {
		min-height: 470px;
	}

	.basketProduct h3,
	.basketButton {
		margin: 0;
		font-size: 18px;
		line-height: 1.2em;
	}

	.productPrice {
		max-width: 100px !important;
	}

	.basketQuantity {
		width: auto !important;
	}

	#groomCleanSponsors .groomCleanSponsor {
		margin: 0 12px;
	}

	#groomCleanPartners .partners table {
		max-width: 440px;
	}

	.dispCell {
		width: calc(((100% - 2px)/3) - 100px);
		margin: 0 50px;
		height: 300px;
	}

	.dispVerticalBorder {
		height: 250px;
		margin-top: 50px;
	}

	.eeaAdContainer.long .eeaAdText {
		padding: 0;
	}


	.jobHeroImage {
		width: 100%;
	}

	/*
	.jobHeroImage .jobBoardHeroSpace {
		width: calc(100vw - 90px);
	} */

}

@media (max-width : 1240px) {
	.benefitsBoxFooter .ctaList h3 {
		font-size: 27px;
	}

	.benefitsBoxFooter .ctaList .btn {
		font-size: 20px;
	}
}

@media (max-width : 1200px) {
	.benefitsBoxBody img {
		margin-top: 0;
	}
}

@media (max-width : 1150px) {
	.desktopOnlyTd td:first-of-type {
		display: none !important;
	}

	.desktopOnlyTd td h3 {
		text-align: center;
	}

	.desktopOnlyTd img.mobileOnly {
		float: left;
		margin-right: 8px;
		margin-bottom: 8px;
		display: block !important;
	}

	#contactForm .split {
		float: none !important;
		width: 100% !important;
	}

	#contactForm .split:first-child {
		margin: 30px 0;
	}

	.memberBoxMainContent {
		min-height: 520px;
	}

	.basketQuantity {
		width: auto !important;
	}

	.newsHomeArticle h3 {
		font-size: 22px;
		max-width: 100%;
	}

	.latestNewsBlock .leftBlock,
	.latestNewsBlock .rightBlock {
		width: calc(100% - 4px)
	}

	.latestNews2section {
		display: block;
	}

	.latestNewsHome {
		display: block;
	}

	#LargeImage {
		float: none !important;
	}

	.newsHomeText {
		padding: 0 40px;
	}

	.newsHomeImage {
		height: 250px;
	}

	.imageList {
		height: auto;
	}

	.footerBlock {
		margin-top: 20px;
	}

	.footerBlock,
	.footerBlock2,
	.footerBlockWide {
		margin-left: 0;
	}

	.social a {
		float: none;
		margin-left: 0 !important;
	}

	.shopCatContainer .cat {
		width: 100%;
		float: none;
		max-width: 530px;
		display: block;
		margin: 0 auto !important;
		margin-bottom: 25px !important;
	}

	.productText h4 {
		width: 100%;
		float: none;
		font-size: 13px;
	}

	.productText h3 {
		margin-top: 8px;
	}

	.productText {
		height: 72px;
	}

	#footerContainer {
		width: 1160px !important;
		padding: 10px 0;
		max-width: 98%;
	}

	#groomCleanPartners .groomCleanSponsor {
		margin: 0 8px;
	}

	#groomCleanPartners .partners table {
		max-width: 380px;
	}

	#groomCleanPartners .partners table td {
		width: 25%;
	}

	#groomCleanPartners .sponsors table {
		max-width: 140px;
	}

	#contractForm select {
		max-width: 110px;
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		position: relative;
	}

	.textButton {
		margin: 0 4px;
	}

	.eeaAdContainer.long .signUpBox {
		margin-top: 0px;
		padding: 10px;
		height: 60%;
	}

	.infoQuote img {
		width: 60px;
	}

	.infoQuote .quoteText {
		width: calc(100% - 120px);
	}

	.mentalHealthResults .resultsContent .resultsButtons a span {
		font-size: 16px;
		line-height: 17px;
	}

	.jobHeroImage .jobBoardHeroSpace .jobBoardHerorMenu {
		margin: 0px;
		margin-left: 10px;
		width: 100%;
	}

	.contentCreatorIntro h1,
	.handbookCreatorIntro h1 {
		font-size: 40px;
	}

	.benefitsBoxBody ul {
		width: 66.67%;
	}

	.benefitsBoxBody img {
		width: 33.33%;
	}

	.benefitsBoxBody:after {
		width: 66.67%;
	}

	.benefitsBoxBody {
		margin-bottom: 45px;
	}

	.benefitsBoxFooter .ctaList {
		bottom: -75px;
		margin-top: -35px;
	}

	.videoBox h2 {}

	.videoBox video {
		margin-top: 30px;
	}
}

@media (max-width : 950px) {

	.tabbed4sections {
		margin-bottom: 20px !important;
	}

	.userAreaContainer .details.pageTitle {
		margin-bottom: 30px;
		width: 100%;
	}

	.userAreaContainer .thirdItem.dashboardTile,
	.userAreaContainer .thirdItem.userAreaItem {
		width: calc((100%/2) - (34px/2));
		height: 360px;
	}

	.tilesContainer .thirdItem:nth-child(odd) {
		margin-left: 0;
		margin-right: 0;
	}

	.tilesContainer .thirdItem:nth-child(even){
		margin-left: 34px;
		margin-right: 0;
	}

	.tilesContainer .thirdItem {
		margin-bottom: 40px;
	}

	.userAreaContainer .thirdItem.details {
		width: 100%;
	}

	.userAreaContainer .membershipNumber {
		margin: 0;
		width: 100%;
	}

	.userAreaContainer .salutations {
		margin-bottom: 40px;
	}

	.tileTitle {
		font-size: 28px;
	}

	.userAreaContainer {
		padding: 26px 12px;
	}

	.backToDashboard {
		font-size: 18px;
	}

	.userAreaContainer .halfItem {
		width: 100%;
	}

	.userItemColumn.rightSide,
	.userItemColumn.leftSide {
		padding: 0;
		margin-bottom: 20px;
	}

	.userAreaItem {
		padding: 48px 28px 24px;
	}

	#dashboardHero {
		padding: 72px 12px;
	}

	.userAreaContainer .salutations,
	.userAreaContainer .customPageTitle {
		font-size: 34px;
	}

	.contactSpacer {
		color: #FFFFFF;
	}

	#groomCleanPartners h4 {
		margin: 0;
	}

	#groomCleanPartners .sponsors table {
		max-width: 160px;
	}

	#groomCleanPartners .partners table {
		max-width: 500px;
	}

	#groomCleanPartners .partners,
	#groomCleanPartners .sponsors {
		float: none !important;
		width: 100%;
		clear: both;
	}

	#groomCleanPartners .partners td:nth-child(2) img,
	#groomCleanPartners .partners td:nth-child(4) img {
		width: 95px;
		max-width: none;
	}

	#groomCleanPartners .groomCleanSponsor {
		display: none;
	}

	#groomCleanPartners .sponsors table tr td:first-child {
		width: 1px;
	}

	.orderMain {
		min-width: 340px;
	}

	.orderItems {
		width: calc(100% - 340px) !important;
	}

	.job-listing {
		margin: 0;
	}

	.job-listing h4 {
		width: 64%;
	}

	.latestNewsBlock .leftBlock h3,
	.latestNewsBlock .rightBlock h3,
	.latestNewsBlock .leftBlock,
	.latestNewsBlock .rightBlock {
		min-height: 0;
	}

	.job-listing h4 {
		font-size: 16px;
		line-height: 20px;
	}

	.job-listing .location {
		font-size: 16px;
	}

	.memberBoxMainContent {
		display: block;
	}

	.homeMainSlider .sliderText h1 {
		color: #FFFFFF;
		font-size: 29px;
		font-weight: 500;
		line-height: 1.1em;
		margin: 0;
	}

	#productDetail .productDetailContainer {
		float: none;
		clear: both;
		width: 100%;
		margin: 0 auto;
		max-width: none;
	}

	#productImages {
		float: none;
		clear: both;
		width: calc(100% - 30px);
		margin: 0 auto;
		margin-bottom: 20px;
	}

	.mainContent {
		width: 84%;
		margin-left: 7%;
		margin-right: 7%;
	}

	.typicalHeroSpace {
		max-width: 48%;
		padding: 0;
	}

	.typicalHeroText {
		font-size: 30px;
	}

	.homeMainSlider .sliderText {
		top: 45%;
	}

	.newsHomeImage {
		height: 200px;
	}

	#contactForm .split:first-child {
		width: 100% !important;
		float: left;
	}

	#contactForm .split:nth-child(2) {
		width: 100% !important;
		float: left;
		margin-top: 20px;
	}

	#contactForm .split div {
		width: 100% !important;
		float: none !important;
	}

	.homeMainSlider {
		width: 100% !important;
		position: relative !important;
		margin: 0 auto !important;
		min-width: 0;
	}

	.container {
		margin: 0 auto;
		position: relative;
	}

	#lowestFoot {
		font-size: 14px;
	}

	.newsmaincontent {
		float: none !important;
		width: 100% !important;
	}

	#memberzoneContainer {
		position: relative;
		overflow: hidden;
	}

	.memberMainContentBox {
		width: 100%;
	}

	.memberzoneHeader {
		width: 100%;
		float: none;
		text-align: center;
	}

	.memberBoxContain {
		width: 96%;
		float: none;
		margin: 10px auto !important;
		float: none;
		display: block;
	}

	.memberBoxMainContent {
		display: none;
		min-height: inherit;
		padding: 10px 10px;
	}

	.memberMainContentBox {
		width: 98%;
		margin-left: 1%;
		/*
		width:96%;
		display:block;
		margin:0 auto;
		float:none;
	*/
	}

	.memberBoxRight {
		bottom: initial;
	}

	.memberBoxHeaderBlue,
	.memberBoxHeaderRed,
	.memberBoxHeaderGrey,
	.memberBoxHeaderGold {
		box-shadow: rgba(0, 0, 0, 0.2) 0 3px 3px;
		position: relative;
		cursor: pointer;
	}

	.plusBg {
		background-image: url(/assets/img/plus.png);
		background-position: 99%;
		background-repeat: no-repeat;
	}

	.plus45Bg {
		background-image: url(/assets/img/x.png) !important;
		background-position: 99% !important;
		background-repeat: no-repeat !important;
	}

	.memberBoxRight {
		width: 60%;
		margin: 0;
		position: relative;
		float: right;
		/*		height:370px;*/
	}

	.memberBoxRight img {
		max-width: 100%;
		height: auto;
		bottom: 10%;
		float: right;
	}

	.memberBoxMainContent p,
	.memberBoxMainContent ul {
		margin: 0;
	}

	.mobileOnly {
		display: block !important;
	}

	.deskOnly {
		display: none !important;
	}

	#stageList {
		display: none;
	}

	#formContainer {
		margin-left: 0 !important;
		width: 100% !important;
	}

	#contractForm .label,
	#contractForm .input {
		width: 100% !important;
		clear: both !important;
		float: none !important;
		padding-left: 0 !important;
	}

	#contractForm .open.fa-question-circle-o:after {
		display: none;
	}

	#courseStageContainer p:not(.standardText),
	.formSubText {
		margin-bottom: 5px;
	}

	#contractForm .nextStage {
		max-width: 140px !important;
	}

	#contractForm .prevousStage {
		max-width: 170px !important;
	}

	#contractForm table:not(.coeTable) {
		max-width: 500px;
	}

	.tableNoMobile {
		display: none !important;
	}

	tr.tableMobileOnly {
		display: table-row !important;
	}

	td.tableMobileOnly {
		display: table-cell !important;
	}

	.basketImage {
		max-width: 100px;
		float: none !important;
	}

	.basketText {
		float: none !important;
	}

	.groomCleanImage {
		float: none !important;
		margin: 10px 0 !important;
		display: block;
	}

	#employerDisclaimer {
		height: 100px;
		max-width: 300px;
	}

	#employerDisclaimer::after {
		content: '';
		right: -100px;
		bottom: 0px;
		border-color: transparent transparent transparent #8ED550;
		border-width: 120px 0 0 120px;
		border-style: solid;
		position: absolute;
		right: -120px;
	}

	.basketItemQty {
		margin-left: -2px !important;
	}

	#addToBasketSuccess {
		padding-left: 10px;
	}

	.viewBasketContainer {
		width: 100% !important;
		padding-top: 0 !important;
		clear: both;
		float: none !important;
		text-align: left !important;
	}

	.viewBasketContainer .viewBasket {
		margin-left: 10px !important;
		display: block !important;
		text-align: right !important;
		margin-top: 20px !important;
	}

	.prodCount {
		width: 80% !important;
		display: block;
		clear: both;
	}

	.productDetailsBg {
		height: auto !important;
		padding-bottom: 20px;
	}

	#mapIconText:before {
		margin-right: 3px !important;
		font-size: 15px;
	}

	#mapIconText {
		font-size: 16px;
	}

	#jobTitle h4 {
		font-size: 19px;
	}

	.footerBlock2 ul {
		margin-right: 35px;
	}

	.footerBlock2 {
		width: 200px;
	}

	.mileRadius {
		display: block;
	}

	#myBgaMenu {
		display: flex;
	}

	#myBgaMenu a {
		display: flex;
		flex-direction: column;
	}

	.accountMenu>li>a,
	.accountMenu>li .bgaSubMenu>li>a {
		font-size: 14px;
	}

	.accountMenu>li>a {
		display: flex;
		flex-direction: column;
	}

	.priceDisplayBox,
	.zoneAccessHeaderRight .btnGreen.larger {
		width: 250px;
	}

	.dispCell {
		width: calc(((100% - 2px)/3) - 60px);
		margin: 0px 30px;
		padding: 50px 0 50px;
		height: 280px;
	}

	.dispVerticalBorder {
		height: 320px;
		margin-top: 30px;
	}

	.zoneAccessHeader h1:not(.employerDarkGreen) br {
		display: none;
	}

	.advert-employer .advertButton {
		width: 100%;
		text-align: center;
	}

	.advert-employer .advertButton a {
		width: 90%;
		margin: auto;
	}

	.advert-employer p {
		width: 90%;
		text-align: center;
	}

	.advertHeader {
		margin: 0;
	}

	.advertHeaderLeft {
		width: 100%;
		height: 50px;
		float: none;
	}

	.advertHeaderLeft h4 {
		padding: 10px 10px;
		margin: 0;
	}

	.advertHeaderRight {
		width: 100%;
		float: none;
	}

	.advertHeaderRight h3 {
		margin: 0;
	}

	.membership {
		width: calc(100% - 20px);
		background-color: #4a5968;
		color: #fff;
		font-size: 18px;
	}

	.membershipPayMethod {
		background-color: transparent;
		width: 97%;
		color: #354759;
	}

	.membershipPayMethod p {
		font-size: 18px;
	}

	.membershipPayMethod br {
		display: none;
	}

	.megaDropDown {
		font-size: 11px;
		height: 380px;
	}

	.megaListMenu ul {
		padding-left: 5px;
	}

	.megaListMenu ul li {
		line-height: 18px;
	}

	.eeaAdContainer {
		margin: 5px;
	}

	.eeaAdContainer h4 {
		font-size: 1.5vw;
	}

	.eeaAdContainer h3 {
		font-size: 2.5vw;
		line-height: 2.5vw;
	}

	.eeaAdContainer h2 {
		font-size: 3.5vw;
		line-height: 3.5vw;
		;
	}

	.eeaAdContainer.large {
		padding-top: 30px;
	}

	.eeaAdContainer.large h4 {
		font-size: 2.5vw;
	}

	.eeaAdContainer.large h3 {
		font-size: 3.3vw;
		line-height: 3.3vw;
	}

	.eeaAdContainer.large h2 {
		font-size: 4.5vw;
		line-height: 4.5vw;
	}

	.eeaAdContainer.long .eeaAdText {
		padding: 0;
	}

	.megaInfoBox h3 {
		font-size: 1.5vw;
		padding: 5px 18px;
	}

	.infoQuote .quoteText p {
		font-size: 11px;
		line-height: 12px !important;
	}

	.megaLink {
		font-size: 1.8vw;
		line-height: 2vw;
		padding: 1.2vw 2vw 2.5vw 1vw;
	}

	.megaLink span {}

	.toolsTable td {
		height: 28px;
	}

	.toolsTable td p {
		font-size: 12px;
	}

	#videoContainerFull {
		width: 98%;
		margin-left: 1%;
	}

	#playButtonFull {
		width: 8%;
		margin-top: 22%;
		margin-left: 45%;
	}

	.mentalHealthResults .resultsHeader {
		width: calc(100% - 60px);
		margin-bottom: 30px;
	}

	.mentalHealthResults .resultsContent {
		width: 100%;
	}



	.advertiseJobMenu {
		display: none;
	}

	.advertiseJobSplit>div:nth-child(1) {
		width: 100%;
	}

	.advertiseJobSplit>div:nth-child(2) {
		display: none;
	}

	.advancedForm {
		width: 100%;
		box-shadow: none;
	}


	.jobHeroImage .jobBoardHeroSpace .jobBoardHeroTitle {
		font-size: 34px;
		line-height: 34px;
	}

	.jobHeroImage .jobBoardHeroSpace .jobBoardHeroSubtitle {
		font-size: 20px !important;
		line-height: 20px !important;
	}

	/* job board responsive styles */

	.jobBoardTopContainers {
		flex-wrap: wrap;
	}

	.jobBoardTopContainers .advancedContainer,
	.jobBoardTopContainers .advancedContainer:first-child {
		margin-bottom: 40px;
		width: 100%;
	}

	.jobBoardTopContainers .advancedContainer:first-child {
		order: 1;
		margin-right: 0px;
	}

	#jobBoardList .jobBoardItem {
		flex-wrap: wrap;
	}

	#jobBoardList .jobBoardItem>div:nth-child(1) {}

	#jobBoardList .jobBoardItem>div:nth-child(2) {
		border: none;
	}

	#jobBoardList .jobBoardItem>div:nth-child(3) {
		display: none;
	}

	.jobHeroImage .jobBoardHeroSpace .jobBoardHeroTitle {
		font-size: 34px;
		line-height: 34px;
	}

	.jobHeroImage .jobBoardHeroSpace .jobBoardHeroSubtitle {
		font-size: 20px !important;
		line-height: 20px !important;
	}

	.jobBoardMenu {
		margin-top: 10px;
	}

	.jobBoardDetailsPage {
		width: 100%;
		padding-right: 20px;
		float: none;
	}

	.jobBoardDetailsPage .jobBoardDetailsLogo {
		float: right;
		position: relative;
		right: 0;
		top: 0;
		margin-top: 60px;
	}

	.jobBoardDetailsAdverts {
		float: none;
		margin: 0px 20px;
		margin-top: 20px;
		width: calc(100% - 40px);
		box-sizing: border-box;
	}

	.jobBoardDetailsAdverts img {
		max-width: 400px;
	}

	.returnToResults {
		position: relative;
		display: block;
		//	right: 20px;
		margin-bottom: 10px;
		//	float: right;
	}

	.jobDetailsRow .jobDetailsItem>div>span {
		text-align: right;
		width: auto;
	}

	.nav-membership-quiz-large {
		display: none;
	}

	.nav-membership-quiz-small {
		display: block;
	}

	.smallInfoContainer {
		width: 100%;
	}

	.videoWall .videoWallContainer {
		width: 100%;
		height: 400px;
	}

	.groomsBoardAdvert .adTitle {
		font-size: 18px;
		line-height: 16px;
	}

	.groomsBoardAdvert .viewJob {
		margin-top: 10px;
		width: 80px;
		padding: 3px;
	}

	.groomsBoardAdvert .groomsHeader {
		height: 60px;
		font-size: 22px;
		padding-top: 18px;
	}

	.groomsBoardAdvert .adJobDetailsItem>div {
		margin-right: 12px;
	}

	.groomsBoardAdvert .adJobDetailsItem>div>span {
		margin: 0px 14px;
	}


	.advancedForm {
		width: 100%;
		box-shadow: none;
	}

	.advancedFormSplit>div:nth-child(1) {
		width: 100%;
	}

	.advancedFormSplit>div:nth-child(2) {
		display: none;
	}

	.advancedFormSplit.half {
		flex-direction: column;
	}

	.advancedFormSplit.half>div:nth-child(1) {
		width: 100%;
	}

	.advancedFormSplit.half>div:nth-child(2) {
		width: 100%;
		display: block;
	}

	.page3 .interviewFormQuestions tr.mobileOnly {
		display: table-row !important;
	}

	#interviewForm.page3 legend {
		width: calc(100% - 140px);
	}

	.qCounter .qCount {
		margin-left: 25px;
	}

	.qCounter .qCount,
	.interviewFormQuestions .checkmark {
		margin-right: 0;
	}

	.interviewFormQuestions tfoot td div:first-child {
		margin-top: 17px;
	}

	.interviewFormQuestions tfoot td div:last-child {
		float: right;
	}

	.contentCreatorIntro,
	.handbookCreatorIntro {
		margin: 45px 0 80px 0;
	}

	.contentCreatorIntro h1,
	.handbookCreatorIntro h1 {
		font-size: 30px;
	}

	.benefitsBox {
		margin-bottom: 425px;
	}

	.benefitsBox,
	.videoBox,
	.expandableFactsBox,
	.reviewCarousel {
		margin-right: 0;
		padding: 0 70px;
		/* margin-bottom: 120px; */
	}

	.benefitsBox h2,
	.videoBox h2,
	.expandableFactsBox h2,
	.reviewCarousel h2 {
		margin-bottom: 40px;
	}


	.benefitsBoxBody {
		margin-bottom: 40px;
	}



	.benefitsBoxBody ul,
	.benefitsBoxBody img {
		float: none;
	}

	.contentCreator .benefitsBoxBody ul {
		width: 100%;
		padding-right: 0;
		margin-bottom: 0;
	}

	.handbookCreator .benefitsBoxBody ul {
		width: 100%;
		padding-right: 0;
		margin-bottom: 0;
	}

	.benefitsBoxBody li {
		font-size: 20px;
	}

	.benefitsBoxBody img {
		width: 100%;
		max-width: 100%;
	}

	.contractCreator .benefitsBoxBody img {
		margin-bottom: 50px;
		margin-top: 50px;
	}


	.handbookCreator .benefitsBoxBody img {
		margin-top: 20px;
		margin-bottom: 0;
		position: relative;
	}



	.benefitsBoxBody:after {
		width: 100%;
	}

	.benefitsBoxFooter {
		position: relative;
		padding-bottom: 100px;
	}

	.benefitsBoxFooter .ctaList {
		position: absolute;
		bottom: unset;
		top: 75%;
		margin: 0;
	}

	.benefitsBoxFooter .ctaList li {
		width: 100%;
	}

	.benefitsBoxFooter .ctaList li+li {
		margin-top: 40px;
		margin-left: 0;
	}

	.benefitsBoxFooter .ctaList h3 {
		font-size: 40px;
	}



	.reviewCarousel {
		padding: 0 !important;
		display: flex;
		flex-direction: column;
	}

	.reviewCarousel.noBg h2 {
		text-align: center;
		padding-left: 20px;
		padding-right: 20px;
		margin-top: -30px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;

	}

	.reviewCarouselList {
		margin-top: 0;
		margin-left: -4vw;
		margin-right: -4vw;
	}

	.reviewCarouselListItem h3 {
		padding: 15px 20px;
	}

	.reviewCarouselList .reviewCarouselImg {
		width: auto;
		max-width: 100%;
		/* height: 430px; */
		margin: 20px auto 0;
	}

	/* .reviewCarouselList.slick-slider{

	} */

	.reviewCarouselList .slick-list {
		/* margin-left: -70px;
		margin-right: -70px;		 */
		/* max-height: 660px; */
	}

	.reviewCarouselList .slick-track {
		/* height: 660px; */
		/* flex-direction: column; */
	}

	.reviewCarouselList .slick-slide {
		margin: 30px 15px 15px;
		padding: 30px;
		/* max-width: 450px !important; */
		min-height: 625px;
		max-width: 70%;
	}



	.reviewCarouselList .slick-slide:focus {
		outline: 0 none;
	}

	.reviewCarouselList .slick-slide>p {
		text-align: center;
		margin: 0;
	}

	.reviewCarouselList .slick-dots {
		list-style: none;
		padding-left: 0;
		margin-top: 20px;
		text-align: center;
	}


	.reviewCarouselList .slick-dots li+li {
		margin-left: 30px;
	}


	.reviewCarouselList .slick-dots li {
		background: #eceff1;
		border-radius: 50%;
		width: 25px;
		height: 25px;
		padding: 0;
		display: inline-block;
		font-size: 0;
	}




	.contentBlue .reviewCarouselList .slick-dots .slick-active {
		background: #a1c624;
	}

	.contentPink .reviewCarouselList .slick-dots .slick-active {
		background: #c8288c;
	}

	.reviewCarouselList .slick-dots button {
		appearance: none;
		background: transparent;
		border: 0 none;
		outline: 0 none;
		font-size: 0;
	}

	.reviewCarouselList .slick-dots button:focus {
		outline: 0 none;
	}
}

/* Ipad portrait */
@media (max-width : 770px) {

	.newsHomeArticle h3 {
		height: auto;
	}

	.membership {
		width: auto;
	}

	.memberzoneHeader h2 {
		font-size: 38px;
	}

	.homeContainer {
		width: 84% !important;
		margin-left: 8% !important;
		margin-right: 8% !important;
	}

	#employerDisclaimer {
		bottom: -25px;
	}

	.tabbed4sections {
		/* margin-bottom:20px;	*/
		max-width: none;
		margin-bottom: 5px !important;
		width: calc((38vw + 3% + 5px) * 4);
	}

	.tabbed4sections .section {
		width: 38vw;
		border-right: 2px solid #fff;
		height: 36px;
		font-size: 12px;
	}

	.tabbed4sections .section .icon {
		font-size: 18px;
		padding-top: 3px;
	}

	.tabbed4sections .section.blue .icon>div {
		font-size: 30px !important;
	}

	.tabbed4sections .section:nth-child(4),
	.tabbed4sections .section:nth-child(2) {
		/* width: 48%;
		border-right: none; */
	}

	.mobile4sections {
		max-width: 100%;
		overflow: hidden;
		overflow-x: auto;
	}

	#addToBasketSuccess .success {
		width: 105px !important;
		float: left;
	}

	#addToBasketSuccess .prodCount {
		width: calc(100% - 105px);
		float: left;
	}

	#addToBasketSuccess .viewBasket {
		width: 100%;
		margin-top: 10px;
		float: none !important;
	}

	.customCheck {
		clear: both;
		float: none;
		display: block;
	}

	.customCheck label {
		margin: 0;
	}

	.authenticationError {
		font-size: 12px;
		padding-top: 36px !important;
		padding-bottom: 0px !important;
		text-align: left;
		padding: 36px 10px 0px 3px !important;
	}

	.authenticationError:first-child {
		display: block;
		height: 100%;
		position: relative;
	}

	.authenticationErrorContent {
		position: absolute;
		bottom: 0;
	}

	#contactMessage {
		width: 100% !important;
		padding: 10px 0;
	}

	#contactMessage textarea {
		width: calc(100% - 26px);
	}

	.formHelpText div {
		float: none !important;
		width: auto !important;
		text-align: left !important;
		margin: 2px 0;
	}

	.helpTextContainer {
		/* height: 153px !important; */
	}

	.formHelpText .contactMethod {
		font-size: 12px;
		margin-top: 2px !important;
	}

	.homeAdvertText {
		line-height: 1.2em;
		font-size: 27px;
	}

	.homeAdvert {
		height: 230px;
		width: 100%;
		margin-top: 25px;
	}

	.homeAdvertText a {
		width: calc(100% - 30px);
		text-align: center;
		font-size: 14px;
	}

	/*.inline-form {
		padding: 8px 0;
	}*/

	.inline-form .formSplit input[type="text"],
	.inline-form .formSplit input[type="password"] {
		width: 90%;
		margin-bottom: 30px;
		margin-left: 2%;
	}

	.inline-form input[type="text"],
	.inline-form input[type="password"],
	.inline-form textarea,
	.inline-form input {
		font-size: 14px;
	}

	.homeContainer {
		width: 92%;
		margin-left: 7%;
		font-size: 16px;
		line-height: 1.8em;
	}

	.newsHomeImage {
		height: 350px;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.tabbed4sections {
		margin-bottom: 20px;
	}

	.newsHomeArticle {
		width: 100%;
		float: none;
		margin-bottom: 2px;
	}

	.newsHomeArticle .newsHomeText {
		height: auto;
	}

	.homeCol1 {
		width: 99%;
		margin-left: 1%;
	}

	.homeCol2 {
		width: 100%;
		margin-left: 0;
	}

	.pageShift {
		left: 245px;
	}

	#jobTitle h4 {
		font-size: 16px;
	}

	#mapIconText {
		font-size: 12px;
	}

	.joinRenewBox {
		overflow: hidden;
		margin-top: 138px;
		max-width: inherit;
		display: block;
		margin: 0 auto;
	}

	.joinRenewBox a:first-child {
		margin-right: 14px;
	}

	.joinRenewBox a {
		width: 220px !important;
		float: left;
		text-align: center;
		padding-left: 0 !important;
	}

	.typicalColRight {
		float: left;
		width: 84%;
		margin-left: 8%;
		margin-right: 8%;
		padding-bottom: 25px;
		padding-top: 25px;
	}

	.typicalColLeft {
		width: calc(100% - 116px);
		margin: 0;
		position: relative;
		display: inline-block;
		padding: 10px 58px;
	}

	.typical {
		display: block !important;
	}

	.spillersForm {
		padding: 2px 5px;
		padding-bottom: 20px;
	}

	.spillersForm.input {
		margin-bottom: 30px !important;
	}

	.ourPartners {
		margin-left: 55px !important;
	}

	.basketQuantityTd {
		min-width: inherit !important;
	}

	.basketButtons {
		float: none !important;
		text-align: left;
		min-width: 140px !important;
	}

	.basketInput {
		float: none !important;
	}

	.basketButton {
		font-size: 14px;
	}

	.basketTable .btnRed {
		min-width: 90px !important;
	}

	#editDetailsForm .detailsBox {
		max-width: 90% !important;
		padding: 0 5px;
		margin: 10px 0;
	}

	.myBgaHomeDetails .formSplit {
		width: 100%;
	}

	.filterOptions .option {
		border-right: none;
	}

	.newsHomeImage img {
		width: 100%;
		height: auto;
	}

	#paginationBar.job-listing {
		float: none !important;
		clear: both;
	}

	.footerBlock,
	.footerBlock2,
	.footerBlockWide {
		width: 95%;
		padding: 0 5%;
		clear: both;
		float: none;
		margin-left: 0;
		padding-right: 0;
	}

	.footerBlock2 ul {
		margin-right: 100px;
	}

	.zoneAccessHeader {
		margin: 70px 0;
	}

	.zoneAccessHeaderRight {
		width: auto;
		float: none;
		margin-top: -50px;
	}

	.zoneAccessHeaderLeft {
		width: 100%;
		float: none;
		margin: 30px 0;
	}

	.priceDisplayBox {
		width: 220px;
		height: 110px;
		padding: 25px 0;
	}

	.priceDisplayBox span:first-child {
		font-size: 56px;
		line-height: 38px;
		margin-bottom: 14px;
	}

	.priceDisplayBox span:nth-child(2) {
		font-size: 40px;
		line-height: 24px;
		margin-bottom: 14px;
	}

	.priceDisplayBox span:last-child {
		font-size: 30px;
	}

	.dispCell {
		width: calc(((100% - 1px)/2) - 80px);
		height: 140px;
		margin: 0 40px;
		padding: 60px 0;
		/* vertical-align: middle; */
	}

	.dispCell:nth-last-child(-n+6) {
		border-bottom: 1px dotted;
	}

	.dispCell:nth-last-child(-n+3) {
		border-bottom: 0px;
	}

	.dispCell span {
		display: none;
	}

	.dispVerticalBorder {
		height: 170px;
		margin-top: 40px;
	}

	.dispVerticalBorder:nth-of-type(6n) {
		display: block;
	}

	.dispVerticalBorder:nth-of-type(4n) {
		display: none;
	}

	.employeeSquare {
		width: 48%;
		margin-bottom: 2.5%;
	}

	.employeeSquare:nth-child(2) {
		margin-right: 0;
	}

	#jobImageUploader {
		height: 450px;
	}

	.logoUploadContainer {
		width: 100%;
	}

	.logoUploadCurrent {
		margin-left: 0px;
	}

	.megaMenuBar .megaItem {
		font-size: 12px;
	}

	.infoQuote img {
		display: none;
	}

	.infoQuote .quoteText {
		width: 90%;
	}

	.accountMenu>li .bgaSubMenu {
		width: 40%;
		right: 0;
	}

	.mentalHealthResults .resultsContent .resultsButtons a {
		width: 80%;
	}

	.jobHeroImage {
		padding-bottom: 40px;
	}

	.jobHeroImage .jobBoardHeroSpace {
		position: relative;
		margin: 0px;
		margin-top: -38px;
		padding-top: 1px;
		width: 100%;
	}

	.jobHeroImage .jobBoardHeroSpace .jobBoardHerorMenu li p {
		font-size: 12px;
		line-height: 12px;
	}

	.jobBoardText {
		margin-left: 10px;
	}

	.jobBoardMenu {
		flex-wrap: wrap;
	}

	.jobBoardMenu>div:nth-child(1) {
		order: 1;
		padding-left: 10px;
	}

	.jobBoardMenu>div:nth-child(2) {
		order: 2;
		justify-content: flex-end;
		padding-right: 10px;
	}

	.jobBoardMenu>div:nth-child(3) {
		order: 0;
		width: 100%;
		margin-bottom: 12px;
		padding-right: 10px;
	}

	#jobBoardList .jobBoardItem>div:nth-child(1) {
		border: none;
		padding-right: 0px;
	}

	#jobBoardList .jobBoardItem>div:nth-child(2) {
		width: 100%;
		padding-left: 0px;
		padding-top: 20px;
		border: none;
	}

	.advancedContainer.jobContactContainer {
		flex-wrap: wrap;
	}

	.advancedContainer.jobContactContainer>div {
		width: 100%;
		border: none !important;
		padding: 0px !important;
	}

	.advancedContainer.jobContactContainer>div>div {
		word-break: break-all;
		margin-bottom: 8px;
		margin-top: 3px;
	}

	.jobDetailsRow {
		flex-wrap: wrap;
	}

	.jobDetailsRow .jobDetailsItem,
	.jobDetailsRow .jobDetailsItem:not(:first-child) {
		flex-basis: unset;
		width: 100%;
		padding: 0px;
		border-left: none;
		margin-bottom: 10px;
	}

	.simpleJobItem {
		flex-wrap: wrap;
	}

	.simpleJobItem .posted {
		margin-bottom: 5px
	}

	.simpleJobList .simpleJobItem>div:nth-child(2) {
		margin-bottom: 10px;
		width: 100%;
	}

	.jobBoardDetailsPage {
		padding-left: 20px;
	}

	.reviewCarousel h2 {
		/* font-size: 30px !important; */
	}

	.reviewCarousel .slick-initialized .slick-slide {
		min-height: 600px;
	}

	.formSplit {
		width: 100%;
	}

	.passwordReset .inline-form legend{
		position: relative;
		top: -24px;
		left: -12px;
		font-size: 15px !important;
	}

	.passwordReset .inline-form legend:after{
		border-top-width: 44px;
		z-index: -1;
	}

}

@media (max-width : 620px) {

	.userAreaContainer .thirdItem.dashboardTile,
	.userAreaContainer .thirdItem.userAreaItem {
		width: calc((100%/2) - (12px/2));
		height: 220px;
	}

	.tilesContainer .thirdItem:nth-child(2),
	.tilesContainer .thirdItem:nth-child(4),
	.tilesContainer .thirdItem:nth-child(6) {
		margin-left: 12px;
	}

	.tilesContainer .thirdItem:nth-child(1),
	.tilesContainer .thirdItem:nth-child(2),
	.tilesContainer .thirdItem:nth-child(3),
	.tilesContainer .thirdItem:nth-child(4) {
		margin-bottom: 12px;
	}

	.tileTitle {
		font-size: 18px;
	}

	.tileImage {
		height: 40px;
		margin: 12px 0px;
	}

	.tileImage.piggieBank {
		height: 52px;
		margin: 6px 0px;
	}

	.dashboardTile hr,
	.userAreaItem hr {
		margin: 25px 0px;
	}

	.tilesContainer .thirdItem {
		padding: 20px 12px;
	}

	.userAreaContainer .thirdItem.details {
		font-size: 18px;
	}

	.userAreaContainer .membershipNumber {
		padding: 10px 10px;
	}

	.userAreaHead,
	.userAreaContainer .salutations {
		margin-bottom: 20px;
	}

	.userAreaItem select {
		padding: 0 6px;
		font-size: 14px;
	}

	.userAreaActionButton {
		font-size: 16px;
		padding: 8px 12px;
		width: 100%;
	}

	.userAreaActionButton.cancelEdit,
	.userAreaActionButton.saveEdit {
		width: 48%;
	}

	#usernameDetailsButton {
		margin-bottom: 20px;
	}

	.itemTitle {
		font-size: 26px;
	}

	#advertiseJob .formSplit {
		width: 100%;
	}

	#employerDisclaimer::after {
		content: none;
	}

	#jobContainer .mainMap {
		display: none;
	}

	#jobContainer .key {
		position: relative;
		width: 100%;
	}

	#jobContainer .trainingKey {
		width: 100%;
	}

	.homeMainSlider .sliderText {
		top: 50%;
	}

	.displayAdvert {
		float: none !important;
		display: block !important;
		margin-bottom: 25px;
	}

	.jobContactText {
		font-size: 12px;
	}

	.jobsSlider .latestJobHome:nth-child(4) {
		display: none;
	}

	.latestJobHome {
		width: 33.33%;
	}

	.latestNewsBlock {
		margin-bottom: 0;
	}

	.newsHomeSection {
		padding-top: 20px;
	}

	.joinRenewBox {
		width: 100% !important;
		max-width: none !important;
	}

	.joinRenewBox a {
		width: 179px !important;
		float: left;
		text-align: center;
		padding-left: 0 !important;
	}

	.homeMainSlider .sliderText h1 {
		font-size: 16px;
	}

	.latestNewsBlock .left,
	.latestNewsBlock .right {
		float: none !important;
		width: calc(100% - 120px) !important;
		text-align: left;
		margin-top: 0 !important;
		padding: 30px !important;
	}

	.latestNewsBlock .left:not(.latestNewsHomeImage),
	.latestNewsBlock .right:not(.latestNewsHomeImage) {
		width: calc(100% - 60px) !important;
	}

	.latestNewsHomeImage {
		height: 185px;
	}

	.newsHomeImage {
		height: 280px;
	}

	.helpTextContainer {
		/* height: 165px !important; */
	}

	#myBgaIntroStrip>div {
		padding: 10px 15px !important;
	}

	#myBgaIntroStrip {
		font-size: 16px !important;
	}

	.myBGAAreas .square:nth-child(2),
	.myBGAAreas .square:nth-child(4) {
		margin-right: 0 !important;
	}

	.myBGAAreas .square {
		width: calc(50% - 15px) !important;
		margin-bottom: 30px !important;
	}

	.myLearningDescription {
		width: 100%;
		margin-right: 0;
		position: relative;
	}

	.myLearningImage {
		width: 100%;
		position: relative;
	}

	.myLearningImage img {
		margin-bottom: 0 !important;
		max-height: 180px !important;
		width: auto !important;
	}

	.myLearningContainer {
		display: block !important;
	}

	.memberBenefits .col1,
	.memberBenefits .col2 {
		float: none;
		width: 100%;
	}

	.memberBenefits tr:nth-child(even) {
		content: '.';
		display: none;
	}

	.memberBenefits tr:nth-child(odd) td {
		padding: 6px 0;
	}

	.productPrice {
		max-width: 75px !important;
	}

	.basketImage {
		max-width: 80px;
		float: none !important;
	}

	.basketProduct td {
		padding: 14px 4px;
	}

	.typicalHeroSpace {
		padding: 3px 5px;
		max-width: 44%;
		left: 32px;
		top: 50% !important;
	}

	.advertExpiration {
		float: none !important;
		display: block;
	}

	.orderMain {
		width: 100% !important;
	}

	.orderItems {
		width: 100% !important;
	}

	#jobContainer .angledHeader {
		font-size: 16px;
	}

	.courseContainer h4 {
		font-size: 22px;
		line-height: 1.2em;
	}

	.trainerImage {
		border-width: 10px !important;
	}

	.myLearningImage,
	.courseOptionsContainer {
		width: 100%;
		float: none;
		margin-top: 15px;
	}

	.takeCourse.myLearningOptions:nth-child(1) {
		margin-left: 0px;
	}

	.takeCourse.myLearningOptions {
		margin: 0px 7px;
		width: calc(33.3% - 10px);
	}

	.studentWorkingLife img {
		float: none !important;
		margin: 0 !important;
		margin-top: 20px !important;
	}

	.fwgItem:nth-child(odd) {
		margin-left: 0;
	}

	.fwgItem:nth-child(even) {
		margin-right: 0;
	}

	.fwgItem {
		width: 180px;
	}

	.basketButton {
		font-size: 10px;
	}

	.basketTable .btnRed {
		font-size: 12px !important;
		line-height: 1.4em;
	}

	.productPrice {
		max-width: 60px !important;
	}

	.basketProduct h3 {
		font-size: 14px !important;
	}

	.basketTotals h3 {
		font-size: 20px !important;
	}

	.basketText {
		width: auto !important;
	}

	.basketHeader {
		font-size: 14px;
	}

	#jobContainer .key {
		display: none;
	}

	.filterOptions {
		padding: 1% 7%;
	}

	.filterOptions .option {
		display: inline-block;
		width: 50%;
		margin: 0;
		padding: 0;
	}

	.filterOptions label {
		margin-left: 0 !important;
	}

	.whereToTrainLocationFilter .radius {
		color: #4a5869;
		width: 17%;
		display: inline-block;
		padding: 0;
	}

	.dispCell {
		height: 100px;
	}

	.dispCell img {
		max-height: 50px;
	}

	.dispCell h4 {
		font-size: 17px;
	}

	.dispVerticalBorder {
		height: 140px;
	}

	.advertHeaderLeft {
		height: auto;
		overflow: hidden;
	}

	.advertHeaderRight {
		height: auto;
		overflow: hidden;
	}

	.advertHeaderRight h3 {
		padding: 20px 10px;
	}

	.advertHeaderRight p {
		float: none;
		width: 90%;
		margin: auto;
	}

	.advertHeaderRight .advertButton {
		float: none;
		width: 90%;
		margin: auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.advertHeaderRight .advertButton a {
		width: 100%;
	}

	.advertHeaderRight .advertButton div {
		text-align: center;
	}

	.megaMenuBar {
		display: none;
	}

	.megaDropDown {
		display: none !important;
	}

	.mobileMenu {
		display: block;
	}

	.deskMenu {
		display: none;
	}

	.accountMenu>li>a,
	.accountMenu>li .bgaSubMenu>li>a {
		font-size: 12px;
		padding: 2px;
	}

	.customDatePicker .ui-datepicker-trigger {
		display: none;
	}

	table.quizTable td {
		display: block;
	}

	table.quizTable tr:nth-child(odd) td:nth-child(1) {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 0px;
		border-right: 2px solid #fff;
		border-bottom: 0px;
	}

	table.quizTable tr.completed:nth-child(odd) td:nth-child(1) {
		border-right: 2px solid #134697;
	}

	table.quizTable tr:nth-child(odd) td:nth-child(2) {
		border-top-right-radius: 0px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		width: auto;
	}

	table.quizTable tr.extraSupport td.supportBox {
		border: 2px solid #e95857;
		border-radius: 10px;
	}

	table.quizTable tr.extraSupport td.supportBox div,
	table.quizTable tr.extraSupport td.supportBox img {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}

	.jobHeroImage .jobBoardHeroSpace .jobBoardHerorMenu {
		display: none;
	}

	.jobHeroImage {
		padding: 0px;
	}

	.jobHeroImage .jobBoardHeroSpace {
		padding-bottom: 8px;
		margin-top: -14px;
	}

	.jobFilters {
		flex-wrap: wrap;
	}

	.jobFilters .jobFilterItem {
		flex-basis: unset;
		width: 100%;
		margin-right: 20px;
		margin-bottom: 13px;
	}

	.jobFilters .jobFilterItem select {
		margin-top: 5px;
	}

	.advancedContainer.jobContactContainer>div>div {
		font-size: 14px;
		line-height: 16px;
	}

	.myInterviewsLegend {
		text-align: center;

	}

	.myInterviewsBanner {
		flex-wrap: wrap;
		justify-content: center;

	}

	.myInterviewsBanner p {
		flex: 1 1 100%;
		margin-right: 0;
		margin-bottom: 20px;
		text-align: center;
	}

	.recruitmentGuideBox {
		padding-left: 20px;
		padding-right: 20px;
	}

	.recruitmentGuideList>li,
		{
		padding-top: 3px;
		padding-left: 45px;
	}

	.recruitmentGuideList>li:before {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 15px;
	}

	.recruitmentGuideList>li:after {
		left: 14px;
	}

	.recruitmentGuideList>li>h3 {
		font-size: 23px;
		margin-bottom: 15px;
	}

	.recruitmentGuideList .details {
		margin-top: 15px;
		padding: 15px;
	}

	.benefitsBox,
	.videoBox,
	.expandableFactsBox,
	.reviewCarousel {
		padding: 0 35px;
	}

	.benefitsBox h2,
	.videoBox h2,
	.expandableFactsBox h2,
	.reviewCarousel h2 {
		font-size: 25px;
		line-height: 1.2;
	}

	.benefitsBox {
		margin-bottom: 350px;
	}

	.benefitsBoxFooter .ctaList h3 {
		font-size: 30px;
	}

	.benefitsBoxFooter .ctaList li+li {
		margin-top: 20px;
	}

	.videoBox {
		margin-bottom: 80px;
	}

	.expandableFactsBox #toggleList {
		top: 4px;
	}


	.expandableFactsList>li {
		padding-bottom: 20px;
		padding-left: 45px;
	}

	.expandableFactsList>li:before {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 15px;
		top: 15px;
	}

	.expandableFactsList>li:after {
		left: 14px;
	}

	.expandableFactsList>li>h3 {
		font-size: 23px;
		margin-bottom: 0;
		margin-top: 0;
	}

	.expandableFactsList .details {
		margin-top: 15px;
		padding: 15px;
	}

	.passwordReset .inline-form legend{
		position: relative;
		top: -24px;
		left: -12px;
	}

	#membershipCalculator {
		margin: 10px auto;
	}

}

@media (max-width:465px) {
	.passwordReset .inline-form legend {
		top: -26px;
		/* padding: 14px 14px 14px; */
		/* padding-left: 10px; */
	}

	.passwordReset .inline-form legend:after {
		/* border-top-width: 61px; */
		z-index: -1;
	}

	.passwordReset .inline-form input[type="text"] {
		width: 80% !important;
	}

}

@media(max-width: 450px) {

	.sponsorRow .quarter.column {
		width: 100% !important;
	}

	.sponsorRow .quarter.column {
		text-align: center !important;
	}

	.sponsorRow .threeQuarter.column {
		width: 100% !important;
	}

	.sponsorRow img {
		max-width: 210px;
		margin-top: 15px;
	}

	.sponsorRow h3 {
		margin-top: 5px;
	}

	.ambassadorTable h3 {
		text-align: center;
	}

	.textCentre h3 {
		text-align: center;
	}

	.toast {
		flex-wrap: wrap;
	}

	.toastImage {
		max-width: 200px;
	}

	.toastImage img {
		max-width: 100%;
	}

	.toastBody {
		min-width: calc(100% - 20px);
	}

}

@media(max-width:550px) {


	.qCounter {
		padding-right: 30px;
		padding-left: 30px;

	}

	#interviewForm legend {
		width: calc(100% - 123px);
	}

	#interviewForm fieldset {
		padding: 80px 30px 30px;
	}

	.interviewFormQuestions tfoot div {
		display: block;
	}

	.interviewFormQuestions tfoot td div:first-child {
		width: 100%;
	}

	.interviewFormQuestions tfoot td div:first-child {
		margin-top: 0;
		margin-bottom: 40px;
	}

	.interviewFormQuestions tfoot td div:last-child {
		text-align: center;
		float: none;
	}

	.page3 .interviewFormQuestions tfoot .mobileOnly td:first-child {
		text-align: center;
	}

	.contentCreatorIntro,
	.handbookCreatorIntro {
		margin-bottom: 40px;
	}

	.contentCreatorIntro h1,
	.handbookCreatorIntro h1 {
		margin-bottom: 25px;
	}

	.benefitsBox {
		margin-bottom: 325px;
	}


	.benefitsBoxBody ul {
		margin-top: 0;
	}


	.benefitsBoxBody li {
		font-size: 15px;
	}


	.benefitsBoxBody {
		margin-bottom: 25px;
	}

	.benefitsBoxBody img {
		margin: 0 0 25px;
	}

	.benefitsBoxFooter {
		padding-bottom: 80px;
	}

	.benefitsBoxFooter .large {
		font-size: 15px;
	}

	.benefitsBoxFooter .ctaList h3 {
		font-size: 20px;
	}



	.benefitsBoxFooter .ctaList li+li {
		margin-top: 20px;
	}

	.benefitsBoxFooter .ctaList .btnGreen {
		padding: 10px 15px;
		font-size: 15px;
	}

	.videoBox {
		margin-bottom: 55px;
	}

	.videoBox h2,
	.benefitsBox h2,
	.expandableFactsBox h2,
	.reviewCarousel h2 {
		font-size: 20px !important;
		line-height: 1;
		margin-bottom: 20px;
	}

	.videoBox .large {
		font-size: 20px;
		margin-top: 0;
	}

	.videoBox video {
		margin-top: 0;
		margin-bottom: 30px;
	}

	.expandableFactsBox #toggleList {
		top: -6px;
	}



	.reviewCarouselList .slick-slide {

		min-height: 665px;
	}

	.reviewCarouselList .reviewCarouselImg {
		/* max-height: 350px; */
		height: auto;
		margin-bottom: 30px;
	}

	.reviewCarouselList .reviewCarouselText {

		font-size: 18px;
	}

	.reviewCarousel h2 {
		margin-top: -15px;
	}

	.reviewCarouselList .slick-dots {
		margin-top: 10px;
	}


}


@media (max-width: 480px) {
	.homeAdvert {
		background-image: url('https://britishgrooms.org.uk/uploads/imgCropped/newsImages/medium/bga_certified-bga-freelancer_news.png');
		background-position: left bottom;
	}

	.homeAdvertText {
		height: 95%;
	}

	h1 {
		font-size: 26px !important;
		line-height: 28px !important;
	}

	h2 {
		font-size: 24px !important;
		line-height: 26px !important;
	}

	h3 {
		font-size: 19px !important;
		line-height: 20px !important;
	}

	img.responsiveImage {
		max-width: 40% !important;
	}

	.fqQuestion {
		display: block !important;
	}

	.smallMobileOnly {
		display: block;
	}

	#homeHeroText.typicalHeroSpace {
		display: none !important;
	}

	#myBgaMenu a {
		font-size: 14px;
	}

	.courseContainer {
		padding-left: 7%;
		padding-right: 7%;
	}

	.fwgItem:nth-child(odd) {
		margin-right: 2px;
	}

	.basketQtyInput {
		padding: 2px 4px !important;
	}

	.basketProduct td {
		border: 2px solid #FFFFFF;
	}

	.basketButtons {
		min-width: 100px !important;
	}

	.basketTotals,
	.basketTotals h3 {
		font-size: 14px !important;
	}

	.smallFilter#map,
	.smallFilter#list {
		display: none;
	}

	.whereToTrain .smallFilter {
		width: calc(100% - 1px) !important;
		border-top: none !important;
	}

	.trainerImage img {
		max-width: 250px !important;
	}

	.wttImageContainer {
		width: 100% !important;
	}

	.courseKeyText,
	.courseKeyText h4 {
		float: none !important;
		width: 100% !important;
	}

	.courseText .trainingTypeList {
		display: block;
		text-align: left;
		padding-left: 15px;
		margin-top: 0;
	}

	.trainingTypeList:before {
		right: auto;
		top: 0;
	}

	.courseKeyText h4 {
		padding-top: 10px !important;
		clear: both;
	}

	.delItem:before,
	.updateItem:before {
		font-size: 10px;
	}

	.joinRenewBox a {
		width: 150px !important;
	}

	.typicalHeroImage img {
		max-width: 110%;
	}

	.searchResult {
		width: 100%;
		float: none
	}

	#jobTitle h4 {
		font-size: 12px;
	}

	.joinRenewBox {
		/*width: 350px !important;*/
	}

	.searchResults h2 {
		font-size: 20px;
	}

	.newsHomeImage {
		height: 220px;
	}

	.headerTab .text {
		display: none;
	}

	.typicalColRight {
		width: 84%;
		margin-left: 7%;
		margin-right: 7%;
	}

	.newsImge {
		width: inherit;
	}

	.article {
		margin-top: 0;
	}

	.typicalColLeft {
		width: 72%;
		margin: 0;
		position: relative;
		display: inline-block;
		padding: 0 58px;
		padding-top: 10px;
	}

	.imageTable td {
		display: block;
		padding: 15px 0;
	}

	.imageTable.discountTable td {
		display: contents !important;
	}

	.imageTable tr td:nth-child(2) {
		padding: 0;
	}

	.imageTable td img, .imageTable.noMarginTable td img  {
		margin: 30px auto 0 auto !important;
		width: initial;
		height: initial;
	}

	.imageTable tr td:first-child {
		padding: 0 0 30px 0;
	}

	.headerTab {
		height: 65px;
	}

	.headerTab.logo img {
		width: 130px !important;
		margin-top: 15px !important;
	}

	.mainMenuContainer {
		top: 69px !important;
	}

	.noMarginTable td img {
		margin: 0 auto;
	}

	.opportunities .largeFilter {
		height: 30px;
		width: 100% !important;
		border-bottom: 1px solid #FFFFFF;
		border-left: 0 !important;
		border-right: 0 !important;
		padding: 0;
	}

	.opportunities a {
		height: 13px;
		top: 0;
		line-height: 1em;
	}

	.whereToTrain .smallFilters {
		width: 100%;
	}

	.jobAdertise {
		display: block !important;
	}

	.jobAdertise .col {
		width: 100% !important;
		display: block !important;
		border: none !important;
	}

	.jobAdertise .inner {
		border-left: none !important;
		border-right: none !important;
	}

	.latestJobHome {
		width: 50%;
	}

	.jobsSlider .latestJobHome:nth-child(3) {
		display: none;
	}

	.contentRed h1,
	.contentRed h2,
	.contentBlack h1,
	.contentBlack h2 {
		font-size: 24px;
		line-height: 26px;
	}


	/* Test banner stuff */

	.typicalHeroSpace {
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		left: 0 !important;
		padding-left: 30px;
		position: relative !important;
		top: 0 !important;
		transform: none !important;
	}

	.typicalHero.Red .typicalHeroSpace {
		background-color: rgba(233, 88, 87, 1);
	}

	.typicalHero.Cyan .typicalHeroSpace,
	.breadcrumbContainer.Cyan {
		background-color: rgba(115, 192, 208, 1);
	}

	.breadcrumbContainer {
		display: none;
	}

	.typicalHeroImage img {
		max-width: 120%;
	}

	.typicalHeroImage img.mobileOnly {
		max-width: 100% !important;
	}

	.opportunitiesImage {
		width: 120%;
		margin-left: -10% !important;
		height: auto;
	}

	.typicalHeroText {
		text-align: left !important;
	}

	.homeMainSlider .sliderText,
	.slick-arrow {
		display: none !important;
	}

	.latestNewsBlock .left,
	.latestNewsBlock .right {
		padding: 10px 18px !important;
	}

	.latestNewsBlock .left,
	.latestNewsBlock .right {
		width: calc(100% - 74px) !important;
	}

	.latestNewsHomeImage {
		margin: 20px;
	}

	.filterOptions label {
		margin-left: 0 !important;
	}

	.latestNewsBlock .left:not(.latestNewsHomeImage),
	.latestNewsBlock .right:not(.latestNewsHomeImage) {
		width: calc(100% - 35px) !important;
	}

	#jobContainer .angledHeader {
		font-size: 16px;
		max-width: 210px;
		height: 35px;
		padding: 9px 6px !important;
	}

	#jobContainer .angledHeader:after {
		border-color: transparent #4a5968 transparent transparent;
	}

	.productTitle h3 {
		margin-top: 3px !important;
	}

	#productDescription {
		margin-top: 0;
	}

	#productDescription h3 {
		font-size: 16px;
	}

	.productBrowse:nth-child(odd) {
		margin-left: 0;
		margin-right: 5px;
	}

	.productBrowse:nth-child(even) {
		margin-right: 0;
		margin-left: 5px;
	}

	.dispCell {
		margin: 0 18px;
		padding: 30px 0;
		width: calc(((100% - 2px)/2) - 36px);
	}

	.dispVerticalBorder {
		height: 124px;
		margin-top: 18px;
	}

	.dispCell img {
		max-height: 35px;
	}

	.dispCell h4 {
		font-size: 15px;
	}

	.employerAccessLoginBox>div:not(.clearfix) {
		float: left !important;
		width: 100%;
	}

	.employerAccessLoginBox .btnGreen.larger {
		width: 100%;
	}

	.priceDisplayBox {
		width: 170px;
		height: 70px;
	}

	.priceDisplayBox span:first-child {
		font-size: 40px;
		line-height: 18px;
		margin-bottom: 14px;
	}

	.priceDisplayBox span:nth-child(2) {
		font-size: 30px;
		line-height: 20px;
		margin-bottom: 3px;
	}

	.priceDisplayBox span:last-child {
		font-size: 21px;
	}

	.zoneAccessHeader h1,
	.employerZoneFeatures h1 {
		font-size: 30px;
		line-height: 30px;
	}

	.zoneAccessHeader p,
	.employerZoneFeatures p {
		font-size: 16px !important;
	}

	#myBgaMenu .commingSoon {
		font-size: 12px;
	}

	.textButton {
		font-size: 14px;
		margin: 0;
	}

	.inline-form .formSplit input[type="text"],
	.inline-form .formSplit input[type="password"] {
		width: 83%;
		margin-bottom: 30px;
		margin-left: 2%;
	}

	.passwordReset .inline-form input[type="text"]{
		width: 100%;
	}

	.passwordReset .inline-form legend{
		width: calc(100% - 70px);
	}

	.authenticationError {
		font-size: 11px;
	}

	.inline-form textarea {
		margin-bottom: 18px;
	}

	.inline-form select {
		margin-bottom: 28px;
	}

	.contractContainer {
		padding: 20px 10px;
		background-color: #f8f8f8;
	}

	.ccIntro {
		padding-left: 10px;
		padding-right: 10px;
	}

	.accountMenu>li .bgaSubMenu {
		width: 60%;
		right: 0;
	}

	.accountMobileMenu {
		top: 69px !important;
	}

	.myContractsTable tbody tr td {
		font-size: 12px;
		line-height: 14px;
	}

	.jobHeroImage .jobBoardHeroSpace .jobBoardHerorMenu li {
		margin-right: 5px;
		margin-bottom: 10px;
		min-width: calc(33% - 40px);
	}

	.jobHeroImage .jobBoardHeroSpace .jobBoardHerorMenu {
		margin-left: 5px;
		width: calc(100% - 5px);
		flex-wrap: wrap;
	}

	.jobHeroImage .jobBoardHeroSpace .jobBoardHeroTitle {
		margin-left: 10px;
		margin-top: 20px;
	}

	.jobHeroImage .jobBoardHeroSpace .jobBoardHeroSubtitle {
		margin-left: 10px;
		font-size: 16px !important;
		line-height: 15px !important;
		margin-bottom: 15px;
	}

	#registration .formSplit,
	.contactForm .formSplit {
		width: 100%;
	}

	#registration .formSplit input[type="text"],
	#registration .formSplit input[type="password"],
	.contactForm .formSplit input[type="text"] {
		width: 90%;
		margin-bottom: 10px;
	}



	.advancedForm select,
	.advancedForm input[type="text"],
	.advancedForm input[type="password"],
	.advancedForm .advancedFormTitle,
	.advancedForm .advancedHighlightedCheck,
	.advancedForm .advertiseJobWideButton,
	.advancedForm textarea {
		width: calc(100% - 40px);
		margin-left: 20px;
	}




	.advancedForm h5,
	.advancedForm .advancedButton,
	.advancedForm .advancedLink {
		margin-left: 20px;
	}

	.advertiseJobSplit h4 {
		padding-left: 25px;
	}

	.advancedInfo {
		margin-left: 22px;
	}

	.advancedForm p,
	.advancedForm .advancedCheckbox,
	.advancedForm .advancedMultiSelect .multiSelectSelected {
		margin: 0 20px;
		margin-bottom: 25px;
	}

	.advancedForm h2,
	.advancedForm h3,
	.advancedForm h4 {
		margin-left: 20px;
	}

	.advancedForm .advancedIconInput {
		margin: 10px 20px;
	}

	.advancedForm .advancedInput label {
		left: 30px;
		font-size: 13px;
	}

	.advancedForm .advancedInput.datePlus .datepicker{
    	width: calc(100% - 130px);
	}
	.advancedForm .advancedInput.datePlus .datePlusCheckmark{
		left: -20px;
	}

	.jobBoardSortInput .switchInput {
		margin-left: 10px;
	}

	.jobBoardSortInput strong {
		font-size: 14px;
	}

	.jobBoardSortInput .switchInput>div {
		padding: 5px;
	}

	.jobBoardSortInput .switchInput>div.active {
		padding: 5px 10px;
	}

	.contentTable {
		font-size: 11px;
	}

	.returnToResults {
		float: none;
		/*margin-left: 10px;*/
		right: 0;
	}

	.jobBoardDetailsPage .posted {
		margin-bottom: 10px;
	}

	.jobBoardDetailsPage>h3 {
		margin: 0px;
	}

	#jobBoardList .jobBoardItem .jobViewMoreButton {
		bottom: 8px;
		right: 8px;
	}

	.simpleJobList .simpleJobItem>div:nth-child(2) {
		flex-wrap: wrap;
	}

	.simpleJobList .simpleJobItem>div:nth-child(2)>a {
		margin-top: 10px;
	}

	.interviewFormQuestions textarea {
		margin-left: 0;
		width: 100%;
	}

	.interviewFormIntro h4,
	.interviewFormIntro p,
	.interviewFormIntro ul {
		margin: 0 0 20px;
	}

	.qCounter p {
		margin: 0;
	}

	#interviewForm .stage8 input {
		width: calc(100% - 40px);
		margin-left: 0;
	}

	.page4 .myInterviewsLegend {
		margin-left: 0;
	}

	.myInterviewsIntro .large {
		margin-left: 0;
		font-size: 18px;
	}

	.recruitmentGuideIntro .large {
		font-size: 18px;
	}

	#toggleList {
		top: -65px;
	}

	.recruitmentGuideBox {
		margin-left: -20px;
		margin-right: -30px;
	}

	.recruitmentGuideList>li:before,
	.recruitmentGuideList>li:after,
	.expandableFactsList>li:before,
	.expandableFactsList>li:after {
		display: none;
	}

	.recruitmentGuideList>li {
		padding: 0 0 15px;
	}

	.recruitmentGuideList>li>h3 {
		position: relative;
		padding-top: 5px;
		padding-left: 45px;
		min-height: 25px;
		/* These are technically the same, but use both */
		overflow-wrap: break-word;
		word-wrap: break-word;
	}


	.recruitmentGuideList>li>h3:before {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		counter-increment: section;
		content: counter(section);
		border-radius: 50%;
		background: #73c0d0;
		color: #ffffff;
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 15px;
		text-align: center;
		font-weight: bold;
		z-index: 20;
	}

	.recruitmentGuideList label {
		float: right;
	}

	.recruitmentGuideList .details {
		clear: both;
	}

	h2.recruitmentGuideBoxHeading {
		font-size: 20px !important;
		line-height: 1.2 !important;
	}

	.benefitsBox,
	.videoBox,
	.expandableFactsBox,
	.reviewCarousel {
		padding: 0 20px;
	}

	.benefitsBox {
		margin-bottom: 300px;

	}

	.benefitsBoxFooter .ctaList li+li {
		margin-top: 20px;
	}

	.expandableFactsBox {
		margin-bottom: 20px;
	}

	.expandableFactsBox #toggleList {
		/* float: none; */
	}

	.expandableFactsList>li {
		padding: 0 0 15px;
	}

	.expandableFactsList>li>h3 {
		position: relative;
		padding-top: 5px;
		padding-left: 45px;
		min-height: 25px;
		margin-top: 15px;
		height: auto;
		/* These are technically the same, but use both */
		overflow-wrap: break-word;
		word-wrap: break-word;
	}

	.expandableFactsList>li>h3:before {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		counter-increment: section;
		content: counter(section);
		border-radius: 50%;
		background: #a1c624;
		color: #ffffff;
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 15px;
		text-align: center;
		font-weight: bold;
		z-index: 20;
	}

	.contentBlue .expandableFactsList>li>h3:before {
		background: #a1c624;
	}

	.contentPink .expandableFactsList>li>h3:before {
		background: #c8288c;
	}

	.expandableFactsList label {
		float: right;
	}

	.expandableFactsList .details {
		clear: both;
	}

	.benefitsBoxFooter .ctaList .btn {
		font-size: 15px;
	}

	h2.expandableFactsHeading {
		font-size: 20px !important;
		line-height: 1.2 !important;
	}

	.reviewCarousel {
		padding: 0 20px;
	}

	.reviewCarousel {
		margin-bottom: 40px;
		margin-top: 80px;
	}


	.reviewCarousel h2 {
		width: calc(100% - 40px);
		margin-left: 20px;
		margin-right: 20px;
		margin-top: -40px;
	}

	.reviewCarouselList .slick-slide {
		min-height: 625px;
	}

	#contractForm .prevousStage {
		margin-top: 60px;
	}

}

@media (max-width: 400px) {

	.passwordReset .inline-form legend {
		/* padding: 14px 14px 14px; */
		padding-top: 10px;
		padding-bottom: 10px;
		/* padding-left: 10px; */
	}

	.passwordReset .inline-form legend:after {
		border-top-width: 61px;
		/* z-index: -1; */
	}
}

@media (max-width: 380px) {

	.inline-form legend,
	.formHeader,
	.formFooter {
		font-size: 18PX;
	}

	.employersBgaMenu a {
		width: calc(20% - 1px) !important;
		border-right: 0px solid #FFFFFF !important;
	}

	#myBgaMenu .commingSoon {
		font-size: 8px !important;
	}

	#myBgaMenu a {
		font-size: 12px;
		line-height: 1.6em;
	}

	.inline-form label {
		font-size: 14px;
	}

	.infoBox h4 {
		top: -25px;
	}

	.benefitsBox {
		margin-bottom: 275px;
	}

	.videoBox {
		margin-bottom: 60px;
	}

	.expandableFactsBox #toggleList {
		top: 0;
		font-size: 12px;
	}

	.reviewCarouselList .slick-slide {
		min-height: 665px;
	}

}

@media (max-width: 360px) {
	#myBgaMenu a {
		font-size: 11px !important;
	}

	.inline-form label {
		font-size: 12px;
	}

	.authenticationError {
		font-size: 10px;
	}

	.benefitsBox {
		margin-bottom: 320px;
	}
}