/*

	Theme Name: Schoolcms - Sherborne

	Author: Innermedia

Author URI: https://www.innermedia.co.uk

Description: 

Requires at least: WordPress 4.9.6

Version: 5.0.2



*/

:root {

	--body_colour : #000000;

	--title_colour : #222C56;

	--link_colour : #0495A8;
	--link_colour_hover : #7D328A;	

	--button_bg: #FAB522;
	--button_bg: #cd9f51;
	--button_colour: #FFFFFF;
	--button_bg_hover: #7D328A;
	--button_colour_hover: #FFFFFF;

	--white: #FFFFFF;
	--blue: #222C56;
	--black: #000000;
	--purple: #7D328A;
	--lightpurple: #DCCCE6;
	--yellow: #FAB522;
	--yellow: #cd9f51;
	--cyan: #0495A8;
	--lightgray: #F6F6F6;







}



/*Content Wrapper*/


/*
	font-family: "viktorie",sans-serif;
	font-family: "Amiri", serif;
	font-family: "Raleway", sans-serif;
*/


/* clear */



.well {

	padding:10px 15px;

	background:#eaeaea;

	border:solid 1px #ddd;

	margin:20px 0;

}

.owl-dots span {

	width: 14px;

	height: 14px;

	display: inline-block;

	background: var(--yellow);
	opacity: 0.25;

	border-radius:50%;

}

.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;
	left: auto;

}
.scms-carousel .owl-nav .owl-prev{
	bottom:unset;
	top:50%;
}

.scms-carousel .owl-nav .owl-next{
	bottom:unset;
	top:50%;

}
@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-nav .owl-prev{
	bottom:unset;
	top:50%;
}

.scms-carousel .owl-nav .owl-next{
	bottom:unset;
	top:50%;

}
}

.scms-carousel .owl-dots {

	padding-left:10px;

	padding-right:10px;

	text-align:center;

}

.owl-dots .owl-dot {

	display:inline-block;

	margin:0 5px;

	opacity:1;

}

.owl-dots .owl-dot.active {

	opacity:1;

}




.owl-dots .owl-dot.active span, .owl-dots .owl-dot.active:hover span {
	background: var(--yellow);
	opacity: 1;
}

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

}


.admissionsEnquiry .text-muted, .modal-school-group .text-muted, .modal-confirm .text-muted {
	--bs-secondary-color :#fff;
}


/*news*/

.list-item{

    overflow: hidden;

    margin-bottom: 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid #ddd;

}

.list-item-image{

	text-align:center;

}

.list-item-image a{

	display:block;

	padding:10px 0;

}

.list-item-text{



}

.list-item-text p.date{

	font-size:0.8em;

	margin:0;

}



.postThumb {

	margin-bottom:20px;

	text-align:center;

}



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

    Header

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

header.mainHeader {

	height:100px;

	position:relative;

}

.headGroup {

	color:var(--white);
	background: transparent;

	transition:300ms;

	padding-top: 25px;

	padding-left: 35px;
	padding-right: 55px;

	padding-bottom:0px;

	z-index:220;

	position:fixed;

	height: 100px;

	width:100%;

	top:0;

	left:0;

}

.fixedHeader .headGroup {

	padding-top: 13px;
	padding-bottom: 13px;
	background: var(--blue);

}

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



.socialDesktop {

	justify-content: end;

    display: flex;

}
@media (min-width:992px){
	header.mainHeader {
		height:0px;
	}
}
/*------------------------------------*\ 

    Navigation

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



.menu-toggle{

    position:relative;

	padding-right: 0px;	

	display:inline-block;

	cursor:pointer;

	height:30px;
	width: 31px;	

    color: var(--white);

}

.menu-toggle .toggleText{

	display:none;

	vertical-align:middle;

	font-size:14px;

}

.menu-toggle .toggleIcon {

	position:absolute;

	width:31px;

	height:18px;

	right:0;

	top:0px;

	transition:300ms;

}

@media (min-width:992px){

	.menu-toggle .toggleText{

		display:inline-block;

	}

}

.menu-toggle .toggleIcon span:before,

.menu-toggle .toggleIcon span:after {

	content:'';

}

.menu-toggle .toggleIcon span,

.menu-toggle .toggleIcon span:before,

.menu-toggle .toggleIcon span:after {

    width: 31px;

    height: 2px;

    background-color: var(--white);

    display: block;

    transition:all 300ms;

	position:absolute;

}



.menu-toggle:hover .toggleIcon span,

.menu-toggle:hover .toggleIcon span:before,

.menu-toggle:hover .toggleIcon span:after{

    background-color: var(--yellow);

}

.menu-toggle .toggleIcon span {

	top:50%;

	left: 0px;

	margin-top:-.5px;	

}

.menu-toggle .toggleIcon span:before {

    top: -9px;

}

.menu-toggle .toggleIcon span:after {

    top: 9px;

}

body.menuopen .menu-toggle .toggleIcon span {

    background-color: transparent!important;

}

body.menuopen .menu-toggle .toggleIcon span:before {

    transform: rotate(135deg);

    top: 0px;

}

body.menuopen .menu-toggle .toggleIcon span:after {

    transform: rotate(-135deg);

    top: 0px;

}

#navbar{

	position: fixed;

	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:640px;

	max-height:100vh;

}

#pageBanner:before,
.bannerWrap:before {

	content:'';

	display:block;

	width:100%;

	padding-top:45%;

}

#homeBanner:before {

	content:'';

	display:block;

	padding-top:56.08%;

}

@media(min-width:768px){

	#homeBanner {

		max-height:899px;

	}

	#homeBanner:before {

		content:'';

		display:block;

		padding-top:56.08%;

	}
	#pageBanner:before,
	.bannerWrap:before {
		padding-top:35.897%;

	}
}



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

    FOOTER

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



#footer{

	margin-top:2rem;

}

#menu-useful {

	list-style:none;

	padding:0;

}

.footerLower {

	background:#000;

	color:#dddedf;

	padding:20px 0;

	font-size:14px;

	text-align:center;

}

.footerLower p,

.footerLower ul{

	margin:10px 0;

}

.footerLower a{

	color:#dddedf;	

	text-decoration:none;

}

.footerInfo {

	text-align:center;

	line-height:1.87;

	margin-bottom:20px;

}

.footerInfo h3{

	font-size:1.5em;

	margin:30px 0 20px;

}

.footerInfo a:before {

	content: "";

    display: inline-block;

    vertical-align: middle;

    width: 0px;

    height: 1px;

    background-color: #000;

    transition: all 300ms;

    margin-right: 0px;

}

.footerInfo a:hover:before {

    width: 5px;

    margin-right: 5px;

}

.footer-links{

	margin:0;

	list-style:none;

	padding:0;

	margin-bottom:15px;

}

.footer-links li{

	display: inline;

}

.footer-links li:after{

	content:" | ";

	margin: 0 1px 0 1px;

	display: inline;

}

.footer-links li:last-child:after{

	content:"";

}

.footer-links li a{

	display: inline;

	white-space:nowrap;

}

@media (min-width:768px){

	.footerLower {

		text-align:initial;

		padding:50px 0;

	}

}

@media (min-width:1200px){

	.footerInfo {

		margin-bottom:70px;

	}

}



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

    Dynamic Content

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

.dynamicContent {

	margin-top:00px;

	margin-bottom:30px;

}

/*******Dividers******/

.dividera{

	clear: both;
    width: 100%;
    height: 144px;
   position:relative;

}

.dividera:before{

	content: '';
	width: 100%;
	max-width: 835px;
	height: 144px;
	display: block;
	background-color: var(--yellow);
	mask-image:url('images/shape-icon.png');
	mask-position:right center;
	mask-repeat:no-repeat;
	mask-size: auto;

	transform: scaleX(-1) translate(-20%, 10%) rotate(10deg);

}



.dividerb{

	clear: both;
    width: 100%;
    height: 144px;
   position:relative;

}

.dividerb:before {
	content: '';
	width: 100%;
	max-width: 835px;
	height: 144px;
	display: block;
	background-color: var(--yellow);
	mask-image:url('images/shape-icon.png');
	mask-position:right center;
	mask-repeat:no-repeat;
	mask-size: 100% 100%;
}

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

.dividerd{

	clear: both;
    width: 100%;
    height: 144px;
   position:relative;

}

.dividerd:before{

	content: '';
	width: 100%;
	max-width: 835px;
	height: 144px;
	display: block;
	background-color: var(--yellow);
	mask-image:url('images/shape-icon.png');
	mask-position:right center;
	mask-repeat:no-repeat;
	mask-size: auto;

	transform: scaleX(-1) translate(-30%, -40%) rotate(13deg);

}



/*******FAQS*****/

.faqs{



}

.faqs .faq{

	border-bottom:solid 2px #fff;

}



.faq-question{

	position:relative;

	margin:0;

	padding:0.625rem 1.5rem;

    padding-right: 2em;

	background: #a2a6a9;

	color:#fff;

	cursor:pointer;

}

.faq.open .faq-question{

	background:#969696;

}

.faq-question:hover{

	background: #000;

}

.faq-question:after {

    content: '\f054';

    display: block;

    width: 1.5em;

    height: 1.5em;

    line-height: 1.5em;

	text-align:center;

    position: absolute;

    right: 5px;

    top:0.625rem;

	font-size:0.8em;

	font-weight:700;

	font-family: "Font Awesome 6 Free";   

    transform: rotate(0deg);

	/*transition:300ms;*/

}

.faq.open .faq-question:after {

  transform:rotate(90deg);

}





/******Staff********/

.staffMember {

	padding-bottom:15px;

	margin-bottom:20px;

	border-bottom:solid 1px #eee;

}

.staff-meta {

	margin-bottom:5px;

}

.staff-meta .meta-label {

	font-weight:700;

}

.staff-meta.featured-staff-metas .staff-meta > *{

	display:inline-block;

}

.staff-meta a.email-value{

	font-size: 0;

    color: transparent;

	display: inline-block;

    vertical-align: middle;

}

.staff-meta a.email-value:before {

    content: "send";

    font-size: 12px;

    padding: 5px 10px;

    color: #000;

    display: block;

    text-align: center;

    background-color: #eee;

    border-radius: 5px;

    text-transform: uppercase;

    pointer-events: none;

	transition:300ms;

}

.staff-meta a.email-value:hover:before{

	background-color:#ccc;

}

/*****Quotes******/

.quoteContainer .quotesTitle{ 

	margin:10px 0 0;

	text-align:center;

	padding:0 15px;

}

.quoteContainer {

	background:#e0e0e0;	

	color:#000;

	padding-top:1.5em;

	padding-bottom:1.5em;

}

.quoteContainer .cycle-pager {

	width:100%;

	margin:0;

	padding:0 15px;

	text-align:center;

}

.quoteContainer .cycle-pager span{

	cursor:pointer;

	display:inline-block;

	margin:0 2px;

	width:15px;

	text-align:center;

	opacity:0.8;

	font-size:20px;

}

.quoteContainer .cycle-pager span.cycle-pager-active{

	opacity:1;

}

.quoteContainer blockquote.quote-text{

	padding-top:1em;

	padding-bottom:0.1em;

	margin-bottom:0;

	

}

.quoteContainer .quote-cite{

	text-align:center;

	font-weight:400;

	padding:0;
	display: block;
	margin-top: 21px;
	font-size: 14px;
	letter-spacing: 1.4px;
	line-height: 1.25;
	color: var(--white);
	font-style: normal;
	text-transform: uppercase;
	font-family: "Raleway", sans-serif;

}

/****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: 25px;

    transform: translateY(-50%);

}



/*Callout*/

.callout {

	display:block;

	position:relative;

	transition:300ms;

	color: #fff;

	--body_colour: #fff;

	--title_colour: #fff;

    background: var(--blue);

	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: 1.5rem;

}



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

.poiImage .poiImageBG:after {
	
	content:'';
	display:block;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	opacity: 0.8;
	height: 50%;
	/* 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(bottom,  rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(bottom,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to top,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	
}
.poiImage .poiImageBG img{
	width:100%;
	height:100%;
	object-fit:cover;
	position:absolute;
	left: 0;
	top: 0;
}


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

}
.poiImage:before {
	content:'';
	display:block;
	width:100%;
	padding-top: 138.5%;
}
.textOnlyBlock .poiText {
	position:relative;
	padding: 5px 15px;
}
.poi .poiTitle {	
	display:inline-block;
	line-height:1.3;
	text-align:center;

}
.poi:hover .textOnlyBlock {
	background: var(--blue);
	color: var(--white);
}

.poi .textOnlyBlock:before {

	content: '';
	width: 100%;
	max-width: 835px;
	height: 144px;
	position: absolute;
	right: 60px;
	top: 15px;
	display: block;

	background-color: var(--white);
	mask-image:url('images/shape-icon.png');
	mask-position:right center;
	mask-repeat:no-repeat;

	mask-size: 220%;
    transform: scaleX(-1);



}


.poi .poiTitle {
	display:block;
	font-size: 20px;
	letter-spacing: 2px;
	font-weight:400;
	position:relative;
	padding: 0px 25px 0px 25px;
	text-transform: uppercase;
	line-height: 1.5;
	text-align: left;
	text-shadow: 10px 10px 99px #000000;
}
.poi .textOnlyBlock .poiTitle {
	margin:0px 0 33px;
	padding: 0;
	text-align: center;
}
.textOnlyBlock {
	padding:44px 27px 40px;
	transition:300ms;
}

.poi .textOnlyBlock .poiTitle:before {
	display: none;
}


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

.poi:hover .textOnlyBlock {
	background-color: var(--blue);
	color:#fff;
	text-decoration:none;
}

.poiImage .poiText {
	padding: 0px;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;	
	bottom: 20px;
	text-align:center;
	width:100%;
	transition:300ms;
}
.poiImage .poiText {
}
.poiImage .poiText .poiEx {
	max-height:0;
	overflow:hidden;
	font-size:18px;
	transition:300ms;
}
.poi:hover .poiImage .poiText {
	bottom: 20px;
}
.poi:hover .poiImage .poiImageBG {
	opacity: 0.35;
}
.poi:hover .poiImage .poiImageBG img {
	transition:300ms;
}
.poi:hover .poiImage .poiEx {
	max-height:460px;	
}
.pois.homePOIs .col-xs-6 {
	padding-left:15px;
	padding-right:15px;
}



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

    HOME DYNAMIC

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

.welcomeBlock {

	margin-bottom:40px;

}

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

    END DYNAMIC CONTENT

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



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

    Sidebar

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

.sidebar {

	margin-top:0px;

}

#menu-side li{

	position:relative;

	margin:5px 0;

}

#menu-side a {

	color:#676767;

	display:inline-block;

	text-decoration:none;

	padding:0.5rem 1rem;

}

#menu-side a:hover {

	text-decoration:none;

}

/*Top level item*/

#menu-side > li > .sub-menu{

	margin: 0;

}

/*main Sub menu items*/

#menu-side .sub-menu li.current-menu-ancestor a,

#menu-side .sub-menu li.current-menu-item a{	

}

#menu-side .sub-menu li.current-menu-item > a{

	color:#676767;

}

#menu-side .sub-menu li.menu-item-has-children > .arrow {

	display:block;

	width:45px;

	height:45px;

	position:absolute;

	top:0;

	right:0;

}

#menu-side .sub-menu li.menu-item-has-children > .arrow:before {

	position:absolute;

	content: '\f054';

	display: block;

	width: 11px;

	height: 27px;

	position: absolute;

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

}

#menu-side .sub-menu li.menu-item-has-children.open > a {
	border-color: transparent;
}
#menu-side .sub-menu li a:hover{

    color: var(--white);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;

}

#menu-side .sub-menu .sub-menu {

	background:rgba(0,0,0,0.1);

	padding-bottom:10px;

}

#menu-side .sub-menu .sub-menu li{

	margin:0;

}

#menu-side .sub-menu li.open > .sub-menu {

	display:block;

}

@media (max-width:991.99px){

	.side-menu-container {

		display:none;

	}

}



/*Blog sidebar*/

#blognav ul {

	list-style:none;

}

.sidebarSec {	

    padding:0px 15px 15px;

	margin:0 auto 10px;

}

@media (min-width:1200px){



}

/*Animation*/





.hideme {

	opacity:0;

	top:30px;

	position:relative;

	transition:500ms;

}

.hideme.active {

	opacity:1;

	top:0;

}





.container {
	max-width: 1140px;
}

.headGroup .container {
	max-width: 100%;
}
.fixedHeader .headGroup .headerIcon .mainLogo {
	max-width: 300px;
}
.head-links {
	display: inline-block;
	vertical-align: middle;
}





.welcomeBlock .container {
	position: relative;
	z-index: 2;
}
.welcomeBlock {
	background: transparent;
	padding: 210px 0 30px;
	position: relative;
	z-index: 111;
	margin-bottom: 0;
}


.welcomeBlockText {
	padding-top: 15px;
}

.welcomeBlockText-main {
	max-width: 570px;
	margin: 0 0 0 auto;
}

.welcomeBlockText-main {
	text-align: left;
}

.welcomeBlockText-main h1 {
	text-align: left;
}


.welcomeImage {
	display: block;
	position: relative;
	max-width: 75.132%;
	margin: 0 0 0 auto;
}

.welcomeImage:before {
	content: '';
	width: 90%;
	background: var(--cyan);
	height: 50px;
	position: absolute;
	right: 0;
	top: -50px;
	display: block;
}
.welcomeImage:after {
	content: '';
	width: 65%;
	background: var(--purple);
	height: 25px;
	position: absolute;
	right: 0;
	bottom: -25px;
	display: block;
}


.welcomeImage img {
	width: 100%;
	max-height: 416px;
	object-fit: cover;
}

.welcome_image_content {
}

.welcome-btns {
	margin-top: 50px;
}


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

.section_title {
}

.section_title h2 {
	font-size: 90px;
	font-size: 60px;
	line-height: 0.9;
	line-height: 1;
	margin-bottom: 30px;
}
.section_center_title h2 {
	font-size: 90px;
	font-size: 60px;
	line-height: 0.9;
	line-height: 1;
	margin-bottom: 30px;
	text-align:center
}
.section_center_title:before {
	content: '';
    width: auto;
    max-width: 835px;
    height: 144px;
    position: absolute;
    left: calc(40vw + 0%);
    display: block;
    background-color: var(--yellow);
    mask-image: url(images/shape-icon.png);
    mask-position: right center;
    mask-repeat: no-repeat;
    mask-size: auto;
    transform: translate(40%, -100%) rotate(-30deg);
    right: 0;
	    z-index: -999;
}


.homeDynamic.dynamic-poi {
	margin: 0;
	padding: 123px 0 75px;
	position: relative;
}

.homeDynamic.dynamic-poi .container {
	max-width: 1280px;
}

.homeDynamic.dynamic-poi .section_poi_title {
	text-align: right;
	position: relative;
	height:100px
}

.dynamic-poi .section_poi_title {
	text-align: right;
	position: relative;
	margin-bottom: 140px;
}

.dynamic-poi .section_poi_title h2 {
	font-size: 60px;
	line-height: 1.3334;
	color: var(--yellow);
	font-family: "viktorie",sans-serif;
	font-weight: 400;
}

.dynamic-poi .section_poi_title:before {
	content: '';
	width: auto;
	max-width: 835px;
	height: 144px;
	position: absolute;
    left: calc(-51vw + 50%);
    right: 650px;
	top: -50%;
	display: block;

	background-color: var(--yellow);
	mask-image:url('images/shape-icon.png');
	mask-position:right center;
	mask-repeat:no-repeat;
	mask-size: auto;
}



.text-img-box .welcomeImage {
	margin: 0;
}

.text-img-box .welcomeImage:after {
	left: 0;
	right: auto;
	background-color: var(--cyan);
}
.text-img-box .welcomeImage:before {
	left: 0;
	right: auto;
	background-color: var(--purple);
}



.tic_next_prev {
	position: absolute;
	top: 50%;
	right: -55px;
	width: 110px;
	height: 55px;
}
.owl-nav button, .tic_next_prev a.tic_next {
	position: absolute;
	right: 0;
	top: 0;
}
.owl-nav button, .tic_next_prev a.tic_prev {
	position: absolute;
	left: 0;
	top: 0;
}



.owl-nav button, .tic_next_prev a {
	background: var(--purple) !important;
	width: 55px;
	height: 55px;
	transform: translateY(-50%);
	display: inline-block;
	color: var(--white) !important;
}
.owl-nav button:hover, .tic_next_prev a:hover {
	background: var(--cyan) !important;
}
.owl-nav button i, .tic_next_prev a i {
	display: none;
}
.owl-nav button:before, .tic_next_prev a:before {
	content: '<';
	height: 15px;
	width: 25px;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	letter-spacing: 1.6px;
	font-weight: 700;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(0deg);
}
.owl-nav button.owl-next:before, .tic_next_prev a.tic_next:before {
	transform: translate(-50%, -50%) rotate(-180deg);
}


.tic-pager {
	position: absolute;
	right: 0;
	bottom: -130px;
	width: 100%;
	text-align: center;
	display: none;
}

.tic-pager span {
	font-size: 0;
	width: 14px;
	height: 14px;
	background: var(--yellow);
	opacity: 0.28;
	border-radius: 50%;
	display: inline-block;
	margin: 0px 5px;
}

.tic-pager span.cycle-pager-active {
	background: var(--yellow);
	opacity: 1;
}



.image-text-block-main .welcomeBlockText-main {
	margin: 0;
}


.text_image_container {
	width: 100%;
}
.image-text-block-main .welcomeBlockText-main .block_details {
	margin-bottom: 50px;
}

.dynamic-text-image-carousel {
	margin: 0;
	padding: 190px 0 150px;
	position: relative;
}

.dynamic-text-image-carousel:after {
	content: '';
	width: 100%;
	max-width: 724px;
	height: 144px;
	position: absolute;
	right: -50px;
	bottom: -70px;
	display: block;

	background-color: var(--yellow);
	mask-image:url('images/shape-icon.png');
	mask-position:right center;
	mask-repeat:no-repeat;
	mask-size: auto;

	transform: scaleX(-1) rotate(25deg);

}

.homeContent .dynamic-text {
	margin: 0;
	padding: 10px 0 142px;
	background: var(--cyan);
	color: var(--white);
	position: relative;
	text-align: center;
}
.homeContent .dynamic-text:before {
	content: '';
	width: 100%;
	height: 490px;
	position: absolute;
	left: 0;
	top: -490px;
	display: block;
	background: var(--cyan);
	z-index: -1;
}
.homeContent .dynamic-text:after {
	background: url('images/ft-logo-emband.png') left top no-repeat;
	background-size: cover;
	content: '';
	width: 100%;
	max-width: 599px;
	height: 678px;
	display: block;
	position: absolute;
	right: -98px;
	bottom: 40px;
	z-index: 1;
}


.homeContent .dynamic-text .container {
	position: relative;
	z-index: 11;
}



.homeContent .dynamic-text .section_title {
	margin: 0px auto;
	max-width: 650px;
}

.homeContent .dynamic-text .section_title h2 {
	color: var(--white);
	margin-bottom: 40px;
}

.homeContent .dynamic-text .section_center_title h2 {
	color: var(--white);
	margin-bottom: 40px;
}

.homeContent .dynamic-text .text_section_details {
	max-width: 742px;
	margin: 0px auto 75px;
}


.homeContent .dynamic-callout {
	margin: 0;
	position: relative;
	padding: 140px 0;
}


.homeDynamic.dynamic-callout .callout {
	width: 100%;
	max-width: 1280px;
	max-height: 800px;
	margin: 0px auto;
}
.homeDynamic.dynamic-callout .callout:hover {
	max-width: 100%;
}
.homeDynamic.dynamic-callout .callout:before {
	content:'';
	display:block;
	width:100%;
	padding-top:100%;
}
.homeDynamic.dynamic-callout .callout .calloutContent {
	position: absolute;
	left: 0px;
	bottom: 80px;
	padding: 0 70px;
	text-align:center;
	width: 100%;
	transition: 300ms;
}


.homeDynamic.dynamic-callout .callout:hover .calloutContent {
	bottom: 50%;
	transform: translateY(50%);
}

.homeDynamic.dynamic-callout .callout .calloutContent .calloutTitle h3 {
	margin: 0 auto 30px;
	max-width: 732px;
	font-size: 90px;
	font-size: 60px;
	line-height: 0.911;
	color: var(--white);
}

.dynamic-callout .callout .calloutText {
	max-width: 732px;
	margin: 0 auto 40px;
}




/*.homeDynamic.dynamic-callout .owl-nav {
	position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.homeDynamic.dynamic-callout .owl-nav .owl-prev {
	left: 195px;
	top: -22.5px;
	background-color: rgba(255, 255, 255, 0.4) !important;
}
.homeDynamic.dynamic-callout .owl-nav .owl-prev:hover {
	background-color: #1b2d4b !important;
}
.homeDynamic.dynamic-callout .owl-nav .owl-next {
	right: 195px;
	top: -22.5px;
	background-color: rgba(255, 255, 255, 0.4) !important;
}
.homeDynamic.dynamic-callout .owl-nav .owl-next:hover {
	background-color: #1b2d4b !important;
}*/



.dynamic-quote.homeDynamic {
	margin: 0;
	position: relative;
}
.dynamic-quote .quoteContainer {
	padding: 135px 0 255px;
	padding: 75px 0 75px;
	background: var(--purple);
	color: var(--white);
	display:flex;
	flex-wrap:wrap;
}
.dynamic-quote .quoteContainer #quotes{
	order:1;	
	width:100%;
}

.quoteContainer .quotesTitle {	
	position:relative;
	order:2;
	left: 0;
	text-align: center;
	width: 100%;
	display: block;
	line-height: 1.3334;
	font-size: 60px;
	color: var(--yellow);
	font-family: "viktorie",sans-serif;
	font-weight: 400;
	margin: 0;
	margin-top:40px;
	display: none;
}
.quoteContainer .quotesTitle:after {
	content: '';
	width: 100%;
	max-width: 27%;
	height: 144px;
	position: absolute;
	right: -40px;
	top: -67px;
	display: block;

	background-color: var(--yellow);
	mask-image:url('images/shape-icon.png');
	mask-position:right center;
	mask-repeat:no-repeat;
	mask-size: auto;

	transform: scaleX(-1) rotate(-25deg);

}


.quoteContainer blockquote.quote-text {
	margin: 0 auto;
	max-width: 1040px;
	padding: 0;
	background: transparent;
	color: var(--white);
}

.quoteContainer blockquote.quote-text:before {
	width: 56px;
	height: 41px;
	content: '“';
	font-size: 90px;
	font-size: 60px;
	line-height: 0.9;
	line-height: 1;
	display: block;
	margin: 0 auto 35px;
	font-family: "Amiri", serif;
	text-align: center;
}


.quoteContainer blockquote cite {
	color: var(--link_colour);
}


.quoteContainer .cycle-pager {
	width: 100%;
	z-index: 111;
	text-align: center;
	display: block;
	position: relative;
	padding-left: 0;
	padding-right: 0;
    padding-top: 70px;
}



.quoteContainer .cycle-pager span {
	font-size: 0;
	margin: 0 7px;	
	display:inline-block;
}
.quoteContainer .cycle-pager span:before {
	content:'';
	width: 14px;
	height: 14px;
	background: rgba(255, 255, 255, 0.28);
	border-radius: 50%;
	display: inline-block;
	cursor: pointer;
}
.quoteContainer .cycle-pager span.cycle-pager-active:before, .quoteContainer .cycle-pager span:hover:before {
	background: var(--white);
}
@media (min-width:992px){
	.quoteContainer .quotesTitle {
		display:block;
	}
}

.dynamic-instagram {
	margin: 0;
}

#sb_instagram {
	padding: 14px 0 !important;
}

.instagram_content .blockTitle.instaTitle {
	display: none;
}
.instagram_content .icon {	    
    position: absolute;
    top: 25px;
    right: 50%;
    color: #fff;
    transform: translateX(50%);
    font-size: 28px;
}
.sbi_images, #sbi_images {
	padding: 0 !important;
}
.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(--blue);
	color: var(--white);
	position: relative;
	margin-top: 0px;
	padding: 60px 0 15px;
}


#footer .container {
	max-width: 1230px;
	position: relative;
	z-index: 11;
}

#footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#footer ul li {

}


.address-info {
	margin-bottom: 25px;
}
.address-info p {
	margin: 0;
}

.footer_col_1 {
	position: relative;
}

.footer_col_2 {
}


#footer:after {
	background: url('images/ft-logo-emband.png') left top no-repeat;
	background-size: cover;
	content: '';
	width: 100%;
	max-width: 599px;
	height: 678px;
	display: block;
	position: absolute;
	right: -98px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}


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

}


#footer a {
	color: var(--white);
}
#footer a:hover {
	color: var(--lightpurple);
}

#footer h2 {
	margin-bottom: 80px;
	margin-bottom: 40px;
	line-height: 0.91;
	line-height: 1;
	font-size: 90px;
	font-size: 60px;
	color: var(--white);
	font-weight: 400 !important;
}


.footerLower {
	padding: 115px 0 0;
	padding: 20px 0 0;
	background: transparent;
	font-size: 14px;
}

#footer ul {
	margin-bottom: 25px;
}
#footer .tel-info {
	margin-bottom: 16px;
}
#footer .email-info {
	margin-bottom: 16px;
}
#footer .socials {
	margin-bottom: 0px !important;
}

#footer .socials a {
	font-size: 18px;
}
#footer .socials li {
	min-width: inherit;
}
#footer .socials li:first-child {
	padding-left: 0;
}
#footer .socials li:last-child {
	padding-right: 0;
}


#footer .socials a:hover {
	color: var(--lightpurple);
}


.dynamic-instagram .sbi-owl-dots {
	display: none;
}



#footer .footer-socials {
	margin-bottom: 20px;
}


.footer-button {
	font-size: 18px;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 2px;
	text-decoration-thickness: 1px;
}
.footer-button:hover {
	color: var(--lightpurple);
	text-decoration: underline;
	text-underline-offset: 2px;
	text-decoration-thickness: 1px;
}

.footerLower .link-ft {
	margin: 0 4px;
}

.footerLower .link-ft:first-child {
	margin-left: 0;
}
.footerLower .link-ft:last-child {
	margin-right: 0;
}



.homeBanner .slideText {
	font-family: "viktorie",sans-serif;
	font-size: 60px;
	line-height: 1.3334;
	font-weight: 400;
	text-align: center;
	position: absolute;
	right: auto;
	bottom: 50px;
	width: 100%;
	max-width: 100%;
	z-index: 111;
	color: var(--yellow);
	text-shadow: 0 0 10px rgba(0, 0, 0, .7), 0 0 20px rgba(0, 0, 0, .5);
}

/*.homeBanner .slideText:after {
		width: 62px;
		height: 1px;
		background: #cd9f51;
		display: block;
		margin: 15px auto 0;
		content: '';
}*/
	
.homeBanner .hero:before, .page-banner .hero:before {
	content:'';
	display:block;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index: 111;
	opacity: 0.8;
	height: 40%;
	/* 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.9) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}









/*Inner Page Area Styles Css --------------------------------------------------- Start */






.dynamic-callout .video_callout .button, .bodyContent .callout.video_callout .calloutContent .button, .sidebar .callout.video_callout .calloutContent .button {
	font-size: 0;
	background: transparent;
	min-width: inherit;
	border: none;
	line-height: 0px;
	width: 60px;
	height: 60px;
	margin: 0px auto;
	padding: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: block;
}
.dynamic-callout .video_callout .button:after {
	width: 0;
	height: 0;
	border-top: 29px solid transparent;
	border-left: 50px solid rgba(255, 255, 255, 1);
	border-bottom: 29px solid transparent;
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}







.dynamic-video-block {
}

.dynamic-video-block img {
	max-height: 451px;
	object-fit: cover;
}
.dynamic-video-block .image-item {
	margin-bottom: 32px;
}
.dynamic-video-block .image-item a {
	display: block;
	position: relative;
}
.dynamic-video-block .image-item a:after {
	content: '';
	font-size: 0;
	background: var(--yellow);
	min-width: inherit;
	border: none;
	line-height: 0px;
	width: 95px;
	height: 95px;
	margin: 0px auto;
	padding: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: block;
	z-index: 1;
	border-radius: 50%;
}
.dynamic-video-block .image-item a:before {
	width: 0;
	height: 0;
	border-top: 9px solid transparent;
	border-left: 16px solid rgba(255, 255, 255, 1);
	border-bottom: 9px solid transparent;
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

.dynamic-video-block .image-item a:hover:after {
	background: var(--purple);
}


.dynamic-image {
	margin-top: 30px;
}



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

.breadcrumbs {
    font-size: 14px;
    line-height: 32px;
    color: var(--body_colour);
    text-transform: uppercase;
    letter-spacing: 1.4px;
    padding: 15px 140px 15px 0;
    width: 100%;
    z-index: 105;
    margin-bottom: 40px;
    border-bottom: none;
    min-height: 32px;
    font-weight: 400;
	display: inline-block;
	border-bottom: 1px solid #707070;
}

.breadcrumbs .share {

    min-height: 32px;
	padding-right: 40px;
	position: absolute;
	right: 0px;
	top: 15px;

}

.breadcrumbs .share:after {
	position: absolute;
	right: 0px;
	top: 5px;
	width: 16px;
	height: 24px;
	content: '';
	/*background-color: var(--blue);
	mask-image:url('images/share-icon-inner.png');
	mask-position:right center;
	mask-repeat:no-repeat;
	mask-size: contain;*/
	content:'\f1e0';
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    color: var(--blue);
    line-height: 24px;
    font-size: 18px;
}

.breadcrumbs .addtoany_list a, .widget .addtoany_list a {
	font-size: 14px !important;
}


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

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

.breadcrumbs span > span {
    color: var(--cyan);
}

.breadcrumbs a:hover {
    color: var(--cyan);
}


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


.container.body-container .container {
	padding: 0;
}





.bodyContent .body-text {
	margin-bottom: 15px;
}


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




.staff-meta a.email-value:before {
    text-align: center;
    line-height: 24px;
    display: inline-block;
    background: #e50b7d;
    color: var(--white);
    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: var(--white);
    background: #1b2d4b;
}



.wpmf-gallery-icon {
	overflow: hidden;
}

.bodyContent .dynamic-carousel a.image {
}



.bodyContent {
}
.bodyContent .dynamicContent {
	margin-bottom: 50px;
	padding-right:50px;
}


/*
.bodyContent ul {
    list-style: none;
    padding-left: 0px;
}
.bodyContent ul li {
    padding-left: 20px;
    position: relative;
	letter-spacing: 0px;
}


.bodyContent ul li:before {
    content: '';
    font-size: 0;
    width: 3px;
    height: 3px;
    background: var(--body_colour);
    position: absolute;
    left: 0px;
    border-radius: 5px;
    top: 10px;
}*/

.privacy-policy .bodyContent ul li:before, .page-id-4865 ul li:before {
    content: none!important;
}








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

	position: relative;
    margin: 0;
    padding: 14px 75px 14px 30px;
    background-color: var(--yellow);
    color: var(--white);
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 1.4px;
	text-transform: uppercase;
    line-height: 2;
    overflow: hidden;
    border: none;
	margin: 0px !important;
	font-weight: 400;
	font-family: "Raleway", sans-serif;

}
.faq.open .faq-question {
    background: var(--purple);
    color: var(--white);
    border: none;
}
.faq-question:hover {
    background: var(--purple);
    color: var(--white);
    border: none;
}
.faq-question:after {
    display: block;
    width: 21px;
    height: 18px;
	line-height: 18px;
    text-align: center;
    position: absolute;
    right: 20px;
    top: 16px;
    transform: rotate(90deg);
    font-weight: 700;
    font-family: "Font Awesome 5 Free";
    /*transition: 300ms;*/
    content: '\f062';
	font-size: 0px;
	background: url('images/arrow-menu.png') center center no-repeat;
}

.faq.open .faq-question:after {
    transform:  rotate(-90deg);
}

.faq .faq-question:hover:after {
}

.faq-answer {
    display: none;
    padding: 0px;
    background: #F6F6F6;
    border: none;
    margin-bottom: 0px;
    padding: 50px 10% 55px;
}
.faq-answer .col-md {
}


.faqs .faq:last-child .faq-answer {
}
.faqs .faq.open:last-child .faq-answer {
}

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

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


a.document-link {

    padding: 14px 75px 14px 30px;
	position: relative;
    color: var(--white);
    cursor: pointer;
	margin: 0px 0 20px;
	width: 100%;
	display: block;
	text-align: left;
	line-height: 2;
}



.document {
	width: 100%;
}


.dynamicContent.dynamic-documents {
	margin-top: 50px;
	margin-bottom: 0;
}

a.document-link:after {
    display: block;
    width: 18px;
    height: 27px;
	line-height: 27px;
    text-align: center;
    position: absolute;
    right: 25px;
    top: 13px;
    transform: rotate(0deg);
    font-weight: 700;
    font-family: "Font Awesome 5 Free";
    transition: 300ms;
    content: '\f062';
	font-size: 0px;

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

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


.dynamic-web-links {
}

.dynamic-web-links a {
    padding: 14px 75px 14px 30px;
	text-align: left;
	display: block;
	margin-bottom: 20px;
}




/*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: var(--white);
	text-transform: uppercase;
}
.dynamic-callout .video_callout .calloutTitle h3 {
	font-size: 17px !important;
	color: var(--white);
	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: #cd9f51 !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;
	border-radius: 50%;
}
.dynamic-callout .video_callout .button:after {
	width: 0 !important;
	height: 0 !important;
	border-top: 6px solid transparent !important;
	border-left: 12px solid #252829 !important;
	border-bottom: 6px solid transparent !important;
	content: '' !important;
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
}
.dynamic-callout .video_callout .button:hover:after {
	border-left: 12px solid #cd9f51 !important;
}
.dynamic-callout .video_callout .button:hover, .bodyContent .callout.video_callout .calloutContent .button:hover, .sidebar .callout.video_callout .calloutContent .button:hover {	
	background: #a12242 !important;
	border: none !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: 0px 0px 40px;
	margin: 0;
	max-width: 100%;
	position: relative;
}

.bodyContent .quoteContainer blockquote.quote-text {
	margin-bottom: 0;
	padding: 0 !important;
	position: relative;
	color: var(--body_colour);
}
.bodyContent .quoteContainer blockquote.quote-text:before {
	color: var(--cyan);
}

.bodyContent .quoteContainer blockquote.quote-text .quote-cite {
	color: var(--body_colour);
}

.bodyContent .quoteContainer blockquote.quote-text .quote-cite span {
	font-weight: 400;
}


.staffMember {
	margin-bottom: 40px;
	border-bottom: 1px solid #707070;
	padding-bottom: 40px;
}

.staffMember h3 {
	margin: 0px 0 25px;
	color: var(--body_colour);
	font-size: 16px;
	font-weight: 700;
	font-family: "Raleway", sans-serif;
}

.staffMember h3 span {
	font-weight: 400 !important;
}

.staffContent  {
	margin-top:30px;
	margin-bottom:30px;
}
.staff-meta .meta-label {
	font-size: 16px;
	font-weight: 700;
	color: var(--body_colour);
	text-transform: inherit;
	letter-spacing: 0px;
}
.staff-meta .meta-value {
	font-size: 16px;
	font-weight: 400;
	color: var(--body_colour);
	text-transform: inherit;
	letter-spacing: 0px;
}
.dynamic-carousel .owl-nav {
	position:static;
	/*position: absolute;
    width: 100%;
   
    left: 50%;
    bottom: 10px;
	
	max-width: 397px;
    transform: translateX(-50%);*/
}

.dynamic-carousel .owl-dots {
	padding-top: 25px;
}

.dynamic-carousel .owl-nav button {
	background: var(--cyan) !important;
}
.dynamic-carousel .owl-nav button:hover {
	background: var(--purple) !important;
}

.dynamic-carousel .owl-dots span {
	background: var(--black);
	opacity: 1;
}

.dynamic-carousel .owl-dots .owl-dot.active span, .dynamic-carousel .owl-dots .owl-dot.active:hover span {
	background: var(--cyan);
}

.callout.hasbg .calloutContent:before {
	display: none;
}

.body-container {
	margin: 0 auto;
}


.body-container .poi {
	height: 100%;
	margin: 0;
}


/*Sidebar Menu Css --------------------------------------------- Start ------------------ */


.sidebar {
    padding-left: 0px;
	padding-top: 15px;
}
.side-menu-container {
    color: var(--white);
    padding: 50px 30px 80px;
    position: relative;
	overflow: hidden;
	background: var(--blue);
	margin-bottom: 40px;
}
.sidebarSec {
	background: var(--blue);
    color: var(--white);
    padding: 50px 30px 80px;
    position: relative;
}
.sidebarSec h2 {
	color:#fff;
}

.sidebarSec a {
    color: var(--white);
    font-size: 14px;
    text-transform: uppercase;
    line-height: 30px;
    display: block;
	letter-spacing: 1.4px;
	font-weight: 400;
    padding: 10px 0px 10px 0px;
	text-decoration: none;
}
.sidebarSec a:hover {
    color: var(--yellow);
}


#menu-side > li > a {
   
}
#menu-side > li > a > span {
    display: none;
}

#menu-side > li > a:after {
    text-transform: inherit;
    font-size: 14px;
    line-height: 50px;
    content: 'Section Menu';
    padding-bottom: 15px;
    display: block;
    letter-spacing: 1px;
    border-bottom: 1px solid var(--white);
    margin-bottom: 30px;
    display: none;
}
#menu-side > li {
}


#menu-side .sub-menu li:last-child a {
	border: none;
}



#menu-side a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

#menu-side a:hover {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}


#menu-side .sub-menu li.current-menu-item > a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
#menu-side .sub-menu li.open.current-menu-item > a {
    border-bottom: 1px solid rgba(255, 255, 255, 0);
}

#menu-side > li > a:hover {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}


#menu-side a {
    color: var(--white);
    font-size: 14px;
    text-transform: uppercase;
    line-height: 2;
    display: block;
	font-weight: 400;
	letter-spacing: 1.4px;
    padding: 10px 25px 10px 0px;

}



#menu-side .sub-menu .sub-menu li a {
    font-size: 14px;
    padding: 3px 50px 3px 0px;
	line-height: 2;
}
#menu-side a span {
}

#menu-side .sub-menu li:last-child a span {
}

#menu-side li a:hover {

	color: var(--white);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
}
#menu-side .sub-menu li.menu-item-has-children > .arrow:before {
	display:none;
}
/*
#menu-side .sub-menu li.menu-item-has-children > .arrow:before {
    width: 21px;
    height: 13px;
	line-height: 13px;
	transform: rotate(0deg);
	top: 19px;
    font-size: 0;
	background: url('images/arrow-menu.png') center center no-repeat;
}
#menu-side .sub-menu .sub-menu li.menu-item-has-children > .arrow:before {
    width: 21px;
    height: 13px;
	line-height: 13px;
	transform: rotate(0deg);
	top: 19px;
    font-size: 0;
	background: url('images/arrow-menu.png') center center no-repeat;
}


#menu-side .sub-menu .sub-menu li.menu-item-has-children > .arrow {
    height: 40px;
}*/



#menu-side li {
    margin: 0px;
}


#menu-side .sub-menu .sub-menu li a {
    color: var(--white);
    line-height: 2;
    padding: 0px;
	border: none !important;
	font-weight: 300 !important;
}

#menu-side .sub-menu .sub-menu li a span {
	padding: 0;
}

#menu-side .sub-menu .sub-menu li a:hover {
    color: var(--white);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
	border: none !important;
    background: transparent;
}

#menu-side .sub-menu .sub-menu li a:before {
	content: '';
	width: 3px;
	height: 3px;
	background: var(--white);
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	border-radius: 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 li.current-menu-item > a, #menu-side .sub-menu .sub-menu li.current-menu-ancestor > a, #menu-side .sub-menu .sub-menu li.current-menu-item > a {
    color: var(--white);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
}
#menu-side .sub-menu li.open > a {
    color: var(--white);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
}
#menu-side .sub-menu .sub-menu li.open > a {
    color: var(--white);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
}

#menu-side .sub-menu li .sub-menu li a:hover, #menu-side .sub-menu li .sub-menu li a:hover {
    color: var(--white);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
}

#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: var(--white);
    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;
}




.poi .textOnlyBlock {
	position: relative;
	overflow: hidden;
	padding: 181px 30px 65px !important;
	background: transparent;
}

.poi .textOnlyBlock .poiTitle {
	font-size: 20px;
}



.staff-meta .meta-value {
	line-height: 24px;
}
.staff-meta .meta-value strong {
	font-weight: 700 !important;
}


.standard-staff-text .staff-biog p {
	height: 96px;
	overflow: hidden;
}

.standard-staff-image {
	width: 40%;
}
.standard-staff-image img {
	width: 100%;
	height: auto;
	max-width: none;
	overflow: hidden;
}




.dynamic-poi .bg-black, .dynamic-poi .bg-mustard, .dynamic-poi .bg-red {
	background: transparent !important;
}

.dynamic-poi .bg-black .poi .textOnlyBlock {
	background: #252829 !important;
	color: var(--white);
}

.dynamic-poi .poi .textOnlyBlock .poiEx {
	height: 96px;
	overflow: hidden;
	margin: 0px auto 30px;

}


.bg-purple {
	background: var(--purple);
	color: var(--white);
}
.bg-yellow {
	background: var(--yellow);
	color: var(--white);
}
.bg-cyan {
	background: var(--cyan);
	color: var(--white);
}

.read-link-poi {
	color: var(--purple);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
	font-weight: 400;
}
.read-link-poi:hover {
	color: var(--cyan);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
}

.dynamic-poi .poi .textOnlyBlock .read-link-poi {
	color: var(--white);
	text-decoration: none;
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
}
.dynamic-poi .poi .textOnlyBlock .read-link-poi:hover {
	color: var(--white);
	text-decoration: none;
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
}

.standard-staff-metas {
	margin-bottom: 25px;
}




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


.header_col_3 {
	padding-top: 6px;
}
.fixedHeader .header_col_3 {
	padding-top: 0px;
}
.menuopen .header_col_3 {
	padding-top: 0px;
}






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

    body.menuopen .main-headbox > .container {
		position: relative;
		z-index: 11;
		max-width: 1140px;
    }    

    .main-headbox .headimage-box {
		position: relative;
        padding-top: 0px;
        margin: 0px;
    }

	
    
    .main-headbox {
        position: fixed;
        right: -100%;
        transition: right 1000ms;
	    top: 0px;
        margin-top: 0px;
        padding: 160px 0 70px;
        z-index: 9999;
        bottom: 0;
        width: 100%;
		overflow-x: hidden;
		height: 100vh;
		border: none !important;
		background-color: var(--blue);
	}
/*
   .main-headbox:before {

		content: '';
		width: 100%;
		max-width: 724px;
		height: 144px;
		position: absolute;
		right: 0px;
		bottom: 43px;
		display: block;

		background-color: var(--yellow);
		mask-image:url('images/shape-icon.png');
		mask-position:right center;
		mask-repeat:no-repeat;
		mask-size: auto;

		transform: scaleX(-1);
		z-index: 0;
		
	} 
*/
	

	body.admin-bar .main-headbox {
        top: 32px;
    }
    
    body.menuopen .headGroup {
        z-index: 99999 !important;
		background: var(--blue);
	}
	body.menuopen .headGroup .mainLogo {
		max-width: 300px;
	}
    .main-headbox .row {
        margin: 0px;
        padding-top: 0px;
    }
    .main-menu-right {
	}

    .menu-main-right-container ul {
        list-style: none;
        margin: 0px !important;
        padding: 0px 0px 0px !important;
        float: none;
        position: relative;
		height: 100%;
		width: 80%;
		background: transparent;
        background-color: var(--blue);
	}
    
    .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: block !important;
    position: absolute !important;
    left: 100% !important;
    top: 0 !important;
    opacity: 0;
    pointer-events: none;
    transition: 500ms;
    transform: translateX(-100%);
  }

  .menu-main-right-container li:hover > ul {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0%);
  }

	.menu-main-right-container li:hover > ul {
		display: block;
	}

	.headmenu-box {
		padding: 0;
		z-index:5;
	}
	.menu-main-right-container ul {
		
	}
    .menu-main-right-container ul li ul ul {
        padding: 0px 0px 0px 50px !important;
        z-index: 115;
        width: 100%;
		min-width: inherit;
		flex-direction: column;
		justify-content: start;
		background: transparent;
        background-color: var(--blue);
		height: 100%;
    }
    .menu-main-right-container ul li ul li {
        background: transparent;
		position: static;
        padding: 0px;
	}
    
    .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: 60px;
        font-size: 48px;
		border: none;
		line-height: 1;
		letter-spacing: 0px;
		color: var(--white);
		padding: 10px 0px 10px 0px;
		text-transform: inherit;
		display: block;
		font-weight: 400;	
		opacity: 1;
		position: relative;
		margin-right: 0px;
		font-family: "Amiri", serif;
	}
	
    .menu-main-right-container ul ul li a {
        font-size: 14px;
		line-height: 2;
		text-shadow: none;
		padding: 16px 0px 16px 0px;
		display: block;
		position: relative;
		letter-spacing: 1.4px;
		font-style: normal;
		border-bottom: none;
		border-radius: 0px;
		text-decoration: none;
		margin-right: 30px;
		text-transform: uppercase;
		
		font-weight: 400;
		color: var(--white);
		
		font-family: "Raleway", sans-serif;

		border-bottom: 1px solid rgba(255, 255, 255, 0.25);
		
	}



    .menu-main-right-container ul li a:hover {
		color:  var(--yellow);
		opacity: 1;
    }
    .menu-main-right-container ul li:hover > a {
		color:  var(--yellow);
		opacity: 1;
    }
	
	.menu-main-right-container ul ul li a:hover {
		color:  var(--yellow);
		opacity: 1;
 	}
	.menu-main-right-container ul ul li:hover > a {
		color:  var(--yellow);
		opacity: 1;
 	}

	 .menu-main-right-container ul ul ul li a:hover {
		color:  var(--yellow);
 	}


     .menu-main-right-container ul li span {
        display: none;
    }
    .menu-main-right-container ul li > a:after {
	}

	.menu-main-right-container ul li > a:after {
		content: '\f054';
		font-style: normal !important;
		display: none;
		width: 30px;
		height: 30px;
		line-height: 30px;
		position: absolute;
		right: 0;
		top: 15px;
		font-size: 30px;
		font-weight: 700;
		font-family: "Font Awesome 6 Free";
	}
	.menu-main-right-container ul li:hover > a:after {
	}

	.menu-main-right-container ul li li > a:after {
		display: none;
	}

	.menu-main-right-container ul li li:hover > a:after {
		display: none;
	}


	.menu-main-right-container ul ul li.menu-item-has-children > a:after {
		content: '';
		width: 19px;
		height: 11px;
		line-height: 11px;
		position: absolute;
		right: 0;
		top: 24px;
		display: block;
		background-color: currentColor;
		mask-image:url('images/arrow-menu.png');
		mask-position:right center;
		mask-repeat:no-repeat;
		mask-size: cover;
	}
    
    .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;
		display: flex;
	}	

	.menu-main-right-container ul ul ul li a {
		display: block;
		margin: 0px !important;		
   }

   .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;
		background:  var(--white);
	}
	.main-menu-right {
		height: 100%;
	}
	.menu-main-right-container {
		height: 100%;
	}


	.menuopen .mainLogo {
		display: block;
		max-width: 107px;
	}
	.menuopen .mainLogo-main, .fixedHeader.menuopen .mainLogo-main {
		display: none;
	}

	.menuopen .headGroup {
	}


}


ol.wp-block-latest-comments {
	padding: 0;
}



.fancybox__container {
	z-index: 99999 !important;
}	



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



@media only screen and (max-width : 991px) {
	
	.homeDynamic.dynamic-poi .section_title h2 {
		max-width: 310px;
		margin: 0px auto !important;
	}

	.bodyContent .dynamic-poi .owl-dots, .sidebar .dynamic-poi .owl-dots {
		text-align: center;
	}

	.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;
		left: auto;
	}
	.bodyContent .dynamicContent {
		padding-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;
}
	.welcomeBlock:after {
		background-image: url('images/mobile-creator-bg.png');
		background-repeat:no-repeat;
		background-position:top left;
		background-size: 100% auto;
		width: 100%;
		height: 100%;
	}
	.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 : -4px;
	z-index: 9;
}

.searchform.openSearch {
	overflow: visible;
}

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

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

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

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

.searchToggle {
	display: inline-block;
	vertical-align: middle;
	width: 21px;
	height: 21px;
	margin-left: 0px;
	position: relative;
}




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

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

.searchToggle .searchform {
}


.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 (min-width:768px){
.searchform.openSearch {
	width: 250px;	
}
	/*body:not(.menuopen) .searchToggle {
		display: block;
	}*/
}

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

.searchToggle .searchform.openSearch input.s {
	background: var(--button_bg_hover);
	color: var(--white);
	border: none;
	width: 100%;
	padding: 2px 10px;
	height: 32px;
	font-size: 12px;
}

.searchToggle .searchSubmit {
	width: 21px;
	height: 21px;
	font-size: 0;
	background-color: var(--white);
	mask-image:url('images/search-icon.png');
	mask-position:right center;
	mask-repeat:no-repeat;
	mask-size: cover;
}


.headGroup .searchToggle {
	display: inline-block;
	vertical-align: middle;
	margin-right: 26px;
	margin-left: 45px;
}
.menu-toggle {
	vertical-align: middle;
}

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

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


.searchToggle:hover .searchSubmit {
	background-color: var(--yellow);
}



/*Search Toggle Css    ---------------------------  END  ----------------------------------- */


.homeDynamic.dynamic-poi .col-md-4 {
	--bs-gutter-x: 16px;
}




.hide-for-large.tic-pager {
	display: none;
}



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



@media only screen and (max-width : 1200px) {
	.image-text-block-main {
		--bs-gutter-x: 50px;
	}
	.dynamic-text-image-carousel:after {
		max-width: 50%;
	}

	.homeContent .dynamic-poi .container {
		padding: 0px 25px;
		position: relative;
		z-index: 11;
	}

	.quoteContainer blockquote.quote-text {
		padding: 0px 25px;
	}
	.quoteContainer .quotesTitle:after {
		max-width: 17%;
	}
	#footer .container {
		padding: 0 25px;
	}
	.welcomeBlockText-main {
		padding-left: 25px;
	}

	.container.body-container {
		padding: 0 25px;
	}

	.popupAlert.fancybox__content {
		padding: 35px 75px 35px 75px;
	}
	.dynamic-poi .owl-dots {
		text-align: center;
	}

	.popupAlert .popTitle {
		font-size: 55px;
	}

}


@media only screen and (max-width : 991px) {
	
	.headGroup  {
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 21px;
		padding-bottom: 21px;
		background: var(--blue);
	}
	.headGroup .headerIcon .mainLogo {
		max-height: 58px;
		width:auto;
	}

	.header_col_3 {
		width: 20%;
		text-align: right;
		padding: 0;
	}

	.header_col_3 .head-links {
		display: none;
	}
	.header_col_3 .searchToggle {
		display: none;
	}
	.menu-toggle {
		height: 20px;
		vertical-align: top;
	}
	.header_col_1 {
		width: 80%;
		text-align: left;
		padding: 0;
	}
	.menu-toggle {
		height: auto;
	}

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

	#homeBanner {	

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

	}

	.homeBanner .hero:before, .page-banner .hero:before {
		display: none;
	}
	.homeBanner .slideText {
		line-height: 1.3334;
		bottom: 30px;
		top:auto;
        right: 50%;
        max-width: 310px;
        transform: translateX(50%);
		font-size: 55px;
		text-align: center;
	}

    .homeBanner .slideText .button {
		font-family: "Raleway", sans-serif;
		font-size: 14px;
    }


	.welcomeBlock {
		padding-top: 65px;
	}

	.welcomeBlockText {
		--bs-gutter-x: 80px;
		--bs-gutter-y: 0px;

		text-align: center;
		margin-bottom: 80px;

	}
	h1, .h1 {
		font-size: 55px;
		line-height: 0.86;
	}
	.welcomeImage:before {
		height: 29px;
		top: -29px;
	}
	.welcomeBlockText-main {
		text-align: center;
		max-width: 100%;
		margin: 0;
		padding:0;
	}
	.welcomeBlockText-main h1 {
		text-align: center;
	}
	.welcome_image_content {
		padding-left: 37px;
	}
	.welcomeImage {
		max-width: 100%;
	}
	.dynamic-poi .section_poi_title h2 {
		text-align:center;
        margin-top: 20px;
        margin-bottom: 0;
	}
	.dynamic-poi .section_poi_title:before {
		display:none;
	}

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

	.searchform.openSearch {
		height: 27px;
	}
	.welcomeImage:after {
		height: 15px;
		bottom: -15px;
	}
	.homeDynamic.dynamic-poi {
		padding-top: 10px;
		padding-bottom: 0;
	}
	.dynamic-poi .section_poi_title {
		margin-bottom: 180px;
		margin-bottom: 80px;
	}
	.dynamic-text-image-carousel {
		padding-top: 80px;
		padding-bottom: 195px;
		padding-bottom: 85px;
	}
	.dynamic-text-image-carousel:after {
		bottom: 10px;
		right: -25px;
		max-width:600px;
		display:none;
	}

	.dynamic-text-image-carousel .text-img-box {
		padding-right: 37px;
		position: relative;
	}
	.tic_next_prev {
		top: 50%;
		right: 0px;
		width: 100%;
		height: 55px;
	}
	.tic_next_prev a.tic_next {
		position: absolute;
		right: -25px;
		top: 0;
	}
	.image-text-block-main {
		--bs-gutter-x: 80px;
		--bs-gutter-y: 0px;
		padding-top: 110px;
	}
	.section_title h2 {
		font-size: 55px;
		line-height: 0.9;
		margin-bottom: 30px;
	}
	.section_center_title h2 {
		font-size: 55px;
		line-height: 0.9;
		padding-bottom: 30px;
	}
	.section_center_title:before {
		display:none
	}
	.hide-for-large.tic-pager {
		bottom: -65px;
		display: block;
	}

	.hide-for-mobile.tic-pager {
		display: none;
	}
	
	.homeContent .dynamic-text {
		margin: 50px 0 0;
		padding: 10px 0 50px;
	}
	.homeContent .dynamic-text .text_section_details {
		padding-left: 13px;
		padding-right: 13px;
	}
	.homeContent .dynamic-text:after {
		right: 0px;
		bottom: 50%;
		transform: translateY(50%);
	}
	
	.homeContent .dynamic-callout {
		padding: 50px 0 50px;
	}

	.homeDynamic.dynamic-callout .callout .calloutContent .calloutTitle h3 {
		font-size: 55px;
		line-height: 0.911;
	}
	.homeDynamic.dynamic-callout .callout:before {
        min-height: 800px;
        max-height: 800px;
    }
	.quoteContainer blockquote.quote-text {
		padding: 0 25px;
		font-size: 20px;
		line-height: 2;
	}

	.quoteContainer .quotesTitle:after {
		content: '';
		max-width: 100%;
		height: 144px;
		position: relative;
		right: -20px;
		top: auto;
		margin-top: 40px;
		display:none;
	}
	.dynamic-quote .quoteContainer {
		/*padding: 85px 0 455px;*/
		margin-bottom: 60px;
	}

	.homeDynamic.dynamic-callout .callout .calloutContent {
		padding-left: 30px;
		padding-right: 30px;
		bottom: 147px;
	}	


	.welcomeQuoteBlock {
		padding: 40px 13px 0px 13px;
	}

	.dynamic-instagram .sbi-owl-dots {
		display: block;
	}
	.sbi-owl-dots .sbi-owl-dot span {
		background-color: var(--yellow);
		width: 14px;
		height: 14px;
	}


	footer#footer {
		text-align: center;
	}
	#footer h2 {
		font-size: 55px;
		line-height: 0.91;
		margin-bottom: 20px;
	}
	footer#footer .container {
		position: relative;
		z-index: 11;
		padding: 0px 15px;
	}
	.footer_col_1 {
		margin-bottom: 25px;
	}
	.footer_col_2 {
	}

	#footer ul {
		display: block;
	}
	.footerLower {
		text-align: center;
        padding-top: 40px;
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 50px;
    }
	.footerLower span {
		display: none;
	}
	.footerLower p:last-child a {
        display: block;
        margin-top: 7px;
    }

	/*Menu Styles new */


	#navbar {
		width: 100%;
		max-width: 100%;
		background: var(--blue);
		padding: 120px 0px 00px;
		color: var(--white);
		top: 0px !important;
		border: none;
	}
	#navbar .menu-main-container{
		padding-bottom:60px;
   		overflow-x: hidden;
		position:relative;
	}
	.menuopen .headGroup .headerIcon {
		display: block !important;
	}


	#navbar.menu-level-2 {
	}
	#navbar.menu-level-3 {
	}

	.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: 45px;
		border: none;
		line-height: 1.15;
		letter-spacing: 0px;
		color: var(--white);
		padding: 5px 35px 5px 0px;
		text-transform: inherit;
		display: block;
		font-weight: 400;
		font-family: "Amiri", serif;
	}

	#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 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: var(--yellow);
	}
	#menu-main li.current-menu-item > a {
		color: var(--yellow);
		background: transparent;
	}
	#menu-main li .sub-menu a:hover {
		color: var(--white);
		text-decoration: underline;
	}
	#menu-main  .sub-menu  li.current-menu-item > a {
		color: var(--white);
		text-decoration: underline;
	}
	.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: 14px;
		letter-spacing: 1.4px;
		line-height: 2;
		text-transform: uppercase;
		font-weight: 400;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		font-family: "Raleway", sans-serif;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	/*#menu-main .sub-menu .sub-menu li a {
		font-weight: 400;
		border-bottom: none;
		padding-top: 10px;
		padding-bottom: 10px;
	}*/

	#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: 14px;
		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(--white);
		text-decoration: underline;
		text-decoration-thickness: 1px;
		text-underline-offset: 5px;
		}

	#menu-main .sub-menu .sub-menu li a:hover {
		color: var(--white);
		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, #menu-main .sub-menu .sub-menu a.back-to-main {
		font-size: 35px;
		text-transform: inherit;
		letter-spacing: 0px;
		margin-bottom: 0px !important;
		display: block;
		position: fixed;
		color: white !important;
		bottom: 0px;
		font-weight: 400;
		line-height: 35px;
		z-index: 99999999 !important;
		font-family: "viktorie",sans-serif;
		border: none;
		left: 50%;
        transform: translate(-50%, -50%);
		padding: 5px
	}
	.back-to-main:hover {
		color: var(--yellow) !important;
	}

	.menu-main-container {
		/*padding: 0px 25px 0px;*/
		position: relative;
		height: 100%;
		width: 100%;
	}

	#menu-main {
		margin: 0;
	}


	.menuopen .headGroup {
		padding-top: 21px;
	}


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


	.main-headbox {
		display: none !important;
	}

	.menuopen .searchToggle {
		position: fixed;
		display: block;
		right: 25px;
		bottom: 25px;
		margin: 0;
	}

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



}





.popupAlert.fancybox__content {
	width: 877px;
	max-width: 100%;
	padding: 110px 150px 65px 150px;
	color: var(--body_colour);
	background: var(--white);
	text-align: left;
	position: relative;
	font-size: 16px;
}

.popupAlert .noticeText {
	position: relative;
	z-index: 111 !important;
}


.popupAlert .popTitle {
    font-size: 90px;
    font-size: 60px;
    line-height: 0.91;
    line-height: 1;
	font-weight: 400;
	color: var(--title_colour);
	font-family: "Amiri", serif;
	
    margin-bottom: 15px !important;
	position: relative;
	max-width: 500px !important;
}	


.popupAlert .popTitle span {
	display: block;
}

.popupAlert.fancybox__content .noticeBody {
	padding: 0 !important;
}

.popupAlert .alert-btn {
	margin-top: 18px;
}
.popupAlert .alert-btn:hover {
}

.popupAlert.fancybox__content>.f-button.is-close-btn {
	top: 30px !important;
	right: 25px !important;
	color: var(--yellow) !important;
	border-radius: 0px !important;
	background: transparent !important;
}

body.blog .side-menu-container {
	display: none;
}



.popupAlert.fancybox__content {
    color: var(--body_colour);
}
.fancybox__container {
	background: rgba(0,0,0,0.53) !important;
}

.button-bar-alert {
	padding-top: 20px;
}


@media (min-width:992px){
	.hide-on-large.head-link{
		display: none;
	}
}
/*
.dynamicContent.dynamic-staff h2{
	font-size : 30px;
	line-height: 1.8;
	margin-bottom: 40px;
	padding-top : 40px;
}*/

.screen-reader-text {
      position: absolute;
      left: -9999px;
      top: auto;
      width: 1px;
      height: 1px;
      overflow: hidden;
  }
  .screen-reader-text:focus {
      position: static;
      width: auto;
      height: auto;
      left: 0;
      background: #fff;
      padding: 1em;
      z-index: 100000;
  }