/* 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,400,500,700,900');
/* @import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700); */

@font-face {
    font-family: 'COCOGOOSELETTERPRESS'; /*a name to be used later*/
    src: url('/assets/fonts/COCOGOOSELETTERPRESS.ttf'); /*URL to font*/
}

.cocoFont {
	font-family: 'COCOGOOSELETTERPRESS';
}

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;
}

.flex {
	display: flex;
}

.flex.wrap {
	flex-wrap: wrap;
}

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:16px;
	margin:15px 0;
}

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

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

ul {
	padding-left: 20px;
}

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

.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;
}

.container {
	width: 1366px;
	margin: 0 auto;
	position: relative;
	max-width:100%;
}
.containerContent {
	background-color: #f1f1f1;
	padding: 10px;
	margin-top: 8px;
	border-top: 4px solid #FFFFFF;
	position: relative;
	overflow: hidden;
}

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

/* IE11 only */
_:-ms-fullscreen, :root #page_wrap {
	height: 100%;
}

.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:#b8babc;
	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(233,88,87,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: 40%;
	transform: translateY(-50%);
	left: 49px;
	max-width: 70%;
	padding: 10px 15px;
	z-index:100;
	background-color: rgba(233,88,87,0.85);
}

.typicalHeroSpaceBlog {
	margin: auto;
	position: absolute;
	top: 40%;
	transform: translateY(-50%);
	left: 49px;
	max-width: 70%;
	padding: 10px 15px;
	z-index:100;
	background-color: rgba(233,88,87,0.85);
}

.typicalHero {
	position:relative;
}

.tabbed4sections {
	margin-bottom:90px;
}

.tabbed4sections .section {
	width:calc(23% - 2px);
	padding:3px 1%;
	float:left;
	text-align:center;
	background-color:#e95857;
	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:hover {
	background-color:#B04242 !important;
}
.tabbed4sections .section.grey:hover {
	background-color:#8E9498 !important;
}
.tabbed4sections .section.green:hover {
	background-color:#5D961A !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;
}

.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;
}

.memberBorderOrange {
	border:3px solid #eb8623;
}

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

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

.memberBoxMainContent {
	min-height: 430px;
	padding: 10px;
	background-color: #fff;
}

.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;
}
.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;
}

.typicalColRight.typicalWhite h5, h4.headerBlue {
	color: #00418b !important;
	font-weight: bold;
}

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

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

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

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

.memberBorderOrange .memberBoxMoreInfo {
    border-top: 3px solid #eb8623;
	color: #eb8623;
}

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

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

.memberBoxHeaderOrange, .memberBoxFooterOrange {
	background-color:#eb8623;
	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;
}
.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;
}

.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: #e95857;
    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: #B04242 ;
}

.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;
}

.homeAdvert {
    margin-top: 45px;
    border-top: 5px solid #f1f1f1;
    border-bottom: 5px solid #f1f1f1;
    background-image: url(/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;
}

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

.homeAdvert img {
	display:block;
}

.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;
}

.secondAdvert {
	background-position: center center;
}

.secondAdvert .homeAdvertText a {
	background-color: #e95857;
}

.secondAdvert .homeAdvertText a:hover {
	background-color: #B04242 !important
}

.homeAdvertText a {
	padding: 7px 15px;
	color: #FFFFFF;
	/* background-color: #6c737a; */
	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;
}

.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;
	text-transform:uppercase;
}

.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;
}

#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:#e95857;
	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.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;
}

.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;
}

.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 #e95757;
	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;
}

@media (min-width: 1366px) {
	.typicalHeroImage {
		width: 1366px;
	}
}

.typicalHeroImage {
    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:#e95857;
}

.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 #e95857;
	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: 105px;
}

.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;
}

.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;
}

.typicalWhite.typicalColLeft {
	padding: 0px;
}

.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;
	width: 1365px;
}

#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;
}

.inline-form legend, .formHeader, .formFooter {
	background-color: #e95857;
	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 #e95757;
    position: absolute;
    content: '';
    right: -69px;
    top: 0px;
}

.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;
}

#adLookup2: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;
}

#adLookup2:hover {

}


.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%;
	background-color: #fff;
}

.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: 99;
}

.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);
}

.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;
    left: -69px !important;
    right: 0 !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.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 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: 80px;
    max-width: 380px;
    padding: 10px;
}

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

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

.contentCyan #myBgaMenu a:hover {
	background-color: #43AABF;
}

.contentOrange #myBgaMenu a {
	background-color: #ff7700;
}

.contentOrange #myBgaMenu a:hover {
	background-color: #bf5b00;
}

.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:after {
    border-color: transparent transparent transparent #8ed550;
}

.employers .angledHeader.darkBlue.invert: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;
}

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

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

.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: 210px;
    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;
}

#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: #EFEFEF;
}
#stageContainer .currentStage ~ a:nth-child(5):after {
	background-color: #EFEFEF;
}
#stageContainer .currentStage ~ a:nth-child(6) {
	color: #F0F0F0;
}
#stageContainer .currentStage ~ a:nth-child(6):after {
	background-color: #F0F0F0;
}

#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;
}


#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;
}

#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: #d7d7d7;
	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 #d7d7d7;
    top: 0;
    right: -83px;
}

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

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

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

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

#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: #fe5350;
	text-decoration: underline;
}

#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;
}

#courseStageContainer {
	background-image: url(/assets/img/Loading_icon.gif);
	background-size: contain;
	min-height: 250px;
	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;
}
.contract.button {
	background-color: #c0e74e;
	padding: 10px;
	color: #fff;
	cursor: pointer;
	border-radius: 5px;
}

.nextStage {
	float: right;
	padding: 20px 38px;
}
.buttonInput {
	display: inline-block;
	float: left;
}

.createButton {
	background-color: #8ed550;
	padding: 20px 30px;
	margin: 20px;
	color: white;
	font-size: 20px;
	float: left;
}
/*End contract 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, .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%;
}

/* F&Q */

.fqQuestion {
	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 {
    content: '\f078';
    font-family: 'FontAwesome';
    position: absolute;
    right: 20px;
}
.fqQuestion.clicked::after {
    content: '\f077';
}
.fqAnswer {
    display: none;
    padding: 0 10px;
}

/* Video */

.pageVideoContainer {
	position: relative;
}

.pageVideoContainer .pageVideoPlay {
	position: absolute;
	width: 60px;
	height: 60px;
	background-color: rgba(238, 58, 67, 0.7);
	border-radius: 100%;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
	cursor: pointer;
}

.pageVideoContainer video {
	cursor: pointer;
    border: 1px solid #dcdcdc;
	max-width: 630px;
}

.pageVideoContainer .pageVideoPlay:before {
	content: '\f054';
	position: absolute;
	font-family: 'Font Awesome 5 Pro';
	color: #fff;
	width: 65px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	font-size: 32px;
}

/* */

.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%;
}
.libInsuranceBottom {
	float: left;
	width: calc(100% - 300px)
}
.myInsuranceLeft {
	width: 40%;
	float: left;
}
.myInsuranceRight {
	width: 60%;
	float: left;
}
#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;
}
.megaItem {
	width: calc(11.11% - 6px);
    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: 12px;
	position: relative;
	max-height: 12px;
}

.megaItem.current {
	background-color: #e95857;
	color: #fff;

}
.megaItem.current:after {
    border-top: 15px solid #e95857;
    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: #e95857;
	color: #fff;
}
.megaItem.current:hover {
	background-color: #e95857 !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.subList {
	border-color: transparent;
}
.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: #e95857;
}

.megaListMenu ul li:hover{
	color: #e95857;
}

.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;
}


.megaVideo h3 {
    top: 0px;
    position: absolute;
    margin-left: 20px;
    margin-top: -3px;
    background-color: #e95857;
    padding: 10px 22px;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
}



#MembershipBenefits .megaListMenu ul li {
	font-weight: 400;
}

.subList li {
	font-weight: 400 !important;
}

.shortMegaListBottom {
	height: 40%;
	float: right;
	width: 68%;
}

.megaInfoBox {
	background-color: #385d77;
	color: #fff;
	float: right;
	height: 100%;
}

.megaInfoBox h3 {
	position: absolute;
	margin-left: 20px;
	margin-top: -3px;
	background-color: #e95857;
	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: 15px;
	background-color: #64b428;
	color: #fff;
	width: 80%;
	margin: 30px auto 20px;
	font-size: 18px;
	height: calc(30% - 110px);
	cursor: pointer;
}
.megaLink:hover {
	background-color: #5D961A !important;
}
.megaLink:hover span{
	margin-right: 0px;
	transition: 0.3s;
}
.megaLink span {
	float: right;
	font-size: 30px;
	margin-top: -4px;
	margin-right: 10px;
}

.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: #e95857; /* #64b428; */
	font-style: italic;
}
.infoAdvert {
	position: absolute;
    width: 32vw;
    max-width: 438px;
    height: 40%;
    background-color: #eceff1;
    bottom: 0;
    border-left: 1px solid #C9C9C9;
}

.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%;
}
.toolsTable tr{

}


/* Small Video */
.videoContainer {
	width: 80%;
	margin-left: 20px;
	position: relative;
}

.playButton {
    position: absolute;
    width: 16%;
    margin-top: 28%;
    margin-left: 42%;
    cursor: pointer;
    z-index: 1000;
}

.fullscreenVideo {
	position: absolute;
	bottom: 10px;
	right: 5px;
	width: auto;
	font-size: 26px;
	cursor: pointer;
	z-index: 1000;
	color: #dc3f45;
	display: none;
}

.BGAvideo {
	width: 100%;
	background-color: #fff;
	max-height: 268px;
    height: 19vw;
	margin-top: 40px;
}

/* 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;
}

.benefitsContainer {
    width: 30.2%;
    float: left;
    border-left: 1px solid #C9C9C9;
    height: 260px;
    padding-left: 20px;
    margin-top: -30px;
    padding-top: 30px;
    font-size: 12px;
}
.benefitsContainer p{
	 margin: 0;
     height: 40px;
}
.benefitsContainer.first {
	border-color: transparent;
	padding-left: 0px;
}
.benefitsAd {
	width:  90%;
	text-align:  center;
	height: 60px;
	background-color:  #e95857;
	color:  #fff;
	font-size: 36px;
	margin-left:  5%;
}
.benefitsAd p {
	padding-top: 18px;
    text-transform: uppercase;
    font-weight: bold;
}

.infoAdvert .topText {
	text-align: center;
	color: #e95857;
	font-weight: bold;
	font-size: 38px;
	margin: 0;
	margin-top: 35px;
}

.infoAdvert .secondText {
	text-align: center;
	color: #385d77;
	font-weight: bold;
	font-size: 30px;
	margin: 0;
	line-height: 43px;
	margin-left: 42px;
	margin-right: 10px;
	float: left;
}

.infoAdvert .extraText {
	color: #385d77;
	float: left;
	line-height: 15px;
	font-weight: bold;
	margin-top: 7px;
}

.infoAdvert .joinNowButton {
	width: 80%;
	margin: auto;
	background-color:  #e95857;
	height: 40px;
	margin-top: 20px;
}

.infoAdvert .joinNowButtonText {
	color: #fff;
	text-align:  center;
	font-weight:  bold;
	text-transform:  uppercase;
	font-size:  23px;
	padding-top: 8px;
}

/* MEMBERSHIP BENEFITS 2 */

.benefitsBox {
	width: 100%;
	height: auto;
}

.benefitsBox .benefitsButton {
 	width: 30%;
    height: 210px;
    margin: 1.3%;
	display: inline-block;
	background-color: #eceff1;
	cursor: pointer;
}

.benefitsBox .benefitsButton.BenefitsHover {
	background-color: #00418b;
	transition: 0.5s;
}

.benefitsBox .benefitsButton img {
	width: 50px;
    margin-left: calc(50% - 25px);
    margin-top: 50px;
}

.benefitsBox .benefitsButton p {
	text-align: center;
    font-size: 24px;
    margin: 2px 0;
    font-weight: bold;
    letter-spacing: 0.5px;
    color: #00418b;
	line-height: 38px;
}

.benefitsBox .benefitsButton.BenefitsHover p {
	color: #f3f3f3;
	transition: 0.5s;
}

.benefitsBox .benefitsButton p.benefitsFindMore  {
	font-size: 14px;
	visibility: hidden;
}

.benefitsBox.orange:not(.sideBenefits) .benefitsButton.BenefitsHover img {
	margin-top: 22px;
}

.benefitsBox.orange .benefitsButton p {
	color: #eb8623;
}

.benefitsBox.orange .benefitsButton.BenefitsHover p {
	color: #f3f3f3;
}

.benefitsBox.orange .benefitsButton.BenefitsHover {
	background-color: #eb8623;
}

.benefitsBox.orange .benefitsButton img {
    margin-top: 22px;
}

.benefitsBox.sideBenefits {
	width: 100%;
}

.benefitsBox.sideBenefits .benefitsButton {
	width: 90%;
    height: 90px;
    margin-top: 14px;
}

.benefitsBox.sideBenefits .benefitsButton img {
    width: 28px;
    padding: 18px calc(50% - 14px) 0px;
    margin: 0px;
}

.benefitsBox.sideBenefits .benefitsButton p {
	font-size: 17px;
	line-height: 16px;
}

.typicalColRight img.titleImage {
	width: 50px !important;
    height: auto;
    float: left !important;
}

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

.benefitsTitle {
	margin-left: 10px;
    float: left;
    width: 80%;
    color: #00418b !important;
}

.contentOrange h2.benefitsTitle {
	color: #eb8623 !important;
}

.benefitsJoinNow {
	padding: 20px 15px;
    background-color: #e95857;
    color: #fff;
    width: 250px;
    margin: 30px 0px;
    font-size: 18px;
    cursor: pointer;
    text-align: center;
    line-height: 16px;
    font-weight: bold;
	display: inline-block;
}

.benefitsJoinNow:hover {
    background-color: #B04242;
}

.benefitsJoinNow span {
    font-size: 12px;
    font-weight: 400;
}


/* 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: #e95857;
    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;
}

/* Grooms mind div */
.groomsMindDiv {
    width: 90%;
    min-height: 209px;
    border: 2px solid #3b6da2;
    margin: 0 auto;
    margin-top: 90px;
	margin-bottom: 30px;
    border-radius: 33px;
    padding: 70px 50px 10px;
    text-align: center;
    box-sizing: border-box;
    position: relative;
}

.groomsMindDiv:before {
    background-image: url(/assets/img/GROOMS_MINDS_FINAL_COLOUR.jpg);
    background-size: 350px auto;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 350px;
    height: 120px;
    top: -75px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

/* 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;
}

/* Membership quiz */
.quizContainer {
	width: 350px;
    margin: 0 auto;
    background: #fff;
    text-align: center;
    top: -100px;
	position: absolute;
    left: 0;
    right: 0;
	padding-bottom: 25px;
}

.quizContainer > h4 {
	text-transform: none;
    color: #354759;
    font-weight: 500;
    padding: 39px;
	margin: 0px;
}

.quizContainer .quizResponse > div {
	padding: 16px;
    box-sizing: border-box;
    border: 1px solid #b7b7b7;
    font-weight: 500;
    margin: 10px 10px;
    cursor: pointer;
}

.contentOrange .quizContainer .quizResponse > div:hover {
	background-color: #ee6f23;
}

.quizContainer .quizResponse > div:hover {
	background-color: #e95957;
    color: #fff;
}

.quizContainer .quizBackButton {
	display: block;
    margin: 0 auto;
    margin-top: 45px;
    padding: 12px;
    background-color: #364759;
    color: #fff;
    width: 230px;
    font-size: 14px;
    font-family: 'COCOGOOSELETTERPRESS';
}

.quizContainer .quizMatch {
	border: 2px solid #354759;
    padding: 20px;
    position: relative;
	margin-top: -16px;
	background-color: #fff;
}

.quizContainer .quizMatch.orange {
	border-color: #ee6f23;
}

.quizContainer .quizMatch.grey {
	border-color: #777;
}

.quizContainer .quizMatch.red {
	border-color: #e95957;
}

.quizContainer .quizMatch p {
	margin: 0px;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 33px;
    padding-top: 12px;
}

.quizContainer .quizMatch a {
    position: absolute;
	display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -21px;
    padding: 12px;
    background-color: #364759;
    color: #fff;
    width: 178px;
    font-size: 18px;
    font-family: 'COCOGOOSELETTERPRESS';
}

.quizContainer .quizMatch.orange a {
	background-color: #ee6f23;
}

.quizContainer .quizMatch.grey a {
	background-color: #777;
}

.quizContainer .quizMatch.red a {
	background-color: #e95957;
}

.accidentWarning {
    background-color: #e95957;
    display: block;
    margin-top: 34px;
    color: #fff;
    font-size: 12px;
    line-height: 13px;
    padding: 10px 20px;
}

.accidentWarning:hover {
	 background-color: #c54947;
}

.quizBannerDesktop {
	display: block;
}

.quizBannerMedium {
	display: none;
}

.quizBannerMobile {
	display: none;
}

/* 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: #d24949;
}

.userBanner .bannerInner .bannerContainer .bannerButton {
	background-color: #e95957;
    color: #fff;
    padding: 5px 15px;
    font-size: 18px;
    display: inline-block;
    margin-top: 43px;
}

.userBanner .bannerInner .bannerContainer .bannerButton:hover {
	background-color: #B04242;
	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;
}

.opportunities.jobBoard {
	height: auto;
}

/* 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;
}

.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: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;
}


/* --------------------------
- 		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;
}

.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(3) {
	width: 18%;
	text-align: center;
	height: 150px;
}

#jobBoardList .jobBoardItem .fillimg {
	border: 1px solid #bbbbbb;
}

#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: -16px;
    background-color: #394d5f;
    color: #fff;
    right: 30px;
    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;
}

.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;
}

.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;
}

.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;
}

.fillimg {
    overflow: hidden;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.nav-membership-quiz-large {
	display: block;
	margin-top: 100px;
}

.nav-membership-quiz-small {
	display: none;
	margin-top: 25px;
}

.smallInfoContainer {
    width: calc(50% - 10px);
    background-color: #f5f5f5;
    padding: 30px 10px;
    box-sizing: border-box;
    text-align: center;
    margin: 5px;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.smallInfoContainer img {
	margin-bottom: 10px;
}


.videoWall {
    display: flex;
    flex-wrap: wrap;
}

.videoWall .videoWallContainer {
    background-size: cover;
    background-position: center;
    width: calc(50% - 20px);
    height: 400px;
    margin: 10px;
    position: relative;
    border-bottom: 5px solid #eb8523;
    cursor: pointer;
    display: block;
}

.videoWall .videoWallContainer > h4 {
    position: absolute;
    bottom: 0px;
    font-size: 24px;
    background-color: #00000082;
    color: #fff;
    padding: 9px;
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
}

.videoWall .videoWallContainer .videoWallHover {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s, opacity 0.3s linear;
    background-color: #eceff1;
    color: #354659;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 20px;
}

.videoWall .videoWallContainer:hover .videoWallHover {
    visibility: visible;
    opacity: 1;
}

.videoWall .videoWallContainer .videoWallHover > h4 {
    font-weight: bold;
}

.videoWall .videoWallContainer .videoWallHover .watchButton {
    background-color: #eb8523;
    color: #fff;
    width: 75px;
    padding: 7px;
    margin: 0 auto;
    margin-top: 40px;
}

.groomsBoardAdvert {
	background-color: #fff;
    margin: 20px;
    height: calc(100% - 100px);
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    margin-top: 40px;
}

.groomsBoardAdvert .groomsHeader {
    background-color: #394d5f;
    height: 75px;
    color: #73c5d5;
    font-size: 34px;
    font-weight: bold;
    padding-left: 14px;
    padding-top: 25px;
    box-sizing: border-box;
}

.groomsBoardAdvert .adTitle {
    padding-left: 12px;
    color: #394d5f;
}

.groomsBoardAdvert .viewAllJobs {
    position: absolute;
    bottom: 14px;
    left: 14px;
    right: 14px;
    background-color: #394d5f;
    color: #fff;
    height: 37px;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    padding-top: 6px;
    box-sizing: border-box;
    font-weight: 100;
}

.groomsBoardAdvert hr {
	position: absolute;
    bottom: 67px;
    left: 14px;
    right: 14px;
    border-width: 2px;
}

.groomsBoardAdvert .adJobDetailsItem {
    margin: 0px 14px;
    display: flex;
}

.groomsBoardAdvert .adJobDetailsItem > div {
    font-weight: bold;
    color: #394d5f;
    margin-right: 25px;
}

.groomsBoardAdvert .adJobDetailsItem > div:nth-child(1) {
    border-right: 1px solid #ccc;
}

.groomsBoardAdvert .adJobDetailsItem > div > span {
    font-weight: 400;
    float: right;
    text-align: center;
    color: #73c5d5;
    margin: 0px 28px;
}

.groomsBoardAdvert .viewJob {
	background-color: #00d9a9;
    color: #fff;
    margin-left: 14px;
    margin-top: 20px;
    display: block;
    width: 120px;
    text-align: center;
    padding: 8px;
    border-radius: 5px;
}

/**************************************
			Advanced Form
***************************************/
.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;
}

.advancedForm.hasTitle {
	margin-top: 70px;
}

.advancedForm .advancedWideButton {
    display: block;
    width: calc(100% - 60px);
    margin: 30px;
    background-color: #394d61;
    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;
}

.advancedForm .advancedWideButton.icon {
    display: flex;
	align-items: center;
	text-align: left;
	text-transform: none;
}

.advancedForm .advancedWideButton.icon > i {
    font-size: 45px;
	color: #21D397;
	margin-right: 30px;
	background-color: #fff;
    border-radius: 100%;
    width: 44px;
    height: 44px;
}

.advancedForm .advancedWideButton.icon > img {
    height: 50px;
    margin-right: 30px;
}

.advancedForm h5 {
	margin-left: 40px;
	margin-right: 40px;
	font-size: 22px;
	margin-top: 50px;
}

.advancedForm h5.questionHeader {
	font-size: 18px;
	line-height: 18px;
}

.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 .advancedInput.stripe {
	width: calc(100% - 80px);
	background-color: #f5f5f5;
	margin: 15px auto;
	margin-left: 40px;
	padding: 20px 15px;
	border-radius: 3px;
	box-sizing: border-box;
}

@media (max-width:950px) {
	.advancedForm .advancedInput.stripe {
		width: auto;
	}
}

.advancedForm .advancedInput.stripe label {
	position: absolute;
	top: -6px;
    left: 13px;
	color: #a4a4a4;
    color: #a4a4a4;
    padding: 2px 5px;
    font-size: 14px;
	line-height: 14px;
	background-color: #fff;
}

.advancedForm .advancedInput {
	position: relative;
}

.advancedForm .advancedInput label {
    position: absolute;
    top: 23px;
    left: 53px;
	color: #a4a4a4;
	transition: 0.5s;
}

.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"].error, .advancedForm .advancedInput input[type="password"].error, .advancedForm .advancedInput select.error, .advancedForm .advancedInput textarea.error,
.advancedForm .advancedInput input.error:-webkit-autofill, .advancedForm .advancedInput input.error:-webkit-autofill:hover, .advancedForm .advancedInput input.error:-webkit-autofill:focus, .advancedForm .advancedInput input.error:-webkit-autofill:active {
	border-color: #e6231f !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 .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 textarea:focus + label {
    top: 3px;
    color: #73c5d5;
    padding: 2px 5px;
    font-size: 14px;
	line-height: 14px;
	background-color: #fff;
}

.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;
}

.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;
}

.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;
}

#membershipCalculator {
	position: fixed;
}

#membershipCalculator .monthlyInfo p {
	font-size: 13px;
}

#membershipCalculator .monthlyInfo p span {
	font-weight: normal;
}

@media (min-width:480px) {
.pclInfo {
	margin-left: 40px;
}
}

table.pclInfo tr 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.pclInfo tr 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;
	text-align: right;
}

/* new membership form */
.advancedForm .advancedInput.half {
	width: 50%;
	float: left;
}

@media(max-width:450px) {
	.advancedForm .advancedInput.half {
		width: 100%;
		float: none;
	}
}

#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 a.finalSubmit {
	display: flex;
	align-items: center;
	justify-content: center;
}

#membershipForm a.finalSubmit i {
	margin-right: 5px;
}

#membershipForm a.finalSubmit img {
	margin-right: 5px;
}

.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;
}

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

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

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

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

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

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

.membershipStages > div:before {
    content: '';
    width: 50px;
    height: 54px;
    background: transparent;
    position: absolute;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: top right;
    top: 20px;
    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;
	}
}

.becomeAMember {
	margin: 20px 40px;
	/* border: 3px solid #394d61; */
	background-color: rgba(57,77,92,0.9); /* #041c33 */
    border-radius: 8px;
	padding: 30px;
	margin: auto;
	width: 67%;
}

.becomeAMember p {
	font-size: 130%;
	color: white;
	text-align: center;
}

.becomeAMember h2 {
	color: white;
	text-transform: none;
	text-align: center;
	font-size: 48px;
}

.greyBox {
	background-color: #efefef;
	border-radius: 4px;
	padding: 25px 20px;
	flex: 1 1 440px;
	box-sizing: border-box;
	margin-right: 20px;
	margin-bottom: 20px;
}

.greyBox .advancedInfo {
	margin-left: 0;
}

.greyBox h3 {
	display: flex;
	align-items: center;
}

.greyBox h3, .greyBox h4 {
	text-transform: none;
}

.greyBox .advancedInfo {
	margin-bottom: 0;
}

.greyBox > div > img {
	float: right;
	width: 240px;
	margin: 5px 20px;
}

@media(max-width:950px) {
	.greyBox > div > img {
		width: 100%;
		float: none;
		margin: auto;
	}
}

.greyBox h3 img {
	width: 40px;
	margin-right: 15px;
}

/* 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;
}

.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: 32px;
	padding-left: 40px;
	color: #818181;
}

.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;
}

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

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

.advancedForm .advancedCheckbox .freelanceForm:hover + label:before, .advancedForm .advancedCheckbox input[type="radio"]:hover + label:before {
	background: #ff7700 !important;
}

.advancedForm .advancedCheckbox .freelanceForm:checked + label:before, .advancedForm .advancedCheckbox input[type="radio"]:checked + label:before {
	background: #ff7700 !important;
}

.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"] + 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 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 input[type="radio"] {
	margin-left: 40px;
}

.advancedForm .advancedHighlightedCheck {
	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;
}

.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;
}

.advancedHighlightedCheck .help-block.form-error {
	position: absolute;
    bottom: -20px;
    left: 0px;
    margin: 0px !important;
}

.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, .advancedForm ul {
	margin: 0 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;
}

.contentRed .advancedForm .advancedFormTitle > h2 {
	background-color: #e95857;
}

.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;
	margin-right: 50px;
}

.advancedForm .advancedFormTitle > img {
	position: absolute;
    right: 4px;
    top: 4px;
    width: 30px;
}

.advancedForm .advancedFormTitle > p {
	color: #fff;
	margin: 15px 20px;
}

.advancedForm .advancedFormTitle a {
    color: #73c5d5;
    text-decoration: underline;
}

.advancedForm .help-block.form-error {
    margin: -5px 40px 0 24px;
    margin-bottom: 10px;
	font-size: 13px;
	color: #e6231f;
}

.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;
}

.contentRed .advancedInfo > i {
	background-color: #e95857;
}

.advancedInfo > span {
    text-decoration: underline;
}

.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 40px;
	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 h4 {
    text-transform: none;
    font-size: 21px;
    line-height: 25px;
	font-weight: 500;
	margin-bottom: 0px;
}

.advancedPopup .advancedPopupInner ul {
	padding-left: 16px;
//	margin-top: 0px;
	margin: 20px;
}

.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;
}

.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;
}

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

.membershipPathwayButton {
	background-color: #E95857;
    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;
	outline: 0 none;
	border: 0 none;
	max-width:300px;
	margin:auto;
	display: flex;
    align-items: center;
    justify-content: center;
}

.membershipPathwayButton img{
	display:inline;
}


.membershipPathwayButton[disabled] {
	background-color: #aaa;
	pointer-events: none;
}

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

#membershipCalculator {
	margin: 0;
	width: 225px;
}

#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;
}

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

.importantInformation {
	margin: 20px 20px;
    border: 3px solid #E95857;
    border-radius: 8px;
    padding: 10px;
}

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

.importantInformation h4 {
	color: #E95857;
	text-transform: none;
}

.importantInformation h5 {
	margin-top: 15px;
}

.importantInformation strong {
	margin: 0 40px;
}

.importantInformation .dropDownHeader {
	color: #333333;
	text-transform: none;
	font-size: 90%;
	font-weight: normal;
}

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

.advancedForm .advancedFormHighlight {
	background-color: #eee;
    margin: 0 40px;
    padding: 20px;
}

.advancedForm .advancedFormHighlight p, .advancedForm .advancedFormHighlight h5, .advancedForm .advancedFormHighlight ul {
	margin-left: 0px;
	margin-right: 0px;
}

.leadParagraph {
	color: #ff7700;
	font-size: 175%;
	font-weight: bold;
	line-height: 1.3em;
}

.importantBlue {
	font-weight: bold;
	margin-left: 40px;
}

@media (max-width:950px) {
	.importantBlue {
		margin-left: 20px;
	}
}

.dropDownHeader {
	color: #ff7700;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 150%;
	margin-top: 20px;
}

.dropDownHeader > i {
	float: right;
}

.dropDownInnerContent {
	display: none;
}

.smallPrint {
	color: #ff7700;
	font-size: 80%;
}

.agreementButton {
	background-color: #ff7700;
	color: #eeeeee;
	padding: 20px;
	width: 100%;
	border: 0px;
	border-radius: 5px;
	font-size: 1.1em;
	margin-top:25px;
}

.scaLogo {
	width: 250px;
	display: block;
	margin: auto;
}

.scaRequirement {
	border-left: 5px solid #666666;
	padding-left: 40px;
	padding-bottom: 40px;
	list-style-type: none;
	position: relative;
}

.scaContent > strong {
	font-size: 110%;
}

.scaContent ol {
	padding-inline-start: 20px;
}

.scaRequirementHeading > i {
	font-size: 32px;
	position: absolute;
	left: -19px;
	top: -5px;
}

.scaRequirementHeading > span {
	font-size: 18px;
	position: absolute;
	left: -8px;
	color: white;
}

.scaRequirementHeading > strong {
	font-size: 24px;
}

#selfcertificationForm {
	color: #666666;
}

.scaContent {
	max-width:1366px;
	margin:auto;
	box-sizing: border-box;
}

.scaContent * {
	box-sizing: border-box;
}

@media (min-width: 1366px) {
	.scaContent {
		width:800px;
	}
}

.scaContent > h1 {
	text-transform: none;
	text-align: center;
}

.scaBox {
	background-color: #394b5f;
	padding: 40px;
	border-radius:15px;
	color: #cbcbcb;
	margin-top: 20px;
	margin-bottom:60px;
}

.scaBox img {
	width: 50px;
	flex: 10%;
}

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

.scaBoxInner {
	margin-left: 60px;
}

.scaBoxHeader span {
	text-transform: none;
	flex: 90%;
	font-weight: bold;
    margin-left: 40px;
    font-size: 160%;
    line-height: 1.2em;
}

@media(min-width:1366px) {
	.scaBox p, .scaBox strong {
		margin-left: 110px;
	}
}

.scaBox .scaLogo {
	margin-top: -130px;
	width: 220px;
}

.scaBox ul li::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #ff7700; /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.scaBox li {
	font-size: 110%;
	margin-top: 1em;
}

.scaYes input[type="checkbox"] + label, .scaYes input[type="radio"] + label {
    background-color: #fff;
    box-shadow: 0px 0px 7px #dadada;
    padding: 15px;
    font-size: 20px;
    border-radius: 3px;
    display: flex;
    box-sizing: border-box;
	color: #b5b5b5;
	cursor: pointer;
	border: 1px solid #fff;
	transition: 0.3s;
}

.scaYes {
	width: 200px;
	margin-top: 10px;
}

.scaYes input[type="checkbox"] + label > i, .scaYes input[type="radio"] + label > i {
	font-size: 24px;
    margin-right: 15px;
}

.scaYes input[type="checkbox"] + label.advancedOption:hover, .scaYes input[type="radio"] + label:hover {
	border-color: #ff7700;
}

.scaYes input[type="checkbox"]:checked + label.advancedOption, .scaYes input[type="radio"]:checked + label {
	color: #394d61;
}

.scaYes input[type="checkbox"]:checked + label > i, .scaYes input[type="radio"]:checked + label > i {
	color: #00418B;
}

.scaYes input[type="checkbox"]:checked + label > i:before, .scaYes input[type="radio"]:checked + label > i:before {
	content: "\f058";
}

.scaYes input[type="checkbox"], .scaYes input[type="radio"] {
    visibility: hidden;
    position: absolute;
}

.agreementButton:disabled {
	background-color: darkgray;
}

.scaButton {
	display: block;
	padding: 15px;
	width: 200px;
	background-color: #ff7700;
	color: #eeeeee;
	text-align: center;
	border-radius: 2px;
	box-shadow: rgba(0,0,0,0.2) 0 3px 3px;
	margin-top:10px;
}

.halfContainer #scaLogo {
	margin-top: -56%;
	margin-bottom: 20px;
	z-index: 1;
	position: relative;
}

.well-done {
	background-color: rgba(53, 71, 89, 0.95);
	padding: 10% 2px 10px;
	border-radius: 15px;
	color: #cbcbcb;
	text-align: center;
	margin-top: -45%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	position: relative;
	z-index: 100;
}

.well-done > strong {
	font-size: 300%;
	line-height: 120%;
}

.well-done > p {
	font-size: 200%;
	color: white;
	font-weight: bold;
	line-height: 120%;
}

.well-done > .scaLogo {
	width: 200px;
	margin-top: -140px;
}

@media (min-width: 1366px) {
	.halfContainer {
		width: 60%;
		margin: auto;
	}
}

@media (min-width: 1366px) {
	.commitments {
		margin: 50px 0 25px 50px;
	}
}

.commitments p {
	font-weight: bold;
	font-size: 120%;
	color: #394c69;
	margin-left: 20px;
	margin-top: 0;
	flex: 90%;
}

.commitments .icon {
//	flex: 6%;
	font-size: 60px;
}

.commitments img {
	width: 64px;
}

.commitmentsRow {
	display: flex;
}

.importantOrange {
	color: #ff7700;
}

.biggerText {
	font-size: 110%;
}

.mobileContainer {
	padding: 5px;
	background-color: #394d5f;
	box-shadow: 0px 0px 20px -4px #313131;
	width: 100%;
	margin-bottom: 10px;
}

.mobileContainer a {
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	/* margin-left: 0.5em; */
	font-size: 95%;
	text-transform: uppercase;
}

.jobBoardCount {
	margin-left: 20px;
}

@media(min-width:480px) {
	.freelancecertlogo {
		float: right;
	}
}

/* responsive stuff */

@media (max-width : 1366px) {
	.advancedForm .advancedFormTitle p {
		margin-right: 120px !important;
	}

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

	.typicalHeroImage {
		max-width: 100%;
	}

	.memberBoxMainContent:not(.noShrink) {
		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: 230px;
	}

	.dispVerticalBorder {
		height: 250px;
		margin-top: 50px;
	}

	.benefitsContainer {
		width: 29%;
	}

	.jobHeroImage {
		width: 100%;
	}

	.jobHeroImage .jobBoardHeroSpace {
	//	width: calc(100vw - 90px);
	}

}

@media (max-width : 1150px) {


	#contactForm .split {
		float: none !important;
		width:100% !important;
	}

	#contactForm .split:first-child {
		margin: 30px 0;
	}

	.memberBoxMainContent:not(.noShrink) {
		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;
	}

	.createButton {
		width: 80%;
	}

	.infoQuote img {
		width: 60px;
	}
	.infoQuote .quoteText {
    	width: calc(100% - 120px);
	}

	.infoAdvert .topText {
		font-size: 2.5vw;
	}

	.infoAdvert .secondText {
		line-height: 3vw;
		font-size: 2.2vw;
		    margin-right: 0.5vw;
	}

	.infoAdvert .extraText {
		line-height: 1.1vw;
    	margin-top: 0.5vw;
    	font-size: 1.1vw;
	}

	.infoAdvert .joinNowButton {
    	height: 5vw;
		margin-top: 0px;
	}

	.infoAdvert .joinNowButtonText {
		font-size: 3vw;
		padding-top: 1vw;
		    margin: 0;
	}

	.benefitsAd {
		margin-top: 75px;
	}
	.benefitsAd p {
		font-size: 28px;
	}

	.benefitsBox:not(.orange) .benefitsButton p {
	    font-size: 18px;
	}

	.benefitsBox.mobileGrid:not(.orange) .benefitsButton p {
		font-size: 10px;
	}

	.mentalHealthResults .resultsContent .resultsButtons a span {
		font-size: 16px;
		line-height: 17px;
	}

	.jobHeroImage .jobBoardHeroSpace .jobBoardHerorMenu {
		margin: 0px;
		margin-left: 10px;
		width: 100%;
	}

	.videoWall .videoWallContainer {
		height: 300px;
	}

}



@media (max-width : 1080px) {

	label[for='credit/debitCard'] img,
	label[for='directDebit'] img {
		display: none;
	}
}



@media (max-width : 950px) {

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

	.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;
	}
	.orderRecipt {
		width: 100% !important;
	}
	.orderRecipt i{
		padding-top: 10px !important;
		padding-left: 0px !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:not(.noShrink) {
		width:96%;
		float:none;
		margin:10px auto !important;
		display: block;
	}

	.memberBoxMainContent:not(.noShrink) {
		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 {
		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;
	}

	.typicalHeroSpaceBlog {
		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;
	}

	#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, .formSubText {
		margin-bottom: 5px;
	}

	#contractForm .nextStage {
		max-width: 140px !important;
	}

	#contractForm .prevousStage {
		max-width: 170px !important;
	}

	#contractForm table {
		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;
		bottom: 0px;
		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;
	}

	.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;
	}
	.myInsuranceLeft {
		width: 100%;
	}
	.myInsuranceRight {
		width: 100%;
	}
	.myInsuranceRight span{
		float: left !important;
	}
	.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{
	    margin-right: 6px;
    	margin-top: -6px;
   		font-size: 3.3vw;
	}
	.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%;
	}

	.benefitsContainer {
		width: 29%;
		height: 350px;
	}
	.benefitsAd {
		display: none;
	}

	.benefitsBox:not(.orange) .benefitsButton p {
	    font-size: 14px;
	}

	.benefitsBox .benefitsButton p.benefitsFindMore {
		font-size: 10px;
	}

	.mentalHealthResults .resultsHeader {
    	width: calc(100% - 60px);
		margin-bottom: 30px;
	}

	.mentalHealthResults .resultsContent {
    	width: 100%;
	}

	.youtubeContainer {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 35px;
		height: 0;
		overflow: hidden;
		max-width: 500px;
	}

	.youtubeContainer iframe {
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.quizBannerDesktop {
		display: none;
	}

	.quizBannerMedium {
		display: block;
	}

	.quizBannerMobile {
		display: none;
	}

	/* 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;
	}


}

/* Ipad portrait */
@media (max-width : 770px) {
	#membershipCalculator {
		margin: auto !important;
		position: relative;
	}

	.advancedForm .advancedFormTitle p {
		margin-right: 120px !important;
	}

	.newsHomeArticle h3 {
		height: auto;
	}

	.youtubeIframe {
		width: 100%;
	}

	.youtubeIframe > iframe {
		width: 100%;
	}

	.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.green .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;
		margin-top: 25px;
		width: 100%;
	}

	.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;
	}

	.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;
	}

	.typicalColLeft:before {
		content: '';
		position: absolute;
		width: 100%;
		height: 3px;
		top: 0px;
		left: 0px;
		background-color: #e95857;
	}

	.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: 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;
	}
	.libInsuranceBottom {
		width: 100%;
	}
	#jobImageUploader {
		height: 450px;
	}
	.logoUploadContainer {
		width: 100%;
	}
	.logoUploadCurrent {
		margin-left: 0px;
	}
		.infoQuote img {
		display: none;
	}
	.infoQuote .quoteText {
    	width: 90%;
	}
	.benefitsContainer {
		width: 28%;
		font-size: 10px;
	}


	/* MEMBERSHIP BENEFITS 2 */

	.benefitsBox {
		width: 100%;
	}

	.benefitsBox .benefitsButton {
		width: 100%;
	 	height: 130px;
		margin-top: 10px;
	}

	.benefitsBox.mobileGrid .benefitsButton {
		width: 30%;
		height: 130px;
		margin-top: 0px;
	}

	.benefitsBox.orange:not(.sideBenefits) .benefitsButton {
		height: 170px;
	}

	.benefitsBox .benefitsButton img {
		margin-top: 20px !important;
	}

	.benefitsBox.mobileGrid .benefitsButton img {
		margin-top: 20px !important;
		width: 40px;
		margin-left: calc(50% - 20px);
	}

	.benefitsBox.sideBenefits {
		width: 118%;
	}

	.benefitsBox.sideBenefits .benefitsButton {
		width: 46%;
   		margin-left: 1.5%;
    	margin-right: 1.5%;
	}

	.benefitsBox.sideBenefits .benefitsButton img {
		 margin-top: 0px !important;
	}

	.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;
	}

}

@media (max-width : 620px) {

	#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%;
	}

	.homeMainSlider .sliderText div {
		font-size: 24px;
	}

	.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;
	}
	.smallContainer  .nextStage {
		height: 50px;
	}

	.smallContainer  .nextStage:before {
   	 	border-width: 0 83px 78px 0;
	}

	.smallContainer .prevousStage {
		height: 50px;
	}

	.smallContainer .prevousStage:before {
    	border-width: 78px 0 0 83px;
	}
	.megaMenuBar {
		display: none;
	}
	.megaDropDown {
		display: none !important;
	}
	.mobileMenu {
		display: block;
	}
	.deskMenu {
		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;
	}

	.wideBackgroundHeading {
		font-size: 14px;
		text-align: left;
	}

	.gmHomeMenu a {
		width: 125px !important;
		margin: 3px !important;
	}

	.content video {
		width: 100% !important;
		margin: 0px !important;
	}

	.groomsMindDiv:before {
		background-size: 200px auto;
		width: 200px;
		height: 70px;
		top: -43px;
	}

	.groomsMindDiv {
		padding: 40px 20px 10px;
	}

	.customDatePicker .ui-datepicker-trigger {
		display: none;
	}

	.jobBoardMenu > div:nth-child(1) {
		order: 3;
		width: 100%;
		text-align: right;
		padding-right: 10px;
		padding-top: 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;
	}

}


@media (max-width: 480px) {
	.homeAdvert {
		background-image: url('/uploads/imgCropped/newsImages/medium/bga_certified-bga-freelancer_news.png');
		background-position: left bottom;
	}

	.homeAdvertText {
		height: 95%;
	}

	h1 {
		font-size: 24px !important;
    	line-height: 26px !important;
	}

	h2 {
		font-size: 24px !important;
    	line-height: 26px !important;
	}

	h3 {
		font-size: 19px !important;
    	line-height: 20px !important;
	}

	.advancedContainer h3 {
		font-size: 14px !important;
		line-height: 30px !important;
	}

	h4 {
		font-size: 17px !important;
    	line-height: 18px !important;
	}

	img.responsiveImage {
	    max-width: 40% !important;
	}

 	.registrationTitle .membershipPrice {
		font-size: 16px;
		line-height: 16px;
		display: block;
	}

	.registrationTitle .typicalHeroText {
		margin: 10px 0;
	}

	.registrationTitle {
		margin-top: -23px;
	}

	.contentRed h1, .contentRed h2 {
		font-size: 24px;
    	line-height: 26px;
	}

	.smallMobileOnly {
		display: block;
	}

	#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%; */
	}

	.typicalHeroImage img.opportunitiesImage {
		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 tr td:nth-child(2) {
		padding: 0;
	}

	.imageTable td img {
		margin: 30px 0 0 0 !important;
		width: initial;
		height: initial;
	}

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

	.headerTab {
		height: 65px;
	}

	.headerTab.logo img {
		 height: 50px !important;
   		 width: 77px !important;
	}

	.mainMenuContainer {
		top: 69px !important;
	}

	.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;
	}


	/* Test banner stuff */

	.typicalHeroSpace:not(.landing):not(.deskOnly) {
		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:not(.landing)  {
		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.opportunitiesImage {
    	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%;
	}

	.authenticationError {
		font-size: 11px;
	}

	.inline-form textarea {
  		margin-bottom: 18px;
	}

	.inline-form select {
  		margin-bottom: 28px;
	}

	.contractContainer {
		padding: 20px 10px;
		background-color: #f8f8f8;
	}

	.benefitsBox.sideBenefits .benefitsButton p {
		font-size: 12px;
		line-height: 0px;
	}

	.benefitsBox.sideBenefits {
		margin-left: 10%;
	}

	/* Landing Page */

	.memberBenefitsRow .memberBenefitsRowItem {
		width: 180px !important;
    	height: 180px !important;
	}

	.memberBenefitsRow .memberBenefitsRowItem p {
		width: 160px !important;
		font-size: 12px !important;
		line-height: 15px !important;
	}

	.quizContainer {
		width: calc(100% - 20px);
		top: -40px;
		margin-left: 10px;
	}

	.quizContainer .quizResponse > div:hover {
		background-color: #fff;
		color: #354759;
	}

	.quizBannerDesktop {
		display: none;
	}

	.quizBannerMedium {
		display: none;
	}

	.quizBannerMobile {
		display: block;
	}

	.accountMobileMenu {
		top: 69px !important;
	}

	/*.jobHeroImage {
		padding-bottom: 100px;
	}*/

	.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;
	}

	.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;
	}

	.simpleJobList .simpleJobItem > div:nth-child(2) {
		flex-wrap: wrap;
	}

	.simpleJobList .simpleJobItem > div:nth-child(2) > a {
		margin-top: 10px;
	}

	#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;
	}

	#registation .mobileOnly {
		display: none !important;
	}

	#directDebitDetails input[type="text"] {
		/* width: 90%; */
	}

	.breadcrumbs {
		margin-top: 0px;
	}

	.memberBoxRight {
		width: 100%;
	}

	.memberBoxRight img {
		margin-top: -18px;
	}

	.advancedContainer .advancedButtonGroup .advancedContainerButton {
		font-size: 12px;
	}

	.advancedContainer p.innerTitle {
		font-size: 22px;
		line-height: 17px;
	}

	.advancedContainer p.innerTitle > span {
		font-size: 16px;
		line-height: 16px;
	}

	.advancedContainer .innerOr {
		padding: 9px 8px;
		border-radius: 6px;
		font-size: 16px;
		line-height: 17px;
	}

	.simpleJobList .simpleJobItem > div:nth-child(2) > div:not(:last-child) {
		width: 100%;
		border: none;
	}

	.videoWall .videoWallContainer {
		height: 300px;
	}




	.advancedForm select, .advancedForm input[type="text"], .advancedForm input[type="password"], .advancedForm .advancedFormTitle, .advancedForm .advancedHighlightedCheck, .advancedForm .advancedWideButton, .advancedForm textarea {
		width: calc(100% - 40px);
		margin-left: 20px;
	}

	.advancedForm h5, .advancedForm .advancedButton, .advancedForm .advancedLink {
		margin-left: 20px;
		margin-right: 20px;
	}

	.advertiseJobSplit h4 {
		padding-left: 25px;
	}

	.advancedInfo {
		margin-left: 22px;
	}

	.advancedForm p, .advancedForm ul, .advancedForm .advancedCheckbox, .advancedForm .advancedMultiSelect .multiSelectSelected, .advancedForm .advancedFormHighlight {
		margin: 0 20px;
	}

	.advancedForm .advancedIconInput {
		margin: 10px 20px;
	}

	.advancedForm .advancedInput label {
		left: 30px;
		font-size: 13px;
	}

	.advancedOptions input[type="checkbox"] + label, .advancedOptions input[type="radio"] + label {
		width: calc(100% - 40px);
		margin-left: 20px;
	}

	.advancedMembershipOption {
		margin: 0px 20px;
	}


}

@media (max-width: 380px) {
	.inline-form legend, .formHeader, .formFooter {
		font-size: 18px !important;
	}
	.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;
	}

}
@media (max-width: 360px) {
	#myBgaMenu a {
    	font-size: 11px !important;
	}

	.inline-form label {
		font-size: 12px;
	}

	.authenticationError {
		font-size: 10px;
	}

	.benefitsBox.sideBenefits .benefitsButton p {
    	font-size: 10px;
	}

	.advancedContainer .innerOr {
		padding: 7px 5px;
		border-radius: 6px;
		font-size: 12px;
		line-height: 12px;
	}

	.benefitsBox.mobileGrid:not(.orange) .benefitsButton p {
		font-size: 8px;
	}

	.benefitsBox.mobileGrid .benefitsButton {
		width: 28%;
	}

}

.advancedError {
	background-color: #e95857;
	border: 1px solid black;
	border-radius: 2px;
	padding: 5px 15px;
	color: #111;
	margin-bottom: 5px;
}