/*
	Theme Name: Schoolcms - Sports Complex
	Author: Innermedia
Author URI: https://www.innermedia.co.uk
Description: 
Requires at least: WordPress 4.9.6
Version: 5.0.2

*/
:root {
	--body_colour : #4A4A4A;
	--title_colour : #4A4A4A;
	--link_colour : #0094D3;
	--link_colour_hover : #EC008C;	
	--button_bg: transparent;
	--button_colour: #4A4A4A;
	--button_bg_hover: #0094D3;
	--button_colour_hover: #FFFFFF;

	--white: #FFFFFF;
	--black: #000000;
	--gray: #4A4A4A;
	--darkgray: #707070;
	--lightgray: #0000003C;
	--pink: #EC008C;
	--blue: #0094D3;
	--skyblue: #00B8E3;
	--red: #ff4040;
	--neon_green: #c6e946;
	--green : #bfe143

}

@font-face {
  font-family: "DinCondensedDemiBold";
  src:	url('fonts/DinCondensedDemiBold.woff2') format('woff2'),
  		url('fonts/DinCondensedDemiBold.woff') format('woff');
}


/*Content Wrapper*/

/* clear */

.well {
	padding:10px 15px;
	background:#eaeaea;
	border:solid 1px #ddd;
	margin:20px 0;
}

.owl-dots span, .sbi-owl-dots .sbi-owl-dot span {
	width:10px;
	height:10px;
	display:inline-block;
	background:var(--gray);
	border-radius:50%;
	border: 1px solid var(--gray);
}
.owl-nav {
	position:relative;
}
.owl-nav .owl-prev {
	position:absolute;
	left:0;
	top:0;
}
.owl-nav .owl-next {
	position:absolute;
	right:0;
	top:0;
}
.owl-dots {
	text-align:center;
}
.owl-dots .owl-dot {
	display:inline-block;
	margin:0 2px;
	opacity:0.5;
}
.owl-dots .owl-dot.active, .sbi-owl-dots .sbi-owl-dot.active {
	opacity:1;
}

.owl-dots .owl-dot.active span, .sbi-owl-dots .sbi-owl-dot.active span {
	background: transparent;
	border-color: var(--pink);
}



.breadcrumbs {
	font-size:0.875rem;
	color:#676767;
	padding-bottom:1.25rem;
	position:relative;
	border-bottom:solid 1px #d7d9d9;
	margin-bottom:1.25rem;
}
.searchform label{
	display:none;
}
.searchform {
	padding-right:40px;
	padding-left:0px;
	position:relative;
	color:#969696;
	overflow:hidden;
	font-size:14px;
}
.searchform input.searchInput {
	border: 0;
	height:30px;
	width:100%;
	background:transparent;
	padding: 4px 10px;
    outline: 0;
}
.searchform .searchSubmit{
    background: transparent;
    border: 0;
    text-transform: uppercase;
    padding: 0;
    font-size: 16px;
	position:absolute;
	color:#969696;
	background-repeat:no-repeat;
	background-position:center;
	right:5px;
	top:0px;
	width:30px;
	height: 28px;
    outline: 0;
}


/*news*/
.list-item{
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
.list-item-image{
	text-align:center;
}
.list-item-image a{
	display:block;
	padding:10px 0;
}
.list-item-text{

}
.list-item-text p.date{
	font-size:0.8em;
	margin:0;
}

.postThumb {
	margin-bottom:20px;
	text-align:center;
}

/*------------------------------------*\
    Header
\*------------------------------------*/
header.mainHeader {
	height:100px;
	position:relative;
}
.headGroup {
	color: var(--white);
	background: transparent;
	transition:300ms;
	padding-top:23px;
	padding-bottom:12px;
	padding-left: 48px;
	padding-right: 55px;
	z-index:220;
	position:fixed;
	height:100px;
	width:100%;
	top:0;
	left:0;
}
.fixedHeader .headGroup {
	background: var(--gray);
	color: var(--white);
	padding-top:12px;
	padding-bottom:12px;
}
.fixedHeader .headGroup .row {
	align-items: center;
}
.headGroup .button {
	margin-right: 60px;
	background: var(--white);
	border-color: var(--white);
	color: var(--gray);
}
.headGroup .button:hover {
	background: var(--pink);
	border-color: var(--pink);
	color: var(--white);
}


/*.fixedHeader .headGroup .button {
	border-color: var(--white);
	color: var(--white);
	background: transparent;
}
.fixedHeader .headGroup .button:hover {
	border-color: var(--pink);
	color: var(--white);
	background: var(--pink);
}*/


.headGroup .container {
	max-width: 100%;
}
.header-center {
	text-align: center;
}
.header-right {
	text-align: right;
	padding-top: 30px;
}
.header-left {
	padding-top: 40px;
}
.fixedHeader .header-right, .fixedHeader .header-left {
	padding-top: 0px;
}

.header-left {
	text-align: left;
}

.header-center a {
	display: inline-block;
	margin: 0px auto;
}

.mainLogo-head {
	display: block;
}
.mainLogo {
	display: none;
}


.fixedHeader .mainLogo-head {
	display: none;
}
.fixedHeader .mainLogo {
	display: block;
}




.socialDesktop {
	justify-content: end;
    display: flex;
}
@media (min-width:992px){
	
header.mainHeader {
	height:0;
}
}
/*------------------------------------*\ 
    Navigation
\*------------------------------------*/

.menu-toggle{
    position:relative;
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
	height:20px;
	width: 40px;
	z-index: 111;
}
.menu-toggle .toggleText{
	display:none;
	vertical-align:middle;
	font-size:14px;
}
.menu-toggle .toggleIcon {
	position:absolute;
	width:40px;
	height:20px;
	right:0;
	top:0px;
	transition:300ms;
}
@media (min-width:992px){
	.menu-toggle .toggleText{
		display:inline-block;
	}
}
.menu-toggle .toggleIcon span:before,
.menu-toggle .toggleIcon span:after {
	content:'';
}
.menu-toggle .toggleIcon span,
.menu-toggle .toggleIcon span:before,
.menu-toggle .toggleIcon span:after {
    width: 34px;
    height: 1.5px;
    background-color: var(--white);
    display: block;
    transition:all 300ms;
	position:absolute;
}

.fixedHeader .menu-toggle .toggleIcon span,
.fixedHeader .menu-toggle .toggleIcon span:before,
.fixedHeader .menu-toggle .toggleIcon span:after {
	background: var(--white);
}

.menu-toggle:hover .toggleIcon span,
.menu-toggle:hover .toggleIcon span:before,
.menu-toggle:hover .toggleIcon span:after,
.fixedHeader .menu-toggle:hover .toggleIcon span,
.fixedHeader .menu-toggle:hover .toggleIcon span:before,
.fixedHeader .menu-toggle:hover .toggleIcon span:after{
    background-color: var(--pink);
}
.menu-toggle .toggleIcon span {
	top:50%;
	left:0px;
	margin-top:-2px;	
}
.menu-toggle .toggleIcon span:before {
    top: -9px;
}
.menu-toggle .toggleIcon span:after {
    top: 9px;
}
body.menuopen .menu-toggle .toggleIcon span {
    background-color: transparent!important;
}
body.menuopen .menu-toggle .toggleIcon span:before {
    transform: rotate(135deg);
    top: 0px;
}
body.menuopen .menu-toggle .toggleIcon span:after {
    transform: rotate(-135deg);
    top: 0px;
}
#navbar {
	position: fixed;
	left: 0;
	transition: transform 500ms;
	background-color: var(--gray);		
	z-index: 9999;
	top: 100px;
	bottom:0;
	width: 100%;
	max-width: 600px;
	transform:translateX(-100%);
	overflow-x: hidden;	
	padding:20px 25px;
	height: calc(100vh - 100px);
}
body.menuopen .headGroup{ 
	border-bottom-color:#676767;	
}
body.menuopen  #navbar{ 
	transform:translateX(0%);
	z-index: 9999;
}	
#menu-main{
	margin-bottom:30px;
	margin-top:20px;
	clear:both;
	--link_colour: var(--white);
	--link_colour_hover: var(--skyblue);
}
#menu-main li{
	position:relative;
}	
#menu-main li a {
	display: block;
	text-decoration:none;
	line-height:1;
	font-size: 34px;
	position:relative;
	padding:8px 0px;
	font-family: "din-condensed",sans-serif;
	text-transform: uppercase;
}
#menu-main li a:hover{
	text-decoration:none;
}
#menu-main .sub-menu {
	padding-left: 0px;
	position:relative;
	display:none;
}
#menu-main .sub-menu li:last-child > a{		
	border-bottom:none;
}
#menu-main li.open > .sub-menu {
	display:block;
}
#menu-main li.menu-item-has-children > a {
	padding-right:50px;
}
#menu-main li li {
	margin-bottom: 10px;
}
#menu-main li li a {
	display: inline-block;
	text-decoration:none;
	color: rgba(255, 255, 255, 0.5);
	line-height:1;
	font-size: 28px;
	position:relative;
	padding: 0px;
	font-family: "DinCondensedDemiBold";
	text-transform: uppercase;
}
#menu-main li li a:hover {
	color: var(--white);
}

#menu-main li.menu-item-has-children > .arrow {
	position:absolute;
	right:0px;
	top:0px;
	width:40px;
	height:50px;
}	
#menu-main li.menu-item-has-children > .arrow:after{
	position: absolute;
    content: '\f054';
    display: block;
    left: 50%;
    top: 50%;
    font-weight: 700;
    font-family: "Font Awesome 6 Free";
    transform:  translate(-50%,-50%) rotate(-90deg);
    transition: 300ms;
    width: 24px;
    height: 24px;
    background-color: var(--link_colour);
    -webkit-mask-image: url(images/menu-arrow.png);
    mask-image: url(images/menu-arrow.png);
    mask-size: contain;
	mask-repeat:no-repeat;
    font-size: 0;
}

#menu-main li.menu-item-has-children > .arrow:hover:after {
	background-color: var(--link_colour_hover);	
}
#menu-main li.open.menu-item-has-children > .arrow:after{
	transform: translate(-50%,-50%) rotate(0deg);
}

#menu-main li li.menu-item-has-children > .arrow {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 25px;
	top: auto;
    left: auto;
}
#menu-main li li.menu-item-has-children > .arrow:after{
	mask: none !important;
	font-size: 30px;
	content: '+';
	color: rgba(255, 255, 255, 0.5);
	background: transparent;
	font-family: "DinCondensedDemiBold";
	text-transform: uppercase;
	line-height: 1;
	width: 20px;
    height: 25px;
    line-height: 25px;
    left: 0;
	top: auto;
}
#menu-main li li.menu-item-has-children > a {
	padding-right:20px;
}
#menu-main li li.menu-item-has-children.open > .arrow:after {
	content: '-';
}

#menu-main li li .sub-menu {
	padding-left: 35px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#menu-main li li .sub-menu li a {
	font-family: "myriad-pro",sans-serif;
	font-size: 20px;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.5);
	letter-spacing: 2px;
}

/*------------------------------------*\ 
    Banner
\*------------------------------------*/
#pageBanner,
.bannerWrap {
	position: relative;
	overflow:hidden;
	min-height:300px;
	max-height:680px;
}
#homeBanner {	
	position: relative;
	overflow:hidden;
	min-height:480px;
	max-height:100vh;
}
#pageBanner:before,
.bannerWrap:before {
	content:'';
	display:block;
	width:100%;
	padding-top:35.897%;
}
#homeBanner:before {
	content:'';
	display:block;
	padding-top:56.08%;
}
@media(min-width:768px){
	#homeBanner {
		max-height:880px;
	}
	#homeBanner:before {
		content:'';
		display:block;
		padding-top:56.08%;
	}
}

/*------------------------------------*\ 
    FOOTER
\*------------------------------------*/

#footer{
	margin-top:2rem;
}
#menu-useful {
	list-style:none;
	padding:0;
}
.footerLower {
	background:#000;
	color:#dddedf;
	padding:20px 0;
	font-size:14px;
	text-align:center;
}
.footerLower p,
.footerLower ul{
	margin:10px 0;
}
.footerLower a{
	color:#dddedf;	
	text-decoration:none;
}
.footerInfo {
	text-align:center;
	line-height:1.87;
	margin-bottom:20px;
}
.footerInfo h3{
	font-size:1.5em;
	margin:30px 0 20px;
}
.footerInfo a:before {
	content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0px;
    height: 1px;
    background-color: #000;
    transition: all 300ms;
    margin-right: 0px;
}
.footerInfo a:hover:before {
    width: 5px;
    margin-right: 5px;
}
.footer-links{
	margin:0;
	list-style:none;
	padding:0;
	margin-bottom:15px;
}
.footer-links li{
	display: inline;
}
.footer-links li:after{
	content:" | ";
	margin: 0 1px 0 1px;
	display: inline;
}
.footer-links li:last-child:after{
	content:"";
}
.footer-links li a{
	display: inline;
	white-space:nowrap;
}
@media (min-width:768px){
	.footerLower {
		text-align:initial;
		padding:50px 0;
	}
}
@media (min-width:1200px){
	.footerInfo {
		margin-bottom:70px;
	}
	.inner-page-content .body-text {
		padding-right: 100px;
	}
	body.blog .body-container .container, body.single-post .body-container .container, body.archive .body-container .container, body.search .body-container .container, body.error404 .body-container .container {
		padding-right: 100px;
	}

}

/*------------------------------------*\
    Dynamic Content
\*------------------------------------*/

.dynamicContent {
	margin-top:30px;
	margin-bottom:0px;
}
@media (min-width:992px){
	.dynamicContent {
		margin-top:60px;
	}
}
/*******Dividers******/
.dividera{
	clear: both;
    width: 100%;
    height: 100px;
   position:relative;
}
.dividera:before{
	content:'';
	width:90%;
	height:1px;
	border-bottom:solid 1px #ccc;
	position:absolute;
	top:50%;
	left:5%;
}

.dividera:after{
	content:'';
	display:block;
	 background-image: url(images/icon.png);
    background-position: center center;
	background-size:contain;
	height:76px;
	width:76px;
	top:50%;
	left:50%;
	margin-top:-38px;
	margin-left:-38px;
    background-repeat: no-repeat;
	position:absolute;
	background-color:#fff;
}
.dividerb{
    clear: both;
    width: 100%;
    height: 130px;
    background-image: url(images/icon.png);
    background-position: center center;
    background-repeat: no-repeat;
	background-size:90px;
}



/*******FAQS*****/
.faqs{

}
.faqs .faq{
	border-bottom:solid 2px #fff;
}

.faq-question{
	position:relative;
	margin:0;
	padding:0.625rem 1.5rem;
    padding-right: 2em;
	background: #a2a6a9;
	color:#fff;
	cursor:pointer;
}
.faq.open .faq-question{
	background:#969696;
}
.faq-question:hover{
	background: #000;
}
.faq-question:after {
    content: '\f054';
    display: block;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
	text-align:center;
    position: absolute;
    right: 5px;
    top:0.625rem;
	font-size:0.8em;
	font-weight:700;
	font-family: "Font Awesome 6 Free";   
    transform: rotate(0deg);
	transition:300ms;
}
.faq.open .faq-question:after {
  transform:rotate(90deg);
}

.faqs .faq:last-child .faq-answer{
	border-bottom:solid 1px #a2a6a9;
}
.faqs .faq.open:last-child .faq-answer{
	border-color:#969696;	
}


/******Staff********/
.staffMember {
	padding-bottom:15px;
	margin-bottom:20px;
	border-bottom:solid 1px #eee;
}
.staff-meta {
	margin-bottom:5px;
}
.staff-meta .meta-label {
	font-weight:700;
}
.staff-meta.featured-staff-metas .staff-meta > *{
	display:inline-block;
}
.staff-meta a.email-value{
	font-size: 0;
    color: transparent;
	display: inline-block;
    vertical-align: middle;
}
.staff-meta a.email-value:before {
    content: "send";
    font-size: 12px;
    padding: 5px 10px;
    color: #000;
    display: block;
    text-align: center;
    background-color: #eee;
    border-radius: 5px;
    text-transform: uppercase;
    pointer-events: none;
	transition:300ms;
}
.staff-meta a.email-value:hover:before{
	background-color:#ccc;
}
/*****Quotes******/
.quoteContainer .quotesTitle{ 
	margin:10px 0 0;
	text-align:center;
	padding:0 15px;
}
.quoteContainer {
	background:#e0e0e0;	
	color:#000;
	padding-top:1.5em;
	padding-bottom:1.5em;
}
.quoteContainer .cycle-pager {
	width:100%;
	margin:0;
	padding:0 15px;
	text-align:center;
}
.quoteContainer .cycle-pager span{
	cursor:pointer;
	display:inline-block;
	margin:0 2px;
	width:15px;
	text-align:center;
	opacity:0.8;
	font-size:20px;
}
.quoteContainer .cycle-pager span.cycle-pager-active{
	opacity:1;
}
.quoteContainer blockquote.quote-text{
	padding-top:1em;
	padding-bottom:0.1em;
	margin-bottom:0;
	
}
.quoteContainer .quote-cite{
	text-align:center;
	font-family: "DinCondensedDemiBold";
	padding:0 0px 15px;
}
/****Documents******/
a.button.document-link {
	padding-right:50px;
	width:100%;
}
a.button.document-link:after {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f56d";
	display:block;
	position:absolute;
}

/*Callout*/
.callout {
	display:block;
	position:relative;
	transition:300ms;
	color: var(--white);
	--body_colour: var(--white);
	--title_colour: var(--white);
	--button_colour:var(--white);
	--button_bg : transparent;
	--button_colour_hover:var(--white);
	--button_bg_hover:var(--blue);
    background: var(--gray);
	overflow:hidden;
}
.callout .calloutContent {
	position:relative;
	text-align:center;
	max-width: 100%;
}

.bodyContent .callout .calloutContent {
	text-align: left;
}
.bodyContent .callout.hasbg .calloutContent {
	text-align: center;
}


.callout .calloutTitle {
	margin-bottom: 55px;
}
.callout .calloutTitle h3 {
	font-size: 100px;
	line-height: 1;
	font-family: "din-condensed", sans-serif;
	text-transform: uppercase;
	margin-bottom:15px;
}
.callout .calloutTitle .calloutSubtitle {

}

.bodyContent .calloutText {
	margin-bottom: 25px;
}


.bodyContent .callout .calloutTitle h3 {
	font-size: 40px;
	line-height: 1;
	margin-bottom: 35px;
}
.bodyContent .callout.hasbg .calloutTitle h3 {
	font-size: 50px;
	line-height: 1;
}



.callout .calloutTitle h3 em {
	display: block;
	font-style: normal;
}
.callout.hasbg {
	--button_colour:var(--gray);
	--button_bg : var(--white);
	--button_colour_hover:var(--white);
	--button_bg_hover:var(--blue);	
}
.callout.hasbg .coimg {
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.callout.hasbg .coimg:after {
	content: '';
    display: block;
    width: 100%;
    bottom: 0;
    position: absolute;
    left: 0;
    height: 100%;
    background: rgba(0,0,0,0.3);
}
.callout .coimg img{
	width:100%;
	height:100%;
	object-fit:cover;
	position:absolute;	
}

.callout .calloutContent {
	padding-bottom: 250px;
	padding-top:175px;
}
.callout.hasbg .calloutContent {
	padding-bottom:335px;
	padding-top:360px;
}


.callout.hasbg .button {
	border-color: var(--button_bg);
}
.callout.hasbg .button:hover {
	border-color: var(--button_bg_hover);
}
/***POIS****/
.row.pois {
    --bs-gutter-y: 1.5rem;
}

.poi {
	position: relative;
	display: block;
	transition:all 300ms;
    overflow: hidden;
	background: var(--blue);
	color: var(--white);
	margin-bottom:30px;
}
.poi:hover  {
	color:#fff;
	text-decoration:none;
}
.poiImage .poiImageBG {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	transition:300ms;
	opacity:1;
}

.poiImage .poiImageBG:after {
	content:'';
	display:block;
	width:100%;
	bottom:0;
	position:absolute;
	left:0;
	height:35%;

	background: -moz-linear-gradient(bottom,rgba(0, 0, 0, 1) 0%,rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 1) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to top,rgba(0, 0, 0, 1) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=0);
	opacity: 0.9;
	mix-blend-mode: multiply;

}
.poiImage .poiImageBG img{
	width:100%;
	height:100%;
	object-fit:cover;
	position:absolute;	
	transition:300ms;
}


.poiImage {
	background:inherit;
}
.poi:hover .poiImage .poiImageBG {

}
.poiImage:before {
	content:'';
	display:block;
	width:100%;
	padding-top: 112.982%;
}
.textOnlyBlock .poiText {
	position:relative;
	padding: 0;
}
.poi .poiTitle {	
	display:inline-block;
	line-height:1.3;
	text-align: left;

}
.poi .textOnlyBlock{
	text-align: center;
}
.poi .poiTitle {
	display:block;
	font-size: 35px;
	line-height: 1.25;
	font-family: "din-condensed",sans-serif;
	position:relative;
	padding: 0;
	text-transform:uppercase;
}

.poi .textOnlyBlock .poiTitle {
	margin: 0px 0 20px;
	font-size: 30px;
	text-align: center;
}
.textOnlyBlock {
	padding: 90px 38px 80px;
	transition:300ms;
}

.textOnlyBlock .poiText {
	display:block;	
	text-align: center;
}

.poi:hover .textOnlyBlock {
	background-color:var(--gray);
	color: var(--white);
	text-decoration:none;
}

.poiImage .poiText {
	padding:0px 25px;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;	
	bottom: 18px;
	text-align:left;
	width:100%;
	transition:300ms;
}
.poiImage .poiText {
}
.poiImage .poiText .poiEx {
	max-height:0;
	overflow:hidden;
	font-size:16px;
	transition:300ms;
}

.poiImage .poiText .poiEx em {
	font-style: normal;
	height: 175px;
	overflow: hidden;
}

.poi:hover .poiImage .poiText {
	bottom:50%;
	transform:translateY(50%);
}

.bodyContent .poi:hover .poiImage .poiText {
	bottom:18px;
	transform: inherit;
}


.poi:hover .poiImage .poiImageBG {
	opacity: 0.1;
}
.bodyContent .poi:hover .poiImage .poiImageBG {
	opacity: 1;
}
.bodyContent .poi:hover .poiImage .poiImageBG img {
	scale: 1.15;
}


.poi:hover .poiImage .poiEx {
	max-height:460px;	
}
.pois.homePOIs .col-xs-6 {
	padding-left:15px;
	padding-right:15px;
}

.poi:hover .poiImage .poiEx {
	padding-top: 15px;
}

.poi .button {
	margin-top: 40px;
	background-color: var(--white);
	border-color: var(--white);
	color: var(--gray);
	display: block;
	max-width: 184px;
}

.poi:hover .button {
	margin-top: 40px;
	background-color: var(--white);
	border-color: var(--white);
	color: var(--gray);
}



.poi .textOnlyBlock .button {
	background-color: transparent;
	border-color: var(--white);
	color: var(--white);
	display: block;
	max-width: 184px;
	margin: 20px auto 0;
}

.poi:hover .textOnlyBlock .button {
	background-color: transparent;
	border-color: var(--white);
	color: var(--white);
}





/*------------------------------------*\
    HOME DYNAMIC
\*------------------------------------*/
.welcomeBlock {
	margin-bottom:40px;
}
/*------------------------------------*\
    END DYNAMIC CONTENT
\*------------------------------------*/

/*------------------------------------*\
    Sidebar
\*------------------------------------*/
.sidebar {
	margin-top:0px;
}
#menu-side li{
	position:relative;
	margin:5px 0;
}
#menu-side a {
	color:#676767;
	display:inline-block;
	text-decoration:none;
	padding:0.5rem 1rem;
}
#menu-side a:hover {
	text-decoration:none;
}
/*Top level item*/
#menu-side > li > .sub-menu{
	margin:10px 0;
}
/*main Sub menu items*/
#menu-side .sub-menu li.current-menu-ancestor a,
#menu-side .sub-menu li.current-menu-item a{	
}
#menu-side .sub-menu li.current-menu-item > a{
	color:#676767;
}
#menu-side .sub-menu li.menu-item-has-children > .arrow {
	display:block;
	width:45px;
	height:45px;
	position:absolute;
	top:0;
	right:0;
}
#menu-side .sub-menu li.menu-item-has-children > .arrow:before {
	position:absolute;
	content: '\f054';
	display: block;
	width: 11px;
	height: 27px;
	position: absolute;
	left: 12px;
	top: 10px;
	font-weight: 700;
	font-family: "Font Awesome 6 Free";
	transform: rotate(0deg);
	transition: 300ms;
}

#menu-side .sub-menu li.menu-item-has-children.open > .arrow:before {
	transform:rotate(90deg);
}
#menu-side .sub-menu li a:hover{
	color:#676767;
}
#menu-side .sub-menu .sub-menu {
	background:rgba(0,0,0,0.1);
	padding-bottom:10px;
	display:none;
}
#menu-side .sub-menu .sub-menu li{
	margin:0;
}
#menu-side .sub-menu li.open > .sub-menu {
	display:block;
}
@media (max-width:991.99px){
	.side-menu-container {
		display:none;
	}
}

/*Blog sidebar*/
#blognav ul {
	list-style:none;
}
.sidebarSec {	
    padding:0px 15px 15px;
	margin:0 auto 10px;
}
@media (min-width:1200px){

}
/*Animation*/


.homeContent .dynamicContent {
    position: relative;
    z-index: 1;
    background-color: var(--white);
}

.homeContent .dynamicContent.dynamic-poi + .dynamicContent.dynamic-callout,
.homeContent .dynamicContent.dynamic-callout + .dynamicContent.dynamic-callout{
	margin-top:0;
}




.homeContent {
    display: flex;
    flex-direction: column;
}

.hideme {
	opacity:0;
	top:30px;
	position:relative;
	transition:500ms;
}
.hideme.active {
	opacity:1;
	top:0;
}

.container {
	max-width: 1280px;
}




.welcomeBlock {
	text-align: center;
	padding: 100px 0 120px;
	margin: 0;
	position: relative;
	z-index: 11;
	background: var(--white);
}
.welcomeBlock .container {
	max-width: 1028px;
}
.welcomeBlockText {
}

.welcomeBlockText h1 {
	font-size: 100px;
	line-height: 1;
	font-family: "DinCondensedDemiBold";
	text-transform: uppercase;
	margin-bottom: 40px;
}

.welcome-btn-bar {
	margin-top: 40px;
}

.welcome-btn-bar .button:hover {
	background: var(--blue);
	border-color: var(--blue);
}


/*Search Toggle Css    ----------------------  START  ------------------------------ */
.headerSearch form.openSearch {
	padding-right : 12px;
	top : 0px;
	z-index: 9;
}

.searchform.openSearch {
	overflow: visible;
}

.headerSearch form.openSearch .searchSubmit {
	top : 0px;
	left: auto;
}

.searchToggle .searchform input.s {
	display: none;
}

.searchToggle .searchform.openSearch input.s {
	display: block;
}

.searchToggle .headerSearch .searchform input.s {
	position: absolute;
	right: 0;
	bottom: 0;
}

.searchToggle {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 21px;
	height: auto;
	min-height: 21px;
}



.searchToggle .search-form-holder {
	position: absolute;
	right: 0;
	top: 0px;
	transform: none;
	z-index: 11;
}

.searchToggle .searchform {
	width: 21px;
	transition: 500ms;
	position: absolute;
	right : 0;
	top : -1px;
	padding-right : 0px;
	height: 21px;
	z-index: -1;
}

.searchToggle .searchform input.s {
	/*transition:300ms;*/
	background: transparent;
}

.searchToggle .searchform.openSearch {
	top : -1px;
}

.searchToggle .searchform.openSearch input.s {
}

.searchform.openSearch {
	width: 210px;
	height: 75px;
}

.searchToggle .searchform.openSearch input.s:focus {
	outline: none;
	border: none;
	box-shadow: none;
}

.searchToggle .searchform.openSearch input.s {
	background: var(--blue);
	color: var(--white);
	border: none;
	width: 100%;
	padding: 2px 10px;
	height: 32px;
	font-size: 12px;
	letter-spacing: 0.8px;
}
.headerSearch .searchSubmit {
	width: 21px;
	height: 21px;

	background-color: var(--white);

	-webkit-mask-image: url("images/search-icon.png");
	mask-image: url("images/search-icon.png");

	font-size: 0;
	top: 0px;
}
.fixedHeader .headerSearch .searchSubmit {
	background-color: var(--white);
}
.fixedHeader .headGroup .searchSubmit:hover, .headerSearch .searchSubmit:hover {
	background-color: var(--pink);
}



.searchform .searchSubmit {
	right: 0;
}
.headGroup .searchInput.s::-ms-input-placeholder { /* Edge 12-18 */
	color: var(--white);
}

.headGroup .searchInput.s::placeholder {
	color: var(--white);
}


/*Search Toggle Css    ---------------------------  END  ----------------------------------- */
#homeBanner {
	z-index: 11;
}

.page-banner .hero:before, .homeBanner .hero .slide .slideImage:before, #homeBanner .videoframe:before {
	content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 35%;
    background: -moz-linear-gradient(top,rgba(0, 0, 0, 1) 0%,rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top,rgba(0, 0, 0, 1) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,rgba(0, 0, 0, 1) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=0);
	opacity: 0.7;
	z-index: 101;
}

.homeBanner .hero .slide .slideImage:after, #homeBanner .videoframe:after {
	content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 35%;
    background: -moz-linear-gradient(bottom,rgba(0, 0, 0, 1) 0%,rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 1) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to top,rgba(0, 0, 0, 1) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=0);
	opacity: 0.7;
	z-index: 101;
	pointer-events: none;
}


.homeBanner .slideText {
	position: absolute;
	left: 0px;
	bottom: 90px;
	z-index: 111;
	width: 100%;
	display: block;

	font-size: 20px;
	line-height: 1.25;
	color: var(--white);
	text-align: center;
	text-transform: uppercase;

	font-family: "din-condensed",sans-serif;

}
.homeBanner .slideText .top_text {
	display: block;
	margin-bottom: 25px;
	font-family: "myriad-pro",sans-serif;
	font-size: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.homeBanner .slideText .bottom_text {
	display: block;
	font-style: normal;
	font-size: 100px;
	line-height: 1;
	font-family: "DinCondensedDemiBold";
}

.homeBanner .slideText .head-link {
	display: none;
}

.homeContent .dynamic-poi {
	margin: 0;
	padding: 110px 0 75px;
	position: relative;
	background: var(--gray);
	z-index: 11;
}

.homeContent .dynamic-poi:before {
	content: '';
	width: 100%;
	max-width: 322px;
	height: 641px;
	background-color: var(--skyblue);

	-webkit-mask-image: url("images/ft-circle-1.png");
	mask-image: url("images/ft-circle-1.png");
	
	display: block;
	position: absolute;
	right: 0;
	top: -155px;	

	z-index: 11;

}

.homeContent .dynamic-poi:after {
	content: '';
	width: 100%;
	max-width: 538px;
	height: 608px;
	background-color: var(--white);

	-webkit-mask-image: url("images/footer-bg.png");
	mask-image: url("images/footer-bg.png");

	mask-position: right bottom;
	mask-repeat: no-repeat;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;	

	z-index: 1;
}


.homeContent .dynamic-poi .container {
	position: relative;
    z-index: 11;
}
.homeContent .dynamic-poi .owl-dots {
	margin-top: 30px;
}
.homeContent .dynamic-poi .owl-dots .owl-dot {
	opacity: 1;
}
.homeContent .dynamic-poi .owl-dots .owl-dot span {
	background: var(--white);
	border-color: var(--white);
}

.homeContent .dynamic-poi .owl-dots .owl-dot.active span {
	background: transparent;
	border-color: var(--white);
}

.homeContent .dynamic-poi .section_title h2 {
	font-size: 60px;
	line-height: 1;
	color: var(--white);
	margin-bottom: 75px;
	max-width: 800px;
}

.poi.bg-sky-blue {
	background: var(--skyblue);
	color: var(--white);
}
.poi.bg-blue {
	background: var(--blue);
	color: var(--white);
}
.poi.bg-pink {
	background: var(--pink);
	color: var(--white);
}
.poi.bg-red {
	background: var(--red);
	color: var(--white);
}
.poi.bg-neon_green {
	background: var(--neon_green);
	color: var(--white);
}

.dynamic-mini-pois {
	text-align: center;
	position: relative;
}

.section_title {
}
.section_title h2 {
	font-size: 100px;
	line-height: 1;
	color: var(--gray);
	margin-bottom: 30px;
	text-transform: uppercase;
}

.dynamic-mini-pois .section_details {
	margin-bottom: 85px;
}

.dynamic-mini-pois .mini_pois_item_inner {
	margin-bottom: 40px;
}
.dynamic-mini-pois .mini_pois_item_inner .sn_mini-poi-button {
	display: inline-block;
}

.dynamic-mini-pois .mini_pois_item_inner .sn_mini_pois-img  {
	margin-bottom: 24px;
	display: inline-block;
	height: 111px;
}

.dynamic-mini-pois .mini_pois_item_inner .sn_mini_pois-img img {
	width: auto;
	max-height: 111px;
	object-fit: cover;
}


.dynamic-mini-pois .sn_mini-poi-title h2 {
	margin: 0;
	font-size: 20px;
	line-height: 1.25;
	text-transform: uppercase;
}
.dynamic-callout {

}

.dynamic-callout + .dynamic-callout {
	margin-top: 0;
}
.dynamic-callout .st-parallax {
    z-index: 0 !important;
    height: 900px;
    overflow: hidden;
	position: relative;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}


.dynamic-callout .st-parallax .set-for-parallax {
	position: fixed;
	height: 100vh;
	width: 100%;
	left: 0;
	z-index: 1;
	top: 0%;
}

.dynamic-callout .st-parallax .set-for-parallax .callout_container{
    position: absolute;
    top: 0;
    lefT: 0;
    width: 100%;
    height: 100%;
}
.dynamic-callout .st-parallax .set-for-parallax .callout_container > *{
    position: absolute;
    top: 0;
    lefT: 0;
    width: 100%;
    height: 100%;
}
.dynamic-callout .callout {
	width: 100%;
}
.st-parallax .set-for-parallax .callout {
	--button_bg:var(--pink);
	--button_colour:var(--white);
	--button_bg_hover:var(--blue);
	--button_colour_hover:var(--white);
}
.st-parallax .set-for-parallax .button {
	border-color:var(--button_bg);
}

.bodyContent .st-parallax .set-for-parallax .callout {	
	--button_bg:var(--white);
	--button_colour:var(--gray);
	--button_bg_hover:var(--blue);
	--button_colour_hover:var(--white);
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

footer#footer {
	position: relative;
	z-index: 11;
	padding: 90px 0 10px;
	background: var(--gray);
	color: var(--white);
	margin: 0;
	margin-top:50px;
	overflow: hidden;
	--link_colour:#fff;
}


footer#footer .container {
	max-width: 1000px;
	position: relative;
	z-index: 11;
}
.shape-ft-bg {
	
	content: '';
	width: 100%;
	width:22%;
	max-width: 449px;
	height: 608px;
	background-color: var(--white);

	-webkit-mask-image: url("images/footer-bg.png");
	mask-image: url("images/footer-bg.png");

	mask-position: left bottom;
	mask-repeat: no-repeat;
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;	


}


.email-info {
	margin-bottom: 40px;
}
.email-info a:hover {
	text-decoration: underline;
}

footer#footer .button {
	border-color: var(--white);
	background-color: var(--white);
	color: var(--gray);
}
footer#footer .button:hover {
	border-color: var(--blue);
	background-color: var(--blue);
	color: var(--white);
}

footer#footer:before {
	content: '';
	width: 100%;
	max-width: 322px;
	height: 390px;
	width:19%;
	background-color: var(--blue);

	-webkit-mask-image: url("images/ft-circle-1.png");
	mask-image: url("images/ft-circle-1.png");
	
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;	

	z-index: 1;

}

footer#footer:after {
	content: '';
	width: 100%;
	height: 177px;
	max-width: 179px;
	background-color: var(--pink);

	-webkit-mask-image: url("images/box-shape-1.png");
	mask-image: url("images/box-shape-1.png");
	mask-position: right bottom;

	transform: rotate(90deg);
	
	display: block;
	position: absolute;
	left: 0;
	top: 1px;
}

.footer-col-2 {
	
}

.footerLower {
	background: transparent;
	padding: 60px 0 0;
	font-size: 14px;
	font-weight: 300;
}
.footerLower .container {
	position: relative;
	z-index: 11;
}

footer#footer h2, footer#footer h3 {
	color: var(--white);
}

.footer_address {
	margin-bottom: 32px;
}

.footer_address p {
	margin: 0;
}

footer#footer h2 {
	font-size: 60px;
	line-height: 1;
	margin-bottom: 41px;
}

footer#footer ul {
	margin: 0;
	padding: 0;
	--link_colour:var(--white);
	--link_colour_hover:var(--pink);
}
footer#footer ul li {
}
footer#footer ul li a {
	font-family: "DinCondensedDemiBold";
	text-transform: uppercase;
}

.footer-lower-col-1 {

}
.footer-lower-col-2 {
	text-align: center;
}
.footer-lower-col-2 a {
	margin: 0px 8px;
}
.footer-lower-col-3 {
	text-align: right;
}

.footerLower a:hover {
	text-decoration: underline;
}
.footer_bradfield_link {
	font-family: "DinCondensedDemiBold";
	text-transform: uppercase;
}
.footer_bradfield_link:before {
	content: '';
	background: url('images/ft-logo-div.png') center center no-repeat;
	width: 292px;
	height: 28px;
	display: block;
	margin: 15px 0;
}
.footer_bradfield_link:hover {
	color: var(--pink) !important;
}





.footerLower .container {
	max-width: 1440px !important;
	padding-right: 340px;
}

.dynamic-instagram {
	position: relative;
}
.dynamic-instagram .instagram-feed-container {
	max-width: 1280px;
	margin: 0 auto;
}

.dynamic-instagram .section_title h2 {
	text-align: center;
	margin-bottom: 25px;
}

#sb_instagram #sbi_images {
	padding: 0 !important;
}


.sbi-owl-dots {
	display: none;
}
.sbi_follow_btn a {
	text-align: center;
	padding: 0 !important;
	border-radius: 0 !important;
	margin-top: 33px !important;
}
.sbi_follow_btn span {
	border: 1px solid var(--gray) !important;
    min-width: 184px !important;
	display: inline-block;
	border-radius: 0 !important;
	padding: 9px 20px 9px 20px;
	background: transparent;

	font-size: 18px !important;
    letter-spacing: 0px !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
    text-align: center !important;
    font-family: "din-condensed", sans-serif;	
	border-radius: 0 !important;
}

.sbi_follow_btn span:hover {
	border-color: var(--pink) !important;
	background: var(--pink) !important;
	color: var(--white) !important;
}


.sbi_follow_btn svg {
	display: none !important;
}


.inner-page-content {
	position: relative;
	background: var(--white);
	z-index: 11;
}




.body-container .dynamicContent {
    position: relative;
    background-color: var(--white);
}

.body-container {
	margin: 0;
	background: var(--white);
	padding-bottom: 0px;
	position: relative;
	z-index: 3;
}
.body-container:before {
	content: '';
	width: 100%;
	max-width: 248px;
	height: 321px;
	background-color: var(--skyblue);

	-webkit-mask-image: url("images/ft-circle-1.png");
	mask-image: url("images/ft-circle-1.png");
    mask-position: bottom left;

	display: block;
	position: absolute;
	right: 0;
	top: 0px;	

	z-index: 111;

}
.page-banner:after {
	content: '';
	width: 100%;
	max-width: 248px;
	height: 320px;
	background-color: var(--skyblue);

	-webkit-mask-image: url("images/ft-circle-1.png");
	mask-image: url("images/ft-circle-1.png");
    mask-position: top left;	
	display: block;
	position: absolute;
	right: 0;
	bottom: 0px;

	z-index: 111;

}



/*Breadcrumb Area Css --------------------------------------------------- Start */

.breadcrumbs {
    font-size: 12px;
    line-height: 1.25;
    color: var(--gray);
    text-transform: uppercase;
    letter-spacing: 1.2px;
    padding: 30px 0px 40px 0px;
    width: 100%;
    z-index: 105;
    margin-bottom: 0px;
    border-bottom: none;
    min-height: 15px;
    font-weight: 400;
	display: block;
	border-bottom: none;
	background-color: var(--white);
}

.breadcrumbs em {
	margin: -1px 10px 0px;
	width: 1px;
	height: 10px;
	background: var(--gray);
	display: inline-block;
	vertical-align: middle;
}

.breadcrumbs a {
    color: var(--gray);
	text-decoration: none;
}

.breadcrumbs span > span {
    color: var(--gray);
	font-family: "DinCondensedDemiBold";
}

.breadcrumbs a:hover {
    color: var(--gray);
	font-weight: 400;
}


/*Breadcrumb Area Css --------------------------------------------------------------------------------------------- END */


.dynamic-text_image {
	background: var(--white);
	position: relative;
	z-index: 11;
}
/*
.dynamic-text_image + .dynamic-text_image {
	padding-bottom: 110px;
	padding-top: 0;
}*/
.body-container {
	margin-top: 0;
}

.bodyContent table {
    display: inline-block;
    overflow: auto;
    position: relative;
    text-align: left;
    border-style: hidden;
    display: table;
}

.bodyContent table th, .bodyContent table th {
    background-color: #f0f0f0;
    font-size: 18px;
    line-height: 1.3;
    padding: 16px 20px;
    vertical-align: top;
}

.bodyContent table td {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.3;
    padding: 10px 10px;
    vertical-align: top;
}

.bodyContent table tr:nth-child(odd) td {
    background-color: #f5f5f5;
}

.bodyContent table td h4 {
    margin: 0px !important;
}


/*.bodyContent h2:after, .sidebar h2:after {    
	content: '';
	max-width: 223px;
	width: 100%;
	background: #d2232a;
	height: 5px;
	display: block;
	margin-top: 30px;
}*/


/*
.dynamic-carousel {
	margin: 0;
	padding: 75px 0 150px;
}
.dynamic-gallery {
	margin: 0;
	padding: 75px 0;
}*/

.dynamic-gallery .container {
}


.dynamic-gallery a {
	position: relative;
    border-radius: 0px;
    overflow: hidden;
	display: block;
}

.dynamic-gallery a:before {
	content: '';
	padding-top: 100%;
	display: table;
}


.dynamic-gallery a img {
    border: 5px solid var(--white) !important;
	width: 100%;
	max-width: inherit;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dynamic-carousel a.image {
    border-radius: 0px;
    overflow: hidden;
    display: block;
}
.dynamic-carousel a.image img {
	aspect-ratio:1;
}
.dynamic-carousel .owl-nav {
	display: none;
}
.dynamic-carousel .owl-dots {
	margin-top: 35px;
}




.bodyContent {
	display: flex;
    flex-direction: column;
	margin: 0;
}


.bodyContent ul {
    list-style: none;
    padding-left: 0px;
	margin-top: 30px;
	margin-bottom:2rem;
}
.bodyContent ul li {
    padding-left: 33px;
    position: relative;
	letter-spacing: 0px;
	margin-bottom: 20px;
}
.dynamic-text  ul li {
	display: block;
}

.dynamic-text {
	background: var(--white);
	position: relative;
	z-index: 11;
}




.bodyContent ul:not([class]) li:not([class]):before {
    content: '';
    font-size: 0;
    width: 14px;
    height: 14px;
    background: var(--pink);
    position: absolute;
    left: 0px;
    top: 6px;
	border-radius: 50%;
}


.bodyContent .dynamic-faq {

}
.bodyContent .dynamic-faq .sectionTitle {
	margin-bottom: 40px;
}
.bodyContent .sectionTitle h2, .bodyContent .section_title h2 {
	font-size: 40px;
	line-height: 1.25;
}


.bodyContent .faqs {
}
.bodyContent .faqs .faq {
	margin-bottom: 20px;
	border: none;
}
.bodyContent .faq-question {

	position: relative;
    margin: 0;
    padding: 10px 75px 10px 20px;
	background: var(--gray);
    color: var(--white);
    cursor: pointer;
    font-size: 18px;
    letter-spacing: 0.7px;
	text-transform: uppercase;
    line-height: 1.5;
    overflow: hidden;
    border: none;
	margin: 0px !important;
	font-family: "din-condensed",sans-serif;
}
.bodyContent .faq:hover .faq-question, .bodyContent .faq.open .faq-question {
	background: var(--blue);
	color: var(--white);
}
.bodyContent .faq-question:after {
    display: block;
    width: 21px;
    height: 21px;
	line-height: 21px;
    text-align: center;
    position: absolute;
    right: 25px;
    top: 13px;
    transform:  rotate(-90deg);
    font-weight: 400;
    font-family: "Font Awesome 5 Free";
    transition: 300ms;
    content: '+';
	color: currentColor;
	transform: none;
	font-size: 14px;
}
.bodyContent .faq.open .faq-question:after {
	transform: none;
    content: '-';
}

.bodyContent .faq-answer {
    display: none;
    padding: 0px;
    border: none;
    margin-bottom: 0px;
	box-shadow: 0px 3px 20px #00000029;
}


.bodyContent .faq-answer .col-md {
    padding: 25px 60px 2px 32px;
}


.bodyContent .faqs .faq:last-child .faq-answer {
	border: none;
}
.bodyContent .faqs .faq.open:last-child .faq-answer {
}

.bodyContent .faq-answer > h3, .faq-answer > h2 {
    margin-top: 0px;
}

.bodyContent .faq-answer h3, .faq-answer h2 {
    margin-top: 0px;
	margin-bottom: 10px;
}

.dynamic-poi .owl-nav {
	display: none;
}

.bodyContent .dynamic-web-links + .dynamic-documents, 
.bodyContent .dynamic-documents + .dynamic-documents, 
.bodyContent .dynamic-web-links + .dynamic-web-links, 
.bodyContent .dynamic-documents + .dynamic-web-links {
	margin: 0 !important;
}

.bodyContent .dynamic-poi {

}
.bodyContent .dynamic-poi + .dynamic-poi {
	padding: 20px 0px 20px;
	margin: 0;
}

.bodyContent .dynamic-poi .section_title h2 {
	font-size: 40px;
	line-height: 1.25;
	margin-bottom: 45px;
	text-align: center;
}


.bodyContent .dynamic-poi .container {
}

.bodyContent .dynamic-poi .col-lg-4 {
	padding: 0 5px;
}
.callout-pager {
	text-align: left;
	max-width: 848px;
	width: 100%;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 185px;
	z-index: 111;
}
.st-parallax .callout-pager {
	text-align: center !important;
	position: absolute;
	left: 50%;
	bottom: 345px;
	transform: translateX(-50%);
	z-index: 111;
}

.st-simple .callout-pager {
	text-align: left;
	max-width: 848px;
	width: 100%;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 185px;
	z-index: 111;
}


.callout-pager span {
	width: 10px;
	height: 10px;
	font-size: 0;
	margin: 0px 4px;
	display: inline-block;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid var(--white);
	cursor: pointer;
	border-radius: 50%;
}
.callout-pager span.cycle-pager-active {
	background-color: rgba(255, 255, 255, 0);
	border-color: var(--white);
}

.callout-pager span:first-child {
	margin-left: 0;
}
.callout-pager span:last-child {
	margin-right: 0;
}
a.button.image_doc,
a.document-link {
	margin-bottom: 20px;
	text-align: left;
	padding: 9px 70px 9px 20px;
	background: var(--gray);
	color: var(--white);
	line-height: 1.5;
	width:100%;
}
a.button.image_doc:hover,
a.document-link:hover {
	border-color: var(--pink);
	background: var(--pink);
	color: var(--white);
}




.document {
}


.dynamic-documents {

}



.dynamicContent.dynamic-documents .container {
}
.dynamicContent.dynamic-web-links .container {
}

a.document-link:before {
	display: none;
}

a.image_doc:after {
    display: block;
    width: 18px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    right: 23px;
    margin-top: -10px;
    top: 50%;
    font-weight: 700;
    font-family: "Font Awesome 6 Free";
    transition: 300ms;
    content: '\f08e';
    font-size: 15px;
}
a.document-link:after {
    display: block;
    width: 13px;
    height: 19px;
	line-height: 15px;
    text-align: center;
    position: absolute;
    right: 23px;
    top: 13px;
    transform: rotate(0deg);
    font-weight: 700;
    font-family: "Font Awesome 5 Free";
    transition: 300ms;
    content: '\f062';
	font-size: 0px;

	background-color: currentColor;
	mask-image:url('images/download-icon.png');
	mask-position:right center;
	mask-repeat:no-repeat;
	mask-size: cover;

}
a.document-link:hover:after {
	right: 23px;
}


.dynamic-web-links {
	margin: 0;
}

.dynamic-web-links a {

	margin-bottom: 20px;
	text-align: left;
	padding: 9px 70px 9px 20px;
	background: var(--gray);
	color: var(--white);
	line-height: 1.5;
	display: block;

}
.dynamic-web-links a:hover {
	border-color: var(--pink);
	background: var(--pink);
	color: var(--white);
}
.dynamic-web-links a:before {
	display: none;
}
.dynamic-web-links a:after {
    display: block;
    width: 15px;
    height: 15px;
	line-height: 15px;
    text-align: center;
    position: absolute;
    right: 20px;
    top: 14px;
    transform: rotate(0deg);
    font-weight: 700;
    font-family: "Font Awesome 5 Free";
    transition: 300ms;
    content: '\f062';
	font-size: 0px;

	background-color: currentColor;
	mask-image:url('images/weblink-icon.png');
	mask-position:right center;
	mask-repeat:no-repeat;
	mask-size: cover;

}
.dynamic-web-links a:hover:after {
	right: 20px;
}




.bodyContent .dynamic-quote {
	text-align: center;
	margin: 0;
	padding: 160px 0 90px;
	position: relative;
}
.bodyContent .dynamic-quote:before {
	content: '';
	width: 100%;
	max-width: 1280px;
	display: block;
	margin: 0px auto;
	background: var(--gray);
	height: 1px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.bodyContent {
	display: flex;
    flex-direction: column;
}




.body-text-main {
	background: var(--white);
	padding: 0px 0 88px;
	position: relative;
	z-index: 11;
}
.body-text-main:before {
	content: '';
	background: url('images/welcome-corner.png') left bottom no-repeat;
	width: 100%;
	max-width: 408px;
	height: 100%;
	max-height: 408px;
	position: absolute;
	right: 0;
	top: -144px;
	display: block;
	z-index: 2;
}



.body-text-main .container {
	position: relative;
}

.main-innerpage .bodyContent > .container {
	margin-bottom: 70px;
}



.dynamic-image {
	text-align: left;
	background: var(--white);
	position: relative;
	z-index: 11;
}
.bodyContent .dynamic-image .container {
	max-width: 1064px;
}

.bodyContent .dynamic-image img {
	object-fit: cover;
	max-height: 608px;
	margin-bottom: 20px;
}
.bodyContent .dynamic-image .image-item {
	overflow: hidden;
}

.bodyContent .dynamic-image .video_title {
	color: var(--gray);
	font-size: 40px;
	line-height: 1;
	font-family: "din-condensed",sans-serif;
}



.dynamic-video-block {
	position: relative;
	background: var(--white);
	padding: 0px 0 65px;
	z-index: 11;
}
.dynamic-video-block .container {
	max-width: 1064px;
}
.dynamic-video-block a .image-item-inner {
	position: relative;
}
.dynamic-video-block a .image-item-inner:before {
	width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-left: 24px solid var(--pink);
    border-bottom: 14px solid transparent;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 12;
}

.dynamic-video-block a .image-item-inner:after {
    width: 108px;
    height: 108px;
    border-radius: 50%;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
    background: var(--white);
    opacity: 1;
}
.text-section-it-inner {
	box-shadow: 0px 3px 20px #00000029;
	background: var(--white);
	padding: 85px 55px 85px 55px;
	margin-left: -100px;
	position: relative;
	z-index:5;
}

.image-section-it img {
	max-height: 505px;
	object-fit: cover;
	width: 100%;
	object-position: top;

}

@media (min-width:992px){
	.image-section-it {
		position:relative;
	}
	.dynamic-text_image .imageTxtRow{
		padding-top:30px;
		padding-bottom:30px;
	}
	.image-section-it .imageTxtImg {
		position:absolute;
		top:-30px;
		bottom:-30px;
		left:var(--bs-gutter-x);
		right:var(--bs-gutter-x);
	}
	.image-section-it .imageTxtImg img{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		object-fit:cover;
	}
}



.dynamic-video-block a:hover .image-item-inner:after {
	background: var(--pink);
	opacity: 0.75;
}

.dynamic-video-block a:hover .image-item-inner:before {
	border-left-color: var(--white);
	opacity: 1;
}


.dynamic-video-block .image-item img {
	object-fit: cover;
	overflow: hidden;
	width: 100%;
	height: 100%;
	margin-bottom: 25px;
	max-height: 640px;
}
.dynamic-video-block .image-item {
	display: block;
	position: relative;
}
.dynamic-video-block a {
	display: block;
	position: relative;
}


.dynamic-video-block .video_title {
	color: var(--gray);
	font-size: 40px;
	line-height: 1;
	font-family: "din-condensed",sans-serif;
	position: relative;
	padding-right: 90px;
}


.standard-staff-text h3 {
	margin-bottom: 0;
	font-family: "DinCondensedDemiBold";
	font-size: 40px;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
}
.title-value-name {
	font-family: "DinCondensedDemiBold";
	font-size: 40px;
	line-height: 1;
	color: var(--gray);
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
}
.title-value-name:before {
	content: '';
	width: 10px;
	height: 3px;
	background: var(--gray);
	display: inline-block;
	vertical-align: middle;
	margin: -5px 10px 0 5px;
}

.staff-meta-top {
	margin-bottom: 15px;
}

.staff-biog {
	margin-bottom: 0px;
}
.staff-biog p {
	margin-bottom: 10px;
}

.staff-btn {
	text-decoration: underline;
	font-size: 18px;
	text-transform: uppercase;
	font-family: "din-condensed",sans-serif;
}
.standard-staff-image {
	width: 308px;
	position: relative;
	padding: 0;
}
.standard-staff-image:before {
	content: '';
	padding-top: 100%;
	display: table;
}
.standard-staff-image img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}

.bodyContent .staffMember {
	box-shadow: 0px 3px 20px #00000029;
	padding: 0;
	margin-bottom: 50px;
}

.bodyContent .staffMember .row {
	margin: 0;
}
.bodyContent .standard-staff-text {
	padding: 45px 35px 40px;
}


.bodyContent .staffMember:last-child {
	border: none;
}

.dynamic-staff {

}

.dynamic-staff .bg-dark, .dynamic-staff .bg-light {
	padding: 80px 0;
}





.dynamic-quote {
	position: relative;
	background: rgba(255, 255, 255, 0.9);
}

.quotes-holder {
	max-width: 976px;
	margin: 0px auto;
	background: transparent;
	color: var(--gray);
	position: relative;
	z-index: 11;
}

.bodyContent .quoteContainer {
	background: transparent;
	color: currentColor;
	padding: 0;
}
.bodyContent .quoteContainer blockquote.quote-text {
	background: transparent;
	padding: 0;
	color: var(--gray);
	max-width: 100%;
}

.bodyContent blockquote.quote-text {
	padding: 0;
	text-align: center;
}

.bodyContent .quoteContainer cite {
	color: var(--gray);
	font-size: 18px;
	line-height: 1.2;
	text-transform: uppercase;
	display: block;
	margin-bottom: 0px;
	margin-top: 30px;
	font-style: normal;
}

.bodyContent .quoteContainer .cycle-pager {
	text-align: center;
	margin-top: 25px;
}
.bodyContent .quoteContainer .cycle-pager span {
	width: 10px;
	height:10px;
	display:inline-block;
	background: var(--gray);
	border: 1px solid var(--gray);
	margin: 0 4px;
	opacity: 0.5;
	cursor: pointer;
	font-size: 0 !important;
	vertical-align: top;
	border-radius: 50%;
}

.bodyContent .quoteContainer .cycle-pager span.cycle-pager-active, .bodyContent .quoteContainer .cycle-pager span:hover {
	background: transparent;
	border-color: var(--pink);
	opacity: 1;
}


.dynamic-text_image .image-pos-right .text-section-it {
	margin-left: auto;
	margin-right: -100px;
}


.bodyContent .callout:before {
	content: '';
	width: 215px;
	height: 216px;
	background-color: var(--blue);

	-webkit-mask-image: url("images/circle-shape-1.png");
	mask-image: url("images/circle-shape-1.png");
	
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}

.bodyContent .callout .calloutContent:before {
	content: '';
	width: 284px;
	height: 283px;
	background-color: var(--white);

	-webkit-mask-image: url("images/circle-shape-2.png");
	mask-image: url("images/circle-shape-2.png");
	
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.bodyContent .callout .calloutContent:after {
	content: '';
	width: 100%;
	height: 396px;
	max-width: 400px;
	background-color: var(--pink);

	-webkit-mask-image: url("images/box-shape-1.png");
	mask-image: url("images/box-shape-1.png");
	
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
}

.bodyContent .callout.hasbg:before, .bodyContent .callout.hasbg .calloutContent:before, .bodyContent .callout.hasbg .calloutContent:after {
	display: none;
}





.dynamic-staff-carousel {
	background: var(--gray) !important;
    --button_bg: var(--pink);
    --button_colour: var(--white);
    --button_bg_hover: var(--blue);
    --button_colour_hover: var(--white);
	color: var(--white);
	position: relative;
	margin: 0;
}
.dynamic-staff-carousel .button{
	border-color:transparent;
}
.dynamic-staff-carousel .staff_carousel_content {
	position: relative;
	padding: 100px 0 100px;
}

.dynamic-staff-carousel .container {
	position: relative;
	z-index: 11;
}

.dynamic-staff-carousel .staffMember {
	padding: 0;
	margin: 0;
	border: none;
	width:100%;
	height:100%;
}
.dynamic-staff-carousel .staffMember > .row {
	height:100%;
}
.dynamic-staff-carousel .carousel-staff-image img {
	max-width: 502px;
	max-height: 617px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.carousel-staff-text-inner {
	background: var(--white);
	padding: 70px 55px 27px;
	color: var(--gray);
	margin-left: -122px;
	align-self: normal;
	height: auto;
	flex: 1;
}
.carousel-staff-text-inner h3 {
	font-size: 35px;
	line-height: 1;
	margin-bottom: 15px;
}

.staff-pager {
	position: relative;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: right;
	z-index: 111;
    padding: 0px 12px;
}
.staff-pager span {
	width: 10px;
	height: 10px;
	font-size: 0;
	margin: 0px 4px;
	display: inline-block;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid var(--white);
	cursor: pointer;
	border-radius: 50%;
}
.staff-pager span.cycle-pager-active {
	background-color: rgba(255, 255, 255, 0);
	border-color: var(--white);
}

.staff-pager span:first-child {
	margin-left: 0;
}
.staff-pager span:last-child {
	margin-right: 0;
}




.dynamic-staff-carousel .carousel-staff-text {
	padding-top: 30px;
	padding-left: 50px;
	padding-bottom: 40px;
	display:flex;
	flex-wrap: wrap;
    flex-direction: column;
}

.dynamic-staff-carousel .carousel-staff-text h2.sectionTitle {
	color: var(--white);
	font-size: 60px;
	line-height: 1;
	margin-bottom: 52px;
	width:100%;
}

.dynamic-staff-carousel .carousel-staff-text h2.sectionTitle em {
	font-style: normal;
	display: block;
}


.dynamic-staff-carousel:before {
	content: '';
	width: 215px;
	height: 216px;
	background-color: var(--blue);

	-webkit-mask-image: url("images/circle-shape-1.png");
	mask-image: url("images/circle-shape-1.png");
	
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}
.dynamic-staff-carousel .staff_carousel_content .sn_staff_item {
	width:100%;
	height:100%;
}
.dynamic-staff-carousel .staff_carousel_content:before {
	content: '';
	width: 284px;
	height: 283px;
	background-color: var(--white);

	-webkit-mask-image: url("images/circle-shape-2.png");
	mask-image: url("images/circle-shape-2.png");
	
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 111;
}
.dynamic-staff-carousel .staff_carousel_content:after {
	content: '';
	width: 100%;
	height: 396px;
	max-width: 400px;
	background-color: var(--pink);

	-webkit-mask-image: url("images/box-shape-1.png");
	mask-image: url("images/box-shape-1.png");
	
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
}

.headGroup .headerIcon {
	max-height: 76px;
}

.video_carousel_content {
	width: 100%;
}



.standard-pager-site.inner-vc  {
	margin-top: -44px;
	text-align: right;
}

.standard-pager-site.inner-vc span {
	width: 10px;
	height: 10px;
	font-size: 0;
	margin: 0px 4px;
	display: inline-block;
	background-color: var(--gray);
	border: 1px solid var(--gray);
	cursor: pointer;
	border-radius: 50%;
	position: relative;
    z-index: 111;
}
.standard-pager-site.inner-vc span.cycle-pager-active {
	background-color: var(--white);
	border-color: var(--pink);
}

.standard-pager-site.inner-vc span:first-child {
	margin-left: 0;
}
.standard-pager-site.inner-vc span:last-child {
	margin-right: 0;
}


.externalLinkCar .item img{
	max-height:700px;
	width:auto;
	object-fit: contain;
}
.singleImgCar {
	--button_bg : var(--pink);
    --button_colour: #fff;	
}
.singleImgCar .owl-nav {
	position: relative;
	height:40px;
	--button_bg : var(--pink);
    --button_colour: #fff;
}
.singleImgCar.owl-carousel .owl-nav .owl-prev,
.singleImgCar.owl-carousel .owl-nav .owl-next {
	top:50%;
	margin-top:-20px;
	width:40px;
	height:40px;
	font-size:20px;
	text-align: center;
	line-height: 40px;
	background:var(--button_bg);
	color:var(--button_colour);
	border-radius: 50%;
}
.singleImgCar.owl-carousel .owl-nav .owl-prev{
	left:10px;
}
.singleImgCar.owl-carousel .owl-nav .owl-next {
	right:10px;
}
.singleImgCar.owl-carousel .owl-nav .owl-prev:hover,
.singleImgCar.owl-carousel .owl-nav .owl-next:hover {
	background:var(--button_bg_hover);
	color:var(--button_colour_hover);
}
.singleImgCar .owl-dots {
	margin-top:-35px;
	margin-left:55px;
	margin-right:55px;
}
.singleImgCar.owl-carousel .owl-stage {
	display: flex;
	align-items: center;
}
.singleImgCar .item {
	padding-top:10px;
	padding-bottom:10px;
}
.singleImgCar .item a.image{
	position: relative;
	display: block;
}
.singleImgCar .item .imageOverlay{
	padding-top:20px;
	padding-bottom:20px;
	text-align: center;
}
.singleImgCar .item img {
	max-height:700px;
	width:100%;
	margin:0 auto;
	object-fit: contain;
}
@media (min-width:992px){
	.singleImgCar .owl-nav {
		position: static;
		height:auto;
	}
	.singleImgCar .owl-dots {
		margin-top:0;
	}
	.singleImgCar .item .imageOverlay{
		position: absolute;
		bottom:20px;
		left:50%;
		transform:translateX(-50%);
	}
}
@media (min-width:1400px){
	.dynamic-single_image_slider > .container{
        max-width: 1320px;
	}
}
@media (min-width:1560px){
	.dynamic-single_image_slider > .container{
        max-width: 1500px;
	}
}
@media only screen and (max-width : 1290px) {

	.header-left {
		width: 30%;
	}
	.header-center {
		width: 40%;
	}
	.header-right {
		width: 30%;
	}
	.headGroup .button {
		margin-right: 30px;
	}
	.headGroup .headerIcon {
		max-height: 43px;
		line-height: 43px;
	}
	.header-center a {
		vertical-align: middle;
	}

}

@media only screen and (max-width : 1500px) {

	.page-banner:after {
		width: 142px;
		height: 141px;
		mask-size: cover;
	}
	.body-container:before {
		width: 142px;
		height: 141px;
		mask-size: cover;
	}
	.homeContent .dynamic-poi:before {
		content: '';
		width: 100%;
		max-width: 196px;
		height: 390px;

		mask-size: cover;
		top: -97px;	

	}
	.homeContent .dynamic-poi:after {
		content: '';
		width: 100%;
		max-width: 300px;
		height: 300px;

		mask-size: cover;
		left: -73px;
	}


	.bodyContent .callout:before {
		width: 108px;
		height: 108px;
		mask-size: cover;
	}

	.bodyContent .callout .calloutContent:before {
		width: 142px;
		height: 141px;
		mask-size: cover;
	}
	.bodyContent .callout .calloutContent:after {
		width: 255px;
		height: 252px;
		mask-size: cover;
	}





}




@media only screen and (max-width : 991px) {

	.hide-for-large {
		display: block;
	}
	.hide-for-mobile {
		display: none;
	}

	.headGroup {
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 29px;
		padding-bottom: 29px;
		height: 100px;
		background: var(--gray);
		color: var(--white);
	}

	.menuopen .headGroup, .fixedHeader .headGroup  {
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 29px;
		padding-bottom: 29px;
		height: 100px;
		background: var(--gray);
		color: var(--white);
	}


	.menuopen .headGroup .mainLogo, .fixedHeader .headGroup .mainLogo, .headGroup .mainLogo {
		display: block;
	}

	.menuopen .headGroup .mainLogo-head, .fixedHeader .headGroup .mainLogo-head, .headGroup .mainLogo-head {
		display: none;
	}

	.headGroup .headerIcon {
		max-height: 43px;
		line-height: 43px;
	}

	

	.header-right {
		display: none;
	}
	.header-left {
		width: 20%;
		text-align: left;
		padding: 0;
		order: 1;
	}
	.header-center {
		width: 80%;
		text-align: center;
		padding: 0;
		order: 2;
	}

	.header-right .searchToggle {
		display: none;
	}

	.menu-toggle {
		display: inline-block;
		margin: 0;
	}

	.headGroup .row {
		align-items: center;
	}

	.headGroup .head-links {
		display: none;
	}

	.menu-toggle:hover .toggleIcon span, .menu-toggle:hover .toggleIcon span:before, .menu-toggle:hover .toggleIcon span:after {
		background-color: var(--white);
	}

	.homeBanner .slideText {
		padding: 0px 25px;
		top: auto;
		transform: inherit;
		bottom: 41px;
	}
	#homeBanner {	

		position: relative;
		overflow:hidden;
		height:640px;

	}
	.homeBanner .slideText {
		bottom: 100px;
	}
	#homeBanner .videoframe:after {
		height:55%;
	}
	.homeBanner .slideText .bottom_text {
		text-align: center;
		margin-bottom: 25px;
		font-size: 40px;
		line-height: 1;
	}
	.homeBanner .slideText .top_text {
		text-align: center;
		font-size: 20px;
		line-height: 1.5;
		margin-bottom: 20px;
	}
	.homeBanner .slideText .head-link {
		display: block;
		margin: 0px auto;
		max-width: 184px;
		margin: 0 auto 0px;
		background: var(--white);
		border-color: var(--white);
		color: var(--gray);
	}
	.homeBanner .slideText .head-link:hover {
		background: var(--pink);
		border-color: var(--pink);
		color: var(--white);
	}	

	.welcomeBlock {
		padding: 90px 0 140px;
	}
	.welcomeBlockText h1 {
		font-size: 40px;
		line-height: 1;
		margin-bottom: 30px;
	}
	.homeContent .dynamic-poi {
		padding: 325px 0 50px;
	}

	.homeContent .dynamic-poi:before {
		content: '';
		width: 100%;
		max-width: 196px;
		height: 390px;

		mask-size: cover;
		top: -97px;	

	}
	.homeContent .dynamic-poi .container {
		padding-left: 25px;
		padding-right: 25px;
	}
	.homeContent .dynamic-poi .section_title h2 {
		padding-right: 35px;
		font-size: 40px;
		line-height: 1.5;
		font-family: "din-condensed",sans-serif;
	}
	
	.poiImage .poiText .poiEx em {
		font-style: normal;
		height: 90px;
		overflow: hidden;
	}
	.homeContent .dynamic-poi:after {
		content: '';
		width: 100%;
		max-width: 300px;
		height: 300px;

		mask-size: cover;
		left: -73px;
	}
	.homeContent .dynamic-poi .owl-dots {
		margin-top: 0px;
		text-align: right;
	}
	.callout .calloutTitle h3 {
		font-size: 40px;
		line-height: 1;
		margin-bottom: 10px;
	}
	.callout.hasbg .calloutContent {
		padding-bottom: 232px;
		padding-top: 232px;
	}
	

	.dynamic-callout .st-parallax {
		height: 640px;
	}

	.dynamic-callout .st-parallax .set-for-parallax {
		height: 640px;
	}
	.dynamic-staff-carousel .staff_carousel_content:before {
		width: 142px;
		height: 141px;
		mask-size: cover;
		z-index: 111;
	}

	.dynamic-staff-carousel:before {
		width: 108px;
		height: 108px;
		mask-size: cover;
		z-index: 111;
	}
	
	.dynamic-staff-carousel .staff_carousel_content:after {
		width: 255px;
		height: 252px;
		mask-size: cover;
		bottom: auto;
		top: 258px;
	}



	.page-banner:after, .page-banner:before {
		display: none;
	}
	.dynamic-video-block a .image-item-inner:after, .dynamic-video-block a .image-item-inner:before {
		top: 35%;
	}
	.text-section-it-inner {
		background: var(--white);
		padding: 50px 25px 50px 25px;
		margin-left: 0;
		position: relative;
		margin-top: 40px;
		margin-bottom: 40px;
		z-index:5;
	}
	.dynamic-text_image .image-pos-right .text-section-it {
		margin-left: auto;
		margin-right: auto;
	}
	.st-parallax .callout-pager {
		bottom: 150px;
	}
	.bodyContent .quoteContainer {
		padding: 0 12px;
	}
	.st-simple .callout-pager {
		padding: 0 12px;
	}

	.bodyContent .dynamic-quote {
		text-align: center;
		margin: 0;
		padding: 100px 0 50px;
		position: relative;
	}
	.dynamic-staff-carousel .carousel-staff-image img {
		max-height: 382px;
		object-fit: cover;
	}
	.carousel-staff-image {
		padding: 0 25px;
	}
	.dynamic-staff-carousel .staff_carousel_content {
		padding: 90px 0 80px;
	}
	.dynamic-staff-carousel .carousel-staff-text {
		padding-top: 70px;
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 40px;
	}
	.dynamic-staff-carousel .carousel-staff-text {

	}
	.carousel-staff-text-inner {
		margin-left: 0;
		padding: 60px 30px 30px;
		width:100%;
    	align-self: normal;
    	height: auto;
    	flex: 1;
	}
	.dynamic-staff-carousel .carousel-staff-text h2.sectionTitle {
		font-size: 40px;
		line-height: 1;
	}
	.staff-pager {
		padding: 0px 25px;
		text-align: center;
	}
	.section_title h2 {
		font-size: 40px;
		line-height: 1;
		margin-bottom: 30px;
	}
	.dynamic-mini-pois .section_details {
		margin-bottom: 70px;
	}
	.dynamic-mini-pois .owl-nav {
		display: none;
	}
	.callout.hasbg .calloutContent {
		position: absolute;
        width: 100%;
        padding: 0 !important;
        top: 50%;
        left: 0px;
        transform: translateY(-50%);
	}

	.callout.hasbg .coimg {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		width: 100%;
		height: 640px;
	}
	.callout.hasbg .coimg img {
		top: 0;
		left: 0;
	}

	.st-simple .callout.hasbg .calloutTitle h3 {
		margin-bottom: 40px;
	}
	.dynamic-instagram .instagram-feed-container {
		padding: 0px 20px;
	}
	footer#footer {
		padding: 100px 13px 25px;
	}
	.footer-col-1 {
		margin-bottom: 40px;
	}
	.footer-col-2 {
		margin-bottom: 40px;
		padding-left: 12px;
	}
	.footer-col-3  {
	}
	.footerLower {
		padding: 30px 0 0;
		text-align: left;
	}
	.footerLower .container {
		padding-right: 12px;
	}
	.footer-lower-col-1, .footer-lower-col-2, .footer-lower-col-3 {
		text-align: left;
	}
	footer#footer:before {
		width: 123px;
		height: 250px;
		mask-size: cover;		
		bottom: 340px;
	}
	footer#footer:before {
		width: 123px;
		height: 250px;
		mask-size: cover;		
		bottom: 340px;
	}
	.shape-ft-bg {
		width: 171px;
		height: 238px;
		mask-size: cover;		
		bottom: 437px;
	}
	.footer-lower-col-2 a:first-child {
		margin-left: 0;
	}
	.footer-lower-col-2 a:last-child {
		margin-right: 0;
	}


	/*#menu-main li a {
		display: block;
		text-decoration:none;
		color: var(--white);
		line-height:1;
		font-size: 32px;
		position:relative;
		padding:13px 0px;
		font-family: "din-condensed",sans-serif;
		text-transform: uppercase;
	}*/


}



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



	.fixedHeader .headGroup .row, .menuopen .headGroup .row {
		align-items: center;
		min-height: 76px;
	}



	#navbar {
		padding: 10px 70px 30px 90px;
	}

	.menuopen .headGroup  {
		background: var(--gray);
		color: var(--white);
		padding-top:12px;
		padding-bottom:12px;
	}

	.menuopen .headGroup .row {
		align-items: center;
	}

	.menuopen .headGroup .mainLogo {
		display: block;
	}

	.menuopen .headGroup .mainLogo-head {
		display: none;
	}


	/*.menuopen .headGroup .button {
		border-color: var(--white);
		color: var(--white);
		background: transparent;
	}
	.menuopen .headGroup .button:hover {
		border-color: var(--pink);
		color: var(--white);
		background: var(--pink);
	}*/
	.menuopen .header-right, .menuopen .header-left {
		padding-top: 0px;
	}

	#menu-main li.menu-item-has-children.open > .arrow:after {
		background-color: var(--link_colour_hover);
	}
	#menu-main li li.menu-item-has-children > .arrow:after {
		color: var(--white);
	}
	#menu-main li li.menu-item-has-children.open > .arrow:after {
		background-color: transparent;
	}
	#menu-main li li a:hover, #menu-main li li li a:hover {
		color: var(--white);
	}

}










.popupAlert {
	width: 1330px;
	color: var(--body_colour);
	background: var(--white) !important;
	text-align: center !important;
	border-radius: 0px;
}
.noticeBody {

}
.popupAlert .noticeText {
	padding: 128px 45px !important;
}

.popupAlert .noticeText .popTitle {
}
.popTitle { 
	color: var(--gray);
	font-size: 100px;
	line-height: 1;
	position:relative;
	padding: 0;
	text-transform: uppercase;
	margin-bottom: 35px;
	font-family: "DinCondensedDemiBold";
}


.alert-btn-bar {
	padding-top: 15px;	
}

.alert-btn-bar .button {
}
.alert-btn-bar .button:hover {
}


a:-webkit-any-link:focus-visible {
	outline-offset: 0px;
}
:focus-visible {
	outline: -webkit-focus-ring-color auto 0px;
}


.popupAlert .f-button.is-close-btn {
	top: 15px !important;
	right: auto !important;
	left: 15px !important;
	color: var(--gray) !important;
	background: transparent !important;
	width: 43px !important;
	height: 43px !important;
	line-height: 43px !important; 
	text-align: center !important;
	border-radius: 0 !important;
}



.sidebarSec {
	background: var(--blue);
	color: var(--white);
    padding: 35px 25px 40px;
    position: relative;
	margin-top: 0px;
	font-size: 16px;
	border-radius: 0px;
	margin-bottom: 25px;
}
.sidebarSec a {
	color: var(--white);
}
.sidebarSec a:hover {
	text-decoration: underline;
}
.sidebarSec h2, .sidebarSec h3 {
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 10px;
	color: var(--white);
}
body.blog .side-menu-container {
	display: none;
}

body.blog .sidebar, body.single-post .sidebar, body.archive .sidebar {
	padding-top: 110px;
}
body.error404 .body-container {
	padding-top: 40px;
	padding-bottom: 40px;
}
body.search .body-container {
	padding-bottom: 40px;
}

.popupAlert .popupImg {
	padding: 0 !important;
}




.popupAlert .popupImg img {
	object-fit: cover;
	object-position: center top;
}

@media only screen and (max-width : 991px) {

	.popupAlert .noticeText {
		padding: 50px 25px !important;
	}
	.popTitle { 
		font-size: 60px;
		line-height: 1;
	}
	#menu-main li a:hover{
		text-decoration:none;
		color: var(--white);
	}
	#menu-main li li a:hover {
		color: rgba(255, 255, 255, 0.5);
	}
	footer#footer ul li a, .footer_bradfield_link {
		font-family: "din-condensed",sans-serif;
	}
	.footer_bradfield_link:after {
		margin: 30px 0 0px;
	}

	.headGroup .headerIcon img {
		max-height: 48px;
	}

}
@media only screen and (max-width : 767px)  {
	.popupAlert .popupImg {
		padding: 10px 5px;
		width: 100%;
		padding: 0 12px !important;
	}
	.headGroup .headerIcon img {
		max-height: 48px;
	}
	.standard-staff-image {
		width: 100%;
	}

}

@media only screen and (max-width : 480px)  {

}


