/* 07/06/18 16:30 */

body {
	color: #323232;
	background: #fff; 
	font-weight: 300;
}

.clear {
	clear: both;
}

#page {
	float: left;
	width: 100%;
}

::selection {
  color: #fff;
  background: rgba(0,0,0,0.7);
}

::-moz-selection {
  color: #fff;
  background: rgba(0,0,0,0.7);
}

.light {
	font-weight: 300;
}

h1 span.light {
	font-weight: 400;
}

/*.main .left-aligned,
.main .left-aligned h1,
.main .left-aligned h2,
.main .left-aligned h3,
.main .left-aligned h4,
.main .left-aligned p {
	text-align: left;
}*/

.main p,
.main ul,
.main ol {
	font-size: 12px;
	line-height: 18px;
	/*text-align: center;*/
}

.main ul,
.main ol {
	list-style-type: none;
}

.main ul li:before {
	content: "• ";
	color: #26aba7;
	margin-left: -9px;
}

.main ol li:before {
	content: "";
	color: #26aba7;
	font-weight: 700;
	margin-left: -9px;
	font-size: 80%;
}

.main ol li:nth-of-type(1):before {content: "1. ";}
.main ol li:nth-of-type(2):before {content: "2. ";}
.main ol li:nth-of-type(3):before {content: "3. ";}
.main ol li:nth-of-type(4):before {content: "4. ";}
.main ol li:nth-of-type(5):before {content: "5. ";}
.main ol li:nth-of-type(6):before {content: "6. ";}
.main ol li:nth-of-type(7):before {content: "7. ";}
.main ol li:nth-of-type(8):before {content: "8. ";}
.main ol li:nth-of-type(9):before {content: "9. ";}
.main ol li:nth-of-type(10):before {content: "10. ";}
.main ol li:nth-of-type(11):before {content: "11. ";}
.main ol li:nth-of-type(12):before {content: "12. ";}
.main ol li:nth-of-type(13):before {content: "13. ";}
.main ol li:nth-of-type(14):before {content: "14. ";}
.main ol li:nth-of-type(15):before {content: "15. ";}
.main ol li:nth-of-type(16):before {content: "16. ";}
.main ol li:nth-of-type(17):before {content: "17. ";}
.main ol li:nth-of-type(18):before {content: "18. ";}
.main ol li:nth-of-type(19):before {content: "19. ";}
.main ol li:nth-of-type(20):before {content: "20. ";}

.main ol#searchResults li:before {
	content: "";
}

@media screen and (min-width: 768px) {
	.main p,
	.main ul,
	.main ol {
		font-size: 15px;
		line-height: 23px;
	}

}

@media screen and (min-width: 1024px) {
	.main p,
	.main ul,
	.main ol {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 1.8rem;
	}
}

.main ul,
.main ol {
	margin-left: 9px;
}

.main ul {
	/*list-style-type: disc;*/
}

.main ul li:before {
	
}


@media screen and (min-width: 768px) {

	.main ul,
	.main ol {
		margin-left: 12px;
	}

	.main ul li:before,
	.main ol li:before {
		margin-left: -12px;
	}

}

@media screen and (min-width: 1024px) {

	.main ul,
	.main ol {
		margin-left: 14px;
	}

	.main ul li:before,
	.main ol li:before {
		margin-left: -14px;
	}

}


.pull-quote {
	background: #30abe2;
	color: #fff;
	padding: 20px;
	margin-bottom: 20px;
}

.pull-quote p {
	font-size: 21px;
	line-height: 1.1;
	margin: 0;
}

/* button css from foundation */

.button,
a.button,
a.searchView,
input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  vertical-align: middle;
  padding: 9.5px 32px 10.5px 13px;
  margin: 0 0 10px 0;
  font-size: 13px;
  font-weight: 900;
  background: #26a6a8 url(https://www.healthjobsbnssg.co.uk/assets/img/button-arrow.png) top 8px right 8px no-repeat;
  background-size: 11px;
  color: #fff;
  text-decoration: none;
  transition: all 0.1s ease-out;
  border: none;
}

a.searchView {
	text-transform: capitalize;
}

.button.lighter,
a.button.lighter {
	color: #154c8c;
	background-color: #bfe4e5;
	background-image: url(../img/button-arrow-lighter.png);
}

.button.lighter:hover,
a.button.lighter:hover {
	background-color: #a0d5d6;
}

[data-whatinput='mouse'] .button {
    outline: 0;
}

.button.full-width,
a.button.full-width {
	width: 100%;
}

.button.right,
a.button.right {
	float: right;
}

@media screen and (min-width: 640px) {
	.button + .button,
	a.button + a.button,
	.button + a.button,
	a.button + .button {
		margin-left: 20px;
	}
}

@media screen and (min-width: 1024px) {

	.button,
	a.button,
	.button.lighter,
	a.button.lighter {
		position: relative;
		background-image: none;
		font-size: 18px;
		padding: 12px 37px 14px 16px;
		text-align: left;
	}

	a.searchView {
		font-size: 18px;
		padding: 12px 37px 14px 16px;
		text-align: left;
		background-position: top 13px right 11px;
		text-transform: capitalize;
	}

	a.searchView:hover,
	input[type="submit"]:hover {
	    background-color: #009390;
	    color: #fff;
	}

	.button .chevron,
	a.button .chevron {
		position: absolute;
		width: 13px;
		height: 20px;
		right: 15px;
		transition: all 0.1s ease-out;
	}

	.button .chevron span,
	a.button .chevron span {
		display: block;
		background-color: #154c8c;
		width: 3px;
		height: 3px;
		position: absolute;
		transition: all 0.1s ease-in-out 0s;
	}

	.button.lighter .chevron span,
	a.button.lighter .chevron span {
		background-color: #26a6a8;
	}

		.button .chevron span.one,
		a.button .chevron span.one {
			top: 0;
			left: 0;
		}

		.button .chevron span.two,
		a.button .chevron span.two {
			top: 4px;
			left: 4px;
		}

		.button .chevron span.three,
		a.button .chevron span.three {
			top: 8px;
			left: 8px;
		}

		.button .chevron span.four,
		a.button .chevron span.four {
			top: 12px;
			left: 4px;
		}

		.button .chevron span.five,
		a.button .chevron span.five {
			top: 16px;
			left: 0;
		}

		.button:hover .chevron,
		a.button:hover .chevron {
			right: 12px;
		}

		.button:hover .chevron span,
		a.button:hover .chevron span {
			background-color: #fff;
		}

			.button.lighter:hover .chevron span,
			a.button.lighter:hover .chevron span {
				background-color: #154c8c;
			}

}

/* /button css from foundation */

/* video overlay */

.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
    border: medium none;
    background-color: rgba(0,0,0,0.05);
}

/* /video overlay */

p.about {
	color: #fff;
	background: #26aba7;
	font-size: 18px;
	line-height: 1;
	padding: 14px 10px 16px;
	font-weight: 400;
	text-align: center;
	margin: 0 0 16px;
}

.main-logo-area {
	display: none;
}

	.landing .main-logo-area {
		padding-top: 20px;
	}

.main-logo-area .logo {
	height: 38px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 194px;
	text-indent: -10000em;
	width: 100%;
	margin: 0;
}

.main-logo-area .logo {
	background-image: url(https://www.healthjobsbnssg.co.uk/assets/img/onecare.png);
}

.main-logo-area .logo a {
	display: block;
	width: 100%;
	height: 38px;
}

.mailto {
	display: none;
	float: right;
    font-size: 14px;
    line-height: 1;
    margin: 0;
    padding: 31px 22px 0;
    text-align: right;
}

	.landing .mailto {
		display: block;
		position: relative;
		z-index: 1;
		padding: 31px 10px 20px 0;
	}

	.landing .mailto a {
		font-size: 13px;
	}

.mailto a {
	transition: color 0.1s ease;
	text-decoration: none;
}

.mailto a:hover {
	
}

.soc-med ul{
	list-style-type: none;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}

.soc-med li {
	display: inline-block;
	width: 32px;
	height: 28px;
	text-indent: -10000em;
}

.soc-med li a {
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	background-color: #26aba7;
	background-size: 24px;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 25px;
	transition: all 0.1s ease-out;
}

.soc-med li a:hover {
	background-color: #009390;
}

.soc-med li a.facebook {
	background-image: url(https://www.healthjobsbnssg.co.uk/assets/img/soc-med-facebook-mob.png);
}

.soc-med li a.linkedin {
	background-image: url(../img/soc-med-linkedin-mob.png);
}

.soc-med li a.twitter {
	background-image: url(https://www.healthjobsbnssg.co.uk/assets/img/soc-med-twitter-mob.png);
}

.soc-med li a.email {
	background-image: url(https://www.healthjobsbnssg.co.uk/assets/img/soc-med-email-mob.png);
}


li.mob-soc-med {
	width: 50%;
	float: left;
	z-index: 1000;
}

li.mob-soc-med {
	border-right: 1px solid #11396a;
}

li.mob-soc-med:last-of-type {
	border-right: none;
}


.mob-soc-med span {
	border-radius: 50px;
	background-color: #26aba7;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px;
    float: left;
    height: 24px;
    margin: -2px 7px 0 -3px;
    width: 24px;
}

.mob-soc-med span.facebook {
	background-image: url(https://www.healthjobsbnssg.co.uk/assets/img/soc-med-facebook-mob.png);
}

.mob-soc-med span.linkedin {
	background-image: url(../img/soc-med-linkedin-mob.png);
}

.mob-soc-med span.twitter {
	background-image: url(https://www.healthjobsbnssg.co.uk/assets/img/soc-med-twitter-mob.png);
}

.mob-soc-med span.email {
	background-image: url(https://www.healthjobsbnssg.co.uk/assets/img/soc-med-email-mob.png);
}

.search {
	display: none;
	float: right;
	height: auto;
	margin: 30px 0;
	padding: 0;
	position: relative;
}

.search .input.text {
	float: left;
	height: 24px;
	margin: 0;
}

.search input {
	border: none;
	background: #f0eceb;
	height: 24px;
	margin: 0;
	padding: 0 24px 0 8px;
	font-size: 12px;
	line-height: 1;
	width: 144px;
	font-weight: 400;
}

[data-whatinput='mouse'] :focus {
	outline: none;
}

span.search-icon {
	display: block;
	width: 21px;
	height: 21px;
	background: transparent url(https://www.healthjobsbnssg.co.uk/assets/img/search.png) center center no-repeat;
	background-size: 15px;
	text-indent: -10000em;
	margin: 0;
	padding: 0;
	float: left;
	border: none;
}

.search button {
	width: 24px;
	height: 24px;
	background: #26aba7 url(https://www.healthjobsbnssg.co.uk/assets/img/search-icon.png) no-repeat scroll center center;
	background-size: 13px;
	text-indent: -10000em;
	margin: 0;
	padding: 0;
	border: none;
	transition: all 0.1s cubic-bezier(1, 0, 0, 1) 0s;
	position: absolute;
	right: 0;
	top: 0;
}

.search button:hover {
	background-color: #009390;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #11396a!important;
  opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #11396a!important;
  opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #11396a!important;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
  color: #11396a!important;
  opacity: 1;
}

	/* signup button */

	.signup {
	    float: left;
	    height: auto;
	    margin: 0 0 10px;
	    padding: 0;
		width: 100%;
	}

	.signup .input.text {
		float: left;
		width: 100%;
	    height: 36px;
	    margin: 0 0 10px 0;
	    padding: 10px 15px;
	    background: #fff;
	    border-radius: 18px;
	}

	.signup input {
		border: none;
		background: transparent;
		height: 18px;
		margin: 0;
		padding: 0;
		font-size: 13px;
		line-height: 1;
		width: 100%;
		transition: width 0.1s ease-in-out;
	}

	.signup input:focus {
		outline: 0;
	}

	.signup button {
		margin: 0;
	}

	/* */

.soc-med {
	display: none;
	float: right;
	width: auto;
	height: auto;
	margin: 30px 6px 0 21px;
}

.nhs-logo {
	display: none;
	float: right;
	width: 70px;
	height: 28px;
	margin: 28px 8px;
}

.mast-head {
	margin: 0 auto;
	width: 100%;
	max-width: 62.25rem;
	position: relative;
}



.main-pic .text-container-inner .box {
	background-color: #2c63b8;
    color: #fff;
    margin: -26px 25px 0;
    padding: 13px 20px;
    position: relative;
    text-align: center;
}

.home .main-pic .text-container-inner .box {
	margin-top: -57px;
}

.main-pic .text-container-inner .box h1 {
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	font-weight: 800;
	margin: 0 0 4px;
}

.main-pic .text-container-inner br {
	display: none;
}

.main-pic .text-container-inner .box p.logo,
.main-pic .text-container-inner .box a.logo {
	display: block;
	width: 106px;
	height: 21px;
	text-indent: -10000em;
	background: url(https://www.healthjobsbnssg.co.uk/assets/img/small-logo-white.png) center center no-repeat;
	background-size: 106px;
	margin: 0 auto 5px;
}

.main-pic .text-container-inner .box p {
	font-weight: 600;
	font-size: 12px;
	line-height: 17px;
	margin: 0;
}

.main-pic .text-container-inner .box.quote h1 {
	text-align: left;
}

.main-pic .text-container-inner .box.quote p {
	text-align: left;
	padding: 6px 20px
}

.main-pic .text-container-inner .box.quote p:before {
	display: inline-block;
	content: "";
	width: 14px;
	height: 13px;
	background: url(../img/ldquo.png) 0 0 no-repeat;
	background-size: 14px;
	margin: 0 6px 0 -20px;
}

.main-pic .text-container-inner .box.quote p:after {
	display: inline-block;
	content: "";
	width: 14px;
	height: 13px;
	background: url(https://www.healthjobsbnssg.co.uk/assets/img/rdquo.png) 0 2px no-repeat;
	background-size: 12px;
	margin: 0 0 0 6px;
}

@media screen and (max-width: 768px) {
	.main-pic .text-container-inner .box h1 + p.logo,
	.main-pic .text-container-inner .box h1 + a.logo {
		margin-top: 14px;
	}
}

										.main-pic.people-result {
											color: #fff;
											background-color: #26aba7;
										}

										.main-pic.people-result img {
											display: block;
											width: 100%;
										}

										.main-pic.people-result h1,
										.main-pic.people-result h2,
										.main-pic.people-result h3,
										.main-pic.people-result p {
											color: #fff;
											border-bottom: 0;
										}

@media screen and (min-width: 1024px) {

	.main-pic .text-container-outer {
		display: table-cell;
		width: 100%;
	    height: 100%;
	    position: absolute;
	    top: 0;
	    left: calc(50% - 410px);
    	max-width: 820px;
	}

	.main-pic .text-container-inner {
		display: table;
		width: 100%;
		height: 100%;
	}

		.landing .main-pic .text-container-inner {
			margin-top: -15px;
		}

	.main-pic .text-container-inner h1 {
		background-color: transparent;
		/*border-bottom: none;*/
	    color: #fff;
	    display: table-cell;
	    margin: 0;
	    padding: 20px;
	    vertical-align: middle;
	    text-align: center;
	}

	.main-pic .text-container-inner .box {
		background: transparent;
	    display: table-cell;
	    vertical-align: middle;
	    margin: 0;
	    padding: 0;
	}

	.main-pic .text-container-inner .box h1 {
		color: #11396a;
		font-size: 54px;
		line-height: 68px;
		margin: 0;
		padding: 0;
		text-align: left;
	}

	.main-pic .text-container-inner br {
		display: block;
	}

	.main-pic .text-container-inner .box p.logo,
	.main-pic .text-container-inner .box a.logo {
		background: url(https://www.healthjobsbnssg.co.uk/assets/img/small-logo-blue.png) top left no-repeat;
		background-size: 194px;
		width: 194px;
		height: 38px;
		margin: 68px 0 15px;
	}

	.main-pic .text-container-inner .box.quote .quote-container {
		background: #2c63b8;
		color: #fff;
		width: 100%;
		max-width: 50%;
		float: right;
		padding: 25px 35px 32px;
	}

	.main-pic .text-container-inner .box.quote h1 {
		color: #fff;
		font-size: 28px;
		line-height: 31px;
		padding: 0 0 20px;
	}

	.main-pic .text-container-inner .box.quote p {
		font-size: 16px;
		line-height: 22px;
	}

	.main-pic .text-container-inner .box.quote p::before {
		width: 18px;
		height: 17px;
		background-size: 18px;
		margin-left: -24px;
	}

	.main-pic .text-container-inner .box.quote p::after {
		width: 18px;
		height: 17px;
		background-size: 16px;
	}

}

/* spotlights */

.spotlight {
	float: left;
    margin: 0 0 20px;
    padding: 0 20px;
    text-align: center;
    width: 100%;
}

.main .spotlight h3 {
	text-align: center;
	font-size: 28px;
	line-height: 34px;
	color: #5a5a5a;
	margin: 0 0 20px;
}

.main .spotlight h4 {
	text-align: center;
	font-size: 22px;
	line-height: 26px;
	color: #5a5a5a;
	margin: 0 0 20px;
}

.main .spotlight h3 br,
.main .spotlight h4 br {
	display: none;
}

.spotlight p {
	color: #5a5a5a;
}

.spotlight img {
	max-width: 125px;
	margin: 0 auto 4px;
	/*display: table; removed for IE9 */
}

.spotlight .button {
	display: table;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}

.spotlight:hover .button {
	background: #35609e;
}


/* cta boxes */

.cta-box-container {
	text-align: center;
	padding: 25px 0 0;
}

.centred {
	display: inline-block;
}

a.cta-box {
	float: left;
	width: 100%;
	padding: 0 25px;
	text-align: center;
	text-decoration: none;
	margin: 0 0 25px;
}

a.cta-box:hover .button {
	background-color: #333;
}

a.cta-box img {
	transition: opacity 0.1s ease;
	max-width: 100px;
	margin: 0 auto;
}

a.cta-box:hover img {
	opacity: 0.8;
}

a.cta-box p  {
	margin: 0;
}

a.cta-box .text-container {
	/*display: table;
    overflow: hidden;
    width: 100%;*/
}

a.cta-box .text-container p {
	/*display: table-cell;
	vertical-align: middle;*/
	font-size: 22px;
	line-height: 1.2;
	text-decoration: none;
	color: #5a5a5a;
	padding: 5px 0 17px;
}

a.cta-box .text-container p strong {
	font-weight: normal;
	font-size: 13px;
	line-height: 16px;
}

a.cta-box p span.button {
	width: 100%;
	margin: 0;
}

a.cta-box .text-container-02 p {
	color: #5a5a5a;
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 20px;
}

/* nav */

.main-nav {
	display: none;
}

.main-nav,
.main {
  position: relative; 
}

.main-nav {
  background: #f3f0ef;
  border-bottom: 4px solid #2c64b9;
  height: 40px;
  margin-bottom: 0;
  z-index: 150;
  clear: both;
}

body.main-nav-scrolled .main-nav {
  /*position: fixed;
  width: 100%;
  top: 0;*/
}

.mast-head.fixed {
	height: 111px;
}

@media screen and (min-width: 1024px) {
	.mast-head.fixed {
		height: 99px;
	}
}

.main {
  background: #fff;
}

.main-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

.main-nav li {
	display: inline-block;
	padding: 11px 0 0;
	font-size: 14px;
	line-height: 1;
}

.main-nav li:after {
	
}

.main-nav li:last-of-type:after {
	content: "";
}

.main-nav a {
	color: #154c8c;
	text-decoration: none;
	text-transform: none;
	font-size: 14px;
	font-weight: 900;
	line-height: 1;
	transition: none;
	padding: 9px 8px 9.5px;
}

.main-nav a:hover {
	color: #fff;
	background: #26aba7;
}

.main-nav .is-dropdown-submenu-parent a:hover {
	color: #fff;
	background: #26aba7;
}

.main-nav a.selected {
	color: #fff;
	background: #2c64b9;
}

.main-nav a.active,
.main-nav a.active:hover {
	color: #fff;
}

.main-nav ul.menu.is-dropdown-submenu li {
	padding: 10px 0 0;
}

.main-nav ul.menu.is-dropdown-submenu li a {
	padding: 8.5px 12px 10px;
	background: transparent;
	color: #fff;
}

.main-nav ul.menu.is-dropdown-submenu li a:hover,
.main-nav ul.menu.is-dropdown-submenu li a.selected {
	color: #fff;
	background: #26aba7;
}

/* sub nav */

.sub-nav {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
}

.sub-nav ul {
	list-style: none;
	margin: 0;
}

.sub-nav ul li {
	border-bottom: 1px solid #000;
	text-transform: uppercase;
	font-weight: 100;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
}

.sub-nav ul li.head {
	font-weight: 600;
	font-size: 14px;
	line-height: 14px;
	padding: 15px 0;
}

.sub-nav ul li a {
	text-decoration: none;
	font-weight: 100;
	font-size: 12px;
	line-height: 12px;
	padding: 15px 0;
	width: 100%;
	display: inline-block;
	transition: color 0.1s ease 0s;
}

.sub-nav ul li a:hover {
	color: #fff;
}

.sub-nav ul li a.selected,
.sub-nav ul li a.on {
	font-weight: 400;
}

/* content */

.white-section {
	padding: 20px 25px;
	float: left;
	width: 100%;
	background-color: #fff;
}

.white-section.no-lr {
	padding-left: 0;
	padding-right: 0;
}

.white-section p img {
	width: 100%;
	margin: 0 0 1rem;
}

.video-wrapper {
    margin: 10px 0;
    cursor: pointer;
}

.video-wrapper a.hide-for-medium {
	display: block;
	position: relative;
	text-align: center;
	font-weight: 900;
	font-size: 12px;
	line-height: 16px;
	color: #2c63b8;
}

.video-wrapper a.hide-for-medium span {
	position: absolute;
	top: 17%;
	right: 4%;
	width: 50%;
}

.video-wrapper-2 a {
	display: block;
	position: relative;
	text-align: center;
	font-weight: 900;
	font-size: 16px;
	line-height: 19px;
	color: #2c63b8;
}

.video-wrapper-2 a span {
	position: absolute;
	top: 27.5%;
	left: 0;
	width: 50%;
	color: #11396a;
}

.video-wrapper-2 a span.circlechevron {
	display: none;
}

@media screen and (min-width: 480px) {
	.video-wrapper a.hide-for-medium {
		font-size: 21px;
		line-height: 26px;
	}

	.video-wrapper-2 a {
		font-size: 21px;
		line-height: 26px;
	}
}

.video-wrapper a.hide-for-medium span:after {
	display: block;
	content: "";
	width: 36px;
	height: 36px;
	background: url(https://www.healthjobsbnssg.co.uk/assets/img/play-button.png) center center no-repeat;
	background-size: 36px;
	margin: 10px auto 0;
}

.video-wrapper-2 a span:after {
	display: block;
	content: "";
	width: 36px;
	height: 36px;
	background: url(https://www.healthjobsbnssg.co.uk/assets/img/play-button-02.png) center center no-repeat;
	background-size: 36px;
	margin: 10px auto 0;
}

@media screen and (min-width: 640px) {
	.video-wrapper {
		margin: 35px 0;
	}

	.video-wrapper-2 {
		margin: 10px 0 20px;
	}

	.video-wrapper-2 a span {
		width: 52.5%;
		top: 30%;
		font-size: 42px;
		line-height: 48px;
	}

	.video-wrapper-2 a span:after {
		width: 50px;
		height: 50px;
		background-size: 50px;
	}

	.video-wrapper a.show-for-medium {
		position: relative;
		display: block;
	}

	.video-wrapper a.show-for-medium span.image {
		position: relative;
		display: inline-block;
		width: 67%;
		max-width: 648px;
	}

	.video-wrapper a.show-for-medium span.image img {
		width: 100%;
	}


		.video-wrapper a.show-for-medium span.circlechevron {
			background-color: #26aba7;
			display: block;
			width: 76px;
			height: 76px;
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -36px 0 0 -38px;
			border-radius: 76px;
			transition: all 0.1s ease-in-out 0s;
		}

		.video-wrapper a.show-for-medium span.circlechevron span {
			display: block;
			background-color: #fff;
			width: 7px;
			height: 7px;
			position: absolute;
			transition: all 0.1s ease-in-out 0s;
		}

			.video-wrapper a.show-for-medium span.circlechevron span.one {
				top: 17px;
				left: 27px;
			}

			.video-wrapper a.show-for-medium span.circlechevron span.two {
				top: 26px;
				left: 36px;
			}

			.video-wrapper a.show-for-medium span.circlechevron span.three {
				top: 35px;
				left: 45px;
			}

			.video-wrapper a.show-for-medium span.circlechevron span.four {
				top: 43px;
				left: 36px;
			}

			.video-wrapper a.show-for-medium span.circlechevron span.five {
				top: 52px;
				left: 27px;
			}

	.video-wrapper a.show-for-medium span.box {
		color: #fff;
		background: #2c64b9;
		position: absolute;
		width: 39%;
		top: 17%;
		bottom: 17%;
		right: 0;
		padding: 20px;
		text-align: center;
		font-size: 15px;
		line-height: 18px;
		font-weight: 900;
	}

	.video-wrapper a.show-for-medium span.downchevron {
		width: 30px;
		height: 20px;
		background: url(https://www.healthjobsbnssg.co.uk/assets/img/down-arrow-green.png) 0 0 no-repeat;
		background-size: 30px;
		display: block;
		margin: 15px auto 0;
	}
}

@media screen and (min-width: 1024px) {
	.video-wrapper a.show-for-medium:hover span.circlechevron {
		background-color: #009390;
	}

	.video-wrapper a.show-for-medium:hover span.circlechevron span {
		margin-left: 5px;
	}

	.video-wrapper a.show-for-medium span.box {
		font-size: 24px;
		line-height: 28px;
		padding-top: 45px;
		transition: all 0.1s ease-in-out 0s;
	}

	.video-wrapper-2 a span {
		width: 52.5%;
		top: 30%;
		font-size: 54px;
		line-height: 62px;
	}
	
	.video-wrapper-2 a span::after {
		display: none;
	}

		.video-wrapper-2 a span.circlechevron {
			background-color: #2c63b8;
			display: block;
			width: 104px;
			height: 104px;
			position: absolute;
			top: 49%;
			left: 21%;
			margin: 0;
			border-radius: 76px;
			transition: all 0.1s ease-in-out 0s;
		}

		.video-wrapper-2 a span.circlechevron span {
			display: block;
			background-color: #fff;
			width: 10px;
			height: 10px;
			position: absolute;
			transition: all 0.1s ease-in-out 0s;
		}

			.video-wrapper-2 a span.circlechevron span.one {
				top: 23px;
				left: 36px;
			}

			.video-wrapper-2 a span.circlechevron span.two {
				top: 35px;
				left: 48px;
			}

			.video-wrapper-2 a span.circlechevron span.three {
				top: 47px;
				left: 60px;
			}

			.video-wrapper-2 a span.circlechevron span.four {
				top: 59px;
				left: 48px;
			}

			.video-wrapper-2 a span.circlechevron span.five {
				top: 71px;
				left: 36px;
			}

	.video-wrapper-2 a:hover span.circlechevron {
		background-color: #11396a;
	}

	.video-wrapper-2 a:hover span.circlechevron span {
		margin-left: 5px;
	}

	.video-wrapper-2 a span.box {
		font-size: 24px;
		line-height: 28px;
		padding-top: 45px;
		transition: all 0.1s ease-in-out 0s;
	}

	.video-wrapper a.show-for-medium:hover span.box {
		background-color: #215aae;
	}

	.video-wrapper a.show-for-medium span.downchevron {
		position: relative;
		width: 51px;
		height: 31px;
		background: transparent;
		margin: 30px auto 0;
		transition: all 0.1s ease-in-out 0s;
	}

	.video-wrapper a.show-for-medium span.downchevron span {
			display: block;
			background-color: #26aba7;
			width: 8.5px;
			height: 8.5px;
			position: absolute;
			transition: all 0.1s ease-in-out 0s;
		}

			.video-wrapper a.show-for-medium span.downchevron span.one {
				top: 0;
				left: 0;
			}

			.video-wrapper a.show-for-medium span.downchevron span.two {
				top: 11px;
				left: 11px;
			}

			.video-wrapper a.show-for-medium span.downchevron span.three {
				top: 22px;
				left: 22px;
			}

			.video-wrapper a.show-for-medium span.downchevron span.four {
				top: 11px;
				left: 33px;
			}

			.video-wrapper a.show-for-medium span.downchevron span.five {
				top: 0;
				left: 44px;
			}

		.video-wrapper a.show-for-medium:hover span.downchevron {
			margin-top: 37px;
		}

		.video-wrapper a.show-for-medium:hover span.downchevron span {
			background-color: #fff;
		}

}

/* signposts */

.signpost-area {
	float: left;
	width: 100%;
	margin: 20px 0;
}

a.signpost {
	display: block;
	position: relative;
	margin: 0 0 10px;
}

a.signpost p {
	position: absolute;
	left: 0;
	top: auto;
	bottom: 0;
	margin: 0 15px;
	width: calc(100% - 30px);
	text-align: center;
}

a.signpost p span {
	display: inline-block;
	font-size: 16px;
	font-weight: 900;
	color: #fff;
	background: #26aba7 url(https://www.healthjobsbnssg.co.uk/assets/img/signpost-arrow-mob.png) center right 12px no-repeat;
	background-size: 12px;
	padding: 7px 34px 10px 12px;
}

a.signpost img {
	width: 100%;
}

@media screen and (min-width: 640px) {
	.signpost-area {
		margin: 10px -8px;
		width: calc(100% + 16px);
	}

	a.signpost {
		margin: 0 8px 10px;
	}
}

@media screen and (min-width: 1024px) {
	.signpost-area {
		margin: 50px -8px 35px;
	}

	a.signpost p {
		width: 100%;
		position: relative;
		margin: -39px 0 20px;
	}

	a.signpost p span {
		width: 256px;
		min-height: 175px;
		font-size: 22px;
		line-height: 26px;
		padding: 24px 38px 72px;
		background: #26aba7;
		transition: all 0.1s ease-in-out 0s;
	}

	a.signpost:hover p span {
		background: #009390;
	}

	a.signpost span.downchevron {
	    bottom: 30px;
	    height: 23px;
	    left: calc(50% - 20px);
	    position: absolute;
	    right: 0;
	    width: 40px;
	    transition: all 0.1s ease-in-out 0s;
	}

		a.signpost span.downchevron span {
			display: block;
			background-color: #154c8c;
			width: 6.5px;
			height: 6.5px;
			position: absolute;
			transition: all 0.1s ease-in-out 0s;
		}

			.a.signpost span.downchevron span.one {
				top: 0;
				left: 0;
			}

			a.signpost span.downchevron span.two {
				top: 8px;
				left: 8px;
			}

			a.signpost span.downchevron span.three {
				top: 16px;
				left: 16px;
			}

			a.signpost span.downchevron span.four {
				top: 8px;
				left: 24px;
			}

			a.signpost span.downchevron span.five {
				top: 0;
				left: 32px;
			}

		a.signpost:hover span.downchevron {
			bottom: 25px;
		}

		a.signpost:hover span.downchevron span {
			background-color: #fff;
		}


}

/* isotope */

.filters {
	margin: 0 auto;
    max-width: 285px;
    padding: 0 0;
    width: 100%;
}

	.filters.bars {
		max-width: 100%;
	}

.filters .button-group {
	text-align: center;
}

.lt-ie10 .filters .button-group {
	display: none;
}

.filters .ui-group p {
	font-weight: 600;
	display: inline;
	margin: 0 10px 0 0;
	padding: 0;
	font-size: 14px;
    line-height: 1;
}

.filters .button-group .button {
	background: transparent;
	border-radius: 0;
    border: medium none;
    color: #282828;
    font-size: 14px;
    line-height: 1;
    text-align: left;
    float: none;
    padding: 4px 0;
    margin: 0;
    vertical-align: inherit;
    font-weight: 300;
    transition: color 0.1s ease-in-out;
}

.filters .button-group .button:after {
    content: "|";
    margin: 0 5px;
    color: #282828;
    font-weight: 300;
}

.filters .button-group .button:last-of-type:after {
	content: "";
}

.filters .button-group .button:hover {
	color: #26aba7;
}

.filters .button-group .button.is-checked {
	color: #26aba7;
	font-weight: 600;
}

.filters .grid {
	transition: height 0.5s ease 0s;
	margin: 30px 0 30px 0;
}

.element-item {
    float: left;
    margin: 0 0 15px;
    padding: 0;
    position: relative;
    width: 100%;
    /* isotope/masonry glitch */ min-height: 420px;
}

.element-item .text-container {
	min-height: 200px;
	background: #dfe7f4;
	text-align: center;
	margin: 0 16px;
}

.element-item .text-container p {
	color: #11396a;
    margin: 0 0 8px;
    padding: 10px 15px;
    font-weight: 900;
}

.element-item .text-container p.job-title {
	background: #2c63b8;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    min-height: 52px;
    line-height: 16px;
    margin: -52px 0 5px;
    padding: 10px;
    position: relative;
}

.element-item .text-container p.job-title span.light {
	display: block;
}

.element-item .text-container p:not(.job-title):before {
	display: inline-block;
	content: "";
	width: 14px;
	height: 13px;
	background: url(../img/ldquo.png) 0 0 no-repeat;
	background-size: 14px;
	margin: 0 6px 0 0;
}

.element-item .text-container p:not(.job-title):after {
	display: inline-block;
	content: "";
	width: 14px;
	height: 13px;
	background: url(https://www.healthjobsbnssg.co.uk/assets/img/rdquo.png) 0 2px no-repeat;
	background-size: 12px;
	margin: 0 0 0 4px;
}

	.filters.bars .element-item {
		width: 100%;
		color: #5a5a5a;
		background: #d2e5f8;
		border-radius: 15px;
		margin: 0 0 10px;
		padding: 12px 10px;
		text-align: center;
	}

.element-item > * {
  margin: 0;
  padding: 0;
}

	.filters.bars .element-item {
		min-height: 0;
	}


	.filters.bars .element-item p {
		color: #5a5a5a;
		font-size: 14px;
		line-height: 1.1;
	}

.element-item p.venue-name,
.element-item p.team-name {
  text-transform: uppercase;
}

.element-item p.venue {
	margin-bottom: 12px;
}

.element-item a.button {
	
}

	.filters.bars .element-item a.button {
		margin: 10px 0 0;
	}


@media screen and (min-width: 768px) {

	/* filters */

		.filters {
			max-width: 668px;
		}

		.element-item {
			/* isotope/masonry glitch */
			width: 308px;
			height: 642px;
			min-height: 642px;
			margin: 0 25px 42px 0;
		}

		.element-item .text-container {
			min-height: 292px;
			margin: 0 26px;
		}

		.element-item .text-container p {
			font-size: 16px;
		    line-height: 22px;
		    padding: 28px 35px 25px 25px;
		    min-height: 250px;
		}


		.element-item .text-container p.job-title {
			background: #2c63b8;
		    color: #fff;
		    font-size: 22px;
		    font-weight: 600;
		    min-height: 85px;
		    line-height: 28px;
		    margin: -85px 0 0;
		    padding: 14px;
		    position: relative;	
		}

		.element-item .text-container p.job-title span.light {
			font-size: 18px;
		}

		.element-item .text-container a.button {
			margin-bottom: 32px;
		}

			.filters.bars .element-item {
				border-radius: 20px;
				padding: 0;
				min-height: 0;
				height: auto;
			}

			.filters.bars .element-item p {
				float: left;
				text-align: left;
				padding: 11px 16px 8px;
			}
			
			.filters.bars .element-item a.button {
				margin: 0;
				float: right;
			}

}

@media screen and (min-width: 1024px) {

	.button-group {
		margin: 55px 0 50px;
	}

	.filters .ui-group p,
	.filters .button-group .button {
		font-size: 18px;
	}

	.element-item {
		margin: 0 25px 25px 0;
			/*position: relative!important;
			left: auto!important;
			top: auto!important;*/
	}

	.element-item .text-container p:not(.job-title):before {
		margin-left: -12px;
	}

}

@media screen and (min-width: 1044px) {

	.filters {
		max-width: 1072px;
	}

	.filters .grid {
		margin: 30px -20px 0 0;
	}

}

/* job form */

.job-form-title h2 {
    background: #2c63b8;
    color: #fff;
    font-size: 16px;
    margin: 50px 0 0;
    padding: 8px 25px;
    text-align: left;
}

.job-form-wrapper {
	float: left;
	width: 100%;
	background-color: #cad8ed;
	padding: 15px 25px;
}

.job-form-wrapper {
	text-align: center;
}

.job-form-wrapper label {
	font-weight: 900;
	text-align: left;
}

.job-form-wrapper .error {
	display: none;
	margin: -20px 0 10px;
	color: #c34452;
	font-weight: 600;
	font-size: 12px;
	padding: 7px 8px 7px 0;
}

.job-form-wrapper button {
	margin: 10px auto;
}

@media screen and (min-width: 640px) {
	.job-form-wrapper select {
		width: calc(100% - 10px);
	}

	.job-form-wrapper button {
		float: right;
		margin: 23px 0 0;
	}
}

@media screen and (min-width: 1024px) {
	.job-form-title-wrapper {
		background-color: #2c63b8;
		float: left;
		width: 100%;
		margin: -20px 0 0;
	}

	.job-form-title h2 {
		color: #fff;
		text-align: left;
		font-size: 24px;
		line-height: 28px;
		margin: 9px 0 11px;
		padding: 0;
	}

	.job-form-wrapper {
		padding: 25px 0 13px;
	}

	.job-form-wrapper label {
		font-size: 18px;
		line-height: 28px;
	}

	.job-form-wrapper select,
	.job-form-wrapper input {
		margin: 7px 0 20px;
	}

	.job-form-wrapper select {
		width: calc(100% - 50px);
	}

	.job-form-wrapper input {
		width: 100%;
	}

	.job-form-wrapper .large-8 {
		width: 62.5%;
	}	

	.job-form-wrapper .large-4 {
		width: 37.5%;
	}
}

.job {
	float: left;
	width: 100%;
	text-align: left;
	padding: 15px 25px;
}

	.job:nth-of-type(even) {
		background-color: #f3f0ef;
	}

.job h3,
.job p,
.job ul,
.job ol {
	text-align: left;
}

.main .job ul,
.main .job ol {
	margin-left: 0;
}

.main .job ul li:before,
.main .job ol li:before {
	content: "";
	margin-left: 0;
}

.job h3 {
	color: #2c63b8;
	font-size: 15px;
    margin-bottom: 0.75rem;
}

a.practice-link:after {
	content: ", ";
}

a.practice-link:last-of-type:after {
	content: "";
}

@media screen and (min-width: 768px) {
	.job {
		padding: 20px 25px;
	}

	.job h3 {
		font-size: 28px;
		line-height: 1;
	    margin-bottom: 32px;
	}
}

@media screen and (min-width: 1024px) {
	.job {
		padding: 35px 25px;
	}
}

/* show more button */

.see-more {
	text-align: center;
	padding: 25px 0;
	float: left;
	width: 100%;
}

.see-more a {
	color: #2c63b8;
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
}

.see-more a span.downchevron {
	width: 30px;
	height: 20px;
	background: url(https://www.healthjobsbnssg.co.uk/assets/img/down-arrow-green.png) 0 0 no-repeat;
	background-size: 30px;
	display: block;
	margin: 15px auto 0;
}

@media screen and (min-width: 1024px) {

	.see-more {
		padding: 50px 0 0;
		min-height: 100px;
	}

	.see-more a {
		color: #2c63b8;
		font-size: 18px;
	}

	.see-more a span.downchevron {
		position: relative;
		width: 25px;
		height: 15px;
		background: transparent;
		margin: 10px auto 20px;
		transition: all 0.1s ease-in-out 0s;
	}

	.see-more a span.downchevron span {
		display: block;
		background-color: #26aba7;
		width: 4px;
		height: 4px;
		position: absolute;
		transition: all 0.1s ease-in-out 0s;
	}

	.see-more a span.downchevron span.one {
		top: 0;
		left: 0;
	}

	.see-more a span.downchevron span.two {
		top: 5px;
		left: 5px;
	}

	.see-more a span.downchevron span.three {
		top: 10px;
		left: 10px;
	}

	.see-more a span.downchevron span.four {
		top: 5px;
		left: 15px;
	}

	.see-more a span.downchevron span.five {
		top: 0;
		left: 20px;
	}

	.see-more a:hover span.downchevron {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.see-more a:hover span.downchevron span {
		background-color: #154c8c;
	}

}

/* map */

#map {
    width: calc(100% - 50px);
    height: 400px;
    margin: 25px 25px 0;
}

.resetMapButtonContainer a.button {
	margin-bottom: 25px;
	margin-left: 25px;
}

#map.smaller {
    width: 100%;
    height: 200px;
    margin: 10px 0 30px;
} 

/* map slider etc */

#practiceMap {
    height: 500px;
    width: 500px;
}

#practicePanel {
    z-index: 10;
    width: 100%;
    max-width: 340px;
    padding: 27px;
    position: absolute;
    right: -380px;
    top: auto;
    bottom: 0;
    color: #fff;
    background-color: #2c63b8;
}

#practicePanel a.closePanel {
	text-indent: -10000em;
	float: right;
	width: 18px;
	height: 18px;
	background: url(https://www.healthjobsbnssg.co.uk/assets/img/slider-close-button.png) center center no-repeat;
	background-size: 18px;
	position: relative;
}

#practicePanel h4 {
	float: left;
	margin: -20px 0 22px;
	color: #fff;
	font-size: 20px;
	line-height: 21px;
	padding-right: 30px;
}

.panelBodyContent {
	float: left;
	width: 100%;
}

.panelBodyContent p {
	margin-bottom: 0;
	font-size: 15px;
	line-height: 21px;
	font-weight: 500;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.panelBodyContent p.phoneLine,
.panelBodyContent p.websiteLine,
.panelBodyContent a.websiteLine,
.panelBodyContent a {
	font-weight: 700;
}

.main .panelBodyContent p.websiteLine a {
	color: #fff;
}

.main .panelBodyContent p.websiteLine a:hover {
    color: #cad8ed;
}

.main .panelBodyContent ul {
	font-size: 15px;
    line-height: 21px;
    margin-bottom: 0;
    margin-left: 0;
}

.main .panelBodyContent ul li:before {
	content: "";
	margin-left: 0;
}

.main .panelBodyContent ul li a {
	color: #fff;
}

.main .panelBodyContent ul li a:hover {
	color: #CAD8ED;
}

.main .panelBodyContent a.button {
	margin: 20px 0 0;
}

.gmnoprint + button {
	display: none;
}

@media screen and (min-width: 1024px) {
	#map {
		height: 540px;
	    margin: 50px 0 0;
	    width: 100%;
	}

	.resetMapButtonContainer a.button {
		margin-bottom: 50px;
		margin-left: 0;
	}

	#map.smaller {
		height: 232px;
	    margin: 10px 0 40px;
	    width: 100%;
	}

	.columns.info {
		padding-right: 25px;
	}

	.columns.info h1,
	.columns.info h2,
	.columns.info h3,
	.columns.info h4,
	.columns.info h5,
	.columns.info h6,
	.columns.info p,
	.columns.info ul,
	.columns.info ol {
		text-align: left;
	}
}

/* sitemap */

.main #sitemapContainer ul li::before {
	content: "• ";
}

.main #sitemapContainer ul li a {
	font-weight: normal;
	color: #154c8c;
}

.main #sitemapContainer ul li a:hover {
	color: #26aba7;
}

/* practice index */

label.no-label {
	font-size: 0;
	line-height: 0;
}

.disabled {
	opacity: 0.5;
}

.practice-results {
	float: left;
	width: 100%;
	padding: 0 25px;
	text-align: left;
}

.practice-results p {
	text-align: left;
	margin: 3px 0 13px;
	font-weight: 600;
}

.practice-results select {
	background-color: #f6f4f3;
}

.practice-filters p.title {
	display: none;
}

.practice-filters {
	background: #cad8ed;
    float: left;
    margin: 15px 25px;
    padding: 25px 25px 10px;
    width: calc(100% - 50px);
}

.practice-filters hr {
	border-color: currentcolor currentcolor #fff;
	margin: 0 auto 15px;
}

.practice-filters [type="checkbox"] {
	margin: 0 0 10px;
	border: 1px solid #fff;
}

.practice-filters label {
	color: #282828;
}

.practice-filters label.title {
    font-size: 16px;
    margin: 0 0 5px;
}

.practice-filters label input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #282828!important;
  opacity: 1;
}
.practice-filters label input::-moz-placeholder { /* Firefox 19+ */
  color: #282828!important;
  opacity: 1;
}
.practice-filters label input:-ms-input-placeholder { /* IE 10+ */
  color: #282828!important;
  opacity: 1;
}
.practice-filters label input:-moz-placeholder { /* Firefox 18- */
  color: #282828!important;
  opacity: 1;
}

.practice-filters .button {
	margin-top: 10px;
}

/* custom checkboxes */

.custom-checks {
	margin: 0;
}

.custom-checks input:not(.other) {
	display: none;
}

.custom-checks label {
	font-size: 16px;
    line-height: 28px;
    margin: 0;
    padding: 0 0 5px 32px;
    width: 100%;
}

.custom-checks.cc2 label {
	text-transform: none;
	letter-spacing: 0;
	font-size: 14px;
	font-weight: 700;
}

.custom-checks.cc2 label a {
	color: #1e1e1e;
	border-bottom: 1px solid #3ab6da;
}

.custom-checks.cc2 label a:hover {
	border-bottom: 1px solid #1e1e1e;
}

.custom-checks label div {
	background: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 21px;
    line-height: 20px;
    margin: 4px 0 0 -32px;
    position: absolute;
    text-align: center;
    width: 20px;
}

.custom-checks label i {
	font-size: 16px;
	opacity: 0;
}

.custom-checks label:hover div {
	/*background: #16a085;*/
}

.custom-checks input:checked+label i {
	opacity: 0;
}

.custom-checks input:checked+label div {
	background: #fff url(https://www.healthjobsbnssg.co.uk/assets/img/tick.png) center center no-repeat;
	background-size: 14px;
	border-color: #009390;
}

.custom-checks input.other {
	margin: 4px 0 20px -20px;
	width: calc(100% + 20px);
}

/* register by email */

.main-content-form {
	margin: 10px 0;
	float: left;
	width: 100%;
}

.main-content-form label,
.main-content-form legend {
	font-size: 15px;
	line-height: 18px;
	font-weight: 300;
	margin: 0 0 15px;
	font-weight: 400;
}

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

.main-content-form .custom-checks label {
	font-weight: 300;
}

.main-content-form .custom-checks label div {
	background-color: #bfe4e5;
	border-color: #bfe4e5;
	margin: -1px 0 0 -32px;
}

.main-content-form [type="text"] {
	margin: 15px 0;
	background-color: #bfe4e5;
	border-color: #bfe4e5;
}

.main-content-form [type="text"]:focus {
	background-color: #fff;
	border-color: #009390;
}

.main-content-form button {
	margin: 20px 0;
}

/*.main-content-form .error {
	color: #ed1752;
	font-weight: 600;
	margin: -12px 0 1rem;
}*/

.main-content-form .custom-checks .radio {
	float: none;
	width: auto;
	margin: 0 20px 15px 0;
}

.main-content-form .custom-checks .radio label {
    font-weight: 300;
    margin: 0 20px 1rem 10px;
}

.main-content-form .custom-checks.radio label div {
	border-radius: 50px;
}

.main-content-form .custom-checks.radio input:checked + label div {
	background-image: url(https://www.healthjobsbnssg.co.uk/assets/img/radio.png);
	background-size: 14px;
}

span.mandatory  {
	color: #ed1752;
	font-weight: 400;
}

.form-error {
    display: block;
}

.error-message,
p.error {
	font-size: 90%;
    color: #ed1752;
    font-weight: 400;
	margin: -5px 0 1rem;
}

[type="text"] + .error-message {
	margin-top: -30px;
}

.alertMessage{
    color: #fff;
	font-weight: bold;
	background: #26aba7;
	text-align: center;
	border-radius: 30px;
	padding: 7px;
}

@media screen and (min-width: 1024px) {

	.main-content-form label,
	.main-content-form legend {
		font-size: 18px;
		line-height: 21px;
		font-weight: 400;
		margin: 0 0 30px;
	}

	.main-content-form legend {
		margin-bottom: 15px;
	}

	.main-content-form .custom-checks {
		margin: 0 0 24px;
	}

	.main-content-form .custom-checks label {
		font-size: 18px;
		line-height: 21px;
		padding: 0 0 20px 45px;
		margin: 0 0 1px;
	}

	.main-content-form .custom-checks label div {
		margin: -3px 0 0 -45px;
		width: 28px;
		height: 28px;
	}

	.main-content-form [type="text"] {
		margin: 15px 0 40px;
	}

	.main-content-form p.error {
		float: left;
		width: 100%;
		margin: -12px 0 2rem;
	}

	.main-content-form label + p.error {
		margin-top: -40px;
	}
}

/* */

.practice {
	float: left;
	width: 100%;
	background: #f6f4f3;
	padding: 15px 25px;
	text-align: left;
}

p.practice-message {
	margin: 0;
}

.practice:nth-of-type(odd) {
	background: #fff;
}

.practice h2,
.practice h3,
.practice p,
.practice ul,
.practice ol {
	text-align: left;
}

.practice a:not(.button) {
	color: #2c63b8;
}

.practice p.address {
	font-weight: bold;
}

.practice-features {
	background: #cad8ed;
	padding: 15px;
}

.practice-features h3 {
	background: #2c63b8;
    color: #fff;
    margin: -15px -15px 10px;
    padding: 15px;
    width: calc(100% + 30px);
}

.practice-features ul {
	text-align: left;
	font-weight: bold;
	/*margin: 0;*/
}

.main .practice-features ul li:before {
	content: "";
}

.main .practice-features ul li img {
	width: 25px;
	height: 25px;
	margin: 5px 8px 5px 0;
}

	.practice-filters label + .button {
		margin: -1px 0 15px;
	}

@media screen and (min-width: 1024px) {

	.practice-container {
		position: relative;
		min-height: 600px;
	}

	.practice-results {
		float: none;
	    margin: 0 auto;
	    max-width: 960px;
	    padding-left: 322px;
	    padding-right: 0;
	    height: 52px;
	}

	.practice-results p {
		float: left;
		font-weight: 500;
		margin: 13px 0 11px;
	}

	.practice-results select {
		float: right;
		width: 237px;
	}

	.practice-filters {
		position: absolute;
		top: 0;
		background: #cad8ed;
		z-index: 1;
		width: 280px;
		left: 50%; 
		margin-left: -490px;
		margin-top: 0;
		padding: 0 21px 10px;
	}

	.practice-filters p.title {
		display: block;
		min-height: 52px;
		background-color: #2c63b8;
		color: #fff;
		font-size: 24px;
		line-height: 28px;
		font-weight: bold;
		margin: 0 -21px 20px;
		text-align: left;
		padding: 11px 21px;
	}

	.practice-filters label.title {
	    font-size: 18px;
	    font-weight: bold;
	    line-height: 22px;
	    margin: 0 0 12px;
	}

	.practice-filters .button {
		margin-top: 15px;
	}

	.practice {
		padding: 25px;
	}

	.practice .inner {
		margin: 0 auto;
	    max-width: 960px;
	}

	.practice-list {
		width: 100%;
	}

	.practice a:not(.button):hover {
		color: #11396a;
	}

}

@media screen and (min-width: 1024px) {

	.practice-features {
		padding: 15px;
		text-align: left;
	}

	.practice-features h3 {
		font-size: 24px;
		line-height: 28px;
		text-align: left;
	    margin: -15px -15px 10px;
	    padding: 12px 15px;
	    width: calc(100% + 30px);
	}

	.main .practice-features ul {
		text-align: left;
		font-weight: bold;
		/*margin: 0;*/
	}

	.main .practice-features ul li:before {
		content: "";
	}

	.main .practice-features ul li img {
		height: 52px;
	    margin: 10px 15px 10px 0;
	    width: 52px;
	}

	.practice .inner {
		padding-left: 322px;
	}

}

.practice-info {
	background-color: #2c63b8;
	color: #fff;
	width: 100%;
	float: left;
	padding: 20px 25px 10px;
}

.practice-info h1 {
	color: #fff;
	margin-top: 0;
}

.practice-info a {
	display: block;
	color: #fff;
}

.practice-info p {
	font-weight: 400;
}

.practice-info .divider {
	display: none;
}

.practice-stats {
	background-color: #f3f0ef;
	float: left;
	width: 100%;
	padding: 15px 25px 20px;
	margin: 0 0 20px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #2c63b8;
}

.practice-stats .stat br {
	display: none;
}

.practice-stats .stat span.large {
	color: #26aba7;
	font-size: 24px;
}

@media screen and (min-width: 768px) {
	.practice-info h1 {
		font-size: 28px;
		line-height: 1.2;
	}

	.practice-info p {
		font-size: 17px;
	}

	.practice-stats .stat {
		display: inline;
		margin: 0 10px;
	}
}

@media screen and (min-width: 1024px) {
	.practice-info {
		margin: -42px 0 0;
		padding: 20px 28px 10px;
	}

	.practice-info h1,
	.practice-info p {
		text-align: left;
	}

	.practice-info p {
		margin-bottom: 15px;
	}

	.practice-info a {
		/*display: inline-block;*/
	}

	.practice-info a:hover {
		color: #cad8ed;
	}

	.practice-info .divider {
		/*display: inline-block;
		margin: 0 3px;*/
		display: none;
		font-size: 0;
		margin: 0 5px;
	}

	.practice-stats {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 35px;
	}

	.practice-stats .stat {
		display: inline-block;
		vertical-align: middle;
		margin: 18px 3.333% 14px;
	}

	.practice-stats .stat span.large {
		font-size: 48px;
		line-height: 1;
		vertical-align: middle;
	}

	.practice-stats .stat span.small {
		display: inline-block;
	    font-size: 18px;
	    line-height: 20px;
	    text-align: left;
	    vertical-align: middle;
	    margin: 0 0 0 6px;
	}

	.practice-stats .stat br {
		display: inline-block;
	}
}

.job-listing-box {
	width: 100%;
	float: left;
	background-color: #2c63b8;
	margin: 0 0 25px;
}

.job-listing-title {
	padding: 8px 20px 0;
}

.job-listing-title h1 {
	color: #fff;
}

.job-listing-list {
	background-color: #f3f0ef;
	padding: 18px 20px;
}

.main .job-listing-list ul {
	margin: 0;
	font-size: 14px;
	line-height: 19px;
}

.main .job-listing-list ul li {
	margin-bottom: 5px;
}

.main .job-listing-list ul li::before {
	margin-left: 0;
	content: "";
}

.main .job-listing-list ul li span {
	font-weight: bold;
}

@media screen and (min-width: 768px) {
	.job-listing-title h1 {
		font-size: 28px;
		line-height: 28px;
	}

	.main .job-listing-list ul {
		font-size: 17px;
		line-height: 22px;
	}

	.job-listing-title {
		padding: 16px 28px 11px;
	}

	.job-listing-list {
		padding: 23px 28px;
	}
}

@media screen and (min-width: 1024px) {
	.job-listing-box {
		margin-top: -30px;
	}

	.job-listing-list {
		padding: 23px 40px 25px;
	}
}

/* body text images */

.image-container img {
	width: 100%;
	border-bottom: 4px solid #2c64b9;
	margin-bottom: 3px;
}

p.caption {
	color: #154c8c;
	font-weight: bold;
	line-height: 14px;
}

@media screen and (min-width: 640px) {

	.image-container {
	    float: left;
	    padding: 0 16px 0 0;
	    width: calc(50% + 8px);
	}

	.image-container.right {
	    float: right;
	    padding: 0 0 0 16px;
	    width: calc(50% + 8px);
	}

	.double-image {
		width: 100%;
		float: left;
	}

	.double-image .image-container {
		width: 50%;
		padding: 0 8px 0 0;
	}

	.double-image .image-container.right,
	.double-image .image-container + .image-container {
		padding: 0 0 0 8px;
	}
	
	p.caption {
		line-height: 21px;
	}

}

@media screen and (min-width: 1024px) {
	
	.image-container img {
		margin: 8px 0;
	}

}


/* extra slick styles */

.job-carousel {
	clear: both;
	background: #f3f0ef;
	padding: 19px 15px 15px;
}

.job-carousel h2 {
	text-align: left;
	margin: 0 10px 18px;
}

.job-carousel .job {
	background: #fff;
	margin: 0 10px 10px;
	float: left;
	width: calc(100% - 20px);
	padding: 9px 13px 14px;
}

.job-carousel .job p {
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	margin: 0 0 13px;
	font-weight: 400;
}

.job-carousel .job p.job-title {
	font-weight: 900;
	margin: 0;
}

.job-carousel .job p.job-details,
.job-carousel .job p.job-details-2 {
	display: inline-block;
}

.job-carousel .job p.job-details-2:before {
	content: "| ";
}

.job-carousel a.button {
	margin: 0;
	display: block;
	width: 90px;
}

@media screen and (min-width: 640px) {

	.job-carousel {
		padding: 25px 15px 15px;
		margin: 0 0 50px;
	}

	.job-carousel h2 {
		margin: 0 10px 28px;
	}

	.job-carousel .job {
		padding: 0;
	}

	.job-carousel a.button {
		float: right;
	}

	.job-carousel .job p.job-title {
		display: inline-block;
	}

	.job-carousel .job p.job-title,
	.job-carousel .job p.job-details,
	.job-carousel .job p.job-details-2 {
		width: 25%;
		font-size: 18px;
		line-height: 1.1;
		margin: 12px;
		vertical-align: top;
	}

	.job-carousel .job p.job-title {
		width: 30.5%;
	}

	.job-carousel .job p.job-details {
		width: 17%;
	}

	.job-carousel .job p.job-details-2 {
		width: 25%;
	}

	.job-carousel .job p.job-details-2:before {
		content: "";
	}

	.job-carousel a.button {
		width: 19%;
		max-width: 108px;
		min-height: 40px;
		padding-top: 15px;
		padding-bottom: 16px;
		background-position: right 10px top 13px;
	}

}

@media screen and (min-width: 1024px) {
	.job-carousel a.button {
		padding-top: 13px;
		padding-bottom: 13px;
	}
}

/* */

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

.right-aligned {
	padding: 40px 0 20px;
}

.right-aligned a.button {
	width: 100%;
	margin: 0 0 10px;
}


/* feature-boxes */

.feature-box {
	text-align: center;
	padding: 0 15px;
}

.feature-box img {
	margin: 0 0 20px;
}

.feature-box h2 {
	font-size: 1.5rem;
}

.feature-box h2.violet {
	color: #b7a0cc;
}

.feature-box h2.green {
	color: #bed747;
}

.feature-box h2.pink {
	color: #ee749b;
}

.feature-box a.button {
	margin-bottom: 50px;
}

/* map */

.find-us {
	margin: 25px 25px 40px;
}

.find-us h2 {
	color: #e26eaa;
	font-size: 36px;
	line-height: 36px;
	margin: 0 20px 17px 0;
}

.find-us p {
	text-transform: uppercase;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	padding-bottom: 15px;
}

.find-us p b {
	font-weight: 600;
	display: block;
}

/* accordion */

.main ul.accordion {
	margin: 10px -25px 25px;
	text-align: left;
}

.main ul.accordion p {
	margin: 0;
	padding: 12px 0;
}

.main ul.accordion p,
.main ul.accordion ul,
.main ul.accordion ol {
	text-align: left;
	-moz-osx-font-smoothing: auto;
}

.accordion-item a.accordion-title {
	background: url(https://www.healthjobsbnssg.co.uk/assets/img/accordion-arrow.png) right 25px center no-repeat;
	background-size: 19px;
}

.accordion-item.is-active a.accordion-title {
	background-color: #26aba7;
	background-image: url(https://www.healthjobsbnssg.co.uk/assets/img/accordion-arrow-up.png);
}

.main ul.accordion li::before {
	content: none;
	margin: 0;
}

@media screen and (min-width: 768px) {
	.main ul.accordion {
		margin-left: 0;
		margin-right: 0;
	}

	.accordion-title {
		font-size: 16px;
		line-height: 23px;
	}
}

@media screen and (min-width: 1024px) {

	.main ul.accordion {
		margin: 0 0 20px;
	}

	.accordion-content {
		padding: 0;
		background: #fff;
	}

	.accordion a span {
		padding: 0 50px 0 0;
	}

	.accordion-title {
		color: #2c63b8;
		font-size: 23px;
		line-height: 28px;
		padding: 25px 0 27px;
	}

	.accordion a:focus {
		color: #2c63b8;
	}

	.accordion a:hover {
		color: #26aba7;
	}

	.accordion li {
		background: #fff;
		margin: 0;
		border-bottom: 1px solid #26aba7;
	}

	.accordion li:last-of-type {
		border: none;
	}

	.accordion-item a.accordion-title,
	.accordion-item.is-active a.accordion-title {
		background-color: #fff;
		background-size: 30px;
		background-position: right 31px;
		transition: color 0.1s ease-in-out;
	}

	.accordion-item a.accordion-title:hover {
		/*background-position: right 36px;*/
	}

	.accordion-item.is-active a.accordion-title:hover {
		/*background-position: right 26px;*/
	}

	.main ul.accordion p {
		max-width: 735px;
		padding: 8px 0 26px;
	}
}

/* lists within accordions */

.main .accordion-item ul {
	list-style: disc;
	margin: 0 0 1rem 0.75rem;
}


/* video */

.flex-video {
	margin: 2rem 0;
}

.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
	
}

/* in association with... */

p.assoc {
	text-align: left;
	margin: -4px 0;
	font-size: 12px;
	line-height: 23px;
	font-weight: normal;
}

p.assoc span {
	text-indent: -10000em;
	display: inline-block;
	width: 105px;
	height: 22px;
	background: url(https://www.healthjobsbnssg.co.uk/assets/img/logo-assoc.png) 0 0 no-repeat;
	background-size: 105px;
	margin: 0 9px;
}

/* footer */

.footer {
	float: left;
	width: 100%;
	background: #154c8c;
	position: relative;
	font-size: 12px;
	line-height: 1;
	padding: 20px 20px 20px 25px;
}

.footer ul {
	color: #fff;
	list-style-type: none;
	font-weight: 900;
	margin: 0;
}

.footer li {
	margin: 0 0 8px;
	text-align: left;
}

.footer a {
	color: #fff;
	text-decoration: none;
}

.footer .soc-med {
	display: block;
	float: none;
	margin: 0;
}

/* log-in page */

form#UserLoginForm {
	background: #f3f0ef;
	margin: 25px 0 5px;
    padding: 20px 25px 25px;
}

form#UserLoginForm label {
	margin: 0 0 10px;
}

acronym {
	border: none;
    color: #ed1752;
    font-weight: bold;
    text-decoration: none;
}

/* screens 1024px and up */

	@media screen and (min-width: 64rem) {

		form#UserLoginForm label {
			font-size: 1rem;
		}

		form#UserLoginForm {
			margin-top: 50px;
		}

		form#UserLoginForm + p {
			margin-bottom: 100px;
		}

	}


/* search results and pagination */

.search_input input {
	background: #f0eceb;
    border: none;
    border-radius: 0;
    float: left;
    height: 41px;
    margin: 25px 25px 15px;
    padding: 0 15px;
    width: calc(100% - 50px);
}

.search_input label {
    display:none
}

.submitButtonContainer button {
    display: table;
    margin: 0 0 15px 25px;
    text-align: center;
}

.main .searchResults {
	float: left;
	width: 100%;
    margin: 15px 0 20px;
    background-color: #f3f0ef;
}

.main .searchResults p {
    margin: 20px 25px;
}

.main .searchResults ol {
    list-style: none none;
    margin: 0;
}

.main .searchResults ol li:nth-of-type(odd) {
	background-color: #fff;
}

.main .searchResults ol li .searchResult {
	width: 100%;
	max-width: 857px;
	margin: 0 auto;
}

.main .searchResults li {
    padding: 25px 25px 20px;
}

.main .searchResults .counter {
    display: none;
}

.main .searchResult h2 {
    margin: 0 0 15px;
}

.main .searchResult h2 a {
	color: #2c63b8;
    text-decoration: none;
    transition: color 0.1s ease-out;
}

.main .searchResult h2 a:hover {
    color: #11396a;
}

.main .searchResult div {
    margin: 0 0 1.8rem;
}

.main .searchResult div.large-10:after {
	clear: both;
	content: " ";
	display: table;
}

.main .searchHighlight {
	color: #fff;
	background-color: #26aba7;
	padding: 1px 2px;
	font-weight: bold;
}

.main h2 .searchHighlight {
	background-color: #2c63b8;
}

.formNavContainer {
	margin-top: 40px;	
}

/*a.formNav,
a.searchView {
    cursor: pointer;
	display: table;
	color: #fff;
	background-color: #30abe2;
    border: 2px solid #fff;
    border-radius: 25px;
	text-align: center;
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: none;
	transition: background-color 0.1s ease-out 0s, color 0.1s ease-out 0s, border-color 0.1s ease-out 0s;
	vertical-align: middle;
	padding: 11px 22px 9px;
	margin: 0 auto 5px;
	font-size: 12px;
    line-height: 1;
	text-decoration: none;
}

a.formNav {
	margin-bottom: 10px;
}

a.formNav:focus,
a.formNav:hover,
a.searchView:focus,
a.searchView:hover {
	color: #fff;
    background-color: #2e74b4;
}*/

.main ul.page-numbers {
    text-align: center;
    color: #fff;
    margin: 0 auto;
    padding: 0 25px;
    list-style: none;
    font-size: 1px;
    line-height: 1px;
}

.main ul.page-numbers li,
.main ul.page-numbers span {
	border-radius: 0;
	font-weight: bold;
    font-size: 13px;
    line-height: 1;
    display: inline-block;
    background-color: #26a6a8;
    color: #fff;
    width: 100%;
    text-align: center;
    transition: all 0.2s ease;

}

.main ul.page-numbers li::before {
	content: "";
	margin-left: 0;
}

.main ul.page-numbers li:hover,
.main ul.page-numbers span:hover {
	background-color: #154c8c;
}

.main ul.page-numbers span.disabled {
    background-color: #92d2d3;
    opacity: 1;
    cursor: default;
}

.main ul.page-numbers li,
.main ul.page-numbers span {
    margin-bottom:20px
}

.main ul.page-numbers li span {
    margin-bottom:0;
    margin-right:0
}

.main ul.page-numbers span.current {
    background-color: #154c8c;
}

.main ul.page-numbers a,
.main ul.page-numbers span.current,
.main ul.page-numbers span.disabled {
    display: inline-block;
    padding: 15px;
    width: 100%;
    text-decoration: none;
}

.main ul.page-numbers a {
    color: #fff;
}




		/* rollover boxes */

		.rollover-grid {
			float: left;
			width: 100%;
			margin: 0 0 10px;
		}

		.rollover-box .reveal-01 {
			float: left;
			position: relative;
			width: 100%;
			height: 200px;
			background: #26aba7;
			margin: 4px 0;
		}

		.rollover-box:nth-of-type(even) .reveal-01 {
			background: #009fe3;
		}

		.rollover-box:nth-of-type(3n) .reveal-01 {
			margin-right: 0;
		}

		.rollover-box .reveal-01 p {
			font-size: 24px;
			line-height: 1.1;
			color: #fff;
			padding: 15px 15px 10px;
			margin: 0;
		}

			.rollover-box.person .reveal-01 .reveal-image {
				width: 100%;
				height: 100%;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: cover;
			}

				.rollover-box.person .reveal-01 .reveal-image.person-01 {
					background-image: url(https://www.healthjobsbnssg.co.uk/assets/img/person-01.jpg);
				}

				.rollover-box.person .reveal-01 .reveal-image.person-02 {
					background-image: url(https://www.healthjobsbnssg.co.uk/assets/img/person-02.jpg);
				}

				.rollover-box.person .reveal-01 .reveal-image.person-03 {
					background-image: url(https://www.healthjobsbnssg.co.uk/assets/img/person-03.jpg);
				}

				.rollover-box.person .reveal-01 .reveal-image.person-04 {
					background-image: url(https://www.healthjobsbnssg.co.uk/assets/img/person-04.jpg);
				}

				.rollover-box.person .reveal-01 .reveal-image.person-05 {
					background-image: url(https://www.healthjobsbnssg.co.uk/assets/img/person-05.jpg);
				}

				.rollover-box.person .reveal-01 .reveal-image.person-06 {
					background-image: url(https://www.healthjobsbnssg.co.uk/assets/img/person-06.jpg);
				}

		.rollover-box a.reveal-02 {
			position: absolute;
			top: 0;
			width: 100%;
			height: 200px;
			background: #daedcd;
			opacity: 0;
			/*transition: opacity 0.1s ease-in-out;*/
			padding: 0;
		}

			.rollover-box.person a.reveal-02 {
				position: absolute;
				top: 0;
				width: 100%;
				height: 200px;
				background: #26aba7;
				opacity: 0;
				transition: opacity 0.1s ease-in-out;
				padding: 0;
			}

			.slide:nth-of-type(odd) .rollover-box.person a.reveal-02 {
				background: #26aba7;
			}

		.rollover-box a.reveal-02 {
			text-decoration: none;
		}

		.rollover-box a.reveal-02 p {
			color: #5a5a5a;
			font-size: 14px;
			line-height: 18px;
			padding: 0 15px 15px 15px;
			margin: 0;
		}

		.rollover-box a.reveal-02 p.title {
			font-size: 24px;
			line-height: 1.1;
			padding: 15px 15px 10px;
			margin: 0;
		}

			.rollover-box.person a.reveal-02 p {
				color: #fff;
				font-size: 24px;
				line-height: 1.1;
				padding: 15px 15px 10px;
				margin: 0;
			}

			.rollover-box.person a.reveal-02 p.job-title {
				font-size: 14px;
				line-height: 16px;
				padding: 0 0 0 15px;
				/*position: absolute;*/
				/*bottom: 15px;*/
				/*width: 50%;*/
			}

			.rollover-box.person a.reveal-02 p.job-title strong {
				font-weight: normal;
			}

		.rollover-box a.reveal-02:hover,
		.rollover-box.person a.reveal-02:hover {
			opacity: 1;
		}

		.rollover-box span.button {
			margin: 0 0 0 15px;
		}

			.rollover-box.person span.button {
				display: table;
				position: absolute;
				bottom: 15px;
				left: 15px;
				font-size: 11px;
				line-height: 1;
				padding: 8px 10px 6px;
				margin: 0;
				/*max-width: 45%;*/
			}


/* /////////////////////  /////////////////////  /////////////////////  /////////////////////  /////////////////////  */
/* /////////////////////  /////////////////////  /////////////////////  /////////////////////  /////////////////////  */
/* /////////////////////  /////////////////////  /////////////////////  /////////////////////  /////////////////////  */

	/* screens 640px and up */

	@media screen and (min-width: 40rem) {


	}

	/* screens 641px and up */

	@media screen and (min-width: 40.06rem) {

	h1.searchResultsHeader {
		margin-bottom: 25px;
	}

	.search-form {
		width: 100%;
		max-width: 857px;
		margin: 20px auto;
		padding: 0 25px;
	}

	.search_input input {
		margin: 0 0 20px;
		padding-right: 40px;
		width: 100%;
	}

	.submitButtonContainer {
		position: relative;
	}

	.submitButtonContainer button {
		position: absolute;
		right: 0;
	    min-width: 1px;
	    text-indent: -10000em;
	    border: none;
	    width: 41px;
	    height: 41px;
	    background: #26aba7 url(https://www.healthjobsbnssg.co.uk/assets/img/search-icon.png) no-repeat scroll center center;
	    background-size: 13px;
	    padding: 0;
	}

	.submitButtonContainer button:hover {
		background-color: #009390;
	}

	.main .searchResults p {
	    margin: 20px auto 25px;
	    padding: 0 25px;
	    max-width: 857px;
	    text-align: left;
	}

	h2.searchResultsHeader {
        font-size: 39px;
        line-height: 45px
    }

    .main .searchResult div,
    .main .searchResult h2 {
       text-align: left;
    }

    .main .searchResults {
	    width: 100%;
		margin: 0 auto 50px;
	}

	.main ul.page-numbers:before {
		content: "my great code";
	}


    a.formNav {
        float: right;
        font-size: 13px;
        line-height: 14px;
        min-width: 142px;
        width: auto;
        padding: 5px 8px;
		margin-right: 8px;
        text-align: center;
        text-transform: uppercase
    }
	
	a.formNav.left-arrow {
		text-align: right;
		min-width: 100px;
	}
	
	a.formNav.right-arrow {
		margin-right: 0;	
		text-align: left;
		min-width: 100px;
	}
	
	a.formNav.left-aligned {
        float: left;
		margin-right: 8px!important;	
	}
	
	.button-grid {
		margin-top: 50px;
		width: 316px;	
	}
	
	.button-grid a.formNav {
		min-width: 150px;	
	}

	
    a.formNav.right-arrow:after,
	a.searchView:after,
	a.searchNav:after {

    }

    .main ul.page-numbers {
    	margin-bottom: 50px;
    	clear: both;
    }

    .main ul.page-numbers li,
    .main ul.page-numbers span {
        display: inline-block;
        color: #fff;
        width: auto;
        margin: 0 10px 0 0
    }

    .main ul.page-numbers li.last {
        margin-right: 0
    }

    .main ul.page-numbers span.current {
     	cursor: default;   
    }

    .main ul.page-numbers a,
    .main ul.page-numbers span.current,
    .main ul.page-numbers span.disabled {
        width: auto;
        display: inline-block;
        padding: 10px 13px;
    }

    .main ul.page-numbers a {
        
    }

    .main ul.page-numbers a:hover {
        
    }

	}

	/* screens 768px and up */

	@media screen and (min-width: 48rem) {

		.landing .button-container {
			background: transparent;
			position: absolute;
		    bottom: 15px;
		    width: 100%;
		}

			.landing .button-container a {
				font-size: 16px;
				margin: 0 10px 1rem;
			}

			.landing .mailto a {
			    font-size: 14px;
			}

		.main-pic {
			display: table;
			width: 100%;
		}

		.main-pic img,
		.main-pic .video-content {
			display: block;
			max-width: 100%;
			width: 100%;
		}

		.main-pic img.video-alternative {
			display: none;
		}

		/* */

		.white-section p img {
			width: auto;
			float: left;
			margin: 0 20px 25px 0;
		}


		/* people result */

		.main-pic.people-result img {
			width: calc(50% + 4px);
			border-right: 8px solid #fff;
		}

		.main-pic.smaller.people-result .text-container-outer {
		    left: 50%;
		    max-width: 50%;
		}

		.main-pic.smaller.people-result .text-container-inner h1 {
			text-align: left;
		}


		/* pull-quote */

		.pull-quote {
			padding: 20px;
			margin-bottom: 10px;
		}

			.pull-quote.half-width {
				float: left;
				width: 48%;
				padding: 20px;
				margin-right: 25px;
				margin-bottom: 10px;
			}

		.pull-quote p {
			font-size: 21px;
			line-height: 1.1;
		}


		/* rollover boxes */

		.rollover-grid {
			/*margin: 20px 0 30px;*/
			margin: 0 0 30px;
		    float: left;
		    width: 100%;
		}

		.rollover-box .reveal-01 {
			width: calc(33% - 3px);
			height: 288px;
			margin: 4px 8px 4px 0;
		}

			.slide .rollover-box .reveal-01 {
				width: calc(100% - 8px);
			}

		.rollover-box:nth-of-type(3n) .reveal-01 {
			margin-right: 0;
		}

		.rollover-box .reveal-01 p {
			font-size: 28px;
			line-height: 32px;
			padding: 15px 25px;
		}

		.rollover-box a.reveal-02,
		.rollover-box.person a.reveal-02 {
			height: 288px;
		}

		.rollover-box a.reveal-02 p {
			font-size: 14px;
			line-height: 18px;
			padding: 0 25px 25px;
		}

		.rollover-box a.reveal-02 p.title {
			font-size: 28px;
			line-height: 32px;
			padding: 15px 25px 15px;
			margin: 0;
		}

			.rollover-box.person a.reveal-02 p {
				font-size: 26px;
				line-height: 1.1;
				padding: 15px 25px 15px 15px;
				margin: 0;
			}

		.rollover-box span.button {
			margin: 0 0 0 25px;
		}

		/* button next to heading */

		a.button.next-to-heading {
			float: right;
		    margin: 6px 0;
		}

		/* sign up */

		.signup button {
			float: right;
			margin-top: -46px;
		}

		/* footer */

		.footer {
			padding: 0 25px;
		}

		.footer .row {
			padding: 10px 0;
		}

		.footer ul.text-links {
			margin: 3px 0;
			font-size: 14px;
		}

		.footer ul.text-links li {
			display: inline-block;
			margin: 0;
		}

		.footer ul.text-links li a {
			transition: all 0.1s ease-out;
		}

		.footer ul.text-links li a:hover {
			color: #26a6a8;
		}

		.footer ul.text-links li:after {
			content: " |";
			margin: 0 4px;
		}

		.footer ul.text-links li:last-of-type:after {
			content: none;
		}

		.footer .soc-med ul {
			text-align: right;
		}

		.footer .soc-med li {
			margin: 0;
			height: 20px;
		}


	}



.credit p {
	font-size: 11px;
	line-height: 16px;
	font-weight: 500;
	text-align: left;
}

	@media screen and (min-width: 1024px) {
		.credit p {
			font-size: 12px;
			line-height: 18px;	
		}
	}

	/* */

	/* screens 801px and up */

	@media screen and (min-width: 50.06rem) {
		
	}

	/* screens 1024px and up */

	@media screen and (min-width: 64rem) {

		#menu,
		.mm-menu-header {
			display: none;
		}

		html.mm-right.mm-opening .mm-slideout {
		    transform: translate(0px, 0px)!important;
		}

		.wide-row {
			/*max-width: 80rem;*/
			margin: 0 auto;
			padding: 0;
		}

		.main {
		  padding: 40px 0 0;
		}

		.main ul,
		.main ol {
			/*margin-left: 2rem;*/
		}

		.main-nav {
			display: block;
		}

		.main-logo-area {
			display: block;
		}

		.main-logo-area .logo {
			width: 194px;
			margin: 23px 8px 0;
		}

			.landing .mast-head.fixed {
				margin-bottom: 14px;
			}

			.landing .main-logo-area {
				padding-top: 0;
			}

		.mailto,
		.search,
		.soc-med,
		.nhs-logo {
			display: block;
		}

			.landing .soc-med {
				float: right;
			}


		.white-section {
			padding: 30px 25px;
		}


		.main-pic {
			margin-bottom: -20px;
		    position: relative;
		    top: -40px;
		    height: 242px;
			background: #f3f0ef;
		}

		.home .main-pic {
			height: 384px;
		}

		@media screen and (min-width: 1280px) {
			.main-pic {
				height: 304px;
			}

			.home .main-pic {
				height: 482px;
			}
		}

		@media screen and (min-width: 1440px) {
			.main-pic {
				height: 342px;
			}

			.home .main-pic {
				height: 542px;
			}
		}

		@media screen and (min-width: 1600px) {
			.main-pic {
				height: 380px;
			}

			.home .main-pic {
				height: 604px;
			}
		}


		/* people result */

		.main-pic.smaller.people-result .text-container-inner h1 {
			padding: 0 70px;
		}

		h2.larger {
		    /*font-size: 3rem;*/
		}

		/* pull-quote */

		.pull-quote {
			padding: 40px 40px 40px 47px;
			margin-bottom: 25px;
		}

			.pull-quote.half-width {
				float: left;
				width: 46.75%;
				margin-right: 30px;
				margin-bottom: 25px;
				padding: 40px 40px 40px 47px;
			}

		.pull-quote p {
			font-size: 36px;
			line-height: 1.2;
			width: 85%;
		}

			.pull-quote.half-width p {
				width: 100%;
			}

		.pull-quote.half-width + h3,
		.pull-quote.half-width + h4,
		.pull-quote.half-width + h5,
		.pull-quote.half-width + h6,
		.pull-quote.half-width + h2 {
			margin-top: 0;
		}

		/* spacer */

		.spacer {
			float: left;
			width: 100%;
			padding: 25px 0;
		}

		.spacer-02 {
			float: left;
			width: 100%;
			padding: 15px 0;
		}

		/* rollover boxes */

		.rollover-box .reveal-01 p {
			font-size: 40px;
			line-height: 42px;
			padding: 16px 22px;
		}

		.rollover-box a.reveal-02 p {
			font-size: 16px;
			line-height: 20px;
			padding: 0 60px 23px 25px;
		}

		.rollover-box a.reveal-02 p.title {
			font-size: 28px;
			line-height: 1.2;
			padding: 15px 25px 15px;
		}

			.rollover-box.person a.reveal-02 p {
				font-size: 28px;
				line-height: 1.1;
				padding: 20px 25px 15px;
			}

			.rollover-box.person a.reveal-02 p.job-title {
				padding: 0 25px;
				/*bottom: 20px;*/
				/*width: 60%;*/
			}

			.rollover-box.person span.button {
				bottom: 20px;
				left: 20px;
				/*max-width: 35%;*/
			}

		/* button next to heading */

		a.button.next-to-heading {
		    /*margin: 15px 0px 15px 10px;*/
		    margin: 5px 0 15px 10px;
		}

		/* signup */

		.signup {
			width: auto;
			background-color: #fff;
		    float: left;
		    height: auto;
		    margin: 15px 0;
		    padding: 0;
			border-radius: 18px;
			-moz-border-radius: 18px;
			-webkit-border-radius: 18px;
		}

		.signup input {
			width: 124px;
		}

		.signup .input.text {
			margin: 0;
			width: auto;
		}

		.signup button {
			width: auto;
			margin-top: 0;
		}

		/* spotlights */

		.main .spotlight h3 br,
		.main .spotlight h4 br {
			display: block;
		}

		/* cta boxes */

		.large-2 + .clear {
			margin-bottom: 70px;
		}

		a.cta-box .text-container {
		    /*height: 100px;*/
		}

		a.cta-box .text-container-02 {
			/*min-height: 120px;*/
		}

		a.cta-box p span.button {
			max-width: 160px;
		}

		span.circle-container {
			margin-bottom: 42px;
		}

		span.circle-container p {
			font-size: 26px;
		}

		/* */

		.feature-box h2 {
			font-size: 36px;
			line-height: 36px;
			margin-bottom: 40px;
		}

		/* */

		.find-us h2 {
			font-size: 36px;
			line-height: 36px;
			text-align: left;
			float: left;
			margin: 0 20px 17px 0;
		}

		.find-us p {
			text-align: left;
			font-size: 21px;
			line-height: 21px;
			padding-top: 11px;
			padding-bottom: 0;
		}

		.find-us p b {
			display: inline-block;
		}

		.search-form {
			margin: 0 auto;
		}

		.search_input input {
			margin: 0 0 38px;
		}

		.main .searchResults li {
		    padding: 35px 25px 32px;
		}

		.main .searchResults ol li .searchResult {
			padding: 0 25px;
		}

	}


	/* screens 1180px and up */

	@media screen and (min-width: 73.75rem) {

		

	

	}

	/* screens 1200px and up */

	@media screen and (min-width: 75rem) {

	}


	/* screens 1280px and up */

	@media screen and (min-width: 80rem) {

	}

	/* */


	@media screen and (min-width: 64rem) and (min-height: 575px) {


	}

	/* ///////////////////////////////////////////////////////////// */

	@media screen and (min-width: 64rem) and (max-height: 700px) {

	}

	/* phone landscape image tweaks */

	@media screen and (max-width: 768px) and (max-height: 400px) {
		
	}

	/* extra tweaks */
		
		.rollover-box.person .reveal-01 {
			height: 200px;
			margin-bottom: 210px;
		}

		.rollover-box.person a.reveal-02 {
			opacity: 1;
			top: 200px;
		}

		.rollover-box:nth-of-type(2n) a.reveal-02 {
			background: #d2e5f8;
		}



		.rollover-box.person:nth-of-type(2n) a.reveal-02 {
			background: #009fe3;
		}

		.rollover-box.person:nth-of-type(2n) a.reveal-02 p.title,
		.rollover-box.person:nth-of-type(2n) a.reveal-02 p {
			color: #fff;
		}



		@media screen and (max-width: 639px) {
			.people-carousel .slick-prev,
			.people-carousel .slick-next {
				top: 25%;
			}

			.rollover-box a.reveal-02 {
				opacity: 1;
				background: #26aba7;
			}

			.rollover-box:nth-of-type(odd) a.reveal-02 p.title,
			.rollover-box:nth-of-type(odd) a.reveal-02 p {
				color: #fff;
			}

		}

		@media screen and (min-width: 768px) {

			.rollover-box.person .reveal-01 {
				height: 288px;
				margin-bottom: 292px;
			}

			.rollover-box.person a.reveal-02 {
				top: 288px;
			}

		}


	/* /////////////////////  /////////////////////  /////////////////////  /////////////////////  /////////////////////  */
	/* /////////////////////  /////////////////////  /////////////////////  /////////////////////  /////////////////////  */
	/* /////////////////////  /////////////////////  /////////////////////  /////////////////////  /////////////////////  */

.g-recaptcha {
	display: table;
	margin: 0 auto 15px;
	background: #fff;
	border: 2px solid #F1EDE5;
	width: 100%;
	text-align: center;
	padding: 15px;
	border-radius: 20px;
}

.g-recaptcha > div {
	width: 100%!important;
}

@media screen and (min-width: 768px) {
	.g-recaptcha,
	input[type="file"],
	a#contactUsResetCsvFileSelection {
		margin-left: 75px;
		width: calc(100% - 75px);
	}

}

.cookie-bar {
	position: fixed;
	bottom: 0;
	z-index: 2000;
	background: #f3f0ef;
	padding: 10px;
	width: 100%;
}

.cookie-bar.ok {
	display: none;
}

.cookie-bar p {
	font-size: 12px;
	line-height: 15px;
	color: #4b4b4b;
	font-weight: 500;
}

.cookie-bar br {
	display: none;
}

.cookie-bar p a {
	font-size: 12px;
	line-height: 15px;
	color: #4b4b4b;
	font-weight: 500;
	text-decoration: underline;
}

.cookie-bar a.button {
	background: #2c64b9;
	font-size: 12px;
	text-align: center;
	width: 100%;
	margin: 0 0 10px;
	padding: 9px;
}

.cookie-bar a.button:hover {
	background: #009390;
}

@media screen and (min-width: 640px) {
	.cookie-bar p {
		padding: 0 20px 0 0;
	}
}

@media screen and (min-width: 1024px) {

	.cookie-bar {
		padding: 0;
		bottom: auto;
		top: 0;
	}

	.cookie-bar + #page {
		margin-top: 67px;
	}

	.cookie-bar.ok + #page {
		margin-top: 0;
	}

	.cookie-bar p {
		padding: 0 20px 0 0;
		margin: 10px 0 12px;
	}

	.cookie-bar br {
		display: block;
	}

	.cookie-bar a.button {
		width: calc(100% - 8px);
		margin: 18px 0 0 8px;
		padding: 9px;
	}

	.cookie-bar .large-10 {
		width: 80%;
	}

	.cookie-bar .large-1 {
		width: 10%;
	}

}