/**
 * Custom styles for theme
 */

html,
body {
	height: 100%;
}

body * {
     font-family: 'Open Sans', sans-serif;
     /* font-family: 'Lato', sans-serif;  */
     /*font-family: 'Roboto', sans-serif;*/
}
html {
	-webkit-font-smoothing:antialiased !important;
}

.txtcenter{
	text-align: center;
}
.txtright{
	text-align: right;
}
img{
	max-width: 100%;
}
.site-title{
	margin: 0;
}
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {
    clear: both;
}
.cf {z
    *zoom: 1;
}

/* FooBox Forms */
.fbx-item-html {
	width:100% !important;
}

.full-nav-section strong {
	font-family: "Montserrat" !important;
}

/* ***** */
/* LINKS */
/* ***** */

.section-job-info a {
	color: #fff;
}

.section-job-info a.btn-cta {
	color: white;
	font-weight: bold;
	text-decoration: underline;
	transition: 0.5s;
	border: 1px solid #fff;
	margin-bottom: 10px;
}

.section-job-info a:hover {
	text-decoration: none;
	color: white;
}

.btn-cta,
.frm_style_formidable-style.with_frm_style .frm_submit button {
	display: block;
	text-align: center;
    background: transparent;
    border-radius: 8px;
    border: 1px solid white;
    padding: 10px 1rem;
    color: rgba(255,255,255,0.7);
    font-size: 0.875rem;
    text-transform: uppercase;
    font-weight: bold;
    transition: all 0.5s ease;
    text-decoration: none !important;
}

.btn-cta:hover,
.frm_style_formidable-style.with_frm_style .frm_submit button:hover {
	background: white;
	text-decoration: none;
	border-color: white !important;
}




/************************************************************************************
SEARCH
*************************************************************************************/
.searchback{
	position: fixed;
	top: 0;
	z-index: 99999;
	background: rgba(0,0,0,0.80);
	width:100%;
	height:100%;
	display: none;
}
.searchformholder{
	position: fixed;
	top:45%;
	left:0;
	right: 0;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	display: none;
	z-index: 999999;
	width: 100%;
	max-width: 700px;
}
.searchformholder input.search-field::-webkit-input-placeholder {
   color: #fff;
}
.searchformholder input.search-field:-moz-placeholder { /* Firefox 18- */
   color: #fff;
}
.searchformholder input.search-field::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
}
.searchformholder input.search-field:-ms-input-placeholder {
   color: #fff;
}
.searchformholder input.search-field {
  height: 70px;
  font-size: 55px;
  display: inline-block;
  font-weight: 300;
  border: none;
  outline: none;
  color: #fff;
  background: none;
  cursor: pointer;
  border-bottom: 1px solid #fff;
  width: 83%;
  cursor: text;
}
.searchformholder .search-form input[type="submit"] {
  height: 67px;
  width: 63px;
  display: inline-block;
  color:red;
  float: right;
  background: url(../images/search-icon.png) center center no-repeat;
  text-indent: -10000px;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0.4;
  cursor: pointer;
  transition: opacity .4s ease;
}
.searchformholder .search-form input[type="submit"]:hover {
  opacity: 0.8;
}


/************************************************************************************
PAGE TEMPLATE: HEADER
*************************************************************************************/

.site-header {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.admin-bar .site-header {
	top: 46px;
}

.home-link {
	display: block;
	width: 205px;
	margin: 2rem auto 1rem auto;
	transition: 0.5s;
	position: relative;
	z-index: 1;
}

/* *********** */
/* MENU TOGGLE */
/* *********** */

.slideout-menu-toggle {
	text-align: center;
	background: #fff;
	padding: 10px;
}

.slideout-menu-toggle a {
	color: #13133C;
	text-shadow: 0 0 8px rgba(255,255,255,0.6);
}

.slideout-menu-toggle i {
	margin-right: 0.3rem;
}

/************************************************************************************
MOBILE NAVIGATION
*************************************************************************************/

.slideout-menu {
	width: 250px;
	position: fixed;
	top: 0;
	left:-250px;
	height: 100%;
	background: rgba(0,0,0,0.85);
	z-index: 100;
	overflow-y: scroll;
	text-align: center;
}

.slideout-menu .menu i {
	font-family: "FontAwesome";
	font-size: 1.5rem;
}
.screen-reader-text{
	right: 0;
}
.slideout-menu h3 {
	margin: 0 0 2rem 0;
	position: relative;
	padding: 12px 10px;
	color: #fff;
	font-size: 1.2em;
	font-weight: 400;
}

/* Style up the toggle menu "x" */
.slideout-menu .slideout-menu-toggle {
	position: absolute;
	top: 12px;
	right: 10px;
	display: inline-block;
	padding: 6px 9px 5px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	line-height: 1;
	background: #222;
	color: #999;
	text-decoration: none;
	vertical-align: top;
}

.slideout-menu .slideout-menu-toggle:hover {
	color: #fff;
}

/* Give the menu container some love */
.slideout-menu ul {
	list-style: none;
	font-weight: 300;
	/* border-top: 1px solid #151515;
	border-bottom: 1px solid #454545; */
	margin: 0;
	padding: 0;
}

/* And now the list items */
.slideout-menu ul li {
	/* border-top: 1px solid #454545;
	border-bottom: 1px solid #151515; */
}

/* The anchor elements within the list items */
.slideout-menu ul li a {
	position: relative;
	display: block;
	padding: 10px;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
}

.slideout-menu ul li a button  {
	position: absolute;
	right: 10px;
}

.slideout-menu ul li a:hover {
	/*background: #000;
	color: #fff;*/
}

.slideout-menu ul li a i {
	position: absolute;
	top: 15px;
	right: 10px;
	opacity: .5;
}

.dropdown-toggle {
    background-color: transparent;
    border: 0;
    content: "";
    height: 42px;
    padding: 0;
    position: absolute;
    text-transform: lowercase;
    top: 3px;
    right: 0;
    width: 42px;
}

.dropdown-toggle:after {
	font-family: "FontAwesome";
    color: white;
    content: "\f078";
    line-height: 42px;
    position: relative;
    top: 0;
    left: 1px;
    width: 42px;
}

.dropdown-toggle.sub-menu-on:after {
	content: "\f077";
}

/* Submenu */
.slideout-menu ul .sub-menu {
	display: none;
}

.slideout-menu ul .sub-menu li {
	border: 0;
	background: #706f6f;
}

/* ********** */
/* SOCIAL BAR */
/* ********** */

.social-bar span {
	display: inline-block;
}

.social-bar span i {
	color: black;
}

.social-bar span .fa-circle {
	color: rgba(255,255,255,0.5);
	transition: 0.5s;
}

.social-bar a:hover .fa-circle{
	color: rgba(255,255,255,1);
}

.slideout-menu .social-bar {
	border-top: 1px solid rgba(255,255,255,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.2);
	width: 90%;
	margin: 2rem auto 0 auto;
	padding: 1rem 0;
}


/************************************************************************************
FULL NAVIGATION (TABLET)
*************************************************************************************/

.full-nav {
	background: #13133b;
	padding: 1rem;
	display: none;
}

.full-nav-section ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.full-nav-section ul li {
	display: inline-block;
}

.full-nav-section ul li a {
	color: #00274C;
	display: inline-block;
	margin-right: 0.5rem;
	font-size: 0.875rem;
	font-family: "Montserrat";
	transition: 0.5s;
}

/* .full-nav-section ul li a:hover, */
.full-nav-section ul li.current-menu-item a,
.single-vacancy .full-nav-section ul li.menu-item-object-vacancy a,
.full-nav-section ul li.current-page-ancestor a {
	font-weight: bold;
}

/* ************ */
/* SOCIAL ICONS */
/* ************ */

.full-nav .social-bar {
	position: absolute;
	top: 0.7rem;
	right: 1rem;
}

.full-nav .social-bar .fa-lg {
	font-size: 0.875rem;
}



/************************************************************************************
PAGE TEMPLATE: BXSLIDER
*************************************************************************************/

/* Hides bxslider images until JS has fully loaded */
#siteslides {
	visibility: hidden;
	/*max-width: 2000px;*/
	margin: 0 auto;
	height: 400px;
	position: relative;
}

.bxslider li {
	height: 400px;
	background-size: cover;
	background-position: center;
}

.bxslider .slidecaption {
	text-align: center;
	border-top:1px solid rgba(0,0,0,0.5);
	border-bottom:1px solid rgba(0,0,0,0.5);
	width: 80%;
	max-width: 1180px ;
	margin-left: auto;
	margin-right: auto;

	position: absolute;
	top: 11rem;
	left: 0;
	right: 0;
	bottom: auto;

	/*transform: translateY(-50%);
	-webkit-transform: translateY(-50%);*/
}

.bxslider .slidecaption h2 {
	font-family: 'Montserrat', sans-serif;
	color: rgba(0,0,0,0.5);
	letter-spacing: -2px;
	/*font-size: 2.5rem;*/
	text-shadow: 0px 0px 15px rgba(255,255,255,0.8);
	margin: 0 0 0.5rem 0;

	/*font-size: 2.5rem;*/
    line-height: 1;
}

.bxslider .slidecaption p {
	font-family: 'Montserrat', sans-serif;
	color: rgba(0,0,0,0.5);
	line-height: 1.1;
	text-shadow: 0px 0px 15px rgba(255,255,255,1);
	margin: 0 0 0.5rem 0;
	font-weight: bold;
}

/* *********** */
/* BX CONTROLS */
/* *********** */

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	bottom: 1rem;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: rgba(255,255,255,0.5);
	box-shadow: 0 0 10px rgba(0,0,0,1);
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: white;
}

/************************************************************************************
SECTION: WELCOME
*************************************************************************************/

.section-welcome {
	padding: 2rem 5%;
	background: #3a4653;
	color: white;
	text-align: center;
	position: relative;
}

.section-welcome h2 {
	margin: 0 0 2rem 0;
	font-weight: bold;
	font-size: 1.25rem;
}

.section-welcome .jwk-logo {
	width: 220px;
	margin: 0 auto 2rem auto;
	display: block;
}

/************************************************************************************
SECTION: BANNER-1 / BANNER-2
*************************************************************************************/

.section-banner-1,
.section-banner-2 {
	/* min-height: 800px; */
	/* min-height: 400px; */
	/*background: transparent;
	position: relative;
	overflow: auto;
	padding: 1rem;*/
}

.section-banner-1,
.section-banner-2 {
	padding: 1rem;
	position: relative;
}

.banner-content {
	/*
	position: absolute;
	width: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	*/
	background: rgba(19,25,65,0.6);
	padding: 2rem 1rem;
	text-align: center;
	color: white;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
	transition: 0.5s;
}

.banner-content a {
	color: white;
	text-decoration: none;

}

.banner-content a:hover {
	text-decoration: none;
}

.banner-content h2,
.banner-content p {
	margin: 0;
}

.banner-content h2 {
	font-family: "Montserrat", sans-serif;
	line-height: 1.1;
	margin-bottom: 0.5rem;
}

.banner-content p {
	line-height: 1.3;
	margin-bottom: 0.5rem;
}

.banner-content .is-link {
	text-transform: uppercase;
	font-size: 0.875rem;
	font-weight: bold;
	color: #a4a6b3
}

/************************************************************************************
SECTION: SERVICES
*************************************************************************************/

.section-services {
	background: #161e45;
	text-align: center;
	padding: 3rem 5%;
	position: relative;
}

.section-services a {
	color: #9da1b1;
	/* display: inline-block; */
	margin-bottom: 2rem;
}

.section-services a:hover {
	text-decoration: none;
}

.section-services .service-icon {
	border: 1px solid #373e5f;
	max-width: 100px;
	margin: 0 auto 1rem auto;
}

.section-services .service-icon:last-of-type {
	margin-bottom: 0;
}

.section-services .service-icon img {
	display: block;
	padding: 0.8rem;
	background: #161e45;
	border-radius: 100%;
	transition: 0.5s;
	transform: scale(1.2);
}

.section-services a:hover .service-icon img {
	transform: scale(1.5);
}

.section-services h2 {
	color: white;
	margin: 0 0 0.5rem 0;
	font-size: 1.2rem;
}

.section-services p {
	max-width: 80%;
	margin: 0 auto;
	font-size: 0.75rem;
}

/************************************************************************************
SECTION: CLIENTS
*************************************************************************************/

.section-clients {
	text-align: center;
	padding: 3rem 5%;
	background: #085385;
	color: white;
}

.section-clients h2 {
	margin: 0 0 3rem 0;
	line-height: 1.1;
}

.section-clients .client-item {
	margin-bottom: 2.5rem;
}


.section-clients .client-item:last-of-type {
	margin-bottom: 0;
}

.section-clients .client-item a {
	color: white;
}

.section-clients .client-item a:hover {
	text-decoration: none;
}

.section-clients .client-item img {
	display: block;
	width: 150px;
	margin: 0 auto 1rem auto;
	transition: 0.5s;
}

.section-clients .client-item a:hover img {
	transform: scale(1.2);
}

.section-clients h3 {
	display: none;
	margin: 0;
	font-weight: normal;
	font-size: 1rem;
	color: rgba(255,255,255,0.6);
}


/************************************************************************************
FOOTER
*************************************************************************************/

.site-footer {
	background: #2c2e34 url("../images/footer-bg.jpg");
	background-size: cover;
	background-position: center;
	color: white;
	margin-top: 0 !important;
}

.ftr-contact {
	padding: 3rem 5% 0 5%;
}

.site-footer a {
	color: white;
}

.site-footer p {
	margin-bottom: 1rem;
}

/* *********** */
/* Email & Tel */
/* *********** */

.ftr-cont-links a {
	font-weight: bold;
	font-family: "Montserrat", sans-serif;
}

/* ************ */
/* Social Stuff */
/* ************ */

.ftr-social {
	padding: 0 5% 3rem 5%;
}

.ftr-social ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.ftr-social ul li a {
	font-weight: bold;
	transition: 0.5s;
}

.ftr-social ul li a:hover {
	text-decoration: none;
	color: #9DA1AE;
}

/* ********* */
/* Site Info */
/* ********* */

.site-info {
	background: rgba(0,0,0,0.5);
	color: rgba(255,255,255,0.6);
	font-size: 0.75rem;
	padding: 1rem 5%;
	text-transform: uppercase;
}

.site-design-by a {
	font-weight: bold;
}

/* ************ */
/* CHARITY LOGO */
/* ************ */

.ftr-charity {
	padding: 2rem 5%;
	position: relative;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.ftr-charity::before,
.ftr-charity::after {
	content: "";
	position: absolute;
	top: 0;
	left: 5%;
	right: auto;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	height: 1px;
	background: white;
}

.ftr-charity::after {
	top: auto;
	bottom: 0;
}

.ftr-charity::after {

}

.ftr-charity h2 {
	font-size: 1rem;
	margin: 0 0 0.8rem 0;
}

.ftr-charity img {
	max-width: 165px;
}




/************************************************************************************
TEMPLATE: CONTACT
*************************************************************************************/

.contact-page-wrap {
	padding: 11rem 5% 3rem 5%;
	text-align: center;
	color: white;
}

.contact-page-wrap
	font-size: 1.5625rem;
	margin:0 0 1.5rem 0;
}

/* ************ */
/* CONTACT FORM */
/* ************ */

.contact-form-wrap {
	margin-bottom: 2rem;
}

.frm_style_formidable-style.with_frm_style label.frm_primary_label {
	position: relative;
	text-transform: uppercase;
	font-size: 0.75rem;
}

.frm_style_formidable-style.with_frm_style .frm_required {
	position: absolute;
	right: 0;
	color: rgba(255,255,255,0.4);
}

.frm_style_formidable-style.with_frm_style .frm_required::after {
	content: "REQUIRED";
}

.frm_style_formidable-style.with_frm_style .frm_submit button {
	background: transparent;
	box-shadow: none;
	border: 2px solid white;
	color: white;
	padding: 0.5rem 3rem;
}

/* *********** */
/* CONTACT MAP */
/* *********** */

.contact-map-wrap {
	margin-bottom: 3rem;
}

#contact-map {
	width: 100%;
	height: 350px;
	border-radius: 10px;
}

/* *************** */
/* CONTACT DETAILS */
/* *************** */

.contact-details,
.contact-details-inner  {
	position: relative;
}

.contact-details-inner {
	padding: 1rem 0;
}

.contact-details::before {
	content: "";
	width: 1rem;
	height: 1rem;
	border-top:2px solid rgba(155,255,255,0.5);
	border-left:2px solid rgba(155,255,255,0.5);
	position: absolute;
	top: 0;
	left: 0;
}

.contact-details::after {
	content: "";
	width: 1rem;
	height: 1rem;
	border-top:2px solid rgba(155,255,255,0.5);
	border-right:2px solid rgba(155,255,255,0.5);
	position: absolute;
	top: 0;
	right: 0;
}

.contact-details-inner::before {
	content: "";
	width: 1rem;
	height: 1rem;
	border-bottom:2px solid rgba(155,255,255,0.5);
	border-left:2px solid rgba(155,255,255,0.5);
	position: absolute;
	bottom: 0;
	left: 0;
}

.contact-details-inner::after {
	content: "";
	width: 1rem;
	height: 1rem;
	border-bottom:2px solid rgba(155,255,255,0.5);
	border-right:2px solid rgba(155,255,255,0.5);
	position: absolute;
	right: 0;
	bottom: 0;
}

.contact-dets-wrap {
	font-size: 0.875rem;
}

.contact-dets-wrap a {
	color: white;
}

.contact-dets-wrap .col-3 p{
	margin-bottom: 0;
}

/************************************************************************************
PAGE TEMPLATE: NEWS
*************************************************************************************/

.curr-page-banner {
	min-height: 400px;
	position: relative;
	background-size: cover;
	background-position: center;

}

.title-wrap {
	position: absolute;
	left: 5%;
	bottom: 4rem;
}

.news-page-banner .title-wrap h1 {
	margin: 0;
	color: white;
	font-size: 1.5rem;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	padding: 0 2%;
	text-shadow: 0 0 15px rgba(0,0,0,0.7);
}

.news-page-wrap {
	background: #085385;
	padding: 2rem 5%;
	position: relative;
}

.part-news {
	overflow: auto;
}

.part-news .page-title {
	text-align: center;
	margin: 0 0 1em 0;
	position: relative;
	padding-bottom: 0.5em;
}

.part-news .page-title::after {
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    /*background: url(https://jwkane.co.uk/wp-content/themes/cornell-starter/images/dotted-border.png) repeat-x;*/
}


.part-news .page-title span {
	color: #666;
	text-transform: uppercase;
	line-height: 0.9;
	font-size: 2.5rem;
}

.part-news .page-title span.line-1 {
	font-weight: normal;
}

.post-item {
	margin-bottom: 35px;
	position: relative;
	padding-bottom: 2em;
	border-bottom: 2px solid rgba(255,255,255,0.4);
}

.post-item::after {
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    /*background: url(https://jwkane.co.uk/wp-content/themes/cornell-starter/images/dotted-border.png) repeat-x;*/
}

.post-item p {
	color: rgba(255,255,255,0.5);
	font-weight: bold;
}

.post-header {
	margin-bottom: 10px;
}

.post-item-date {
	/*display: inline-block;*/
	float: left;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	background: white;
	margin-right: 5%;
	min-width: 40px;
}

.post-item-day {
	background: white;
	color: #085385;
	font-size: 1.2rem;
	line-height: 34px;
	font-weight: 700;
	padding: 0 5px;
	min-width: 40px;
}

.post-item-month {
	color: #085385;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 26px;
	padding: 0 5px;
	min-width: 40px;
}

.post-header-title {
	float: left;
	width: 75%;
	max-width: 450px;
	position: relative;
	min-height: 60px;
}

.post-header-title h2,
.post-header-title h2 a {
	display: block;
	width: 100%;
	margin: 0;
    color: white;
    font-size: 1.1rem;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
  	position: absolute;
  	top: 50%;
  	transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
}

.single-post .post-content {
	margin-bottom: 2rem;
}

.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6,
.post-content a {
	color: white;
}

.post-content p:first-child {
	text-transform: none;
}

.post-content p,
.post-content ul li,
.post-content ol li {
	font-size: 0.875rem;
	color: rgba(255,255,255,0.7);
	font-weight: normal;
}

.post-content a {
	transition: all 0.5s ease;
	color: white;
}

.post-footer {
	clear: both;
}

.post-footer a.fp-btn {
	display: inline-block;
	background: transparent;
	border-radius: 8px;
	border: 1px solid white;
	padding: 10px 2rem;
	color: rgba(255,255,255,0.7);
	font-size: 0.875rem;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	transition: all 0.5s ease;
}

.post-footer a.fp-btn:hover {
	text-decoration: none;
	background: white;
	color: #085385;
}

/************************************************************************************
PAGENAVI
*************************************************************************************/

.wp-pagenavi {
	padding: 0;
}

.wp-pagenavi a.page,
span.extend,
a.last {
 	display: none;
 }

 .wp-pagenavi span.pages {
 	color: white;
 }

 .wp-pagenavi span:first-child {
 	border: 0;
 	padding-left: 0;
 	font-weight: bold;
 	font-weight: normal;
 }

 .wp-pagenavi span.current {
 	background: white;
 	border:1px solid white;
 	color: #085385;
 	font-weight: bold;
 }

 .wp-pagenavi a,
 span.extend {
 	color: white;
 	background: transparent;
 	border-color: transparent;
 }

/************************************************************************************
SIDEBAR
*************************************************************************************/

.sidebar-news {
	margin-top: 2rem;
}

.sec-content .widget {
	margin-bottom: 45px;
}

.sec-content h3 {
	margin-top: 0;
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	position: relative;
	margin: 0;
	padding-bottom: 1rem;
}

.sec-content h3::after {
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    /*background: url(https://jwkane.co.uk/wp-content/themes/cornell-starter/images/dotted-border.png) repeat-x;*/
}

.form-title h3 {
	margin-top: 0;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 22px;
}

.sec-content h3 span {
	color: #d95e00;
}

.form-title h3 span {
	color: #d95e00 !important;
	font-size: 22px;
}

.sec-content h3 span.word2 {
	font-weight: 700;
}

.form-title h3 span.word2 {
	font-weight: 700;
}

.sec-content ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.sec-content ul li {
	padding: 8px 0;
	border-bottom: 1px solid rgba(255,255,255,0.4)
}

.sec-content ul li a,
.sec-content ul li a:visited {
	font-size: 1rem;
	color: rgba(255,255,255,0.6);
    font-size: 1.1rem;
    line-height: 1.1;
    letter-spacing: -1px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.5s;
}

.sec-content ul li a:hover {
	color: white;
	text-decoration: none;
}

.sec-content ul li .post-date {
	display: block;
	font-size: 0.875rem;
	color: rgba(255,255,255,0.4);
	text-transform: uppercase;
}

.sec-content .widget_archive ul li {
	padding: 0;
}

.sec-content .widget_archive ul li a {
	color: rgba(255,255,255,0.4);
	font-weight: normal;
	padding: 8px 0;
	transition: all 0.5s ease;
}

.sec-content .widget_archive ul li a:hover {
	color: white;
	text-decoration: none;
}


/************************************************************************************
NEWS FOOTER
*************************************************************************************/

.section-news-footer {
	background: #67a2c9;
	padding: 2rem 5%;
	color: white;
	position: relative;
}

.section-news-footer h2 {
	margin: 0 0 1rem 0;
	line-height: 0.9;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
}

.section-news-footer .social-intro p {
	line-height: 1.3;
	font-family: "Montserrat", sans-serif;
	font-size: 0.875rem;
}

.grid-social-col {
	width: 100%;
}

.social-col {
	margin-bottom: 2rem;
	background: white;
	height: 100%;
}

.social-col-hdr {
	padding: 1rem 1rem;
	position: relative;
}

.grid-social-col-1 {
	width: 1px !important;
}

.social-col-twit {
	display: none !important;
}

.social-col-twit .social-col-hdr {
	background: #11c1ff;
}

.social-col-hdr h3 {
	margin: 0;
	color: rgba(255,255,255,0.6);
	text-transform: uppercase;
	letter-spacing: -1px;
}

.social-col-twit .fa-inverse {
	color: #11c1ff;
}

.social-col-fb .social-col-hdr {
	background: #3b5998;
}

.social-col-fb .fa-inverse {
	color: #3b5998;
}

.social-col-fb a .cff-page-name,
.social-col-fb .cff-text a,
.social-col-fb .cff-link-title a,
.social-col-fb .cff-viewpost-facebook,
.social-col-fb .cff-share-link {
	color: #3b5998;
}

.social-col .cff-text-link p {
	color: #666;
}

.social-col .cff-post-text,
.social-col .cff-link-title {
	font-size: 0.75rem;
}

.social-col .fa-stack {
	position: absolute;
	top:50%;
	right: 1rem;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.social-col-body {
	padding: 1rem;

}

/************************************************************************************
PAGE TEMPLATE: VACANCY SINGLE
*************************************************************************************/

.section-job-info {
	background: #4dcde8;
	color: white;
	padding: 2rem 5%;
	position: relative;
}

.section-job-info h3 {
	font-size: 1.0rem;
}

ul.vacancy-dates {
	margin: 0 0  1.5rem 0;
	padding: 0;
	list-style-type: none;
	font-weight: bold;
}

.section-job-info h1 {
	margin: 0 0 1.5rem 0;
	font-size: 1.1rem;
	line-height: 1.1;
}

ul.job-ancillary {
	margin: 0;
	padding: 0 0 1.5rem 0;
	list-style-type: none;
	font-weight: bold;
}

.vac-content {
	position: relative;
	margin-bottom: 2rem;
}

.vac-content-1 {
	position: relative;
}

.vac-content-2 {
	padding: 1rem;
}

.vac-content-1::before,
.vac-content-1::after,
.vac-content-2::before,
.vac-content-2::after {
	content: "";
	position: absolute;
	width: 1rem;
	height: 1rem;
}

.vac-content-1::before,
.vac-content-1::after {
	top: 0;
}

.vac-content-2::before,
.vac-content-2::after {
	bottom: 0;
}

.vac-content-1::before,
.vac-content-2::before {
	left: 0;
}

.vac-content-1::after,
.vac-content-2::after {
	right: 0;
}


.vac-content-1::before {
	border-left: 2px solid rgba(255,255,255,0.5);
	border-top: 2px solid rgba(255,255,255,0.5);
}

.vac-content-1::after {
	border-right: 2px solid rgba(255,255,255,0.5);
	border-top: 2px solid rgba(255,255,255,0.5);
}

.vac-content-2::before {
	border-left: 2px solid rgba(255,255,255,0.5);
	border-bottom: 2px solid rgba(255,255,255,0.5);
}

.vac-content-2::after {
	border-right: 2px solid rgba(255,255,255,0.5);
	border-bottom: 2px solid rgba(255,255,255,0.5);
}

/* *************** */
/* VACANCY SIDEBAR */
/* *************** */

.vac-sidebar h2 {
	font-size: 1.1rem;
}

.job-app-form {
	margin-top: 2rem;

}

.frm_style_formidable-style.with_frm_style input[readonly] {
	font-style: italic;
	background: rgba(255,255,255,0.5);
	color: rgba(0,0,0,0.6);
}

.job-app-form .frm_dropzone.dz-clickable.frm_single_upload {
	width: 100%;
	max-width: none;
}

a.btn-cta:hover,
.btn-cta:hover, .frm_style_formidable-style.with_frm_style .frm_submit button:hover {
	color: #4dcde8 !important;
}


/************************************************************************************
PAGE TEMPLATE: VACANCY ARCHIVE
*************************************************************************************/

.section-all-jobs {
	background: #4dcde8;
	color: white;
	padding: 0;
}

.vac-item-wrap {
	padding: 2rem 5%;
	position: relative;
}

.vac-main-col,
.vac-sec-col {
	position: relative;
	padding: 1rem;
}

.vac-main-col {
	padding-bottom: 0;
}

.vac-sec-col {
	padding-top: 0;
}

.vac-main-col::before,
.vac-main-col::after,
.vac-sec-col::after,
.vac-sec-col::before {
	content: "";
	position: absolute;
	width: 1rem;
	height: 1rem;
}

.vac-main-col::before {
	top:0;
	left:0;
	border-top: 2px solid rgba(255,255,255,0.5);
	border-left: 2px solid rgba(255,255,255,0.5);
}

.vac-main-col::after {
	top: 0;
	right: 0;
	border-top: 2px solid rgba(255,255,255,0.5);
	border-right: 2px solid rgba(255,255,255,0.5);
}

.vac-sec-col::before {
	bottom: 0;
	left: 0;
	border-left: 2px solid rgba(255,255,255,0.5);
	border-bottom: 2px solid rgba(255,255,255,0.5);
}

.vac-sec-col::after {
	bottom: 0;
	right: 0;
	border-right: 2px solid rgba(255,255,255,0.5);
	border-bottom: 2px solid rgba(255,255,255,0.5);
}

.vac-main-col h2,
.vac-sec-col h2 {
	font-size: 1.1rem;
	margin-top: 0;
}

.vac-sec-col ul {
	padding-left: 1rem;
}

.vac-dates {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.vac-dates p {
	margin: 0;
	color: #095161;
}

.vac-btns {
	border-top: 2px solid rgba(255,255,255,0.3);
	padding-top: 2rem;
}

.vac-btns a {
	display: block;
	margin-bottom: 0.5rem;
	color: #095161;
	border-color: #095161;
}

.vac-btns a:hover {
	background: #095161;
	border-color: #095161 !important;
	color: white !important;
}

.vac-btns a.btn-share {
	background: #095161;
	border-color: #095161 !important;
	color: white !important;
}

/* ******* */
/* COLOURS */
/* ******* */

.vac-item-wrap:nth-child(5n+1) {
	/*background-color: #4dcde8;*/
	background-color: #54cde6;
}

.vac-item-wrap:nth-child(5n+2) {
	/*background-color: #14b4d6;*/
	background-color: #4dc4dc;
}

.vac-item-wrap:nth-child(5n+3) {
	/*background-color: #158ba4;*/
	background-color: #26b4d4;
}

.vac-item-wrap:nth-child(5n+4) {
	/*background-color: #4dcde8;*/
	background-color: #24a7d4;
}

.vac-item-wrap:nth-child(5n+5) {
	/*background-color: #14b4d6;*/
	background-color: #2196bf;
}

/************************************************************************************
TEMPLATE: DEFAULT
*************************************************************************************/

.page-default-wrap {
	padding: 12rem 5% 2rem 5%;
	color: white;
	background-size: cover;
}


/* ************** */
/* SECTION HEADER */
/* ************** */

.section-header {
	position: relative;
}

.section-header::after {
	content: "";
	position: absolute;
	width: 98%;
	height: 1px;
	background: white;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	bottom: -1.5rem;
}

.section-area {
	font-weight: bold;
	font-size: 1.2rem;
	margin-bottom: 0.5rem;
	display: block;
}

/* *********** */
/* SECTION NAV */
/* *********** */

.section-nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.section-nav ul li {
	display: block;
}

.section-nav ul li a {
	color: white;
	transition: 0.5s;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.875rem;
	transition: 0.5s;
}

.section-nav ul li a::before {
	content: "// ";
}

.section-nav ul li.current-menu-item a,
.section-nav ul li a:hover {
	color: #f8c132;
	text-decoration: none;
}

/* *************** */
/* SECTION CONTENT */
/* *************** */

.section-content {
	margin-top: 3rem;
}

.section-content h1 {
	font-size: 1rem;
	margin: 0 0 1rem 0;
}

.section-content .page-intro {
	color: #f8c132;
	font-weight: bold;
	font-size: 1.1rem;

}

/* *************** */
/* SECTION GALLERY */
/* *************** */

.section-gallery {
	background: #f8c132;
	padding: 2rem 5%;
	position: relative;
}

.section-gallery h2 {
	color: #595654;
	margin: 0 0 2rem 0;
	font-size: 0.875rem;
}

.section-gallery-img {
	margin-bottom: 1rem;
	float: left;
	width: 50%;
}

.section-gallery-img img {
	width: 100%;
	max-width: none;
}

/* Hide all images after 8th */
.section-gallery-img:nth-child(n+9){
	display: none;
}

/************************************************************************************
TEMPLATE: ACCREDITATIONS
*************************************************************************************/

.part-triangle {
	display: none;
}

.accred-page-banner {
	background-size: cover;
	background-position: center;
}

.accred-row {
	color: white;
	padding: 3rem 5%;
	position: relative;
}

.accred-row:nth-child(3n+1){
	background-color: #374553;
}

.accred-row:nth-child(3n+2){
	background-color: #102a45;
}

.accred-row:nth-child(3n+3){
	background-color: #50b2a3;
}

.accred-logo {
	position: relative;
	padding: 1rem;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
}

.accred-logo::before,
.accred-logo::after,
.accred-logo-inner::before,
.accred-logo-inner::after {
	content: "";
	position: absolute;
	width: 1rem;
	height: 1rem;
}

.accred-logo::before {
	top: 0;
	left: 0;
	border-top: 2px solid rgba(255,255,255,0.6);
	border-left: 2px solid rgba(255,255,255,0.6);
}

.accred-logo::after {
	top: 0;
	right: 0;
	border-top: 2px solid rgba(255,255,255,0.6);
	border-right: 2px solid rgba(255,255,255,0.6);
}

.accred-logo-inner::before {
	bottom: 0;
	left: 0;
	border-bottom: 2px solid rgba(255,255,255,0.6);
	border-left: 2px solid rgba(255,255,255,0.6);
}

.accred-logo-inner::after {
	bottom: 0;
	right: 0;
	border-bottom: 2px solid rgba(255,255,255,0.6);
	border-right: 2px solid rgba(255,255,255,0.6);
}

.accred-logo img {
	display: block;
    width: 150px;
    transition: 0.5s;
}

.accred-item {
	text-align: center;
	margin-bottom: 2rem;
}

.accred-item:last-of-type {
	margin-bottom: 0;
}

.accred-item h2 {
	margin: 0;
	padding: 0;
	font-size: 0.875rem;
	font-weight: normal;
}

.accreds-breaker {
	background-size: cover;
	background-position: center bottom;
	padding: 2rem 5%;
}

.accreds-breaker h2 {
	margin: 0;
	padding: 0;
	color: white;
    font-size: 1.5rem;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    padding: 0 2%;
    text-shadow: 0 0 15px rgba(0,0,0,0.5);
}

/* ********* */
/* DOWNLOADS */
/* ********* */

.supp-agree {
	background: #4dc4dc;
	text-align: center;
	padding: 2rem 1rem;
	text-transform: uppercase;
	line-height: 1.1;
	color: white;
}

.supp-agree .fa {
	font-size: 2rem;
	margin-right: 0.5rem;
	display: none;
}

.supp-agree a {
	color: white;
	font-weight: bold;
	transition: 0.5s;
	border-bottom: 2px solid transparent;
}

.supp-agree a:hover {
	text-decoration: none;
	border-color: white;
}

/************************************************************************************
404 Page
*************************************************************************************/

.error404 .site-header,
.error404 .site-footer {
	display: none;
}

html,
body,
.error404 .site,
.error404 .site-main {
	height: 100%;
}

.wrap404 {
	padding: 2rem 5%;
	text-align: center;
	height: 100%;
	background-size: cover;
	background-position: center;
	position: relative;
}

.logo404 img {
	width: 200px;
}

.wrap404-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit transform: translate(-50%, -50%);
	color: white;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
	font-weight: bold;
}

.wrap404-content .btn-cta {
	width: 90%;
	max-width: 250px;
	margin-left: auto;
	margin-right: auto;
	background: white;
	color: black;
	text-shadow: none;
}

.wrap404-content .btn-cta:hover {
	transform: scale(1.1);
	color: black !important;
}

.site-content-404 {
	text-align: center;
}

.wrapper-404 {
	padding-top: 55px;
	padding-bottom: 55px;
}

.wrapper-404 * {
	color: #00963f; /* <-- change to desired colour */
}

.wrapper-404 a {
	text-decoration: underline;
}

.icon-404-icon {
	background: #00963f; /* <-- change to desired colour */
	width: 179px;
	height: 149px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 15px;
}

.header-404 {

}

.header-404 span {
	position: relative;
	display: inline-block;
	font-size: 4rem;
}

.header-404 span:before {
	content: "";
	border-bottom: 5px solid #00963f; /* <-- change to desired colour */
	position: absolute;
	width: 40px;
	top:50%;
	left:-55px;
}

.header-404 span:after {
	content: "";
	border-bottom: 5px solid #00963f; /* <-- change to desired colour */
	position: absolute;
	width: 40px;
	top:50%;
	right:-55px;
}

.header-404 .title-404 {
	margin: 0;
	font-weight: normal;
	color: white;
	background: #00963f; /* <-- change to desired colour */
	width: 50%;
	max-width: 350px;
	margin: 15px auto;
	position: relative;
}

.header-404 .title-404:before {
	content: '';
    border: 62px solid #00963f;
    border-left-color: transparent;
    border-left-width: 30px;
    position: absolute;
    top: 0;
    left: -60px;
}

.header-404 .title-404:after {
	content: '';
    border: 62px solid #00963f;
    border-right-color: transparent;
    border-right-width: 30px;
    position: absolute;
    top: 0;
    right: -60px;
}

.header-404 .title-404 h1 {
	color: white;
	font-size: 6rem;
	font-weight: normal;
	z-index: 1001;
	position: relative;
	margin: 0;
}

.header-404 h2 {
	font-size: 4rem;
	text-transform: uppercase;
	font-weight: normal;
	margin: 15px 0 48px 0;
}

.content-404 {
	width: 90%;
	max-width: 620px;
	margin-left: auto;
	margin-right: auto;
}

.content-404 p:first-child {
	margin-bottom: 25px;
}

/************************************************************************************
Larger than 200
*************************************************************************************/
@media screen and (min-width: 200px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

	.ads_award {
		width:75px;
		position: absolute;
		bottom: 10px;
		left: 50%;
	}

}
/************************************************************************************
Larger than 480
*************************************************************************************/
@media screen and (min-width: 480px) {


}

/************************************************************************************
Larger than 600
*************************************************************************************/
@media screen and (min-width: 600px) {

	/* ****** */
	/* SLIDER */
	/* ****** */

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

	/* *************** */
	/* PARALLAX BANNER */
	/* *************** */

	.section-banner-1,
	.section-banner-2 {
		padding: 5rem 3rem;
	}

	/* ***************** */
	/* TEMPLATE: CAREERS */
	/* ***************** */

	.section-job-info .grid-12 {
		position: relative;
	}

	ul.vacancy-dates {
		font-size: 0.875rem;
	}

	.section-job-info h1 {
		font-size: 1.5rem;
	}

	ul.job-ancillary li {
		display: inline-block;
		padding-right: 1rem;
		position: relative;
	}

	ul.job-ancillary li::after {
		content: "|";
		position: absolute;
		right: 0;
		top: 0;
	}

	ul.job-ancillary li:last-of-type {
		padding-right: 0;
	}

	ul.job-ancillary li:last-of-type::after {
		content: "";
	}

	ul.job-ancillary {
		margin-bottom: 1rem;
	}

	/* ***************** */
	/* TEMPLATE: DEFAULT */
	/* ***************** */

	.section-nav ul li {
		float: none;
		width: auto;
		display: inline-block;
	}

	.section-nav ul li:first-of-type a {
		margin-left: 0;
	}

	.section-nav ul li a {
		margin-left: 2rem;
	}

	/* ***************** */
	/* TEMPLATE: ACCREDS */
	/* ***************** */

	.accred-item {
		float: left;
		width: 50%;
	}

	.accred-logo img {
		height: 100px;
	}

	/* ************* */
	/* ALL TRIANGLES */
	/* ************* */

	.part-triangle {
		display: block;
		width: 90%;
		max-width: 1160px;
		margin-left: auto;
		margin-right: auto;
		position: absolute;
		left: 0;
		right: 0;
		height: 50px;
		z-index: 2;
	}

	.part-triangle-top-left {
		top: -48px;
		text-align: left;
	}

	.part-triangle-top-right {
		top: -48px;
		text-align: right;
	}

	.part-triangle-bottom-right {
		text-align: right;
		bottom: -48px;
	}

	/* COLOURS */
	.section-welcome .st0 				{ fill: #3A464B; }
	.accred-row:nth-child(3n+1) .st0 	{ fill: #374553; }
	.accred-row:nth-child(3n+2) .st0 	{ fill: #102A44; }
	.accred-row:nth-child(3n+3) .st0 	{ fill: #50b2a3; }
	.news-page-wrap .st0 				{ fill: #085385; }
	.section-news-footer .st0 			{ fill: #67a2c9; }
	.vac-item-wrap:nth-child(5n+1) .st0 { fill: #54cde6; }
	.vac-item-wrap:nth-child(5n+2) .st0 { fill: #4dc4dc; }
	.vac-item-wrap:nth-child(5n+3) .st0 { fill: #26b4d4; }
	.vac-item-wrap:nth-child(5n+4) .st0 { fill: #24a7d4; }
	.vac-item-wrap:nth-child(5n+5) .st0 { fill: #2196bf; }
	.section-job-info .st0 				{ fill: #4dcde8; }

}

/************************************************************************************
Larger than 660
*************************************************************************************/
@media screen and (min-width: 660px) {

	.twocols{width:49%; margin-right: 2%;float: left;margin-bottom: 20px;}
	.twocols:nth-child(2n+2){margin-right: 0%;}
	.twocols:last-child{margin-right: 0%;}
	.threecols{width:32%; margin-right: 2%;float: left;margin-bottom: 20px;}
	.threecols:nth-child(3n+3){margin-right: 0%;}
	.threecols:last-child{margin-right: 0%;}
	.threecolstwo{width: 65%;margin-right: 0%;float: left;margin-bottom: 20px;}
	.fourcols{width:23.5%; margin-right: 2%;float: left;}
	.fourcols:nth-child(4n+4){margin-right: 0%;}
	.fourcols:last-child{margin-right: 0%;}

	/* 404 */
	.wrapper-404 {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.header-404 span:before {
		width: 65px;
		left: -85px;
	}

	.header-404 span:after {
		width: 65px;
		right: -85px;
	}

	/* **************** */
	/* SECTION: WELCOME */
	/* **************** */

	.section-welcome {
		text-align: left;
	}

	.section-welcome .grid-6:first-of-type {
		text-align: right;
		padding-right: 2.5%;
	}

	.section-welcome .grid-6:last-of-type {
		padding-left: 2.5%;
	}

	.section-welcome h2 {
		font-size: 1.3rem;
	}

	.section-welcome .jwk-logo {
		margin-right: 0;
	}

	/* ******************* */
	/* PAGE TEMPLATE: NEWS */
	/* ******************* */

	.news-page-wrap {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	.part-news .page-title {
		text-align: left;
		margin-bottom: 1em;
	}

	.post-header-title h2,
	.post-header-title h2 a {
		font-size: 1.6rem;
	}

	.post-header {
		margin-bottom: 25px;
	}

	.post-item {
	    margin-bottom: 55px;
	}

	.sidebar-news {
		padding-left: 5%;
		margin-top: 0;
	}

	/* **************** */
	/* SECTION: CLIENTS */
	/* **************** */

	.section-clients .client-item {
		padding: 0.5rem;
		margin-bottom: 0;
	}

	.section-clients .client-item:last-of-type {
		padding-right: -right: 0;
	}

	.section-clients .client-logo {
		height: 100px;
		margin-bottom: 1rem;
	}

	.section-clients .client-logo img {
		height: 100%;
	}

	.section-clients h3 {
		display: block;
		font-size: 0.75rem;
	}

	/* *********** */
	/* SITE FOOTER */
	/* *********** */

	.ftr-contact {
		padding: 2rem 0 2rem 5%;
	}

	.ftr-social {
		padding: 2rem 5% 2rem 0;
		text-align: right;
	}

	.site-footer p:last-of-type {
		margin-bottom: 0;
	}

	.ftr-charity {
		text-align: center;
		padding-top: 0;
	}

	.ftr-charity::before,
	.ftr-charity::after {
		width: 1px;
		height: 100px;
		top: 0rem;
	}

	.ftr-charity::before {
		left:0;
		right: auto;
	}

	.ftr-charity::after {
		right: 0;
		left: auto;

	}

	.ftr-charity h2 {
		font-size: 0.875rem;

	}

	/* ********* */
	/* SITE INFO */
	/* ********* */

	.site-info {
		font-size: 0.75rem;
	}

	.site-design-by {
		text-align: right;
	}

	/* ***************** */
	/* TEMPLATE: CONTACT */
	/* ***************** */

	.contact-map-wrap {
		margin-bottom: 1.5rem;
	}

	#contact-map {
		height: 267px;
	}

	/* **************** */
	/* SECTION: CAREERS */
	/* **************** */

	.section-job-info {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	/* *************************** */
	/* TEMPLATE VACANCIES (SINGLE) */
	/* *************************** */

	ul.vacancy-dates {
		position: absolute;
		top: 0;
		right: 0;
		width: 33.333%;
		text-align: left;
		padding-left: 1%;
		font-size: 1rem;
	}

	.vac-sidebar h2 {
		margin-top: 0;
	}

	/* **************************** */
	/* TEMPLATE VACANCIES (ARCHIVE) */
	/* **************************** */

	.vac-main-col-wrap,
	.vac-main-col {
		height: 100%;
	}

	.vac-main-col::after {
		top: auto;
		right: auto;
		left:0;
		bottom: 0;
		border-top: none;
		border-right: none;
		border-left: 2px solid rgba(255,255,255,0.6);
		border-bottom: 2px solid rgba(255,255,255,0.6);
	}

	.vac-main-col {
		padding-bottom: 1rem;
	}

	.vac-sec-col {
		padding-top: 1rem;
	}

	.vac-sec-col ul {
		margin-bottom: 0;
	}

	.vac-sec-col::before {
		left: auto;
		right: 0;
		top: 0;
		bottom: auto;
		border-bottom: none;
		border-left: none;
		border-top: 2px solid rgba(255,255,255,0.6);
		border-right: 2px solid rgba(255,255,255,0.6);
	}

	/* ***************** */
	/* TEMPLATE: DEFAULT */
	/* ***************** */

	.section-nav {
		text-align: right;
	}

	.section-nav ul {
		float: right;
	}
}

.full-nav-section {
	display: none;
	padding: 10px;
}

/************************************************************************************
Larger than 768
*************************************************************************************/
@media screen and (min-width: 768px) {

	.full-nav {
		display: block;
	}

	.full-nav-section {
		display: block;
	}

	.slideout-menu-toggle {
		display: none;
	}

	.ads_award {
		width:100px;
		position: absolute;
		bottom: 25px;
		left: 50%;
	}

	/* ****** */
	/* SLIDER */
	/* ****** */

	#siteslides,
	.bxslider li {
		height: 500px;
	}

	.bxslider .slidecaption {
		top: 50%;
		bottom: auto;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}

	.bxslider .slidecaption h2 {
		/*font-size: 4rem;*/
	}

	/* ************** */
	/* SECTION: INTRO */
	/* ************** */

	.section-welcome h2 {
		font-size: 1.5rem;
	}

	/* ******************** */
	/* SOCIAL PAGE NEWS FTR */
	/* ******************** */

	.grid-social-intro {
		width: 25%;
	}

	.social-intro {
		padding-right: 10%;
	}

	.grid-social-col {
		width: 37.5%;
	}

	/* *************************** */
	/* TEMPLATE VACANCIES (SINGLE) */
	/* *************************** */

	.section-job-info h1 {
		font-size: 1.6rem;
	}

	.vac-sidebar h2 {
		font-size: 1.5rem;
	}

	/* **************************** */
	/* TEMPLATE VACANCIES (ARCHIVE) */
	/* **************************** */

	.vac-main-col h2 {
		font-size: 1.5rem;
	}

	.vac-sec-col h2 {

	}

	.grid-12.vac-dates {
		margin: 1.5rem;
	}

	.vac-posted-on {
		float: left;
	}

	.vac-closing-date {
		float: right;
	}

	.vac-btns a {
		display: inline-block;
	}

	/* ***************** */
	/* TEMPLATE: DEFAULT */
	/* ***************** */

	.section-gallery-img {
		width: 25%;
	}

	/* ***************** */
	/* TEMPLATE: ACCREDS */
	/* ***************** */

	.accred-row {
		padding: 3rem 5% 1rem 5%;
	}

	.accred-logo {
		width: 90%;
		max-width: 447px;
		padding: 2rem;
	}

	.accred-logo img {
		width: 100%;
		height: 170px;
	}

	.supp-agree {
		padding: 3rem 1rem;
		font-size: 1.2rem;
		position: relative;
	}

	.supp-agree .fa {
		display: inline-block;
	}

}


/************************************************************************************
Larger than 1024
*************************************************************************************/

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

	/* ****** */
	/* HEADER */
	/* ****** */

	.site-header {
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
	}

	.admin-bar .site-header {
		top: 32px;
	}

	.home-link {
		margin-top: 1.4rem;
	}

	.home-link.homelink-scroll {
		width: 150px;
		margin-top: 0rem;
	}



	/* ******** */
	/* FULL NAV */
	/* ******** */

	.full-nav {
		position: absolute;
		width: 100%;
		background: transparent;
		padding: 0;
	}

	.full-nav .grid-container {
		position: relative;
	}

	.full-nav-section {
		/* background: #13133b; */
		padding: 0.6rem 1.5rem;
	}

	.full-nav-left {
		left: 1rem;
	}

	.full-nav-right {
		right: 1rem;
	}

	.menu-menu-right-side-container {
		display: inline-block;
	}

	.full-nav .social-bar {
		position: relative;
		display: inline-block;
		top: auto;
		right: auto;
		margin-left: 1rem;
	}

	.full-nav-section ul li a {
		margin-right: 1rem;
	}

	.full-nav-section ul li:last-of-type a {
		margin-right: 0;
	}

	/* *********** */
	/* MAIN SLIDER */
	/* *********** */

	#siteslides,
	.bxslider li {
		/* height: 650px; */
		height: 85vh;
	}

	.bxslider .slidecaption {
		top: 50%;
	}

	.bxslider .slidecaption h2 {
		/*font-size: 5.5rem;*/
		text-shadow: none;
		color: rgba(0,0,0,0.5)
	}

	/* **************** */
	/* SECTION: WELCOME */
	/* **************** */

	.section-welcome {
		padding-top: 4rem;
		padding-bottom: 3rem;
	}

	.section-welcome h2 {
	    font-size: 2rem;
	}

	/* *************** */
	/* PARALLAX BANNER */
	/* *************** */

	.section-banner-1,
	.section-banner-2 {
		/* min-height: 800px; */
		height: 800px;
		padding: 0;

		background-attachment: fixed;
    	background-position: center;
    	background-repeat: no-repeat;
    	background-size: cover;

	}

	.banner-content {
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		transform: translateY(-50%);

	}

	.banner-content:hover {
		transform: translateY(-50%) scale(1.05);
	}

	.banner-content h2 {
		font-size: 3rem;
	}

	/* ***************** */
	/* SECTION: SERVICES */
	/* ***************** */

	.section-services {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	.section-services .service-icon {
		max-width: 180px;
		margin-bottom: 2rem;
	}

	.section-services .service-icon img {
		padding: 1.2rem;
	}

	.section-services a:hover .service-icon img {
	    transform: scale(1.35);
	}

	.section-services h2 {
		font-size: 1.4rem;
	}

	.section-services p {

		font-size: 1rem
	}

	/* **************** */
	/* SECTION: CLIENTS */
	/* **************** */

	.section-clients {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	.section-clients h2 {
		font-size: 3rem;
		margin-bottom: 4rem;
	}

	.section-clients .client-logo {
		margin-bottom: 2rem;
	}

	.section-clients h3 {
		font-size: 1rem;
	}


	/* ******************* */
	/* PAGE TEMPLATE: NEWS */
	/* ******************* */

	.part-news .page-title {
		margin-bottom: 1.2em;
	}

	.part-news .page-title::after {
		bottom: -15px;
	}

	.part-news .page-title span {
		display: block;
		font-size: 3.4375rem;
	}

	.post-content {
		/*max-width: 550px;*/
	}

	.post-content p:first-child {
		font-size: 0.875rem;
	}

	.post-header-title {
		max-width: none;
		min-height: 71px;
	}

	.post-header-title h2,
	.post-header-title h2 a {
		font-size: 2rem;
	}

	.post-item-date {
		margin-right: 3%;
	}

	.post-item-day {
		font-size: 2rem;
		line-height: 45px;
		padding: 0 8px;
	}

	.sidebar-news {
		padding-left: 25%;
	}

	/* *********** */
	/* SITE FOOTER */
	/* *********** */

	.ftr-contact,
	.ftr-social,
	.ftr-charity {
		font-size: 1.125rem;
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	.ftr-charity {
		margin: 0;
	}

	.ftr-charity::after,
	.ftr-charity::before {
		top: 4rem;
	}

	/* ***************** */
	/* TEMPLATE: CONTACT */
	/* ***************** */

	.contact-form-wrap h2,
	.contact-map-wrap h2 {
		text-align: left;
	}

	.contact-details .col-1,
	.contact-details .col-2,
	.contact-details .col-3 {
		float: left;
		width: 33.3333%;
	}

	.contact-details {
		text-align: left;
		font-size: 0.75rem;
	}

	.contact-details-inner {
		padding: 1rem;
	}

	.contact-details h2 {
		margin-top: 0;
		margin-bottom: 1rem;
	}

	.contact-details p {
		margin-bottom: 0;
	}

	/* ************** */
	/* TEMPLATE: NEWS */
	/* ************** */

	.curr-page-banner {
		height:400px;
		padding: 0;
		background-attachment: fixed;
    	background-position: center;
    	background-repeat: no-repeat;
    	background-size: cover;
	}

	.news-page-banner .title-wrap {
		/*width: auto;*/
		width: 50%;
	}

	/* *********************** */
	/* NEWS PAGE SOCIAL FOOTER */
	/* *********************** */

	.section-news-footer {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.social-col-hdr {
		float: left;
		width: 25%;
		height: 100%;
	}

	.social-col-body {
		float: left;
		width: 75%;
	}

	.social-col .fa-stack {
		position: relative;
		top: auto;
		right: auto;
		transform: none;
		right: -4px;
	}

	.social-col-hdr h3 {
		position: absolute;
		left:-158px;
		top: 250px;
		font-size: 2.7rem;
		line-height: 1;
		text-align: right;

		transform: rotate(-90deg);
		width: 400px;
	}

	/* ***************** */
	/* TEMPLATE: CAREERS */
	/* ***************** */

	.section-job-info h1 {
		font-size: 2rem;
	}

	/* **************************** */
	/* TEMPLATE VACANCIES (ARCHIVE) */
	/* **************************** */

	.vac-main-col h2 {
		font-size: 2rem;
	}

	.vac-item-wrap {
		padding-top: 3rem;
	}

	/* ***************** */
	/* TEMPLATE: DEFAULT */
	/* ***************** */

	.page-default-wrap {
		padding-top: 20rem;
		padding-bottom: 6rem;


		height: 999px;

		background-attachment: fixed;
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover;
	}

	.section-header::after {
		bottom: -2rem;
		max-width: 1130px;
	}

	.section-area {
		font-size: 2rem;
	}

	.section-content {
		margin-top: 5rem;
	}

	.section-content .page-intro {
		font-size: 1.3rem;
		line-height: 1.3;
		margin-bottom: 2rem;
	}

	.section-content .page-intro p {
		margin: 0;
	}

	.section-nav ul {
		max-width: none;
	}

	.section-nav ul li a {
		font-size: 1.1rem;
		letter-spacing: -1px;
	}

	.section-gallery {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	/* ************** */
	/* ACCREDITATIONS */
	/* ************** */

	.accred-page-banner {
		height:400px;
		padding: 0;
		background-attachment: fixed;
    	background-position: center;
    	background-repeat: no-repeat;
    	background-size: cover;
	}

	.accreds-breaker {
		padding: 0 5%;

		height: 250px;
		padding: 0;
		background-attachment: fixed;
    	background-position: center;
    	background-repeat: no-repeat;
    	background-size: cover;

	}

	.accreds-breaker h2 {
		line-height:  247px;
		font-size: 2rem;
	}

	/* ********* */
	/* 404 ERROR */
	/* ********* */

	.wrap404-content {
		width: 90%;
	}

	.logo404 {
		margin-bottom: 5rem;
	}

	.logo404 img {
		width: 400px
	}

	.body404 h1 {
		font-size: 6rem;
		line-height: 1;
	}

	.body404 p {
		font-size: 2rem;
		margin-bottom: 5rem;
	}


}

/************************************************************************************
Larger than 1180
*************************************************************************************/
@media screen and (min-width: 1180px) {

	#menu-primary {
		text-align: right;
	}

	.full-nav-section {
		padding-left: 0;
		padding-right: 0;
	}

	.ads_award {
		width:125px;
		position: absolute;
		bottom: 50px;
		left: 50%;
	}

	/* *********** */
	/* MAIN SLIDER */
	/* *********** */

	.bxslider .slidecaption {
		width: 98%;
		max-width: 1180px;
		border-top: 2px solid rgba(0,0,0,0.2);
		border-bottom: 2px solid rgba(0,0,0,0.2);
	}

	.bxslider .slidecaption h2 {
		/*font-size: 6.5rem;*/
	}

	/* ************** */
	/* SECTION: INTRO */
	/* ************** */

	.section-welcome h2 {
		letter-spacing: -1px;
		font-size: 2.5rem;
		line-height: 1.1;
	}

	/* *********** */
	/* SITE FOOTER */
	/* *********** */

	.ftr-contact,
	.ftr-social,
	.site-info {
		padding-left: 0;
		padding-right: 0;
	}

	/* ************* */
	/* PAGE: CONTACT */
	/* ************* */

	.contact-page-wrap {
		padding-bottom: 5rem;
	}

	.contact-details {
		font-size: 0.875rem;
	}

	.contact-details-inner {
		padding: 1.5rem;
	}

	.contact-details .col-1 {
		width: 37%;
	}

	.contact-details .col-2 {
		width: 36%;

	}

	.contact-details .col-3 {
		width: 27%;
	}

	/* ************** */
	/* TEMPLATE: NEWS */
	/* ************** */

	.news-page-banner {
		height: 650px;
	}

	.news-page-banner .grid-container {
		position: relative;
		height: 100%;
	}

	.news-page-banner .title-wrap {
		left: 0;
	}

	.news-page-banner .title-wrap h1 {
		font-size: 2rem;
	}

	.post-header-title {
		width: 89%;
	}

	/* ****************** */
	/* NEWS SOCIAL FOOTER */
	/* ****************** */

	.social-col-hdr {
		width: 22%;
	}

	.social-col-body {
		width: 78%;
	}




}