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

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

@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;
	scroll-behavior: smooth;
}

.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;
}
.container.bgGrey {
	background-color: #eeeeee;
}

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

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

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

.allCaps{
	text-transform: uppercase;
}

.pageShift {
	left: 247px;
}

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

.mainHeader .headerTabs {
    display: flex;
}

.mainHeader .headerTabs.menu {

}

.headerTab {
	width:18%;
	float:left;
	text-align:center;
	position:relative;
	height:85px;
	padding-top:4px;
	color:#575757;
	cursor:pointer;
	max-height: unset;
	box-sizing: border-box;
	height: 115px;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

}




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

.headerTab.deskMenu {
    display: inline-flex;
}

.headerTab:hover {
	color:#232323;
}

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

.headerIcon .headerIconHover{
	display: none;
}

.accountMenuOpen .headerIcon .headerIconDefault{
	display: none;
}

.accountMenuOpen .headerIcon .headerIconHover{
	display: inline-block;
}

.menuOpen.headerTab .text{
	color: #fff;
}


.menuOpen .headerIcon .headerIconDefault{
	display: none;
}

.menuOpen .headerIcon .headerIconHover{
	display: inline-block;
}

.itemSelected .headerIcon .headerIconDefault{
	display: none;
}

.itemSelected .headerIcon .headerIconHover{
	display: inline-block;
}

.itemSelected.headerTab .text{
	color: #fff;
}



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

.headerTab .headerIconMain {
	margin: 0;
	margin-top: 3px;
	height: initial;
	padding: 5px;
	box-sizing: border-box;

	height: 90%;
	width: auto;
}

.headerTab .text {
	font-size:15px;
	line-height: 1.4em;
	color: #3d5b74;
	font-family: "Open Sans";

	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

.headerTab .text .welcome{
	display: block;
	font-size: 16px;
	margin-block: 25px 0;
}

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

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

.headerTab .mobileMenu {
	min-height: 0;
	position: relative;
}

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

.memberBorderBlack {
	border:3px solid #000000;
}

.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;
}
.memberBoxHeaderBlack, .memberBoxFooterBlack {
	background-color:#000000;
	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;
}

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

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

.memberBorderBlack .memberBoxMoreInfo {
    border-top: 3px solid #000000;
	color: #000000;
}

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

.memberBoxHeaderBlack, .memberBoxFooterBlack {
	background-color:#000000;
	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;
}

.memberBoxFooterBlack:hover {
    background: #000000;
	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;
}


#headerSearch::placeholder {
	color: #ffffffbb;
	font-size: 1.2em;
  }

.searchWrapper {
	position: absolute;
	height: 76px;
	overflow: hidden;
	width: 100%;
}

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

/* member no access */

.memberNoAccess{
	margin-top: -20px;
	padding: 0;

}
.memberNoAccessSection{
	position: relative;
	padding: 30px 10px;
	display: flex;
    flex-direction: column;
    align-items: center;
}

.memberNoAccessSection h1{
	margin: 0;
	text-align: center;
	color: #fff;
}

.memberNoAccessSection h2{
	margin: 30px 0 20px;
	text-transform: unset ;
	font-size: 30px;
	line-height: 1.4em;
    text-align: center;
}

.memberNoAccessSection.red{
	background-color: #e95857;
	color: #fff;
}

.memberNoAccessSection.white{
	background-color: #fff;
	color: #4a5968;
}

.memberNoAccessSection > p{
    text-align: center;
    font-size: 1.25rem;
    margin: 0 0 1em;
}

.memberNoAccessSection > p:first-child{
	margin-top: 1em;
}


.memberNoAccessSection.blue{
	background-color: #4a5968;
	color: #fff;
}

.memberNoAccessSection:not(:last-child):after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 22.5px 0 22.5px;
	position: absolute;
	top: 100%;
	left: calc(50% - 22.5px);
	z-index: 1;
}

.memberNoAccessSection.red:after{
	border-color: #e95857 transparent transparent transparent;
}

.memberNoAccessSection.white:after{
	border-color: #fff transparent transparent transparent;
}

.memberNoAccessSection.blue:after{
	border-color: #4a5968 transparent transparent transparent;
}


.memberNoAccess #loginForm {
    display: flex;
    flex-direction: column;
	background-color: #4a5968;
	border-radius: 5px;
	width: 400px;
    margin: 0 auto;
}

.memberNoAccess .inline-form p{
	text-align: left !important;
	text-decoration: none;
    font-size: 1rem !important;
    color: #fff  !important;
	width: auto !important;
    text-transform: unset  !important;
	margin: 1em 0 0 !important;
	padding: 0 !important;

}

.memberNoAccess .inline-form p a{
	text-align: left !important;
	text-decoration: underline !important;
    font-size: 1rem !important;
    color: #fff  !important;;
    text-transform: unset  !important;
	padding: 0 !important;
}

.memberNoAccess #loginForm input{
	font-family: 'Roboto', sans-serif;
	color: #4a5968;
	border: 1px solid #4a5968;
	height: auto;
	padding: 15px 10px;
    border-radius: 5px;
	margin: 0  !important;
	width: auto;
	max-width: unset;
	float: none;
}

.memberNoAccess #loginForm input[type="checkbox"]{
	padding: 0;
}

.memberNoAccess #loginForm input + input{
	margin-top: 20px  !important;
}
.memberNoAccess #loginForm input + p{
    margin-left: 25px !important;
    margin-top: -18px !important;
    font-size: 0.85rem !important;
}

.memberNoAccess .inline-form{
	background-color: transparent;
	border: 0 none !important;
	margin: 0 !important;
	color: #fff;
	display: flex;
    flex-direction: column;
	padding-bottom: 20px;
}



.memberNoAccess .angledHeader{
	background-color: transparent;
}

.memberNoAccess .angledHeader:after{
	display:none;
}

.memberNoAccess #signIn{
	margin: 0px auto -30px !important;
	background-color: #e95857 !important;
	width: 280px !important;
	text-align: center !important;
	float: none;
	padding: 20px !important;
	border-radius: 5px;
	line-height: 1.2;
}


.memberNoAccess #loginErrorMain{
	margin: 20px 0 0 !important;
}
.memberNoAccess .signInMessage:after{
	display:none;
}

.memberNoAccess .btnRedCurved{
	width: 280px !important;
	padding: 20px !important;
	text-align: center !important;
	border-radius: 5px;
}

.memberNoAccess .memberBenefits{
	display: flex;
	column-gap: 20px;
	row-gap: 20px;
	padding: 0;

}

.memberNoAccess .memberBenefitsItem{
	flex: 0 1 50%;
	display: flex;
	flex-direction: column;
	padding: 10px;
	background-color: #f4f4f4;
	max-width: calc(50% - 30px);
}

.memberNoAccess .memberBenefitsHeading{
	font-size: 19px;
	line-height: 1;
	padding-left: 45px;
	position: relative;
	font-weight: bold;
	text-transform: unset;
	margin: 0 0 20px;
	height: 35px;
    display: flex;
    justify-content: flex-start;
    align-items: center;

}
.memberNoAccess .memberBenefitsHeading i{
	position: absolute;
	content: "";
	background-color: #4a5968;
	border-radius: 3px;
	color: #fff;
	left: 0;
	top: 0;
	width: 35px;
	height: 35px;
	text-align: center;
    line-height: 35px;
	font-size: 22px;

}

.memberNoAccess .memberBenefitsHeading i:before{

}

.memberNoAccess .memberBenefitsImage{
	margin: 0 0 20px;
}

.memberNoAccess .memberBenefitsSubheading{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 20px;
	text-transform: unset;
	color: #354759;
	line-height: 1.4;

}

.memberNoAccess .memberBenefitsIntro{
	color: #222;
	margin-top: 0;
    font-size: 16px;
}

.memberNoAccess .memberBenefitsLink{
	font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
	margin-top: auto;
}

.memberNoAccess .memberBenefitsLinkText{
	text-decoration: underline;
}

.memberNoAccess .memberBenefitsLink i{
	background-color: #e95857;
	color: #fff;
	font-size: 8px;
	border-radius: 2px;
    width: 12px;
    height: 12px;
    text-align: center;
    line-height: 12px;
    margin-right: 5px;
}


.memberNoAccess .lotsMore {
    padding: 30px 0;
    min-width: 300px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.memberNoAccess hr {
	width: 100%;
	margin-bottom: 35px;
}


.memberNoAccess .lotsMore i{
	/* margin: 0 10px; */
}

.memberNoAccess .lotsMoreText {
    font-size: 30px;
	margin-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    /* row-gap: 5px; */
    column-gap: 10px;
}

.memberNoAccess .lotsMoreLink {
    text-decoration: underline;
    display: inline-block;
	color: #e95857;
}

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

.basketProduct h3 {
	margin: 0;
}

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

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

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

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

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

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

.basketItemQty {
	margin: 0 4px;
}

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

.stripeCheckoutBtnText{
	display: inline-block;
	height: 25px;
    line-height: 27px;
}

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

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

#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: 5px 0 10px !important;
	color: #e95857 !important;
	font-weight: bold;
}

.productTitle h4 {
    float: right;
}

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

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

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

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

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

.infoBox {
    margin-top: 20px;
    position: relative;
    padding-top: 24px;
}
.infoBox.blueBox {
	background-color: #bed8ef;
}
.infoBox.redBox {
	background-color: #f8cbae;
}
.infoBox.greyBox {
	background-color: #e7e7e7;
}
.infoBox.greenBox {
	background-color: #c5e0b5;
}
.infoBox.purpleBox {
	background-color: #F5C1E7;
}
.infoBox h4 {
    padding: 10px 25px;
    margin: 0;
    display: inline-block;
    position: absolute;
    top: -20px;
	text-transform: none;
	line-height: 1.6em !important;
}
.infoBox.blueBox h4 {
	background-color: #3d5b74;
    color: #fff !important;
}
.infoBox.redBox h4 {
	background-color: #e95857;
    color: #fff !important;
}
.infoBox.greyBox h4 {
	background-color: #7d7d7d;
    color: #fff !important;
}
.infoBox.greenBox h4 {
	background-color: #76bd23;
    color: #fff !important;
}
.infoBox.purpleBox h4 {
	background-color: #B41E8E;
    color: #fff !important;
}

.infoBox > div,
.infoBox > p,
.membershipPage .membershipDetailsPage .infoBox > div,
.membershipPage .membershipDetailsPage .infoBox > p {
	font-size: 16px;
    height: 100%;
    font-weight: 400;
    line-height: 1.6em;
}
/* .infoBox > div:nth-child(2),
.infoBox > p:nth-child(2) {
	padding-top: 20px;
	margin-top: 0;
}

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

.infoBox > ul,
.infoBox > ol{
	padding-left: 45px;
}

.infoBox > *{
	padding: 0 25px;
}

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

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

.membershipFormat {
	text-align: left !important;
	padding: 20px 30px !important;
	font-size: 20px;
}

.passwordInfo {
	padding: 30px ;
}

.passwordReset p {
	margin-left: 0;
}

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

.memberNoAccess .membershipMatcher{
	display: inline-block;
}



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


.advertiseJobMenu {
    display: flex;
    list-style: none;
    margin-left: 60px;
    margin-bottom: -72px;
    padding-left: 0px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    overflow: hidden;
}

.advertiseJobMenu > li {
	background-color: #fff;
	height: 100%;
	padding: 20px 30px;
	padding-right: 60px;
	position: relative;
	border-top: 1px solid #C9C9C9;
	border-bottom: 1px solid #C9C9C9;
	text-transform: uppercase;
}

.advertiseJobMenu > li:first-child {
	border-left: 1px solid #C9C9C9;
	border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.advertiseJobMenu > li:before {
    content: '';
    width: 50px;
    height: 50px;
    background: transparent;
    position: absolute;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: top right;
    top: 33px;
    margin: 0;
    right: 0;
    border-right: #C9C9C9 solid 1px;
    border-top: #C9C9C9 solid 1px;
    z-index: 1000;
}

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

.advertiseJobMenu > li:last-child:after {
    border-top: 34px solid #394d61;
    border-bottom: 34px solid #fff;
    border-left: 34px solid #fff;
    top: -2px;
}

.advertiseJobMenu > li.active, .advertiseJobMenu > li.activePast {
	background-color: #73c5d5;
    color: #fff;
}

.advertiseJobMenu > li.active:after {
	border-left: 33px solid #73c5d5;
}

.advertiseJobMenu > li.activePast:after {
    border-left: 33px solid #73c5d5;
    border-top: 32px solid #73c5d5;
    border-bottom: 33px solid #73c5d5;
}

.advertiseJobMenu > li.activePast:before {
    border-right: #ffffff solid 1px;
	border-top: #ffffff solid 1px;
}


.advertiseJobSplit {
	display: flex;
}

.advertiseJobSplit > div:nth-child(1) {
	width: 60%;
}

.advertiseJobSplit > div:nth-child(2) {
	width: 40%;
	position: relative;
}

.advertiseJobSplit h4 {
    font-size: 24px;
    text-transform: none;
    padding-left: 45px;
}

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

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

.blackBg {
	background-color:#000000 !important;
}

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

.yellowBg {
	background-color:#f3dc2c !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;
}

#groomsAdvert .formHeader + .inline-form {
	margin-top: -5px !important;
}

.inline-form legend{
	margin-bottom: 5px;
}

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


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


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

.passwordReset .inline-form legend:after {
    /* top: -1px; */
}

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

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

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

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

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

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

.inline-form input[type="text"], .inline-form input[type="password"], .inline-form input[type="number"], .inline-form input[type="tel"], .inline-form input[type="email"] {
	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;
}

.sevenTenthsBox {
	width: 70%;
	position: relative
}

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

.formSplitWide {
	width: 100%;
	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;
}

.desktopOnly {
	display:inherit;
}

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

.btnBlackCurved.greenBg:hover {
	background-color: #000000 !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;
}

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

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

.breadcrumbContainer.Black{
    background-color: #000000;
}

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


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

.btnBlack {
	background-color: #000000;
	font-weight: bold;
	text-transform: uppercase;
}

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

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

.btnBlack:hover {
	background-color: #8E9BA3;
}

.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.autoHeight, .imageTable.autoHeight tr , .imageTable.autoHeight td {
	height: auto !important;
	width: auto !important;
}

.imageTable.autoHeight tr td:last-child {
	padding-bottom: 30px;
}

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

.insuranceDetailsTableContainer .contentTable tbody tr:nth-child(odd) {
	background-color: rgba(201, 212, 238, 0.4);
}

.insuranceDetailsTableContainer .contentTable tbody tr:nth-child(even) {
	background-color: rgba(235, 238, 244, 0.4);
}

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


#superGroomForm{
	margin-top: 40px;
}

.superGroomForm .angledHeader,
.superGroomForm .formHeader,
.superGroomForm	.continueButton.angledHeader > *:after{
	color: #091a00 !important;
	font-size: 20px !important;
}

.superGroomForm .formHeader:after{
	border-left-color: #f3dc2c;
}

.superGroomForm .angledHeader:after{
	border-right-color: #f3dc2c;
}

.superGroomForm .angledHeader:hover:after{
	border-right-color: #f3dc2c;
}

.superGroomForm .inline-form textarea{
	width: calc(100% - 220px);
	padding-bottom: 35px;
	box-sizing: border-box;
	min-height: 310px;
}

.superGroomForm .inline-form input[type="text"]:focus,
.superGroomForm .inline-form input[type="text"]:focus-visible,
.superGroomForm .inline-form textarea:focus,
.superGroomForm .inline-form textarea:focus-visible {
    outline: 0 none;
	border: 1px solid #000;
}


#sgDetailsBox{
	position: relative;
}

#sgDetailsBox.countExceeded textarea{
	border: 2px solid red;
}

#sgDetailsBox.countExceeded,
#sgDetailsBox.countExceeded textarea,
#sgDetailsBox.countExceeded:after{
	color: red;
}

#sgDetailsBox:after{
	content: attr(data-word-count);
    font-size: 12px;
    position: absolute;
    left: 7px;
    bottom: 19px;
    color: #354759;
	background-color: #fff;
    z-index: 100;
	display: block;
	width: calc(100% - 250px);
	padding: 5px;
}

#sgDetailsWordCount{
	position: absolute;
}

#superGroomForm input + .authenticationError {
	width: 100% !important;
}

#sgDetailsBox .authenticationError {
    min-height: 310px !important;
    width: 100% !important;
}
.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;
}


#ticketInfo,
#ticketInfo label{
	display: flex;
    justify-content: center;
    align-items: baseline;
}

#ticketInfo{
    flex-direction: column;
}

#ticketLinkText{
    margin-left: 5px;
    outline: 0 none;
	padding: 2px;
	border: 1px solid black;
	overflow-wrap: break-word;

	overflow-wrap: break-word;
	word-wrap: break-word;

	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;

	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;

}
/* https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/ */

.ticketLinkTextWrap{
	display: grid;
}


/*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;
}
/*taken from employers site */
.complianceIcon {
	float: left;
	background-color: #f2bb00;
	border-radius: 3px;
	padding: 20px 20px;
	width: 48px;
	margin-right: 40px;
	margin-left: 20px;
	padding: 18px 28px;
}

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

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

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

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

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

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

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

.contentBlack .complianceMore {
	background-color: #000000;
}
/*-------*/
/* MEGA MENU */
.megaMenuBar {
	margin: 15px 0 15px;
	/* height: 58px; */
	display: flex !important;
}
.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: 13px;
	line-height: 12px;
	position: relative;
	flex: 1;
	max-height: 50px;
	display: flex !important;
    align-items: center;
    justify-content: center;
	/* New homepage design override */
	color: #3d5b74;
	font-family: "Open Sans";
	font-weight: 700;
	text-align: center;
	letter-spacing: -0.6666667px;
	padding: 5px;
    height: 42px;
	max-height: 52px;
}

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


.isIE11 .megaItem.current:after {
	top: 50px;
}

.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: 900;
	/* margin-left: 15px; */
	display: none;
	font-size: 14px;
	top: 67px;
	/* width: calc(100% - 30px); */
	left: 0;
	/* box-shadow:  0 5px 40px -10px rgba(0, 0, 0, 0.8); */
	box-shadow:  0 0 0.25em  rgba(67,71,85,0.27), 2px 0.25em 24px 0 rgba(90,125,188,0.05);
}

/* .home .megaDropDown {
	top: 70px;
} */

@media (max-width: 1395px) {
	.megaDropDown {
		margin: 0;
	}
}
.megaDropDown.current {
	display: block;
	/* box-shadow:  0 4px 16px  rgba(17,17,26,0.1), 0 8px 32px  rgba(17,17,26,0.05); */
}
.megaListMenu {
	height: 100%;
	border-right: 1px solid #C9C9C9;
	float: left;
}
.megaListMenu.subList {
	border-color: transparent;
	position: relative;
}
.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: calc(100% - 2px);
    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;
}

.videoContainer video {
	width:100%;
	background-size:cover ;
	background-position:center;
	background-repeat:no-repeat;
	background-color: #fff;
	border: 1px solid #CCCCCC;
	aspect-ratio: 16 / 9;
	aspect-ratio: attr(width) / attr(height);
}

.videoContainerFull {
	position: relative;
}

.videoContainerFull video {
	width:100%;
	background-size:contain !important;
	background-position:center !important;
	background-repeat:no-repeat !important;
	border: 1px solid #CCCCCC;
}

.videoButton,
.playButton {
	position: absolute;
    width: 16%;
    cursor: pointer;
    z-index: 1000;
    top: 50%;
    bottom: 50%;
    margin: auto;
    left: calc(50% - 8%);
    cursor: pointer;
    z-index: 1000;
	transition: opacity 1s;
}

.playButton{
	transition: opacity 0.25s;
}

.videoButton {
	padding-top: 16%;
	background: #e95757;
    border-radius: 100%;

}
.videoButton:before{
	content: '\f04b';
	font-family: fontAwesome;
	color: #fff;
	font-size: 35px;
	position: absolute;
	top: 50%;
	left: 55%;
	transform: translateX(-50%) translateY(-50%);
}


.videoContainer.playing .videoButton:before{
	content: '\f04c';
	left: 50%;
}


.videoContainer.playing .videoButton{
	opacity: 0;
}

.videoContainer.playing:hover .videoButton{
	opacity: 1;
}


.pauseButton{
	color: #e95757;

	font-size: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: -1;
	transition: opacity 0.5s;
}

.pauseButton:after{
	content: "";
	background-color: #fff;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transform: scale(0.8);
	border-radius: 50%;
	z-index: -1;
}


.liability .pauseButton{
	width: 15%;
	height: 11vw;
	color: #337cc0;
	max-height: 160px;
}

.liability .pauseButton:before{
    transform: scale(1);
    width: 100%;
    height: 100%;
    position: absolute;
    font-size: clamp(42px, 12vw, 175px);
    left: -5px;
	top: -5px;
}


.videoContainer.playing .playButton{
	opacity: 0;
}


.videoContainer.playing .pauseButton{
	opacity: 0;
}

.videoContainer.playing:hover .pauseButton{
	opacity: 1;
	z-index: 1000;
}

.videoContainer.paused .playButton{
	opacity: 1;
}


.videoContainer.paused .pauseButton{
	opacity: 0;
	z-index: -1;
}


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

.breadcrumbs .separator {
    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.black {
	border-color: #000000;
}

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

.quizContainer .quizMatch.black a {
	background-color: #000000;
}

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

.quizBanner{
	margin: 0 0 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.quizBanner a{
	display: inline-block;

}

.quizBannerDesktop {
	display: block;
}

.quizBannerMedium {
	display: none;
}

.quizBannerMobile {
	display: none;
}

/* User banner */
.userBanner {
	position: absolute;
	left: 0;
	right: 0;
    height: auto;
	padding: 20px;
    background: #efefef;
	z-index: 900;
	display: none;
	margin-top: 10px;
	top: 120px;
	/* box-shadow:  0 5px 40px -10px rgba(0, 0, 0, 0.8); */
	box-shadow:  0 0 0.25em  rgba(67,71,85,0.27), 2px 0.25em 24px 0 rgba(90,125,188,0.05);
}



.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: 101vh;
    height: calc(100% - 89px);
    position: absolute;
    z-index: 500;
    left: -750px;
    right: 0;
    top: 0;
    /* 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: calc(100vw - var(--scrollbar-width)); */
	width: 100%;
    background-color: #fff;
	height: var(--window-height);
}

.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.purpleQuote {
	background-color: #B41E8E;
}

.simpleQuoteTemplate td.blackQuote {
	background-color: #000000;
}

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

.transportTemplate {
    width: 100%;
    background-color: #b4b4b4;
    margin-bottom: 15px;
    border-width: 3px;
    border-radius: 15px;
    border-style: solid;
    border-color: #656565;
}

.transportTemplate.transportYellow {
    border-color: #fbcb23;
    background-color: #fff2c3;
}

.transportTemplate td:nth-child(1) {
    width: 80px;
    padding: 15px 15px 0 15px;
    vertical-align: top;
}

.numberListTemplate.transport {
    background-color: #dedede;
}

.numberListTemplate.transport.alt {
    background-color: #fff2c3;
}

.numberListTemplate.transport td:nth-child(1) {
    padding-top: 0.5rem;
}

ul.tickBulletList {
    list-style-type: none;
}

ul.tickBulletList li:before {
    content:"\2713\0020";
}

/* --------------------------
- 		NEW JOB BOARD		-
----------------------------*/

.jobHeroImage {
    margin: 0 auto;
    display: block;
    position: relative;
	z-index: 50;
	padding-bottom: 130px;
	width: 100%;
}

.jobHeroImage .jobBoardImage{
    object-fit: contain;
    width: 100%;
}


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

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

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

.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 {
	height: 100%;
    width: 100%;
    object-fit: contain;
}

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

.jobBoardDetailsWrapper{
	position: relative;
	margin-bottom: 20px;
}

.jobBoardDetailsPage {
    color: #394d60;
    width: 68%;
    padding-left: 40px;
    box-sizing: border-box;
    float: left;
    overflow: hidden;
	position: relative;
}

.jobBoardDetailsPage h3 {
	font-size: 30px;
}

.jobBoardDetailsLeftColumn{
	width: calc(76% - 10px);
	margin-right: 10px;
}

.jobBoardDetailsPage .jobBoardDetailsLogo {
    float:right;
    right: 0;
	max-width: 320px;
    width: 24%;
	top: 45px;
	position: absolute;
}

.jobBoardDetailsPage .jobBoardDetailsLogo img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.returnToResults {
	position: absolute;
    background-color: #00d79d;
    color: #fff;
    padding: 8px;
    width: 220px;
    text-align: center;
    box-shadow: 0px 0px 20px 0px #c1c1c1;
	right: 0;
	top: 0;
}

.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 */
	 margin-top:110px;
}

.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;
	bottom: 15px;
    position: absolute;
    width: calc(100% - 30px);
}

.nav-membership-quiz-small {
	display: none;
	bottom: -5px;
    position: absolute;
    width: calc(100% - 30px);
    left: 0;
    right: 0;
    margin: auto;
}

.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: #f3f3f3;
    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 h5.questionHeader.customLineHeight {
	font-size: 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 {
	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 .blackBorder input[type="text"]:focus, .advancedForm .blackBorder input[type="password"]:focus, .advancedForm .blackBorder select:focus, .advancedForm .blackBorder textarea:focus {
	outline: none;
	border-color: #354759 !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 .blackBorder input[type="text"]:focus + label, .advancedForm .blackBorder input[type="password"]:focus + label, .advancedForm .blackBorder select:focus + label, .advancedForm .blackBorder textarea:focus + label {
    top: 3px;
    color: #354759;
    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;
}

.advancedForm .moreDetails textarea, .advancedForm .moreDetailsNo textarea {
	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 .moreDetailsBelow {
	color: red;
}




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

/* new membership form */
.ddGuarantee {
	margin-top: 100px;
}

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

.advancedMembershipOption .totalAmountPayable {
	font-size: 16px;
	margin-top: 20px;
	text-align: right;
}

#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 select {
	color: #1f1f1f !important;
}

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

#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.advancedForm .importantInformation .advancedCheckbox input[type="checkbox"]:hover + label:before{
	background-color: #e6e6e6 !important;
}

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

.advancedForm .importantInformation .advancedCheckbox input[type="checkbox"]:checked + label:after, .advancedForm .advancedCheckbox input[type="radio"]:checked + label:after {
	color: #e95757;
  }


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

.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-banner.png);
	padding: 150px 0 50px 0;
	background-size: 1800px;
	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: 26px;
	padding-left: 40px;
	color: #818181;
	display: block;
}

.advancedForm .advancedCheckbox input[type="checkbox"] + label:before, .advancedForm .advancedCheckbox input[type="radio"] + label:before {
	content: '';
	margin-right: 5px;
	display: inline-block;
	vertical-align: text-top;
	width: 30px;
	height: 30px;
	background-color: #e6e6e6;
	border: none;
	position: absolute;
	left: 0px;
	border-radius: 2px;
}

.advancedForm .advancedCheckbox input[type="checkbox"]:hover + label:before, .advancedForm .advancedCheckbox input[type="radio"]:hover + label:before {
	background: #73c5d5;
}
.advancedForm .redCheck input[type="checkbox"]:hover + label:before {
	background: #fff;
}

.advancedForm .advancedCheckbox input[type="checkbox"]:focus + label:before, .advancedForm .advancedCheckbox input[type="radio"]:focus + label:before {
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}

.advancedForm .advancedCheckbox input[type="checkbox"]:checked + label:before, .advancedForm .advancedCheckbox input[type="radio"]:checked + label:before {
	background: #73c5d5;
}
.advancedForm .redCheck input[type="checkbox"]:checked + label:before {
	background: #fff;
}

#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"]:checked + label:after, .advancedForm .advancedCheckbox input[type="radio"] + label:after {
	content: '\f00c';
	position: absolute;
	left: 5px;
	top: 5px;
	color: #e4e4e4;
	font-size: 20px;
	font-family: "Font Awesome 5 Pro";
	line-height: 7px;
}

.advancedForm .redCheck input[type="checkbox"]:checked + label:after, .advancedForm .advancedCheckbox input[type="radio"] + label:after {
	content: '\f00c';
	position: absolute;
	left: 6px;
	top: 11px;
	color: #e4e4e4;
	font-size: 20px;
	font-family: "Font Awesome 5 Pro";
	line-height: 7px;
}

#membershipForm.advancedForm .advancedCheckbox input[type="checkbox"] + label:after, .advancedForm .advancedCheckbox input[type="radio"] + label:after {
	line-height: 18px;
}

.advancedForm .advancedCheckbox input[type="checkbox"]:checked + label:after, .advancedForm .advancedCheckbox input[type="radio"]:checked + label:after {
  color: #fff;
}

.advancedForm .redCheck input[type="checkbox"]:checked + label:after {
	color: #e95757;
  }

.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;
	line-height: 1.6em;
    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;
}



.advancedHighlightedCheck .advancedCheckbox {
    margin: 0px;
    height: 32px;
    padding: 8px 0px;
}

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

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

.advancedForm .advancedHighlightedCheckLabel {
	flex: 1 1 100%;
    min-width: 100%;
    margin: 0 0 20px;
}

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

.contentBlack .advancedForm .advancedFormTitle > h2 {
	background-color: #000000;
}

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

.advancedForm .advancedFormTitle.membershipBuilderTitle  > h2,
.advancedForm .advancedFormTitle.groomLiabilityTitle  > h2{
	max-width: calc(100% - 120px);
	margin-right: 0;
}

.advancedForm .advancedFormTitle > img {
	/* position: absolute; */
	position: relative;
    right: 10px;
    top: 8px;
    width: 30px;
	float: right;
	margin-left: 30px;
	margin-bottom: 40px;
}

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

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

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

.advancedForm .help-block-new.form-error {
    margin: -10px 40px 0 50px;
    margin-bottom: 10px;
	font-size: 12px;
	color: #e6231f;
}

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

.advancedForm .advancedImagePreview img {
    max-height: 120px;
    margin-left: 40px;
}

.advancedForm .advancedInput.half {
	width: 50%;
	float: left;
}


.advancedForm .advancedHighlightedRadio {
	display: flex;
	align-items: center;
    width: calc(100% - 80px);
    margin: 40px;
    background-color: #394d61;
    color: #fff;
    padding: 30px;
    box-sizing: border-box;
	border-radius: 8px;
	position: relative;
	flex-wrap: wrap;
}

.advancedForm .advancedHighlightedRadioLabel{
    margin: 0 0 20px;
	flex: 1 1 100%;
	min-width: 100%;
}

.advancedForm .advancedRadio{
    height: 32px;
    padding: 8px 0px;
	margin: 0px;
}

.advancedForm .advancedRadio + span + .advancedRadio{
	margin-left: 20px;
}

.advancedForm .advancedHighlightedRadio input[type="radio"] + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin-right: 10px;
    line-height: 26px;
    padding-left: 40px;
    color: #818181;
    display: block;
}

.advancedForm .advancedHighlightedRadio input[type="radio"] + label:before {
    content: '';
    margin-right: 5px;
    display: inline-block;
    vertical-align: text-top;
    width: 30px;
    height: 30px;
    background-color: #e6e6e6;
    border: none;
    position: absolute;
    left: 0px;
    border-radius: 2px;
}

.advancedForm .advancedHighlightedRadio input[type="radio"] {
    position: absolute;
    opacity: 0;
    margin: 0px;
}

.advancedForm .advancedHighlightedRadio input[type="radio"]:checked + label:before {
	background: #fff !important;
}

.advancedForm .advancedHighlightedRadio input[type="radio"]:checked + label:after{
    color: #e95757;
	content: '\f00c';
    position: absolute;
    left: 6px;
    top: 11px;
    font-size: 20px;
    font-family: "Font Awesome 5 Pro";
    line-height: 7px;
}

.advancedForm .advancedHighlightedRadio .help-block {
	position: absolute;
	bottom: -30px;
	left: -50px;
}

#membershipForm.advancedForm .advancedHighlightedRadio .help-block {
	left: -35px;
}

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

	.researchTable img {
		width: 100% !important;
		max-width: unset;
		object-fit: cover;
	}
}

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

.contentBlack .advancedInfo > i {
	background-color: #000000;
}

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

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

[data-popup=aboutRIABsPopup]{
	cursor: pointer;
}

#aboutRIABsPopup.advancedPopup {
	align-items: center !important;
    justify-content: center !important;
}

#aboutRIABsPopup .advancedPopupInner {
    height: auto !important;
    max-width: 700px !important;
    /* max-height: 555px; */
    max-height: 550px !important;
    border-radius: 10px !important;
	top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 660px){
	#aboutRIABsPopup .advancedPopupInner {
		max-width: 85vw !important;
		max-height: 85vh !important;
		padding: 30px 30px !important;
	}
}


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





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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#membershipForm.advancedForm .finalSubmitStatement {
	font-size: 15px;
	line-height: 18px;
	text-align:left;
}


/* Haddon Membership Pathway*/

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




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

#dashboardHero {
	background-color:#485B69;
	padding: 72px 66px;
	margin-bottom:16px;
	display: flex;
    justify-content: space-between;
    align-items: center;
}

#dashboardHero h1 {
	text-transform: none;
	color:#FFFFFF;
    font-weight: 400;
    font-size: 49px;
}

img.dashboardHeroImage {
    height: 80px;
}

.userAreaContainer {
	background-color: #dadada;
	padding:46px 62px;
	display:flex;
	flex-wrap:wrap;
	position:relative;
}

.userAreaContainer .fullItem {
	width:100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.userAreaContainer .fullItem.rightAlign {
	justify-content: flex-end;
}

#passwordDetailsForm {
	margin-top:20px;
}

.fullItem.buttonsContainer {
	justify-content: space-between;
	align-items: flex-start;
	column-gap: 10px;
}


.fullItem.buttonsContainer.justifyFlexStart {
	justify-content: flex-start;
}

.fullItem.rightAlign.buttonsContainer {
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: flex-start
}

.fullItem.buttonsContainer a{
	margin: 5px 0;
}

.userAreaContainer .halfItem {
	width:50%;
}

.userAreaContainer .thirdItem {
	width:calc(100%/3);
}

.userAreaContainer .thirdItem.details {
	width:calc(100%/3);
	display: inline-block;
	align-self: flex-end;
	font-size: 22px;
	color: #000000;
}

.userAreaContainer .salutations {
	color:#E95757;
	font-weight: 400;
	font-size: 49px;
}

.userAreaContainer .membershipNumber {
	background-color:#FFFFFF;
	padding: 20px 10px;
	margin: -6px 0 auto auto;
	width:calc(100% - (6px/3));
	text-align:center;
	box-sizing: border-box;
}

.userAreaContainer .membershipNumber .red {
	font-weight:700;
	color:#E95757;
}

.userAreaContainer > div {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start
}

.userAreaContainer .ui-datepicker-trigger {
	width: 18px;
	margin-bottom: -4px;
	cursor: pointer;
	color: #e95857;
}

.userAreaContainer *[disabled] {
    border: 0!important;
    background-color: transparent;
    padding: 0;
}

.userAreaMenu.accountMenu > li > a {
	background-color: #485B69;
}

a.userAreaMenuLink.activeItem {
    text-decoration: underline;
    pointer-events: none;
}

#updateComplete {
    position: absolute;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 20px;
    margin: 0;
    border: 1px solid #485B69;
    background-color: #FFFFFF;
	opacity: 1;
	z-index: 1000;
}

.rightAlign {
	text-align:right;
	justify-content: flex-end;
}

.tilesContainer .thirdItem  {
	width:calc((100%/3) - (68px/3));
	height:382px;
	border-radius:5px;
    padding: 40px 30px;
	box-sizing: border-box;
	cursor:pointer;
}

/* .thirdItem.dashboardTile:hover {
    background-color: #394852;
} */

.userAreaActionButton:hover {
    background-color: #394852;
}

.userAreaActionButton.red:hover {
    background-color: #e43535;
}

/* a.thirdItem.userAreaItem:hover {
    background-color: #bbbbbb;
} */

.tilesContainer .thirdItem:nth-child(2), .tilesContainer .thirdItem:nth-child(5)   {
	margin: 0 33.9px;
}

.tilesContainer .thirdItem:nth-child(1),.tilesContainer .thirdItem:nth-child(2), .tilesContainer .thirdItem:nth-child(3),
.tilesContainer .thirdItem:nth-child(4),.tilesContainer .thirdItem:nth-child(5), .tilesContainer .thirdItem:nth-child(6),
.tilesContainer .thirdItem:nth-child(7),.tilesContainer .thirdItem:nth-child(8),.tilesContainer .thirdItem:nth-child(9)  {
    margin-bottom: 40px;
}

.tileImage {
	height: 70px;
	margin: 30px 0px;
}

.tileImage.piggieBank{
	height: 90px;
	margin: 20px 0px;
}

.tileTitle {
	color:#FFFFFF;
	font-size:32px;
	font-weight:400;
	line-height: 1.2em;
}

.userAreaItem .tileTitle {
	color:#485B69;
}

.dashboardTile {
	background-color: #485B69;
}

.dashboardTile hr {
    border-top: 3px solid #6C7C87;
    border-radius: 2px;
    margin: 40px 0px;
}

.userAreaItem hr {
    border-top: 3px solid #DADEE1;
    border-radius: 2px;
    margin: 40px 0px;
}

.helpTextContainer {
    font-weight: 700;
    color: #000000;
	font-size: 22px;
	padding: 40px 62px;
}

.helpTextContainer .red, .userAreaContainer .red {
	color:#E95757
}

.backToDashboard {
    font-size: 20px;
    color: #000000;
    padding: 0px 0 36px 0;
}

.backToDashboard a {
	text-decoration:underline;
	color: #000000;
	font-weight:700;
}

.userAreaContainer .customPageTitle {
	color:#485B69;
    font-weight: 400;
    font-size: 49px;
}

.userAreaItem {
    background-color: #FFFFFF;
    padding: 62px 38px 24px;
    box-sizing: border-box;
}

.userAreaItem:not(.fullItem):not(.userAreaHead) + .userAreaItem:not(.fullItem):not(.userAreaHead) {
	padding-top: 0;
}


.userAreaItem .detailsBox {
	border: 1px solid #e7e7e7;
	margin:10px 0 21px;
	max-width: 100%;
	width: 100%;
	display:block;
	box-sizing:border-box;
}

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



.userAreaHeadTable {
	display: table !important;
}

.userAreaHeadTableRow {
	display: table-row;
}

.userAreaHeadTableCell {
	display: table-cell;
}

.userAreaHeadTableRow:nth-of-type(1) .userAreaHeadTableCell{
	padding-bottom: 20px;
}

.userAreaHeadTableCell:first-child {
	width: calc(100% - 460px);
	padding-right: 20px;
}
.userAreaHeadTableCell:last-child {
	width: 460px;
	vertical-align: top;
}

.userAreaHeadTableCell p{
	margin: 0;
	padding: 0;
}



.userAreaHeadTableCell a{
	display: inline-block;
	width: 210px;
	margin: 5px;
}

.kbisLiability{
	padding: 25px 37px 24px 37px;
}

.kbisLiability .userAreaHeadTableCell a{
	width: 280px;
}
.itemTitle {
    font-size: 32px;
    font-weight: 700;
	color: #E95757;
	margin-top:0;
}

.advertItem .itemTitle {
    font-size: 18px;
    margin: 0;
}

.advertItem a {
	color: initial;
}

.advertItem a span{
    text-decoration: underline;
}

.itemTitle.small {
	font-size: 16px;
}

.userAreaContainer strong {
	color:#485B69;
}

.userAreaContainer .details.pageTitle {
    align-items: center;
    display: flex;
}

.userAreaContainer .pageTitle .titleImage {
    height: 64px;
    margin-right: 30px;
}

.userAreaHead {
	margin-bottom:40px;
}

.userAreaActionButton {
	background-color:#485B69;
	color:#FFFFFF;
	font-size:18px;
	padding: 12px 10px;
    width: 280px;
	box-sizing: border-box;
	text-align:center;
	cursor:pointer;
	transition:.5s;
}

.userAreaActionButton.fullWidth {
	width:100%;
}

.userAreaActionButton.saveEdit, .userAreaActionButton.cancelEdit {
	display:none;
}

.userAreaActionButton.cancelEdit {
	background-color: #FFFFFF;
	color: #485B69;
	border: 1px solid #485B69;
}

.userAreaActionButton.cancelEdit:hover {
	background-color: #485B69;
	color: #FFFFFF;
}

.userItemColumn {
	box-sizing:border-box;
}

.userItemColumn.leftSide {
	padding-right:17px;
}

.userItemColumn.rightSide {
	padding-left:17px;
}

#personalDetailsForm img.ui-datepicker-trigger {
    display: none;
}

.checkmarks {
	margin:10px 0 21px;
}

/*custom radio buttons */
/* Customize the label (the container) */
.checkmarkContainer {
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	margin-right:20px;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.checkmarkContainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #FFFFFF;
	border: 1px solid #e7e7e7;
    border-radius: 2px;
}

/* On mouse-over, add a grey background color */
.checkmarkContainer:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
/* .checkmarkContainer input:checked ~ .checkmark {
	background-color: #FFFFFF;
}
*/
.checkmarkContainer .labelText {

}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkmarkContainer input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.checkmarkContainer .checkmark:after {
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid #E95757;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/**/

/*mem page tweaks */
.membershipPage p.subtext {
	font-weight: 500;
}

.container.membershipPage {
    overflow: hidden;
}

.membershipPage .typicalHero {
	margin-top: -8px;
}

.membershipPage .typicalHero .typicalHeroSpace {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 8px 30px 30px 30px;
}

.membershipPage .typicalHero .typicalHeroSpace .typicalHeroText, .insuranceDetailsSection.membershipDetails .areYouSureArea .headerText {
	text-transform:initial;
	font-size: 4em;
	padding: 0;
}

.membershipPage .typicalHero.Red .typicalHeroSpace .typicalHeroText {
	color: #e95857;
}

.membershipPage .typicalHero.Blue .typicalHeroSpace .typicalHeroText {
	color: #354759;
}

.insuranceDetailsSection.membershipDetails .areYouSureArea .headerText {
    color: #E95757;
}

.contentBlue .costItem {
    background-color: #354759;
}

.contentBlue .insuranceDetailsSection.membershipDetails, .contentBlue .membershipDetails ul.insurancePoints.noBackground {
    color: #354759;
}

.membershipPage .typicalHero .typicalHeroSpace {
	top: initial;
	bottom: 40px;
	left:40px;
	transform:initial;
	padding: 30px 50px;
}

.membershipPage .typicalHeroImage img {
	border-radius: 0 0 100px 40px;
}

.membershipPage h2.memberzoneHeader {
	text-transform:capitalize;
	font-size: 3.4em;
	margin: 0px 0 40px;
	letter-spacing: 2px;
	font-weight: 500;
	line-height: 54px;
}

.membershipPage .contentGrey h2.memberzoneHeader, .membershipPage .contentGrey .insuranceDetailsSection.membershipDetails, .contentGrey .membershipDetails ul.insurancePoints.noBackground, .membershipPage .typicalHero.Grey .typicalHeroSpace .typicalHeroText {
	color:#606060;
}

.contentGrey .costItem, .innerContainer.membershipPointBox.grey, ul.insurancePoints.grey {
    background-color: #606060;
}

.membershipPage a {
	color: #e95857;
}

.boxSection.membershipPage .btnBlue  {
	color: #fff;
}

.membershipPage .contentOrange a {
	color: #eb8623

}

.membershipPage .memberMainContentBox p {
    font-size: 1.5em;
	line-height: 1.4em;
	font-weight: 300;
	letter-spacing: 0.2px;
}

.membershipPage .membershipDetailsPage .memberMainContentBox p {
    /* font-size: 1.7em;
    font-weight: 400; */
}

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

.boxSection .boxSectionTopRight,
.membershipPage .memberBoxRight {
	width: 250px;
	right: 35px;
}

.boxSection .boxSectionTopRight,
.membershipPage .memberBoxRight.largerImage {
	width: 300px;
	right: 0px;
}
.membershipPage .freelanceGroomsToolkit .memberBoxRight.largerImage {
	width: 30%;
}

.membershipPage .freelanceGroomsToolkit .memberBoxRight.largerImage:after {
	content: "";
	display: table;
	clear: both;
}

.membershipPage .memberBoxRight.silverPage {
    width: 30%;
    right: -15px;
}

.membershipPage .memberBoxRight img {
	-webkit-filter: drop-shadow(-20px -5px 15px rgba(0,0,0, .5));
	filter: drop-shadow(-20px -5px 15px rgba(0,0,0, .5));
}

.membershipPointBox {
    background-color: #e95857;
    color: #FFFFFF;
    padding: 30px 40px;
    border-radius: 10px 35px 35px 35px;
    width: 100%;
    box-sizing: border-box;
    font-size: 1.7em;
    font-weight: 500;
    display: flex;
    align-items: center;
	line-height: 1.3em;
	position:relative;
}

.membershipPointBox.bluePill,
.membershipPointBox.blue {
    background-color: #354759;
}

.freelanceGroomsToolkit .membershipPointBox{
	background-color: #354759;
}
.membershipPage .membershipPointBoxLink {
	display: inline-block;
	max-width: 100%;
    width: 90%;
    margin: 0 auto 0 0;
}
.membershipPage .membershipPointBoxLink .membershipPointBox{
    max-width: 100%;
    width: 100%;
    margin: 0;
}

.membershipPage .innerContainer.membershipPointBox.blue {
	/* width: 100%; */
	margin-bottom:30px;
}

.membershipPointBox.large {
    padding: 30px 40px 40px;
    border-radius: 20px 75px 75px 75px;
	margin-bottom: 60px;
	flex-wrap: wrap;
}


.membershipPage .memberMainContentBox {
	float:initial;
	padding-bottom: 60px;
	width: 70%;
}

.boxSection.membershipPage .memberMainContentBox {
	padding-bottom: 0;
}
.membershipPage .freelanceGroomsToolkit .memberMainContentBox {
    padding: 0 10px 60px 0;
    box-sizing: border-box;
}

.membershipPointBoxLabel{

}
.membershipPointBoxLink{
	color: #e95857;
	display: inline-block;
}

.freelanceGroomsToolkit .actionButton{
	display: block;
	font-size: 22px;
	padding: 16px 6px;
	background-color: #eb8623;
	color: #FFFFFF !important;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	transition: .5s;
	width: 85%;
	margin: -40px 0 30px 30px;
}

.freelanceGroomsToolkit .actionButton:hover{
	background-color: #b66719
}

.membershipPage .memberMainContentBox.fullWidth {
	width:100%;
}


.membershipPage .innerContainer {
	position: relative;
	max-width: 100%;
	width: 90%;
	margin: 0 auto 0 0;
}

.boxSection.membershipPage .innerContainer{
	width: 100%;
}

.membershipSubsection {
    padding: 50px 30px;
}

.boxSection.membershipPage .membershipSubsection{
	padding: 40px 0 20px;
}

.membershipSubsection.small {
    padding: 40px 30px 0px;
}

.membershipPage .membershipSubsection.small .memberMainContentBox {
	padding-bottom: 30px;
}

.membershipPage .membershipSubsection.small  h2.memberzoneHeader {
	margin: 10px 0 10px;
}

.membershipPointBox .leftSide p.membershipSectionHeader {
	font-size: 46px;
    margin: 0 0 10px;
	line-height: 54px;
	font-weight: 400;
}

.membershipPointBox .leftSide p {
    font-size: 26px;
    font-weight: 300;
    line-height: 38px;
}

.leftSide .insurancePoints li {
    padding: 0px 0 6px;
    font-size: 20px;
}

.insurancePoints span.hasPopup {
    text-decoration: underline;
    cursor: pointer;
}

.redTickWhiteCircle {
    width: fit-content;
    background-color: #FFFFFF;
    border-radius: 100%;
    color: #e95857;
    padding: 13px 12px 10px;
	display: inline-flex;
	margin-right: 30px;
}

.contentOrange .redTickWhiteCircle {
	color: #eb8523;
}

.redTickWhiteCircle em.far.fa-check {
    font-size: 50px;
    margin-right: -10px;
}



.insuranceVideoSection {
    color: #385d77;
    margin: 60px 0;
    border-radius: 20px 60px 60px 60px;
    padding: 0 90px 60px 30px;
    box-sizing: border-box;
	border: 2px solid #E95757;
	width: 85%;
}

.contentOrange .insuranceVideoSection{
	border-color: #eb8623;
}

.membershipPage .insuranceVideoSection {
	padding: 0 40px 40px;
	margin: 120px 0 90px 30px;
}

.insuranceVideoSection.center{
	margin-left: auto;
	margin-right: auto;
}

.membershipPage .insuranceVideoSection.liability {
	margin-top: -40px;
	margin-bottom: 60px;
}

.insuranceVideoSection.fullWidth{
	margin: 80px 0 40px;
	width: 100%;
    padding: 0 30px 30px 30px;
}

.insuranceVideoSection h2 {
	background-color: #385d77;
    color: #fff;
    padding: 15px 30px;
    font-size: 38px;
    display: inline-block;
    border-radius: 5px;
    margin-top: -50px;
    margin-bottom: 40px;
}

.insuranceVideoSection.fullWidth h2{
	margin-bottom: 0;
}

.insuranceVideoSection h2 span{
	color: #E95757;
}

.insuranceVideoSection .large {
    line-height: 1.5;
    font-size: 20px;
	margin-top: 0;
	margin-bottom: 40px;
}

.insuranceVideoSection .videoContainer{
	padding-top: calc((9 / 16) * 100%);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	position: relative;
	width: 100%;
	margin: 0;
}

.insuranceVideoSection .BGAvideo {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-height: unset;
	margin: 0;
}


.insuranceDetailsSection {
    background-color: #DDDDDD;
    border-radius: 20px 60px 60px 60px;
	padding: 60px 90px 60px 30px;
	position: relative;
}




.insuranceDetailsSection h3 {
    color: #475B68;
    text-transform: none;
    margin: 0 20px 60px;
    font-size: 3em;
    font-weight: 400;
}

ul.insurancePoints {
    background-color: #475B68;
    color: #FFFFFF;
    padding: 40px 30px;
	border-radius: 10px 30px 0 0;
	width: 100%;
	box-sizing:border-box;
	list-style: none;
	font-weight: 300;
	margin-bottom: 7px;
}

ul.insurancePoints.red {
    background-color:#E95757
}

ul.insurancePoints.noBackground {
    background-color: initial;
	border-radius: 0;
    padding: 0;
}

.membershipDetails ul.insurancePoints.noBackground {
	color:#E95757;
	font-weight: initial;
	font-size: 1.4em;
	margin: 0;
}

.membershipPage .membershipDetailsPage .memberMainContentBox {
    padding-bottom: 0;
}

.insuranceDetailsSection.membershipDetails {
    border-radius: 10px 60px 60px 60px;
	padding: 60px 90px 60px 30px;
	color: #E95757;
	margin-bottom:40px;
}

.leftSide .insurancePoints .redTickWhiteCircle {
	margin: 5px 10px auto 0;
}

.membershipPointBox .whiteInnerBox {
    background-color: #FFFFFF;
    color: #5F5F5F;
    padding: 40px;
    border-radius: 15px 40px 40px 40px;
    width: 100%;
    box-sizing: border-box;
    list-style: none;
    font-weight: 400;
    margin-bottom: 7px;
    font-size: 20px;
    line-height: 32px;
    position: relative;
}

.membershipPointBox .leftSide {
	width: 60%;
	padding-right: 20px;
	box-sizing:border-box;
}

.membershipPointBox .rightSide {
	position:relative;
	width: 40%;
	align-self: flex-end;
	margin-top: 240px;
}

.membershipPointBox .rightSide img {
	position: absolute;
    bottom: 80%;
	right: -50px;
}

.insurancePoints li {
    display: flex;
	align-items: flex-start;
	padding: 10px 0;
}

.membershipPricings .insurancePoints li {
    font-size:18px;
}

.membershipPricings .insurancePoints li strong {
    font-weight: 500;
}

.membershipPricings .memberBoxContain  > a {
	font-size: 20px;
	font-weight: 600;
}

.membershipPage .membershipPricings .memberBoxContain a.userAreaActionButton {
	font-size: 26px;
    padding: 22px;
}

.insurancePoints .redTickWhiteCircle {
    padding:5px 3.5px 3px 4.5px;
	margin: 4px 10px auto 0;
}

.redTickWhiteCircle.negative {
    padding: 2px 1.5px 2px 4.5px;
    font-size: 15px;
}

.insurancePoints .redTickWhiteCircle em.far.fa-check {
    font-size: 10px;
	margin-right: -2px;
	font-weight: 700;
}

.membershipPage .insuranceDetailsSection:not(.membershipDetails) a {
    color: #FFFFFF;
    text-decoration: underline;
}

.insuranceDetailsTableContainer table {
	width:100%;
	min-width:800px;
}

.insuranceDetailsTableContainer th {
    background-color: rgba(229, 52, 52, 0.78);
    color: #FFFFFF;
    text-align: left;
    padding: 20px 15px 10px;
	box-sizing: border-box;
	font-size: 1.2em;
}

.insuranceDetailsTableContainer {
	overflow-x: auto;
	position: relative;
	margin-bottom: 50px;
	width:100%;
	background-image: linear-gradient(to right, white, white);
}

.insuranceDetailsTableContainer table {
	/* border-collapse: collapse; */
}

.insuranceDetailsTableContainer th {
	color: #fff;
}

.insuranceDetailsTableContainer tr:nth-child(odd) {
	background-color: rgba(0,0,0,.14);
}

.insuranceDetailsTableContainer.shadowed {
	overflow: auto;

  background-image:

    /* Shadows */
    linear-gradient(to right, white, white),
    linear-gradient(to right, white, white),

/* Shadow covers */
    linear-gradient(to right, rgba(0,0,0,.25), rgba(255,255,255,0)),
    linear-gradient(to left, rgba(0,0,0,.25), rgba(255,255,255,0));

  background-position: left center, right center, left center, right center;
	background-repeat: no-repeat;
	background-color: white;
	background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;

	/* Opera doesn't support this in the shorthand */
	background-attachment: local, local, scroll, scroll;
}

.insuranceDetailsTableContainer.shadowed::-webkit-scrollbar {
	-webkit-appearance: none;
}

.insuranceDetailsTableContainer.shadowed::-webkit-scrollbar:horizontal {
	height: 12px;
}

.insuranceDetailsTableContainer.shadowed::-webkit-scrollbar:vertical {
	height: 0;
	width:0;
}

.insuranceDetailsTableContainer.shadowed::-webkit-scrollbar-thumb:horizontal {
	background-color: rgba(0, 0, 0, .5);
	border-radius: 10px;
	border: 2px solid #ffffff;
}

.insuranceDetailsTableContainer.shadowed::-webkit-scrollbar-track:horizontal {
	/* border-radius: 10px;   */
	background-color: #ffffff;
}

.spacedItems {
	display:flex;
	justify-content:space-between;
	align-items:center;
}

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

.insuranceDetailsSection td {
	padding: 10px 15px 10px;
	color: #000000;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
}

.membershipPage a.userAreaActionButton {
	text-decoration:none;
}

.membershipPage .insuranceDetailsSection .buttonSet a.userAreaActionButton {
    width: 48%;
	text-align: center;
	font-size: 1.4em;
	margin-bottom: 20px;
	text-decoration: none;
}

.membershipPage .spacedItems.pricing:not(.newVersion) .userAreaActionButton {
	width:48%;
	font-size:1.4em;
}

span.smallerText {
    font-size: .9em;
    font-weight: 400;
}

.costSection {
    width: 70%;
}

.costSection h3 {
    color: #485B69;
    text-transform: inherit;
    font-size: 3em;
    font-weight: 400;
    margin: 60px 0;
}

.costItem {
    background-color: #E95757;
    color: #FFFFFF;
    padding: 40px;
    border-radius: 10px 30px 30px;
	font-size: 50px;
}

.costSection.newVersion h3 {
    color: #485B69;
    font-size: 3em;
    font-weight: 400;
    margin: 20px 0;
}

.costSection.newVersion strong {
	color:#E95757;
}

.newVersion .costItem {
    background-color: #E95757;
    color: #FFFFFF;
    padding: 40px;
    border-radius: 10px 30px 30px;
	font-size: 50px;
}

.costSection.membershipSubsection.newVersion > p {
    color: #e95857;
}

.newVersion .itemGroup .userAreaActionButton.red {
    border-radius: 5px;
    margin: 0 0 20px;
	text-transform: initial;
	width: fit-content;
}

.costSection.newVersion .spacedItems.pricing {
	color: #485B69;
	font-size: 50px;
	align-items: baseline;
	text-transform: lowercase;
	font-weight: 300;
}

.newVersion .spacedItems.pricing .itemGroup {
    width: 49%;
    border: 1px solid #485B69;
    border-radius: 5px;
    padding: 25px;
    box-sizing: border-box;
}

.newVersion .itemGroup h4 {
    text-transform: initial;
    font-size: 0.8em;
    margin: 0 0 20px;
    font-weight: 500;
}

.insuranceDetailsSection .costItem {
    position: absolute;
    top: -40px;
    font-size: 2.4em;
    padding: 30px;
}

.kbis .insuranceDetailsSection.membershipDetails .costItem {
	padding: 15px 30px;
    line-height: 1.4;
}

.costSection .spacedItems.pricing {
	color: #E95757;
	font-size: 50px;
	align-items: baseline;
	text-transform: lowercase;
	font-weight: 300;
}

.spacedItems.pricing .itemGroup {
    width: 42%;
}

.membershipPage p.subtextRed {
	color: #E95757;
	font-size: .9em;
	line-height: 1.2em;
	margin-bottom: 40px;
}

.membershipPage p.subtextRed a {
    text-decoration:underline;
}

.membershipPage p.subtextRed.rightSide {
	font-size: 15px;
    margin: 1em 0 1em auto;
}

.membershipPage p.signUpText {
    font-size: 1.6em;
    line-height: 1.4em;
}

.userAreaActionButton.red {
    background-color: #E95757;
    color: #FFFFFF;
}

.membershipPage .memberBoxContain {
	width: 32.66%;
    box-sizing: border-box;
    float: initial;
    border: 2px solid #DDDDDD;
	border-radius: 10px 60px 10px 10px;
	padding: 30px;
	transition:.5s;
}

.membershipPage .memberBoxSmall {
    display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}

.membershipPage .optionTitle {
    display: flex;
    justify-content: space-between;
	align-items: center;
}

.membershipPage .optionTitle h3 {
    text-transform: initial;
	font-size: 56px;
	line-height: 1em!important;
	margin: 10px 0;
}

.membershipPage .membershipOptionsPage .optionTitle h3 {
	font-size:36px!important;
	margin: 6px 0;
}

.membershipPage .membershipOptionsPage .memberBoxContain {
	padding: 25px 30px;
}

.membershipOptionsPage .memberBoxContain .halfBox {
	height:265px;
}

.memberBoxSmall.membershipOptionsPage ul.insurancePoints {
	height: 450px;
}

.membershipPage .optionTitle img {
    width: 58px;
    height: auto;
}

.pricingText {
    color: #e95857;
    font-size: 40px;
    font-weight: 400;
    line-height: 52px;
    margin: 15px 0px;
}

.pricingText span {
    font-size: 34px;
}

.memberBoxSmall ul.insurancePoints {
    margin: 0 0 40px -32px;
	border-radius: 0 4px 4px 0;
	width: calc(100% + 32px);
	padding: 24px 20px;
    height: 360px;
}

.memberBoxSmall.membershipOptionsPage ul.insurancePoints {
	width: calc(100% + 32px);
}

.membershipPage .memberBoxSmall p {
    color: #5F5F5F;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
}

.memberBoxContain .halfBox {
	height: 385px;
}

.membershipPage .buttonContainer {
    display: flex;
    margin-top: 40px;
}

.membershipPage .membershipDetails .buttonContainer {
    margin-top: 30px;
}

.membershipPage .membershipDetails a.userAreaActionButton {
	font-size: 28px;
	padding: 25px 10px;
}

.memberBoxSmall.membershipPricings .slick-track {
    display: flex;
    flex-direction: row;
}

.membershipPage .areYouSureArea {
    background-color: #FFFFFF;
    margin-top: 30px;
    border-radius: 10px 25px 25px 25px;
    padding: 50px 40px;
	border: 2px solid #E95757;
	display: flex;
	position:relative;
	flex-direction:column;
}

.areYouSureArea .textSide {
    width: 60%;
}

.membershipPage .membershipDetailsPage .memberMainContentBox .areYouSureArea p.headerText {
    font-weight: 700;
	font-size: 40px;
    /* text-transform: capitalize; */
    margin: 10px 0;
    line-height: 40px;
}

.membershipPage .membershipDetailsPage .memberMainContentBox .areYouSureArea p:not(.headerText) {
	color: #485B68;
	font-size: 23px;
}

.imageSide .membershipImage  {
	z-index: 1;
	bottom: 0;
	right: 0;
	-webkit-filter: drop-shadow(-20px -5px 15px rgba(0,0,0, .5));
	filter: drop-shadow(-20px -5px 15px rgba(0,0,0, .5));
	position: absolute;
	width: auto;
    height: 90%;
}

.membershipPage .membershipDetails .areYouSureArea a.userAreaActionButton {
	margin-right: 25px;
}

.membershipDetails .paymentOptions {
    background-color: #FFFFFF;
    padding: 18px 14px;
    border-radius: 5px 30px 30px 30px;
    margin: 20px 0 auto auto;
    width: fit-content;
    font-size: 42px;
    color: #000000;
}

.membershipDetails .paymentOptions img {
    height: 38px;
    margin: 0 10px;
}

.membershipDetails .paymentOptions em {
    margin: 0 4px;
}

.membershipImageMobile {
	display:none;
}

.membershipPage .memberMainContentBox .hasPopup {
    cursor: pointer;
    color: #e95857;
}

.contentRed span.hasPopup {
    cursor: pointer;
	color: #e95857;
	text-decoration:underline;
}

.contentRed .insurancePoints span.hasPopup {
	color: #FFFFFF;
}

img.fillerImageOnBanner {
    position: absolute;
    z-index: -1;
    bottom: 100%;
    width: 250px;
    right: 35px;
    -webkit-filter: drop-shadow(-20px -5px 15px rgba(0,0,0, .5));
    filter: drop-shadow(-20px -5px 15px rgba(0,0,0, .5));
}

img.fillerImageOnBanner.tallImage {
	width:200px;
}

img.responsiveImage.shadowedFloat {
    -webkit-filter: drop-shadow(-20px -5px 15px rgba(0,0,0, .5));
	filter: drop-shadow(-20px -5px 15px rgba(0,0,0, .5));
	position: absolute;
    left: 100%;
    bottom: -16px;
    margin: 0!important;
    z-index: -1;
}

#whatInsuranceCovers h4 {
	color:#e95857;
}

.membershipInnerContainer {
	margin: 0 90px 0 30px;
}

.insurancePolicySection {

    margin: 60px 0;
	padding: 0 30px;
}

.insurancePolicySection .btnsMenu {
	padding-left: 0;
	list-style: none;
	display: flex;
    gap: 20px;
    align-items: center;
    justify-content: flex-start;
	margin: 20px 0;
    flex-wrap: wrap;
}

.insurancePolicySection .btnsMenu li{
	display: inline-block;
}

.insurancePolicySection .btnsMenu li > a{
	padding: 10px;
	font-weight: bold;
}


/* Review Carousel */

.reviewCarousel{
	padding-right: 0;
	margin-right: 0;
	margin-bottom: 60px;
	padding: 0 115px 0 70px;
	border: 0 none;
	color: #fff;
	box-sizing: border-box;
}


.reviewCarousel h2{
	margin-bottom: 40px;
	padding: 15px 30px;
	display: inline-block;
	border-radius: 5px;
	color: #fff;

}


.themeRed.reviewCarousel h2{
	background-color: #E95757;
}

.themeBlue.reviewCarousel h2{
	background-color: #385d77;
}

.reviewCarousel h2 span {
}

.themeRed.reviewCarousel h2 span {
	color: #385d77;
}

.themeBlue.reviewCarousel h2 span {
	color: #E95757;
}

.reviewCarouselList {
	display: -webkit-box;
	display: flex;
	padding-left: 0;
	list-style: none;
	margin-top: 50px;
	margin-left: -70px;
}

.reviewCarouselListItem{
	-webkit-box-flex: 1;
	flex: 1;

	border-radius: 15px 25px 25px 25px;
	padding: 20px 40px;
}

.themeRed .reviewCarouselListItem {
	background-color: #E95757;
}

.themeBlue .reviewCarouselListItem {
	background-color: #354759;
}

.reviewCarouselListItem + div {
	margin-left: 40px;
}

.reviewCarouselListItem h3 {
	text-transform: capitalize;
	font-weight: normal;
	padding: 12px 20px;
	border-radius: 10px;
	margin-top: -50px;
	margin-bottom: 30px;
	font-size: 23px;
	color: #fff;
	width: calc(100% - 55px);
}

.themeRed .reviewCarouselListItem h3 {
	background-color: #354759;
}

.themeBlue .reviewCarouselListItem h3 {
	background-color: #E95757;
}

.reviewCarouselList .reviewCarouselImg {
	border-radius: 5px;
	width: auto;
	margin: 0 auto;
	height: auto;
	max-height: 380px;
	display: block;
	/* max-width: 350px; */
}

.reviewCarouselList .reviewCarouselText {
	font-size: 18px;
	line-height: 1.4;
	color: #fff;
	font-weight: 300;
}


/* Stripe payment module */

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

#stripe-payment-module {}

#payment-element {
	padding: 10px 40px;
}

#payment-submit {
	display: none;
	width: calc(100% - 80px);
}

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

/* #pleaseWait{
    text-align: center;
} */

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

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

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

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

@keyframes bouncing-dots-loader {
	to {
		opacity: 0.5;
		transform: translate3d(0, -5px, 0);
	}
}

.bouncing-dots-loader {
	display: inline-flex;
	justify-content: center;
}

.bouncing-dots-loader>span {
	margin: 0 1px;
	height: 2px;
	width: 2px;
	color: #000;
	animation: bouncing-dots-loader 0.6s infinite alternate;
}

.bouncing-dots-loader>span:nth-child(2) {
	animation-delay: 0.2s;
}

.bouncing-dots-loader>span:nth-child(3) {
	animation-delay: 0.4s;
}


/* CV creator Sales landing page */

.visuallyHidden {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.dividerBar {
    position: relative;
    display: block;
    width: 100%;
    border-bottom: 2px solid #e95757;
}

.dividerBar:before {
    display: block;
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-color: transparent #e95757 #e95757 transparent;
    border-width: 2px;
    border-style: solid;
    background-color: #fff;
    left: calc(50% - 5px);
    top: calc(100% - 7px);
    transform: rotate(45deg);
}

.cvCreatorSalesLanding {
    padding: 55px 70px;
}

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


.cvCreatorSalesLanding .template h1 {
    text-align: center;
    font-size: 57px !important;
    line-height: 1.1 !important;
    text-transform: unset !important;
    /* margin: 0 auto 35px; */
    margin: 5px 0 35px;
    width: 100%;
    position: relative;
}

.cvCreatorSalesLanding .template h1:first-letter {
    text-transform: uppercase;
}

.cvCreatorSalesLanding .template h1 .dividerBar {
    margin: 35px 40px 0;
    width: auto;
}

.cvCreatorSalesLanding .templateList {
    list-style: none;
    padding-left: 0;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 0 55px;
}

.cvCreatorSalesLanding .templateList input[type=radio] {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.cvCreatorSalesLanding .templateListHeading {
    text-transform: capitalize;
    font-size: 24px !important;
    line-height: 1.2;
    font-weight: 500;
    text-align: center;
    margin: 0 0 40px;
}

.cvCreatorSalesLanding .templateListItem {
    flex: 1 1 33.33%;
    padding: 15px;
    max-width: 410px;
    min-width: 352px;
}

.cvCreatorSalesLanding .templateListItem[data-template="1"] .templateImage {
    background-image: url("https://britishgrooms.org.uk/uploads/cvCreator/templates/1/04661c_2sides.png");
}

.cvCreatorSalesLanding .templateListItem[data-template="1"][data-color="3a33ff"] .templateImage {
    background-image: url("https://britishgrooms.org.uk/uploads/cvCreator/templates/1/3a33ff_2sides.png");
}

.cvCreatorSalesLanding .templateListItem[data-template="1"][data-color="04661c"] .templateImage {
    background-image: url("https://britishgrooms.org.uk/uploads/cvCreator/templates/1/04661c_2sides.png");
}

.cvCreatorSalesLanding .templateListItem[data-template="1"][data-color="a59f9f"] .templateImage {
    background-image: url("https://britishgrooms.org.uk/uploads/cvCreator/templates/1/a59f9f_2sides.png");
}

.cvCreatorSalesLanding .templateListItem[data-template="1"][data-color="070707"] .templateImage {
    background-image: url("https://britishgrooms.org.uk/uploads/cvCreator/templates/1/070707_2sides.png");
}

.cvCreatorSalesLanding .templateListItem[data-template="1"][data-color="1f0e89"] .templateImage {
    background-image: url("https://britishgrooms.org.uk/uploads/cvCreator/templates/1/1f0e89_2sides.png");
}

.cvCreatorSalesLanding .templateListItem[data-template="1"]:not(.optionSelected) .templateOptions>[for=template1ColorGreen] {
    border-color: #e95757;
}

.cvCreatorSalesLanding .templateListItem.optionSelected[data-template="1"]:not([data-color]) .templateOptions>[for=template1ColorGreen] {
    border-color: #e95757;
}

.cvCreatorSalesLanding .templateListItem[data-template="1"][data-color="1f0e89"] .templateOptions>[for=template1ColorNavyBlue],
.cvCreatorSalesLanding .templateListItem[data-template="1"][data-color="070707"] .templateOptions>[for=template1ColorBlack],
.cvCreatorSalesLanding .templateListItem[data-template="1"][data-color="a59f9f"] .templateOptions>[for=template1ColorGrey],
.cvCreatorSalesLanding .templateListItem[data-template="1"][data-color="3a33ff"] .templateOptions>[for=template1ColorRoyalBlue],
.cvCreatorSalesLanding .templateListItem[data-template="1"][data-color="04661c"] .templateOptions>[for=template1ColorGreen] {
    border-color: #e95757;
}

.cvCreatorSalesLanding .templateListItem[data-template="1"]:not(.optionSelected) .templateOptions>[for=template1Front]{
    color: #e95757;
	text-decoration: underline;
}
.cvCreatorSalesLanding .templateListItem.optionSelected[data-template="1"]:not([data-face]) .templateOptions>[for=template1Front]{
    color: #e95757;
	text-decoration: underline;
}

.cvCreatorSalesLanding .templateListItem[data-template="1"][data-face="front"] .templateOptions>[for=template1Front],
.cvCreatorSalesLanding .templateListItem[data-template="1"][data-face="back"] .templateOptions>[for=template1Back]{
    color: #e95757;
	text-decoration: underline;
}

.cvCreatorSalesLanding .templateListItem[data-template="1"][data-face=front] .templateImage {
    background-position: left top;
}

.cvCreatorSalesLanding .templateListItem[data-template="1"][data-face=back] .templateImage {
    background-position: right top;
}

.cvCreatorSalesLanding .templateListItem[data-template="2"] .templateImage {
    background-image: url("https://britishgrooms.org.uk/uploads/cvCreator/templates/2/04661c_2sides.png");
}

.cvCreatorSalesLanding .templateListItem[data-template="2"][data-color="3a33ff"] .templateImage {
    background-image: url("https://britishgrooms.org.uk/uploads/cvCreator/templates/2/3a33ff_2sides.png");
}

.cvCreatorSalesLanding .templateListItem[data-template="2"][data-color="04661c"] .templateImage {
    background-image: url("https://britishgrooms.org.uk/uploads/cvCreator/templates/2/04661c_2sides.png");
}

.cvCreatorSalesLanding .templateListItem[data-template="2"][data-color="a59f9f"] .templateImage {
    background-image: url("https://britishgrooms.org.uk/uploads/cvCreator/templates/2/a59f9f_2sides.png");
}

.cvCreatorSalesLanding .templateListItem[data-template="2"][data-color="070707"] .templateImage {
    background-image: url("https://britishgrooms.org.uk/uploads/cvCreator/templates/2/070707_2sides.png");
}

.cvCreatorSalesLanding .templateListItem[data-template="2"][data-color="1f0e89"] .templateImage {
    background-image: url("https://britishgrooms.org.uk/uploads/cvCreator/templates/2/1f0e89_2sides.png");
}

.cvCreatorSalesLanding .templateListItem[data-template="2"]:not(.optionSelected) .templateOptions>[for=template2ColorGreen] {
    border-color: #e95757;
}

.cvCreatorSalesLanding .templateListItem.optionSelected[data-template="2"]:not([data-color]) .templateOptions>[for=template2ColorGreen] {
    border-color: #e95757;
}

.cvCreatorSalesLanding .templateListItem[data-template="2"][data-color="1f0e89"] .templateOptions>[for=template2ColorNavyBlue],
.cvCreatorSalesLanding .templateListItem[data-template="2"][data-color="070707"] .templateOptions>[for=template2ColorBlack],
.cvCreatorSalesLanding .templateListItem[data-template="2"][data-color="a59f9f"] .templateOptions>[for=template2ColorGrey],
.cvCreatorSalesLanding .templateListItem[data-template="2"][data-color="3a33ff"] .templateOptions>[for=template2ColorRoyalBlue],
.cvCreatorSalesLanding .templateListItem[data-template="2"][data-color="04661c"] .templateOptions>[for=template2ColorGreen] {
    border-color: #e95757;
}

.cvCreatorSalesLanding .templateListItem[data-template="2"]:not(.optionSelected) .templateOptions>[for=template2Front]{
    color: #e95757;
	text-decoration: underline;
}
.cvCreatorSalesLanding .templateListItem.optionSelected[data-template="2"]:not([data-face]) .templateOptions>[for=template2Front]{
    color: #e95757;
	text-decoration: underline;
}
.cvCreatorSalesLanding .templateListItem[data-template="2"][data-face="front"] .templateOptions>[for=template2Front],
.cvCreatorSalesLanding .templateListItem[data-template="2"][data-face="back"] .templateOptions>[for=template2Back]{
    color: #e95757;
	text-decoration: underline;
}

.cvCreatorSalesLanding .templateListItem[data-template="2"][data-face=front] .templateImage {
    background-position: left top;
}

.cvCreatorSalesLanding .templateListItem[data-template="2"][data-face=back] .templateImage {
    background-position: right top;
}

.cvCreatorSalesLanding .templateListItem[data-template="3"] .templateImage {
    background-image: url("https://britishgrooms.org.uk/uploads/cvCreator/templates/3/04661c_2sides.png");
}

.cvCreatorSalesLanding .templateListItem[data-template="3"][data-color="3a33ff"] .templateImage {
    background-image: url("https://britishgrooms.org.uk/uploads/cvCreator/templates/3/3a33ff_2sides.png");
}

.cvCreatorSalesLanding .templateListItem[data-template="3"][data-color="04661c"] .templateImage {
    background-image: url("https://britishgrooms.org.uk/uploads/cvCreator/templates/3/04661c_2sides.png");
}

.cvCreatorSalesLanding .templateListItem[data-template="3"][data-color="a59f9f"] .templateImage {
    background-image: url("https://britishgrooms.org.uk/uploads/cvCreator/templates/3/a59f9f_2sides.png");
}

.cvCreatorSalesLanding .templateListItem[data-template="3"][data-color="070707"] .templateImage {
    background-image: url("https://britishgrooms.org.uk/uploads/cvCreator/templates/3/070707_2sides.png");
}

.cvCreatorSalesLanding .templateListItem[data-template="3"][data-color="1f0e89"] .templateImage {
    background-image: url("https://britishgrooms.org.uk/uploads/cvCreator/templates/3/1f0e89_2sides.png");
}

.cvCreatorSalesLanding .templateListItem[data-template="3"]:not(.optionSelected) .templateOptions>[for=template3ColorGreen] {
    border-color: #e95757;
}

.cvCreatorSalesLanding .templateListItem.optionSelected[data-template="3"]:not([data-color]) .templateOptions>[for=template3ColorGreen] {
    border-color: #e95757;
}


.cvCreatorSalesLanding .templateListItem[data-template="3"][data-color="1f0e89"] .templateOptions > [for=template3ColorNavyBlue],
.cvCreatorSalesLanding .templateListItem[data-template="3"][data-color="070707"] .templateOptions>[for=template3ColorBlack],
.cvCreatorSalesLanding .templateListItem[data-template="3"][data-color="a59f9f"] .templateOptions>[for=template3ColorGrey],
.cvCreatorSalesLanding .templateListItem[data-template="3"][data-color="3a33ff"] .templateOptions>[for=template3ColorRoyalBlue],
.cvCreatorSalesLanding .templateListItem[data-template="3"][data-color="04661c"] .templateOptions>[for=template3ColorGreen]{
    border-color: #e95757;
}
.cvCreatorSalesLanding .templateListItem[data-template="3"]:not(.optionSelected) .templateOptions>[for=template3Front]{
    color: #e95757;
	text-decoration: underline;
}

.cvCreatorSalesLanding .templateListItem.optionSelected[data-template="3"]:not([data-face]) .templateOptions>[for=template3Front]{
    color: #e95757;
	text-decoration: underline;
}
.cvCreatorSalesLanding .templateListItem[data-template="3"][data-face="front"] .templateOptions>[for=template3Front],
.cvCreatorSalesLanding .templateListItem[data-template="3"][data-face="back"] .templateOptions>[for=template3Back]{
    color: #e95757;
	text-decoration: underline;
}

.cvCreatorSalesLanding .templateListItem[data-template="3"][data-face=front] .templateImage {
    background-position: left top;
}

.cvCreatorSalesLanding .templateListItem[data-template="3"][data-face=back] .templateImage {
    background-position: right top;
}

.cvCreatorSalesLanding .templateListItem.templateSelected .templateImage .fa-check {
    display: block;
}

.cvCreatorSalesLanding .templateImage {
    display: flex;
    flex: 1 1 100%;
    max-width: 282px;
    overflow: hidden;
    height: 400px;
    background-image: url("https://britishgrooms.org.uk/uploads/cvCreator/templates/1/04661c_2sides.png");
    background-position: left top;
    background-size: 200% 100%;
    box-shadow: 0px 0px 50px -10px rgba(0, 0, 0, 0.6);
    justify-content: center;
    align-items: center;
    margin: 0 auto 25px;
}

.cvCreatorSalesLanding .templateImage .fa-check {
    display: none;
    z-index: 100;
    width: 30px;
    height: 30px;
    line-height: 1;
    font-size: 30px;
    color: #354759;
}

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

.cvCreatorSalesLanding .templateOptionsHeading {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.2;
    color: #e95757;
    text-align: center;
    margin: 0 0 15px;
}

.cvCreatorSalesLanding .templateOptions.color label {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-color: var(--template-color);
    border: 2px solid var(--template-color);
    border-radius: 50%;
    margin: 10px;
}

.cvCreatorSalesLanding .templateOptions.face {
    margin-bottom: 15px;
    color: #354759;
    font-weight: 500;
}

.cvCreatorSalesLanding .templateOptions.face label {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1.2;
    color: #9b9b9b;
}

.cvCreatorSalesLanding .templateOptions.face .divider {
    margin: 0 15px;
}

.cvCreatorSalesLanding .createCV {
    position: relative;
    padding: 0;
    text-align: center;
}

.cvCreatorSalesLanding .createCVTop {
    margin-bottom: -156px;
    padding: 70px 0 195px;
    color: #fff;
    position: relative;
}

.cvCreatorSalesLanding .createCVTop:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -70px;
	right: -70px;
    z-index: -1;
    background-color: #354759;
}

.cvCreatorSalesLanding .createCVBottom {
    margin-top: -156px;
    padding: 225px 0 85px;
    color: #354759;
    position: relative;
}

.cvCreatorSalesLanding .createCVBottom:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -70px;
	right: -70px;
    z-index: -1;
    background-color: #fff;
}

.cvCreatorSalesLanding .createCVHeading {
    text-align: center;
    font-size: 57px !important;
    line-height: 1.1 !important;
    text-transform: unset !important;
    margin: 0 auto 35px;
}

.cvCreatorSalesLanding .createCVIntro {
    max-width: 950px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 35px;
}

.cvCreatorSalesLanding .createCVTop p:first-child {
    color: #fff;
    margin-bottom: 35px;
}

.cvCreatorSalesLanding .createCVBottom p:first-child {
    color: #e95757;
    margin-bottom: 35px;
}

.cvCreatorSalesLanding .createCVBtnGroup {
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 800px;
    margin: 35px auto;
    flex-wrap: wrap;
}

.cvCreatorSalesLanding .createCVButton {
    text-transform: uppercase;
    background-color: #e95757;
    padding: 15px 35px;
    color: #fff;
    font-weight: bold;
    box-shadow: 10px 20px 40px 0px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    margin: 15px;
}

.cvCreatorSalesLanding .createCVImage {
    border-radius: 5px;
    display: block;
    margin: auto;
}

.cvCreatorSalesLanding .whyUse {
    position: relative;
    text-align: center;
    padding: 85px 0;
}

.cvCreatorSalesLanding .whyUseLogo {
    max-width: 320px;
    margin: 0 auto 50px;
}

.cvCreatorSalesLanding .whyUseLogo img {
    display: block;
}

.cvCreatorSalesLanding .whyUseLogo .dividerBar {
    margin: 0 0 35px;
}

.cvCreatorSalesLanding .whyUseLogo .dividerBar:before {
    background-color: #e2effc;
}

.cvCreatorSalesLanding .whyUseHeading {
    text-align: center;
    font-size: 57px !important;
    line-height: 1.1 !important;
    text-transform: unset !important;
    margin: 0 auto 35px;
}

.cvCreatorSalesLanding .whyUseList {
    list-style: none;
    padding-left: 0;
    display: flex;
    justify-content: space-around;
    margin: 60px auto 25px;
    flex-wrap: wrap;
}

.cvCreatorSalesLanding .whyUseListIcon {
    width: 21px;
    display: block;
    margin: 0 auto;
}

.cvCreatorSalesLanding .whyUseListHeading {
    color: #e95757;
    text-transform: unset !important;
    font-size: 37px !important;
    line-height: 1.5 !important;
}

.cvCreatorSalesLanding .whyUseList .dividerBar {
    margin: 0 0 35px;
}

.cvCreatorSalesLanding .whyUseList .dividerBar:before {
    background-color: #354759;
}

.cvCreatorSalesLanding .whyUseListItem {
    min-height: 350px;
    background-color: #354759;
    flex: 1 1 300px;
    max-width: 300px;
    margin: 0 0 35px;
    padding: 18px;
}

.cvCreatorSalesLanding .whyUseListText {
    color: #fff;
    font-size: 20px;
    line-height: 1.2;
    text-align: center;
}

.cvCreatorSalesLanding .whyUseBtnGroup {
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 800px;
    margin: 35px auto;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.cvCreatorSalesLanding .whyUseButton {
    text-transform: uppercase;
    background-color: #e95757;
    padding: 15px 35px;
    color: #fff;
    font-weight: bold;
    box-shadow: 10px 20px 40px 0px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    margin: 15px;
}

.cvCreatorSalesLanding .whyUse:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
	left: -70px;
	right: -70px;
    z-index: -1;
    background-color: #e2effc;
}


/* Health yard healthy horses news page */

body.hyhh .newsAdverts{
	display:none;
}

body.hyhh .typicalHeroImageHyhh{
	display: block !important;
}

body.hyhh .typicalHeroImageNews,
body.hyhh .typicalHeroSpace{
	display: none;
}




body .mainNewsImage svg{
	clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

body.hyhh .mainNewsImage img{
  filter: grayscale(100%) url(#svgTint);
  /* -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%; */
}


/* Health yard healthy horses page */
body .hyhh {
  padding: 60px 0;
  max-width: 1045px;
}

.hyhhSearch {
  background-color: #233e6b;
  color: #fff;
  padding: 60px 60px 50px;
  margin-top: 25px;
  margin-bottom: 50px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
}

.hyhhSearchLabel {
  display: inline-block;
  font-size: 24px;
  font-weight: normal;
  width: 290px;
  padding: 20px 0;
  text-align: center;
  position: relative;
  background-color: #009ee2;
  position: absolute;
  top: -35px;
  left: 0px;
}
.hyhhSearchLabel:before, .hyhhSearchLabel:after {
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  background-color: #009ee2;
  position: absolute;
  transform: skew(-15deg);
  top: 0;
}
.hyhhSearchLabel:before {
  right: -9px;
}
.hyhhSearchLabel:after {
  right: -45px;
}

.hyhhSearchBox {
  background-color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-right: 20px;
  margin-right: 60px;
  border-radius: 4px;
  flex: 1 1 auto;
}

.hyhhSearchIcon {
  font-size: 30px;
  color: #009ee2;
  font-weight: bold;
}

.hyhhSearchInput {
  padding: 23px 20px;
  border: 0 none;
  box-shadow: none;
  margin-right: 20px;
  font-size: 16px;
  line-height: 23px;
  border-radius: 4px;
  flex: 1 1 auto;
  width: 50px;
}
.hyhhSearchInput:focus {
  outline: 0 none;
}

.hyhhSearchButton {
  background-color: #009ee2;
  padding: 25px 60px;
  color: #fff;
  font-size: 18px;
  border: 0 none;
  outline: 0 none;
  font-weight: bold;
  cursor: pointer;
}
.hyhhSearchButton:focus {
  outline: 0 none;
}
.hyhhSearchButton:hover {
  background-color: #008cc9;
}

.hyhhIntro h1 {
  font-size: 38px;
  font-weight: normal;
  text-transform: unset;
  color: #009ee2;
  margin-bottom: 30px;
}


.hyhhIntro {
	margin-bottom: 30px;
}


.hyhhIntro p {
  font-size: 16px;
  margin-bottom: 20px;
}
.hyhhIntro p:nth-of-type(1) {
  font-size: 22px;
  color: #233e6b;
  line-height: 1.4;
}
.hyhhIntro p:nth-of-type(2) {
  font-size: 16px;
  color: #666768;
}
.hyhhIntro p:nth-of-type(3) {
  font-size: 16px;
  color: #009ee2;
  font-weight: bold;
}
.hyhhResultsHeading {
  color: #009ee2;
  margin: 0;
  font-size: 30px;
  line-height: 1.2;
  text-transform: unset;
  color: #009ee2;
  font-weight: normal;
  margin-bottom: 40px;
}
.hyhhResultsList {
  list-style: none;
  padding-left: 0;
}
.hyhhArticle {
  border-bottom: 5px solid #233e6b;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-bottom: 45px;
  display: flex;
}

.hyhhArticleInfo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1 1 auto;
}
.hyhhArticleInfo p:last-child:after {
  content: " ...";
}

.hyhhArticleHeading {
  color: #233e6b;
  margin: 0 0 10px;
  font-size: 21px;
  line-height: 1.2;
}
.hyhhArticleImage {
  border-bottom: 5px solid #233e6b;
  padding-bottom: 5px;
  margin-right: 20px;
  margin-bottom: 20px;
  height: 120px;
  width: 225px;
  position: relative;
}
.hyhhArticleImage:hover {
  border-bottom-color: #009ee2;
}

.hyhhArticleImage svg {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.hyhhArticleImage img {
  filter: grayscale(100%) url(#svgTint);
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.hyhhArticleDate {
  text-transform: uppercase;
  /* display: none; */
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.hyhhArticleDate .super {
  font-size: 10px;
  vertical-align: super;
}
.hyhhArticleSnippet {
  margin-top: 20px;
}
.hyhhArticleSnippet p {
  margin: 0 0 10px;
}
.hyhhArticleReadMore {
  color: #233e6b;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
  font-weight: bold;
  margin-left: auto;
}


.hyhhArticleReadMore:after {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  margin-left: 5px;
}
.hyhhArticleReadMore:hover {
  color: #009ee2;
}
.hyhhCategories {
  list-style: none;
  padding-left: 0;
  display: flex;
  justify-content: space-between;
  margin: 0 -20px 20px;
}

.hyhhCategory {
  display: inline-flex;
  flex-direction: column;
  cursor: pointer;
  margin: 20px;
  position: relative;
}

.hyhhCategory:before,
.hyhhCategory:after{
    content: "";
    display: block;
    width: 15px;
    height: 60px;
    position: absolute;
    transform: skew(-15deg);
    bottom: 0;
}

.hyhhCategory:before{
	left: 65%;
}

.hyhhCategory:after{
	left: 75%;
}

.hyhhCategory:nth-of-type(1):before,
.hyhhCategory:nth-of-type(1):after{
    background-color: #009ee2;

}

.hyhhCategory:nth-of-type(2):before,
.hyhhCategory:nth-of-type(2):after{
    background-color: #233e6b;

}

.hyhhCategory:nth-of-type(3):before,
.hyhhCategory:nth-of-type(3):after{
    background-color: #fff;

}

.hyhhCategory:hover {
  color: #009ee2;
}

.hyhhCategory:hover .hyhhCategoryHeading,
.hyhhCategory:hover .hyhhCategoryImage{
	box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.75);
}

.hyhhCategoryImage{
	border-radius: 4px;
}

h3.hyhhCategoryHeading {
  display: inline-block;
  font-size: 20px;
  font-weight: normal;
  text-transform: unset;
  background-color: #009ee2;
  color: #fff;
  padding: 10px 20px;
  position: relative;
  margin: 0 0 -25px;
  max-width: 60%;
}

.hyhhCategoryHeading:after {
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  background-color: #009ee2;
  position: absolute;
  transform: skew(-15deg);
  top: 0;
  right: -9px;
}
.hyhhPagination {
  list-style: none;
  padding-left: 0;
  display: flex;
  justify-content: space-between;
  max-width: 400px;
  margin: 30px auto;
}
.hyhhPagination li {
  font-weight: bold;
  color: #233e6b;
  min-width: 40px;
  margin: 0 5px;
  cursor: pointer;
}

.hyhhPagination li:before, .hyhhPagination li:after {
  font-family: "Font Awesome 5 Pro";
}

.hyhhPagination li:hover {
  color: #009ee2;
}

.hyhhPagination .disabled {
  color: #ccc !important;
  cursor: not-allowed;
  background-color: transparent;
  opacity: 0.8;
}
.hyhhPaginationFirst:before, .hyhhPaginationFirst:after {
  float: left;
}
.hyhhPaginationFirst:before {
  content: "\f323";
  margin-right: 5px;
}
.hyhhPaginationPrev:before {
  content: "\f053";
  margin-right: 5px;
}

.hyhhPaginationCurrent {
  text-decoration: underline;
  text-align: center;
}
.hyhhPaginationPage {
  text-align: center;
  font-weight: normal !important;
}
.hyhhPaginationPage:hover {
  text-decoration: underline;
}
.hyhhPaginationNext:after {
  content: "\f054";
  margin-left: 5px;
}

.hyhhPaginationLast:before, .hyhhPaginationLast:after {
  float: right;
}


.hyhhPaginationLast:after {
  content: "\f324";
  margin-left: 5px;
}




.hyhh .redheaders > h1,
.hyhh .redheaders > h2,
.hyhh .redheaders > h3,
.hyhh .redheaders > h4,
.hyhh .redheaders > h5 {
	color: #354759 !important;
}

.hyhh .infoBox.redBox,
.hyhh .infoBox.greyBox,
.hyhh .infoBox.greenBox,
.hyhh .infoBox.purpleBox {
	background-color: #bed8ef;
}

.hyhh .infoBox.blueBox h4,
.hyhh .infoBox.redBox h4,
.hyhh .infoBox.greyBox h4,
.hyhh .infoBox.greenBox h4,
.hyhh .infoBox.purpleBox h4 {
	background-color: #3d5b74;
    color: #fff !important;
}

.hyhh .quoteTemplateContainer.redQuote:before {
	background: url("/assets/img/templateImages/conversation-mark-03.svg");
}
.hyhh .quoteTemplateContainer.redQuote:after {
	background: url("/assets/img/templateImages/conversation-mark-04.svg");
}

.hyhh .typicalColRight img.responsiveImage{
	filter: grayscale(100%) url(#svgTint);
}


.contentGrid{
	display: -ms-grid;
    display: grid;
    -ms-grid-columns: 61% 27% 12%;
    -ms-grid-rows: 45px 1fr 33%;
    grid-template-columns: 61% 27% 12%;
    grid-template-rows: 45px 1fr 33%;
    grid-column-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
	grid-template-areas:
    "header header header"
    "blurb image space"
    "banner banner space";
	padding: 50px 30px 0;
}


.contentGridHeader{
	-ms-grid-column: 1;
  	-ms-grid-column-span: 3;
  	-ms-grid-row: 1;
	grid-area: header;

}
.contentGridHeader h1{

}

.contentGridBlurb{
	-ms-grid-column: 1;
  	-ms-grid-row: 2;
	grid-area: blurb;
}

.contentGridBlurb p{
    font-size: 1.5em;
    line-height: 1.4em;
    font-weight: 300;
    letter-spacing: 0.2px;
}

.contentGridImage{
	-ms-grid-column: 2;
  	-ms-grid-row: 2;
	grid-area: image;
	align-self: end;
}

.contentGridImage img{
	object-fit: contain;
	object-position: left bottom;
	height: 100%;
    width: 100%;
	display: inline-block;
    margin-bottom: -10px;
	-webkit-filter: drop-shadow(-20px -5px 15px rgba(0,0,0, .5));
    filter: drop-shadow(-20px -5px 15px rgba(0,0,0, .5));
}

.contentGridBanner{
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
  	-ms-grid-row: 3;
	grid-area: banner;
	align-self: start;
	background-color: #354759;
	color: #FFFFFF;
    padding: 30px 40px;
    border-radius: 10px 35px 35px 35px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
	justify-content: space-between;
    align-items: center;
    position: relative;
	column-gap: 30px;
}

.contentGridBannerIcon{
	font-size: 50px;
	width: fit-content;
    background-color: #FFFFFF;
    border-radius: 100%;
    padding: 13px 12px 10px;
    display: inline-flex;
}

.contentRed .contentGridBannerIcon{
    color: #e95857;
}
.contentOrange .contentGridBannerIcon{
	color: #eb8623;
}
.contentGridBannerText{
    line-height: 1.3em;
    font-size: 1.7em;
    font-weight: 500;
}

/* KBIS Theme */

.kbis .insurancePoints .redTickWhiteCircle,
.kbis .membershipPointBox .redTickWhiteCircle{
	color: #337cc0;
}

.kbis .membershipPage a{
	color: #337cc0;
}

.kbis .membershipPage .btnBlue{
	color: #fff;
}

.kbis .userAreaActionButton.blue{
	background-color: #354759;
	color: #fff;
}

.kbis .insuranceDetailsSection.membershipDetails .areYouSureArea .headerText{
	color: #354759;
}

.kbis .membershipPage .areYouSureArea{
	border-color:  #354759;
}

.kbis .quoteTemplateContainer.redQuote:before{
	background: url("/assets/img/templateImages/conversation-mark-03.svg");
}

.kbis .quoteTemplateContainer.redQuote:after{
	background: url("/assets/img/templateImages/conversation-mark-04.svg");
}


.kbis .simpleQuoteTemplate td.redQuote{
	background-color: #354759;
}

.kbis .insuranceVideoSection h2 span{
	color: #337cc0;
}

.kbis .advancedFormHeading{
	color: #73c5d5;
}

.kbis .advancedForm .cyanCheck input[type="checkbox"]:checked + label:before {
    background: #fff;
}

.kbis .advancedForm .advancedHighlightedRadio input[type="radio"]:checked + label:after,
.kbis .advancedForm .cyanCheck input[type="checkbox"]:checked + label:after{
	color: #73c5d5;
}

.kbis .advancedForm .cyanCheck input[type="checkbox"]:checked + label:after,
.kbis .advancedForm .advancedCheckbox input[type="radio"] + label:after{
	left: 6px;
    top: 11px;
}

.kbis .advancedForm .advancedHighlightedRadio input[type="radio"]:hover + label:before,
.kbis .advancedForm .advancedCheckbox input[type="checkbox"]:hover + label:before,
.kbis .advancedForm .advancedCheckbox input[type="radio"]:hover + label:before{
	background: #73c5d5;
}

.kbis .advancedMembershipOption > a{
	background-color: #73c5d5;
}

.kbisSection .importantInformation{
	border-color:  #354759;
}

.kbisSection .advancedForm .advancedFormTitle > h2{
	background-color: #73c5d5;
}

.kbisSection #membershipForm .advancedFormTitle .kbisLogo{
	right: 5px;
    top: 3px;
	float:right;
	width:100px;
	border-radius:8px;
	position: relative;
	margin-left: 20px;

}

.kbisSection .consentRights{
	margin-right: 40px;
	padding-left: 60px;
	list-style-type: lower-alpha;
}
.kbisSection .consentRights li{
	margin-bottom: 15px;
}

.kbisSection .membershipPathwayButton{
	background-color: #73c5d5;
}

.kbis .insuranceVideoSection{
	border-color:  #354759;
}

.kbisShow{
	display: none !important;
}

.kbis .kbisShow{
	display: block !important;
}

.kbis .kbisHide{
	display: none !important;
}

.kbis .advancedForm .advancedCheckbox input[type="checkbox"]:checked + label:before,
.kbis .advancedForm .advancedCheckbox input[type="radio"]:checked + label:before {
	background: #fff;
}

.kbis .advancedForm .advancedCheckbox input[type="checkbox"]:checked + label:after,
.kbis .advancedForm .advancedCheckbox input[type="radio"] + label:after{
	top: 10px;
}

.kbis .advancedForm .advancedHighlightedRadio input[type="radio"]:checked:hover + label:before,
.kbis .advancedForm .advancedCheckbox input[type="checkbox"]:checked:hover + label:before,
.kbis .advancedForm .advancedCheckbox input[type="radio"]:checked:hover + label:before{
    background: #fff;
}

/* MEDIA QUERIES */


@media (max-width : 1366px) {
	.membershipPage .container {
		padding: 20px 20px 0;
		box-sizing: border-box;
	}

	.insuranceDetailsSection.membershipDetails {
		margin-bottom:initial;
	}

}

@media (max-width : 1266px) {

	.costSection.newVersion {
		width:100%;
		box-sizing: border-box;
	}

	.pricingText {
		font-size: 34px;
		line-height: 46px;
	}
	.membershipPage .optionTitle h3 {
		font-size: 48px!important;
	}

	.membershipPage .membershipOptionsPage .optionTitle h3 {
		font-size:32px!important;
	}

	.membershipPage .optionTitle img {
		width: 48px;
	}

	.costItem {
		font-size:3.6vw;
	}

	.imageSide .membershipImage {
		height:auto;
		max-height: 270px;
		/* height: calc(100% - 160px); */
	}

	.areYouSureArea .textSide.headerSection {
		width:100%;
	}
}

@media (max-width : 1160px) {
	.membershipPage .memberBoxSmall p {
		font-size: 16px;
		line-height: 26px;
		margin: 10px 0;
	}

	.pricingText {
		font-size: 28px;
		line-height: 38px;
	}

	.membershipPage .optionTitle h3 {
		font-size: 38px!important;
	}

	.memberBoxContain .halfBox {
		height: 325px;
	}

	.membershipPricings .insurancePoints li {
		font-size: 14px;
	}

	.insurancePoints .redTickWhiteCircle {
		margin: 1px 10px auto 0;
	}

	.memberBoxSmall ul.insurancePoints {
		height: 340px;
	}

	.membershipOptionsPage .memberBoxContain .halfBox {
		height: 225px;
	}

	.memberBoxSmall.membershipOptionsPage ul.insurancePoints {
		height: 400px;
	}
}

@media (max-width: 980px) {
	.hyhhCategories {
		justify-content: center;
		flex-wrap: wrap;
	}
}

@media (max-width: 960px) {

	/* no member access */

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

}

@media (max-width: 950px) {


	.headerTab .text {
		font-size:13px;
	}

	.sevenTenthsBox {
		padding-bottom: 200px;
		width:100%;
	}

	.spacedItems.pricing.newVersion {
		flex-direction: column;
	}

	.newVersion .spacedItems.pricing .itemGroup {
		width:100%;
		margin-bottom:20px;
	}

	img.responsiveImage.shadowedFloat {
		bottom:0;
		left:0;
		right:0;
		margin:auto!important;
		width: 200px!important;
		max-width: initial!important;
	}

	img.fillerImageOnBanner {
		left:0;
		right:0;
		margin:auto;
	}

	#clarityChart:not(.inPopup) {
		display:none;
	}

	.membershipPage .innerContainer.membershipPointBox.blue {
		/* this is needed for /join-now/membership-options/standard-membership do not delete */
		margin-top: 310px;
	/* 	margin-bottom: 70px; */
	}

	.areYouSureArea .textSide:not(.headerSection) {
		margin-bottom: 240px;
    	width: 100%;
	}

	.membershipOptionsPage .memberBoxContain .halfBox {
		height: 215px;
	}

	/* .imageSide .membershipImage {
		display:none;
	}

	.membershipImageMobile {
		display: block;
		position: absolute;
		bottom: 100%;
		margin: auto auto auto;
		left: 0;
		right: 0;
	} */

	.insuranceDetailsSection.membershipDetails {
		padding: 40px 30px;
	}

	.membershipPage .memberBoxRight.silverPage {
		width: inherit;
		right: inherit;
	}

	.leftSide .insurancePoints li {
		font-size:18px;
		padding: 6px 0;
	}

	.insuranceDetailsTableContainer::-webkit-scrollbar {
		-webkit-appearance: none;
	}

	.insuranceDetailsTableContainer::-webkit-scrollbar:horizontal {
		height: 12px;
	}

	.insuranceDetailsTableContainer::-webkit-scrollbar:vertical {
		height: 0;
		width:0;
	}

	.insuranceDetailsTableContainer::-webkit-scrollbar-thumb:horizontal {
		background-color: rgba(0, 0, 0, .5);
		border-radius: 10px;
		border: 2px solid #ffffff;
	}

	.insuranceDetailsTableContainer::-webkit-scrollbar-track:horizontal {
		/* border-radius: 10px;   */
		background-color: #ffffff;
	}

	.membershipPage .memberMainContentBox {
		width: 100%;
		min-height:initial!important;
		/* padding-bottom: 10px!important; */
	}


	.membershipPage .freelanceGroomsToolkit .memberMainContentBox{
		padding-bottom: 20px;
	}
	.membershipPage .freelanceGroomsToolkit .memberBoxRight.largerImage{
		width: 80%;
	}

	.membershipPage .insuranceDetailsSection .buttonSet a.userAreaActionButton {
		width:100%;
	}

	.membershipPage .typicalHero .typicalHeroSpace {
		padding:10px;
	}

	.membershipPage .typicalHero .typicalHeroSpace .typicalHeroText {
		font-size:2.2em;
	}

	.userAreaContainer .details.pageTitle {
		margin-bottom: 30px;
		width: 100%;
	}

	.userAreaContainer .thirdItem.dashboardTile, .userAreaContainer .thirdItem.userAreaItem {
		width: calc((100%/2) - (34px/2));
		height: 360px;
	}

	.tilesContainer .thirdItem:nth-child(2), .tilesContainer .thirdItem:nth-child(5)  {
		margin: initial;
	}

	.tilesContainer .thirdItem:nth-child(1),.tilesContainer .thirdItem:nth-child(2), .tilesContainer .thirdItem:nth-child(3) {
		margin: initial;
	}

	.tilesContainer .thirdItem:nth-child(2), .tilesContainer .thirdItem:nth-child(4), .tilesContainer .thirdItem:nth-child(6)  {
		margin-left: 34px;
	}

	.tilesContainer .thirdItem:nth-child(1),.tilesContainer .thirdItem:nth-child(2), .tilesContainer .thirdItem:nth-child(3), .tilesContainer .thirdItem:nth-child(4) {
		margin-bottom: 40px;
	}

	.userAreaContainer .thirdItem.details {
		width:100%;
	}

	.userAreaContainer .membershipNumber {
		margin:0;
		width: 100%;
	}

	.userAreaContainer .salutations {
		margin-bottom: 40px;
	}

	.tileTitle {
		font-size: 28px;
	}

	.userAreaContainer {
		padding: 26px 12px;
	}

	.backToDashboard {
		font-size: 18px;
	}

	.userAreaContainer .halfItem {
		width: 100%;
	}

	.userItemColumn.rightSide, .userItemColumn.leftSide {
		padding:0;
		margin-bottom: 20px;
	}

	.userAreaItem {
		padding: 48px 28px 24px;
	}



	#dashboardHero {
		padding: 72px 12px;
	}

	.userAreaContainer .salutations, .userAreaContainer .customPageTitle {
		font-size: 34px;
	}

	.membershipPage .typicalHero {
		overflow:initial;
		margin:0;
	}

	.membershipPage .typicalHeroImage img {
		border-radius:0;
		display:none;
	}

	.membershipPage .typicalHero .typicalHeroSpace {
		margin: 0 auto;
		max-width:initial;
	}

	.membershipSubsection {
		padding: 20px 0!important;
	}

	.membershipPage h2.memberzoneHeader {
		text-align:center;
		font-size: 1.7em!important;
		margin: 10px 0 30px;
		letter-spacing: 1px;
	}

	.membershipPage .memberMainContentBox p, .membershipPage p.signUpText {
		font-size: 1.1em;
	}

	.membershipPage .membershipImage {
		margin-top: auto;
	}

	.membershipPage .memberBoxRight {
		width: 250px;
		right: initial;
		margin: auto;
		float: initial;
	}

	.membershipPage .innerContainer {
		width: 100%;
	}

	.membershipPointBox {
		font-size:1em;
	}

	.membershipPointBox .leftSide {
		width:100%;
		padding:0 40% 0 0;
	}

	.membershipPointBox .rightSide {
		width:100%;
		margin-top:20px;
	}


	.costSection {
		width:100%;
	}

	.membershipPage .typicalHeroImage.noBgImage {
		background-image: none;
		height:auto;
	}

	.membershipPage .typicalHeroImage {
		background-image: url("/uploads/img/Membership%20images/main_desktop_header_image%402x.png");
		background-repeat:no-repeat;
		background-position: right;
		background-size: cover;
		height:260px;
		overflow: hidden;
	}

	.membershipPointBox .rightSide img {

		top: auto;
		left: auto;
		bottom: 100%;
		height: 42vw;
		width: auto;

	}

	.membershipPointBox.large {
		padding:30px 20px 10px;
		border-radius: 10px 45px 45px 45px;
	}

	.videoContainer.playing:hover .pauseButton{
		opacity: 0 !important;
	}

	.membershipPage .insuranceVideoSection{
		padding: 0 20px 20px;
		border-radius: 10px 45px 45px 45px;
		margin-top: 90px;
		margin-bottom: 60px;
	}

	.membershipPage .insuranceVideoSection.liability {
		margin-top: -50px;
		margin-bottom: 50px;
	}

	.membershipPointBox .whiteInnerBox {
		padding: 30px;
		font-size: 18px;
		line-height: 28px;
		border-radius: 15px 30px 30px 30px;
		margin-bottom: 10px;
	}

	.leftSide .insurancePoints .redTickWhiteCircle {
		margin: 4px 10px auto 0;
	}

	.membershipPage .memberBoxSmall {
		flex-direction:column;
		margin-bottom:40px;
	}

	.membershipPage .memberBoxContain {
		margin: 0 10px 100px;
		padding: 30px 26px 20px;
		border-radius: 10px 70px 10px 10px;
	}

	.membershipPage .optionTitle h3 {
		font-size: 40px!important;
	}

	.membershipPage .optionTitle img {
		width: 58px;
	}

	.pricingText {
		font-size: 32px;
		line-height: 43px;
		margin: 15px 0px;
	}

	.membershipOptionsPage  .pricingText {
		font-size: 30px;
		line-height: 42px;
		margin: 5px 0px;
	}

	.pricingText span {
		font-size: 30px;
	}

	.membershipPage .memberBoxContain.slick-current {
		-webkit-box-shadow: 0px 35px 70px -35px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 35px 70px -35px rgba(0,0,0,0.75);
		box-shadow: 0px 35px 70px -35px rgba(0,0,0,0.75);
	}

	.memberBoxSmall.membershipPricings .slick-list {
		margin-left: calc(50% - 50vw);
    	margin-right: calc(50% - 50vw);
	}

	.membershipPage .buttonContainer {
		margin-top: 30px;
	}

	.membershipPricings  ul.slick-dots {
		list-style: none;
		display: flex!important;
		flex-direction: row;
		padding: 0;
		justify-content: center;
		margin: 0;
	}

	.membershipPricings  ul.slick-dots li {
		content: '';
	}

	.membershipPricings  ul.slick-dots li {
		background-color:#DDDDDD;
		border-radius:100%;
	}

	.membershipPricings  ul.slick-dots li.slick-active {
		background-color:#E95757;
	}

	.membershipPricings .slick-dots
	{
		position: absolute;
		bottom: 5px;

		display: block;

		width: 100%;
		padding: 0;
		margin: 0;

		list-style: none;

		text-align: center;
	}
	.membershipPricings .slick-dots li
	{
		position: relative;

		display: inline-block;

		width: 16px;
		height: 16px;
		margin: 0 15px;
		padding: 0;

		cursor: pointer;
	}
	.membershipPricings .slick-dots li button
	{
		font-size: 0;
		line-height: 0;

		display: block;

		width: 20px;
		height: 20px;
		padding: 5px;

		cursor: pointer;

		color: transparent;
		border: 0;
		outline: none;
		background: transparent;
	}
	.membershipPricings .slick-dots li button:hover,
	.membershipPricings .slick-dots li button:focus
	{
		outline: none;
	}
	.membershipPricings .slick-dots li button:hover:before,
	.membershipPricings .slick-dots li button:focus:before
	{
		opacity: 1;
	}

	.freelanceGroomsToolkit .actionButton{
		margin-top: -20px;
		margin-bottom: 20px;
	}

	.memberBoxSmall ul.insurancePoints {
		height:295px;
		border-radius: 0;
		width: calc(100% + 52px);
		margin: 0px 0 30px -26px;
	}

	.memberBoxSmall.membershipOptionsPage ul.insurancePoints {
		width: calc(100% + 60px);
		margin: 0px 0 30px -30px;
	}

	.membershipPointBox .leftSide p.membershipSectionHeader {
		font-size: 26px;
		line-height: 36px;
	}

	.membershipPointBox .leftSide p {
		font-size: 20px;
		line-height: 32px;
	}

	.leftSide .insurancePoints li {
		padding: 9px 0;
		font-size: 18px;
	}

	.membershipPage .membershipDetails .areYouSureArea a.userAreaActionButton {
		margin-right: 0;
	}

	.insuranceVideoSection h2 {
		margin-bottom: 30px;
	}

	.insuranceVideoSection .large{
		margin-bottom: 30px;
	}


	/* Content Grid */

	.contentGrid {
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		align-items: center;
		padding: 30px 30px 0;
		margin-bottom: -20px;
	}

	.contentGridHeader{
		align-self: stretch;
		text-align: center;
	}

	.contentGridImage{
		align-self: auto;
		height:350px;
	}

	.contentGridImage img {
		object-fit: contain;
		object-position: center bottom;
		height: 100%;
		width: 100%;
		display: inline-block;
		margin: 0px;
	}

	.contentGridBlurb p {
		font-size: 1.1em;
	}

	.contentGridBannerText{
		font-size: 16px;
	}

	/* Review Carousel */

	.reviewCarousel {
		margin-right: 0;
		padding: 0 70px;
		/* margin-bottom: 120px; */
	}


	.reviewCarousel {
		padding: 0 !important;
		display: flex;
		flex-direction: column;
	}
	.reviewCarousel h2{
		margin-bottom: 40px;
	}
	.reviewCarousel h2{
		text-align: center;
		padding-left: 20px;
		padding-right: 20px;
		margin-top: -30px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom:  30px;

	}

	.reviewCarouselList{
		margin-top: 0;
		margin-left: -4vw;
		margin-right: -4vw;
	}

	.reviewCarouselListItem h3{
		padding: 15px 20px;
	}

	.reviewCarouselList .reviewCarouselImg{
		width: auto;
		max-width: 100%;
		/* height: 430px; */
		margin: 20px auto 0;
	}

	/* .reviewCarouselList.slick-slider{

	} */

	.reviewCarouselList .slick-list{
		/* margin-left: -70px;
		margin-right: -70px;		 */
		/* max-height: 660px; */
	}

	.reviewCarouselList .slick-track{
		/* height: 660px; */
		/* flex-direction: column; */
	}

	.reviewCarouselList .slick-slide{
		margin: 30px 15px 15px;
		padding: 30px;
		/* max-width: 450px !important; */
		min-height: 625px;
		max-width: 70%;
	}



	.reviewCarouselList .slick-slide:focus{
		outline: 0 none;
	}

	.reviewCarouselList .slick-slide > p{
		text-align: center;
		margin: 0;
	}

	.reviewCarouselList .slick-dots{
		list-style: none;
		padding-left: 0;
		margin-top: 20px;
		text-align: center;
	}


	.reviewCarouselList .slick-dots li + li{
		margin-left: 30px;
	}


	.reviewCarouselList .slick-dots li{
		background: #eceff1;
		border-radius: 50%;
		width: 25px;
		height: 25px;
		padding: 0;
		display: inline-block;
		font-size: 0;
	}




	.themeRed .reviewCarouselList .slick-dots .slick-active{
		background: #385d77;
	}

	.themeBlue .reviewCarouselList .slick-dots .slick-active{
		background: #E95757;
	}

	.reviewCarouselList .slick-dots button{
		appearance: none;
		background: transparent;
		border: 0 none;
		outline: 0 none;
		font-size: 0;
	}
	.reviewCarouselList .slick-dots button:focus{
		outline: 0 none;
	}

	.hyhhArticle {
		flex-wrap: wrap;
	}

	.hyhhArticleInfo {
		flex-basis: 100%;
	}

}

@media (max-width: 920px) {
    .cvCreatorSalesLanding .template h1 {
        font-size: 37px !important;
    }

    .cvCreatorSalesLanding .template h1 {
        font-size: 57px !important;
    }

    .cvCreatorSalesLanding .createCVHeading {
        font-size: 37px !important;
    }

    .cvCreatorSalesLanding .whyUseHeading {
        font-size: 37px !important;
    }

    .cvCreatorSalesLanding .whyUseListItem {
        margin: 0 35px 35px;
    }

}

@media (max-width: 825px) {
	.hyhh {
		padding: 30px 0;
	}

	.hyhhSearch {
		padding: 45px 40px 35px;
	}

	.hyhhSearchLabel {
		padding: 15px 0;
	}

	.hyhhSearchBox {
		margin-right: 40px;
	}

	.hyhhSearchIcon {
		font-size: 25px;
	}

	.hyhhSearchInput {
		padding: 15px 10px;
	}

	.hyhhSearchButton {
		padding: 15px 30px;
	}
}

@media(max-width: 768px){


	/* cc cookie override */

	:root .cc-cookies {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		height: auto;
	}

	:root .cc-cookies .mobileShow{
		height: 10px;
	}
	:root .cc-cookies .cc-cookie-accept{
		margin-bottom: 0;
	}

	.userAreaHeadTable{
		display: flex !important;
		row-gap: 20px;
	}
	.userAreaHeadTableRow{
		display: flex;
		flex-wrap: wrap;
		row-gap: 20px;
	}


	.userAreaHeadTableCell{
		flex: 1 1 100%;
		display: block;
		min-width: 100%;
	}
	.userAreaHeadTableCell:first-child,
	.userAreaHeadTableRow:nth-of-type(1) .userAreaHeadTableCell{
		    padding: 0;
	}

	.userAreaHeadTableCell:last-child{
		width: auto;
	}

	.userAreaHeadTableCell p{
		text-align: center;
	}

}




@media(max-width: 700px){

	.kbis .insuranceDetailsSection.membershipDetails .costItem{
		font-size: 1.4em;
	}
}




@media(max-width: 660px){

	.contentGrid {
		padding: 20px 0;
	}

}

@media (max-width: 620px) {

	.mainMenuContainer {
		top: 95px !important;
	}

	.home .mainMenuContainer {
		top: 115px !important;
	}

	.costSection hr {
		margin: 0 10px
	}

	.membershipPage .insuranceDetailsSection .buttonSet a.userAreaActionButton {
		font-size: 1.2em;
	}

	.insuranceDetailsSection td {
		font-size: .9em;
	}

	/* .membershipPointBox .rightSide img {
		left: 30px;
	} */

	.membershipPage .typicalHero .typicalHeroSpace {
		top:initial;
	}

	.spacedItems.pricing .itemGroup {
		width:100%;
	}

	.membershipPage .typicalHeroImage {
		background-image:url("/uploads/img/Membership%20images/main_mobile_header_image%402x.png");
		height: 425px;
	}

	.userAreaContainer .thirdItem.dashboardTile, .userAreaContainer .thirdItem.userAreaItem {
		width: calc((100%/2) - (12px/2));
		height: 220px;
	}

	.tilesContainer .thirdItem:nth-child(2), .tilesContainer .thirdItem:nth-child(4), .tilesContainer .thirdItem:nth-child(6)  {
		margin-left: 12px;
	}

	.tilesContainer .thirdItem:nth-child(1),.tilesContainer .thirdItem:nth-child(2), .tilesContainer .thirdItem:nth-child(3), .tilesContainer .thirdItem:nth-child(4), .tilesContainer .thirdItem:nth-child(5), .tilesContainer .thirdItem:nth-child(6), .tilesContainer .thirdItem:nth-child(7), .tilesContainer .thirdItem:nth-child(8) {
		margin-bottom: 12px;
	}

	.tileTitle {
		font-size: 18px;
	}

	.tileImage {
		height: 40px;
		margin: 12px 0px;
	}

	.tileImage.piggieBank{
		height: 52px;
		margin: 6px 0px;
	}

	.dashboardTile hr, .userAreaItem hr {
		margin: 25px 0px;
	}

	.tilesContainer .thirdItem {
		padding: 20px 12px;
	}

	.userAreaContainer .thirdItem.details {
		font-size: 18px;
	}

	.userAreaContainer .membershipNumber {
		padding: 10px 10px;
	}

	.userAreaHead, .userAreaContainer .salutations {
		margin-bottom: 20px;
	}

	.userAreaItem select {
		padding: 0 6px;
		font-size: 14px;
	}

	.userAreaActionButton {
		font-size: 16px;
    	padding: 8px 12px;
		width: 100%;
	}

	.userAreaActionButton.cancelEdit, .userAreaActionButton.saveEdit {
		width:48%;
	}

	.membershipPointBox {
		padding: 20px;
		/* flex-direction: column; */
		/* align-items: baseline; */
	}

	.membershipPointBox .redTickWhiteCircle {
		margin-bottom: 6px;
	}

	.redTickWhiteCircle em.far.fa-check {
		font-size: 40px;
	}

	.costSection h3 {
		margin:60px 10px 30px;
	}

	.costItem {
		padding: 30px;
		font-size: 8vw;
		width: 100%;
		text-align: center;
		box-sizing: border-box;
		max-width: 370px;
		margin: auto;
	}

	.costSection .spacedItems.pricing {
		font-size: 1.8em;
		flex-direction: column;
		align-items:center;
	}

	.membershipPage p.subtextRed.rightSide, .membershipPage p.subtextRed, .membershipPage p.signUpText {
		width:auto;
		margin: 14px 10px;
	}

	.membershipPage p.subtext {
		width:auto;
		margin: 14px 20px;
	}

	.costSection .spacedItems.pricing .orText {
		margin: 20px 0;
	}

	.spacedItems.buttonSet {
		flex-direction: column;
	}

	.spacedItems.buttonSet .userAreaActionButton {
		margin: 10px auto;
	}
	.insuranceVideoSection{
		padding: 0 10px 30px 10px;
		margin: 30px 0;
	}

	/* .insuranceVideoSection.fullWidth{
		padding: 0 10px 30px 10px;
	} */

	.insuranceDetailsSection {
		padding: 30px 10px;
	}


	.membershipInnerContainer {
		margin: 0;
	}

	.insuranceVideoSection h2{
		font-size: 25px;
		line-height: 1.2;
		margin-bottom: 20px;
	}

	.insuranceVideoSection .large {
		margin-bottom: 20px;
	}

	 .insuranceDetailsSection h3, .costSection h3 {
		font-size: 2.4em;
	}

	.membershipPage h2.memberzoneHeader {
		text-align:left;
		margin: 0;
	}

	.membershipPage .memberBoxRight {
		margin-right:60px;
		display: flex;
		width: auto;
		justify-content: flex-end;
	}


	.membershipPage .membershipImage {
		float:initial;
		width:auto!important;
		height:200px;
	}

	.membershipPage .freelanceGroomsToolkit .memberBoxRight.largerImage{
		width: 100%;
	}
	.membershipPage .freelanceGroomsToolkit .membershipImage {
		margin: 0 auto;
	}

	.membershipPage .container {
		padding: 10px;
	}

	.membershipPage .insuranceVideoSection{
		margin-top: 60px;
		margin-bottom: 30px;
	}


	.membershipPage .insuranceVideoSection.liability {
		margin-top: -30px;
	}

	.membershipPointBox .leftSide{
		padding-right: 0;
	}
	.membershipPointBox .rightSide{
		display: flex;
		align-items: center;
		flex-direction: column;
	}


	.membershipPointBox .rightSide img{
		position: relative;
		bottom: auto;
		right: auto;
		height: 300px;
	}

	.freelanceGroomsToolkit .actionButton{
		margin-top: 0;
		margin-bottom: 0;
	}

	.insuranceDetailsSection h3 {
		margin: 0 20px 30px;
	}

	ul.insurancePoints {
		padding: 30px 10px;
	}

	.memberBoxSmall ul.insurancePoints {
		height:325px;
	}

	.areYouSureArea .textSide:not(.headerSection) {
		margin-bottom: 200px;
	}

	.columns.insurancePointsContainer {
		flex-direction: column;
	}

	.insuranceDetailsSection.membershipDetails .costItem {
		padding: 18px;
		font-size: 1.6em;
		width: auto;
		text-align: center;
		box-sizing: border-box;
		max-width: initial;
		margin: auto;
		top: -28px;

	}

	.kbis .insuranceDetailsSection.membershipDetails .costItem {
		line-height: 1.4;
	}

	.membershipPage .membershipDetailsPage .memberMainContentBox p {
		font-size: 1.1em;
	}

	.membershipPage .membershipDetailsPage .memberMainContentBox {
		padding-bottom: 20px!important;
	}

	.membershipDetails ul.insurancePoints.noBackground {
		font-size: initial;
	}

	.insurancePoints li {
		padding: 6px 0;
	}

	.insuranceDetailsSection.membershipDetails {
		padding: 30px;
	}

	.membershipPage .membershipDetails a.userAreaActionButton {
		font-size: 22px;
		padding: 16px 6px;
	}

	.membershipPage .areYouSureArea {
		padding: 20px 20px;
	}

	.membershipPage .membershipDetailsPage .memberMainContentBox .areYouSureArea p.headerText {
		font-size: 24px;
		line-height: 24px;
	}

	.membershipPage .membershipDetailsPage .memberMainContentBox .areYouSureArea p:not(.headerText) {
		font-size: 18px;
		margin: 10px 0;
	}

	.cvCreatorSalesLanding {
        padding: 35px 10px;
    }

    .cvCreatorSalesLanding .template h1 {
        margin-bottom: 25px;
    }

    .cvCreatorSalesLanding .template h1 .dividerBar {
        margin: 35px 0 0;
    }

    .cvCreatorSalesLanding .templateListItem {
        padding: 0 15px 35px;
    }

    .cvCreatorSalesLanding .createCVHeading {
        margin-bottom: 25px;
    }

    .cvCreatorSalesLanding .whyUseHeading {
        margin-bottom: 25px;
    }
}

@media (max-width: 600px) {
	.hyhhSearchInput {
		width: 50px;
	}




}

@media (max-width: 550px) {
	.resetPw {
		font-size: 16px !important;
		border-bottom: none !important;
		margin-bottom: 5px !important;
	}

	.membershipPage .memberMainContentBox p, .membershipPage p.signUpText {
		font-size: 1em;
	}

}

@media (max-width: 525px) {
    .cvCreatorSalesLanding .createCVTop {
        margin-bottom: calc((100vw - 20px) * -311 / 960);
        padding-bottom: calc((100vw - 20px) * 311 / 960);
    }

    .cvCreatorSalesLanding .createCVBottom {
        margin-top: calc((100vw - 20px) * -311 / 960);
        padding-top: calc(((100vw - 20px) * 311 / 960) + 55px);
    }

	.fullItem.buttonsContainer.justifyFlexStart,
	.fullItem.buttonsContainer {
		justify-content: center;
	}
}

@media (max-width: 480px) {
	.membershipPage .typicalHero .typicalHeroSpace {
		width: calc(100% - 20px);
		padding: 10px 20px;
		box-sizing: border-box;
	}

	.membershipPage .membershipDetails a.userAreaActionButton {
		margin-bottom: 20px;
	}

	.insuranceDetailsSection h3, .costSection h3 {
		font-size: 1.6em!important;
	}

	.membershipPage .memberBoxRight {
		margin-right:40px;
	}



	.membershipPage .typicalHero .typicalHeroSpace .typicalHeroText {
		font-size: 2.6em!important;
		line-height: initial!important;
		top:initial;
	}

	.membershipPage .typicalHero .typicalHeroSpace {
		bottom: 10px;
		left: 10px;
	}

	.membershipPage .freelanceGroomsToolkit .membershipPointBoxLink{
		width: 93%;
	}

	.memberBoxSmall ul.insurancePoints {
		height:285px;
	}

	.memberBoxContain .halfBox {
		height: 305px;
	}

	.membershipDetails .paymentOptions img {
		height: 28px;
	}

	.insuranceDetailsSection.membershipDetails {
		padding: 18px;
	}

	.kbis .insuranceDetailsSection.membershipDetails {
		padding-top: 50px;
	}

	.memberBoxSmall.membershipOptionsPage ul.insurancePoints {
		height: 470px;
	}

	.contentGridImage{
		height: 300px;
	}
	.contentGridBlurb p{
		font-size: 15px;
	}

	.passwordInfoText {
		font-size: 16px !important;
	}




	/* no member access */

	.memberNoAccess .memberBenefitsItem{
		flex: 1 1 100%;
		max-width: 100%;

	}



	.memberNoAccess .lotsMoreText{
		font-size: 25px;
		column-gap: 5px;
	}



	.cvCreatorSalesLanding .template h1 {
        max-width: 100%;
    }

    .cvCreatorSalesLanding .template h1 {
        padding-bottom: 50px;
        font-size: 37px !important;
        line-height: 1;
    }

    .cvCreatorSalesLanding .templateListItem {
        min-width: 100%;
    }

    .cvCreatorSalesLanding .createCVIntro {
        margin-left: 10px;
		margin-right: 10px;
    }

    .cvCreatorSalesLanding .createCVHeading {
        max-width: 100%;
    }

    .cvCreatorSalesLanding .createCVButton {
        padding: 15px;
        font-size: 16px;
        line-height: 1.2;
    }


    .cvCreatorSalesLanding .whyUse {
        padding-left: 15px;
        padding-right: 15px;
    }


    .cvCreatorSalesLanding .whyUseHeading {
        max-width: 100%;
    }

    .cvCreatorSalesLanding .whyUseHeading {
        margin-bottom: 0;
    }

    .cvCreatorSalesLanding .whyUseList {
        margin: 45px auto 25px;
    }
	.cvCreatorSalesLanding .whyUseListItem{
		margin-left: 0;
		margin-right: 0;
	}

    .cvCreatorSalesLanding .whyUseButton {
        padding: 15px;
        font-size: 16px;
        line-height: 1.2;
    }

	.hyhhPaginationLast:after {
		margin-left: -3px;
	}

	.hyhhSearchLabel {
		width: 75%;
	}

	.hyhhArticleImage {
		flex-basis: 100%;
		height: auto;
		width: 100%;
	}

	.hyhhCategoryHeading {
		max-width: 65%;
	}

	.hyhhPagination li {
		min-width: 30px;
		text-align: center;
	}

	.hyhhPagination li:before,
	.hyhhPagination li:after {
		float: none;
	}

	.hyhhPagination span {
		clip: rect(0 0 0 0);
		-webkit-clip-path: inset(50%);
		clip-path: inset(50%);
		height: 1px;
		overflow: hidden;
		position: absolute;
		white-space: nowrap;
		width: 1px;
	}

	.hyhhPaginationPrev:before {
		margin-right: 0;
	}

	.hyhhPaginationNext:after {
		margin-left: 0;
	}

	.hyhhPaginationLast:before {
		margin-left: 5px;
	}

	.insuranceVideoSection.fullWidth{
		padding: 0 20px 20px 20px;
	}

}

@media (max-width: 450px) {
	.hyhhSearch {
		flex-wrap: wrap;
		padding: 45px 25px 25px;
	}

	.hyhhSearchBox {
		margin-bottom: 20px;
		flex-basis: 100%;
		margin-right: 0;
	}

	.memberNoAccess #loginForm{
		width: calc(100vw - 20px);
	}
	.memberNoAccess #signIn,
	.memberNoAccess .btnRedCurved{
		font-size: 16px;
		width: 230px !important;
		line-height: 1.5;
	}
}


@media (max-width: 425px) {
	.kbis .insuranceDetailsSection.membershipDetails {
		padding-top: 60px;
	}
}


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

.membershipSection img {
	width: 100%;
}

@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;
		margin-left: 20px;
	}
}

/* Employment Guide List */

.smallContainer.employmentGuide {
	padding: 0;
	margin: 0;
	width: 100%;
  }

  .employmentGuideHeading {
	text-transform: capitalize;
	font-size: 50px;
	margin-top: 45px;
	margin-bottom: 35px;
  }

  .employmentGuideIntro {
	margin-bottom: 55px;
	border: 1px solid transparent;
 }

  .employmentGuideIntro .large {
	font-size: 20px;
	line-height: 1.6;

  }

  .employmentGuideIntro p {
	margin: 0;
  }

  .employmentGuideBox {
	padding: 40px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	background: #fefefe;
	margin-bottom: 50px;
  }

  h2.employmentGuideBoxHeading {
	background-color: #354759;
	color: #fff;
	padding: 10px 30px;
	font-size: 20px;
	font-weight: bold;
	margin: -40px 0 90px;
	display: block;
	max-width: 650px;
	border-radius: 3px;
	text-align: left;
	text-transform: none;
  }


  #toggleList{
	background-color: #e95857;
	color: #fff;
	padding: 10px 15px;
	text-align: center;
	position: relative;
	font-size: 15px;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: bold;
	border: 0 none;
	border: 2px solid #e95857;
	float: right;
    position: relative;
	top: -50px;
}

#toggleList:focus{
	outline: 0 none;
}

#toggleList:hover{
	outline: 0 none;
	border-radius: 3px;
	background-color: #fff;
	color: #e95857;
	cursor: pointer;
	border: 2px solid #e95857;
}


#toggleList:active {
	border: 2px solid #e95857;
	border-radius: 3px;
	cursor: pointer;
}


#toggleList:before{
	display: inline-block;
	margin-right: 5px;
}


  #toggleList.showAll:before{
	content: "Show";
  }

  #toggleList.hideAll:before{
	content: "Hide";

  }

  .employmentGuideList {
	counter-reset: section;
	list-style: none;
	padding-left: 0;
	max-width: 1000px;

  }

  .employmentGuideList > li {
	padding: 10px 0 25px 70px;
	position: relative;
  }

  .employmentGuideList > li:before {
	position: absolute;
	left: 0;
	top: 0;
	counter-increment: section;
	/* Increment the value of section counter by 1 */
	content: counter(section);
	border-radius: 50%;
	background: #e95857;
	color: #ffffff;
	width: 50px;
	height: 50px;
	display: block;
	line-height: 50px;
	font-size: 25px;
	text-align: center;
	font-weight: bold;
	z-index: 20;
  }
  .employmentGuideList > li:after {
	content: "";
	display: block;
	width: 2px;
	background: #e95857;
	height: 100%;
	position: absolute;
	left: 25px;
	top: 0;
	z-index: 10;
  }

  .employmentGuideList > li:last-child:after{
	  display:none;
  }

  .employmentGuideList > li > h3 {
	text-transform: none;
	margin-top: 0;
	line-height: 1.2 !important;
	color: #354759;
  }

  .employmentGuideList input {
	display: none;
  }

  .employmentGuideList label {
	color: #3681b5;
	text-decoration: underline;
  }

  .employmentGuideList input ~ label:before {
	content: "Learn more";
  }

  .employmentGuideList .details {
	display: none;
	padding: 20px;
	background: #eceff1;
	font-weight: bold;
	margin: 25px 0 10px;
	border: 1px solid #eceff1;
  }

  .employmentGuideList .details > *{
	  margin: 0;
  }

  .employmentGuideList .details > * + *{
	margin-top: 15px;
  }

  .employmentGuideList .details ul,
  .employmentGuideList .details ol{
	padding-left: 20px;
  }

  .employmentGuideList input:checked ~ .details {
	display: block;
  }

  .employmentGuideList input:checked ~ label:before {
	content: "Hide";
  }


  .youtubeContainer {
	position: relative;
	overflow: hidden;
	width: 560px;
	height: 315px;

}

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

}

/* responsive stuff */

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

	.advancedForm .advancedFormTitle p.mr-20 {
		margin-right: 20px !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) {

	#superGroomForm .formSplitWide,
	#superGroomForm .formSplit,
	#contactForm .split {
		float: none !important;
		width:100% !important;
	}

	#superGroomForm .inline-form input[type="text"]{
		width: 100%;
		max-width: 240px;
	}
	#superGroomForm .inline-form textarea{
		width: calc(100% - 20px);
	}

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

	#sgDetailsBox:after{
		width: calc(100% - 50px);
	}

	#sgDetailsBox{
		margin-bottom: 30px;
	}


	#sgDetailsBox .authenticationError {
		min-height: 330px !important;
		width: 100% !important;
	}

	#sgDetailsBox .authenticationError > div {
		position: absolute;
		bottom: 0;
		width: 94%;
	}

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

	#ticketInfo label{
		flex-direction: column;
		width: 100%;
		max-width: 350px;
	}

	#ticketLink{
		font-size: 14px;
		width: auto;
		padding: 10px;
	}

	#ticketLinkText{
		max-width: 350px;
		width: 100%;
		/* height: 60px; */
		overflow: visible;
	}


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

	.memberBoxHeaderBlue, .memberBoxHeaderBlack,.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;
	}

	.desktopOnly {
		display:none !important;
	}

	span.mobileOnly {
		display:inline-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%;
	}



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



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

	.advancedForm .help-block.form-error {
		margin: 0 20px 0 40px;
	}


	.advancedForm .advancedHighlightedRadio .help-block {
		bottom: -20px;
		left: -40px;
	}


}

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

	.advancedForm .advancedFormTitle p {
		margin-right: 20px !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);
	}

	#sgDetailsBox:after{
		bottom: 19px;
	}

	#sgDetailsBox{
		margin-bottom: 20px;
	}

	#sgDetailsBox .authenticationError {
		min-height: 310px !important;
	}
	#superGroomForm .inline-form input[type="text"]{
		min-width: 90%;
	}

	.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, .basketTable .btnBlack {
		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;
	}

	/* member no access */
	.memberNoAccess {
		position: relative;
		top: -50px;
	}

	.memberNoAccessSection:last-child{
		padding-bottom: 0;
	}

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

	.jobBoardDetailsLeftColumn{
		width: 100%;
		margin-right: 0;
	}

	.jobBoardDetailsPage .jobBoardDetailsLogo {
		float: left;
		position: relative;
		right: 0;
		top: 0;
		margin: 30px 30px 15px 0;
		max-width: 100%;
		height: 150px;
		width: auto;
	}

	.reviewCarousel h2{
		/* font-size: 30px !important; */
	}

	.reviewCarousel .slick-initialized .slick-slide{
		min-height: 600px;
	}

}



@media (max-width: 720px) {
	.youtubeContainer {
		position: relative;
		padding-bottom: 56.25%;
		width: 100%;
		height: 0;

	}
}

@media (max-width : 620px) {

	#mainHeader{
		margin-bottom: 10px;
	}
	.home #mainHeader{
		margin-bottom: 0;
	}

	#mainHeader > .mobileMenu{
		width: 100%;
	}

	.home #mainHeader > .mobileMenu{
		margin-top: 20px;
	}

	.headerTab{
		height: 95px;
	}

	body:not(.home) .headerTab{
		border-bottom: 1px solid #fff;
	}

	.hasAccountMenuOpen:not(.home) .headerTab:not(.accountMenuOpen),
	body:not(.home) .headerTab.menuOpen ~ .headerTab{
		border-bottom-color: #E3E3E3;
	}

	.searchWrapper{
		/* margin-top: -10px; */
	}

	#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:not(.membershipPageHeader) {
    	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, .basketTable .btnBlack {
    	font-size: 12px !important;
		line-height: 1.4em;
	}


	.stripeCheckoutBtnText::after{
		display: none;
	}

	.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;
	}
    .menuBarWrapper {
		display: none;
    }
	.mobileMenu {
		display: block;
		position: absolute;
		/* margin-bottom: 10px; */
		box-sizing: border-box;
	}

	.headerTab.mobileMenu {
		display: inline-flex;
		/* height: 85px; */
	}



	.headerTab.deskMenu,
	.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;
	}

	.employmentGuideBox{
		padding-left: 20px;
		padding-right: 20px;
	}

	.employmentGuideList > li{
		padding-top: 3px;
		padding-left: 45px;
	}

	.employmentGuideList > li:before{
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 15px;
	}

	.employmentGuideList > li:after{
		left: 14px;
	}

	.employmentGuideList > li > h3{
		font-size: 23px;
		margin-bottom: 15px;
	}

	.employmentGuideList .details{
		margin-top: 15px;
		padding: 15px;
	}

	.reviewCarousel{
		padding: 0 35px;
	}

	.reviewCarousel h2{
		font-size: 25px;
		line-height: 1.2;
	}

	.insurancePolicySection .btnsMenu{
		justify-content: center;
	}

	.passwordReset .inline-form legend{
		position: relative;
		top: -24px;
		left: -12px;
		font-size: 15px !important;
	}

	.passwordReset .inline-form legend:after{
		border-top-width: 45px;
		z-index: -1;
	}

}

@media(max-width:600px){
	.headerTab {
		height: 95px;
		padding-top: 0;
	}

	#mainHeader {
		/* margin-bottom: 0; */
	}
}

@media(max-width:550px){

	.reviewCarouselList .slick-slide{

		min-height: 665px;
	}
	.reviewCarouselList .reviewCarouselImg{
		/* max-height: 350px; */
		height: auto;
		margin-bottom: 30px;
	}

	.reviewCarouselList .reviewCarouselText{

		font-size: 18px;
	}

	.reviewCarousel h2{
		font-size: 20px !important;
		line-height: 1;
		margin-bottom: 20px;
	}

	.reviewCarousel h2 {
		margin-top: -15px;
	}
	.reviewCarouselList .slick-dots{
		margin-top: 10px;
	}


}

@media (max-width: 480px) {

	.headerIcon {
		top: 5px;
	}

	.headerTab img {
		margin:0;
		height: 18px;
	}

	.headerTab {
		height: 80px;
	}

	.headerTab.mobileMenu {
		display: inline-flex;
		height: 80px;
	}

	.home .mainMenuContainer {
		top: 100px !important;
	}

	#mainHeader {
		margin-bottom: 0;
	}

	.kbisSection .advancedForm .advancedFormTitle > h2{
		font-size: 16px !important;
	}

	.membershipPage .homeSubtext{
		font-size:16px;
		line-height: 1.4;
	}

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

	.costSection.newVersion .spacedItems.pricing p {
		font-size: 40px;
	}

	.newVersion .itemGroup h4 {
		font-size: 40px!important;
	}

	.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, .contentBlack h1, .contentBlack 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: 100px;
		padding-top: 0;
	} */

	/* .headerTab.logo img {
		 height: 58px !important;
   		 width: 77px !important;
	} */

	.mainMenuContainer {
		top: 80px !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;
	}


	#sgDetailsBox:after{
		bottom: 27px;
	}

	/* Test banner stuff */

	.typicalHeroSpace:not(.landing):not(.deskOnly):not(.membershipPageHeader) {
		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):not(.membershipPageHeader) {
		background-color: rgba(233,88,87,1);
	}

	.typicalHero.Black .typicalHeroSpace:not(.landing)  {
		background-color: rgba(0,0,0,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%;
	}

	.passwordReset .inline-form input[type="text"]{
		width: 100%;
	}

	.passwordReset .inline-form legend{
		width: calc(100% - 70px);
	}

	.authenticationError {
		font-size: 11px;
	}

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

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

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

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

	.jobBoardDetailsPage .jobBoardDetailsLogo {
		width: 100%;
		margin: 40px 0 0;
		float: none;
	}

	.jobBoardDetailsPage .jobFullDetails{
		padding: 30px 0 0;
	}

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

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

	#registration .formSplit,
	.contactForm .formSplit ,
	.superGroomForm .formSplit ,
	.superGroomForm .formSplitWide {
		width: 100%;
	}

	#registration .formSplit input[type="text"],
	#registration .formSplit input[type="password"],
	.contactForm .formSplit input[type="text"],
	.superGroomForm .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 .advancedHighlightedRadio {
		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;
		margin-bottom: 25px;
	}

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

	.insurancePoints li {
		flex-direction:row;
		/* flex-wrap:wrap; */
	}

	.insurancePoints li > div:nth-child(2), .insurancePoints li > strong {
		/* width:calc(100% - 30px) */
	}


	.employmentGuideIntro .large{
		font-size: 18px;
	}



	#toggleList {
		top: -65px;
	}

	.employmentGuideList > li:before,
	.employmentGuideList > li:after{
		display:none;
	}
	.employmentGuideList > li {
		padding:0 0 15px;
	}
	.employmentGuideList > li > h3 {
		position: relative;
		padding-top: 5px;
		padding-left: 45px;
		min-height: 25px;


		  /* These are technically the same, but use both */
		  overflow-wrap: break-word;
		  word-wrap: break-word;
	}


	.employmentGuideList > li > h3:before {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		counter-increment: section;
		content: counter(section);
		border-radius: 50%;
		background: #e95857;
		color: #ffffff;
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 15px;
		text-align: center;
		font-weight: bold;
		z-index: 20;
	}
	.employmentGuideList label {
		float: right;
	}

	.employmentGuideList .details{
		clear:both;
	}

	h2.employmentGuideBoxHeading{
		font-size: 20px !important;
		line-height: 1.2 !important;
	}

	.insuranceVideoSection h2 {
		font-size: 18px !important;
		padding: 15px 10px;
	}

	.insuranceVideoSection .large {
		font-size: 16px;
	}

	.reviewCarousel {
		padding: 0 20px;
	}

	.reviewCarousel {
		padding: 0 20px;
	}



	.reviewCarousel{
		margin-bottom: 40px;
		margin-top: 80px;
	}


	.reviewCarousel h2{
		margin-left: 20px;
		margin-right: 20px;
		margin-top: -40px;
		font-size: 18px !important;
    	padding: 15px 10px;
	}

	.reviewCarouselList .slick-slide{
		min-height: 625px;
	}


	.insurancePolicySection{
		margin-bottom: 0;
	}
}

@media (max-width:465px) {
	.passwordReset .inline-form legend {
		top: -30px;
	}

	.passwordReset .inline-form legend:after {
		border-top-width: 61px;
		/* z-index: -1; */
	}

	.passwordReset .inline-form input[type="text"] {
		width: 80%;
	}

}

@media (max-width: 380px) {
	.inline-form legend, .formHeader, .formFooter {
		font-size: 18px !important;
	}

	.passwordInfoText {
		font-size: 16px !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;
	}

	.infoBox h4 {
		top: -25px;
	}

	.reviewCarouselList .slick-slide{
		min-height: 665px;
	}



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

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

	.authenticationError {
		font-size: 10px;
	}

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

}

.customLineHeight {
	line-height: 1.4!important;
}

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

.marginTop-20 {
	margin-top: 20px!important;
}

.customButton {
	width: 210px!important;
}

.liabilityModal {
	display: block;
	position: fixed;
	z-index: 99;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}
.liabilityModal-content {
	background-color: #fefefe;
	margin: 15% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
}
.liabilityModalClose {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}
.liabilityModalClose:hover, .liabilityModalClose:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}