/*
	Theme Name: Schoolcms 2025
	Author: Innermedia
Author URI: https://www.innermedia.co.uk
Description: 
Requires at least: WordPress 4.9.6
Version: 4

/*Default Colur Scheme
#000
#e0e0e0
#CBCBCB
#969696
#676767
*/
/*------------------------------------*\

    TYPOGRAPHY

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

body div.wpforms-container-full .wpforms-form p {
    margin-bottom: 15px;
}

body #ff-stream-1, 
body #ff-stream-1 .ff-popup, 
body #ff-stream-1 .ff-search input {
    background-color: rgb(255, 255, 255);
}

body {
    font-family: "canada-type-gibson",sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    color: #58595b;
    margin: auto;
}
.wrapper {
	overflow:hidden;
}
/* clear */
.clear:before, .clear:after {
    content: ' ';
    display: table;
}

.clear:after {
    clear: both;
}

.clear {
    *zoom:1; }

.text-right {
    text-align: inherit;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #CBCBCB;
}

a:focus {
    text-decoration: none;
}

h1,h2,h3,.entry-title {
    color: #434e6a;
}

img {
    max-width: 100%;
    height: auto;
}

button:focus {
    outline: 0;
}

p {
    margin-bottom: 1em;
}
strong {
	font-weight:500;
}
table {
    width: 100%;
    margin-bottom: 1em;
}
table th,
table td {
	padding:5px 10px
}
table th {
	font-weight:500;
	background:#ddebf7;
}
h1, h1.entry-title, .entry-title, h2.entry-title {
    font-size: 44px;
    margin-bottom: 20px;
	line-height: 44px;
}

h2 {
}

h3 {
}

h1 a, h2 a, h3 a {
    text-decoration: underline;
    color: #969696
}

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

.owl-dots span {
    width: 10px;
    height: 10px;
    display: inline-block;
    background: #999;
    border-radius: 50%;
}

.owl-nav {
    position: relative;
}

.owl-nav .owl-prev {
    position: absolute;
    left: 0;
    top: 0;
}

.owl-nav .owl-next {
    position: absolute;
    right: 0;
    top: 0
}

.owl-dots {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.owl-dots .owl-dot {
    display: inline-block;
    margin: 0 2px;
    opacity: 0.8;
}

.owl-dots .owl-dot.active {
    opacity: 1;
}

/****Button******/
.blockButton > a, a.readmore {
    display: inline-block;
    color: #676767;
    border: solid 1px #676767;
    font-size: 0.9em;
    background: #e0e0e0;
    line-height: 1.4em;
    padding: 0.7em 1.5em;
    text-transform: uppercase;
    position: relative;
    transition: 300ms;
    margin: 12px 0;
}

.blockButton> a:hover, a.readmore:hover {
    background: #000;
    color: #fff;
    border-color: #000;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fancybox-overlay {
    z-index: 9999 !important
}

.fancybox-wrap {
    z-index: 99999 !important
}

.bodyContent {
    margin-bottom: 40px;
}

.screen-reader-text {
    display: none;
}

/****\

 Banner

\******/
}

#hero {
    position: relative;
}

#hero .slide {
    width: 100%;
    overflow: hidden;
    height: 100%;
}

#pageBanner {
    position: relative;
    max-width: 100%;
    margin: 0 auto 0px;
    overflow: hidden;
    min-height: 300px;
}

#pageBanner:before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 35.897%;
}

#hero {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#hero .slideImage img {
    width: 100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	object-fit:cover;
}

#hero .slideImage {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.homeBanner {
    margin: 00px auto 30px;
    position: relative;
    /*max-width:1560px;*/
    margin: 0 auto 20px;
    overflow: hidden;
    max-height: 880px;
    max-height: 100vh;
    min-height: 480px;
}

.homeBanner:before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 100%;
}
.homeBanner video {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}
.homeBanner .videoframe .vidUnmute {
	position:absolute;	
	right: 50px;
	bottom: 30px;
	z-index:120;
	color:#6786b8;
	width:60px;
	height:60px;
	line-height:60px;
	text-align:center;
	font-size:30px;
	transition:300ms;
	cursor:pointer;
}
	
.homeBanner .videoframe .vidUnmute:hover {
	color:#fff;
}
.homeBanner .videoframe .vidUnmute.hide {
	opacity:0;
}
.homeBanner .videoframe .vidUnmute:before {
	content: "\f6a9";
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
}
.homeBanner .videoframe .vidUnmute.unmuted:before {
	content:"\f028";
}
@media(min-width: 768px) {
    .homeBanner {
        max-height:880px;
    }

    .homeBanner:before {
        padding-top: 56.08%;
    }
	.homeBanner.videoBanner {
		max-height:800px;
	}
}

.homeBanner .slideImage.hastext:after {
    content: '';
    display: block;
    width: 100%;
    bottom: 0;
    position: absolute;
    left: 0;
    height: 30%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

}

#hero .slideText {
    bottom: 0%;
    left: 0;
    right: 0;
    font-size: 18px;
    padding: 0 15px;
    color: #fff;
    position: absolute;
    padding: 5% 0 5%;
    text-align: center;
}

.dynamic-gallery .gallery {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.dynamic-gallery .gallery .gallery-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding: 7.5px;
    margin-bottom: 0;
}

.dynamic-gallery .gallery.gallery-columns-2 .gallery-item {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.dynamic-gallery .gallery.gallery-columns-3 .gallery-item {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.dynamic-gallery .gallery.gallery-columns-4 .gallery-item {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.dynamic-gallery .gallery.gallery-columns-5 .gallery-item {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.dynamic-gallery .gallery .gallery-item {
    float: left;
}

.breadcrumbs {
    font-size: 12px;
    color: #676767;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 20px;
    border-bottom: solid 1px #d7d9d9;
    min-height: 45px;
    position: relative;
    padding-right: 45px;
}

.breadcrumbs a {
    color: #676767;
}

.breadcrumbs > span {
    margin: 0 5px;
}

.breadcrumbs > span:first-child {
    margin-left: 0;
}

.breadcrumbs span > span {
    color: #000;
}

.searchform label {
    display: none;
}

.searchform {
    padding-right: 40px;
    padding-left: 0px;
    position: relative;
    color: #969696;
    overflow: hidden;
    font-size: 14px;
}

.searchform input#s {
    border: 0;
    font-size: 16px;
    height: 30px;
    width: 100%;
    background: transparent;
    color: #969696;
    padding: 4px 10px;
    border-bottom: solid 1px;
}

.sidebar .searchform input#s {
    padding: 7px 10px;
}

.sidebar #searchSubmit {
    top: 3px;
}

.searchform input#s:focus {
    outline: 0;
}

#searchSubmit {
    background: transparent;
    border: 0;
    text-transform: uppercase;
    padding: 0;
    font-size: 16px;
    position: absolute;
    color: #969696;
    background-repeat: no-repeat;
    background-position: center;
    right: 5px;
    top: 0px;
    width: 30px;
    height: 28px;
}

.headerSearch {
    max-width: 100px;
}

.headerSearch .searchform ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: transparent;
    text-transform: uppercase;
    opacity: 0;
    /* Firefox */
}

.headerSearch .searchform :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: transparent;
    text-transform: uppercase;
    opacity: 0;
}

.headerSearch .searchform ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: transparent;
    text-transform: uppercase;
    opacity: 0;
}

@media (min-width: 768px) {

    .page-id-83 .dynamic-shortcode {  /* twitter feed */
        padding:0 10% 0 10%;
        }
}

@media (min-width: 992px) {
    .headerSearch {
        max-width:150px;
    }

    .headerSearch .searchform ::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #ffffff;
        text-transform: uppercase;
        opacity: 1;
        /* Firefox */
    }

    .headerSearch .searchform :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #ffffff;
        text-transform: uppercase;
        opacity: 1;
    }

    .headerSearch .searchform ::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #ffffff;
        text-transform: uppercase;
        opacity: 1;
    }

    .headerSearch .searchform input#s {
        border-bottom: none;
    }
}

@media (min-width: 1200px) {
}

@media (min-width: 1390px) {
   .page-id-83 .dynamic-shortcode {  /* twitter feed */
        padding:0 20% 0 20%;
        }
}

@media (min-width: 1590px) {
}

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

    EMBEDS

\*------------------------------------*/
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

    ALERT

\*------------------------------------*/
.popupAlert {
    width: 100%;
    max-width: 600px;
}

.noticeBody {
    width: 100%;
    padding: 0 2.5%;
}

.popupAlert .popupImg {
    padding: 10px 5px;
}

.popupAlert .popupImg img {
    width: 100%
}

.popupAlert .noticeText {
    padding: 10px 5px;
    width: 100%;
    float: none;
}

.popupAlert .noticeText * {
    max-width: 100%;
}

.popupAlert .noticeText .popTitle {
    margin: 0px 0 20px;
}

/*news*/
h2.list-item-title {
}

h2.list-item-title a {
    text-decoration: none;
}

h2.list-item-title a:hover {
    text-decoration: underline;
}

h1.postTitle {
}

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

.nav-links {
    margin: 10px 0 20px;
}

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

    HEADER

\*------------------------------------*/
#navbar {
    display: block;
    vertical-align: top;
	display:none;
}

.headGroup {
    color: #434e6a;
    background: #fff;
    transition: 300ms;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
}

.fixedHeader .headGroup {
}

.headGroup a {
    color: #969696;
}

.headGroup a:hover {
    color: #CBCBCB;
}

.headLogoWrap {
    padding-left: 0;
    padding-right: 0;
}

.headerIcon {
}

.headerIcon img {
}

.headerSearch {
    display: inline-block;
    vertical-align: top;
}

.headGroup .socials {
    display: inline-block;
    vertical-align: top;
    list-style: none;
    padding: 4px;
    margin: 0;
}

.headGroup .socials li {
    display: inline-block;
    position: relative;
    padding: 0 9px;
    min-width: 40px;
    text-align: center;
}

.headGroup .socials li:before {
    content: '';
    display: inline-block;
    /*position:absolute;

	top:50%;

	margin-top:-5px;

	height:10px;

	width:1px;

	background:#969696;

	left:0;*/
}

@media (min-width: 768px) {
    .headGroup .socials {
        /*position:absolute;

		bottom:100%;

		right:0;

		width:100%;*/
    }
}
@media (max-width: 1199px) {
	#navbar {
		display:block;
	}
}

/*header*/
header {
    position: relative;
}

.headGroup {
    position: relative;
    z-index: 120;
    top: 0;
    left: 0;
    width: 100%;
    position: relative;
}

@media (min-width: 600px) {
}

@media (min-width: 768px) {
    .admin-bar .headGroup, .admin-bar.fixedHeader .headGroup {
        top:32px
    }

    .headGroup {
        position: fixed;
        height: 105px;
    }

    header.mainHeader {
        height: 105px;
    }

    .home header.mainHeader {
    }
}

/*home*/
@media (max-width: 767.99px) {
    body.home .headGroup {
    }
}

/*.fixedHome .headGroup {

		background:transparent;

		border-bottom:transparent;

		color:#fff;

		position:absolute;

		top:0;

	}

	.fixedHome .headGroup a{

		color:#fff;

	}

	.fixedHome .headGroup .socials li:before,

	.fixedHome .headGroup .socials li:last-child:after{

		background:#fff;

	}

	.fixedHome .headGroup .searchform input#s {

		color:#fff;

	}

	.fixedHome .headGroup .searchform input#s {

		

	}*/
.fixedHome .headerSearch .searchform ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    /*color: #fff;*/
}

.fixedHome .headerSearch .searchform :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    /*color: #fff;*/
}

.fixedHome .headerSearch .searchform ::-ms-input-placeholder {
    /* Microsoft Edge */
    /*color: #fff;*/
}

/*.fixedHome .headGroup #searchSubmit {

		color:#fff;

	}

	.fixedHome .headerIcon {

		

	}

	.fixedHome .headerIcon a{

		

	}*/
@media (min-width: 768px) {
    .headerRight .menu-toggle {
        display:block;
        display: inline-block;
        position: relative;
        top: auto;
        right: auto;
        float: right;
    }

    .headerRight .topMenuSide {
        display: block;
        display: inline-block;
        position: relative;
        top: auto;
        left: auto;
    }

    .headerRight .topMenuSide span {
        display: inline;
    }

    .headerRight {
        position: relative;
    }

    .headerLeft {
        text-align: left;
    }

    .headerRight {
        text-align: right;
    }

    .headerRight .menu-toggle {
        display: inline-block;
        margin-left: 20px;
        float: none;
    }

    .headerRight .topMenuSide {
        display: inline-block;
    }
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
    .headerRight .menu-toggle {
        margin-left:40px;
    }
}

/*.home .headGroup{

	

}*/
.topMenu {
    display: none;
}

.topMenuSide {
    position: relative;
    display: inline-block;
}

.topMenuSide .portalToggle {
    font-size: 14px;
    padding: 10px 0;
    line-height: 15px;
    white-space: nowrap;
    padding-right: 15px;
    position: relative;
    cursor: pointer;
}

.topMenuSide .menu {
    position: absolute;
    background: rgba(255,255,255,0.8);
    color: #969696;
    list-style: none;
    margin: 0;
    padding: 0 20px;
    right: 0;
    top: 100%;
    font-size: 14px;
    text-transform: uppercase;
    display: none;
}

.topMenuSide .menu li {
    border-bottom: solid 1px #969696;
    padding: 12px 0 12px 45px;
    /*background-image:url(images/lock.png);*/
    background-repeat: no-repeat;
    background-position: left 0 top 13px;
    line-height: 1.5;
}

.topMenuSide .menu li:last-child {
    border-bottom: 0;
}

.topMenuSide .menu li a {
    color: #969696;
}

.topMenuSide .menu a:hover {
    color: #000;
    text-decoration: none;
}

@media (min-width: 768px) {
    .topMenuSide .portalToggle .portalIcon {
        margin-right:14px;
    }
}

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

    Navigation

\*------------------------------------*/
.menu-toggle {
    position: relative;
    padding-right: 40px;
    font-size: 17px;
    display: inline-block;
    cursor: pointer;
    height: 35px;
    line-height: 30px;
    vertical-align: middle;
}

.menu-toggle .toggleText {
    display: inline-block;
    display: none;
    vertical-align: middle;
    font-size: 14px;
}

@media (min-width: 992px) {
    .menu-toggle .toggleText {
        display:inline-block;
    }
}

.menu-toggle span {
    width: 30px;
    height: 1px;
    margin: 8px 0;
    background-color: #969696;
    display: block;
    transition: all 300ms;
}

.menu-toggle .toggleIcon {
    position: absolute;
    width: 30px;
    right: 0;
    top: 0px;
    transition: 300ms;
}

.menu-toggle:hover span {
    background-color: #000;
}

.menu-toggle span:nth-child(1) {
    transform-origin: 50% 8px;
}

.menu-toggle span:nth-child(3) {
    transform-origin: 50% -8px;
}

body.menuopen .menu-toggle span:nth-child(1) {
    transform: rotate(135deg) translateY(6px)
}

body.menuopen .menu-toggle span:nth-child(2) {
    opacity: 0;
    transform: rotate(360deg);
}

body.menuopen .menu-toggle span:nth-child(3) {
    transform: rotate(-135deg) translateY(-7px);
}

body.menuopen #navbar .menu-toggle span:nth-child(1) {
    background: #000;
}

body.menuopen #navbar .menu-toggle span:nth-child(3) {
    background: #000;
}

@media (min-width: 992px) {
}

#navbar {
    position: fixed;
    right: -280px;
    transition: right 500ms;
    background-color: #fff;
    top: 0;
    margin-top: 0px;
    padding: 20px 20px;
    z-index: 9999;
    bottom: 0;
    width: 280px;
    overflow-x: hidden;
    font-size: 1.2em;
}

body.menuopen #navbar {
    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.admin-bar #navbar {
    top: 32px;
}

@media (max-width: 782px) {
    body.admin-bar #navbar {
        top:46px;
    }
}

#menu-main, #menu-main ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#menu-main {
    margin-bottom: 30px;
    margin-top: 20px;
    clear: both;
}

#menu-main li {
    position: relative;
}
#menu-main li a {
    display: block;
    color: #808285;
    padding: 21px 10px 21px 20px;
    line-height: 1.35;
    position: relative;
    border-bottom: solid 1px #676767;
}

#menu-main li a:hover {
    text-decoration: none;
    color: #000;
}

#menu-main .sub-menu {
    padding-left: 40px;
    position: relative;
    display: none;
    font-size: 0.9em;
    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 .sub-menu a {
    padding: 10px 10px;
}

#menu-main li.menu-item-has-children > a {
    padding-left: 35px;
}

#menu-main li.menu-item-has-children > .arrow {
    position: absolute;
    left: 0;
    top: 0;
    height: 68px;
    width: 30px;
}

@media (min-width: 1200px) {
    #menu-main li.menu-item-has-children > .arrow {
        height:75px;
    }
}

#menu-main li.menu-item-has-children > .arrow:after {
    position: absolute;
    content: '\f054';
    display: block;
    width: 11px;
    height: 27px;
    position: absolute;
    left: 12px;
    top: 21px;
    font-weight: 700;
    font-family: "Font Awesome 5 Free";
    transform: rotate(0deg);
    transition: 300ms;
}

#menu-main li.open.menu-item-has-children > .arrow:after {
    transform: rotate(90deg);
}

#menu-main .sub-menu li.menu-item-has-children > .arrow {
    height: 47px;
}

#menu-main .sub-menu li.menu-item-has-children > .arrow:after {
    top: 15px;
}

#menu-main .sub-menu .sub-menu {
    padding-left: 20px;
}

#menu-main .sub-menu .sub-menu li.menu-item-has-children > .arrow {
    display: none;
}
.menu-main-container.portals {
	margin-top:40px;
}
.menu-main-container.portals ul {
	list-style:none;
    padding: 0;
    margin: 0;
}
.menu-main-container.portals li a {
    display: block;
    color: #fff;
    padding: 5px 10px 5px 20px;
    line-height: 1.35;
    position: relative;
    border-bottom: solid 1px #fff;
	font-size:16px;
}
@media (min-width: 600px) {
    #navbar {
        width:480px;
        right: -480px;
        padding: 40px 60px;
    }

    #menu-main li a {
        padding: 21px 20px;
    }
}

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

    FOOTER

\*------------------------------------*/
footer {
}

.footerImages {
	text-align:center;
	margin:10px 0;    
}
#menu-useful {
    list-style: none;
    padding: 0;
}

.stayConnectBlock {
    border-top: solid 1px #969696;
    margin: 20px 0px ;
}

.stayConnectBlock h3 {
    font-size: 32px;
    margin: 70px 0 55px;
    text-align: center;
}

.stayConnectBlock .connectedFt {
    color: #fff;
    background: #676767;
    text-align: center;
    padding: 50px 0;
}

.stayConnectBlock .connectedFt ul {
    list-style: none;
    padding: 0;
    margin: 7px auto;
}

.stayConnectBlock .connectedFt li {
    display: inline-block;
    margin: 12px 12px;
}

.stayConnectBlock .connectedFt li a {
    transition: 300ms;
}

.stayConnectBlock .connectedFt li a:hover {
    opacity: 0.6;
}

.stayConnectBlock .connectedFt a.blockButton {
    border: solid 1px #fff;
    color: #fff;
    margin: 12px 7px;
}

.stayConnectBlock .connectedFt a.blockButton:hover {
    background: #fff;
    color: #676767;
}

.footerLower {
    background: #000;
    color: #dddedf;
    padding: 20px 0;
    font-size: 14px;
    text-align: center;
}

.footerLower p, .footerLower ul {
    margin: 0px 0 10px;
	line-height:1.2em;
}

.footerLower a {
    color: #dddedf;
    line-height: 20px;
}

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

@media (min-width: 768px) {
    .footerLower {
        text-align:initial;
        padding: 50px 0;
    }
    .footerLower a {
        line-height: unset;
    }
}

@media (min-width: 1200px) {
    .stayConnectBlock {
        margin:50px 0;
    }

    .footerInfo {
        margin-bottom: 70px;
    }
}

/*text aligns*/
@media (max-width: 768px) {
    .xs-text-right {
        text-align:right;
    }

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

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

@media (min-width: 768px) {
    .sm-text-right {
        text-align:right;
    }

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

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

@media (min-width: 992px) {
    .md-text-right {
        text-align:right;
    }

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

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

@media (min-width: 1200px) {
    .lg-text-right {
        text-align:right;
    }

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

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

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

    WORDPRESS CORE

\*------------------------------------*/
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #FFF;
    border: 1px solid #F0F0F0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption .wp-caption-text, .gallery-caption {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.sticky {
}

.bypostauthor {
}

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

.side-menu-container {
    padding: 0 0 20px;
    margin-bottom: 20px;
}

#menu-side {
    list-style: none;
    padding: 0;
    margin: 0;
}

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

#menu-side a {
    color: #676767;
    display: inline-block;
    padding: 0px 15px;
}

#menu-side a:hover {
    text-decoration: none;
}

#menu-side a span {
    padding: 10px 0px;
    display: block;
}

/*Top level item*/
#menu-side > li > a {
    font-size: 1.25em;
}

#menu-side > li > a span {
    padding: 16px 8px 16px 0;
    border-bottom: solid 1px #CBCBCB;
    display: inline-block;
    font-weight: 400;
}

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

#menu-side > li > .sub-menu {
    margin: 10px 0;
}

/*main Sub menu items*/
#menu-side .sub-menu li.current-menu-ancestor a, #menu-side .sub-menu li.current-menu-item a {
}

#menu-side .sub-menu li.current-menu-item > a {
    color: #676767;
}

#menu-side .sub-menu li.menu-item-has-children > .arrow {
    display: block;
    width: 45px;
    height: 43px;
    position: absolute;
    top: 0;
    right: 0;
    color: #ffffff;
}

#menu-side .sub-menu li.menu-item-has-children > .arrow:before {
    position: absolute;
    content: '\f054';
    display: block;
    width: 11px;
    height: 27px;
    position: absolute;
    left: 12px;
    top: 8px;
    font-weight: 700;
    font-family: "Font Awesome 5 Free";
    transform: rotate(0deg);
    transition: 300ms;
}

#menu-side .sub-menu li.menu-item-has-children.open > .arrow:before {
    transform: rotate(90deg);
}

#menu-side .sub-menu li a:hover {
    color: #676767;
}

#menu-side .sub-menu .sub-menu {
    background: rgba(0,0,0,0.1);
    padding-bottom: 10px;
    display: none;
}

#menu-side .sub-menu .sub-menu li {
    margin: 0;
}

#menu-side .sub-menu li.open > .sub-menu {
    display: block;
}

#menu-side .sub-menu .sub-menu a > span {
    padding-left: 10px;
}

/*----------

Blog sidebar

----------*/
#blognav ul {
    list-style: none;
}

.sidebarSec {
    padding: 0px 15px 15px;
    margin: 0 auto 10px;
}

.sidebarSec ul {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 10px;
}

.sidebarSec ul li {
    padding: 10px 0px;
}

.its {
    font-size: 1.25em;
    padding: 16px 8px 16px 0;
    border-bottom: solid 1px #CBCBCB;
    display: inline-block;
    font-weight: 400;
}

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

    menu inc toggle

\*------------------------------------*/
.search-toggle {
    float: right;
    padding: 15px;
    color: #e0e0e0;
    cursor: pointer;
    border-radius: 30px;
    margin-top: 15px;
    line-height: 15px;
}

.search-toggle:hover {
    background-color: #969696;
}

@media (min-width: 0px) {
    body.fixedHome .menu-toggle {
        color:#fff;
    }

    body.fixedHome .menu-toggle span {
        background-color: #fff;
    }
}

@media (min-width: 1200px) {
}

body {
    /*position:relative;*/
}

body.menuopen {
    /*position:relative;*/
    overflow: hidden;
}

body.menuopen:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.5;
    z-index: 9998;
}

#navbar .menu-toggle {
    float: right;
}

.menu-main-container {
    clear: both;
}

.sidebar {
    padding-top: 35px;
    margin-top: 0px;
    margin-bottom: 40px;
}

@media (min-width : 768px) {
}

@media (min-width : 992px) {
}

@media (min-width : 1200px) {
}

@media (min-width : 1590px) {
}

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

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

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

    Dynamic Content

\*------------------------------------*/
.dynamicContent {
    margin-top: 30px;
    margin-bottom: 30px;
}

.dynamicContent .sectionTitle {
    margin-bottom: 10px;
    font-size: 2.2em;
}

@media (min-width: 1590px) {
}

/**** Image ****/
.image-item {
    position: relative;
}

.image-item img {
    width: 100%;
    height: auto;
}

.image-item .imageItemCaption {
    display: block;
    margin: 5px;
    font-size: 14px;
}

/*******Dividers******/
.dividera {
    clear: both;
    width: 100%;
    height: 100px;
    position: relative;
}

.dividera:before {
    content: '';
    width: 90%;
    height: 1px;
    border-bottom: solid 1px #ccc;
    position: absolute;
    top: 50%;
    left: 5%;
}

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

.dividerb {
    clear: both;
    width: 100%;
    height: 130px;
    background-image: url(images/icon.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 90px;
}

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

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

.faq-question {
    position: relative;
    margin: 0 !important;
    padding: 15px;
    background: #6786b8;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    text-transform: inherit;
    font-weight: 300;
    line-height: 26px;
}

.faq.open .faq-question {
    background: #434e6a;
}

.faq-question:hover {
    background: #434e6a;
}

.faq-question:after {
    content: '\f054';
    display: block;
    width: 11px;
    height: 18px;
    position: absolute;
    right: 20px;
    top: 15px;
    font-weight: 700;
    font-family: "Font Awesome 5 Free";
    transform: rotate(0deg);
    transition: 300ms;
}

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

.faq-answer {
    display: none;
    padding: 15px;
}

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

.faqs .faq.open:last-child .faq-answer {
    border-color: #969696;
}

/******Staff********/
.staffMember {
    padding-bottom: 10px;
    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 2px;
    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******/
blockquote {
    border: 0;
    background: #e0e0e0;
    color: #000;
    font-style: italic;
    font-size: 1.5em;
    font-weight: 400;
    padding: 2.2em 1.1em;
    text-align: center;
}

.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 blockquote.quote-text {
    padding-top: 1em;
    padding-bottom: 0.1em;
    margin-bottom: 0;
}

.quoteContainer .quote-cite {
    text-align: center;
    font-weight: 700;
    padding: 0 15px 15px;
}

/****Documents******/
a.document-link {
    display: block;
    color: #676767;
    background: #e0e0e0;
    border: solid 1px #676767;
    font-size: 0.9em;
    line-height: 1.4em;
    padding: 1em 1.5em;
    text-transform: uppercase;
    width: 100%;
    padding-right: 47px;
    position: relative;
    transition: 300ms;
    margin: 12px 0;
}

a.document-link:after {
    display: block;
    width: 40px;
    height: 23px;
    content: '\f56d';
    position: absolute;
    top: 50%;
    right: 0px;
    font-size: 26px;
    transform: translateY(-50%);
    text-align: center;
    font-weight: 700;
    font-family: "Font Awesome 5 Free";
    transition: 300ms;
}

a.document-link:hover {
    background: #000;
    color: #fff;
    border-color: #000;
}

a.document-link:hover:after {
    color: #fff;
}

/*Callout*/
.callout {
    display: block;
    position: relative;
    transition: 300ms;
    color: #fff;
    background: #969696;
    font-size: 1em;
    overflow: hidden;
}

.callout .calloutText {
}

.callout .calloutContent {
    padding: 20px 15px;
    text-align: center;
    position: relative;
}

.callout .calloutTitle {
    font-size: 1em;
    text-transform: uppercase;
    margin: 0.5em 0;
}

.callout .calloutTitle h3 {
    margin-bottom: 0;
    color: inherit;
}

.callout .readmore {
    display: inline-block;
    color: #fff;
    background: #676767;
    margin: 12px 7px;
    width: 200px;
    max-width: 100%;
    margin: 12px 0px;
    text-align: center;
}

.callout.hasbg .readmore {
    background: #CBCBCB;
    border: solid 1px #CBCBCB;
}

.callout .readmore:hover {
    background: #fff;
    color: #676767;
}

.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:before {
    content: '';
    display: block;
    width: 100%;
    bottom: 0;
    position: absolute;
    left: 0;
    height: 100%;
    background: rgba(0,0,0,0.3);
}

.callout .coimg img {
    /*visibility: hidden*/
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.callout.hasbg .calloutContent {
    padding-bottom: 75px;
    padding-top: 150px;
}

.callout.hastext.hasbg .calloutContent {
    padding-bottom: 35px;
    padding-top: 100px;
}

/*sidebar callout*/
/***POIS****/
.pois .col {
    min-width: 33.333%;
}

.poi {
    position: relative;
    display: block;
    transition: all 300ms;
    overflow: hidden;
    background: #676767;
    color: #fff;
    margin-bottom: 26px;
}

.poi:hover {
    color: #fff;
    text-decoration: none;
}

.poiImage .poiImageBG {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: 300ms;
    opacity: 1;
}

.poiImage .poiImageBG:before {
    content: '';
    display: block;
    width: 100%;
    bottom: 0;
    position: absolute;
    left: 0;
    height: 100%;
    background: rgba(0,0,0,0.3);
}

.poiImage {
    background: inherit;
}

.poi:hover .poiImage .poiImageBG {
}

.poiImage:before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 100%;
}

.poiImage >img {
    width: auto;
    display: none;
}

.textOnlyBlock .poiText {
    position: relative;
    padding: 25px 15px;
}

.poi .poiTitle {
    display: inline-block;
    line-height: 1.3;
    text-align: center;
}

.poi .textOnlyBlock {
}

.poi .poiTitle {
    display: block;
    font-size: 20px;
    font-weight: 400;
    position: relative;
    padding: 10px 15px;
    text-transform: uppercase;
}

.poi .textOnlyBlock .poiTitle {
    margin: 5px;
}

.textOnlyBlock {
    padding: 10px 30px;
    transition: 300ms;
}

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

.poi:hover .textOnlyBlock {
    background-color: rgba(0,0,0,0.2);
    color: #fff;
    text-decoration: none;
}

.poiImage .poiText {
    padding: 10px 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    bottom: 15%;
    transform: translateY(50%);
    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: 50%;
}

.poi:hover .poiImage .poiImageBG {
    opacity: 0;
}

.poi:hover .poiImage .poiEx {
    max-height: 460px;
}

.pois.homePOIs .col-xs-6 {
    padding-left: 15px;
    padding-right: 15px;
}

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

    HOME DYNAMIC

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

    END DYNAMIC CONTENT

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

    RESPONSIVE

\*------------------------------------*/
/*==========  Non-Mobile First Method  ==========*/
@media only screen and (max-width : 1590px) {
}

/* Medium Devices, Desktops */
/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 319px) {
}

.sectionfadein {
    opacity: 0;
    top: 30px;
    position: relative;
    transition: 500ms;
}

.sectionfadein.active {
    opacity: 1;
    top: 0;
}

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

    PRINT

\*------------------------------------*/
/*Menu Styles Show    ----------------------------------- */
.headGroup .row {
    margin-left: 0;
    margin-right: 0;
}

.menu-main-container {
}

#menu-main-top {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    text-align: right;
}

#menu-main-top li:first-child {
    padding-left: 0;
}

#menu-main-top li:left-child {
    padding-right: 0;
}

#menu-main-top li {
    display: inline-block;
    position: relative;
    padding: 0px 21px;
    vertical-align: middle;
}

#menu-main-top {
    position: relative;
}

#menu-main-top:after {
    width: 1px;
    background: #434e6a;
    content: "";
    height: 18px;
    position: absolute;
    right: -1px;
    top: 50%;
    margin-top: -9px;
    display: block;
}

#menu-main-top li:last-child:after {
    display: none;
}

#menu-main-top li ul li:after {
    display: none;
}

#menu-main-top li a {
    font-size: 16px;
    line-height: 105px;
    position: relative;
    color: #434e6a;
    font-weight: 300;
    letter-spacing: 0.5px;
}
#menu-main-top li a span{
	line-height: 1.3;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
#menu-main-top li li a {
    line-height: 42px;
}

#menu-main-top .sub-menu {
    text-align: left;
}

#menu-main-top .sub-menu li {
    padding: 0;
}

#menu-main-top .sub-menu li a {
    padding: 0px 30px;
    font-size: 16px;
    display: block;
    font-weight: 200;
    color: #ffffff;
}

#menu-main-top .sub-menu li a span {
    border-bottom: 1px solid rgba(255,255,255,0.3);
    line-height: 42px;
    display: block;
	text-align:left;
}

#menu-main-top .sub-menu li a:hover span {
    border-bottom: 1px solid #434e6a;
}

#menu-main-top .sub-menu li a:hover {
    color: #ffffff;
    background: #434e6a;
}

#menu-main-top li a:hover {
    text-decoration: none;
    color: #6786b8;
}

#menu-main-top .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    background: #6786b8;
    padding: 40px 0 40px;
    /*min-height: 80vh;*/
    min-width: 280px;
}

body.fixedHeader #menu-main-top .sub-menu {
    min-height: inherit;
    padding: 40px 0 40px;
}

#menu-main-top .sub-menu li {
    display: block;
}

/*#menu-main-top .sub-menu li a {
    color: #171717;
}*/
#menu-main-top li:hover > .sub-menu {
    display: block;
    min-width: 280px;
}

#menu-main-top .sub-menu .sub-menu {
    position: absolute;
    top: 0;
    left: 100%;
    display: none;
    background: #6786b8;
    padding: 0px !important;
    height: auto;
}

/*Menu Styles Show    ----------------------------  END  ------------------------------------ */
.topMenuSide {
    display: inline-block;
    position: relative;
    top: auto;
    left: auto;
}

.topMenuSide span {
    display: inline;
}

.topMenuSide .portalToggle .portalIcon {
    margin-right: 14px;
}

.topMenuSideContianer {
    padding-left: 15px;
}

.topMenuSide .portalToggle {
    font-size: 16px;
    line-height: 55px;
    padding-top: 24px;
    padding-bottom: 25px;
}

.topMenuSide .portalToggle:after {
    content: '\f0d7';
    display: inline-block;
    margin-left: 10px;
    color: #6786b8;
    font-size: 14px;
    font-weight: 700;
    font-family: "Font Awesome 5 Free";
    transition: 300ms;
}

.topMenuSide .menu li {
    padding: 0;
}

.topMenuSide .menu {
    min-width: 150px;
    text-align: left;
    background: #6786b8;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.topMenuSide .menu li {
    border-color: #ffffff;
    line-height: 32px;
}

.topMenuSide .menu li a {
    color: #ffffff;
    text-transform: inherit;
}

.topMenuSide .menu li a:hover {
    color: #434e6a;
}

.headerRight {
    padding: 0;
}

.headerRight .searchToggle {
    height: 105px;
    width: 87px;
    background: #6786b8;
}

.headerRight .searchToggle:hover {
    background: #434e6a;
}

.headerRight #searchSubmit {
    color: #ffffff !important;
    right: 0px;
    top: 0px;
    width: 87px;
    height: 105px;
}

.headerRight .searchToggle .search-form-holder {
    top: 0;
    transform: inherit;
    width: 100%;
    height: 100%;
}

.searchToggle .searchform {
    width: 87px !important;
    transition: 500ms;
    position: absolute;
    right: 0;
    top: 50% !important;
    transform: translateY(-50%) !important;
    padding-right: 0;
    height: 105px !important;
}

.headerRight .headerSearch {
    display: inline-block;
}

.headLogoWrap {
    text-align: left;
}

.main_banner_home .row {
    margin: 0;
}

@media only screen and (min-width : 1200px) and (max-width : 1600px) {
	#menu-main-top li {
        padding: 0px 7px;
    }
    
	@media (min-width:1400px){
		#menu-main-top li {
			padding: 0px 10px;
		}
	}
    .topMenuSide .portalToggle {
        margin-right: 0px;
    }

    #menu-main-top li a {
        font-size: 14px;
    }

    .topMenuSideContianer {
        padding-left: 0;
    }

    .topMenuSide .portalToggle {
        font-size: 15px;
    }

    .topMenuSide .portalToggle:after {
        margin-left: 5px;
    }

    body.home .calendar_icon a span {
        display: none !important;
    }
}

.searchToggle .searchform.openSearch input.s {
    top: 65px !important;
    right: 87px !important;
    background: #6786b8 !important;
    color: #ffffff !important;
}

.welcomeBlock {
    padding: 115px 0 70px;
    text-align: center;
    background: #f6f6f6;
}

.welcomeBlock h1 {
    font-size: 70px;
    line-height: 80px;
    color: #434e6a;
    margin-top: 0px;
    margin-bottom: 50px;
    font-weight: 200;
}

.homeBanner .row {
    margin: 0px;
}

.callout.hastext.hasbg .calloutContent {
    padding-bottom: 170px;
    padding-top: 170px;
}

/*.callout.hastext.hasbg .calloutContent {
    padding-bottom: 15%;
    padding-top: 15%;
}*/
.callout {
    background: #434e6a;
}

body.home .callout {
    background: #6786b8;
}

body.home .dynamic-callout .callout .container {
    text-align: left;
}
@media (min-width:992px) {
body.home .dynamic-callout .callout .col {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
    padding: 0;
    text-align: left;
}
}
body.home .dynamic-callout .callout.hasbg .coimg {
    background-position: center top;
}

body.home .dynamic-callout .callout .calloutTitle {
    line-height: 80px;
    margin: 0 0 60px;
    text-align: left;
    text-transform: inherit;
}

body.home .dynamic-callout .callout .calloutTitle h3 {
    color: #ffffff;
    font-size: 70px;
	font-size: 32px;
    font-weight: 100;
    font-style: italic;
    letter-spacing: 1px;
    text-transform: inherit;
    text-align: left;
}

body.home .dynamic-callout .callout .calloutTitle .calloutSubtitle {
    color: #ffffff;
    font-size: 24px;
    font-weight: 100;
    font-style: italic;
    letter-spacing: 1px;
    text-transform: inherit;
    text-align: left;
}
@media (min-width:992px){
	body.home .dynamic-callout .callout .calloutTitle h3 {
	font-size: 50px;
		
	}
	body.home .dynamic-callout .callout .calloutTitle .calloutSubtitle {
    font-size: 40px;		
	}
}
body.home .dynamic-callout .callout .calloutText {
    letter-spacing: 1px;
    font-size: 18px;
    color: #ffffff;
    text-align: left;
    font-weight: 300;
    margin-bottom: 40px;
}

.callout .readmore {
    background: transparent;
    border: none;
    color: #ffffff;
    font-size: 17px;
    line-height: 41px;
    padding: 0 110px 0 0 !important;
    text-transform: inherit;
    width: auto !important;
    letter-spacing: 2px;
    font-weight: 300;
    margin: 0;
    position: relative;
}

.callout .readmore:after {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    content: '\f105';
    font-size: 18px;
    color: #ffffff;
    display: block;
    position: absolute;
    right: 0;
    font-weight: 700;
    font-family: "Font Awesome 5 Free";
    transform: rotate(0deg);
    transition: 300ms;
    top: 0;
}

.callout .readmore:before {
    width: 74px;
    height: 1px;
    content: '';
    font-size: 17px;
    color: #ffffff;
    display: block;
    position: absolute;
    background: #ffffff;
    right: 21px;
    top: 21px;
    transition: 300ms;
}

.callout .readmore:hover {
    color: #434e6a;
}

.callout .readmore:hover:before {
    background: #434e6a;
}

.callout .readmore:hover:after {
    border-color: #434e6a;
    color: #434e6a;
}

body.home .dynamic-callout .callout .coimg:before {
    background: transparent;
}

.headLogoWrap {
    position: relative;
}

.calendar_icon {
    position: absolute;
    top: 100%;
    left: 0;
}

body.home .calendar_icon a {
}

.calendar_icon a {
    line-height: 105px;
    display: block;
}

.calendar_icon a i {
    background: #6786b8;
    padding: 105px 10px 0;
    max-width: 88px;
    width: 100%;
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 105px;
    color: #ffffff;
    float: left;
}

.calendar_icon a:hover i {
    background: #434e6a;
}

.calendar_icon a i:before {
    content: '';
    width: 25px;
    height: 26px;
    background: url(images/clander-icon.png) center center no-repeat;
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-left: -13px;
    top: 50%;
    margin-top: -13px;
}

.calendar_icon a span {
    font-size: 16px;
    color: #58595b;
    text-decoration: underline;
    margin-left: 15px;
    display: none;
    float: left;
}

body.home .calendar_icon a span {
    display: inline-block;
}

body.home .calendar_icon {
    position: relative;
    left: auto;
    top: auto;
}

.calendar_icon a:hover span {
    color: #6786b8;
}

.banner-right-area {
    padding: 0 0px;
}

.banner-left-area {
    padding: 0 50px;
    text-align: center;
}
.banner-left-area a:hover {
	color:#6780b0;
}
.banner-left-area h2 {
    font-size: 12px;
    color: #6780b0;
    margin-bottom: 40px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.banner-left-area img {
    margin-bottom: 40px;
}

.banner-left-area .quote_text {
    font-weight: 300;
    font-style: italic;
    text-align: left;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.banner-left-area .quote_cite {
    font-weight: 300;
    text-align: right;
    letter-spacing: 1px;
}

.banner-left-area .quote_cite span:before {
    font-weight: 300;
    content: "";
    font-size: 0;
    height: 1px;
    width: 10px;
    position: relative;
    margin-right: 5px;
    top: -4px;
    display: inline-block;
    background: #58595b;
}

.miniPoi {
    /*flex: 0 0 25%;
    max-width: 25%;*/
    margin-bottom: 30px;
    padding-top: 20px;
}

.miniPoi .poiText {
    font-size: 16px;
    color: #6786b8;
    letter-spacing: 1px;
}

.minipoiImg {
    margin-bottom: 20px;
}

.miniPoi a {
    display: inline-block;
}

.miniPoi a:hover {
    opacity: 0.5;
}

.calendar_icon a i {
    padding: 64px 44px 0 43px;
}

body.home .calendar_icon a i {
    padding: 105px 44px 0 43px;
}

@media only screen and (min-width : 1200px) {
	/*.home .headerIcon {
		display:none;
	}
	.home.fixedHeader .headerIcon{
		display: table;
	}*/
    .headerIcon {
        height: 105px;
        display: table;
    }

    .headerIcon a {
        height: 100%;
        display: table-cell;
        vertical-align: middle;
    }
}

@media only screen and (min-width : 1200px) {
    .menu-toggle {
        display: none !important;
    }

    .menu-main-container {
        display: inline-block;
    }

    .topMenuSideContianer {
        display: inline-block;
    }

    .headLogoWrap {
        padding-left: 30px;
    }

    body.home .headLogoWrap {
        padding-left: 0px;
    }
}

@media only screen and (max-width : 1199px) {
    .headerRight .menu-main-container {
        display: none;
    }

    .topMenuSideContianer {
        display: none;
    }

    .menu-toggle .toggleText {
        display: none !important;
    }

    .headerRight .searchToggle {
        display: none;
    }

    .menu-toggle .toggleIcon {
        width: 24px;
        top: 50%;
        transform: translateY(-50%) !important;
        right: 50%;
        margin-right: -12px;
    }

    .menu-toggle span {
        width: 24px;
        height: 2px;
        margin: 5px 0;
        background: #ffffff;
    }

    .menu-toggle {
        width: 87px;
        height: 105px;
        padding-right: 0px;
        line-height: 105px;
        background: #6786b8;
    }

    body.menuopen #navbar {
        background: #6786b8;
        color: #ffffff;
    }

    body.menuopen #navbar li a {
        color: #ffffff;
    }

    body.menuopen #menu-main li a, body.menuopen #menu-main .sub-menu {
        border-color: #ffffff;
    }

    body.menuopen .menu-toggle span:nth-child(1) {
        transform: rotate(135deg) translateY(9px);
        background-color: #ffffff !important;
    }

    body.menuopen .menu-toggle span:nth-child(3) {
        transform: rotate(-135deg) translateY(-10px);
        background-color: #ffffff !important;
    }

    body.menuopen #menu-main li.menu-item-has-children > a {
        padding-right: 35px;
        padding-left: 20px;
    }

    body.menuopen #menu-main li.menu-item-has-children > .arrow {
        right: 0;
        left: auto;
    }

    body.menuopen .menu-toggle {
        width: 34px;
        height: 34px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
    .headLogoWrap {
        flex: 0 0 65%;
        max-width: 65%;
    }

    .headerRight {
        flex: 0 0 35%;
        max-width: 35%;
        text-align: right;
    }

    .banner-left-area, .banner-right-area {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .banner-left-area {
        padding: 50px;
        text-align: center;
    }

    .welcomeBlockText {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .mini_pois.col-md-10 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .callout.hastext.hasbg .calloutContent {
        padding-bottom: 100px;
        padding-top: 100px;
    }

    body.home .dynamic-callout .callout.hasbg .coimg {
        background-position: right top;
    }
}

@media only screen and (max-width : 767px) {
    .welcomeBlock h1 {
        font-size: 32px;
    }

    .welcomeBlock {
        padding: 60px 0 30px;
    }
/*
    .miniPoi {
        flex: 0 0 50%;
        max-width: 50%;
    }
*/
	.miniPoi {
		min-width:50%;
	}
    body.home .calendar_icon a span {
        display: none !important;
    }

    .headLogoWrap {
        flex: 0 0 65%;
        max-width: 65%;
    }

    .headerRight {
        flex: 0 0 35%;
        max-width: 35%;
        text-align: right;
    }

    .banner-left-area {
        padding: 50px 25px;
        text-align: center;
    }

    body.home .dynamic-callout .callout .col {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
        text-align: left;
    }

    body.home .dynamic-callout .callout .calloutTitle h3 {
        color: #ffffff;
        /*font-size: 42px;*/
        font-weight: 200;
        font-style: italic;
    }

    .menu-toggle {
        width: 64px;
        height: 60px;
        padding-right: 0px;
        line-height: 105px;
        background: #6786b8;
    }

    .calendar_icon a i {
        padding: 60px 32px 0 !important;
        max-width: 64px;
        width: 100%;
    }

    .headerIcon img {
        height: 50px;
    }

    .callout.hastext.hasbg .calloutContent {
        padding-bottom: 70px;
        padding-top: 70px;
    }

    .headerIcon {
        padding-left: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

/*Inner Page Css -------------- Start ---------------- */
figure.gallery-item {
    position: relative;
}

.wp-caption-text.gallery-caption {
    /* display: none; */
    position: absolute;
    bottom: 0;
    background: rgb(255 255 255 / 78%)
}

.gallery-item img {
    transition: all 0.3s;
}

.gallery-item:hover img {
    transform: scale(1.1);
}

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

.dynamic-quote .cycle-pager {
    display: none;
}

.body-text > * > ul {
    list-style: none;
    padding-left: 0px;
}

.body-text > * > ul li {
    position: relative;
    padding-left: 35px;
    line-height: 30px;
}

.body-text > * > ul li:before {
    width: 7px;
    height: 7px;
    background: #6786b8;
    border-radius: 7px;
    position: absolute;
    left: 20px;
    top: 10px;
    content: "t";
    font-size: 0;
    display: block;
}

.breadcrumbs {
    text-transform: inherit;
    padding: 23px 100px 21px 0;
    font-size: 14px;
    color: rgba(88, 89, 91, 0.5) !important;
    margin-bottom: 0px;
    line-height: 23px;
    font-weight: 300;
    letter-spacing: 1px;
    border: none !important;
}

.breadcrumbs i {
    color: rgba(88, 89, 91, 0.5) !important;
    font-weight: 300;
    font-style: normal;
}

.breadcrumbs span {
    font-weight: 300;
    color: rgba(88, 89, 91, 0.5) !important;
}

.breadcrumbs a span {
    font-weight: 300;
    color: rgba(88, 89, 91, 0.5) !important;
}

.breadcrumbs a:hover span, .breadcrumbs a:hover {
    color: #6786b8 !important;
    font-weight: 300;
}

.breadcrumbs a {
    font-weight: 300;
    color: rgba(88, 89, 91, 0.5) !important;
}

.share {
    position: absolute;
    right: 0;
    top: 24px;
}

.share .addtoany_share {
    background: url(images/share-to-any-icon.png) right center no-repeat;
    padding-right: 25px;
}

.sidebar {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 10px;
}

.side-menu-container {
    background: #6786b8;
    padding: 25px 0px 80px;
}

#menu-side > li > a {
}

#menu-side > li > a span {
    color: #ffffff;
    font-size: 0px;
    text-transform: inherit;
    border-bottom: 1px solid transparent;
    margin-bottom: 15px;
    display: block;
    font-weight: 200 !important;
}

#menu-side > li > a span:after {
    color: #ffffff;
    font-size: 22px;
    font-weight: 300;
    content: 'In this section';
    display: block;
    font-weight: 200 !important;
}

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

#menu-side a:hover span {
    border-bottom: 1px solid #434e6a !important;
}

#menu-side .sub-menu li.open > a span {
    border-bottom: 1px solid #434e6a !important;
}

#menu-side .sub-menu li.current-menu-item > a span {
    border-bottom: 1px solid #434e6a !important;
}

#menu-side > li > a:hover span {
    border-bottom: 1px solid transparent !important;
}

#menu-side a {
    color: #ffffff;
    font-size: 16px;
    font-weight: 200;
    line-height: 22px;
    display: block;
    padding: 0 33px;
}

#menu-side a span {
}

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

#menu-side .sub-menu li a:hover {
    color: #ffffff;
    background: #434e6a;
}

#menu-side .sub-menu li a:hover span {
    border-bottom: none;
}

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

#menu-side .sub-menu li.open > a {
    color: #ffffff;
    background: #434e6a;
}

#menu-side .sub-menu li.open li a {
    color: #ffffff;
    background: #808285;
}

#menu-side .sub-menu li.open li a span {
    border: none !important;
}

#menu-side .sub-menu li.open li a:hover {
    color: #ffffff;
    background: #434e6a;
}

#menu-side .sub-menu .sub-menu {
    padding: 0px;
    background: transparent;
}

#menu-side .sub-menu li.open li:before {
    width: 5px;
    height: 5px;
    background: #ffffff;
    display: block;
    border-radius: 5px;
    content: "t";
    font-size: 0px;
    position: absolute;
    left: 25px;
    top: 20px;
    display: none;
}

#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: #ffffff;
    background: #434e6a;
}

#menu-side .sub-menu li .sub-menu li a:hover, #menu-side .sub-menu li .sub-menu li a:hover {
    color: #ffffff;
    background: #434e6a;
}

/*#menu-side .sub-menu li.open > .sub-menu {
    margin-bottom: 20px;
}*/
.sidebar #searchSubmit i {
    color: #ffffff;
}

.sidebar .searchform input#s {
    color: #ffffff;
}

.sidebarSec {
    background: #6786b8;
    padding: 40px 33px 40px;
    color: #ffffff;
}

.sidebarSec ul li {
    padding: 0;
}

.sidebarSec ul li a {
    color: #ffffff;
    font-size: 16px;
    font-weight: 200;
    line-height: 22px;
    display: block;
    padding: 10px 33px;
    margin-left: -33px;
    margin-right: -33px;
}

.sidebarSec ul li a:hover {
    color: #ffffff;
    background: #434e6a;
}

.its {
    border-bottom: 1px solid rgba(255,255,255,0.1);
    display: block;
    margin-bottom: 20px;
}

/*Sidebar Menu Css End*/
.poi {
    background: #6786b8;
}

.poiImage .poiText .poiTitle {
    text-align: left;
    letter-spacing: 1px;
    font-weight: 200;
    font-size: 22px;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
}

.poiImage .poiImageBG:before {
    background: transparent !important;
}

.callout .calloutContent {
    padding: 50px 40px;
    text-align: left;
}

.callout.hasbg .readmore {
    background: transparent !important;
    border: none !important;
}

.callout.notext .readmore:hover {
    color: #6786b8;
    background: transparent;
}

.callout.notext .readmore:hover:before {
    background: #6786b8;
}

.callout.notext .readmore:hover:after {
    border-color: #6786b8;
    color: #6786b8;
}

.sidebar .callout .readmore:after, .bodyContent .callout .readmore:after {
    line-height: 41px;
}

.sidebar .callout .calloutTitle, .bodyContent .callout .calloutTitle {
    font-size: 22px !important;
    text-transform: inherit;
    line-height: 26px !important;
    font-weight: 300 !important;
    letter-spacing: 1px;
}

.sidebar .callout .calloutTitle h3, .bodyContent .callout .calloutTitle h3 {
    font-size: 22px !important;
    line-height: 26px !important;
    font-weight: 300 !important;
    text-transform: inherit;
    color: #ffffff;
    margin: 0 0 25px !important;
}

.sidebar .callout .calloutSubtitle, .bodyContent .callout .calloutSubtitle {
    font-size: 16px;
    text-transform: inherit;
    font-weight: 300 !important;
    margin: 0 0 30px;
    line-height: 26px;
    letter-spacing: 1px;
}

h1 {
    font-size: 44px;
    line-height: 80px;
    color: #434e6a;
    margin-top: 0px;
    margin-bottom: 50px;
    font-weight: 200;
}

.bodyContent h2 {
    margin: 20px 0px 10px;
    line-height: 42px;
    font-size: 22px;
    text-transform: inherit;
    font-weight: 300;
}

.bodyContent h3, .sidebar h3 {
    margin: 20px 0px 10px;
    line-height: 32px;
    font-size: 20px;
    text-transform: inherit;
    font-weight: 300;
}

.bodyContent h3 a, .bodyContent h2 a, .sidebar h3 a {
    color: #434e6a;
}

.bodyContent h3 a:hover, .bodyContent h2 a:hover, .sidebar h3 a:hover {
    color: #6786b8;
}

.bodyContent {
    border-top: 1px solid #bfbfbf;
    padding-top: 10px;
}

.quoteContainer {
    background: #f6f6f6;
    color: #58595b;
}

.quoteContainer blockquote.quote-text {
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    text-align: left;
}

.quoteContainer .quote-cite {
    text-align: right;
    font-size: 16px;
    font-weight: 300;
    color: #58595b;
    padding: 0 25px 15px;
}

.quoteContainer .quote-cite span {
    display: inline-block;
}

.quoteContainer .quote-cite span:after {
    content: '-';
    font-size: 16px;
    font-weight: 300;
    color: #58595b;
    display: inline-block;
    margin-left: 10px;
}

.quoteContainer .quote-cite span:before {
    content: '-';
    font-size: 16px;
    font-weight: 300;
    color: #58595b;
    display: inline-block;
    margin-right: 10px;
}

blockquote {
    background: #f6f6f6;
    color: #58595b;
    padding: 25px 35px;
}

.poi:hover .poiImage .poiImageBG {
    opacity: 0.2;
}

.blockButton > a, a.readmore {
    background: transparent;
    border: none;
    color: #434e6a;
    font-size: 17px;
    line-height: 41px;
    padding: 0 110px 0 0 !important;
    text-transform: inherit;
    width: auto !important;
    letter-spacing: 2px;
    font-weight: 300;
    margin: 0;
    position: relative;
}

.blockButton > a:after, a.readmore:after {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #434e6a;
    border-radius: 50%;
    content: '\f105';
    font-size: 18px;
    color: #434e6a;
    display: block;
    position: absolute;
    right: 0;
    font-weight: 700;
    font-family: "Font Awesome 5 Free";
    transform: rotate(0deg);
    transition: 300ms;
    top: 0;
    text-align: center;
}

.blockButton > a:before, a.readmore:before {
    width: 74px;
    height: 1px;
    content: '';
    font-size: 18px;
    color: #434e6a;
    display: block;
    position: absolute;
    background: #434e6a;
    right: 21px;
    top: 21px;
    transition: 300ms;
}

.blockButton > a:hover, a.readmore:hover {
    color: #6786b8;
    background: transparent;
}

.blockButton > a:hover:before, a.readmore:hover:before {
    background: #6786b8;
}

.blockButton > a:hover:after, a.readmore:hover:after {
    border-color: #6786b8;
    color: #6786b8;
}

.staff-meta a.email-value:before {
    background: #6786b8;
    color: #ffffff;
    font-weight: 300;
}

.staff-meta a.email-value:hover:before {
    background: #434e6a;
    color: #ffffff;
}

.staff-meta .meta-label {
    font-weight: 400;
}

.dynamic-documents .document {
    padding: 0px 80px 0 0 !important;
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
}

.dynamic-documents .document a {
    background: #ffffff;
    border: none;
    color: #434e6a;
    font-size: 17px;
    line-height: 41px;
    padding: 0 15px 0 0 !important;
    text-transform: inherit;
    width: auto !important;
    letter-spacing: 2px;
    font-weight: 300;
    margin: 0;
    position: relative;
    display: inline-block;
}

.dynamic-documents .document:after {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #434e6a;
    border-radius: 50%;
    content: '\f105';
    font-size: 18px;
    color: #434e6a;
    display: block;
    position: absolute;
    right: 15px;
    font-weight: 700;
    font-family: "Font Awesome 5 Free";
    transform: rotate(0deg);
    transition: 300ms;
    top: 0;
    text-align: center;
}

.dynamic-documents .document:before {
    width: 85%;
    height: 1px;
    content: '';
    font-size: 18px;
    color: #434e6a;
    display: block;
    position: absolute;
    background: #434e6a;
    right: 36px;
    top: 21px;
    transition: 300ms;
}

.dynamic-documents .document:hover a {
    color: #6786b8;
    background: #ffffff;
}

.dynamic-documents .document:hover:before {
    background: #6786b8;
}

.dynamic-documents .document:hover:after {
    border-color: #6786b8;
    color: #6786b8;
}

.dynamic-documents .document a.document-link:after {
    display: none;
}

.quicklink>a, a>.quicklink, a.quicklink {
    padding: 0px 80px 0 0 !important;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    position: relative;
}

.quicklink>a span, a>.quicklink span, a.quicklink span {
    background: #ffffff;
    border: none;
    color: #434e6a;
    font-size: 17px;
    line-height: 41px;
    padding: 0 15px 0 0 !important;
    text-transform: inherit;
    width: auto !important;
    letter-spacing: 2px;
    font-weight: 300;
    margin: 0;
    position: relative;
    display: inline-block;
}

.quicklink>a:after, a>.quicklink:after, a.quicklink:after {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #434e6a;
    border-radius: 50%;
    content: '\f105';
    font-size: 18px;
    color: #434e6a;
    display: block;
    position: absolute;
    right: 15px;
    font-weight: 700;
    font-family: "Font Awesome 5 Free";
    transform: rotate(0deg);
    transition: 300ms;
    top: 0;
    text-align: center;
}

.quicklink>a:before, a>.quicklink:before, a.quicklink:before {
    width: 85%;
    height: 1px;
    content: '';
    font-size: 18px;
    color: #434e6a;
    display: block;
    position: absolute;
    background: #434e6a;
    right: 36px;
    top: 21px;
    transition: 300ms;
}

.quicklink>a:hover span, a>.quicklink:hover span, a.quicklink:hover span {
    color: #6786b8;
    background: #ffffff;
}

.quicklink>a:hover:before, a>.quicklink:hover:before, a.quicklink:hover:before {
    background: #6786b8;
}

.quicklink>a:hover:after, a>.quicklink:hover:after, a.quicklink:hover:after {
    border-color: #6786b8;
    color: #6786b8;
}

.linkbutton>a, a>.linkbutton, a.linkbutton {
    padding: 0px 80px 0 0 !important;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    position: relative;
}

.linkbutton>a span, a>.linkbutton span, a.linkbutton span {
    background: #ffffff;
    border: none;
    color: #434e6a;
    font-size: 17px;
    line-height: 41px;
    padding: 0 15px 0 0 !important;
    text-transform: inherit;
    width: auto !important;
    letter-spacing: 2px;
    font-weight: 300;
    margin: 0;
    position: relative;
    display: inline-block;
}

.linkbutton>a:after, a>.linkbutton:after, a.linkbutton:after {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #434e6a;
    border-radius: 50%;
    content: '\f105';
    font-size: 18px;
    color: #434e6a;
    display: block;
    position: absolute;
    right: 15px;
    font-weight: 700;
    font-family: "Font Awesome 5 Free";
    transform: rotate(0deg);
    transition: 300ms;
    top: 0;
    text-align: center;
}

.linkbutton>a:before, a>.linkbutton:before, a.linkbutton:before {
    width: 85%;
    height: 1px;
    content: '';
    font-size: 18px;
    color: #434e6a;
    display: block;
    position: absolute;
    background: #434e6a;
    right: 36px;
    top: 21px;
    transition: 300ms;
}

.linkbutton>a:hover span, a>.linkbutton:hover span, a.linkbutton:hover span {
    color: #6786b8;
    background: #ffffff;
}

.linkbutton>a:hover:before, a>.linkbutton:hover:before, a.linkbutton:hover:before {
    background: #6786b8;
}

.linkbutton>a:hover:after, a>.linkbutton:hover:after, a.linkbutton:hover:after {
    border-color: #6786b8;
    color: #6786b8;
}

.dynamic-text .col-lg-12 {
    padding: 0 !important;
}

@media only screen and (max-width : 1199px) {
    .dynamic-documents .document:before, .linkbutton>a:before, a>.linkbutton:before, a.linkbutton:before, .quicklink>a:before, a>.quicklink:before, a.quicklink:before {
        right: 35px;
    }
}

/*Inner Page Css --------------------- End --------------------- */
.dynamic-videocarousel {
    padding: 80px 0 60px;
    margin-bottom: 0px;
}

.cycle-pager-video {
    line-height: 48px;
    position: absolute;
    left: 0;
    top: -52px;
}

.cycle-pager-video span {
    position: relative;
    font-size: 0;
    line-height: 48px;
    padding: 0px 3px;
    margin-right: 6px;
    display: inline-block;
}

.cycle-pager-video span:before {
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #a1a6b4;
    border: none;
    display: block;
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -3px;
    cursor: pointer;
}

.cycle-pager-video span:hover:before, .cycle-pager-video span.cycle-pager-active:before {
    background: #6786b8;
}

.video_section {
    position: relative;
}

.video_next_previous {
    line-height: 52px;
    position: absolute;
    right: 0;
    top: -52px;
    background: #6786b8;
    color: #ffffff;
    padding: 0px 25px;
}

.video_next_previous a {
    color: #ffffff;
    letter-spacing: 1px;
}

.video_next_previous a span {
    padding: 0px 7px;
    font-weight: 400;
    font-size: 12px;
}

.video_next_previous a:hover {
    color: #434e6a;
}

.video_slide .vidBlock img {
    visibility: hidden;
}

.video_slide {
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.video_slide:after {
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.video_title {
    padding: 0px 30px;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 15px;
    z-index: 9;
}

.video_title h2 {
    text-align: left;
    letter-spacing: 1px;
    font-weight: 300;
    font-size: 22px;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
    line-height: 30px;
    color: #ffffff;
}

.video_link.play_video {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 84px;
    height: 106px;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 300;
    font-size: 17px;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
    line-height: 30px;
    color: #ffffff;
    z-index: 9;
    margin: auto;
}

.video_link.play_video span:before {
    content: '\f04b';
    width: 61px;
    height: 61px;
    background: #a5bfd0;
    border: 2px solid #ffffff;
    border-radius: 61px;
    line-height: 61px;
    text-align: center;
    font-size: 20px;
    display: block;
    margin: 0px auto 15px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

@media only screen and (max-width : 767px) {
    .video_slide {
        min-height: 300px;
    }
}

.dynamic-text-image-carousel {
    padding: 80px 0 60px;
    margin-bottom: 0px;
    overflow: hidden;
}

.dynamic-text-image-carousel .row {
    margin: 0;
}

.cycle-pager-text-image, .cycle-pager-news {
    line-height: 48px;
    position: absolute;
    left: 0;
    top: -52px;
    display: none;
}

.cycle-pager-text-image span, .cycle-pager-news span {
    position: relative;
    font-size: 0;
    line-height: 48px;
    padding: 0px 3px;
    margin-right: 6px;
    display: inline-block;
}

.cycle-pager-text-image span:before, .cycle-pager-news span:before {
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #a1a6b4;
    border: none;
    display: block;
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -3px;
    cursor: pointer;
}

.cycle-pager-text-image span:hover:before, .cycle-pager-text-image span.cycle-pager-active:before, .cycle-pager-news span:hover:before, .cycle-pager-news span.cycle-pager-active:before {
    background: #6786b8;
}

.text_image_section, .news_section {
    position: relative;
}

.text_image_next_previous, .news_next_previous {
    line-height: 52px;
    position: absolute;
    right: 0;
    top: -52px;
    background: #6786b8;
    color: #ffffff;
    padding: 0px 25px;
}

.text_image_next_previous a, .news_next_previous a {
    color: #ffffff;
    letter-spacing: 1px;
}

.text_image_next_previous a span, .news_next_previous a span {
    padding: 0px 7px;
    font-weight: 400;
    font-size: 12px;
}

.text_image_next_previous a:hover, .news_next_previous a:hover {
    color: #434e6a;
}

.slide_right_image_area {
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.slide_right_image_area img {
    width:100%;
	height:auto;
	object-fit:cover;
}

.image_title {
    padding: 0px 30px;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 15px;
    z-index: 9;
    text-align: left;
    letter-spacing: 1px;
    font-weight: 300;
    font-size: 22px;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
    line-height: 30px;
    color: #ffffff;
}

.dynamic-text-image-carousel .container {
    position: relative;
}

.dynamic-text-image-carousel .container:before {
    position: absolute;
    width: 30px;
    right: -15px;
    top: 0;
    height: 100%;
    background: #ffffff;
    content: '';
    display: block;
}

.dynamic-news .container {
    position: relative;
}

.dynamic-news .container:before {
    position: absolute;
    width: 30px;
    right: -15px;
    top: 0;
    height: 100%;
    background: #ffffff;
    content: '';
    display: block;
}

.dynamic-news .section_static_image:after {
    display: none;
}

.static_image_holder {
    position: absolute;
    right: -415px;
    top: 0px;
    width: 400px;
    height: 100%;
    overflow: hidden;
}

.section_static_image {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative;
    height: 100%;
}

.section_static_image:after {
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.7);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    content: '';
    display: block;
}

.static_image_holder span {
    padding: 0px 30px;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 15px;
    z-index: 9;
    text-align: left;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 22px;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
    line-height: 30px;
    color: #ffffff;
}
}

.section_static_image img {
    visibility: hidden;
}

.slide_left_text_area h2 {
    font-size: 44px;
    font-weight: 200;
    line-height: 51px;
    margin-top: 0;
    margin-bottom: 50px;
}

.slide_left_text_area h3 {
    font-size: 22px;
    font-weight: 300;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 10px;
}

.slide_left_text_area .new_text {
    margin-bottom: 25px;
    font-size: 18px;
}

.post_readmore {
    color: #6786b8;
    letter-spacing: 1px;
    text-decoration: underline;
    font-weight: 300;
    font-size: 18px;
    display: inline-block;
    margin-bottom: 20px;
}

.post_readmore:hover {
    color: #434e6a;
}

.slide_left_text_area p {
    font-weight: 300;
    margin-bottom: 20px;
}

.slide_left_text_area p span {
    font-weight: 400;
}

.slide_left_text_area .readmore {
    margin-top: 30px;
}

.dynamic-news {
    padding: 80px 0 60px;
    margin-bottom: 0px;
    overflow: hidden;
}

.dynamic-news .row {
    margin: 0;
}

@media only screen and (min-width : 992px) {
    .slide_left_text_area {
        padding-left: 0px;
        padding-right: 11%;
    }
}

@media only screen and (max-width : 991px) {
    .slide_left_text_area, .slide_right_text_area {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .slide_left_text_area {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 40px;
    }

    .dynamic-news, .dynamic-text-image-carousel {
        padding: 60px 0 80px;
    }

    .text_image_next_previous, .news_next_previous {
        top: auto;
        bottom: -52px;
    }
}

.dynamic-icon-text-details {
    padding: 100px 0 70px;
    background: #434e6a;
    color: #ffffff;
}

.dynamic-icon-text-details a {
    color: #ffffff;
}

.dynamic-icon-text-details .row {
    margin: 0;
}

.dynamic-icon-text-details h2, .dynamic-icon-text-details h3, .dynamic-icon-text-details h4, .dynamic-icon-text-details h5 {
    color: #ffffff;
}

.icons_section {
    display: block;
}

.icon_holder {
}

.IconDetails {
    display: block;
    border: 1px solid transparent;
    padding: 60px 25px 30px;
    text-align: center;
}

.icons_section .icon_holder:first-child a {
    background: #6780b0;
}

.icons_section .icon_holder:nth-child(2) a {
    background: #a4a9b5;
}

.icons_section .icon_holder:nth-child(3) a {
    background: #a5bfd0;
}

.icons_section .icon_holder:nth-child(4) a {
    background: #58627b;
}

.IconDetails .IconImg {
    margin-top: 30px;
    margin-bottom: 42px;
}

.IconDetails .IconText {
    font-size: 21px;
    font-weight: 200;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 0px;
    color: #ffffff;
    letter-spacing: 1px;
}

.IconDetails.active, .IconDetails:hover {
    border-color: #ffffff;
}

.icons_text_section .icon_text_details {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 40px;
    color: #ffffff;
}

.icons_text_section h2 {
    font-size: 44px;
    font-weight: 200;
    line-height: 51px;
    margin-top: 10px;
    margin-bottom: 50px;
	margin-bottom:30px;
}
.icons_text_section h2 img {
	width:30px;
}
.icons_text_section h3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 25px;
}

.icons_text_section .readmore {
    color: #ffffff;
    margin-top: 15px;
}

.icons_text_section .readmore:after {
    color: #ffffff;
    border-color: #ffffff;
}

.icons_text_section .readmore:before {
    background-color: #ffffff;
}

@media only screen and (min-width : 992px) {
    .icons_section {
        padding: 0;
    }

    .icons_text_section {
        padding-left: 16.6666%;
    }
}

@media only screen and (min-width : 768px) {
    .icons_section {
        display: flex;
        flex-wrap: inherit;
    }

    .icon_holder {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 30px;
        padding-bottom: 30px;
    }
}

footer {
    background: #6786b8;
    color: #ffffff;
}

footer .row {
    margin: 0;
}

footer a {
    color: #ffffff;
}

.footer_left {
    text-align: center;
    padding: 50px 35px 10px 35px;
    width: 100%;
}

.footer-logo {
    margin-bottom: 50px;
}

.footer_left p {
    font-size: 18px;
    font-weight: 300;
}

.footer_left .phone_email {
    margin-bottom: 30px;
}

.footer_left .phone_email a {
    font-size: 18px;
    font-weight: 300;
    text-decoration: none;
    line-height: 30px;
}

.footer_left .readmore {
    color: #ffffff;
    margin-bottom: 60px;
}

.footer_left .readmore:after {
    color: #ffffff;
    border-color: #ffffff;
}

.footer_left .readmore:before {
    background: #ffffff;
}

.footer_left .readmore:hover {
    color: #a5bfd0;
}

.footer_left .readmore:hover:after {
    color: #a5bfd0;
    border-color: #a5bfd0;
}

.footer_left .readmore:hover:before {
    background: #a5bfd0;
}

.footer_right {
    padding-left: 0;
    padding-right: 0;
}

.footer_right_content {
    padding-top: 120px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 30px;
    height: 100%;
    background: #607ba8;
}

.footer_right_content h2 {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 30px;
    color: #ffffff;
}

.footer_right_content div.wpforms-container-full .wpforms-form input[type=email], .footer_right_content div.wpforms-container-full .wpforms-form input[type=number], .footer_right_content div.wpforms-container-full .wpforms-form input[type=password], .footer_right_content div.wpforms-container-full .wpforms-form input[type=text], .footer_right_content div.wpforms-container-full .wpforms-form select {
    background: transparent !important;
    border: 1px solid #ffffff !important;
    padding: 0px 15px !important;
    height: 46px !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 300 !important;
}

.footer_right_content div.wpforms-container-full .wpforms-form textarea {
    background: transparent !important;
    border: 1px solid #ffffff !important;
    padding: 15px !important;
    height: 188px !important;
    color: #ffffff;
    font-size: 16px !important;
    font-weight: 300 !important;
}

.footer_right_content div.wpforms-container-full .wpforms-form input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ffffff;
    opacity: 0.5;
    /* Firefox */
}

.footer_right_content div.wpforms-container-full .wpforms-form input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #ffffff;
    opacity: 0.5;
}

.footer_right_content div.wpforms-container-full .wpforms-form input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #ffffff;
    opacity: 0.5;
}

.footer_right_content div.wpforms-container-full .wpforms-form textarea::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ffffff;
    opacity: 0.5;
    /* Firefox */
}

.footer_right_content div.wpforms-container-full .wpforms-form textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #ffffff;
    opacity: 0.5;
}

.footer_right_content div.wpforms-container-full .wpforms-form textarea::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #ffffff;
    opacity: 0.5;
}

.footer_right_content .wpforms-submit {
    background: transparent !important;
    border: none;
    color: #ffffff !important;
    font-size: 17px !important;
    line-height: 41px !important;
    padding: 0 110px 0 0 !important;
    text-transform: inherit;
    width: auto !important;
    letter-spacing: 2px;
    font-weight: 300;
    margin: 0;
    position: relative !important;
    display: inline-block !important;
    border: none !important;
    float: right !important;
}

.footer_right_content .wpforms-submit:after {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    content: '\f105';
    font-size: 18px;
    color: #ffffff;
    display: block;
    position: absolute;
    right: 0;
    font-weight: 700;
    font-family: "Font Awesome 5 Free";
    transform: rotate(0deg);
    transition: 300ms;
    top: 0;
    text-align: center;
}

.footer_right_content .wpforms-submit:before {
    width: 74px;
    height: 1px;
    content: '';
    font-size: 18px;
    color: #ffffff;
    display: block;
    position: absolute;
    background: #ffffff;
    right: 21px;
    top: 21px;
    transition: 300ms;
}

.footer_right_content .wpforms-submit:hover {
    color: #a5bfd0 !important;
    background: transparent !important;
}

.footer_right_content .wpforms-submit:hover:before {
    background: #a5bfd0;
}

.footer_right_content .wpforms-submit:hover:after {
    border-color: #a5bfd0;
    color: #a5bfd0;
}

.wpforms-submit-container:after {
    clear: both;
    height: 1px;
    display: table;
    content: '';
}

.footerLower {
    padding: 0;
    background: transparent;
    font-size: 12px;
    font-weight: 300;
    color: rgba(255,255,255,0.5);
}

.footerLower a, .footerLower p {
    color: rgba(255,255,255,0.5);
    font-size: 12px;
    font-weight: 300;
}

.footerLower a:hover {
    color: rgba(255,255,255,1);
}

.footerLower img {
    display: none !important;
}

@media only screen and (max-width : 991px) {
    .icon_holder {
        padding-bottom: 30px;
    }
}

@media only screen and (min-width : 992px) {
    .footer_right {
        padding-left: 15px;
        padding-right: 86px;
    }
    .footer_left .phone_email a {
        line-height: unset;
    }
}

/*Search Toggle Styles -------------------- Start*/
.searchToggle .searchform input.s {
    transition : 300ms;
}

.headerSearch form.openSearch {
    padding-right : 12px;
    top : -12px;
}

.searchToggle .headerSearch {
    border : none;
}

.headsocial-box #searchSubmit {
    height: 30px;
    padding-top : 0;
}

.searchform.openSearch {
    overflow: visible;
}

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

.searchToggle .searchform input.s {
    width: 0px;
}

.searchToggle .headerSearch .searchform input.s {
    position: absolute;
    top: 30px;
    right: 0;
    width: 0;
    padding-left: 10px;
    border: none;
}

.searchToggle .searchform.openSearch input.s {
    width: 250px !important;
    height: 40px;
    top: 30px;
    position: absolute;
}

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

.searchToggle .search-form-holder {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.searchToggle .searchform {
    width: 30px;
    transition: 500ms;
    position: absolute;
    right : 0;
    top : -12px;
    padding-right : 0;
    height: 36px;
}

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

.searchToggle .searchform.openSearch input.s {
}

.searchform.openSearch {
}

.searchToggle .searchform.openSearch input.s {
    background: #F0F0F0;
    color: #333333 !important;
}

.IconTextSection {
    display: none;
}

.IconTextSection.active {
    display: block;
}

.social_icons {
    position: absolute;
    z-index: 105;
    right : 0;
    top : 0;
}

.social_icons a {
    display: block;
    width: 87px;
    height: 64px;
    text-align: center;
    line-height: 64px;
    background: #58627b;
    color: #ffffff;
}

.social_icons a.facebook {
    background: #58627b;
}

.social_icons a.twitter {
    background: #93969d;
}

.social_icons a.instagram {
    background: #a5bfd0;
}

.social_icons a:hover {
    background: #6786b8;
}

.attend-next-open-day {
    position: fixed;
    left: -569px;
    top : 105px;
    transition: left 500ms;
    background-color: #434e6a;
    margin-top: 0px;
    padding: 90px 40px;
    z-index: 9999;
    width: 569px;
    overflow-x: hidden;
    font-size: 16px;
    color: #ffffff;
    font-weight: 300;
}

.attend-next-open-day p {
    margin-bottom: 20px;
}

.attend-next-open-day h2 {
    font-size: 22px;
    font-weight: 300;
    line-height: 50px;
    margin-top: 0;
    margin-bottom: 20px;
    color: #ffffff;
}

.attend-next-open-day h2 span {
    font-size: 16px;
    line-height: 35px;
    display: block;
}

.attend-next-open-day.open {
    left : 0;
}

.instagram-popup, .twitter-popup, .facebook-popup {
    display: none;
    top : 0px;
    transition: left 500ms;
    background-color: #434e6a;
    margin-top: 0px;
    padding: 50px 40px;
    z-index: 105;
    width: 370px;
    overflow-x: hidden;
    font-size: 16px;
    font-weight: 300;
}

.instagram-popup .seemore, .twitter-popup .seemore, .facebook-popup .seemore {
    margin: 10px 0 0;
}

.instagram-popup.open, .twitter-popup.open, .facebook-popup.open {
    display: block;
    position: absolute;
    right : 87px;
}

.instagram-popup.open *, .twitter-popup.open *, .facebook-popup.open * {
    color: #ffffff !important;
    font-weight: 300 !important;
}

#cff.cff-default-styles .cff-author .cff-author-text * {
    color: #ffffff !important;
    font-weight: 300 !important;
}

#cff .cff-author .cff-page-name.cff-author-date {
    font-size: 22px !important;
}

#cff .cff-shared-link {
    padding: 0;
    background: rgba(0,0,0,0.0);
    border: 1px solid rgba(0,0,0,0.0);
}

#ctf.ctf-super-narrow .ctf-author-name {
    font-size: 22px !important;
    color: #ffffff !important;
    font-weight: 300 !important;
    display: block;
}

.attend-next-open-day .close-attend-contianer {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #ffffff;
    font-size: 22px;
    font-weight: 300;
}

.attend-next-open-day div.wpforms-container-full .wpforms-form input[type=email], .attend-next-open-day div.wpforms-container-full .wpforms-form input[type=number], .attend-next-open-day div.wpforms-container-full .wpforms-form input[type=password], .attend-next-open-day div.wpforms-container-full .wpforms-form input[type=text], .attend-next-open-day div.wpforms-container-full .wpforms-form select {
    background: transparent !important;
    border: 1px solid #ffffff !important;
    padding: 0px 15px !important;
    height: 46px !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 300 !important;
}

.attend-next-open-day div.wpforms-container-full .wpforms-form textarea {
    background: transparent !important;
    border: 1px solid #ffffff !important;
    padding: 15px !important;
    height: 188px !important;
    color: #ffffff;
    font-size: 16px !important;
    font-weight: 300 !important;
}

.attend-next-open-day div.wpforms-container-full .wpforms-form input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ffffff;
    opacity: 0.5;
    /* Firefox */
}

.attend-next-open-day div.wpforms-container-full .wpforms-form input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #ffffff;
    opacity: 0.5;
}

.attend-next-open-day div.wpforms-container-full .wpforms-form input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #ffffff;
    opacity: 0.5;
}

.attend-next-open-day div.wpforms-container-full .wpforms-form textarea::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ffffff;
    opacity: 0.5;
    /* Firefox */
}

.attend-next-open-day div.wpforms-container-full .wpforms-form textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #ffffff;
    opacity: 0.5;
}

.attend-next-open-day div.wpforms-container-full .wpforms-form textarea::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #ffffff;
    opacity: 0.5;
}

.attend-next-open-day .wpforms-submit {
    background: transparent !important;
    border: none;
    color: #ffffff !important;
    font-size: 17px !important;
    line-height: 41px !important;
    padding: 0 110px 0 0 !important;
    text-transform: inherit;
    width: auto !important;
    letter-spacing: 2px;
    font-weight: 300;
    margin: 0;
    position: relative !important;
    display: inline-block !important;
    border: none !important;
    float: right !important;
}

.attend-next-open-day .wpforms-submit:after {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    content: '\f105';
    font-size: 18px;
    color: #ffffff;
    display: block;
    position: absolute;
    right: 0;
    font-weight: 700;
    font-family: "Font Awesome 5 Free";
    transform: rotate(0deg);
    transition: 300ms;
    top: 0;
    text-align: center;
}

.attend-next-open-day .wpforms-submit:before {
    width: 74px;
    height: 1px;
    content: '';
    font-size: 18px;
    color: #ffffff;
    display: block;
    position: absolute;
    background: #ffffff;
    right: 21px;
    top: 21px;
    transition: 300ms;
}

.attend-next-open-day .wpforms-submit:hover {
    color: #6786b8 !important;
    background: transparent !important;
}

.attend-next-open-day .wpforms-submit:hover:before {
    background: #6786b8;
}

.attend-next-open-day .wpforms-submit:hover:after {
    border-color: #6786b8;
    color: #6786b8;
}

.attend-next-open-day .wpforms-submit-container:after {
    clear: both;
    height: 1px;
    display: table;
    content: '';
}

.down_link {
    text-align: center;
    margin: 20px 0 40px;
}

body.error404 .searchInput.s {
    width: 100%;
}

.instagram-popup.open {
    padding: 2px;
}

.instagram-popup {
    background: #a5bfd0;
}

.twitter-popup {
    background: #93969d;
}

.facebook-popup {
    background: #58627b;
}

@media only screen and (max-width : 767px) {
    .attend-next-open-day {
        left: -100%;
        width: 100%;
        top: 0;
    }
}

@media only screen and (max-width : 480px) {
    .instagram-popup, .twitter-popup, .facebook-popup {
        display: none;
        top : 105px;
        transition: left 500ms;
        background-color: #434e6a;
        margin-top: 0px;
        padding: 50px 40px;
        z-index: 105;
        width: 220px;
        overflow-x: hidden;
        font-size: 16px;
        font-weight: 300;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1199px) {
    .headLogoWrap {
        padding-left: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    body.home .headLogoWrap {
        padding: 0px;
    }
}

@media only screen and (max-width : 767px) {
    .social_icons a {
        display: block;
        width: 64px;
        height: 60px;
        line-height: 60px;
    }

    .instagram-popup.open, .twitter-popup.open, .facebook-popup.open {
        right: 64px;
    }
}

@media only screen and (min-width : 1450px) {
    .footerLower {
        padding: 0px 5%;
    }
}

@media only screen and (min-width : 1680px) {
    .footerLower {
        padding: 0px 8%;
    }
}

#menu-main-top li:hover > .sub-menu:after {
    content: '\f0d8';
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 12px;
    font-size: 20px;
    top: -15px;
    text-align: center;
    color: #6786b8;
    font-weight: 700;
    font-family: "Font Awesome 5 Free";
    transform: rotate(0deg);
    transition: 300ms;
}

#menu-main-top .sub-menu .sub-menu:after {
    display: none !important;
}

@media only screen and (max-width : 1200px) {
    .static_image_holder {
        display: none;
    }

    .dynamic-news .container:before {
        display: none;
    }

    .dynamic-text-image-carousel .container:before {
        display: none;
    }
}

@media only screen and (max-width : 1200px) {
    .dynamic-icon-text-details .icons_section, .dynamic-icon-text-details .icons_text_section {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/*Curriculum*/
#subject-tiles {
    margin-bottom: 40px;
}

#subject-tiles .subject-block .panel {
    background: #6786b8;
    color: #fff;
}

#subject-tiles .subject-block .title {
    color: #fff;
}

.subject-tile .tile-bg:before {
    background: rgba(0,0,0,0.4);
}

.subject-tile, .subject-tile.subjectOpen .cover .button-wrap, #subject-tiles .subject-block .subject-close {
    background: #434e6a;
}

.static_image_holder {
    display: none !important;
}
/* new staff page */

.grid-item-full .grid-content .standard-staff-name {
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 50px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 32px;
}
    
.staff-grid-item {
    padding: 0px 15px 0;
	margin-top:40px;
}
.staff-grid .grid-item-full  {	
	display:none;
}

.standard-staff-image   {    
    height: 400px;
    background: inherit;    
}
@media only screen and (max-width : 991px) {
.standard-staff-image   {    
    height: 250px;
}
}
.standard-staff-image img  {
    width: 100%;
    max-width: inherit;
}

.standard-staff-image:before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 100%;
}

.standard-staff-image >img {
    width: auto;
    display: none;
}

.staff-grid-item .staff_grid_link  {
    display: block;
    position: relative;  
}   

.staff-grid-item .staff_grid_link.vOpen:before  {
    display: none;
}

.staff-grid-item .staff_grid_link h4.standard-staff-name  {
    font-size: 22px;
    text-transform: uppercase;
    line-height: 30px;
    margin-bottom: 0 !important;    
    color: #434e6a;
    font-weight: 200;
    letter-spacing: 1px;
}
.staff-grid-item .staff_grid_link .meta-value  {
    color: #58595b;
    font-size: 14px;    
    letter-spacing: 1px;    
    font-weight: 500;
}

.grid-item-full  {
    border-bottom: none;
    margin-bottom: 0px !important;
    background: #f6f6f6;
    padding: 0px 0px 0px;
	width: calc(100vw - var(--scrollbar-width));
    transform: translateX(-50%);
    left: calc(50% + 0px);
    position: relative;
}

.grid-item-full-inner  {
    padding: 80px 30px 100px;
    position: relative;
}
.grid-item-full .standard-staff-name  {
    font-size: 40px;    
    line-height: 40px;
    margin-bottom: 0 !important;
    color:#434e6a;  
    font-weight: 200;
    letter-spacing: 1px;  
}
.grid-item-full .meta-value  {    
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 60px;
    font-weight: 500;
}
.grid-item-full .staff-show-left p  {    
    padding-right: 150px;
}

.staff-grid  {
    display : grid;
    grid-template-columns : 33% 33% 33%;    
    margin-bottom: 60px;
    padding-top: 10px;
}
@media only screen and (max-width : 767px) {
    .staff-grid {
        display: block;
    }
    .grid-item-full .meta-value  {    
        line-height: 20px;        
        margin: 10px 0 10px 0px;
    }
    .staff-grid-item .staff_grid_link {
        text-align: center;
    }
    .staff-grid-item .staff_grid_link.poi  {        
        width: 250px;
        margin: auto;
        height: 300px;
    } 
    .grid-item-full .staff-show-left p {
        padding-right: 0;
    }  
    .staff-show-left {
        padding-left: 30px;;
    }     
} 

.staff-grid .grid-item-full  {
    grid-column : 1/4;
}
/*
.staff-grid .grid-item-full .grid-item-full-inner:before {
    content : "";
    position: absolute;
    width: 201%;
    height: 100%;
    left : -200%;
    top : 0;    
    transition: 300ms;
    display: block;
}

.staff-grid .grid-item-full .grid-item-full-inner:after {
    content : "";
    position: absolute;
    width: 201%;
    height: 100%;
    right : -200%;
    top : 0;    
    transition: 300ms;
}*/
.staff-grid .grid-item-full  {
	z-index:5;
}
.staff-grid .grid-item-full .grid-item-full-inner:before, .staff-grid .grid-item-full .grid-item-full-inner:after  {
    background: #f6f6f6;
}

.grid_close_popup  {
    position: absolute!important;
    color: #ffffff;
    display: block;
    line-height: 18px;
    font-size: 20px;
    right: 0px;
    top: 0px;
    z-index: 9;
    background-color: #a5bfd0;
    padding: 13px 15px;        
    margin-bottom: 0px !important;    
}

.grid-item-full .grid-content {
    padding: 60px 40px;
    background: #F1F2F2;
    margin-bottom: 30px;
}
.grid-item-full .grid-content img {
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
}
.grid-item-full .grid-content .standard-staff-name {
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 50px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.grid-item-full .grid-content  {
    position: relative;
}

.page-id-3675 .poi {
    position: relative;
    display: block;
    transition: all 300ms;
    overflow: hidden;
    background:rgb(62, 71, 93, 0.5);
    color: #fff;
    margin-bottom: 26px;
}

@media only screen and (max-width : 787px) {
    .page-id-3675 .poi {
        width:50%;
        margin: auto;
    }
}    

.page-id-3675 .poi:hover {
    color: #fff;
    text-decoration: none;
}

.standard-staff-image .poiImageBG {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 300ms;
    opacity: 1;
}

.standard-staff-image .staff-view-text {    
    position: absolute;
    top: 40%;
    left: 60px;
    width: 100%;    
   /* transform: translateY(-50%);
    /* text-align: center; 
    width: 100%;*/
    transition: 300ms;
}
@media (max-width:991px){
    .standard-staff-image .staff-view-text {    
        left:0;
    }
}    

.standard-staff-image .staff-view-text .view-profile {
    max-height: 0;
    overflow: hidden;
    font-size: 14px;
    transition: 300ms;    
	display:none;
}
/*.standard-staff-image .staff-view-text .view-profile::after {
    display: inline-block;
    background: url(images/view-icon.png) center center no-repeat;
    width: 90px;
    height: 42px;
    content: '';
    margin-left: 20px;
    position: relative;
    top: 0px;
    margin-top: 10px;
}  */  

.view-icon {
    width:90px!important;
    margin-left:20px;
}    
@media (max-width:991px){
    .view-icon {
        display: none;
    }  
}    
@media (min-width:568px){
	.standard-staff-image .staff-view-text .view-profile {
		display:block;
	}
}
@media (min-width:992px){
	.standard-staff-image .staff-view-text .view-profile {
		font-size:16px;
	}
}

.poi:hover .standard-staff-image .staff-view-text {
    bottom: 50%;
    transform: translateY(50%);
}

.poi:hover .standard-staff-image .poiImageBG {
    opacity: 0.12;
}

.poi:hover .standard-staff-image .view-profile {
    max-height: 460px;
}

.sb-wall {
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}