:root {
	/* ---------- Colours ---------- */
	--linen-white: #E9E9DF;
	--pearl-aqua: #97CECA;
	--dark-teal: #003338;
	--secondary-blue: #0A3D63;
	--stormy-teal: #106E72;
	--secondary-yellow: #DED957;
	--accent-coral: #F07A70;
	--dark: #232333;
	--dark-body : #1D1D1B;
	--sky-blue: #BAD9DE;

	--body_colour : var(--dark);
	--title_colour : var(--stormy-teal);
    --title_alt : var(--pearl-aqua);
	--link_colour : var(--stormy-teal);
	--link_colour_hover : var(--dark-teal);
	--button_bg: var(--stormy-teal);
	--button_colour: var(--linen-white);
	--button_bg_hover: var(--secondary-yellow);
	--button_colour_hover: var(--dark);

}
body {
	background-color: #F2F2EC;
}
.styledBG.theme-bg-linen,
.theme-bg-linen > a.poi {
	background-color: var(--linen-white);
	color: var(--dark);
	--body_colour : var(--dark);
	--title_colour : var(--dark-teal);
    --title_alt :var(--stormy-teal);
	--link_colour : var(--dark-teal);
	--link_colour_hover : var(--secondary-yellow);
	--button_bg: var(--stormy-teal);
	--button_colour: var(--linen-white);
	--button_bg_hover: var(--secondary-yellow);
	--button_colour_hover: var(--dark);
}
.styledBG.theme-bg-mustard,
.theme-bg-mustard > a.poi {
	background-color: var(--secondary-yellow);
	color:var(--dark-body);
	--body_colour : var(--dark-body);
	--title_colour:var(--dark-teal);
    --title_alt : var(--pearl-aqua);
	--link_colour:var(--dark-teal);
	--link_colour_hover:var(--accent-coral);
	--button_bg : var(--accent-coral);
	--button_colour : var(--dark);
	--buttton_bg_hover : var(--pearl-aqua);
	--button_colour_hover : var(--dark);
}
.styledBG.theme-bg-aqua,
.theme-bg-aqua > a.poi {
	background-color: var(--pearl-aqua);
	color:var(--dark-body);
	--body_colour : var(--dark-body);
	--title_colour:var(--dark-teal);
    --title_alt : var(--pearl-aqua);
	--link_colour:var(--stormy-teal);
	--link_colour_hover:var(--secondary-yellow);
	--button_bg : var(--stormy-teal);
	--button_colour : #fff;
	--buttton_bg_hover : var(--secondary-yellow);
	--button_colour_hover : var(--dark);
}
.styledBG.theme-bg-blue,
.theme-bg-blue > a.poi {
	background-color: var(--secondary-blue);
	color:var(--linen-white);
	--body_colour : var(--linen-white);
	--title_colour:var(--linen-white);
    --title_alt : var(--pearl-aqua);
	--link_colour: var(--secondary-yellow);
	--link_colour_hover:var(--stormy-teal);
    --button_bg: var(--secondary-yellow);
    --button_colour: var(--dark);
    --button_bg_hover: var(--pearl-aqua);
    --button_colour_hover: var(--dark);
}
.styledBG.theme-bg-coral,
.theme-bg-coral > a.poi {
	background-color: var(--accent-coral);
	color:var(--linen-white);
	--body_colour : var(--linen-white);
	--title_colour:var(--linen-white);
    --title_alt : var(--pearl-aqua);
	--link_colour: var(--secondary-yellow);
	--link_colour_hover:var(--stormy-teal);
	--button_bg: var(--stormy-teal);
	--button_colour: var(--linen-white);
	--button_bg_hover: var(--secondary-yellow);
	--button_colour_hover: var(--dark);
}
.styledBG.theme-bg-darkteal,
.theme-bg-darkteal > a.poi {
	background-color: var(--dark-teal);
	color:var(--linen-white);
	--body_colour : var(--linen-white);
	--title_colour:var(--linen-white);
    --title_alt : var(--pearl-aqua);
	--link_colour: var(--secondary-yellow);
	--link_colour_hover: var(--linen-white);
    --button_bg: var(--secondary-yellow);
    --button_colour: var(--dark);
    --button_bg_hover: var(--pearl-aqua);
    --button_colour_hover: var(--dark);
}
.styledBG.theme-bg-stormy,
.theme-bg-stormy > a.poi {
	background-color: var(--stormy-teal);
	color:var(--linen-white);
	--body_colour : var(--linen-white);
	--title_colour:var(--linen-white);
    --title_alt : var(--pearl-aqua);
	--link_colour: var(--secondary-yellow);
	--link_colour_hover: var(--linen-white);
    --button_bg: var(--secondary-yellow);
    --button_colour: var(--dark);
    --button_bg_hover: var(--pearl-aqua);
    --button_colour_hover: var(--dark);
}
/*Content Wrapper*/
/* clear */
 .well {
     padding:10px 15px;
     background:#eaeaea;
     border:solid 1px #ddd;
     margin:20px 0;
}

.cyclepager,
 .scms-carousel .owl-nav {
     position:relative;
}
 .scms-carousel .owl-nav .owl-prev, .dynamic-poi-carousel .owl-nav .owl-prev{
     position:absolute;
     left:0;
     bottom:-80px;
}
 .scms-carousel .owl-nav .owl-next, .dynamic-poi-carousel .owl-nav .owl-next{
     position:absolute;
     right:0;
     bottom:-80px;
}
 @media (min-width:992px){
     .scms-carousel .owl-nav .owl-prev, .dynamic-poi-carousel .owl-nav .owl-prev{
         bottom:unset;
         top:0;
    }
     .scms-carousel .owl-nav .owl-next, .dynamic-poi-carousel .owl-nav .owl-next{
         bottom:unset;
         top:0 
    }
}
 .scms-carousel .owl-dots {
     padding-left:10px;
     padding-right:10px;
     text-align:center;
}
.cyclepager,
 .owl-dots {
     text-align:center;
     margin-top:40px;
 }
 .cyclepager span,
  .owl-dots span {
     width: 20px;
     height: 20px;
     display: inline-block;
     background: var(--link_colour);
     cursor: pointer;
}

 .cyclepager span,
 .owl-dots .owl-dot {
     display:inline-block;
     margin:0 10px;
}
 .cyclepager span {
color:transparent;
 }

 .cyclepager span.cycle-pager-active,
 .cyclepager span:hover,
 .owl-dots .owl-dot:hover span,
 .owl-dots .owl-dot.active span {
     background: var(--link_colour_hover);
}
 .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: 20px;
     position:absolute;
     color:#fff;
     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:56px;
     position:relative;
}
 .headGroup {
     color:#ffffff;
     background: transparent;
     background:var(--stormy-teal);
     transition:300ms;
     padding-bottom:0px;
     z-index:220;
     position:fixed;
     height: 56px;
     width:100%;
     top:0;
     left:0;
	--link_colour:#fff;
	font:var(--text-20);
    --button_bg: var(--secondary-yellow);
    --button_colour: var(--dark);
    --button_bg_hover: var(--pearl-aqua);
    --button_colour_hover: var(--dark);
}
.headGroup .headerIcon .mainLogo{
    height:40px;
    width:auto;
    object-fit: contain;
}

 .socialDesktop {
     justify-content: end;
     display: flex;
}
@media (min-width:992px){
    .headGroup {    
        height: 100px;
    }
     header.mainHeader {
        height:0px;
     }
    .home .headGroup {
        background:transparent;
    }
    .fixedHeader .headGroup, .menuopen .headGroup {
        background:var(--stormy-teal);
    }
    .headGroup .headerIcon .mainLogo {
        height:74px;
    }
}
@media (min-width:1200px){
	body.home:not(.fixedHeader) .headGroup {
		padding-top:20px;
	}
}
@media (min-width:1600px){
	.headGroup {
		padding-left:40px;
		padding-right:40px;
	}
}
/*------------------------------------*\ Navigation \*------------------------------------*/
 .menu-toggle{
     position:relative;
     padding-right: 0px;
     display:inline-block;
     cursor:pointer;
     height:30px;
     color: #ffffff;
}
 .menu-toggle .toggleText{
     display:none;
     vertical-align:middle;
     font-size:14px;
}
 .menu-toggle .toggleIcon {
     position:absolute;
     width:50px;
     height:50px;
     right:0;
     top:0px;
     transition:300ms;
     @media (min-width:992px){
        width: 70px;
    }
}
 @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: 50px;
     height: 2px;
     background-color: #ffffff;
     display: block;
     transition:all 300ms;
     position:absolute;
     @media (min-width:992px){
        width:70px;        
    }
}
.menu-toggle .toggleIcon span {
    width:33px;
    @media (min-width:992px){
        width:50px;        
    }
}

 .menu-toggle:hover .toggleIcon span, .menu-toggle:hover .toggleIcon span:before, .menu-toggle:hover .toggleIcon span:after{
     background-color: #ffffff;
}
 .menu-toggle .toggleIcon span {
     top:50%;
     right:0px;
     margin-top:-.5px;
}
 .menu-toggle .toggleIcon span:before {
     top: -10px;
     right:0px;
     @media (min-width:992px){
        top: -15px;
    }
}
 .menu-toggle .toggleIcon span:after {
     top: 10px;
     right:0px;
      @media (min-width:992px){
        top: 15px;
    }
}
 body.menuopen .menu-toggle .toggleIcon span {
     background-color: transparent!important;
}
 body.menuopen .menu-toggle .toggleIcon span:before {
     transform: rotate(135deg);
     top: 0px;
    width:50px;
}
 body.menuopen .menu-toggle .toggleIcon span:after {
     transform: rotate(-135deg);
     top: 0px;
    width:50px;
}
 #navbar{
     position: fixed;
     right: 0;
     transition: transform 500ms;
     background-color: #fff;
     z-index: 9999;
     top: 119px;
     bottom:0;
     width: 480px;
     max-width:100%;
     transform:translateX(100%);
     overflow-x: hidden;
     padding:20px 20px;
     border-left:1px solid #676767;
}
 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;
}
 #menu-main li{
     position:relative;
}
 #menu-main li a{
     display: block;
     text-decoration:none;
     color:#ec3822;
     line-height:1.35;
     position:relative;
     border-bottom:solid 1px #676767;
     padding:10px 10px;
}
 #menu-main li a:hover{
     text-decoration:none;
     color:#000;
}
 #menu-main .sub-menu {
     padding-left:40px;
     position:relative;
     display:none;
     border-bottom:solid 1px #676767;
}
 #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:35px;
}
 #menu-main li.menu-item-has-children > .arrow {
     position:absolute;
     right:0;
     top:5px;
     width:30px;
     height:30px;
}
 #menu-main li.menu-item-has-children > .arrow:after{
     position:absolute;
     content: '\f054';
     display: block;
     width: 11px;
     height: 25px;
     left: 10px;
     top: 3px;
     font-weight: 700;
     font-family: "Font Awesome 6 Free";
     transform: rotate(0deg);
     transition: 300ms;
}
 #menu-main li.open.menu-item-has-children > .arrow:after{
     transform:rotate(90deg);
}
/*------------------------------------*\ Banner \*------------------------------------*/
 #pageBanner, .bannerWrap {
     position: relative;
     overflow:hidden;
     min-height:300px;
     max-height:680px;
}
 #homeBanner {
     position: relative;
     overflow:hidden;
     min-height:400px;
     max-height:680px;
     height:35.08vw;
}
 #pageBanner:before, .bannerWrap:before {
     content:'';
     display:block;
     width:100%;
     padding-top:35.897%;
}
#homeBanner .overlay {
    height:50%;
    width:100%;
    position: absolute;
    bottom:-1px;
    left:0;
    z-index: 110;
    overflow: hidden;
}
#homeBanner .overlay .svganim{
    width:100%;
    height:100%;
    min-width:1560px;
}

#homeBanner .bannerBtn {
    position: absolute;
    bottom:80px;
    left:16px;
    z-index:110;
}
 @media(min-width:768px){
     #homeBanner {
         max-height:680px;
    }
}
 @media(min-width:992px){
     #homeBanner:after {
         
    }
}
/*------------------------------------*\ FOOTER \*------------------------------------*/

 #menu-useful {
     list-style:none;
     padding:0;
}
 .footerLower {
    font:var(--text-14);
    margin-top:30px;
}
 .footerLower .row{
    --bs-gutter-y:18px;
 }
@media (min-width:992px){
     .footerLower {
        margin-top:100px;
    }
}


/*------------------------------------*\ Dynamic Content \*------------------------------------*/
 .dynamicContent {
     margin-top:00px;
     margin-bottom:30px;
}
/*******Dividers******/
 .dividera{
     clear: both;
     width: 100%;
     height: 40px;
     position:relative;
}
 .dividera:before{
     content:'';
     width:90%;
     height:1px;
     border-bottom:solid 1px #000000;
     position:absolute;
     top:50%;
     left:5%;
}
 .dividera:after{
     content:'';
     display:block;
     background-image: url(images/logo-icon.svg);
     background-position: center center;
     background-size: 50px;
     height:40px;
     width:100px;
     top:50%;
     left:50%;
     margin-top:-20px;
     margin-left:-50px;
     background-repeat: no-repeat;
     position:absolute;
     background-color:#fff;
}
 .dividerb{
     clear: both;
     width: 100%;
     height: 50px;
     mask-image: url(images/logo-icon.svg);
     mask-size: 50px;
     mask-position: center;
     mask-repeat: no-repeat;
     background-color: var(--stormy-teal);
}
/*******FAQS*****/
 .faqs{
}
 .faqs .faq{
	margin-top:14px;
}
 .faq-question{
	position: relative;
	margin: 0;
     background:  var(--pearl-aqua);
     color:  var(--dark);
	text-decoration:none;
	font:var(--text-20);
    padding: 4px 20px;
	font-weight:700;
    position: relative;
    transition: 300ms;
	cursor: pointer;
}
 .faq.open .faq-question {     
	color: var(--dark);
    background: var(--secondary-yellow);
     border: none;
}
 .faq-question:hover {
	color: var(--dark);
    background: var(--secondary-yellow);
     border: none;
}
 .faq-question:after {
     content: '\f078';
     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(180deg);
}

 .faq-answer {
     display: none;
     padding: 25px 30px 20px;
     background: var(--linen-white);
     margin-bottom: 0px;
     transition: none;
}
/******Staff********/
 .staffMember {
     padding-bottom:15px;
     margin-bottom:20px;
     border-bottom:solid 1px #eee;
}
.featuredStaff .staffTitle {
    font:var(--head-32);
}
.staffTitle span{
    color:var(--body_colour);
}
 .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{
     margin-bottom:0;
}
/****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;
     top:50%;
     right: 10px;
     transform: translateY(-50%);
}
/*Callout*/
 .callout {
     display:block;
     position:relative;
     transition:300ms;
     color: #fff;
     --body_colour: #fff;
     --title_colour: #fff;
     background: #000000;
     font-size:1em;
     overflow:hidden;
}
 .callout .calloutContent {
     position:relative;
     text-align:center;
}
 .callout .calloutTitle {
     font-size:1em;
     margin:0.5em 0;
}
 .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.hasbg .calloutContent {
     padding-bottom:75px;
     padding-top:150px;
}
 .callout.hastext.hasbg .calloutContent {
     padding-bottom:35px;
     padding-top:100px;
}
/***POIS****/
 .row.pois {
     --bs-gutter-y: 46px;
     margin-top:0;
}
 .poi {
     position: relative;
     display: block;
     transition:all 300ms;
     overflow: hidden;
     background: transparent;
     background-color: var(--secondary-yellow);
    color: var(--dark-body);
    --title_colour: var(--dark-teal);
    --link_colour: var(--dark-teal);
    --button_bg: var(--accent-coral);
    --button_colour: var(--dark);
    --buttton_bg_hover: var(--pearl-aqua);
    --button_colour_hover: var(--dark);
}
 .poi:hover {
     text-decoration:none;
}
 .poiImage .poiImageBG {
     position:relative;
     width:100%;
     height:100%;
     top: auto;
     left: auto;
     background-size:cover;
     background-position:center;
     background-repeat:no-repeat;
     transition:300ms;
     opacity:1;
     overflow: hidden;
}
 .poiImage .poiImageBG img{
     width:100%;
     height:100%;
     object-fit:cover;
     position:absolute;
     left: 0;
     top: 0;
}
 .poiImage {
     background:inherit;
}
 .poi:hover .poiImage .poiImageBG {
}
 .poiImage .poiImageBG:before {
     content:'';
     display:block;
     width:100%;
     padding-top:100%;
}
 .textOnlyBlock .poiText {
     position:relative;
     padding:25px 30px;
}
 .poi .poiText {
	font:var(--text-26);
	padding:25px 30px;
    color:var(--body_colour);
 }
 .poi .poiTitle {
	font:var(--head-32);
	color:var(--title_colour);
}
 .poi .poiImage {
	padding-bottom:90px;
 }
 .poi .poiImage .poiText{
	bottom:0;
	left:0;
	width:100%;
	min-height:90px;
	position: absolute;
    background: inherit;
	transition: 300ms;
 }
 
 .poi.hastext:hover .poiImage .poiText{
	min-height:100%;
 }
.poi .poiImage .poiEx {
	max-height:0;
	overflow: hidden;
    transition: 300ms;
}
.poi:hover .poiImage .poiEx {
	max-height:600px;
}
.poi .read-link-poi {
	position: absolute;
	bottom:28px;
	right:30px;
	height:34px;
	padding-right:38px;
	color:transparent;
    transition: 300ms;
    font:var(--text-18);
    line-height: 34px;
    font-weight:700;
}
.poi .read-link-poi:after {
	content:'';
	display: block;
	background-color: var(--link_colour);
    width: 30px;
    height: 34px;
    position: absolute;
    right: 0;
    top: 0;    
    mask: url(images/chevron-double-right.svg) center center no-repeat;
    mask-size: contain;

}

.poi .textOnlyBlock  .poiText {
	padding-bottom:120px;
	padding-top:100px;
}
.poi:hover .textOnlyBlock .read-link-poi {
    color: var(--link_colour);
}
/*------------------------------------*\ HOME DYNAMIC \*------------------------------------*/
.homeIntroduction {
    padding-top:30px;
    font:var(--text-26);
    padding-bottom:40px;
}
.welcomeBlock {
    background:var(--dark-teal);
}
.welcomeBlock .welcomeImage{
    width: 100%;
    height:480px;
    position: relative;
}
/*
.welcomeBlock .welcomeImage:before{
    content:'';
    display: block;
    position: absolute;
    background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, var(--dark-teal) 100%);
    height:60%;
    width:100%;
    top:0;
    left:0;
    z-index: 5;;
}
.welcomeBlock .welcomeImage:after{
    content:'';
    display: block;
    position: absolute;
    width:100%;
    height:144px;
    background-image: url(images/square-pattern.svg);
    background-size: auto 100%;
    background-position: left bottom;
    background-repeat: repeat-x;
    bottom:0;
    left:0;
}*/
.welcomeBlock .welcomeImage .overlay{
    position: absolute;
    width:100%;
    height:144px;
    bottom:-1px;
    left:0;
}
.welcomeBlock .welcomeImage .overlay .svganim{
    width:100%;
    height:100%;
    min-width:1560px;
}
.welcomeBlock .welcomeImage img{
    width:100%;
    height:100%;
    object-fit: cover;
    position: absolute;
    top:0;
    left:0;
}
.welcomeBlock .welcomeBlockContent {
    font: var(--text-26);
    padding:38px 0;
}
@media (min-width:992px){
    .homeIntroduction {
        padding-top:90px;
        padding-bottom:110px;
    }
    .welcomeBlock {
        padding-bottom:30px;
    }
    .welcomeBlock .welcomeImage{
        height:570px;
        margin-bottom:-240px;
    }
    .welcomeBlock .welcomeImage:after{
        height:240px;
    }
    .welcomeBlock .welcomeImage .overlay{
        height:240px;
    }
    .welcomeBlock .welcomeBlockContent  {
        max-width:1080px;
        margin-left:auto;
        position: relative;
        padding:60px 88px;
    }
    .welcomeBlock .welcomeBlockContent  .btnWrap{
        position: absolute;
        bottom: 0;
        left: 88px;
        transform:translateY(50%);
    }
}

.dynamicContent .homeContentBlock {
    padding-top:40px;
    padding-bottom:40px;    
}
@media (min-width:992px){
    .dynamicContent .homeContentBlock {
        padding-top:100px;
        padding-bottom:100px;    
    }
}
/*------------------------------------*\ END DYNAMIC CONTENT \*------------------------------------*/
/*------------------------------------*\ Sidebar \*------------------------------------*/
 .sidebar {
     margin-top:0px;
}
 #menu-side li{
     position:relative;
     margin:5px 0;
}
 #menu-side a {
     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: 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.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;
     right: 0px;
     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);
    color:var(--secondary-yellow);
}
 #menu-side .sub-menu li.menu-item-has-children.open > a {
    color:var(--secondary-yellow);
 }
 #menu-side .sub-menu .sub-menu li{
     margin:0;
}
 #menu-side .sub-menu .sub-menu {
    display: none;
 }
 #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*/
 .hideme {
     opacity:0;
     top:30px;
     position:relative;
     transition:500ms;
}
 .hideme.active {
     opacity:1;
     top:0;
}

 @media (min-width:1500px){

}
 .headGroup .menu-toggle {
     position: relative;
     right: 0;
     top: 0;
     z-index: 99;
     width: 56px;
     height: 56px;
     background: transparent;
     margin-left:30px;
}
 .headGroup .headerLinks {
     margin:0 15px;
}
 .headGroup .headerLinks a{
     margin:0 15px;
     display:inline-block;
}
 .headGroup .menu-toggle .toggleIcon {
     right: 50%;
     transform: translate(50%, -50%);
     top: 50%;
}
 .headGroup .menu-toggle:hover {
     background: var(--pearl-aqua);
}
 .home .headGroup .menu-toggle {
     background: transparent;
}


 .down-arrow .down-link:before {
     content: '';
     width: 21px;
     height: 35px;
     background: url('images/down-arrow.png') center center no-repeat;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
}
@media (max-width:991.5px){
    .headGroup .headerLinks {
        margin:0 0px;
        position: absolute;
        top:100%;
        width:100%;
        left:0;
        background-color:var(--dark-teal);
        display: flex;
        justify-content: center;
    }
}
 @media (min-width:992px){
     .headGroup .menu-toggle {
        height:100px;
        width:100px;
    }
}

 @media only screen and (min-width : 1550px) {
     .welcomeQuoteBlock {
         position:relative;
    }
     .welcome_image_content {
         position:relative;
    }
}


 
 .dynamic-poi-carousel {
     padding: 120px 0 150px;
     margin: 0;
}
 .dynamic-poi-carousel .section_title {
     margin-bottom: 120px;
}
 .dynamic-poi-carousel .owl-nav button:before {
     content: '';
     height: 18px;
     width: 31px;
     display: block;
     background: url('images/faq-arrow-2.png') center center no-repeat;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%) rotate(0deg);
}
 .dynamic-poi-carousel .owl-nav button.owl-next:before {
     transform: translate(-50%, -50%) rotate(-180deg);
}
 @media (min-width:992px){
     .dynamic-poi-carousel .owl-nav {
         position: absolute;
         top: 50%;
         height: 1px;
         left: 0;
         width: 100%;
         text-align: center;
         transform: translateY(-50%);
    }
     .dynamic-poi-carousel .owl-nav button.owl-prev {
         left: -70px;
    }
     .dynamic-poi-carousel .owl-nav button.owl-next {
         right: -70px;
    }
     .dynamic-poi-carousel .item {
         padding: 90px 0;
         opacity: 0.5;
         transition:400ms;
    }
     .dynamic-poi-carousel .owl-item.active {
         z-index: -1;
    }
     .dynamic-poi-carousel .owl-item.active.center {
         z-index: initial;
    }
     .dynamic-poi-carousel .owl-item.active.center .item {
         transform: scale(1.5) translateY(18%) !important;
         opacity: 1;
         padding: 0;
         z-index: 1;
    }
}
 .dynamic-poi-carousel .container {
     max-width: 1005px;
}
 .dynamic-poi-carousel .poi {
     margin: 0 !important;
}

 .dynamic-poi-carousel .poi .poiTitle {
     color: #ffffff;
}
 .dynamic-poi-carousel .poi .poiTitle:after {
     display: none;
}
 .dynamic-poi-carousel .poiImage .poiImageBG {
     margin-bottom: 0px;
}
 .home .dynamic-poi-carousel .poiImage .poiImageBG:after {
     content: '';
     display: block;
     width: 100%;
     bottom: 0;
     position: absolute;
     left: 0;
     height: 100%;
     background: rgba(0,0,0,0.3);
     border-radius:50%;
}
 .dynamic-poi-carousel .big .poiImage .poiImageBG:after {
     display: block !important;
}
 .dynamic-destinations-logos {
     margin: 0;
     position: relative;
     z-index: 111;
}
 .dynamic-destinations-logos .section_details {
    font:var(--text-26);
}
 .dynamic-destinations-logos .destinations_logos img {
     margin: 0 auto;
     max-width: 100% !important;
     width: auto !important;
     max-height:110px;
}
.dynamic-destinations-logos .destinations_logos .logo_item {
    max-width:310px;
    margin:0 auto;
    padding:0 5px;
}
 .dynamic-destinations-logos .section_title {
     margin-bottom: 40px;
}

 .destinations_logos {
     margin-bottom:40px;
     margin-top:40px;
}
 .destinations_logos.owl-carousel .owl-stage {
     display:flex;
     align-items:center;
}

.owl-nav button {
    position: absolute;
    top: 50%;
    margin-top: -45px;
     font-size:0!important;
     width:55px;
     height:55px;
     cursor:pointer;
     color:var(--link_colour);
}
.owl-nav button:hover {
     color:var(--link_colour_hover);
}
.owl-nav button:before {
     content:'';
     display:block;
     width:40px;
     height:40px;
     position:absolute;
     top:0;
     left:0;
     mask-image:url(images/chevron-double-right.svg);
     mask-size:27px;
     mask-repeat:no-repeat;
     mask-position:center;
     background: currentColor;
}
.owl-nav button.owl-prev:before {
     transform:rotate(180deg);
}
.owl-nav button.owl-prev {
    right:calc(100% - 55px);
}
.owl-nav button.owl-next {
    left:calc(100% - 55px);
}
 @media (min-width: 1200px) {
     .owl-nav button {
         display: block;
    }
    .owl-nav button.owl-prev {
         right:100%;
    }
    .owl-nav button.owl-next {
         left:100%;
    }
}
 .bg-dark .container {
     position: relative;
     z-index: 2;
}
 .bg-dark {
     background: #000000 !important;
     color: #ffffff;
     position: relative;
}
 .bg-dark:before {
     background: url('images/footer-top-shape.png') center top no-repeat;
     content: '';
     width: 100%;
     height: 131px;
     display: block;
     position: absolute;
     left: 0;
     top: -130px;
}
 .bg-dark .section_title {
     color: #ffffff;
}
 @media only screen and (min-width : 1550px) {
     .bg-dark:before {
         background-size: 100% 100%;
    }
}
 .bg-dark-inner {
     position: relative;
}
 .bg-dark .bg-dark-inner:before {
     background: url('images/carector-left.png') left top no-repeat;
     background-size: 100% auto;
     content: '';
     width: 100%;
     width: 610px;
     max-width:50%;
     height: 816px;
     display: block;
     position: absolute;
     left: 0;
     top: 30px;
     z-index: 1;
}
 .bg-dark .bg-dark-inner:after {
     background: url('images/carector-right.png') right top no-repeat;
     background-size: 100% auto;
     content: '';
     width: 100%;
     width: 610px;
     max-width:50%;
     height: 100%;
     display: block;
     position: absolute;
     right: 0;
     top: 30px;
     z-index: 1;
}
 .bg-dark .section_title {
     margin-bottom: 40px;
}
 .bg-dark .section_title h2 {
     color: #ffffff;
}

 .dynamic-info-grid {
     position: relative;
     z-index: 111;
     margin: 0;
     padding: 0px 0 100px;
}
 .dynamic-info-grid {
}
 .dynamic-info-grid:before {
     content: '';
     display: block;
     mask-image: url(images/circle-hash.svg);
     mask-size: contain;
     mask-position: center;
     mask-repeat: no-repeat;
     background-color: #000;
     opacity: 0.1;
     position: absolute;
     left: -140px;
     top: -80px;
     width: 320px;
     height: 320px;
}
 .dynamic-info-grid .sliderThumb {
     position:relative;
     max-height:525px;
}
 .dynamic-info-grid .sliderThumb:before {
     content:'';
     display:block;
     padding-top:61%;
}
 .dynamic-info-grid .sliderThumb img {
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     object-fit:cover;
}
 .dynamic-info-grid .sliderThumb:after{
     content:'';
     display:block;
     width:150px;
     height:150px;
     background:var(--stormy-teal);
     border-radius:50%;
     position:absolute;
     top:-75px;
     right:-75px;
}
 .dynamic-info-grid .sectionTitle {
     margin-bottom:0;
}
 .dynamic-info-grid .date {

}
 .dynamic-info-grid .date a {
     color: #000000;
}
 .dynamic-info-grid .date a:hover {
     color: var(--stormy-teal);
}
 .dynamic-info-grid .news_content {
     z-index:5;
     position:relative;
     padding-top:40px;
     margin-bottom:70px;
}
 .dynamic-info-grid .news_content h3 {
     --link_colour:#000;
     --link_colour_hover:var(--stormy-teal);
}
 .dynamic-info-grid .news_content .txt {
     margin-bottom: 30px;
     padding-right:8.333%;
}
 .dynamic-info-grid .news_content span {
     display: block;
     margin: 20px 0 10px;
}
 
 .news_img_content {
     position:relative;
}
 .news_img_content:before {
     content: '';
     display: block;
     position: absolute;
     top: -70px;
     left: -90px;
     max-width: 100%;
     width: 570px;
     background-image: url(images/redlined.png);
     background-repeat: no-repeat;
     background-size: contain;
     height: 550px;
     z-index:-1;
     pointer-events:none;
}
 .dynamic-info-grid .stayConnected {
     margin:30px 0;
     text-align: center;
}
 .dynamic-info-grid .stayConnected .socials {
     padding-left:0;
}

 .dynamic-info-grid .stayConnected .socials a:hover{
     background:var(--stormy-teal);
}
 .info_grid_news_section {
     margin-bottom: 45px;
}
 ul.socials {
     justify-content: center;
}
 .footer-socials ul.socials {
     justify-content: left;
}
 @media (min-width:768px){
     .dynamic-info-grid .stayConnected {
         text-align: left;
    }
}
 @media (min-width:992px){
     .dynamic-info-grid:before {
         left: -180px;
         top: -280px;
         width: 550px;
         height: 550px;
    }
     .dynamic-info-grid .news_content .txt {
         margin-bottom: 30px;
         padding-right:16.666%;
    }
     .news_img_content:after {
         content: '';
         display: block;
         position: absolute;
         top: 0;
         left: 12px;
         width: 25%;
         height: 100%;
         background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    }
     .news_img_content:before {
         width: 762px;
         height: 658px;
         top: -300px;
         right: -60%;
         left: auto;
    }
     .dynamic-info-grid .sliderThumb:after{
         width:200px;
         height:200px;
         top:-100px;
         right:-100px;
    }
     .dynamic-info-grid .stayConnected {
         display:flex;
         flex-wrap:wrap;
         margin:1rem 0;
    }
     .dynamic-info-grid .stayConnected h2{
         margin:0;
         margin-right:20px;
    }
     .info_grid_news_section {
         margin-bottom: 85px;
    }
}
 @media (min-width:1200px){
     .dynamic-info-grid .sliderThumb {
         margin-right:calc(-50vw + 570px);
    }
     .dynamic-info-grid .sectionTitle {
         margin-right:-24%;
    }
}
 .c3.Facebook {
}
 .facebook_content.infoBlock{
     color: #000000;
     max-width: 455px;
     margin:0 auto;
     position: relative;
     height: 100%;
     background: var(--stormy-teal);
}
 .facebook_content.infoBlock:before {
     padding-top: 100%;
     content: '';
     display: block;
     width: 100%;
}
 .facebook_content.infoBlock .infoBlock_inner{
     padding: 90px 30px 30px;
     overflow: hidden;
     text-align: center;
     position:absolute;
     top:0;
     left:0;
     width:100%;
}
 .facebook_content.infoBlock .icon {
     position: absolute;
     top: 25px;
     right: 50%;
     color: #000000;
     transform: translateX(50%);
     font-size: 28px;
}
 .facebook_content.infoBlock a {
     color: #000000;
}
 .facebook_content.infoBlock a:hover {
     color: #ffffff;
     text-decoration: underline;
}
 .instagram_content.infoBlock{
     max-width:455px;
     margin:0 auto;
}
 .cff-wrapper {
     margin-top:40px;
     margin-bottom:40px;
}

 .twitter_content.infoBlock {
     width: 100%;
     max-width: 455px;
     height: 100%;
     background: #000000;
     color: #ffffff;
     border-radius: 50%;
     display: block;
     position: relative;
     margin:0 auto;
}
 .twitter_content.infoBlock:before {
     padding-top:100%;
     content:'';
     display:block;
     width:100%;
}
 .twitter_content.infoBlock .infoBlock_inner{
     position:absolute;
     top:50%;
     left:0%;
     width:100%;
     transform:translate(0%,-50%);
}
 .twitter_content .infoBlock_inner a {
     color: #ffffff;
}
 .twitter_content .infoBlock_inner a:hover {
     color: var(--stormy-teal);
}
 .twitter_content .infoBlock_inner .follow_us_link {
     color: #ffffff;
     font-size: 18px;
     font-weight: 700;
     text-decoration: underline;
     text-underline-offset: 2px;
     text-decoration-thickness: 1px;
     position: absolute;
     bottom: 53px;
     left: 50%;
     transform: translateX(-50%);
}
 .twitter_content .infoBlock_inner .follow_us_link:hover {
     color: var(--stormy-teal);
}
 .twitter_content .infoBlock_inner .icon {
     font-size: 0;
     background: url('images/twittter-icon-main.png') center center no-repeat;
     width: 41px;
     height: 42px;
     display: block;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
}
 .instagram_content {
     position:relative;
}
 .instagram_content .blockTitle.instaTitle {
     display: none;
}
 .instagram_content .icon {
     position: absolute;
     color: #fff;
     font-size: 50px;
     line-height:1;
     display: block;
     width: 160px;
     height: 160px;
     background: var(--stormy-teal);
     border-radius: 50%;
     position: absolute;
     top: -40px;
     left: -40px;
     text-align:center;
     padding-top:50px;
}
 #sb_instagram .sbi_type_video .svg-inline--fa.fa-play, .sbi_carousel_vid_first .svg-inline--fa.fa-play {
     display: none!important;
}
 .sbi_images {
     padding: 0 !important;
}
 .sbi.sbi_mob_col_1 {
     border-radius: 50%;
     overflow: hidden;
}
 #sbi_images {
     padding: 0 !important;
}
 @media (min-width:1200px){
     .instagram_content.infoBlock {
         margin-right:-16.666%;
         max-width:600px;
    }
}
 .dynamic-info-grid .sbi-theme:not(.sbi-modern,.sbi-overlap) #sb_instagram .sbi_hover_bottom, .dynamic-info-grid .sbi-theme:not(.sbi-modern,.sbi-overlap) #sb_instagram .sbi_hover_top, .dynamic-info-grid .sbi-theme:not(.sbi-modern,.sbi-overlap)#sb_instagram .sbi_hover_bottom, .dynamic-info-grid .sbi-theme:not(.sbi-modern,.sbi-overlap)#sb_instagram .sbi_hover_top {
     transform:translateY(-50%);
     top:50%;
     width:100%;
}
 #footer {
     background: var(--dark-teal);
	color:var(--linen-white);
	--title_colour:var(--linen-white);
	--link_colour: var(--linen-white);
	--link_colour_hover: var(--secondary-yellow);
    --button_bg: var(--secondary-yellow);
    --button_colour: var(--dark);
    --button_bg_hover: var(--pearl-aqua);
    --button_colour_hover: var(--dark);
	 font:var(--text-16);
     position: relative;
     padding: 56px 0 194px;
     text-align: center;
}
/*
#footer:after {
    content:'';
    display: block;
    width:100%;
    height:144px;
    position: absolute;
    bottom:0;
    right:0;
    max-width:432px;
    background-image:url(images/footer-squares.svg);
    background-size:432px;
    background-position: left bottom;
    pointer-events: none;
}*/

#footer .footerSquares {
    width:100%;
    height:144px;
    position: absolute;
    bottom:0;
    right:0;
    max-width:432px;
    pointer-events: none;
}
#footer .footerSquares .svganim {
    width: 432px;    
    width: 100%;
    height: 100%;
}
#footer .buttons {
    margin-left:-10px;
    margin-right:-10px;
}

#footer .buttons > *{
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
}

#footer .footerMain {
    --bs-gutter-x:30px;
    --bs-gutter-y:30px;
    margin-top: 0;
}
 #footer ul {
     list-style: none;
     padding: 0;
     margin: 0;
}
#footer ul {
     margin-bottom: 20px;
}
 #footer .socials {
    font-size:22px;
     margin-bottom: 0px !important;
     margin-top:30px;
     @media (max-width:767.5px){
     justify-content: center;
     }
}
 #footer .footer-socials {
     margin-bottom: 30px !important;
}
 #footer .ftmenus ul{
    list-style: none;
    margin-bottom: 0;

    @media (min-width:768px){
        padding-left:40px;
        border-left:solid 1px var(--pearl-aqua);
        height: 100%;
    }
 }
 #footer .ftmenus ul#menu-footer-menu-2{
    padding-top:40px;
    margin-top:40px;
    position: relative;
    @media (min-width:768px){
        padding-top:0px;
        margin-top:0px;
    }
 }
 
 #footer .ftmenus ul#menu-footer-menu-2:before{
    content:'';
    display: block;
    position: absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    background:var(--pearl-aqua);
    width:122px;
    height:1px;
    @media (min-width:768px){
        display: none;
    }
 }
 @media (min-width:768px){
     #footer {
        text-align: initial;
     }
}
@media (min-width:992px){
     #footer {
        padding-top:135px;
        padding-bottom:250px;
     }
     #footer:after {
        background-size:720px;
        max-width: 720px;
        height:240px;
     } 
    #footer .footerSquares {
        max-width: 720px;
        height:240px;
        width:100%;
    }
    #footer .footerSquares .svganim {
        width: 720px;
    }
}
@media (min-width:1200px){
     #footer {
        padding-bottom:40px;
     }
     #footer .footerSquares {
        width:40%;
        max-width: 720px;
        height:240px;
    }
}

 .homeBanner .hero .slideImage:before, .page-banner .hero .slideImage:before, .videoframe:before {
     content:'';
     display:block;
     width:100%;
     position:absolute;
     top:0;
     left:0;
     z-index: 111;
     opacity: 1;
     height:30%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.9+0,0+100;
    Neutral+Density */
     background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
}
 .welcome_top_block {
     z-index:112;
}

/*Inner Page Area Styles Css --------------------------------------------------- Start */
/*Breadcrumb Area Css --------------------------------------------------- Start */
 .breadcrumbs {
     font-size: 14px;
     line-height: 32px;
     color: #000000;
     text-transform: inherit;
     letter-spacing: 0px;
     padding: 15px 140px 15px 0;
     width: 100%;
     z-index: 105;
     margin-bottom: 40px;
     border-bottom: none;
     min-height: 32px;
     font-weight: 600;
     display: inline-block;
     border-bottom: 1px solid rgba(0,0,0,0.2);
}
 .breadcrumbs .share {
     position: absolute;
     right: 0px;
     top: 15px;
     min-height: 32px;
     padding-right: 25px;
     background: url('images/share-icon-inner.png') right center no-repeat;
}
 .breadcrumbs .addtoany_list a, .widget .addtoany_list a {
     font-size: 14px !important;
}
 .breadcrumbs em {
     margin: -3px 10px 0px;
     width: 1px;
     height: 12px;
     background: #000000;
     display: inline-block;
     vertical-align: middle;
}
 .breadcrumbs a {
     color: #000000;
     text-decoration: none;
}
 .breadcrumbs span > span {
     color: var(--stormy-teal);
}
 .breadcrumbs a:hover {
     color: var(--stormy-teal);
}
/*Breadcrumb Area Css --------------------------------------------------------------------------------------------- END */

 .bodyContent table {
     overflow: auto;
     position: relative;
     text-align: left;
     border-style: hidden;
     display: table;
}
 .bodyContent table th, .bodyContent table th {
     background-color: #f0f0f0;
     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-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 .body-text {
     margin-bottom: 50px;
}
 @media (min-width:1200px){
     .bodyContent header h1:before{
         display:block;
         position: absolute;
         width: 100vw;
         top:0;
         right:100%;
         margin-right: 20px;
    }
     .bodyContent header h1:after{
         display:block;
         width: 100vw;
         right:100%;
         left:auto;
         margin-right: 20px;
    }
}
 .staff-meta a.email-value:before {
     text-align: center;
     line-height: 24px;
     display: inline-block;
     background: var(--stormy-teal);
     color: #ffffff;
     font-size: 12px;
     font-weight: 400;
     padding: 0px 20px;
     border: none;
     text-transform: uppercase;
     position: relative;
     border-radius: 15px;
}
 .staff-meta a.email-value:hover:before {
     color: #ffffff;
     background: #1b2d4b;
}
 .wpmf-gallery-icon {
     border-radius: 50%;
     overflow: hidden;
}
 .bodyContent .dynamic-carousel a.image {
     border-radius: 50% !important;
     overflow: hidden !important;
     display: block !important;
}
 .bodyContent {
}
 .bodyContent .dynamicContent {

}
 .bodyContent ul {
     list-style: none;
     padding-left: 0px;
}
 .bodyContent ul li {
     padding-left: 40px;
     position: relative;
    margin-top: 10px;
}
 .bodyContent ul:not([class]) li:not([class]):before {
     content: '';
     font-size: 0;
     width: 20px;
     height: 20px;
     background: var(--stormy-teal);
     position: absolute;
     left: 0px;
     top: 6px;
}
 .bodyContent ul:not([class]) li:not([class]):nth-child(3n+1):before {
     background: var(--secondary-yellow);
 }
  .bodyContent ul:not([class]) li:not([class]):nth-child(3n+2):before {
     background: var(--accent-coral)
 }
  .bodyContent ul:not([class]) li:not([class]):nth-child(3n+3):before {
     background: var(--secondary-blue);
 }
 .dynamic-quote .cycle-pager {
     display: none;
}


 .faq-answer h3, .faq-answer h2 {
     margin-top: 0px;
     margin-bottom: 10px;
}
 .dynamic-documents .documents > .row {
	--bs-gutter-y: 20px;
 }
 .dynamic-documents .document {
     width: 100%;	
    --button_bg: var(--secondary-yellow);
    --button_colour: var(--dark);
    --button_bg_hover: var(--pearl-aqua);
    --button_colour_hover: var(--dark);

}
 .dynamic-documents .document a.document-link.button {
	width:100%;
 }
a.document-link.button {
	padding-right:40px;
	text-align: left;
 }
a.document-link.button:after {
     display: block;
     width: 10px;
     height: 14px;
     text-align: center;
     position: absolute;
     right: 20px;
     top: 50%;
     transform: translateY(-50%);
     font-weight: 700;
     font-family: "Font Awesome 5 Free";
     transition: 300ms;
     content: '\f062';
     font-size: 0px;
	 background-color: currentColor;
    mask: url(images/download-icon.png) center center no-repeat;
    mask-size: contain;
}

 .quicklink>a, a>.quicklink, a.quicklink {

}
 .quicklink>a:after, a>.quicklink:after, a.quicklink:after {
     display: block;
     width: 23px;
     height: 23px;
     line-height: 23px;
     text-align: center;
     position: absolute;
     right: 20px;
     top: 15px;
     transform: rotate(0deg);
     font-weight: 700;
     font-family: "Font Awesome 5 Free";
     transition: 300ms;
     content: '\f062';
     font-size: 0px;
     background: url('images/weblink-icon.png') center center no-repeat;
}

/*Video Callout Styles ------------------------------------------- Start ----- */
 .dynamic-callout .video_callout.callout:before {
     padding-top: 55.198%;
}
 .dynamic-callout .video_callout.callout .coimg::after {
     background: rgba(0,0,0,0.3);
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     display: none !important;
     z-index: 1;
}
 .dynamic-callout .video_callout.callout .calloutContent {
     padding-top: 0;
     padding-bottom: 0;
     bottom: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     padding: 0;
     width: auto;
     z-index: 11;
     position: absolute;
}
 .dynamic-callout .video_callout .calloutTitle {
     position: absolute;
     left: 20px;
     bottom: 15px;
     display: block !important;
     margin: 0;
     padding: 0;
     font-size: 17px !important;
     color: #ffffff;
     text-transform: uppercase;
}
 .dynamic-callout .video_callout .calloutTitle h3 {
     font-size: 17px !important;
     color: #ffffff;
     margin: 0;
     padding: 0;
     text-transform: uppercase;
     display: none;
}
 .dynamic-callout .video_callout .button, .bodyContent .callout.video_callout .calloutContent .button, .sidebar .callout.video_callout .calloutContent .button {
     font-size: 0 !important;
     background: transparent !important;
     min-width: inherit !important;
     border: none !important;
     line-height: 0px !important;
     width: 62px !important;
     height: 62px !important;
     margin: 0px auto;
     padding: 0 !important;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     display: block !important;
}
 .dynamic-callout .video_callout .button:after {
     width: 0 !important;
     height: 0 !important;
     border-top: 35px solid transparent !important;
     border-left: 64px solid #fff !important;
     border-bottom: 35px solid transparent !important;
     content: '' !important;
     position: absolute !important;
     left: 50% !important;
     top: 50% !important;
     transform: translate(-50%, -50%) !important;
    mask: none !important;
    background: none !important;
}
 .dynamic-callout .video_callout .button:hover:after {
     border-left-color:var(--pearl-aqua)!important;
}
 .dynamic-callout .video_callout .button:hover, .bodyContent .callout.video_callout .calloutContent .button:hover, .sidebar .callout.video_callout .calloutContent .button:hover {
     background: transparent!important;
}
 .bodyContent .callout.video_callout .coimg, .sidebar .callout.video_callout .coimg {
     position: relative;
}
 .bodyContent .callout.video_callout .coimg img, .sidebar .callout.video_callout .coimg img {
     position: relative;
}
 .sidebar .callout .calloutContent {
     padding: 130px 24px 130px;
}
 .bodyContent .callout .calloutContent {
     padding: 130px 40px 130px;
}
 .dynamic-callout .video_callout h3 {
     display: none !important;
}
 .callout-btn {
     text-align: right;
}
/*Video Callout Styles ---------------------------------------------------------------------------------------------- End ----------------- */
 .bodyContent .dynamic-quote {
}
 .bodyContent .dynamic-quote .quoteContainer {
     background: transparent;
     padding: 60px 0px 40px;
     margin: 0;
     max-width: 100%;
     position: relative;
}
blockquote.quote-text {
     margin-bottom: 0;
	 padding-top:50px;
	 padding-bottom:50px;
     position: relative;
}
blockquote.quote-text:before, 
blockquote.quote-text:after{
    content: open-quote;
    color: var(--secondary-yellow);
    font-size:100px;
    line-height:60px;
    position: absolute;
    display: block;
    font-family: "Schibsted Grotesk", sans-serif;
}
blockquote.quote-text:after{
    content: close-quote;

}
blockquote.quote-text:before{
    left: 0;
    top: 0;
}
blockquote.quote-text:after {
    right: 0;
    bottom: 0px;
}
blockquote.quote-text .quote-cite {
     display: block;
     font-weight: 700;
     font-style: normal;
     color: var(--stormy-teal);
     padding-top: 30px;
     padding-left: 0;
     margin: 0;
     text-align: left;
}
@media (min-width:992px){
     blockquote.quote-text {
        padding-top:0;
        padding-bottom:0;
	    padding-left:100px;
	    padding-right:100px;
     }
     blockquote.quote-text:before, 
    blockquote.quote-text:after{
        font-size:160px;
        line-height:60px;
    }
}
 .staffMember {
     margin-bottom: 50px;
}
 .staffMember h3 {
     margin: 0px 0 25px;
}
 .staffContent {
     margin-top:30px;
     margin-bottom:30px;
}
 .staff-meta .meta-label {
     font-weight: 700;
     text-transform: inherit;
     letter-spacing: 0px;
}
 .staff-meta .meta-value {
     font-weight: 300;
     text-transform: inherit;
     letter-spacing: 0px;
}
 .dynamic-carousel .owl-nav {
     position: absolute;
     width: 100%;
     max-width: 300px;
     left: 50%;
     bottom: 10px;
     transform: translateX(-50%);
}

 .callout.hasbg .calloutContent:before {
     display: none;
}
 .body-container {
     margin: 0 auto;
}
 .body-container .poi {
     height: 100%;
}
 .wpforms-submit {
     display: inline-block !important;
     color: var(--button_colour,#fff) !important;
     border: none !important;
     background: var(--button_bg,#000) !important;
     text-decoration:none !important;
     line-height: 25px !important;
     padding: 10px 20px !important;
     position: relative !important;
     transition: 300ms !important;
     min-width: 165px !important;
     font-size: 12px !important;
     text-align: center !important;
     font-weight: 600 !important;
     letter-spacing: 1px !important;
     text-transform: uppercase !important;
     position: relative !important;
     height: auto !important;
     border-radius: 0 !important;
}
 .wpforms-submit:hover {
     background: var(--button_bg_hover,#000) !important;
}
 div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap {
     width: 80%!important;
     margin: 5px 0 0 20px!important;
}
 div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress {
     background-color: #e52726!important;
}
/*Sidebar Menu Css --------------------------------------------- Start ------------------ */
 .sidebar {
     padding-left: 0px;
     padding-top: 15px;
}
 .side-menu-container {
     color: #ffffff;
     padding: 50px 35px 100px;
     position: relative;
     overflow: hidden;
     background: var(--dark-teal);
     --link_colour:#fff;
     --link_colour_hover:var(--secondary-yellow);
     margin-bottom: 40px;
}
 .page-id-246 .side-menu-container {
     display:none;
}
 .sidebarSec {
     background: var(--dark-teal);
     color: #ffffff;
     --link_colour: #fff;
     --link_colour_hover: #fff;
     padding: 15px 35px 40px;
     position: relative;
     position: relative;
}
 .sidebarSec h2 {
     color:#fff;
}
 .sidebarSec a {
     font-size: 18px;
     line-height: 35px;
     display: block;
     font-weight: 500;
     padding: 10px 0px 10px 0px;
     text-decoration: none;
}
 #menu-side > li > a {
}
 #menu-side > li > a > span {
     display: none;
}
 #menu-side > li {
}
 #menu-side .sub-menu li:last-child a {
     border: none;
}

 #menu-side a {
     text-transform: inherit;
     line-height: 35px;
     display: block;
     font-weight: 500;
     letter-spacing: 0px;
     padding: 10px 50px 10px 0px;
}
 #menu-side .sub-menu .sub-menu li a {
     font-size: 18px;
     padding: 0;
     line-height: 40px;
}
 #menu-side a span {
}
 #menu-side .sub-menu li:last-child a span {
}

 #menu-side .sub-menu .sub-menu li.menu-item-has-children > .arrow {
     height: 40px;
}
 #menu-side li {
     margin: 0px;
}
 #menu-side .sub-menu li.open li a span {
     padding: 0;
}
 #menu-side .sub-menu li.open li a:before {
     content: '';
     width: 10px;
     height: 10px;
     background: var(--pearl-aqua);
     display: inline-block;
     vertical-align: middle;
     margin-right: 10px;
     margin-top: -3px;
}
 #menu-side .sub-menu .sub-menu {
     padding: 5px 35px 5px 10px;
     background: transparent;
     margin-left: 0px;
     margin-right: 0px;
}
 #menu-side .sub-menu .sub-menu .sub-menu {
     padding: 5px 35px 5px 10px;
}

 #menu-side .sub-menu .sub-menu a > span {
     padding-left: 0px;
}
 #menu-side .sub-menu .sub-menu a > span:before {
     width: 5px;
     height: 1px;
     background: #ffffff;
     content: '';
     display: none;
}
/* #menu-side .sub-menu li .sub-menu li > .arrow:before {
     display: none;
}
 #menu-side .sub-menu li .sub-menu li.menu-item-has-children > .arrow:before {
     display: block;
}
 #menu-side .sub-menu li .sub-menu li.menu-item-has-children.open > .arrow:before {
     display: block;
}
 */
 #menu-side .sub-menu .sub-menu .sub-menu a > span {
}
 #menu-side .sub-menu li.open > .sub-menu {
}
/*Sidebar Menu Css --------------------------------------------- End ------------------ */
 .poi {
     position: relative;
}
 .staff-meta .meta-value {
     line-height: 24px;
}
 .staff-meta .meta-value strong {
     font-weight: 700 !important;
}
 .standard-staff-text .staff-biog p {
     overflow: hidden;
}
 .standard-staff-image {
     width: 40%;
}
 .standard-staff-image img {
     width: 100%;
     height: auto;
     max-width: none;
     overflow: hidden;
}
 .standard-staff-text .staff-biog .read-link-poi{
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px
 }

 @media only screen and (max-width : 991px) {
   
     .mob-centre {
         justify-content: center;
    }

     .homeBanner .hero:before, .page-banner .hero:before {
         height: 40%;
    }
     .homeBanner .slideText {
         line-height: 90px;
         bottom: 200px;
    }

     .homeDynamic.dynamic-callout .callout:before {
         min-height: 785px;
         max-height: 785px;
    }
     .homeDynamic.dynamic-callout .callout .calloutContent {
         padding-left: 30px;
         padding-right: 30px;
    }
     .homeDynamic.dynamic-poi .owl-nav {
         display: none;
    }
     .row.owl-carousel .owl-stage {
         padding: 0 !important;
    }
     .row.owl-carousel {
         margin: 0 !important;
    }
     .welcomeQuoteBlock {
         padding: 40px 13px 0px 13px;
    }

     .dynamic-info-grid .container {
         padding: 0px 25px;
    }
     .news_img_content {
         margin-bottom: 50px;
    }
     .grid_social_row {
         --bs-gutter-y: 30px;
    }
     .facebook_content.infoBlock {
    }
     .twitter_content.infoBlock {
    }
     #cff .cff-meta-wrap {
         bottom: -35px;
    }
     .twitter_content .infoBlock_inner .follow_us_link {
         bottom: 40px;
    } 
    /*Menu Styles new */
     #navbar {
         width: 100%;
         max-width: 100%;
         background: var(--stormy-teal);
         padding: 200px 0px 00px;
         color: #ffffff;
         top: 0px !important;
         border: none;
    }
     #navbar .menu-main-container{
         padding-bottom:40px;
         overflow-x: hidden;
         position:relative;
    }
     #navbar .button {
         margin-left:25px;
    }
     #navbar.menu-level-2 .button {
         border: 1px solid #fff;
    }
     #navbar.menu-level-2 {
         background: var(--dark-teal);
         padding-top: 200px;
    }
     #navbar.menu-level-3 {
         background: var(--stormy-teal);
         padding-top: 200px;
    }
     .menuopen .headGroup {
         z-index: 99999;
    }
     #menu-main li.menu-item-has-children > .arrow {
         display: none;
    }
     #navbar.menu-level-2 #menu-main li {
         display: none;
    }
     #navbar.menu-level-2 #menu-main li.open {
         display: block;
    }
     #navbar.menu-level-2 #menu-main li.open > a {
         display: none !important;
    }
     #navbar.menu-level-2 #menu-main li.open li.open > a {
         display: block !important;
    }
     #navbar.menu-level-2 #menu-main li.open li {
         display: block;
    }
     #navbar.menu-level-3 #menu-main li {
         display: none;
    }
     #navbar.menu-level-3 #menu-main li.open {
         display: block;
    }
     #navbar.menu-level-3 #menu-main li.open > a {
         display: none !important;
    }
     #navbar.menu-level-3 #menu-main li.open li.open > a {
         display: none !important;
    }
     #navbar.menu-level-3 #menu-main li.open li.open li {
         display: block;
    }
     .main-navigation.menu-level-3 ul.sub-menu a.back-to-main{
         display : none !important;
    }
     .main-navigation.menu-level-3 ul.sub-menu ul.sub-menu a.back-to-main{
         display : block !important;
    }
     #menu-main li {
         margin-bottom: 0;
    }
     #menu-main li a {
         font-size: 25px;
         border: none;
         line-height: 40px;
         letter-spacing: 0px;
         color: #ffffff;
         padding: 10px 28px 10px 0px !important;
         text-transform: uppercase;
         display: block;
         font-weight: 700;
    }
     #menu-main li.menu-item-has-children > a:before {
         display: none;
    }
     #menu-main li li.menu-item-has-children > .arrow {
         display: none;
    }
     #menu-main li.menu-item-has-children > a:before {
         content: "\f062";
         position: absolute;
         font-weight: 600;
         font-family: "Font Awesome 5 Free";
         font-style: normal !important;
         display: block;
         top: 20px;
         width: 11px;
         height: 19px;
         transform: rotate(-90deg);
         display: block;
         right: 5px;
         font-size: 0;
         background: url('images/faq-arrow.png') center center no-repeat;
    }
     #menu-main li.menu-item-has-children > a:hover:before {
         background: url('images/faq-arrow.png') center center no-repeat;
    }
     #menu-main li li.menu-item-has-children:hover > a:before {
    }
     #menu-main li li.menu-item-has-children > a:before {
         top: 16px;
         right: 35px;
    }
     #menu-main li a:hover {
         color: #1b2d4b;
    }
     #menu-main li.current-menu-item > a {
         color: #1b2d4b;
         background: transparent;
    }
     #menu-main li .sub-menu a:hover {
         color: var(--stormy-teal);
    }
     #menu-main .sub-menu li.current-menu-item > a {
         color: var(--stormy-teal);
    }
     .menu-main-container #menu-main{
         padding: 0px 25px;
    }
     #menu-main li.menu-item-has-children > a {
         padding: 0;
    }
    /*#menu-main li.menu-item-has-children.open > a {
         display: none !important;
    }
    */
    /*#menu-main li li.menu-item-has-children.open > a {
         display: none !important;
         color: #de8f25;
         background: transparent;
    }
    */
     #menu-main .sub-menu {
         padding-left: 0;
    }
     #menu-main .sub-menu li {
         margin-bottom: 0px;
    }
     #menu-main .sub-menu li a {
         font-size: 18px;
         letter-spacing: 0px;
         line-height: 35px;
         text-transform: inherit;
         font-weight: 700;
         border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
     #menu-main .sub-menu .sub-menu li a {
         font-weight: 300;
         border-bottom: none;
         padding-top: 5px;
         padding-bottom: 5px;
    }
     #menu-main .sub-menu li.menu-item-has-children > a:before {
         content: "\f062";
         position: absolute;
         font-weight: 600;
         font-family: "Font Awesome 5 Free";
         font-style: normal !important;
         display: block;
         top: 19px;
         width: 11px;
         height: 19px;
         transform: rotate(-90deg);
         display: block !important;
         right: 5px;
         font-size: 0;
         background: url('images/faq-arrow.png') center center no-repeat;
    }
     #menu-main .sub-menu li.menu-item-has-children a:hover:before {
         background: url('images/faq-arrow.png') center center no-repeat;
    }
     #menu-main .sub-menu li li a {
         position: relative;
    }
     #menu-main .sub-menu li a:hover, #menu-main .sub-menu li.open > a {
         color: var(--stormy-teal);
         text-decoration: underline;
         text-decoration-thickness: 1px;
         text-underline-offset: 5px;
    }
     #menu-main .sub-menu .sub-menu li a:hover {
         color: #ffffff;
         text-decoration: underline;
         text-decoration-thickness: 1px;
         text-underline-offset: 5px;
    }
     #menu-main .sub-menu li a:before {
    }
     #menu-main .sub-menu {
         padding: 0;
         border: none;
    }
     #menu-main .sub-menu .sub-menu {
    }
     a.back-to-main, #menu-main a.back-to-main {
         font-size: 18px;
         text-transform: inherit;
         letter-spacing: 0px;
         margin-bottom: 0px !important;
         display: block;
         position: fixed;
         color: var(--pearl-aqua) !important;
         top: 160px;
         left: 25px;
         font-weight: 700;
         line-height: 35px;
         z-index: 99999999 !important;
    }
     .back-to-main:hover {
         color: var(--pearl-aqua) !important;
    }
     .menu-main-container {
        /*padding: 0px 25px 0px;
        */
         position: relative;
        /*height: 100%;
        */
         width: 100%;
    }
     #menu-main {
         margin: 0;
    }
     #navbar.menu-level-2 #menu-main {
         margin: 0;
         height: 100%;
         overflow: hidden;
         overflow-y: scroll;
    }
     #navbar.menu-level-3 #menu-main {
         margin: 0;
         height: 100%;
         overflow: hidden;
         overflow-y: scroll;
    }
     #navbar.menu-level-3 #menu-main {
         flex-direction: column;
         justify-content: center;
         display: flex;
    }
     .main-headbox {
         display: none !important;
    }
}
 .callout-pager {
     position: absolute;
     left: 50%;
     bottom: 32px;
     transform: translateX(-50%);
     z-index: 111;
     width: 100%;
     text-align: center;
}
 .callout-pager span {
     font-size: 0;
     line-height: 6px;
     width: 6px !important;
     margin: 0px 5px;
     display: inline-block;
     background: rgba(255, 255, 255, 0.5);
     height: 6px !important;
     border-radius: 6px;
}
 .callout-pager span.cycle-pager-active, .callout-pager span:hover {
     background: rgba(255, 255, 255, 1);
}
 @media only screen and (min-width : 992px) {
   
     body.menuopen .main-headbox {
         right: 0;
         z-index: 9999;
         -webkit-box-shadow: 0px 0px 9px 3px rgba(0,0,0,0.75);
         -moz-box-shadow: 0px 0px 9px 3px rgba(0,0,0,0.75);
         box-shadow: 0px 0px 9px 3px rgba(0,0,0,0.75);
    }
    /*.main-headbox:after {
         content: "t";
         font-size: 0;
         position: absolute;
         left: 0;
         top: 0;
         background: #f1f2f2;
         height: 100%;
         width: 100%;
         max-width: 36.52%;
         z-index: -1;
    }
    */
     body.menuopen .main-headbox .container {
         max-width: 100%;
         position: relative;
         z-index: 11;
    }
     .main-headbox .headimage-box {
         position: relative;
         padding-top: 0px;
         margin: 0px;
    }
     .main-headbox {
         position: fixed;
         right: -100%;
         transition: right 700ms cubic-bezier(0.68, 0.05, 0.32, 0.95);
         top: 0px;
         margin-top: 0px;
         padding: 0px 0 0px;
         z-index: 9999;
         bottom: 0;
         width: 100%;
         overflow-x: hidden;
         height: 100vh;
         max-height: 100vh;
         background: var(--stormy-teal);
		 border: none!important;
    }
     .menu_image_box {
         text-align: center;
         padding: 0;
         padding-top : 5%;
    }
     .menu_custom_image_box {
         text-align: center;
    }
     .menu_image_box img {
         width: 100%;
         height: auto;
         max-height: 410px;
         object-fit: cover;
         max-width: 380px;
         min-height: 380px;
         display: block;
         margin: 0px auto 20px;
    }
     .menu_image_box .menu_link {
         position: relative;
         display: inline-block;
    }
     .menu_image_title {
         display: block;
         text-align: center;
         display:block;
         font-size:30px;
         font-weight:700;
         position:relative;
         padding:0px;
         text-transform: inherit;
         color: #000000;
    }
     .menu_image_title:after {
         width: 29px;
         height: 1px;
         background: var(--stormy-teal);
         display: block;
         margin: 15px auto;
         content: '';
    }
     .menu_link_label {
         display: inline-block;
         color: #fff;
         font-weight: 700;
         font-size: 18px;
         text-decoration: underline;
         text-underline-offset: 2px;
         text-decoration-thickness: 1px;
    }
     .menu_link_label:hover {
         color: #000000;
    }
     .menu_image_box .menu_link .menu_title {
         display:block;
         font-size: 36px;
         font-weight: 400;
         position:relative;
         padding: 25px;
         text-transform:uppercase;
         letter-spacing: 2px;
         font-family: "Amiri", serif;
         font-family: 'Open Sans', sans-serif;
         background: #0055a1;
         color: #ffffff;
         position: absolute;
         left: 0;
         bottom: 0;
         width: 100%;
         text-align: center;
    }
     body.admin-bar .main-headbox {
         top: 32px;
    }
     body.menuopen .headGroup {
         z-index: 99999 !important;
    }
     .main-headbox .row {
         margin: 0px;
         padding-top: 0px;
    }
     .main-menu-right {
    }
     .menu-main-right-container ul {
         list-style: none;
         margin: 0px !important;
         padding: 240px 0px 60px 20% !important;
         float: none;
         width: 100%;
         position: relative;
         height: 100%;
         background: var(--stormy-teal);
    }
     .menu-main-right-container ul li {
         display: block;
         padding: 0px;
         float: none;
        /*position: relative;
        */
         position: static;
    }
     .menu-main-right-container ul li:after {
    }
     .menu-main-right-container ul li:last-child:after {
    }
     .menu-main-right-container ul li ul {
         display: none;
         position: absolute;
         display: none;
         float: none;
         background: transparent;
         padding: 240px 0px 60px 0px !important;
         width: 50%;
        /*top: 50%;
         transform: translateY(-50%);
        */
         left: 100%;
         background: var(--dark-teal);
         height: 100%;
    }
    /* .menu-main-right-container ul li:hover > ul {
         display: block;
    }
     */
     .headmenu-box {
         padding: 0;
    }
     .menu-main-right-container ul li ul ul {
         background: transparent;
         padding: 240px 0px 60px 0px !important;
         z-index: 115;
         width: 100%;
         min-width: inherit;
         flex-direction: column;
         justify-content: center;
         background: var(--dark-teal);
         height: 100%;
    }
     .menu-main-right-container ul li ul li {
         background: transparent;
         position: static;
         padding: 0px 40px;
    }
     .menu-main-right-container ul li{
         margin-bottom: 0px;
    }
     .menu-main-right-container ul li:last-child a {
         border: none;
    }
     .menu-main-right-container ul li a {
         font-size: 30px;
         border: none;
         line-height: 40px;
         text-transform:uppercase;
         letter-spacing: 0px;
         color: rgba(255, 255, 255, 1);
         padding: 10px 50px 10px 0px !important;
         text-transform: inherit;
         display: block;
         font-weight: 700;
         position: relative;
         margin-right: 20%;
    }
     .menu-main-right-container ul ul li a {
         font-size: 18px;
         border: none;
         line-height: 1.5;
         letter-spacing: 0px;
         color: #fff;
         padding: 10px 28px 10px 0px !important;
         text-transform: inherit;
         display: block;
         font-weight: 700;
         opacity: 1;
         margin-right: 0;
         text-transform:initial;
    }
     .menu-main-right-container .sub-menu .sub-menu a{
         color: #fff;
    }
     .menu-main-right-container ul ul ul li a {
         font-weight: 300 !important;
         padding: 5px 28px 5px 0px !important;
    }
     .menu-main-right-container ul li a:hover {
         color: var(--pearl-aqua);
    }
     .menu-main-right-container ul li:hover > a {
         color: var(--pearl-aqua);
    }
     .menu-main-right-container .sub-menu li a:hover, .menu-main-right-container .sub-menu li:hover > a {
         color: var(--pearl-aqua);
    }
    /*.menu-main-right-container ul ul li a:hover {
         color: var(--stormy-teal);
         text-decoration: underline;
         text-decoration-thickness: 1px;
         text-underline-offset: 5px;
    }
     .menu-main-right-container ul ul li:hover > a {
         color: var(--stormy-teal);
         text-decoration: underline;
         text-decoration-thickness: 1px;
         text-underline-offset: 5px;
    }
    */
     .menu-main-right-container ul li span {
         display: none;
    }
     .menu-main-right-container ul li > a:after {
    }
     .menu-main-right-container ul li.menu-item-has-children > a:after {
         content: "\f062";
         position: absolute;
         font-weight: 600;
         font-family: "Font Awesome 5 Free";
         font-style: normal !important;
         display: block;
         transform: rotate(0deg);
         display: block;
         width: 11px;
         height: 19px;
         line-height: 19px;
         transform: rotate(-90deg);
         top: 19px;
         font-size: 0;
         background: url('images/faq-arrow.png') center center no-repeat;
         right: 5px;
    }
     .menu-main-right-container ul li.menu-item-has-children > a:hover:after {
         background: url('images/faq-arrow.png') center center no-repeat;
    }
     .menu-main-right-container ul li li.menu-item-has-children > a:after {
         content: "\f062";
         position: absolute;
         font-weight: 600;
         font-family: "Font Awesome 5 Free";
         font-style: normal !important;
         display: block;
         top: 18px;
         width: 11px;
         height: 19px;
         transform: rotate(-90deg);
         display: block !important;
         right: 5px;
         font-size: 0;
         background: url('images/faq-arrow.png') center center no-repeat;
    }
     .menu-main-right-container ul li li.menu-item-has-children > a:hover:after {
         background: url('images/faq-arrow.png') center center no-repeat;
    }
     .menu-main-right-container ul li a{
         position:relative;
         z-index:5;
    }
     .menu-main-right-container ul.menu > li.menu-item-has-children:before {
         content:'';
         display:block;
         background:var(--stormy-teal);
         position:absolute;
         top:0;
         left:0;
         width:100%;
         height:100%;
         z-index:2;
         pointer-events:none;
    }
     .menu-main-right-container ul li.menu-item-has-children ul {
         display: block;
         opacity:0;
         pointer-events:none;
         transition:500ms;
         left : 100%;
         top: 0;
         z-index: 1;
         height: 100%;
         transform:translateX(-100%);
    }
     .menu-main-right-container ul li.menu-item-has-children:hover > ul {
         opacity:1;
         transform:translateX(0%);
         pointer-events: auto;
    }
    /* .menu-main-right-container ul li ul li.menu-item-has-children:hover ul{
         display: flex;
         width: 100%;
    }
     */
     .menu-main-right-container ul li ul li ul {
         left : 0 !important;
         position: absolute;
         display: none;
    }
     .menu-main-right-container ul ul li.menu-item-has-children:hover > ul {
         height: 100%;
         left : 100% !important;
         top: 0 !important;
    }
     .menu-main-right-container ul ul ul li a {
         display: block;
         margin: 0px !important;
         border-bottom: none;
    }
     .menu-main-right-container ul ul ul li a {
    }
     .menu-main-right-container ul ul li {
         float: none;
    }
     #navbar {
         display: none;
    }
     .menuopen .headGroup {
         z-index: 99999;
    }
     .main-menu-right {
         height: 100%;
    }
     .menu-main-right-container {
         height: 100vh;
    }
}
 ol.wp-block-latest-comments {
     padding: 0;
}
 .fancybox__container {
     z-index: 99999 !important;
}
 .popupAlert {    
     max-width: 1000px;
     padding: 60px;
background-color: var(--stormy-teal);
	color:var(--linen-white);
	--body_colour : var(--linen-white);
	--title_colour:var(--linen-white);
    --title_alt : var(--pearl-aqua);
	--link_colour: var(--secondary-yellow);
	--link_colour_hover: var(--linen-white);
    --button_bg: var(--secondary-yellow);
    --button_colour: var(--dark);
    --button_bg_hover: var(--pearl-aqua);
    --button_colour_hover: var(--dark);
}
 .popupAlert .noticeText .popTitle {
}
 .popTitle {
    font:var(--head-50);
}
 .popTitle span {
     display: block;
}
 .popupAlert svg path {
}
 .alert-btn {
     margin-top: 50px;
}
 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: 0px !important;
     right: 0px !important;
     color: #ffffff !important;
     background: transparent !important;
     width: 43px !important;
     height: 43px !important;
     line-height: 43px !important;
     text-align: center !important;
     border-radius: 0 !important;
}
 @media only screen and (max-width : 991px) {
     .homeDynamic.dynamic-poi .section_title h2 {
         max-width: 310px;
         margin: 0px auto !important;
    }
     .bodyContent .dynamic-poi .owl-nav, .sidebar .dynamic-poi .owl-nav {
         position: absolute;
         left: 50%;
         transform: translateX(-50%);
         bottom: 15px;
         width: 300px;
    }
     .bodyContent .dynamic-poi .owl-nav .owl-prev, .sidebar .dynamic-poi .owl-nav .owl-prev {
         position: absolute;
         left: 0;
    }
     .bodyContent .dynamic-poi .owl-nav .owl-next, .sidebar .dynamic-poi .owl-nav .owl-next {
         position: absolute;
         right: 0;
    }
}
 @media only screen and (max-width : 567px) {
     .popupAlert .popupImg {
         padding: 30px 5px;
         text-align: center;
         margin: auto;
         width: 100%!important;
    }
     .popTitle {
         font-size: 40px;
         line-height: 50px;
    }
     .popupAlert {
         padding: 20px !important;
    }
     .bg-dark .bg-dark-inner:before {
         background: url('images/mobile-creator-bg.png') left top no-repeat;
         background-size: 100% auto;
         width: 100%;
         max-width:100%;
         height: 100%;
         max-height: 100%;
    }
     .bg-dark .bg-dark-inner:after {
         display: none;
    }
}
/*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: -20px;
}
 .searchToggle {
     display: inline-block;
     vertical-align: middle;
     position: relative;
     width: 30px;
     height: auto;
     min-height: 30px;
     margin-left: 10px;
     margin-right:20px;
}
 .searchToggle .search-form-holder {
     position: absolute;
     right: 0;
     top: 0;
     transform: none;
     z-index: 11;
}
 .searchToggle .searchform {
     width: 30px;
     transition: 500ms;
     position: absolute;
     right : 0;
     top : 0px;
     padding-right : 0px;
     height: 30px;
     z-index: -1;
}
 .searchToggle .searchform input.s {
    /*transition:300ms;
    */
     background: transparent;
}
 .searchToggle .searchform.openSearch input.s {
}
 .searchform.openSearch {
     width: 210px;
     height: 79px;
}
 body:not(.menuopen) .searchToggle {
     display: none;
}
 @media (max-width:767.5px){
    .headGroup .searchToggle {
        position: absolute;
        top:calc(100% + 36px);
        right:16px;
    }
 }
 @media (min-width:768px){
     .searchform.openSearch {
         width: 250px;
    }
     body:not(.menuopen) .searchToggle {
         display:inline-block;
    }
     .searchToggle .headerSearch .searchform input.s {
         bottom: 0;
    }
}
 .searchToggle .searchform.openSearch input.s:focus {
     outline: none;
     border: none;
     box-shadow: none;
}
 .searchToggle .searchform.openSearch input.s {
     background: var(--stormy-teal);
     color: #ffffff;
     border: solid 1px #fff;
     width: 100%;
     padding: 2px 10px;
     height: 32px;
     font-size: 12px;
}
/*.headerSearch #searchSubmit {
     width: 30px !important;
     height: 30px !important;
     background: url(images/search-icon-blue.png) center center no-repeat;
     font-size: 0 !important;
}
*/
 .headGroup .searchToggle {
     display: inline-block;
     vertical-align: middle;
}
 .menu-toggle {
     vertical-align: middle;
}
 .searchform .searchSubmit {
     right: 0;
}
 .searchInput.s::-ms-input-placeholder {
    /* Edge 12-18 */
     color: #ffffff;
}
 .searchInput.s::placeholder {
     color: #ffffff;
}
/*Search Toggle Css --------------------------- END ----------------------------------- */
/*Ealing Home*/
 .homeDynamic.dynamicContent {
     margin-top:0px;
     margin-bottom:0;
}
 @media (min-width:992px){
     .homeDynamic.dynamicContent {
         margin-top:0px;
         margin-bottom:0;
    }
}
 @media (min-width:1200px){
     .homeDynamic.dynamicContent {
         margin-top:0px;
         margin-bottom:0;
    }
}
 .dividerIcon {
     position:relative;
     width:98px;
     height:53px;
}

 @media (min-width:992px){
     .dividerIcon {
         width:100%;
    }
     .dividerIcon.xxlStretch {
         width:100vw;
    }
}
 .dynamic-image_text {
     position:relative;
}
 .dynamic-image_text:after {
     content:'';
     display:block;
     width:96px;
     height:96px;
     top:110px;
     left:-48px;
     border-radius:50%;
     background-color:#e6e6e6;
     position:absolute;
     z-index:-1;
}
 .dynamic-image_text:before {
     content: '';
     display: block;
     position: absolute;
     top: 240px;
     left: -90px;
     max-width: 100%;
     width: 570px;
     background-image: url(images/redlined.png);
     background-repeat: no-repeat;
     background-size: contain;
     height: 550px;
     z-index: -1;
     pointer-events: none;
}
 .imgTxt {
     --button_bg: var(--stormy-teal);
     --button_colour: #ffffff;
     --button_bg_hover: #000;
     --button_colour_hover: #ffffff;
}
 .imgTxt .dividerIcon {
     margin:0 0 0 auto;
}
 .imgTxt .textWrap {
     padding-top:40px;
}
 @media (min-width:992px){
     .imgTxt .imgTxtContent {
         padding-right:40px;
    }
     .imgTxt .imgWrap {
         position:relative;
    }
     .imgTxt .imgWrap img{
         width:100%;
         position:relative;
    }
     .imgTxt .imgWrap:after {
         content:'';
         display:block;
         position:absolute;
         top:0;
         left:0;
         width:16.6666%;
         height:100%;
         background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    }
     .imgTxt .textWrap {
         padding-top:120px;
         z-index:5;
    }
     .imgTxt .imgcol {
         position:relative;
    }
     .imgTxt .dividerIcon {
         position:absolute;
         top:120px;
         left:100%;
         margin-left:40px;
    }
     .dynamic-image_text:after {
         top: -30px;
         width: 220px;
         height: 220px;
         left: -110px;
    }
     .dynamic-image_text:before {
         width: 762px;
         height: 658px;
         top: -310px;
         left: 10%;
    }
}
 @media (min-width:1200px){
     .dynamic-image_text .sectionTitle {
         margin-right:-16.6666%;
    }
}
 .dynamic-text_divider .sectionTitle{
     margin-bottom:0;
}
 .dynamic-text_divider .textgroup{
     position:relative;
}
 .dynamic-text_divider {
     position:relative;
}
 .dynamic-text_divider:before {
     content: '';
     display: block;
     mask-image: url(images/clock.svg);
     mask-size: contain;
     mask-position: center;
     mask-repeat: no-repeat;
     background-color: #000;
     opacity: 0.1;
     position: absolute;
     right: -140px;
     top: 50%;
     transform:translateY(-50%);
     width: 320px;
     height: 320px;
     z-index:-1;
}
 @media (max-width:991.5px){
     .textgroup .sectionTitle{
         margin-top:10px;
         margin-right:10px;
         margin-left:10px;
    }
     .textgroup .h2{
         margin-right:10px;
         margin-left:10px;
    }
}
 @media (min-width:992px){
     .dynamic-text_divider .dividerIcon {
         top:20px;
         right:100%;
         margin-right:20px;
         position:absolute;
    }
     .dynamic-text_divider:before {
         right: -260px;
         width: 550px;
         height: 550px;
    }
}
/*Quote Carousel*/
 .quoteCarousel {
     position:relative;
}
.quoteCarItem > .row  {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
}
blockquote.quote-text.quoteitemTxt  {
    margin-top:30px;
}
.quoteCarousel .quoteitemImg {
    position: relative;
    padding-bottom:70px;
}

.quoteCarousel .quoteitemImg:before {
    content:'';
    display: block;
    position: absolute;
    top:0;
    left:0;
    width:140px;
    height:70px;
    background-color:var(--dark-teal);
    z-index: 5;
}
.quoteCarousel .quoteitemImg:after {
    content:'';
    display: block;
    position: absolute;
    bottom:70px;
    right:0;
    width:70px;
    height:70px;
    background-color:var(--dark-teal);
    z-index: 5;
}
.quoteitemImgOverlay:before,
.quoteitemImgOverlay:after {
    content:'';
    display: block;
    position: absolute;
    width:70px;
    height:70px;
}
.quoteitemImgOverlay:before{
    bottom:0px;
    left:0;
    background:var(--secondary-yellow);
}
.quoteitemImgOverlay:after {
    left:70px;
    bottom:70px;
    background:var(--pearl-aqua);
}
blockquote.quote-text .quote-cite.quoteitemCite {
    color:var(--secondary-yellow);
}
 
@media (min-width:992px){
    blockquote.quote-text.quoteitemTxt  {
        margin-top:50px;
    }
}
@media (min-width:1200px){
    blockquote.quote-text.quoteitemTxt  {
        margin-top:100px;
    }
    .quoteCarousel .quoteitemImg {
        padding-bottom:120px;
    }
    .quoteCarousel .quoteitemImg:before {
        width:240px;
        height:120px;
    }
    .quoteCarousel .quoteitemImg:after {
        width:120px;
        height:120px;
        bottom:120px;
    }
    .quoteitemImgOverlay:before{
        bottom:0px;
        left:0;
        width:120px;
        height:120px;
    }
    .quoteitemImgOverlay:after {
        left:120px;
        width:120px;
        height:120px;
        bottom:120px;
    }
}
/*Info Carousel*/
.dynamic-info_carousel .dynamicContentIntro {
    font:var(--text-26);
}
.infoCarousel {
    margin-top:20px;
    @media (min-width:992px){
        margin-top:50px;
    }
}
.infoCarousel .item {
    text-align: center;
    padding:10px 10px;
    color:var(--dark-teal);
}
.infoCarousel .item .img img {
    width:100%;
    max-height:75px;
    object-fit: contain;
}

.infoCarousel .item .itemTitle {
    font:var(--head-32);
    margin-top:10px;
}
.infoCarousel .item .itemTxt {
    font:var(--text-26);
    margin:10px auto 10px;
    max-width:320px;
}
.infoCarousel .item .btnWrap {
    margin-top:10px;
}
/*News*/
.dynamic-news .homeContentBlock {
    padding-bottom:0;
}
.homeNewsItem .date {
    font:var(--text-26);
}
.homeNewsItem .date a{
    color:inherit;
    opacity: 0.6;
}
.homeNewsItem .txt {
    margin-bottom:20px;
}
.homeNewsItem .readmore-news {
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;
    font:var(--text-26);
}
.homeNewsItem .newsThumbnail {
    margin-top:50px;
}
.homeNewsItem .newsThumbnail img{
    width:100%;
    max-height:595px;
    object-fit: cover;
}
@media (min-width:992px){
    
    .homeNewsItem {
        margin-top:60px;
    }
    .homeNewsItem .newsThumbnail {
        margin-right:calc(-50vw + 100%);
    }
}

/*Community*/
 .homeDynamic.dynamicContent.dynamic-community {
     margin-top:130px;
}
 .communitySection {
     padding:55px 0;
     background: #e42626;
     color: #ffffff;
     --title_colour: #fff;
     --link_colour: #fff;
     --button_bg_hover: rgba(0,0,0,0.6);
     position:relative;
}
 .communitySection {
     margin-top:0px;
}
 .communitySection .sectionTitle {
     margin-top:0px;
}
 .communitySection .txt {
     padding-right:23%;
     margin-bottom:20px;
     margin-top:15px;
}
 .communitySection:before {
     mask-image: url('images/footer-top-shape.png');
     mask-position: center top;
     mask-repeat: no-repeat;
     background: inherit;
     content: '';
     width: 100%;
     height: 51px;
     display: block;
     position: absolute;
     left: 0;
     top: -50px;
     z-index:-1;
}
 .communitySection .video_link {
     display:block;
     position:relative;
     aspect-ratio:1;
     border-radius:50%;
}
 .videoImage {
     position:relative;
     padding-top:30px;
     padding-bottom:30px;
}
 .videoImage .vidborders {
     border-left:8px solid #fff;
     border-right:8px solid #fff;
     width:53px;
     position:absolute;
     top:0;
     right:30px;
     height:100%;
}
 .videoImage .vidborders:before {
     content: '';
     display: block;
     width: 8px;
     height: 100%;
     border-left: solid 8px #fff;
     position: absolute;
     top: 0%;
     left: 50%;
     margin-left: -4px;
}
 .communitySection .video_link img{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     z-index: 2;
}
 .communitySection .video_link:before {
     border-top: 6px solid transparent;
     border-left: 12px solid #fff;
     border-bottom: 6px solid transparent;
     position: absolute;
     content: '';
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     z-index: 6;
}
 .communitySection .video_link:after {
     position: absolute;
     content: '';
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     width: 61px;
     height: 61px;
     background: #000000;
     display: block;
     z-index: 5;
}
 .communitySection .videoImage:hover .video_link:after {
     background: var(--stormy-teal);
}
 .communitySection img.bottomImg{
     position:relative;
     z-index:5;
}
 .communitySection .bottomImgWrap{
     position:relative;
     z-index:1;
}
 @media (min-width:768px){
     .communitySection:before {
         height:131px;
         top:-130px;
    }
     .communitySection .txt {
         padding-right:23%;
         margin-bottom:20px;
         margin-top:0px;
    }
     .homeDynamic.dynamicContent.dynamic-community {
         margin-top:0px;
    }
     .communitySection .titles{
         margin-right:-16.6666%;
    }
     .communitySection .videoImage {
         margin-bottom:-60px;
    }
     .communitySection .sectionTitle {
         margin-top:40px;
    }
     .videoImage {
         position:static;
         padding-top:00px;
         padding-bottom:0px;
    }
     .communitySection .container {
         position:relative;
    }
     .videoImage .vidborders {
         top: -170px;
         height: auto;
         bottom: -60px;
    }
}
 @media (min-width:992px){
     .communitySection img.bottomImg{
         margin-left:-16.666%;
    }
     .communitySection .bottomImgWrap{
         min-height:160px;
    }
}
 @media (min-width:1550px){
     .communitySection:before {
         mask-size: 100% 100%;
    }
}
 @media (min-width:1550px){
     .videoImage .vidborders {
         right:-20px;
    }
     .communitySection .videoImage {
         margin-right: -150px;
         margin-left: 40px;
    }
}
 .sectionfadein .animthis {
     transition-duration: 1s;
     opacity: 0;
     transition-property: opacity, transform;
}
 .sectionfadein .animthis.fade-up-left {
     transform: translate3d(100px, 100px, 0);
}
 .sectionfadein .animthis.fade-left {
     transform: translate3d(100px, 0, 0);
}
 .sectionfadein .animthis.fade-right {
     transform: translate3d(-100px, 0, 0);
}
 .sectionfadein.active .animthis {
     opacity: 1;
     transform: translateZ(0);
}